@ithinkdt/ui 4.0.3 → 4.0.4

package/dist/components.js

@@ -1,2 +1,1609 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "./components-Blh7O5zj.js";
-export { n as DataActions, b as DataCustom, v as DataDescriptions, u as DataFilter, s as DataForm, o as DataFormActions, a as DataLocaleInput, i as DataPagination, _ as DataSelection, r as DataTable, m as DtDeptRender, c as DtUserDept, t as DtUserRender, y as NCheckboxes, h as NRadios, g as NStateButton, d as StateButtonProps, e as dataFormActionsProps, f as renderUsers, l as useDataTableDrag, p as useLocaleEdit };
+import { n as e } from "./use-i18n-Cmb7Xx7d.js";
+import t, { cB as n, cE as r, useClsPrefix as i } from "./use-style.js";
+import { i as a } from "./directives-DXNnV4xc.js";
+import { _ as o, a as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, v as C } from "./assets-_Fpf0gbI.js";
+import { Fragment as w, computed as T, createTextVNode as E, createVNode as D, defineAsyncComponent as O, defineComponent as k, h as A, inject as ee, isVNode as j, markRaw as M, mergeProps as N, nextTick as te, reactive as P, ref as F, shallowRef as ne, toRaw as re, toRef as ie, toValue as I, unref as ae, watch as L, withDirectives as oe } from "vue";
+import { until as se } from "@vueuse/core";
+import { NAnchor as ce, NAnchorLink as le, NAvatar as R, NAvatarGroup as ue, NButton as z, NCard as de, NCheckbox as B, NCheckboxGroup as fe, NDropdown as V, NEllipsis as pe, NEmpty as me, NFlex as H, NForm as he, NFormItem as ge, NGi as U, NGrid as _e, NIcon as W, NInput as ve, NList as ye, NListItem as be, NPagination as xe, NPopover as Se, NRadio as Ce, NRadioButton as we, NRadioGroup as Te, NSelect as Ee, NSpin as De, NTag as Oe, NText as ke, NTooltip as Ae, NTransfer as je, NTree as Me, NTreeSelect as Ne, formProps as Pe, useDialog as Fe } from "ithinkdt-ui";
+import { nanoid as Ie } from "nanoid";
+import { VOverflow as Le, VResizeObserver as Re } from "vueuc";
+import { Sortable as ze } from "sortablejs/modular/sortable.core.esm.js";
+import { isNullish as Be, pickProps as G } from "@ithinkdt/common/object";
+import { useFormItem as Ve } from "ithinkdt-ui/es/_mixins";
+import { measureText as He } from "@ithinkdt/common/string";
+import { useFormModal as Ue } from "@ithinkdt/page";
+import We from "ithinkdt-ui/es/_mixins/use-locale.mjs";
+import { flattenTree as Ge, walkTree as Ke } from "@ithinkdt/common";
+const qe = k({
+	name: "Checkboxes",
+	inheritAttrs: !1,
+	props: {
+		options: {
+			type: Array,
+			default: () => []
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		default: {
+			type: [
+				Boolean,
+				String,
+				Object
+			],
+			default: !1
+		},
+		gap: {
+			type: [
+				Number,
+				String,
+				Array
+			],
+			default: void 0
+		},
+		modelValue: {
+			type: Array,
+			default: void 0
+		},
+		labelPadding: {
+			type: String,
+			default: void 0
+		},
+		labelField: {
+			type: String,
+			default: "label"
+		},
+		valueField: {
+			type: String,
+			default: "value"
+		},
+		disabledField: {
+			type: String,
+			default: "disabled"
+		}
+	},
+	emits: {
+		"update:modelValue": () => !0,
+		updateModelValue: () => !0
+	},
+	setup(t, { emit: n, attrs: r }) {
+		let { t: i } = e(), a = T(() => t.default ? t.default === !0 ? i("common.all") : typeof t.default == "string" ? t.default : t.default?.[t.labelField] ?? i("common.all") : ""), o = F([]);
+		L(() => t.modelValue, (e) => o.value = e, { immediate: !0 });
+		let s = (e) => {
+			n("update:modelValue", e), n("updateModelValue", e);
+		}, c = () => {
+			s(o.value?.length === t.options.length ? [] : t.options.map((e) => e[t.valueField]));
+		}, l = T(() => t.options.length > o.value?.length && o.value?.length > 0), u = T(() => ({ "--n-label-padding": t.labelPadding }));
+		return () => {
+			let e = D(fe, N(r, {
+				value: o.value,
+				onUpdateValue: s
+			}), { default: () => [D(H, {
+				size: t.gap ?? (t.vertical ? void 0 : "small"),
+				vertical: t.vertical,
+				style: !t.default && t.vertical ? { padding: "6px 0 0" } : {}
+			}, { default: () => [t.options?.map((e) => D(B, {
+				value: e[t.valueField],
+				disabled: e[t.disabledField],
+				style: u.value
+			}, { default: () => [e[t.labelField]] }))] })] });
+			return t.default ? D(H, {
+				size: t.gap ?? (t.vertical ? void 0 : "small"),
+				vertical: t.vertical,
+				style: t.vertical ? { padding: "6px 0 0" } : {}
+			}, { default: () => [D("span", null, [D(B, {
+				indeterminate: l.value,
+				checked: o.value?.length > 0,
+				onUpdateChecked: c,
+				style: u.value
+			}, { default: () => [a.value] })]), e] }) : e;
+		};
+	}
+}), Je = k({
+	name: "DataActions",
+	props: { options: {
+		type: Array,
+		default: () => []
+	} },
+	setup(e) {
+		let t = F(), n = !0, r = () => {
+			n ? n = !1 : t.value?.sync({ showAllItemsBeforeCalculate: !0 });
+		}, i = F(), a = () => i.value, o = F(-1), s = (t) => {
+			o.value = e.options.length - t;
+		}, c = (e) => {
+			e || (o.value = -1);
+		}, l = () => {}, u = T(() => o.value === -1 ? [] : e.options.slice(o.value).map((e) => ({
+			...e,
+			key: e.text
+		}))), d = (e) => D(z, {
+			type: e.color === "danger" ? "error" : [
+				"default",
+				"tertiary",
+				"primary",
+				"info",
+				"success",
+				"warning",
+				"error"
+			].includes(e.color) ? e.color : "primary",
+			text: !0
+		}, { default: () => [e.text] }), p = (e, t) => {
+			t.onClick?.();
+		};
+		return () => D(Re, { onResize: r }, { default: () => [D(Le, {
+			ref: t,
+			getCounter: a,
+			onUpdateCount: s,
+			onUpdateOverflow: c,
+			updateCounter: l,
+			style: "margin-top: 2px"
+		}, {
+			default: () => e.options.map((e) => D(z, {
+				quaternary: !0,
+				type: e.color === "danger" ? "error" : [
+					"default",
+					"tertiary",
+					"primary",
+					"info",
+					"success",
+					"warning",
+					"error"
+				].includes(e.color) ? e.color : "primary",
+				size: "small",
+				onClick: e.onClick
+			}, { default: () => [e.text] })),
+			counter: () => D("span", {
+				ref: i,
+				style: "position: absolute"
+			}, [D(V, {
+				options: u.value,
+				renderLabel: d,
+				onSelect: p
+			}, { default: () => [D(z, {
+				quaternary: !0,
+				size: "small"
+			}, { default: () => [D(f, { style: "font-size: 14px; color: #888" }, null)] })] })])
+		})] });
+	}
+});
+function K(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !j(e);
+}
+var Ye = k({
+	name: "DataCustomRow",
+	props: {
+		label: [String, Function],
+		disabled: Boolean,
+		hidden: Boolean,
+		showFixed: Boolean,
+		fixed: [Boolean, String]
+	},
+	emits: ["update-hidden", "update-fixed"],
+	setup(e, { emit: t }) {
+		return () => {
+			let n;
+			return D(H, {
+				align: "center",
+				wrap: !1,
+				size: "small"
+			}, { default: () => [
+				D(z, {
+					type: "primary",
+					text: !0,
+					class: "icon-drag"
+				}, { default: () => [D(W, { size: "18" }, { default: () => [D(b, null, null)] })] }),
+				D(B, {
+					checked: !e.hidden,
+					disabled: e.disabled,
+					onUpdateChecked: (e) => t("update-hidden", !e)
+				}, null),
+				D(pe, { style: "flex: 1 1 auto" }, K(n = I(e.label)) ? n : { default: () => [n] }),
+				e.showFixed ? [D(z, {
+					text: !0,
+					type: e.fixed === "left" ? "primary" : void 0,
+					onClick: () => t("update-fixed", e.fixed === "left" ? !1 : "left")
+				}, { default: () => [D(W, null, { default: () => [D(h, null, null)] })] }), D(z, {
+					text: !0,
+					type: e.fixed === "right" ? "primary" : void 0,
+					onClick: () => t("update-fixed", e.fixed === "right" ? !1 : "right")
+				}, { default: () => [D(W, null, { default: () => [D(o, null, null)] })] })] : void 0
+			] });
+		};
+	}
+});
+const Xe = k({
+	name: "DataCustom",
+	props: {
+		data: {
+			type: Array,
+			required: !0
+		},
+		keyField: {
+			type: String,
+			default: "key"
+		},
+		labelField: {
+			type: String,
+			default: "label"
+		},
+		fixedField: {
+			type: String,
+			default: "fixed"
+		},
+		hiddenField: {
+			type: String,
+			default: "hidden"
+		},
+		showFixed: {
+			type: Boolean,
+			default: !0
+		},
+		disabledField: {
+			type: String,
+			default: "disabled"
+		},
+		visibleField: {
+			type: String,
+			default: "visible"
+		},
+		tooltip: [String, Object],
+		size: {
+			type: Number,
+			default: 20
+		},
+		type: { type: String }
+	},
+	emits: { custom: () => !0 },
+	setup(t, { emit: n }) {
+		let { t: r } = e();
+		function i(e, r, i) {
+			n("custom", {
+				key: e[t.keyField],
+				[r]: i
+			});
+		}
+		let o = F();
+		return L(o, (e) => {
+			e.$el && ze.create(e.$el, {
+				animation: 150,
+				ghostClass: "ghost",
+				handle: ".icon-drag",
+				filter: ".disabled",
+				onEnd(e) {
+					let r = t.data.map((e) => e[t.keyField]), [i] = r.splice(e.oldIndex, 1);
+					r.splice(e.newIndex, 0, i), n("custom", r);
+				}
+			});
+		}), () => D(Se, {
+			trigger: "click",
+			scrollable: !0,
+			placement: "left-start",
+			displayDirective: "show",
+			style: "max-height: 400px; width: 240px"
+		}, {
+			trigger: () => oe(D(z, {
+				text: !0,
+				type: t.type
+			}, { default: () => [D(W, { size: t.size }, { default: () => [D(p, null, null)] })] }), [[a, t.tooltip ?? r("common.page.custom.tooltip")]]),
+			default: () => {
+				let e, a;
+				return D(H, { vertical: !0 }, { default: () => [D(H, { justify: "space-between" }, { default: () => [D("div", { style: "font-weight: bold" }, [t.tooltip ?? r("common.page.custom.tooltip")]), D(z, {
+					text: !0,
+					type: "primary",
+					size: "small",
+					onClick: () => n("custom", !0)
+				}, K(e = r("common.page.custom.reset")) ? e : { default: () => [e] })] }), D(H, {
+					ref: o,
+					vertical: !0
+				}, K(a = t.data.filter((e) => e[t.visibleField] !== !1).map((e) => D(Ye, {
+					key: e[t.keyField],
+					label: e[t.labelField],
+					hidden: e[t.hiddenField],
+					fixed: e[t.fixedField],
+					showFixed: t.showFixed,
+					onUpdateHidden: (t) => i(e, "hidden", t),
+					onUpdateFixed: (t) => i(e, "fixed", t)
+				}, null))) ? a : { default: () => [a] })] });
+			}
+		});
+	}
+});
+function Ze(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !j(e);
+}
+function q(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Qe(e, t) {
+	return e.isGroup ? (e.__children ??= e.children?.filter((e) => e.isGroup) ?? [], D(le, { href: `#${e.prop}` }, {
+		title: () => q(e.label, t),
+		default: e.__children?.length ? () => e.__children.map((e) => Qe(e, t)) : void 0
+	})) : null;
+}
+function $e(e, t, n) {
+	return typeof e == "function" ? e(t, n) : e;
+}
+function et(e, t, n, r) {
+	return e.isGroup ? D("div", {
+		key: e.prop,
+		class: `${r}__group`,
+		id: e.prop
+	}, [D("div", { class: `${r}__title` }, [q(e.label, n)]), D("div", { class: `${r}__wrapper` }, [e.children?.map((e) => et(e, t, n, r))])]) : D("div", {
+		key: e.prop,
+		class: `${r}__item`,
+		style: {
+			"--descriptions-col-span": $e(e.colSpan, t, n) ?? 1,
+			"--descriptions-row-span": $e(e.rowSpan, t, n) ?? 1
+		}
+	}, [e.label ? D("div", { class: `${r}__label` }, [q(e.label, n)]) : void 0, D("div", { class: `${r}__content` }, [(n ? e.render ? e.render(n) : n[e.prop] : void 0) ?? D("span", { class: `${r}__nothing` }, [E("--")])])]);
+}
+const tt = k({
+	name: "DataDescriptions",
+	props: {
+		cols: {
+			type: Number,
+			default: 3
+		},
+		data: { type: Object },
+		items: {
+			type: Array,
+			default: () => []
+		},
+		title: { type: [String, Function] },
+		anchor: {
+			type: [Boolean, Object],
+			default: void 0
+		}
+	},
+	setup(e) {
+		let n = i(), r = `${n.value}-data-descriptions`;
+		t("-data-descriptions", nt, n);
+		let a = F();
+		L(() => e.items, () => {
+			location.hash && se(a).toBeTruthy().then((e) => {
+				e.scrollTo(location.hash);
+			});
+		}, { immediate: !0 });
+		let o = T(() => ({ "--descriptions-cols": e.cols })), s = T(() => N({
+			ref: a,
+			class: `${r}__anchor`,
+			showBackground: !1,
+			affix: !0
+		}, e.anchor && typeof e.anchor == "object" ? e.anchor : {}));
+		return () => {
+			let t, { cols: n, title: i, data: a, items: c, anchor: l } = e, u = Be(i) ? void 0 : D("div", { class: `${r}__header` }, [typeof i == "string" ? D("span", null, [i]) : i(a ?? void 0)]), d = c.filter((e) => !e.hiddden).map((e) => et(e, n, a, r)), f = l === !1 ? void 0 : D(ce, s.value, Ze(t = c.map((e) => A(Qe(e, a), { key: e.prop }))) ? t : { default: () => [t] });
+			return D("div", {
+				class: r,
+				style: o.value
+			}, [
+				u,
+				D("div", { class: `${r}__wrapper` }, [d]),
+				f
+			]);
+		};
+	}
+});
+var nt = n("data-descriptions", [
+	r("header", {
+		fontWeight: "bold",
+		fontSize: "1.125rem",
+		marginBottom: "24px"
+	}),
+	r("wrapper", {
+		gridTemplateColumns: "repeat(var(--descriptions-cols, 3), 1fr)",
+		display: "grid",
+		gap: "20px"
+	}, []),
+	r("group", { gridColumn: "span var(--descriptions-cols, 3)" }),
+	r("item", {
+		gridColumn: "span var(--descriptions-col-span, 3)",
+		gridRow: "span var(--descriptions-row-span, 3)"
+	}),
+	r("title", {
+		fontWeight: "bold",
+		fontSize: "1.125rem",
+		marginBottom: "20px",
+		marginTop: "24px"
+	}),
+	r("label", {
+		color: "#888",
+		paddingBottom: "6px"
+	}),
+	r("content", {
+		fontSize: "15px",
+		color: "var(--color-text)"
+	}),
+	r("anchor", {
+		position: "absolute",
+		zIndex: 2,
+		top: "40px",
+		right: "40px"
+	})
+]);
+const J = {
+	size: {
+		type: String,
+		default: void 0
+	},
+	gap: {
+		type: Number,
+		default: void 0
+	},
+	submitText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	resetText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	cancelText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	showSubmitBtn: {
+		type: Boolean,
+		required: !1,
+		default: !0
+	},
+	showResetBtn: {
+		type: Boolean,
+		required: !1,
+		default: !0
+	},
+	showCancelBtn: {
+		type: Boolean,
+		required: !1,
+		default: !1
+	},
+	submitDisabled: Boolean,
+	submitLoading: Boolean,
+	succeeded: {
+		type: Boolean,
+		default: void 0
+	},
+	successText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	failureText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	nativeButtonType: Boolean
+}, rt = k({
+	name: "DataFormActions",
+	props: J,
+	emits: [
+		"submit",
+		"reset",
+		"cancel"
+	],
+	setup(t, { emit: n, slots: r }) {
+		let { t: i } = e(), a = () => {
+			n("submit");
+		}, o = () => {
+			n("reset");
+		}, s = () => {
+			n("cancel");
+		}, { mergedDisabledRef: c, mergedSizeRef: l } = Ve(t);
+		return () => {
+			let e = l.value, n = c.value, { gap: u = e === "small" ? 8 : e === "medium" ? 12 : 16, submitText: d, resetText: f, cancelText: p, submitDisabled: m, submitLoading: h, showSubmitBtn: _, showResetBtn: v, showCancelBtn: b, succeeded: x, successText: S = d, failureText: C = d, nativeButtonType: w } = t;
+			return D(H, { size: u === void 0 ? e : u }, { default: () => [
+				r.prefix?.(),
+				_ === !1 ? void 0 : D(z, {
+					attrType: w ? "submit" : "button",
+					size: e,
+					type: x ? "success" : x === !1 ? "error" : "primary",
+					disabled: x !== void 0 || n || m || h,
+					loading: h,
+					onClick: w ? void 0 : a
+				}, {
+					default: () => (x ? S : x === !1 ? C : d) || i("common.page.form.submitText"),
+					icon: () => x ? D(W, null, { default: () => [D(g, null, null)] }) : x === !1 ? D(W, null, { default: () => [D(y, null, null)] }) : void 0
+				}),
+				v === !1 ? void 0 : D(z, {
+					size: l.value,
+					attrType: w ? "reset" : "button",
+					disabled: n || h || x,
+					type: b ? "primary" : "default",
+					secondary: b,
+					onClick: w ? void 0 : o
+				}, { default: () => [f || i("common.page.form.resetText")] }),
+				b === !1 || x ? void 0 : D(z, {
+					attrType: "button",
+					disabled: n || h,
+					onClick: s
+				}, { default: () => [p || i("common.page.form.cancelText")] }),
+				r.suffix?.()
+			] });
+		};
+	}
+});
+function it(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !j(e);
+}
+const at = k({
+	name: "DataForm",
+	props: {
+		grid: {
+			type: Object,
+			default: () => ({})
+		},
+		...G(Pe, "disabled", "model", "labelWidth", "labelAlign", "showFeedback", "size"),
+		...G(J, "submitText", "resetText", "cancelText", "showSubmitBtn", "showResetBtn", "showCancelBtn", "submitDisabled", "succeeded", "successText", "failureText"),
+		readonly: {
+			type: Boolean,
+			required: !1,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			required: !0
+		},
+		validation: {
+			type: Object,
+			default: () => ({})
+		},
+		loading: Boolean,
+		showColon: Boolean,
+		tooltipPlacement: {
+			type: String,
+			default: "bottom"
+		},
+		requireMarkPlacement: {
+			type: String,
+			default: "left"
+		},
+		labelPlacement: {
+			type: String,
+			default: "left"
+		},
+		showAction: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		actionAlign: {
+			type: String,
+			default: "center"
+		},
+		actionJustify: {
+			type: String,
+			default: "start"
+		},
+		actionGap: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: [
+		"submit",
+		"reset",
+		"cancel"
+	],
+	setup(e, { emit: t, slots: n }) {
+		let r = (n) => {
+			n?.preventDefault?.(), t("submit", { ...re(e.model) }, n);
+		}, i = (e) => {
+			e?.preventDefault?.(), t("reset");
+		}, a = (e) => {
+			e?.preventDefault?.(), t("cancel");
+		}, o = F(), s = ({ overflow: t }) => {
+			if (n.action) return n.action({
+				overflow: t,
+				grid: o.value
+			});
+			let { loading: r, showSubmitBtn: i, showResetBtn: s, showCancelBtn: c, actionAlign: l, actionJustify: u, actionGap: d, submitDisabled: f, submitText: p, resetText: m, cancelText: h, succeeded: g, successText: _, failureText: v } = e;
+			return D(ge, {
+				label: u === "start" ? " " : void 0,
+				showLabel: e.labelPlacement !== "top",
+				style: "padding-top: 16px"
+			}, { default: () => [D(rt, {
+				align: l,
+				justify: u,
+				gap: d,
+				showSubmitBtn: i,
+				showResetBtn: s,
+				showCancelBtn: c,
+				submitText: p,
+				resetText: m,
+				cancelText: h,
+				submitDisabled: f,
+				submitLoading: r,
+				succeeded: g,
+				successText: _,
+				failureText: v,
+				nativeButtonType: !0,
+				onCancel: a
+			}, {
+				prefix: () => n.actionPrefix?.(),
+				suffix: () => n.actionSuffix?.()
+			})] });
+		}, c = () => {
+			let { items: t, validation: r, showAction: i } = e;
+			return D(w, null, [t.map(({ hidden: t, name: n, render: i, label: a, showColon: o, span: s = 6, rowSpan: c, offset: l = 0, tooltip: u, tooltipPlacement: d = e.tooltipPlacement, validationStatus: f = r[n]?.errors?.length ? "error" : r[n]?.warnings?.length ? "warnings" : r[n] ? "success" : void 0, readonly: p = e.readonly, showRequireMark: h = !p, showTooltipWhenReadonly: g = !1, ..._ }) => {
+				if (t) return;
+				let v;
+				return v = n[0] === "$" ? i({}) : D(ge, N({
+					path: n,
+					validationStatus: f,
+					showRequireMark: _.required && h
+				}, _), {
+					label: () => D(ke, {
+						depth: e.readonly ? 3 : 2,
+						style: "display: inline-flex; align-items: flex-start; gap: 1px"
+					}, { default: () => [
+						D("span", null, [I(a)]),
+						d === "icon" ? D(Ae, null, {
+							default: () => I(u),
+							trigger: () => D(z, {
+								text: !0,
+								style: "font-size: 1.25em; opacity: 0.8"
+							}, { default: () => [D(W, null, { default: () => [D(m, null, null)] })] })
+						}) : void 0,
+						e.showColon && o !== !1 ? D("span", { style: "place-self: center" }, [E(":")]) : void 0
+					] }),
+					default: () => {
+						let t, n = D("div", { style: "width: 100%; font-size: calc(1rem - 2px); min-height: 32px; display: flex; align-items: center" }, [i({
+							disabled: e.disabled,
+							size: e.size,
+							readonly: e.readonly
+						})]);
+						return u && d === "bottom" && (!e.readonly || g) ? D("div", { style: "width: 100%; display: flex; flex-direction: column" }, [n, D(ke, {
+							depth: 3,
+							style: "font-size: calc(1rem - 3px); margin-top: 6px"
+						}, it(t = I(u)) ? t : { default: () => [t] })]) : n;
+					},
+					feedback: () => r[n]?.errors?.[0] ?? r[n]?.warnings?.[0]
+				}), e.grid === !1 ? v : D(U, {
+					key: n,
+					offset: l,
+					span: s,
+					style: c ? { gridRowEnd: `span ${c}` } : void 0
+				}, it(v) ? v : { default: () => [v] });
+			}), i === !1 || e.readonly === !0 && !n.action ? void 0 : D(U, N({
+				key: "action",
+				span: 2 ** 53 - 1
+			}, typeof e.showAction == "object" ? e.showAction : {}), { default: s })]);
+		};
+		return () => {
+			let { items: t, loading: n, validation: a, showColon: s, tooltipPlacement: l, showFeedback: u, labelWidth: d = "7.2em", labelAlign: f = e.labelPlacement === "top" ? "left" : "right", grid: p, showAction: m, showSubmitBtn: h, showResetBtn: g, showCancelBtn: _, actionAlign: v, actionJustify: y, actionGap: b, submitDisabled: x, submitText: S, resetText: C, cancelText: w, succeeded: T, successText: E, failureText: O, ...k } = e, A = !e.readonly && u !== !1;
+			return D(he, N({
+				labelWidth: d,
+				labelAlign: f,
+				onReset: i,
+				onSubmit: r,
+				showFeedback: A
+			}, k), { default: () => [D(_e, N({
+				ref: o,
+				itemResponsive: !0
+			}, p, { yGap: A ? 0 : p?.yGap ?? 24 }), { default: c })] });
+		};
+	}
+}), ot = k({
+	name: "DataFilter",
+	props: {
+		grid: {
+			type: Object,
+			default: () => ({})
+		},
+		...G(Pe, "disabled", "model"),
+		labelWidth: {
+			type: [String, Number],
+			default: "5em"
+		},
+		labelPlacement: {
+			type: String,
+			default: "left"
+		},
+		items: {
+			type: Array,
+			required: !0
+		},
+		loading: {
+			type: Boolean,
+			required: !1,
+			default: !1
+		},
+		filterOnReset: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		filterText: {
+			type: String,
+			default: void 0
+		},
+		resetText: {
+			type: String,
+			default: void 0
+		},
+		customizable: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		collapsible: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		defaultCollapsed: {
+			type: Boolean,
+			required: !1,
+			default: !0
+		},
+		collapsedRows: Number
+	},
+	emits: [
+		"filter",
+		"reset",
+		"custom",
+		"collapse"
+	],
+	setup(t, { expose: n, emit: r }) {
+		let { t: i } = e(), a = (e) => {
+			r("filter", t.model, e);
+		}, o = (e) => {
+			r("reset", e), t.filterOnReset && r("filter", t.model, e);
+		}, s = F(t.defaultCollapsed), c = (e) => {
+			s.value = e;
+		};
+		n({ collapse: c });
+		let l = P({
+			span: 6,
+			suffix: !0
+		});
+		return () => {
+			let { filterOnReset: e, filterText: n, resetText: u, customizable: d, defaultCollapsed: f, collapsible: p, grid: m, collapsedRows: h, ...g } = t;
+			return D(at, N({ grid: {
+				cols: "12 768:18 1280:24 1536:30",
+				yGap: 20,
+				xGap: 8,
+				...m,
+				collapsed: s.value,
+				collapsedRows: h
+			} }, g, {
+				showFeedback: !1,
+				showAction: l,
+				onSubmit: a,
+				onReset: o,
+				style: "position: relative"
+			}), { action: ({ grid: e }) => (te(() => {
+				l.suffix = e?.collapsedOverflow || e?.contentEl.children.item(e?.contentEl.children.length - 1).offsetTop > 0;
+			}), D("div", { style: "display: flex; gap: 12px; align-items: center; justify-content: " + (l.suffix ? "flex-end" : "flex-start") }, [
+				l.suffix ? void 0 : D("span", null, [E("\xA0\xA0\xA0\xA0")]),
+				D(z, {
+					attrType: "submit",
+					type: "primary",
+					disabled: t.disabled,
+					loading: t.loading
+				}, { default: () => [n || i("common.page.filter.submitText")] }),
+				D(z, {
+					attrType: "reset",
+					disabled: t.disabled || t.loading
+				}, { default: () => [u || i("common.page.form.resetText")] }),
+				d ? D(Xe, {
+					keyField: "name",
+					showFixed: !1,
+					data: g.items,
+					size: 18,
+					type: "primary",
+					onCustom: (e) => r("custom", e)
+				}, null) : void 0,
+				p && e?.collapsedOverflow ? D(z, {
+					text: !0,
+					type: "primary",
+					iconPlacement: "right",
+					renderIcon: s.value ? _ : C,
+					onClick: () => c(!s.value)
+				}, { default: () => [s.value ? i("common.page.filter.expand") : i("common.page.filter.collapse")] }) : void 0
+			])) });
+		};
+	}
+});
+function st(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !j(e);
+}
+function ct(t, n, r = 1) {
+	let { t: i } = e(), a = F(!1), o = [], { open: s, reinit: c } = Ue({
+		title: t,
+		showColon: !0,
+		submitText: i("common.confirm.defaultOk"),
+		items: ({ it: e }) => o.map((t) => e(t.value, t.label, "input", {
+			span: 24,
+			required: t.required,
+			inputProps: {
+				readonly: a,
+				clearable: !0,
+				type: "textarea",
+				showCount: !0,
+				autosize: {
+					minRows: ae(r),
+					maxRows: Math.max(ae(r), 5)
+				}
+			}
+		})),
+		onSubmit: n
+	});
+	return {
+		open: (e, t = !1) => (a.value = t, s(e)),
+		setSupports: (e) => {
+			o = e, c();
+		}
+	};
+}
+const lt = k({
+	name: "DataLocaleInput",
+	props: {
+		label: { type: [
+			String,
+			Function,
+			Number,
+			Boolean,
+			Object
+		] },
+		mode: {
+			type: String,
+			default: "dialog"
+		},
+		defaultExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: Object,
+		supports: {
+			type: Array,
+			default: () => []
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultLang: {
+			type: String,
+			default: "zh-CN"
+		},
+		showLang: {
+			type: String,
+			default: void 0
+		},
+		defaultRows: {
+			type: Number,
+			default: 1
+		}
+	},
+	emits: ["update:modelValue", "updateModelValue"],
+	setup(e, { emit: t }) {
+		let n = (n, r = e.showLang ?? e.defaultLang) => {
+			n = {
+				...e.modelValue,
+				[r]: n
+			}, t("update:modelValue", n), t("updateModelValue", n);
+		}, { open: r, setSupports: i } = ct(T(() => I(e.label)), (e) => {
+			t("update:modelValue", e), t("updateModelValue", e);
+		}, ie(e, "defaultRows")), o = F(e.defaultExpanded);
+		L(() => e.defaultExpanded, (e) => {
+			o.value = e;
+		});
+		let s = () => D(z, {
+			quaternary: !0,
+			onClick: () => {
+				o.value = !o.value;
+			},
+			style: "--n-padding: 0 8px"
+		}, { default: () => [D(W, {
+			size: "20",
+			depth: "3"
+		}, { default: () => [o.value ? D(S, null, null) : D(l, null, null)] })] }), c = (t) => {
+			let n = t.split("-")[0];
+			return e.supports.some((e) => e.value !== t && e.value.startsWith(n)) ? t : n;
+		}, d = `__slots${Ie(6)}`;
+		L(() => e.supports, (e) => {
+			i(e);
+			let t = 0;
+			for (let [n, r] of e.entries()) {
+				let e = c(r.value);
+				t = Math.max(t, He(e, "monospace")), r[d] = M({
+					prefix: () => D("div", { style: {
+						width: `${t + 4}px`,
+						height: "100%",
+						opacity: .5,
+						fontSize: "12px",
+						fontFamily: "monospace",
+						color: r.required ? "var(--color-danger)" : void 0
+					} }, [e]),
+					suffix: n === 0 ? s : void 0
+				});
+			}
+		}, { immediate: !0 });
+		let f = T(() => {
+			let t = c(e.showLang ?? e.defaultLang);
+			return [t, He(t, "monospace")];
+		}), p = {
+			prefix: () => D("div", { style: {
+				width: `${f.value[1] + 4}px`,
+				height: "100%",
+				opacity: .5,
+				fontSize: "12px",
+				fontFamily: "monospace"
+			} }, [f.value[0]]),
+			suffix: () => D(z, {
+				quaternary: !0,
+				onClick: () => r(e.modelValue, e.disabled),
+				style: "--n-padding: 0 8px"
+			}, { default: () => [D(W, {
+				size: "20",
+				depth: "3"
+			}, { default: () => [D(u, null, null)] })] })
+		}, m = { "--n-padding-right": "0" };
+		return () => {
+			let t;
+			return e.mode === "dialog" ? D(ve, {
+				value: e.modelValue?.[e.showLang ?? e.defaultLang] ?? e.modelValue?.[e.defaultLang],
+				onUpdateValue: n,
+				disabled: e.disabled,
+				clearable: !0,
+				style: m,
+				type: e.defaultRows > 1 ? "textarea" : "text",
+				rows: e.defaultRows
+			}, st(p) ? p : { default: () => [p] }) : D(H, {
+				vertical: !0,
+				wrap: !1,
+				style: "width: 100%"
+			}, st(t = e.supports.map((t, r) => {
+				if (!o.value && r !== 0) return;
+				let i = r == 0;
+				return oe(D(ve, {
+					key: t.value,
+					value: e.modelValue?.[t.value],
+					onUpdateValue: (e) => n(e, t.value),
+					disabled: e.disabled,
+					clearable: !0,
+					style: i ? m : void 0,
+					type: e.defaultRows > 1 ? "textarea" : "text",
+					rows: e.defaultRows
+				}, t[d]), [[
+					a,
+					t.label,
+					void 0,
+					{ left: !0 }
+				]]);
+			})) ? t : { default: () => [t] });
+		};
+	}
+}), Y = k({
+	name: "DataPagination",
+	props: {
+		total: {
+			type: Number,
+			default: 0
+		},
+		currentPage: { type: Number },
+		pageSize: { type: Number },
+		page: { type: Object },
+		resetPageOnSizeChange: {
+			type: Boolean,
+			default: !0
+		},
+		pageSizes: { type: Array },
+		simple: Boolean
+	},
+	emits: { change: () => !0 },
+	setup(t, { emit: n }) {
+		let { t: r } = e(), i = (e) => n("change", {
+			pageSize: t.pageSize ?? t.page?.pageSize ?? 0,
+			currentPage: e
+		}), a = (e) => n("change", {
+			pageSize: e,
+			currentPage: t.resetPageOnSizeChange ? 1 : t.currentPage ?? t.page?.currentPage ?? 1
+		}), o = ee(Y.DEFAULT_PAGE_SIZES_INJECTION_KEY, () => [
+			10,
+			20,
+			30,
+			50
+		], !0), s = {
+			prefix: () => r("common.page.pagination.prefix", { total: t.total }),
+			suffix: () => r("common.page.pagination.suffix")
+		};
+		return () => D(xe, {
+			page: t.currentPage ?? t.page?.currentPage,
+			itemCount: t.total,
+			pageSize: t.pageSize ?? t.page?.pageSize,
+			onUpdatePage: i,
+			onUpdatePageSize: a,
+			pageSizes: t.pageSizes || o,
+			showQuickJumper: !0,
+			showSizePicker: !0,
+			simple: t.simple,
+			style: "justify-content: flex-end"
+		}, t.simple ? void 0 : s);
+	}
+});
+Y.DEFAULT_PAGE_SIZES_INJECTION_KEY = Symbol();
+function ut(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !j(e);
+}
+const dt = k({
+	name: "DataSelection",
+	props: {
+		modelValue: {
+			type: String,
+			required: !0
+		},
+		count: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: {
+		"update:modelValue": () => !0,
+		clear: () => !0
+	},
+	setup(t, { emit: n }) {
+		let { t: r } = e();
+		return () => {
+			let e;
+			return t.modelValue !== "selection" && t.count === 0 ? D("div", null, null) : D("div", null, [D(H, {
+				align: "center",
+				"wrap-item": !1
+			}, { default: () => [
+				D("span", null, [r("common.page.selection.countText", { count: t.count })]),
+				D(z, {
+					text: !0,
+					type: "primary",
+					onClick: () => {
+						n("update:modelValue", t.modelValue === "all" ? "selection" : "all");
+					}
+				}, { default: () => [t.modelValue === "all" ? r("common.page.selection.view") : r("common.page.selection.back")] }),
+				D(z, {
+					text: !0,
+					onClick: () => {
+						n("clear"), n("update:modelValue", "all");
+					}
+				}, ut(e = r("common.page.selection.clear")) ? e : { default: () => [e] })
+			] })]);
+		};
+	}
+});
+function ft(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !j(e);
+}
+const pt = k({
+	name: "Radios",
+	props: {
+		options: {
+			type: Array,
+			default: () => []
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		type: {
+			type: String,
+			default: "radio"
+		},
+		default: {
+			type: [
+				Boolean,
+				String,
+				Object
+			],
+			default: !1
+		},
+		padding: {
+			type: String,
+			default: void 0
+		},
+		labelField: {
+			type: String,
+			default: "label"
+		},
+		valueField: {
+			type: String,
+			default: "value"
+		},
+		disabledField: {
+			type: String,
+			default: "disabled"
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		}
+	},
+	emits: {
+		"update:modelValue": () => !0,
+		updateModelValue: () => !0
+	},
+	setup(t, { emit: n }) {
+		let { t: r } = e(), i = T(() => t.default === !1 ? "" : t.default === !0 ? r("common.all") : typeof t.default == "string" ? t.default : t.default?.[t.labelField] ?? r("common.all")), a = T(() => t.type === "button-primary" ? {
+			"--n-button-color-active": "var(--color-primary)",
+			"--n-button-text-color-active": "var(--color-base)"
+		} : {}), o = (e) => {
+			n("update:modelValue", e), n("updateModelValue", e);
+		};
+		return () => {
+			let e = t.type === "button" ? we : Ce, n = D(w, null, [t.default ? D(e, { value: typeof t.default == "object" ? t.default?.[t.valueField] : null }, { default: () => [i.value] }) : void 0, t.options?.map((n) => {
+				let r = typeof n[t.labelField] == "string" ? n[t.labelField] : n[t.labelField]?.();
+				return D(e, {
+					value: n[t.valueField],
+					disabled: n[t.disabledField],
+					style: t.padding ? {
+						paddingLeft: t.padding,
+						paddingRight: t.padding
+					} : {}
+				}, { default: () => [n.tip ? D(Ae, null, {
+					default: () => n.tip,
+					trigger: () => r
+				}) : r] });
+			})]);
+			return D(Te, {
+				style: t.vertical ? {
+					...a.value,
+					padding: "6px 0 0"
+				} : a.value,
+				value: t.modelValue,
+				onUpdateValue: o
+			}, { default: () => [t.type === "radio" ? D(H, {
+				size: t.vertical ? void 0 : "small",
+				vertical: t.vertical
+			}, ft(n) ? n : { default: () => [n] }) : n] });
+		};
+	}
+});
+function X(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !j(e);
+}
+const mt = k({
+	name: "UserDept",
+	inheritAttrs: !1,
+	props: {
+		users: {
+			type: Array,
+			default: () => []
+		},
+		groups: {
+			type: Array,
+			default: () => []
+		},
+		depts: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: [Array, String],
+			default: void 0
+		},
+		placeholder: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: void 0
+		},
+		type: {
+			type: String,
+			default: "user"
+		},
+		selectType: {
+			type: String,
+			default: "dropdown"
+		},
+		max: {
+			type: Number,
+			default: void 0
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		defaultExpandAll: {
+			type: Boolean,
+			default: !1
+		},
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		getUsersByGroup: {
+			type: Function,
+			default: () => []
+		},
+		getUsersByDept: {
+			type: Function,
+			default: () => []
+		},
+		valueField: { type: String },
+		renderUserInfo: Function
+	},
+	emits: ["update:modelValue", "updateModelValue"],
+	setup(t, { emit: n, attrs: r }) {
+		let { t: i } = e(), { localeRef: a } = We("Popconfirm"), o = T(() => t.valueField || (t.type === "user" ? "username" : "code")), l = T(() => {
+			if (t.multiple) return t.modelValue || [];
+			let e = t.modelValue?.trim();
+			return e ? [e] : [];
+		}), u = new Map(), f = T(() => (u.clear(), t.users.map((e) => (e = P(e), e.label = e.nickname + e.username, e.value = e[o.value], e.type = "user", u.set(e[o.value], e), e)))), p = ne([]);
+		L(() => t.depts, (e) => {
+			Ke(e, (e) => {
+				e.label = e.name, e.value = e[o.value], e.type = "dept", e.children?.length || delete e.children;
+			}), p.value = Ge(e);
+		}, { immediate: !0 });
+		let m = T(() => [
+			...t.depts,
+			...t.groups.map((e) => ({
+				label: e.name,
+				value: e.code,
+				type: "group"
+			})),
+			...f.value
+		]), h = F([]), g = F(), _ = async (e) => {
+			let n = await (e.type === "group" ? t.getUsersByGroup(e.value) : t.getUsersByDept(e.value));
+			for (let e of f.value) e.disabled = !0;
+			g.value = [...e.type === "dept" ? e.children ?? [] : [], ...n.map((e) => {
+				let t = u.get(e[o.value]);
+				return t && (t.disabled = !1), {
+					...e,
+					label: e.nickname + e.username,
+					value: e[o.value],
+					type: "user"
+				};
+			})];
+		}, y = new WeakMap(), b = (e, n, r) => {
+			let a;
+			if (t.type === "dept") return D(Me, {
+				data: t.depts,
+				keyField: "value",
+				labelField: "name",
+				defaultExpandAll: t.defaultExpandAll,
+				checkable: t.multiple,
+				selectable: !t.multiple,
+				multiple: !1,
+				blockLine: !0,
+				checkOnClick: !0,
+				pattern: r,
+				filter: (e, t) => t.label.includes(e) || t.value.includes(e),
+				checkedKeys: t.multiple ? e : void 0,
+				selectedKeys: t.multiple ? void 0 : e,
+				onUpdateCheckedKeys: (e) => {
+					t.max && e?.length > t.max || n(e);
+				},
+				onUpdateSelectedKeys: (e) => {
+					n(e);
+				}
+			}, null);
+			let o = e ? y.get(e) : new Set();
+			if (e && !o && (o = new Set(e), y.set(e, o)), g.value === !1) return D(De, { show: !0 }, null);
+			let l = g.value || m.value;
+			r = r?.trim(), r && (l = l?.filter((e) => e.label.includes(r) || e.value.includes(r)));
+			let u = h.value;
+			return D(w, null, [D("div", { style: "margin: 12px 16px; display: flex; justify-content: space-between; align-items: center" }, [u.length > 0 ? D(w, null, [D("span", { style: "display: flex; align-items: center" }, [
+				u.length >= 2 ? u.at(-2).label : i("common.all"),
+				D("span", { style: "padding: 0 4px" }, [D(d, null, null)]),
+				u.at(-1).label
+			]), D(z, {
+				text: !0,
+				type: "warning",
+				onClick: () => {
+					if (u.pop(), g.value = u.length > 0 ? !1 : void 0, u.length > 0) _(u.at(-1));
+					else for (let e of f.value) e.disabled = !1;
+				}
+			}, { default: () => [D(W, null, { default: () => [D(v, null, null)] }), i("common.back")] })]) : D("span", null, [i("common.all")])]), l?.length ? D(ye, {
+				showDivider: !1,
+				style: "padding: 0 16px"
+			}, X(a = l.map((r) => {
+				let i, a;
+				return D(be, {
+					key: r.type + "_" + r.value,
+					style: "padding: 6px 0"
+				}, { default: () => [r.type === "user" ? t.multiple ? D(B, {
+					checked: o.has(r.value) || !1,
+					onUpdateChecked: (i) => {
+						if (i && t.max && e.length >= t.max) return;
+						let a = [...e || []];
+						if (i) a.push(r.value);
+						else {
+							let e = a.indexOf(r.value);
+							a.splice(e, 1);
+						}
+						n(a);
+					},
+					style: "margin-left: 3px"
+				}, X(i = Q([r], {
+					max: 1,
+					size: 24,
+					placement: "right",
+					tooltip: !1,
+					username: !0,
+					renderInfo: t.renderUserInfo
+				})) ? i : { default: () => [i] }) : D(Ce, {
+					checked: o.has(r.value) || !1,
+					onUpdateChecked: (e) => {
+						n(e ? [r.value] : []);
+					},
+					style: "margin-left: 3px;"
+				}, X(a = Q([r], {
+					max: 1,
+					size: 24,
+					placement: "right",
+					tooltip: !1,
+					username: !0,
+					renderInfo: t.renderUserInfo
+				})) ? a : { default: () => [a] }) : D("div", {
+					onClick: () => {
+						g.value = !1, h.value.push(r), _(r);
+					},
+					style: "cursor: pointer; display: flex; align-items: center; gap: 8px"
+				}, [
+					r.type === "dept" ? D(R, {
+						size: 24,
+						style: "background-color: red"
+					}, { default: () => [D(W, null, { default: () => [D(s, null, null)] })] }) : D(R, {
+						size: 24,
+						style: "background-color: green"
+					}, { default: () => [D(W, null, { default: () => [D(c, null, null)] })] }),
+					D("span", { style: "flex: 1 1 auto" }, [r.label]),
+					D(W, null, { default: () => [D(d, null, null)] })
+				])] });
+			})) ? a : { default: () => [a] }) : D(me, null, null)]);
+		}, x = () => D(me, { description: t.placeholder }, null), S = ({ option: e }) => e.type === "user" ? D("span", null, [e.nickname, D("span", { style: {
+			opacity: .4,
+			marginLeft: "8px"
+		} }, [e.username])]) : D("span", null, [e.label]), C = (e, n, r, i, a) => D(je, N(e, {
+			key: t.type,
+			options: n,
+			renderSourceList: ({ onCheck: e, pattern: t }) => b(r, e, t),
+			renderTargetList: t.placeholder?.trim() && !t.modelValue?.length ? x : void 0,
+			renderTargetLabel: S,
+			sourceFilterable: t.filterable,
+			size: t.size,
+			disabled: t.disabled || void 0,
+			value: r,
+			filter: (e, t) => t.label.includes(e) || t.value.includes(e),
+			"onUpdate:value": (e) => {
+				i?.(e);
+			},
+			onUpdateValue: (e) => {
+				a?.(e);
+			}
+		}), null), E = ({ option: e, handleClose: n }) => D(Oe, {
+			type: t.type === "user" ? "primary" : "info",
+			closable: !0,
+			onMousedown: (e) => e.preventDefault(),
+			onClose: (e) => {
+				e.stopPropagation(), n();
+			}
+		}, { default: () => [e.label] }), O = (e, r = "updateModelValue") => {
+			t.multiple ? n(r, e) : n(r, e?.[0]);
+		}, k = F(), A = !1, ee = Fe(), j = () => {
+			if (A) return;
+			A = !0;
+			let e = ne([...l.value || []]);
+			ee.create({
+				showIcon: !1,
+				title: t.placeholder,
+				style: { width: "700px" },
+				content: () => D("div", { style: { height: "550px" } }, [C({ style: { height: "100%" } }, t.type === "user" ? f.value : p.value, e.value, (t) => e.value = t)]),
+				positiveText: a.value.positiveText,
+				negativeText: a.value.negativeText,
+				onPositiveClick() {
+					O(e.value, "update:modelValue"), O(e.value, "updateModelValue");
+				},
+				onAfterLeave() {
+					te(() => {
+						k.value?.blur(), A = !1;
+					});
+				}
+			});
+		}, M = { arrow: () => D(W, null, { default: () => [t.type === "user" ? D(c, null, null) : D(s, null, null)] }) };
+		return () => {
+			let e = t.type === "user" ? f.value : p.value;
+			if (t.selectType === "dropdown" && t.type === "dept") return D(Ne, {
+				options: e,
+				keyField: "value",
+				defaultExpandAll: t.defaultExpandAll,
+				checkable: t.multiple,
+				multiple: t.multiple,
+				filter: (e, t) => t.label.includes(e) || t.value.includes(e),
+				value: t.modelValue,
+				onUpdateValue: (e) => {
+					t.multiple && t.max && e?.length > t.max || n("updateModelValue", e);
+				},
+				"onUpdate:value": (e) => {
+					t.multiple && t.max && e?.length > t.max || n("update:modelValue", e);
+				}
+			}, X(M) ? M : { default: () => [M] });
+			if (t.selectType === "transfer") return C(r, e, l.value, (e) => O(e, "update:modelValue"), (e) => O(e, "updateModelValue"));
+			let i = t.selectType === "dropdown";
+			return D(Ee, N(r, {
+				key: t.type,
+				ref: k,
+				show: i ? void 0 : !1,
+				filterable: i ? t.filterable : !1,
+				options: e,
+				multiple: t.multiple,
+				size: t.size,
+				placeholder: t.placeholder,
+				disabled: t.disabled || void 0,
+				value: t.modelValue,
+				renderTag: t.multiple ? E : void 0,
+				onFocus: i ? void 0 : j,
+				onUpdateValue: (e) => {
+					n("updateModelValue", e);
+				},
+				"onUpdate:value": (e) => {
+					n("update:modelValue", e);
+				}
+			}), X(M) ? M : { default: () => [M] });
+		};
+	}
+});
+function Z(e, t, { placement: n = "left", size: r = 24, tooltip: i = !0, username: a = !1, renderInfo: o }) {
+	let s = e.nickname.split(" ").at(-1), c = s;
+	if (/^[\u4E00-\u9FA5]+$/.test(s)) {
+		let e = s.length;
+		c = e === 3 || e === 4 ? s.slice(-2) : e > 4 ? s.slice(0, 1) : s;
+	} else s.length > 4 && (c = D(W, null, { default: () => [D(x, null, null)] }));
+	let l = (e) => D(R, {
+		color: "var(--color-primary)",
+		round: !0,
+		size: e
+	}, X(c) ? c : { default: () => [c] });
+	return D(Se, {
+		key: e.username,
+		raw: !0,
+		placement: n,
+		disabled: i === !1
+	}, {
+		default: () => D(de, {
+			style: "min-width: 200px",
+			size: "small"
+		}, { default: () => [D("div", { style: "display: flex; align-items: center; gap: 12px" }, [l(48), D("div", null, [D("div", { style: "font-size: 16px; font-weight: 500;" }, [e.nickname]), D("div", { style: "font-size: 14px; color: #999" }, [e.username])])]), o?.(e)] }),
+		trigger: () => {
+			let n = l(r);
+			return t ? D("div", { style: "max-width: 100%; overflow: hidden; display: inline-flex; align-items: center; gap: 6px" }, [n, D("div", { style: "overflow: hidden; white-space: nowrap; text-overflow: ellipsis" }, [D("span", null, [e.nickname]), a ? D("span", { style: "margin-left: 8px; opacity: 0.4" }, [e.username]) : void 0])]) : n;
+		}
+	});
+}
+function Q(e, t = {}) {
+	let { max: n = 4, size: r = 24 } = t;
+	return e.length <= 1 ? e[0] ? Z(e[0], !0, t) : null : D("span", { style: {
+		display: "inline-block",
+		height: r + "px"
+	} }, [D(ue, {
+		options: e,
+		size: r,
+		max: n || 4,
+		style: "top: -2px"
+	}, {
+		avatar: ({ option: e }) => Z(e, !1, t),
+		rest: ({ options: e, rest: t }) => D(V, {
+			options: e,
+			keyField: "username",
+			labelField: "nickname",
+			renderOption: ({ option: t }) => Z(t, !1, e)
+		}, { default: () => [D(R, null, { default: () => [E("+"), t] })] })
+	})]);
+}
+const ht = k({
+	name: "DeptRender",
+	props: {
+		value: [String, Array],
+		multiple: Boolean,
+		getDeptsByCode: Function
+	},
+	setup(e) {
+		let t = F([]), n = {};
+		return L([() => e.modelValue, () => e.multiple], ([r, i]) => {
+			t.value = [];
+			let a = r ? i ? Array.isArray(r) ? r : r.trim() ? r.trim().split(",") : [] : [r] : [], o = [];
+			for (let [e, r] of a.entries()) n[r] || (n[r] = P({
+				code: r,
+				name: r
+			}), o.push(r)), t.value[e] = n[r];
+			o.length > 0 && e.getDeptsByCode(o).then((e) => {
+				for (let t of e) Object.assign(n[t.code], t);
+			});
+		}, { immediate: !0 }), () => t.value.map((e) => D(Oe, { key: e.code }, { default: () => [e.name] }));
+	}
+}), gt = k({
+	name: "UserRender",
+	props: {
+		value: [String, Array],
+		multiple: Boolean,
+		max: Number,
+		size: Number,
+		placement: String,
+		getUsersByUsername: Function,
+		renderInfo: Function
+	},
+	setup(e) {
+		let t = F([]), n = {};
+		return L([() => e.value, () => e.multiple], ([r, i]) => {
+			t.value = [];
+			let a = r ? i ? Array.isArray(r) ? r : r.trim() ? r.trim().split(",") : [] : [r] : [], o = [];
+			for (let [e, r] of a.entries()) n[r] || (n[r] = P({
+				username: r,
+				nickname: r
+			}), o.push(r)), t.value[e] = n[r];
+			o.length > 0 && e.getUsersByUsername(o).then((e) => {
+				for (let t of e) Object.assign(n[t.username], t);
+			});
+		}, { immediate: !0 }), () => Q(t.value, e);
+	}
+}), $ = {
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	type: {
+		type: String,
+		default: void 0
+	},
+	succeeded: {
+		type: [Boolean, Object],
+		default: void 0
+	},
+	successText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	},
+	failureText: {
+		type: [
+			String,
+			Number,
+			Object
+		],
+		default: void 0
+	}
+}, _t = k({
+	name: "StateButton",
+	props: $,
+	setup(e, { slots: t }) {
+		return () => {
+			let { type: n, disabled: r, succeeded: i, successText: a, failureText: o } = e;
+			return D(z, {
+				type: i ? "success" : i === !1 ? "error" : n,
+				disabled: typeof i == "boolean" ? !0 : r
+			}, {
+				default: () => (i ? t.success ? t.success() : a : i === !1 ? t.failure ? t.failure() : o : t.default?.()) ?? t.default(),
+				icon: () => i ? t.successIcon ? t.successIcon() : D(W, null, { default: () => [D(g, null, null)] }) : i === !1 ? t.failureIcon ? t.failureIcon() : D(W, null, { default: () => [D(y, null, null)] }) : t.icon?.()
+			});
+		};
+	}
+}), vt = O(() => import("./DataTable-D6hPSWvx.js"));
+export { Je as DataActions, Xe as DataCustom, tt as DataDescriptions, ot as DataFilter, at as DataForm, rt as DataFormActions, lt as DataLocaleInput, Y as DataPagination, dt as DataSelection, vt as DataTable, ht as DtDeptRender, mt as DtUserDept, gt as DtUserRender, qe as NCheckboxes, pt as NRadios, _t as NStateButton, $ as StateButtonProps, J as dataFormActionsProps, Q as renderUsers, ct as useLocaleEdit };