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

package/dist/ProTable.js

@@ -1,3 +1,4 @@
+import { createDragTbody } from "./components/Drag/Tbody.js";
 import Bar_default from "./components/ScrollBar/Bar.js";
 import { useProBreakpoints } from "./hooks/useBreakpoints.js";
 import ProTableSearchForm from "./components/SearchForm/SearchForm.js";
@@ -6,12 +7,14 @@ import { useProvideTableContext } from "./context/TableContext.js";
 import { Toolbar } from "./components/Toolbar/index.js";
 import { useCellRender } from "./hooks/useCellRender.js";
 import { applyIndexColumn, useColumns } from "./hooks/useColumns.js";
+import { useDragHandleColumn } from "./hooks/useDragHandleColumn.js";
 import { useColumnResize } from "./hooks/useColumnResize.js";
 import { useFetchData } from "./hooks/useFetchData.js";
 import { useFitPage } from "./hooks/useFitPage.js";
 import { useKeepAliveReload } from "./hooks/useKeepAliveReload.js";
 import { useLoading } from "./hooks/useLoading.js";
 import { usePagination } from "./hooks/usePagination.js";
+import { useRowDrag } from "./hooks/useRowDrag.js";
 import { useRowSelection } from "./hooks/useRowSelection.js";
 import { useTableForm } from "./hooks/useTableForm.js";
 import { useTableScroll } from "./hooks/useTableScroll.js";
@@ -117,8 +120,15 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		screenWidth,
 		scrollPolicy: computed(() => props.scrollPolicy)
 	});
