@duxweb/dvha-pro 1.1.21 → 1.1.23

package/dist/esm/components/upload/manager.js

@@ -1,13 +1,12 @@
-import { defineComponent as z, ref as s, computed as w, createVNode as e, nextTick as _, createTextVNode as S, isVNode as q } from "vue";
-import { useI18n as B, useClient as A, useInfiniteList as R, useUpload as X } from "@duxweb/dvha-core";
-import { cloneDeep as Y } from "lodash-es";
-import { useMessage as G, NTabs as H, NTab as x, NButton as c, NInput as N, NInfiniteScroll as J, NTooltip as K, NSpin as Q, NDropdown as W } from "naive-ui";
+import { defineComponent as B, ref as m, computed as T, createVNode as e, nextTick as R, createTextVNode as E, isVNode as X } from "vue";
+import { useI18n as Y, useClient as G, useInfiniteList as H, useUpload as J } from "@duxweb/dvha-core";
+import { useMessage as K, NTabs as Q, NTab as P, NButton as c, NInfiniteScroll as W, NTooltip as Z, NSpin as ee, NDropdown as ae, NInput as te } from "naive-ui";
 import "vue-router";
-import { useDialog as Z } from "../../hooks/dialog.js";
+import { useDialog as le } from "../../hooks/dialog.js";
 import "@overlastic/vue";
+import "@vueuse/core";
 import "clsx";
 import "vue-echarts";
-import "@vueuse/core";
 import "vue3-ace-editor";
 import "ace-builds/src-noconflict/mode-vue";
 import "ace-builds/src-noconflict/mode-javascript";
@@ -21,7 +20,8 @@ import "ace-builds/src-noconflict/ext-language_tools";
 import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
-import { DuxDrawEmpty as ee } from "../draw/drawEmpty.js";
+import "lodash-es";
+import { DuxDrawEmpty as oe } from "../draw/drawEmpty.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -52,7 +52,7 @@ import "../../pages/page404.js";
 import "vue-draggable-plus";
 import "short-unique-id";
 import "aieditor";
-import { useUploadConfig as ae } from "./config.js";
+import { useUploadConfig as ne } from "./config.js";
 import "@vue-flow/core";
 import "lodash-es/cloneDeep";
 import "@vue-flow/background";
@@ -63,14 +63,14 @@ import "../posterEditor/elements/index.js";
 import "fabric";
 import "../schemaEditor/schemaEditor.js";
 import "dayjs";
-import { useDownload as te } from "../../hooks/download.js";
+import { useDownload as re } from "../../hooks/download.js";
 import "@tanstack/vue-query";
 import "pinia";
