morya-ui 0.1.1

package/dist/fluid/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Fluid/styles.css'

package/dist/form/index.js

@@ -0,0 +1,307 @@
+import { i as e } from "../types-DGuu4Eg4.js";
+import { t } from "../useMId-BXFYayPP.js";
+import { n } 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";
+//#region src/components/Form/context.ts
+var S = Symbol("muForm"), C = Symbol("muFormErrors"), w = ["aria-disabled"], T = ["disabled"], E = /* @__PURE__ */ c({
+	__name: "Form",
+	props: {
+		model: {},
+		rules: {},
+		labelPosition: { default: void 0 },
+		labelPlacement: { default: void 0 },
+		labelAlign: { default: "left" },
+		labelWidth: {},
+		inline: {
+			type: Boolean,
+			default: !1
+		},
+		requireMark: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		validateOn: { default: () => ["submit"] }
+	},
+	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)));
+		}
+		b(() => s.model, (e) => {
+			e && f.value == null && (f.value = v(e));
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let E = r(() => {
+			let e = s.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];
+		}
+		async function A(e, t = "all") {
+			let n = l.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;
+		}
+		async function j(e) {
+			if (e) {
+				let t = await A(e, "all"), n = { ...d };
+				return c("validate", {
+					valid: t,
+					errors: n
+				}), {
+					valid: t,
+					errors: n
+				};
+			}
+			let t = [...l.keys()], n = (await Promise.all(t.map((e) => A(e, "all")))).every(Boolean), r = { ...d };
+			return c("validate", {
+				valid: n,
+				errors: r
+			}), {
+				valid: n,
+				errors: r
+			};
+		}
+		function M(e) {
+			e ? k(e, void 0) : Object.keys(d).forEach((e) => k(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 P() {
+			N(f.value), M();
+		}
+		function F(e) {
+			let t = f.value;
+			if (!s.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);
+		}
+		function I(e) {
+			l.set(e.name, e);
+		}
+		function L(e) {
+			l.delete(e), k(e, void 0);
+		}
+		function R(e) {
+			A(e, "blur");
+		}
+		function z(e) {
+			A(e, "change");
+		}
+		function B(e) {
+			A(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
+		}));
+		m(S, V), m(C, d);
+		async function H() {
+			if (E.value.includes("submit")) {
+				let { valid: e } = await j();
+				c("submit", { valid: e });
+				return;
+			}
+			c("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,
+				{
+					"m-form--disabled": t.disabled,
+					"m-form--inline": t.inline
+				}
+			]]),
+			"aria-disabled": t.disabled || void 0,
+			onSubmit: x(H, ["prevent"])
+		}, [o("fieldset", {
+			class: "m-form__fieldset",
+			disabled: t.disabled
+		}, [_(e.$slots, "default")], 8, T)], 42, w));
+	}
+});
+//#endregion
+//#region src/components/Form/rules.ts
+function D(e) {
+	return e ? Array.isArray(e) ? e : [e] : [];
+}
+function O(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 A(e) {
+	return e == null ? !0 : typeof e == "string" ? e.trim() === "" : Array.isArray(e) ? e.length === 0 : !1;
+}
+function j(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);
+	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);
+		if (typeof r == "string" && r.trim()) return r.trim();
+		if (r === !1) return e.message?.trim() || n;
+	}
+}
+function N(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({
+	__name: "FormItem",
+	props: {
+		label: {},
+		for: {},
+		name: {},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		error: {},
+		help: {},
+		validate: {},
+		rules: {},
+		labelPosition: {},
+		labelAlign: {},
+		labelWidth: {}
+	},
+	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(() => [
+			"m-form-item",
+			`m-form-item--label-${x.value}`,
+			`m-form-item--align-${w.value}`,
+			{
+				"m-form-item--invalid": V.value,
+				"m-form-item--required": A.value
+			}
+		]), q = r(() => {
+			let e = { textAlign: w.value };
+			return x.value === "left" && T.value && (e.width = T.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);
+				if (i) return i;
+			}
+			if (c.validate && k({}, e, n)) {
+				let t = await c.validate(e);
+				if (typeof t == "string" && t.trim()) return t.trim();
+				if (t === !1) return g.value.required;
+			}
+		}
+		b(() => [
+			E.value,
+			O.value,
+			c.validate
+		], ([e], t) => {
+			let n = t?.[0];
+			n && n !== e && m?.value.unregisterField(n), !(!m?.value || !e) && m.value.registerField({
+				name: e,
+				validate: (e) => J(e ?? "all")
+			});
+		}, { immediate: !0 }), f(() => {
+			let e = E.value;
+			e && m?.value.unregisterField(e);
+		});
+		function Y() {
+			let e = E.value;
+			e && m?.value.notifyBlur(e);
+		}
+		function X() {
+			let e = E.value;
+			e && m?.value.notifyChange(e);
+		}
+		function Z() {
+			let e = E.value;
+			e && m?.value.notifyInput(e);
+		}
+		return (t, n) => (p(), a("div", {
+			class: u(K.value),
+			onFocusout: Y,
+			onChange: X,
+			onInput: Z
+		}, [e.label ? (p(), a("label", {
+			key: 0,
+			class: "m-form-item__label",
+			for: H.value,
+			style: d(q.value)
+		}, [A.value ? (p(), a("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", {
+			key: 0,
+			id: U.value,
+			class: "m-form-item__error",
+			role: "alert"
+		}, v(B.value), 9, R)) : e.help ? (p(), a("p", {
+			key: 1,
+			id: U.value,
+			class: "m-form-item__help"
+		}, v(e.help), 9, z)) : i("", !0)])], 34));
+	}
+});
+//#endregion
+export { E as MForm, B as MFormItem, C as M_FORM_ERRORS_KEY, S as M_FORM_KEY };