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

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

@@ -0,0 +1,109 @@
+import { ToolbarPlacement } from "../../interface.js";
+import { PropType, VNode } from "vue";
+
+//#region src/components/Toolbar/ListToolBar.d.ts
+interface ListToolBarSetting {
+  icon: VNode;
+  tooltip?: string;
+  key?: string;
+  onClick?: (key?: string) => void;
+}
+declare const ListToolBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  prefixCls: {
+    type: StringConstructor;
+    required: true;
+  };
+  headerTitle: {
+    type: any;
+    default: any;
+  };
+  headerTitleTip: {
+    type: any;
+    default: any;
+  };
+  titleTipText: {
+    type: StringConstructor;
+    default: any;
+  };
+  settings: {
+    type: PropType<VNode[]>;
+    default: () => any[];
+  };
+  actions: {
+    type: PropType<VNode[]>;
+    default: () => any[];
+  };
+  actionsPlacement: {
+    type: PropType<ToolbarPlacement>;
+    default: string;
+  };
+  listToolAfter: {
+    type: any;
+    default: any;
+  };
+  proClasses: {
+    type: ObjectConstructor;
+    default: () => {};
+  };
+  proStyles: {
+    type: ObjectConstructor;
+    default: () => {};
+  };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  prefixCls: {
+    type: StringConstructor;
+    required: true;
+  };
+  headerTitle: {
+    type: any;
+    default: any;
+  };
+  headerTitleTip: {
+    type: any;
+    default: any;
+  };
+  titleTipText: {
+    type: StringConstructor;
+    default: any;
+  };
+  settings: {
+    type: PropType<VNode[]>;
+    default: () => any[];
+  };
+  actions: {
+    type: PropType<VNode[]>;
+    default: () => any[];
+  };
+  actionsPlacement: {
+    type: PropType<ToolbarPlacement>;
+    default: string;
+  };
+  listToolAfter: {
+    type: any;
+    default: any;
+  };
+  proClasses: {
+    type: ObjectConstructor;
+    default: () => {};
+  };
+  proStyles: {
+    type: ObjectConstructor;
+    default: () => {};
+  };
+}>> & Readonly<{}>, {
+  titleTipText: string;
+  actionsPlacement: ToolbarPlacement;
+  actions: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }>[];
+  headerTitle: any;
+  listToolAfter: any;
+  headerTitleTip: any;
+  proClasses: Record<string, any>;
+  proStyles: Record<string, any>;
+  settings: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }>[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { ListToolBar, ListToolBarSetting };

package/dist/components/Toolbar/ListToolBar.js

@@ -0,0 +1,101 @@
+import { computed, createVNode, defineComponent, isVNode } from "vue";
+import { Tooltip } from "antdv-next";
+import { GIcon } from "@gx-design-vue/icon";
+//#region src/components/Toolbar/ListToolBar.tsx
+function renderSettingItem(setting) {
+	if (isVNode(setting)) return setting;
+	if (!setting) return null;
+	const { icon, tooltip, onClick, key } = setting;
+	if (icon && tooltip) return createVNode(Tooltip, {
+		"title": tooltip,
+		"key": key
+	}, { default: () => [createVNode("span", {
+		"key": key,
+		"onClick": () => {
+			if (onClick) onClick(key);
+		}
+	}, [icon])] });
+	return icon;
+}
+const ListToolBar = /* @__PURE__ */ defineComponent({
+	name: "ProTableListToolBar",
+	props: {
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		headerTitle: {
+			type: null,
+			default: void 0
+		},
+		headerTitleTip: {
+			type: null,
+			default: void 0
+		},
+		titleTipText: {
+			type: String,
+			default: void 0
+		},
+		settings: {
+			type: Array,
+			default: () => []
+		},
+		actions: {
+			type: Array,
+			default: () => []
+		},
+		actionsPlacement: {
+			type: String,
+			default: "right"
+		},
+		listToolAfter: {
+			type: null,
+			default: void 0
+		},
+		proClasses: {
+			type: Object,
+			default: () => ({})
+		},
+		proStyles: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props) {
+		const hasTitle = computed(() => !!(props.headerTitleTip || props.headerTitle));
+		const leftActions = computed(() => props.actionsPlacement === "left" ? props.actions : []);
+		const rightActions = computed(() => props.actionsPlacement === "right" ? props.actions : []);
+		const hasLeft = computed(() => hasTitle.value || leftActions.value.length > 0);
+		const hasRight = computed(() => props.settings.length > 0 || rightActions.value.length > 0);
+		return () => {
+			if (!hasLeft.value && !hasRight.value && !props.listToolAfter) return null;
+			const prefix = props.prefixCls;
+			const leftNode = hasLeft.value || hasRight.value ? createVNode("div", {
+				"class": `${prefix}-list-toolbar-left`,
+				"style": props.proStyles.toolbarLeft
+			}, [hasTitle.value && createVNode("div", {
+				"class": [`${prefix}-list-toolbar-title`, props.proClasses.toolbarTitle],
+				"style": props.proStyles.toolbarTitle
+			}, [props.headerTitle, props.headerTitleTip && createVNode(Tooltip, { "title": props.titleTipText }, { default: () => [typeof props.headerTitleTip === "boolean" ? createVNode(GIcon, { "type": "InfoCircleOutlined" }, null) : props.headerTitleTip] })]), leftActions.value.length > 0 && createVNode("div", { "class": `${prefix}-list-toolbar-actions` }, [leftActions.value])]) : hasRight.value ? createVNode("div", {
+				"class": `${prefix}-list-toolbar-left`,
+				"style": props.proStyles.toolbarLeft
+			}, null) : null;
+			const rightNode = hasRight.value ? createVNode("div", {
+				"class": [`${prefix}-list-toolbar-right`, props.proClasses.toolbarRight],
+				"style": props.proStyles.toolbarRight
+			}, [rightActions.value.length > 0 && createVNode("div", { "class": `${prefix}-list-toolbar-actions` }, [rightActions.value]), props.settings.length > 0 && createVNode("div", { "class": `${prefix}-list-toolbar-setting-items` }, [props.settings.map((setting, index) => createVNode("div", {
+				"key": index,
+				"class": `${prefix}-list-toolbar-setting-item`
+			}, [renderSettingItem(setting)]))])]) : null;
+			return createVNode("div", {
+				"class": [`${prefix}-list-toolbar`, props.proClasses.toolbar],
+				"style": props.proStyles.toolbar
+			}, [(leftNode || rightNode) && createVNode("div", { "class": `${prefix}-list-toolbar-container` }, [leftNode, rightNode]), props.listToolAfter && createVNode("div", {
+				"class": [`${prefix}-list-toolbar-after`, props.proClasses.toolbarAfter],
+				"style": props.proStyles.toolbarAfter
+			}, [props.listToolAfter])]);
+		};
+	}
+});
+//#endregion
+export { ListToolBar };

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

@@ -0,0 +1,101 @@
+import { ToolbarPlacement } from "../../interface.js";
+import { PropType, VNode } from "vue";
+
+//#region src/components/Toolbar/index.d.ts
+declare const Toolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  prefixCls: {
+    type: StringConstructor;
+    required: true;
+  };
+  options: {
+    type: any;
+    default: boolean;
+  };
+  titleTipText: {
+    type: StringConstructor;
+    default: any;
+  };
+  actionsPlacement: {
+    type: PropType<ToolbarPlacement>;
+    default: string;
+  };
+  actions: {
+    type: PropType<VNode[]>;
+    default: () => any[];
+  };
+  headerTitle: {
+    type: any;
+    default: any;
+  };
+  listToolAfter: {
+    type: any;
+    default: any;
+  };
+  headerTitleTip: {
+    type: any;
+    default: any;
+  };
+  proClasses: {
+    type: ObjectConstructor;
+    default: () => {};
+  };
+  proStyles: {
+    type: ObjectConstructor;
+    default: () => {};
+  };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  prefixCls: {
+    type: StringConstructor;
+    required: true;
+  };
+  options: {
+    type: any;
+    default: boolean;
+  };
+  titleTipText: {
+    type: StringConstructor;
+    default: any;
+  };
+  actionsPlacement: {
+    type: PropType<ToolbarPlacement>;
+    default: string;
+  };
+  actions: {
+    type: PropType<VNode[]>;
+    default: () => any[];
+  };
+  headerTitle: {
+    type: any;
+    default: any;
+  };
+  listToolAfter: {
+    type: any;
+    default: any;
+  };
+  headerTitleTip: {
+    type: any;
+    default: any;
+  };
+  proClasses: {
+    type: ObjectConstructor;
+    default: () => {};
+  };
+  proStyles: {
+    type: ObjectConstructor;
+    default: () => {};
+  };
+}>> & Readonly<{}>, {
+  options: any;
+  titleTipText: string;
+  actionsPlacement: ToolbarPlacement;
+  actions: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }>[];
+  headerTitle: any;
+  listToolAfter: any;
+  headerTitleTip: any;
+  proClasses: Record<string, any>;
+  proStyles: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { Toolbar, Toolbar as default };