-import { DuxFileManageItem as T } from "./manage/item.js";
-function M(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !q(t);
+import { DuxFileManageItem as F } from "./manage/item.js";
+function k(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !X(t);
 }
-const ba = /* @__PURE__ */ z({
+const Ma = /* @__PURE__ */ B({
   name: "DuxFileManage",
   props: {
     path: String,
@@ -86,136 +86,168 @@ const ba = /* @__PURE__ */ z({
     uploadParams: Object
   },
   setup(t) {
-    const f = s(!1), k = s(0), C = s(0), {
+    const f = m(!1), D = m(0), N = m(0), {
       t: l
-    } = B(), o = s([]), g = Z(), P = A(), m = G(), E = te(), i = s({
+    } = Y(), u = m([]), M = le(), C = G(), p = K(), I = re(), d = m({
       manager: !0,
       type: t.type || "all",
       folder: null
-    }), h = s(), {
+    }), v = m(), g = () => {
+      u.value = [];
+    }, {
       uploadPath: j,
       managePath: b,
-      driver: F,
-      method: I
-    } = ae({
+      driver: U,
+      method: V
+    } = ne({
       driver: t.uploadParams?.driver,
       signPath: t.uploadParams?.signPath,
       signCallback: t.uploadParams?.signCallback,
       uploadPath: t.uploadParams?.path,
       managePath: t.path,
       method: t.uploadParams?.method
-    }), U = s({
+    }), L = m({
       page: 1,
       pageSize: 20
-    }), n = R({
+    }), i = H({
       path: b.value,
-      pagination: U.value,
-      filters: i.value
-    }), V = w(() => {
+      pagination: L.value,
+      filters: d.value
+    }), $ = T(() => {
       const {
-        driver: u,
-        signPath: d,
-        signCallback: p,
+        driver: o,
+        signPath: n,
+        signCallback: s,
         ...a
       } = t.uploadParams || {};
       return a;
-    }), y = X({
-      ...V.value,
+    }), y = () => {
+      g(), i.refetch();
+    }, S = (o) => {
+      M.prompt({
+        title: o.title || l("components.uploadManage.namePlaceholder") || "",
+        formSchema: [{
+          tag: te,
+          attrs: {
+            "v-model:value": "form.name"
+          }
+        }],
+        defaultValue: o.defaultName ? {
+          name: o.defaultName
+        } : void 0
+      }).then((n) => {
+        o.onConfirm(n?.name);
+      }).catch(() => {
+      });
+    }, x = J({
+      ...$.value,
       path: j.value,
       autoUpload: !0,
-      driver: F.value,
-      params: i.value,
-      method: I.value,
+      driver: U.value,
+      params: d.value,
+      method: V.value,
       onSuccess: () => {
-        o.value = [], n.refetch();
+        y();
       },
-      onError: (u) => {
-        m.error(u?.message || l("components.uploadManage.uploadError") || "");
+      onError: (o) => {
+        p.error(o?.message || l("components.uploadManage.uploadError") || "");
       }
-    }), L = (u) => {
-      if (!u) {
-        m.error(l("components.uploadManage.namePlaceholder") || "");
+    }), z = (o) => {
+      if (!o) {
+        p.error(l("components.uploadManage.namePlaceholder") || "");
         return;
       }
-      P.request({
+      C.request({
         path: b.value,
         method: "POST",
         payload: {
-          name: u,
-          folder: i.value.folder
+          name: o,
+          folder: d.value.folder
         }
       }).then(() => {
-        n.refetch(), o.value = [];
+        y();
       }).catch(() => {
-        m.error(l("components.uploadManage.createError") || "");
+        p.error(l("components.uploadManage.createError") || "");
       });
-    }, O = (u, d, p) => {
-      if (!d) {
-        m.error(l("components.uploadManage.namePlaceholder") || "");
+    }, O = (o, n, s) => {
+      if (!n) {
+        p.error(l("components.uploadManage.namePlaceholder") || "");
         return;
       }
-      P.request({
+      C.request({
         path: b.value,
         method: "PUT",
         payload: {
-          name: d,
-          id: p,
-          type: u
+          name: n,
+          id: s,
+          type: o
         }
       }).then(() => {
-        n.refetch(), o.value = [];
+        y();
       }).catch(() => {
-        m.error(l("components.uploadManage.editError") || "");
+        p.error(l("components.uploadManage.editError") || "");
       });
-    }, D = (u, d) => {
-      P.request({
+    }, w = (o, n) => {
+      C.request({
         path: `${b.value}/batch`,
         method: "DELETE",
         payload: {
-          data: Array.isArray(d) ? d : [d],
-          type: u
+          data: Array.isArray(n) ? n : [n],
+          type: o
         }
       }).then(() => {
-        n.refetch(), o.value = [];
+        y();
       }).catch(() => {
-        m.error(l("components.uploadManage.delError") || "");
+        p.error(l("components.uploadManage.delError") || "");
       });
-    }, v = w(() => !!(t.type && t.type !== "all"));
+    }, h = T(() => !!(t.type && t.type !== "all")), _ = (o) => {
+      g(), i.data.value = void 0, d.value.folder = o;
+    }, q = (o, n) => {
+      if (!n) {
+        if (t.multiple) {
+          const s = u.value.findIndex((a) => a.id === o.id);
+          s >= 0 && u.value.splice(s, 1);
+        } else
+          g();
+        return;
+      }
+      t.multiple ? u.value.some((s) => s.id === o.id) || u.value.push(o) : u.value = [o];
+    };
     return () => {
-      let u, d, p;
+      let o, n, s;
       return e("div", {
         class: ["flex flex-col gap-2", t.page ? "h-full" : "h-500px max-h-500px"]
       }, [e("div", {
         class: ["flex-none flex justify-between items-center border-b border-muted p-3", t.handle]
       }, [e("div", {
         class: "flex-none"
-      }, [e(H, {
+      }, [e(Q, {
         type: "segment",
         animated: !0,
         size: "small",
         tabClass: "!px-4",
         defaultValue: "all",
-        value: i.value.type,
+        value: d.value.type,
         onUpdateValue: (a) => {
-          v.value || (i.value.type = a, o.value = []);
+          h.value || (d.value.type = a, u.value = []);
         }
       }, {
-        default: () => [e(x, {
+        default: () => [e(P, {
           tab: l("components.uploadManage.all"),
           name: "all",
-          disabled: v.value
-        }, null), e(x, {
+          disabled: h.value
+        }, null), e(P, {
           tab: l("components.uploadManage.image"),
           name: "image",
-          disabled: v.value
-        }, null), e(x, {
+          disabled: h.value
+        }, null), e(P, {
           tab: l("components.uploadManage.media"),
           name: "media",
-          disabled: v.value
-        }, null), e(x, {
+          disabled: h.value
+        }, null), e(P, {
           tab: l("components.uploadManage.docs"),
           name: "docs",
-          disabled: v.value
+          disabled: h.value
         }, null)]
       })]), e("div", {
         class: "flex gap-2"
@@ -223,38 +255,29 @@ const ba = /* @__PURE__ */ z({
         type: "default",
         ghost: !0,
         onClick: () => {
-          g.prompt({
-            title: l("components.uploadManage.namePlaceholder") || "",
-            formSchema: [{
-              tag: N,
-              attrs: {
-                "v-model:value": "form.name"
-              }
-            }]
-          }).then((a) => {
-            L(a?.name);
-          }).catch(() => {
+          S({
+            onConfirm: (a) => z(a)
           });
         },
         renderIcon: () => e("div", {
           class: "i-tabler:plus"
         }, null)
-      }, M(u = l("components.button.create")) ? u : {
-        default: () => [u]
+      }, k(o = l("components.button.create")) ? o : {
+        default: () => [o]
       }), e(c, {
         type: "primary",
         ghost: !0,
         onClick: () => {
-          y.open();
+          x.open();
         },
-        loading: y.isUploading.value,
+        loading: x.isUploading.value,
         renderIcon: () => e("div", {
           class: "i-tabler:upload"
         }, null)
       }, {
         default: () => [e("div", {
           class: "flex gap-2"
-        }, [l("components.uploadManage.upload"), y.progress.value.totalPercent > 0 && `(${y.progress.value.totalPercent}%)`])]
+        }, [l("components.uploadManage.upload"), x.progress.value.totalPercent > 0 && `(${x.progress.value.totalPercent}%)`])]
       }), !t.page && e(c, {
         type: "default",
         ghost: !0,
@@ -269,39 +292,39 @@ const ba = /* @__PURE__ */ z({
         }, null)
       }, null)])]), e("div", {
         class: "flex-1 min-h-1 relative"
-      }, [n.data?.value?.data?.length > 0 && e(J, {
+      }, [i.data?.value?.data?.length > 0 && e(W, {
         distance: 10,
         onLoad: () => {
-          n.hasNextPage.value && n.fetchNextPage();
+          i.hasNextPage.value && i.fetchNextPage();
         },
         scrollbarProps: {
           contentClass: "p-4"
         }
       }, {
         default: () => [e("div", {
-          class: ["grid grid-cols-3 md:grid-cols-4 text-sm items-start justify-start", n.data.value?.data?.length >= 4 && !t.page ? " lg:grid-cols-[repeat(auto-fill,minmax(150px,1fr))]" : "lg:grid-cols-[repeat(auto-fill,minmax(150px,150px))]"]
-        }, [i.value?.folder && i.value?.folder !== n.data.value?.meta?.folder && e(T, {
-          key: `parent-${n.data.value?.meta?.folder}`,
+          class: ["grid grid-cols-3 md:grid-cols-4 text-sm items-start justify-start", i.data.value?.data?.length >= 4 && !t.page ? " lg:grid-cols-[repeat(auto-fill,minmax(150px,1fr))]" : "lg:grid-cols-[repeat(auto-fill,minmax(150px,150px))]"]
+        }, [d.value?.folder && d.value?.folder !== i.data.value?.meta?.folder && e(F, {
+          key: `parent-${i.data.value?.meta?.folder}`,
           type: "folder",
           name: l("components.uploadManage.parentLevel"),
           page: t.page,
           onSelect: () => {
-            o.value = [], i.value.folder = n.data.value?.meta?.folder;
+            d.value.folder = i.data.value?.meta?.folder, g();
           }
-        }, null), n.data.value?.data?.map((a) => e(K, {
+        }, null), i.data.value?.data?.map((a) => e(Z, {
           placement: "bottom",
           key: `${a.url ? "file" : "folder"}-${a.id}`,
           trigger: a.url ? "hover" : "manual"
         }, {
-          default: () => a.filesize,
-          trigger: () => e(T, {
+          default: () => a.filesize || "",
+          trigger: () => e(F, {
             page: t.page,
             onContextmenu: (r) => {
-              h.value = a, f.value = !1, _().then(() => {
-                f.value = !0, k.value = r.clientX, C.value = r.clientY;
+              v.value = a, f.value = !1, R().then(() => {
+                f.value = !0, D.value = r.clientX, N.value = r.clientY;
               }), r.preventDefault();
             },
-            value: t.page ? !1 : !!o.value?.find?.((r) => r.id === a.id),
+            value: t.page ? !1 : !!u.value?.find?.((r) => r.id === a.id),
             type: a.url ? "file" : "folder",
             mime: a.filetype,
             name: a.filename,
@@ -309,38 +332,38 @@ const ba = /* @__PURE__ */ z({
             time: a.time,
             onSelect: (r) => {
               if (!a.url) {
-                o.value = [], n.data.value = void 0, i.value.folder = a.id;
+                _(a.id);
                 return;
               }
-              t.page || (r ? t.multiple ? o.value?.push(a) : o.value = [a] : t.multiple ? o.value?.splice(o.value?.indexOf(a), 1) : o.value = []);
+              t.page || q(a, r);
             }
           }, null)
         }))])]
-      }), n.isLoading.value ? e(Q, {
+      }), i.isLoading.value ? e(ee, {
         class: "h-full absolute w-full inset-0 bg-gray-1/50"
-      }, null) : !n.data.value?.data?.length && e("div", {
+      }, null) : !i.data.value?.data?.length && e("div", {
         class: "size-full flex justify-center items-center text-sm text-gray-6"
       }, [e("div", {
         class: "flex flex-col  items-center"
       }, [e("div", {
         class: "w-26 mb-2"
-      }, [e(ee, null, null)]), e("div", {
+      }, [e(oe, null, null)]), e("div", {
         class: "text-base"
       }, [l("components.uploadManage.empty")]), e("div", {
         class: "text-sm text-muted"
-      }, [l("components.uploadManage.emptyDesc")]), i.value?.folder && i.value?.folder !== n.data.value?.meta?.folder && e("div", {
+      }, [l("components.uploadManage.emptyDesc")]), d.value?.folder && d.value?.folder !== i.data.value?.meta?.folder && e("div", {
         class: "text-xs text-gray-6"
       }, [e(c, {
         type: "default",
         ghost: !0,
         onClick: () => {
-          o.value = [], i.value.folder = n.data.value?.meta?.folder;
+          d.value.folder = i.data.value?.meta?.folder, g();
         }
-      }, M(d = l("components.uploadManage.back")) ? d : {
-        default: () => [d]
-      })])])])]), e(W, {
-        x: k.value,
-        y: C.value,
+      }, k(n = l("components.uploadManage.back")) ? n : {
+        default: () => [n]
+      })])])])]), e(ae, {
+        x: D.value,
+        y: N.value,
         placement: "bottom-start",
         trigger: "manual",
         show: f.value,
@@ -348,41 +371,35 @@ const ba = /* @__PURE__ */ z({
           f.value = !1;
         },
         onUpdateShow: (a) => {
-          a || (h.value = void 0);
+          a || (v.value = void 0);
         },
         onSelect: (a) => {
-          const r = Y(h.value);
+          const r = v.value ? {
+            ...v.value
+          } : void 0;
           switch (f.value = !1, a) {
             case "download":
-              E.url(r?.url);
+              I.url(r?.url);
               break;
             case "rename":
-              g.prompt({
-                title: l("components.uploadManage.namePlaceholder"),
-                formSchema: [{
-                  tag: N,
-                  attrs: {
-                    "v-model:value": "form.name"
-                  }
-                }],
-                defaultValue: {
-                  name: r?.filename || r?.name
+              S({
+                defaultName: r?.filename || r?.name,
+                onConfirm: (A) => {
+                  O(r?.type, A, r?.id);
                 }
-              }).then(($) => {
-                O(r?.type, $?.name, r?.id);
               });
               break;
             case "delete":
-              g.confirm({
+              M.confirm({
                 title: l("components.uploadManage.delTitle"),
                 content: l("components.uploadManage.delDesc")
               }).then(() => {
-                D(r?.type, r?.id);
+                w(r?.type, r?.id);
               });
               break;
           }
         },
-        options: [h.value?.url && {
+        options: [v.value?.url && {
           label: l("components.button.download"),
           key: "download",
           icon: () => e("div", {
@@ -403,31 +420,31 @@ const ba = /* @__PURE__ */ z({
         }].filter((a) => a)
       }, null), !t.page && e("div", {
         class: "flex justify-end gap-2 border-t border-muted p-3"
-      }, [e("div", null, [o.value?.length > 0 && e(c, {
+      }, [e("div", null, [u.value?.length > 0 && e(c, {
         type: "error",
         secondary: !0,
         onClick: () => {
-          g.confirm({
+          M.confirm({
             title: l("components.uploadManage.delTitle"),
             content: l("components.uploadManage.delDesc")
           }).then(() => {
-            D("file", o.value?.map((a) => a.id));
+            w("file", u.value?.map((a) => a.id));
           });
         }
-      }, M(p = l("components.button.delete")) ? p : {
-        default: () => [p]
+      }, k(s = l("components.button.delete")) ? s : {
+        default: () => [s]
       })]), e("div", null, [e(c, {
         type: "primary",
-        disabled: !o.value?.length,
+        disabled: !u.value?.length,
         onClick: () => {
-          t.onConfirm?.(o.value);
+          t.onConfirm?.(u.value);
         }
       }, {
-        default: () => [l("components.button.select"), S("("), o.value?.length || 0, S(")")]
+        default: () => [l("components.button.select"), E("("), u.value?.length || 0, E(")")]
       })])])]);
     };
   }
 });
 export {
-  ba as default
+  Ma as default
 };