@web-utils/form-ui 1.0.0-beta57 → 1.0.0-beta59

package/checkbox-rOSkyEjK.js

@@ -0,0 +1,438 @@
+import { At as e, Et as t, Ht as n, It as r, K as i, Q as a, U as o, a as s, c, fn as l, ft as u, gt as d, ht as f, i as p, jt as m, kt as h, mn as g, o as _, q as v, rt as y, s as b, zt as ee } from "./_plugin-vue_export-helper-BbfgGJ0Y.js";
+import { Fragment as x, 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 te, openBlock as F, provide as ne, ref as I, renderList as re, renderSlot as L, resolveDynamicComponent as R, toDisplayString as ie, toRaw as ae, toRefs as oe, unref as z, useSlots as B, vModelCheckbox as V, watch as H, withCtx as U, withDirectives as W, withModifiers as G } from "vue";
+import { isEqual as K, omit as se, pick as ce } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/hooks/use-deprecated/index.mjs
+var q = ({ from: e, replacement: t, scope: n, version: r, ref: i, type: a = "API" }, o) => {
+	H(() => z(o), (o) => {
+		o && u(n, `[${a}] ${e} is about to be deprecated in version ${r}, please use ${t} instead.
+For more detail, please visit: ${i}
+`);
+	}, { immediate: !0 });
+}, 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: a,
+	tabindex: [String, Number],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	ariaLabel: String,
+	...v(["ariaControls"])
+}, Y = {
+	[g]: (e) => n(e) || h(e) || t(e),
+	change: (e) => n(e) || h(e) || t(e)
+}, X = Symbol("checkboxGroupContextKey"), le = f({
+	modelValue: {
+		type: d(Array),
+		default: () => []
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	min: Number,
+	max: Number,
+	size: a,
+	fill: String,
+	textColor: String,
+	tag: {
+		type: String,
+		default: "div"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	options: { type: d(Array) },
+	props: {
+		type: d(Object),
+		default: () => Z
+	},
+	type: {
+		type: String,
+		values: ["checkbox", "button"],
+		default: "checkbox"
+	},
+	...v(["ariaLabel"])
+}), ue = {
+	[g]: (e) => r(e),
+	change: (e) => r(e)
+}, Z = {
+	label: "label",
+	value: "value",
+	disabled: "disabled"
+}, de = ({ model: e, isChecked: t }) => {
+	let n = A(X, void 0), r = A(c, 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 !m(a) && e.value.length >= a && !t.value || !m(o) && e.value.length <= o && t.value;
+	});
+	return {
+		isDisabled: _(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(X, void 0), { formItem: s } = p(), { emit: c } = 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, t) {
+		c(l, d(e), t);
+	}
+	function m(e) {
+		if (n.value) return;
+		let t = e.target;
+		c(l, d(t.checked), e);
+	}
+	async function h(o) {
+		n.value || !r.value && !i.value && a.value && (o.composedPath().some((e) => e.tagName === "LABEL") || (t.value = d([
+			!1,
+			e.falseValue,
+			e.falseLabel
+		].includes(t.value)), await N(), f(t.value, o)));
+	}
+	let g = S(() => (o == null ? void 0 : o.validateEvent) || e.validateEvent);
+	return H(() => e.modelValue, () => {
+		g.value && (s == null || s.validate("change").catch((e) => u(e)));
+	}), {
+		handleChange: m,
+		onClickRoot: h
+	};
+}, pe = (e) => {
+	let t = I(!1), { emit: n, vnode: i } = k(), a = A(X, void 0), o = S(() => m(a) === !1), s = I(!1), c = S(() => {
+		let e = i.props ?? {};
+		return "modelValue" in e || "model-value" in e;
+	}), l = S({
+		get() {
+			var n;
+			return o.value ? a == null || (n = a.modelValue) == null ? void 0 : n.value : c.value ? e.modelValue : t.value;
+		},
+		set(e) {
+			if (o.value && r(e)) {
+				var i, c;
+				s.value = (a == null || (i = a.max) == null ? void 0 : i.value) !== void 0 && e.length > (a == null ? void 0 : a.max.value) && e.length > l.value.length, s.value === !1 && (a == null || (c = a.changeEvent) == null || c.call(a, e));
+			} else n(g, e), t.value = e;
+		}
+	});
+	return {
+		model: l,
+		isGroup: o,
+		isLimitExceeded: s
+	};
+}, me = (n, i, { model: a }) => {
+	let o = A(X, void 0), s = I(!1), c = S(() => e(n.value) ? n.label : n.value), l = S(() => {
+		let e = a.value;
+		return t(e) ? e : r(e) ? ee(c.value) ? e.map(ae).some((e) => K(e, c.value)) : e.map(ae).includes(c.value) : e == null ? !!e : e === n.trueValue || e === n.trueLabel;
+	});
+	return {
+		checkboxButtonSize: b(S(() => {
+			var e;
+			return o == null || (e = o.size) == null ? void 0 : e.value;
+		}), { prop: !0 }),
+		isChecked: l,
+		isFocused: s,
+		checkboxSize: b(S(() => {
+			var e;
+			return o == null || (e = o.size) == null ? void 0 : e.value;
+		})),
+		hasOwnLabel: S(() => !!i.default || !e(c.value)),
+		actualValue: c
+	};
+}, Q = (t, n) => {
+	let { formItem: i } = p(), { model: a, isGroup: o, isLimitExceeded: c } = pe(t), { isFocused: l, isChecked: u, checkboxButtonSize: d, checkboxSize: f, hasOwnLabel: m, actualValue: h } = me(t, n, { model: a }), { isDisabled: g } = de({
+		model: a,
+		isChecked: u
+	}), { inputId: _, isLabeledByFormItem: v } = s(t, {
+		formItemContext: i,
+		disableIdGeneration: m,
+		disableIdManagement: o
+	}), { handleChange: y, onClickRoot: b } = fe(t, {
+		model: a,
+		isLimitExceeded: c,
+		hasOwnLabel: m,
+		isDisabled: g,
+		isLabeledByFormItem: v
+	});
+	return (() => {
+		function e() {
+			r(a.value) && !a.value.includes(h.value) ? a.value.push(h.value) : a.value = t.trueValue ?? t.trueLabel ?? !0;
+		}
+		t.checked && e();
+	})(), q({
+		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(() => o.value && e(t.value))), q({
+		from: "true-label",
+		replacement: "true-value",
+		version: "3.0.0",
+		scope: "el-checkbox",
+		ref: "https://element-plus.org/en-US/component/checkbox.html"
+	}, S(() => !!t.trueLabel)), q({
+		from: "false-label",
+		replacement: "false-value",
+		version: "3.0.0",
+		scope: "el-checkbox",
+		ref: "https://element-plus.org/en-US/component/checkbox.html"
+	}, S(() => !!t.falseLabel)), {
+		inputId: _,
+		isLabeledByFormItem: v,
+		isChecked: u,
+		isDisabled: g,
+		isFocused: l,
+		checkboxButtonSize: d,
+		checkboxSize: f,
+		hasOwnLabel: m,
+		model: a,
+		actualValue: h,
+		handleChange: y,
+		onClickRoot: b
+	};
+}, he = [
+	"id",
+	"indeterminate",
+	"name",
+	"tabindex",
+	"disabled"
+], ge = /* @__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: f } = Q(t, B()), p = 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 }), m = y("checkbox"), h = S(() => [
+			m.b(),
+			m.m(s.value),
+			m.is("disabled", a.value),
+			m.is("bordered", t.border),
+			m.is("checked", i.value)
+		]), g = S(() => [
+			m.e("input"),
+			m.is("disabled", a.value),
+			m.is("checked", i.value),
+			m.is("indeterminate", t.indeterminate),
+			m.is("focus", o.value)
+		]);
+		return (t, i) => (F(), C(R(!z(c) && z(r) ? "span" : "label"), {
+			for: !z(c) && z(r) ? null : z(n),
+			class: P(h.value),
+			"aria-controls": e.indeterminate ? e.ariaControls : null,
+			"aria-checked": e.indeterminate ? "mixed" : void 0,
+			"aria-label": e.ariaLabel,
+			onClick: z(f)
+		}, {
+			default: U(() => [E("span", { class: P(g.value) }, [W(E("input", M({
+				id: z(n),
+				"onUpdate:modelValue": i[0] || (i[0] = (e) => j(l) ? l.value = e : null),
+				class: z(m).e("original"),
+				type: "checkbox",
+				indeterminate: e.indeterminate,
+				name: e.name,
+				tabindex: e.tabindex,
+				disabled: z(a)
+			}, p.value, {
+				onChange: i[1] || (i[1] = (...e) => z(d) && z(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] = G(() => {}, ["stop"]))
+			}), null, 16, he), [[V, z(l)]]), E("span", { class: P(z(m).e("inner")) }, null, 2)], 2), z(c) ? (F(), T("span", {
+				key: 0,
+				class: P(z(m).e("label"))
+			}, [L(t.$slots, "default"), t.$slots.default ? w("v-if", !0) : (F(), T(x, { key: 0 }, [D(ie(e.label), 1)], 64))], 2)) : w("v-if", !0)]),
+			_: 3
+		}, 8, [
+			"for",
+			"class",
+			"aria-controls",
+			"aria-checked",
+			"aria-label",
+			"onClick"
+		]));
+	}
+}), _e = [
+	"name",
+	"tabindex",
+	"disabled"
+], $ = /* @__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 } = Q(t, B()), 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 = y("checkbox"), f = 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
+			};
+		}), p = 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) => (F(), T("label", { class: P(p.value) }, [W(E("input", M({
+			"onUpdate:modelValue": a[0] || (a[0] = (e) => j(o) ? o.value = e : null),
+			class: z(d).be("button", "original"),
+			type: "checkbox",
+			name: e.name,
+			tabindex: e.tabindex,
+			disabled: z(i)
+		}, l.value, {
+			onChange: a[1] || (a[1] = (...e) => z(c) && z(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] = G(() => {}, ["stop"]))
+		}), null, 16, _e), [[V, z(o)]]), t.$slots.default || e.label ? (F(), T("span", {
+			key: 0,
+			class: P(z(d).be("button", "inner")),
+			style: te(z(r) ? f.value : void 0)
+		}, [L(t.$slots, "default", {}, () => [D(ie(e.label), 1)])], 6)) : w("v-if", !0)], 2));
+	}
+}), ve = /* @__PURE__ */ O({
+	name: "ElCheckboxGroup",
+	__name: "checkbox-group",
+	props: le,
+	emits: ue,
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = y("checkbox"), a = _(), { formItem: o } = p(), { inputId: c, isLabeledByFormItem: d } = s(n, { formItemContext: o }), f = async (e) => {
+			r(g, e), await N(), r(l, e);
+		}, m = S({
+			get() {
+				return n.modelValue;
+			},
+			set(e) {
+				f(e);
+			}
+		}), h = S(() => ({
+			...Z,
+			...n.props
+		})), v = (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
+			};
+		}, b = S(() => n.type === "button" ? $ : ge);
+		return ne(X, {
+			...ce(oe(n), [
+				"size",
+				"min",
+				"max",
+				"validateEvent",
+				"fill",
+				"textColor"
+			]),
+			disabled: a,
+			modelValue: m,
+			changeEvent: f
+		}), H(() => n.modelValue, (e, t) => {
+			n.validateEvent && !K(e, t) && (o == null || o.validate("change").catch((e) => u(e)));
+		}), (t, n) => {
+			var r;
+			return F(), C(R(e.tag), {
+				id: z(c),
+				class: P(z(i).b("group")),
+				role: "group",
+				"aria-label": z(d) ? void 0 : e.ariaLabel || "checkbox-group",
+				"aria-labelledby": z(d) ? (r = z(o)) == null ? void 0 : r.labelId : void 0
+			}, {
+				default: U(() => [L(t.$slots, "default", {}, () => [(F(!0), T(x, null, re(e.options, (e, t) => (F(), C(R(b.value), M({ key: t }, { ref_for: !0 }, v(e)), null, 16))), 128))])]),
+				_: 3
+			}, 8, [
+				"id",
+				"class",
+				"aria-label",
+				"aria-labelledby"
+			]);
+		};
+	}
+}), ye = o(ge, {
+	CheckboxButton: $,
+	CheckboxGroup: ve
+}), be = i($), xe = i(ve);
+//#endregion
+export { q as i, be as n, xe as r, ye as t };

package/chunks/{BXrA0SYn2.mjs → 3gUkQF12.mjs}

@@ -1,9 +1,9 @@
-import { s as e } from "./DuOxL6xh.mjs";
+import { s as e } from "./D-hj62se2.mjs";
 import { goBack as t, hasAuthority as n } from "../api/index.mjs";
 import { toolbarContextKey as r } from "../constants/index.mjs";
-import { t as i } from "./usyXQe35.mjs";
-import { NOOP as a, capitalize as o } from "@web-utils/core";
-import { Comment as s, createVNode as c } from "vue";
+import { t as i } from "./DhQF2ZlD.mjs";
+import { Comment as a, createVNode as o } from "vue";
+import { NOOP as s, capitalize as c } from "@web-utils/core";
 //#region src/components/toolbar/Toolbar.vue?vue&type=script&lang.jsx
 var l = {
 	back: {
@@ -140,12 +140,12 @@ var l = {
 		goBack() {
 			t(this.$route.path);
 		},
-		createButton(t, { label: n, icon: r, type: s, separateLine: l = !0, loadable: u, circle: d, onClick: f, title: p }) {
+		createButton(t, { label: n, icon: r, type: a, separateLine: l = !0, loadable: u, circle: d, onClick: f, title: p }) {
 			var m;
 			let h, g = ((m = this.label) == null ? void 0 : m[t]) || n;
 			return h = f || (["back", "cancel"].includes(t) ? this.goBack : (n) => {
-				(e(this.$attrs, { withOn: !0 })[`on${o(t)}`] || a)(n);
-			}), c(i, {
+				(e(this.$attrs, { withOn: !0 })[`on${c(t)}`] || s)(n);
+			}), o(i, {
 				"separate-line": l,
 				icon: r,
 				title: p,
@@ -153,7 +153,7 @@ var l = {
 				loadable: u,
 				circle: d,
 				footer: this.footer,
-				type: s,
+				type: a,
 				onClick: h
 			}, null);
 		},
@@ -166,14 +166,14 @@ var l = {
 					var n, r;
 					return ((n = (r = this.$slots)[e]) == null ? void 0 : n.call(r)) || i(e, t);
 				} else if (e === "slot") {
-					var a, o;
-					let e = ((a = (o = this.$slots).default) == null ? void 0 : a.call(o, {
+					var o, s;
+					let e = ((o = (s = this.$slots).default) == null ? void 0 : o.call(s, {
 						buttons: this.buttons,
 						footer: this.footer
 					})) ?? null;
 					if (e && e.length === 1) {
 						var c;
-						return e == null || (c = e[0]) == null || (c = c.children) == null ? void 0 : c.filter((e) => e.type !== s);
+						return e == null || (c = e[0]) == null || (c = c.children) == null ? void 0 : c.filter((e) => e.type !== a);
 					}
 					return e || [];
 				} else return null;
@@ -200,7 +200,7 @@ var l = {
 		}
 	},
 	render() {
-		return this.footer ? c("div", { class: "footer-bar" }, [this.getLeftButtons()]) : c("div", { class: "toolbar" }, [c("div", { class: "toolbar-left" }, [this.getLeftButtons()]), c("div", { class: "toolbar-right" }, [this.getRightButtons()])]);
+		return this.footer ? o("div", { class: "footer-bar" }, [this.getLeftButtons()]) : o("div", { class: "toolbar" }, [o("div", { class: "toolbar-left" }, [this.getLeftButtons()]), o("div", { class: "toolbar-right" }, [this.getRightButtons()])]);
 	}
 };
 //#endregion