@duxweb/dvha-pro 1.0.33 → 1.0.35

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

@@ -1,9 +1,9 @@
-import { defineComponent as S, computed as m, watch as p, ref as U, createVNode as a } from "vue";
-import { useI18n as k, useUpload as w } from "@duxweb/dvha-core";
-import { useVModel as I } from "@vueuse/core";
-import V from "clsx";
-import { useMessage as j, NImage as A, NButton as c, NProgress as D } from "naive-ui";
-import { VueDraggable as B } from "vue-draggable-plus";
+import { defineComponent as U, computed as m, watch as c, ref as k, createVNode as a } from "vue";
+import { useI18n as w, useUpload as I } from "@duxweb/dvha-core";
+import { useVModel as V } from "@vueuse/core";
+import j from "clsx";
+import { useMessage as A, NImage as D, NButton as g, NProgress as B } from "naive-ui";
+import { VueDraggable as M } from "vue-draggable-plus";
 import "vue-router";
 import "@overlastic/vue";
 import "vue-echarts";
@@ -50,17 +50,17 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
-import { useModal as M } from "../../hooks/modal.js";
+import { useModal as L } from "../../hooks/modal.js";
+import "mime";
+import { useUploadConfig as O } from "./config.js";
 import "@iconify-json/tabler/icons.json";
 import "../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
-import { useUploadConfig as L } from "./config.js";
 import "dayjs";
-import { useImagePreview as O } from "../../hooks/image.js";
+import { useImagePreview as q } from "../../hooks/image.js";
 import "@tanstack/vue-query";
 import "pinia";
