@web-utils/component 5.0.0-beta01 → 5.0.0-beta03

package/chunks/checkbox.AmhCpaBZ.mjs

@@ -0,0 +1,438 @@
+import { r as e, t } from "./event.ZRs4J5TN.mjs";
+import { r as n } from "./use-size.CoorvF12.mjs";
+import { _ as r, d as i, m as a, o, r as s, t as c } from "./install.BJl2MN77.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.CraPDfJA.mjs";
+import { t as g } from "./use-deprecated.vx6LTDA_.mjs";
+import { i as _, n as v, r as y, t as b } from "./use-form-item.DMDTkMq9.mjs";
+import { t as x } from "./use-aria.B9uqqWAE.mjs";
+import { t as ee } from "./constants.Dw7hXt67.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.6_typescr_b86181ecd25892dfea09546870d44c51/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) => r(e) || p(e) || u(e),
+	change: (e) => r(e) || p(e) || u(e)
+}, X = Symbol("checkboxGroupContextKey"), le = m({
+	modelValue: {
+		type: d(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: d(Array) },
+	props: {
+		type: d(Object),
+		default: () => de
+	},
+	type: {
+		type: String,
+		values: ["checkbox", "button"],
+		default: "checkbox"
+	},
+	...x(["ariaLabel"])
+}), ue = {
+	[e]: (e) => i(e),
+	change: (e) => i(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 !l(a) && e.value.length >= a && !t.value || !l(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: r, hasOwnLabel: i, isDisabled: a, isLabeledByFormItem: o }) => {
+	let s = A(X, void 0), { formItem: c } = b(), { 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, n) {
+		l(t, u(e), n);
+	}
+	function p(e) {
+		if (r.value) return;
+		let n = e.target;
+		l(t, u(n.checked), e);
+	}
+	async function m(t) {
+		r.value || !i.value && !a.value && o.value && (t.composedPath().some((e) => e.tagName === "LABEL") || (n.value = u([
+			!1,
+			e.falseValue,
+			e.falseLabel
+		].includes(n.value)), await ne(), d(n.value, t)));
+	}
+	let h = S(() => (s == null ? void 0 : s.validateEvent) || e.validateEvent);
+	return U(() => e.modelValue, () => {
+		h.value && (c == null || c.validate("change").catch((e) => f(e)));
+	}), {
+		handleChange: p,
+		onClickRoot: m
+	};
+}, me = (t) => {
+	let n = F(!1), { emit: r } = k(), a = A(X, void 0), o = S(() => l(a) === !1), s = F(!1), c = S({
+		get() {
+			var e;
+			return o.value ? a == null || (e = a.modelValue) == null ? void 0 : e.value : t.modelValue ?? n.value;
+		},
+		set(t) {
+			if (o.value && i(t)) {
+				var l, u;
+				s.value = (a == null || (l = a.max) == null ? void 0 : l.value) !== void 0 && t.length > (a == null ? void 0 : a.max.value) && t.length > c.value.length, s.value === !1 && (a == null || (u = a.changeEvent) == null || u.call(a, t));
+			} else r(e, t), n.value = t;
+		}
+	});
+	return {
+		model: c,
+		isGroup: o,
+		isLimitExceeded: s
+	};
+}, 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 u(t) ? t : i(t) ? a(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: a, 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: a
+	}), { handleChange: y, onClickRoot: x } = pe(e, {
+		model: r,
+		isLimitExceeded: o,
+		hasOwnLabel: d,
+		isDisabled: p,
+		isLabeledByFormItem: _
+	});
+	return (() => {
+		function t() {
+			i(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(() => 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: 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: s, checkboxSize: c, hasOwnLabel: l, model: u, actualValue: d, handleChange: f, 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: d.value }), h = o("checkbox"), g = S(() => [
+			h.b(),
+			h.m(c.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", s.value)
+		]);
+		return (t, i) => (P(), C(L(!B(l) && B(r) ? "span" : "label"), {
+			for: !B(l) && 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(u) ? u.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(f) && B(f)(...e)),
+				onFocus: i[2] || (i[2] = (e) => s.value = !0),
+				onBlur: i[3] || (i[3] = (e) => s.value = !1),
+				onClick: i[4] || (i[4] = K(() => {}, ["stop"]))
+			}), null, 16, _e), [[H, B(u)]]), E("span", { class: N(B(h).e("inner")) }, null, 2)], 2), B(l) ? (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: s, actualValue: c, handleChange: l } = ge(t, V()), 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(X, void 0), f = o("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", a.value),
+			f.is("disabled", i.value),
+			f.is("checked", r.value),
+			f.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(s) ? s.value = e : null),
+			class: B(f).be("button", "original"),
+			type: "checkbox",
+			name: e.name,
+			tabindex: e.tabindex,
+			disabled: B(i)
+		}, u.value, {
+			onChange: a[1] || (a[1] = (...e) => B(l) && B(l)(...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(s)]]), t.$slots.default || e.label ? (P(), T("span", {
+			key: 0,
+			class: N(B(f).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: r }) {
+		let i = n, a = r, s = o("checkbox"), c = y(), { formItem: l } = b(), { inputId: u, isLabeledByFormItem: d } = v(i, { formItemContext: l }), p = async (n) => {
+			a(e, n), await ne(), a(t, n);
+		}, m = S({
+			get() {
+				return i.modelValue;
+			},
+			set(e) {
+				p(e);
+			}
+		}), h = S(() => ({
+			...de,
+			...i.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(() => i.type === "button" ? Q : Z);
+		return ie(X, {
+			...ce(oe(i), [
+				"size",
+				"min",
+				"max",
+				"validateEvent",
+				"fill",
+				"textColor"
+			]),
+			disabled: c,
+			modelValue: m,
+			changeEvent: p
+		}), U(() => i.modelValue, (e, t) => {
+			i.validateEvent && !q(e, t) && (l == null || l.validate("change").catch((e) => f(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 = c(Z, {
+	CheckboxButton: Q,
+	CheckboxGroup: $
+});
+s(Q);
+var be = s($);
+//#endregion
+export { be as n, ye as t };

package/chunks/chunk.A6TnG60p.mjs

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { c as n, o as t };