@gingkoo/pandora-explorer 0.0.1-alpha.93 → 0.0.1-alpha.95

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.93
+ * @gingkoo/pandora-explorer v0.0.1-alpha.95
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -2515,7 +2515,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-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.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";
 styleInject(css_248z$7);
 
 /**
@@ -5596,8 +5596,9 @@ function TableItem(props) {
           children: [jsxs("div", {
             className: 'row-item-content',
             children: [" ", v.render?.(param, v.key)]
-          }), !i && jsx("div", {
-            children: jsx("div", {
+          }), jsx("div", {
+            className: 'row-item-tool',
+            children: v?.renderTool ? v?.renderTool(param, v.key) : !i && jsx("div", {
               className: cx$1('row-item-check', {
                 active: active
               }),
@@ -5605,6 +5606,7 @@ function TableItem(props) {
                 e.stopPropagation();
               },
               onClick: e => {
+                if (disable) return;
                 e.stopPropagation();
                 e.preventDefault();
                 onCheck?.();
@@ -5676,22 +5678,25 @@ function TableItem(props) {
         children: [jsx("div", {
           className: 'row-item-content',
           children: param[v?.key] || ''
-        }), !i && jsx("div", {
-          className: cx$1('row-item-check', {
-            active: active
-          }),
-          onMouseDown: e => {
-            e.stopPropagation();
-          },
-          onClick: e => {
-            if (disable) return;
-            e.stopPropagation();
-            e.preventDefault();
-            onCheck?.();
-          },
-          children: jsx("span", {
-            className: 'btn-check',
-            children: jsx(CircleCheckSvg, {})
+        }), jsx("div", {
+          className: 'row-item-tool',
+          children: v?.renderTool ? v?.renderTool(param, v.key) : !i && jsx("div", {
+            className: cx$1('row-item-check', {
+              active: active
+            }),
+            onMouseDown: e => {
+              e.stopPropagation();
+            },
+            onClick: e => {
+              if (disable) return;
+              e.stopPropagation();
+              e.preventDefault();
+              onCheck?.();
+            },
+            children: jsx("span", {
+              className: 'btn-check',
+              children: jsx(CircleCheckSvg, {})
+            })
           })
         })]
       }, i);
@@ -6711,7 +6716,7 @@ const Tile = /*#__PURE__*/forwardRef((props, ref) => {
   });
 });
 
-var css_248z$3 = ".explorer-drop-tip {\n  position: absolute;\n  display: inline-block;\n  padding: 3px 5px;\n  background: #00000044;\n  color: #fff;\n  border-radius: 3px;\n  white-space: nowrap;\n}\n.explorer-drop-tip.select {\n  background: #1677ff;\n}\n.explorer-drop-tip .drop-tip-content {\n  font-size: 14px;\n  margin-right: 5px;\n}\n.explorer-drop-tip .drop-tip-content .content-icon {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: #52c41a;\n  color: #fff;\n  text-align: center;\n  line-height: 20px;\n  margin-right: 5px;\n}\n.explorer-drop-tip .drop-tip-content .content-icon > svg {\n  fill: #fff;\n  width: 1em;\n  height: 1em;\n  position: relative;\n  top: 0.125em;\n}\n.explorer-drop-tip .drop-tip-title {\n  font-size: 14px;\n  display: inline-block;\n  padding: 2px;\n  background: rgba(0, 0, 0, 0.2);\n  font-weight: 500;\n  padding: 3px 5px;\n  line-height: 1;\n  border-right: 4px;\n}\n.file-select-box {\n  width: 100%;\n  border: 2px solid transparent;\n}\n";
+var css_248z$3 = ".explorer-drop-tip {\n  position: absolute;\n  display: inline-block;\n  padding: 3px 5px;\n  background: #00000044;\n  color: #fff;\n  border-radius: 3px;\n  white-space: nowrap;\n}\n.explorer-drop-tip.select {\n  background: #1677ff;\n}\n.explorer-drop-tip .drop-tip-content {\n  font-size: 14px;\n  margin-right: 5px;\n}\n.explorer-drop-tip .drop-tip-content .content-icon {\n  display: inline-block;\n  height: 20px;\n  width: 20px;\n  border-radius: 50%;\n  background: #52c41a;\n  color: #fff;\n  text-align: center;\n  line-height: 20px;\n  margin-right: 5px;\n}\n.explorer-drop-tip .drop-tip-content .content-icon > svg {\n  fill: #fff;\n  width: 1em;\n  height: 1em;\n  position: relative;\n  top: 0.125em;\n}\n.explorer-drop-tip .drop-tip-title {\n  font-size: 14px;\n  display: inline-block;\n  padding: 2px;\n  background: rgba(0, 0, 0, 0.2);\n  font-weight: 500;\n  padding: 3px 5px;\n  line-height: 1;\n  border-right: 4px;\n}\n.file-select-box {\n  width: 100%;\n  border: 2px solid transparent;\n}\n.file-select-box .rc-tree-treenode:last-child {\n  width: auto !important;\n}\n";
 styleInject(css_248z$3);
 
 const NotUpLoad = ['.DS_Store'];
@@ -6757,8 +6762,11 @@ const SelectBox = props => {
   });
   //判断单机还双击
   const isDclick = useRef(null);
+  //是否可以多动文件
   const [isDragFiles, setIsDragFiles] = useState(false);
+  //是否可以拖动上传
   const [isDragUpload, setIsDragUpload] = useState(false);
