morya-ui 0.1.1 → 0.2.2

package/dist/file-upload/index.js

@@ -1,9 +1,10 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t } from "../locale-DYGhxekd.js";
+import { n as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, watch as ee } from "vue";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as ee, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as te, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as ne, watch as re } from "vue";
 //#region src/components/FileUpload/ajax.ts
-function te(e) {
+function ie(e) {
 	let t = new XMLHttpRequest(), n = new FormData();
 	n.append(e.filename, e.file, e.file.name);
 	for (let [t, r] of Object.entries(e.data)) n.append(t, r);
@@ -25,54 +26,56 @@ function te(e) {
 }
 //#endregion
 //#region src/components/FileUpload/FileUpload.vue?vue&type=script&setup=true&lang.ts
-var ne = [
+var ae = [
 	"multiple",
 	"accept",
 	"disabled",
 	"webkitdirectory"
-], y = ["aria-disabled", "aria-label"], re = { class: "m-fileupload__text" }, ie = ["disabled"], ae = ["disabled"], oe = {
+], oe = ["aria-disabled", "aria-label"], se = { class: "m-fileupload__text" }, ce = ["disabled"], le = ["disabled"], ue = {
 	key: 3,
 	class: "m-fileupload__tip"
-}, se = {
+}, de = {
 	key: 4,
 	class: "m-fileupload__list"
-}, ce = { class: "m-fileupload__file-body" }, le = [
+}, fe = { class: "m-fileupload__file-body" }, pe = [
 	"src",
 	"alt",
 	"onClick"
-], ue = { class: "m-fileupload__name" }, de = {
+], me = { class: "m-fileupload__name" }, he = {
 	key: 1,
 	class: "m-fileupload__size"
-}, fe = {
+}, ge = {
 	key: 2,
 	class: "m-fileupload__status"
-}, pe = { class: "m-fileupload__actions" }, me = ["aria-label", "onClick"], he = ["aria-label", "onClick"], ge = [
+}, _e = { class: "m-fileupload__actions" }, ve = ["aria-label", "onClick"], ye = ["aria-label", "onClick"], be = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], _e = ["aria-valuenow"], ve = [
+], xe = ["aria-valuenow"], Se = [
 	"src",
 	"alt",
 	"onClick"
-], ye = {
+], Ce = {
 	key: 1,
 	class: "m-fileupload__card-name"
-}, b = {
+}, we = {
 	key: 2,
 	class: "m-fileupload__card-progress"
-}, x = {
+}, Te = {
 	key: 3,
 	class: "m-fileupload__card-mask"
-}, be = ["aria-label", "onClick"], xe = ["aria-label", "onClick"], Se = [
+}, Ee = ["aria-label", "onClick"], De = ["aria-label", "onClick"], Oe = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Ce = ["aria-label"], we = {
+], ke = ["aria-label"], Ae = {
 	key: 6,
 	class: "m-fileupload__toolbar"
-}, S = /* @__PURE__ */ l({
+}, y = /* @__PURE__ */ l({
+	inheritAttrs: !1,
 	__name: "FileUpload",
 	props: {
+		pt: {},
 		mode: { default: "basic" },
 		multiple: {
 			type: Boolean,
@@ -130,49 +133,49 @@ var ne = [
 		"error",
 		"abort"
 	],
-	setup(l, { expose: S, emit: Te }) {
-		let C = l, w = Te, T = 0, E = m(null), D = m([]), O = m(!1), k = /* @__PURE__ */ new Map(), A = t(), j = r(() => C.chooseLabel ?? A.value.chooseFile), M = r(() => C.listType === "picture-card"), N = r(() => C.listType === "picture" || M.value), P = r(() => !!(C.action || C.httpRequest)), Ee = r(() => C.autoUpload && P.value), De = r(() => C.showFileList && D.value.length > 0 && !M.value), F = r(() => !M.value), I = r(() => !C.disabled && (C.limit == null || D.value.length < C.limit)), Oe = r(() => P.value && !C.autoUpload && D.value.some((e) => e.status === "ready" || e.status === "fail")), ke = r(() => D.value.length > 0 && C.showFileList), Ae = r(() => [
+	setup(l, { expose: y, emit: je }) {
+		let b = l, x = ne(), { rootAttrs: S, controlAttrs: Me } = e(x, () => b.pt, { controlKey: "input" }), C = je, w = 0, T = m(null), E = m([]), D = m(!1), O = /* @__PURE__ */ new Map(), k = n(), A = i(() => b.chooseLabel ?? k.value.chooseFile), j = i(() => b.listType === "picture-card"), M = i(() => b.listType === "picture" || j.value), N = i(() => !!(b.action || b.httpRequest)), Ne = i(() => b.autoUpload && N.value), Pe = i(() => b.showFileList && E.value.length > 0 && !j.value), P = i(() => !j.value), F = i(() => !b.disabled && (b.limit == null || E.value.length < b.limit)), Fe = i(() => N.value && !b.autoUpload && E.value.some((e) => e.status === "ready" || e.status === "fail")), Ie = i(() => E.value.length > 0 && b.showFileList), Le = i(() => [
 			"m-fileupload",
-			`m-fileupload--${C.mode}`,
-			`m-fileupload--${C.listType}`,
+			`m-fileupload--${b.mode}`,
+			`m-fileupload--${b.listType}`,
 			{
-				"m-fileupload--disabled": C.disabled,
-				"m-fileupload--drag": C.drag
+				"m-fileupload--disabled": b.disabled,
+				"m-fileupload--drag": b.drag
 			}
 		]);
-		ee(() => C.fileList, (e) => {
-			e && (D.value = e.map((e) => ({
+		re(() => b.fileList, (e) => {
+			e && (E.value = e.map((e) => ({
 				...e,
 				status: e.status ?? "success",
 				percentage: e.percentage ?? (e.status && e.status !== "success" ? 0 : 100),
-				uid: e.uid || L()
+				uid: e.uid || I()
 			})));
 		}, { immediate: !0 });
-		function L() {
-			return T += 1, `m-upload-${Date.now()}-${T}`;
+		function I() {
+			return w += 1, `m-upload-${Date.now()}-${w}`;
 		}
-		function R(e) {
-			D.value = e, w("update:fileList", e);
+		function L(e) {
+			E.value = e, C("update:fileList", e);
 		}
-		function z(e, t) {
-			w("change", e, t);
+		function R(e, t) {
+			C("change", e, t);
 		}
-		function je(e) {
-			let t = C.accept?.trim();
+		function Re(e) {
+			let t = b.accept?.trim();
 			return !t || t.split(",").some((t) => {
 				let n = t.trim().toLowerCase();
 				return n ? n.startsWith(".") ? e.name.toLowerCase().endsWith(n) : n.endsWith("/*") ? e.type.toLowerCase().startsWith(n.slice(0, -1)) : e.type.toLowerCase() === n : !1;
 			});
 		}
-		function B(e) {
+		function z(e) {
 			return e.type?.startsWith("image/") ? !0 : /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i.test(e.name);
 		}
-		function Me(e = 0) {
+		function ze(e = 0) {
 			return e < 1024 ? `${e} B` : e < 1048576 ? `${Math.round(e / 1024)} KB` : `${(e / 1048576).toFixed(1)} MB`;
 		}
-		function Ne(e) {
+		function Be(e) {
 			return {
-				uid: L(),
+				uid: I(),
 				name: e.name,
 				size: e.size,
 				type: e.type,
@@ -182,98 +185,98 @@ var ne = [
 				url: e.type.startsWith("image/") ? URL.createObjectURL(e) : void 0
 			};
 		}
-		function V(e) {
+		function B(e) {
 			e.url?.startsWith("blob:") && URL.revokeObjectURL(e.url);
 		}
-		async function H(e) {
-			if (C.disabled) return;
+		async function V(e) {
+			if (b.disabled) return;
 			let t = [];
-			for (let n of e) if (je(n)) {
-				if (C.maxSize != null && n.size > C.maxSize) {
-					w("exceed-size", n);
+			for (let n of e) if (Re(n)) {
+				if (b.maxSize != null && n.size > b.maxSize) {
+					C("exceed-size", n);
 					continue;
 				}
 				t.push(n);
 			}
-			let n = C.multiple ? t : t.slice(0, 1);
+			let n = b.multiple ? t : t.slice(0, 1);
 			if (!n.length) return;
-			let r = C.multiple ? D.value : [];
-			if (C.limit != null && r.length + n.length > C.limit) {
-				w("exceed", n);
+			let r = b.multiple ? E.value : [];
+			if (b.limit != null && r.length + n.length > b.limit) {
+				C("exceed", n);
 				return;
 			}
-			C.multiple || D.value.forEach(V);
+			b.multiple || E.value.forEach(B);
 			let i = [];
 			for (let e of n) {
-				let t = Ne(e);
-				if (C.beforeUpload && await C.beforeUpload(e, t) === !1) {
-					V(t);
+				let t = Be(e);
+				if (b.beforeUpload && await b.beforeUpload(e, t) === !1) {
+					B(t);
 					continue;
 				}
 				i.push(t);
 			}
 			if (!i.length) return;
-			let a = C.multiple ? [...r, ...i] : i;
-			R(a), w("select", i.map((e) => e.raw).filter(Boolean));
-			for (let e of i) z(e, a), Ee.value && J(e);
+			let a = b.multiple ? [...r, ...i] : i;
+			L(a), C("select", i.map((e) => e.raw).filter(Boolean));
+			for (let e of i) R(e, a), Ne.value && J(e);
 		}
-		function U() {
-			I.value && E.value?.click();
+		function H() {
+			F.value && T.value?.click();
 		}
-		function Pe(e) {
+		function Ve(e) {
 			let t = e.target;
-			H(Array.from(t.files ?? [])), t.value = "";
+			V(Array.from(t.files ?? [])), t.value = "";
+		}
+		function U(e) {
+			b.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), D.value = !0);
 		}
 		function W(e) {
-			C.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), O.value = !0);
+			let t = e.currentTarget, n = e.relatedTarget;
+			t && n && t.contains(n) || (D.value = !1);
 		}
 		function G(e) {
-			let t = e.currentTarget, n = e.relatedTarget;
-			t && n && t.contains(n) || (O.value = !1);
+			b.disabled || (e.preventDefault(), D.value = !1, V(Array.from(e.dataTransfer?.files ?? [])));
 		}
 		function K(e) {
-			C.disabled || (e.preventDefault(), O.value = !1, H(Array.from(e.dataTransfer?.files ?? [])));
-		}
-		function Fe(e) {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), U());
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H());
 		}
 		function q(e, t) {
-			let n = D.value.find((t) => t.uid === e), r = D.value.map((n) => n.uid === e ? {
+			let n = E.value.find((t) => t.uid === e), r = E.value.map((n) => n.uid === e ? {
 				...n,
 				...t
 			} : n), i = r.find((t) => t.uid === e);
-			R(r), i && n && t.status != null && t.status !== n.status && z(i, r);
+			L(r), i && n && t.status != null && t.status !== n.status && R(i, r);
 		}
-		function Ie(e, t) {
-			let n = typeof C.data == "function" ? C.data() : C.data ?? {};
+		function He(e, t) {
+			let n = typeof b.data == "function" ? b.data() : b.data ?? {};
 			return {
-				action: C.action ?? "",
-				method: C.method ?? "post",
+				action: b.action ?? "",
+				method: b.method ?? "post",
 				file: t,
-				filename: C.name ?? "file",
+				filename: b.name ?? "file",
 				data: n,
-				headers: C.headers ?? {},
-				withCredentials: C.withCredentials,
+				headers: b.headers ?? {},
+				withCredentials: b.withCredentials,
 				onProgress: (t) => {
 					q(e.uid, {
 						percentage: t,
 						status: "uploading"
 					});
-					let n = D.value.find((t) => t.uid === e.uid);
-					n && w("progress", n, t);
+					let n = E.value.find((t) => t.uid === e.uid);
+					n && C("progress", n, t);
 				},
 				onSuccess: (t) => {
-					k.delete(e.uid), q(e.uid, {
+					O.delete(e.uid), q(e.uid, {
 						status: "success",
 						percentage: 100,
 						response: t,
 						error: void 0
 					});
-					let n = D.value.find((t) => t.uid === e.uid);
-					n && w("success", n, t);
+					let n = E.value.find((t) => t.uid === e.uid);
+					n && C("success", n, t);
 				},
 				onError: (t) => {
-					if (k.delete(e.uid), t.message === "aborted") {
+					if (O.delete(e.uid), t.message === "aborted") {
 						q(e.uid, {
 							status: "ready",
 							percentage: 0
@@ -284,24 +287,24 @@ var ne = [
 						status: "fail",
 						error: t.message
 					});
-					let n = D.value.find((t) => t.uid === e.uid);
-					n && w("error", n, t);
+					let n = E.value.find((t) => t.uid === e.uid);
+					n && C("error", n, t);
 				}
 			};
 		}
 		async function J(e) {
 			let t = e.raw;
-			if (!t || C.disabled || !P.value) return;
+			if (!t || b.disabled || !N.value) return;
 			q(e.uid, {
 				status: "uploading",
 				percentage: e.percentage ?? 0,
 				error: void 0
 			});
-			let n = Ie(e, t);
-			if (C.httpRequest) {
+			let n = He(e, t);
+			if (b.httpRequest) {
 				try {
-					let t = C.httpRequest(n);
-					if (t instanceof XMLHttpRequest) k.set(e.uid, t);
+					let t = b.httpRequest(n);
+					if (t instanceof XMLHttpRequest) O.set(e.uid, t);
 					else if (t && typeof t.then == "function") {
 						let e = await t;
 						n.onSuccess(e);
@@ -311,196 +314,196 @@ var ne = [
 				}
 				return;
 			}
-			k.set(e.uid, te(n));
+			O.set(e.uid, ie(n));
 		}
 		function Y() {
-			for (let e of D.value) (e.status === "ready" || e.status === "fail") && J(e);
+			for (let e of E.value) (e.status === "ready" || e.status === "fail") && J(e);
 		}
 		function X(e) {
-			let t = e ? [e.uid] : [...k.keys()];
-			for (let e of t) k.get(e)?.abort(), k.delete(e);
-			w("abort", e);
+			let t = e ? [e.uid] : [...O.keys()];
+			for (let e of t) O.get(e)?.abort(), O.delete(e);
+			C("abort", e);
 		}
 		async function Z(e) {
-			C.disabled || C.beforeRemove && await C.beforeRemove(e, D.value) === !1 || (X(e), V(e), R(D.value.filter((t) => t.uid !== e.uid)), w("remove", e));
+			b.disabled || b.beforeRemove && await b.beforeRemove(e, E.value) === !1 || (X(e), B(e), L(E.value.filter((t) => t.uid !== e.uid)), C("remove", e));
 		}
 		function Q(e) {
-			w("preview", e);
+			C("preview", e);
 		}
 		function $() {
-			X(), D.value.forEach(V), R([]);
+			X(), E.value.forEach(B), L([]);
 		}
-		return f(() => {
-			X(), D.value.forEach(V);
-		}), S({
-			openPicker: U,
+		return te(() => {
+			X(), E.value.forEach(B);
+		}), y({
+			openPicker: H,
 			submit: Y,
 			abort: X,
 			clear: $,
 			clearFiles: $
-		}), (t, r) => (p(), a("div", { class: u(Ae.value) }, [
-			o("input", {
+		}), (e, n) => (p(), o("div", u(v(S), { class: Le.value }), [
+			s("input", u({
 				ref_key: "inputRef",
-				ref: E,
+				ref: T,
 				class: "m-fileupload__input",
 				type: "file",
 				multiple: l.multiple || l.directory,
 				accept: l.accept,
 				disabled: l.disabled,
 				webkitdirectory: l.directory || void 0,
-				onChange: Pe
-			}, null, 40, ne),
-			l.drag && F.value ? (p(), a("div", {
+				onChange: Ve
+			}, v(Me)), null, 16, ae),
+			l.drag && P.value ? (p(), o("div", {
 				key: 0,
-				class: u(["m-fileupload__dragger", { "m-fileupload__dragger--over": O.value }]),
+				class: d(["m-fileupload__dragger", { "m-fileupload__dragger--over": D.value }]),
 				role: "button",
 				tabindex: "0",
 				"aria-disabled": l.disabled || void 0,
-				"aria-label": j.value,
-				onClick: U,
-				onKeydown: Fe,
-				onDragenter: W,
-				onDragover: W,
-				onDragleave: G,
-				onDrop: K
-			}, [g(t.$slots, "default", {}, () => [c(e, {
+				"aria-label": A.value,
+				onClick: H,
+				onKeydown: K,
+				onDragenter: U,
+				onDragover: U,
+				onDragleave: W,
+				onDrop: G
+			}, [g(e.$slots, "default", {}, () => [c(t, {
 				class: "m-fileupload__icon",
 				name: "upload"
-			}), o("p", re, [s(_(v(A).dropFileHere) + " ", 1), o("em", null, _(v(A).clickToUpload), 1)])])], 42, y)) : F.value && t.$slots.trigger ? (p(), a("button", {
+			}), s("p", se, [ee(_(v(k).dropFileHere) + " ", 1), s("em", null, _(v(k).clickToUpload), 1)])])], 42, oe)) : P.value && e.$slots.trigger ? (p(), o("button", {
 				key: 1,
 				type: "button",
-				class: "m-fileupload__choose wk-fileupload__choose--slot",
-				disabled: l.disabled || !I.value,
-				onClick: U
-			}, [g(t.$slots, "trigger")], 8, ie)) : F.value ? (p(), a("button", {
+				class: "m-fileupload__choose m-fileupload__choose--slot",
+				disabled: l.disabled || !F.value,
+				onClick: H
+			}, [g(e.$slots, "trigger")], 8, ce)) : P.value ? (p(), o("button", {
 				key: 2,
 				type: "button",
 				class: "m-fileupload__choose",
-				disabled: l.disabled || !I.value,
-				onClick: U
-			}, _(j.value), 9, ae)) : i("", !0),
-			t.$slots.tip ? (p(), a("div", oe, [g(t.$slots, "tip")])) : i("", !0),
-			De.value && !M.value ? (p(), a("ul", se, [(p(!0), a(n, null, h(D.value, (n) => (p(), a("li", {
+				disabled: l.disabled || !F.value,
+				onClick: H
+			}, _(A.value), 9, le)) : a("", !0),
+			e.$slots.tip ? (p(), o("div", ue, [g(e.$slots, "tip")])) : a("", !0),
+			Pe.value && !j.value ? (p(), o("ul", de, [(p(!0), o(r, null, h(E.value, (n) => (p(), o("li", {
 				key: n.uid,
-				class: u(["m-fileupload__file", [`m-fileupload__file--${n.status}`, { "m-fileupload__file--picture": N.value }]])
-			}, [g(t.$slots, "file", { file: n }, () => [o("div", ce, [
-				N.value && n.url && B(n) ? (p(), a("img", {
+				class: d(["m-fileupload__file", [`m-fileupload__file--${n.status}`, { "m-fileupload__file--picture": M.value }]])
+			}, [g(e.$slots, "file", { file: n }, () => [s("div", fe, [
+				M.value && n.url && z(n) ? (p(), o("img", {
 					key: 0,
 					class: "m-fileupload__thumb",
 					src: n.url,
 					alt: n.name,
 					onClick: (e) => Q(n)
-				}, null, 8, le)) : i("", !0),
-				o("span", ue, _(n.name), 1),
-				n.size == null ? i("", !0) : (p(), a("span", de, _(Me(n.size)), 1)),
-				n.status === "fail" ? (p(), a("span", fe, _(n.error || v(A).uploadFailed), 1)) : i("", !0),
-				o("span", pe, [
-					n.url && B(n) ? (p(), a("button", {
+				}, null, 8, pe)) : a("", !0),
+				s("span", me, _(n.name), 1),
+				n.size == null ? a("", !0) : (p(), o("span", he, _(ze(n.size)), 1)),
+				n.status === "fail" ? (p(), o("span", ge, _(n.error || v(k).uploadFailed), 1)) : a("", !0),
+				s("span", _e, [
+					n.url && z(n) ? (p(), o("button", {
 						key: 0,
 						type: "button",
 						class: "m-fileupload__action",
-						"aria-label": v(A).previewFile,
+						"aria-label": v(k).previewFile,
 						onClick: (e) => Q(n)
-					}, [c(e, {
+					}, [c(t, {
 						name: "eye",
 						size: "sm"
-					})], 8, me)) : i("", !0),
-					n.status === "fail" ? (p(), a("button", {
+					})], 8, ve)) : a("", !0),
+					n.status === "fail" ? (p(), o("button", {
 						key: 1,
 						type: "button",
 						class: "m-fileupload__action",
-						"aria-label": v(A).retryUpload,
+						"aria-label": v(k).retryUpload,
 						onClick: (e) => J(n)
-					}, [c(e, {
+					}, [c(t, {
 						name: "refresh",
 						size: "sm"
-					})], 8, he)) : i("", !0),
-					o("button", {
+					})], 8, ye)) : a("", !0),
+					s("button", {
 						type: "button",
 						class: "m-fileupload__action",
-						"aria-label": v(A).removeFile,
+						"aria-label": v(k).removeFile,
 						disabled: l.disabled,
 						onClick: (e) => Z(n)
-					}, [c(e, {
+					}, [c(t, {
 						name: "trash",
 						size: "sm"
-					})], 8, ge)
+					})], 8, be)
 				])
-			]), n.status === "uploading" ? (p(), a("div", {
+			]), n.status === "uploading" ? (p(), o("div", {
 				key: 0,
 				class: "m-fileupload__progress",
 				role: "progressbar",
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
 				"aria-valuenow": Math.round(n.percentage ?? 0),
-				style: d({ width: `${n.percentage ?? 0}%` })
-			}, null, 12, _e)) : i("", !0)])], 2))), 128))])) : i("", !0),
-			M.value ? (p(), a("div", {
+				style: f({ width: `${n.percentage ?? 0}%` })
+			}, null, 12, xe)) : a("", !0)])], 2))), 128))])) : a("", !0),
+			j.value ? (p(), o("div", {
 				key: 5,
-				class: u(["m-fileupload__cards", { "m-fileupload__cards--over": O.value }]),
-				onDragenter: W,
-				onDragover: W,
-				onDragleave: G,
-				onDrop: K
-			}, [(p(!0), a(n, null, h(l.showFileList ? D.value : [], (n) => (p(), a("div", {
+				class: d(["m-fileupload__cards", { "m-fileupload__cards--over": D.value }]),
+				onDragenter: U,
+				onDragover: U,
+				onDragleave: W,
+				onDrop: G
+			}, [(p(!0), o(r, null, h(l.showFileList ? E.value : [], (n) => (p(), o("div", {
 				key: n.uid,
-				class: u(["m-fileupload__card", `m-fileupload__card--${n.status}`])
-			}, [g(t.$slots, "file", { file: n }, () => [n.url && B(n) ? (p(), a("img", {
+				class: d(["m-fileupload__card", `m-fileupload__card--${n.status}`])
+			}, [g(e.$slots, "file", { file: n }, () => [n.url && z(n) ? (p(), o("img", {
 				key: 0,
 				class: "m-fileupload__card-image",
 				src: n.url,
 				alt: n.name,
 				onClick: (e) => Q(n)
-			}, null, 8, ve)) : (p(), a("span", ye, _(n.name), 1)), n.status === "uploading" ? (p(), a("div", b, _(Math.round(n.percentage ?? 0)) + "% ", 1)) : (p(), a("div", x, [
-				n.url && B(n) ? (p(), a("button", {
+			}, null, 8, Se)) : (p(), o("span", Ce, _(n.name), 1)), n.status === "uploading" ? (p(), o("div", we, _(Math.round(n.percentage ?? 0)) + "% ", 1)) : (p(), o("div", Te, [
+				n.url && z(n) ? (p(), o("button", {
 					key: 0,
 					type: "button",
 					class: "m-fileupload__action",
-					"aria-label": v(A).previewFile,
+					"aria-label": v(k).previewFile,
 					onClick: (e) => Q(n)
-				}, [c(e, {
+				}, [c(t, {
 					name: "eye",
 					size: "sm"
-				})], 8, be)) : i("", !0),
-				n.status === "fail" ? (p(), a("button", {
+				})], 8, Ee)) : a("", !0),
+				n.status === "fail" ? (p(), o("button", {
 					key: 1,
 					type: "button",
 					class: "m-fileupload__action",
-					"aria-label": v(A).retryUpload,
+					"aria-label": v(k).retryUpload,
 					onClick: (e) => J(n)
-				}, [c(e, {
+				}, [c(t, {
 					name: "refresh",
 					size: "sm"
-				})], 8, xe)) : i("", !0),
-				o("button", {
+				})], 8, De)) : a("", !0),
+				s("button", {
 					type: "button",
 					class: "m-fileupload__action",
-					"aria-label": v(A).removeFile,
+					"aria-label": v(k).removeFile,
 					disabled: l.disabled,
 					onClick: (e) => Z(n)
-				}, [c(e, {
+				}, [c(t, {
 					name: "trash",
 					size: "sm"
-				})], 8, Se)
-			]))])], 2))), 128)), I.value ? (p(), a("button", {
+				})], 8, Oe)
+			]))])], 2))), 128)), F.value ? (p(), o("button", {
 				key: 0,
 				type: "button",
-				class: "m-fileupload__card wk-fileupload__card--add",
-				"aria-label": v(A).addFile,
-				onClick: U
-			}, [c(e, { name: "plus" })], 8, Ce)) : i("", !0)], 34)) : i("", !0),
-			ke.value ? (p(), a("div", we, [Oe.value ? (p(), a("button", {
+				class: "m-fileupload__card m-fileupload__card--add",
+				"aria-label": v(k).addFile,
+				onClick: H
+			}, [c(t, { name: "plus" })], 8, ke)) : a("", !0)], 34)) : a("", !0),
+			Ie.value ? (p(), o("div", Ae, [Fe.value ? (p(), o("button", {
 				key: 0,
 				type: "button",
 				class: "m-fileupload__choose",
 				onClick: Y
-			}, _(v(A).uploadFile), 1)) : i("", !0), o("button", {
+			}, _(v(k).uploadFile), 1)) : a("", !0), s("button", {
 				type: "button",
 				class: "m-fileupload__clear",
 				onClick: $
-			}, _(v(A).clear), 1)])) : i("", !0)
-		], 2));
+			}, _(v(k).clear), 1)])) : a("", !0)
+		], 16));
 	}
 });
 //#endregion
-export { S as MFileUpload };
+export { y as MFileUpload };