@web-utils/form-ui 1.0.0-beta71 → 1.0.0-beta73

package/chunks/CQxz8uUc.mjs

@@ -1,454 +0,0 @@
-import { i as e } from "./akEzJ4kG.mjs";
-import { D as t, b as n, n as r, t as i } from "./hgAOQY9a.mjs";
-import { E as a, M as o, O as s, d as c, i as l, l as u, p as d, s as f, t as p, u as m } from "./DrKq_frR.mjs";
-import { F as h } from "./D4oNQiIK.mjs";
-import { i as ee } from "./CcT5SsZk.mjs";
-import { t as g } from "./BIj6pa8Z.mjs";
-import { n as _, t as v } from "./BBPczt0U.mjs";
-import { n as y } from "./CQSTyCVP.mjs";
-import { Fragment as b, TransitionGroup as x, computed as S, createBlock as te, createCommentVNode as C, createElementBlock as ne, createElementVNode as w, createTextVNode as re, createVNode as T, defineComponent as E, inject as D, nextTick as ie, normalizeClass as O, normalizeStyle as ae, onBeforeUnmount as oe, onMounted as se, onUpdated as ce, openBlock as k, provide as le, reactive as A, ref as j, renderSlot as M, resolveDynamicComponent as ue, toDisplayString as de, toRefs as fe, unref as N, useSlots as pe, watch as P, withCtx as F } from "vue";
-import { cloneDeep as I } from "lodash-unified";
-import me from "async-validator";
-var L = u({
-	...u({
-		size: {
-			type: String,
-			values: e
-		},
-		disabled: Boolean
-	}),
-	model: Object,
-	rules: { type: m(Object) },
-	labelPosition: {
-		type: String,
-		values: [
-			"left",
-			"right",
-			"top"
-		],
-		default: "right"
-	},
-	requireAsteriskPosition: {
-		type: String,
-		values: ["left", "right"],
-		default: "left"
-	},
-	labelWidth: {
-		type: [String, Number],
-		default: ""
-	},
-	labelSuffix: {
-		type: String,
-		default: ""
-	},
-	inline: Boolean,
-	inlineMessage: Boolean,
-	statusIcon: Boolean,
-	showMessage: {
-		type: Boolean,
-		default: !0
-	},
-	validateOnRuleChange: {
-		type: Boolean,
-		default: !0
-	},
-	hideRequiredAsterisk: Boolean,
-	scrollToError: Boolean,
-	scrollIntoViewOptions: {
-		type: m([Object, Boolean]),
-		default: !0
-	}
-}), he = { validate: (e, t, n) => (a(e) || o(e)) && d(t) && o(n) }, R = u({
-	label: String,
-	labelWidth: { type: [String, Number] },
-	labelPosition: {
-		type: String,
-		values: [
-			"left",
-			"right",
-			"top",
-			""
-		],
-		default: ""
-	},
-	prop: { type: m([String, Array]) },
-	required: {
-		type: Boolean,
-		default: void 0
-	},
-	rules: { type: m([Object, Array]) },
-	error: String,
-	validateStatus: {
-		type: String,
-		values: [
-			"",
-			"error",
-			"validating",
-			"success"
-		]
-	},
-	for: String,
-	inlineMessage: {
-		type: Boolean,
-		default: void 0
-	},
-	showMessage: {
-		type: Boolean,
-		default: !0
-	},
-	size: {
-		type: String,
-		values: e
-	}
-}), z = "ElForm";
-function B() {
-	let e = j([]), t = S(() => {
-		if (!e.value.length) return "0";
-		let t = Math.max(...e.value);
-		return t ? `${t}px` : "";
-	});
-	function n(n) {
-		let r = e.value.indexOf(n);
-		return r === -1 && t.value === "0" && i(z, `unexpected width ${n}`), r;
-	}
-	function r(t, r) {
-		if (t && r) {
-			let i = n(r);
-			e.value.splice(i, 1, t);
-		} else t && e.value.push(t);
-	}
-	function a(t) {
-		let r = n(t);
-		r > -1 && e.value.splice(r, 1);
-	}
-	return {
-		autoLabelWidth: t,
-		registerLabelWidth: r,
-		deregisterLabelWidth: a
-	};
-}
-var V = (e, t) => {
-	let n = y(t).map((e) => a(e) ? e.join(".") : e);
-	return n.length > 0 ? e.filter((e) => e.propString && n.includes(e.propString)) : e;
-}, H = "ElForm", ge = /* @__PURE__ */ E({
-	name: H,
-	__name: "form",
-	props: L,
-	emits: he,
-	setup(e, { expose: t, emit: n }) {
-		let r = e, o = n, l = j(), u = A([]), d = /* @__PURE__ */ new Map(), p = ee(), m = f("form"), h = S(() => {
-			let { labelPosition: e, inline: t } = r;
-			return [
-				m.b(),
-				m.m(p.value || "default"),
-				{
-					[m.m(`label-${e}`)]: e,
-					[m.m("inline")]: t
-				}
-			];
-		}), g = (e) => V(u, [e])[0], _ = (e) => {
-			u.includes(e) || u.push(e), e.propString && (d.has(e.propString) ? e.setInitialValue(d.get(e.propString)) : d.set(e.propString, I(e.fieldValue)));
-		}, b = (e, t) => {
-			if (t) {
-				d.delete(t);
-				return;
-			}
-			let n = u.indexOf(e);
-			n > -1 && (u.splice(n, 1), e.propString && d.set(e.propString, I(e.getInitialValue())));
-		}, x = (e) => {
-			if (!r.model) {
-				i(H, "model is required for setInitialValues to work.");
-				return;
-			}
-			if (!e) {
-				i(H, "initModel is required for setInitialValues to work.");
-				return;
-			}
-			for (let t of d.keys()) d.set(t, I(c(e, t).value));
-			u.forEach((t) => {
-				t.prop && t.setInitialValue(c(e, t.prop).value);
-			});
-		}, te = (e = []) => {
-			if (!r.model) {
-				i(H, "model is required for resetFields to work.");
-				return;
-			}
-			V(u, e).forEach((e) => e.resetField());
-			let t = new Set(u.map((e) => e.propString).filter(Boolean)), n = e.length > 0 ? y(e).map((e) => a(e) ? e.join(".") : e) : [...d.keys()];
-			for (let e of n) !t.has(e) && d.has(e) && (c(r.model, e).value = I(d.get(e)));
-		}, C = (e = []) => {
-			V(u, e).forEach((e) => e.clearValidate());
-		}, w = S(() => {
-			let e = !!r.model;
-			return e || i(H, "model is required for validate to work."), e;
-		}), re = (e) => {
-			if (u.length === 0) return [];
-			let t = V(u, e);
-			return t.length ? t : (i(H, "please pass correct props!"), []);
-		}, T = async (e) => D(void 0, e), E = async (e = []) => {
-			if (!w.value) return !1;
-			let t = re(e);
-			if (t.length === 0) return !0;
-			let n = {};
-			for (let e of t) try {
-				await e.validate(""), e.validateState === "error" && !e.error && e.resetField();
-			} catch (e) {
-				n = {
-					...n,
-					...e
-				};
-			}
-			return Object.keys(n).length === 0 ? !0 : Promise.reject(n);
-		}, D = async (e = [], t) => {
-			let n = !1, i = !s(t);
-			try {
-				return n = await E(e), n === !0 && await (t == null ? void 0 : t(n)), n;
-			} catch (e) {
-				if (e instanceof Error) throw e;
-				let o = e;
-				if (r.scrollToError) {
-					var a;
-					l.value && ((a = l.value.querySelector(`.${m.b()}-item.is-error`)) == null || a.scrollIntoView(r.scrollIntoViewOptions));
-				}
-				return !n && await (t == null ? void 0 : t(!1, o)), i && Promise.reject(o);
-			}
-		}, ie = (e) => {
-			var t;
-			let n = g(e);
-			n && ((t = n.$el) == null || t.scrollIntoView(r.scrollIntoViewOptions));
-		};
-		return P(() => r.rules, () => {
-			r.validateOnRuleChange && T().catch((e) => i(e));
-		}, {
-			deep: !0,
-			flush: "post"
-		}), le(v, A({
-			...fe(r),
-			emit: o,
-			resetFields: te,
-			clearValidate: C,
-			validateField: D,
-			getField: g,
-			addField: _,
-			removeField: b,
-			setInitialValues: x,
-			...B()
-		})), t({
-			validate: T,
-			validateField: D,
-			resetFields: te,
-			clearValidate: C,
-			scrollToField: ie,
-			getField: g,
-			fields: u,
-			setInitialValues: x
-		}), (e, t) => (k(), ne("form", {
-			ref_key: "formRef",
-			ref: l,
-			class: O(h.value)
-		}, [M(e.$slots, "default")], 2));
-	}
-}), U = "ElLabelWrap", _e = /* @__PURE__ */ E({
-	name: U,
-	props: {
-		isAutoWidth: Boolean,
-		updateAll: Boolean
-	},
-	setup(e, { slots: t }) {
-		let i = D(v, void 0), a = D(_);
-		a || r(U, "usage: <el-form-item><label-wrap /></el-form-item>");
-		let o = f("form"), s = j(), c = j(0), l = () => {
-			var e;
-			if ((e = s.value) != null && e.firstElementChild) {
-				let e = window.getComputedStyle(s.value.firstElementChild).width;
-				return Math.ceil(Number.parseFloat(e));
-			} else return 0;
-		}, u = (n = "update") => {
-			ie(() => {
-				t.default && e.isAutoWidth && (n === "update" ? c.value = l() : n === "remove" && (i == null || i.deregisterLabelWidth(c.value)));
-			});
-		}, d = () => u("update");
-		return se(() => {
-			d();
-		}), oe(() => {
-			u("remove");
-		}), ce(() => d()), P(c, (t, n) => {
-			e.updateAll && (i == null || i.registerLabelWidth(t, n));
-		}), n(S(() => {
-			var e;
-			return ((e = s.value) == null ? void 0 : e.firstElementChild) ?? null;
-		}), d), () => {
-			var n;
-			if (!t) return null;
-			let { isAutoWidth: r } = e;
-			if (r) {
-				var l;
-				let e = i == null ? void 0 : i.autoLabelWidth, n = a == null ? void 0 : a.hasLabel, r = {};
-				if (n && e && e !== "auto") {
-					let t = Math.max(0, Number.parseInt(e, 10) - c.value), n = (a.labelPosition || i.labelPosition) === "left" ? "marginRight" : "marginLeft";
-					t && (r[n] = `${t}px`);
-				}
-				return T("div", {
-					ref: s,
-					class: [o.be("item", "label-wrap")],
-					style: r
-				}, [(l = t.default) == null ? void 0 : l.call(t)]);
-			} else return T(b, { ref: s }, [(n = t.default) == null ? void 0 : n.call(t)]);
-		};
-	}
-}), ve = ["role", "aria-labelledby"], W = /* @__PURE__ */ E({
-	name: "ElFormItem",
-	__name: "form-item",
-	props: R,
-	setup(e, { expose: n }) {
-		let r = e, i = pe(), o = D(v, void 0), l = D(_, void 0), u = ee(void 0, { formItem: !1 }), p = f("form-item"), m = g().value, b = j([]), E = j(""), ce = t(E, 100), L = j(""), he = j(), R, z = !1, B = S(() => r.labelPosition || (o == null ? void 0 : o.labelPosition)), V = S(() => B.value === "top" ? {} : { width: h(r.labelWidth ?? (o == null ? void 0 : o.labelWidth)) }), H = S(() => {
-			if (B.value === "top" || o != null && o.inline || !r.label && !r.labelWidth && ye) return {};
-			let e = h(r.labelWidth ?? (o == null ? void 0 : o.labelWidth));
-			return !r.label && !i.label ? { marginLeft: e } : {};
-		}), ge = S(() => [
-			p.b(),
-			p.m(u.value),
-			p.is("error", E.value === "error"),
-			p.is("validating", E.value === "validating"),
-			p.is("success", E.value === "success"),
-			p.is("required", Se.value || r.required),
-			p.is("no-asterisk", o == null ? void 0 : o.hideRequiredAsterisk),
-			(o == null ? void 0 : o.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
-			{
-				[p.m("feedback")]: o == null ? void 0 : o.statusIcon,
-				[p.m(`label-${B.value}`)]: B.value
-			}
-		]), U = S(() => d(r.inlineMessage) ? r.inlineMessage : (o == null ? void 0 : o.inlineMessage) || !1), W = S(() => [p.e("error"), { [p.em("error", "inline")]: U.value }]), G = S(() => r.prop ? a(r.prop) ? r.prop.join(".") : r.prop : ""), K = S(() => !!(r.label || i.label)), q = S(() => r.for ?? (b.value.length === 1 ? b.value[0] : void 0)), J = S(() => !q.value && K.value), ye = !!l, Y = S(() => {
-			let e = o == null ? void 0 : o.model;
-			if (!(!e || !r.prop)) return c(e, r.prop).value;
-		}), X = S(() => {
-			let { required: e } = r, t = [];
-			r.rules && t.push(...y(r.rules));
-			let n = o == null ? void 0 : o.rules;
-			if (n && r.prop) {
-				let e = c(n, r.prop).value;
-				e && t.push(...y(e));
-			}
-			if (e !== void 0) {
-				let n = t.map((e, t) => [e, t]).filter(([e]) => "required" in e);
-				if (n.length > 0) for (let [r, i] of n) r.required !== e && (t[i] = {
-					...r,
-					required: e
-				});
-				else t.push({ required: e });
-			}
-			return t;
-		}), be = S(() => X.value.length > 0), xe = (e) => X.value.filter((t) => !t.trigger || !e ? !0 : a(t.trigger) ? t.trigger.includes(e) : t.trigger === e).map(({ trigger: e, ...t }) => t), Se = S(() => X.value.some((e) => e.required)), Ce = S(() => ce.value === "error" && r.showMessage && ((o == null ? void 0 : o.showMessage) ?? !0)), we = S(() => `${r.label || ""}${(o == null ? void 0 : o.labelSuffix) || ""}`), Z = (e) => {
-			E.value = e;
-		}, Te = (e) => {
-			var t;
-			let { errors: n, fields: i } = e;
-			(!n || !i) && console.error(e), Z("error"), L.value = n ? (n == null || (t = n[0]) == null ? void 0 : t.message) ?? `${r.prop} is required` : "", o == null || o.emit("validate", r.prop, !1, L.value);
-		}, Ee = () => {
-			Z("success"), o == null || o.emit("validate", r.prop, !0, "");
-		}, De = async (e) => {
-			let t = G.value;
-			return new me({ [t]: e }).validate({ [t]: Y.value }, { firstFields: !0 }).then(() => (Ee(), !0)).catch((e) => (Te(e), Promise.reject(e)));
-		}, Oe = async (e, t) => {
-			if (z || !r.prop) return !1;
-			let n = s(t);
-			if (!be.value) return t == null || t(!1), !1;
-			let i = xe(e);
-			return i.length === 0 ? (t == null || t(!0), !0) : (Z("validating"), De(i).then(() => (t == null || t(!0), !0)).catch((e) => {
-				let { fields: r } = e;
-				return t == null || t(!1, r), n ? !1 : Promise.reject(r);
-			}));
-		}, ke = () => {
-			Z(""), L.value = "", z = !1;
-		}, Ae = async () => {
-			let e = o == null ? void 0 : o.model;
-			if (!e || !r.prop) return;
-			let t = c(e, r.prop);
-			z = !0, t.value = I(R), await ie(), ke(), z = !1;
-		}, je = (e) => {
-			b.value.includes(e) || b.value.push(e);
-		}, Me = (e) => {
-			b.value = b.value.filter((t) => t !== e);
-		}, Q = (e) => {
-			R = I(e);
-		}, Ne = () => R;
-		P(() => r.error, (e) => {
-			L.value = e || "", Z(e ? "error" : "");
-		}, { immediate: !0 }), P(() => r.validateStatus, (e) => Z(e || ""));
-		let $ = A({
-			...fe(r),
-			$el: he,
-			size: u,
-			validateMessage: L,
-			validateState: E,
-			labelId: m,
-			inputIds: b,
-			isGroup: J,
-			hasLabel: K,
-			fieldValue: Y,
-			addInputId: je,
-			removeInputId: Me,
-			resetField: Ae,
-			clearValidate: ke,
-			validate: Oe,
-			propString: G,
-			setInitialValue: Q,
-			getInitialValue: Ne
-		});
-		return le(_, $), P(G, (e, t) => {
-			!o || !t || (o.removeField($, t), e && (Q(Y.value), o.addField($)));
-		}), se(() => {
-			r.prop && (Q(Y.value), o == null || o.addField($));
-		}), oe(() => {
-			o == null || o.removeField($);
-		}), n({
-			size: u,
-			validateMessage: L,
-			validateState: E,
-			validate: Oe,
-			clearValidate: ke,
-			resetField: Ae,
-			setInitialValue: Q
-		}), (t, n) => {
-			var r;
-			return k(), ne("div", {
-				ref_key: "formItemRef",
-				ref: he,
-				class: O(ge.value),
-				role: J.value ? "group" : void 0,
-				"aria-labelledby": J.value ? N(m) : void 0
-			}, [T(N(_e), {
-				"is-auto-width": V.value.width === "auto",
-				"update-all": ((r = N(o)) == null ? void 0 : r.labelWidth) === "auto"
-			}, {
-				default: F(() => [e.label || t.$slots.label ? (k(), te(ue(q.value ? "label" : "div"), {
-					key: 0,
-					id: N(m),
-					for: q.value,
-					class: O(N(p).e("label")),
-					style: ae(V.value)
-				}, {
-					default: F(() => [M(t.$slots, "label", { label: we.value }, () => [re(de(we.value), 1)])]),
-					_: 3
-				}, 8, [
-					"id",
-					"for",
-					"class",
-					"style"
-				])) : C("v-if", !0)]),
-				_: 3
-			}, 8, ["is-auto-width", "update-all"]), w("div", {
-				class: O(N(p).e("content")),
-				style: ae(H.value)
-			}, [M(t.$slots, "default"), T(x, { name: `${N(p).namespace.value}-zoom-in-top` }, {
-				default: F(() => [Ce.value ? M(t.$slots, "error", {
-					key: 0,
-					error: L.value
-				}, () => [w("div", { class: O(W.value) }, de(L.value), 3)]) : C("v-if", !0)]),
-				_: 3
-			}, 8, ["name"])], 6)], 10, ve);
-		};
-	}
-}), G = p(ge, { FormItem: W }), K = l(W);
-//#endregion
-export { K as n, G as t };

package/chunks/CR29QUwT2.mjs

@@ -1,28 +0,0 @@
-import "./CjjJimnU.mjs";
-import { t as e } from "./DsYXqJLZ.mjs";
-import { n as t, o as n } from "./BsM0L7CS.mjs";
-import { allProps as r, predicate as i } from "../props/slide.mjs";
-import { createVNode as a, mergeProps as o, useModel as s } from "vue";
-//#endregion
-//#region src/components/form/FormSlider.vue
-var c = {
-	name: "FormSlider",
-	inheritAttrs: !1,
-	props: { ...r },
-	emits: { ...t },
-	setup(t, { emit: r, slots: c, attrs: l }) {
-		let u = s(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = n(t, {
-			emit: r,
-			slots: c,
-			predicate: i,
-			attrs: l
-		});
-		return () => d({ vNodes: a(e, o(p.value, m.value, {
-			modelValue: u.value,
-			"onUpdate:modelValue": (e) => u.value = e,
-			disabled: f.value
-		}), null) });
-	}
-};
-//#endregion
-export { c as t };