@gingkoo/pandora-explorer 0.0.1-alpha.99 → 0.0.1

package/lib/es/components/select-box/index.d.ts

@@ -15,6 +15,8 @@ interface SelectBoxProps {
     isSelectBoxes: boolean;
     action?: 'stack' | 'rotate';
     checkType?: 'file' | 'folder';
+    startDrag: () => void;
+    endDrag: () => void;
     onChange: (v: any) => any;
     children: ReactNode;
     onMouseup: (v: any) => void;

package/lib/es/explorer.d.ts

@@ -2,8 +2,6 @@ import './index.less';
 import './components/tree/css/index.less';
 import { FC } from 'react';
 import { ExplorerProps } from './types';
-import '@gingkoo/pandora/lib/umd/index.min.css';
-import '@gingkoo/pandora-icons/fonts/css/all.min.css';
 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.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.99
+ * @gingkoo/pandora-explorer v0.0.1
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -19,10 +19,7 @@ import CSSMotion, { Provider } from 'rc-motion';
 import toArray from 'rc-util/lib/Children/toArray';
 import omit from 'rc-util/lib/omit';
 import ReactDOM from 'react-dom';
-import { Pagination } from '@gingkoo/pandora';
-import { openFile } from '@gingkoo/pandora-viewer';
-import '@gingkoo/pandora/lib/umd/index.min.css';
-import '@gingkoo/pandora-icons/fonts/css/all.min.css';
+import { Pagination, Modal2 } from '@gingkoo/pandora';
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -2547,7 +2544,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.rc-tree-treenode-selected {\n  background: #4581a60d !important;\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-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: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-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);
 
 /**
@@ -5565,6 +5562,7 @@ function TableItem(props) {
     onCheck,
     onMenuClick,
     isdrag,
+    isUpload,
     rename,
     onRename,
     onSelect,
@@ -5583,6 +5581,7 @@ function TableItem(props) {
     "data-id": !disable ? id : null,
     "data-type": !disable ? props.type : null,
     "data-isdrag": isdrag === false ? false : true,
+    "data-upload": isUpload === false ? false : true,
     onContextMenu: e => {
       e.stopPropagation();
       e.preventDefault();
@@ -5930,6 +5929,7 @@ var Tree = /*#__PURE__*/forwardRef((props, _ref) => {
     type = 'tree',
     autoExpandParent,
     defaultExpandedKeys,
+    activeKey,
     treeData,
     checks,
     height,
@@ -6231,13 +6231,24 @@ var Tree = /*#__PURE__*/forwardRef((props, _ref) => {
                   setRename(null);
                 },
                 onMenuClick: menu => {
+                  //选判断 是不是 命名
                   if (menu == 'rename') {
                     setTimeout(() => {
                       setRename(v.key);
                     });
                     return;
                   }
-                  onMenuClick && onMenuClick(menu, v, checks?.length ? undefined : 'menu');
+                  /***
+                   *  右键 三种情况
+                   *  有多选 没在选中内
+                   *  有多选 在选中内
+                   *  没有多选
+                   */
+                  if (checks?.length && checks.includes(v.key)) {
+                    onMenuClick && onMenuClick(menu, v);
+                  } else {
+                    onMenuClick && onMenuClick(menu, v, 'menu'); //带menu 是对当前数据进操作 没有是 对选中内容进行操作
+                  }
                 },
                 onCheck: () => {
                   let arr = cloneDeep(checks);
@@ -6283,7 +6294,7 @@ var Tree = /*#__PURE__*/forwardRef((props, _ref) => {
           }, v.key);
         },
         onSelect: (v, info) => {
-          if (v[0]) {
+          if (v[0] || info?.node?.key) {
             onSelect?.({
               key: v[0],
               ...(info?.node || {})
@@ -6780,10 +6791,13 @@ const SelectBox = props => {
     startPosition,
     setScroll,
     action = 'stack',
+    startDrag,
+    endDrag,
     onChange,
     onMouseup,
     loadData,
-    onMenuClick
+    onMenuClick,
+    onFileDarg
   } = props;
   const store = useContext(ExampleContext);
   const selectionRef = useRef(null);
@@ -6872,12 +6886,14 @@ const SelectBox = props => {
   //判断鼠标点击位置 是否为目标区域
   /**
    * @param e 鼠标默认事件
-   * @param checkType //筛选类型
+   * @param checkType //判断文件类型
    * @param status//添加状态
    * @param isregion//是否过滤区域
+   * @param drag 判断是否可以拖动
+   * @param upload 判断是否可以上传
    * @returns
    */
-  function isSelectTarget(e, checkType, status, isregion, drag = true) {
+  function isSelectTarget(e, checkType, status, isregion, drag = true, upload = false) {
     let idx = [];
     Array.from(document.querySelectorAll(selectClass)).filter(v => {
       if (v.contains(e.target)) {
@@ -6890,6 +6906,13 @@ const SelectBox = props => {
           let isdrag = dataDom?.getAttribute('data-isdrag');
           if (isdrag == 'false') return;
         }
+        if (upload) {
+          let isupload = dataDom?.getAttribute('data-upload');
+          if (isupload == 'false') {
+            v.classList.add('notupload');
+            return;
+          }
+        }
         if (checkType) {
           let type = dataDom?.getAttribute('data-type');
           if (type !== checkType) return;
@@ -6984,7 +7007,8 @@ const SelectBox = props => {
       let target = isSelectTarget(e, 'folder', '', true, false);
       if (target?.[0] && !checks?.includes(target?.[0])) {
         if (target?.[0] !== stageClickInfo.startkey) {
-          props.onMoveFile(checks, target?.[0]);
+          let ismove = onFileDarg?.(target[0]) === false;
+          props.onMoveFile(checks, !ismove ? target?.[0] : null);
         }
       }
       removeDragView();
@@ -7009,7 +7033,7 @@ const SelectBox = props => {
     }
   }
   /***************** 拖动  *****************/
-  //拖动文件  (外部文件上传)
+  //上传文件拖动中 (外部文件上传)
   const handleDragOver = e => {
     e?.preventDefault();
     const {
@@ -7032,11 +7056,17 @@ const SelectBox = props => {
           }
           let type = dataDom?.getAttribute('data-type');
           if (type !== 'folder') return;
+          let isupload = dataDom?.getAttribute('data-upload');
+          if (isupload == 'false') {
+            v.classList.add('notupload');
+            return;
+          }
           id = dataDom?.getAttribute('data-id');
           is = false;
           v.classList.add('drags');
         } else {
           v.classList.remove('drags');
+          v.classList.remove('notupload');
         }
       });
       if (store.menutype == 'column') {
@@ -7069,11 +7099,12 @@ const SelectBox = props => {
         border:2px solid transparent;
       `;
       }
+      let config = undefined;
       let element = renderDragtext({
         x: x + 20,
         y: y + 20,
         ...param
-      });
+      }, config);
       text.current.render(element);
       return [id];
     }
@@ -7130,7 +7161,7 @@ const SelectBox = props => {
       }
     });
     await Promise.all(promises);
-    let data = isSelectTarget(e, 'folder', '', true, false);
+    let data = isSelectTarget(e, 'folder', '', true, false, true);
     handleDragLeave();
     let key = null;
     if (typeof data?.[0] == 'string' && store?.dataMap?.[data?.[0]]) {
@@ -7159,10 +7190,12 @@ const SelectBox = props => {
     }
     Array.from(document.querySelectorAll(selectClass)).filter(v => {
       v.classList.remove('drags');
+      v.classList.remove('notupload');
     });
     if (store.menutype == 'column') {
       Array.from(document.querySelectorAll('.explorer-columns .layer')).filter(v => {
         v.classList.remove('drags');
+        v.classList.remove('notupload');
       });
     }
     if (ref.current) {
@@ -7181,7 +7214,7 @@ const SelectBox = props => {
     setIsDragUpload(true);
   }
   /***********  创建绘制页面 (拖动是执行样式)    *************/
-  //创建文案
+  //拖动到文件上方时 展示的字体
   function createText() {
     let _box = null;
     let body = null;
@@ -7209,7 +7242,7 @@ const SelectBox = props => {
       body?.appendChild(_box);
     }
   }
-  //创建选框 并过滤 数据
+  //创建选框 并过滤数据
   function createBox(e) {
     if (stageClickInfo.show) {
       let region = null;
@@ -7544,7 +7577,7 @@ const SelectBox = props => {
       // onChange(idx);
     }
   }
-  //创建 文件拖动视图
+  //拖动选中 文件
   function createDragView(e) {
     const {
       clientX: x,
@@ -7553,9 +7586,9 @@ const SelectBox = props => {
     setDragging(true);
     let body = document.querySelector('body');
     let _box = null;
-    //执行动画
+    //文件移动中
     if (cur.current?.length) {
-      //文件移动
+      //文件移动时过度动画
       if (cur?.current?.length && isDrag) {
         cur.current?.map((v, i) => {
           let data = v.getBoundingClientRect();
@@ -7596,10 +7629,15 @@ const SelectBox = props => {
           if (dataClass) {
             dataDom = v.querySelector(dataClass);
           }
+          //判断 类型
           let type = dataDom?.getAttribute('data-type');
           if (type !== 'folder') return;
+          //是否能检测到id
           let _id = dataDom?.getAttribute('data-id');
           if (checks?.includes(_id)) return;
+          //暴露出去 让组件外判断是否可以 传入
+          let isDarg = onFileDarg?.(_id);
+          if (isDarg === false) return;
           id = _id;
           is = false;
           v.classList.add('drags');
@@ -7650,6 +7688,7 @@ const SelectBox = props => {
       });
       text.current.render(element);
     } else {
+      startDrag();
       //创建 视图
       createText();
       _box = document.createElement('div');
@@ -7708,6 +7747,7 @@ const SelectBox = props => {
     }
   }
   function removeDragView() {
+    endDrag();
     Array.from(document.querySelectorAll(selectClass)).filter(v => {
       v.classList.remove('drags');
       v.classList.remove('dragging');
@@ -8659,6 +8699,7 @@ const Layout$1 = props => {
     x: 0,
     y: 0
   });
+  const [isdarg, setIsdarg] = useState(false);
   const scroll = useRef({
     x: 0,
     y: 0
@@ -8718,6 +8759,7 @@ const Layout$1 = props => {
   return jsxs("div", {
     className: 'file-continer-main',
     onClick: () => {
+      if (isdarg) return;
       if (store?.menutype !== 'column') {
         store.setCurSelect(null);
         store.setCurSelectFile(null);
@@ -8765,8 +8807,17 @@ const Layout$1 = props => {
       onMouseup: e => {
         clearInterval(time);
       },
+      startDrag: () => {
+        setIsdarg(true);
+      },
+      endDrag: () => {
+        setTimeout(() => {
+          setIsdarg(false);
+        }, 300);
+      },
       onMoveFile: props.onMoveFile,
       onUpload: props.onUpload,
+      onFileDarg: props?.onFileDarg,
       children: [store?.menutype == 'column' && jsx(Columns, {
         ref: columns_srcoll,
         store: store,
@@ -8791,8 +8842,9 @@ const Layout$1 = props => {
         ref: tree_srcoll,
         type: 'table',
         checks: checks,
+        activeKey: props?.activeFile,
         rename: store.reamekey,
-        selectedKeys: [store.curSelect],
+        selectedKeys: [props?.activeFile || store.curSelect],
         expandedKeys: store.expandkey,
         loadedKeys: store.loadkey,
         treeData: store.curlist,
@@ -8824,6 +8876,7 @@ const Layout$1 = props => {
           if (v?.type == 'folder' && v.expanded) {
             store.setCurSelectFile(v.key);
           }
+          if (isdarg) return;
           store.setCurSelect(v.key);
         },
         onRename: onRename,
@@ -9147,6 +9200,8 @@ const Layout = props => {
   });
 };
 
+// import '@gingkoo/pandora/lib/umd/index.min.css';
+// import '@gingkoo/pandora-icons/fonts/css/all.min.css';
 const defaultColumns = [{
   title: '文件名',
   key: 'title',
@@ -9378,10 +9433,23 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     createFolder: createFolder
   }));
   useEffect(() => {
-    if (Array.isArray(filelist)) {
-      setCurList(filelist);
+    if (filelist) {
+      if (Array.isArray(filelist)) {
+        setCurList(filelist);
+      }
+      setTimeout(() => {
+        if (filelist?.length && _expandkey) {
+          setExpandkey(_expandkey);
+        } else {
+          setExpandkey([]);
+        }
+      }, 0);
+    } else {
+      if (_expandkey) {
+        setExpandkey(_expandkey);
+      }
     }
-  }, [filelist]);
+  }, [filelist, _expandkey]);
   /* ************ 挂载监听  **************** */
   useEffect(() => {
     window.addEventListener('click', closeMenu);
@@ -9490,11 +9558,6 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     setCurSelect(null);
     props?.onCheck?.([]);
   }, [curInfo?.key]);
-  useEffect(() => {
-    if (_expandkey) {
-      setExpandkey(_expandkey);
-    }
-  }, [_expandkey]);
   useEffect(() => {
     if (isNavtab) return;
     if (!curlist?.length) {
@@ -9817,7 +9880,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       return;
     }
     if (key == 'info') {
-      openFile({
+      Modal2.openModal({
         className: 'explorer-details-modal',
         modalWidth: 450,
         modalHeight: 620,
@@ -9928,10 +9991,8 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     props.onCheck?.(arr, param);
   }
   async function onMoveFile(cur, target) {
-    if (!target) return;
-    let info = dataMap?.[target];
+    let info = dataMap?.[target || ''];
     if (!cur?.length) return;
-    if (!info) return;
     let data = [];
     cur.forEach(v => {
       if (dataMap?.[v]) {