@ithinkdt/ui 4.0.0-800 → 4.0.0-802

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

@@ -1,8 +1,8 @@
 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 { i as vTooltip } from "./directives-pc2Vi93X.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 { toReactive, unrefElement, until } from "@vueuse/core";
 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";
@@ -790,22 +790,12 @@ const DataForm = /* @__PURE__ */ defineComponent({
 			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: 1e3 / 20
-		});
-		let f = 0, p = ({ overflow: t }) => {
+		}, o = ref(), s = ({ overflow: t }) => {
 			if (n.action) return n.action({
-				cols: s.value,
-				spans: f,
-				overflow: t
+				overflow: t,
+				grid: o.value
 			});
-			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;
+			let { loading: r, showSubmitBtn: i, showResetBtn: s, showCancelBtn: l, actionAlign: u, actionJustify: d, actionGap: f, submitDisabled: p, submitText: m, resetText: g, cancelText: _, succeeded: v, successText: y, failureText: b } = e;
 			return createVNode(NFormItem, {
 				label: d === "start" ? " " : void 0,
 				showLabel: e.labelPlacement !== "top",
@@ -813,42 +803,41 @@ const DataForm = /* @__PURE__ */ defineComponent({
 			}, { default: () => [createVNode(DataFormActions, {
 				align: u,
 				justify: d,
-				gap: p,
+				gap: f,
 				showSubmitBtn: i,
-				showResetBtn: o,
+				showResetBtn: s,
 				showCancelBtn: l,
-				submitText: g,
-				resetText: _,
-				cancelText: v,
-				submitDisabled: m,
+				submitText: m,
+				resetText: g,
+				cancelText: _,
+				submitDisabled: p,
 				submitLoading: r,
-				succeeded: y,
-				successText: b,
-				failureText: x,
+				succeeded: v,
+				successText: y,
+				failureText: b,
 				nativeButtonType: !0,
 				onCancel: a
 			}, {
 				prefix: () => n.actionPrefix?.(),
 				suffix: () => n.actionSuffix?.()
 			})] });
-		}, m = () => {
+		}, u = () => {
 			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 }) => {
+			return createVNode(Fragment, null, [t.map(({ hidden: t, name: n, render: i, label: a, showColon: o, span: s = 6, rowSpan: l, offset: u = 0, tooltip: f, tooltipPlacement: p = e.tooltipPlacement, validationStatus: m = r[n]?.errors?.length ? "error" : r[n]?.warnings?.length ? "warnings" : r[n] ? "success" : void 0, readonly: g = e.readonly, showRequireMark: _ = !g, showTooltipWhenReadonly: y = !1, ...b }) => {
 				if (t) return;
-				f += s;
-				let S;
-				return S = n[0] === "$" ? i({}) : createVNode(NFormItem, mergeProps({
+				let x;
+				return x = n[0] === "$" ? i({}) : createVNode(NFormItem, mergeProps({
 					path: n,
-					validationStatus: g,
-					showRequireMark: x.required && y
-				}, x), {
+					validationStatus: m,
+					showRequireMark: b.required && _
+				}, b), {
 					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),
+						p === "icon" ? createVNode(NTooltip, null, {
+							default: () => toValue(f),
 							trigger: () => createVNode(NButton, {
 								text: !0,
 								style: "font-size: 1.25em; opacity: 0.8"
@@ -862,35 +851,35 @@ const DataForm = /* @__PURE__ */ defineComponent({
 							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, {
+						return f && p === "bottom" && (!e.readonly || y) ? 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;
+						}, _isSlot$5(t = toValue(f)) ? t : { default: () => [t] })]) : n;
 					},
 					feedback: () => r[n]?.errors?.[0] ?? r[n]?.warnings?.[0]
-				}), e.grid === !1 ? S : createVNode(NGi, {
+				}), e.grid === !1 ? x : createVNode(NGi, {
 					key: n,
 					offset: u,
 					span: s,
 					style: l ? { gridRowEnd: `span ${l}` } : void 0
-				}, _isSlot$5(S) ? S : { default: () => [S] });
+				}, _isSlot$5(x) ? x : { default: () => [x] });
 			}), 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 })]);
+			}, typeof e.showAction == "object" ? e.showAction : {}), { default: s })]);
 		};
 		return () => {
-			let { items: t, loading: n, validation: a, showColon: s, tooltipPlacement: l, showFeedback: u, labelWidth: d = "7.2em", labelAlign: f = e.labelPlacement === "top" ? "left" : "right", grid: p, showAction: 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;
+			let { items: t, loading: n, validation: a, showColon: s, tooltipPlacement: l, showFeedback: d, labelWidth: f = "7.2em", labelAlign: p = e.labelPlacement === "top" ? "left" : "right", grid: m, 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 && d !== !1;
 			return createVNode(NForm, mergeProps({
-				labelWidth: d,
-				labelAlign: f,
+				labelWidth: f,
+				labelAlign: p,
 				onReset: i,
 				onSubmit: r,
 				showFeedback: M
 			}, j), { default: () => [createVNode(NGrid, mergeProps({
 				ref: o,
 				itemResponsive: !0
-			}, p, { yGap: M ? 0 : p?.yGap ?? 24 }), { default: m })] });
+			}, m, { yGap: M ? 0 : m?.yGap ?? 24 }), { default: u })] });
 		};
 	}
 }), DataFilter = /* @__PURE__ */ defineComponent({
@@ -945,7 +934,8 @@ const DataForm = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			required: !1,
 			default: !0
-		}
+		},
+		collapsedRows: Number
 	},
 	emits: [
 		"filter",
@@ -967,22 +957,23 @@ const DataForm = /* @__PURE__ */ defineComponent({
 			suffix: !0
 		});
 		return () => {
-			let { filterOnReset: e, filterText: n, resetText: f, customizable: p, defaultCollapsed: m, collapsible: g, grid: _, ...y } = t;
+			let { filterOnReset: e, filterText: n, resetText: f, customizable: p, defaultCollapsed: m, collapsible: g, grid: _, collapsedRows: b, ...x } = t;
 			return createVNode(DataForm, mergeProps({ grid: {
 				cols: "12 768:18 1280:24 1536:30",
 				yGap: 20,
 				xGap: 8,
 				..._,
-				collapsed: s.value
-			} }, y, {
+				collapsed: s.value,
+				collapsedRows: b
+			} }, x, {
 				showFeedback: !1,
 				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: () => [
+				onReset: o,
+				style: "position: relative"
+			}), { action: ({ grid: e }) => (nextTick(() => {
+				u.suffix = e?.collapsedOverflow || e?.contentEl.children.item(e?.contentEl.children.length - 1).offsetTop > 0;
+			}), createVNode("div", { style: "display: flex; gap: 12px; align-items: center; justify-content: " + (u.suffix ? "flex-end" : "flex-start") }, [
 				u.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
 				createVNode(NButton, {
 					attrType: "submit",
@@ -997,19 +988,19 @@ const DataForm = /* @__PURE__ */ defineComponent({
 				p ? createVNode(DataCustom, {
 					keyField: "name",
 					showFixed: !1,
-					data: y.items,
+					data: x.items,
 					size: 18,
 					type: "primary",
 					onCustom: (e) => r("custom", e)
 				}, null) : void 0,
-				g && u.suffix ? createVNode(NButton, {
+				g && e?.collapsedOverflow ? createVNode(NButton, {
 					text: !0,
 					type: "primary",
 					iconPlacement: "right",
 					renderIcon: s.value ? IDown : IUp,
 					onClick: () => l(!s.value)
 				}, { default: () => [s.value ? i("common.page.filter.expand") : i("common.page.filter.collapse")] }) : void 0
-			] })) });
+			])) });
 		};
 	}
 });
