@gingkoo/pandora-explorer 0.0.1-alpha.5 → 0.0.1-alpha.6

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.5
+ * @gingkoo/pandora-explorer v0.0.1-alpha.6
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -19,39 +19,6 @@ import toArray from 'rc-util/lib/Children/toArray';
 import omit from 'rc-util/lib/omit';
 import ReactDOM from 'react-dom';
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$d = ".explorer-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.explorer-container svg.icon {\n  top: 0;\n}\n";
-styleInject(css_248z$d);
-
-var css_248z$c = ".rc-tree {\n  margin: 0;\n  border: 1px solid transparent;\n}\n.rc-tree-focused:not(.rc-tree-active-focused) {\n  border-color: cyan;\n}\n.rc-tree .rc-tree-treenode {\n  margin: 0;\n  padding: 0;\n  line-height: 24px;\n  white-space: nowrap;\n  list-style: none;\n  outline: 0;\n}\n.rc-tree .rc-tree-treenode .draggable {\n  color: #333;\n  -moz-user-select: none;\n  -khtml-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n  /* Required to make elements draggable in old WebKit */\n}\n.rc-tree .rc-tree-treenode.dragging {\n  background: rgba(100, 100, 255, 0.1);\n}\n.rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: inset 0 0 0 2px red;\n  content: '';\n}\n.rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n  border-left: 2px solid chocolate;\n}\n.rc-tree .rc-tree-treenode.drop-target {\n  background-color: yellowgreen;\n}\n.rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n  border-left: none;\n}\n.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n  color: #a60000 !important;\n  font-weight: bold !important;\n}\n.rc-tree .rc-tree-treenode ul {\n  margin: 0;\n  padding: 0 0 0 18px;\n}\n.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n  position: relative;\n  display: inline-block;\n  height: 24px;\n  margin: 0;\n  padding: 0;\n  text-decoration: none;\n  vertical-align: top;\n  cursor: pointer;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-switcher,\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n.rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  margin-right: 2px;\n  line-height: 16px;\n  vertical-align: -0.125em;\n  background-color: transparent;\n  background-image: url('data:image/png;base64,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');\n  background-repeat: no-repeat;\n  background-attachment: scroll;\n  border: 0 none;\n  outline: none;\n  cursor: pointer;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n.rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n  background-image: none;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n  margin-right: 2px;\n  vertical-align: top;\n  background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n  cursor: auto;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n  background-position: -93px -56px;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n  background-position: -75px -56px;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n  width: 13px;\n  height: 13px;\n  margin: 0 3px;\n  background-position: 0 0;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n  background-position: -14px 0;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n  background-position: -14px -28px;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n  background-position: 0 -56px;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n  background-position: -14px -56px;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n  position: relative;\n  background: #ccc;\n  border-radius: 3px;\n}\n.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n  position: absolute;\n  top: 5px;\n  left: 3px;\n  width: 5px;\n  height: 0;\n  border: 2px solid #fff;\n  border-top: 0;\n  border-left: 0;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n  content: ' ';\n}\n.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n  background: none;\n}\n.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n  background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;\n}\n.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n  background-position: -56px -18px;\n}\n.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n  background-position: -56px -36px;\n}\n.rc-tree-child-tree {\n  display: none;\n}\n.rc-tree-child-tree-open {\n  display: block;\n}\n.rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n.rc-tree-treenode-disabled > a,\n.rc-tree-treenode-disabled > a span {\n  color: #767676;\n  cursor: not-allowed;\n}\n.rc-tree-treenode-active {\n  background: rgba(0, 0, 0, 0.1);\n}\n.rc-tree-node-selected {\n  background-color: #ffe6b0;\n  box-shadow: 0 0 0 1px #ffb951;\n  opacity: 0.8;\n}\n.rc-tree-icon__open {\n  margin-right: 2px;\n  vertical-align: top;\n  background-position: -110px -16px;\n}\n.rc-tree-icon__close {\n  margin-right: 2px;\n  vertical-align: top;\n  background-position: -110px 0;\n}\n.rc-tree-icon__docu {\n  margin-right: 2px;\n  vertical-align: top;\n  background-position: -110px -32px;\n}\n.rc-tree-icon__customize {\n  margin-right: 2px;\n  vertical-align: top;\n}\n.rc-tree-title {\n  display: inline-block;\n}\n.rc-tree-indent {\n  display: inline-block;\n  height: 0;\n  vertical-align: bottom;\n}\n.rc-tree-indent-unit {\n  display: inline-block;\n  width: 16px;\n}\n.rc-tree-draggable-icon {\n  display: inline-flex;\n  justify-content: center;\n  width: 16px;\n}\n";
-styleInject(css_248z$c);
-
 // 接口状态
 var ApiStatusEnum;
 (function (ApiStatusEnum) {
@@ -64,9 +31,6 @@ var ApiStatusEnum;
 
 const ExampleContext = /*#__PURE__*/createContext(null);
 
-var css_248z$b = ".explorer_icon {\n  width: 100%;\n  height: 100%;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  font-style: normal;\n  pointer-events: none;\n  vertical-align: top;\n}\n.explorer_icon.x-folder {\n  background-image: url(../../assets/file/folder_win11_open.png);\n}\n.explorer_icon.x-xls {\n  background-image: url(../../assets/file/xls.png);\n}\n.explorer_icon.x-xlsx {\n  background-image: url(../../assets/file/xlsx.png);\n}\n.explorer_icon.x-doc {\n  background-image: url(../../assets/file/doc.png);\n}\n.explorer_icon.x-docx {\n  background-image: url(../../assets/file/docx.png);\n}\n.explorer_icon.x-pptx {\n  background-image: url(../../assets/file/pptx.png);\n}\n.explorer_icon.x-md {\n  background-image: url(../../assets/file/md.png);\n}\n.explorer_icon.x-txt {\n  background-image: url(../../assets/file/txt.png);\n}\n.explorer_icon.x-js {\n  background-image: url(../../assets/file/js.png);\n}\n.explorer_icon.x-css {\n  background-image: url(../../assets/file/css.png);\n}\n.explorer_icon.x-html {\n  background-image: url(../../assets/file/html.png);\n}\n.explorer_icon.x-json {\n  background-image: url(../../assets/file/json.png);\n}\n";
-styleInject(css_248z$b);
-
 //文件
 function FavoriteSvg() {
   return jsxs("svg", {
@@ -849,9 +813,6 @@ function SuffixIcon({
   });
 }
 
-var css_248z$a = ".app-wrapper {\n  height: 100%;\n}\n.frame-explorer-main {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.frame-left {\n  position: relative;\n  border-right: 1px solid rgba(100, 100, 100, 0.1);\n  height: 100%;\n}\n.frame-left::after {\n  position: absolute;\n  content: ' ';\n  top: 50%;\n  right: 1px;\n  width: 1px;\n  height: 18px;\n  margin-left: -1px;\n  margin-top: -9px;\n  border: 1px solid #ddd;\n  border-top: none;\n  border-bottom: none;\n  backdrop-filter: none;\n  border-radius: 0;\n  background: transparent;\n  box-sizing: content-box;\n  -webkit-backdrop-filter: blur(10px);\n  z-index: 2;\n}\n.frame-right {\n  border-right: 1px solid #f5f5f5;\n  height: 100%;\n}\n.frame-right .frame-header {\n  width: 100%;\n  height: 85px;\n  min-width: 400px;\n  position: relative;\n  background: #fff;\n}\n.frame-right .frame-main {\n  position: relative;\n  height: 100%;\n}\n.box {\n  display: flex;\n}\n.box .item {\n  position: relative;\n  width: 100px;\n  height: 100px;\n  background: red;\n  margin-left: 20px;\n  transition: 0.3s;\n  top: 0;\n  left: 0;\n}\n.explorer-label-icon {\n  display: inline-block;\n  position: relative;\n  box-sizing: border-box !important;\n}\n.explorer-label-icon > div {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border-radius: 50% !important;\n}\n.explorer-label-icon > div::after {\n  width: 40%;\n  height: 40%;\n  border-radius: 50%;\n  content: ' ';\n  background: linear-gradient(45deg, #ffffff7d, #ffffff00);\n  margin-top: 4px;\n  position: absolute;\n  right: 15%;\n  top: 15%;\n}\n";
-styleInject(css_248z$a);
-
 const {
   flush,
   hydrate,
@@ -867,9 +828,6 @@ const {
   key: 'explorer'
 });
 
-var css_248z$9 = ".Draggable {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.Draggable .sash-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.Draggable .sash-container .code-sash-mask {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 30;\n}\n.Draggable .sash-container .code-sash-mask.active {\n  pointer-events: auto;\n}\n.Draggable .sash-container .code-sash-mask.vertical {\n  cursor: col-resize;\n}\n.Draggable .sash-container .code-sash-mask.vertical.minimum {\n  cursor: e-resize;\n}\n.Draggable .sash-container .code-sash-mask.vertical.maximum {\n  cursor: w-resize;\n}\n.Draggable .sash-container .code-sash-mask.horizontal {\n  cursor: row-resize;\n}\n.Draggable .sash-container .code-sash-mask.horizontal.minimum {\n  cursor: s-resize;\n}\n.Draggable .sash-container .code-sash-mask.horizontal.maximum {\n  cursor: n-resize;\n}\n.Draggable .sash-container .code-sash {\n  position: absolute;\n  z-index: 35;\n  touch-action: none;\n  pointer-events: auto;\n}\n.Draggable .sash-container .code-sash::before {\n  content: '';\n  pointer-events: none;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  transition: background-color 0.1s ease-out;\n  background: transparent;\n  user-select: none;\n}\n.Draggable .sash-container .code-sash:hover::before,\n.Draggable .sash-container .code-sash.active::before {\n  background: #1890ff;\n}\n.Draggable .sash-container .code-sash.vertical {\n  cursor: col-resize;\n  top: 0;\n  width: 5px;\n  height: 100%;\n}\n.Draggable .sash-container .code-sash.vertical::before {\n  width: 5px;\n  left: calc(50% - 5px / 2);\n}\n.Draggable .sash-container .code-sash.horizontal {\n  cursor: row-resize;\n  left: 0;\n  width: 100%;\n  height: 5px;\n}\n.Draggable .sash-container .code-sash.horizontal::before {\n  top: calc(50% - 5px / 2);\n  height: 5px;\n}\n.Draggable .split-view-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.Draggable .split-view-container .split-view-view {\n  position: absolute;\n  white-space: normal;\n}\n.Draggable .split-view-container .split-view-view:not(.visible) {\n  display: none;\n}\n.Draggable.horizontal > .split-view-container > .split-view-view {\n  height: 100%;\n}\n.Draggable.vertical > .split-view-container > .split-view-view {\n  width: 100%;\n}\n";
-styleInject(css_248z$9);
-
 const Draggable = /*#__PURE__*/React__default.forwardRef(({
   className,
   style,
@@ -889,7 +847,7 @@ const Draggable = /*#__PURE__*/React__default.forwardRef(({
   const [sashClicked, setSashClicked] = useState(-1); // 不等于 -1 代表点击了
   const [minimum, setMinimum] = useState(false);
   const [maximum, setMaximum] = useState(false);
-  const [poi, setPoi] = useState(_poi);
+  const [poi, setPoi] = useState(_poi || []);
   const [pSize, setParentSize] = useState({
     width: 0,
     height: 0
@@ -1182,7 +1140,7 @@ const Draggable = /*#__PURE__*/React__default.forwardRef(({
       className: cx$2('sash-container'),
       children: [jsx("div", {
         className: cx$2('code-sash-mask', sashPlacement, {
-          active: ~sashClicked,
+          active: Boolean(~sashClicked),
           minimum,
           maximum
         }),
@@ -1197,12 +1155,6 @@ const Draggable = /*#__PURE__*/React__default.forwardRef(({
   });
 });
 
-var css_248z$8 = ".header-content {\n  padding-top: 12px;\n  height: 37px;\n  border-bottom: 1px solid #e6e6e6;\n  box-sizing: content-box;\n}\n.header-content * {\n  box-sizing: content-box;\n}\n.header-content .header-left {\n  float: left;\n  width: 80px;\n  padding-left: 10px;\n  overflow: hidden;\n  height: 32px;\n}\n.header-content .header-left .btn-group {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n}\n.header-content .header-left .btn-group .btn {\n  position: relative;\n  padding: 3px 6px;\n  width: 18px;\n  height: 20px;\n  line-height: 20px;\n  border: 1px solid #ddd;\n  font-size: 1em;\n  border-radius: 0px;\n  background-image: none;\n  float: left;\n  color: #999;\n  white-space: nowrap;\n  overflow: hidden;\n  text-align: center;\n  text-overflow: ellipsis;\n  outline: none;\n  transition: all 0.16s;\n  text-shadow: 0 1px 0 #fff;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);\n  background-color: #fff;\n  display: inline-block;\n  margin-bottom: 0;\n  font-weight: normal;\n  vertical-align: middle;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.header-content .header-left .btn-group .btn > svg {\n  font-size: 16px;\n}\n.header-content .header-left .btn-group .btn + .btn {\n  margin-left: -1px;\n}\n.header-content .header-left .btn-group .btn:hover {\n  background-color: #e4f8ff;\n  border-color: #aedaff;\n}\n.header-content .header-left .btn-group .btn:active {\n  color: #365f80;\n  background-color: #e4f8ff;\n  border-color: #93cfff;\n}\n.header-content .header-left .btn-group .btn.disable {\n  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.1);\n  opacity: 0.5;\n}\n.header-content .header-left .btn-group .history-next {\n  transform: rotate(180deg);\n}\n.header-content .header-middle {\n  padding-left: 12px;\n}\n.header-content .header-middle .btn {\n  position: relative;\n  padding: 3px 6px;\n  width: 18px;\n  height: 20px;\n  line-height: 20px;\n  border: 1px solid #ddd;\n  font-size: 1em;\n  border-radius: 0px;\n  background-image: none;\n  float: left;\n  color: #444;\n  margin-left: -1px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-align: center;\n  text-overflow: ellipsis;\n  outline: none;\n  transition: all 0.16s;\n  text-shadow: 0 1px 0 #fff;\n  background-color: #fff;\n  display: inline-block;\n  margin-bottom: 0;\n  font-weight: normal;\n  vertical-align: middle;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.header-content .header-middle .btn > svg {\n  font-size: 16px;\n}\n.header-content .header-middle .btn + .btn {\n  margin-left: -1px;\n}\n.header-content .header-middle .btn:hover {\n  background-color: #e4f8ff;\n  border-color: #aedaff;\n}\n.header-content .header-middle .btn:active {\n  color: #365f80;\n  background-color: #e4f8ff;\n  border-color: #93cfff;\n}\n.header-content .header-middle .btn.disable {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.header-content .header-middle .header-address {\n  width: 50%;\n  cursor: text;\n  height: 26px;\n  overflow: hidden;\n  float: left;\n  border: 1px solid #ddd;\n  margin-left: -1px;\n  display: block;\n}\n.header-content .header-middle .header-address-content {\n  list-style: none;\n  margin: 0;\n  margin-top: -1px;\n  padding: 0;\n  position: relative;\n  overflow-y: hidden;\n  overflow-x: auto;\n  white-space: nowrap;\n  height: 50px;\n  width: 100%;\n  box-sizing: border-box;\n}\n.header-content .header-middle .header-address-item {\n  display: inline-block;\n}\n.header-content .header-middle .header-address-item.last {\n  margin-right: 50px;\n}\n.header-content .header-middle .header-address-item.first a {\n  margin-left: 0px;\n  padding-left: 5px;\n  font-weight: 800;\n}\n.header-content .header-middle .header-address-item a {\n  background-image: url(./ybutton.png);\n  background-repeat: no-repeat;\n  background-position: 100% 0;\n  cursor: pointer;\n  height: 27px;\n  min-width: 16px;\n  line-height: 27px;\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: inline-block;\n  font-size: 1em;\n  padding: 0px 25px 0px 25px;\n  position: relative;\n  margin-left: -15px;\n  vertical-align: top;\n  color: #666;\n  text-decoration: none;\n}\n.header-content .header-middle .header-address-item a:hover {\n  background-position: 100% -48px;\n  color: #222;\n}\n.header-content .header-middle .header-address .clear {\n  clear: both;\n}\n.header-content .header-middle .header-address-input {\n  height: 26px;\n  width: 50%;\n  cursor: text;\n  float: left;\n  border: 1px solid #ddd;\n  margin-left: -1px;\n}\n.header-content .header-middle .header-address-input input {\n  border: none;\n  height: 25px;\n  display: block;\n  padding: 0;\n  padding-left: 10px;\n  padding-right: 10px;\n  background: #fff;\n  background: none;\n  width: 94%;\n  font-size: 1em;\n  line-height: 25px;\n  color: #444;\n  appearance: none;\n  border-radius: 0;\n  outline: none;\n}\n.header-content .header-middle .header-address-input input:focus {\n  outline: none;\n}\n.header-content .header-middle .hidden {\n  display: none;\n}\n.header-content .header-right .search-box {\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  color: #888;\n  vertical-align: top;\n}\n.header-content .header-right .search-box * {\n  box-sizing: border-box;\n}\n.header-content .header-right .search-box input {\n  outline: none;\n  height: 26px;\n  border: 1px solid #ddd;\n  padding: 2px 34px 2px 6px;\n  border-radius: 2px;\n  vertical-align: top;\n  transition: 0.3s;\n  color: #444;\n}\n.header-content .header-right .search-box input:hover {\n  border-color: #63acff;\n}\n.header-content .header-right .search-box input:focus {\n  border-color: #63acff;\n  box-shadow: 0 1px 10px #63acff80;\n}\n.header-content .header-right .search-box button {\n  position: absolute;\n  right: 1px;\n  outline: none;\n  height: 24px;\n  top: 1px;\n  border: 1px solid transparent;\n  border-left: 1px solid #ddd;\n  cursor: pointer;\n  background: #fff;\n  border-radius: 2px;\n  padding: 4px;\n}\n.header-content .header-right .search-box button > svg {\n  font-size: 14px;\n}\n.header-content .header-right .search-box button:hover > svg {\n  color: #63acff;\n}\n.frame-right-main .tools {\n  height: 34px;\n  min-width: 505px;\n  overflow: hidden;\n  border-bottom: 1px solid #e6e6e6;\n  background: #fefefe;\n  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02);\n  z-index: 100;\n  box-sizing: content-box;\n}\n.frame-right-main .tools .tools-left {\n  display: flex;\n  float: left;\n  margin: 0 0 0 10px;\n  height: 100%;\n  align-items: center;\n}\n.frame-right-main .tools .tools-left button {\n  background: #fff;\n  outline: none;\n  border: 1px solid #ccc;\n  height: 24px;\n  border-radius: 2px;\n  padding: 2px 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.frame-right-main .tools .tools-left button > svg {\n  font-size: 14px;\n  margin-right: 5px;\n  vertical-align: top;\n}\n.frame-right-main .tools .tools-left button:hover {\n  border: 1px solid #1677ff;\n  color: #1677ff;\n}\n.frame-right-main .tools .tools-right {\n  margin: 5px 20px 0 0;\n  position: absolute;\n  right: 0px;\n  background: #fff;\n  height: 26px;\n  box-shadow: -10px 0 10px #fff;\n}\n.frame-right-main .tools .tools-right .btn-group {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  float: right;\n  box-sizing: content-box;\n}\n.frame-right-main .tools .tools-right .btn-group > * {\n  box-sizing: content-box;\n}\n.frame-right-main .tools .tools-right .btn-group .btn {\n  height: 16px;\n  position: relative;\n  padding: 3px 7px;\n  max-width: 150px;\n  border: 1px solid #ddd;\n  line-height: 1em;\n  font-size: 1em;\n  border-radius: 0px;\n  background-image: none;\n  float: left;\n  color: #444;\n  white-space: nowrap;\n  overflow: hidden;\n  text-align: center;\n  text-overflow: ellipsis;\n  outline: none;\n  transition: all 0.16s;\n  text-shadow: 0 1px 0 #fff;\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);\n  background-color: #fff;\n  display: inline-block;\n  margin-bottom: 0;\n  font-weight: normal;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.frame-right-main .tools .tools-right .btn-group .btn > svg {\n  font-size: 14px;\n  top: 1px;\n}\n.frame-right-main .tools .tools-right .btn-group .btn + .btn {\n  margin-left: -1px;\n}\n.frame-right-main .tools .tools-right .btn-group .btn:hover {\n  background-color: #e4f8ff;\n  border-color: #aedaff;\n}\n.frame-right-main .tools .tools-right .btn-group .btn:active,\n.frame-right-main .tools .tools-right .btn-group .btn.active {\n  color: #365f80;\n  background-color: #e4f8ff;\n  border-color: #93cfff;\n  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.frame-right-main .tools .tools-right .btn-group .btn.panel-toggle {\n  padding: 3px 6px 3px 6px !important;\n  margin-left: 10px;\n}\n.frame-right-main .tools .tools-right .btn-group .btn .font-icon {\n  padding: 0 2px;\n  font-size: 15px;\n  display: inline-block;\n  background-image: url(./menu_icon.png);\n  background-size: auto !important;\n  background-repeat: no-repeat;\n  height: 16px;\n  width: 12px !important;\n  margin-right: 1px !important;\n  margin-left: 1px !important;\n  color: #999;\n  vertical-align: text-bottom;\n  font-style: normal;\n  text-align: center;\n  line-height: 1em;\n  box-sizing: content-box;\n}\n.frame-right-main .tools .tools-right .btn-group .btn .font-icon.list-type-icon {\n  background-position: 0 -561px;\n}\n.frame-right-main .tools .tools-right .btn-group .btn .font-icon.list-type-list {\n  background-position: -16px -624px;\n}\n.frame-right-main .tools .tools-right .btn-group .btn .font-icon.list-type-split {\n  background-position: 0 -609px;\n}\n.frame-right-main .tools .tools-right .btn-group .tool {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  box-sizing: border-box;\n  border-radius: 3px;\n  margin-bottom: 0;\n  padding: 1px 4px;\n  font-size: 16px;\n  float: left;\n  font-weight: normal;\n  vertical-align: middle;\n  cursor: pointer;\n  margin-right: 10px;\n  color: #aaa;\n  transition: 0.3s;\n}\n.frame-right-main .tools .tools-right .btn-group .tool > svg {\n  top: 0;\n}\n.frame-right-main .tools .tools-right .btn-group .tool:hover {\n  color: #666;\n  background: #eee;\n}\n._slider {\n  display: flex;\n  width: 45px;\n  height: 130px;\n  justify-content: center;\n}\n._slider-link {\n  position: relative;\n  height: calc(100% - 20px);\n  width: 6px;\n  background: #eee;\n  margin: 10px 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n._slider-drop {\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  border: 2px solid #96dbfa;\n  border-radius: 50px;\n  left: -5px;\n  top: -5px;\n  background: #fff;\n  cursor: grab;\n  transition: box-shadow 0.3s;\n}\n._slider-drop:hover {\n  box-shadow: 0 0 0 6px rgba(150, 219, 250, 0.7);\n}\n._slider-drop:active {\n  cursor: grabbing;\n  background: #96dbfa;\n  border-color: #96dbfa;\n  box-shadow: none;\n}\n";
-styleInject(css_248z$8);
-
-var css_248z$7 = "._dropdown_menu {\n  background: #fff;\n  min-width: 45px;\n  border-radius: 5px;\n  overflow: hidden;\n  box-shadow: 0 6px 16px 0 #00000014, 0 3px 6px -4px #e463631f, 0 9px 28px 8px #0000000d;\n}\n._dropdown_menu._dropdown-bottom {\n  animation: _dropdown-bottom 0.21s;\n  -webkit-animation: _dropdown-bottom 0.2s;\n}\n._dropdown_menu._dropdown-topLeft,\n._dropdown_menu._dropdown-top {\n  animation: _dropdown-top 0.3s;\n  -webkit-animation: _dropdown-top 0.3s;\n}\n._dropdown_menu._dropdown-left {\n  animation: _dropdown-left 0.3s;\n  -webkit-animation: _dropdown-left 0.3s;\n}\n._dropdown_menu._dropdown-right {\n  animation: _dropdown-right 0.3s;\n  -webkit-animation: _dropdown-right 0.3s;\n}\n._dropdown_menu._dropdown-hidden {\n  display: none;\n}\n@keyframes _dropdown-left {\n  0% {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0px);\n  }\n}\n@keyframes _dropdown-top {\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n}\n@keyframes _dropdown-right {\n  0% {\n    opacity: 0;\n    transform: translateX(20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0px);\n  }\n}\n";
-styleInject(css_248z$7);
-
 function returnDocument(element) {
   if (element) {
     return element.ownerDocument;
@@ -1789,12 +1741,6 @@ function Slider(props) {
   });
 }
 
-var css_248z$6 = ".explorer-menu {\n  height: 100%;\n}\n";
-styleInject(css_248z$6);
-
-var css_248z$5 = ".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}\n.explorer-tree-row .row-item .row-item-content > input {\n  height: 29px;\n  outline: none;\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.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% - 26px);\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}\n.explorer-tree.table .rc-tree-treenode:nth-child(odd) {\n  background: #4664780d;\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  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  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}\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-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}\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}\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$5);
-
 /**
  * Webpack has bug for import loop, which is not the same behavior as ES module.
  * When util.js imports the TreeNode for tree generate will cause treeContextTypes be empty.
@@ -4934,9 +4880,6 @@ registerMenu('file', [{
   title: '属性'
 }]);
 
-var css_248z$4 = ".explorer-menu {\n  width: 200px;\n  border-radius: 4px;\n  padding: 10px 5px;\n  box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);\n}\n.explorer-menu-item {\n  display: flex;\n  height: 30px;\n  line-height: 30px;\n  padding: 0px 15px 0 15px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: #444;\n}\n.explorer-menu-item .item-icon {\n  display: inline-block;\n  height: 16px;\n  width: 16px;\n  margin-right: 8px;\n}\n.explorer-menu-item .item-title {\n  flex: 1;\n}\n.explorer-menu-item .item-tool {\n  color: #999;\n}\n.explorer-menu-item:hover {\n  background: #e1e1e1;\n}\n.explorer-menu-line {\n  height: 1px;\n  border-bottom: 1px solid #eee;\n  width: calc(100% - 15px);\n  margin: 3px 0 3px 15px;\n}\n.explorer-menu-icon {\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  margin: 7px 0;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  font-style: normal;\n  pointer-events: none;\n  vertical-align: top;\n}\n.explorer-menu-icon.x-folder {\n  background-image: url(../../assets/file/folder_win11_open.png);\n}\n.explorer-menu-icon.x-xls {\n  background-image: url(../../assets/file/xls.png);\n}\n.explorer-menu-icon.x-xlsx {\n  background-image: url(../../assets/file/xlsx.png);\n}\n.explorer-menu-icon.x-doc {\n  background-image: url(../../assets/file/doc.png);\n}\n.explorer-menu-icon.x-docx {\n  background-image: url(../../assets/file/docx.png);\n}\n.explorer-menu-icon.x-pptx {\n  background-image: url(../../assets/file/pptx.png);\n}\n.explorer-menu-icon.x-md {\n  background-image: url(../../assets/file/md.png);\n}\n.explorer-menu-icon.x-txt {\n  background-image: url(../../assets/file/txt.png);\n}\n.explorer-menu-icon.x-js {\n  background-image: url(../../assets/file/js.png);\n}\n.explorer-menu-icon.x-css {\n  background-image: url(../../assets/file/css.png);\n}\n.explorer-menu-icon.x-html {\n  background-image: url(../../assets/file/html.png);\n}\n.explorer-menu-icon.x-json {\n  background-image: url(../../assets/file/json.png);\n}\n.explorer-menu-icon.x-app-link {\n  background-image: url(../../assets/file/app_link.png);\n}\n.explorer-menu-icon.x-open {\n  background-image: url(../../assets/file/menu_icon.png);\n  background-size: 32px auto !important;\n  background-position: -16px -16px;\n}\n.explorer-menu-icon.x-download {\n  background-image: url(../../assets/file/menu_icon.png);\n  background-size: 32px auto !important;\n  background-position: -16px -48px;\n}\n.explorer-menu-icon.x-copy {\n  background-image: url(../../assets/file/menu_icon.png);\n  background-size: 32px auto !important;\n  background-position: 0 -96px;\n}\n.explorer-menu-icon.x-shear {\n  background-image: url(../../assets/file/menu_icon.png);\n  background-size: 32px auto !important;\n  background-position: -16px -80px;\n}\n.explorer-menu-icon.x-rename {\n  background-image: url(../../assets/file/menu_icon.png);\n  background-size: 32px auto !important;\n  background-position: 0 -64px;\n}\n.explorer-menu-icon.x-remove {\n  background-image: url(../../assets/file/menu_icon.png);\n  background-size: 32px auto !important;\n  background-position: 0 -80px;\n}\n.explorer-menu-icon.x-update {\n  background-image: url(../../assets/file/menu_icon.png);\n  background-size: 32px auto !important;\n  background-position: -16px -513px;\n}\n.explorer-menu-icon.x-file-line {\n  background-image: url(../../assets/file/menu_icon.png);\n  background-size: 32px auto !important;\n  background-position: 0 -32px;\n}\n.explorer-menu-icon.x-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 16px;\n}\n.explorer-menu-icon.x-icon i::before {\n  background-image: -webkit-linear-gradient(2deg, #006cfa, #1acbff);\n  text-fill-color: transparent;\n  -webkit-text-fill-color: transparent;\n  -webkit-background-clip: text;\n  text-shadow: none;\n}\n.explorer-menu-icon.x-icon svg {\n  color: #006cfa;\n  top: 0px;\n}\n";
-styleInject(css_248z$4);
-
 function Menu(props) {
   const {
     menu,
@@ -5725,9 +5668,6 @@ const ExplorerMenu = props => {
   });
 };
 
-var css_248z$3 = ".file-continer-main {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  overflow: hidden;\n}\n.file-continer-main .file-continer {\n  position: absolute;\n  overflow-x: hidden;\n  overflow-y: auto;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  padding: 0;\n}\n.file-continer-main .file-continer .path-is-null {\n  text-align: center;\n  color: #bbb;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 200px;\n  height: 200px;\n  margin-top: -140px;\n  margin-left: -100px;\n  font-size: 0.9em;\n}\n.file-continer-main .file-continer .path-is-null .path-ico {\n  width: 200px;\n  height: 140px;\n  display: block;\n  font-size: 18px;\n  vertical-align: text-bottom;\n}\n.file-continer-main .file-continer .path-is-null .path-ico img {\n  width: 200px;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n}\n.file-continer-main .file-continer .path-is-null .text {\n  background: rgba(160, 160, 160, 0.1);\n  padding: 3px 10px;\n  border-radius: 10px;\n}\n.file-continer-main .file-select-box {\n  width: 100%;\n  height: 100%;\n}\n.file {\n  position: absolute;\n  border-radius: 0;\n  filter: none;\n  transition: transform 0.2s;\n  border: 1px solid transparent;\n  padding: 0px;\n  box-shadow: 0 0 2px rgba(255, 255, 255, 0);\n  transition: background 0.2s, border 0.2s, color 0.2s;\n  text-decoration: none;\n  overflow: hidden;\n  text-align: center;\n  box-sizing: border-box;\n  display: inline-block;\n  margin: 0;\n  height: auto;\n  vertical-align: top;\n  user-select: none;\n}\n.file * {\n  box-sizing: content-box;\n}\n.file.file-focus {\n  border-color: #eee;\n}\n.file:hover {\n  border-color: transparent;\n  background: #e5f3ff;\n}\n.file.select {\n  border-color: #4daeff;\n  background: #cce8ff;\n}\n.file .path-ico {\n  text-align: center;\n  display: inline-block;\n  vertical-align: text-bottom;\n}\n.file .path-ico .explorer-label-icon {\n  padding: 10px;\n}\n.file .path-ico .x-item-icon {\n  height: 79px;\n  width: 79px;\n  font-size: 79px;\n  margin-top: 5px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  width: 100%;\n  height: 100%;\n  border-radius: 5px;\n  font-style: normal;\n  display: inline-block;\n  pointer-events: none;\n}\n.file .path-ico .x-item-icon > svg {\n  padding: 0 5px;\n}\n.file .path-ico .x-item-icon.x-folder {\n  background-image: url(../../../assets/file/folder_win11_open.png);\n}\n.file .path-ico .x-item-icon.x-xls {\n  background-image: url(../../../assets/file/xls.png);\n}\n.file .path-ico .x-item-icon.x-xlsx {\n  background-image: url(../../../assets/file/xlsx.png);\n}\n.file .path-ico .x-item-icon.x-doc {\n  background-image: url(../../../assets/file/doc.png);\n}\n.file .path-ico .x-item-icon.x-docx {\n  background-image: url(../../../assets/file/docx.png);\n}\n.file .path-ico .x-item-icon.x-pptx {\n  background-image: url(../../../assets/file/pptx.png);\n}\n.file .path-ico .x-item-icon.x-md {\n  background-image: url(../../../assets/file/md.png);\n}\n.file .path-ico .x-item-icon.x-txt {\n  background-image: url(../../../assets/file/txt.png);\n}\n.file .path-ico .x-item-icon.x-js {\n  background-image: url(../../../assets/file/js.png);\n}\n.file .path-ico .x-item-icon.x-css {\n  background-image: url(../../../assets/file/css.png);\n}\n.file .path-ico .x-item-icon.x-html {\n  background-image: url(../../../assets/file/html.png);\n}\n.file .path-ico .x-item-icon.x-json {\n  background-image: url(../../../assets/file/json.png);\n}\n.file .path-ico .picture {\n  width: 79px;\n  height: 79px;\n  margin-top: 2px;\n  position: relative;\n  transition: all 0.168s;\n}\n.file .path-ico .picture:after {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent;\n  content: '';\n}\n.file .path-ico .picture .picture-show {\n  max-height: 100%;\n  max-width: 100%;\n  border-radius: 2px;\n  transition: all 0.2s ease;\n  background: #fff;\n  object-fit: cover;\n  position: absolute;\n  margin: auto;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);\n  user-select: none;\n  pointer-events: none;\n}\n.file .title-type-name {\n  box-sizing: border-box;\n  cursor: default;\n  text-align: center;\n  word-break: break-word;\n  margin: 0 auto;\n  padding: 5px 2px 5px 2px;\n  color: #444;\n  line-height: 20px;\n  font-size: 1em;\n}\n.file .title-type-name .title {\n  display: inline-block;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  position: relative;\n  display: -webkit-box;\n}\n.file .title-type-name textarea {\n  width: calc(100% - 6px);\n  border: 0;\n  outline: 0;\n  resize: none;\n}\n";
-styleInject(css_248z$3);
-
 const VirtualScroll = ({
   className,
   item,
@@ -6305,9 +6245,6 @@ const SelectBox = props => {
   });
 };
 
-var css_248z$2 = ".explorer-columns {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: relative;\n}\n.explorer-columns .layer {\n  position: relative;\n  flex: 1 0 0;\n  border-right: 1px solid #f5f5f5;\n}\n.explorer-columns .layer.select_col {\n  box-shadow: 0 0 20px #e9f5ff inset;\n}\n.explorer-columns .layer.select_col::after {\n  content: '';\n  position: absolute;\n  height: 4px;\n  bottom: 0px;\n  background: #50afff;\n  left: 0;\n  right: 0;\n}\n.explorer-columns .layer.list {\n  min-width: 200px;\n}\n.explorer-columns .layer.list::before {\n  position: absolute;\n  content: '';\n  top: 50%;\n  right: 1px;\n  width: 1px;\n  height: 18px;\n  margin-left: -1px;\n  margin-top: -9px;\n  border: 1px solid #ddd;\n  border-top: none;\n  border-bottom: none;\n  backdrop-filter: none;\n  border-radius: 0;\n  background: transparent;\n  box-sizing: content-box;\n  -webkit-backdrop-filter: blur(10px);\n}\n.explorer-columns .layer.list .list-main {\n  width: 100%;\n  height: 100%;\n  transition: 0.3s;\n  padding-top: 5px;\n}\n.explorer-columns .layer.list .list-main .list-scroll::-webkit-scrollbar {\n  width: 6px;\n}\n.explorer-columns .layer.list .list-main .list-scroll::-webkit-scrollbar-thumb {\n  background-color: transparent;\n  border-radius: 6px;\n  transition: 0.3s;\n}\n.explorer-columns .layer.list .list-main:hover .list-scroll::-webkit-scrollbar-thumb {\n  background-color: #00000030;\n}\n.explorer-columns .layer.list .drag {\n  position: absolute;\n  width: 8px;\n  border-right: 1px solid #f5f5f5;\n  right: -3px;\n  top: 0;\n  bottom: 0;\n  cursor: col-resize;\n  z-index: 10;\n}\n.explorer-columns .layer.list .drag:hover {\n  background: #40a9ff4d;\n}\n.explorer-columns .layer.empty {\n  display: flex;\n  justify-content: center;\n  padding-top: 100px;\n}\n.explorer-columns .layer.empty .empty-is-null {\n  width: 200px;\n}\n.explorer-columns .layer.empty .empty-icon {\n  height: 140px;\n}\n.explorer-columns .layer.empty .empty-desc {\n  display: flex;\n  justify-content: center;\n}\n.explorer-columns .layer.empty .empty-desc > span {\n  display: inline-block;\n  padding: 3px 10px;\n  border-radius: 10px;\n  line-height: 1;\n  background: #a0a0a01a;\n  color: #bbb;\n  font-size: 0.9em;\n}\n.explorer-columns-list {\n  padding-left: 10px;\n  display: flex;\n  height: 30px;\n  margin-bottom: 2px;\n  margin: 0 5px 3px 5px;\n  align-items: center;\n  border: 1px solid transparent;\n  user-select: none;\n}\n.explorer-columns-list .columns-list-icon {\n  display: flex;\n  width: 18px;\n  height: 18px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.explorer-columns-list .columns-list-title {\n  flex: 1;\n  display: flex;\n}\n.explorer-columns-list .columns-list-title .title {\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.explorer-columns-list .columns-list-title .edit {\n  display: inline-block;\n  width: 20px;\n  line-height: 20px;\n  font-size: 10px;\n  text-align: center;\n  border-radius: 3px;\n  margin-left: 5px;\n  color: #666;\n  opacity: 0;\n  transition: 0.3s;\n}\n.explorer-columns-list .columns-list-title .edit:hover {\n  color: #50afff;\n  background: #ffffff8a;\n  cursor: pointer;\n}\n.explorer-columns-list .columns-list-tool {\n  min-width: 30px;\n}\n.explorer-columns-list .columns-list-input {\n  flex: 1;\n  height: 100%;\n  outline: 0;\n  border: 0;\n  margin-right: 10px;\n  background: #fff;\n}\n.explorer-columns-list.acitve {\n  background: #e3f0ff;\n}\n.explorer-columns-list.last {\n  margin-bottom: 100px;\n}\n.explorer-columns-list.checks {\n  background: #cce8ff;\n  border-color: #a8d8ff !important;\n}\n.explorer-columns-list:hover {\n  background: #e3f0ff;\n  border-color: #c9e2ff;\n}\n.explorer-columns-list:hover .edit {\n  opacity: 1;\n}\n.explorer-columns-loading {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.explorer-columns-loading .loading-content {\n  width: 100px;\n  height: 106px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.7);\n  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.07);\n  color: #888;\n}\n.explorer-columns-loading .loading-content-icon {\n  display: flex;\n  justify-content: center;\n  margin: 25px auto 6px auto;\n  font-size: 30px;\n}\n.explorer-columns-loading .loading-content-icon > i {\n  animation: rotate 1.5s linear infinite;\n}\n.explorer-columns-loading .loading-content-title {\n  padding-top: 15px;\n  text-align: center;\n}\n@keyframes rotate {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z$2);
-
 function Item(props) {
   const {
     onClick,
@@ -6541,9 +6478,6 @@ function Columns(props) {
   });
 }
 
-var css_248z$1 = "._modal {\n  position: absolute;\n  justify-content: center;\n  display: flex;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 100;\n}\n._modal-content {\n  position: absolute;\n  width: 800px;\n  height: 400px;\n  top: 100px;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 0;\n  border-radius: 8px;\n  border: 1px solid #eee;\n  transition: box-shadow 0.2s;\n  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.04), 0 3px 6px -4px rgba(0, 0, 0, 0.08), 0 0 8px 8px rgba(0, 0, 0, 0.03);\n  pointer-events: auto;\n}\n._modal-content.focus {\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.12), 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 9px 28px 8px rgba(0, 0, 0, 0.03);\n}\n._modal-content.maximize {\n  width: 100% !important;\n  height: 100% !important;\n  top: 0 !important;\n  left: 0 !important;\n  bottom: 0 !important;\n  right: 0 !important;\n}\n._modal-content.maximize .header-title {\n  cursor: default;\n}\n._modal-content.minimize {\n  animation: _modal_minimize 0.3s forwards;\n}\n._modal-content.minimize-out {\n  transition: 0.3s;\n}\n._modal-content.animation {\n  transition: 0.3s;\n}\n._modal-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 30px;\n  padding: 0 10px;\n  border-bottom: 1px solid #f1f1f1;\n}\n._modal-header .header-title {\n  flex: 1;\n  cursor: move;\n}\n._modal-header .header-toolbar {\n  display: flex;\n}\n._modal-header .header-toolbar .tool {\n  width: 30px;\n  height: 30px;\n  vertical-align: top;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  cursor: pointer;\n}\n._modal-header .header-toolbar .tool > svg {\n  top: 0;\n}\n._modal-header .header-toolbar .tool.close {\n  font-size: 12px;\n}\n._modal-header .header-toolbar .tool.close:hover {\n  background: #ff0000d0;\n  color: #fff;\n}\n._modal-header .header-toolbar .tool:hover {\n  background: #e5e5e5;\n}\n._modal-navbar {\n  height: 30px;\n  width: 100%;\n  padding: 0px 10px;\n}\n._modal-navbar ._modal-navbar-item {\n  position: relative;\n  display: inline-block;\n  z-index: 100;\n  height: 30px;\n  line-height: 30px;\n  padding: 0 10px;\n  background-color: #fff3;\n  border: 1px solid #f1f1f1;\n  border-radius: 4px 4px 0 0;\n  transition: 0.3s;\n  margin-right: 2px;\n  cursor: pointer;\n}\n._modal-navbar ._modal-navbar-item.acitve {\n  z-index: 10;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n}\n._modal-navbar ._modal-navbar-item:hover {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n}\n@keyframes _modal_minimize {\n  0% {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n  90% {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  100% {\n    opacity: 0;\n    display: none;\n  }\n}\n";
-styleInject(css_248z$1);
-
 function Modal(props) {
   const {
     id,
@@ -6977,9 +6911,6 @@ const Layout$1 = props => {
   });
 };
 
-var css_248z = ".frame-main-info {\n  height: 100%;\n  width: 100%;\n  border-left: 1px solid #6464641a;\n}\n.frame-main-info .info-header {\n  height: 65px;\n  background: #f6faff;\n  background-image: linear-gradient(190deg, #e5f6ff, #fdfeff);\n  border-bottom: 1px solid #eee;\n  position: relative;\n  z-index: 2;\n}\n.frame-main-info .info-header .file-icon {\n  position: absolute;\n  top: 7px;\n  left: 10px;\n  width: 50px;\n  height: 50px;\n  line-height: 50px;\n  text-align: center;\n  overflow: hidden;\n}\n.frame-main-info .info-header .file-icon > span {\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.frame-main-info .info-header .file-name {\n  font-size: 15px;\n  color: #666;\n  word-break: break-word;\n  padding-right: 30px;\n  display: table-cell;\n  vertical-align: middle;\n  height: 60px;\n  padding-left: 65px;\n  line-height: 1.2em;\n}\n.frame-main-info .info-header .file-name .title {\n  max-height: 35px;\n  line-height: 1.2em;\n  padding-top: 7px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.frame-main-info .info-header .file-name .desc {\n  font-size: 0.9em;\n  color: #aaa;\n  padding-top: 1px;\n  white-space: nowrap;\n}\n.frame-main-info .info-content {\n  position: absolute;\n  bottom: 50px;\n  top: 65px;\n  width: 100%;\n  overflow: hidden;\n  overflow-y: auto;\n}\n.frame-main-info .info-content .panel-info {\n  padding: 10px 0;\n}\n.frame-main-info .info-content .panel-info .panel-col {\n  padding-left: 15px;\n  padding-right: 10px;\n}\n.frame-main-info .info-content .panel-info .panel-col > .title {\n  float: left;\n  color: #999;\n  text-align: left;\n  padding: 0;\n  margin: 0;\n  line-height: 25px;\n  width: 27%;\n  margin-right: 1%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.frame-main-info .info-content .panel-info .panel-col > .content {\n  float: left;\n  word-break: break-word;\n  color: #444;\n  width: 72%;\n  margin: 0;\n  line-height: 25px;\n  user-select: text;\n  font-size: 1em;\n}\n.frame-main-info .info-content .panel-info .panel-col > .content-content {\n  max-height: 120px;\n  text-overflow: ellipsis;\n  word-break: break-word;\n  overflow: hidden;\n  overflow-y: auto;\n  padding: 4px 2% 5px 2%;\n}\n.frame-main-info .info-content .panel-info .panel-col > .content > textarea {\n  border-radius: 5px;\n  outline: none;\n  width: 100%;\n  line-height: 1.2em;\n  padding: 4px 2% 4px 2%;\n  border: 1px solid transparent;\n  box-shadow: 0 0 0 1px #00000014;\n}\n.frame-main-info .info-content .panel-info .panel-col > .content textarea:hover {\n  box-shadow: 0 0 0 1px #1890ff;\n}\n.frame-main-info .tab-group-line {\n  margin: 0;\n  background: #fafafa;\n  border: none;\n  text-align: center;\n  position: absolute;\n  z-index: 2;\n  bottom: 0;\n  width: 100%;\n  padding: 0;\n  border-top: 1px solid #eee;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.02);\n  font-size: 1em;\n}\n";
-styleInject(css_248z);
-
 function ExplorerInfo(props) {
   const {
     infoshow,