@web-utils/form-ui 1.0.0-beta86 → 1.0.0-beta87

package/chunks/6Lm-ZabT2.mjs

@@ -0,0 +1,439 @@
+import { r as e, t } from "./BtGJbKCB.mjs";
+import { r as n } from "./C7L-0D2c.mjs";
+import { t as r } from "./r6tERHEL.mjs";
+import { A as i, D as a, N as o, _ as s, b as c, i as l, l as u, m as d, s as f, t as p, u as m, v as h } from "./cvUTkWmm.mjs";
+import { t as g } from "./K7NMn1cU.mjs";
+import { i as _, n as v, r as y, t as b } from "./E-zZdDOp.mjs";
+import { t as x } from "./f-0LSLCC.mjs";
+import { t as ee } from "./el7WAt3q.mjs";
+import { Fragment as te, computed as S, createBlock as C, createCommentVNode as w, createElementBlock as T, createElementVNode as E, createTextVNode as D, defineComponent as O, getCurrentInstance as k, inject as A, isRef as j, mergeProps as M, nextTick as ne, normalizeClass as N, normalizeStyle as re, openBlock as P, provide as ie, ref as F, renderList as ae, renderSlot as I, resolveDynamicComponent as L, toDisplayString as R, toRaw as z, toRefs as oe, unref as B, useSlots as V, vModelCheckbox as H, watch as U, withCtx as W, withDirectives as G, withModifiers as K } from "vue";
+import { isEqual as q, omit as se, pick as ce } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_8efe08c8f3fc18df5e2015e9e70f0912/node_modules/element-plus/es/components/checkbox/src/checkbox.mjs
+var J = {
+	modelValue: {
+		type: [
+			Number,
+			String,
+			Boolean
+		],
+		default: void 0
+	},
+	label: {
+		type: [
+			String,
+			Boolean,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	value: {
+		type: [
+			String,
+			Boolean,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	indeterminate: Boolean,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	checked: Boolean,
+	name: {
+		type: String,
+		default: void 0
+	},
+	trueValue: {
+		type: [String, Number],
+		default: void 0
+	},
+	falseValue: {
+		type: [String, Number],
+		default: void 0
+	},
+	trueLabel: {
+		type: [String, Number],
+		default: void 0
+	},
+	falseLabel: {
+		type: [String, Number],
+		default: void 0
+	},
+	id: {
+		type: String,
+		default: void 0
+	},
+	border: Boolean,
+	size: n,
+	tabindex: [String, Number],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	ariaLabel: String,
+	...x(["ariaControls"])
+}, Y = {
+	[e]: (e) => o(e) || s(e) || d(e),
+	change: (e) => o(e) || s(e) || d(e)
+}, X = Symbol("checkboxGroupContextKey"), le = u({
+	modelValue: {
+		type: m(Array),
+		default: () => []
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	min: Number,
+	max: Number,
+	size: n,
+	fill: String,
+	textColor: String,
+	tag: {
+		type: String,
+		default: "div"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	options: { type: m(Array) },
+	props: {
+		type: m(Object),
+		default: () => de
+	},
+	type: {
+		type: String,
+		values: ["checkbox", "button"],
+		default: "checkbox"
+	},
+	...x(["ariaLabel"])
+}), ue = {
+	[e]: (e) => a(e),
+	change: (e) => a(e)
+}, de = {
+	label: "label",
+	value: "value",
+	disabled: "disabled"
+}, fe = ({ model: e, isChecked: t }) => {
+	let n = A(X, void 0), r = A(ee, void 0), i = S(() => {
+		var r, i;
+		let a = n == null || (r = n.max) == null ? void 0 : r.value, o = n == null || (i = n.min) == null ? void 0 : i.value;
+		return !c(a) && e.value.length >= a && !t.value || !c(o) && e.value.length <= o && t.value;
+	});
+	return {
+		isDisabled: y(S(() => {
+			var e;
+			return n === void 0 ? (r == null ? void 0 : r.disabled) ?? i.value : ((e = n.disabled) == null ? void 0 : e.value) || i.value;
+		})),
+		isLimitDisabled: i
+	};
+}, pe = (e, { model: n, isLimitExceeded: i, hasOwnLabel: a, isDisabled: o, isLabeledByFormItem: s }) => {
+	let c = A(X, void 0), { formItem: l } = b(), { emit: u } = k();
+	function d(t) {
+		return [
+			!0,
+			e.trueValue,
+			e.trueLabel
+		].includes(t) ? e.trueValue ?? e.trueLabel ?? !0 : e.falseValue ?? e.falseLabel ?? !1;
+	}
+	function f(e, n) {
+		u(t, d(e), n);
+	}
+	function p(e) {
+		if (i.value) return;
+		let n = e.target;
+		u(t, d(n.checked), e);
+	}
+	async function m(t) {
+		i.value || !a.value && !o.value && s.value && (t.composedPath().some((e) => e.tagName === "LABEL") || (n.value = d([
+			!1,
+			e.falseValue,
+			e.falseLabel
+		].includes(n.value)), await ne(), f(n.value, t)));
+	}
+	let h = S(() => (c == null ? void 0 : c.validateEvent) || e.validateEvent);
+	return U(() => e.modelValue, () => {
+		h.value && (l == null || l.validate("change").catch((e) => r(e)));
+	}), {
+		handleChange: p,
+		onClickRoot: m
+	};
+}, me = (t) => {
+	let n = F(!1), { emit: r, vnode: i } = k(), o = A(X, void 0), s = S(() => c(o) === !1), l = F(!1), u = S(() => {
+		let e = i.props ?? {};
+		return "modelValue" in e || "model-value" in e;
+	}), d = S({
+		get() {
+			var e;
+			return s.value ? o == null || (e = o.modelValue) == null ? void 0 : e.value : u.value ? t.modelValue : n.value;
+		},
+		set(t) {
+			if (s.value && a(t)) {
+				var i, c;
+				l.value = (o == null || (i = o.max) == null ? void 0 : i.value) !== void 0 && t.length > (o == null ? void 0 : o.max.value) && t.length > d.value.length, l.value === !1 && (o == null || (c = o.changeEvent) == null || c.call(o, t));
+			} else r(e, t), n.value = t;
+		}
+	});
+	return {
+		model: d,
+		isGroup: s,
+		isLimitExceeded: l
+	};
+}, he = (e, t, { model: n }) => {
+	let r = A(X, void 0), o = F(!1), s = S(() => h(e.value) ? e.label : e.value), c = S(() => {
+		let t = n.value;
+		return d(t) ? t : a(t) ? i(s.value) ? t.map(z).some((e) => q(e, s.value)) : t.map(z).includes(s.value) : t == null ? !!t : t === e.trueValue || t === e.trueLabel;
+	});
+	return {
+		checkboxButtonSize: _(S(() => {
+			var e;
+			return r == null || (e = r.size) == null ? void 0 : e.value;
+		}), { prop: !0 }),
+		isChecked: c,
+		isFocused: o,
+		checkboxSize: _(S(() => {
+			var e;
+			return r == null || (e = r.size) == null ? void 0 : e.value;
+		})),
+		hasOwnLabel: S(() => !!t.default || !h(s.value)),
+		actualValue: s
+	};
+}, ge = (e, t) => {
+	let { formItem: n } = b(), { model: r, isGroup: i, isLimitExceeded: o } = me(e), { isFocused: s, isChecked: c, checkboxButtonSize: l, checkboxSize: u, hasOwnLabel: d, actualValue: f } = he(e, t, { model: r }), { isDisabled: p } = fe({
+		model: r,
+		isChecked: c
+	}), { inputId: m, isLabeledByFormItem: _ } = v(e, {
+		formItemContext: n,
+		disableIdGeneration: d,
+		disableIdManagement: i
+	}), { handleChange: y, onClickRoot: x } = pe(e, {
+		model: r,
+		isLimitExceeded: o,
+		hasOwnLabel: d,
+		isDisabled: p,
+		isLabeledByFormItem: _
+	});
+	return (() => {
+		function t() {
+			a(r.value) && !r.value.includes(f.value) ? r.value.push(f.value) : r.value = e.trueValue ?? e.trueLabel ?? !0;
+		}
+		e.checked && t();
+	})(), g({
+		from: "label act as value",
+		replacement: "value",
+		version: "3.0.0",
+		scope: "el-checkbox",
+		ref: "https://element-plus.org/en-US/component/checkbox.html"
+	}, S(() => i.value && h(e.value))), g({
+		from: "true-label",
+		replacement: "true-value",
+		version: "3.0.0",
+		scope: "el-checkbox",
+		ref: "https://element-plus.org/en-US/component/checkbox.html"
+	}, S(() => !!e.trueLabel)), g({
+		from: "false-label",
+		replacement: "false-value",
+		version: "3.0.0",
+		scope: "el-checkbox",
+		ref: "https://element-plus.org/en-US/component/checkbox.html"
+	}, S(() => !!e.falseLabel)), {
+		inputId: m,
+		isLabeledByFormItem: _,
+		isChecked: c,
+		isDisabled: p,
+		isFocused: s,
+		checkboxButtonSize: l,
+		checkboxSize: u,
+		hasOwnLabel: d,
+		model: r,
+		actualValue: f,
+		handleChange: y,
+		onClickRoot: x
+	};
+}, _e = [
+	"id",
+	"indeterminate",
+	"name",
+	"tabindex",
+	"disabled"
+], Z = /* @__PURE__ */ O({
+	name: "ElCheckbox",
+	__name: "checkbox",
+	props: J,
+	emits: Y,
+	setup(e) {
+		let t = e, { inputId: n, isLabeledByFormItem: r, isChecked: i, isDisabled: a, isFocused: o, checkboxSize: s, hasOwnLabel: c, model: l, actualValue: u, handleChange: d, onClickRoot: p } = ge(t, V()), m = S(() => t.trueValue || t.falseValue || t.trueLabel || t.falseLabel ? {
+			"true-value": t.trueValue ?? t.trueLabel ?? !0,
+			"false-value": t.falseValue ?? t.falseLabel ?? !1
+		} : { value: u.value }), h = f("checkbox"), g = S(() => [
+			h.b(),
+			h.m(s.value),
+			h.is("disabled", a.value),
+			h.is("bordered", t.border),
+			h.is("checked", i.value)
+		]), _ = S(() => [
+			h.e("input"),
+			h.is("disabled", a.value),
+			h.is("checked", i.value),
+			h.is("indeterminate", t.indeterminate),
+			h.is("focus", o.value)
+		]);
+		return (t, i) => (P(), C(L(!B(c) && B(r) ? "span" : "label"), {
+			for: !B(c) && B(r) ? null : B(n),
+			class: N(g.value),
+			"aria-controls": e.indeterminate ? e.ariaControls : null,
+			"aria-checked": e.indeterminate ? "mixed" : void 0,
+			"aria-label": e.ariaLabel,
+			onClick: B(p)
+		}, {
+			default: W(() => [E("span", { class: N(_.value) }, [G(E("input", M({
+				id: B(n),
+				"onUpdate:modelValue": i[0] || (i[0] = (e) => j(l) ? l.value = e : null),
+				class: B(h).e("original"),
+				type: "checkbox",
+				indeterminate: e.indeterminate,
+				name: e.name,
+				tabindex: e.tabindex,
+				disabled: B(a)
+			}, m.value, {
+				onChange: i[1] || (i[1] = (...e) => B(d) && B(d)(...e)),
+				onFocus: i[2] || (i[2] = (e) => o.value = !0),
+				onBlur: i[3] || (i[3] = (e) => o.value = !1),
+				onClick: i[4] || (i[4] = K(() => {}, ["stop"]))
+			}), null, 16, _e), [[H, B(l)]]), E("span", { class: N(B(h).e("inner")) }, null, 2)], 2), B(c) ? (P(), T("span", {
+				key: 0,
+				class: N(B(h).e("label"))
+			}, [I(t.$slots, "default"), t.$slots.default ? w("v-if", !0) : (P(), T(te, { key: 0 }, [D(R(e.label), 1)], 64))], 2)) : w("v-if", !0)]),
+			_: 3
+		}, 8, [
+			"for",
+			"class",
+			"aria-controls",
+			"aria-checked",
+			"aria-label",
+			"onClick"
+		]));
+	}
+}), ve = [
+	"name",
+	"tabindex",
+	"disabled"
+], Q = /* @__PURE__ */ O({
+	name: "ElCheckboxButton",
+	__name: "checkbox-button",
+	props: J,
+	emits: Y,
+	setup(e) {
+		let t = e, { isFocused: n, isChecked: r, isDisabled: i, checkboxButtonSize: a, model: o, actualValue: s, handleChange: c } = ge(t, V()), l = S(() => t.trueValue || t.falseValue || t.trueLabel || t.falseLabel ? {
+			"true-value": t.trueValue ?? t.trueLabel ?? !0,
+			"false-value": t.falseValue ?? t.falseLabel ?? !1
+		} : { value: s.value }), u = A(X, void 0), d = f("checkbox"), p = S(() => {
+			var e, t;
+			let n = (u == null || (e = u.fill) == null ? void 0 : e.value) ?? "";
+			return {
+				backgroundColor: n,
+				borderColor: n,
+				color: (u == null || (t = u.textColor) == null ? void 0 : t.value) ?? "",
+				boxShadow: n ? `-1px 0 0 0 ${n}` : void 0
+			};
+		}), m = S(() => [
+			d.b("button"),
+			d.bm("button", a.value),
+			d.is("disabled", i.value),
+			d.is("checked", r.value),
+			d.is("focus", n.value)
+		]);
+		return (t, a) => (P(), T("label", { class: N(m.value) }, [G(E("input", M({
+			"onUpdate:modelValue": a[0] || (a[0] = (e) => j(o) ? o.value = e : null),
+			class: B(d).be("button", "original"),
+			type: "checkbox",
+			name: e.name,
+			tabindex: e.tabindex,
+			disabled: B(i)
+		}, l.value, {
+			onChange: a[1] || (a[1] = (...e) => B(c) && B(c)(...e)),
+			onFocus: a[2] || (a[2] = (e) => n.value = !0),
+			onBlur: a[3] || (a[3] = (e) => n.value = !1),
+			onClick: a[4] || (a[4] = K(() => {}, ["stop"]))
+		}), null, 16, ve), [[H, B(o)]]), t.$slots.default || e.label ? (P(), T("span", {
+			key: 0,
+			class: N(B(d).be("button", "inner")),
+			style: re(B(r) ? p.value : void 0)
+		}, [I(t.$slots, "default", {}, () => [D(R(e.label), 1)])], 6)) : w("v-if", !0)], 2));
+	}
+}), $ = /* @__PURE__ */ O({
+	name: "ElCheckboxGroup",
+	__name: "checkbox-group",
+	props: le,
+	emits: ue,
+	setup(n, { emit: i }) {
+		let a = n, o = i, s = f("checkbox"), c = y(), { formItem: l } = b(), { inputId: u, isLabeledByFormItem: d } = v(a, { formItemContext: l }), p = async (n) => {
+			o(e, n), await ne(), o(t, n);
+		}, m = S({
+			get() {
+				return a.modelValue;
+			},
+			set(e) {
+				p(e);
+			}
+		}), h = S(() => ({
+			...de,
+			...a.props
+		})), g = (e) => {
+			let { label: t, value: n, disabled: r } = h.value, i = {
+				label: e[t],
+				value: e[n],
+				disabled: e[r]
+			};
+			return {
+				...se(e, [
+					t,
+					n,
+					r
+				]),
+				...i
+			};
+		}, _ = S(() => a.type === "button" ? Q : Z);
+		return ie(X, {
+			...ce(oe(a), [
+				"size",
+				"min",
+				"max",
+				"validateEvent",
+				"fill",
+				"textColor"
+			]),
+			disabled: c,
+			modelValue: m,
+			changeEvent: p
+		}), U(() => a.modelValue, (e, t) => {
+			a.validateEvent && !q(e, t) && (l == null || l.validate("change").catch((e) => r(e)));
+		}), (e, t) => {
+			var r;
+			return P(), C(L(n.tag), {
+				id: B(u),
+				class: N(B(s).b("group")),
+				role: "group",
+				"aria-label": B(d) ? void 0 : n.ariaLabel || "checkbox-group",
+				"aria-labelledby": B(d) ? (r = B(l)) == null ? void 0 : r.labelId : void 0
+			}, {
+				default: W(() => [I(e.$slots, "default", {}, () => [(P(!0), T(te, null, ae(n.options, (e, t) => (P(), C(L(_.value), M({ key: t }, { ref_for: !0 }, g(e)), null, 16))), 128))])]),
+				_: 3
+			}, 8, [
+				"id",
+				"class",
+				"aria-label",
+				"aria-labelledby"
+			]);
+		};
+	}
+}), ye = p(Z, {
+	CheckboxButton: Q,
+	CheckboxGroup: $
+}), be = l(Q), xe = l($);
+//#endregion
+export { be as n, xe as r, ye as t };