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

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/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/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 };

package/dist/utils/flipAnimate.js

@@ -0,0 +1,40 @@
+//#region src/utils/flipAnimate.ts
+/**
+* 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。
+*/
+function flipAnimate(entries, prevRects, options = {}) {
+	const { duration = 200, easing = "cubic-bezier(0.2,0,0,1)" } = options;
+	const finalDuration = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : duration;
+	for (const { key, el } of entries) {
+		const prev = prevRects.get(key);
+		if (!prev) continue;
+		for (const animation of el.getAnimations()) {
+			const transitionProperty = animation.transitionProperty;
+			if (transitionProperty === "transform" || transitionProperty === "translate" || transitionProperty === "scale") animation.cancel();
+		}
+		const next = el.getBoundingClientRect();
+		const deltaX = prev.left - next.left;
+		const deltaY = prev.top - next.top;
+		if (deltaX === 0 && deltaY === 0) continue;
+		const animation = el.animate({ translate: [`${deltaX}px ${deltaY}px`, "0px 0px"] }, {
+			duration: finalDuration,
+			easing
+		});
+		const clearTranslate = () => {
+			el.style.translate = "";
+		};
+		if ("addEventListener" in animation) {
+			animation.addEventListener("finish", clearTranslate, { once: true });
+			animation.addEventListener("cancel", clearTranslate, { once: true });
+		}
+	}
+}
+//#endregion
+export { flipAnimate };

package/dist/utils/formConstants.js

@@ -2,15 +2,15 @@
 const DEFAULT_BREAKPOINT_SPANS = [
 	{
 		breakpoint: "xxl",
-		span: 4
+		span: 5
 	},
 	{
 		breakpoint: "xl",
-		span: 3
+		span: 4
 	},
 	{
 		breakpoint: "lg",
-		span: 2
+		span: 3
 	},
 	{
 		breakpoint: "md",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gx-design-vue/pro-table",
   "type": "module",
-  "version": "0.2.0-alpha.20",
+  "version": "0.2.0-alpha.21",
   "description": "Gx Design Pro Table",
   "author": {
     "name": "gx12358",
@@ -38,12 +38,13 @@
   ],
   "peerDependencies": {
     "@antdv-next/cssinjs": "^1.0.6",
-    "@gx-design-vue/context": "^0.0.5-alpha.7",
-    "@gx-design-vue/icon": "^0.0.1-alpha.12",
-    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.7",
-    "@gx-design-vue/pro-provider": "^0.1.0-alpha.16",
-    "@gx-design-vue/pro-utils": "^0.2.0-alpha.9",
-    "antdv-next": "^1.4.0",
+    "@chenglou/pretext": "^0.0.8",
+    "@gx-design-vue/context": "^0.0.5-alpha.8",
+    "@gx-design-vue/icon": "^0.0.1-alpha.13",
+    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.8",
+    "@gx-design-vue/pro-provider": "^0.1.0-alpha.17",
+    "@gx-design-vue/pro-utils": "^0.2.0-alpha.10",
+    "antdv-next": "^1.4.1",
     "vue": ">=3.2.0"
   },
   "dependencies": {
@@ -54,13 +55,14 @@
   },
   "devDependencies": {
     "@antdv-next/cssinjs": "^1.0.6",
-    "antdv-next": "^1.4.0",
+    "@chenglou/pretext": "^0.0.8",
+    "antdv-next": "^1.4.1",
     "vue": "^3.5.38",
-    "@gx-design-vue/icon": "^0.0.1-alpha.12",
-    "@gx-design-vue/context": "^0.0.5-alpha.7",
-    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.7",
-    "@gx-design-vue/pro-provider": "^0.1.0-alpha.16",
-    "@gx-design-vue/pro-utils": "^0.2.0-alpha.9"
+    "@gx-design-vue/icon": "^0.0.1-alpha.13",
+    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.8",
+    "@gx-design-vue/pro-provider": "^0.1.0-alpha.17",
+    "@gx-design-vue/pro-utils": "^0.2.0-alpha.10",
+    "@gx-design-vue/context": "^0.0.5-alpha.8"
   },
   "browserslist": [
     "> 1%",