morya-ui 0.3.8 → 0.4.0

package/dist/form/index.js

@@ -1,15 +1,110 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { i as t } from "../types-DGuu4Eg4.js";
-import { t as n } from "../useMId-BXFYayPP.js";
-import { n as r } from "../locale-xavS6-Hw.js";
+import { t } from "../useMId-BXFYayPP.js";
+import { i as n } from "../types-DGuu4Eg4.js";
+import { n as r, r as i, t as a } from "../context-CIx8fy-I.js";
+import { n as o } from "../locale-Dnk0UIie.js";
 import "./style.js";
-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 T = Symbol("muForm"), E = Symbol("muFormErrors"), D = ["aria-disabled"], O = ["disabled"], k = /* @__PURE__ */ l({
+import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, inject as p, mergeProps as ee, normalizeStyle as m, onBeforeUnmount as h, openBlock as g, provide as _, reactive as v, ref as y, renderSlot as b, toDisplayString as x, toRaw as S, unref as C, useAttrs as w, watch as T, withModifiers as E } from "vue";
+//#region src/components/Form/paths.ts
+var D = /[^.[\]]+/g;
+function O(e) {
+	if (Array.isArray(e)) return [...e];
+	if (typeof e == "number") return [e];
+	let t = e.match(D);
+	return t ? t.map((e) => {
+		let t = Number(e);
+		return Number.isInteger(t) && String(t) === e ? t : e;
+	}) : e === "" ? [] : [e];
+}
+function k(e) {
+	let t = "";
+	for (let n of e) t += typeof n == "number" ? `[${n}]` : t === "" ? n : `.${n}`;
+	return t;
+}
+function A(e) {
+	return k(O(e));
+}
+function j(e, t) {
+	let n = e;
+	for (let e of t) {
+		if (typeof n != "object" || !n) return;
+		n = n[e];
+	}
+	return n;
+}
+function M(e, t, n) {
+	if (t.length === 0) return;
+	let r = e;
+	for (let e = 0; e < t.length - 1; e += 1) {
+		let n = t[e], i = t[e + 1];
+		if (n === void 0 || i === void 0) break;
+		(r[n] == null || typeof r[n] != "object") && (r[n] = typeof i == "number" ? [] : {}), r = r[n];
+	}
+	let i = t[t.length - 1];
+	i !== void 0 && (r[i] = n);
+}
+function N(e, t) {
+	return e.length < t.length ? !1 : t.every((t, n) => e[n] === t);
+}
+//#endregion
+//#region src/components/Form/useForm.ts
+var P = Symbol("morya-ui-form-binding");
+function F(e) {
+	if (!(typeof e != "object" || !e)) return e[P];
+}
+function I(e, t) {
+	let n = F(e);
+	if (!n?.api) throw Error(`[morya-ui] form.${t}() was called before the form was mounted. Pass the instance to \`<MForm :form="form">\` and call it after mount.`);
+	return n.api;
+}
+function te(e, t) {
+	let n = F(e);
+	return n ? (n.api = t, () => {
+		n.api === t && (n.api = null);
+	}) : () => {};
+}
+function L() {
+	let e = {
+		getFieldValue: (t) => I(e, "getFieldValue").getFieldValue(t),
+		getFieldsValue: () => I(e, "getFieldsValue").getFieldsValue(),
+		setFieldValue: (t, n) => I(e, "setFieldValue").setFieldValue(t, n),
+		setFieldsValue: (t) => {
+			let n = I(e, "setFieldsValue");
+			for (let [e, r] of Object.entries(t)) n.setFieldValue(e, r);
+		},
+		validate: (t) => I(e, "validate").validate(t),
+		validateFields: (t) => I(e, "validateFields").validate(t),
+		clearValidate: (t) => I(e, "clearValidate").clearValidate(t),
+		resetFields: (t) => I(e, "resetFields").resetFields(t),
+		reset: () => I(e, "reset").reset(),
+		scrollToField: (t, n) => I(e, "scrollToField").scrollToField(t, n),
+		scrollToFirstError: (t) => I(e, "scrollToFirstError").scrollToFirstError(t),
+		get errors() {
+			return F(e)?.api?.getErrors() ?? {};
+		},
+		get warnings() {
+			return F(e)?.api?.getWarnings() ?? {};
+		}
+	};
+	return Object.defineProperty(e, P, {
+		value: { api: null },
+		enumerable: !1,
+		writable: !0,
+		configurable: !0
+	}), e;
+}
+function R(e) {
+	return F(e) !== void 0;
+}
+//#endregion
+//#region src/components/Form/Form.vue?vue&type=script&setup=true&lang.ts
+var ne = ["aria-disabled"], re = ["disabled"], z = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "Form",
 	props: {
 		model: {},
+		form: {},
+		initialValues: {},
 		rules: {},
 		labelPosition: { default: void 0 },
 		labelPlacement: { default: void 0 },
@@ -21,7 +116,11 @@ var T = Symbol("muForm"), E = Symbol("muFormErrors"), D = ["aria-disabled"], O =
 		},
 		requireMark: {
 			type: Boolean,
-			default: !0
+			default: void 0
+		},
+		requiredMark: {
+			type: Boolean,
+			default: void 0
 		},
 		disabled: {
 			type: Boolean,
@@ -29,176 +128,296 @@ var T = Symbol("muForm"), E = Symbol("muFormErrors"), D = ["aria-disabled"], O =
 		},
 		size: {},
 		validateOn: { default: () => ["submit"] },
+		scrollToFirstError: {
+			type: [Boolean, Object],
+			default: !1
+		},
 		pt: {}
 	},
 	emits: ["submit", "validate"],
