@gingkoo/pandora-explorer 0.0.1-alpha.18 → 0.0.1-alpha.19

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.18
+ * @gingkoo/pandora-explorer v0.0.1-alpha.19
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -17,6 +17,7 @@ import VirtualList from 'rc-virtual-list';
 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';
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -65,7 +66,7 @@ const getKey$1 = (randomLength = 3) => {
   let str = Number(Math.random().toString().substr(2, randomLength) + Date.now()).toString(36);
   return str.toUpperCase();
 };
-const convertBytesToSize = bytes => {
+const convertBytesToSize = (bytes = 2) => {
   const thresh = 1024;
   if (Math.abs(bytes) < thresh) {
     return bytes + ' B';
@@ -1791,8 +1792,8 @@ const ExplorerHead = props => {
               children: "\u6587\u4EF6\u4E0A\u4F20"
             }), jsx("input", {
               type: 'file',
-              onChange: e => {
-                props?.onUpload?.(e.target.files[0], store.curInfo);
+              onChange: async e => {
+                await props?.onUpload?.(e.target.files[0], store.curInfo);
                 loadData?.(store.curInfo?.key);
               }
             })]
@@ -5156,6 +5157,7 @@ function TableItem(props) {
     onMenuClick,
     rename,
     onRename,
+    onSelect,
     ...param
   } = props;
   return jsx(Dropdown, {
@@ -5323,9 +5325,7 @@ var TreeItem = (props => {
       })
     }) : jsxs("div", {
       className: 'explorer-tree-node',
-      onClick: () => {
-        onSelect?.();
-      },
+      onClick: () => {},
       children: [jsx("div", {
         className: 'node-title',
         children: title || ''
@@ -5422,12 +5422,14 @@ var Tree = (props => {
     treeData,
     checks,
     height,
+    expandedKeys,
     width: _widht,
     columns,
     isload = false,
     ischeck = false,
     showLine = true,
     animation = true,
+    loadedKeys = undefined,
     icon,
     titleRender,
     onChecks,
@@ -5437,7 +5439,8 @@ var Tree = (props => {
     onMenuClick,
     onRename,
     loadData,
-    filterData
+    filterData,
+    onExpand
   } = props;
   const ref = useRef(null);
   const tree = useRef(null);
@@ -5636,6 +5639,7 @@ var Tree = (props => {
         }), jsx(Tree$1, {
           ref: tree,
           checkStrictly: true,
+          expandedKeys: expandedKeys,
           checkable: type == 'table' ? true : false,
           autoExpandParent: autoExpandParent,
           defaultExpandedKeys: defaultExpandedKeys || [],
@@ -5661,6 +5665,9 @@ var Tree = (props => {
           onContextMenu: e => {
             e.preventDefault();
           },
+          onExpand: v => {
+            onExpand?.(v);
+          },
           onDoubleClick: (v, node) => {
             v.stopPropagation();
             onDblclick && onDblclick?.(node.key, node);
@@ -5709,12 +5716,6 @@ var Tree = (props => {
                   }
                   onChecks && onChecks?.(arr);
                 },
-                onSelect: item => {
-                  onSelect && onSelect?.({
-                    key: v.key,
-                    ...v
-                  });
-                },
                 columns: columns
               });
             }
@@ -5728,12 +5729,6 @@ var Tree = (props => {
                 setRename(null);
                 onRename && onRename(v.key, value, v);
               },
-              onSelect: () => {
-                onSelect && onSelect?.({
-                  key: v.key,
-                  ...v
-                });
-              },
               onMenuClick: menu => {
                 if (menu == 'rename') {
                   setTimeout(() => {
@@ -5745,6 +5740,14 @@ var Tree = (props => {
               }
             });
           },
+          onSelect: (v, info) => {
+            if (v[0]) {
+              onSelect?.({
+                key: v[0],
+                ...(info?.node || {})
+              });
+            }
+          },
           loadData: isload ? onLoadData : null,
           treeData: type == 'table' ? [...data, {
             key: '_ending',
@@ -6088,6 +6091,387 @@ function Tile(props) {
   });
 }
 
+var time = null;
+const SelectBox = props => {
+  let {
+    checks = [],
+    className = '',
+    dataClass,
+    selectClass = '',
+    regionClass,
+    isDrag = true,
+    isSelectBoxes = true,
+    checkType = '',
+    checkMode,
+    action = 'stack',
+    onChange
+  } = props;
+  const selectionRef = useRef(null);
+  const clickRef = useRef(true);
+  //选框
+  const ref = useRef(null);
+  //选择中
+  const _dom = useRef([]);
+  //目标
+  const target = useRef(null);
+  //盒子
+  const box = useRef(null);
+  //当前
+  const cur = useRef([]);
+  //判断单机还双击
+  const isDclick = useRef(null);
+  const [selects, setSelect] = useState([]);
+  const [stageClickInfo, setStageClickInfo] = useState({
+    show: false
+  });
+  useEffect(() => {
+    setSelect(checks);
+  }, [checks]);
+  useEffect(() => {
+    document.addEventListener('mousemove', handleBodyMousemove);
+    document.addEventListener('mouseup', handleBodyMouseup);
+    return () => {
+      document.removeEventListener('mousemove', handleBodyMousemove);
+      document.removeEventListener('mouseup', handleBodyMouseup);
+    };
+  }, [stageClickInfo, checkMode]);
+  //判断鼠标点击位置 是否为目标区域
+  function isSelectTarget(e) {
+    let idx = [];
+    Array.from(document.querySelectorAll(selectClass)).filter(v => {
+      if (v.contains(e.target)) {
+        let dataDom = v;
+        if (dataClass) {
+          dataDom = v.querySelector(dataClass);
+          let id = dataDom.getAttribute('data-id');
+          if (checkType) {
+            let type = dataDom.getAttribute('data-type');
+            if (type !== checkType) return;
+          }
+          if (id) {
+            idx.push(id);
+          }
+        }
+      }
+    });
+    if (idx.length) {
+      return idx;
+    }
+    return null;
+  }
+  //鼠标移动
+  function handleBodyMousemove(e) {
+    const {
+      clientX: x,
+      clientY: y
+    } = e;
+    if (!time && cur?.current?.length && isDrag) {
+      cur.current?.map((v, i) => {
+        v.style.cssText = `
+        position: absolute; 
+        transition: 0.3s;
+        top:${y + i * 3}px;
+        left:${x + i * 3}px;
+        `;
+      });
+      time = setTimeout(() => {
+        cur.current.forEach(v => v.remove());
+        cur.current = [];
+      }, 200);
+    }
+    if (isDrag && selects.length) {
+      if (target.current) {
+        target.current.style.cssText = `
+        position: absolute; 
+         top:${y}px;
+         left:${x}px;
+        `;
+      }
+    } else {
+      createBox(e);
+    }
+  }
+  //鼠标松开
+  function handleBodyMouseup() {
+    if (target.current) {
+      empty();
+    } else {
+      setStageClickInfo({
+        show: false
+      });
+      const selectionDom = selectionRef.current;
+      if (selectionDom) {
+        selectionDom.style.cssText = `
+        position: absolute; 
+        opacity: 0;
+        top:1px; 
+        left: 1px;
+        width: 0px;
+        height: 0px;
+        pointer-events: none;
+        z-index: -1;
+        `;
+      }
+      setTimeout(() => {
+        clickRef.current = true;
+      }, 300);
+    }
+  }
+  //创建选框
+  function createBox(e) {
+    if (stageClickInfo.show) {
+      let region = null;
+      if (regionClass) {
+        let dom = document.querySelector(regionClass);
+        if (dom) {
+          region = dom.getBoundingClientRect();
+        }
+      }
+      if (region) {
+        let {
+          x: left,
+          y: top,
+          width,
+          height
+        } = region;
+        let right = left + width;
+        let bottom = top + height;
+        let {
+          clientX: x,
+          clientY: y
+        } = e;
+        if (x > right || x < left || y > bottom || y < top) {
+          return;
+        }
+      }
+      const selectionDom = selectionRef.current;
+      if (selectionDom) {
+        let idx = [];
+        if (checkMode == 'check') {
+          idx = cloneDeep(checks);
+        }
+        let dom = [];
+        // 终点
+        const {
+          clientX: x,
+          clientY: y
+        } = e;
+        // 起点
+        const {
+          x: pX,
+          y: pY
+        } = stageClickInfo;
+        if (!pX || !pY) {
+          return null;
+        }
+        // 默认右下
+        let sTop = pY;
+        let sLeft = pX;
+        let sWidth = x - pX;
+        let sHeight = y - pY;
+        // 左下
+        if (x < pX && y > pY) {
+          sLeft = x;
+          sWidth = pX - x;
+        }
+        // 左上
+        if (x < stageClickInfo.x && y < pY) {
+          sLeft = x;
+          sTop = y;
+          sWidth = pX - x;
+          sHeight = pY - y;
+        }
+        // 右上
+        if (x > stageClickInfo.x && y < pY) {
+          sTop = y;
+          sHeight = pY - y;
+        }
+        Array.from(document.querySelectorAll(selectClass)).forEach((v, i) => {
+          let dataDom = v;
+          if (dataClass) {
+            dataDom = v.querySelector(dataClass);
+          }
+          let {
+            top,
+            right,
+            bottom,
+            left
+          } = v.getBoundingClientRect();
+          let sRight = sLeft + sWidth;
+          let sBottom = sTop + sHeight;
+          //判断是否在选择区
+          let leftCover = sLeft <= left && left <= sRight;
+          let cmidst = sLeft >= left && sRight <= right; //内
+          let rightCover = sLeft <= right && right <= sRight;
+          let topCover = sTop <= top && top <= sBottom;
+          let midst = sTop >= top && sBottom <= bottom; //内
+          let bottomCover = sTop <= bottom && bottom <= sBottom;
+          if ((leftCover || cmidst || rightCover) && (topCover || midst || bottomCover)) {
+            if (checkType) {
+              let type = dataDom.getAttribute('data-type');
+              if (type !== checkType) return;
+            }
+            let id = dataDom.getAttribute('data-id');
+            if (id && !idx.includes(id)) {
+              idx.push(id);
+              dom.push(v);
+            }
+          }
+        });
+        selectionDom.style.cssText = `
+        position: absolute;
+        background-color: rgba(30, 175, 249, .2);
+        border: 1px solid rgba(30, 175, 249, 1);
+        top:${sTop}px;
+        left: ${sLeft}px;
+        width: ${sWidth}px;
+        height: ${sHeight}px;
+        pointer-events: none;
+        z-index: 10;
+        `;
+        _dom.current = dom;
+        onChange(idx);
+      }
+    }
+  }
+  //创建虚拟节点
+  function createVDom(e) {
+    let body = document.querySelector('body');
+    let _box = null;
+    let _target = null;
+    _box = document.createElement('div');
+    _target = document.createElement('div');
+    const {
+      clientX: x,
+      clientY: y
+    } = e;
+    _box.className = `_selectbox ${className}`;
+    _box.style.cssText = `
+    position: absolute; 
+    top:1px; 
+    left: 1px;
+    width: 0px;
+    height: 0px;
+    pointer-events: none;
+    overflow: visible !important;
+    z-index: 999;
+    `;
+    _target.style.cssText = `
+    position: absolute; 
+    top:${y}px; 
+    left:${x}px;
+    pointer-events: none;
+    `;
+    _dom.current.map((v, i) => {
+      let _cur = v.cloneNode(true);
+      let data = v.getBoundingClientRect();
+      _cur.style.cssText = `
+        position: absolute; 
+        top:${data.top}px;
+        left:${data.left}px;
+        opacity:0.5;
+        transition: 0.3s;
+      `;
+      cur.current.push(_cur);
+      _box?.appendChild(_cur);
+      if (i > 10) return;
+      let value = v.cloneNode(true);
+      if (action == 'stack') {
+        value.style.cssText = `
+        position: absolute; 
+        top:${i * 3}px;
+        left:${i * 3}px;
+        z-index: ${i * -1};
+        width:${data?.width ? data?.width : 'auto'};
+        opacity: 1;
+        margin:0
+      `;
+      } else if (action == 'rotate') {
+        value.style.cssText = `
+        position: absolute; 
+        top:${i}px;
+        left:${i}px;
+        z-index: ${i * -1};
+        transform: rotate(${4 * (i % 2 ? i * -1 : i)}deg);
+        opacity: 1;
+        margin:0
+      `;
+      }
+      _target?.appendChild(value);
+    });
+    _box?.appendChild(_target);
+    body?.appendChild(_box);
+    box.current = _box;
+    target.current = _target;
+  }
+  //清空
+  function empty() {
+    target.current?.remove();
+    box.current?.remove();
+    target.current = null;
+    box.current = null;
+    clickRef.current = false;
+  }
+  return jsxs("div", {
+    ref: ref,
+    className: cx$1(`${className}`),
+    onClick: e => {},
+    onMouseDown: e => {
+      if (e.button === 2) return;
+      if (isDclick.current) {
+        clearTimeout(isDclick.current);
+        isDclick.current = null;
+      } else {
+        let type = isSelectTarget(e);
+        //选中
+        //在区域未选中
+        isDclick.current = setTimeout(() => {
+          if (checks.includes(type?.[0])) {
+            if (!isDrag && checkMode == 'check') {
+              let arr = checks.filter(v => v !== type?.[0]);
+              setSelect(arr);
+              onChange(arr);
+            }
+            time = null;
+            isDrag && createVDom(e);
+            return;
+          }
+          if (Array.isArray(type)) {
+            if (checkMode == 'check') {
+              if (!checks.includes(type?.[0])) {
+                let arr = [...selects, ...type];
+                setSelect(arr);
+                onChange(arr);
+              }
+            } else {
+              setSelect(type);
+              onChange(type);
+            }
+          }
+          isDclick.current = null;
+        }, 200);
+        if (type) return;
+        if (selects.length) {
+          if (checkMode !== 'check') {
+            setSelect([]);
+            onChange([]);
+            empty();
+          }
+        }
+        clickRef.current = false;
+        isSelectBoxes && setStageClickInfo({
+          show: true,
+          x: e.clientX,
+          y: e.clientY
+        });
+      }
+    },
+    children: [props.children, /*#__PURE__*/ReactDOM.createPortal(jsx("div", {
+      ref: selectionRef
+    }), document.body)]
+  });
+};
+
 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);
 
@@ -6607,6 +6991,23 @@ function ModalTab(props) {
   });
 }
 
+const template = {
+  tile: {
+    action: 'rotate',
+    className: 'file-select-box',
+    selectClass: '.file-continer-main .file'
+  },
+  column: {
+    className: 'explorer-columns',
+    selectClass: '.explorer-columns-list',
+    regionClass: '.explorer-columns .layer.list.select_col'
+  },
+  table: {
+    className: 'explorer-tree table',
+    dataClass: '.explorer-tree-row',
+    selectClass: '.rc-tree-treenode'
+  }
+};
 const Layout$1 = props => {
   const {
     viewHeight: height,
@@ -6625,6 +7026,10 @@ const Layout$1 = props => {
     onMenuClick
   } = props;
   const store = useContext(ExampleContext);
+  const [expandkey, useExpandkey] = useState([]);
+  useEffect(() => {
+    useExpandkey([]);
+  }, [store.curInfo?.key]);
   function Loading() {
     return jsx("div", {
       className: 'explorer-columns-loading',
@@ -6654,64 +7059,97 @@ const Layout$1 = props => {
   }
   return jsxs("div", {
     className: 'file-continer-main',
-    children: [store?.loading == ApiStatusEnum.LOADING && jsx(Loading, {}), store?.menutype == 'column' && jsx(Columns, {
-      icons: store.getIcons,
-      data: store.curlist,
-      checks: checks,
-      onLoadData: loadData,
-      onClick: onClick,
-      onRename: onRename,
-      onMenuClick: onMenuClick,
-      onDblclick: onDblclick,
-      height: height,
-      width: width
-    }), store?.menutype == 'table' && jsx(Tree, {
-      type: 'table',
+    children: [store?.loading == ApiStatusEnum.LOADING && jsx(Loading, {}), jsxs(SelectBox, {
       checks: checks,
-      treeData: store.curlist,
-      columns: store.columns,
       checkType: store.checkType,
-      height: height - 24,
-      width: width,
-      animation: false,
-      showLine: false,
-      isOpenMenu: isOpenMenu,
-      icon: store.getIcons,
-      isload: true,
-      ischeck: truncate,
-      onChecks: arr => {
+      checkMode: store.checkMode,
+      className: cx('file-select-box', {
+        [template[store?.menutype || '']?.className || '']: Boolean(template?.[store.menutype]?.className)
+      }),
+      isDrag: isDrag,
+      isSelectBoxes: isSelectBoxes,
+      onChange: v => {
         let map = store.dataMap || {};
         let param = [];
-        arr.forEach(checkedKeys => {
+        v.forEach(checkedKeys => {
           if (map[checkedKeys]) {
             param.push(map[checkedKeys]);
           }
         });
-        onCheck?.(arr, param);
+        onCheck?.(v, param);
       },
-      onSelect: v => {
-        store.setCurSelect(v.key);
-        return null;
-      },
-      onRename: onRename,
-      onMenuClick: onMenuClick,
-      onDblclick: _onDblclick,
-      loadData: loadNode,
-      onChange: v => {
-        store.setCurList(v);
-      }
-    }), store?.menutype == 'tile' && jsx(Tile, {
-      width: width,
-      height: height,
-      size: store.menuSize,
-      data: store.curlist,
-      icons: store.getIcons,
-      checks: checks,
-      onSelect: onClick,
-      onDblclick: _onDblclick,
-      onRename: onRename,
-      onMenuClick: onMenuClick,
-      loadData: loadData
+      onDrag: () => {},
+      onEndDrag: () => {},
+      onStartDrag: () => {},
+      dataClass: template?.[store.menutype]?.dataClass,
+      selectClass: template?.[store.menutype]?.selectClass,
+      action: template?.[store.menutype]?.action,
+      regionClass: template?.[store.menutype]?.regionClass,
+      children: [store?.menutype == 'column' && jsx(Columns, {
+        icons: store.getIcons,
+        data: store.curlist,
+        checks: checks,
+        onLoadData: loadNode,
+        onClick: onClick,
+        onRename: onRename,
+        onMenuClick: onMenuClick,
+        onDblclick: onDblclick,
+        height: height,
+        width: width
+      }), store?.menutype == 'table' && jsx(Tree, {
+        type: 'table',
+        checks: checks,
+        expandedKeys: expandkey,
+        loadedKeys: ['我的天啊/你好啊'],
+        treeData: store.curlist,
+        columns: store.columns,
+        checkType: store.checkType,
+        height: height - 24,
+        width: width,
+        animation: false,
+        showLine: false,
+        isOpenMenu: isOpenMenu,
+        icon: store.getIcons,
+        isload: true,
+        ischeck: truncate,
+        onChecks: arr => {
+          let map = store.dataMap || {};
+          let param = [];
+          arr.forEach(checkedKeys => {
+            if (map[checkedKeys]) {
+              param.push(map[checkedKeys]);
+            }
+          });
+          onCheck?.(arr, param);
+        },
+        onSelect: v => {
+          if (v?.type == 'folder' && v.expanded) {
+            store.setCurSelect(v.key);
+          }
+        },
+        onRename: onRename,
+        onMenuClick: onMenuClick,
+        onDblclick: _onDblclick,
+        loadData: loadNode,
+        onExpand: v => {
+          useExpandkey(v);
+        },
+        onChange: v => {
+          store.setCurList(v);
+        }
+      }), store?.menutype == 'tile' && jsx(Tile, {
+        width: width,
+        height: height,
+        size: store.menuSize,
+        data: store.curlist,
+        icons: store.getIcons,
+        checks: checks,
+        onSelect: onClick,
+        onDblclick: _onDblclick,
+        onRename: onRename,
+        onMenuClick: onMenuClick,
+        loadData: loadData
+      })]
     }), jsx(ModalTab, {
       items: [],
       showKey: []
@@ -7015,7 +7453,9 @@ const Explorer = props => {
     };
     let map = addLevel(curlist, {});
     setDataMap(map);
+    // setCurSelect('');
   }, [curlist]);
+  //清空日志
   useEffect(() => {
     let root = log[0];
     if (!root?.includes(curInfo?.path)) {