@duxweb/dvha-pro 1.1.29 → 1.1.31

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

@@ -1,318 +1,234 @@
-import { defineComponent as U, ref as c, computed as s, watch as b, nextTick as j, createVNode as o, Fragment as O, createTextVNode as w, isVNode as Z } from "vue";
-import { useI18n as B, useUpload as T } from "@duxweb/dvha-core";
-import { useVModel as X, useDropZone as L } from "@vueuse/core";
-import E from "mime";
-import { useMessage as I, NDataTable as W, NProgress as G, NButton as F } from "naive-ui";
-import "vue-router";
-import "@overlastic/vue";
-import { DuxMedia as _ } 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 "@vee-validate/i18n";
-import "colorizr";
-import "echarts";
-import "highlight.js/lib/core";
-import "highlight.js/lib/languages/bash";
-import "highlight.js/lib/languages/css";
-import "highlight.js/lib/languages/go";
-import "highlight.js/lib/languages/java";
-import "highlight.js/lib/languages/javascript";
-import "highlight.js/lib/languages/json";
-import "highlight.js/lib/languages/markdown";
-import "highlight.js/lib/languages/php";
-import "highlight.js/lib/languages/python";
-import "highlight.js/lib/languages/shell";
-import "highlight.js/lib/languages/sql";
-import "highlight.js/lib/languages/typescript";
-import "highlight.js/lib/languages/xml";
-import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-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 "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import { useUploadConfig as J } from "./config.js";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                      */
-import { useModal as H } from "../../hooks/modal.js";
-import "@iconify-json/tabler/icons.json";
-import "../posterEditor/elements/index.js";
-import "fabric";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-function P(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Z(t);
+import { DuxMedia as e } from "../media/media.js";
+import "../media/index.js";
+import { useModal as t } from "../../hooks/modal.js";
+import "../../hooks/index.js";
+import { useUploadConfig as n } from "./config.js";
+import { Fragment as r, computed as i, createTextVNode as a, createVNode as o, defineComponent as s, isVNode as c, nextTick as l, ref as u, watch as d } from "vue";
+import { useI18n as f, useUpload as p } from "@duxweb/dvha-core";
+import { NButton as m, NDataTable as h, NProgress as g, useMessage as _ } from "naive-ui";
+import { useDropZone as v, useVModel as y } from "@vueuse/core";
+import b from "mime";
+function x(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
 }
-const d = {
-  "image/*": "JPG, PNG, GIF, BMP, WEBP",
-  "video/*": "MP4, AVI, MOV, WMV, FLV",
-  "audio/*": "MP3, WAV, AAC, FLAC",
-  "text/*": "TXT, CSV, JSON, XML",
-  "application/pdf": "PDF",
-  "application/msword": "DOC",
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
-  "application/vnd.ms-excel": "XLS",
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX"
-}, i = {
-  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",
-    active: "border-primary bg-primary/5",
-    hover: "border-accented hover:bg-primary/5 hover:border-primary"
-  },
-  content: "flex flex-col items-center gap-1",
-  icon: {
-    wrapper: "size-10 flex items-center justify-center rounded-full border border-dashed border-accented group-hover:border-primary transition-all cursor-pointer",
-    icon: "i-tabler:device-desktop-up size-5"
-  },
-  text: {
-    title: "mt-3 text-base font-medium",
-    desc: "text-sm text-muted text-center",
-    highlight: "text-primary font-medium"
-  },
-  table: {
-    empty: "flex items-center justify-center h-full text-muted",
-    actions: "flex gap-2"
-  }
-}, lt = /* @__PURE__ */ U({
-  name: "DuxFileUpload",
-  props: {
-    path: {
-      type: String,
-      default: ""
-    },
-    managePath: {
-      type: String,
-      default: ""
-    },
-    signPath: {
-      type: String,
-      default: ""
-    },
-    signCallback: Function,
-    driver: {
-      type: String,
-      default: "local"
-    },
-    maxNum: Number,
-    maxSize: Number,
-    multiple: Boolean,
-    manager: Boolean,
-    accept: String,
-    value: [String, Array, Object],
-    defaultValue: [String, Array, Object],
-    onUpdateValue: Function,
-    method: String
-  },
-  setup(t, {
-    emit: S
-  }) {
-    const u = X(t, "value", S, {
-      passive: !0,
-      deep: !0,
-      defaultValue: t.defaultValue
-    }), C = I(), {
-      t: a
-    } = B(), f = c(), m = s(() => t.maxSize || 5), V = H(), {
-      uploadPath: g,
-      managePath: N,
-      driver: k,
-      method: h
-    } = J({
-      driver: t?.driver,
-      signPath: t?.signPath,
-      signCallback: t?.signCallback,
-      uploadPath: t?.path,
-      managePath: t?.managePath,
-      method: t?.method
-    }), n = T({
-      path: g.value,
-      multiple: t.multiple,
-      maxFileCount: t.maxNum,
-      maxFileSize: m.value * 1024 * 1024,
-      autoUpload: !0,
-      accept: t.accept,
-      onError: (e) => C.error(e.message || a("components.upload.error")),
-      driver: k.value,
-      method: h.value
-    }), {
-      isOverDropZone: v
-    } = L(f, {
-      onDrop: (e) => {
-        e && e.length > 0 && n.addFiles(Array.from(e), "file");
-      }
-    }), p = c(!1);
-    b(n.dataFiles, (e) => {
-      const r = t.multiple ? e : e[0];
-      p.value = !0, u.value = r, t.onUpdateValue?.(r), j(() => {
-        p.value = !1;
-      });
-    });
-    const x = s(() => t.accept ? t.accept.split(",").map((e) => {
-      const r = e.trim();
-      if (d[r]) return d[r];
-      if (r.includes("*")) {
-        const M = r.split("/")[0];
-        return d[r] || M.toUpperCase();
-      }
-      const l = E.getExtension(r);
-      return l ? l.toUpperCase() : r;
-    }).filter(Boolean).join(", ") : ""), z = s(() => ({
-      pending: o("div", {
-        class: "text-info"
-      }, [a("components.upload.status.pending")]),
-      uploading: o("div", {
-        class: "text-info"
-      }, [a("components.upload.status.uploading")]),
-      success: o("div", {
-        class: "text-success"
-      }, [a("components.upload.status.success")]),
-      error: o("div", {
-        class: "text-error"
-      }, [a("components.upload.status.error")])
-    })), A = s(() => [i.dropZone.base, v.value ? i.dropZone.active : i.dropZone.hover]), D = s(() => [n.uploadFiles.value.length === 0 && "border-b border-muted"]), y = c(!1);
-    return b(u, (e) => {
-      if (p.value || y.value || !(Array.isArray(e) ? e.length > 0 : !!e))
-        return;
-      y.value = !0;
-      const l = Array.isArray(e) ? e : [e];
-      n.addDataFiles(l);
-    }, {
-      immediate: !0
-    }), () => o("div", {
-      class: i.container
-    }, [o("div", {
-      ref: f,
-      class: A.value,
-      onClick: () => n.open()
-    }, [o("div", {
-      class: i.content
-    }, [o("div", {
-      class: i.icon.wrapper,
-      onClick: (e) => {
-        t.manager && (e.stopPropagation(), V.show({
-          title: a("components.upload.title"),
-          width: 800,
-          component: () => import("./manager.js"),
-          componentProps: {
-            path: N.value,
-            multiple: t.multiple,
-            uploadParams: {
-              path: g.value,
-              accept: t.accept,
-              maxNum: t.maxNum,
-              maxSize: m.value,
-              method: h.value
-            }
-          }
-        }).then((r) => {
-          n.addDataFiles(r);
-        }));
-      }
-    }, [o("div", {
-      class: i.icon.icon
-    }, null)]), o("div", {
-      class: i.text.title
-    }, [a("components.upload.desc")]), o("div", {
-      class: i.text.desc
-    }, [v.value ? o("span", {
-      class: i.text.highlight
-    }, [a("components.upload.dropHere")]) : o(O, null, [x.value ? a("components.upload.supportFormats", {
-      formats: x.value
-    }) : a("components.upload.allFormats"), w(","), " ", a("components.upload.maxSize", {
-      size: m.value
-    })])])])]), o(W, {
-      bordered: !1,
-      class: D.value,
-      columns: [{
-        key: "filename",
-        title: a("components.upload.file.name"),
-        minWidth: 200,
-        render: (e) => o(_, {
-          title: e.filename,
-          desc: e.filetype
-        }, null)
-      }, {
-        key: "filesizeText",
-        title: a("components.upload.file.size"),
-        width: 120
-      }, {
-        key: "status",
-        title: a("components.upload.file.status"),
-        width: 120,
-        render: (e) => e.status === "uploading" ? o("div", {
-          class: "flex items-center"
-        }, [o(G, {
-          type: "line",
-          style: {
-            width: "24px",
-            height: "24px"
-          },
-          color: "rgb(var(--ui-color-primary))",
-          "indicator-placement": "inside",
-          percentage: e.progress?.percent,
-          showIndicator: !1,
-          height: 14
-        }, null)]) : z.value[e.status]
-      }, {
-        key: "actions",
-        title: a("components.upload.actions"),
-        width: 120,
-        render: (e) => {
-          let r, l;
-          return o("div", {
-            class: i.table.actions
-          }, [o(F, {
-            type: "warning",
-            size: "small",
-            text: !0,
-            disabled: ["success", "error", "cancelled"].includes(e.status),
-            onClick: () => n.cancelFiles([e.id])
-          }, P(r = a("components.upload.cancel")) ? r : {
-            default: () => [r]
-          }), o(F, {
-            type: "error",
-            size: "small",
-            text: !0,
-            onClick: () => n.removeFiles([e.id])
-          }, P(l = a("components.upload.delete")) ? l : {
-            default: () => [l]
-          })]);
-        }
-      }],
-      data: n.uploadFiles.value
-    }, {
-      empty: () => o("div", {
-        class: i.table.empty
-      }, [a("components.upload.empty")])
-    })]);
-  }
-});
-export {
-  lt as DuxFileUpload
+var S = {
+	"image/*": "JPG, PNG, GIF, BMP, WEBP",
+	"video/*": "MP4, AVI, MOV, WMV, FLV",
+	"audio/*": "MP3, WAV, AAC, FLAC",
+	"text/*": "TXT, CSV, JSON, XML",
+	"application/pdf": "PDF",
+	"application/msword": "DOC",
+	"application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
+	"application/vnd.ms-excel": "XLS",
+	"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX"
+}, C = {
+	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",
+		active: "border-primary bg-primary/5",
+		hover: "border-accented hover:bg-primary/5 hover:border-primary"
+	},
+	content: "flex flex-col items-center gap-1",
+	icon: {
+		wrapper: "size-10 flex items-center justify-center rounded-full border border-dashed border-accented group-hover:border-primary transition-all cursor-pointer",
+		icon: "i-tabler:device-desktop-up size-5"
+	},
+	text: {
+		title: "mt-3 text-base font-medium",
+		desc: "text-sm text-muted text-center",
+		highlight: "text-primary font-medium"
+	},
+	table: {
+		empty: "flex items-center justify-center h-full text-muted",
+		actions: "flex gap-2"
+	}
 };