-	const { tableColumns, cacheColumns, setColumns } = useColumns({
+	const rowDraggableRef = computed(() => props.rowDraggable);
+	const { dragColumns } = useDragHandleColumn({
 		columns: computed(() => props.columns ?? []),
+		rowDraggable: rowDraggableRef,
+		prefixCls,
+		cssVarCls
+	});
+	const { tableColumns, cacheColumns, setColumns } = useColumns({
+		columns: dragColumns,
 		align: computed(() => props.align ?? "left"),
 		indexColumn: computed(() => props.indexColumn),
 		shouldFixActionColumn,
@@ -131,6 +141,10 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		columns: tableColumns,
 		onResize: (w, col) => emit("resizeColumn", w, col)
 	});
+	const dragTbodyRef = ref();
+	const DragTbody = createDragTbody(dragTbodyRef);
+	if (props.virtual && props.rowDraggable) console.warn("[GProTable] rowDraggable 与 virtual 模式不兼容（虚拟滚动下行未挂载，拖拽不可靠），已忽略行拖拽。");
+	const rowDragEnabled = computed(() => !!props.rowDraggable && !props.virtual);
 	const formConfig = computed(() => props.form === false ? void 0 : props.form);
 	const formAutoRequest = computed(() => {
 		if (props.form === false) return props.autoRequest ?? true;
@@ -187,6 +201,40 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		...policyTableScroll.value ?? {},
 		...fitPageScrollY.value > 0 ? { y: fitPageScrollY.value } : {}
 	}));
+	const { getRowProps } = useRowDrag({
+		tbodyEl: dragTbodyRef,
+		scrollEl,
+		dataSource,
+		rowKey: computed(() => props.rowKey),
+		rowDraggable: rowDraggableRef,
+		onSortEnd: (from, to, newData, record) => {
+			emit("rowSortEnd", {
+				from,
+				to,
+				data: newData,
+				record
+			});
+		}
+	});
+	const mergedOnRow = computed(() => {
+		if (!rowDragEnabled.value) return props.onRow;
+		const userOnRow = props.onRow;
+		return (record, index) => ({
+			...userOnRow?.(record, index) ?? {},
+			...getRowProps(record, index)
+		});
+	});
+	const mergedComponents = computed(() => {
+		const base = props.draggable ? resizableComponents.value : {};
+		if (!rowDragEnabled.value) return passThroughProps.value.components ?? base;
+		return {
+			...base,
+			body: {
+				...base?.body ?? {},
+				wrapper: DragTbody
+			}
+		};
+	});
 	useProvideTableContext({
 		reload,
 		setPagination,
@@ -401,7 +449,8 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 			"scroll": tableScroll.value,
 			"dataSource": dataSource.value,
 			"columns": props.draggable ? resizableColumns.value : tableColumns.value,
-			"components": props.draggable ? resizableComponents.value : passThroughProps.value.components,
+			"components": mergedComponents.value,
+			"onRow": mergedOnRow.value,
 			"rowKey": props.rowKey,
 			"size": tableSize.value,
 			"pagination": paginationInfo.value,
@@ -564,6 +613,15 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 			required: false,
 			default: void 0
 		},
+		rowDraggable: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		onRowSortEnd: {
+			type: Function,
+			required: false
+		},
 		keepAliveReload: {
 			type: Boolean,
 			required: false,
@@ -855,6 +913,7 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		"sizeChange",
 		"resizeColumn",
 		"fullscreenChange",
+		"rowSortEnd",
 		"update:expandedRowKeys",
 		"scroll"
 	],

package/dist/components/Drag/Handle.d.ts

@@ -0,0 +1,90 @@
+import { CustomRender } from "@gx-design-vue/pro-utils";
+
+//#region src/components/Drag/Handle.d.ts
+interface DragHandleProps {
+  /** 自定义把手渲染（覆盖默认图标） */
+  handleRender?: (record: any, index: number) => CustomRender;
+  /** 当前行数据 */
+  record?: any;
+  /** 当前行索引 */
+  index?: number;
+  /** 是否禁用拖拽 */
+  disabled?: boolean;
+  /** 样式前缀 */
+  prefixCls?: string;
+}
+/**
+ * 行拖拽把手 —— 默认渲染 HolderOutlined 图标，`handleRender` 可覆盖。
+ *
+ * 根元素带 `data-drag-handle` 标记，`useRowDrag` 通过它识别拖拽入口；
+ * 禁用时 `data-drag-disabled` 标记 + not-allowed 光标。
+ */
+declare const DragHandle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  handleRender: {
+    type: FunctionConstructor;
+    default: any;
+  };
+  record: {
+    type: ObjectConstructor;
+    default: any;
+  };
+  index: {
+    type: NumberConstructor;
+    default: any;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  prefixCls: {
+    type: StringConstructor;
+    default: string;
+  };
+  hashId: {
+    type: StringConstructor;
+    default: string;
+  };
+  cssVarCls: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  handleRender: {
+    type: FunctionConstructor;
+    default: any;
+  };
+  record: {
+    type: ObjectConstructor;
+    default: any;
+  };
+  index: {
+    type: NumberConstructor;
+    default: any;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: boolean;
+  };
+  prefixCls: {
+    type: StringConstructor;
+    default: string;
+  };
+  hashId: {
+    type: StringConstructor;
+    default: string;
+  };
+  cssVarCls: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  prefixCls: string;
+  hashId: string;
+  record: Record<string, any>;
+  handleRender: Function;
+  index: number;
+  disabled: boolean;
+  cssVarCls: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { DragHandle, DragHandleProps };

package/dist/components/Drag/Handle.js

@@ -0,0 +1,64 @@
+import { createVNode, defineComponent } from "vue";
+import { GIcon } from "@gx-design-vue/icon";
+//#region src/components/Drag/Handle.tsx
+/**
+* 行拖拽把手 —— 默认渲染 HolderOutlined 图标，`handleRender` 可覆盖。
+*
+* 根元素带 `data-drag-handle` 标记，`useRowDrag` 通过它识别拖拽入口；
+* 禁用时 `data-drag-disabled` 标记 + not-allowed 光标。
+*/
+const DragHandle = /* @__PURE__ */ defineComponent({
+	name: "ProTableDragHandle",
+	inheritAttrs: false,
+	props: {
+		handleRender: {
+			type: Function,
+			default: void 0
+		},
+		record: {
+			type: Object,
+			default: void 0
+		},
+		index: {
+			type: Number,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		prefixCls: {
+			type: String,
+			default: ""
+		},
+		hashId: {
+			type: String,
+			default: ""
+		},
+		cssVarCls: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(props) {
+		return () => {
+			const customNode = props.handleRender?.(props.record, props.index ?? 0);
+			if (customNode !== void 0 && customNode !== null && customNode !== false) return createVNode("span", {
+				"class": `${props.prefixCls}-drag-handle`,
+				"data-drag-handle": "true",
+				"data-drag-disabled": props.disabled ? "true" : void 0
+			}, [customNode]);
+			return createVNode("span", {
+				"class": [
+					props.cssVarCls,
+					`${props.prefixCls}-drag-handle`,
+					props.disabled ? `${props.prefixCls}-drag-handle-disabled` : ""
+				],
+				"data-drag-handle": "true",
+				"data-drag-disabled": props.disabled ? "true" : void 0
+			}, [createVNode(GIcon, { "type": "HolderOutlined" }, null)]);
+		};
+	}
+});
+//#endregion
+export { DragHandle };

package/dist/components/Drag/Tbody.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from "vue";
+
+//#region src/components/Drag/Tbody.d.ts
+/**
+ * 透传 `<tbody>` 并捕获其 DOM 引用。
+ *
+ * 用于 `components.body.wrapper` 覆写，让 `useRowDrag` 能拿到 tbody 元素，
+ * 从而 `querySelectorAll('tr[data-row-key]')` 获取所有行。
+ *
+ * 对标 `useColumnResize` 覆写 `components.header.cell` 的手法：
+ * attrs 全部透传给 `<tbody>`，slots 原样保留。
+ */
+declare function createDragTbody(tbodyRef: Ref<HTMLElement | undefined>): import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { createDragTbody };

package/dist/components/Drag/Tbody.js

@@ -0,0 +1,27 @@
+import { defineComponent, h } from "vue";
+//#region src/components/Drag/Tbody.ts
+/**
+* 透传 `<tbody>` 并捕获其 DOM 引用。
+*
+* 用于 `components.body.wrapper` 覆写，让 `useRowDrag` 能拿到 tbody 元素，
+* 从而 `querySelectorAll('tr[data-row-key]')` 获取所有行。
+*
+* 对标 `useColumnResize` 覆写 `components.header.cell` 的手法：
+* attrs 全部透传给 `<tbody>`，slots 原样保留。
+*/
+function createDragTbody(tbodyRef) {
+	return defineComponent({
+		name: "ProTableDragTbody",
+		inheritAttrs: false,
+		setup(_, { attrs, slots }) {
+			return () => h("tbody", {
+				...attrs,
+				ref: (el) => {
+					tbodyRef.value = el instanceof HTMLElement ? el : void 0;
+				}
+			}, slots.default?.());
+		}
+	});
+}
+//#endregion
+export { createDragTbody };

package/dist/components/EllipsisText/index.d.ts

@@ -0,0 +1,50 @@
+import { NormalizedEllipsis } from "../../utils/ellipsis.js";
+import { PropType } from "vue";
+
+//#region src/components/EllipsisText/index.d.ts
+/**
+ * 单元格文本溢出渲染：
+ * - 视觉省略由 CSS `-webkit-line-clamp` 承担；
+ * - 是否溢出由 useEllipsis（@chenglou/pretext）判断；
+ * - 溢出且未关闭 tooltip 时挂 Tooltip，getPopupContainer 指向表格滚动容器（滚动时跟随）。
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 纯文本：用于 pretext 测量与 tooltip title */text: {
+    type: StringConstructor;
+    default: string;
+  }; /** 归一化后的溢出配置 */
+  ellipsis: {
+    type: PropType<NormalizedEllipsis>;
+    required: true;
+  };
+  prefixCls: {
+    type: StringConstructor;
+    required: true;
+  };
+  hashId: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 纯文本：用于 pretext 测量与 tooltip title */text: {
+    type: StringConstructor;
+    default: string;
+  }; /** 归一化后的溢出配置 */
+  ellipsis: {
+    type: PropType<NormalizedEllipsis>;
+    required: true;
+  };
+  prefixCls: {
+    type: StringConstructor;
+    required: true;
+  };
+  hashId: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  text: string;
+  hashId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default as default };

package/dist/components/EllipsisText/index.js

@@ -0,0 +1,65 @@
+import { useInjectScrollBarContext } from "../ScrollBar/context.js";
+import { useEllipsis } from "../../hooks/useEllipsis.js";
+import { computed, createVNode, defineComponent, isVNode, mergeProps, ref, toRef } from "vue";
+import { Tooltip } from "antdv-next";
+//#region src/components/EllipsisText/index.tsx
+/**
+* 单元格文本溢出渲染：
+* - 视觉省略由 CSS `-webkit-line-clamp` 承担；
+* - 是否溢出由 useEllipsis（@chenglou/pretext）判断；
+* - 溢出且未关闭 tooltip 时挂 Tooltip，getPopupContainer 指向表格滚动容器（滚动时跟随）。
+*/
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var EllipsisText_default = /* @__PURE__ */ defineComponent({
+	name: "ProTableEllipsisText",
+	props: {
+		/** 纯文本：用于 pretext 测量与 tooltip title */
+		text: {
+			type: String,
+			default: ""
+		},
+		/** 归一化后的溢出配置 */
+		ellipsis: {
+			type: Object,
+			required: true
+		},
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		hashId: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(props, { slots }) {
+		const contentRef = ref();
+		const { isOverflow } = useEllipsis(toRef(props, "text"), computed(() => props.ellipsis.lines), contentRef);
+		const scrollContext = useInjectScrollBarContext();
+		const getScrollContainer = () => scrollContext?.wrapElement?.value ?? document.body;
+		return () => {
+			let _slot;
+			const children = slots.default ? slots.default() : props.text;
+			const lineClampStyle = {
+				WebkitLineClamp: props.ellipsis.lines,
+				lineClamp: props.ellipsis.lines
+			};
+			const renderCell = (extra) => createVNode("div", mergeProps({
+				"ref": contentRef,
+				"class": [`${props.prefixCls}-cell-ellipsis`, props.hashId],
+				"style": lineClampStyle
+			}, extra ?? {}), [children]);
+			if (props.ellipsis.showTitle) return renderCell({ title: props.text });
+			const tooltipConfig = props.ellipsis.tooltip;
+			if (tooltipConfig === false || !isOverflow.value) return renderCell();
+			return createVNode(Tooltip, mergeProps({ "title": props.text }, tooltipConfig, {
+				"getPopupContainer": getScrollContainer,
+				"destroyOnHidden": true
+			}), _isSlot(_slot = renderCell()) ? _slot : { default: () => [_slot] });
+		};
+	}
+});
+//#endregion
+export { EllipsisText_default as default };

package/dist/components/ScrollBar/Bar.d.ts

@@ -68,11 +68,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
   };
 }>> & Readonly<{}>, {
   readonly always: boolean;
-  readonly minSize: number;
   readonly barStyle: {
     x: CSSProperties;
     y: CSSProperties;
   };
+  readonly minSize: number;
   readonly hasScrollY: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion

package/dist/components/SearchForm/FormItemContainer.d.ts

@@ -65,9 +65,9 @@ declare const FormItemContainer: import("vue").DefineComponent<import("vue").Ext
     default: any;
   };
 }>> & Readonly<{}>, {
-  onSubmit: () => void;
   loading: boolean;
   autoRequest: boolean;
+  onSubmit: () => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { FormItemContainer };

package/dist/components/SearchForm/FormItemWrapper.d.ts

@@ -69,10 +69,10 @@ declare const FormItemWrapper: import("vue").DefineComponent<import("vue").Extra
   };
 }>> & Readonly<{}>, {
   label: any;
+  hashId: string;
   labelWidth: string | number;
   labelAlign: "left" | "right" | "center";
   colon: boolean;
-  hashId: string;
   formItemStyle: CSSProperties;
   globalLabelGap: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/SearchForm/SearchForm.d.ts

@@ -109,7 +109,6 @@ declare const ProTableSearchForm: import("vue").DefineComponent<import("vue").Ex
     default: any;
   };
 }>> & Readonly<{}>, {
-  onReset: (params: Record<string, any>) => void;
   formColumns: ProSearchMap<"text", string>[];
   formConfig: FormConfig;
   formAutoRequest: boolean;
@@ -123,6 +122,7 @@ declare const ProTableSearchForm: import("vue").DefineComponent<import("vue").Ex
   cardBordered: boolean;
   proClasses: Record<string, string>;
   proStyles: Record<string, any>;
+  onReset: (params: Record<string, any>) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { ProTableSearchForm as default };

package/dist/components/Toolbar/ListToolBar.d.ts

@@ -96,14 +96,14 @@ declare const ListToolBar: import("vue").DefineComponent<import("vue").ExtractPr
   }>[];
   proClasses: Record<string, any>;
   proStyles: Record<string, any>;
