morya-ui 0.2.4 → 0.2.6

package/dist/file-upload/index.js

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