morya-ui 0.1.1

package/dist/fieldset/style.js

@@ -0,0 +1,4 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Icon/styles.css'
+import '../components/Fieldset/styles.css'

package/dist/file-upload/index.js

@@ -0,0 +1,506 @@
+import { t as e } from "../Icon-DfpIfo2L.js";
+import { n as t } 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";
+//#region src/components/FileUpload/ajax.ts
+function te(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);
+	t.upload.addEventListener("progress", (t) => {
+		t.lengthComputable && t.total && e.onProgress(Math.round(t.loaded / t.total * 100));
+	}), t.addEventListener("load", () => {
+		if (t.status >= 200 && t.status < 300) {
+			let n = t.responseText;
+			try {
+				n = t.responseText ? JSON.parse(t.responseText) : t.responseText;
+			} catch {}
+			e.onSuccess(n);
+			return;
+		}
+		e.onError(Error(t.statusText || `Upload failed (${t.status})`));
+	}), t.addEventListener("error", () => e.onError(/* @__PURE__ */ Error("Network error"))), t.addEventListener("abort", () => e.onError(/* @__PURE__ */ Error("aborted"))), t.open(e.method, e.action), t.withCredentials = e.withCredentials;
+	for (let [n, r] of Object.entries(e.headers)) t.setRequestHeader(n, r);
+	return t.send(n), t;
+}
+//#endregion
+//#region src/components/FileUpload/FileUpload.vue?vue&type=script&setup=true&lang.ts
+var ne = [
+	"multiple",
+	"accept",
+	"disabled",
+	"webkitdirectory"
+], y = ["aria-disabled", "aria-label"], re = { class: "m-fileupload__text" }, ie = ["disabled"], ae = ["disabled"], oe = {
+	key: 3,
+	class: "m-fileupload__tip"
+}, se = {
+	key: 4,
+	class: "m-fileupload__list"
+}, ce = { class: "m-fileupload__file-body" }, le = [
+	"src",
+	"alt",
+	"onClick"
+], ue = { class: "m-fileupload__name" }, de = {
+	key: 1,
+	class: "m-fileupload__size"
+}, fe = {
+	key: 2,
+	class: "m-fileupload__status"
+}, pe = { class: "m-fileupload__actions" }, me = ["aria-label", "onClick"], he = ["aria-label", "onClick"], ge = [
+	"aria-label",
+	"disabled",
+	"onClick"
+], _e = ["aria-valuenow"], ve = [
+	"src",
+	"alt",
+	"onClick"
+], ye = {
+	key: 1,
+	class: "m-fileupload__card-name"
+}, b = {
+	key: 2,
+	class: "m-fileupload__card-progress"
+}, x = {
+	key: 3,
+	class: "m-fileupload__card-mask"
+}, be = ["aria-label", "onClick"], xe = ["aria-label", "onClick"], Se = [
+	"aria-label",
+	"disabled",
+	"onClick"
+], Ce = ["aria-label"], we = {
+	key: 6,
+	class: "m-fileupload__toolbar"
+}, S = /* @__PURE__ */ l({
+	__name: "FileUpload",
+	props: {
+		mode: { default: "basic" },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		accept: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		chooseLabel: {},
+		drag: {
+			type: Boolean,
+			default: !1
+		},
+		limit: {},
+		maxSize: {},
+		directory: {
+			type: Boolean,
+			default: !1
+		},
+		showFileList: {
+			type: Boolean,
+			default: !0
+		},
+		listType: { default: "text" },
+		fileList: {},
+		action: {},
+		method: { default: "post" },
+		name: { default: "file" },
+		headers: {},
+		data: {},
+		withCredentials: {
+			type: Boolean,
+			default: !1
+		},
+		autoUpload: {
+			type: Boolean,
+			default: !0
+		},
+		httpRequest: {},
+		beforeUpload: {},
+		beforeRemove: {}
+	},
+	emits: [
+		"select",
+		"exceed",
+		"exceed-size",
+		"update:fileList",
+		"change",
+		"remove",
+		"preview",
+		"progress",
+		"success",
+		"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(() => [
+			"m-fileupload",
+			`m-fileupload--${C.mode}`,
+			`m-fileupload--${C.listType}`,
+			{
+				"m-fileupload--disabled": C.disabled,
+				"m-fileupload--drag": C.drag
+			}
+		]);
+		ee(() => C.fileList, (e) => {
+			e && (D.value = e.map((e) => ({
+				...e,
+				status: e.status ?? "success",
+				percentage: e.percentage ?? (e.status && e.status !== "success" ? 0 : 100),
+				uid: e.uid || L()
+			})));
+		}, { immediate: !0 });
+		function L() {
+			return T += 1, `m-upload-${Date.now()}-${T}`;
+		}
+		function R(e) {
+			D.value = e, w("update:fileList", e);
+		}
+		function z(e, t) {
+			w("change", e, t);
+		}
+		function je(e) {
+			let t = C.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) {
+			return e.type?.startsWith("image/") ? !0 : /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i.test(e.name);
+		}
+		function Me(e = 0) {
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${Math.round(e / 1024)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+		}
+		function Ne(e) {
+			return {
+				uid: L(),
+				name: e.name,
+				size: e.size,
+				type: e.type,
+				status: "ready",
+				percentage: 0,
+				raw: e,
+				url: e.type.startsWith("image/") ? URL.createObjectURL(e) : void 0
+			};
+		}
+		function V(e) {
+			e.url?.startsWith("blob:") && URL.revokeObjectURL(e.url);
+		}
+		async function H(e) {
+			if (C.disabled) return;
+			let t = [];
+			for (let n of e) if (je(n)) {
+				if (C.maxSize != null && n.size > C.maxSize) {
+					w("exceed-size", n);
+					continue;
+				}
+				t.push(n);
+			}
+			let n = C.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);
+				return;
+			}
+			C.multiple || D.value.forEach(V);
+			let i = [];
+			for (let e of n) {
+				let t = Ne(e);
+				if (C.beforeUpload && await C.beforeUpload(e, t) === !1) {
+					V(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);
+		}
+		function U() {
+			I.value && E.value?.click();
+		}
+		function Pe(e) {
+			let t = e.target;
+			H(Array.from(t.files ?? [])), t.value = "";
+		}
+		function W(e) {
+			C.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), O.value = !0);
+		}
+		function G(e) {
+			let t = e.currentTarget, n = e.relatedTarget;
+			t && n && t.contains(n) || (O.value = !1);
+		}
+		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());
+		}
+		function q(e, t) {
+			let n = D.value.find((t) => t.uid === e), r = D.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);
+		}
+		function Ie(e, t) {
+			let n = typeof C.data == "function" ? C.data() : C.data ?? {};
+			return {
+				action: C.action ?? "",
+				method: C.method ?? "post",
+				file: t,
+				filename: C.name ?? "file",
+				data: n,
+				headers: C.headers ?? {},
+				withCredentials: C.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);
+				},
+				onSuccess: (t) => {
+					k.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);
+				},
+				onError: (t) => {
+					if (k.delete(e.uid), t.message === "aborted") {
+						q(e.uid, {
+							status: "ready",
+							percentage: 0
+						});
+						return;
+					}
+					q(e.uid, {
+						status: "fail",
+						error: t.message
+					});
+					let n = D.value.find((t) => t.uid === e.uid);
+					n && w("error", n, t);
+				}
+			};
+		}
+		async function J(e) {
+			let t = e.raw;
+			if (!t || C.disabled || !P.value) return;
+			q(e.uid, {
+				status: "uploading",
+				percentage: e.percentage ?? 0,
+				error: void 0
+			});
+			let n = Ie(e, t);
+			if (C.httpRequest) {
+				try {
+					let t = C.httpRequest(n);
+					if (t instanceof XMLHttpRequest) k.set(e.uid, t);
+					else if (t && typeof t.then == "function") {
+						let e = await t;
+						n.onSuccess(e);
+					}
+				} catch (e) {
+					n.onError(e instanceof Error ? e : Error(String(e)));
+				}
+				return;
+			}
+			k.set(e.uid, te(n));
+		}
+		function Y() {
+			for (let e of D.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);
+		}
+		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));
+		}
+		function Q(e) {
+			w("preview", e);
+		}
+		function $() {
+			X(), D.value.forEach(V), R([]);
+		}
+		return f(() => {
+			X(), D.value.forEach(V);
+		}), S({
+			openPicker: U,
+			submit: Y,
+			abort: X,
+			clear: $,
+			clearFiles: $
+		}), (t, r) => (p(), a("div", { class: u(Ae.value) }, [
+			o("input", {
+				ref_key: "inputRef",
+				ref: E,
+				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", {
+				key: 0,
+				class: u(["m-fileupload__dragger", { "m-fileupload__dragger--over": O.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, {
+				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", {
+				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", {
+				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", {
+				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", {
+					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", {
+						key: 0,
+						type: "button",
+						class: "m-fileupload__action",
+						"aria-label": v(A).previewFile,
+						onClick: (e) => Q(n)
+					}, [c(e, {
+						name: "eye",
+						size: "sm"
+					})], 8, me)) : i("", !0),
+					n.status === "fail" ? (p(), a("button", {
+						key: 1,
+						type: "button",
+						class: "m-fileupload__action",
+						"aria-label": v(A).retryUpload,
+						onClick: (e) => J(n)
+					}, [c(e, {
+						name: "refresh",
+						size: "sm"
+					})], 8, he)) : i("", !0),
+					o("button", {
+						type: "button",
+						class: "m-fileupload__action",
+						"aria-label": v(A).removeFile,
+						disabled: l.disabled,
+						onClick: (e) => Z(n)
+					}, [c(e, {
+						name: "trash",
+						size: "sm"
+					})], 8, ge)
+				])
+			]), n.status === "uploading" ? (p(), a("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", {
+				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", {
+				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", {
+				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", {
+					key: 0,
+					type: "button",
+					class: "m-fileupload__action",
+					"aria-label": v(A).previewFile,
+					onClick: (e) => Q(n)
+				}, [c(e, {
+					name: "eye",
+					size: "sm"
+				})], 8, be)) : i("", !0),
+				n.status === "fail" ? (p(), a("button", {
+					key: 1,
+					type: "button",
+					class: "m-fileupload__action",
+					"aria-label": v(A).retryUpload,
+					onClick: (e) => J(n)
+				}, [c(e, {
+					name: "refresh",
+					size: "sm"
+				})], 8, xe)) : i("", !0),
+				o("button", {
+					type: "button",
+					class: "m-fileupload__action",
+					"aria-label": v(A).removeFile,
+					disabled: l.disabled,
+					onClick: (e) => Z(n)
+				}, [c(e, {
+					name: "trash",
+					size: "sm"
+				})], 8, Se)
+			]))])], 2))), 128)), I.value ? (p(), a("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", {
+				key: 0,
+				type: "button",
+				class: "m-fileupload__choose",
+				onClick: Y
+			}, _(v(A).uploadFile), 1)) : i("", !0), o("button", {
+				type: "button",
+				class: "m-fileupload__clear",
+				onClick: $
+			}, _(v(A).clear), 1)])) : i("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { S as MFileUpload };