-  titleTipText: string;
-  actionsPlacement: ToolbarPlacement;
   headerTitle: any;
-  listToolAfter: any;
   headerTitleTip: any;
+  titleTipText: string;
   settings: VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }>[];
+  actionsPlacement: ToolbarPlacement;
+  listToolAfter: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { ListToolBar, ListToolBarSetting };

package/dist/components/Toolbar/index.d.ts

@@ -90,12 +90,12 @@ declare const Toolbar: import("vue").DefineComponent<import("vue").ExtractPropTy
   }>[];
   proClasses: Record<string, any>;
   proStyles: Record<string, any>;
-  options: any;
+  headerTitle: any;
+  headerTitleTip: any;
   titleTipText: string;
   actionsPlacement: ToolbarPlacement;
-  headerTitle: any;
   listToolAfter: any;
-  headerTitleTip: any;
+  options: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { Toolbar, Toolbar as default };

package/dist/hooks/index.d.ts

@@ -2,15 +2,18 @@ import { UseProBreakpointsReturn, useProBreakpoints } from "./useBreakpoints.js"
 import { UseCellRenderOptions, useCellRender } from "./useCellRender.js";
 import { UseColumnResizeOptions, UseColumnResizeReturn, useColumnResize } from "./useColumnResize.js";
 import { UseColumnsOptions, UseColumnsReturn, useColumns } from "./useColumns.js";
