@gingkoo/pandora-explorer 0.0.1-alpha.63 → 0.0.1-alpha.64

package/lib/es/index.js

@@ -1,14 +1,14 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.63
+ * @gingkoo/pandora-explorer v0.0.1-alpha.64
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
 import * as React from 'react';
 import React__default, { createContext, useRef, useState, useImperativeHandle, useEffect, useMemo, useContext, createElement, useLayoutEffect as useLayoutEffect$1, forwardRef } from 'react';
+import _$3, { cloneDeep, truncate } from 'lodash';
 import { createRoot } from 'react-dom/client';
 import createEmotion from '@emotion/css/create-instance';
 import { cx as cx$2 } from '@emotion/css';
-import { cloneDeep, truncate } from 'lodash';
 import KeyCode from 'rc-util/lib/KeyCode';
 import pickAttrs from 'rc-util/lib/pickAttrs';
 import 'rc-util/lib/warning';
@@ -7342,10 +7342,6 @@ const Layout$1 = props => {
     onMenuClick: _onMenuClick
   } = props;
   const store = useContext(ExampleContext);
-  const [expandkey, setExpandkey] = useState([]);
-  useEffect(() => {
-    setExpandkey([]);
-  }, [store?.curInfo?.key]);
   function Loading() {
     return jsx("div", {
       className: 'explorer-columns-loading',
@@ -7448,7 +7444,7 @@ const Layout$1 = props => {
         type: 'table',
         checks: checks,
         selectedKeys: [store.curSelect],
-        expandedKeys: expandkey,
+        expandedKeys: store.expandkey,
         loadedKeys: store.loadkey,
         treeData: store.curlist,
         columns: store.columns,
@@ -7492,7 +7488,7 @@ const Layout$1 = props => {
           store.setLoadKey(v);
         },
         onExpand: v => {
-          setExpandkey(v);
+          store.setExpandkey(v);
         },
         onChange: v => {
           store.setCurList(v);
@@ -7769,6 +7765,26 @@ const defaultColumns = [{
     });
   }
 }];
+Object.defineProperty(Array.prototype, 'myforeach', {
+  value: async function (fn, context = null) {
+    let index = 0;
+    let arr = this;
+    if (typeof fn !== 'function') {
+      throw new TypeError(fn + ' is not a function');
+    }
+    while (index < arr.length) {
+      if (index in arr) {
+        try {
+          await fn.call(context, arr[index], index, arr);
+        } catch (e) {
+          console.log(e);
+        }
+      }
+      index++;
+    }
+  },
+  enumerable: false
+});
 const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     data,
@@ -7786,6 +7802,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     onPaste,
     onDelect,
     onChange,
+    onChangeCurMap,
     loadData: _loadData,
     onRename: _onRename,
     onMenuClick: _onMenuClick
@@ -7801,6 +7818,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
   const [reamekey, setReName] = useState(null);
   const [logindex, setLogIndex] = useState(0); //前进
   const [log, setLog] = useState([]); //后退
+  const [expandkey, setExpandkey] = useState([]);
   const [loadkey, setLoadKey] = useState([]);
   const [nav_loadKey, setNavLoadKey] = useState([]);
   const [menutype, setMenutype] = useState('tile');
@@ -7825,8 +7843,11 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       if (key) {
         loadData(key, undefined, closeload);
       } else {
-        curInfo?.key && loadData(curInfo.key, undefined, closeload);
+        loadData(curInfo?.key || '', undefined, closeload);
       }
+    },
+    updateCurListNode: key => {
+      updateCurlist(key || '');
     }
   }));
   /* ************ 挂载监听  **************** */
@@ -7932,11 +7953,12 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     });
   };
   useEffect(() => {
+    if (!isNavtab) return;
     if (!curInfo) {
       setCurList(data?.[0]?.children || []);
       setCurInfo(data?.[0] || null);
     }
-  }, [data]);
+  }, [data, isNavtab]);
   useEffect(() => {
     const addLevel = (data, map) => {
       let i = 0;
@@ -7953,16 +7975,20 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     let map = addLevel(curlist, {});
     setDataMap(map);
   }, [curlist]);
+  useEffect(() => {
+    setExpandkey([]);
+  }, [curInfo?.key]);
   useEffect(() => {
     if (isNavtab) return;
-    console.log(data, '我是data');
-    console.log(curlist, '我是cur');
     if (!curlist?.length) {
       if (Array.isArray(data)) {
         setCurList(data);
       }
     }
   }, [curlist, isNavtab, data]);
+  useEffect(() => {
+    onChangeCurMap?.(dataMap);
+  }, [dataMap]);
   /* ************  加载更新数据   **************** */
   async function loadData(key, param, closeload = true) {
     closeload && setLoading(ApiStatusEnum.LOADING);
@@ -8033,6 +8059,30 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     let arr = fixData(data || [], id, param);
     onChange?.(arr);
   }
+  async function updateCurlist(key) {
+    let data = await reduceGetTreeData(curlist, key || curInfo?.key || '', expandkey);
+    setCurList(data);
+  }
+  async function reduceGetTreeData(data, key, expand) {
+    let res = await loadNode(key);
+    const newData = [];
+    // @ts-ignore
+    await data.myforeach(async v => {
+      let obj = _$3.cloneDeep(v);
+      if (expand.includes(obj.key)) {
+        obj.children = await reduceGetTreeData(obj.children, obj.key, expand);
+      }
+      if (obj.type == 'file') {
+        let match = res.filter(it => it.key === obj.key);
+        if (match.length) {
+          newData.push(match[0]);
+          return null;
+        }
+      }
+      newData.push(obj);
+    });
+    return newData;
+  }
   /* ************  功能方法   **************** */
   //创建和重名
   async function onRename(key, value, info, type) {
@@ -8280,6 +8330,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       curSelectFile,
       loadkey,
       nav_loadKey,
+      expandkey,
       //icon
       getIcons: Icons,
       loadMenu: props.loadMenu,
@@ -8302,7 +8353,8 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       setCurSelect,
       setCurSelectFile,
       setLoadKey,
-      setNavLoadKey
+      setNavLoadKey,
+      setExpandkey
     },
     children: jsx("div", {
       className: 'explorer-container',