@duxweb/dvha-pro 1.0.23 → 1.0.25

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

@@ -1,17 +1,28 @@
-import { defineComponent as fe, ref as p, computed as te, createVNode as e, nextTick as ve, createTextVNode as oe, isVNode as ge } from "vue";
-import { useI18n as he, useClient as be, useInfiniteList as ye, useUpload as xe } from "@duxweb/dvha-core";
-import { cloneDeep as Me } from "lodash-es";
-import { useMessage as Pe, NTabs as ke, NTab as w, NButton as h, NInput as ne, NInfiniteScroll as Ce, NTooltip as we, NSpin as Se, NDropdown as Ne } from "naive-ui";
+import { defineComponent as $, ref as s, computed as w, createVNode as e, nextTick as z, createTextVNode as S, isVNode as _ } from "vue";
+import { useI18n as q, useClient as B, useInfiniteList as A, useUpload as R } from "@duxweb/dvha-core";
+import { cloneDeep as X } from "lodash-es";
+import { useMessage as Y, NTabs as G, NTab as x, NButton as c, NInput as N, NInfiniteScroll as H, NTooltip as J, NSpin as K, NDropdown as Q } from "naive-ui";
 import "vue-router";
-import { useDialog as Te } from "../../hooks/dialog.js";
+import { useDialog as W } from "../../hooks/dialog.js";
 import "@overlastic/vue";
 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";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
 import "vue-draggable-plus";
-import { DuxDrawEmpty as Ee } from "../draw/drawEmpty.js";
+import { DuxDrawEmpty as Z } from "../draw/drawEmpty.js";
 import "aieditor";
 import "vee-validate";
 import "@vee-validate/i18n";
@@ -27,27 +38,18 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../image/elements/index.js";
+import "fabric";
 import "mime";
-import { useUploadConfig as je } from "./config.js";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import { useDownload as Fe } from "../../hooks/download.js";
+import { useUploadConfig as ee } from "./config.js";
+import { useDownload as ae } from "../../hooks/download.js";
 import "@tanstack/vue-query";
 import "pinia";