+import { UseDragHandleColumnOptions, UseDragHandleColumnReturn, applyDragHandleColumn, useDragHandleColumn } from "./useDragHandleColumn.js";
+import { UseEllipsisReturn, useEllipsis } from "./useEllipsis.js";
 import { FetchDataAction, FetchDataConfig, useFetchData } from "./useFetchData.js";
 import { UseFitPageOptions, UseFitPageReturn, useFitPage } from "./useFitPage.js";
 import { UseKeepAliveReloadOptions, UseKeepAliveReloadReturn, useKeepAliveReload } from "./useKeepAliveReload.js";
 import { UseLoadingOptions, UseLoadingReturn, useLoading } from "./useLoading.js";
 import { usePagination } from "./usePagination.js";
 import { UseRequestOptionsParams, UseRequestOptionsReturn, useRequestOptions } from "./useRequestOptions.js";
+import { UseRowDragOptions, UseRowDragReturn, useRowDrag } from "./useRowDrag.js";
 import { UseRowSelectionOptions, UseRowSelectionReturn, useRowSelection } from "./useRowSelection.js";
 import { UseTableOptions, UseTableReturn, useTable } from "./useTable.js";
 import { UseTableFormOptions, UseTableFormReturn, useTableForm } from "./useTableForm.js";
 import { NormalizedTableScrollPolicy, UseTableScrollOptions, UseTableScrollReturn, useTableScroll } from "./useTableScroll.js";
 import { UseTableSizeOptions, UseTableSizeReturn, useTableSize } from "./useTableSize.js";
