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

package/lib/es/index.js

@@ -1,14 +1,14 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.62
+ * @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';
@@ -4736,7 +4736,7 @@ registerMenu('cur-folder', [{
 }, {
   key: 'create',
   icon: 'folder',
-  title: '新建文件'
+  title: '新建文件夹'
 }, {
   type: 'line'
 }, {
@@ -6118,6 +6118,10 @@ const ExplorerMenu = props => {
       loadMenu: loadMenu,
       onChange: onChange,
       onRename: onRename,
+      isEdit: store.isEdit,
+      isDelect: store.isDelect,
+      isDownload: store.isDownload,
+      isUpload: store.isDownload,
       openMenu: openMenu,
       closeMenu: store.closeMenu,
       onSelect: v => {
@@ -6684,8 +6688,6 @@ const SelectBox = props => {
     }
     if (!key) return;
     typeof props.onUpload === 'function' && props?.onUpload(files, key, empty);
-    store.curInfo && loadData(store.curInfo?.key);
-    store.curInfo?.key && store.reloadNode(store.curInfo.key);
   };
   function handleDragEnter(e) {
     e.preventDefault();
@@ -7340,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',
@@ -7367,6 +7365,7 @@ const Layout$1 = props => {
   }
   function _onDblclick(key, info) {
     if (info.type == 'folder') {
+      if (!isNavtab) return;
       if (Array.isArray(info?.children) && !info?.children.lenght) {
         store.setCurInfo(info);
         store.setCurList(info?.children);
@@ -7384,7 +7383,7 @@ const Layout$1 = props => {
       store.setLogIndex(arr.length);
     } else {
       onDblclick?.(key, {
-        info,
+        ...info,
         isEdit: store.isEdit
       });
     }
@@ -7445,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,
@@ -7489,7 +7488,7 @@ const Layout$1 = props => {
           store.setLoadKey(v);
         },
         onExpand: v => {
-          setExpandkey(v);
+          store.setExpandkey(v);
         },
         onChange: v => {
           store.setCurList(v);
@@ -7766,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,
@@ -7776,12 +7795,14 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     isUpload = true,
     isEdit = true,
     isDownload = true,
+    isNavtab = true,
     createFile,
     onCopy,
     onShear,
     onPaste,
     onDelect,
     onChange,
+    onChangeCurMap,
     loadData: _loadData,
     onRename: _onRename,
     onMenuClick: _onMenuClick
@@ -7797,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');
@@ -7821,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 || '');
     }
   }));
   /* ************ 挂载监听  **************** */
@@ -7928,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;
@@ -7949,6 +7975,20 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     let map = addLevel(curlist, {});
     setDataMap(map);
   }, [curlist]);
+  useEffect(() => {
+    setExpandkey([]);
+  }, [curInfo?.key]);
+  useEffect(() => {
+    if (isNavtab) return;
+    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);
@@ -8019,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) {
@@ -8266,6 +8330,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       curSelectFile,
       loadkey,
       nav_loadKey,
+      expandkey,
       //icon
       getIcons: Icons,
       loadMenu: props.loadMenu,
@@ -8288,7 +8353,8 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       setCurSelect,
       setCurSelectFile,
       setLoadKey,
-      setNavLoadKey
+      setNavLoadKey,
+      setExpandkey
     },
     children: jsx("div", {
       className: 'explorer-container',