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

package/chunks/Boq1bhQA.js

@@ -0,0 +1,17 @@
+import { l as e } from "./D73tXuJP.js";
+import { pick as t } from "lodash-unified";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/hooks/use-aria/index.mjs
+var n = e({
+	ariaLabel: String,
+	ariaOrientation: {
+		type: String,
+		values: [
+			"horizontal",
+			"vertical",
+			"undefined"
+		]
+	},
+	ariaControls: String
+}), r = (e) => t(n, e);
+//#endregion
+export { r as t };

package/chunks/BpYC6Tu9.js

@@ -0,0 +1,222 @@
+import { n as e, r as t, t as n } from "./BTBp2urE.js";
+import { n as r, t as i } from "./fICCbPEl.js";
+import { M as a, g as o, j as s, l as c, p as l, s as u, t as d, u as f } from "./D73tXuJP.js";
+import { F as p, t as m, y as h } from "./BtonI3XP.js";
+import { i as g, n as ee, r as te, t as _ } from "./Xdb_3Me6.js";
+import { t as v } from "./Boq1bhQA.js";
+import { a as y } from "./C-P8DAWg.js";
+import { t as b } from "./C6-wRuOv.js";
+import { computed as x, createBlock as S, createCommentVNode as C, createElementBlock as w, createElementVNode as T, createVNode as E, defineComponent as D, nextTick as O, normalizeClass as k, normalizeStyle as A, onMounted as j, openBlock as M, ref as ne, renderSlot as N, resolveDynamicComponent as P, shallowRef as re, toDisplayString as F, unref as I, watch as L, withCtx as R, withKeys as z, withModifiers as B } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/switch/src/switch.mjs
+var V = c({
+	modelValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	loading: Boolean,
+	size: {
+		type: String,
+		validator: b
+	},
+	width: {
+		type: [String, Number],
+		default: ""
+	},
+	inlinePrompt: Boolean,
+	inactiveActionIcon: { type: y },
+	activeActionIcon: { type: y },
+	activeIcon: { type: y },
+	inactiveIcon: { type: y },
+	activeText: {
+		type: String,
+		default: ""
+	},
+	inactiveText: {
+		type: String,
+		default: ""
+	},
+	activeValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !0
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	beforeChange: { type: f(Function) },
+	id: String,
+	tabindex: { type: [String, Number] },
+	...v(["ariaLabel"])
+}), H = {
+	[t]: (e) => l(e) || a(e) || o(e),
+	[n]: (e) => l(e) || a(e) || o(e),
+	[e]: (e) => l(e) || a(e) || o(e)
+}, U = [
+	"id",
+	"aria-checked",
+	"aria-disabled",
+	"aria-label",
+	"name",
+	"true-value",
+	"false-value",
+	"disabled",
+	"tabindex"
+], W = ["aria-hidden"], G = { key: 1 }, K = { key: 1 }, q = ["aria-hidden"], J = "ElSwitch", Y = d(/* @__PURE__ */ D({
+	name: J,
+	__name: "switch",
+	props: V,
+	emits: H,
+	setup(a, { expose: o, emit: c }) {
+		let d = a, f = c, { formItem: v } = _(), y = g(), b = u("switch"), { inputId: D } = ee(d, { formItemContext: v }), V = te(x(() => {
+			if (d.loading) return !0;
+		})), H = ne(d.modelValue !== !1), Y = re(), ie = x(() => [
+			b.b(),
+			b.m(y.value),
+			b.is("disabled", V.value),
+			b.is("checked", Z.value)
+		]), ae = x(() => [
+			b.e("label"),
+			b.em("label", "left"),
+			b.is("active", !Z.value)
+		]), oe = x(() => [
+			b.e("label"),
+			b.em("label", "right"),
+			b.is("active", Z.value)
+		]), se = x(() => ({ width: p(d.width) }));
+		L(() => d.modelValue, () => {
+			H.value = !0;
+		});
+		let X = x(() => H.value ? d.modelValue : !1), Z = x(() => X.value === d.activeValue);
+		[d.activeValue, d.inactiveValue].includes(X.value) || (f(t, d.inactiveValue), f(n, d.inactiveValue), f(e, d.inactiveValue)), L(Z, (e) => {
+			var t;
+			Y.value.checked = e, d.validateEvent && (v == null || (t = v.validate) == null || t.call(v, "change").catch((e) => i(e)));
+		});
+		let Q = () => {
+			let r = Z.value ? d.inactiveValue : d.activeValue;
+			f(t, r), f(n, r), f(e, r), O(() => {
+				Y.value.checked = Z.value;
+			});
+		}, $ = () => {
+			if (V.value) return;
+			let { beforeChange: e } = d;
+			if (!e) {
+				Q();
+				return;
+			}
+			let t = e();
+			[s(t), l(t)].includes(!0) || r(J, "beforeChange must return type `Promise<boolean>` or `boolean`"), s(t) ? t.then((e) => {
+				e && Q();
+			}).catch((e) => {
+				i(J, `some error occurred: ${e}`);
+			}) : t && Q();
+		};
+		return j(() => {
+			Y.value.checked = Z.value;
+		}), o({
+			focus: () => {
+				var e, t;
+				(e = Y.value) == null || (t = e.focus) == null || t.call(e);
+			},
+			checked: Z
+		}), (e, t) => (M(), w("div", {
+			class: k(ie.value),
+			onClick: B($, ["prevent"])
+		}, [
+			T("input", {
+				id: I(D),
+				ref_key: "input",
+				ref: Y,
+				class: k(I(b).e("input")),
+				type: "checkbox",
+				role: "switch",
+				"aria-checked": Z.value,
+				"aria-disabled": I(V),
+				"aria-label": a.ariaLabel,
+				name: a.name,
+				"true-value": a.activeValue,
+				"false-value": a.inactiveValue,
+				disabled: I(V),
+				tabindex: a.tabindex,
+				onChange: Q,
+				onKeydown: z($, ["enter"])
+			}, null, 42, U),
+			!a.inlinePrompt && (a.inactiveIcon || a.inactiveText || e.$slots.inactive) ? (M(), w("span", {
+				key: 0,
+				class: k(ae.value)
+			}, [N(e.$slots, "inactive", {}, () => [a.inactiveIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(a.inactiveIcon)))]),
+				_: 1
+			})) : C("v-if", !0), !a.inactiveIcon && a.inactiveText ? (M(), w("span", {
+				key: 1,
+				"aria-hidden": Z.value
+			}, F(a.inactiveText), 9, W)) : C("v-if", !0)])], 2)) : C("v-if", !0),
+			T("span", {
+				class: k(I(b).e("core")),
+				style: A(se.value)
+			}, [a.inlinePrompt ? (M(), w("div", {
+				key: 0,
+				class: k(I(b).e("inner"))
+			}, [Z.value ? (M(), w("div", {
+				key: 1,
+				class: k(I(b).e("inner-wrapper"))
+			}, [N(e.$slots, "active", {}, () => [a.activeIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(a.activeIcon)))]),
+				_: 1
+			})) : C("v-if", !0), !a.activeIcon && a.activeText ? (M(), w("span", K, F(a.activeText), 1)) : C("v-if", !0)])], 2)) : (M(), w("div", {
+				key: 0,
+				class: k(I(b).e("inner-wrapper"))
+			}, [N(e.$slots, "inactive", {}, () => [a.inactiveIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(a.inactiveIcon)))]),
+				_: 1
+			})) : C("v-if", !0), !a.inactiveIcon && a.inactiveText ? (M(), w("span", G, F(a.inactiveText), 1)) : C("v-if", !0)])], 2))], 2)) : C("v-if", !0), T("div", { class: k(I(b).e("action")) }, [a.loading ? (M(), S(I(m), {
+				key: 0,
+				class: k(I(b).is("loading"))
+			}, {
+				default: R(() => [E(I(h))]),
+				_: 1
+			}, 8, ["class"])) : Z.value ? N(e.$slots, "active-action", { key: 1 }, () => [a.activeActionIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(a.activeActionIcon)))]),
+				_: 1
+			})) : C("v-if", !0)]) : Z.value ? C("v-if", !0) : N(e.$slots, "inactive-action", { key: 2 }, () => [a.inactiveActionIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(a.inactiveActionIcon)))]),
+				_: 1
+			})) : C("v-if", !0)])], 2)], 6),
+			!a.inlinePrompt && (a.activeIcon || a.activeText || e.$slots.active) ? (M(), w("span", {
+				key: 1,
+				class: k(oe.value)
+			}, [N(e.$slots, "active", {}, () => [a.activeIcon ? (M(), S(I(m), { key: 0 }, {
+				default: R(() => [(M(), S(P(a.activeIcon)))]),
+				_: 1
+			})) : C("v-if", !0), !a.activeIcon && a.activeText ? (M(), w("span", {
+				key: 1,
+				"aria-hidden": !Z.value
+			}, F(a.activeText), 9, q)) : C("v-if", !0)])], 2)) : C("v-if", !0)
+		], 2));
+	}
+}));
+//#endregion
+export { Y as t };