-export { type FetchDataAction, type FetchDataConfig, type NormalizedTableScrollPolicy, type UseCellRenderOptions, type UseColumnResizeOptions, type UseColumnResizeReturn, type UseColumnsOptions, type UseColumnsReturn, type UseFitPageOptions, type UseFitPageReturn, type UseKeepAliveReloadOptions, type UseKeepAliveReloadReturn, type UseLoadingOptions, type UseLoadingReturn, type UseProBreakpointsReturn, type UseRequestOptionsParams, type UseRequestOptionsReturn, type UseRowSelectionOptions, type UseRowSelectionReturn, type UseTableFormOptions, type UseTableFormReturn, type UseTableOptions, type UseTableReturn, type UseTableScrollOptions, type UseTableScrollReturn, type UseTableSizeOptions, type UseTableSizeReturn, useCellRender, useColumnResize, useColumns, useFetchData, useFitPage, useKeepAliveReload, useLoading, usePagination, useProBreakpoints, useRequestOptions, useRowSelection, useTable, useTableForm, useTableScroll, useTableSize };
+export { type FetchDataAction, type FetchDataConfig, type NormalizedTableScrollPolicy, type UseCellRenderOptions, type UseColumnResizeOptions, type UseColumnResizeReturn, type UseColumnsOptions, type UseColumnsReturn, type UseDragHandleColumnOptions, type UseDragHandleColumnReturn, type UseEllipsisReturn, type UseFitPageOptions, type UseFitPageReturn, type UseKeepAliveReloadOptions, type UseKeepAliveReloadReturn, type UseLoadingOptions, type UseLoadingReturn, type UseProBreakpointsReturn, type UseRequestOptionsParams, type UseRequestOptionsReturn, type UseRowDragOptions, type UseRowDragReturn, type UseRowSelectionOptions, type UseRowSelectionReturn, type UseTableFormOptions, type UseTableFormReturn, type UseTableOptions, type UseTableReturn, type UseTableScrollOptions, type UseTableScrollReturn, type UseTableSizeOptions, type UseTableSizeReturn, applyDragHandleColumn, useCellRender, useColumnResize, useColumns, useDragHandleColumn, useEllipsis, useFetchData, useFitPage, useKeepAliveReload, useLoading, usePagination, useProBreakpoints, useRequestOptions, useRowDrag, useRowSelection, useTable, useTableForm, useTableScroll, useTableSize };

