@gingkoo/pandora-explorer 0.0.1-alpha.37 → 0.0.1-alpha.39

package/lib/es/css.d.ts

@@ -1,10 +1,10 @@
 export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): void;
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
 }, keyframes: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
 }, css: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
-}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/utils").EmotionCache;
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/css/create-instance").EmotionCache;

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.37
+ * @gingkoo/pandora-explorer v0.0.1-alpha.39
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -5239,7 +5239,6 @@ function TableItem(props) {
       onClone
     }) => {
       if (!props.isOpenMenu) return;
-      if (!props.menu) return;
       let menudata = [];
       if (getMenu(props.id)) {
         menudata = getMenu(props.id);
@@ -5311,6 +5310,19 @@ function TableItem(props) {
                 autoFocus: true,
                 defaultValue: param[v?.key],
                 placeholder: '\u8BF7\u8F93\u5165',
+                onKeyDown: e => {
+                  if (e.key === 'Enter' || e.keyCode === 13) {
+                    if (props.create_file) {
+                      onRename?.(e.target?.value);
+                      return;
+                    }
+                    if (e.target?.value === param[v?.key]) {
+                      onRename?.(false);
+                      return;
+                    }
+                    onRename?.(e.target?.value);
+                  }
+                },
                 onFocus: e => {
                   let i = param[v?.key]?.lastIndexOf('.');
                   if (props?.suffix == 'folder') {
@@ -5320,6 +5332,10 @@ function TableItem(props) {
                   }
                 },
                 onBlur: e => {
+                  if (props.create_file) {
+                    onRename?.(e.target.value);
+                    return;
+                  }
                   if (e.target.value === param[v?.key]) {
                     onRename?.(false);
                     return;
@@ -5402,6 +5418,11 @@ var TreeItem = (props => {
         autoFocus: true,
         value: title,
         placeholder: '\u8BF7\u8F93\u5165',
+        onKeyDown: e => {
+          if (e.key === 'Enter' || e.keyCode === 13) {
+            onRename?.(title);
+          }
+        },
         onFocus: e => {
           let i = title.lastIndexOf('.');
           if (props?.suffix == 'folder') {
@@ -5961,6 +5982,11 @@ const ExplorerMenu = props => {
   useEffect(() => {
     setEventKey(expandedKeys);
   }, [expandedKeys]);
+  useEffect(() => {
+    if (typeof store.curInfo?.key === 'string') {
+      setSelect(store.curInfo?.key);
+    }
+  }, [store.curInfo?.key]);
   return jsx("div", {
     className: 'frame-left',
     onContextMenu: e => {
@@ -5982,7 +6008,7 @@ const ExplorerMenu = props => {
       onChange: onChange,
       onRename: onRename,
       onSelect: v => {
-        setSelect(v.key);
+        // setSelect(v.key);
         if (v.key === store.curInfo?.key) return;
         store.setPathDisplay(v?.pathDisplay);
         loadData(v.key);
@@ -6220,7 +6246,29 @@ function Tile(props) {
                         e.target.setSelectionRange(0, i);
                       }
                     },
+                    onKeyDown: e => {
+                      if (e.key === 'Enter' || e.keyCode === 13) {
+                        if (props.create_file) {
+                          onRename?.(v.key, e.target?.value, v);
+                          return;
+                        }
+                        if (e.target?.value === v.title) {
+                          setRekey(null);
+                          return;
+                        }
+                        onRename?.(v.key, e.target.value, v);
+                        setRekey(null);
+                      }
+                    },
                     onBlur: e => {
+                      if (props.create_file) {
+                        onRename?.(v.key, e.target?.value, v);
+                        return;
+                      }
+                      if (e.target?.value === v.title) {
+                        setRekey(null);
+                        return;
+                      }
                       onRename?.(v.key, e.target.value, v);
                       setRekey(null);
                     },
@@ -6467,20 +6515,48 @@ const SelectBox = props => {
     setIsDragFile(false);
     e.preventDefault();
     e.stopPropagation();
-    const files = [...e.dataTransfer.files];
+    const items = e.dataTransfer.items;
+    let files = [];
+    let empty = [];
+    const traverseFileTree = (item, path = '') => {
+      if (item.isFile) {
+        item.file(file => {
+          files = [...files, file];
+        });
+      } else if (item.isDirectory) {
+        const dirReader = item.createReader();
+        dirReader.readEntries(async entries => {
+          if (!entries.length) {
+            empty.push(path + item.name + '/');
+          } else {
+            for (let i = 0; i < entries.length; i++) {
+              traverseFileTree(entries[i], path + item.name + '/');
+            }
+          }
+        });
+      }
+    };
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i].webkitGetAsEntry();
+      if (item) {
+        traverseFileTree(item, '');
+      }
+    }
     let data = isSelectTarget(e, 'folder', 'remove');
     let key = null;
     if (ref.current.contains(e.target)) {
       key = store.curInfo;
       ref.current.style.cssText = `
-      border:2px solid transparent;
-    `;
-    }
-    if (typeof data?.[0] == 'string' && store?.dataMap?.[data?.[0]]) {
-      key = store?.dataMap?.[data?.[0]];
+        border:2px solid transparent;
+      `;
     }
-    if (!key) return;
-    typeof onUpload === 'function' && onUpload(files, key);
+    setTimeout(() => {
+      if (typeof data?.[0] == 'string' && store?.dataMap?.[data?.[0]]) {
+        key = store?.dataMap?.[data?.[0]];
+      }
+      if (!key) return;
+      typeof onUpload === 'function' && onUpload(files, key, empty);
+    }, 500);
   };
   function handleDragEnter(e) {
     e.preventDefault();
@@ -7688,9 +7764,11 @@ const Explorer = /*#__PURE__*/forwardRef((props, ref) => {
     if (!curInfo) return;
     let input = document.createElement('input');
     input.type = 'file';
+    input.multiple = true;
     input?.click();
     input.onchange = async e => {
-      await props?.onUpload?.(e.target.files[0], curInfo);
+      const files = Array.from(e.target.files);
+      await props?.onUpload?.(files, curInfo);
       loadData?.(curInfo?.key);
     };
   }