package/chunks/BqmuTTT4.js

@@ -0,0 +1,63 @@
+import { computed as e, createVNode as t } from "vue";
+//#endregion
+//#region src/components/flex/FlexItem.vue
+var n = {
+	name: "FlexItem",
+	props: {
+		flexRow: {
+			type: Boolean,
+			default: !1
+		},
+		flexColumn: {
+			type: Boolean,
+			default: !1
+		},
+		verticalCenter: {
+			type: Boolean,
+			default: !1
+		},
+		horizonCenter: {
+			type: Boolean,
+			default: !1
+		},
+		center: {
+			type: Boolean,
+			default: !1
+		},
+		textCenter: {
+			type: Boolean,
+			default: !1
+		},
+		relative: {
+			type: Boolean,
+			default: !1
+		},
+		absolute: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n, { slots: r }) {
+		let i = e(() => {
+			let e = n.relative || n.absolute;
+			return {
+				"flex-item-relative": e,
+				"flex-item": !e,
+				"horizon-center": n.center || n.horizonCenter,
+				"vertical-center": n.center || n.verticalCenter,
+				"text-center": n.textCenter,
+				"flex-column": n.flexColumn,
+				"flex-row": n.flexRow
+			};
+		});
+		return () => {
+			var e, a;
+			return n.absolute ? t("div", { class: i.value }, [t("div", {
+				class: "absolute",
+				style: "overflow:auto"
+			}, [(e = r.default) == null ? void 0 : e.call(r)])]) : t("div", { class: i.value }, [(a = r.default) == null ? void 0 : a.call(r)]);
+		};
+	}
+};
+//#endregion
+export { n as t };