@@ -1197,15 +1188,7 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: !0
 		},
-		pageSizes: {
-			type: Array,
-			default: () => [
-				10,
-				20,
-				30,
-				50
-			]
-		}
+		pageSizes: { type: Array }
 	},
 	emits: { change: () => !0 },
 	setup(t, { emit: n }) {
@@ -1215,14 +1198,19 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 		}), a = (e) => n("change", {
 			pageSize: e,
 			currentPage: t.resetPageOnSizeChange ? 1 : t.currentPage ?? t.page?.currentPage ?? 1
-		});
+		}), o = inject(DataPagination.DEFAULT_PAGE_SIZES_INJECTION_KEY, () => [
+			10,
+			20,
+			30,
+			50
+		], !0);
 		return () => createVNode(NPagination, {
 			page: t.currentPage ?? t.page?.currentPage,
 			itemCount: t.total,
 			pageSize: t.pageSize ?? t.page?.pageSize,
 			onUpdatePage: i,
 			onUpdatePageSize: a,
-			pageSizes: t.pageSizes,
+			pageSizes: t.pageSizes || o,
 			showQuickJumper: !0,
 			showSizePicker: !0,
 			style: "justify-content: flex-end"
@@ -1232,6 +1220,7 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
 		});
 	}
 });
+DataPagination.DEFAULT_PAGE_SIZES_INJECTION_KEY = Symbol();
 function _isSlot$3(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !isVNode(e);
 }
