@duxweb/dvha-pro 1.1.29 → 1.1.31

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

@@ -1,72 +1,58 @@
-import { defineComponent as r, ref as p, computed as f, createVNode as t, createTextVNode as d } from "vue";
-import { useI18n as x } from "@duxweb/dvha-core";
-import { useVModel as v } from "@vueuse/core";
-const b = /* @__PURE__ */ r({
-  name: "DuxSelectUpload",
-  props: {
-    maxNum: Number,
-    multiple: Boolean,
-    value: [String, Array, Object],
-    onUpdateValue: Function,
-    accept: {
-      type: String,
-      default: "*"
-    }
-  },
-  setup(e, {
-    emit: s
-  }) {
-    const o = p([]), u = v(e, "value", s), {
-      t: a
-    } = x(), i = f(() => {
-      const n = o.value.length;
-      return n === 0 ? a("components.upload.selectUpload.clickOrDrag") : e.multiple ? a("components.upload.selectUpload.selectedFiles", {
-        count: n
-      }) : o.value[0]?.name || "";
-    });
-    function m(n) {
-      const c = Array.from(n.target.files || []);
-      if (e.multiple) {
-        const l = e.maxNum ? c.slice(0, e.maxNum) : c;
-        o.value = l, u.value = l, e.onUpdateValue?.(l);
-      } else {
-        const l = c[0];
-        o.value = l ? [l] : [], u.value = l || void 0, e.onUpdateValue?.(l);
-      }
-    }
-    return () => t("div", {
-      class: "relative border border-dashed border-muted rounded p-8 text-center hover:border-primary transition-colors duration-200 bg-muted hover:bg-elevated"
-    }, [t("input", {
-      type: "file",
-      multiple: e.multiple,
-      class: "absolute inset-0 w-full h-full opacity-0 cursor-pointer",
-      onChange: m,
-      accept: e.accept
-    }, null), t("div", {
-      class: "flex flex-col items-center gap-3"
-    }, [t("svg", {
-      class: "w-12 h-12 text-muted",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24"
-    }, [t("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-    }, null)]), t("div", null, [t("p", {
-      class: "text-lg font-medium text-default"
-    }, [i.value]), t("p", {
-      class: "text-sm text-muted mt-1"
-    }, [e.multiple ? a("components.upload.selectUpload.multipleSupport") : e.accept !== "*" ? a("components.upload.selectUpload.acceptDesc", {
-      accept: e.accept
-    }) : a("components.upload.selectUpload.defaultDesc"), e.maxNum && t("span", {
-      class: "ml-2 text-warning"
-    }, [d("("), a("components.upload.selectUpload.maxFiles", {
-      max: e.maxNum
-    }), d(")")])])])])]);
-  }
+import { computed as e, createTextVNode as t, createVNode as n, defineComponent as r, ref as i } from "vue";
+import { useI18n as a } from "@duxweb/dvha-core";
+import { useVModel as o } from "@vueuse/core";
+const s = /* @__PURE__ */ r({
+	name: "DuxSelectUpload",
+	props: {
+		maxNum: Number,
+		multiple: Boolean,
+		value: [
+			String,
+			Array,
+			Object
+		],
+		onUpdateValue: Function,
+		accept: {
+			type: String,
+			default: "*"
+		}
+	},
+	setup(r, { emit: s }) {
+		let c = i([]), l = o(r, "value", s), { t: u } = a(), d = e(() => {
+			let e = c.value.length;
+			return e === 0 ? u("components.upload.selectUpload.clickOrDrag") : r.multiple ? u("components.upload.selectUpload.selectedFiles", { count: e }) : c.value[0]?.name || "";
+		});
+		function f(e) {
+			let t = Array.from(e.target.files || []);
+			if (r.multiple) {
+				let e = r.maxNum ? t.slice(0, r.maxNum) : t;
+				c.value = e, l.value = e, r.onUpdateValue?.(e);
+			} else {
+				let e = t[0];
+				c.value = e ? [e] : [], l.value = e || void 0, r.onUpdateValue?.(e);
+			}
+		}
+		return () => n("div", { class: "relative border border-dashed border-muted rounded p-8 text-center hover:border-primary transition-colors duration-200 bg-muted hover:bg-elevated" }, [n("input", {
+			type: "file",
+			multiple: r.multiple,
+			class: "absolute inset-0 w-full h-full opacity-0 cursor-pointer",
+			onChange: f,
+			accept: r.accept
+		}, null), n("div", { class: "flex flex-col items-center gap-3" }, [n("svg", {
+			class: "w-12 h-12 text-muted",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24"
+		}, [n("path", {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "2",
+			d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+		}, null)]), n("div", null, [n("p", { class: "text-lg font-medium text-default" }, [d.value]), n("p", { class: "text-sm text-muted mt-1" }, [r.multiple ? u("components.upload.selectUpload.multipleSupport") : r.accept === "*" ? u("components.upload.selectUpload.defaultDesc") : u("components.upload.selectUpload.acceptDesc", { accept: r.accept }), r.maxNum && n("span", { class: "ml-2 text-warning" }, [
+			t("("),
+			u("components.upload.selectUpload.maxFiles", { max: r.maxNum }),
+			t(")")
+		])])])])]);
+	}
 });
-export {
-  b as DuxSelectUpload
-};
+export { s as DuxSelectUpload };