@gx-design-vue/pro-table 0.2.0-alpha.2 → 0.2.0-alpha.21

package/dist/style/ellipsis.js

@@ -0,0 +1,16 @@
+//#region src/style/ellipsis.ts
+/**
+* 单元格文本溢出样式。
+* `-webkit-line-clamp`（行数）由 EllipsisText 内联 style 动态注入；
+* 这里只承载静态的 `-webkit-box` 多行省略容器结构。
+*/
+const genProTableEllipsis = (token) => {
+	return { [token.componentCls]: { [`${token.componentCls}-cell-ellipsis`]: {
+		display: "-webkit-box",
+		"-webkit-box-orient": "vertical",
+		overflow: "hidden",
+		"word-break": "break-word"
+	} } };
+};
+//#endregion
+export { genProTableEllipsis };

package/dist/style/fit-page.d.ts

@@ -1,6 +1,8 @@
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
 
 //#region src/style/fit-page.d.ts
-declare const genProTableFitPage: GenerateStyle;
+declare const genProTableFitPage: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
 //#endregion
 export { genProTableFitPage };

package/dist/style/fit-page.js

@@ -1,29 +1,34 @@
 //#region src/style/fit-page.ts
 const genProTableFitPage = (token) => {
-	const tableBorder = `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}`;
+	const tableBorder = `${token.lineWidth} ${token.lineType} ${token.colorBorderSecondary}`;
 	return { [token.componentCls]: { [`&${token.componentCls}-full-page`]: {
-		flex: 1,
+		flex: "1 1 auto",
+		minHeight: 0,
 		height: "100%",
 		overflow: "hidden",
 		[`${token.componentCls}-content`]: {
+			flex: "1 1 auto",
 			display: "flex",
 			flexDirection: "column",
+			gap: token.marginLG,
+			minHeight: 0,
 			height: "100%",
 			overflow: "hidden",
+			[`${token.componentCls}-search-border`]: { marginBottom: 0 },
 			[`${token.componentCls}-card`]: {
 				position: "relative",
 				flex: 1,
+				minHeight: 0,
 				overflow: "hidden",
 				[`${token.componentCls}-overflow-hidden`]: { [`${token.antCls}-table${token.antCls}-table-bordered>${token.antCls}-table-container`]: {
 					borderBlockEnd: tableBorder,
 					[`${token.antCls}-table-body`]: { borderInlineEnd: tableBorder },
-					[`${token.antCls}-table-row`]: { [`${token.antCls}-table-cell`]: { "&:last-child": { borderRightWidth: 0 } } }
+					[`${token.antCls}-table-row`]: { "& > td:last-child, & > th:last-child": { borderInlineEndWidth: 0 } }
 				} },
 				[`${token.componentCls}-list`]: { overflow: "auto" }
 			}
 		}
 	} } };
 };
-
 //#endregion
-export { genProTableFitPage };
+export { genProTableFitPage };

package/dist/style/index.d.ts

@@ -1,9 +1,5 @@
-import { genProTableFitPage } from "./fit-page.js";
-import { genProTableList } from "./list.js";
-import { genProTableScroll } from "./scroll.js";
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
-
 //#region src/style/index.d.ts
-declare const genProTableStyle: GenerateStyle;
+type ComponentToken = Record<string, any>;
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
-export { genProTableFitPage, genProTableList, genProTableScroll, genProTableStyle };
+export { ComponentToken, _default as default };

package/dist/style/index.js

@@ -1,10 +1,19 @@
+import { genToolbarStyle } from "../components/Toolbar/style.js";
+import { genProTableEllipsis } from "./ellipsis.js";
 import { genProTableFitPage } from "./fit-page.js";
 import { genProTableList } from "./list.js";
+import { genProTableResizable } from "./resizable.js";
+import { genProTableRowDrag } from "./row-drag.js";
 import { genProTableScroll } from "./scroll.js";