package/dist/hooks/index.js

@@ -1,16 +1,19 @@
 import { useProBreakpoints } from "./useBreakpoints.js";
 import { useRequestOptions } from "./useRequestOptions.js";
+import { useEllipsis } from "./useEllipsis.js";
 import { useCellRender } from "./useCellRender.js";
 import { useColumns } from "./useColumns.js";
+import { applyDragHandleColumn, useDragHandleColumn } from "./useDragHandleColumn.js";
 import { useColumnResize } from "./useColumnResize.js";
 import { useFetchData } from "./useFetchData.js";
 import { useFitPage } from "./useFitPage.js";
 import { useKeepAliveReload } from "./useKeepAliveReload.js";
 import { useLoading } from "./useLoading.js";
 import { usePagination } from "./usePagination.js";
+import { useRowDrag } from "./useRowDrag.js";
 import { useRowSelection } from "./useRowSelection.js";
 import { useTable } from "./useTable.js";
 import { useTableForm } from "./useTableForm.js";
 import { useTableScroll } from "./useTableScroll.js";
 import { useTableSize } from "./useTableSize.js";
-export { useCellRender, useColumnResize, useColumns, useFetchData, useFitPage, useKeepAliveReload, useLoading, usePagination, useProBreakpoints, useRequestOptions, useRowSelection, useTable, useTableForm, useTableScroll, useTableSize };
+export { applyDragHandleColumn, useCellRender, useColumnResize, useColumns, useDragHandleColumn, useEllipsis, useFetchData, useFitPage, useKeepAliveReload, useLoading, usePagination, useProBreakpoints, useRequestOptions, useRowDrag, useRowSelection, useTable, useTableForm, useTableScroll, useTableSize };

package/dist/hooks/useAutoScroll.d.ts

@@ -0,0 +1,32 @@
+import { ComputedRef, Ref } from "vue";
+
+//#region src/hooks/useAutoScroll.d.ts
+interface UseAutoScrollOptions {
+  /** 边缘激活区域占容器高度比例，默认 0.2（对齐 dnd-kit detectScrollIntent threshold） */
+  threshold?: number;
+  /** 滚动加速度（基础速度），默认 18 */
+  acceleration?: number;
+  /** 指针超出边缘的容差（px），默认 10 */
+  tolerance?: number;
+  /** 滚动后回调，用于同步拖拽元素和让位元素位置 */
+  onScroll?: () => void;
+}
+/**
+ * 纵向自动滚动 —— 精简复刻 `@dnd-kit/dom` 的 `detectScrollIntent` + `Scroller` 思路，
+ * 与 pro-layout Tabs 的横向 `useAutoScroll` 同构（仅轴向不同）。
+ *
+ * 指针进入 `scrollEl` 上/下边缘 threshold 区域时，按距边缘的比例计算速度
+ * （越靠边越快）。滚动方向必须先被用户同向移动解锁；如果当前方向已经到达边界，
+ * 则不产生滚动 intent，避免触底后因为鼠标还在边缘区被反复重新激活。
+ *
+ * 关键：`maxScrollTop` 在 `start()` 时快照一次（`??` 仅在 undefined 时 fallback 到实时值），
+ * 拖拽全程都用快照值判定能否滚动。这样即使拖拽中 `transform` 撑大了 `scrollHeight`，
+ * 也不会污染滚动判定，避免死循环。
+ */
+declare function useAutoScroll(scrollEl: Ref<HTMLElement | undefined> | ComputedRef<HTMLElement | undefined>, getPointerY: () => number | null, options?: UseAutoScrollOptions): {
+  scroll: () => boolean;
+  start: () => void;
+  stop: () => void;
+};
+//#endregion
+export { UseAutoScrollOptions, useAutoScroll };