package/chunks/BrgApSXu2.js

@@ -0,0 +1,6 @@
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/utils/numbers.mjs
+function e(e, t, n = .03) {
+	return e - t > n;
+}
+//#endregion
+export { e as t };

package/chunks/Bs7_SRve.js

@@ -0,0 +1,57 @@
+import "./B1EPd8qV.js";
+import { t as e } from "./CzjXqsNz2.js";
+import { allProps as t, predicate as n } from "../props/cascader.js";
+import { n as r, o as i } from "./Beh1v279.js";
+import { useDictionary as a } from "../hook/useDictionary.js";
+import { computed as o, createVNode as s, mergeProps as c } from "vue";
+import { findTreeChildren as l, isArray as u, isString as d, setParent as f } from "@web-utils/core";
+import { cloneDeep as p } from "@web-utils/integrations/lodash";
+//#endregion
+//#region src/components/form/FormCascader.vue
+var m = {
+	name: "FormCascader",
+	props: { ...t },
+	emits: { ...r },
+	setup(t, { emit: r, slots: m, attrs: h }) {
+		let { emitInput: g, render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = i(t, {
+			emit: r,
+			slots: m,
+			attrs: h,
+			predicate: n
+		}), { dictItems: S } = a(t), C = o(() => {
+			if (t.dictType) return S.value;
+			if (t.options) {
+				let e = p(t.options);
+				return t.last && f(e), e;
+			} else return [];
+		}), w = o(() => {
+			if (t.join) return u(t.modelValue) ? t.modelValue : d(t.modelValue) ? t.modelValue.split(t.separator) : [];
+			if (t.last) {
+				let [e] = l(C.value, (e) => e[t.valueKey] === t.modelValue), n = [];
+				for (; e;) n.push(e[t.valueKey]), e = e.parent;
+				return n.reverse();
+			}
+			return t.modelValue;
+		}), T = (e) => {
+			t.join && u(e) ? g(e.join(t.separator)) : g(t.last ? e[e.length - 1] : e);
+		};
+		return () => _({ vNodes: s(e, c(b.value, x.value, {
+			style: "width: 100%",
+			class: { "is-readonly": t.readonly },
+			"model-value": w.value,
+			options: C.value,
+			props: {
+				checkStrictly: t.checkStrictly,
+				label: t.labelKey,
+				value: t.valueKey,
+				emitPath: t.emitPath,
+				expandTrigger: "hover"
+			},
+			disabled: y.value,
+			placeholder: v.value,
+			"onUpdate:modelValue": T
+		}), null) });
+	}
+};
+//#endregion
+export { m as t };

package/chunks/BsfOPm1B2.js

@@ -0,0 +1,106 @@
+import "./B1EPd8qV.js";
+import { n as e, t } from "./BIEgauMd.js";
+import { n, o as r } from "./Beh1v279.js";
+import { useDictionary as i } from "../hook/useDictionary.js";
+import { allProps as a, predicate as o } from "../props/select.js";
+import { computed as s, createVNode as c, mergeProps as l, ref as u, watchEffect as d } from "vue";
+import { isNumber as f, isPlainObject as p, isString as m } from "@web-utils/core";
+//#endregion
+//#region src/components/form/FormSelect.vue
+var h = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...a },
+	emits: { ...n },
+	setup(n, { emit: a, slots: h, attrs: g }) {
+		let { emitInput: _, render: v, placeholder: y, disabled: b, listeners: x, inputProps: S } = r(n, {
+			emit: a,
+			slots: h,
+			attrs: g,
+			predicate: o,
+			messagePrefix: "请选择"
+		}), C = u(null), w = u(!1);
+		d(() => {
+			if (n.multiple && n.multipleStringMode) {
+				var e;
+				C.value = (e = n.modelValue) == null ? void 0 : e.split(",").filter((e) => e);
+			} else C.value = n.modelValue;
+		});
+		let T = (e) => {
+			if (n.multiple && n.multipleStringMode ? _(e.join(n.multipleStringSeparator)) : _(e), n.emitLabel) {
+				let t = O.value.find((t) => t[n.props.value] === e), r = t == null ? void 0 : t[n.props.label];
+				r !== n.optionLabel && a("update:optionLabel", r);
+			}
+		}, { dictItems: E } = i(n), D = u([]), O = s(() => {
+			if (n.dictType) return E.value;
+			if (n.remote) return D.value;
+			if (n.gender) return [{
+				[n.props.label]: "男",
+				[n.props.value]: n.chinese ? "男" : n.typing ? 1 : "1"
+			}, {
+				[n.props.label]: "女",
+				[n.props.value]: n.chinese ? "女" : n.typing ? 2 : "2"
+			}];
+			if (n.confirm) return [{
+				[n.props.label]: "是",
+				[n.props.value]: n.chinese ? "是" : n.english ? "Y" : n.typing ? 1 : "1"
+			}, {
+				[n.props.label]: "否",
+				[n.props.value]: n.chinese ? "否" : n.english ? "N" : n.typing ? 0 : "0"
+			}];
+			if (n.all) return [{
+				[n.props.value]: "",
+				[n.props.label]: "全部"
+			}, ...n.options];
+			if (n.start && n.end) return Array(n.end - n.start + 1).fill(1).map((e, t) => ({
+				[n.props.label]: n.start + t,
+				[n.props.value]: n.start + t
+			}));
+			if (n.year) {
+				let e = (/* @__PURE__ */ new Date()).getFullYear(), t = [], r = 10;
+				f(n.year) && (r = n.year);
+				for (let i = -r; i <= r; i++) {
+					let r = e + i;
+					t.push({
+						[n.props.label]: r,
+						[n.props.value]: r
+					});
+				}
+				return t;
+			}
+			return n.options ? n.options.map((e) => (e[n.props.value] = e[n.props.value] ?? e[n.props.label], e)) : [];
+		}), k = async (e) => {
+			try {
+				var t;
+				w.value = !0;
+				let r = await n.remoteMethod(e, n.prop);
+				((t = r.data.data) == null ? void 0 : t.length) >= 0 ? m(r.data.data[0]) ? D.value = r.data.data.map((e) => ({
+					[n.props.value]: e,
+					[n.props.label]: e
+				})) : p(r.data.data[0]) && (D.value = r.data.data) : D.value = [];
+			} catch {}
+			w.value = !1;
+		};
+		return d(() => {
+			n.remote && k();
+		}), () => v({ vNodes: c(e, l(x.value, S.value, {
+			offset: n.dropDownOffset,
+			"model-value": C.value,
+			"onUpdate:modelValue": T,
+			disabled: b.value,
+			placeholder: y.value
+		}), {
+			...h,
+			default: h.default || (() => {
+				var e;
+				return (e = O.value) == null ? void 0 : e.map(({ value: e, label: n }) => c(t, {
+					key: e,
+					label: n,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { h as t };

package/chunks/BtPj4Jsp2.js

@@ -0,0 +1,42 @@
+import { n as e, o as t } from "./Beh1v279.js";
+import { t as n } from "./C_WXMlg42.js";
+import { allProps as r, predicate as i } from "../props/tree-select-multiple.js";
+import { createVNode as a, mergeProps as o } from "vue";
+//#endregion
+//#region src/components/form/FormTreeSelectMultiple.vue
+var s = {
+	name: "FormTreeSelectMultiple",
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, attrs: s, slots: c }) {
+		let { render: l, placeholder: u, disabled: d, listeners: f, inputProps: p, emitInput: m } = t(e, {
+			emit: r,
+			slots: c,
+			attrs: s,
+			predicate: i
+		}), h = (e) => (e.children && !e.children.length && delete e.children, {
+			id: e.id,
+			label: e.name,
+			isDisabled: !1,
+			children: []
+		}), g = (t) => {
+			m([...e.modelValue, t.id]);
+		}, _ = (t) => {
+			m(e.modelValue.filter((e) => e !== t.id));
+		};
+		return () => l({ vNodes: a(n, o(p.value, f.value, {
+			class: ["form-tree-select", { "is-readonly": e.readonly }],
+			disabled: d.value,
+			defaultExpandLevel: 0,
+			placeholder: u.value,
+			onSelect: g,
+			onDeselect: _,
+			normalizer: h
+		}), { "value-label": ({ node: e }) => {
+			var t;
+			return (t = c["value-label"]) == null ? void 0 : t.call(c, { node: e });
+		} }) });
+	}
+};
+//#endregion
+export { s as t };