@@ -1893,12 +1882,14 @@ const DtUserDept = /* @__PURE__ */ defineComponent({
 });
 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, {
+	if (/^[\u4E00-\u9FA5]+$/.test(s)) {
+		let e = s.length;
+		l = e === 3 || e === 4 ? s.slice(-2) : e > 4 ? s.slice(0, 1) : s;
+	} else s.length > 4 && (l = createVNode(NIcon, null, { default: () => [createVNode(IAccount, null, null)] }));
+	let u = (e) => createVNode(NAvatar, {
 		color: "var(--color-primary)",
 		round: !0,
-		size: e,
-		style: t ? { position: "absolute" } : ""
+		size: e
 	}, _isSlot(l) ? l : { default: () => [l] });
 	return createVNode(NPopover, {
 		key: e.username,
@@ -1907,12 +1898,12 @@ function renderUser(e, t, { placement: n = "left", size: r = 24, tooltip: i = !0
 		disabled: i === !1
 	}, {
 		default: () => createVNode(NCard, {
-			style: "width: 200px",
+			style: "min-width: 200px",
 			size: "small"
 		}, { 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 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;
+			let n = u(r);
+			return t ? createVNode("div", { style: "max-width: 100%; overflow: hidden; display: inline-flex; align-items: center; gap: 6px" }, [n, createVNode("div", { style: "overflow: hidden; white-space: nowrap; text-overflow: ellipsis" }, [createVNode("span", null, [e.nickname]), a ? createVNode("span", { style: "margin-left: 8px; opacity: 0.4" }, [e.username]) : void 0])]) : n;
 		}
 	});
 }

package/dist/components.js

@@ -1,2 +1,2 @@
-import { _ as dataFormActionsProps, a as DtUserRender, b as DataActions, c as DataTable, d as DataPagination, f as DataLocaleInput, g as DataFormActions, h as DataForm, i as DtUserDept, l as useDataTableDrag, m as DataFilter, n as StateButtonProps, o as renderUsers, p as useLocaleEdit, r as DtDeptRender, s as NRadios, t as NStateButton, u as DataSelection, v as DataDescriptions, x as NCheckboxes, y as DataCustom } from "./components-DYFd5z-C.js";
+import { _ as dataFormActionsProps, a as DtUserRender, b as DataActions, c as DataTable, d as DataPagination, f as DataLocaleInput, g as DataFormActions, h as DataForm, i as DtUserDept, l as useDataTableDrag, m as DataFilter, n as StateButtonProps, o as renderUsers, p as useLocaleEdit, r as DtDeptRender, s as NRadios, t as NStateButton, u as DataSelection, v as DataDescriptions, x as NCheckboxes, y as DataCustom } from "./components-BXQ9l7S9.js";
 export { DataActions, DataCustom, DataDescriptions, DataFilter, DataForm, DataFormActions, DataLocaleInput, DataPagination, DataSelection, DataTable, DtDeptRender, DtUserDept, DtUserRender, NCheckboxes, NRadios, NStateButton, StateButtonProps, dataFormActionsProps, renderUsers, useDataTableDrag, useLocaleEdit };

package/dist/{directives-CBQhJ3zJ.js → directives-pc2Vi93X.js}

@@ -103,9 +103,12 @@ const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
 		}, { capture: !0 }), () => createVNode(NTooltip, {
 			trigger: "manual",
 			show: !!current.value && r.show,
+			scrollable: !0,
+			flip: !1,
 			x: r.x,
 			y: r.y,
-			placement: r.placement
+			placement: r.placement,
+			style: "max-width: 61.8vw; max-height: 61.8vh"
 		}, { default: () => [createVNode("div", { class: i }, [n.value?.()])] });
 	}
 });

package/dist/directives.js

@@ -1,2 +1,2 @@
-import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-CBQhJ3zJ.js";
+import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-pc2Vi93X.js";
 export { SpinDirectiveProvider, TooltipDirectiveProvider, vSpin, vTooltip };

package/dist/index.js

@@ -1,6 +1,6 @@
 import { n as useI18n, t as UI_I18N_INJECTION } from "./use-i18n-D-AJ8KbA.js";
 import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-BGq0HdRK.js";
