@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/chunks/BvtVUXOb2.js

@@ -0,0 +1,273 @@
+import { r as e, t } from "./BTBp2urE.js";
+import { r as n } from "./BCLWjhEJ.js";
+import { t as r } from "./fICCbPEl.js";
+import { M as i, _ as a, g as o, i as s, l as c, p as l, s as u, t as d, u as f } from "./D73tXuJP.js";
+import { t as p } from "./C-i5OhEv.js";
+import { i as m, n as h, r as g, t as ee } from "./Xdb_3Me6.js";
+import { t as _ } from "./C0IscOmB.js";
+import { t as v } from "./Boq1bhQA.js";
+import { Fragment as y, computed as b, createBlock as te, createElementBlock as x, createElementVNode as S, createTextVNode as C, defineComponent as w, inject as ne, isRef as T, mergeProps as E, nextTick as D, normalizeClass as O, normalizeStyle as k, onMounted as A, openBlock as j, provide as M, reactive as re, ref as N, renderList as ie, renderSlot as P, resolveDynamicComponent as ae, toDisplayString as F, toRefs as I, unref as L, vModelRadio as R, watch as z, withDirectives as B, withModifiers as V } from "vue";
+import { isEqual as H, omit as U } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/radio/src/radio.mjs
+var W = c({
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	},
+	size: n,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	label: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	},
+	value: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	},
+	name: {
+		type: String,
+		default: void 0
+	}
+}), G = c({
+	...W,
+	border: Boolean
+}), K = {
+	[e]: (e) => i(e) || o(e) || l(e),
+	[t]: (e) => i(e) || o(e) || l(e)
+}, q = Symbol("radioGroupKey"), oe = c({ ...W }), J = {
+	label: "label",
+	value: "value",
+	disabled: "disabled"
+}, se = c({
+	id: {
+		type: String,
+		default: void 0
+	},
+	size: n,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	modelValue: {
+		type: [
+			String,
+			Number,
+			Boolean
+		],
+		default: void 0
+	},
+	fill: {
+		type: String,
+		default: ""
+	},
+	textColor: {
+		type: String,
+		default: ""
+	},
+	name: {
+		type: String,
+		default: void 0
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	options: { type: f(Array) },
+	props: {
+		type: f(Object),
+		default: () => J
+	},
+	type: {
+		type: String,
+		values: ["radio", "button"],
+		default: "radio"
+	},
+	...v(["ariaLabel"])
+}), ce = K, Y = (e, t) => {
+	let n = N(), r = ne(q, void 0), i = b(() => !!r), o = b(() => a(e.value) ? e.label : e.value), s = b({
+		get() {
+			return i.value ? r.modelValue : e.modelValue;
+		},
+		set(a) {
+			i.value ? r.changeEvent(a) : t && t("update:modelValue", a), n.value.checked = e.modelValue === o.value;
+		}
+	}), c = m(b(() => r == null ? void 0 : r.size)), l = g(b(() => r == null ? void 0 : r.disabled)), u = N(!1), d = b(() => l.value || i.value && s.value !== o.value ? -1 : 0);
+	return p({
+		from: "label act as value",
+		replacement: "value",
+		version: "3.0.0",
+		scope: "el-radio",
+		ref: "https://element-plus.org/en-US/component/radio.html"
+	}, b(() => i.value && a(e.value))), {
+		radioRef: n,
+		isGroup: i,
+		radioGroup: r,
+		focus: u,
+		size: c,
+		disabled: l,
+		tabIndex: d,
+		modelValue: s,
+		actualValue: o
+	};
+}, le = [
+	"value",
+	"name",
+	"disabled",
+	"checked"
+], X = /* @__PURE__ */ w({
+	name: "ElRadio",
+	__name: "radio",
+	props: G,
+	emits: K,
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = u("radio"), { radioRef: o, radioGroup: s, focus: c, size: l, disabled: d, modelValue: f, actualValue: p } = Y(r, i);
+		function m() {
+			D(() => i(t, f.value));
+		}
+		return (t, n) => {
+			var r;
+			return j(), x("label", { class: O([
+				L(a).b(),
+				L(a).is("disabled", L(d)),
+				L(a).is("focus", L(c)),
+				L(a).is("bordered", e.border),
+				L(a).is("checked", L(f) === L(p)),
+				L(a).m(L(l))
+			]) }, [S("span", { class: O([
+				L(a).e("input"),
+				L(a).is("disabled", L(d)),
+				L(a).is("checked", L(f) === L(p))
+			]) }, [B(S("input", {
+				ref_key: "radioRef",
+				ref: o,
+				"onUpdate:modelValue": n[0] || (n[0] = (e) => T(f) ? f.value = e : null),
+				class: O(L(a).e("original")),
+				value: L(p),
+				name: e.name || ((r = L(s)) == null ? void 0 : r.name),
+				disabled: L(d),
+				checked: L(f) === L(p),
+				type: "radio",
+				onFocus: n[1] || (n[1] = (e) => c.value = !0),
+				onBlur: n[2] || (n[2] = (e) => c.value = !1),
+				onChange: m,
+				onClick: n[3] || (n[3] = V(() => {}, ["stop"]))
+			}, null, 42, le), [[R, L(f)]]), S("span", { class: O(L(a).e("inner")) }, null, 2)], 2), S("span", {
+				class: O(L(a).e("label")),
+				onKeydown: n[4] || (n[4] = V(() => {}, ["stop"]))
+			}, [P(t.$slots, "default", {}, () => [C(F(e.label), 1)])], 34)], 2);
+		};
+	}
+}), ue = [
+	"value",
+	"name",
+	"disabled"
+], Z = /* @__PURE__ */ w({
+	name: "ElRadioButton",
+	__name: "radio-button",
+	props: oe,
+	setup(e) {
+		let t = e, n = u("radio"), { radioRef: r, focus: i, size: a, disabled: o, modelValue: s, radioGroup: c, actualValue: l } = Y(t), d = b(() => ({
+			backgroundColor: (c == null ? void 0 : c.fill) || "",
+			borderColor: (c == null ? void 0 : c.fill) || "",
+			boxShadow: c != null && c.fill ? `-1px 0 0 0 ${c.fill}` : "",
+			color: (c == null ? void 0 : c.textColor) || ""
+		}));
+		return (t, u) => {
+			var f;
+			return j(), x("label", { class: O([
+				L(n).b("button"),
+				L(n).is("active", L(s) === L(l)),
+				L(n).is("disabled", L(o)),
+				L(n).is("focus", L(i)),
+				L(n).bm("button", L(a))
+			]) }, [B(S("input", {
+				ref_key: "radioRef",
+				ref: r,
+				"onUpdate:modelValue": u[0] || (u[0] = (e) => T(s) ? s.value = e : null),
+				class: O(L(n).be("button", "original-radio")),
+				value: L(l),
+				type: "radio",
+				name: e.name || ((f = L(c)) == null ? void 0 : f.name),
+				disabled: L(o),
+				onFocus: u[1] || (u[1] = (e) => i.value = !0),
+				onBlur: u[2] || (u[2] = (e) => i.value = !1),
+				onClick: u[3] || (u[3] = V(() => {}, ["stop"]))
+			}, null, 42, ue), [[R, L(s)]]), S("span", {
+				class: O(L(n).be("button", "inner")),
+				style: k(L(s) === L(l) ? d.value : {}),
+				onKeydown: u[4] || (u[4] = V(() => {}, ["stop"]))
+			}, [P(t.$slots, "default", {}, () => [C(F(e.label), 1)])], 38)], 2);
+		};
+	}
+}), Q = [
+	"id",
+	"aria-label",
+	"aria-labelledby"
+], $ = /* @__PURE__ */ w({
+	name: "ElRadioGroup",
+	__name: "radio-group",
+	props: se,
+	emits: ce,
+	setup(n, { emit: i }) {
+		let a = n, o = i, s = u("radio"), c = _(), l = N(), { formItem: d } = ee(), { inputId: f, isLabeledByFormItem: p } = h(a, { formItemContext: d }), m = (n) => {
+			o(e, n), D(() => o(t, n));
+		};
+		A(() => {
+			let e = l.value.querySelectorAll("[type=radio]"), t = e[0];
+			!Array.from(e).some((e) => e.checked) && t && (t.tabIndex = 0);
+		});
+		let g = b(() => a.name || c.value), v = b(() => ({
+			...J,
+			...a.props
+		})), S = (e) => {
+			let { label: t, value: n, disabled: r } = v.value, i = {
+				label: e[t],
+				value: e[n],
+				disabled: e[r]
+			};
+			return {
+				...U(e, [
+					t,
+					n,
+					r
+				]),
+				...i
+			};
+		}, C = b(() => a.type === "button" ? Z : X);
+		return M(q, re({
+			...I(a),
+			changeEvent: m,
+			name: g
+		})), z(() => a.modelValue, (e, t) => {
+			a.validateEvent && !H(e, t) && (d == null || d.validate("change").catch((e) => r(e)));
+		}), (e, t) => (j(), x("div", {
+			id: L(f),
+			ref_key: "radioGroupRef",
+			ref: l,
+			class: O(L(s).b("group")),
+			role: "radiogroup",
+			"aria-label": L(p) ? void 0 : n.ariaLabel || "radio-group",
+			"aria-labelledby": L(p) ? L(d).labelId : void 0
+		}, [P(e.$slots, "default", {}, () => [(j(!0), x(y, null, ie(n.options, (e, t) => (j(), te(ae(C.value), E({ key: t }, { ref_for: !0 }, S(e)), null, 16))), 128))])], 10, Q));
+	}
+}), de = d(X, {
+	RadioButton: Z,
+	RadioGroup: $
+}), fe = s($), pe = s(Z);
+//#endregion
+export { pe as n, fe as r, de as t };