@gingkoo/pandora-explorer 0.1.7 → 0.1.9

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 export declare const IconsMap: Map<string, import("react/jsx-runtime").JSX.Element>;
 export declare function FavoriteSvg(): import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,7 @@ interface MenuProps {
     menu?: MenuItem[];
     info?: any;
     onChange?: (key: string, parent?: MenuItem) => any;
-    loadMenu?: (item: MenuItem) => MenuItem | MenuItem[];
+    loadMenu?: (item: MenuItem) => MenuItem | MenuItem[] | undefined;
     store?: any;
 }
 export interface MenuItem {

package/lib/es/components/menu/menulist.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare function getMenu(key: string): import("react").ComponentType<{}>;
 export declare function registerMenu(key: string, component: any): void;
 export declare function addMenuItem(key: string | string[], menu: any[]): void;

package/lib/es/components/tree/components/utils/diffUtil.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Key, FlattenNode } from '../interface';
 export declare function findExpandedKeys(prev?: Key[], next?: Key[]): {
     add: boolean;

package/lib/es/css.d.ts

@@ -1,10 +1,10 @@
-export declare const flush: () => void, hydrate: (ids: Array<string>) => void, cx: (...classNames: Array<import("@emotion/css/create-instance").ClassNamesArg>) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: Array<string>, className: string) => string, injectGlobal: {
-    (template: TemplateStringsArray, ...args: Array<import("@emotion/css/create-instance").CSSInterpolation>): void;
-    (...args: Array<import("@emotion/css/create-instance").CSSInterpolation>): void;
+export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
 }, keyframes: {
-    (template: TemplateStringsArray, ...args: Array<import("@emotion/css/create-instance").CSSInterpolation>): string;
-    (...args: Array<import("@emotion/css/create-instance").CSSInterpolation>): string;
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
 }, css: {
-    (template: TemplateStringsArray, ...args: Array<import("@emotion/css/create-instance").CSSInterpolation>): string;
-    (...args: Array<import("@emotion/css/create-instance").CSSInterpolation>): string;
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
 }, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/css/create-instance").EmotionCache;

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.1.7
+ * @gingkoo/pandora-explorer v0.1.9
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -1291,6 +1291,9 @@ var css_248z$9 = "._dropdown_menu {\n  background: #fff;\n  min-width: 45px;\n
 styleInject(css_248z$9);
 
 function returnDocument(element) {
+  if (element) {
+    return element.ownerDocument;
+  }
   return window.document;
 }
 function Dropdown(props) {
@@ -1886,7 +1889,7 @@ function menuIcon(icon) {
       suffix: icon
     }, 'explorer-menu-icon');
   }
-  if (/*#__PURE__*/React__default.isValidElement(icon)) {
+  if ( /*#__PURE__*/React__default.isValidElement(icon)) {
     return jsx("span", {
       className: 'explorer-menu-icon  x-icon',
       children: icon
@@ -1917,6 +1920,7 @@ function Menu(props) {
       } else if (loadMenu) {
         data = loadMenu(v);
       }
+      if (!data) return;
       if (Array.isArray(data)) {
         _menu = [..._menu, ...data];
       } else {
@@ -2032,6 +2036,7 @@ function Menu(props) {
       }, index);
     });
   }, [data]);
+  if (!data?.length) return jsx(Fragment, {});
   return jsx("div", {
     className: 'explorer-menu',
     children: menus
@@ -3634,6 +3639,7 @@ const MotionTreeNode = ({
   });
 };
 MotionTreeNode.displayName = 'MotionTreeNode';
+//@ts-ignore
 const RefMotionTreeNode = /*#__PURE__*/React.forwardRef(MotionTreeNode);
 
 function findExpandedKeys(prev = [], next = []) {
@@ -4346,7 +4352,9 @@ function cleanConductCheck(keys, halfKeys, levelEntities, maxLevel, syntheticGet
  */
 function conductCheck(keyList, checked, keyEntities, getCheckDisabled) {
   let syntheticGetCheckDisabled;
-  {
+  if (getCheckDisabled) {
+    syntheticGetCheckDisabled = getCheckDisabled;
+  } else {
     syntheticGetCheckDisabled = isCheckDisabled;
   }
   // We only handle exist keys
@@ -4995,6 +5003,7 @@ let Tree$1 = class Tree extends React.Component {
           checkedKeys,
           halfCheckedKeys
         } = conductCheck(Array.from(keySet), {
+          checked: false,
           halfCheckedKeys
         }, keyEntities));
       }
@@ -5617,7 +5626,7 @@ function TableItem(props) {
         key: props.id
       });
     },
-    children: columns.map((v, i) => {
+    children: columns?.map((v, i) => {
       let x = width[i] - (i ? 0 : 58 + 8) + (i ? 10 : 0);
       if (i == 0 && typeof param.level === 'number') {
         x = x - param.level * 16;
@@ -5749,7 +5758,7 @@ function TableItem(props) {
   });
 }
 
-var TreeItem = props => {
+var TreeItem = (props => {
   const {
     onRename,
     onMenuClick,
@@ -5863,7 +5872,7 @@ var TreeItem = props => {
       })]
     })
   });
-};
+});
 
 var css_248z$6 = ".explorer-notdata {\n  display: flex;\n  height: 100%;\n  justify-content: center;\n}\n.explorer-notdata .tree-empty {\n  position: relative;\n  top: 100px;\n  width: 200px;\n  height: 135px;\n  text-align: center;\n}\n.explorer-notdata .tree-empty .empty-svg {\n  width: 200px;\n  height: 115px;\n  overflow: hidden;\n}\n.explorer-notdata .tree-empty > span {\n  display: inline-block;\n  background: rgba(160, 160, 160, 0.1);\n  padding: 3px 10px;\n  border-radius: 10px;\n  font-size: 0.9em;\n  margin-top: 10px;\n  line-height: 1;\n  color: #999;\n  user-select: none;\n}\n";
 styleInject(css_248z$6);