-import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-CBQhJ3zJ.js";
+import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-pc2Vi93X.js";
 import { Fragment, computed, createVNode, defineComponent, inject, isVNode, mergeProps, provide, reactive, ref, renderSlot, shallowRef, toRef, toValue, unref, useTemplateRef, watch, withDirectives } from "vue";
 import { computedAsync, promiseTimeout, useElementHover, useElementSize, useEventListener, useFullscreen, watchDebounced } from "@vueuse/core";
 import { NAvatar, NBadge, NBreadcrumb, NBreadcrumbItem, NButton, NDrawer, NDrawerContent, NDropdown, NEmpty, NIcon, NList, NListItem, NMenu, NPagination, NPopover, NScrollbar, NText, NThing, useThemeVars } from "ithinkdt-ui";

package/dist/page.js

@@ -1,11 +1,12 @@
 import { n as useI18n } from "./use-i18n-D-AJ8KbA.js";
-import { a as DtUserRender, h as DataForm, i as DtUserDept, r as DtDeptRender, s as NRadios, x as NCheckboxes } from "./components-DYFd5z-C.js";
-import { computed, createVNode, defineComponent, h, isVNode, mergeProps, nextTick, ref, shallowRef, unref } from "vue";
-import { until } from "@vueuse/core";
-import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NInput, NInputNumber, NModal, NScrollbar, NSelect, NText, NUpload, useMessage } from "ithinkdt-ui";
+import { a as DtUserRender, h as DataForm, i as DtUserDept, r as DtDeptRender, s as NRadios, x as NCheckboxes } from "./components-BXQ9l7S9.js";
+import { computed, createVNode, defineComponent, h, isVNode, mergeProps, nextTick, ref, shallowRef, toValue, unref } from "vue";
+import { until, useClipboard } from "@vueuse/core";
+import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NIcon, NInput, NInputNumber, NModal, NScrollbar, NSelect, NText, NUpload, useMessage } from "ithinkdt-ui";
 import { nanoid } from "nanoid";
 import { format } from "date-fns";
 import { useFormItem } from "ithinkdt-ui/es/_mixins";
