morya-ui 0.1.1 → 0.2.1

package/dist/form/index.js

@@ -1,10 +1,12 @@
-import { i as e } from "../types-DGuu4Eg4.js";
-import { t } from "../useMId-BXFYayPP.js";
-import { n } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { i as t } from "../types-DGuu4Eg4.js";
+import { t as n } from "../useMId-BXFYayPP.js";
+import { n as r } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, inject as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, provide as m, reactive as h, ref as g, renderSlot as _, toDisplayString as v, toRaw as y, watch as b, withModifiers as x } from "vue";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, inject as u, mergeProps as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, provide as h, reactive as g, ref as _, renderSlot as v, toDisplayString as y, toRaw as b, unref as x, useAttrs as S, watch as C, withModifiers as w } from "vue";
 //#region src/components/Form/context.ts
-var S = Symbol("muForm"), C = Symbol("muFormErrors"), w = ["aria-disabled"], T = ["disabled"], E = /* @__PURE__ */ c({
+var T = Symbol("muForm"), E = Symbol("muFormErrors"), D = ["aria-disabled"], O = ["disabled"], k = /* @__PURE__ */ l({
+	inheritAttrs: !1,
 	__name: "Form",
 	props: {
 		model: {},
@@ -26,37 +28,38 @@ var S = Symbol("muForm"), C = Symbol("muFormErrors"), w = ["aria-disabled"], T =
 			default: !1
 		},
 		size: {},
-		validateOn: { default: () => ["submit"] }
+		validateOn: { default: () => ["submit"] },
+		pt: {}
 	},
 	emits: ["submit", "validate"],
-	setup(t, { expose: n, emit: i }) {
-		let s = t, c = i, l = /* @__PURE__ */ new Map(), d = h({}), f = g(void 0);
-		function v(e) {
-			return JSON.parse(JSON.stringify(y(e)));
+	setup(n, { expose: r, emit: a }) {
+		let c = n, l = a, u = S(), { rootAttrs: f } = e(u, () => c.pt), p = /* @__PURE__ */ new Map(), y = g({}), k = _(void 0);
+		function A(e) {
+			return JSON.parse(JSON.stringify(b(e)));
 		}
-		b(() => s.model, (e) => {
-			e && f.value == null && (f.value = v(e));
+		C(() => c.model, (e) => {
+			e && k.value == null && (k.value = A(e));
 		}, {
 			immediate: !0,
 			deep: !0
 		});
-		let E = r(() => {
-			let e = s.validateOn;
+		let j = i(() => {
+			let e = c.validateOn;
 			return Array.isArray(e) ? e : [e];
-		}), D = r(() => s.labelPosition ?? s.labelPlacement ?? "top"), O = r(() => s.size ? e(s.size) : void 0);
-		function k(e, t) {
-			t ? d[e] = t : delete d[e];
+		}), M = i(() => c.labelPosition ?? c.labelPlacement ?? "top"), N = i(() => c.size ? t(c.size) : void 0);
+		function P(e, t) {
+			t ? y[e] = t : delete y[e];
 		}
-		async function A(e, t = "all") {
-			let n = l.get(e);
+		async function F(e, t = "all") {
+			let n = p.get(e);
 			if (!n) return !0;
 			let r = await n.validate(t), i = typeof r == "string" && r.trim() ? r.trim() : void 0;
-			return k(e, i), !i;
+			return P(e, i), !i;
 		}
-		async function j(e) {
+		async function I(e) {
 			if (e) {
-				let t = await A(e, "all"), n = { ...d };
-				return c("validate", {
+				let t = await F(e, "all"), n = { ...y };
+				return l("validate", {
 					valid: t,
 					errors: n
 				}), {
@@ -64,8 +67,8 @@ var S = Symbol("muForm"), C = Symbol("muFormErrors"), w = ["aria-disabled"], T =
 					errors: n
 				};
 			}
-			let t = [...l.keys()], n = (await Promise.all(t.map((e) => A(e, "all")))).every(Boolean), r = { ...d };
-			return c("validate", {
+			let t = [...p.keys()], n = (await Promise.all(t.map((e) => F(e, "all")))).every(Boolean), r = { ...y };
+			return l("validate", {
 				valid: n,
 				errors: r
 			}), {
@@ -73,110 +76,110 @@ var S = Symbol("muForm"), C = Symbol("muFormErrors"), w = ["aria-disabled"], T =
 				errors: r
 			};
 		}
-		function M(e) {
-			e ? k(e, void 0) : Object.keys(d).forEach((e) => k(e, void 0));
+		function L(e) {
+			e ? P(e, void 0) : Object.keys(y).forEach((e) => P(e, void 0));
 		}
-		function N(e) {
-			if (!(!s.model || !e)) {
-				for (let t of Object.keys(s.model)) t in e ? s.model[t] = v({ [t]: e[t] })[t] : delete s.model[t];
-				for (let t of Object.keys(e)) t in s.model || (s.model[t] = v({ [t]: e[t] })[t]);
+		function R(e) {
+			if (!(!c.model || !e)) {
+				for (let t of Object.keys(c.model)) t in e ? c.model[t] = A({ [t]: e[t] })[t] : delete c.model[t];
+				for (let t of Object.keys(e)) t in c.model || (c.model[t] = A({ [t]: e[t] })[t]);
 			}
 		}
-		function P() {
-			N(f.value), M();
+		function z() {
+			R(k.value), L();
 		}
-		function F(e) {
-			let t = f.value;
-			if (!s.model || !t) return;
+		function B(e) {
+			let t = k.value;
+			if (!c.model || !t) return;
 			let n = e == null ? Object.keys(t) : Array.isArray(e) ? e : [e];
-			for (let e of n) e in t && (s.model[e] = v({ [e]: t[e] })[e]);
-			e == null ? M() : Array.isArray(e) ? e.forEach((e) => M(e)) : M(e);
+			for (let e of n) e in t && (c.model[e] = A({ [e]: t[e] })[e]);
+			e == null ? L() : Array.isArray(e) ? e.forEach((e) => L(e)) : L(e);
 		}
-		function I(e) {
-			l.set(e.name, e);
+		function V(e) {
+			p.set(e.name, e);
 		}
-		function L(e) {
-			l.delete(e), k(e, void 0);
+		function H(e) {
+			p.delete(e), P(e, void 0);
 		}
-		function R(e) {
-			A(e, "blur");
+		function U(e) {
+			F(e, "blur");
 		}
-		function z(e) {
-			A(e, "change");
+		function W(e) {
+			F(e, "change");
 		}
-		function B(e) {
-			A(e, "input");
+		function G(e) {
+			F(e, "input");
 		}
-		let V = r(() => ({
-			model: s.model,
-			rules: s.rules,
-			labelPosition: D.value,
-			labelAlign: s.labelAlign,
-			labelWidth: s.labelWidth,
-			requireMark: s.requireMark,
-			disabled: s.disabled,
-			size: s.size,
-			validateOn: E.value,
-			registerField: I,
-			unregisterField: L,
-			notifyBlur: R,
-			notifyChange: z,
-			notifyInput: B
+		let K = i(() => ({
+			model: c.model,
+			rules: c.rules,
+			labelPosition: M.value,
+			labelAlign: c.labelAlign,
+			labelWidth: c.labelWidth,
+			requireMark: c.requireMark,
+			disabled: c.disabled,
+			size: c.size,
+			validateOn: j.value,
+			registerField: V,
+			unregisterField: H,
+			notifyBlur: U,
+			notifyChange: W,
+			notifyInput: G
 		}));
-		m(S, V), m(C, d);
-		async function H() {
-			if (E.value.includes("submit")) {
-				let { valid: e } = await j();
-				c("submit", { valid: e });
+		h(T, K), h(E, y);
+		async function q() {
+			if (j.value.includes("submit")) {
+				let { valid: e } = await I();
+				l("submit", { valid: e });
 				return;
 			}
-			c("submit", { valid: !0 });
+			l("submit", { valid: !0 });
 		}
-		return n({
-			validate: j,
-			clearValidate: M,
-			reset: P,
-			resetFields: F,
-			errors: d
-		}), (e, n) => (p(), a("form", {
-			class: u(["m-form", [
-				`m-form--label-${D.value}`,
-				`m-form--align-${t.labelAlign}`,
-				O.value ? `m-form--size-${O.value}` : void 0,
+		return r({
+			validate: I,
+			clearValidate: L,
+			reset: z,
+			resetFields: B,
+			errors: y
+		}), (e, t) => (m(), o("form", d(x(f), {
+			class: ["m-form", [
+				`m-form--label-${M.value}`,
+				`m-form--align-${n.labelAlign}`,
+				N.value ? `m-form--size-${N.value}` : void 0,
 				{
-					"m-form--disabled": t.disabled,
-					"m-form--inline": t.inline
+					"m-form--disabled": n.disabled,
+					"m-form--inline": n.inline
 				}
-			]]),
-			"aria-disabled": t.disabled || void 0,
-			onSubmit: x(H, ["prevent"])
-		}, [o("fieldset", {
+			]],
+			"aria-disabled": n.disabled || void 0,
+			onSubmit: w(q, ["prevent"])
+		}), [s("fieldset", {
 			class: "m-form__fieldset",
-			disabled: t.disabled
-		}, [_(e.$slots, "default")], 8, T)], 42, w));
+			disabled: n.disabled
+		}, [v(e.$slots, "default")], 8, O)], 16, D));
 	}
 });
 //#endregion
 //#region src/components/Form/rules.ts
-function D(e) {
+function A(e) {
 	return e ? Array.isArray(e) ? e : [e] : [];
 }
-function O(e) {
+function j(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function k(e, t, n) {
-	return t === "all" || t === "submit" || (e.trigger == null ? n : O(e.trigger)).includes(t);
+function M(e, t, n) {
+	return t === "all" || t === "submit" || (e.trigger == null ? n : j(e.trigger)).includes(t);
 }
-function A(e) {
+function N(e) {
 	return e == null ? !0 : typeof e == "string" ? e.trim() === "" : Array.isArray(e) ? e.length === 0 : !1;
 }
-function j(e) {
+function P(e) {
 	if (typeof e == "string" || Array.isArray(e)) return e.length;
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 }
-async function M(e, t, n) {
-	if (e.required && A(t)) return e.message?.trim() || n;
-	let r = j(t);
+async function F(e, t, n) {
+	if (e.required && N(t)) return e.message?.trim() || n;
+	let r = P(t);
 	if (e.min != null && r != null && r < e.min || e.max != null && r != null && r > e.max || e.pattern && typeof t == "string" && t !== "" && !e.pattern.test(t)) return e.message?.trim() || n;
 	if (e.validator) {
 		let r = await e.validator(t);
@@ -184,12 +187,13 @@ async function M(e, t, n) {
 		if (r === !1) return e.message?.trim() || n;
 	}
 }
-function N(e) {
+function I(e) {
 	if (e != null && e !== "") return typeof e == "number" ? `${e}px` : e;
 }
 //#endregion
 //#region src/components/Form/FormItem.vue?vue&type=script&setup=true&lang.ts
-var P = ["for"], F = ["aria-label"], I = { class: "m-form-item__body" }, L = { class: "m-form-item__control" }, R = ["id"], z = ["id"], B = /* @__PURE__ */ c({
+var L = ["for"], R = ["aria-label"], z = { class: "m-form-item__body" }, B = { class: "m-form-item__control" }, V = ["id"], H = ["id"], U = /* @__PURE__ */ l({
+	inheritAttrs: !1,
 	__name: "FormItem",
 	props: {
 		label: {},
@@ -209,99 +213,100 @@ var P = ["for"], F = ["aria-label"], I = { class: "m-form-item__body" }, L = { c
 		rules: {},
 		labelPosition: {},
 		labelAlign: {},
-		labelWidth: {}
+		labelWidth: {},
+		pt: {}
 	},
-	setup(e) {
-		let c = e, m = l(S, null), h = l(C, null), g = n(), y = t(), x = r(() => c.labelPosition ?? m?.value.labelPosition ?? "top"), w = r(() => c.labelAlign ?? m?.value.labelAlign ?? "left"), T = r(() => N(c.labelWidth ?? m?.value.labelWidth)), E = r(() => c.name ?? c.for), O = r(() => {
-			let e = E.value;
-			return [...e ? D(m?.value.rules?.[e]) : [], ...D(c.rules)];
-		}), A = r(() => !!((m?.value.requireMark ?? !0) && (c.required || O.value.some((e) => e.required)))), j = r(() => {
-			let e = E.value;
-			if (!(!e || !h)) return h[e];
-		}), B = r(() => c.error ?? j.value), V = r(() => c.invalid || !!B.value), H = r(() => c.for ?? `m-form-item-${y}`), U = r(() => `${H.value}-message`), W = r(() => g.value.required), G = r(() => {
-			let e = E.value;
-			if (e) return m?.value.model?.[e];
-		}), K = r(() => [
+	setup(t) {
+		let l = t, h = S(), { rootAttrs: g } = e(h, () => l.pt), _ = u(T, null), b = u(E, null), w = r(), D = n(), O = i(() => l.labelPosition ?? _?.value.labelPosition ?? "top"), k = i(() => l.labelAlign ?? _?.value.labelAlign ?? "left"), j = i(() => I(l.labelWidth ?? _?.value.labelWidth)), N = i(() => l.name ?? l.for), P = i(() => {
+			let e = N.value;
+			return [...e ? A(_?.value.rules?.[e]) : [], ...A(l.rules)];
+		}), U = i(() => !!((_?.value.requireMark ?? !0) && (l.required || P.value.some((e) => e.required)))), W = i(() => {
+			let e = N.value;
+			if (!(!e || !b)) return b[e];
+		}), G = i(() => l.error ?? W.value), K = i(() => l.invalid || !!G.value), q = i(() => l.for ?? `m-form-item-${D}`), J = i(() => `${q.value}-message`), Y = i(() => w.value.required), X = i(() => {
+			let e = N.value;
+			if (e) return _?.value.model?.[e];
+		}), Z = i(() => [
 			"m-form-item",
-			`m-form-item--label-${x.value}`,
-			`m-form-item--align-${w.value}`,
+			`m-form-item--label-${O.value}`,
+			`m-form-item--align-${k.value}`,
 			{
-				"m-form-item--invalid": V.value,
-				"m-form-item--required": A.value
+				"m-form-item--invalid": K.value,
+				"m-form-item--required": U.value
 			}
-		]), q = r(() => {
-			let e = { textAlign: w.value };
-			return x.value === "left" && T.value && (e.width = T.value), e;
+		]), Q = i(() => {
+			let e = { textAlign: k.value };
+			return O.value === "left" && j.value && (e.width = j.value), e;
 		});
-		async function J(e = "all") {
-			let t = G.value, n = m?.value.validateOn ?? ["submit"];
-			for (let r of O.value) {
-				if (!k(r, e, n)) continue;
-				let i = await M(r, t, g.value.required);
+		async function $(e = "all") {
+			let t = X.value, n = _?.value.validateOn ?? ["submit"];
+			for (let r of P.value) {
+				if (!M(r, e, n)) continue;
+				let i = await F(r, t, w.value.required);
 				if (i) return i;
 			}
-			if (c.validate && k({}, e, n)) {
-				let t = await c.validate(e);
+			if (l.validate && M({}, e, n)) {
+				let t = await l.validate(e);
 				if (typeof t == "string" && t.trim()) return t.trim();
-				if (t === !1) return g.value.required;
+				if (t === !1) return w.value.required;
 			}
 		}
-		b(() => [
-			E.value,
-			O.value,
-			c.validate
+		C(() => [
+			N.value,
+			P.value,
+			l.validate
 		], ([e], t) => {
 			let n = t?.[0];
-			n && n !== e && m?.value.unregisterField(n), !(!m?.value || !e) && m.value.registerField({
+			n && n !== e && _?.value.unregisterField(n), !(!_?.value || !e) && _.value.registerField({
 				name: e,
-				validate: (e) => J(e ?? "all")
+				validate: (e) => $(e ?? "all")
 			});
-		}, { immediate: !0 }), f(() => {
-			let e = E.value;
-			e && m?.value.unregisterField(e);
+		}, { immediate: !0 }), p(() => {
+			let e = N.value;
+			e && _?.value.unregisterField(e);
 		});
-		function Y() {
-			let e = E.value;
-			e && m?.value.notifyBlur(e);
+		function ee() {
+			let e = N.value;
+			e && _?.value.notifyBlur(e);
 		}
-		function X() {
-			let e = E.value;
-			e && m?.value.notifyChange(e);
+		function te() {
+			let e = N.value;
+			e && _?.value.notifyChange(e);
 		}
-		function Z() {
-			let e = E.value;
-			e && m?.value.notifyInput(e);
+		function ne() {
+			let e = N.value;
+			e && _?.value.notifyInput(e);
 		}
-		return (t, n) => (p(), a("div", {
-			class: u(K.value),
-			onFocusout: Y,
-			onChange: X,
-			onInput: Z
-		}, [e.label ? (p(), a("label", {
+		return (e, n) => (m(), o("div", d(x(g), {
+			class: Z.value,
+			onFocusout: ee,
+			onChange: te,
+			onInput: ne
+		}), [t.label ? (m(), o("label", {
 			key: 0,
 			class: "m-form-item__label",
-			for: H.value,
-			style: d(q.value)
-		}, [A.value ? (p(), a("span", {
+			for: q.value,
+			style: f(Q.value)
+		}, [U.value ? (m(), o("span", {
 			key: 0,
 			class: "m-form-item__required",
-			"aria-label": W.value
-		}, "*", 8, F)) : i("", !0), s(" " + v(e.label), 1)], 12, P)) : i("", !0), o("div", I, [o("div", L, [_(t.$slots, "default", {
-			id: H.value,
-			invalid: V.value,
-			describedBy: B.value || e.help ? U.value : void 0,
-			error: B.value
-		})]), B.value ? (p(), a("p", {
+			"aria-label": Y.value
+		}, "*", 8, R)) : a("", !0), c(" " + y(t.label), 1)], 12, L)) : a("", !0), s("div", z, [s("div", B, [v(e.$slots, "default", {
+			id: q.value,
+			invalid: K.value,
+			describedBy: G.value || t.help ? J.value : void 0,
+			error: G.value
+		})]), G.value ? (m(), o("p", {
 			key: 0,
-			id: U.value,
+			id: J.value,
 			class: "m-form-item__error",
 			role: "alert"
-		}, v(B.value), 9, R)) : e.help ? (p(), a("p", {
+		}, y(G.value), 9, V)) : t.help ? (m(), o("p", {
 			key: 1,
-			id: U.value,
+			id: J.value,
 			class: "m-form-item__help"
-		}, v(e.help), 9, z)) : i("", !0)])], 34));
+		}, y(t.help), 9, H)) : a("", !0)])], 16));
 	}
 });
 //#endregion
-export { E as MForm, B as MFormItem, C as M_FORM_ERRORS_KEY, S as M_FORM_KEY };
+export { k as MForm, U as MFormItem, E as M_FORM_ERRORS_KEY, T as M_FORM_KEY };