package/dist/components/Toolbar/index.js

@@ -0,0 +1,101 @@
+import { useInjectTableContext } from "../../context/TableContext.js";
+import { FullscreenIcon } from "./FullscreenIcon.js";
+import { ListToolBar } from "./ListToolBar.js";
+import { computed, createVNode, defineComponent, unref } from "vue";
+import { Tooltip } from "antdv-next";
+import { GIcon } from "@gx-design-vue/icon";
+//#region src/components/Toolbar/index.tsx
+function isObject(val) {
+	return val !== null && typeof val === "object";
+}
+const Toolbar = /* @__PURE__ */ defineComponent({
+	name: "ProTableToolbar",
+	props: {
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		options: {
+			type: [Object, Boolean],
+			default: false
+		},
+		titleTipText: {
+			type: String,
+			default: void 0
+		},
+		actionsPlacement: {
+			type: String,
+			default: "right"
+		},
+		actions: {
+			type: Array,
+			default: () => []
+		},
+		headerTitle: {
+			type: null,
+			default: void 0
+		},
+		listToolAfter: {
+			type: null,
+			default: void 0
+		},
+		headerTitleTip: {
+			type: null,
+			default: void 0
+		},
+		proClasses: {
+			type: Object,
+			default: () => ({})
+		},
+		proStyles: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props) {
+		const ctx = useInjectTableContext();
+		const settings = computed(() => {
+			if (props.options === false) return [];
+			const options = isObject(props.options) ? props.options : {};
+			const result = [];
+			if (options.reload !== false) {
+				const reloadAction = () => ctx?.reload?.();
+				if (typeof options.reload === "function") {
+					const vnode = options.reload(reloadAction);
+					if (vnode) result.push(vnode);
+				} else result.push(createVNode(Tooltip, {
+					"title": "刷新",
+					"key": "reload"
+				}, { default: () => [createVNode("span", { "onClick": reloadAction }, [createVNode(GIcon, { "type": "ReloadOutlined" }, null)])] }));
+			}
+			if (options.fullScreen !== false) {
+				const toggleAction = () => ctx?.toggleFullscreen?.();
+				if (typeof options.fullScreen === "function") result.push(createVNode(FullscreenIcon, {
+					"key": "fullscreen",
+					"isFullscreen": !!ctx?.isFullscreen?.value,
+					"onToggle": options.fullScreen
+				}, null));
+				else result.push(createVNode(FullscreenIcon, {
+					"key": "fullscreen",
+					"isFullscreen": !!ctx?.isFullscreen?.value,
+					"onToggle": toggleAction
+				}, null));
+			}
+			return result;
+		});
+		return () => createVNode(ListToolBar, {
+			"prefixCls": props.prefixCls,
+			"actions": props.actions,
+			"actionsPlacement": props.actionsPlacement,
+			"settings": unref(settings),
+			"headerTitle": props.headerTitle,
+			"listToolAfter": props.listToolAfter,
+			"headerTitleTip": props.headerTitleTip,
+			"titleTipText": props.titleTipText,
+			"proClasses": props.proClasses,
+			"proStyles": props.proStyles
+		}, null);
+	}
+});
+//#endregion
+export { Toolbar, Toolbar as default };

