@gingkoo/pandora-explorer 0.1.2 → 0.1.4

package/lib/es/components/tree/index.d.ts

@@ -39,5 +39,5 @@ export interface TreeProps {
     onExpand?: (data: string[]) => void;
     [key: string]: any;
 }
-declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<TreeProps, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.1.2
+ * @gingkoo/pandora-explorer v0.1.4
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -6202,7 +6202,9 @@ var Tree = /*#__PURE__*/forwardRef((props, _ref) => {
           v.stopPropagation();
           onDblclick && onDblclick?.(node.key, node);
         },
+        // filterTreeNode={searchFiles ? (v) => v.key.includes(searchFiles) : undefined}
         titleRender: v => {
+          // if (searchFiles && !v.key.includes(searchFiles)) return null;
           if (v.key == '_ending') {
             return jsx("div", {
               style: {
@@ -8761,6 +8763,67 @@ const Layout$1 = props => {
     x: 0,
     y: 0
   });
+  const curList = useMemo(() => {
+    if (!store?.searchFiles) return store.curlist;
+    const expandedKeys = new Set();
+    function searchTree(treeData, searchText) {
+      if (!searchText) return {
+        tree: treeData,
+        expandedKeys: []
+      };
+      const result = [];
+      treeData.forEach(node => {
+        const {
+          matchedNode,
+          keys
+        } = searchNode(node, searchText.toLowerCase());
+        if (matchedNode) {
+          result.push(matchedNode);
+          keys.forEach(key => expandedKeys.add(key));
+        }
+      });
+      return {
+        tree: result,
+        expandedKeys: Array.from(expandedKeys)
+      };
+    }
+    function searchNode(node, searchText, pathKeys = []) {
+      // 检查当前节点是否匹配
+      const currentPath = [...pathKeys, node.key];
+      const isMatched = node.name.toLowerCase().includes(searchText);
+      // 如果有子节点，递归检查子节点
+      let matchedChildren = [];
+      let childExpandedKeys = [];
+      if (node.children && node.children.length > 0) {
+        node.children.forEach(child => {
+          const {
+            matchedNode,
+            keys
+          } = searchNode(child, searchText, currentPath);
+          if (matchedNode) {
+            matchedChildren.push(matchedNode);
+            keys.forEach(key => childExpandedKeys.push(key));
+          }
+        });
+      }
+      if (isMatched || matchedChildren.length > 0) {
+        return {
+          matchedNode: {
+            ...node,
+            children: isMatched ? node.children : matchedChildren
+          },
+          keys: isMatched ? currentPath : childExpandedKeys
+        };
+      }
+      return {
+        matchedNode: null,
+        keys: []
+      };
+    }
+    const result = searchTree(store.curlist, store.searchFiles);
+    store.setExpandkey(result.expandedKeys);
+    return result.tree;
+  }, [store.curlist, store?.searchFiles]);
   function Loading() {
     return jsx("div", {
       className: 'explorer-columns-loading',
@@ -8813,6 +8876,68 @@ const Layout$1 = props => {
   function setRename(key) {
     store.setReName(key);
   }
+  function renderTree() {
+    if (store?.menutype !== 'table') return jsx(Fragment, {});
+    return jsx(Tree, {
+      ref: tree_srcoll,
+      type: 'table',
+      treeData: curList,
+      checks: checks,
+      activeKey: props?.activeFile,
+      rename: store.reamekey,
+      selectedKeys: [props?.activeFile || store.curSelect],
+      expandedKeys: store.expandkey,
+      loadedKeys: store.loadkey,
+      columns: store.columns,
+      checkType: store.checkType,
+      isEdit: store.isEdit,
+      isDelect: store.isDelect,
+      isDownload: store.isDownload,
+      isUpload: store.isDownload,
+      selectedSuffix: store.selectedSuffix,
+      height: height - 24,
+      width: width,
+      animation: false,
+      showLine: false,
+      isOpenMenu: isOpenMenu,
+      icon: store.getIcons,
+      openMenu: store.openMenu,
+      closeMenu: store.closeMenu,
+      isload: true,
+      ischeck: truncate,
+      onScroll: v => {
+        scroll.current = v;
+        setScroll(v);
+      },
+      onChecks: arr => {
+        onCheck?.(arr);
+      },
+      onSelect: v => {
+        if (v?.type == 'folder' && v.expanded) {
+          store.setCurSelectFile(v.key);
+        }
+        if (isdarg) return;
+        store.setCurSelect(v.key);
+      },
+      onRename: onRename,
+      onMenuClick: onMenuClick,
+      onDblclick: _onDblclick,
+      loadData: loadNode,
+      loadMenu: loadMenu,
+      setRename: v => {
+        setRename(v);
+      },
+      onLoad: v => {
+        store.setLoadKey(v);
+      },
+      onExpand: v => {
+        store.setExpandkey(v);
+      },
+      onChange: v => {
+        store.setCurList(v);
+      }
+    });
+  }
   return jsxs("div", {
     className: 'file-continer-main',
     onClick: () => {
@@ -8897,65 +9022,7 @@ const Layout$1 = props => {
         onChange: v => {
           store.setCurList(v);
         }
-      }), store?.menutype == 'table' && jsx(Tree, {
-        ref: tree_srcoll,
-        type: 'table',
-        checks: checks,
-        activeKey: props?.activeFile,
-        rename: store.reamekey,
-        selectedKeys: [props?.activeFile || store.curSelect],
-        expandedKeys: store.expandkey,
-        loadedKeys: store.loadkey,
-        treeData: store.curlist,
-        columns: store.columns,
-        checkType: store.checkType,
-        isEdit: store.isEdit,
-        isDelect: store.isDelect,
-        isDownload: store.isDownload,
-        isUpload: store.isDownload,
-        selectedSuffix: store.selectedSuffix,
-        height: height - 24,
-        width: width,
-        animation: false,
-        showLine: false,
-        isOpenMenu: isOpenMenu,
-        icon: store.getIcons,
-        openMenu: store.openMenu,
-        closeMenu: store.closeMenu,
-        isload: true,
-        ischeck: truncate,
-        onScroll: v => {
-          scroll.current = v;
-          setScroll(v);
-        },
-        onChecks: arr => {
-          onCheck?.(arr);
-        },
-        onSelect: v => {
-          if (v?.type == 'folder' && v.expanded) {
-            store.setCurSelectFile(v.key);
-          }
-          if (isdarg) return;
-          store.setCurSelect(v.key);
-        },
-        onRename: onRename,
-        onMenuClick: onMenuClick,
-        onDblclick: _onDblclick,
-        loadData: loadNode,
-        loadMenu: loadMenu,
-        setRename: v => {
-          setRename(v);
-        },
-        onLoad: v => {
-          store.setLoadKey(v);
-        },
-        onExpand: v => {
-          store.setExpandkey(v);
-        },
-        onChange: v => {
-          store.setCurList(v);
-        }
-      }), store?.menutype == 'tile' && jsx(Tile, {
+      }), renderTree(), store?.menutype == 'tile' && jsx(Tile, {
         ref: tile_srcoll,
         width: width,
         store: store,
@@ -9425,6 +9492,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     selectedSuffix,
     multiple = true,
     filelist,
+    searchFiles,
     expandkey: _expandkey,
     createFile,
     onCopy,
@@ -9493,11 +9561,9 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       updateCurlist(key || '');
     },
     createFolder: createFolder,
-    setNavSelect: key => {
-      if (key) {
-        setCurInfo({
-          key
-        });
+    setNavSelect: params => {
+      if (params) {
+        setCurInfo(params);
       }
     }
   }));
@@ -10150,6 +10216,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       control,
       nav_expandkey,
       menutype,
+      searchFiles: searchFiles,
       pathDisplay,
       columns: columns || defaultColumns,
       loading,