+import { useModal } from "@ithinkdt/page";
 import { isNullish } from "@ithinkdt/common";
 import { useDict, useDictMap } from "@ithinkdt/common/dict";
 function _isSlot(e) {
@@ -88,7 +89,7 @@ var mapProps = (e) => Object.fromEntries(Object.entries(e || {}).map(([e, t]) =>
 	}
 });
 function createPageFormHelper({ getUserGroups: e, getUsersByGroup: n, getDeptsByCode: i, getUsersByDept: s, getUsersByUsername: c, uploadFile: u, getFileInfos: d }) {
-	let f = (e) => e, p = (e) => isNullish(e) ? e : String(e), v = (e) => isNullish(e) ? e : Number(e);
+	let f = (e) => e, p = (e) => isNullish(e) ? e : String(e), g = (e) => isNullish(e) ? e : Number(e);
 	return {
 		input: () => ({ slots: e, props: t }, { modelValue: n, "onUpdate:modelValue": r, required: i, readonly: a, ...o }) => a ? createVNode(NText, {
 			depth: 2,
@@ -107,7 +108,7 @@ function createPageFormHelper({ getUserGroups: e, getUsersByGroup: n, getDeptsBy
 					depth: 2,
 					style: "line-height: 1.25"
 				}, { default: () => [i ?? ""] });
-				let { valueType: u = "number", ...d } = mapProps(r), f = u === "string" ? v(i) : i;
+				let { valueType: u = "number", ...d } = mapProps(r), f = u === "string" ? g(i) : i;
 				return e = a, u === "string" && !t && (t = (t, ...n) => {
 					e(p(t), ...n);
 				}), h(NInputNumber, {
@@ -122,8 +123,8 @@ function createPageFormHelper({ getUserGroups: e, getUsersByGroup: n, getDeptsBy
 		select: () => {
 			let e, t, n, r, i;
 			return ({ slots: a, props: o }, { modelValue: s, "onUpdate:modelValue": c, required: u, readonly: d, ...m }) => {
-				let { dictType: _, options: y, valueType: b = "string", ...x } = mapProps(o), S = b === "number" ? p : f;
-				y ? t = y : e !== _ && (e = _, !t && e && (t = useDict(e)));
+				let { dictType: v, options: y, valueType: b = "string", ...x } = mapProps(o), S = b === "number" ? p : f;
+				y ? t = y : e !== v && (e = v, !t && e && (t = useDict(e)));
 				let C = x.multiple ? s?.map(S) : S(s);
 				if (d) if (x.multiple) {
 					let e;
@@ -142,7 +143,7 @@ function createPageFormHelper({ getUserGroups: e, getUsersByGroup: n, getDeptsBy
 					}, { default: () => [e ? x.renderLabel ? x.renderLabel(e) ?? "" : e[x.labelField || "label"] ?? "" : C ?? ""] });
 				}
 				return r = x.multiple, n = c, b === "number" && !i && (i = (e, ...t) => {
-					n(r ? e?.map(v) : v(e), ...t);
+					n(r ? e?.map(g) : g(e), ...t);
 				}), h(NSelect, {
 					clearable: !0,
 					loading: t?.loading,
@@ -172,8 +173,8 @@ function createPageFormHelper({ getUserGroups: e, getUsersByGroup: n, getDeptsBy
 		checkboxes: () => {
 			let e, t, n, r;
 			return ({ props: i }, { modelValue: a, "onUpdate:modelValue": s, required: c, readonly: u, ...d }) => {
-				let { dictType: m, options: g, valueType: _ = "string", ...y } = mapProps(i), b = _ === "number" ? p : f;
-				g ? t = g : e !== m && (e = m, !t && e && (t = useDict(e)));
+				let { dictType: m, options: _, valueType: v = "string", ...y } = mapProps(i), b = v === "number" ? p : f;
+				_ ? t = _ : e !== m && (e = m, !t && e && (t = useDict(e)));
 				let x = a?.map(b) ?? [];
 				if (u) {
 					let e;
@@ -185,22 +186,22 @@ function createPageFormHelper({ getUserGroups: e, getUsersByGroup: n, getDeptsBy
 						return createVNode("span", { key: e ? e[y.valueField ?? "value"] : x[t] ?? "" }, [r, t < n.length - 1 ? ", " : ""]);
 					})) ? e : { default: () => [e] });
 				}
-				return n = s, _ === "number" && !r && (r = (e, ...t) => {
-					n(e?.map(v), ...t);
+				return n = s, v === "number" && !r && (r = (e, ...t) => {
+					n(e?.map(g), ...t);
 				}), h(NCheckboxes, {
 					...y,
 					...d,
 					options: t,
 					modelValue: x,
-					"onUpdate:modelValue": _ === "number" ? r : n
+					"onUpdate:modelValue": v === "number" ? r : n
 				});
 			};
 		},
 		radios: () => {
 			let e, t, n, r;
 			return ({ props: i }, { modelValue: o, "onUpdate:modelValue": s, required: c, readonly: u, ...d }) => {
-				let { dictType: m, options: g, valueType: _ = "string", ...y } = mapProps(i), b = _ === "number" ? p : f;
-				g ? t = g : e !== m && (e = m, !t && e && (t = useDict(e)));
+				let { dictType: m, options: _, valueType: v = "string", ...y } = mapProps(i), b = v === "number" ? p : f;
+				_ ? t = _ : e !== m && (e = m, !t && e && (t = useDict(e)));
 				let x = b(o);
 				if (u) {
 					let e = t?.find((e) => e[y.valueField ?? "value"] === x);
@@ -209,14 +210,14 @@ function createPageFormHelper({ getUserGroups: e, getUsersByGroup: n, getDeptsBy
 						style: "line-height: 1.25"
 					}, { default: () => [e ? e[y.labelField ?? "label"] ?? "" : x ?? ""] });
 				}
-				return n = s, _ === "number" && !r && (r = (e, ...t) => {
-					n(v(e), ...t);
+				return n = s, v === "number" && !r && (r = (e, ...t) => {
+					n(g(e), ...t);
 				}), h(NRadios, {
 					...y,
 					...d,
 					options: t,
 					modelValue: x,
-					"onUpdate:modelValue": _ === "number" ? r : n
+					"onUpdate:modelValue": v === "number" ? r : n
 				});
 			};
 		},
@@ -357,8 +358,67 @@ function createDescriptionHelper({ getDeptsByCode: e, getUsersByUsername: n, get
 		cy: "16",
 		r: "8",
 		fill: "currentColor"
+	}, null)]), c = (e = {}) => createVNode("svg", mergeProps({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [createVNode("path", {
+		fill: "currentColor",
+		d: "M12 9a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-4.5c5 0 9.27 3.11 11 7.5c-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0 0 17.64 0a9.821 9.821 0 0 0-17.64 0"
+	}, null)]), l = (e) => createVNode("svg", mergeProps({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [createVNode("path", {
+		fill: "currentColor",
+		d: "M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z"
+	}, null)]), u = (e) => createVNode("svg", mergeProps({
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 24 24"
+	}, e), [createVNode("path", {
+		fill: "currentColor",
+		d: "M20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8c.76 0 1.5.11 2.2.31l1.57-1.57A9.8 9.8 0 0 0 12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10M7.91 10.08L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17z"
 	}, null)]);
 	return {
+		longtext: () => {
+			let e = ref(), { open: t } = useModal({
+				type: "drawer",
+				resizable: !0,
+				content: () => createVNode("div", null, [createVNode("span", null, [e.value])]),
+				width: 600,
+				footer: null,
+				maskClosable: !0
+			}), { copy: n, copied: r } = useClipboard({ legacy: !0 }), i = (i, a, o) => {
+				if (!a) return t(i);
+				let s = () => {
+					o ? o(e.value) : n(e.value);
+				};
+				return t(() => createVNode("div", { style: "display: flex; align-items: center; justify-content: space-between; margin-right: 4px;" }, [toValue(i), r.value ? createVNode(NButton, {
+					quaternary: !0,
+					size: "tiny",
+					type: "success"
+				}, { icon: () => createVNode(NIcon, { size: 18 }, { default: () => [createVNode(u, null, null)] }) }) : createVNode(NButton, {
+					quaternary: !0,
+					size: "tiny",
+					onClick: s
+				}, { icon: () => createVNode(NIcon, { size: 16 }, { default: () => [createVNode(l, null, null)] }) })]));
+			};
+			return {
+				renderer: (t, n, { params: r = {} }, { label: a }) => createVNode("div", { style: "white-space: nowrap; overflow: hidden; display: flex; gap: 8px; align-items: center; justify-content: space-between" }, [createVNode("div", { style: "flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" }, [t]), createVNode(NButton, {
+					type: "info",
+					text: !0,
+					style: "position: sticky; right: 0; z-index: 2",
+					onClick: r.showText ? () => r.showText(t) : () => {
+						e.value = r.formatText ? r.formatText(t) : t, i(r.title || a, r.copyable !== !1, r.onCopy);
+					}
+				}, { default: () => [createVNode(NIcon, { size: 18 }, { default: () => [createVNode(c, null, null)] })] })]),
+				default: { table: { ellipsis: !1 } }
+			};
+		},
 		date: () => ({
 			renderer: o("yyyy-MM-dd"),
 			default: { table: {
@@ -461,20 +521,24 @@ function createDescriptionHelper({ getDeptsByCode: e, getUsersByUsername: n, get
 				getDeptsByCode: e
 			}, null);
 		},
-		user: () => ({
-			renderer: (e, r, { params: i = {} }) => {
-				if (e) return createVNode(DtUserRender, {
-					value: e,
-					multiple: i?.multiple,
-					getUsersByUsername: n
-				}, null);
-			},
-			default: { table: {
-				width: 150,
-				ellipsis: !1,
-				align: "center"
-			} }
-		})
+		user: () => {
+			let e = { style: "padding-block: 0" };
+			return {
+				renderer: (e, r, { params: i = {} }) => {
+					if (e) return createVNode(DtUserRender, {
+						value: e,
+						multiple: i?.multiple,
+						getUsersByUsername: n
+					}, null);
+				},
+				default: { table: {
+					width: 150,
+					ellipsis: !1,
+					align: "center",
+					cellProps: () => e
+				} }
+			};
+		}
 	};
 }
 function createFormHelper() {
@@ -502,27 +566,27 @@ function createModalHelper() {
 		display: "flex",
 		flexDirection: "column"
 	}, n = { content: !0 };
-	return () => ({ type: r = "dialog", visible: i, title: a, content: o, footer: s, placement: c, resizable: l, draggable: u, closeOnEsc: f, closable: p, showMask: m, maskClosable: g, width: _, height: y, style: b, onClose: x, onCancel: w, onConfirm: T, onAfterClose: E, onAfterOpen: D, confirmText: O, confirmDisabled: k, confirmLoading: A, cancelText: j, cancelDisabled: M, cancelLoading: N, nativeScrollbar: P, ...F }) => {
-		let I = s ? () => s : s === null ? null : () => createVNode(NFlex, {
+	return () => ({ type: r = "dialog", visible: i, title: a, content: o, footer: s, placement: c, resizable: l, draggable: u, closeOnEsc: f, closable: p, showMask: m, maskClosable: g, width: _, height: v, style: y, onClose: x, onCancel: S, onConfirm: C, onAfterClose: w, onAfterOpen: T, confirmText: E, confirmDisabled: D, confirmLoading: O, cancelText: k, cancelDisabled: A, cancelLoading: j, nativeScrollbar: M, ...N }) => {
+		let P = s ? () => s : s === null ? null : () => createVNode(NFlex, {
 			justify: "end",
 			gap: "16"
-		}, { default: () => [j === null ? void 0 : createVNode(NButton, {
-			onClick: w,
-			disabled: M,
-			loading: N,
+		}, { default: () => [k === null ? void 0 : createVNode(NButton, {
+			onClick: S,
+			disabled: A,
+			loading: j,
 			style: "min-width: 60px"
-		}, _isSlot(j) ? j : { default: () => [j] }), O === null ? void 0 : createVNode(NButton, {
+		}, _isSlot(k) ? k : { default: () => [k] }), E === null ? void 0 : createVNode(NButton, {
 			type: "primary",
-			onClick: T,
-			disabled: k,
-			loading: A,
+			onClick: C,
+			disabled: D,
+			loading: O,
 			style: "min-width: 60px"
-		}, _isSlot(O) ? O : { default: () => [O] })] });
+		}, _isSlot(E) ? E : { default: () => [E] })] });
 		if (r === "dialog") {
 			let { style: r } = mergeProps({ style: {
 				width: e(_ ?? 520),
-				height: e(y)
-			} }, { style: b });
+				height: e(v)
+			} }, { style: y });
 			return createVNode(NModal, mergeProps({
 				show: i,
 				preset: "card",
@@ -533,21 +597,21 @@ function createModalHelper() {
 				onClose: x,
 				segmented: n,
 				size: "small",
-				onAfterEnter: D,
-				onAfterLeave: E,
+				onAfterEnter: T,
+				onAfterLeave: w,
 				onUpdateShow: x,
 				draggable: u ?? !0,
 				style: r,
 				contentStyle: t
-			}, F), {
+			}, N), {
 				default: () => createVNode(NScrollbar, {
 					abstract: !0,
 					style: "display: flex; flex-direction: column"
 				}, _isSlot(o) ? o : { default: () => [o] }),
-				action: I
+				action: P
 			});
 		}
-		let { bodyContentClass: L, bodyContentStyle: R, ...z } = F;
+		let { bodyContentClass: F, bodyContentStyle: I, ...L } = N;
 		return createVNode(NDrawer, mergeProps({
 			show: i,
 			trapFocus: !1,
@@ -556,21 +620,22 @@ function createModalHelper() {
 			maskClosable: g,
 			resizable: l,
 			placement: c,
-			width: _ ?? 440,
-			height: y,
+			width: l ? void 0 : _ ?? 440,
+			defaultWidth: l ? _ ?? 440 : void 0,
+			height: v,
 			onUpdateShow: x,
-			onAfterEnter: D,
-			onAfterLeave: E,
-			style: b
-		}, z), { default: () => [createVNode(NDrawerContent, {
+			onAfterEnter: T,
+			onAfterLeave: w,
+			style: y
+		}, L), { default: () => [createVNode(NDrawerContent, {
 			closable: p,
-			nativeScrollbar: P ?? !1,
-			bodyContentClass: L,
-			bodyContentStyle: R
+			nativeScrollbar: M ?? !1,
+			bodyContentClass: F,
+			bodyContentStyle: I
 		}, {
 			default: () => o,
 			header: () => a,
-			footer: I
+			footer: P
 		})] });
 	};
 }

package/esm/components.d.ts

@@ -3,9 +3,10 @@ import {
     FlexProps, FormItemGiProps as NFormItemGiProps, FormProps as NFormProps, GridItemProps as NGridItemProps, GridProps as NGridProps,
     PopoverProps, RadioGroupProps, TransferProps,
 } from 'ithinkdt-ui'
+import { TableBaseColumn } from 'ithinkdt-ui/es/data-table/src/interface'
 import Sortable from 'sortablejs'
 import { AllowedComponentProps, MaybeRef, MaybeRefOrGetter, VNodeChild } from 'vue'
-import type { CSSProperties, HTMLAttributes, TemplateRef } from 'vue'
+import type { CSSProperties, ComponentPublicInstance, HTMLAttributes, InjectionKey, TemplateRef } from 'vue'
 
 import { GenericCtx, GenericExposed, GenericReturn, MaybeArray, MaybePromise, PublicProps } from '@ithinkdt/common'
 import { DictItem } from '@ithinkdt/common/dict'
@@ -50,6 +51,20 @@ declare module '@ithinkdt/page' {
     interface FormItemRenderExtraParams {
         size?: 'small' | 'medium' | 'large' | undefined
     }
+
+    type TableColumnOptionKeys = 'cellProps' | 'className' | 'tree' | 'allowExport' | 'customNextSortOrder' | 'filter' | 'filterMode' | 'filterMultiple'
+        | 'defaultFilterOptionValue' | 'defaultFilterOptionValues' | 'filterOptionValue' | 'filterOptionValues' | 'filterOptions' | 'renderFilter' | 'renderFilterIcon' | 'renderFilterMenu'
+    type TableColumnOptionExtra = {
+        [K in TableColumnOptionKeys]?: MaybeRef<TableBaseColumn[K]>
+    }
+
+    // eslint-disable-next-line ts/no-unused-vars
+    interface TableColumnOptions<Model extends {}> extends TableColumnOptionExtra {
+    }
+
+    // eslint-disable-next-line ts/no-unused-vars
+    interface TableColumn<Model extends {}>extends Pick<TableBaseColumn, TableColumnOptionKeys> {
+    }
 }
 
 export type NStateButtonProps = ButtonProps & {
@@ -138,7 +153,7 @@ export type DataFormEmits<Data extends {}> = {
 }
 
 export type DataFormSlots<_Data extends {}> = {
-    action?: (params: { cols: number, spans: number, overflow: boolean }) => VNodeChild
+    action?: (params: { overflow: boolean, grid: ComponentPublicInstance | undefined }) => VNodeChild
     actionPrefix?: () => VNodeChild
     actionSuffix?: () => VNodeChild
 }
@@ -264,12 +279,18 @@ export type DataPaginationEmits = {
     (e: 'change', value: PageParams): void
 }
 
-export declare function DataPagination(
-    props: DataPaginationProps & PublicProps,
-    ctx?: Pick<GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>, 'attrs' | 'emit' | 'slots'>,
-    expose?: (exposed?: GenericExposed<{}>) => void,
-    setup?: GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>,
-): GenericReturn<DataPaginationProps, DataPaginationEmits, {}, {}>
+export declare interface IDataPagination {
+    /** 注入默认的分页大小数组 */
+    DEFAULT_PAGE_SIZES_INJECTION_KEY: InjectionKey<number[] | { value: number, label: string }[]>
+    (
+        props: DataPaginationProps & PublicProps,
+        ctx?: Pick<GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>, 'attrs' | 'emit' | 'slots'>,
+        expose?: (exposed?: GenericExposed<{}>) => void,
+        setup?: GenericCtx<DataPaginationProps, DataPaginationEmits, {}, {}>,
+    ): GenericReturn<DataPaginationProps, DataPaginationEmits, {}, {}>
+}
+
+declare const DataPagination: IDataPagination
 
 export type DataSelectionProps = {
     'count': number

package/esm/page.d.ts

@@ -4,7 +4,7 @@ import {
     ModalOptions, SelectGroupOption, SelectOption, SelectProps, SelectSlots,
     UploadFileInfo, UploadProps,
 } from 'ithinkdt-ui'
-import { MaybeRef, VNode } from 'vue'
+import { MaybeRef, VNode, VNodeChild } from 'vue'
 
 import { PublicProps } from '@ithinkdt/common'
 import { DictItem, DictTypeKey } from '@ithinkdt/common/dict'
@@ -112,6 +112,15 @@ declare module '@ithinkdt/page' {
     }
 
     interface DescriptionTypePresets {
+        longtext: {
+            longtextParams: {
+                title?: VNodeChild
+                showText?: ((value: string) => void) | undefined
+                formatText?: ((value: string) => VNodeChild) | undefined
+                copyable?: boolean | undefined
+                onCopy?: (value: string) => void | undefined
+            }
+        }
         number: {
             numberParams: ShallowMaybeRef<{
                 /** 保留 n 位小数（保留 0） */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.0-800",
+  "version": "4.0.0-802",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",
@@ -58,7 +58,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@vueuse/core": "^14.1.0",
+    "@vueuse/core": "^14.2.0",
     "date-fns": "^4.1.0",
     "vueuc": "^0.4.65",
     "sortablejs": "^1.15.6",
@@ -83,13 +83,13 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue-jsx": "^5.1.3",
-    "ithinkdt-ui": "^1.8.2",
+    "ithinkdt-ui": "^1.8.3",
     "typescript": "~5.9.3",
     "unocss": ">=66.6.0",
-    "vite": "^8.0.0-beta.8",
+    "vite": "^8.0.0-beta.11",
     "vue": "^3.5.27",
-    "vue-router": "^5.0.0-beta.0",
-    "@ithinkdt/page": "^4.0.0-800"
+    "vue-router": "^5.0.1",
+    "@ithinkdt/page": "^4.0.0-801"
   },
   "scripts": {
     "dev": "vite build --watch",