-import { DuxFileManageItem as re } from "./manage/item.js";
-function N(a) {
-  return typeof a == "function" || Object.prototype.toString.call(a) === "[object Object]" && !ge(a);
+import { DuxFileManageItem as T } from "./manage/item.js";
+function P(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !_(l);
 }
-const Ca = /* @__PURE__ */ fe({
+const Ke = /* @__PURE__ */ $({
   name: "DuxFileManage",
   props: {
     path: String,
@@ -62,360 +64,343 @@ const Ca = /* @__PURE__ */ fe({
     handle: String,
     uploadParams: Object
   },
-  setup(a) {
-    var F, I, U, V;
-    const b = p(!1), T = p(0), E = p(0), {
-      t: o
-    } = he(), n = p([]), x = Te(), S = be(), f = Pe(), ue = Fe(), i = p({
+  setup(l) {
+    const f = s(!1), k = s(0), C = s(0), {
+      t
+    } = q(), o = s([]), g = W(), M = B(), p = Y(), E = ae(), i = s({
       manager: !0,
-      type: a.type || "all",
+      type: l.type || "all",
       folder: null
-    }), M = p(), {
-      uploadPath: de,
-      managePath: P,
-      driver: ie
-    } = je({
-      driver: (F = a.uploadParams) == null ? void 0 : F.driver,
-      signPath: (I = a.uploadParams) == null ? void 0 : I.signPath,
-      signCallback: (U = a.uploadParams) == null ? void 0 : U.signCallback,
-      uploadPath: (V = a.uploadParams) == null ? void 0 : V.path,
-      managePath: a.path
-    }), se = p({
+    }), h = s(), {
+      uploadPath: j,
+      managePath: b,
+      driver: F
+    } = ee({
+      driver: l.uploadParams?.driver,
+      signPath: l.uploadParams?.signPath,
+      signCallback: l.uploadParams?.signCallback,
+      uploadPath: l.uploadParams?.path,
+      managePath: l.path
+    }), I = s({
       page: 1,
       pageSize: 20
-    }), u = ye({
-      path: P.value,
-      pagination: se.value,
+    }), n = A({
+      path: b.value,
+      pagination: I.value,
       filters: i.value
-    }), ce = te(() => {
+    }), U = w(() => {
       const {
-        driver: d,
-        signPath: s,
-        signCallback: v,
-        ...C
-      } = a.uploadParams || {};
-      return C;
-    }), k = xe({
-      ...ce.value,
-      path: de.value,
+        driver: u,
+        signPath: d,
+        signCallback: m,
+        ...a
+      } = l.uploadParams || {};
+      return a;
+    }), y = R({
+      ...U.value,
+      path: j.value,
       autoUpload: !0,
-      driver: ie.value,
+      driver: F.value,
       params: i.value,
       onSuccess: () => {
-        n.value = [], u.refetch();
+        o.value = [], n.refetch();
       },
-      onError: (d) => {
-        f.error((d == null ? void 0 : d.message) || o("components.uploadManage.uploadError") || "");
+      onError: (u) => {
+        p.error(u?.message || t("components.uploadManage.uploadError") || "");
       }
-    }), me = (d) => {
-      if (!d) {
-        f.error(o("components.uploadManage.namePlaceholder") || "");
+    }), V = (u) => {
+      if (!u) {
+        p.error(t("components.uploadManage.namePlaceholder") || "");
         return;
       }
-      S.request({
-        path: P.value,
+      M.request({
+        path: b.value,
         method: "POST",
         payload: {
-          name: d,
+          name: u,
           folder: i.value.folder
         }
       }).then(() => {
-        u.refetch(), n.value = [];
+        n.refetch(), o.value = [];
       }).catch(() => {
-        f.error(o("components.uploadManage.createError") || "");
+        p.error(t("components.uploadManage.createError") || "");
       });
-    }, pe = (d, s, v) => {
-      if (!s) {
-        f.error(o("components.uploadManage.namePlaceholder") || "");
+    }, L = (u, d, m) => {
+      if (!d) {
+        p.error(t("components.uploadManage.namePlaceholder") || "");
         return;
       }
-      S.request({
-        path: P.value,
+      M.request({
+        path: b.value,
         method: "PUT",
         payload: {
-          name: s,
-          id: v,
-          type: d
+          name: d,
+          id: m,
+          type: u
         }
       }).then(() => {
-        u.refetch(), n.value = [];
+        n.refetch(), o.value = [];
       }).catch(() => {
-        f.error(o("components.uploadManage.editError") || "");
+        p.error(t("components.uploadManage.editError") || "");
       });
-    }, j = (d, s) => {
-      S.request({
-        path: `${P.value}/batch`,
+    }, D = (u, d) => {
+      M.request({
+        path: `${b.value}/batch`,
         method: "DELETE",
         payload: {
-          data: Array.isArray(s) ? s : [s],
-          type: d
+          data: Array.isArray(d) ? d : [d],
+          type: u
         }
       }).then(() => {
-        u.refetch(), n.value = [];
+        n.refetch(), o.value = [];
       }).catch(() => {
-        f.error(o("components.uploadManage.delError") || "");
+        p.error(t("components.uploadManage.delError") || "");
       });
-    }, y = te(() => !!(a.type && a.type !== "all"));
+    }, v = w(() => !!(l.type && l.type !== "all"));
     return () => {
-      var C, L, O, $, z, D, _, q, B, A, R, X;
-      let d, s, v;
+      let u, d, m;
       return e("div", {
-        class: ["flex flex-col gap-2", a.page ? "h-full" : "h-500px max-h-500px"]
+        class: ["flex flex-col gap-2", l.page ? "h-full" : "h-500px max-h-500px"]
       }, [e("div", {
-        class: ["flex-none flex justify-between items-center border-b border-muted p-3", a.handle]
+        class: ["flex-none flex justify-between items-center border-b border-muted p-3", l.handle]
       }, [e("div", {
         class: "flex-none"
-      }, [e(ke, {
+      }, [e(G, {
         type: "segment",
         animated: !0,
         size: "small",
         tabClass: "!px-4",
         defaultValue: "all",
         value: i.value.type,
-        onUpdateValue: (l) => {
-          y.value || (i.value.type = l, n.value = []);
+        onUpdateValue: (a) => {
+          v.value || (i.value.type = a, o.value = []);
         }
       }, {
-        default: () => [e(w, {
-          tab: o("components.uploadManage.all"),
+        default: () => [e(x, {
+          tab: t("components.uploadManage.all"),
           name: "all",
-          disabled: y.value
-        }, null), e(w, {
-          tab: o("components.uploadManage.image"),
+          disabled: v.value
+        }, null), e(x, {
+          tab: t("components.uploadManage.image"),
           name: "image",
-          disabled: y.value
-        }, null), e(w, {
-          tab: o("components.uploadManage.media"),
+          disabled: v.value
+        }, null), e(x, {
+          tab: t("components.uploadManage.media"),
           name: "media",
-          disabled: y.value
-        }, null), e(w, {
-          tab: o("components.uploadManage.docs"),
+          disabled: v.value
+        }, null), e(x, {
+          tab: t("components.uploadManage.docs"),
           name: "docs",
-          disabled: y.value
+          disabled: v.value
         }, null)]
       })]), e("div", {
         class: "flex gap-2"
-      }, [e(h, {
+      }, [e(c, {
         type: "default",
         ghost: !0,
         onClick: () => {
-          x.prompt({
-            title: o("components.uploadManage.namePlaceholder") || "",
+          g.prompt({
+            title: t("components.uploadManage.namePlaceholder") || "",
             formSchema: [{
-              tag: ne,
+              tag: N,
               attrs: {
                 "v-model:value": "form.name"
               }
             }]
-          }).then((l) => {
-            me(l == null ? void 0 : l.name);
+          }).then((a) => {
+            V(a?.name);
           }).catch(() => {
           });
         },
         renderIcon: () => e("div", {
           class: "i-tabler:plus"
         }, null)
-      }, N(d = o("components.button.create")) ? d : {
-        default: () => [d]
-      }), e(h, {
+      }, P(u = t("components.button.create")) ? u : {
+        default: () => [u]
+      }), e(c, {
         type: "primary",
         ghost: !0,
         onClick: () => {
-          k.open();
+          y.open();
         },
-        loading: k.isUploading.value,
+        loading: y.isUploading.value,
         renderIcon: () => e("div", {
           class: "i-tabler:upload"
         }, null)
       }, {
         default: () => [e("div", {
           class: "flex gap-2"
-        }, [o("components.uploadManage.upload"), k.progress.value.totalPercent > 0 && `(${k.progress.value.totalPercent}%)`])]
-      }), !a.page && e(h, {
+        }, [t("components.uploadManage.upload"), y.progress.value.totalPercent > 0 && `(${y.progress.value.totalPercent}%)`])]
+      }), !l.page && e(c, {
         type: "default",
         ghost: !0,
         onClick: () => {
-          var l;
-          (l = a.onClose) == null || l.call(a);
+          l.onClose?.();
         },
         renderIcon: () => e("div", {
           class: "i-tabler:x"
         }, null)
       }, null)])]), e("div", {
         class: "flex-1 min-h-1"
-      }, [((O = (L = (C = u.data) == null ? void 0 : C.value) == null ? void 0 : L.data) == null ? void 0 : O.length) > 0 && e(Ce, {
+      }, [n.data?.value?.data?.length > 0 && e(H, {
         distance: 10,
         onLoad: () => {
-          u.hasNextPage.value && u.fetchNextPage();
+          n.hasNextPage.value && n.fetchNextPage();
         },
         scrollbarProps: {
           contentClass: "p-4"
         }
       }, {
-        default: () => {
-          var l, t, g, Y, G, H, J, K, Q, W;
-          return [e("div", {
-            class: ["grid grid-cols-3 md:grid-cols-4 text-sm items-start justify-start", ((t = (l = u.data.value) == null ? void 0 : l.data) == null ? void 0 : t.length) >= 4 && !a.page ? " lg:grid-cols-[repeat(auto-fit,minmax(150px,1fr))]" : "lg:grid-cols-[repeat(auto-fit,minmax(150px,150px))]"]
-          }, [((g = i.value) == null ? void 0 : g.folder) && ((Y = i.value) == null ? void 0 : Y.folder) !== ((H = (G = u.data.value) == null ? void 0 : G.meta) == null ? void 0 : H.folder) && e(re, {
-            key: `parent-${(K = (J = u.data.value) == null ? void 0 : J.meta) == null ? void 0 : K.folder}`,
-            type: "folder",
-            name: o("components.uploadManage.parentLevel"),
-            page: a.page,
-            onSelect: () => {
-              var r, c;
-              n.value = [], i.value.folder = (c = (r = u.data.value) == null ? void 0 : r.meta) == null ? void 0 : c.folder;
-            }
-          }, null), (W = (Q = u.data.value) == null ? void 0 : Q.data) == null ? void 0 : W.map((r) => e(we, {
-            placement: "bottom",
-            key: `${r.url ? "file" : "folder"}-${r.id}`,
-            trigger: r.url ? "hover" : "manual"
-          }, {
-            default: () => r.filesize,
-            trigger: () => {
-              var c, Z;
-              return e(re, {
-                page: a.page,
-                onContextmenu: (m) => {
-                  M.value = r, b.value = !1, ve().then(() => {
-                    b.value = !0, T.value = m.clientX, E.value = m.clientY;
-                  }), m.preventDefault();
-                },
-                value: a.page ? !1 : !!((Z = (c = n.value) == null ? void 0 : c.find) != null && Z.call(c, (m) => m.id === r.id)),
-                type: r.url ? "file" : "folder",
-                mime: r.filetype,
-                name: r.filename,
-                url: r.url,
-                time: r.time,
-                onSelect: (m) => {
-                  var ee, ae, le;
-                  if (!r.url) {
-                    n.value = [], u.data.value = void 0, i.value.folder = r.id;
-                    return;
-                  }
-                  a.page || (m ? a.multiple ? (ee = n.value) == null || ee.push(r) : n.value = [r] : a.multiple ? (le = n.value) == null || le.splice((ae = n.value) == null ? void 0 : ae.indexOf(r), 1) : n.value = []);
-                }
-              }, null);
+        default: () => [e("div", {
+          class: ["grid grid-cols-3 md:grid-cols-4 text-sm items-start justify-start", n.data.value?.data?.length >= 4 && !l.page ? " lg:grid-cols-[repeat(auto-fit,minmax(150px,1fr))]" : "lg:grid-cols-[repeat(auto-fit,minmax(150px,150px))]"]
+        }, [i.value?.folder && i.value?.folder !== n.data.value?.meta?.folder && e(T, {
+          key: `parent-${n.data.value?.meta?.folder}`,
+          type: "folder",
+          name: t("components.uploadManage.parentLevel"),
+          page: l.page,
+          onSelect: () => {
+            o.value = [], i.value.folder = n.data.value?.meta?.folder;
+          }
+        }, null), n.data.value?.data?.map((a) => e(J, {
+          placement: "bottom",
+          key: `${a.url ? "file" : "folder"}-${a.id}`,
+          trigger: a.url ? "hover" : "manual"
+        }, {
+          default: () => a.filesize,
+          trigger: () => e(T, {
+            page: l.page,
+            onContextmenu: (r) => {
+              h.value = a, f.value = !1, z().then(() => {
+                f.value = !0, k.value = r.clientX, C.value = r.clientY;
+              }), r.preventDefault();
+            },
+            value: l.page ? !1 : !!o.value?.find?.((r) => r.id === a.id),
+            type: a.url ? "file" : "folder",
+            mime: a.filetype,
+            name: a.filename,
+            url: a.url,
+            time: a.time,
+            onSelect: (r) => {
+              if (!a.url) {
+                o.value = [], n.data.value = void 0, i.value.folder = a.id;
+                return;
+              }
+              l.page || (r ? l.multiple ? o.value?.push(a) : o.value = [a] : l.multiple ? o.value?.splice(o.value?.indexOf(a), 1) : o.value = []);
             }
-          }))])];
-        }
-      }), u.isLoading.value ? e(Se, {
+          }, null)
+        }))])]
+      }), n.isLoading.value ? e(K, {
         class: "h-full absolute w-full bg-gray-1/50"
-      }, null) : !((z = ($ = u.data.value) == null ? void 0 : $.data) != null && z.length) && e("div", {
+      }, null) : !n.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(Z, null, null)]), e("div", {
         class: "text-base"
-      }, [o("components.uploadManage.empty")]), e("div", {
+      }, [t("components.uploadManage.empty")]), e("div", {
         class: "text-sm text-muted"
-      }, [o("components.uploadManage.emptyDesc")]), ((D = i.value) == null ? void 0 : D.folder) && ((_ = i.value) == null ? void 0 : _.folder) !== ((B = (q = u.data.value) == null ? void 0 : q.meta) == null ? void 0 : B.folder) && e("div", {
+      }, [t("components.uploadManage.emptyDesc")]), i.value?.folder && i.value?.folder !== n.data.value?.meta?.folder && e("div", {
         class: "text-xs text-gray-6"
-      }, [e(h, {
+      }, [e(c, {
         type: "default",
         ghost: !0,
         onClick: () => {
-          var l, t;
-          n.value = [], i.value.folder = (t = (l = u.data.value) == null ? void 0 : l.meta) == null ? void 0 : t.folder;
+          o.value = [], i.value.folder = n.data.value?.meta?.folder;
         }
-      }, N(s = o("components.uploadManage.back")) ? s : {
-        default: () => [s]
-      })])])])]), e(Ne, {
-        x: T.value,
-        y: E.value,
+      }, P(d = t("components.uploadManage.back")) ? d : {
+        default: () => [d]
+      })])])])]), e(Q, {
+        x: k.value,
+        y: C.value,
         placement: "bottom-start",
         trigger: "manual",
-        show: b.value,
+        show: f.value,
         onClickoutside: () => {
-          b.value = !1;
+          f.value = !1;
         },
-        onUpdateShow: (l) => {
-          l || (M.value = void 0);
+        onUpdateShow: (a) => {
+          a || (h.value = void 0);
         },
-        onSelect: (l) => {
-          const t = Me(M.value);
-          switch (b.value = !1, l) {
+        onSelect: (a) => {
+          const r = X(h.value);
+          switch (f.value = !1, a) {
             case "download":
-              ue.url(t == null ? void 0 : t.url);
+              E.url(r?.url);
               break;
             case "rename":
-              x.prompt({
-                title: o("components.uploadManage.namePlaceholder"),
+              g.prompt({
+                title: t("components.uploadManage.namePlaceholder"),
                 formSchema: [{
-                  tag: ne,
+                  tag: N,
                   attrs: {
                     "v-model:value": "form.name"
                   }
                 }],
                 defaultValue: {
-                  name: (t == null ? void 0 : t.filename) || (t == null ? void 0 : t.name)
+                  name: r?.filename || r?.name
                 }
-              }).then((g) => {
-                pe(t == null ? void 0 : t.type, g == null ? void 0 : g.name, t == null ? void 0 : t.id);
+              }).then((O) => {
+                L(r?.type, O?.name, r?.id);
               });
               break;
             case "delete":
-              x.confirm({
-                title: o("components.uploadManage.delTitle"),
-                content: o("components.uploadManage.delDesc")
+              g.confirm({
+                title: t("components.uploadManage.delTitle"),
+                content: t("components.uploadManage.delDesc")
               }).then(() => {
-                j(t == null ? void 0 : t.type, t == null ? void 0 : t.id);
+                D(r?.type, r?.id);
               });
               break;
           }
         },
-        options: [((A = M.value) == null ? void 0 : A.url) && {
-          label: o("components.button.download"),
+        options: [h.value?.url && {
+          label: t("components.button.download"),
           key: "download",
           icon: () => e("div", {
             class: "i-tabler:download"
           }, null)
         }, {
-          label: o("components.button.rename"),
+          label: t("components.button.rename"),
           key: "rename",
           icon: () => e("div", {
             class: "i-tabler:cursor-text"
           }, null)
         }, {
-          label: o("components.button.delete"),
+          label: t("components.button.delete"),
           key: "delete",
           icon: () => e("div", {
             class: "i-tabler:trash"
           }, null)
-        }].filter((l) => l)
-      }, null), !a.page && e("div", {
+        }].filter((a) => a)
+      }, null), !l.page && e("div", {
         class: "flex justify-end gap-2 border-t border-muted p-3"
-      }, [e("div", null, [((R = n.value) == null ? void 0 : R.length) > 0 && e(h, {
+      }, [e("div", null, [o.value?.length > 0 && e(c, {
         type: "error",
         secondary: !0,
         onClick: () => {
-          x.confirm({
-            title: o("components.uploadManage.delTitle"),
-            content: o("components.uploadManage.delDesc")
+          g.confirm({
+            title: t("components.uploadManage.delTitle"),
+            content: t("components.uploadManage.delDesc")
           }).then(() => {
-            var l;
-            j("file", (l = n.value) == null ? void 0 : l.map((t) => t.id));
+            D("file", o.value?.map((a) => a.id));
           });
         }
-      }, N(v = o("components.button.delete")) ? v : {
-        default: () => [v]
-      })]), e("div", null, [e(h, {
+      }, P(m = t("components.button.delete")) ? m : {
+        default: () => [m]
+      })]), e("div", null, [e(c, {
         type: "primary",
-        disabled: !((X = n.value) != null && X.length),
+        disabled: !o.value?.length,
         onClick: () => {
-          var l;
-          (l = a.onConfirm) == null || l.call(a, n.value);
+          l.onConfirm?.(o.value);
         }
       }, {
-        default: () => {
-          var l;
-          return [o("components.button.select"), oe("("), ((l = n.value) == null ? void 0 : l.length) || 0, oe(")")];
-        }
+        default: () => [t("components.button.select"), S("("), o.value?.length || 0, S(")")]
       })])])]);
     };
   }
 });
 export {
-  Ca as default
+  Ke as default
 };