-
+import { genProTableSearch } from "./search.js";
+import { proGenStyleHooks } from "@gx-design-vue/pro-provider";
 //#region src/style/index.ts
 const genProTableStyle = (token) => {
 	return { [token.componentCls]: {
+		[`${token.componentCls}-content`]: {
+			display: "flex",
+			flexDirection: "column"
+		},
 		[`${token.componentCls}-card`]: { [`${token.antCls}-table-pagination${token.antCls}-pagination`]: {
 			margin: 0,
 			marginTop: token.margin
@@ -20,35 +29,26 @@ const genProTableStyle = (token) => {
 			justifyContent: "center",
 			marginBlock: token.marginXL
 		},
-		"&-table-tree": { [`${token.antCls}-table-row-cell-ellipsis`]: {
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			whiteSpace: "nowrap",
-			[`${token.antCls}-table-column-title`]: {
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
-			}
-		} },
+		"&-loading-container": { position: "relative" },
+		"&-loading-mask": {
+			position: "absolute",
+			inset: 0,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			backgroundColor: `color-mix(in srgb, ${token.colorBgContainer} 50%, transparent)`,
+			zIndex: 10
+		},
 		"&-full-screen": { [`${token.componentCls}-content`]: {
 			height: "100% !important",
 			padding: 24,
 			backgroundColor: token.colorWhite,
 			boxShadow: "0 4px 8px #0003, 0 6px 20px #00000030 !important"
 		} },
-		"&-no-scroll": {
-			[`${token.antCls}-table`]: { table: {
-				width: "100% !important",
-				minWidth: "unset"
-			} },
-			[`${token.antCls}-table-ping-right:not(${token.antCls}-table-has-fix-right)`]: { [`${token.antCls}-table-container::after`]: { boxShadow: "none" } },
-			[`${token.antCls}-table-bordered ${token.antCls}-table-fixed-left ${token.antCls}-table-thead > tr > th`]: { "&:last-child": { borderRight: 0 } },
-			[`${token.antCls}-table-bordered ${token.antCls}-table-fixed-left ${token.antCls}-table-tbody > tr > td`]: { "&:last-child": { borderRight: 0 } }
-		},
 		[`&-card-border`]: {
 			paddingInline: token.paddingMD,
 			paddingBlock: token.paddingMD,
-			border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
+			border: `${token.lineWidth} ${token.lineType} ${token.colorSplit}`,
 			borderRadius: token.borderRadiusLG,
 			backgroundColor: token.colorBgContainer,
 			[`${token.antCls}-table-wrapper ${token.antCls}-table-pagination${token.antCls}-pagination`]: { marginBottom: 0 }
@@ -62,62 +62,24 @@ const genProTableStyle = (token) => {
 				cursor: "pointer"
 			}
 		},
-		[`${token.componentCls}-ellipsis`]: {
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			display: "-webkit-box",
-			"-webkit-box-orient": "vertical",
-			"word-break": "break-word"
-		},
 		[`${token.componentCls}-action-size`]: { display: "inline-block" },
-		[`${token.componentCls}-action-columns`]: {
-			display: "inline-block",
-			[`${token.antCls}-popover-inner-content`]: { padding: "8px 0 8px 16px" },
-			[`${token.antCls}-tree ${token.antCls}-tree-switcher-noop`]: { display: "none" },
-			[`${token.antCls}-tree > ${token.antCls}-tree-treenode`]: {
-				width: "100%",
-				alignItems: "center",
-				"&:first-child": { paddingTop: 0 },
-				"&:last-child": { paddingBottom: 4 },
-				"&:hover": {
-					backgroundColor: "#e6f7ff",
-					[`${token.componentCls}-action-columns-list-item-actions`]: { display: "block" }
-				}
-			},
-			[`${token.antCls}-tree  ${token.antCls}-tree-node-content-wrapper`]: {
-				flex: "1",
-				"&:hover": { backgroundColor: "transparent" }
-			},
-			"&-popover-title": {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				"&-check": { marginRight: 8 },
-				[`${token.antCls}-btn-sm`]: { padding: 0 }
-			},
-			"&-list-group": {
-				marginTop: 6,
-				marginBottom: 6,
-				fontSize: 12,
-				color: "rgba(0, 0, 0, 0.45)"
-			},
-			"$-list-item": {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				"&-actions": {
-					display: "block",
-					float: "right",
-					cursor: "pointer",
-					"> span + span": { marginLeft: 8 },
-					"&-disabled": { "action": { color: "rgba(0, 0, 0, 0.25)" } },
-					"anticon": { color: token.colorPrimary }
-				}
-			}
-		},
-		[`${token.antCls}-tooltip-inner`]: { a: { color: token.colorWhite } }
+		[`${token.componentCls}-a`]: {
+			color: token.colorPrimary,
+			cursor: "pointer",
+			"&:hover": { color: token.colorPrimaryHover }
+		}
 	} };
 };
-
+var style_default = proGenStyleHooks("ProTable", (token) => [
+	genProTableStyle(token),
+	genProTableEllipsis(token),
+	genProTableList(token),
+	genProTableScroll(token),
+	genProTableFitPage(token),
+	genProTableResizable(token),
+	genProTableRowDrag(token),
+	genProTableSearch(token),
+	genToolbarStyle(token)
+]);
 //#endregion
-export { genProTableFitPage, genProTableList, genProTableScroll, genProTableStyle };
+export { style_default as default };

package/dist/style/list.d.ts

@@ -1,6 +1,8 @@
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
 
 //#region src/style/list.d.ts
-declare const genProTableList: GenerateStyle;
+declare const genProTableList: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
 //#endregion
 export { genProTableList };

package/dist/style/list.js

@@ -3,18 +3,8 @@ const genProTableList = (token) => {
 	return { [token.componentCls]: { [`${token.componentCls}-list`]: {
 		clear: "both",
 		maxWidth: "100%",
-		[`${token.componentCls}-pagination${token.antCls}-pagination`]: { marginTop: token.margin },
-		[`${token.componentCls}-pagination`]: {
-			display: "flex",
-			flexWrap: "wrap",
-			rowGap: token.paddingXS,
-			"> *": { flex: "none" },
-			"&-left": { justifyContent: "flex-start" },
-			"&-center": { justifyContent: "center" },
-			"&-right": { justifyContent: "flex-end" }
-		}
+		[`${token.componentCls}-pagination${token.antCls}-pagination`]: { marginTop: token.margin }
 	} } };
 };
-
 //#endregion
-export { genProTableList };
+export { genProTableList };

package/dist/style/resizable.d.ts

@@ -0,0 +1,8 @@
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
+
+//#region src/style/resizable.d.ts
+declare const genProTableResizable: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
+//#endregion
+export { genProTableResizable };

package/dist/style/resizable.js

@@ -0,0 +1,18 @@
+//#region src/style/resizable.ts
+const genProTableResizable = (token) => {
+	return { [token.componentCls]: {
+		".resizable-title": { position: "relative" },
+		".resizable-handle": {
+			position: "absolute",
+			top: 0,
+			right: -5,
+			width: 10,
+			height: "100%",
+			cursor: "col-resize",
+			userSelect: "none",
+			zIndex: 1
+		}
+	} };
+};
+//#endregion
+export { genProTableResizable };

package/dist/style/row-drag.d.ts

@@ -0,0 +1,8 @@
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
+
+//#region src/style/row-drag.d.ts
+declare const genProTableRowDrag: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
+//#endregion
+export { genProTableRowDrag };

package/dist/style/row-drag.js

@@ -0,0 +1,44 @@
+//#region src/style/row-drag.ts
+const genProTableRowDrag = (token) => {
+	const draggingZIndex = token.zIndexPopupBase;
+	return { [token.componentCls]: {
+		[`${token.componentCls}-drag-handle`]: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: 4,
+			fontSize: 12,
+			color: token.colorTextSecondary,
+			cursor: "grab",
+			borderRadius: token.borderRadius,
+			transition: "all 0.2s",
+			userSelect: "none",
+			"&:hover": {
+				color: token.colorText,
+				backgroundColor: token.colorFillSecondary
+			},
+			"&:active": { cursor: "grabbing" }
+		},
+		[`${token.componentCls}-drag-handle-disabled`]: {
+			cursor: "not-allowed",
+			opacity: .45,
+			"&:hover": {
+				color: token.colorTextSecondary,
+				backgroundColor: "transparent"
+			}
+		},
+		[`${token.antCls}-table-tbody tr.row-dragging`]: {
+			position: "relative",
+			backgroundColor: `${token.colorPrimaryBg} !important`,
+			boxShadow: `0 4px 12px ${token.boxShadowTertiary}`,
+			zIndex: draggingZIndex,
+			[`> ${token.antCls}-table-cell`]: {
+				backgroundColor: `${token.colorPrimaryBg} !important`,
+				zIndex: draggingZIndex
+			}
+		},
+		[`${token.antCls}-table-tbody > tr`]: { willChange: "auto" }
+	} };
+};
+//#endregion
+export { genProTableRowDrag };

package/dist/style/scroll.d.ts

@@ -1,6 +1,8 @@
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
 
 //#region src/style/scroll.d.ts
-declare const genProTableScroll: GenerateStyle;
+declare const genProTableScroll: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
 //#endregion
 export { genProTableScroll };

package/dist/style/scroll.js

@@ -1,6 +1,8 @@
-import { TinyColor } from "@ctrl/tinycolor";
-
+import { unit } from "@gx-design-vue/pro-provider";
 //#region src/style/scroll.ts
+function withAlpha(color, alpha) {
+	return `color-mix(in srgb, ${color} ${alpha * 100}%, transparent)`;
+}
 function scrollBarStyle() {
 	return {
 		scrollbarWidth: "none",
@@ -11,8 +13,8 @@ function scrollBarStyle() {
 	};
 }
 const genProTableScroll = (token) => {
-	const color = new TinyColor(token.colorText).setAlpha(.2).toRgbString();
-	const colorHover = new TinyColor(token.colorText).setAlpha(.4).toRgbString();
+	const color = withAlpha(token.colorText, .2);
+	const colorHover = withAlpha(token.colorText, .4);
 	return { [token.componentCls]: {
 		[`${token.antCls}-table-container`]: { position: "relative" },
 		[`${token.componentCls}-scroll`]: {
@@ -21,7 +23,7 @@ const genProTableScroll = (token) => {
 				right: 2,
 				bottom: 2,
 				zIndex: 100,
-				borderRadius: token.borderRadius - 2,
+				borderRadius: `calc(${unit(token.borderRadius)} - 2px)`,
 				"&.is-vertical": {
 					top: 2,
 					width: 6,
@@ -49,11 +51,9 @@ const genProTableScroll = (token) => {
 				}
 			}
 		},
-		[`${token.antCls}-table-content`]: scrollBarStyle(),
 		[`${token.antCls}-table-body`]: scrollBarStyle(),
-		[`${token.antCls}-table-empty`]: { [`${token.antCls}-table-content`]: scrollBarStyle() }
+		[`${token.antCls}-table-container`]: scrollBarStyle()
 	} };
 };
-
 //#endregion
-export { genProTableScroll };
+export { genProTableScroll };

package/dist/style/search.d.ts

@@ -0,0 +1,8 @@
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
+
+//#region src/style/search.d.ts
+declare const genProTableSearch: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
+//#endregion
+export { genProTableSearch };

package/dist/{components/Form/style.js → style/search.js}

@@ -1,6 +1,7 @@
-//#region src/components/Form/style.ts
-const genTableFormStyle = (token) => {
-	return {
+import { unit } from "@gx-design-vue/pro-provider";
+//#region src/style/search.ts
+const genProTableSearch = (token) => {
+	return { [token.componentCls]: {
 		[`${token.componentCls}-search`]: {
 			position: "relative",
 			display: "flex",
@@ -9,8 +10,8 @@ const genTableFormStyle = (token) => {
 			"&-border": {
 				paddingInline: token.paddingMD,
 				paddingBlock: token.paddingMD,
-				paddingBlockEnd: token.paddingMD - 16,
-				border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
+				paddingBlockEnd: `calc(${unit(token.paddingMD)} - 16px)`,
+				border: `${token.lineWidth} ${token.lineType} ${token.colorSplit}`,
 				borderRadius: token.borderRadiusLG,
 				marginBottom: token.marginLG,
 				backgroundColor: token.colorBgContainer
@@ -64,6 +65,19 @@ const genTableFormStyle = (token) => {
 						borderRightWidth: 0,
 						backgroundColor: "transparent",
 						cursor: "default"
+					},
+					[`${token.antCls}-input${token.componentCls}-number-range-separator`]: {
+						textAlign: "center",
+						borderInlineStartWidth: 0,
+						borderInlineEndWidth: 0,
+						backgroundColor: "transparent",
+						color: token.colorTextTertiary,
+						cursor: "default",
+						[`&:disabled, &${token.antCls}-input-disabled`]: {
+							backgroundColor: "transparent",
+							color: token.colorTextTertiary,
+							cursor: "default"
+						}
 					}
 				},
 				"&-label": {
@@ -72,7 +86,7 @@ const genTableFormStyle = (token) => {
 						content: "\":\"",
 						position: "relative",
 						marginBlock: 0,
-						marginInlineStart: token.marginXXS / 2,
+						marginInlineStart: `calc(${unit(token.marginXXS)} / 2)`,
 						marginInlineEnd: token.marginXS
 					},
 					[`&${token.componentCls}-search-item-label-no-colon::after`]: { content: "\" \"" },
@@ -89,8 +103,7 @@ const genTableFormStyle = (token) => {
 			justifyContent: "center",
 			alignItems: "center"
 		}
-	};
+	} };
 };
-
 //#endregion
-export { genTableFormStyle };
+export { genProTableSearch };

package/dist/theme/augment.d.ts

@@ -0,0 +1,8 @@
+import { ComponentToken } from "../style/index.js";
+
+//#region src/theme/augment.d.ts
+declare module 'antdv-next/dist/theme/interface/components' {
+  interface ComponentTokenMap {
+    ProTable?: ComponentToken;
+  }
+}

package/dist/theme/augment.js

@@ -0,0 +1 @@
+export {};

package/dist/theme/interface/components.d.ts

@@ -0,0 +1,8 @@
+import { ComponentToken } from "../../style/index.js";
+
+//#region src/theme/interface/components.d.ts
+interface ComponentTokenMap {
+  ProTable: ComponentToken;
+}
+//#endregion
+export { ComponentTokenMap };

package/dist/theme/interface/components.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/arrayMove.d.ts

@@ -0,0 +1,9 @@
+//#region src/utils/arrayMove.d.ts
+/**
+ * 将数组中 `from` 位置的元素移动到 `to` 位置，返回新数组（不修改原数组）。
+ *
+ * 对标 `@dnd-kit/helpers` 的 `arrayMove`，用于行拖拽排序后的数据重排。
+ */
+declare function arrayMove<T>(array: readonly T[], from: number, to: number): T[];
+//#endregion
+export { arrayMove };

package/dist/utils/arrayMove.js

@@ -0,0 +1,15 @@
+//#region src/utils/arrayMove.ts
+/**
+* 将数组中 `from` 位置的元素移动到 `to` 位置，返回新数组（不修改原数组）。
+*
+* 对标 `@dnd-kit/helpers` 的 `arrayMove`，用于行拖拽排序后的数据重排。
+*/
+function arrayMove(array, from, to) {
+	if (from === to || from < 0 || from >= array.length) return [...array];
+	const result = [...array];
+	const [moved] = result.splice(from, 1);
+	result.splice(to, 0, moved);
+	return result;
+}
+//#endregion
+export { arrayMove };

package/dist/utils/dateFormat.d.ts

@@ -0,0 +1,9 @@
+import dayjs from "dayjs";
+
+//#region src/utils/dateFormat.d.ts
+type DateFormatType = ((day: dayjs.Dayjs) => string) | string | undefined;
+declare function formatStringValue(value: any, format: DateFormatType): string;
+declare function resolveValueFormat(valueFormat?: string, showTime?: boolean | Record<string, any>): string;
+declare function formatDateRangeArray(values: any[], format: DateFormatType | DateFormatType[], type?: 'dayjs' | 'string'): any[] | undefined;
+//#endregion
+export { formatDateRangeArray, formatStringValue, resolveValueFormat };

package/dist/utils/dateFormat.js

@@ -0,0 +1,29 @@
+import dayjs from "dayjs";
+//#region src/utils/dateFormat.ts
+function formatStringValue(value, format) {
+	if (typeof format === "function") return format(dayjs(value));
+	return dayjs(value).format(format);
+}
+function resolveValueFormat(valueFormat, showTime) {
+	return showTime ? "YYYY-MM-DD HH:mm:ss" : valueFormat ?? "YYYY-MM-DD";
+}
+function formatDateRangeArray(values, format, type = "string") {
+	if (!Array.isArray(values) || values.length !== 2) return;
+	const [startText, endText] = values;
+	let formatFirst;
+	let formatEnd;
+	if (Array.isArray(format)) {
+		formatFirst = format[0];
+		formatEnd = format[1];
+	} else if (typeof format === "object" && format !== void 0) {
+		formatFirst = format.format;
+		formatEnd = format.format;
+	} else {
+		formatFirst = format;
+		formatEnd = format;
+	}
+	if (type === "dayjs") return [dayjs(startText), dayjs(endText)];
+	return [startText ? formatStringValue(startText, formatFirst) : "", endText ? formatStringValue(endText, formatEnd) : ""];
+}
+//#endregion
+export { formatDateRangeArray, formatStringValue, resolveValueFormat };

package/dist/utils/ellipsis.d.ts

@@ -0,0 +1,19 @@
+import { ProColumnEllipsis } from "../interface.js";
+import { TooltipProps } from "antdv-next";
+
+//#region src/utils/ellipsis.d.ts
+/** 归一化后的列溢出配置，供渲染层消费 */
+interface NormalizedEllipsis {
+  /** 是否启用溢出处理 */
+  enabled: boolean;
+  /** 省略行数，≥1 */
+  lines: number;
+  /** 是否使用原生 title 属性展示完整文本 */
+  showTitle: boolean;
+  /** tooltip 配置；false 表示仅省略不显示 tooltip */
+  tooltip: false | TooltipProps;
+}
+/** 将 column.ellipsis 归一化为渲染层统一消费的结构 */
+declare function normalizeEllipsis(ellipsis?: boolean | ProColumnEllipsis): NormalizedEllipsis;
+//#endregion
+export { NormalizedEllipsis, normalizeEllipsis };

package/dist/utils/ellipsis.js

@@ -0,0 +1,30 @@
+import { isObject } from "@gx-design-vue/pro-utils";
+//#region src/utils/ellipsis.ts
+/** 将 column.ellipsis 归一化为渲染层统一消费的结构 */
+function normalizeEllipsis(ellipsis) {
+	if (ellipsis === true) return {
+		enabled: true,
+		lines: 1,
+		showTitle: false,
+		tooltip: {}
+	};
+	if (isObject(ellipsis)) {
+		const rawLines = ellipsis.lines;
+		const lines = Number.isFinite(rawLines) && rawLines >= 1 ? Math.floor(rawLines) : 1;
+		const rawTooltip = ellipsis.tooltip;
+		return {
+			enabled: true,
+			lines,
+			showTitle: ellipsis.showTitle ?? false,
+			tooltip: rawTooltip === false ? false : { ...rawTooltip ?? {} }
+		};
+	}
+	return {
+		enabled: false,
+		lines: 1,
+		showTitle: false,
+		tooltip: {}
+	};
+}
+//#endregion
+export { normalizeEllipsis };

package/dist/utils/flipAnimate.d.ts

@@ -0,0 +1,25 @@
+//#region src/utils/flipAnimate.d.ts
+interface FlipAnimateOptions {
+  /** 动画时长 ms，默认 200 */
+  duration?: number;
+  /** 缓动函数，默认 cubic-bezier(0.2,0,0,1)（对齐 dnd-kit motionEase） */
+  easing?: string;
+}
+interface FlipEntry {
+  /** 行唯一标识，支持 string | number（rowKey 可能是数字 id） */
+  key: string | number;
+  el: HTMLElement;
+}
+/**
+ * FLIP 动画 —— 精简复刻 `@dnd-kit/dom` 的 `sortable#animate`。
+ *
+ * 用 Web Animations API（`element.animate`）+ CSS `translate` 属性（非 transform）：
+ * 1. 取消元素上 transform/translate/scale 的 CSS transition（避免 getBoundingClientRect 取到中间帧）
+ * 2. 测新旧位置算 `delta = prev.top - next.top`（同时支持 X/Y）
+ * 3. `el.animate({ translate: [delta, 0] }, { duration, easing })`
+ *
+ * 命中 `prefers-reduced-motion` 时 duration 置 0。
+ */
+declare function flipAnimate(entries: FlipEntry[], prevRects: Map<string | number, DOMRect>, options?: FlipAnimateOptions): void;
+//#endregion
+export { FlipAnimateOptions, FlipEntry, flipAnimate };