-	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)));
+	setup(t, { expose: o, emit: c }) {
+		let d = t, f = c, p = w(), { rootAttrs: m } = e(p, () => d.pt), x = y(null), D = /* @__PURE__ */ new Map(), k = v({}), P = v({}), F = y(void 0), I = v({}), L = s(() => d.model ?? I);
+		function R(e) {
+			return JSON.parse(JSON.stringify(S(e)));
 		}
-		C(() => c.model, (e) => {
-			e && k.value == null && (k.value = A(e));
+		if (d.initialValues) for (let [e, t] of Object.entries(d.initialValues)) M(L.value, O(e), t);
+		T(L, (e) => {
+			e && F.value == null && (F.value = R(e));
 		}, {
 			immediate: !0,
 			deep: !0
 		});
-		let j = i(() => {
-			let e = c.validateOn;
+		let z = s(() => {
+			let e = d.validateOn;
 			return Array.isArray(e) ? e : [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];
+		}), B = s(() => d.labelPosition ?? d.labelPlacement ?? "top"), V = s(() => d.requireMark === void 0 ? d.requiredMark === void 0 || d.requiredMark : d.requireMark), H = s(() => d.size ? n(d.size) : void 0);
+		function U(e, t) {
+			t ? k[e] = t : (delete k[e], delete P[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 P(e, i), !i;
-		}
-		async function I(e) {
-			if (e) {
-				let t = await F(e, "all"), n = { ...y };
-				return l("validate", {
-					valid: t,
-					errors: n
-				}), {
-					valid: t,
-					errors: n
-				};
+		function W(e, t, n = !1) {
+			if (!t) {
+				U(e);
+				return;
+			}
+			if (n) {
+				P[e] = t, delete k[e];
+				return;
+			}
+			k[e] = t, delete P[e];
+		}
+		function G(e) {
+			if (e != null) return typeof e == "string" || typeof e == "number" ? [e] : e;
+		}
+		function K(e) {
+			if (!e || e.length === 0) return [...D.keys()];
+			let t = e.map((e) => O(e));
+			return [...D.keys()].filter((e) => {
+				let n = D.get(e);
+				if (!n) return !1;
+				let r = O(n.name);
+				return t.some((e) => N(r, e) || N(e, r));
+			});
+		}
+		function q(e) {
+			if (e !== !1 && e != null) return e === !0 ? {
+				behavior: "smooth",
+				block: "center"
+			} : {
+				behavior: "smooth",
+				block: "center",
+				...e
+			};
+		}
+		function J(e, t) {
+			let n = x.value;
+			if (!n || !e) return;
+			let r = `[data-m-field="${CSS.escape(e)}"]`, i = n.querySelector(r);
+			if (!i) return;
+			let a = q(t ?? !0);
+			if (a) {
+				let { focus: e, ...t } = a;
+				i.scrollIntoView(t);
 			}
-			let t = [...p.keys()], n = (await Promise.all(t.map((e) => F(e, "all")))).every(Boolean), r = { ...y };
-			return l("validate", {
+			t?.focus && i.querySelector("input:not([type=\"hidden\"]), textarea, select, button, [tabindex]:not([tabindex=\"-1\"])")?.focus({ preventScroll: !0 });
+		}
+		function Y(e) {
+			let t = [...D.keys()].find((e) => !!k[e]) ?? Object.keys(k)[0];
+			t && J(t, e);
+		}
+		function X(e) {
+			e || !d.scrollToFirstError || Y(q(d.scrollToFirstError));
+		}
+		async function Z(e, t = "all") {
+			let n = D.get(e);
+			if (!n) return !0;
+			let r = await n.validate(t), i = r.message?.trim() || void 0;
+			return W(e, i, r.warning), !i || !!r.warning;
+		}
+		async function ie(e) {
+			let t = K(G(e)), n = (await Promise.all(t.map((e) => Z(e, "all")))).every(Boolean), r = { ...k }, i = { ...P };
+			return f("validate", {
 				valid: n,
-				errors: r
-			}), {
+				errors: r,
+				warnings: i
+			}), X(n), {
 				valid: n,
-				errors: r
+				errors: r,
+				warnings: i
 			};
 		}
-		function L(e) {
-			e ? P(e, void 0) : Object.keys(y).forEach((e) => P(e, void 0));
+		function Q(e) {
+			for (let t of K(G(e))) U(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 ae(e) {
+			if (!e) return;
+			let t = L.value;
+			for (let n of Object.keys(t)) n in e || delete t[n];
+			for (let n of Object.keys(e)) t[n] = R({ [n]: e[n] })[n];
+		}
+		function oe() {
+			ae(F.value), Q();
+		}
+		function se(e) {
+			let t = F.value;
+			if (!t) return;
+			let n = G(e);
+			if (n == null || n.length === 0) {
+				oe();
+				return;
 			}
+			let r = L.value;
+			for (let e of n.map((e) => O(e))) {
+				let n = j(t, e);
+				n !== void 0 && M(r, e, R({ value: n }).value);
+			}
+			Q(n);
 		}
-		function z() {
-			R(k.value), L();
+		function ce(e) {
+			D.set(e.key, e);
 		}
-		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 && (c.model[e] = A({ [e]: t[e] })[e]);
-			e == null ? L() : Array.isArray(e) ? e.forEach((e) => L(e)) : L(e);
+		function le(e) {
+			D.delete(e), U(e);
 		}
-		function V(e) {
-			p.set(e.name, e);
+		function ue(e) {
+			Z(e, "blur");
 		}
-		function H(e) {
-			p.delete(e), P(e, void 0);
+		function de(e) {
+			Z(e, "change");
 		}
-		function U(e) {
-			F(e, "blur");
+		function fe(e) {
+			Z(e, "input");
 		}
-		function W(e) {
-			F(e, "change");
+		function pe(e) {
+			Z(e, "all");
 		}
-		function G(e) {
-			F(e, "input");
-		}
-		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
+		let me = s(() => ({
+			model: L.value,
+			rules: d.rules,
+			labelPosition: B.value,
+			labelAlign: d.labelAlign,
+			labelWidth: d.labelWidth,
+			requireMark: V.value,
+			disabled: d.disabled,
+			size: d.size,
+			validateOn: z.value,
+			registerField: ce,
+			unregisterField: le,
+			notifyBlur: ue,
+			notifyChange: de,
+			notifyInput: fe,
+			revalidate: pe
 		}));
-		h(T, K), h(E, y);
-		async function q() {
-			if (j.value.includes("submit")) {
-				let { valid: e } = await I();
-				l("submit", { valid: e });
+		_(r, me), _(a, k), _(i, P);
+		let he = {
+			getFieldValue: (e) => j(L.value, O(e)),
+			getFieldsValue: () => R(L.value),
+			setFieldValue: (e, t) => M(L.value, O(e), t),
+			validate: (e) => ie(e),
+			clearValidate: (e) => Q(e),
+			resetFields: (e) => se(e),
+			reset: () => oe(),
+			scrollToField: (e, t) => J(A(e), t),
+			scrollToFirstError: (e) => Y(e),
+			getErrors: () => ({ ...k }),
+			getWarnings: () => ({ ...P })
+		}, $ = null;
+		T(() => d.form, (e) => {
+			$?.(), $ = e ? te(e, he) : null;
+		}, { immediate: !0 }), h(() => {
+			$?.(), $ = null;
+		});
+		async function ge() {
+			if (z.value.includes("submit")) {
+				let { valid: e } = await ie();
+				f("submit", { valid: e });
 				return;
 			}
-			l("submit", { valid: !0 });
-		}
-		return r({
-			validate: I,
-			clearValidate: L,
-			reset: z,
-			resetFields: B,
-			errors: y
-		}), (e, t) => (m(), o("form", d(x(f), {
+			f("submit", { valid: !0 });
+		}
+		return o({
+			...he,
+			errors: k,
+			warnings: P
+		}), (e, n) => (g(), l("form", ee({
+			ref_key: "formRoot",
+			ref: x
+		}, C(m), {
 			class: ["m-form", [
-				`m-form--label-${M.value}`,
-				`m-form--align-${n.labelAlign}`,
-				N.value ? `m-form--size-${N.value}` : void 0,
+				`m-form--label-${B.value}`,
+				`m-form--align-${t.labelAlign}`,
+				H.value ? `m-form--size-${H.value}` : void 0,
 				{
-					"m-form--disabled": n.disabled,
-					"m-form--inline": n.inline
+					"m-form--disabled": t.disabled,
+					"m-form--inline": t.inline
 				}
 			]],
-			"aria-disabled": n.disabled || void 0,
-			onSubmit: w(q, ["prevent"])
-		}), [s("fieldset", {
+			"aria-disabled": t.disabled || void 0,
+			onSubmit: E(ge, ["prevent"])
+		}), [u("fieldset", {
 			class: "m-form__fieldset",
-			disabled: n.disabled
-		}, [v(e.$slots, "default")], 8, O)], 16, D));
+			disabled: t.disabled
+		}, [b(e.$slots, "default")], 8, re)], 16, ne));
 	}
 });
 //#endregion
 //#region src/components/Form/rules.ts
-function A(e) {
+function B(e) {
 	return e ? Array.isArray(e) ? e : [e] : [];
 }
-function j(e) {
+function V(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function M(e, t, n) {
-	return t === "all" || t === "submit" || (e.trigger == null ? n : j(e.trigger)).includes(t);
+function H(e, t, n) {
+	return t === "all" || t === "submit" || (e.trigger == null ? n : V(e.trigger)).includes(t);
 }
-function N(e) {
+function U(e) {
 	return e == null ? !0 : typeof e == "string" ? e.trim() === "" : Array.isArray(e) ? e.length === 0 : !1;
 }
-function P(e) {
+function W(e) {
 	if (typeof e == "string" || Array.isArray(e)) return e.length;
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 }
-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;
+var G = /^[\w.%+-]+@[\w.-]+\.[A-Za-z]{2,}$/, K = /^(https?|ftp):\/\/[^\s/$.?#][^\s]*$/i;
+function q(e, t) {
+	switch (e) {
+		case "string": return typeof t == "string" ? void 0 : "value";
+		case "number": return typeof t == "number" && Number.isFinite(t) ? void 0 : "value";
+		case "integer": return typeof t == "number" && Number.isInteger(t) ? void 0 : "value";
+		case "boolean": return typeof t == "boolean" ? void 0 : "value";
+		case "array": return Array.isArray(t) ? void 0 : "value";
+		case "object": return J(t) ? void 0 : "value";
+		case "email": return typeof t == "string" && G.test(t) ? void 0 : "email";
+		case "url": return typeof t == "string" && K.test(t) ? void 0 : "url";
+		case "date": return t instanceof Date && !Number.isNaN(t.getTime()) ? void 0 : "date";
+		default: return;
+	}
+}
+function J(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e) && !(e instanceof Date);
+}
+function Y(e) {
+	return typeof e == "string" ? {
+		required: e,
+		invalidValue: e,
+		invalidEmail: e,
+		invalidUrl: e,
+		invalidDate: e
+	} : e;
+}
+function X(e, t) {
+	return e === "email" ? t.invalidEmail : e === "url" ? t.invalidUrl : e === "date" ? t.invalidDate : t.invalidValue;
+}
+async function Z(e, t, n) {
+	let r = Y(n), i = e.transform ? e.transform(t) : t;
+	if (e.required && (e.whitespace === !1 ? i == null || i === "" || Array.isArray(i) && i.length === 0 : U(i))) return e.message?.trim() || r.required;
+	if (e.type != null && !U(i)) {
+		let t = q(e.type, i);
+		if (t) return e.message?.trim() || X(t, r);
+	}
+	let a = W(i);
+	if (e.len != null && a != null && a !== e.len) return e.message?.trim() || r.invalidValue;
+	if (e.min != null && a != null && a < e.min || e.max != null && a != null && a > e.max) return e.message?.trim() || r.required;
+	if (e.enum && !e.enum.includes(i)) return e.message?.trim() || r.invalidValue;
+	if (e.pattern && typeof i == "string" && i !== "" && !e.pattern.test(i)) return e.message?.trim() || r.required;
 	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;
+		let t = await e.validator(i);
+		if (typeof t == "string" && t.trim()) return t.trim();
+		if (t === !1) return e.message?.trim() || r.required;
 	}
 }
-function I(e) {
+function ie(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 L = ["for"], R = ["aria-label"], z = { class: "m-form-item__body" }, B = { class: "m-form-item__control" }, V = ["id"], H = ["id"], U = /* @__PURE__ */ l({
+var Q = ["data-m-field"], ae = ["for"], oe = ["aria-label"], se = { class: "m-form-item__body" }, ce = { class: "m-form-item__control" }, le = ["id"], ue = ["id"], de = ["id"], fe = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "FormItem",
 	props: {
 		label: {},
 		for: {},
 		name: {},
+		dependencies: {},
 		required: {
 			type: Boolean,
 			default: !1
@@ -216,97 +435,224 @@ var L = ["for"], R = ["aria-label"], z = { class: "m-form-item__body" }, B = { c
 		labelWidth: {},
 		pt: {}
 	},
-	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(() => [
+	setup(n) {
+		let f = n, _ = w(), { rootAttrs: v } = e(_, () => f.pt), y = p(r, null), S = p(a, null), E = p(i, null), D = o(), A = t(), M = s(() => f.labelPosition ?? y?.value.labelPosition ?? "top"), N = s(() => f.labelAlign ?? y?.value.labelAlign ?? "left"), P = s(() => ie(f.labelWidth ?? y?.value.labelWidth)), F = s(() => f.name != null && f.name !== "" ? O(f.name) : f.for ? [f.for] : []), I = s(() => k(F.value)), te = s(() => I.value), L = s(() => {
+			let e = y?.value.rules;
+			return [...[I.value, typeof f.name == "string" ? f.name : void 0].filter((e) => !!e).flatMap((t) => B(e?.[t])), ...B(f.rules)];
+		}), R = s(() => !!((y?.value.requireMark ?? !0) && (f.required || L.value.some((e) => e.required)))), ne = s(() => {
+			let e = I.value;
+			if (!(!e || !S)) return S[e];
+		}), re = s(() => {
+			let e = I.value;
+			if (!(!e || !E)) return E[e];
+		}), z = s(() => f.error ?? ne.value), V = s(() => z.value ? void 0 : re.value), U = s(() => f.invalid || !!z.value), W = s(() => f.for ?? `m-form-item-${A}`), G = s(() => `${W.value}-message`), K = s(() => D.value.required), q = s(() => {
+			if (F.value.length !== 0) return j(y?.value.model, F.value);
+		}), J = s(() => ({
+			required: D.value.required,
+			invalidValue: D.value.invalidValue,
+			invalidEmail: D.value.invalidEmail,
+			invalidUrl: D.value.invalidUrl,
+			invalidDate: D.value.invalidDate
+		})), Y = s(() => [
 			"m-form-item",
-			`m-form-item--label-${O.value}`,
-			`m-form-item--align-${k.value}`,
+			`m-form-item--label-${M.value}`,
+			`m-form-item--align-${N.value}`,
 			{
-				"m-form-item--invalid": K.value,
-				"m-form-item--required": U.value
+				"m-form-item--invalid": U.value,
+				"m-form-item--warning": !!V.value,
+				"m-form-item--required": R.value
 			}
-		]), Q = i(() => {
-			let e = { textAlign: k.value };
-			return O.value === "left" && j.value && (e.width = j.value), e;
+		]), X = s(() => {
+			let e = { textAlign: N.value };
+			return M.value === "left" && P.value && (e.width = P.value), e;
 		});
-		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;
+		async function fe(e = "all") {
+			let t = q.value, n = y?.value.validateOn ?? ["submit"], r;
+			for (let i of L.value) {
+				if (!H(i, e, n)) continue;
+				let a = await Z(i, t, J.value);
+				if (a) {
+					if (i.warningOnly) {
+						r ??= a;
+						continue;
+					}
+					return { message: a };
+				}
 			}
-			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 w.value.required;
+			if (f.validate && H({}, e, n)) {
+				let t = await f.validate(e), n = typeof t == "string" && t.trim() ? t.trim() : t === !1 ? D.value.required : void 0;
+				if (n) return { message: n };
 			}
+			return r ? {
+				message: r,
+				warning: !0
+			} : {};
 		}
-		C(() => [
-			N.value,
-			P.value,
-			l.validate
-		], ([e], t) => {
+		T(() => [
+			I.value,
+			F.value,
+			L.value,
+			f.validate,
+			f.dependencies
+		], (e, t) => {
 			let n = t?.[0];
-			n && n !== e && _?.value.unregisterField(n), !(!_?.value || !e) && _.value.registerField({
-				name: e,
-				validate: (e) => $(e ?? "all")
+			n && n !== I.value && y?.value.unregisterField(n), !(!y?.value || !I.value) && y.value.registerField({
+				key: I.value,
+				name: F.value,
+				dependencies: f.dependencies,
+				validate: (e) => fe(e ?? "all")
 			});
-		}, { immediate: !0 }), p(() => {
-			let e = N.value;
-			e && _?.value.unregisterField(e);
+		}, { immediate: !0 }), T(() => (f.dependencies ?? []).map((e) => j(y?.value.model, O(e))), () => {
+			!f.dependencies?.length || !I.value || y?.value.revalidate(I.value);
+		}, { deep: !0 }), h(() => {
+			let e = I.value;
+			e && y?.value.unregisterField(e);
 		});
-		function ee() {
-			let e = N.value;
-			e && _?.value.notifyBlur(e);
-		}
-		function te() {
-			let e = N.value;
-			e && _?.value.notifyChange(e);
-		}
-		function ne() {
-			let e = N.value;
-			e && _?.value.notifyInput(e);
-		}
-		return (e, n) => (m(), o("div", d(x(g), {
-			class: Z.value,
-			onFocusout: ee,
-			onChange: te,
-			onInput: ne
-		}), [t.label ? (m(), o("label", {
+		function pe() {
+			let e = I.value;
+			e && y?.value.notifyBlur(e);
+		}
+		function me() {
+			let e = I.value;
+			e && y?.value.notifyChange(e);
+		}
+		function he() {
+			let e = I.value;
+			e && y?.value.notifyInput(e);
+		}
+		return (e, t) => (g(), l("div", ee(C(v), {
+			class: Y.value,
+			"data-m-field": te.value || void 0,
+			onFocusout: pe,
+			onChange: me,
+			onInput: he
+		}), [n.label ? (g(), l("label", {
 			key: 0,
 			class: "m-form-item__label",
-			for: q.value,
-			style: f(Q.value)
-		}, [U.value ? (m(), o("span", {
+			for: W.value,
+			style: m(X.value)
+		}, [R.value ? (g(), l("span", {
 			key: 0,
 			class: "m-form-item__required",
-			"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", {
+			"aria-label": K.value
+		}, "*", 8, oe)) : c("", !0), d(" " + x(n.label), 1)], 12, ae)) : c("", !0), u("div", se, [u("div", ce, [b(e.$slots, "default", {
+			id: W.value,
+			invalid: U.value,
+			describedBy: z.value || V.value || n.help ? G.value : void 0,
+			error: z.value
+		})]), z.value ? (g(), l("p", {
 			key: 0,
-			id: J.value,
+			id: G.value,
 			class: "m-form-item__error",
 			role: "alert"
-		}, y(G.value), 9, V)) : t.help ? (m(), o("p", {
+		}, x(z.value), 9, le)) : V.value ? (g(), l("p", {
 			key: 1,
-			id: J.value,
+			id: G.value,
+			class: "m-form-item__warning",
+			role: "status"
+		}, x(V.value), 9, ue)) : n.help ? (g(), l("p", {
+			key: 2,
+			id: G.value,
 			class: "m-form-item__help"
-		}, y(t.help), 9, H)) : a("", !0)])], 16));
+		}, x(n.help), 9, de)) : c("", !0)])], 16, Q));
+	}
+}), pe = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	name: "MFormList",
+	__name: "FormList",
+	props: {
+		name: {},
+		rules: { default: void 0 },
+		initialValue: {
+			type: Function,
+			default: void 0
+		},
+		pt: { default: void 0 }
+	},
+	setup(t) {
+		let n = t, i = w(), { rootAttrs: a } = e(i, () => n.pt), c = p(r, null), u = o(), d = s(() => O(n.name)), f = s(() => k(d.value)), m = s(() => j(c?.value.model, d.value)), _ = y([]), v = 0;
+		function x() {
+			let e = m.value, t = Array.isArray(e) ? e.length : 0;
+			if (_.value.length !== t) {
+				if (_.value.length < t) {
+					let e = [..._.value];
+					for (; e.length < t;) e.push(`m-form-list-${v++}`);
+					_.value = e;
+					return;
+				}
+				_.value = _.value.slice(0, t);
+			}
+		}
+		T(m, x, {
+			immediate: !0,
+			deep: !0
+		});
+		let S = s(() => {
+			let e = m.value, t = Array.isArray(e) ? e.length : 0;
+			return Array.from({ length: t }, (e, t) => ({
+				key: _.value[t] ?? `m-form-list-${t}`,
+				name: t
+			}));
+		});
+		function E() {
+			let e = c?.value.model;
+			if (!e) return [];
+			let t = j(e, d.value);
+			if (Array.isArray(t)) return t;
+			M(e, d.value, []);
+			let n = j(e, d.value);
+			return Array.isArray(n) ? n : [];
+		}
+		function D() {
+			let e = n.initialValue;
+			return typeof e == "function" ? e() : typeof e == "object" && e ? JSON.parse(JSON.stringify(e)) : e ?? "";
+		}
+		function A(e) {
+			E().push(e === void 0 ? D() : e);
+		}
+		function N(e) {
+			let t = E();
+			e < 0 || e >= t.length || (t.splice(e, 1), _.value.splice(e, 1));
+		}
+		function P(e, t) {
+			let n = E();
+			if (e === t || e < 0 || t < 0 || e >= n.length || t >= n.length) return;
+			let [r] = n.splice(e, 1);
+			n.splice(t, 0, r);
+			let [i] = _.value.splice(e, 1);
+			i !== void 0 && _.value.splice(t, 0, i);
+		}
+		let F = s(() => B(n.rules)), I = s(() => ({
+			required: u.value.required,
+			invalidValue: u.value.invalidValue,
+			invalidEmail: u.value.invalidEmail,
+			invalidUrl: u.value.invalidUrl,
+			invalidDate: u.value.invalidDate
+		}));
+		return T(() => [f.value, F.value], () => {
+			!c?.value || !f.value || F.value.length === 0 || c.value.registerField({
+				key: f.value,
+				name: d.value,
+				validate: async (e = "all") => {
+					let t = c?.value.validateOn ?? ["submit"];
+					for (let n of F.value) {
+						if (!H(n, e, t)) continue;
+						let r = await Z(n, m.value, I.value);
+						if (!(!r || n.warningOnly)) return { message: r };
+					}
+					return {};
+				}
+			});
+		}, { immediate: !0 }), h(() => {
+			f.value && c?.value.unregisterField(f.value);
+		}), (e, t) => (g(), l("div", ee(C(a), { class: "m-form-list" }), [b(e.$slots, "default", {
+			fields: S.value,
+			add: A,
+			remove: N,
+			move: P,
+			path: d.value
+		})], 16));
 	}
 });
 //#endregion
-export { k as MForm, U as MFormItem, E as M_FORM_ERRORS_KEY, T as M_FORM_KEY };
+export { z as MForm, fe as MFormItem, pe as MFormList, a as M_FORM_ERRORS_KEY, r as M_FORM_KEY, i as M_FORM_WARNINGS_KEY, R as isFormInstance, L as useForm };