fix: virtualized tree

Author: wangdan-fit2cloud

ui/src/components/folder-virtualized-tree/VirtualizedTree.vue

@@ -17,6 +17,7 @@
         :class="currentNodeKey === node.id ? 'is-current' : ''"
       >
         <el-icon
+          @click.stop="stat.open = !stat.open"
           class="tree-arrow-icon"
           :class="stat.open ? 'rotate-90' : ''"
           :style="{ visibility: stat.children.length ? 'visible' : 'hidden' }"
@@ -59,7 +60,10 @@ const treeRef = ref<DraggableInstance | null>(null)
 const emit = defineEmits(['handleNodeClick', 'node-drop'])
 
 const handleNodeClick = (node: any) => {
-  node.open = !node.open
+  if (node.data.id === props.currentNodeKey) {
+    node.open = !node.open
+    return
+  }
   emit('handleNodeClick', node.data)
 }
 
@@ -114,11 +118,24 @@ function onAfterDrop() {
     emit('node-drop', args[0], args[1], args[2])
   }
 }
+
+const containsCurrentNodeKey = (node: any): boolean => {
+  if (node.id === props.currentNodeKey) {
+    return true
+  }
+  if (node.children && node.children.length) {
+    return node.children.some((child: any) => containsCurrentNodeKey(child))
+  }
+  return false
+}
 const statHandler = (stat: any) => {
   stat.open = stat.level === 1
   if (filterText.value) {
     stat.open = true
   }
+  if (containsCurrentNodeKey(stat.data)) {
+    stat.open = true
+  }
   return stat
 }
 

ui/src/views/knowledge/index.vue

@@ -3,7 +3,7 @@
     <template #left>
       <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.knowledge.title') }}</h4>
 
-      <folder-tree
+      <FolderVirtualizedTree
         :source="SourceTypeEnum.KNOWLEDGE"
         :data="folderList"
         :currentNodeKey="folder.currentFolder?.id"

ui/src/views/tool/index.vue

@@ -3,14 +3,14 @@
     <template #left>
       <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.tool.title') }}</h4>
 
-      <folder-tree
+      <FolderVirtualizedTree
         :source="SourceTypeEnum.TOOL"
         :data="folderList"
         :currentNodeKey="folder.currentFolder?.id"
         @handleNodeClick="folderClickHandle"
-        @refreshTree="refreshFolder"
         :shareTitle="$t('views.shared.shared_tool')"
         :showShared="permissionPrecise['is_share']()"
+        @refreshTree="refreshFolder"
         :draggable="true"
       />
     </template>