@ithinkdt/ui 4.0.0-50 → 4.0.0-52

package/dist/{components-BC8oa62b.js → components-CTdt73l6.js}

@@ -3,12 +3,13 @@ import { i as vTooltip } from "./directives-DUuJW647.js";
 import { g as useStyle, h as useMergedClsPrefix, n as cB, r as cE, t as c } from "./use-style-DcT-1dj4.js";
 import { Fragment, computed, createTextVNode, createVNode, defineComponent, inject, isVNode, mergeProps, nextTick, reactive, ref, shallowRef, toRaw, toRef, toValue, unref, useTemplateRef, watch, withDirectives } from "vue";
 import { toReactive, unrefElement, until, useCurrentElement, useElementSize, watchDebounced } from "@vueuse/core";
-import { NAvatar, NAvatarGroup, NButton, NCard, NCheckbox, NCheckboxGroup, NDataTable, NDropdown, NEllipsis, NEmpty, NFlex, NForm, NFormItem, NGi, NGrid, NH4, NIcon, NInput, NList, NListItem, NPagination, NPerformantEllipsis, NPopover, NRadio, NRadioButton, NRadioGroup, NSelect, NSpin, NTag, NText, NTooltip, NTransfer, NTree, NTreeSelect, dataTableProps, formProps } from "ithinkdt-ui";
+import { NAvatar, NAvatarGroup, NButton, NCard, NCheckbox, NCheckboxGroup, NDataTable, NDropdown, NEllipsis, NEmpty, NFlex, NForm, NFormItem, NGi, NGrid, NH4, NIcon, NInput, NList, NListItem, NPagination, NPerformantEllipsis, NPopover, NRadio, NRadioButton, NRadioGroup, NSelect, NSpin, NTag, NText, NTooltip, NTransfer, NTree, NTreeSelect, dataTableProps, formProps, useDialog } from "ithinkdt-ui";
 import { VOverflow, VResizeObserver } from "vueuc";
 import { Sortable } from "sortablejs/modular/sortable.core.esm.js";
 import { pickProps } from "@ithinkdt/common/object";
 import { PAGE_INJECTION, useFormModal } from "@ithinkdt/page";
 import { Sortable as Sortable$1 } from "sortablejs";
+import useLocale from "ithinkdt-ui/es/_mixins/use-locale.mjs";
 import { flattenTree, walkTree } from "@ithinkdt/common";
 const NCheckboxes = /* @__PURE__ */ defineComponent({
 	name: "Checkboxes",
@@ -63,37 +64,37 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 		"update:modelValue": () => !0,
 		updateModelValue: () => !0
 	},
-	setup(w, { emit: T, attrs: E }) {
-		let { t: D } = useI18n(), O = computed(() => w.default ? w.default === !0 ? D("common.all") : typeof w.default == "string" ? w.default : w.default?.[w.labelField] ?? D("common.all") : ""), k = ref([]);
-		watch(() => w.modelValue, (e) => k.value = e, { immediate: !0 });
-		let A = (e) => {
-			T("update:modelValue", e), T("updateModelValue", e);
-		}, M = () => {
-			A(k.value?.length === w.options.length ? [] : w.options.map((e) => e[w.valueField]));
-		}, N = computed(() => w.options.length > k.value?.length && k.value?.length > 0), P = computed(() => ({ "--n-label-padding": w.labelPadding }));
+	setup(x, { emit: S, attrs: C }) {
+		let { t: w } = useI18n(), T = computed(() => x.default ? x.default === !0 ? w("common.all") : typeof x.default == "string" ? x.default : x.default?.[x.labelField] ?? w("common.all") : ""), E = ref([]);
+		watch(() => x.modelValue, (e) => E.value = e, { immediate: !0 });
+		let D = (e) => {
+			S("update:modelValue", e), S("updateModelValue", e);
+		}, k = () => {
+			D(E.value?.length === x.options.length ? [] : x.options.map((e) => e[x.valueField]));
+		}, A = computed(() => x.options.length > E.value?.length && E.value?.length > 0), j = computed(() => ({ "--n-label-padding": x.labelPadding }));
 		return () => {
-			let e = createVNode(NCheckboxGroup, mergeProps(E, {
-				value: k.value,
-				onUpdateValue: A
+			let e = createVNode(NCheckboxGroup, mergeProps(C, {
+				value: E.value,
+				onUpdateValue: D
 			}), { default: () => [createVNode(NFlex, {
-				size: w.gap ?? (w.vertical ? void 0 : "small"),
-				vertical: w.vertical,
-				style: !w.default && w.vertical ? { padding: "6px 0 0" } : {}
-			}, { default: () => [w.options?.map((e) => createVNode(NCheckbox, {
-				value: e[w.valueField],
-				disabled: e[w.disabledField],
-				style: P.value
-			}, { default: () => [e[w.labelField]] }))] })] });
-			return w.default ? createVNode(NFlex, {
-				size: w.gap ?? (w.vertical ? void 0 : "small"),
-				vertical: w.vertical,
-				style: w.vertical ? { padding: "6px 0 0" } : {}
+				size: x.gap ?? (x.vertical ? void 0 : "small"),
+				vertical: x.vertical,
+				style: !x.default && x.vertical ? { padding: "6px 0 0" } : {}
+			}, { default: () => [x.options?.map((e) => createVNode(NCheckbox, {
+				value: e[x.valueField],
+				disabled: e[x.disabledField],
+				style: j.value
+			}, { default: () => [e[x.labelField]] }))] })] });
+			return x.default ? createVNode(NFlex, {
+				size: x.gap ?? (x.vertical ? void 0 : "small"),
+				vertical: x.vertical,
+				style: x.vertical ? { padding: "6px 0 0" } : {}
 			}, { default: () => [createVNode("span", null, [createVNode(NCheckbox, {
-				indeterminate: N.value,
-				checked: k.value?.length > 0,
-				onUpdateChecked: M,
-				style: P.value
-			}, { default: () => [O.value] })]), e] }) : e;
+				indeterminate: A.value,
+				checked: E.value?.length > 0,
+				onUpdateChecked: k,
+				style: j.value
+			}, { default: () => [T.value] })]), e] }) : e;
 		};
 	}
 }), IHelp = (e) => createVNode("svg", mergeProps({
@@ -126,7 +127,7 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 }, e), [createVNode("path", {
 	fill: "currentColor",
 	d: "M300 276.497a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994Zm0 284a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994ZM640 228a56 56 0 1 0 112 0a56 56 0 0 0-112 0Zm0 284a56 56 0 1 0 112 0a56 56 0 0 0-112 0ZM300 844.497a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994ZM640 796a56 56 0 1 0 112 0a56 56 0 0 0-112 0Z"
-}, null)]), ILeft = (e) => createVNode("svg", mergeProps({
+}, null)]), ILeft2 = (e) => createVNode("svg", mergeProps({
 	xmlns: "http://www.w3.org/2000/svg",
 	"xmlns:xlink": "http://www.w3.org/1999/xlink",
 	role: "img",
@@ -136,7 +137,7 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 }, e), [createVNode("path", {
 	fill: "currentColor",
 	d: "M326 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zm444 72.4V164c0-6.8-7.9-10.5-13.1-6.1L335 512l421.9 354.1c5.2 4.4 13.1.7 13.1-6.1v-72.4c0-9.4-4.2-18.4-11.4-24.5L459.4 512l299.2-251.1c7.2-6.1 11.4-15.1 11.4-24.5z"
-}, null)]), IRight = (e) => createVNode("svg", mergeProps({
+}, null)]), IRight2 = (e) => createVNode("svg", mergeProps({
 	xmlns: "http://www.w3.org/2000/svg",
 	"xmlns:xlink": "http://www.w3.org/1999/xlink",
 	role: "img",
@@ -146,6 +147,26 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 }, e), [createVNode("path", {
 	fill: "currentColor",
 	d: "M762 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zm-508 0v72.4c0 9.5 4.2 18.4 11.4 24.5L564.6 512L265.4 763.1c-7.2 6.1-11.4 15-11.4 24.5V860c0 6.8 7.9 10.5 13.1 6.1L689 512L267.1 157.9A7.95 7.95 0 0 0 254 164z"
+}, null)]), ILeft = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z"
+}, null)]), IRight = (e) => createVNode("svg", mergeProps({
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	role: "img",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+}, e), [createVNode("path", {
+	fill: "currentColor",
+	d: "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"
 }, null)]), IDown = (e) => createVNode("svg", mergeProps({
 	xmlns: "http://www.w3.org/2000/svg",
 	"xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -235,16 +256,16 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 		default: () => []
 	} },
 	setup(e) {
-		let w = ref(), T = !0, E = () => {
-			T ? T = !1 : w.value?.sync({ showAllItemsBeforeCalculate: !0 });
-		}, D = ref(), O = () => D.value, k = ref(-1), A = (w) => {
-			k.value = e.options.length - w;
-		}, M = (e) => {
-			e || (k.value = -1);
-		}, N = () => {}, P = computed(() => k.value === -1 ? [] : e.options.slice(k.value).map((e) => ({
+		let x = ref(), S = !0, C = () => {
+			S ? S = !1 : x.value?.sync({ showAllItemsBeforeCalculate: !0 });
+		}, w = ref(), T = () => w.value, E = ref(-1), D = (x) => {
+			E.value = e.options.length - x;
+		}, k = (e) => {
+			e || (E.value = -1);
+		}, A = () => {}, j = computed(() => E.value === -1 ? [] : e.options.slice(E.value).map((e) => ({
 			...e,
 			key: e.text
-		}))), F = (e) => createVNode(NButton, {
+		}))), M = (e) => createVNode(NButton, {
 			type: e.color === "danger" ? "error" : [
 				"default",
 				"tertiary",
@@ -255,15 +276,15 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 				"error"
 			].includes(e.color) ? e.color : "primary",
 			text: !0
-		}, { default: () => [e.text] }), I = (e, w) => {
-			w.onClick?.();
+		}, { default: () => [e.text] }), N = (e, x) => {
+			x.onClick?.();
 		};
-		return () => createVNode(VResizeObserver, { onResize: E }, { default: () => [createVNode(VOverflow, {
-			ref: w,
-			getCounter: O,
-			onUpdateCount: A,
-			onUpdateOverflow: M,
-			updateCounter: N,
+		return () => createVNode(VResizeObserver, { onResize: C }, { default: () => [createVNode(VOverflow, {
+			ref: x,
+			getCounter: T,
+			onUpdateCount: D,
+			onUpdateOverflow: k,
+			updateCounter: A,
 			style: "margin-top: 2px"
 		}, {
 			default: () => e.options.map((e) => createVNode(NButton, {
@@ -281,12 +302,12 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 				onClick: e.onClick
 			}, { default: () => [e.text] })),
 			counter: () => createVNode("span", {
-				ref: D,
+				ref: w,
 				style: "position: absolute"
 			}, [createVNode(NDropdown, {
-				options: P.value,
-				renderLabel: F,
-				onSelect: I
+				options: j.value,
+				renderLabel: M,
+				onSelect: N
 			}, { default: () => [createVNode(NButton, {
 				quaternary: !0,
 				size: "small"
@@ -307,9 +328,9 @@ var DataCustomItem = /* @__PURE__ */ defineComponent({
 		fixed: [Boolean, String]
 	},
 	emits: ["update-hidden", "update-fixed"],
-	setup(e, { emit: w }) {
+	setup(e, { emit: x }) {
 		return () => {
-			let T;
+			let S;
 			return createVNode(NFlex, {
 				align: "center",
 				wrap: !1,
@@ -323,18 +344,18 @@ var DataCustomItem = /* @__PURE__ */ defineComponent({
 				createVNode(NCheckbox, {
 					checked: !e.hidden,
 					disabled: e.disabled,
-					onUpdateChecked: (e) => w("update-hidden", !e)
+					onUpdateChecked: (e) => x("update-hidden", !e)
 				}, null),
-				createVNode(NEllipsis, { style: "flex: 1 1 auto" }, _isSlot$6(T = toValue(e.label)) ? T : { default: () => [T] }),
+				createVNode(NEllipsis, { style: "flex: 1 1 auto" }, _isSlot$6(S = toValue(e.label)) ? S : { default: () => [S] }),
 				e.showFixed ? [createVNode(NButton, {
 					text: !0,
 					type: e.fixed === "left" ? "primary" : void 0,
-					onClick: () => w("update-fixed", e.fixed === "left" ? !1 : "left")
-				}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(ILeft, null, null)] })] }), createVNode(NButton, {
+					onClick: () => x("update-fixed", e.fixed === "left" ? !1 : "left")
+				}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(ILeft2, null, null)] })] }), createVNode(NButton, {
 					text: !0,
 					type: e.fixed === "right" ? "primary" : void 0,
-					onClick: () => w("update-fixed", e.fixed === "right" ? !1 : "right")
-				}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IRight, null, null)] })] })] : void 0
+					onClick: () => x("update-fixed", e.fixed === "right" ? !1 : "right")
+				}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IRight2, null, null)] })] })] : void 0
 			] });
 		};
 	}