+  const [dragging, setDragging] = useState(false);
   const [selects, setSelect] = useState([]);
   const [stageClickInfo, setStageClickInfo] = useState({
     show: false
@@ -6919,6 +6927,7 @@ const SelectBox = props => {
   }
   //鼠标松开
   function handleBodyMouseup(e) {
+    setDragging(false);
     setIsDragFiles(false);
     setStageClickInfo({
       show: false
@@ -7132,7 +7141,7 @@ const SelectBox = props => {
     let _text = null;
     _text = document.createElement('div');
     text.current = createRoot(_text);
-    if (textBox.current) {
+    if (textBox.current && text.current) {
       textBox.current?.appendChild(text);
     } else {
       body = document.querySelector('body');
@@ -7492,6 +7501,7 @@ const SelectBox = props => {
       clientX: x,
       clientY: y
     } = e;
+    setDragging(true);
     let body = document.querySelector('body');
     let _box = null;
     //执行动画
@@ -7834,17 +7844,6 @@ const SelectBox = props => {
           y: e.clientY,
           startkey: curColumnkey
         });
-        if (checkMode == 'check') {
-          if (!checks.includes(type?.[0])) {
-            let arr = [...selects, ...type];
-            setSelect(arr);
-            onChange(arr);
-          } else {
-            let arr = checks.filter(v => v !== type?.[0]);
-            setSelect(arr);
-            onChange(arr);
-          }
-        }
         if (checkMode == 'check' && checks?.length > 1) return;
       }
       //在区域未选中
@@ -7873,6 +7872,23 @@ const SelectBox = props => {
         scrolly: startPosition?.y || 0
       });
     },
+    onMouseUp: e => {
+      let type = isSelectTarget(e, checkType);
+      //控制选中反选
+      if (type?.[0] && !stageClickInfo.show && !dragging) {
+        if (checkMode == 'check') {
+          if (!checks.includes(type?.[0])) {
+            let arr = [...selects, ...type];
+            setSelect(arr);
+            onChange(arr);
+          } else {
+            let arr = checks.filter(v => v !== type?.[0]);
+            setSelect(arr);
+            onChange(arr);
+          }
+        }
+      }
+    },
     onContextMenu: e => {
       let x = 0;
       let y = 0;
@@ -9232,6 +9248,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     accept,
     selectedSuffix,
     multiple = true,
+    expandkey: _expandkey,
     createFile,
     onCopy,
     onShear,
@@ -9239,6 +9256,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     onDelect,
     onChange,
     onChangeCurMap,
+    onExpand,
     loadData: _loadData,
     onRename: _onRename,
     onMenuClick: _onMenuClick,
@@ -9395,11 +9413,17 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     let map = addLevel(curlist, param, '');
     setDataMap(map);
   }, [curlist, curSelectFile, curInfo]);
+  //切换当前 文件目录时 需要清空的内容
   useEffect(() => {
     setExpandkey([]);
     setCurSelect(null);
     props?.onCheck?.([]);
   }, [curInfo?.key]);
+  useEffect(() => {
+    if (_expandkey) {
+      setExpandkey(_expandkey);
+    }
+  }, [_expandkey]);
   useEffect(() => {
     if (isNavtab) return;
     if (!curlist?.length) {
@@ -9671,17 +9695,19 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     setTimeout(() => {
       let cur = _menu.getBoundingClientRect();
       if (cur.height + y > _box.bottom) {
-        y = y - cur.height - 10;
+        let shift = cur.height + y - _box.bottom;
+        y = y - shift - 10;
       }
       if (cur.width + x > _box.right) {
-        x = x - cur.width - 10;
+        let shift = cur.width + x - _box.right;
+        x = x - shift - 10;
       }
       _menu.style.cssText = `
       position:absolute;
       top: ${y}px;
       left:${x}px;
       background: #fff;
-    `;
+      `;
     }, 100);
   }
   /* ***********  拦截进行特殊处理  *********** */
@@ -9748,6 +9774,10 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     if (key == 'rename') {
       setRename(param.key);
     }
+    if (key == 'open' && param.type == 'folder') {
+      loadData(param?.key || '');
+      return;
+    }
     _onMenuClick?.(key, {
       ...param,
       isEdit: isEdit
@@ -9782,11 +9812,11 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       if (curSelectFile && dataMap?.[curSelectFile]) {
         param = dataMap?.[curSelectFile];
       }
-      if (curInfo) {
+      if (curInfo || !isNavtab) {
         setLoading(ApiStatusEnum.LOADING);
         await createFile?.(value, param, info);
-        await loadData(curInfo.key, null, false);
-        reloadNode(curInfo?.key, param);
+        await loadData(curInfo?.key || '', null, false);
+        reloadNode(curInfo?.key || '', param);
         setLoading(ApiStatusEnum.READY);
       }
     } else {
@@ -9804,7 +9834,7 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
           });
         }
       } else {
-        curInfo?.key && loadData(curInfo?.key);
+        curInfo?.key && loadData(curInfo?.key || '');
         updata(key, {
           title: value
         });
@@ -9895,7 +9925,10 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
       setCurSelectFile,
       setLoadKey,
       setNavLoadKey,
-      setExpandkey
+      setExpandkey: v => {
+        onExpand?.(v);
+        setExpandkey(v);
+      }
     },
     children: jsx("div", {
       className: 'explorer-container',