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

package/lib/es/index.js

@@ -1,5 +1,5 @@
 /**
- * @gingkoo/pandora-explorer v0.0.1-alpha.38
+ * @gingkoo/pandora-explorer v0.0.1-alpha.39
  */
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import cx$1 from 'classnames';
@@ -5310,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') {
@@ -5405,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') {
@@ -6228,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);
                     },
@@ -6475,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();
@@ -7696,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);
     };
   }