optimize

Author: kerwin612

web_src/js/components/DiffFileTreeItem.vue

@@ -17,8 +17,7 @@ const props = defineProps<{
 // ------------------------------------------------------------
 const store = diffTreeStore();
 const count = ref(0);
-let pendingUpdate = 0;
-let pendingTimer: Promise<void> | undefined;
+const updateQueue = ref(0);
 // ------------------------------------------------------------
 // Batch Update Mechanism
 // ------------------------------------------------------------
@@ -27,15 +26,12 @@ let pendingTimer: Promise<void> | undefined;
  * Prevents multiple updates within the same tick
  */
 const setCount = (isViewed: boolean) => {
-  pendingUpdate += (isViewed ? 1 : -1);
-
-  if (pendingTimer === undefined) {
-    pendingTimer = nextTick(() => {
-      count.value = Math.max(0, count.value + pendingUpdate);
-      pendingUpdate = 0;
-      pendingTimer = undefined;
-    });
-  }
+  updateQueue.value += (isViewed ? 1 : -1);
+
+  nextTick(() => {
+    count.value = Math.max(0, count.value + updateQueue.value);
+    updateQueue.value = 0;
+  });
 };
 
 // ------------------------------------------------------------
@@ -49,6 +45,18 @@ const setCount = (isViewed: boolean) => {
 const isViewed = computed(() => {
   return props.item.isFile ? props.item.file.IsViewed : (props.item as DirItem).children.length === count.value;
 });
+
+// ------------------------------------------------------------
+// Collapse Behavior Documentation
+// ------------------------------------------------------------
+/**
+ * Collapse behavior rules:
+ * - Viewed folders start collapsed initially
+ * - Manual expand/collapse takes precedence over automatic behavior
+ * - State persists after manual interaction
+ */
+const collapsed = ref(isViewed.value);
+
 // ------------------------------------------------------------
 // Watchers & Side Effects
 // ------------------------------------------------------------
@@ -62,21 +70,11 @@ watch(
     if (props.setViewed) {
       props.setViewed(newVal);
     }
+    collapsed.value = newVal;
   },
   {immediate: true, flush: 'post'},
 );
 
-// ------------------------------------------------------------
-// Collapse Behavior Documentation
-// ------------------------------------------------------------
-/**
- * Collapse behavior rules:
- * - Viewed folders start collapsed initially
- * - Manual expand/collapse takes precedence over automatic behavior
- * - State persists after manual interaction
- */
-const collapsed = ref(isViewed.value);
-
 function getIconForDiffStatus(pType: FileStatus) {
   const diffTypes: Record<FileStatus, { name: SvgName, classes: Array<string> }> = {
     'added': {name: 'octicon-diff-added', classes: ['text', 'green']},