@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta61

package/chunks/CQxz8uUc.mjs

@@ -0,0 +1,454 @@
+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

@@ -0,0 +1,28 @@
+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 };