@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/chunks/checkbox.C_9WZ8gc.mjs

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