perf: 选择器路径视图隐藏尾部节点

gkd-kit · Jan 18, 2024 · 6d61926 · 6d61926
1 parent 59197e6
commit 6d61926
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/src/components/TrackGraph.vue b/src/components/TrackGraph.vue
@@ -76,24 +76,36 @@ const visibleNodes = computed(() => {
   graphNodes.forEach((n) => {
     if (n.children.length < n._node.children.length) {
       const rawGroup: RawNode[] = [];
+      const clear = () => {
+        while (rawGroup.length > 0) {
+          rawGroup.pop();
+        }
+      };
       const insert = () => {
         if (rawGroup.length == 0) return;
+        const children = rawGroup[0].parent!.children!;
         const g = rawGroup[0];
+        if (
+          children.length > 1 &&
+          children.indexOf(g) == 1 &&
+          children.indexOf(rawGroup.at(-1)!) == children.length - 1
+        ) {
+          clear();
+          return;
+        }
         n.children.push({
           _node: g,
           children: [],
           id: g.id.toString(),
           label:
             rawGroup.length == 1
               ? getLimitLabel(g)
-              : `[${g.parent!.children.indexOf(g)} ... ${g.parent!.children.indexOf(
+              : `[${children.indexOf(g)} ... ${children.indexOf(
                   rawGroup.at(-1)!,
                 )}]`,
           tracked: trackId === g.id,
         });
-        while (rawGroup.length > 0) {
-          rawGroup.pop();
-        }
+        clear();
       };
       n._node.children.forEach((c) => {
         if (!n.children.find((g) => g.id === c.id.toString())) {