@ithinkdt/ui 4.0.0-601 → 4.0.0-800

package/dist/{components-CDuTve1u.js → components-DYFd5z-C.js}

@@ -1,9 +1,9 @@
-import { n as useI18n } from "./use-i18n-Dx7V4KrY.js";
-import { g as useStyle, h as useMergedClsPrefix, n as cB, r as cE, t as c } from "./use-style-D9hLG26i.js";
-import { i as vTooltip } from "./directives-8VsgmCuO.js";
-import { Fragment, computed, createTextVNode, createVNode, defineComponent, h, inject, isVNode, mergeProps, nextTick, reactive, ref, shallowRef, toRaw, toRef, toValue, unref, useTemplateRef, watch, withDirectives } from "vue";
+import { n as useI18n } from "./use-i18n-D-AJ8KbA.js";
+import { g as useStyle, h as useMergedClsPrefix, i as cM, n as cB, r as cE, t as c } from "./use-style-BGq0HdRK.js";
+import { i as vTooltip } from "./directives-CBQhJ3zJ.js";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, h, inject, isVNode, markRaw, 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 { NAnchor, NAnchorLink, 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 { NAnchor, NAnchorLink, NAvatar, NAvatarGroup, NButton, NCard, NCheckbox, NCheckboxGroup, NDataTable, NDropdown, NEllipsis, NEmpty, NFlex, NForm, NFormItem, NGi, NGrid, NIcon, NInput, NList, NListItem, NPagination, NPopover, NRadio, NRadioButton, NRadioGroup, NSelect, NSpin, NTag, NText, NTooltip, NTransfer, NTree, NTreeSelect, dataTableProps, formProps, useDialog } from "ithinkdt-ui";
 import { nanoid } from "nanoid";
 import { VOverflow, VResizeObserver } from "vueuc";
 import { Sortable } from "sortablejs/modular/sortable.core.esm.js";
@@ -67,37 +67,37 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 		"update:modelValue": () => !0,
 		updateModelValue: () => !0
 	},
