@gingkoo/pandora-explorer 0.0.1-alpha.69 → 0.0.1-alpha.70

package/lib/es/explorer.d.ts

@@ -2,5 +2,6 @@ import './index.less';
 import './components/tree/css/index.less';
 import { FC } from 'react';
 import { ExplorerProps } from './types';
+export declare const Icons: (v: any, className: string, style?: any) => import("react/jsx-runtime").JSX.Element;
 declare const Explorer: FC<ExplorerProps>;
 export default Explorer;

package/lib/es/index.d.ts

@@ -1,5 +1,6 @@
 import Explorer from './explorer';
 export { registerMenu } from './components/menu/menulist';
+export { Icons } from './explorer';
 export * from './types';
 export * from './enum';
 export default Explorer;

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.69
+ * @gingkoo/pandora-explorer v0.0.1-alpha.70
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -1468,7 +1468,7 @@ const ExplorerHead = props => {
         className: 'tools',
         children: [jsxs("div", {
           className: 'tools-left',
-          children: [jsx("div", {
+          children: [!isEdit && jsx("div", {
             className: cx('btn', {
               hidden: !isEdit
             }),
@@ -1478,7 +1478,7 @@ const ExplorerHead = props => {
             children: jsx("span", {
               children: "\u65B0\u5EFA\u6587\u4EF6\u5939"
             })
-          }), jsx("div", {
+          }), !isUpload && jsx("div", {
             className: cx('btn', {
               hidden: !isUpload
             }),
@@ -5514,6 +5514,7 @@ var TreeItem = (props => {
             onRename?.(title);
           }
           if (e.key === 'Escape') {
+            setTitle(props.title);
             onRename?.(false);
           }
         },
@@ -5588,7 +5589,7 @@ function NotData() {
 }
 
 //添加层级
-const addLevel = (data, levelIndex = 0, filedata) => {
+const addLevel = (data, levelIndex = 0, type, filedata) => {
   let arr = data;
   if (filedata) {
     arr = arr.filter(v => filedata?.(v));
@@ -5597,14 +5598,20 @@ const addLevel = (data, levelIndex = 0, filedata) => {
   while (i < arr.length) {
     let item = arr[i];
     item['level'] = levelIndex;
+    if (type == 'tree' && item?.hasFolder == 0) {
+      item['isLeaf'] = true;
+    }
+    if (item?.hasFolder == 0 && item?.hasFile == 0) {
+      item['isLeaf'] = true;
+    }
     if (!item?.api && !item?.children) {
       item['isLeaf'] = true;
     }
     if (Array.isArray(item.children) && item.children.length > 0) {
       if (filedata) {
-        item.children = addLevel(item.children, levelIndex + 1, filedata);
+        item.children = addLevel(item.children, levelIndex + 1, type, filedata);
       } else {
-        addLevel(item.children, levelIndex + 1, filedata);
+        addLevel(item.children, levelIndex + 1, type, filedata);
       }
     }
     i++;
@@ -5639,6 +5646,7 @@ var Tree = (props => {
     expandedKeys,
     width: _widht,
     columns,
+    rename,
     isload = false,
     ischeck = false,
     showLine = true,
@@ -5656,12 +5664,12 @@ var Tree = (props => {
     loadData,
     filterData,
     onExpand,
+    setRename,
     onLoad
   } = props;
   const ref = useRef(null);
   const tree = useRef(null);
   const header = useRef(null);
-  const [rename, setRename] = useState(null);
   const [data, setData] = useState(treeData);
   const [motionshow, seTmotionShow] = useState(animation);
   const [width, setWidth] = useState([]);
@@ -5677,7 +5685,7 @@ var Tree = (props => {
   }, [width, _widht]);
   useEffect(() => {
     let arr = cloneDeep(treeData);
-    arr = addLevel(arr, 0, filterData);
+    arr = addLevel(arr, 0, type, filterData);
     setData(arr);
   }, [treeData, type, filterData]);
   useEffect(() => {
@@ -5878,6 +5886,7 @@ var Tree = (props => {
             onExpand?.(v);
           },
           onDoubleClick: (v, node) => {
+            if (rename) return;
             v.stopPropagation();
             onDblclick && onDblclick?.(node.key, node);
           },
@@ -6107,6 +6116,7 @@ const ExplorerMenu = props => {
       isload: true,
       treeData: data,
       height: height,
+      rename: store.menuRename,
       loadedKeys: store.nav_loadKey,
       expandedKeys: eventKey,
       selectedKeys: [select],
@@ -6148,7 +6158,8 @@ const ExplorerMenu = props => {
       },
       onExpand: v => {
         setEventKey(v);
-      }
+      },
+      setRename: store.setMenuRename
     })
   });
 };
@@ -6208,6 +6219,7 @@ function Tile(props) {
   const ref = useRef(null);
   const {
     store,
+    rename,
     className,
     height,
     width,
@@ -6220,9 +6232,9 @@ function Tile(props) {
     onSelect,
     onDblclick,
     onMenuClick,
-    onRename
+    onRename,
+    setRename
   } = props;
-  const [rekey, setRekey] = useState(null);
   const [itemSize, setSize] = useState(0);
   const [list, setList] = useState([]);
   const [col, setCol] = useState(9);
@@ -6281,7 +6293,7 @@ function Tile(props) {
             } else {
               menudata = getMenu('');
             }
-            let isname = rekey == v.key || v?.create_file;
+            let isname = rename == v.key || v?.create_file;
             return jsxs("div", {
               "data-id": v.key,
               "data-type": v.type,
@@ -6321,7 +6333,7 @@ function Tile(props) {
                     loadMenu: loadMenu,
                     onChange: key => {
                       if (key == 'rename') {
-                        setRekey(v.key);
+                        setRename(v.key);
                         return;
                       }
                       onMenuClick?.(key, v);
@@ -6381,11 +6393,11 @@ function Tile(props) {
                       return;
                     }
                     if (e.target?.value === v.title) {
-                      setRekey(null);
+                      setRename(null);
                       return;
                     }
                     onRename?.(v.key, e.target.value, v);
-                    setRekey(null);
+                    setRename(null);
                   },
                   onMouseDown: e => {
                     e.stopPropagation();
@@ -6591,6 +6603,7 @@ const SelectBox = props => {
       }, 300);
     }
   }
+  /*** 拖动  ***/
   //拖动文件
   const handleDragOver = e => {
     e.preventDefault();
@@ -6631,10 +6644,10 @@ const SelectBox = props => {
     setIsDragFile(false);
     e.preventDefault();
     e.stopPropagation();
-    const items = e.dataTransfer.items;
+    const items = Array.from(e.dataTransfer.items);
     let files = [];
     let empty = [];
-    const getFile = (item, path) => new Promise((resolve, reject) => {
+    const getFile = async (item, path) => new Promise((resolve, reject) => {
       item.file(file => {
         resolve({
           file,
@@ -6670,12 +6683,13 @@ const SelectBox = props => {
         }
       } catch (error) {}
     };
-    for (let i = 0; i < items.length; i++) {
-      const item = items[i].webkitGetAsEntry();
+    const promises = items.map(async entry => {
+      const item = entry.webkitGetAsEntry();
       if (item) {
-        await traverseFileTree(item, '');
+        return traverseFileTree(item, '');
       }
-    }
+    });
+    await Promise.all(promises);
     let data = isSelectTarget(e, 'folder', 'remove');
     let key = null;
     if (ref.current.contains(e.target)) {
@@ -6712,6 +6726,7 @@ const SelectBox = props => {
     }
     setIsDragFile(true);
   }
+  /******  创建绘制页面    *******/
   //创建文案
   function createText() {
     let _box = null;
@@ -7324,6 +7339,9 @@ const Layout$1 = props => {
   function onRename(key, value, info) {
     _onRename(key, value, info, 'main');
   }
+  function setRename(key) {
+    store.setReName(key);
+  }
   return jsxs("div", {
     className: 'file-continer-main',
     onClick: () => {
@@ -7376,6 +7394,7 @@ const Layout$1 = props => {
       }), store?.menutype == 'table' && jsx(Tree, {
         type: 'table',
         checks: checks,
+        rename: store.reamekey,
         selectedKeys: [store.curSelect],
         expandedKeys: store.expandkey,
         loadedKeys: store.loadkey,
@@ -7417,6 +7436,9 @@ const Layout$1 = props => {
         onDblclick: _onDblclick,
         loadData: loadNode,
         loadMenu: loadMenu,
+        setRename: v => {
+          setRename(v);
+        },
         onLoad: v => {
           store.setLoadKey(v);
         },
@@ -7430,6 +7452,7 @@ const Layout$1 = props => {
         width: width,
         store: store,
         height: isNavtab ? height - 85 : height,
+        rename: store.reamekey,
         select: store.curSelect,
         size: store.menuSize,
         data: store.curlist,
@@ -7443,6 +7466,9 @@ const Layout$1 = props => {
         onDblclick: _onDblclick,
         onRename: onRename,
         onMenuClick: onMenuClick,
+        setRename: v => {
+          setRename(v);
+        },
         loadData: loadData,
         loadMenu: loadMenu
       })]
@@ -7739,6 +7765,59 @@ Object.defineProperty(Array.prototype, 'myforeach', {
   },
   enumerable: false
 });
+const Icons = (v, className, style) => {
+  const IconMap = new Map([['favorite', jsx(FavoriteSvg, {})], ['space', jsx(SpaceSvg, {})], ['netdisk', jsx(NetdiskSvg, {})], ['album', jsx(AlbumSvg, {})], ['recycle', jsx(RecycleSvg, {})], ['recently', jsx(RecentlySvg, {})], ['coordination', jsx(LinkSvg, {})], ['text', jsx(TextSvg, {})], ['share', jsx(ShareLinkSvg, {})]]);
+  if (v?.label) {
+    return jsx("span", {
+      className: cx$1(`explorer-label-icon ${className || ''}`),
+      style: {
+        ...(style || {})
+      },
+      children: jsx("div", {
+        style: {
+          background: 'red'
+        }
+      })
+    });
+  }
+  if (v?.key && IconMap.has(v?.key)) {
+    return jsx("span", {
+      className: cx$1(`${className || ''}`),
+      style: {
+        ...(style || {})
+      },
+      children: IconMap.get(v.key)
+    });
+  }
+  if (v?.pic && typeof v?.pic == 'string') {
+    return jsxs("span", {
+      className: cx$1('explorer_icon', {
+        [className || '']: className
+      }),
+      children: [jsx("img", {
+        draggable: 'false',
+        style: {
+          ...(style || {})
+        },
+        src: v.pic
+      }), v?.status && jsx("span", {
+        className: cx$1(`explorer_icon-state ${v?.status} `)
+      })]
+    });
+  }
+  if (v?.type == 'folder') {
+    return jsx(SuffixIcon, {
+      className: cx$1(`${className || ''}`),
+      status: v?.status,
+      suffix: 'folder'
+    });
+  }
+  return jsx(SuffixIcon, {
+    className: cx$1(`${className || ''}`),
+    status: v?.status,
+    suffix: v?.suffix || 'unknown'
+  });
+};
 const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     data,
@@ -7750,6 +7829,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     isEdit = true,
     isDownload = true,
     isNavtab = true,
+    checks,
     createFile,
     onCopy,
     onShear,
@@ -7769,7 +7849,9 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
   const [curSelect, setCurSelect] = useState(null); //当前选中信息
   const [curSelectFile, setCurSelectFile] = useState(''); //当前选中的文件
   const [menuSize, setMenuSize] = useState(80);
-  const [reamekey, setReName] = useState(null);
+  //重命名  reamekey 内容  menuRename 导航
+  const [reamekey, setRename] = useState(null);
+  const [menuRename, setMenuRename] = useState(null);
   const [logindex, setLogIndex] = useState(0); //前进
   const [log, setLog] = useState([]); //后退
   const [expandkey, setExpandkey] = useState([]);
@@ -7818,7 +7900,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     return () => {
       window.removeEventListener('keydown', handleKeyDown);
     };
-  }, [curSelect, dataMap, isDelect, isEdit]);
+  }, [curSelect, dataMap, isDelect, isEdit, reamekey]);
   const handleKeyDown = e => {
     if (e.altKey && e.key === '3') {
       setMenutype('column');
@@ -7846,7 +7928,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
     if ((e.ctrlKey || e.metaKey) && e.key === 'v') {
-      if (!isEdit) return;
+      if (!isEdit || reamekey || menuRename) return;
       curInfo && onPaste?.(curInfo);
       curInfo && reloadNode(curInfo.key);
     }
@@ -7856,59 +7938,6 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     boxMenu.current = null;
     menu.current = null;
   };
-  const Icons = (v, className, style) => {
-    const IconMap = new Map([['favorite', jsx(FavoriteSvg, {})], ['space', jsx(SpaceSvg, {})], ['netdisk', jsx(NetdiskSvg, {})], ['album', jsx(AlbumSvg, {})], ['recycle', jsx(RecycleSvg, {})], ['recently', jsx(RecentlySvg, {})], ['coordination', jsx(LinkSvg, {})], ['text', jsx(TextSvg, {})], ['share', jsx(ShareLinkSvg, {})]]);
-    if (v?.label) {
-      return jsx("span", {
-        className: cx$1(`explorer-label-icon ${className || ''}`),
-        style: {
-          ...(style || {})
-        },
-        children: jsx("div", {
-          style: {
-            background: 'red'
-          }
-        })
-      });
-    }
-    if (v?.key && IconMap.has(v?.key)) {
-      return jsx("span", {
-        className: cx$1(`${className || ''}`),
-        style: {
-          ...(style || {})
-        },
-        children: IconMap.get(v.key)
-      });
-    }
-    if (v?.pic && typeof v?.pic == 'string') {
-      return jsxs("span", {
-        className: cx$1('explorer_icon', {
-          [className || '']: className
-        }),
-        children: [jsx("img", {
-          draggable: 'false',
-          style: {
-            ...(style || {})
-          },
-          src: v.pic
-        }), v?.status && jsx("span", {
-          className: cx$1(`explorer_icon-state ${v?.status} `)
-        })]
-      });
-    }
-    if (v?.type == 'folder') {
-      return jsx(SuffixIcon, {
-        className: cx$1(`${className || ''}`),
-        status: v?.status,
-        suffix: 'folder'
-      });
-    }
-    return jsx(SuffixIcon, {
-      className: cx$1(`${className || ''}`),
-      status: v?.status,
-      suffix: v?.suffix || 'unknown'
-    });
-  };
   useEffect(() => {
     if (!isNavtab) return;
     if (!curInfo) {
@@ -7935,6 +7964,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
   useEffect(() => {
     setExpandkey([]);
     setCurSelect(null);
+    props?.onCheck?.([]);
   }, [curInfo?.key]);
   useEffect(() => {
     if (isNavtab) return;
@@ -8177,7 +8207,11 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
   }
   async function onMenuClick(key, param, type) {
     if (key == 'remove') {
-      await onDelect?.(param);
+      if (type == 'menu') {
+        await onDelect?.([param.key], param);
+      } else {
+        await onDelect?.(checks || [], param);
+      }
       if (param.key == curInfo?.key) {
         data?.[0]?.key && loadData(data?.[0]?.key);
       } else {
@@ -8296,6 +8330,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       checkType,
       checkMode,
       reamekey,
+      menuRename,
       curSelect,
       curSelectFile,
       loadkey,
@@ -8319,7 +8354,8 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       setMenutype,
       setPathDisplay,
       setLoading,
-      setReName,
+      setReName: setRename,
+      setMenuRename,
       setCurSelect,
       setCurSelectFile,
       setLoadKey,
@@ -8340,5 +8376,5 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
   });
 });
 
-export { ApiStatusEnum, Explorer as default, registerMenu };
+export { ApiStatusEnum, Icons, Explorer as default, registerMenu };
 //# sourceMappingURL=index.js.map