@gingkoo/pandora-explorer 0.1.6 → 0.1.8

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.6
+ * @gingkoo/pandora-explorer v0.1.8
  */
 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
@@ -2543,7 +2548,7 @@ function Slider(props) {
 var css_248z$8 = ".explorer-menu {\n  height: 100%;\n}\n";
 styleInject(css_248z$8);
 
-var css_248z$7 = ".explorer-tree {\n  width: 100%;\n  height: 100%;\n}\n.explorer-tree-switch {\n  height: 31px;\n  width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: top !important;\n  color: #aaa;\n  border-radius: 2px;\n}\n.explorer-tree-switch:hover {\n  color: #1890ff;\n  background-color: rgba(0, 0, 0, 0.03);\n}\n.explorer-tree-switch.open {\n  color: #1890ff;\n}\n.explorer-tree-switch.open > svg {\n  transform: rotate(90deg);\n}\n.explorer-tree-switch.loading {\n  background: transparent;\n  animation: rotate 1s linear infinite;\n}\n.explorer-tree-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  margin: 6px 0px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  border-radius: 5px;\n  font-style: normal;\n  pointer-events: none;\n  vertical-align: top;\n}\n.explorer-tree-node {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n.explorer-tree-node .node-title {\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.explorer-tree-node .node-menu {\n  display: none;\n  flex-shrink: 0;\n  width: 30px;\n  justify-content: center;\n  align-items: center;\n}\n.explorer-tree-node .node-menu .node-menu-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 14px;\n  height: 14px;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  cursor: pointer;\n  z-index: 50;\n  background: #fff;\n  color: #ccc;\n  font-size: 7px;\n  transition: 0.3s;\n}\n.explorer-tree-node .node-menu .node-menu-icon > svg {\n  transform: rotate(90deg);\n}\n.explorer-tree-node .node-menu .node-menu-icon:hover {\n  border: 1px solid #1890ff;\n  color: #1890ff;\n}\n.explorer-tree-node .node-input {\n  display: inline-block;\n  width: 100%;\n  height: 24px;\n  outline: 0;\n  border: 1px solid #eee;\n  border-radius: 3px;\n  transition: 0.3s;\n  padding: 0 5px;\n}\n.explorer-tree-node .node-input:hover {\n  border: 1px solid #1890ff;\n}\n.explorer-tree-node .node-input:focus {\n  border: 1px solid #1890ff;\n}\n.explorer-tree-node:hover .node-menu {\n  display: flex;\n}\n.explorer-tree-row {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n}\n.explorer-tree-row .row-item {\n  display: flex;\n  padding: 0 10px;\n  flex: 1 0 0;\n  user-select: none;\n}\n.explorer-tree-row .row-item .row-item-content {\n  flex: 1 0 0;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n}\n.explorer-tree-row .row-item .row-item-content > input {\n  height: 24px;\n  outline: none;\n  width: 100%;\n  outline: 0;\n  border: 0;\n}\n.explorer-tree-row .row-item .row-item-tool {\n  display: flex;\n  align-items: center;\n}\n.explorer-tree-row .row-item-check {\n  display: flex;\n  width: 19px;\n  align-items: center;\n  box-sizing: border-box;\n  pointer-events: all;\n}\n.explorer-tree-row .row-item-check .btn-check {\n  display: inline-block;\n  height: 19px;\n  width: 19px;\n  flex-shrink: 0;\n  z-index: 11;\n  font-size: 20px;\n  text-align: center;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.05);\n  color: #fff;\n  line-height: 0;\n  opacity: 0;\n  cursor: pointer;\n  transition: opacity 0.3s;\n  margin: 2px;\n}\n.explorer-tree-row .row-item-check .btn-check > svg {\n  position: relative;\n  width: 23px;\n  height: 23px;\n  left: -2px;\n  top: -2px;\n}\n.explorer-tree-row .row-item-check.active .btn-check {\n  opacity: 1;\n  background: #3b8cff;\n}\n.explorer-tree-row.disable {\n  opacity: 0.4;\n}\n.explorer-tree.table .tree-scroll-x {\n  width: 100%;\n  overflow: hidden;\n  overflow-x: auto;\n}\n.explorer-tree.table .tree-scroll-x::-webkit-scrollbar {\n  display: none;\n}\n.explorer-tree.table .tree-scroll {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 10;\n  overflow: auto;\n}\n.explorer-tree.table .rc-tree {\n  height: calc(100% - 24px);\n}\n.explorer-tree.table .rc-tree-list-holder-inner {\n  overflow: auto;\n}\n.explorer-tree.table .rc-tree-list {\n  height: 100%;\n}\n.explorer-tree.table .rc-tree-checkbox {\n  display: none !important;\n}\n.explorer-tree.table .rc-tree-treenode {\n  border-radius: 2px;\n  width: fit-content;\n  opacity: 0.8;\n  z-index: 100;\n  pointer-events: all;\n  margin-bottom: 2px;\n}\n.explorer-tree.table .rc-tree-treenode.odd {\n  background: #4664780d;\n}\n.explorer-tree.table .rc-tree-treenode.drags {\n  background: #e5f3ff !important;\n  border-color: #1677ff;\n}\n.explorer-tree.table .rc-tree-treenode.dragging {\n  opacity: 0.4;\n  height: auto !important;\n}\n.explorer-tree.table .rc-tree-treenode.notupload {\n  cursor: no-drop !important;\n  opacity: 0.5 !important;\n}\n.explorer-tree.table .rc-tree-list-holder-inner {\n  padding: 8px 0 0 8px;\n}\n.explorer-tree.table .rc-tree-treenode-leaf-last:last-child {\n  height: 200px;\n  opacity: 0;\n  width: 1px;\n}\n.explorer-tree.table .rc-tree-treenode-checkbox-checked {\n  background: #cce8ff !important;\n  border: 1px solid #99d1ff;\n}\n.explorer-tree .rc-tree-iconEle {\n  height: 31px !important;\n  vertical-align: top !important;\n  width: auto !important;\n}\n.explorer-tree .rc-tree-treenode {\n  position: relative;\n  height: 31px;\n  line-height: 31px;\n  border: 1px solid transparent;\n  user-select: none;\n  display: flex;\n}\n.explorer-tree .rc-tree-treenode > .rc-tree-node-content-wrapper {\n  height: 31px !important;\n  display: flex !important;\n  flex: 1;\n  margin-left: calc(24px - 20px);\n  overflow: hidden;\n}\n.explorer-tree .rc-tree-treenode > .rc-tree-node-selected {\n  background-color: transparent;\n  box-shadow: none;\n  opacity: 1;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-selected {\n  background-color: #cce8ff !important;\n  border: 1px solid #1890ff;\n  opacity: 0.8;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-selected .node-menu {\n  display: flex;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-active {\n  background-color: #cce8ff !important;\n  border: 1px solid #1890ff;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-active .row-item-content {\n  font-weight: 500;\n}\n.explorer-tree .rc-tree-treenode:hover {\n  background: #e5f3ff !important;\n  box-shadow: 0 0 0 1px transparent;\n}\n.explorer-tree .rc-tree-treenode.hover {\n  background: #e5f3ff !important;\n}\n.explorer-tree .rc-tree-switcher {\n  flex-shrink: 0;\n  width: 20px !important;\n  height: 31px !important;\n  vertical-align: top !important;\n  background-image: none !important;\n}\n.explorer-tree .rc-tree-title {\n  display: inline-block;\n  height: 31px;\n  width: 100%;\n  overflow: hidden;\n}\n.explorer-tree.showLine .rc-tree-indent {\n  height: 31px;\n}\n.explorer-tree.showLine .rc-tree-indent > .rc-tree-indent-unit {\n  position: relative;\n}\n.explorer-tree.showLine .rc-tree-indent > .rc-tree-indent-unit::after {\n  display: inline-block;\n  position: absolute;\n  content: '';\n  width: 1px;\n  left: 10px;\n  height: 31px;\n  background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-indent-unit {\n  width: 20px;\n  height: 31px;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child {\n  position: relative;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child::before {\n  content: '';\n  display: inline-block;\n  position: absolute;\n  width: 8px;\n  top: calc(31px / 2);\n  left: 10px;\n  height: 1px;\n  background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child::after {\n  display: inline-block;\n  position: absolute;\n  content: '';\n  width: 1px;\n  left: 10px;\n  top: 0;\n  height: calc(31px / 2);\n  background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child {\n  position: relative;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child::before {\n  display: none;\n  content: '';\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child::after {\n  display: inline-block;\n  position: absolute;\n  content: '';\n  width: 1px;\n  left: 10px;\n  height: 31px;\n  background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.explorer-checks .rc-tree-treenode:hover .row-item-check .btn-check {\n  opacity: 1;\n}\n.explorer-tree .rc-tree-list-scrollbar-thumb {\n  background: #bbb !important;\n}\n.explorer-tree .rc-tree-list-scrollbar {\n  width: 5px !important;\n  height: 5px !important;\n}\n.explorer-tree .node-motion {\n  transition: all 0.3s;\n  overflow-y: hidden;\n}\n.explorer-tree .rc-tree-child-tree {\n  display: block;\n}\n.explorer-table-header {\n  display: flex;\n  width: fit-content;\n  min-width: 100%;\n  height: 25px;\n  line-height: 25px;\n  color: #448;\n  border-bottom: 1px solid #e3e3e3;\n  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);\n  background: #fff;\n}\n.explorer-table-header .item {\n  padding: 0 10px 0 0;\n  flex: 1 0 0;\n  margin-left: -10px;\n  border-right: 1px solid #eee;\n  user-select: none;\n  min-width: 80px;\n}\n.explorer-table-header .item:first-child {\n  padding-left: 20px;\n}\n.explorer-table-header .resize {\n  position: relative;\n  flex: 0 0 20px;\n  width: 20px;\n  z-index: 10;\n  cursor: col-resize;\n  left: -10px;\n  transition: background 0.2s;\n}\n.explorer-table-header .resize::before {\n  content: '';\n  position: fixed;\n  width: 1px;\n  height: 2000px;\n  z-index: 10;\n  margin-left: 10px;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.2s;\n}\n.explorer-table-header .resize:hover {\n  background: #1890ff30;\n}\n.explorer-table-header .resize.resize-focus {\n  z-index: 9999;\n}\n.explorer-table-header .resize.resize-focus:before {\n  opacity: 1;\n  background: #1890ff;\n  visibility: visible;\n}\n.explorer-table-header .resize:last-child {\n  flex: 0 0 10px;\n  width: 10px;\n}\n.explorer-table-header.item-resize {\n  z-index: 10;\n}\n@keyframes rotate {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
+var css_248z$7 = ".explorer-tree {\n  width: 100%;\n  height: 100%;\n}\n.explorer-tree-switch {\n  height: 31px;\n  width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: top !important;\n  color: #aaa;\n  border-radius: 2px;\n}\n.explorer-tree-switch:hover {\n  color: #1890ff;\n  background-color: rgba(0, 0, 0, 0.03);\n}\n.explorer-tree-switch.open {\n  color: #1890ff;\n}\n.explorer-tree-switch.open > svg {\n  transform: rotate(90deg);\n}\n.explorer-tree-switch.loading {\n  background: transparent;\n  animation: rotate 1s linear infinite;\n}\n.explorer-tree-icon {\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  margin: 6px 0px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  border-radius: 5px;\n  font-style: normal;\n  pointer-events: none;\n  vertical-align: top;\n}\n.explorer-tree-node {\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n.explorer-tree-node .node-title {\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.explorer-tree-node .node-menu {\n  display: none;\n  flex-shrink: 0;\n  width: 30px;\n  justify-content: center;\n  align-items: center;\n}\n.explorer-tree-node .node-menu .node-menu-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 14px;\n  height: 14px;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  cursor: pointer;\n  z-index: 50;\n  background: #fff;\n  color: #ccc;\n  font-size: 7px;\n  transition: 0.3s;\n}\n.explorer-tree-node .node-menu .node-menu-icon > svg {\n  transform: rotate(90deg);\n}\n.explorer-tree-node .node-menu .node-menu-icon:hover {\n  border: 1px solid #1890ff;\n  color: #1890ff;\n}\n.explorer-tree-node .node-input {\n  display: inline-block;\n  width: 100%;\n  height: 24px;\n  outline: 0;\n  border: 1px solid #eee;\n  border-radius: 3px;\n  transition: 0.3s;\n  padding: 0 5px;\n}\n.explorer-tree-node .node-input:hover {\n  border: 1px solid #1890ff;\n}\n.explorer-tree-node .node-input:focus {\n  border: 1px solid #1890ff;\n}\n.explorer-tree-node:hover .node-menu {\n  display: flex;\n}\n.explorer-tree-row {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n}\n.explorer-tree-row .row-item {\n  display: flex;\n  padding: 0 10px;\n  flex: 1 0 0;\n  user-select: none;\n}\n.explorer-tree-row .row-item .row-item-content {\n  flex: 1 0 0;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n}\n.explorer-tree-row .row-item .row-item-content > input {\n  height: 24px;\n  outline: none;\n  width: 100%;\n  outline: 0;\n  border: 0;\n}\n.explorer-tree-row .row-item .row-item-tool {\n  display: flex;\n  align-items: center;\n}\n.explorer-tree-row .row-item-check {\n  display: flex;\n  width: 19px;\n  align-items: center;\n  box-sizing: border-box;\n  pointer-events: all;\n}\n.explorer-tree-row .row-item-check .btn-check {\n  display: inline-block;\n  height: 19px;\n  width: 19px;\n  flex-shrink: 0;\n  z-index: 11;\n  font-size: 20px;\n  text-align: center;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, 0.05);\n  color: #fff;\n  line-height: 0;\n  opacity: 0;\n  cursor: pointer;\n  transition: opacity 0.3s;\n  margin: 2px;\n}\n.explorer-tree-row .row-item-check .btn-check > svg {\n  position: relative;\n  width: 23px;\n  height: 23px;\n  left: -2px;\n  top: -2px;\n}\n.explorer-tree-row .row-item-check.active .btn-check {\n  opacity: 1;\n  background: #3b8cff;\n}\n.explorer-tree-row.disable {\n  opacity: 0.4;\n}\n.explorer-tree.table .tree-scroll-x {\n  width: 100%;\n  overflow: hidden;\n  overflow-x: auto;\n}\n.explorer-tree.table .tree-scroll-x::-webkit-scrollbar {\n  display: none;\n}\n.explorer-tree.table .tree-scroll {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 10;\n  overflow: auto;\n}\n.explorer-tree.table .rc-tree {\n  height: calc(100% - 24px);\n}\n.explorer-tree.table .rc-tree-list-holder-inner {\n  overflow: auto;\n}\n.explorer-tree.table .rc-tree-list {\n  height: 100%;\n}\n.explorer-tree.table .rc-tree-checkbox {\n  display: none !important;\n}\n.explorer-tree.table .rc-tree-treenode {\n  border-radius: 2px;\n  width: fit-content;\n  opacity: 0.8;\n  z-index: 100;\n  pointer-events: all;\n  margin-bottom: 2px;\n}\n.explorer-tree.table .rc-tree-treenode.odd {\n  background: #4664780d;\n}\n.explorer-tree.table .rc-tree-treenode.drags {\n  background: #e5f3ff !important;\n  border-color: #1677ff;\n}\n.explorer-tree.table .rc-tree-treenode.dragging {\n  opacity: 0.4;\n  height: auto !important;\n}\n.explorer-tree.table .rc-tree-treenode.notupload {\n  cursor: no-drop !important;\n  opacity: 0.5 !important;\n}\n.explorer-tree.table .rc-tree-list-holder-inner {\n  padding: 8px 0 0 8px;\n}\n.explorer-tree.table .rc-tree-treenode-leaf-last:last-child {\n  height: 200px;\n  opacity: 0;\n  width: 1px;\n}\n.explorer-tree.table .rc-tree-treenode-checkbox-checked {\n  background: #cce8ff !important;\n  border: 1px solid #99d1ff;\n}\n.explorer-tree .rc-tree-iconEle {\n  height: 31px !important;\n  vertical-align: top !important;\n  width: auto !important;\n}\n.explorer-tree .rc-tree-treenode {\n  position: relative;\n  height: 31px;\n  line-height: 31px;\n  border: 1px solid transparent;\n  user-select: none;\n  display: flex;\n}\n.explorer-tree .rc-tree-treenode > .rc-tree-node-content-wrapper {\n  height: 31px !important;\n  display: flex !important;\n  flex: 1;\n  margin-left: calc(24px - 20px);\n  overflow: hidden;\n}\n.explorer-tree .rc-tree-treenode > .rc-tree-node-selected {\n  background-color: transparent;\n  box-shadow: none;\n  opacity: 1;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-selected {\n  background-color: #cce8ff !important;\n  border: 1px solid #1890ff;\n  opacity: 0.8;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-selected .node-menu {\n  display: flex;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-active {\n  background-color: #cce8ff !important;\n  border: 1px solid #1890ff;\n}\n.explorer-tree .rc-tree-treenode.rc-tree-treenode-active .row-item-content {\n  font-weight: 500;\n}\n.explorer-tree .rc-tree-treenode:hover {\n  background: #e5f3ff !important;\n  box-shadow: 0 0 0 1px transparent;\n}\n.explorer-tree .rc-tree-treenode.hover {\n  background: #e5f3ff !important;\n}\n.explorer-tree .rc-tree-switcher {\n  flex-shrink: 0;\n  width: 20px !important;\n  height: 31px !important;\n  vertical-align: top !important;\n  background-image: none !important;\n}\n.explorer-tree .rc-tree-switcher .rc-tree-switcher_open::before {\n  content: none !important;\n}\n.explorer-tree .rc-tree-title {\n  display: inline-block;\n  height: 31px;\n  width: 100%;\n  overflow: hidden;\n}\n.explorer-tree.showLine .rc-tree-indent {\n  height: 31px;\n}\n.explorer-tree.showLine .rc-tree-indent > .rc-tree-indent-unit {\n  position: relative;\n}\n.explorer-tree.showLine .rc-tree-indent > .rc-tree-indent-unit::after {\n  display: inline-block;\n  position: absolute;\n  content: '';\n  width: 1px;\n  left: 10px;\n  height: 31px;\n  background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-indent-unit {\n  width: 20px;\n  height: 31px;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child {\n  position: relative;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child::before {\n  content: '';\n  display: inline-block;\n  position: absolute;\n  width: 8px;\n  top: calc(31px / 2);\n  left: 10px;\n  height: 1px;\n  background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:last-child::after {\n  display: inline-block;\n  position: absolute;\n  content: '';\n  width: 1px;\n  left: 10px;\n  top: 0;\n  height: calc(31px / 2);\n  background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child {\n  position: relative;\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child::before {\n  display: none;\n  content: '';\n}\n.explorer-tree.showLine .rc-tree-treenode-leaf-last .rc-tree-indent > .rc-tree-indent-unit:first-child::after {\n  display: inline-block;\n  position: absolute;\n  content: '';\n  width: 1px;\n  left: 10px;\n  height: 31px;\n  background-color: rgba(0, 0, 0, 0.075);\n}\n.explorer-tree.explorer-checks .rc-tree-treenode:hover .row-item-check .btn-check {\n  opacity: 1;\n}\n.explorer-tree .rc-tree-list-scrollbar-thumb {\n  background: #bbb !important;\n}\n.explorer-tree .rc-tree-list-scrollbar {\n  width: 5px !important;\n  height: 5px !important;\n}\n.explorer-tree .node-motion {\n  transition: all 0.3s;\n  overflow-y: hidden;\n}\n.explorer-tree .rc-tree-child-tree {\n  display: block;\n}\n.explorer-table-header {\n  display: flex;\n  width: fit-content;\n  min-width: 100%;\n  height: 25px;\n  line-height: 25px;\n  color: #448;\n  border-bottom: 1px solid #e3e3e3;\n  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);\n  background: #fff;\n}\n.explorer-table-header .item {\n  padding: 0 10px 0 0;\n  flex: 1 0 0;\n  margin-left: -10px;\n  border-right: 1px solid #eee;\n  user-select: none;\n  min-width: 80px;\n}\n.explorer-table-header .item:first-child {\n  padding-left: 20px;\n}\n.explorer-table-header .resize {\n  position: relative;\n  flex: 0 0 20px;\n  width: 20px;\n  z-index: 10;\n  cursor: col-resize;\n  left: -10px;\n  transition: background 0.2s;\n}\n.explorer-table-header .resize::before {\n  content: '';\n  position: fixed;\n  width: 1px;\n  height: 2000px;\n  z-index: 10;\n  margin-left: 10px;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 0.2s;\n}\n.explorer-table-header .resize:hover {\n  background: #1890ff30;\n}\n.explorer-table-header .resize.resize-focus {\n  z-index: 9999;\n}\n.explorer-table-header .resize.resize-focus:before {\n  opacity: 1;\n  background: #1890ff;\n  visibility: visible;\n}\n.explorer-table-header .resize:last-child {\n  flex: 0 0 10px;\n  width: 10px;\n}\n.explorer-table-header.item-resize {\n  z-index: 10;\n}\n@keyframes rotate {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
 styleInject(css_248z$7);
 
 /**
@@ -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) {
@@ -8017,7 +8027,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 +8860,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 +9543,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 +9665,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 +9695,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 +9717,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 +9812,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);