-	setup(y, { emit: b, attrs: x }) {
-		let { t: S } = useI18n(), C = computed(() => y.default ? y.default === !0 ? S("common.all") : typeof y.default == "string" ? y.default : y.default?.[y.labelField] ?? S("common.all") : ""), w = ref([]);
-		watch(() => y.modelValue, (e) => w.value = e, { immediate: !0 });
-		let T = (e) => {
-			b("update:modelValue", e), b("updateModelValue", e);
-		}, D = () => {
-			T(w.value?.length === y.options.length ? [] : y.options.map((e) => e[y.valueField]));
-		}, O = computed(() => y.options.length > w.value?.length && w.value?.length > 0), k = computed(() => ({ "--n-label-padding": y.labelPadding }));
+	setup(t, { emit: n, attrs: r }) {
+		let { t: i } = useI18n(), a = computed(() => t.default ? t.default === !0 ? i("common.all") : typeof t.default == "string" ? t.default : t.default?.[t.labelField] ?? i("common.all") : ""), o = ref([]);
+		watch(() => t.modelValue, (e) => o.value = e, { immediate: !0 });
+		let s = (e) => {
+			n("update:modelValue", e), n("updateModelValue", e);
+		}, l = () => {
+			s(o.value?.length === t.options.length ? [] : t.options.map((e) => e[t.valueField]));
+		}, d = computed(() => t.options.length > o.value?.length && o.value?.length > 0), f = computed(() => ({ "--n-label-padding": t.labelPadding }));
 		return () => {
-			let e = createVNode(NCheckboxGroup, mergeProps(x, {
-				value: w.value,
-				onUpdateValue: T
+			let e = createVNode(NCheckboxGroup, mergeProps(r, {
+				value: o.value,
+				onUpdateValue: s
 			}), { default: () => [createVNode(NFlex, {
-				size: y.gap ?? (y.vertical ? void 0 : "small"),
-				vertical: y.vertical,
-				style: !y.default && y.vertical ? { padding: "6px 0 0" } : {}
-			}, { default: () => [y.options?.map((e) => createVNode(NCheckbox, {
-				value: e[y.valueField],
-				disabled: e[y.disabledField],
-				style: k.value
-			}, { default: () => [e[y.labelField]] }))] })] });
-			return y.default ? createVNode(NFlex, {
-				size: y.gap ?? (y.vertical ? void 0 : "small"),
-				vertical: y.vertical,
-				style: y.vertical ? { padding: "6px 0 0" } : {}
+				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) => createVNode(NCheckbox, {
+				value: e[t.valueField],
+				disabled: e[t.disabledField],
+				style: f.value
+			}, { default: () => [e[t.labelField]] }))] })] });
+			return t.default ? createVNode(NFlex, {
+				size: t.gap ?? (t.vertical ? void 0 : "small"),
+				vertical: t.vertical,
+				style: t.vertical ? { padding: "6px 0 0" } : {}
 			}, { default: () => [createVNode("span", null, [createVNode(NCheckbox, {
-				indeterminate: O.value,
-				checked: w.value?.length > 0,
-				onUpdateChecked: D,
-				style: k.value
-			}, { default: () => [C.value] })]), e] }) : e;
+				indeterminate: d.value,
+				checked: o.value?.length > 0,
+				onUpdateChecked: l,
+				style: f.value
+			}, { default: () => [a.value] })]), e] }) : e;
 		};
 	}
 }), IHelp = (e) => createVNode("svg", mergeProps({
@@ -289,16 +289,16 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 		default: () => []
 	} },
 	setup(e) {
-		let y = ref(), b = !0, x = () => {
-			b ? b = !1 : y.value?.sync({ showAllItemsBeforeCalculate: !0 });
-		}, S = ref(), C = () => S.value, w = ref(-1), T = (y) => {
-			w.value = e.options.length - y;
-		}, D = (e) => {
-			e || (w.value = -1);
-		}, O = () => {}, k = computed(() => w.value === -1 ? [] : e.options.slice(w.value).map((e) => ({
+		let t = ref(), n = !0, r = () => {
+			n ? n = !1 : t.value?.sync({ showAllItemsBeforeCalculate: !0 });
+		}, i = ref(), a = () => i.value, o = ref(-1), s = (t) => {
+			o.value = e.options.length - t;
+		}, l = (e) => {
+			e || (o.value = -1);
+		}, d = () => {}, f = computed(() => o.value === -1 ? [] : e.options.slice(o.value).map((e) => ({
 			...e,
 			key: e.text
-		}))), A = (e) => createVNode(NButton, {
+		}))), p = (e) => createVNode(NButton, {
 			type: e.color === "danger" ? "error" : [
 				"default",
 				"tertiary",
@@ -309,15 +309,15 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 				"error"
 			].includes(e.color) ? e.color : "primary",
 			text: !0
-		}, { default: () => [e.text] }), j = (e, y) => {
-			y.onClick?.();
+		}, { default: () => [e.text] }), m = (e, t) => {
+			t.onClick?.();
 		};
-		return () => createVNode(VResizeObserver, { onResize: x }, { default: () => [createVNode(VOverflow, {
-			ref: y,
-			getCounter: C,
-			onUpdateCount: T,
-			onUpdateOverflow: D,
-			updateCounter: O,
+		return () => createVNode(VResizeObserver, { onResize: r }, { default: () => [createVNode(VOverflow, {
+			ref: t,
+			getCounter: a,
+			onUpdateCount: s,
+			onUpdateOverflow: l,
+			updateCounter: d,
 			style: "margin-top: 2px"
 		}, {
 			default: () => e.options.map((e) => createVNode(NButton, {
@@ -335,12 +335,12 @@ const NCheckboxes = /* @__PURE__ */ defineComponent({
 				onClick: e.onClick
 			}, { default: () => [e.text] })),
 			counter: () => createVNode("span", {
-				ref: S,
+				ref: i,
 				style: "position: absolute"
 			}, [createVNode(NDropdown, {
-				options: k.value,
-				renderLabel: A,
-				onSelect: j
+				options: f.value,
+				renderLabel: p,
+				onSelect: m
 			}, { default: () => [createVNode(NButton, {
 				quaternary: !0,
 				size: "small"
@@ -361,9 +361,9 @@ var DataCustomItem = /* @__PURE__ */ defineComponent({
 		fixed: [Boolean, String]
 	},
 	emits: ["update-hidden", "update-fixed"],
-	setup(e, { emit: y }) {
+	setup(e, { emit: t }) {
 		return () => {
-			let b;
+			let n;
 			return createVNode(NFlex, {
 				align: "center",
 				wrap: !1,
@@ -377,17 +377,17 @@ var DataCustomItem = /* @__PURE__ */ defineComponent({
 				createVNode(NCheckbox, {
 					checked: !e.hidden,
 					disabled: e.disabled,
-					onUpdateChecked: (e) => y("update-hidden", !e)
+					onUpdateChecked: (e) => t("update-hidden", !e)
 				}, null),
-				createVNode(NEllipsis, { style: "flex: 1 1 auto" }, _isSlot$7(b = toValue(e.label)) ? b : { default: () => [b] }),
+				createVNode(NEllipsis, { style: "flex: 1 1 auto" }, _isSlot$7(n = toValue(e.label)) ? n : { default: () => [n] }),
 				e.showFixed ? [createVNode(NButton, {
 					text: !0,
 					type: e.fixed === "left" ? "primary" : void 0,
-					onClick: () => y("update-fixed", e.fixed === "left" ? !1 : "left")
+					onClick: () => t("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: () => y("update-fixed", e.fixed === "right" ? !1 : "right")
+					onClick: () => t("update-fixed", e.fixed === "right" ? !1 : "right")
 				}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IRight2, null, null)] })] })] : void 0
 			] });
 		};
@@ -424,9 +424,9 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 			type: String,
 			default: "disabled"
 		},
-		visiblityField: {
+		visibleField: {
 			type: String,
-			default: "visiblity"
+			default: "visible"
 		},
 		tooltip: [String, Object],
 		size: {
@@ -436,24 +436,24 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 		type: { type: String }
 	},
 	emits: { custom: () => !0 },
-	setup(y, { emit: b }) {
-		let { t: x } = useI18n();
-		function S(e, x, S) {
-			b("custom", {
-				key: e[y.keyField],
-				[x]: S
+	setup(t, { emit: n }) {
+		let { t: r } = useI18n();
+		function i(e, r, i) {
+			n("custom", {
+				key: e[t.keyField],
+				[r]: i
 			});
 		}
-		let C = ref();
-		return watch(C, (e) => {
+		let a = ref();
+		return watch(a, (e) => {
 			e.$el && Sortable.create(e.$el, {
 				animation: 150,
 				ghostClass: "ghost",
 				handle: ".icon-drag",
 				filter: ".disabled",
 				onEnd(e) {
-					let x = y.data.map((e) => e[y.keyField]), [S] = x.splice(e.oldIndex, 1);
-					x.splice(e.newIndex, 0, S), b("custom", x);
+					let r = t.data.map((e) => e[t.keyField]), [i] = r.splice(e.oldIndex, 1);
+					r.splice(e.newIndex, 0, i), n("custom", r);
 				}
 			});
 		}), () => createVNode(NPopover, {
@@ -465,27 +465,27 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 		}, {
 			trigger: () => withDirectives(createVNode(NButton, {
 				text: !0,
-				type: y.type
-			}, { default: () => [createVNode(NIcon, { size: y.size }, { default: () => [createVNode(ICustom, null, null)] })] }), [[vTooltip, y.tooltip ?? x("common.page.custom.tooltip")]]),
+				type: t.type
+			}, { default: () => [createVNode(NIcon, { size: t.size }, { default: () => [createVNode(ICustom, null, null)] })] }), [[vTooltip, t.tooltip ?? r("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" }, [y.tooltip ?? x("common.page.custom.tooltip")]), createVNode(NButton, {
+				let e, o;
+				return createVNode(NFlex, { vertical: !0 }, { default: () => [createVNode(NFlex, { justify: "space-between" }, { default: () => [createVNode("div", { style: "font-weight: bold" }, [t.tooltip ?? r("common.page.custom.tooltip")]), createVNode(NButton, {
 					text: !0,
 					type: "primary",
 					size: "small",
-					onClick: () => b("custom", !0)
-				}, _isSlot$7(e = x("common.page.custom.reset")) ? e : { default: () => [e] })] }), createVNode(NFlex, {
-					ref: C,
+					onClick: () => n("custom", !0)
+				}, _isSlot$7(e = r("common.page.custom.reset")) ? e : { default: () => [e] })] }), createVNode(NFlex, {
+					ref: a,
 					vertical: !0
-				}, _isSlot$7(w = y.data.filter((e) => e[y.visiblityField] !== !1).map((e) => createVNode(DataCustomItem, {
-					key: e[y.keyField],
-					label: e[y.labelField],
-					hidden: e[y.hiddenField],
-					fixed: e[y.fixedField],
-					showFixed: y.showFixed,
-					onUpdateHidden: (y) => S(e, "hidden", y),
-					onUpdateFixed: (y) => S(e, "fixed", y)
-				}, null))) ? w : { default: () => [w] })] });
+				}, _isSlot$7(o = t.data.filter((e) => e[t.visibleField] !== !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: (t) => i(e, "hidden", t),
+					onUpdateFixed: (t) => i(e, "fixed", t)
+				}, null))) ? o : { default: () => [o] })] });
 			}
 		});
 	}
@@ -493,31 +493,31 @@ const DataCustom = /* @__PURE__ */ defineComponent({
 function _isSlot$6(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
 }
-function renderLabel(e, y) {
-	return typeof e == "function" ? e(y) : e;
+function renderLabel(e, t) {
+	return typeof e == "function" ? e(t) : e;
 }
-function renderAnchorLink(e, y) {
+function renderAnchorLink(e, t) {
 	return e.isGroup ? (e.__children ??= e.children?.filter((e) => e.isGroup) ?? [], createVNode(NAnchorLink, { href: `#${e.prop}` }, {
-		title: () => renderLabel(e.label, y),
-		default: e.__children?.length ? () => e.__children.map((e) => renderAnchorLink(e, y)) : void 0
+		title: () => renderLabel(e.label, t),
+		default: e.__children?.length ? () => e.__children.map((e) => renderAnchorLink(e, t)) : void 0
 	})) : null;
 }
-function getSpan(e, y, b) {
-	return typeof e == "function" ? e(y, b) : e;
+function getSpan(e, t, n) {
+	return typeof e == "function" ? e(t, n) : e;
 }
-function renderItem(e, y, b, x) {
+function renderItem(e, t, n, r) {
 	return e.isGroup ? createVNode("div", {
 		key: e.prop,
-		class: `${x}__group`,
+		class: `${r}__group`,
 		id: e.prop
-	}, [createVNode("div", { class: `${x}__title` }, [renderLabel(e.label, b)]), createVNode("div", { class: `${x}__wrapper` }, [e.children?.map((e) => renderItem(e, y, b, x))])]) : createVNode("div", {
+	}, [createVNode("div", { class: `${r}__title` }, [renderLabel(e.label, n)]), createVNode("div", { class: `${r}__wrapper` }, [e.children?.map((e) => renderItem(e, t, n, r))])]) : createVNode("div", {
 		key: e.prop,
-		class: `${x}__item`,
+		class: `${r}__item`,
 		style: {
-			"--descriptions-col-span": getSpan(e.colSpan, y, b) ?? 1,
-			"--descriptions-row-span": getSpan(e.rowSpan, y, b) ?? 1
+			"--descriptions-col-span": getSpan(e.colSpan, t, n) ?? 1,
+			"--descriptions-row-span": getSpan(e.rowSpan, t, n) ?? 1
 		}
-	}, [e.label ? createVNode("div", { class: `${x}__label` }, [renderLabel(e.label, b)]) : void 0, createVNode("div", { class: `${x}__content` }, [(b ? e.render ? e.render(b) : b[e.prop] : void 0) ?? createVNode("span", { class: `${x}__nothing` }, [createTextVNode("--")])])]);
+	}, [e.label ? createVNode("div", { class: `${r}__label` }, [renderLabel(e.label, n)]) : void 0, createVNode("div", { class: `${r}__content` }, [(n ? e.render ? e.render(n) : n[e.prop] : void 0) ?? createVNode("span", { class: `${r}__nothing` }, [createTextVNode("--")])])]);
 }
 const DataDescriptions = /* @__PURE__ */ defineComponent({
 	name: "DataDescriptions",
@@ -538,29 +538,29 @@ const DataDescriptions = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(e) {
-		let x = useMergedClsPrefix(), S = `${x.value}-data-descriptions`;
-		useStyle("-data-descriptions", style$1, x);
-		let C = ref();
+		let r = useMergedClsPrefix(), i = `${r.value}-data-descriptions`;
+		useStyle("-data-descriptions", style$1, r);
+		let a = ref();
 		watch(() => e.items, () => {
-			location.hash && until(C).toBeTruthy().then((e) => {
+			location.hash && until(a).toBeTruthy().then((e) => {
 				e.scrollTo(location.hash);
 			});
 		}, { immediate: !0 });
-		let w = computed(() => ({ "--descriptions-cols": e.cols })), T = computed(() => mergeProps({
-			ref: C,
-			class: `${S}__anchor`,
+		let o = computed(() => ({ "--descriptions-cols": e.cols })), s = computed(() => mergeProps({
+			ref: a,
+			class: `${i}__anchor`,
 			showBackground: !1,
 			affix: !0
 		}, e.anchor && typeof e.anchor == "object" ? e.anchor : {}));
 		return () => {
-			let y, { cols: b, title: x, data: C, items: E, anchor: D } = e, O = isNullish(x) ? void 0 : createVNode("div", { class: `${S}__header` }, [typeof x == "string" ? createVNode("span", null, [x]) : x(C ?? void 0)]), A = E.filter((e) => !e.hiddden).map((e) => renderItem(e, b, C, S)), j = D === !1 ? void 0 : createVNode(NAnchor, T.value, _isSlot$6(y = E.map((e) => h(renderAnchorLink(e, C), { key: e.prop }))) ? y : { default: () => [y] });
+			let t, { cols: n, title: r, data: a, items: l, anchor: u } = e, d = isNullish(r) ? void 0 : createVNode("div", { class: `${i}__header` }, [typeof r == "string" ? createVNode("span", null, [r]) : r(a ?? void 0)]), f = l.filter((e) => !e.hiddden).map((e) => renderItem(e, n, a, i)), m = u === !1 ? void 0 : createVNode(NAnchor, s.value, _isSlot$6(t = l.map((e) => h(renderAnchorLink(e, a), { key: e.prop }))) ? t : { default: () => [t] });
 			return createVNode("div", {
-				class: S,
-				style: w.value
+				class: i,
+				style: o.value
 			}, [
-				O,
-				createVNode("div", { class: `${S}__wrapper` }, [A]),
-				j
+				d,
+				createVNode("div", { class: `${i}__wrapper` }, [f]),
+				m
 			]);
 		};
 	}
@@ -681,43 +681,43 @@ const dataFormActionsProps = {
 		"reset",
 		"cancel"
 	],
-	setup(y, { emit: b, slots: x }) {
-		let { t: S } = useI18n(), C = () => {
-			b("submit");
-		}, w = () => {
-			b("reset");
-		}, T = () => {
-			b("cancel");
-		}, { mergedDisabledRef: E, mergedSizeRef: D } = useFormItem(y);
+	setup(t, { emit: n, slots: r }) {
+		let { t: i } = useI18n(), a = () => {
+			n("submit");
+		}, o = () => {
+			n("reset");
+		}, s = () => {
+			n("cancel");
+		}, { mergedDisabledRef: l, mergedSizeRef: u } = useFormItem(t);
 		return () => {
-			let e = D.value, b = E.value, { gap: O = e === "small" ? 8 : e === "medium" ? 12 : 16, submitText: k, resetText: A, cancelText: j, submitDisabled: M, submitLoading: N, showSubmitBtn: P, showResetBtn: F, showCancelBtn: I, succeeded: L, successText: R = k, failureText: z = k, nativeButtonType: B } = y;
-			return createVNode(NFlex, { size: O === void 0 ? e : O }, { default: () => [
-				x.prefix?.(),
-				P === !1 ? void 0 : createVNode(NButton, {
-					attrType: B ? "submit" : "button",
+			let e = u.value, n = l.value, { gap: d = e === "small" ? 8 : e === "medium" ? 12 : 16, submitText: f, resetText: p, cancelText: m, submitDisabled: g, submitLoading: _, showSubmitBtn: v, showResetBtn: y, showCancelBtn: b, succeeded: x, successText: S = f, failureText: C = f, nativeButtonType: w } = t;
+			return createVNode(NFlex, { size: d === void 0 ? e : d }, { default: () => [
+				r.prefix?.(),
+				v === !1 ? void 0 : createVNode(NButton, {
+					attrType: w ? "submit" : "button",
 					size: e,
-					type: L ? "success" : L === !1 ? "error" : "primary",
-					disabled: L !== void 0 || b || M || N,
-					loading: N,
-					onClick: B ? void 0 : C
+					type: x ? "success" : x === !1 ? "error" : "primary",
+					disabled: x !== void 0 || n || g || _,
+					loading: _,
+					onClick: w ? void 0 : a
 				}, {
-					default: () => (L ? R : L === !1 ? z : k) || S("common.page.form.submitText"),
-					icon: () => L ? createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : L === !1 ? createVNode(NIcon, null, { default: () => [createVNode(IClose, null, null)] }) : void 0
+					default: () => (x ? S : x === !1 ? C : f) || i("common.page.form.submitText"),
+					icon: () => x ? createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : x === !1 ? createVNode(NIcon, null, { default: () => [createVNode(IClose, null, null)] }) : void 0
 				}),
-				F === !1 ? void 0 : createVNode(NButton, {
-					size: D.value,
-					attrType: B ? "reset" : "button",
-					disabled: b || N || L,
-					type: I ? "primary" : "default",
-					secondary: I,
-					onClick: B ? void 0 : w
-				}, { default: () => [A || S("common.page.form.resetText")] }),
-				I === !1 || L ? void 0 : createVNode(NButton, {
+				y === !1 ? void 0 : createVNode(NButton, {
+					size: u.value,
+					attrType: w ? "reset" : "button",
+					disabled: n || _ || x,
+					type: b ? "primary" : "default",
+					secondary: b,
+					onClick: w ? void 0 : o
+				}, { default: () => [p || i("common.page.form.resetText")] }),
+				b === !1 || x ? void 0 : createVNode(NButton, {
 					attrType: "button",
-					disabled: b || N,
-					onClick: T
-				}, { default: () => [j || S("common.page.form.cancelText")] }),
-				x.suffix?.()
+					disabled: n || _,
+					onClick: s
+				}, { default: () => [m || i("common.page.form.cancelText")] }),
+				r.suffix?.()
 			] });
 		};
 	}
@@ -783,108 +783,114 @@ const DataForm = /* @__PURE__ */ defineComponent({
 		"reset",
 		"cancel"
 	],
-	setup(e, { emit: y, slots: b }) {
-		let x = (b) => {
-			b?.preventDefault?.(), y("submit", { ...toRaw(e.model) }, b);
-		}, S = (e) => {
-			e?.preventDefault?.(), y("reset");
-		}, C = (e) => {
-			e?.preventDefault?.(), y("cancel");
-		}, w = ref(), E = ref(), { width: O } = useElementSize(useCurrentElement());
-		return watchDebounced([w, O], () => {
-			E.value = void 0, setTimeout(() => {
-				E.value = w.value?.responsiveCols || void 0;
-			}, 30);
+	setup(e, { emit: t, slots: n }) {
+		let r = (n) => {
+			n?.preventDefault?.(), t("submit", { ...toRaw(e.model) }, n);
+		}, i = (e) => {
+			e?.preventDefault?.(), t("reset");
+		}, a = (e) => {
+			e?.preventDefault?.(), t("cancel");
+		}, o = ref(), s = ref(), { width: u } = useElementSize(useCurrentElement());
+		watchDebounced([o, u], () => {
+			s.value = void 0, nextTick(() => {
+				s.value = o.value?.responsiveCols || void 0;
+			});
 		}, {
 			immediate: !0,
-			debounce: 100
-		}), () => {
-			let { items: y, loading: O, validation: k, showColon: A, tooltipPlacement: j, showFeedback: N, labelWidth: P = "7.2em", labelAlign: F = e.labelPlacement === "top" ? "left" : "right", grid: I, showAction: L, showSubmitBtn: R, showResetBtn: B, showCancelBtn: V, actionAlign: H, actionJustify: U, actionGap: W, submitDisabled: G, submitText: K, resetText: q, cancelText: J, succeeded: Y, successText: X, failureText: Z,...Q } = e, $ = !e.readonly && N !== !1;
+			debounce: 1e3 / 20
+		});
+		let f = 0, p = ({ overflow: t }) => {
+			if (n.action) return n.action({
+				cols: s.value,
+				spans: f,
+				overflow: t
+			});
+			let { loading: r, showSubmitBtn: i, showResetBtn: o, showCancelBtn: l, actionAlign: u, actionJustify: d, actionGap: p, submitDisabled: m, submitText: g, resetText: _, cancelText: v, succeeded: y, successText: b, failureText: x } = e;
+			return createVNode(NFormItem, {
+				label: d === "start" ? " " : void 0,
+				showLabel: e.labelPlacement !== "top",
+				style: "padding-top: 16px"
+			}, { default: () => [createVNode(DataFormActions, {
+				align: u,
+				justify: d,
+				gap: p,
+				showSubmitBtn: i,
+				showResetBtn: o,
+				showCancelBtn: l,
+				submitText: g,
+				resetText: _,
+				cancelText: v,
+				submitDisabled: m,
+				submitLoading: r,
+				succeeded: y,
+				successText: b,
+				failureText: x,
+				nativeButtonType: !0,
+				onCancel: a
+			}, {
+				prefix: () => n.actionPrefix?.(),
+				suffix: () => n.actionSuffix?.()
+			})] });
+		}, m = () => {
+			let { items: t, validation: r, showAction: i } = e;
+			return f = 0, createVNode(Fragment, null, [t.map(({ hidden: t, name: n, render: i, label: a, showColon: o, span: s = 6, rowSpan: l, offset: u = 0, tooltip: p, tooltipPlacement: m = e.tooltipPlacement, validationStatus: g = r[n]?.errors?.length ? "error" : r[n]?.warnings?.length ? "warnings" : r[n] ? "success" : void 0, readonly: _ = e.readonly, showRequireMark: y = !_, showTooltipWhenReadonly: b = !1, ...x }) => {
+				if (t) return;
+				f += s;
+				let S;
+				return S = n[0] === "$" ? i({}) : createVNode(NFormItem, mergeProps({
+					path: n,
+					validationStatus: g,
+					showRequireMark: x.required && y
+				}, x), {
+					label: () => createVNode(NText, {
+						depth: e.readonly ? 3 : 2,
+						style: "display: inline-flex; align-items: flex-start; gap: 1px"
+					}, { default: () => [
+						createVNode("span", null, [toValue(a)]),
+						m === "icon" ? createVNode(NTooltip, null, {
+							default: () => toValue(p),
+							trigger: () => createVNode(NButton, {
+								text: !0,
+								style: "font-size: 1.25em; opacity: 0.8"
+							}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IHelp, null, null)] })] })
+						}) : void 0,
+						e.showColon && o !== !1 ? createVNode("span", { style: "place-self: center" }, [createTextVNode(":")]) : void 0
+					] }),
+					default: () => {
+						let t, n = createVNode("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 p && m === "bottom" && (!e.readonly || b) ? createVNode("div", { style: "width: 100%; display: flex; flex-direction: column" }, [n, createVNode(NText, {
+							depth: 3,
+							style: "font-size: calc(1rem - 3px); margin-top: 6px"
+						}, _isSlot$5(t = toValue(p)) ? t : { default: () => [t] })]) : n;
+					},
+					feedback: () => r[n]?.errors?.[0] ?? r[n]?.warnings?.[0]
+				}), e.grid === !1 ? S : createVNode(NGi, {
+					key: n,
+					offset: u,
+					span: s,
+					style: l ? { gridRowEnd: `span ${l}` } : void 0
+				}, _isSlot$5(S) ? S : { default: () => [S] });
+			}), i === !1 || e.readonly === !0 && !n.action ? void 0 : createVNode(NGi, mergeProps({
+				key: "action",
+				span: 2 ** 53 - 1
+			}, typeof e.showAction == "object" ? e.showAction : {}), { default: p })]);
+		};
+		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: g, showSubmitBtn: _, showResetBtn: y, showCancelBtn: b, actionAlign: x, actionJustify: S, actionGap: C, submitDisabled: w, submitText: T, resetText: E, cancelText: D, succeeded: O, successText: k, failureText: A, ...j } = e, M = !e.readonly && u !== !1;
 			return createVNode(NForm, mergeProps({
-				labelWidth: P,
-				labelAlign: F,
-				onReset: S,
-				onSubmit: x,
-				showFeedback: $
-			}, Q), { default: () => [createVNode(NGrid, mergeProps({
-				ref: w,
+				labelWidth: d,
+				labelAlign: f,
+				onReset: i,
+				onSubmit: r,
+				showFeedback: M
+			}, j), { default: () => [createVNode(NGrid, mergeProps({
+				ref: o,
 				itemResponsive: !0
-			}, I, { yGap: $ ? 0 : I?.yGap ?? 24 }), { default: () => {
-				let x = 0;
-				return createVNode(Fragment, null, [y.map(({ hidden: y, name: b, render: S, label: C, showColon: w, span: T = 6, rowSpan: E, offset: O = 0, tooltip: A, tooltipPlacement: j = e.tooltipPlacement, validationStatus: N = k[b]?.errors?.some((e) => e !== void 0) ? "error" : k[b]?.warnings?.some((e) => e !== void 0) ? "warnings" : k[b] ? "success" : void 0, readonly: P = e.readonly, showRequireMark: F = !P, showTooltipWhenReadonly: I = !1,...L }) => {
-					if (y) return;
-					x += T;
-					let R;
-					return R = b[0] === "$" ? S({}) : createVNode(NFormItem, mergeProps({
-						path: b,
-						validationStatus: N,
-						showRequireMark: L.required && F
-					}, L), {
-						label: () => createVNode(NText, {
-							depth: e.readonly ? 3 : 2,
-							style: "display: inline-flex; align-items: flex-start; gap: 1px"
-						}, { default: () => [
-							createVNode("span", null, [toValue(C)]),
-							j === "icon" ? createVNode(NTooltip, null, {
-								default: () => toValue(A),
-								trigger: () => createVNode(NButton, {
-									text: !0,
-									style: "font-size: 1.25em; opacity: 0.8"
-								}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(IHelp, null, null)] })] })
-							}) : void 0,
-							e.showColon && w !== !1 ? createVNode("span", { style: "place-self: center" }, [createTextVNode(":")]) : void 0
-						] }),
-						default: () => {
-							let y, b = createVNode("div", { style: "width: 100%; font-size: calc(1rem - 2px); min-height: 32px; display: flex; align-items: center" }, [S({
-								disabled: e.disabled,
-								size: e.size,
-								readonly: e.readonly
-							})]);
-							return A && j === "bottom" && (!e.readonly || I) ? createVNode("div", { style: "width: 100%; display: flex; flex-direction: column" }, [b, createVNode(NText, {
-								depth: 3,
-								style: "font-size: calc(1rem - 3px); margin-top: 6px"
-							}, _isSlot$5(y = toValue(A)) ? y : { default: () => [y] })]) : b;
-						},
-						feedback: () => k[b]?.errors[0] ?? k[b]?.warnings[0]
-					}), e.grid === !1 ? R : createVNode(NGi, {
-						key: b,
-						offset: O,
-						span: T,
-						style: E ? { gridRowEnd: `span ${E}` } : void 0
-					}, _isSlot$5(R) ? R : { default: () => [R] });
-				}), L === !1 || e.readonly === !0 && !b.action ? void 0 : createVNode(NGi, mergeProps({
-					key: "action",
-					span: 2 ** 53 - 1
-				}, typeof e.showAction == "object" ? e.showAction : {}), { default: ({ overflow: y }) => b.action ? b.action({
-					cols: E.value,
-					spans: x,
-					overflow: y
-				}) : createVNode(NFormItem, {
-					label: U === "start" ? " " : void 0,
-					showLabel: e.labelPlacement !== "top",
-					style: "padding-top: 16px"
-				}, { default: () => [createVNode(DataFormActions, {
-					align: H,
-					justify: U,
-					gap: W,
-					showSubmitBtn: R,
-					showResetBtn: B,
-					showCancelBtn: V,
-					submitText: K,
-					resetText: q,
-					cancelText: J,
-					submitDisabled: G,
-					submitloading: O,
-					succeeded: Y,
-					successText: X,
-					failureText: Z,
-					nativeButtonType: !0,
-					onCancel: C
-				}, {
-					prefix: () => b.actionPrefix?.(),
-					suffix: () => b.actionSuffix?.()
-				})] }) })]);
-			} })] });
+			}, p, { yGap: M ? 0 : p?.yGap ?? 24 }), { default: m })] });
 		};
 	}
 }), DataFilter = /* @__PURE__ */ defineComponent({
@@ -947,62 +953,62 @@ const DataForm = /* @__PURE__ */ defineComponent({
 		"custom",
 		"collapse"
 	],
-	setup(y, { expose: b, emit: x }) {
-		let { t: S } = useI18n(), C = (e) => {
-			x("filter", y.model, e);
-		}, w = (e) => {
-			x("reset", e), y.filterOnReset && x("filter", y.model, e);
-		}, T = ref(y.defaultCollapsed), E = (e) => {
-			T.value = e;
+	setup(t, { expose: n, emit: r }) {
+		let { t: i } = useI18n(), a = (e) => {
+			r("filter", t.model, e);
+		}, o = (e) => {
+			r("reset", e), t.filterOnReset && r("filter", t.model, e);
+		}, s = ref(t.defaultCollapsed), l = (e) => {
+			s.value = e;
 		};
-		b({ collapse: E });
-		let O = reactive({
+		n({ collapse: l });
+		let u = reactive({
 			span: 6,
 			suffix: !0
 		});
 		return () => {
-			let { filterOnReset: e, filterText: b, resetText: k, customizable: A, defaultCollapsed: j, collapsible: N, grid: P,...F } = y;
+			let { filterOnReset: e, filterText: n, resetText: f, customizable: p, defaultCollapsed: m, collapsible: g, grid: _, ...y } = t;
 			return createVNode(DataForm, mergeProps({ grid: {
 				cols: "12 768:18 1280:24 1536:30",
 				yGap: 20,
 				xGap: 8,
-				...P,
-				collapsed: T.value
-			} }, F, {
+				..._,
+				collapsed: s.value
+			} }, y, {
 				showFeedback: !1,
-				showAction: O,
-				onSubmit: C,
-				onReset: w
-			}), { action: ({ cols: e, spans: C }) => (O.suffix = e < C + O.span, createVNode(NFlex, {
-				justify: O.suffix ? "end" : "start",
+				showAction: u,
+				onSubmit: a,
+				onReset: o
+			}), { action: ({ cols: e, spans: a }) => (u.suffix = e < a + u.span, createVNode(NFlex, {
+				justify: u.suffix ? "end" : "start",
 				align: "center"
 			}, { default: () => [
-				O.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
+				u.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
 				createVNode(NButton, {
 					attrType: "submit",
 					type: "primary",
-					disabled: y.disabled,
-					loading: y.loading
-				}, { default: () => [b || S("common.page.filter.submitText")] }),
+					disabled: t.disabled,
+					loading: t.loading
+				}, { default: () => [n || i("common.page.filter.submitText")] }),
 				createVNode(NButton, {
 					attrType: "reset",
-					disabled: y.disabled || y.loading
-				}, { default: () => [k || S("common.page.form.resetText")] }),
-				A ? createVNode(DataCustom, {
+					disabled: t.disabled || t.loading
+				}, { default: () => [f || i("common.page.form.resetText")] }),
+				p ? createVNode(DataCustom, {
 					keyField: "name",
 					showFixed: !1,
-					data: F.items,
-					onCustom: (e) => x("custom", e),
+					data: y.items,
 					size: 18,
-					type: "primary"
+					type: "primary",
+					onCustom: (e) => r("custom", e)
 				}, null) : void 0,
-				N && O.suffix ? createVNode(NButton, {
+				g && u.suffix ? createVNode(NButton, {
 					text: !0,
 					type: "primary",
 					iconPlacement: "right",
-					renderIcon: T.value ? IDown : IUp,
-					onClick: () => E(!T.value)
-				}, { default: () => [T.value ? S("common.page.filter.expand") : S("common.page.filter.collapse")] }) : void 0
+					renderIcon: s.value ? IDown : IUp,
+					onClick: () => l(!s.value)
+				}, { default: () => [s.value ? i("common.page.filter.expand") : i("common.page.filter.collapse")] }) : void 0
 			] })) });
 		};
 	}
@@ -1010,31 +1016,31 @@ const DataForm = /* @__PURE__ */ defineComponent({
 function _isSlot$4(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
 }
-function useLocaleEdit(y, b, x = 1) {
-	let { t: S } = useI18n(), C = ref(!1), w = [], { open: T, reinit: E } = useFormModal({
-		title: y,
+function useLocaleEdit(t, n, r = 1) {
+	let { t: i } = useI18n(), a = ref(!1), o = [], { open: s, reinit: l } = useFormModal({
+		title: t,
 		showColon: !0,
-		submitText: S("common.confirm.defaultOk"),
-		items: ({ it: e }) => w.map((y) => e(y.value, y.label, "input", {
+		submitText: i("common.confirm.defaultOk"),
+		items: ({ it: e }) => o.map((t) => e(t.value, t.label, "input", {
 			span: 24,
-			required: y.required,
+			required: t.required,
 			inputProps: {
-				readonly: C,
+				readonly: a,
 				clearable: !0,
 				type: "textarea",
 				showCount: !0,
 				autosize: {
-					minRows: unref(x),
-					maxRows: Math.max(unref(x), 5)
+					minRows: unref(r),
+					maxRows: Math.max(unref(r), 5)
 				}
 			}
 		})),
-		onSubmit: b
+		onSubmit: n
 	});
 	return {
-		open: (e, y = !1) => (C.value = y, T(e)),
+		open: (e, t = !1) => (a.value = t, s(e)),
 		setSupports: (e) => {
-			w = e, E();
+			o = e, l();
 		}
 	};
 }
@@ -1079,102 +1085,102 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 		}
 	},
 	emits: ["update:modelValue", "updateModelValue"],
-	setup(e, { emit: y }) {
-		let b = (b, x = e.showLang ?? e.defaultLang) => {
-			b = {
+	setup(e, { emit: t }) {
+		let n = (n, r = e.showLang ?? e.defaultLang) => {
+			n = {
 				...e.modelValue,
-				[x]: b
-			}, y("update:modelValue", b), y("updateModelValue", b);
-		}, { open: x, setSupports: S } = useLocaleEdit(computed(() => toValue(e.label)), (e) => {
-			y("update:modelValue", e), y("updateModelValue", e);
-		}, toRef(e, "defaultRows")), C = ref(e.defaultExpanded);
+				[r]: n
+			}, t("update:modelValue", n), t("updateModelValue", n);
+		}, { open: r, setSupports: i } = useLocaleEdit(computed(() => toValue(e.label)), (e) => {
+			t("update:modelValue", e), t("updateModelValue", e);
+		}, toRef(e, "defaultRows")), a = ref(e.defaultExpanded);
 		watch(() => e.defaultExpanded, (e) => {
-			C.value = e;
+			a.value = e;
 		});
-		let T = () => createVNode(NButton, {
+		let o = () => createVNode(NButton, {
 			quaternary: !0,
 			onClick: () => {
-				C.value = !C.value;
+				a.value = !a.value;
 			},
 			style: "--n-padding: 0 8px"
 		}, { default: () => [createVNode(NIcon, {
 			size: "20",
 			depth: "3"
-		}, { default: () => [C.value ? createVNode(ILangCollapse, null, null) : createVNode(ILangExpand, null, null)] })] }), D = (y) => {
-			let b = y.split("-")[0];
-			return e.supports.some((e) => e.value !== y && e.value.startsWith(b)) ? y : b;
-		}, O = `__slots${nanoid(6)}`;
+		}, { default: () => [a.value ? createVNode(ILangCollapse, null, null) : createVNode(ILangExpand, null, null)] })] }), l = (t) => {
+			let n = t.split("-")[0];
+			return e.supports.some((e) => e.value !== t && e.value.startsWith(n)) ? t : n;
+		}, d = `__slots${nanoid(6)}`;
 		watch(() => e.supports, (e) => {
-			S(e);
-			let y = 0;
-			for (let [b, x] of e.entries()) {
-				let e = D(x.value);
-				y = Math.max(y, measureText(e, "monospace")), x[O] = markRaw({
+			i(e);
+			let t = 0;
+			for (let [n, r] of e.entries()) {
+				let e = l(r.value);
+				t = Math.max(t, measureText(e, "monospace")), r[d] = markRaw({
 					prefix: () => createVNode("div", { style: {
-						width: `${y + 4}px`,
+						width: `${t + 4}px`,
 						height: "100%",
 						opacity: .5,
 						fontSize: "12px",
 						fontFamily: "monospace",
-						color: x.required ? "var(--color-danger)" : void 0
+						color: r.required ? "var(--color-danger)" : void 0
 					} }, [e]),
-					suffix: b === 0 ? T : void 0
+					suffix: n === 0 ? o : void 0
 				});
 			}
 		}, { immediate: !0 });
-		let k = computed(() => {
-			let y = D(e.showLang ?? e.defaultLang);
-			return [y, measureText(y, "monospace")];
-		}), A = {
+		let f = computed(() => {
+			let t = l(e.showLang ?? e.defaultLang);
+			return [t, measureText(t, "monospace")];
+		}), p = {
 			prefix: () => createVNode("div", { style: {
-				width: `${k.value[1] + 4}px`,
+				width: `${f.value[1] + 4}px`,
 				height: "100%",
 				opacity: .5,
 				fontSize: "12px",
 				fontFamily: "monospace"
-			} }, [k.value[0]]),
+			} }, [f.value[0]]),
 			suffix: () => createVNode(NButton, {
 				quaternary: !0,
-				onClick: () => x(e.modelValue, e.disabled),
+				onClick: () => r(e.modelValue, e.disabled),
 				style: "--n-padding: 0 8px"
 			}, { default: () => [createVNode(NIcon, {
 				size: "20",
 				depth: "3"
 			}, { default: () => [createVNode(ILanguage, null, null)] })] })
-		}, j = { "--n-padding-right": "0" };
+		}, m = { "--n-padding-right": "0" };
 		return () => {
-			let y;
+			let t;
 			return e.mode === "dialog" ? createVNode(NInput, {
 				value: e.modelValue?.[e.showLang ?? e.defaultLang] ?? e.modelValue?.[e.defaultLang],
-				onUpdateValue: b,
+				onUpdateValue: n,
 				disabled: e.disabled,
 				clearable: !0,
-				style: j,
+				style: m,
 				type: e.defaultRows > 1 ? "textarea" : "text",
 				rows: e.defaultRows
-			}, _isSlot$4(A) ? A : { default: () => [A] }) : createVNode(NFlex, {
+			}, _isSlot$4(p) ? p : { default: () => [p] }) : createVNode(NFlex, {
 				vertical: !0,
 				wrap: !1,
 				style: "width: 100%"
-			}, _isSlot$4(y = e.supports.map((y, x) => {
-				if (!C.value && x !== 0) return;
-				let S = x == 0;
+			}, _isSlot$4(t = e.supports.map((t, r) => {
+				if (!a.value && r !== 0) return;
+				let i = r == 0;
 				return withDirectives(createVNode(NInput, {
-					key: y.value,
-					value: e.modelValue?.[y.value],
-					onUpdateValue: (e) => b(e, y.value),
+					key: t.value,
+					value: e.modelValue?.[t.value],
+					onUpdateValue: (e) => n(e, t.value),
 					disabled: e.disabled,
 					clearable: !0,
-					style: S ? j : void 0,
+					style: i ? m : void 0,
 					type: e.defaultRows > 1 ? "textarea" : "text",
 					rows: e.defaultRows
-				}, y[O]), [[
+				}, t[d]), [[
 					vTooltip,
-					y.label,
+					t.label,
 					void 0,
 					{ left: !0 }
 				]]);
-			})) ? y : { default: () => [y] });
+			})) ? t : { default: () => [t] });
 		};
 	}
 }), DataPagination = /* @__PURE__ */ defineComponent({
@@ -1187,6 +1193,10 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 		currentPage: { type: Number },
 		pageSize: { type: Number },
 		page: { type: Object },
+		resetPageOnSizeChange: {
+			type: Boolean,
+			default: !0
+		},
 		pageSizes: {
 			type: Array,
 			default: () => [
@@ -1198,27 +1208,27 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 		}
 	},
 	emits: { change: () => !0 },
-	setup(y, { emit: b }) {
-		let { t: x } = useI18n(), S = (e) => b("change", {
-			pageSize: y.pageSize ?? y.page?.pageSize ?? 0,
+	setup(t, { emit: n }) {
+		let { t: r } = useI18n(), i = (e) => n("change", {
+			pageSize: t.pageSize ?? t.page?.pageSize ?? 0,
 			currentPage: e
-		}), C = (e) => b("change", {
+		}), a = (e) => n("change", {
 			pageSize: e,
-			currentPage: y.currentPage ?? y.page?.currentPage ?? 0
+			currentPage: t.resetPageOnSizeChange ? 1 : t.currentPage ?? t.page?.currentPage ?? 1
 		});
 		return () => createVNode(NPagination, {
-			page: y.currentPage ?? y.page?.currentPage,
-			itemCount: y.total,
-			pageSize: y.pageSize ?? y.page?.pageSize,
-			onUpdatePage: S,
-			onUpdatePageSize: C,
-			pageSizes: y.pageSizes,
+			page: t.currentPage ?? t.page?.currentPage,
+			itemCount: t.total,
+			pageSize: t.pageSize ?? t.page?.pageSize,
+			onUpdatePage: i,
+			onUpdatePageSize: a,
+			pageSizes: t.pageSizes,
 			showQuickJumper: !0,
 			showSizePicker: !0,
 			style: "justify-content: flex-end"
 		}, {
-			prefix: () => x("common.page.pagination.prefix", { total: y.total }),
-			suffix: () => x("common.page.pagination.suffix")
+			prefix: () => r("common.page.pagination.prefix", { total: t.total }),
+			suffix: () => r("common.page.pagination.suffix")
 		});
 	}
 });
@@ -1241,28 +1251,28 @@ const DataSelection = /* @__PURE__ */ defineComponent({
 		"update:modelValue": () => !0,
 		clear: () => !0
 	},
-	setup(y, { emit: b }) {
-		let { t: x } = useI18n();
+	setup(t, { emit: n }) {
+		let { t: r } = useI18n();
 		return () => {
 			let e;
-			return y.modelValue !== "selection" && y.count === 0 ? createVNode("div", null, null) : createVNode("div", null, [createVNode(NFlex, {
+			return t.modelValue !== "selection" && t.count === 0 ? createVNode("div", null, null) : createVNode("div", null, [createVNode(NFlex, {
 				align: "center",
 				"wrap-item": !1
 			}, { default: () => [
-				createVNode("span", null, [x("common.page.selection.countText", { count: y.count })]),
+				createVNode("span", null, [r("common.page.selection.countText", { count: t.count })]),
 				createVNode(NButton, {
 					text: !0,
 					type: "primary",
 					onClick: () => {
-						b("update:modelValue", y.modelValue === "all" ? "selection" : "all");
+						n("update:modelValue", t.modelValue === "all" ? "selection" : "all");
 					}
-				}, { default: () => [y.modelValue === "all" ? x("common.page.selection.view") : x("common.page.selection.back")] }),
+				}, { default: () => [t.modelValue === "all" ? r("common.page.selection.view") : r("common.page.selection.back")] }),
 				createVNode(NButton, {
 					text: !0,
 					onClick: () => {
-						b("clear"), b("update:modelValue", "all");
+						n("clear"), n("update:modelValue", "all");
 					}
-				}, _isSlot$3(e = x("common.page.selection.clear")) ? e : { default: () => [e] })
+				}, _isSlot$3(e = r("common.page.selection.clear")) ? e : { default: () => [e] })
 			] })]);
 		};
 	}
@@ -1270,13 +1280,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, y) {
+function _map(e, t) {
 	return (e ?? []).map((e) => {
-		let b = {
+		let n = {
 			csvTitle: e.exportTitle,
 			...e,
 			title: () => {
-				let y = toValue(e.title), b = y && withDirectives(createVNode("div", null, [y]), [[
+				let t = toValue(e.title), n = t && withDirectives(createVNode("div", null, [t]), [[
 					vTooltip,
 					() => toValue(e.title),
 					void 0,
@@ -1287,44 +1297,41 @@ function _map(e, y) {
 					wrap: !1,
 					inline: !0,
 					style: "max-width: 100%"
-				}, { default: () => [b, createVNode(NTooltip, null, {
+				}, { default: () => [n, 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)] })] })
-				})] }) : b;
+				})] }) : n;
 			}
 		};
-		if (e.children?.length) b.children = _map(e.children, y);
+		if (e.children?.length) n.children = _map(e.children, t);
 		else {
-			e.hidden !== !0 && (b.width ??= 100, y.value += Number(b.width));
-			let x = e.render ?? ((e) => e);
-			e.ellipsis !== !1 && (b.ellipsis = !1, b.render = (...y) => {
-				let b = x(...y);
-				return b && (typeof b == "string" && ((function() {
-					return b;
-				})(), b = createVNode("span", null, [b])), e.ellipsis?.expandable ? createVNode(NPerformantEllipsis, mergeProps({
-					expandTrigger: "click",
-					lineClamp: 1,
-					tooltip: { style: {
-						maxWidth: "61.8vw",
-						wordBreak: "break-all"
-					} }
-				}, typeof e.ellipsis == "boolean" ? {} : e.ellipsis), _isSlot$2(b) ? b : { default: () => [b] }) : withDirectives(b, [[
+			e.hidden !== !0 && (n.width ??= 100, t.value += Number(n.width));
+			let r = e.render ?? ((e) => e);
+			e.ellipsis !== !1 && (n.ellipsis = !1, n.render = (...t) => {
+				let n = r(...t);
+				return n && (isVNode(n) || ((function() {
+					return n;
+				})(), n = createVNode("span", null, [n])), withDirectives(n, [[
 					vTooltip,
-					() => e.ellipsisTooltip ? e.ellipsisTooltip(...y) : b,
+					() => e.ellipsisTooltip ? e.ellipsisTooltip(...t) : n,
 					void 0,
-					{ auto: !0 }
+					{
+						auto: !0,
+						expandable: e.ellipsisExpandable,
+						[`ell${e.ellipsis}`]: !0
+					}
 				]]));
-			}, e.ellipsisTooltip === !0 && (b.ellipsisTooltip = x)), Object.assign(b, {
+			}, e.ellipsisTooltip === !0 && (n.ellipsisTooltip = r)), Object.assign(n, {
 				resizable: e.resizable !== !1,
 				sorter: e.sortable,
 				type: ["selection", "expand"].includes(e.type) ? e.type : void 0,
-				disabled: e.selectable ? (y) => e.selectable(y) === !1 : void 0
+				disabled: e.selectable ? (t) => e.selectable(t) === !1 : void 0
 			});
 		}
-		return b.key === "$actions" && (b.cellProps ??= () => ({ style: { padding: "0 2px" } })), b;
+		return n.key === "$actions" && (n.cellProps ??= () => ({ style: { padding: "0 2px" } })), n;
 	}).filter((e) => e?.hidden !== !0);
 }
 const DataTable = /* @__PURE__ */ defineComponent({
@@ -1353,8 +1360,14 @@ const DataTable = /* @__PURE__ */ defineComponent({
 			],
 			default: !0
 		},
+		highlightColor: String,
+		appear: {
+			type: String,
+			default: "normal"
+		},
 		rowClassName: dataTableProps.rowClassName,
-		rowProps: dataTableProps.rowProps
+		rowProps: dataTableProps.rowProps,
+		maxHeight: [String, Number]
 	},
 	emits: [
 		"sort",
@@ -1362,113 +1375,137 @@ const DataTable = /* @__PURE__ */ defineComponent({
 		"custom",
 		"highlight"
 	],
-	setup(e, { slots: x, emit: S, expose: C }) {
-		let { keyField: w } = inject(PAGE_INJECTION), T = useMergedClsPrefix(), D = `${T.value}-datatable`;
-		useStyle("-datatable", style, T);
-		let O = useTemplateRef("table-ref"), k = ({ sortField: e, sortOrder: y } = {}, b) => {
-			e == b?.sortField && y == b?.sortOrder || O.value?.sort(e, y ? y + "end" : !1);
+	setup(e, { slots: r, emit: i, expose: a }) {
+		let { keyField: o } = inject(PAGE_INJECTION), s = useMergedClsPrefix(), l = `${s.value}-datatable`;
+		useStyle("-datatable", style, s);
+		let d = useTemplateRef("table-ref"), f = ({ sortField: e, sortOrder: t } = {}, n) => {
+			e == n?.sortField && t == n?.sortOrder || d.value?.sort(e, t ? t + "end" : !1);
 		};
-		watch(() => ({ ...e.sorter }), k, { deep: !0 });
-		let j = computed(() => {
-			let y = e.keyField || w || "key";
-			return (e) => e[y];
-		}), M = shallowRef({
+		watch(() => ({ ...e.sorter }), f, { deep: !0 });
+		let p = computed(() => {
+			let t = e.keyField || o || "key";
+			return (e) => e[t];
+		}), g = shallowRef({
 			cache: [],
 			scrollToView(...e) {
 				this.cache.push(e);
 			}
 		});
-		until(O).changed().then(() => {
-			k(e.sorter);
-			let y = M.value.cache;
-			M.value = O.value, M.value.scrollToView = (y) => {
-				let b = e.data.findIndex((e) => j.value(e) === y);
-				if (b === -1) return;
-				let x = O.value.$el.querySelector(`.${D}__row-marker:nth-child(${b + 1})`);
-				O.value.scrollTo({
-					top: x.offsetTop,
+		until(d).changed().then(() => {
+			f(e.sorter);
+			let t = g.value.cache;
+			g.value = d.value, g.value.scrollToView = (t) => {
+				let n = e.data.findIndex((e) => p.value(e) === t);
+				if (n === -1) return;
+				let r = d.value.$el.querySelector(`.${l}__row-marker:nth-child(${n + 1})`);
+				d.value.scrollTo({
+					top: r.offsetTop,
 					behavior: "smooth"
 				});
 			};
-			for (let e of y) M.value.scrollToView(...e);
-		}), C(toReactive(M));
-		let N = ref(0), P = shallowRef([]);
+			for (let e of t) g.value.scrollToView(...e);
+		}), a(toReactive(g));
+		let _ = ref(0), v = shallowRef([]);
 		watch(() => e.columns, () => {
-			N.value = 0, P.value = _map(e.columns, N);
+			_.value = 0, v.value = _map(e.columns, _);
 		}, {
 			immediate: !0,
 			deep: 1
 		});
-		let L = ref();
+		let y = ref();
 		watch(() => e.highlight, (e) => {
-			L.value = typeof e == "boolean" ? null : e ?? null;
+			y.value = typeof e == "boolean" ? null : e ?? null;
 		}, { immediate: !0 });
-		let R = computed(() => (y, b) => [
-			e.rowClassName?.(y, b) || "",
-			`${D}__row-marker`,
-			L.value != null && j.value(y) === L.value ? `${D}__row-highlight` : ""
-		].join(" ")), z = computed(() => (y, b) => {
-			let x = e.rowProps?.(y, b);
+		let b = computed(() => (t, n) => [
+			e.rowClassName?.(t, n) || "",
+			`${l}__row-marker`,
+			y.value != null && p.value(t) === y.value ? `${l}__row-highlight` : ""
+		].join(" ")), C = computed(() => (t, n) => {
+			let r = e.rowProps?.(t, n);
 			return {
-				...x,
-				onClick: (b) => {
-					let C = j.value(y);
-					e.highlight === !0 && (L.value = C), S("highlight", C), x?.onClick?.(b);
+				...r,
+				onClick: (n) => {
+					let a = p.value(t);
+					e.highlight === !0 && (y.value = a), i("highlight", a), r?.onClick?.(n);
 				}
 			};
-		}), B = (y) => {
+		}), w = (t) => {
 			if (e.sorter) {
-				let { sortField: b, sortOrder: x } = e.sorter;
-				if (y?.columnKey == b && (y?.order ? y.order === x + "end" : !x)) return;
+				let { sortField: n, sortOrder: r } = e.sorter;
+				if (t?.columnKey == n && (t?.order ? t.order === r + "end" : !r)) return;
 			}
-			S("sort", {
-				sortField: y?.order ? y?.columnKey : void 0,
-				sortOrder: y?.order ? y.order.replace("end", "") : void 0
+			i("sort", {
+				sortField: t?.order ? t?.columnKey : void 0,
+				sortOrder: t?.order ? t.order.replace("end", "") : void 0
 			});
-		}, U = (e) => {
-			S("select", e);
-		}, G = (e, y, b) => {
-			S("custom", {
-				key: b.key,
+		}, T = (e) => {
+			i("select", e);
+		}, E = (e, t, n) => {
+			i("custom", {
+				key: n.key,
 				width: e
 			});
 		};
 		return () => createVNode(NDataTable, {
-			class: D,
+			class: [l, e.appear === "sticky" ? `${l}--sticky` : ""],
 			data: e.data,
-			columns: P.value,
-			rowKey: j.value,
+			columns: v.value,
+			rowKey: p.value,
 			tableLayout: "fixed",
 			ref: "table-ref",
-			scrollX: N.value,
-			rowClassName: R.value,
-			rowProps: z.value,
+			scrollX: _.value,
+			rowClassName: b.value,
+			rowProps: C.value,
 			checkedRowKeys: e.selectedKeys,
-			onUpdateSorter: B,
-			onUpdateCheckedRowKeys: U,
-			onUnstableColumnResize: G
-		}, _isSlot$2(x) ? x : { default: () => [x] });
+			style: { "--n-tr-highlight-color": e.highlightColor },
+			maxHeight: e.maxHeight ?? (e.appear === "sticky" ? "auto" : void 0),
+			onUpdateSorter: w,
+			onUpdateCheckedRowKeys: T,
+			onUnstableColumnResize: E
+		}, _isSlot$2(r) ? r : { default: () => [r] });
 	}
 });
-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: y, onSort: b,...x }) {
-	watch([ref(y), e], async ([e, y]) => {
+var style = /* @__PURE__ */ cB("datatable", [cE("row-highlight", [c("& > td", { backgroundColor: "var(--n-tr-highlight-color, var(--n-merged-border-color)) !important" })]), cM("sticky", [
+	c(".n-data-table-base-table-header", {
+		position: "sticky",
+		top: "-1px",
+		zIndex: 10,
+		overflowY: "hidden"
+	}),
+	c(".n-data-table-base-table-body", { overflow: "initial" }, [c("& > .n-scrollbar-container", {
+		overflow: "initial",
+		overflowX: "scroll"
+	}), c("& > .n-scrollbar-rail--horizontal", {
+		position: "sticky",
+		bottom: "0"
+	})]),
+	c(".n-data-table-base-table:has(.n-data-table-empty) .n-data-table-base-table-header", {
+		scrollbarWidth: "thin",
+		overflowX: "auto"
+	}),
+	c(".n-data-table-td > *", {
+		verticalAlign: "middle",
+		contentVisibility: "auto"
+	})
+])]);
+function useDataTableDrag(e, { data: t, onSort: n, ...r }) {
+	watch([ref(t), e], async ([e, t]) => {
 		if (e.length === 0) return;
 		await nextTick();
-		let S = unrefElement(y)?.querySelector(".n-data-table-base-table-body .n-data-table-tbody");
-		if (!S) return;
-		let C = Sortable$1.create(S, {
+		let i = unrefElement(t)?.querySelector(".n-data-table-base-table-body .n-data-table-tbody");
+		if (!i) return;
+		let a = Sortable$1.create(i, {
 			animation: 150,
-			...x,
+			...r,
 			onSort(e) {
-				b({
+				n({
 					from: e.oldIndex,
 					to: e.newIndex
 				});
 			}
 		});
 		return () => {
-			C.destroy();
+			a.destroy();
 		};
 	}, { immediate: !0 });
 }
@@ -1527,39 +1564,39 @@ const NRadios = /* @__PURE__ */ defineComponent({
 		"update:modelValue": () => !0,
 		updateModelValue: () => !0
 	},
-	setup(y, { emit: b }) {
-		let { t: x } = useI18n(), S = computed(() => y.default === !1 ? "" : y.default === !0 ? x("common.all") : typeof y.default == "string" ? y.default : y.default?.[y.labelField] ?? x("common.all")), C = computed(() => y.type === "button-primary" ? {
+	setup(t, { emit: n }) {
+		let { t: r } = useI18n(), i = computed(() => t.default === !1 ? "" : t.default === !0 ? r("common.all") : typeof t.default == "string" ? t.default : t.default?.[t.labelField] ?? r("common.all")), a = computed(() => t.type === "button-primary" ? {
 			"--n-button-color-active": "var(--color-primary)",
 			"--n-button-text-color-active": "var(--color-base)"
-		} : {}), w = (e) => {
-			b("update:modelValue", e), b("updateModelValue", e);
+		} : {}), o = (e) => {
+			n("update:modelValue", e), n("updateModelValue", e);
 		};
 		return () => {
-			let e = y.type === "button" ? NRadioButton : NRadio, b = createVNode(Fragment, null, [y.default ? createVNode(e, { value: typeof y.default == "object" ? y.default?.[y.valueField] : null }, { default: () => [S.value] }) : void 0, y.options?.map((b) => {
-				let x = typeof b[y.labelField] == "string" ? b[y.labelField] : b[y.labelField]?.();
+			let e = t.type === "button" ? NRadioButton : NRadio, n = createVNode(Fragment, null, [t.default ? createVNode(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 createVNode(e, {
-					value: b[y.valueField],
-					disabled: b[y.disabledField],
-					style: y.padding ? {
-						paddingLeft: y.padding,
-						paddingRight: y.padding
+					value: n[t.valueField],
+					disabled: n[t.disabledField],
+					style: t.padding ? {
+						paddingLeft: t.padding,
+						paddingRight: t.padding
 					} : {}
-				}, { default: () => [b.tip ? createVNode(NTooltip, null, {
-					default: () => b.tip,
-					trigger: () => x
-				}) : x] });
+				}, { default: () => [n.tip ? createVNode(NTooltip, null, {
+					default: () => n.tip,
+					trigger: () => r
+				}) : r] });
 			})]);
 			return createVNode(NRadioGroup, {
-				style: y.vertical ? {
-					...C.value,
+				style: t.vertical ? {
+					...a.value,
 					padding: "6px 0 0"
-				} : C.value,
-				value: y.modelValue,
-				onUpdateValue: w
-			}, { default: () => [y.type === "radio" ? createVNode(NFlex, {
-				size: y.vertical ? void 0 : "small",
-				vertical: y.vertical
-			}, _isSlot$1(b) ? b : { default: () => [b] }) : b] });
+				} : a.value,
+				value: t.modelValue,
+				onUpdateValue: o
+			}, { default: () => [t.type === "radio" ? createVNode(NFlex, {
+				size: t.vertical ? void 0 : "small",
+				vertical: t.vertical
+			}, _isSlot$1(n) ? n : { default: () => [n] }) : n] });
 		};
 	}
 });
@@ -1630,281 +1667,273 @@ const DtUserDept = /* @__PURE__ */ defineComponent({
 			type: Function,
 			default: () => []
 		},
-		valueField: { type: String }
+		valueField: { type: String },
+		renderUserInfo: Function
 	},
 	emits: ["update:modelValue", "updateModelValue"],
-	setup(y, { emit: b, attrs: x }) {
-		let { t: S } = useI18n(), { localeRef: C } = useLocale("Popconfirm"), w = computed(() => y.valueField || (y.type === "user" ? "username" : "code")), D = computed(() => {
-			if (y.multiple) return y.modelValue || [];
-			let e = y.modelValue?.trim();
+	setup(t, { emit: n, attrs: r }) {
+		let { t: i } = useI18n(), { localeRef: a } = useLocale("Popconfirm"), o = computed(() => t.valueField || (t.type === "user" ? "username" : "code")), s = computed(() => {
+			if (t.multiple) return t.modelValue || [];
+			let e = t.modelValue?.trim();
 			return e ? [e] : [];
-		}), O = /* @__PURE__ */ new Map(), k = computed(() => (O.clear(), y.users.map((e) => (e = reactive(e), e.label = e.nickname + e.username, e.value = e[w.value], e.type = "user", O.set(e[w.value], e), e)))), A = shallowRef([]);
-		watch(() => y.depts, (e) => {
+		}), d = /* @__PURE__ */ new Map(), f = computed(() => (d.clear(), t.users.map((e) => (e = reactive(e), e.label = e.nickname + e.username, e.value = e[o.value], e.type = "user", d.set(e[o.value], e), e)))), p = shallowRef([]);
+		watch(() => t.depts, (e) => {
 			walkTree(e, (e) => {
-				e.label = e.name, e.value = e[w.value], e.type = "dept", e.children?.length || delete e.children;
-			}), A.value = flattenTree(e);
+				e.label = e.name, e.value = e[o.value], e.type = "dept", e.children?.length || delete e.children;
+			}), p.value = flattenTree(e);
 		}, { immediate: !0 });
-		let j = computed(() => [
-			...y.depts,
-			...y.groups.map((e) => ({
+		let m = computed(() => [
+			...t.depts,
+			...t.groups.map((e) => ({
 				label: e.name,
 				value: e.code,
 				type: "group"
 			})),
-			...k.value
-		]), L = ref([]), R = ref(), z = async (e) => {
-			let b = await (e.type === "group" ? y.getUsersByGroup(e.value) : y.getUsersByDept(e.value));
-			for (let e of k.value) e.disabled = !0;
-			R.value = [...e.type === "dept" ? e.children ?? [] : [], ...b.map((e) => {
-				let y = O.get(e[w.value]);
-				return y && (y.disabled = !1), {
+			...f.value
+		]), g = ref([]), _ = ref(), C = 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;
+			_.value = [...e.type === "dept" ? e.children ?? [] : [], ...n.map((e) => {
+				let t = d.get(e[o.value]);
+				return t && (t.disabled = !1), {
 					...e,
 					label: e.nickname + e.username,
-					value: e[w.value],
+					value: e[o.value],
 					type: "user"
 				};
 			})];
-		}, B = /* @__PURE__ */ new WeakMap(), V = (e, b, x) => {
-			let C;
-			if (y.type === "dept") return createVNode(NTree, {
-				data: y.depts,
+		}, w = /* @__PURE__ */ new WeakMap(), T = (e, n, r) => {
+			let a;
+			if (t.type === "dept") return createVNode(NTree, {
+				data: t.depts,
 				keyField: "value",
 				labelField: "name",
-				defaultExpandAll: y.defaultExpandAll,
-				checkable: y.multiple,
-				selectable: !y.multiple,
+				defaultExpandAll: t.defaultExpandAll,
+				checkable: t.multiple,
+				selectable: !t.multiple,
 				multiple: !1,
 				blockLine: !0,
 				checkOnClick: !0,
-				pattern: x,
-				filter: (e, y) => y.label.includes(e) || y.value.includes(e),
-				checkedKeys: y.multiple ? e : void 0,
-				selectedKeys: y.multiple ? void 0 : e,
+				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) => {
-					y.max && e?.length > y.max || b(e);
+					t.max && e?.length > t.max || n(e);
 				},
 				onUpdateSelectedKeys: (e) => {
-					b(e);
+					n(e);
 				}
 			}, null);
-			let w = e ? B.get(e) : /* @__PURE__ */ new Set();
-			if (e && !w && (w = new Set(e), B.set(e, w)), R.value === !1) return createVNode(NSpin, { show: !0 }, null);
-			let E = R.value || j.value;
-			x = x?.trim(), x && (E = E?.filter((e) => e.label.includes(x) || e.value.includes(x)));
-			let D = L.value;
-			return createVNode(Fragment, null, [createVNode("div", { style: "margin: 12px 16px; display: flex; justify-content: space-between; align-items: center" }, [D.length > 0 ? createVNode(Fragment, null, [createVNode("span", { style: "display: flex; align-items: center" }, [
-				D.length >= 2 ? D.at(-2).label : S("common.all"),
+			let o = e ? w.get(e) : /* @__PURE__ */ new Set();
+			if (e && !o && (o = new Set(e), w.set(e, o)), _.value === !1) return createVNode(NSpin, { show: !0 }, null);
+			let s = _.value || m.value;
+			r = r?.trim(), r && (s = s?.filter((e) => e.label.includes(r) || e.value.includes(r)));
+			let u = g.value;
+			return createVNode(Fragment, null, [createVNode("div", { style: "margin: 12px 16px; display: flex; justify-content: space-between; align-items: center" }, [u.length > 0 ? createVNode(Fragment, null, [createVNode("span", { style: "display: flex; align-items: center" }, [
+				u.length >= 2 ? u.at(-2).label : i("common.all"),
 				createVNode("span", { style: "padding: 0 4px" }, [createVNode(IRight, null, null)]),
-				D.at(-1).label
+				u.at(-1).label
 			]), createVNode(NButton, {
 				text: !0,
 				type: "warning",
 				onClick: () => {
-					if (D.pop(), R.value = D.length > 0 ? !1 : void 0, D.length > 0) z(D.at(-1));
-					else for (let e of k.value) e.disabled = !1;
+					if (u.pop(), _.value = u.length > 0 ? !1 : void 0, u.length > 0) C(u.at(-1));
+					else for (let e of f.value) e.disabled = !1;
 				}
-			}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(ILeft, null, null)] }), S("common.back")] })]) : createVNode("span", null, [S("common.all")])]), E?.length ? createVNode(NList, {
+			}, { default: () => [createVNode(NIcon, null, { default: () => [createVNode(ILeft, null, null)] }), i("common.back")] })]) : createVNode("span", null, [i("common.all")])]), s?.length ? createVNode(NList, {
 				showDivider: !1,
 				style: "padding: 0 16px"
-			}, _isSlot(C = E.map((x) => {
-				let S, C;
+			}, _isSlot(a = s.map((r) => {
+				let i, a;
 				return createVNode(NListItem, {
-					key: x.type + "_" + x.value,
+					key: r.type + "_" + r.value,
 					style: "padding: 6px 0"
-				}, { default: () => [x.type === "user" ? y.multiple ? createVNode(NCheckbox, {
-					checked: w.has(x.value) || !1,
-					onUpdateChecked: (S) => {
-						if (S && y.max && e.length >= y.max) return;
-						let C = [...e || []];
-						if (S) C.push(x.value);
+				}, { default: () => [r.type === "user" ? t.multiple ? createVNode(NCheckbox, {
+					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 = C.indexOf(x.value);
-							C.splice(e, 1);
+							let e = a.indexOf(r.value);
+							a.splice(e, 1);
 						}
-						b(C);
+						n(a);
 					},
 					style: "margin-left: 3px"
-				}, _isSlot(S = renderUsers([x], {
+				}, _isSlot(i = renderUsers([r], {
 					max: 1,
 					size: 24,
 					placement: "right",
 					tooltip: !1,
-					username: !0
-				})) ? S : { default: () => [S] }) : createVNode(NRadio, {
-					checked: w.has(x.value) || !1,
+					username: !0,
+					renderInfo: t.renderUserInfo
+				})) ? i : { default: () => [i] }) : createVNode(NRadio, {
+					checked: o.has(r.value) || !1,
 					onUpdateChecked: (e) => {
-						b(e ? [x.value] : []);
+						n(e ? [r.value] : []);
 					},
 					style: "margin-left: 3px;"
-				}, _isSlot(C = renderUsers([x], {
+				}, _isSlot(a = renderUsers([r], {
 					max: 1,
 					size: 24,
 					placement: "right",
 					tooltip: !1,
-					username: !0
-				})) ? C : { default: () => [C] }) : createVNode("div", {
+					username: !0,
+					renderInfo: t.renderUserInfo
+				})) ? a : { default: () => [a] }) : createVNode("div", {
 					onClick: () => {
-						R.value = !1, L.value.push(x), z(x);
+						_.value = !1, g.value.push(r), C(r);
 					},
 					style: "cursor: pointer; display: flex; align-items: center; gap: 8px"
 				}, [
-					x.type === "dept" ? createVNode(NAvatar, {
+					r.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" }, [x.label]),
+					createVNode("span", { style: "flex: 1 1 auto" }, [r.label]),
 					createVNode(NIcon, null, { default: () => [createVNode(IRight, null, null)] })
 				])] });
-			})) ? C : { default: () => [C] }) : createVNode(NEmpty, null, null)]);
-		}, U = () => createVNode(NEmpty, { description: y.placeholder }, null), W = ({ option: e }) => e.type === "user" ? createVNode("span", null, [e.nickname, createVNode("span", { style: {
+			})) ? a : { default: () => [a] }) : createVNode(NEmpty, null, null)]);
+		}, E = () => createVNode(NEmpty, { description: t.placeholder }, null), D = ({ option: e }) => e.type === "user" ? createVNode("span", null, [e.nickname, createVNode("span", { style: {
 			opacity: .4,
 			marginLeft: "8px"
-		} }, [e.username])]) : createVNode("span", null, [e.label]), G = (e, b, x, S, C) => createVNode(NTransfer, mergeProps(e, {
-			key: y.type,
-			options: b,
-			renderSourceList: ({ onCheck: e, pattern: y }) => V(x, e, y),
-			renderTargetList: y.placeholder?.trim() && !y.modelValue?.length ? U : void 0,
-			renderTargetLabel: W,
-			sourceFilterable: y.filterable,
-			size: y.size,
-			disabled: y.disabled || void 0,
-			value: x,
-			filter: (e, y) => y.label.includes(e) || y.value.includes(e),
+		} }, [e.username])]) : createVNode("span", null, [e.label]), k = (e, n, r, i, a) => createVNode(NTransfer, mergeProps(e, {
+			key: t.type,
+			options: n,
+			renderSourceList: ({ onCheck: e, pattern: t }) => T(r, e, t),
+			renderTargetList: t.placeholder?.trim() && !t.modelValue?.length ? E : void 0,
+			renderTargetLabel: D,
+			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) => {
-				S?.(e);
+				i?.(e);
 			},
 			onUpdateValue: (e) => {
-				C?.(e);
+				a?.(e);
 			}
-		}), null), K = ({ option: e, handleClose: b }) => createVNode(NTag, {
-			type: y.type === "user" ? "primary" : "info",
+		}), null), A = ({ option: e, handleClose: n }) => createVNode(NTag, {
+			type: t.type === "user" ? "primary" : "info",
 			closable: !0,
 			onMousedown: (e) => e.preventDefault(),
 			onClose: (e) => {
-				e.stopPropagation(), b();
+				e.stopPropagation(), n();
 			}
-		}, { default: () => [e.label] }), q = (e, x = "updateModelValue") => {
-			y.multiple ? b(x, e) : b(x, e?.[0]);
-		}, J = ref(), Y = !1, X = useDialog(), Z = () => {
-			if (Y) return;
-			Y = !0;
-			let e = shallowRef([...D.value || []]);
-			X.create({
+		}, { default: () => [e.label] }), j = (e, r = "updateModelValue") => {
+			t.multiple ? n(r, e) : n(r, e?.[0]);
+		}, M = ref(), N = !1, P = useDialog(), F = () => {
+			if (N) return;
+			N = !0;
+			let e = shallowRef([...s.value || []]);
+			P.create({
 				showIcon: !1,
-				title: y.placeholder,
+				title: t.placeholder,
 				style: { width: "700px" },
-				content: () => createVNode("div", { style: { height: "550px" } }, [G({ style: { height: "100%" } }, y.type === "user" ? k.value : A.value, e.value, (y) => e.value = y)]),
-				positiveText: C.value.positiveText,
-				negativeText: C.value.negativeText,
+				content: () => createVNode("div", { style: { height: "550px" } }, [k({ 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() {
-					q(e.value, "update:modelValue"), q(e.value, "updateModelValue");
+					j(e.value, "update:modelValue"), j(e.value, "updateModelValue");
 				},
 				onAfterLeave() {
 					nextTick(() => {
-						J.value?.blur(), Y = !1;
+						M.value?.blur(), N = !1;
 					});
 				}
 			});
-		}, $ = { arrow: () => createVNode(NIcon, null, { default: () => [y.type === "user" ? createVNode(IGroup, null, null) : createVNode(IDept, null, null)] }) };
+		}, I = { arrow: () => createVNode(NIcon, null, { default: () => [t.type === "user" ? createVNode(IGroup, null, null) : createVNode(IDept, null, null)] }) };
 		return () => {
-			let e = y.type === "user" ? k.value : A.value;
-			if (y.selectType === "dropdown" && y.type === "dept") return createVNode(NTreeSelect, {
+			let e = t.type === "user" ? f.value : p.value;
+			if (t.selectType === "dropdown" && t.type === "dept") return createVNode(NTreeSelect, {
 				options: e,
 				keyField: "value",
-				defaultExpandAll: y.defaultExpandAll,
-				checkable: y.multiple,
-				multiple: y.multiple,
-				filter: (e, y) => y.label.includes(e) || y.value.includes(e),
-				value: y.modelValue,
+				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) => {
-					y.multiple && y.max && e?.length > y.max || b("updateModelValue", e);
+					t.multiple && t.max && e?.length > t.max || n("updateModelValue", e);
 				},
 				"onUpdate:value": (e) => {
-					y.multiple && y.max && e?.length > y.max || b("update:modelValue", e);
+					t.multiple && t.max && e?.length > t.max || n("update:modelValue", e);
 				}
-			}, _isSlot($) ? $ : { default: () => [$] });
-			if (y.selectType === "transfer") return G(x, e, D.value, (e) => q(e, "update:modelValue"), (e) => q(e, "updateModelValue"));
-			let S = y.selectType === "dropdown";
-			return createVNode(NSelect, mergeProps(x, {
-				key: y.type,
-				ref: J,
-				show: S ? void 0 : !1,
-				filterable: S ? y.filterable : !1,
+			}, _isSlot(I) ? I : { default: () => [I] });
+			if (t.selectType === "transfer") return k(r, e, s.value, (e) => j(e, "update:modelValue"), (e) => j(e, "updateModelValue"));
+			let i = t.selectType === "dropdown";
+			return createVNode(NSelect, mergeProps(r, {
+				key: t.type,
+				ref: M,
+				show: i ? void 0 : !1,
+				filterable: i ? t.filterable : !1,
 				options: e,
-				multiple: y.multiple,
-				size: y.size,
-				placeholder: y.placeholder,
-				disabled: y.disabled || void 0,
-				value: y.modelValue,
-				renderTag: y.multiple ? K : void 0,
-				onFocus: S ? void 0 : Z,
+				multiple: t.multiple,
+				size: t.size,
+				placeholder: t.placeholder,
+				disabled: t.disabled || void 0,
+				value: t.modelValue,
+				renderTag: t.multiple ? A : void 0,
+				onFocus: i ? void 0 : F,
 				onUpdateValue: (e) => {
-					b("updateModelValue", e);
+					n("updateModelValue", e);
 				},
 				"onUpdate:value": (e) => {
-					b("update:modelValue", e);
+					n("update:modelValue", e);
 				}
-			}), _isSlot($) ? $ : { default: () => [$] });
+			}), _isSlot(I) ? I : { default: () => [I] });
 		};
 	}
 });
-function renderUser(e, y, { placement: b, size: x, tooltip: S = !0, username: C = !1 }) {
-	let w = e.nickname.split(" ").at(-1), E = w;
-	return /^[\u4E00-\u9FA5]+$/.test(w) ? E = w.length >= 3 ? w.slice(-2) : w : w.length > 4 && (E = createVNode(NIcon, null, { default: () => [createVNode(IAccount, null, null)] })), createVNode(NPopover, {
+function renderUser(e, t, { placement: n = "left", size: r = 24, tooltip: i = !0, username: a = !1, renderInfo: o }) {
+	let s = e.nickname.split(" ").at(-1), l = s;
+	/^[\u4E00-\u9FA5]+$/.test(s) ? l = s.length >= 3 ? s.slice(-2) : s : s.length > 4 && (l = createVNode(NIcon, null, { default: () => [createVNode(IAccount, null, null)] }));
+	let u = (e, t) => createVNode(NAvatar, {
+		color: "var(--color-primary)",
+		round: !0,
+		size: e,
+		style: t ? { position: "absolute" } : ""
+	}, _isSlot(l) ? l : { default: () => [l] });
+	return createVNode(NPopover, {
 		key: e.username,
 		raw: !0,
-		placement: b,
-		disabled: S === !1
+		placement: n,
+		disabled: i === !1
 	}, {
 		default: () => createVNode(NCard, {
 			style: "width: 200px",
 			size: "small"
-		}, { default: () => [createVNode(NH4, null, { default: () => [e.nickname] }), createVNode("span", null, [e.username])] }),
+		}, { default: () => [createVNode("div", { style: "display: flex; align-items: center; gap: 12px" }, [u(48), createVNode("div", null, [createVNode("div", { style: "font-size: 16px; font-weight: 500;" }, [e.nickname]), createVNode("div", { style: "font-size: 14px; color: #999" }, [e.username])])]), o?.(e)] }),
 		trigger: () => {
-			let b = createVNode(NAvatar, {
-				color: "var(--color-primary)",
-				round: !0,
-				size: x,
-				style: y ? {
-					position: "absolute",
-					bottom: -(x - 16) / 2 + "px"
-				} : ""
-			}, _isSlot(E) ? E : { default: () => [E] });
-			return y ? createVNode("div", { style: y ? {
-				display: "inline-flex",
-				itemsAlign: "center",
-				whiteSpace: "nowrap",
-				minWidth: x + "px",
-				height: x + "px"
-			} : "" }, [b, y ? createVNode(Fragment, null, [createVNode("span", { style: { marginLeft: x + 6 + "px" } }, [e.nickname]), C ? createVNode("span", { style: {
-				marginLeft: "8px",
-				opacity: .4
-			} }, [e.username]) : void 0]) : void 0]) : b;
+			let n = u(r, t);
+			return t ? createVNode("span", null, [n, createVNode("div", { style: `overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: ${r}px` }, [createVNode("span", { style: `margin-left: ${r + 6}px` }, [e.nickname]), a ? createVNode("span", { style: "margin-left: 8px; opacity: 0.4" }, [e.username]) : void 0])]) : n;
 		}
 	});
 }
-function renderUsers(e, y = {}) {
-	y.size ||= 24, y.max ||= 4;
-	let { max: b, size: x } = y;
-	return e.length <= 1 ? createVNode("span", { style: "position: relative" }, [e.map((e) => renderUser(e, !0, y))]) : createVNode("span", { style: {
+function renderUsers(e, t = {}) {
+	let { max: n = 4, size: r = 24 } = t;
+	return e.length <= 1 ? e[0] ? renderUser(e[0], !0, t) : null : createVNode("span", { style: {
 		display: "inline-block",
-		height: x + "px"
+		height: r + "px"
 	} }, [createVNode(NAvatarGroup, {
 		options: e,
-		size: x,
-		max: b || 4,
+		size: r,
+		max: n || 4,
 		style: "top: -2px"
 	}, {
-		avatar: ({ option: e }) => renderUser(e, !1, y),
-		rest: ({ options: e, rest: y }) => createVNode(NDropdown, {
+		avatar: ({ option: e }) => renderUser(e, !1, t),
+		rest: ({ options: e, rest: t }) => createVNode(NDropdown, {
 			options: e,
 			keyField: "username",
 			labelField: "nickname",
-			renderOption: ({ option: y }) => renderUser(y, !1, e)
-		}, { default: () => [createVNode(NAvatar, null, { default: () => [createTextVNode("+"), y] })] })
+			renderOption: ({ option: t }) => renderUser(t, !1, e)
+		}, { default: () => [createVNode(NAvatar, null, { default: () => [createTextVNode("+"), t] })] })
 	})]);
 }
 const DtDeptRender = /* @__PURE__ */ defineComponent({
@@ -1915,18 +1944,18 @@ const DtDeptRender = /* @__PURE__ */ defineComponent({
 		getDeptsByCode: Function
 	},
 	setup(e) {
-		let y = ref([]), b = {};
-		return watch([() => e.modelValue, () => e.multiple], ([x, S]) => {
-			y.value = [];
-			let C = x ? S ? Array.isArray(x) ? x : x.trim() ? x.trim().split(",") : [] : [x] : [], w = [];
-			for (let [e, x] of C.entries()) b[x] || (b[x] = reactive({
-				code: x,
-				name: x
-			}), w.push(x)), y.value[e] = b[x];
-			w.length > 0 && e.getDeptsByCode(w).then((e) => {
-				for (let y of e) Object.assign(b[y.code], y);
+		let t = ref([]), n = {};
+		return watch([() => 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] = reactive({
+				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 }), () => y.value.map((e) => createVNode(NTag, { key: e.code }, { default: () => [e.name] }));
+		}, { immediate: !0 }), () => t.value.map((e) => createVNode(NTag, { key: e.code }, { default: () => [e.name] }));
 	}
 }), DtUserRender = /* @__PURE__ */ defineComponent({
 	name: "UserRender",
@@ -1936,21 +1965,22 @@ const DtDeptRender = /* @__PURE__ */ defineComponent({
 		max: Number,
 		size: Number,
 		placement: String,
-		getUsersByUsername: Function
+		getUsersByUsername: Function,
+		renderInfo: Function
 	},
 	setup(e) {
-		let y = ref([]), b = {};
-		return watch([() => e.modelValue, () => e.multiple], ([x, S]) => {
-			y.value = [];
-			let C = x ? S ? Array.isArray(x) ? x : x.trim() ? x.trim().split(",") : [] : [x] : [], w = [];
-			for (let [e, x] of C.entries()) b[x] || (b[x] = reactive({
-				code: x,
-				name: x
-			}), w.push(x)), y.value[e] = b[x];
-			w.length > 0 && e.getUsersByUsername(w).then((e) => {
-				for (let y of e) Object.assign(b[y.code], y);
+		let t = ref([]), n = {};
+		return watch([() => 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] = reactive({
+				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 }), () => renderUsers(y.value, e);
+		}, { immediate: !0 }), () => renderUsers(t.value, e);
 	}
 }), StateButtonProps = {
 	disabled: {
@@ -1984,15 +2014,15 @@ const DtDeptRender = /* @__PURE__ */ defineComponent({
 }, NStateButton = /* @__PURE__ */ defineComponent({
 	name: "StateButton",
 	props: StateButtonProps,
-	setup(e, { slots: y }) {
+	setup(e, { slots: t }) {
 		return () => {
-			let { type: b, disabled: x, succeeded: S, successText: C, failureText: w } = e;
+			let { type: n, disabled: r, succeeded: i, successText: a, failureText: o } = e;
 			return createVNode(NButton, {
-				type: S ? "success" : S === !1 ? "error" : b,
-				disabled: typeof S == "boolean" ? !0 : x
+				type: i ? "success" : i === !1 ? "error" : n,
+				disabled: typeof i == "boolean" ? !0 : r
 			}, {
-				default: () => (S ? y.success ? y.success() : C : S === !1 ? y.failure ? y.failure() : w : y.default?.()) ?? y.default(),
-				icon: () => S ? y.successIcon ? y.successIcon() : createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : S === !1 ? y.failureIcon ? y.failureIcon() : createVNode(NIcon, null, { default: () => [createVNode(IClose, null, null)] }) : y.icon?.()
+				default: () => (i ? t.success ? t.success() : a : i === !1 ? t.failure ? t.failure() : o : t.default?.()) ?? t.default(),
+				icon: () => i ? t.successIcon ? t.successIcon() : createVNode(NIcon, null, { default: () => [createVNode(ICheck, null, null)] }) : i === !1 ? t.failureIcon ? t.failureIcon() : createVNode(NIcon, null, { default: () => [createVNode(IClose, null, null)] }) : t.icon?.()
 			});
 		};
 	}