+const w = /* @__PURE__ */ s({
+	name: "DuxFileUpload",
+	props: {
+		path: {
+			type: String,
+			default: ""
+		},
+		managePath: {
+			type: String,
+			default: ""
+		},
+		signPath: {
+			type: String,
+			default: ""
+		},
+		signCallback: Function,
+		driver: {
+			type: String,
+			default: "local"
+		},
+		maxNum: Number,
+		maxSize: Number,
+		multiple: Boolean,
+		manager: Boolean,
+		accept: String,
+		value: [
+			String,
+			Array,
+			Object
+		],
+		defaultValue: [
+			String,
+			Array,
+			Object
+		],
+		onUpdateValue: Function,
+		method: String
+	},
+	setup(s, { emit: c }) {
+		let w = y(s, "value", c, {
+			passive: !0,
+			deep: !0,
+			defaultValue: s.defaultValue
+		}), T = _(), { t: E } = f(), D = u(), O = i(() => s.maxSize || 5), k = t(), { uploadPath: A, managePath: j, driver: M, method: N } = n({
+			driver: s?.driver,
+			signPath: s?.signPath,
+			signCallback: s?.signCallback,
+			uploadPath: s?.path,
+			managePath: s?.managePath,
+			method: s?.method
+		}), P = p({
+			path: A.value,
+			multiple: s.multiple,
+			maxFileCount: s.maxNum,
+			maxFileSize: O.value * 1024 * 1024,
+			autoUpload: !0,
+			accept: s.accept,
+			onError: (e) => T.error(e.message || E("components.upload.error")),
+			driver: M.value,
+			method: N.value
+		}), { isOverDropZone: F } = v(D, { onDrop: (e) => {
+			e && e.length > 0 && P.addFiles(Array.from(e), "file");
+		} }), I = u(!1);
+		d(P.dataFiles, (e) => {
+			let t = s.multiple ? e : e[0];
+			I.value = !0, w.value = t, s.onUpdateValue?.(t), l(() => {
+				I.value = !1;
+			});
+		});
+		let L = i(() => s.accept ? s.accept.split(",").map((e) => {
+			let t = e.trim();
+			if (S[t]) return S[t];
+			if (t.includes("*")) {
+				let e = t.split("/")[0];
+				return S[t] || e.toUpperCase();
+			}
+			let n = b.getExtension(t);
+			return n ? n.toUpperCase() : t;
+		}).filter(Boolean).join(", ") : ""), R = i(() => ({
+			pending: o("div", { class: "text-info" }, [E("components.upload.status.pending")]),
+			uploading: o("div", { class: "text-info" }, [E("components.upload.status.uploading")]),
+			success: o("div", { class: "text-success" }, [E("components.upload.status.success")]),
+			error: o("div", { class: "text-error" }, [E("components.upload.status.error")])
+		})), z = i(() => [C.dropZone.base, F.value ? C.dropZone.active : C.dropZone.hover]), B = i(() => [P.uploadFiles.value.length === 0 && "border-b border-muted"]), V = u(!1);
+		return d(w, (e) => {
+			if (I.value || V.value || !(Array.isArray(e) ? e.length > 0 : e)) return;
+			V.value = !0;
+			let t = Array.isArray(e) ? e : [e];
+			P.addDataFiles(t);
+		}, { immediate: !0 }), () => o("div", { class: C.container }, [o("div", {
+			ref: D,
+			class: z.value,
+			onClick: () => P.open()
+		}, [o("div", { class: C.content }, [
+			o("div", {
+				class: C.icon.wrapper,
+				onClick: (e) => {
+					s.manager && (e.stopPropagation(), k.show({
+						title: E("components.upload.title"),
+						width: 800,
+						component: () => import("./manager.js"),
+						componentProps: {
+							path: j.value,
+							multiple: s.multiple,
+							uploadParams: {
+								path: A.value,
+								accept: s.accept,
+								maxNum: s.maxNum,
+								maxSize: O.value,
+								method: N.value
+							}
+						}
+					}).then((e) => {
+						P.addDataFiles(e);
+					}));
+				}
+			}, [o("div", { class: C.icon.icon }, null)]),
+			o("div", { class: C.text.title }, [E("components.upload.desc")]),
+			o("div", { class: C.text.desc }, [F.value ? o("span", { class: C.text.highlight }, [E("components.upload.dropHere")]) : o(r, null, [
+				L.value ? E("components.upload.supportFormats", { formats: L.value }) : E("components.upload.allFormats"),
+				a(","),
+				" ",
+				E("components.upload.maxSize", { size: O.value })
+			])])
+		])]), o(h, {
+			bordered: !1,
+			class: B.value,
+			columns: [
+				{
+					key: "filename",
+					title: E("components.upload.file.name"),
+					minWidth: 200,
+					render: (t) => o(e, {
+						title: t.filename,
+						desc: t.filetype
+					}, null)
+				},
+				{
+					key: "filesizeText",
+					title: E("components.upload.file.size"),
+					width: 120
+				},
+				{
+					key: "status",
+					title: E("components.upload.file.status"),
+					width: 120,
+					render: (e) => e.status === "uploading" ? o("div", { class: "flex items-center" }, [o(g, {
+						type: "line",
+						style: {
+							width: "24px",
+							height: "24px"
+						},
+						color: "rgb(var(--ui-color-primary))",
+						"indicator-placement": "inside",
+						percentage: e.progress?.percent,
+						showIndicator: !1,
+						height: 14
+					}, null)]) : R.value[e.status]
+				},
+				{
+					key: "actions",
+					title: E("components.upload.actions"),
+					width: 120,
+					render: (e) => {
+						let t, n;
+						return o("div", { class: C.table.actions }, [o(m, {
+							type: "warning",
+							size: "small",
+							text: !0,
+							disabled: [
+								"success",
+								"error",
+								"cancelled"
+							].includes(e.status),
+							onClick: () => P.cancelFiles([e.id])
+						}, x(t = E("components.upload.cancel")) ? t : { default: () => [t] }), o(m, {
+							type: "error",
+							size: "small",
+							text: !0,
+							onClick: () => P.removeFiles([e.id])
+						}, x(n = E("components.upload.delete")) ? n : { default: () => [n] })]);
+					}
+				}
+			],
+			data: P.uploadFiles.value
+		}, { empty: () => o("div", { class: C.table.empty }, [E("components.upload.empty")]) })]);
+	}
+});
+export { w as DuxFileUpload };