package/dist/components/Toolbar/style.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/components/Toolbar/style.d.ts
+declare const genToolbarStyle: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
+//#endregion
+export { genToolbarStyle };

package/dist/components/{ListToolBar → Toolbar}/style.js

@@ -1,24 +1,14 @@
-//#region src/components/ListToolBar/style.ts
-const genListToolBarStyle = (token) => {
-	return { [`${token.componentCls}-list-toolbar`]: {
+//#region src/components/Toolbar/style.ts
+const genToolbarStyle = (token) => {
+	const prefixCls = token.componentCls;
+	return { [prefixCls]: { [`${prefixCls}-list-toolbar`]: {
 		lineHeight: 1,
-		"&-with-after": { paddingBottom: token.margin },
 		"&-container": {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "space-between",
 			gap: token.padding,
-			paddingBottom: token.padding,
-			"&-mobile": {
-				flexDirection: "column",
-				flexWrap: "wrap",
-				alignItems: "flex-start",
-				[`${token.componentCls}-left`]: {
-					flexWrap: "wrap",
-					maxWidth: "100%"
-				},
-				[`${token.componentCls}-right`]: { width: "100%" }
-			}
+			paddingBottom: token.padding
 		},
 		"&-title": {
 			display: "flex",
@@ -26,7 +16,10 @@ const genListToolBarStyle = (token) => {
 			justifyContent: "flex-start",
 			color: token.colorTextHeading,
 			fontWeight: "500",
-			fontSize: token.fontSizeLG
+			fontSize: token.fontSizeLG,
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
 		},
 		"&-left": {
 			display: "flex",
@@ -34,20 +27,19 @@ const genListToolBarStyle = (token) => {
 			alignItems: "center",
 			gap: token.marginXS,
 			justifyContent: "flex-start",
-			[`${token.antCls}-tabs`]: { width: "100%" },
-			"&-has-tabs": { overflow: "hidden" }
+			flexShrink: 0
 		},
 		"&-right": {
 			flex: 1,
 			display: "flex",
 			flexWrap: "wrap",
 			justifyContent: "flex-end",
-			gap: token.marginSM,
-			[`${token.componentCls}-actions`]: {
-				display: "flex",
-				alignItems: "center",
-				gap: token.marginXS
-			}
+			gap: token.marginSM
+		},
+		"&-actions": {
+			display: "flex",
+			alignItems: "center",
+			gap: token.marginXS
 		},
 		"&-setting-items": {
 			display: "flex",
@@ -66,9 +58,22 @@ const genListToolBarStyle = (token) => {
 				height: "100%"
 			},
 			"&:hover": { color: token.colorPrimary }
+		},
+		"&-after": { paddingBottom: token.margin },
+		[`@media (max-width: ${token.screenLGMax}px)`]: {
+			[`${prefixCls}-list-toolbar-container`]: {
+				flexDirection: "column",
+				flexWrap: "wrap",
+				alignItems: "flex-start"
+			},
+			[`${prefixCls}-list-toolbar-left`]: {
+				flexWrap: "wrap",
+				maxWidth: "100%",
+				overflow: "visible"
+			},
+			[`${prefixCls}-list-toolbar-right`]: { width: "100%" }
 		}
-	} };
+	} } };
 };
-
 //#endregion
-export { genListToolBarStyle };
+export { genToolbarStyle };

package/dist/context/TableContext.d.ts

@@ -1,32 +1,20 @@
-import { ProColumnsType } from "../types/ColumnTypings.js";
-import { FormConfig, TableClassNamesType, TableScroll, TableStylesType } from "../types/TableTypings.js";
+import { FormConfig, ProTableSizeType } from "../interface.js";
 import { ComputedRef, Ref } from "vue";
-import { SizeType } from "@gx-design-vue/pro-utils";
-import { PaginationProps } from "ant-design-vue/es/pagination";
 
 //#region src/context/TableContext.d.ts
-interface ProTableContextProps {
-  columns: ComputedRef<ProColumnsType>;
-  isMobile: ComputedRef<boolean>;
-  formConfig: ComputedRef<FormConfig>;
-  formActions: ComputedRef<FormConfig['actions']>;
-  formAutoRequest: ComputedRef<boolean>;
-  cacheColumns: ComputedRef<ProColumnsType>;
-  tableSize: Ref<SizeType>;
-  tableScrollState: ComputedRef<TableScroll>;
-  screenWidth: Ref<number>;
-  styles: Ref<TableStylesType>;
-  classNames: Ref<TableClassNamesType>;
-  hashId: Ref<string>;
-  prefixCls: string;
-  tableListToolsHeight: Ref<number>;
-  action: {
-    /** @name 刷新 */reload: (info?: any) => void;
-    toggle: () => Promise<void>;
-    setTableSize: (size: SizeType) => void;
-  };
-  setPagination: (info: Partial<PaginationProps>) => void;
+interface TableContextProps {
+  reload: (info?: any) => void;
+  setPagination: (info: any) => void;
+  tableSize?: ComputedRef<ProTableSizeType>;
+  setTableSize?: (size: ProTableSizeType) => void;
+  formAutoRequest?: ComputedRef<boolean>;
+  formConfig?: ComputedRef<FormConfig | undefined>;
+  formActions?: ComputedRef<FormConfig['actions'] | undefined>;
+  isMobile?: ComputedRef<boolean>;
+  screenWidth?: ComputedRef<number>;
+  toggleFullscreen?: () => Promise<void>;
+  isFullscreen?: Ref<boolean>;
 }
-declare const provideTableContext: (value: ProTableContextProps) => void, useTableContext: (injectDefaultValue?: ProTableContextProps) => ProTableContextProps;
+declare const useProvideTableContext: (args_0: TableContextProps) => TableContextProps, useInjectTableContext: () => TableContextProps;
 //#endregion
-export { ProTableContextProps, provideTableContext, useTableContext };
+export { TableContextProps, useInjectTableContext, useProvideTableContext };

package/dist/context/TableContext.js

@@ -1,7 +1,5 @@
-import { useContext } from "@gx-design-vue/context";
-
+import { createInjectionState } from "@vueuse/core";
 //#region src/context/TableContext.ts
-const { provideContext: provideTableContext, useInjectContext: useTableContext } = useContext("pro-table");
-
+const [useProvideTableContext, useInjectTableContext] = createInjectionState((props) => props);
 //#endregion
-export { provideTableContext, useTableContext };
+export { useInjectTableContext, useProvideTableContext };

package/dist/hooks/index.d.ts

@@ -0,0 +1,19 @@
+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 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

@@ -0,0 +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 { 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 };