@@ -5930,6 +5939,7 @@ const motion = {
     height: 0
   })
 };
+//@ts-ignore
 var Tree = /*#__PURE__*/forwardRef((props, _ref) => {
   const {
     type = 'table',
@@ -6075,7 +6085,7 @@ var Tree = /*#__PURE__*/forwardRef((props, _ref) => {
   //树s的懒加载
   const getNewTreeData = (treeData, curKey, child, level) => {
     const loop = (data, levelkey) => {
-      if (curKey.length - 3 > level * 2) return;
+      if (level < 1 || curKey.length - 3 > level * 2) return;
       data.forEach((item, index) => {
         let l = levelkey + `-${index}`;
         if (curKey.indexOf(l) === 0) {
@@ -6128,7 +6138,7 @@ var Tree = /*#__PURE__*/forwardRef((props, _ref) => {
       }, 300);
     });
   };
-  if (type == 'table' && !treeData.length) {
+  if (type == 'table' && !treeData?.length) {
     return jsx(NotData, {});
   }
   return jsx("div", {
@@ -6432,6 +6442,7 @@ const ExplorerMenu = props => {
       e.preventDefault();
     },
     children: jsx(Tree, {
+      type: 'tree',
       isload: true,
       treeData: data,
       height: height,
@@ -8017,7 +8028,10 @@ const SelectBox = props => {
           menu: menudata,
           info: store.curInfo,
           loadMenu: v => {
-            let menu = loadMenu?.(v);
+            let menu = v;
+            if (typeof loadMenu === 'function') {
+              menu = loadMenu?.(menu);
+            }
             if (menu?.key == 'rename') return undefined;
             if (menu?.key == 'copy') return undefined;
             return menu;
@@ -8847,8 +8861,8 @@ const Layout$1 = props => {
   }
   function _onDblclick(key, info) {
     if (info.type == 'folder') {
-      if (!isNavtab) return;
-      if (Array.isArray(info?.children) && !info?.children.lenght) {
+      if (store?.menutype !== 'tile' && !isNavtab) return;
+      if (Array.isArray(info?.children) && info?.children?.length) {
         store.setCurInfo(info);
         store.setCurList(info?.children);
       } else {
@@ -9530,8 +9544,8 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
   const [menutype, setMenutype] = useState('tile');
   const [infoshow, setInfoShow] = useState(false);
   const [loading, setLoading] = useState(ApiStatusEnum.READY);
-  const [pageNum, setPageNum] = useState(100);
-  const [curpage, setCurPage] = useState(1);
+  useState(100);
+  useState(1);
   const [totalNum, setTotalNum] = useState(0);
   const [shift, setShift] = useState(false);
   const [control, setControl] = useState(false);
@@ -9652,13 +9666,6 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     boxMenu.current = null;
     menu.current = null;
   };
-  useEffect(() => {
-    if (!isNavtab) return;
-    if (!curInfo) {
-      setCurList(data?.[0]?.children || []);
-      setCurInfo(data?.[0] || null);
-    }
-  }, [data, isNavtab]);
   useEffect(() => {
     /**
      * 分栏的 mapping 因为结构不同 所以在 columns 执行
@@ -9689,6 +9696,20 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     let map = addLevel(curlist, param, '');
     setDataMap(map);
   }, [curlist, curSelectFile, curInfo, menutype]);
+  //默认选中 处理默认选中效果 这里指处理 data
+  useEffect(() => {
+    if (isNavtab) {
+      if (!curlist?.length) {
+        setCurList(data || []);
+      }
+    } else {
+      if (!curInfo) {
+        setCurInfo(data?.[0] || null);
+        setCurList(data?.[0]?.children || []);
+      }
+    }
+    //关闭导航时
+  }, [data, isNavtab]);
   //切换当前 文件目录时 需要清空的内容
   useEffect(() => {
     if (!curInfo?.key) return;
@@ -9697,14 +9718,6 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     setCurSelect(null);
     props?.onCheck?.([]);
   }, [curInfo?.key]);
-  useEffect(() => {
-    if (isNavtab) return;
-    if (!curlist?.length) {
-      if (Array.isArray(data)) {
-        setCurList(data);
-      }
-    }
-  }, [curlist, isNavtab, data]);
   useEffect(() => {
     onChangeCurMap?.(dataMap);
   }, [dataMap]);
@@ -9800,19 +9813,35 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       item.children = arr;
       return item;
     };
+    const updateinfo = (item, params) => {
+      return {
+        ...item,
+        ...params
+      };
+    };
+    const delNode = (arr, index) => {
+      arr.splice(index, 1);
+      return arr;
+    };
     const filterData = (data, key) => {
       let arr = data;
       let i = 0;
+      let del_index = null;
       while (i < arr.length) {
         let item = arr[i];
         if (key == item.key) {
-          item = addNode(item, params);
+          if (type == 'add') item = addNode(item, params);
+          if (type == 'update') item = updateinfo(item, params);
+          if (type == 'del') del_index = i;
         }
         if (Array.isArray(item.children)) {
           item.children = filterData(item.children, key);
         }
         i++;
       }
+      if (type == 'del' && typeof del_index == 'number') {
+        arr = delNode(arr, del_index);
+      }
       return arr || [];
     };
     let datas = filterData(cloneDeep(data) || [], key);