-const Te = /* @__PURE__ */ S({
+const We = /* @__PURE__ */ U({
   name: "DuxImageUpload",
   props: {
     path: {
@@ -77,8 +77,7 @@ const Te = /* @__PURE__ */ S({
       default: ""
     },
     driver: {
-      type: String,
-      default: "local"
+      type: String
     },
     maxNum: Number,
     maxSize: {
@@ -89,18 +88,19 @@ const Te = /* @__PURE__ */ S({
     manager: Boolean,
     value: [String, Array],
     defaultValue: [String, Array],
-    onUpdateValue: Function
+    onUpdateValue: Function,
+    method: String
   },
   setup(t, {
-    emit: g
+    emit: v
   }) {
-    const n = I(t, "value", g, {
+    const n = V(t, "value", v, {
       passive: !0,
       deep: !0,
       defaultValue: t.defaultValue
-    }), v = j(), f = O(), {
+    }), h = A(), f = q(), {
       t: u
-    } = k(), l = {
+    } = w(), l = {
       container: "flex gap-2",
       imageItem: "size-80px rounded border border-muted relative group draggable flex items-center",
       imageOverlay: "z-1 size-full inset-0 absolute flex items-center justify-center bg-default/80 transition-all opacity-0 group-hover:opacity-100 rounded",
@@ -108,46 +108,49 @@ const Te = /* @__PURE__ */ S({
       uploadContent: "flex-1 flex flex-col justify-center items-center gap-1 relative",
       progressContainer: "size-80px flex items-center justify-center rounded",
       progressBar: "absolute left-2 right-2 bottom-2"
-    }, h = m(() => t.maxSize), {
+    }, b = m(() => t.maxSize), {
       uploadPath: s,
-      managePath: b,
-      driver: x
-    } = L({
+      managePath: x,
+      driver: y,
+      method: d
+    } = O({
       driver: t?.driver,
       signPath: t?.signPath,
       signCallback: t?.signCallback,
       uploadPath: t?.path,
-      managePath: t?.managePath
-    }), r = w({
+      managePath: t?.managePath,
+      method: t?.method
+    }), r = I({
       path: s.value,
       multiple: t.multiple,
       maxFileCount: t.maxNum,
-      maxFileSize: h.value * 1024 * 1024,
+      maxFileSize: b.value * 1024 * 1024,
       autoUpload: !0,
       accept: "image/*",
+      method: d.value,
       onError: (e) => {
-        v.error(e.message || u("components.upload.error"));
+        h.error(e.message || u("components.upload.error"));
       },
-      driver: x.value
+      driver: y.value
     });
-    p(r.dataFiles, (e) => {
+    c(r.dataFiles, (e) => {
       const o = t.multiple ? e?.map((i) => i.url) : e?.[0]?.url;
       n.value = o, t.onUpdateValue?.(o);
     });
-    const y = m(() => r.progress.value.totalPercent), z = m(() => r.isUploading.value), F = async () => {
+    const z = m(() => r.progress.value.totalPercent), F = m(() => r.isUploading.value), P = async () => {
       r.open();
-    }, P = m(() => t.multiple ? t.maxNum && r.uploadFiles.value.length >= t.maxNum : !0), C = m(() => r.dataFiles.value?.map((e) => e.url)), N = M(), d = U(!1);
-    return p(n, (e) => {
-      if (!e || !e?.length || d.value)
+    }, C = m(() => t.multiple ? t.maxNum && r.uploadFiles.value.length >= t.maxNum : !0), S = m(() => r.dataFiles.value?.map((e) => e.url)), N = L(), p = k(!1);
+    return c(n, (e) => {
+      if (!e || !e?.length || p.value)
         return;
-      d.value = !0;
+      p.value = !0;
       const o = typeof e == "string" ? [e] : Array.isArray(e) ? e : [];
       r.addDataFiles(o.map((i) => ({
         url: i
       })));
     }, {
       immediate: !0
-    }), () => a("div", null, [a(B, {
+    }), () => a("div", null, [a(M, {
       modelValue: r.uploadFiles.value,
       "onUpdate:modelValue": (e) => r.uploadFiles.value = e,
       class: l.container,
@@ -157,8 +160,8 @@ const Te = /* @__PURE__ */ S({
         const i = e.url || URL.createObjectURL(e.file);
         return a("div", {
           key: o,
-          class: V(l.imageItem)
-        }, [a(A, {
+          class: j(l.imageItem)
+        }, [a(D, {
           class: "z-0 rounded",
           objectFit: "scale-down",
           width: 78,
@@ -167,15 +170,15 @@ const Te = /* @__PURE__ */ S({
           src: i
         }, null), a("div", {
           class: l.imageOverlay
-        }, [e.status === "success" && a(c, {
+        }, [e.status === "success" && a(g, {
           quaternary: !0,
           circle: !0,
           size: "small",
           renderIcon: () => a("div", {
             class: "n-icon i-tabler:eye"
           }, null),
-          onClick: () => f.show(C.value, o)
-        }, null), a(c, {
+          onClick: () => f.show(S.value, o)
+        }, null), a(g, {
           quaternary: !0,
           circle: !0,
           size: "small",
@@ -186,10 +189,10 @@ const Te = /* @__PURE__ */ S({
             r.removeFiles([e.id]);
           }
         }, null)])]);
-      }), (r.uploadFiles.value.length === 0 || !P.value) && a("div", {
+      }), (r.uploadFiles.value.length === 0 || !C.value) && a("div", {
         class: l.uploadArea,
         onClick: () => {
-          F();
+          P();
         }
       }, [t.manager && a("div", {
         class: " py-1 text-xs bg-muted border-b border-dashed border-accented flex items-center justify-center",
@@ -199,14 +202,15 @@ const Te = /* @__PURE__ */ S({
             width: "800px",
             component: () => import("./manager.js"),
             componentProps: {
-              path: b.value,
+              path: x.value,
               type: "image",
               multiple: t.multiple,
               uploadParams: {
                 path: s.value,
                 accept: "image/*",
                 maxNum: t.maxNum,
-                maxSize: t.maxSize
+                maxSize: t.maxSize,
+                method: d.value
               }
             }
           }).then((o) => {
@@ -217,15 +221,15 @@ const Te = /* @__PURE__ */ S({
         class: "i-tabler:folder size-4"
       }, null)]), a("div", {
         class: l.uploadContent
-      }, [z.value ? a("div", {
+      }, [F.value ? a("div", {
         class: l.progressContainer
       }, [a("div", {
         class: "i-tabler:photo size-6"
       }, null), a("div", {
         class: l.progressBar
-      }, [a(D, {
+      }, [a(B, {
         type: "line",
-        percentage: y.value,
+        percentage: z.value,
         showIndicator: !1,
         height: 4
       }, null)])]) : a("div", {
@@ -235,5 +239,5 @@ const Te = /* @__PURE__ */ S({
   }
 });
 export {
-  Te as DuxImageUpload
+  We as DuxImageUpload
 };

package/dist/esm/components/upload/manage/item.js

@@ -51,9 +51,6 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import "short-unique-id";
 import "aieditor";
-import "@iconify-json/tabler/icons.json";
-import "../../posterEditor/elements/index.js";
-import "fabric";
 import "mime";
 import f from "../../../static/images/icon/audio.svg.js";
 import g from "../../../static/images/icon/excel.svg.js";
@@ -63,6 +60,9 @@ import h from "../../../static/images/icon/pdf.svg.js";
 import x from "../../../static/images/icon/ppt.svg.js";
 import k from "../../../static/images/icon/video.svg.js";
 import w from "../../../static/images/icon/word.svg.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";