@@ -382,24 +403,24 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 		type: { type: String }
 	},
 	emits: { custom: () => !0 },
-	setup(T, { emit: E }) {
-		let { t: D } = useI18n();
-		function O(e, w, D) {
-			E("custom", {
-				key: e[T.keyField],
-				[w]: D
+	setup(S, { emit: C }) {
+		let { t: w } = useI18n();
+		function T(e, x, w) {
+			C("custom", {
+				key: e[S.keyField],
+				[x]: w
 			});
 		}
-		let k = ref();
-		return watch(k, (e) => {
+		let E = ref();
+		return watch(E, (e) => {
 			e.$el && Sortable.create(e.$el, {
 				animation: 150,
 				ghostClass: "ghost",
 				handle: ".icon-drag",
 				filter: ".disabled",
 				onEnd(e) {
-					let w = T.data.map((e) => e[T.keyField]), [D] = w.splice(e.oldIndex, 1);
-					w.splice(e.newIndex, 0, D), E("custom", w);
+					let x = S.data.map((e) => e[S.keyField]), [w] = x.splice(e.oldIndex, 1);
+					x.splice(e.newIndex, 0, w), C("custom", x);
 				}
 			});
 		}), () => createVNode(NPopover, {
@@ -411,27 +432,27 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 		}, {
 			trigger: () => withDirectives(createVNode(NButton, {
 				text: !0,
-				type: T.type
-			}, { default: () => [createVNode(NIcon, { size: T.size }, { default: () => [createVNode(ICustom, null, null)] })] }), [[vTooltip, T.tooltip ?? D("common.page.custom.tooltip")]]),
+				type: S.type
+			}, { default: () => [createVNode(NIcon, { size: S.size }, { default: () => [createVNode(ICustom, null, null)] })] }), [[vTooltip, S.tooltip ?? w("common.page.custom.tooltip")]]),
 			default: () => {
-				let e, w;
-				return createVNode(NFlex, { vertical: !0 }, { default: () => [createVNode(NFlex, { justify: "space-between" }, { default: () => [createVNode("div", { style: "font-weight: bold" }, [T.tooltip ?? D("common.page.custom.tooltip")]), createVNode(NButton, {
+				let e, x;
+				return createVNode(NFlex, { vertical: !0 }, { default: () => [createVNode(NFlex, { justify: "space-between" }, { default: () => [createVNode("div", { style: "font-weight: bold" }, [S.tooltip ?? w("common.page.custom.tooltip")]), createVNode(NButton, {
 					text: !0,
 					type: "primary",
 					size: "small",
-					onClick: () => E("custom", !0)
-				}, _isSlot$6(e = D("common.page.custom.reset")) ? e : { default: () => [e] })] }), createVNode(NFlex, {
-					ref: k,
+					onClick: () => C("custom", !0)
+				}, _isSlot$6(e = w("common.page.custom.reset")) ? e : { default: () => [e] })] }), createVNode(NFlex, {
+					ref: E,
 					vertical: !0
-				}, _isSlot$6(w = T.data.filter((e) => e[T.visiblityField] !== !1).map((e) => createVNode(DataCustomItem, {
-					key: e[T.keyField],
-					label: e[T.labelField],
-					hidden: e[T.hiddenField],
-					fixed: e[T.fixedField],
-					showFixed: T.showFixed,
-					onUpdateHidden: (w) => O(e, "hidden", w),
-					onUpdateFixed: (w) => O(e, "fixed", w)
-				}, null))) ? w : { default: () => [w] })] });
+				}, _isSlot$6(x = S.data.filter((e) => e[S.visiblityField] !== !1).map((e) => createVNode(DataCustomItem, {
+					key: e[S.keyField],
+					label: e[S.labelField],
+					hidden: e[S.hiddenField],
+					fixed: e[S.fixedField],
+					showFixed: S.showFixed,
+					onUpdateHidden: (x) => T(e, "hidden", x),
+					onUpdateFixed: (x) => T(e, "fixed", x)
+				}, null))) ? x : { default: () => [x] })] });
 			}
 		});
 	}
@@ -537,110 +558,110 @@ const DataForm = /* @__PURE__ */ defineComponent({
 		"reset",
 		"cancel"
 	],
-	setup(w, { emit: T, slots: E }) {
-		let { t: D } = useI18n(), O = (e) => {
-			e?.preventDefault?.(), T("submit", { ...toRaw(w.model) }, e);
-		}, k = (e) => {
-			e?.preventDefault?.(), T("reset");
-		}, j = (e) => {
-			e?.preventDefault?.(), T("cancel");
-		}, N = ref(), P = ref(), { width: F } = useElementSize(useCurrentElement());
-		return watchDebounced([N, F], () => {
-			P.value = void 0, setTimeout(() => {
-				P.value = N.value?.responsiveCols || void 0;
+	setup(x, { emit: S, slots: C }) {
+		let { t: w } = useI18n(), T = (e) => {
+			e?.preventDefault?.(), S("submit", { ...toRaw(x.model) }, e);
+		}, E = (e) => {
+			e?.preventDefault?.(), S("reset");
+		}, O = (e) => {
+			e?.preventDefault?.(), S("cancel");
+		}, A = ref(), j = ref(), { width: M } = useElementSize(useCurrentElement());
+		return watchDebounced([A, M], () => {
+			j.value = void 0, setTimeout(() => {
+				j.value = A.value?.responsiveCols || void 0;
 			}, 30);
 		}, {
 			immediate: !0,
 			debounce: 100
 		}), () => {
-			let { items: e, loading: T, validation: F, showColon: L, showAction: R, actionAlign: z, submitText: B, submitDisabled: V, resetText: H, tooltipPlacement: W, showFeedback: G, labelWidth: K = "7.2em", labelAlign: q = w.labelPlacement === "top" ? "left" : "right", grid: J, succeeded: Y, successText: X = B,...Z } = w, Q = !w.readonly && G !== !1;
+			let { items: e, loading: S, validation: M, showColon: P, showAction: F, actionAlign: I, submitText: L, submitDisabled: R, resetText: z, tooltipPlacement: V, showFeedback: H, labelWidth: U = "7.2em", labelAlign: W = x.labelPlacement === "top" ? "left" : "right", grid: G, succeeded: K, successText: q = L,...J } = x, Y = !x.readonly && H !== !1;
 			return createVNode(NForm, mergeProps({
-				labelWidth: K,
-				labelAlign: q,
-				onReset: k,
-				onSubmit: O,
-				showFeedback: Q
-			}, Z), { default: () => [createVNode(NGrid, mergeProps({
-				ref: N,
+				labelWidth: U,
+				labelAlign: W,
+				onReset: E,
+				onSubmit: T,
+				showFeedback: Y
+			}, J), { default: () => [createVNode(NGrid, mergeProps({
+				ref: A,
 				itemResponsive: !0
-			}, J, { yGap: Q ? 0 : J?.yGap ?? 24 }), { default: () => {
-				let O = 0;
-				return createVNode(Fragment, null, [e.map(({ hidden: e, name: T, render: E, label: D, showColon: k, span: A = 6, rowSpan: j, offset: N = 0, tooltip: P, tooltipPlacement: L = w.tooltipPlacement, validationStatus: R = F[T]?.errors?.some((e) => e !== void 0) ? "error" : F[T]?.warnings?.some((e) => e !== void 0) ? "warnings" : F[T] ? "success" : void 0, readonly: z = w.readonly, showRequireMark: B = !z, showTooltipWhenReadonly: V = !1,...H }) => {
+			}, G, { yGap: Y ? 0 : G?.yGap ?? 24 }), { default: () => {
+				let T = 0;
+				return createVNode(Fragment, null, [e.map(({ hidden: e, name: S, render: C, label: w, showColon: E, span: D = 6, rowSpan: O, offset: A = 0, tooltip: j, tooltipPlacement: P = x.tooltipPlacement, validationStatus: F = M[S]?.errors?.some((e) => e !== void 0) ? "error" : M[S]?.warnings?.some((e) => e !== void 0) ? "warnings" : M[S] ? "success" : void 0, readonly: I = x.readonly, showRequireMark: L = !I, showTooltipWhenReadonly: R = !1,...z }) => {
 					if (e) return;
-					O += A;
-					let W;
-					return W = T[0] === "$" ? E({}) : createVNode(NFormItem, mergeProps({
-						path: T,
-						validationStatus: R,
-						showRequireMark: H.required && B
-					}, H), {
+					T += D;
+					let V;
+					return V = S[0] === "$" ? C({}) : createVNode(NFormItem, mergeProps({
+						path: S,
+						validationStatus: F,
+						showRequireMark: z.required && L
+					}, z), {
 						label: () => createVNode(NText, {
-							depth: w.readonly ? 3 : 2,
+							depth: x.readonly ? 3 : 2,
 							style: "display: inline-flex; align-items: flex-start; gap: 1px"
 						}, { default: () => [
-							createVNode("span", null, [toValue(D)]),
-							L === "icon" ? createVNode(NTooltip, null, {
-								default: () => toValue(P),
+							createVNode("span", null, [toValue(w)]),
+							P === "icon" ? createVNode(NTooltip, null, {
+								default: () => toValue(j),
 								trigger: () => createVNode(NButton, {
 									text: !0,
 									style: "font-size: 1.25em; opacity: 0.8"
 								}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IHelp, null, null)] })] })
 							}) : void 0,
-							w.showColon && k !== !1 ? createVNode("span", { style: "place-self: center" }, [createTextVNode(":")]) : void 0
+							x.showColon && E !== !1 ? createVNode("span", { style: "place-self: center" }, [createTextVNode(":")]) : void 0
 						] }),
 						default: () => {
-							let e, T = createVNode("div", { style: "width: 100%; font-size: calc(1rem - 2px); min-height: 32px; display: flex; align-items: center" }, [E({
-								disabled: w.disabled,
-								size: w.size,
-								readonly: w.readonly
+							let e, S = createVNode("div", { style: "width: 100%; font-size: calc(1rem - 2px); min-height: 32px; display: flex; align-items: center" }, [C({
+								disabled: x.disabled,
+								size: x.size,
+								readonly: x.readonly
 							})]);
-							return P && L === "bottom" && (!w.readonly || V) ? createVNode("div", { style: "width: 100%; display: flex; flex-direction: column" }, [T, createVNode(NText, {
+							return j && P === "bottom" && (!x.readonly || R) ? createVNode("div", { style: "width: 100%; display: flex; flex-direction: column" }, [S, createVNode(NText, {
 								depth: 3,
 								style: "font-size: calc(1rem - 3px); margin-top: 6px"
-							}, _isSlot$5(e = toValue(P)) ? e : { default: () => [e] })]) : T;
+							}, _isSlot$5(e = toValue(j)) ? e : { default: () => [e] })]) : S;
 						},
-						feedback: () => F[T]?.errors[0] ?? F[T]?.warnings[0]
-					}), w.grid === !1 ? W : createVNode(NGi, {
-						key: T,
-						offset: N,
-						span: A,
-						style: j ? { gridRowEnd: `span ${j}` } : void 0
-					}, _isSlot$5(W) ? W : { default: () => [W] });
-				}), R === !1 || w.readonly === !0 && !E.action ? void 0 : createVNode(NGi, mergeProps({
+						feedback: () => M[S]?.errors[0] ?? M[S]?.warnings[0]
+					}), x.grid === !1 ? V : createVNode(NGi, {
+						key: S,
+						offset: A,
+						span: D,
+						style: O ? { gridRowEnd: `span ${O}` } : void 0
+					}, _isSlot$5(V) ? V : { default: () => [V] });
+				}), F === !1 || x.readonly === !0 && !C.action ? void 0 : createVNode(NGi, mergeProps({
 					key: "action",
 					span: 2 ** 53 - 1
-				}, typeof w.showAction == "object" ? w.showAction : {}), { default: ({ overflow: e }) => E.action ? E.action({
-					cols: P.value,
-					spans: O,
+				}, typeof x.showAction == "object" ? x.showAction : {}), { default: ({ overflow: e }) => C.action ? C.action({
+					cols: j.value,
+					spans: T,
 					overflow: e
 				}) : createVNode(NFormItem, {
-					label: w.actionAlign === "start" ? " " : void 0,
-					showLabel: w.labelPlacement !== "top",
+					label: x.actionAlign === "start" ? " " : void 0,
+					showLabel: x.labelPlacement !== "top",
 					style: "padding-top: 16px"
 				}, { default: () => [createVNode(NFlex, {
-					justify: w.actionAlign,
+					justify: x.actionAlign,
 					align: "center"
 				}, { default: () => [
-					w.showSubmitBtn === !1 ? void 0 : createVNode(NButton, {
+					x.showSubmitBtn === !1 ? void 0 : createVNode(NButton, {
 						attrType: "submit",
-						type: Y ? "success" : "primary",
-						disabled: Y || w.disabled || w.submitDisabled || T,
-						loading: T
+						type: K ? "success" : "primary",
+						disabled: K || x.disabled || x.submitDisabled || S,
+						loading: S
 					}, {
-						default: () => (Y ? X : B) || D("common.page.form.submitText"),
-						icon: () => Y ? createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : void 0
+						default: () => (K ? q : L) || w("common.page.form.submitText"),
+						icon: () => K ? createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : void 0
 					}),
-					w.showResetBtn === !1 ? void 0 : createVNode(NButton, {
+					x.showResetBtn === !1 ? void 0 : createVNode(NButton, {
 						attrType: "reset",
-						disabled: w.disabled || T,
-						type: w.showCancelBtn ? "primary" : "default",
-						secondary: w.showCancelBtn
-					}, { default: () => [w.resetText || D("common.page.form.resetText")] }),
-					w.showCancelBtn === !1 ? void 0 : createVNode(NButton, {
+						disabled: x.disabled || S,
+						type: x.showCancelBtn ? "primary" : "default",
+						secondary: x.showCancelBtn
+					}, { default: () => [x.resetText || w("common.page.form.resetText")] }),
+					x.showCancelBtn === !1 ? void 0 : createVNode(NButton, {
 						attrType: "button",
-						disabled: w.disabled || T,
-						onClick: j
-					}, { default: () => [w.cancelText || D("common.page.form.cancelText")] })
+						disabled: x.disabled || S,
+						onClick: O
+					}, { default: () => [x.cancelText || w("common.page.form.cancelText")] })
 				] })] }) })]);
 			} })] });
 		};
@@ -705,62 +726,62 @@ const DataForm = /* @__PURE__ */ defineComponent({
 		"custom",
 		"collapse"
 	],
-	setup(w, { expose: T, emit: E }) {
-		let { t: D } = useI18n(), O = (e) => {
-			E("filter", w.model, e);
-		}, k = (e) => {
-			E("reset", e), w.filterOnReset && E("filter", w.model, e);
-		}, A = ref(w.defaultCollapsed), j = (e) => {
-			A.value = e;
+	setup(x, { expose: S, emit: C }) {
+		let { t: w } = useI18n(), T = (e) => {
+			C("filter", x.model, e);
+		}, E = (e) => {
+			C("reset", e), x.filterOnReset && C("filter", x.model, e);
+		}, D = ref(x.defaultCollapsed), O = (e) => {
+			D.value = e;
 		};
-		T({ collapse: j });
-		let N = reactive({
+		S({ collapse: O });
+		let A = reactive({
 			span: 6,
 			suffix: !0
 		});
 		return () => {
-			let { filterOnReset: e, filterText: T, resetText: P, customizable: F, defaultCollapsed: L, collapsible: R, grid: z,...B } = w;
+			let { filterOnReset: e, filterText: S, resetText: j, customizable: M, defaultCollapsed: P, collapsible: F, grid: I,...L } = x;
 			return createVNode(DataForm, mergeProps({ grid: {
 				cols: "12 768:18 1280:24 1536:30",
 				yGap: 20,
 				xGap: 8,
-				...z,
-				collapsed: A.value
-			} }, B, {
+				...I,
+				collapsed: D.value
+			} }, L, {
 				showFeedback: !1,
-				showAction: N,
-				onSubmit: O,
-				onReset: k
-			}), { action: ({ cols: e, spans: O }) => (N.suffix = e < O + N.span, createVNode(NFlex, {
-				justify: N.suffix ? "end" : "start",
+				showAction: A,
+				onSubmit: T,
+				onReset: E
+			}), { action: ({ cols: e, spans: T }) => (A.suffix = e < T + A.span, createVNode(NFlex, {
+				justify: A.suffix ? "end" : "start",
 				align: "center"
 			}, { default: () => [
-				N.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
+				A.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
 				createVNode(NButton, {
 					attrType: "submit",
 					type: "primary",
-					disabled: w.disabled,
-					loading: w.loading
-				}, { default: () => [T || D("common.page.filter.submitText")] }),
+					disabled: x.disabled,
+					loading: x.loading
+				}, { default: () => [S || w("common.page.filter.submitText")] }),
 				createVNode(NButton, {
 					attrType: "reset",
-					disabled: w.disabled || w.loading
-				}, { default: () => [P || D("common.page.form.resetText")] }),
-				F ? createVNode(DataCustom, {
+					disabled: x.disabled || x.loading
+				}, { default: () => [j || w("common.page.form.resetText")] }),
+				M ? createVNode(DataCustom, {
 					keyField: "name",
 					showFixed: !1,
-					data: B.items,
-					onCustom: (e) => E("custom", e),
+					data: L.items,
+					onCustom: (e) => C("custom", e),
 					size: 18,
 					type: "primary"
 				}, null) : void 0,
-				R && N.suffix ? createVNode(NButton, {
+				F && A.suffix ? createVNode(NButton, {
 					text: !0,
 					type: "primary",
 					iconPlacement: "right",
-					renderIcon: A.value ? IDown : IUp,
-					onClick: () => j(!A.value)
-				}, { default: () => [A.value ? D("common.page.filter.expand") : D("common.page.filter.collapse")] }) : void 0
+					renderIcon: D.value ? IDown : IUp,
+					onClick: () => O(!D.value)
+				}, { default: () => [D.value ? w("common.page.filter.expand") : w("common.page.filter.collapse")] }) : void 0
 			] })) });
 		};
 	}
@@ -768,31 +789,31 @@ const DataForm = /* @__PURE__ */ defineComponent({
 function _isSlot$4(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
 }
-function useLocaleEdit(w, T, E = 1) {
-	let { t: D } = useI18n(), O = ref(!1), k = [], { open: A, reinit: j } = useFormModal({
-		title: w,
+function useLocaleEdit(x, S, C = 1) {
+	let { t: w } = useI18n(), T = ref(!1), E = [], { open: D, reinit: O } = useFormModal({
+		title: x,
 		showColon: !0,
-		submitText: D("common.confirm.defaultOk"),
-		items: ({ it: e }) => k.map((w) => e(w.value, w.label, "input", {
+		submitText: w("common.confirm.defaultOk"),
+		items: ({ it: e }) => E.map((x) => e(x.value, x.label, "input", {
 			span: 24,
-			required: w.required,
+			required: x.required,
 			inputProps: {
-				readonly: O,
+				readonly: T,
 				clearable: !0,
 				type: "textarea",
 				showCount: !0,
 				autosize: {
-					minRows: unref(E),
-					maxRows: Math.max(unref(E), 5)
+					minRows: unref(C),
+					maxRows: Math.max(unref(C), 5)
 				}
 			}
 		})),
-		onSubmit: T
+		onSubmit: S
 	});
 	return {
-		open: (e, w = !1) => (O.value = w, A(e)),
+		open: (e, x = !1) => (T.value = x, D(e)),
 		setSupports: (e) => {
-			k = e, j();
+			E = e, O();
 		}
 	};
 }
@@ -829,33 +850,33 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 		}
 	},
 	emits: ["update:modelValue", "updateModelValue"],
-	setup(e, { emit: w }) {
-		let T = (T) => {
-			T = {
+	setup(e, { emit: x }) {
+		let S = (S) => {
+			S = {
 				...e.modelValue,
-				[e.showLang ?? e.defaultLang]: T
-			}, w("update:modelValue", T), w("updateModelValue", T);
-		}, { open: E, setSupports: D } = useLocaleEdit(computed(() => toValue(e.label)), (e) => {
-			w("update:modelValue", e), w("updateModelValue", e);
+				[e.showLang ?? e.defaultLang]: S
+			}, x("update:modelValue", S), x("updateModelValue", S);
+		}, { open: C, setSupports: w } = useLocaleEdit(computed(() => toValue(e.label)), (e) => {
+			x("update:modelValue", e), x("updateModelValue", e);
 		}, toRef(e, "defaultRows"));
-		watch(() => e.supports, D, { immediate: !0 });
-		let O = { suffix: () => createVNode(NButton, {
+		watch(() => e.supports, w, { immediate: !0 });
+		let T = { suffix: () => createVNode(NButton, {
 			quaternary: !0,
-			onClick: () => E(e.modelValue, e.disabled),
+			onClick: () => C(e.modelValue, e.disabled),
 			style: "--n-padding: 0 8px"
 		}, { default: () => [createVNode(NIcon, {
 			size: "20",
 			depth: "3"
-		}, { default: () => [createVNode(ILanguage, null, null)] })] }) }, k = { "--n-padding-right": "0" };
+		}, { default: () => [createVNode(ILanguage, null, null)] })] }) }, E = { "--n-padding-right": "0" };
 		return () => createVNode(NInput, {
 			value: e.modelValue?.[e.showLang ?? e.defaultLang] ?? e.modelValue?.[e.defaultLang],
-			onUpdateValue: T,
+			onUpdateValue: S,
 			disabled: e.disabled,
 			clearable: !0,
-			style: k,
+			style: E,
 			type: e.defaultRows > 1 ? "textarea" : "text",
 			rows: e.defaultRows
-		}, _isSlot$4(O) ? O : { default: () => [O] });
+		}, _isSlot$4(T) ? T : { default: () => [T] });
 	}
 }), DataPagination = /* @__PURE__ */ defineComponent({
 	name: "DataPagination",
@@ -878,27 +899,27 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 		}
 	},
 	emits: { change: () => !0 },
-	setup(w, { emit: T }) {
-		let { t: E } = useI18n(), D = (e) => T("change", {
-			pageSize: w.pageSize ?? w.page?.pageSize ?? 0,
+	setup(x, { emit: S }) {
+		let { t: C } = useI18n(), w = (e) => S("change", {
+			pageSize: x.pageSize ?? x.page?.pageSize ?? 0,
 			currentPage: e
-		}), O = (e) => T("change", {
+		}), T = (e) => S("change", {
 			pageSize: e,
-			currentPage: w.currentPage ?? w.page?.currentPage ?? 0
+			currentPage: x.currentPage ?? x.page?.currentPage ?? 0
 		});
 		return () => createVNode(NPagination, {
-			page: w.currentPage ?? w.page?.currentPage,
-			itemCount: w.total,
-			pageSize: w.pageSize ?? w.page?.pageSize,
-			onUpdatePage: D,
-			onUpdatePageSize: O,
-			pageSizes: w.pageSizes,
+			page: x.currentPage ?? x.page?.currentPage,
+			itemCount: x.total,
+			pageSize: x.pageSize ?? x.page?.pageSize,
+			onUpdatePage: w,
+			onUpdatePageSize: T,
+			pageSizes: x.pageSizes,
 			showQuickJumper: !0,
 			showSizePicker: !0,
 			style: "justify-content: flex-end"
 		}, {
-			prefix: () => E("common.page.pagination.prefix", { total: w.total }),
-			suffix: () => E("common.page.pagination.suffix")
+			prefix: () => C("common.page.pagination.prefix", { total: x.total }),
+			suffix: () => C("common.page.pagination.suffix")
 		});
 	}
 });
@@ -921,28 +942,28 @@ const DataSelection = /* @__PURE__ */ defineComponent({
 		"update:modelValue": () => !0,
 		clear: () => !0
 	},
-	setup(w, { emit: T }) {
-		let { t: E } = useI18n();
+	setup(x, { emit: S }) {
+		let { t: C } = useI18n();
 		return () => {
 			let e;
-			return w.modelValue !== "selection" && w.count === 0 ? createVNode("div", null, null) : createVNode("div", null, [createVNode(NFlex, {
+			return x.modelValue !== "selection" && x.count === 0 ? createVNode("div", null, null) : createVNode("div", null, [createVNode(NFlex, {
 				align: "center",
 				"wrap-item": !1
 			}, { default: () => [
-				createVNode("span", null, [E("common.page.selection.countText", { count: w.count })]),
+				createVNode("span", null, [C("common.page.selection.countText", { count: x.count })]),
 				createVNode(NButton, {
 					text: !0,
 					type: "primary",
 					onClick: () => {
-						T("update:modelValue", w.modelValue === "all" ? "selection" : "all");
+						S("update:modelValue", x.modelValue === "all" ? "selection" : "all");
 					}
-				}, { default: () => [w.modelValue === "all" ? E("common.page.selection.view") : E("common.page.selection.back")] }),
+				}, { default: () => [x.modelValue === "all" ? C("common.page.selection.view") : C("common.page.selection.back")] }),
 				createVNode(NButton, {
 					text: !0,
 					onClick: () => {
-						T("clear"), T("update:modelValue", "all");
+						S("clear"), S("update:modelValue", "all");
 					}
-				}, _isSlot$3(e = E("common.page.selection.clear")) ? e : { default: () => [e] })
+				}, _isSlot$3(e = C("common.page.selection.clear")) ? e : { default: () => [e] })
 			] })]);
 		};
 	}
@@ -950,13 +971,13 @@ const DataSelection = /* @__PURE__ */ defineComponent({
 function _isSlot$2(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
 }
-function _map(e, T) {
+function _map(e, S) {
 	return (e ?? []).map((e) => {
-		let E = {
+		let C = {
 			csvTitle: e.exportTitle,
 			...e,
 			title: () => {
-				let T = toValue(e.title), E = T && withDirectives(createVNode("span", null, [T]), [[
+				let S = toValue(e.title), C = S && withDirectives(createVNode("span", null, [S]), [[
 					vTooltip,
 					() => toValue(e.title),
 					void 0,
@@ -967,21 +988,21 @@ function _map(e, T) {
 					wrap: !1,
 					inline: !0,
 					style: "max-width: 100%"
-				}, { default: () => [E, createVNode(NTooltip, null, {
+				}, { default: () => [C, createVNode(NTooltip, null, {
 					default: toValue(e.tooltip),
 					trigger: () => createVNode(NButton, {
 						text: !0,
 						style: "font-size: 1.25em; opacity: 0.8"
 					}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IHelp, null, null)] })] })
-				})] }) : E;
+				})] }) : C;
 			}
 		};
-		if (e.children?.length) E.children = _map(e.children, T);
+		if (e.children?.length) C.children = _map(e.children, S);
 		else {
-			e.hidden !== !0 && (E.width ??= 100, T.value += Number(E.width));
-			let w = e.render ?? ((e) => e);
-			e.ellipsis !== !1 && (E.ellipsis = !1, E.render = (...T) => {
-				let E = w(...T);
+			e.hidden !== !0 && (C.width ??= 100, S.value += Number(C.width));
+			let x = e.render ?? ((e) => e);
+			e.ellipsis !== !1 && (C.ellipsis = !1, C.render = (...S) => {
+				let C = x(...S);
 				return createVNode(NPerformantEllipsis, mergeProps({
 					expandTrigger: "click",
 					lineClamp: 1,
@@ -989,15 +1010,15 @@ function _map(e, T) {
 						maxWidth: "61.8vw",
 						wordBreak: "break-all"
 					} }
-				}, typeof e.ellipsis == "boolean" ? {} : e.ellipsis), _isSlot$2(E) ? E : { default: () => [E] });
-			}, e.ellipsisTooltip === !0 && (E.ellipsisTooltip ??= w)), Object.assign(E, {
+				}, typeof e.ellipsis == "boolean" ? {} : e.ellipsis), _isSlot$2(C) ? C : { default: () => [C] });
+			}, e.ellipsisTooltip === !0 && (C.ellipsisTooltip ??= x)), Object.assign(C, {
 				resizable: e.resizable !== !1,
 				sorter: e.sortable,
 				type: ["selection", "expand"].includes(e.type) ? e.type : void 0,
-				disabled: e.selectable ? (w) => e.selectable(w) === !1 : void 0
+				disabled: e.selectable ? (x) => e.selectable(x) === !1 : void 0
 			});
 		}
-		return E.key === "$actions" && (E.cellProps ??= () => ({ style: { padding: "0 2px" } })), E;
+		return C.key === "$actions" && (C.cellProps ??= () => ({ style: { padding: "0 2px" } })), C;
 	}).filter((e) => e?.hidden !== !0);
 }
 const DataTable = /* @__PURE__ */ defineComponent({
@@ -1035,113 +1056,113 @@ const DataTable = /* @__PURE__ */ defineComponent({
 		"custom",
 		"highlight"
 	],
-	setup(e, { slots: w, emit: D, expose: O }) {
-		let { keyField: k } = inject(PAGE_INJECTION), A = useMergedClsPrefix(), M = `${A.value}-datatable`;
-		useStyle("-datatable", style, A);
-		let N = useTemplateRef("table-ref"), F = ({ sortField: e, sortOrder: w } = {}, T) => {
-			e == T?.sortField && w == T?.sortOrder || N.value?.sort(e, w ? w + "end" : !1);
+	setup(e, { slots: x, emit: w, expose: T }) {
+		let { keyField: E } = inject(PAGE_INJECTION), D = useMergedClsPrefix(), k = `${D.value}-datatable`;
+		useStyle("-datatable", style, D);
+		let A = useTemplateRef("table-ref"), M = ({ sortField: e, sortOrder: x } = {}, S) => {
+			e == S?.sortField && x == S?.sortOrder || A.value?.sort(e, x ? x + "end" : !1);
 		};
-		watch(() => ({ ...e.sorter }), F, { deep: !0 });
-		let I = computed(() => {
-			let w = e.keyField || k || "key";
-			return (e) => e[w];
-		}), L = shallowRef({
+		watch(() => ({ ...e.sorter }), M, { deep: !0 });
+		let N = computed(() => {
+			let x = e.keyField || E || "key";
+			return (e) => e[x];
+		}), P = shallowRef({
 			cache: [],
 			scrollToView(...e) {
 				this.cache.push(e);
 			}
 		});
-		until(N).changed().then(() => {
-			F(e.sorter);
-			let w = L.value.cache;
-			L.value = N.value, L.value.scrollToView = (w) => {
-				let T = e.data.findIndex((e) => I.value(e) === w);
-				if (T === -1) return;
-				let E = N.value.$el.querySelector(`.${M}__row-marker:nth-child(${T + 1})`);
-				N.value.scrollTo({
-					top: E.offsetTop,
+		until(A).changed().then(() => {
+			M(e.sorter);
+			let x = P.value.cache;
+			P.value = A.value, P.value.scrollToView = (x) => {
+				let S = e.data.findIndex((e) => N.value(e) === x);
+				if (S === -1) return;
+				let C = A.value.$el.querySelector(`.${k}__row-marker:nth-child(${S + 1})`);
+				A.value.scrollTo({
+					top: C.offsetTop,
 					behavior: "smooth"
 				});
 			};
-			for (let e of w) L.value.scrollToView(...e);
-		}), O(toReactive(L));
-		let R = ref(0), V = shallowRef([]);
+			for (let e of x) P.value.scrollToView(...e);
+		}), T(toReactive(P));
+		let F = ref(0), R = shallowRef([]);
 		watch(() => e.columns, () => {
-			R.value = 0, V.value = _map(e.columns, R);
+			F.value = 0, R.value = _map(e.columns, F);
 		}, {
 			immediate: !0,
 			deep: 1
 		});
-		let H = ref();
+		let z = ref();
 		watch(() => e.highlight, (e) => {
-			H.value = typeof e == "boolean" ? null : e ?? null;
+			z.value = typeof e == "boolean" ? null : e ?? null;
 		}, { immediate: !0 });
-		let U = computed(() => (w, T) => [
-			e.rowClassName?.(w, T) || "",
-			`${M}__row-marker`,
-			H.value != null && I.value(w) === H.value ? `${M}__row-highlight` : ""
-		].join(" ")), W = computed(() => (w, T) => {
-			let E = e.rowProps?.(w, T);
+		let B = computed(() => (x, S) => [
+			e.rowClassName?.(x, S) || "",
+			`${k}__row-marker`,
+			z.value != null && N.value(x) === z.value ? `${k}__row-highlight` : ""
+		].join(" ")), V = computed(() => (x, S) => {
+			let C = e.rowProps?.(x, S);
 			return {
-				...E,
-				onClick: (T) => {
-					let O = I.value(w);
-					e.highlight === !0 && (H.value = O), D("highlight", O), E?.onClick?.(T);
+				...C,
+				onClick: (S) => {
+					let T = N.value(x);
+					e.highlight === !0 && (z.value = T), w("highlight", T), C?.onClick?.(S);
 				}
 			};
-		}), q = (w) => {
+		}), W = (x) => {
 			if (e.sorter) {
-				let { sortField: T, sortOrder: E } = e.sorter;
-				if (w?.columnKey == T && (w?.order ? w.order === E + "end" : !E)) return;
+				let { sortField: S, sortOrder: C } = e.sorter;
+				if (x?.columnKey == S && (x?.order ? x.order === C + "end" : !C)) return;
 			}
-			D("sort", {
-				sortField: w?.order ? w?.columnKey : void 0,
-				sortOrder: w?.order ? w.order.replace("end", "") : void 0
+			w("sort", {
+				sortField: x?.order ? x?.columnKey : void 0,
+				sortOrder: x?.order ? x.order.replace("end", "") : void 0
 			});
-		}, Y = (e) => {
-			D("select", e);
-		}, Z = (e, w, T) => {
-			D("custom", {
-				key: T.key,
+		}, K = (e) => {
+			w("select", e);
+		}, J = (e, x, S) => {
+			w("custom", {
+				key: S.key,
 				width: e
 			});
 		};
 		return () => createVNode(NDataTable, {
-			class: M,
+			class: k,
 			data: e.data,
-			columns: V.value,
-			rowKey: I.value,
+			columns: R.value,
+			rowKey: N.value,
 			tableLayout: "fixed",
 			ref: "table-ref",
-			scrollX: R.value,
-			rowClassName: U.value,
-			rowProps: W.value,
+			scrollX: F.value,
+			rowClassName: B.value,
+			rowProps: V.value,
 			checkedRowKeys: e.selectedKeys,
-			onUpdateSorter: q,
-			onUpdateCheckedRowKeys: Y,
-			onUnstableColumnResize: Z
-		}, _isSlot$2(w) ? w : { default: () => [w] });
+			onUpdateSorter: W,
+			onUpdateCheckedRowKeys: K,
+			onUnstableColumnResize: J
+		}, _isSlot$2(x) ? x : { default: () => [x] });
 	}
 });
 var style = /* @__PURE__ */ cB("datatable", [cE("row-highlight", [c("& > td", { backgroundColor: "var(--n-tr-highlight-color, var(--n-merged-border-color)) !important" })])]);
-function useDataTableDrag(e, { data: w, onSort: T,...E }) {
-	watch([ref(w), e], async ([e, w]) => {
+function useDataTableDrag(e, { data: x, onSort: S,...C }) {
+	watch([ref(x), e], async ([e, x]) => {
 		if (e.length === 0) return;
 		await nextTick();
-		let D = unrefElement(w)?.querySelector(".n-data-table-base-table-body .n-data-table-tbody");
-		if (!D) return;
-		let O = Sortable$1.create(D, {
+		let w = unrefElement(x)?.querySelector(".n-data-table-base-table-body .n-data-table-tbody");
+		if (!w) return;
+		let T = Sortable$1.create(w, {
 			animation: 150,
-			...E,
+			...C,
 			onSort(e) {
-				T({
+				S({
 					from: e.oldIndex,
 					to: e.newIndex
 				});
 			}
 		});
 		return () => {
-			O.destroy();
+			T.destroy();
 		};
 	}, { immediate: !0 });
 }
@@ -1200,39 +1221,39 @@ const NRadios = /* @__PURE__ */ defineComponent({
 		"update:modelValue": () => !0,
 		updateModelValue: () => !0
 	},
-	setup(w, { emit: T }) {
-		let { t: E } = useI18n(), D = computed(() => w.default === !1 ? "" : w.default === !0 ? E("common.all") : typeof w.default == "string" ? w.default : w.default?.[w.labelField] ?? E("common.all")), O = computed(() => w.type === "button-primary" ? {
+	setup(x, { emit: S }) {
+		let { t: C } = useI18n(), w = computed(() => x.default === !1 ? "" : x.default === !0 ? C("common.all") : typeof x.default == "string" ? x.default : x.default?.[x.labelField] ?? C("common.all")), T = computed(() => x.type === "button-primary" ? {
 			"--n-button-color-active": "var(--color-primary)",
 			"--n-button-text-color-active": "var(--color-base)"
-		} : {}), k = (e) => {
-			T("update:modelValue", e), T("updateModelValue", e);
+		} : {}), E = (e) => {
+			S("update:modelValue", e), S("updateModelValue", e);
 		};
 		return () => {
-			let e = w.type === "button" ? NRadioButton : NRadio, T = createVNode(Fragment, null, [w.default ? createVNode(e, { value: typeof w.default == "object" ? w.default?.[w.valueField] : null }, { default: () => [D.value] }) : void 0, w.options?.map((T) => {
-				let E = typeof T[w.labelField] == "string" ? T[w.labelField] : T[w.labelField]?.();
+			let e = x.type === "button" ? NRadioButton : NRadio, S = createVNode(Fragment, null, [x.default ? createVNode(e, { value: typeof x.default == "object" ? x.default?.[x.valueField] : null }, { default: () => [w.value] }) : void 0, x.options?.map((S) => {
+				let C = typeof S[x.labelField] == "string" ? S[x.labelField] : S[x.labelField]?.();
 				return createVNode(e, {
-					value: T[w.valueField],
-					disabled: T[w.disabledField],
-					style: w.padding ? {
-						paddingLeft: w.padding,
-						paddingRight: w.padding
+					value: S[x.valueField],
+					disabled: S[x.disabledField],
+					style: x.padding ? {
+						paddingLeft: x.padding,
+						paddingRight: x.padding
 					} : {}
-				}, { default: () => [T.tip ? createVNode(NTooltip, null, {
-					default: () => T.tip,
-					trigger: () => E
-				}) : E] });
+				}, { default: () => [S.tip ? createVNode(NTooltip, null, {
+					default: () => S.tip,
+					trigger: () => C
+				}) : C] });
 			})]);
 			return createVNode(NRadioGroup, {
-				style: w.vertical ? {
-					...O.value,
+				style: x.vertical ? {
+					...T.value,
 					padding: "6px 0 0"
-				} : O.value,
-				value: w.modelValue,
-				onUpdateValue: k
-			}, { default: () => [w.type === "radio" ? createVNode(NFlex, {
-				size: w.vertical ? void 0 : "small",
-				vertical: w.vertical
-			}, _isSlot$1(T) ? T : { default: () => [T] }) : T] });
+				} : T.value,
+				value: x.modelValue,
+				onUpdateValue: E
+			}, { default: () => [x.type === "radio" ? createVNode(NFlex, {
+				size: x.vertical ? void 0 : "small",
+				vertical: x.vertical
+			}, _isSlot$1(S) ? S : { default: () => [S] }) : S] });
 		};
 	}
 });
@@ -1302,265 +1323,268 @@ const DtUserDept = /* @__PURE__ */ defineComponent({
 		getUsersByDept: {
 			type: Function,
 			default: () => []
-		}
+		},
+		valueField: { type: String }
 	},
 	emits: ["update:modelValue", "updateModelValue"],
-	setup(w, { emit: T, attrs: E }) {
-		let { t: D } = useI18n(), O = computed(() => {
-			if (w.multiple) return w.modelValue || [];
-			let e = w.modelValue?.trim();
+	setup(x, { emit: S, attrs: C }) {
+		let { t: w } = useI18n(), { localeRef: T } = useLocale("Popconfirm"), E = computed(() => x.valueField || (x.type === "user" ? "username" : "code")), k = computed(() => {
+			if (x.multiple) return x.modelValue || [];
+			let e = x.modelValue?.trim();
 			return e ? [e] : [];
-		}), k = /* @__PURE__ */ new Map(), M = computed(() => (k.clear(), w.users.map((e) => (e = reactive(e), e.label = e.nickname, e.value = e.username, e.type = "user", k.set(e.username, e), e)))), N = shallowRef([]);
-		watch(() => w.depts, (e) => {
+		}), A = /* @__PURE__ */ new Map(), j = computed(() => (A.clear(), x.users.map((e) => (e = reactive(e), e.label = e.nickname, e.value = e[E.value], e.type = "user", A.set(e[E.value], e), e)))), M = shallowRef([]);
+		watch(() => x.depts, (e) => {
 			walkTree(e, (e) => {
-				e.label = e.name, e.value = e.code, e.type = "dept", e.children?.length || delete e.children;
-			}), N.value = flattenTree(e);
+				e.label = e.name, e.value = e[E.value], e.type = "dept", e.children?.length || delete e.children;
+			}), M.value = flattenTree(e);
 		}, { immediate: !0 });
-		let P = computed(() => [
-			...w.depts,
-			...w.groups.map((e) => ({
+		let R = computed(() => [
+			...x.depts,
+			...x.groups.map((e) => ({
 				label: e.name,
 				value: e.code,
 				type: "group"
 			})),
-			...M.value
-		]), F = ref([]), V = ref(), H = async (e) => {
-			let T = await (e.type === "group" ? w.getUsersByGroup(e.value) : w.getUsersByDept(e.value));
-			for (let e of M.value) e.disabled = !0;
-			V.value = [...e.type === "dept" ? e.children ?? [] : [], ...T.map((e) => {
-				let w = k.get(e.username);
-				return w && (w.disabled = !1), {
+			...j.value
+		]), z = ref([]), B = ref(), V = async (e) => {
+			let S = await (e.type === "group" ? x.getUsersByGroup(e.value) : x.getUsersByDept(e.value));
+			for (let e of j.value) e.disabled = !0;
+			B.value = [...e.type === "dept" ? e.children ?? [] : [], ...S.map((e) => {
+				let x = A.get(e[E.value]);
+				return x && (x.disabled = !1), {
 					...e,
 					label: e.nickname,
-					value: e.username,
+					value: e[E.value],
 					type: "user"
 				};
 			})];
-		}, U = /* @__PURE__ */ new WeakMap(), W = (e, T, E) => {
-			let O;
-			if (w.type === "dept") return createVNode(NTree, {
-				data: w.depts,
+		}, H = /* @__PURE__ */ new WeakMap(), W = (e, S, C) => {
+			let T;
+			if (x.type === "dept") return createVNode(NTree, {
+				data: x.depts,
 				keyField: "value",
 				labelField: "name",
-				defaultExpandAll: w.defaultExpandAll,
-				checkable: w.multiple,
-				selectable: !w.multiple,
+				defaultExpandAll: x.defaultExpandAll,
+				checkable: x.multiple,
+				selectable: !x.multiple,
 				multiple: !1,
 				blockLine: !0,
 				checkOnClick: !0,
-				pattern: E,
-				filter: (e, w) => w.label.includes(e) || w.value.includes(e),
-				checkedKeys: w.multiple ? e : void 0,
-				selectedKeys: w.multiple ? void 0 : e,
+				pattern: C,
+				filter: (e, x) => x.label.includes(e) || x.value.includes(e),
+				checkedKeys: x.multiple ? e : void 0,
+				selectedKeys: x.multiple ? void 0 : e,
 				onUpdateCheckedKeys: (e) => {
-					w.max && e?.length > w.max || T(e);
+					x.max && e?.length > x.max || S(e);
 				},
 				onUpdateSelectedKeys: (e) => {
-					T(e);
+					S(e);
 				}
 			}, null);
-			let k = e ? U.get(e) : /* @__PURE__ */ new Set();
-			if (e && !k && (k = new Set(e), U.set(e, k)), V.value === !1) return createVNode(NSpin, { show: !0 }, null);
-			let j = V.value || P.value;
-			E = E?.trim(), E && (j = j?.filter((e) => e.label.includes(E) || e.value.includes(E)));
-			let N = F.value;
-			return createVNode(Fragment, null, [createVNode("div", { style: "margin: 12px 16px; display: flex; justify-content: space-between; align-items: center" }, [N.length > 0 ? createVNode(Fragment, null, [createVNode("span", { style: "display: flex; align-items: center" }, [
-				N.length >= 2 ? N.at(-2).label : D("common.all"),
+			let E = e ? H.get(e) : /* @__PURE__ */ new Set();
+			if (e && !E && (E = new Set(e), H.set(e, E)), B.value === !1) return createVNode(NSpin, { show: !0 }, null);
+			let O = B.value || R.value;
+			C = C?.trim(), C && (O = O?.filter((e) => e.label.includes(C) || e.value.includes(C)));
+			let k = z.value;
+			return createVNode(Fragment, null, [createVNode("div", { style: "margin: 12px 16px; display: flex; justify-content: space-between; align-items: center" }, [k.length > 0 ? createVNode(Fragment, null, [createVNode("span", { style: "display: flex; align-items: center" }, [
+				k.length >= 2 ? k.at(-2).label : w("common.all"),
 				createVNode("span", { style: "padding: 0 4px" }, [createVNode(IRight, null, null)]),
-				N.at(-1).label
+				k.at(-1).label
 			]), createVNode(NButton, {
 				text: !0,
 				type: "warning",
 				onClick: () => {
-					if (N.pop(), V.value = N.length > 0 ? !1 : void 0, N.length > 0) H(N.at(-1));
-					else for (let e of M.value) e.disabled = !1;
+					if (k.pop(), B.value = k.length > 0 ? !1 : void 0, k.length > 0) V(k.at(-1));
+					else for (let e of j.value) e.disabled = !1;
 				}
-			}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(ILeft, null, null)] }), D("common.back")] })]) : createVNode("span", null, [D("common.all")])]), j?.length ? createVNode(NList, {
+			}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(ILeft, null, null)] }), w("common.back")] })]) : createVNode("span", null, [w("common.all")])]), O?.length ? createVNode(NList, {
 				showDivider: !1,
 				style: "padding: 0 16px"
-			}, _isSlot(O = j.map((E) => {
-				let D, O;
+			}, _isSlot(T = O.map((C) => {
+				let w, T;
 				return createVNode(NListItem, {
-					key: E.type + "_" + E.value,
+					key: C.type + "_" + C.value,
 					style: "padding: 6px 0"
-				}, { default: () => [E.type === "user" ? w.multiple ? createVNode(NCheckbox, {
-					checked: k.has(E.value) || !1,
-					onUpdateChecked: (D) => {
-						if (D && w.max && e.length >= w.max) return;
-						let O = [...e || []];
-						if (D) O.push(E.value);
+				}, { default: () => [C.type === "user" ? x.multiple ? createVNode(NCheckbox, {
+					checked: E.has(C.value) || !1,
+					onUpdateChecked: (w) => {
+						if (w && x.max && e.length >= x.max) return;
+						let T = [...e || []];
+						if (w) T.push(C.value);
 						else {
-							let e = O.indexOf(E.value);
-							O.splice(e, 1);
+							let e = T.indexOf(C.value);
+							T.splice(e, 1);
 						}
-						T(O);
+						S(T);
 					},
 					style: "margin-left: 3px"
-				}, _isSlot(D = renderUsers([E], {
+				}, _isSlot(w = renderUsers([C], {
 					max: 1,
 					size: 24,
 					placement: "right"
-				})) ? D : { default: () => [D] }) : createVNode(NRadio, {
-					checked: k.has(E.value) || !1,
+				})) ? w : { default: () => [w] }) : createVNode(NRadio, {
+					checked: E.has(C.value) || !1,
 					onUpdateChecked: (e) => {
-						T(e ? [E.value] : []);
+						S(e ? [C.value] : []);
 					},
 					style: "margin-left: 3px"
-				}, _isSlot(O = renderUsers([E], {
+				}, _isSlot(T = renderUsers([C], {
 					max: 1,
 					size: 24,
 					placement: "right"
-				})) ? O : { default: () => [O] }) : createVNode("div", {
+				})) ? T : { default: () => [T] }) : createVNode("div", {
 					onClick: () => {
-						V.value = !1, F.value.push(E), H(E);
+						B.value = !1, z.value.push(C), V(C);
 					},
 					style: "cursor: pointer; display: flex; align-items: center; gap: 8px"
 				}, [
-					E.type === "dept" ? createVNode(NAvatar, {
+					C.type === "dept" ? createVNode(NAvatar, {
 						size: 24,
 						style: "background-color: red"
 					}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IDept, null, null)] })] }) : createVNode(NAvatar, {
 						size: 24,
 						style: "background-color: green"
 					}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IGroup, null, null)] })] }),
-					createVNode("span", { style: "flex: 1 1 auto" }, [E.label]),
+					createVNode("span", { style: "flex: 1 1 auto" }, [C.label]),
 					createVNode(NIcon, null, { default: () => [createVNode(IRight, null, null)] })
 				])] });
-			})) ? O : { default: () => [O] }) : createVNode(NEmpty, null, null)]);
-		}, G = () => createVNode(NEmpty, { description: w.placeholder }, null), q = (e, T, E, D, O) => createVNode(NTransfer, mergeProps(e, {
-			key: w.type,
-			options: T,
-			renderSourceList: ({ onCheck: e, pattern: w }) => W(E, e, w),
-			renderTargetList: w.placeholder?.trim() && !w.modelValue?.length ? G : void 0,
-			sourceFilterable: w.filterable,
-			size: w.size,
-			disabled: w.disabled || void 0,
-			value: E,
-			filter: (e, w) => w.label.includes(e) || w.value.includes(e),
+			})) ? T : { default: () => [T] }) : createVNode(NEmpty, null, null)]);
+		}, G = () => createVNode(NEmpty, { description: x.placeholder }, null), K = (e, S, C, w, T) => createVNode(NTransfer, mergeProps(e, {
+			key: x.type,
+			options: S,
+			renderSourceList: ({ onCheck: e, pattern: x }) => W(C, e, x),
+			renderTargetList: x.placeholder?.trim() && !x.modelValue?.length ? G : void 0,
+			sourceFilterable: x.filterable,
+			size: x.size,
+			disabled: x.disabled || void 0,
+			value: C,
+			filter: (e, x) => x.label.includes(e) || x.value.includes(e),
 			"onUpdate:value": (e) => {
-				D?.(e);
+				w?.(e);
 			},
 			onUpdateValue: (e) => {
-				O?.(e);
+				T?.(e);
 			}
-		}), null), J = ({ option: e, handleClose: T }) => createVNode(NTag, {
-			type: w.type === "user" ? "primary" : "info",
+		}), null), q = ({ option: e, handleClose: S }) => createVNode(NTag, {
+			type: x.type === "user" ? "primary" : "info",
 			closable: !0,
 			onMousedown: (e) => e.preventDefault(),
 			onClose: (e) => {
-				e.stopPropagation(), T();
+				e.stopPropagation(), S();
 			}
-		}, { default: () => [e.label] }), Y = (e, E = "updateModelValue") => {
-			w.multiple ? T(E, e) : T(E, e?.[0]);
-		}, X = ref(), Z = !1, Q = () => {
-			if (Z) return;
-			Z = !0;
-			let e = shallowRef([...O.value || []]);
-			$dialog({
+		}, { default: () => [e.label] }), J = (e, C = "updateModelValue") => {
+			x.multiple ? S(C, e) : S(C, e?.[0]);
+		}, Y = ref(), X = !1, Z = useDialog(), Q = () => {
+			if (X) return;
+			X = !0;
+			let e = shallowRef([...k.value || []]);
+			Z.create({
 				showIcon: !1,
-				title: w.placeholder,
+				title: x.placeholder,
 				style: { width: "700px" },
-				content: () => createVNode("div", { style: { height: "550px" } }, [q({ style: { height: "100%" } }, w.type === "user" ? M.value : N.value, e.value, (w) => e.value = w)]),
-				onOk() {
-					Y(e.value, "update:modelValue"), Y(e.value, "updateModelValue");
+				content: () => createVNode("div", { style: { height: "550px" } }, [K({ style: { height: "100%" } }, x.type === "user" ? j.value : M.value, e.value, (x) => e.value = x)]),
+				positiveText: T.value.positiveText,
+				negativeText: T.value.negativeText,
+				onPositiveClick() {
+					J(e.value, "update:modelValue"), J(e.value, "updateModelValue");
 				},
 				onAfterLeave() {
 					nextTick(() => {
-						X.value?.blur(), Z = !1;
+						Y.value?.blur(), X = !1;
 					});
 				}
 			});
-		}, $ = { arrow: () => createVNode(NIcon, null, { default: () => [w.type === "user" ? createVNode(IGroup, null, null) : createVNode(IDept, null, null)] }) };
+		}, $ = { arrow: () => createVNode(NIcon, null, { default: () => [x.type === "user" ? createVNode(IGroup, null, null) : createVNode(IDept, null, null)] }) };
 		return () => {
-			let e = w.type === "user" ? M.value : N.value;
-			if (w.selectType === "dropdown" && w.type === "dept") return createVNode(NTreeSelect, {
+			let e = x.type === "user" ? j.value : M.value;
+			if (x.selectType === "dropdown" && x.type === "dept") return createVNode(NTreeSelect, {
 				options: e,
 				keyField: "value",
-				defaultExpandAll: w.defaultExpandAll,
-				checkable: w.multiple,
-				multiple: w.multiple,
-				filter: (e, w) => w.label.includes(e) || w.value.includes(e),
-				value: w.modelValue,
+				defaultExpandAll: x.defaultExpandAll,
+				checkable: x.multiple,
+				multiple: x.multiple,
+				filter: (e, x) => x.label.includes(e) || x.value.includes(e),
+				value: x.modelValue,
 				onUpdateValue: (e) => {
-					w.multiple && w.max && e?.length > w.max || T("updateModelValue", e);
+					x.multiple && x.max && e?.length > x.max || S("updateModelValue", e);
 				},
 				"onUpdate:value": (e) => {
-					w.multiple && w.max && e?.length > w.max || T("update:modelValue", e);
+					x.multiple && x.max && e?.length > x.max || S("update:modelValue", e);
 				}
 			}, _isSlot($) ? $ : { default: () => [$] });
-			if (w.selectType === "transfer") return q(E, e, O.value, (e) => Y(e, "update:modelValue"), (e) => Y(e, "updateModelValue"));
-			let D = w.selectType === "dropdown";
-			return createVNode(NSelect, mergeProps(E, {
-				key: w.type,
-				ref: X,
-				show: D ? void 0 : !1,
-				filterable: D ? w.filterable : !1,
+			if (x.selectType === "transfer") return K(C, e, k.value, (e) => J(e, "update:modelValue"), (e) => J(e, "updateModelValue"));
+			let w = x.selectType === "dropdown";
+			return createVNode(NSelect, mergeProps(C, {
+				key: x.type,
+				ref: Y,
+				show: w ? void 0 : !1,
+				filterable: w ? x.filterable : !1,
 				options: e,
-				multiple: w.multiple,
-				size: w.size,
-				placeholder: w.placeholder,
-				disabled: w.disabled || void 0,
-				value: w.modelValue,
-				renderTag: w.multiple ? J : void 0,
-				onFocus: D ? void 0 : Q,
+				multiple: x.multiple,
+				size: x.size,
+				placeholder: x.placeholder,
+				disabled: x.disabled || void 0,
+				value: x.modelValue,
+				renderTag: x.multiple ? q : void 0,
+				onFocus: w ? void 0 : Q,
 				onUpdateValue: (e) => {
-					T("updateModelValue", e);
+					S("updateModelValue", e);
 				},
 				"onUpdate:value": (e) => {
-					T("update:modelValue", e);
+					S("update:modelValue", e);
 				}
 			}), _isSlot($) ? $ : { default: () => [$] });
 		};
 	}
 });
-function renderUser(e, w, { placement: T, size: E }) {
-	let D = e.nickname.split(" ").at(-1), O = D;
-	return /^[\u4E00-\u9FA5]+$/.test(D) ? O = D.length >= 3 ? D.slice(-2) : D : D.length > 4 && (O = createVNode(NIcon, null, { default: () => [createVNode(IAccount, null, null)] })), createVNode(NPopover, {
+function renderUser(e, x, { placement: S, size: C }) {
+	let w = e.nickname.split(" ").at(-1), T = w;
+	return /^[\u4E00-\u9FA5]+$/.test(w) ? T = w.length >= 3 ? w.slice(-2) : w : w.length > 4 && (T = createVNode(NIcon, null, { default: () => [createVNode(IAccount, null, null)] })), createVNode(NPopover, {
 		key: e.username,
 		raw: !0,
-		placement: T
+		placement: S
 	}, {
 		default: () => createVNode(NCard, {
 			style: "width: 200px",
 			size: "small"
 		}, { default: () => [createVNode(NH4, null, { default: () => [e.nickname] }), createVNode("span", null, [e.username])] }),
 		trigger: () => {
-			let T = createVNode(NAvatar, {
+			let S = createVNode(NAvatar, {
 				color: "var(--color-primary)",
 				round: !0,
-				size: E,
-				style: w ? {
+				size: C,
+				style: x ? {
 					position: "absolute",
-					bottom: -(E - 20) / 2 + "px"
+					bottom: -(C - 20) / 2 + "px"
 				} : ""
-			}, _isSlot(O) ? O : { default: () => [O] });
-			return w ? createVNode("div", { style: w ? {
+			}, _isSlot(T) ? T : { default: () => [T] });
+			return x ? createVNode("div", { style: x ? {
 				display: "inline-block",
-				minWidth: E + "px",
-				height: E + "px"
-			} : "" }, [T, w ? createVNode("span", { style: { marginLeft: E + 6 + "px" } }, [e.nickname]) : void 0]) : T;
+				minWidth: C + "px",
+				height: C + "px"
+			} : "" }, [S, x ? createVNode("span", { style: { marginLeft: C + 6 + "px" } }, [e.nickname]) : void 0]) : S;
 		}
 	});
 }
-function renderUsers(e, w = {}) {
-	w.size ||= 24, w.max ||= 4;
-	let { max: T, size: E } = w;
-	return e.length <= 1 ? createVNode("span", { style: "position: relative" }, [e.map((e) => renderUser(e, !0, w))]) : createVNode("span", { style: {
+function renderUsers(e, x = {}) {
+	x.size ||= 24, x.max ||= 4;
+	let { max: S, size: C } = x;
+	return e.length <= 1 ? createVNode("span", { style: "position: relative" }, [e.map((e) => renderUser(e, !0, x))]) : createVNode("span", { style: {
 		display: "inline-block",
-		height: E + "px"
+		height: C + "px"
 	} }, [createVNode(NAvatarGroup, {
 		options: e,
-		size: E,
-		max: T || 4,
+		size: C,
+		max: S || 4,
 		style: "top: -2px"
 	}, {
-		avatar: ({ option: e }) => renderUser(e, !1, w),
-		rest: ({ options: e, rest: w }) => createVNode(NDropdown, {
+		avatar: ({ option: e }) => renderUser(e, !1, x),
+		rest: ({ options: e, rest: x }) => createVNode(NDropdown, {
 			options: e,
 			keyField: "username",
 			labelField: "nickname",
-			renderOption: ({ option: w }) => renderUser(w, !1, e)
-		}, { default: () => [createVNode(NAvatar, null, { default: () => [createTextVNode("+"), w] })] })
+			renderOption: ({ option: x }) => renderUser(x, !1, e)
+		}, { default: () => [createVNode(NAvatar, null, { default: () => [createTextVNode("+"), x] })] })
 	})]);
 }
 const DtDeptRender = /* @__PURE__ */ defineComponent({
@@ -1571,18 +1595,18 @@ const DtDeptRender = /* @__PURE__ */ defineComponent({
 		getDeptsByCode: Function
 	},
 	setup(e) {
-		let w = ref([]), T = {};
-		return watch([() => e.modelValue, () => e.multiple], ([E, D]) => {
-			w.value = [];
-			let O = E ? D ? Array.isArray(E) ? E : E.trim() ? E.trim().split(",") : [] : [E] : [], k = [];
-			for (let [e, E] of O.entries()) T[E] || (T[E] = reactive({
-				code: E,
-				name: E
-			}), k.push(E)), w.value[e] = T[E];
-			k.length > 0 && e.getDeptsByCode(k).then((e) => {
-				for (let w of e) Object.assign(T[w.code], w);
+		let x = ref([]), S = {};
+		return watch([() => e.modelValue, () => e.multiple], ([C, w]) => {
+			x.value = [];
+			let T = C ? w ? Array.isArray(C) ? C : C.trim() ? C.trim().split(",") : [] : [C] : [], E = [];
+			for (let [e, C] of T.entries()) S[C] || (S[C] = reactive({
+				code: C,
+				name: C
+			}), E.push(C)), x.value[e] = S[C];
+			E.length > 0 && e.getDeptsByCode(E).then((e) => {
+				for (let x of e) Object.assign(S[x.code], x);
 			});
-		}, { immediate: !0 }), () => w.value.map((e) => createVNode(NTag, { key: e.code }, { default: () => [e.name] }));
+		}, { immediate: !0 }), () => x.value.map((e) => createVNode(NTag, { key: e.code }, { default: () => [e.name] }));
 	}
 }), DtUserRender = /* @__PURE__ */ defineComponent({
 	name: "UserRender",
@@ -1595,18 +1619,18 @@ const DtDeptRender = /* @__PURE__ */ defineComponent({
 		getUsersByUsername: Function
 	},
 	setup(e) {
-		let w = ref([]), T = {};
-		return watch([() => e.modelValue, () => e.multiple], ([E, D]) => {
-			w.value = [];
-			let O = E ? D ? Array.isArray(E) ? E : E.trim() ? E.trim().split(",") : [] : [E] : [], k = [];
-			for (let [e, E] of O.entries()) T[E] || (T[E] = reactive({
-				code: E,
-				name: E
-			}), k.push(E)), w.value[e] = T[E];
-			k.length > 0 && e.getUsersByUsername(k).then((e) => {
-				for (let w of e) Object.assign(T[w.code], w);
+		let x = ref([]), S = {};
+		return watch([() => e.modelValue, () => e.multiple], ([C, w]) => {
+			x.value = [];
+			let T = C ? w ? Array.isArray(C) ? C : C.trim() ? C.trim().split(",") : [] : [C] : [], E = [];
+			for (let [e, C] of T.entries()) S[C] || (S[C] = reactive({
+				code: C,
+				name: C
+			}), E.push(C)), x.value[e] = S[C];
+			E.length > 0 && e.getUsersByUsername(E).then((e) => {
+				for (let x of e) Object.assign(S[x.code], x);
 			});
-		}, { immediate: !0 }), () => renderUsers(w.value, e);
+		}, { immediate: !0 }), () => renderUsers(x.value, e);
 	}
 });
 export { NRadios as a, DataSelection as c, useLocaleEdit as d, DataFilter as f, NCheckboxes as g, DataActions as h, renderUsers as i, DataPagination as l, DataCustom as m, DtUserDept as n, DataTable as o, DataForm as p, DtUserRender as r, useDataTableDrag as s, DtDeptRender as t, DataLocaleInput as u };