@gingkoo/pandora-explorer 0.0.1-alpha.13 → 0.0.1-alpha.15

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.13
+ * @gingkoo/pandora-explorer v0.0.1-alpha.15
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -1595,16 +1595,16 @@ const ExplorerHead = props => {
     });
   }, [store?.curInfo?.pathDisplay]);
   function exit() {
-    loadData?.(store.curInfo?.parentPath);
     if (store.curInfo?.key) {
       let arr = cloneDeep(store.log) || [];
       arr?.push(store.curInfo?.key);
       store.setLog(arr);
     }
+    loadData?.(store.curInfo?.parentPath);
   }
   function forward() {
     let arr = cloneDeep(store.log) || [];
-    let key = arr[arr.length];
+    let key = arr[arr.length - 1];
     loadData?.(key);
     if (key) {
       let data = arr.filter(v => v !== key);
@@ -1722,7 +1722,7 @@ const ExplorerHead = props => {
             }), jsx("input", {
               type: 'file',
               onChange: e => {
-                props?.onDownload?.(e.target.files[0], store.curInfo);
+                props?.onUpload?.(e.target.files[0], store.curInfo);
               }
             })]
           })
@@ -4899,11 +4899,13 @@ registerMenu('folder', [{
   suffix: ''
 }, {
   type: 'line'
-}, {
-  key: 'download',
-  icon: 'download',
-  title: '下载'
-}, {
+},
+// {
+//   key: 'download',
+//   icon: 'download',
+//   title: '下载',
+// },
+{
   key: 'share-link-file',
   icon: jsx(ShareSvg, {}),
   title: '外链接分享'
@@ -5780,13 +5782,12 @@ const ExplorerMenu = props => {
       onChange: onChange,
       onSelect: v => {
         store.setPathDisplay(v?.pathDisplay);
-        // let map: any = store.dataMap?.[v?.key] || {};
-        // if (Array.isArray(map?.children)) {
-        //   store.setCurInfo(map);
-        //   store.setCurList(map?.children || []);
-        // } else {
-        loadData(v.key);
-        // }
+        if (Array.isArray(v?.children)) {
+          store.setCurInfo(v);
+          store.setCurList(v?.children || []);
+        } else {
+          loadData(v.key);
+        }
       },
       filterData: v => {
         if (v.type == 'file') return false;
@@ -5854,7 +5855,6 @@ function Tile(props) {
     width,
     icons,
     data,
-    select = '',
     checks = [],
     size = 80,
     onSelect,
@@ -5898,6 +5898,9 @@ function Tile(props) {
     style: {
       height: '100%'
     },
+    onMouseDown: e => {
+      e.preventDefault();
+    },
     children: jsx(VirtualScroll, {
       className: '',
       item: list,
@@ -5907,10 +5910,10 @@ function Tile(props) {
           children: v?.map((v, i) => {
             const w = itemSize - 10;
             let menudata = [];
-            if (getMenu(props.id)) {
-              menudata = getMenu(props.id);
-            } else if (props.type && getMenu(props.type)) {
-              menudata = getMenu(props.type);
+            if (getMenu(v.key)) {
+              menudata = getMenu(v.key);
+            } else if (v.type && getMenu(v.type)) {
+              menudata = getMenu(v.type);
             } else {
               menudata = getMenu('');
             }
@@ -6968,7 +6971,7 @@ const Layout$1 = props => {
         store.setCurInfo(info);
         store.setCurList(info?.children);
       } else {
-        loadData();
+        loadData(key, info);
       }
     } else {
       onDblclick?.(key, info);
@@ -7068,6 +7071,22 @@ 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 convertBytesToSize(bytes) {
+  const thresh = 1024;
+  if (Math.abs(bytes) < thresh) {
+    return bytes + ' B';
+  }
+  const units = ['KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  let u = -1;
+  do {
+    bytes /= thresh;
+    ++u;
+  } while (Math.abs(bytes) >= thresh && u < units.length - 1);
+  return bytes.toFixed(1) + ' ' + units[u];
+}
+function DateFormat(date) {
+  return typeof date == 'number' ? new Date(date).toISOString().slice(0, 10) : date || '';
+}
 function ExplorerInfo(props) {
   const {
     infoshow,
@@ -7101,7 +7120,7 @@ function ExplorerInfo(props) {
           children: "\u5927\u5C0F:"
         }), jsx("div", {
           className: 'content',
-          children: curInfo?.size || '-'
+          children: typeof curInfo?.size == 'number' ? convertBytesToSize(curInfo?.size) : curInfo?.size || '-'
         })]
       }), jsxs("div", {
         className: 'panel-col',
@@ -7110,7 +7129,7 @@ function ExplorerInfo(props) {
           children: "\u521B\u5EFA\u65F6\u95F4 :"
         }), jsx("div", {
           className: 'content',
-          children: curInfo?.createTime || '-'
+          children: DateFormat(curInfo?.createTime)
         })]
       }), jsxs("div", {
         className: 'panel-col',
@@ -7119,7 +7138,7 @@ function ExplorerInfo(props) {
           children: "\u4FEE\u6539\u65F6\u95F4 :"
         }), jsx("div", {
           className: 'content',
-          children: curInfo?.fixTime || '-'
+          children: DateFormat(curInfo?.createTime)
         })]
       }), jsxs("div", {
         className: 'panel-col',
@@ -7141,7 +7160,7 @@ function ExplorerInfo(props) {
         className: 'panel-col',
         children: [jsx("div", {
           className: 'title',
-          children: "\u63CF\u8FF0\u8BF4\u660E :"
+          children: "\u63CF\u8FF0\u8BF4\u660E:"
         }), jsx("div", {
           className: 'content',
           children: isEdit ? jsx("textarea", {
@@ -7171,8 +7190,8 @@ function ExplorerInfo(props) {
           children: curInfo?.title
         }), jsxs("div", {
           className: 'desc',
-          children: [jsxs("span", {
-            children: [curInfo?.size || '-', ","]
+          children: [jsx("span", {
+            children: typeof curInfo?.size == 'number' ? convertBytesToSize(curInfo?.size) : curInfo?.size || '-'
           }), jsx("span", {
             children: curInfo?.fixTime || '-'
           })]
@@ -7342,6 +7361,9 @@ const Explorer = props => {
     let map = addLevel(curlist, {});
     setDataMap(map);
   }, [curlist]);
+  useEffect(() => {
+    setLog([]);
+  }, [curInfo]);
   async function loadData(key, param) {
     setLoading(ApiStatusEnum.LOADING);
     let data = (await props.loadData?.(key, param)) || {};