@duxweb/dvha-pro 1.0.18 → 1.0.20

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

@@ -1,11 +1,11 @@
-import { defineComponent as M, ref as D, computed as s, watch as k, createVNode as a, Fragment as w, createTextVNode as A, isVNode as U } from "vue";
-import { useManage as Z, useI18n as j, useUpload as O } from "@duxweb/dvha-core";
-import { useVModel as B, useDropZone as X } from "@vueuse/core";
-import E from "mime";
-import { useMessage as L, NDataTable as T, NProgress as I, NButton as h } from "naive-ui";
+import { defineComponent as k, ref as D, computed as m, watch as M, createVNode as o, Fragment as U, createTextVNode as w, isVNode as A } from "vue";
+import { useI18n as Z, useUpload as j } from "@duxweb/dvha-core";
+import { useVModel as O, useDropZone as B } from "@vueuse/core";
+import X from "mime";
+import { useMessage as E, NDataTable as L, NProgress as T, NButton as x } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
-import { DuxMedia as W } from "../media/media.js";
+import { DuxMedia as I } from "../media/media.js";
 import "vue-echarts";
 import "vue-cropper";
 import "clsx";
@@ -27,14 +27,26 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
+import { useUploadConfig as W } 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 { useModal as G } from "../../hooks/modal.js";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-function v(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !U(o);
+function h(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !A(e);
 }
-const m = {
+const d = {
   "image/*": "JPG, PNG, GIF, BMP, WEBP",
   "video/*": "MP4, AVI, MOV, WMV, FLV",
   "audio/*": "MP3, WAV, AAC, FLAC",
@@ -44,7 +56,7 @@ const m = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
   "application/vnd.ms-excel": "XLS",
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX"
-}, i = {
+}, n = {
   container: "flex flex-col gap-2",
   dropZone: {
     base: "flex items-center justify-center p-6 rounded bg-muted border border-dashed transition-all cursor-pointer group",
@@ -65,7 +77,7 @@ const m = {
     empty: "flex items-center justify-center h-full text-muted",
     actions: "flex gap-2"
   }
-}, Ce = /* @__PURE__ */ M({
+}, Oe = /* @__PURE__ */ k({
   name: "DuxFileUpload",
   props: {
     path: {
@@ -76,6 +88,15 @@ const m = {
       type: String,
       default: ""
     },
+    signPath: {
+      type: String,
+      default: ""
+    },
+    signCallback: Function,
+    driver: {
+      type: String,
+      default: "local"
+    },
     maxNum: Number,
     maxSize: Number,
     multiple: Boolean,
@@ -85,129 +106,134 @@ const m = {
     defaultValue: [String, Array],
     onUpdateValue: Function
   },
-  setup(o, {
-    emit: b
+  setup(e, {
+    emit: v
   }) {
-    const y = B(o, "value", b, {
+    const b = O(e, "value", v, {
       passive: !0,
       deep: !0,
-      defaultValue: o.defaultValue
-    }), u = Z(), F = L(), {
-      t: n
-    } = j(), d = D(), c = s(() => o.maxSize || 5), P = G(), f = s(() => {
-      var e, t;
-      return o.path || ((t = (e = u.config) == null ? void 0 : e.apiPath) == null ? void 0 : t.upload);
-    }), S = s(() => {
-      var e, t;
-      return o.managePath || ((t = (e = u.config) == null ? void 0 : e.apiPath) == null ? void 0 : t.uploadManage);
-    }), l = O({
-      path: f.value,
-      multiple: o.multiple,
-      maxFileCount: o.maxNum,
+      defaultValue: e.defaultValue
+    }), y = E(), {
+      t: a
+    } = Z(), u = D(), c = m(() => e.maxSize || 5), F = G(), {
+      uploadPath: p,
+      managePath: P,
+      driver: C
+    } = W({
+      driver: e == null ? void 0 : e.driver,
+      signPath: e == null ? void 0 : e.signPath,
+      signCallback: e == null ? void 0 : e.signCallback,
+      uploadPath: e == null ? void 0 : e.path,
+      managePath: e == null ? void 0 : e.managePath
+    }), r = j({
+      path: p.value,
+      multiple: e.multiple,
+      maxFileCount: e.maxNum,
       maxFileSize: c.value * 1024 * 1024,
       autoUpload: !0,
-      accept: o.accept,
-      onError: (e) => F.error(e.message || n("components.upload.error"))
+      accept: e.accept,
+      onError: (t) => y.error(t.message || a("components.upload.error")),
+      driver: C.value
     }), {
-      isOverDropZone: x
-    } = X(d, {
-      onDrop: (e) => {
-        e && e.length > 0 && l.addFiles(Array.from(e), "file");
+      isOverDropZone: f
+    } = B(u, {
+      onDrop: (t) => {
+        t && t.length > 0 && r.addFiles(Array.from(t), "file");
       }
     });
-    k(l.dataFiles, (e) => {
-      var r, p;
-      const t = o.multiple ? e == null ? void 0 : e.map((z) => z.url) : (r = e == null ? void 0 : e[0]) == null ? void 0 : r.url;
-      y.value = t, (p = o.onUpdateValue) == null || p.call(o, t);
+    M(r.dataFiles, (t) => {
+      var l, s;
+      const i = e.multiple ? t == null ? void 0 : t.map((z) => z.url) : (l = t == null ? void 0 : t[0]) == null ? void 0 : l.url;
+      b.value = i, (s = e.onUpdateValue) == null || s.call(e, i);
     });
-    const g = s(() => o.accept ? o.accept.split(",").map((e) => {
-      const t = e.trim();
-      if (m[t]) return m[t];
-      if (t.includes("*")) {
-        const p = t.split("/")[0];
-        return m[t] || n("common.fileExtension", {
-          ext: p.toUpperCase()
+    const g = m(() => e.accept ? e.accept.split(",").map((t) => {
+      const i = t.trim();
+      if (d[i]) return d[i];
+      if (i.includes("*")) {
+        const s = i.split("/")[0];
+        return d[i] || a("common.fileExtension", {
+          ext: s.toUpperCase()
         });
       }
-      const r = E.getExtension(t);
-      return r ? r.toUpperCase() : t;
-    }).filter(Boolean).join(", ") : ""), C = s(() => ({
-      pending: a("div", {
+      const l = X.getExtension(i);
+      return l ? l.toUpperCase() : i;
+    }).filter(Boolean).join(", ") : ""), S = m(() => ({
+      pending: o("div", {
         class: "text-info"
-      }, [n("components.upload.status.pending")]),
-      uploading: a("div", {
+      }, [a("components.upload.status.pending")]),
+      uploading: o("div", {
         class: "text-info"
-      }, [n("components.upload.status.uploading")]),
-      success: a("div", {
+      }, [a("components.upload.status.uploading")]),
+      success: o("div", {
         class: "text-success"
-      }, [n("components.upload.status.success")]),
-      error: a("div", {
+      }, [a("components.upload.status.success")]),
+      error: o("div", {
         class: "text-error"
-      }, [n("components.upload.status.error")])
-    })), N = s(() => [i.dropZone.base, x.value ? i.dropZone.active : i.dropZone.hover]), V = s(() => [l.uploadFiles.value.length === 0 && "border-b border-muted"]);
-    return () => a("div", {
-      class: i.container
-    }, [a("div", {
-      ref: d,
+      }, [a("components.upload.status.error")])
+    })), N = m(() => [n.dropZone.base, f.value ? n.dropZone.active : n.dropZone.hover]), V = m(() => [r.uploadFiles.value.length === 0 && "border-b border-muted"]);
+    return () => o("div", {
+      class: n.container
+    }, [o("div", {
+      ref: u,
       class: N.value,
-      onClick: () => l.open()
-    }, [a("div", {
-      class: i.content
-    }, [a("div", {
-      class: i.icon.wrapper,
-      onClick: (e) => {
-        o.manager && (e.stopPropagation(), P.show({
-          title: n("components.upload.title"),
+      onClick: () => r.open()
+    }, [o("div", {
+      class: n.content
+    }, [o("div", {
+      class: n.icon.wrapper,
+      onClick: (t) => {
+        e.manager && (t.stopPropagation(), F.show({
+          title: a("components.upload.title"),
           width: 800,
           component: () => import("./manager.js"),
           componentProps: {
-            path: S.value,
-            multiple: o.multiple,
+            path: P.value,
+            multiple: e.multiple,
             uploadParams: {
-              path: f.value,
-              accept: o.accept,
-              maxNum: o.maxNum,
+              path: p.value,
+              accept: e.accept,
+              maxNum: e.maxNum,
               maxSize: c.value
             }
           }
-        }).then((t) => {
-          l.addDataFiles(t);
+        }).then((i) => {
+          r.addDataFiles(i);
         }));
       }
-    }, [a("div", {
-      class: i.icon.icon
-    }, null)]), a("div", {
-      class: i.text.title
-    }, [n("components.upload.desc")]), a("div", {
-      class: i.text.desc
-    }, [x.value ? a("span", {
-      class: i.text.highlight
-    }, [n("components.upload.dropHere")]) : a(w, null, [g.value ? n("components.upload.supportFormats", {
+    }, [o("div", {
+      class: n.icon.icon
+    }, null)]), o("div", {
+      class: n.text.title
+    }, [a("components.upload.desc")]), o("div", {
+      class: n.text.desc
+    }, [f.value ? o("span", {
+      class: n.text.highlight
+    }, [a("components.upload.dropHere")]) : o(U, null, [g.value ? a("components.upload.supportFormats", {
       formats: g.value
-    }) : n("components.upload.allFormats"), A(","), " ", n("components.upload.maxSize", {
+    }) : a("components.upload.allFormats"), w(","), " ", a("components.upload.maxSize", {
       size: c.value
-    })])])])]), a(T, {
+    })])])])]), o(L, {
       bordered: !1,
       class: V.value,
       columns: [{
         key: "filename",
-        title: n("components.upload.file.name"),
+        title: a("components.upload.file.name"),
         minWidth: 200,
-        render: (e) => a(W, {
-          title: e.filename,
-          desc: e.filetype
+        render: (t) => o(I, {
+          title: t.filename,
+          desc: t.filetype
         }, null)
       }, {
         key: "filesizeText",
-        title: n("components.upload.file.size"),
+        title: a("components.upload.file.size"),
         width: 120
       }, {
         key: "status",
-        title: n("components.upload.file.status"),
+        title: a("components.upload.file.status"),
         width: 120,
-        render: (e) => {
-          var t;
-          return e.status === "uploading" ? a(I, {
+        render: (t) => {
+          var i;
+          return t.status === "uploading" ? o(T, {
             type: "line",
             style: {
               width: "24px",
@@ -215,45 +241,45 @@ const m = {
             },
             color: "rgb(var(--ui-color-primary))",
             "indicator-placement": "inside",
-            percentage: (t = e.progress) == null ? void 0 : t.percent,
+            percentage: (i = t.progress) == null ? void 0 : i.percent,
             showIndicator: !1,
             height: 14
-          }, null) : C.value[e.status];
+          }, null) : S.value[t.status];
         }
       }, {
         key: "actions",
-        title: n("components.upload.actions"),
+        title: a("components.upload.actions"),
         width: 120,
-        render: (e) => {
-          let t, r;
-          return a("div", {
-            class: i.table.actions
-          }, [a(h, {
+        render: (t) => {
+          let i, l;
+          return o("div", {
+            class: n.table.actions
+          }, [o(x, {
             type: "warning",
             size: "small",
             text: !0,
-            disabled: ["success", "error", "cancelled"].includes(e.status),
-            onClick: () => l.cancelFiles([e.id])
-          }, v(t = n("components.upload.cancel")) ? t : {
-            default: () => [t]
-          }), a(h, {
+            disabled: ["success", "error", "cancelled"].includes(t.status),
+            onClick: () => r.cancelFiles([t.id])
+          }, h(i = a("components.upload.cancel")) ? i : {
+            default: () => [i]
+          }), o(x, {
             type: "error",
             size: "small",
             text: !0,
-            onClick: () => l.removeFiles([e.id])
-          }, v(r = n("components.upload.delete")) ? r : {
-            default: () => [r]
+            onClick: () => r.removeFiles([t.id])
+          }, h(l = a("components.upload.delete")) ? l : {
+            default: () => [l]
           })]);
         }
       }],
-      data: l.uploadFiles.value
+      data: r.uploadFiles.value
     }, {
-      empty: () => a("div", {
-        class: i.table.empty
-      }, [n("components.upload.empty")])
+      empty: () => o("div", {
+        class: n.table.empty
+      }, [a("components.upload.empty")])
     })]);
   }
 });
 export {
-  Ce as DuxFileUpload
+  Oe as DuxFileUpload
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as U, computed as n, watch as w, createVNode as t } from "vue";
-import { useI18n as I, useManage as S, useUpload as V } from "@duxweb/dvha-core";
-import { useVModel as k } from "@vueuse/core";
-import j from "clsx";
-import { useMessage as M, NImage as B, NButton as c, NProgress as D } from "naive-ui";
+import { defineComponent as S, computed as n, watch as U, createVNode as t } 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 B, NButton as s, NProgress as D } from "naive-ui";
 import { VueDraggable as A } from "vue-draggable-plus";
 import "vue-router";
 import "@overlastic/vue";
@@ -26,40 +26,64 @@ import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
 import "mime";
+import { useUploadConfig as M } 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 { useModal as L } from "../../hooks/modal.js";
 import "dayjs";
 import { useImagePreview as O } from "../../hooks/image.js";
 import "@tanstack/vue-query";
 import "pinia";
-const be = /* @__PURE__ */ U({
+const Ie = /* @__PURE__ */ S({
   name: "DuxImageUpload",
   props: {
     path: {
       type: String,
       default: "upload"
     },
+    signPath: {
+      type: String,
+      default: ""
+    },
+    signCallback: Function,
     managePath: {
       type: String,
       default: ""
     },
+    driver: {
+      type: String,
+      default: "local"
+    },
     maxNum: Number,
-    maxSize: Number,
+    maxSize: {
+      type: Number,
+      default: 0
+    },
     multiple: Boolean,
     manager: Boolean,
     value: [String, Array],
     defaultValue: [String, Array],
     onUpdateValue: Function
   },
-  setup(a, {
-    emit: p
+  setup(e, {
+    emit: c
   }) {
-    const g = k(a, "value", p, {
+    const g = I(e, "value", c, {
       passive: !0,
       deep: !0,
-      defaultValue: a.defaultValue
-    }), v = M(), h = O(), {
-      t: s
-    } = I(), o = {
+      defaultValue: e.defaultValue
+    }), p = j(), v = O(), {
+      t: m
+    } = k(), i = {
       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",
@@ -67,47 +91,52 @@ const be = /* @__PURE__ */ U({
       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"
-    }, m = S(), f = n(() => a.maxSize || 5), d = n(() => {
-      var e, l;
-      return a.path || ((l = (e = m.config) == null ? void 0 : e.apiPath) == null ? void 0 : l.upload);
-    }), b = n(() => {
-      var e, l;
-      return a.managePath || ((l = (e = m.config) == null ? void 0 : e.apiPath) == null ? void 0 : l.uploadManage);
-    }), r = V({
+    }, h = n(() => e.maxSize), {
+      uploadPath: d,
+      managePath: f,
+      driver: b
+    } = M({
+      driver: e == null ? void 0 : e.driver,
+      signPath: e == null ? void 0 : e.signPath,
+      signCallback: e == null ? void 0 : e.signCallback,
+      uploadPath: e == null ? void 0 : e.path,
+      managePath: e == null ? void 0 : e.managePath
+    }), l = w({
       path: d.value,
-      multiple: a.multiple,
-      maxFileCount: a.maxNum,
-      maxFileSize: f.value * 1024 * 1024,
+      multiple: e.multiple,
+      maxFileCount: e.maxNum,
+      maxFileSize: h.value * 1024 * 1024,
       autoUpload: !0,
       accept: "image/*",
-      onError: (e) => {
-        v.error(e.message || s("components.upload.error"));
-      }
+      onError: (a) => {
+        p.error(a.message || m("components.upload.error"));
+      },
+      driver: b.value
     });
-    w(r.dataFiles, (e) => {
-      var i, u;
-      const l = a.multiple ? e == null ? void 0 : e.map((C) => C.url) : (i = e == null ? void 0 : e[0]) == null ? void 0 : i.url;
-      g.value = l, (u = a.onUpdateValue) == null || u.call(a, l);
+    U(l.dataFiles, (a) => {
+      var o, u;
+      const r = e.multiple ? a == null ? void 0 : a.map((N) => N.url) : (o = a == null ? void 0 : a[0]) == null ? void 0 : o.url;
+      g.value = r, (u = e.onUpdateValue) == null || u.call(e, r);
     });
-    const x = n(() => r.progress.value.totalPercent), y = n(() => r.isUploading.value), z = async () => {
-      r.open();
-    }, F = n(() => a.multiple ? a.maxNum && r.uploadFiles.value.length >= a.maxNum : !0), P = n(() => {
-      var e;
-      return (e = r.dataFiles.value) == null ? void 0 : e.map((l) => l.url);
-    }), N = L();
+    const x = n(() => l.progress.value.totalPercent), y = n(() => l.isUploading.value), z = async () => {
+      l.open();
+    }, P = n(() => e.multiple ? e.maxNum && l.uploadFiles.value.length >= e.maxNum : !0), C = n(() => {
+      var a;
+      return (a = l.dataFiles.value) == null ? void 0 : a.map((r) => r.url);
+    }), F = L();
     return () => t("div", null, [t(A, {
-      modelValue: r.uploadFiles.value,
-      "onUpdate:modelValue": (e) => r.uploadFiles.value = e,
-      class: o.container,
+      modelValue: l.uploadFiles.value,
+      "onUpdate:modelValue": (a) => l.uploadFiles.value = a,
+      class: i.container,
       draggable: ".draggable"
     }, {
       default: () => {
-        var e;
-        return [(e = r.uploadFiles.value) == null ? void 0 : e.map((l, i) => {
-          const u = l.url || URL.createObjectURL(l.file);
+        var a;
+        return [(a = l.uploadFiles.value) == null ? void 0 : a.map((r, o) => {
+          const u = r.url || URL.createObjectURL(r.file);
           return t("div", {
-            key: i,
-            class: j(o.imageItem)
+            key: o,
+            class: V(i.imageItem)
           }, [t(B, {
             class: "z-0 rounded",
             objectFit: "scale-down",
@@ -116,16 +145,16 @@ const be = /* @__PURE__ */ U({
             previewDisabled: !0,
             src: u
           }, null), t("div", {
-            class: o.imageOverlay
-          }, [l.status === "success" && t(c, {
+            class: i.imageOverlay
+          }, [r.status === "success" && t(s, {
             quaternary: !0,
             circle: !0,
             size: "small",
             renderIcon: () => t("div", {
               class: "n-icon i-tabler:eye"
             }, null),
-            onClick: () => h.show(P.value, i)
-          }, null), t(c, {
+            onClick: () => v.show(C.value, o)
+          }, null), t(s, {
             quaternary: !0,
             circle: !0,
             size: "small",
@@ -133,46 +162,46 @@ const be = /* @__PURE__ */ U({
               class: "n-icon i-tabler:trash"
             }, null),
             onClick: () => {
-              r.removeFiles([l.id]);
+              l.removeFiles([r.id]);
             }
           }, null)])]);
-        }), (r.uploadFiles.value.length === 0 || !F.value) && t("div", {
-          class: o.uploadArea,
+        }), (l.uploadFiles.value.length === 0 || !P.value) && t("div", {
+          class: i.uploadArea,
           onClick: () => {
             z();
           }
-        }, [a.manager && t("div", {
+        }, [e.manager && t("div", {
           class: " py-1 text-xs bg-muted border-b border-dashed border-accented flex items-center justify-center",
-          onClick: (l) => {
-            l.stopPropagation(), N.show({
-              title: s("components.upload.title"),
+          onClick: (r) => {
+            r.stopPropagation(), F.show({
+              title: m("components.upload.title"),
               width: "800px",
               component: () => import("./manager.js"),
               componentProps: {
-                path: b.value,
+                path: f.value,
                 type: "image",
-                multiple: a.multiple,
+                multiple: e.multiple,
                 uploadParams: {
                   path: d.value,
                   accept: "image/*",
-                  maxNum: a.maxNum,
-                  maxSize: a.maxSize
+                  maxNum: e.maxNum,
+                  maxSize: e.maxSize
                 }
               }
-            }).then((i) => {
-              r.addDataFiles(i);
+            }).then((o) => {
+              l.addDataFiles(o);
             });
           }
         }, [t("div", {
           class: "i-tabler:folder size-4"
         }, null)]), t("div", {
-          class: o.uploadContent
+          class: i.uploadContent
         }, [y.value ? t("div", {
-          class: o.progressContainer
+          class: i.progressContainer
         }, [t("div", {
           class: "i-tabler:photo size-6"
         }, null), t("div", {
-          class: o.progressBar
+          class: i.progressBar
         }, [t(D, {
           type: "line",
           percentage: x.value,
@@ -186,5 +215,5 @@ const be = /* @__PURE__ */ U({
   }
 });
 export {
-  be as DuxImageUpload
+  Ie as DuxImageUpload
 };