@web-utils/component 4.0.15 → 5.0.0-beta01

package/chunks/_plugin-vue_export-helper.7vrlOII_.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/chunks/checkbox.emIuFmnt.mjs

@@ -0,0 +1,437 @@
+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 { r as c } from "./use-size.DxrwTUwf.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.wsRjehHp.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 };