@duxweb/dvha-pro 1.0.24 → 1.0.26

package/dist/esm/components/table/table.js

@@ -6,13 +6,22 @@ import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
+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 "lodash-es";
 import "vue-draggable-plus";
 import { DuxListEmpty as x } from "../status/listEmpty.js";
-import "aieditor";
-import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -22,27 +31,21 @@ import "@unocss/preset-typography";
 import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
 import "vue-command-palette";
 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 "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 "dayjs";
 import "@tanstack/vue-query";
 import { useTable as y } from "../../hooks/table.js";
 import "pinia";
-const ft = /* @__PURE__ */ u({
+const bt = /* @__PURE__ */ u({
   name: "DuxTable",
   props: {
     path: {
@@ -107,5 +110,5 @@ const ft = /* @__PURE__ */ u({
   }
 });
 export {
-  ft as DuxTable
+  bt as DuxTable
 };

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

@@ -1,19 +1,28 @@
-import { defineComponent as z, ref as k, computed as s, watch as D, createVNode as o, Fragment as M, createTextVNode as U, isVNode as w } from "vue";
-import { useI18n as A, useUpload as Z } from "@duxweb/dvha-core";
-import { useVModel as j, useDropZone as O } from "@vueuse/core";
-import B from "mime";
-import { useMessage as X, NDataTable as E, NProgress as L, NButton as g } from "naive-ui";
+import { defineComponent as M, ref as v, computed as s, watch as h, createVNode as o, Fragment as A, createTextVNode as U, isVNode as w } 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 b } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
-import { DuxMedia as T } from "../media/media.js";
+import { DuxMedia as I } from "../media/media.js";
 import "vue-echarts";
+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 "clsx";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
-import "aieditor";
-import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
@@ -23,28 +32,22 @@ import "@unocss/preset-typography";
 import "unocss/preset-wind4";
 import "@vee-validate/i18n/dist/locale/en.json";
 import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vee-validate";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
-import "@iconify-json/tabler/icons.json";
-import { useUploadConfig as I } 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 "short-unique-id";
+import "aieditor";
 import { useModal as W } from "../../hooks/modal.js";
+import "@iconify-json/tabler/icons.json";
+import "../posterEditor/elements/index.js";
+import "fabric";
+import { useUploadConfig as G } from "./config.js";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-function v(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !w(e);
+function y(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !w(t);
 }
 const m = {
   "image/*": "JPG, PNG, GIF, BMP, WEBP",
@@ -77,7 +80,7 @@ const m = {
     empty: "flex items-center justify-center h-full text-muted",
     actions: "flex gap-2"
   }
-}, je = /* @__PURE__ */ z({
+}, Ee = /* @__PURE__ */ M({
   name: "DuxFileUpload",
   props: {
     path: {
@@ -106,57 +109,57 @@ const m = {
     defaultValue: [String, Array],
     onUpdateValue: Function
   },
-  setup(e, {
-    emit: x
+  setup(t, {
+    emit: F
   }) {
-    const h = j(e, "value", x, {
+    const c = O(t, "value", F, {
       passive: !0,
       deep: !0,
-      defaultValue: e.defaultValue
-    }), b = X(), {
+      defaultValue: t.defaultValue
+    }), P = E(), {
       t: a
-    } = A(), c = k(), p = s(() => e.maxSize || 5), y = W(), {
-      uploadPath: d,
-      managePath: F,
-      driver: P
-    } = I({
-      driver: e?.driver,
-      signPath: e?.signPath,
-      signCallback: e?.signCallback,
-      uploadPath: e?.path,
-      managePath: e?.managePath
-    }), n = Z({
-      path: d.value,
-      multiple: e.multiple,
-      maxFileCount: e.maxNum,
+    } = Z(), d = v(), p = s(() => t.maxSize || 5), C = W(), {
+      uploadPath: u,
+      managePath: S,
+      driver: N
+    } = G({
+      driver: t?.driver,
+      signPath: t?.signPath,
+      signCallback: t?.signCallback,
+      uploadPath: t?.path,
+      managePath: t?.managePath
+    }), n = j({
+      path: u.value,
+      multiple: t.multiple,
+      maxFileCount: t.maxNum,
       maxFileSize: p.value * 1024 * 1024,
       autoUpload: !0,
-      accept: e.accept,
-      onError: (t) => b.error(t.message || a("components.upload.error")),
-      driver: P.value
+      accept: t.accept,
+      onError: (e) => P.error(e.message || a("components.upload.error")),
+      driver: N.value
     }), {
-      isOverDropZone: u
-    } = O(c, {
-      onDrop: (t) => {
-        t && t.length > 0 && n.addFiles(Array.from(t), "file");
+      isOverDropZone: f
+    } = B(d, {
+      onDrop: (e) => {
+        e && e.length > 0 && n.addFiles(Array.from(e), "file");
       }
     });
-    D(n.dataFiles, (t) => {
-      const i = e.multiple ? t?.map((l) => l.url) : t?.[0]?.url;
-      h.value = i, e.onUpdateValue?.(i);
+    h(n.dataFiles, (e) => {
+      const i = t.multiple ? e : e[0];
+      c.value = i, t.onUpdateValue?.(i);
     });
-    const f = s(() => e.accept ? e.accept.split(",").map((t) => {
-      const i = t.trim();
+    const g = s(() => t.accept ? t.accept.split(",").map((e) => {
+      const i = e.trim();
       if (m[i]) return m[i];
       if (i.includes("*")) {
-        const V = i.split("/")[0];
+        const D = i.split("/")[0];
         return m[i] || a("common.fileExtension", {
-          ext: V.toUpperCase()
+          ext: D.toUpperCase()
         });
       }
-      const l = B.getExtension(i);
+      const l = X.getExtension(i);
       return l ? l.toUpperCase() : i;
-    }).filter(Boolean).join(", ") : ""), C = s(() => ({
+    }).filter(Boolean).join(", ") : ""), V = s(() => ({
       pending: o("div", {
         class: "text-info"
       }, [a("components.upload.status.pending")]),
@@ -169,29 +172,37 @@ const m = {
       error: o("div", {
         class: "text-error"
       }, [a("components.upload.status.error")])
-    })), S = s(() => [r.dropZone.base, u.value ? r.dropZone.active : r.dropZone.hover]), N = s(() => [n.uploadFiles.value.length === 0 && "border-b border-muted"]);
-    return () => o("div", {
+    })), z = s(() => [r.dropZone.base, f.value ? r.dropZone.active : r.dropZone.hover]), k = s(() => [n.uploadFiles.value.length === 0 && "border-b border-muted"]), x = v(!1);
+    return h(c, (e) => {
+      if (!e || !e?.length || x.value)
+        return;
+      x.value = !0;
+      const i = Array.isArray(e) ? e : [e];
+      n.addDataFiles(i);
+    }, {
+      immediate: !0
+    }), () => o("div", {
       class: r.container
     }, [o("div", {
-      ref: c,
-      class: S.value,
+      ref: d,
+      class: z.value,
       onClick: () => n.open()
     }, [o("div", {
       class: r.content
     }, [o("div", {
       class: r.icon.wrapper,
-      onClick: (t) => {
-        e.manager && (t.stopPropagation(), y.show({
+      onClick: (e) => {
+        t.manager && (e.stopPropagation(), C.show({
           title: a("components.upload.title"),
           width: 800,
           component: () => import("./manager.js"),
           componentProps: {
-            path: F.value,
-            multiple: e.multiple,
+            path: S.value,
+            multiple: t.multiple,
             uploadParams: {
-              path: d.value,
-              accept: e.accept,
-              maxNum: e.maxNum,
+              path: u.value,
+              accept: t.accept,
+              maxNum: t.maxNum,
               maxSize: p.value
             }
           }
@@ -205,22 +216,22 @@ const m = {
       class: r.text.title
     }, [a("components.upload.desc")]), o("div", {
       class: r.text.desc
-    }, [u.value ? o("span", {
+    }, [f.value ? o("span", {
       class: r.text.highlight
-    }, [a("components.upload.dropHere")]) : o(M, null, [f.value ? a("components.upload.supportFormats", {
-      formats: f.value
+    }, [a("components.upload.dropHere")]) : o(A, null, [g.value ? a("components.upload.supportFormats", {
+      formats: g.value
     }) : a("components.upload.allFormats"), U(","), " ", a("components.upload.maxSize", {
       size: p.value
-    })])])])]), o(E, {
+    })])])])]), o(L, {
       bordered: !1,
-      class: N.value,
+      class: k.value,
       columns: [{
         key: "filename",
         title: a("components.upload.file.name"),
         minWidth: 200,
-        render: (t) => o(T, {
-          title: t.filename,
-          desc: t.filetype
+        render: (e) => o(I, {
+          title: e.filename,
+          desc: e.filetype
         }, null)
       }, {
         key: "filesizeText",
@@ -230,7 +241,7 @@ const m = {
         key: "status",
         title: a("components.upload.file.status"),
         width: 120,
-        render: (t) => t.status === "uploading" ? o(L, {
+        render: (e) => e.status === "uploading" ? o(T, {
           type: "line",
           style: {
             width: "24px",
@@ -238,32 +249,32 @@ const m = {
           },
           color: "rgb(var(--ui-color-primary))",
           "indicator-placement": "inside",
-          percentage: t.progress?.percent,
+          percentage: e.progress?.percent,
           showIndicator: !1,
           height: 14
-        }, null) : C.value[t.status]
+        }, null) : V.value[e.status]
       }, {
         key: "actions",
         title: a("components.upload.actions"),
         width: 120,
-        render: (t) => {
+        render: (e) => {
           let i, l;
           return o("div", {
             class: r.table.actions
-          }, [o(g, {
+          }, [o(b, {
             type: "warning",
             size: "small",
             text: !0,
-            disabled: ["success", "error", "cancelled"].includes(t.status),
-            onClick: () => n.cancelFiles([t.id])
-          }, v(i = a("components.upload.cancel")) ? i : {
+            disabled: ["success", "error", "cancelled"].includes(e.status),
+            onClick: () => n.cancelFiles([e.id])
+          }, y(i = a("components.upload.cancel")) ? i : {
             default: () => [i]
-          }), o(g, {
+          }), o(b, {
             type: "error",
             size: "small",
             text: !0,
-            onClick: () => n.removeFiles([t.id])
-          }, v(l = a("components.upload.delete")) ? l : {
+            onClick: () => n.removeFiles([e.id])
+          }, y(l = a("components.upload.delete")) ? l : {
             default: () => [l]
           })]);
         }
@@ -277,5 +288,5 @@ const m = {
   }
 });
 export {
-  je as DuxFileUpload
+  Ee as DuxFileUpload
 };