naive-ui 2.30.3 → 2.30.6

package/es/data-table/src/TableParts/Cell.d.ts

@@ -1,6 +1,10 @@
-import { PropType } from 'vue';
+import { PropType, VNodeChild } from 'vue';
 import { TableBaseColumn, InternalRowData } from '../interface';
 declare const _default: import("vue").DefineComponent<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
     row: {
         type: PropType<InternalRowData>;
         required: true;
@@ -699,6 +703,77 @@ declare const _default: import("vue").DefineComponent<{
                         paddingLarge: string;
                         clearSize: string;
                     }, any>;
+                    Popselect: import("../../../_mixins").Theme<"Popselect", {
+                        menuBoxShadow: string;
+                    }, {
+                        Popover: import("../../../_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                        InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeSmall: string;
+                            optionFontSizeMedium: string;
+                            optionFontSizeLarge: string;
+                            optionFontSizeHuge: string;
+                            optionHeightSmall: string;
+                            optionHeightMedium: string;
+                            optionHeightLarge: string;
+                            optionHeightHuge: string;
+                            borderRadius: string;
+                            color: string;
+                            groupHeaderTextColor: string;
+                            actionDividerColor: string;
+                            optionTextColor: string;
+                            optionTextColorPressed: string;
+                            optionTextColorDisabled: string;
+                            optionTextColorActive: string;
+                            optionOpacityDisabled: string;
+                            optionCheckColor: string;
+                            optionColorPending: string;
+                            optionColorActive: string;
+                            optionColorActivePending: string;
+                            actionTextColor: string;
+                            loadingColor: string;
+                            height: string;
+                            paddingSmall: string;
+                            paddingMedium: string;
+                            paddingLarge: string;
+                            paddingHuge: string;
+                            optionPaddingSmall: string;
+                            optionPaddingMedium: string;
+                            optionPaddingLarge: string;
+                            optionPaddingHuge: string;
+                            loadingSize: string;
+                        }, {
+                            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                color: string;
+                                colorHover: string;
+                            }, any>;
+                            Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeSmall: string;
+                                fontSizeMedium: string;
+                                fontSizeLarge: string;
+                                fontSizeHuge: string;
+                                textColor: string;
+                                iconColor: string;
+                                extraTextColor: string;
+                                iconSizeSmall: string;
+                                iconSizeMedium: string;
+                                iconSizeLarge: string;
+                                iconSizeHuge: string;
+                            }, any>;
+                        }>;
+                    }>;
                 }>;
                 Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
                     color: string;
@@ -960,6 +1035,77 @@ declare const _default: import("vue").DefineComponent<{
                             paddingLarge: string;
                             clearSize: string;
                         }, any>> | undefined;
+                        Popselect?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popselect", {
+                            menuBoxShadow: string;
+                        }, {
+                            Popover: import("../../../_mixins").Theme<"Popover", {
+                                fontSize: string;
+                                borderRadius: string;
+                                color: string;
+                                dividerColor: string;
+                                textColor: string;
+                                boxShadow: string;
+                                space: string;
+                                spaceArrow: string;
+                                arrowOffset: string;
+                                arrowOffsetVertical: string;
+                                arrowHeight: string;
+                                padding: string;
+                            }, any>;
+                            InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                                optionFontSizeSmall: string;
+                                optionFontSizeMedium: string;
+                                optionFontSizeLarge: string;
+                                optionFontSizeHuge: string;
+                                optionHeightSmall: string;
+                                optionHeightMedium: string;
+                                optionHeightLarge: string;
+                                optionHeightHuge: string;
+                                borderRadius: string;
+                                color: string;
+                                groupHeaderTextColor: string;
+                                actionDividerColor: string;
+                                optionTextColor: string;
+                                optionTextColorPressed: string;
+                                optionTextColorDisabled: string;
+                                optionTextColorActive: string;
+                                optionOpacityDisabled: string;
+                                optionCheckColor: string;
+                                optionColorPending: string;
+                                optionColorActive: string;
+                                optionColorActivePending: string;
+                                actionTextColor: string;
+                                loadingColor: string;
+                                height: string;
+                                paddingSmall: string;
+                                paddingMedium: string;
+                                paddingLarge: string;
+                                paddingHuge: string;
+                                optionPaddingSmall: string;
+                                optionPaddingMedium: string;
+                                optionPaddingLarge: string;
+                                optionPaddingHuge: string;
+                                loadingSize: string;
+                            }, {
+                                Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                    color: string;
+                                    colorHover: string;
+                                }, any>;
+                                Empty: import("../../../_mixins").Theme<"Empty", {
+                                    fontSizeSmall: string;
+                                    fontSizeMedium: string;
+                                    fontSizeLarge: string;
+                                    fontSizeHuge: string;
+                                    textColor: string;
+                                    iconColor: string;
+                                    extraTextColor: string;
+                                    iconSizeSmall: string;
+                                    iconSizeMedium: string;
+                                    iconSizeLarge: string;
+                                    iconSizeHuge: string;
+                                }, any>;
+                            }>;
+                        }>> | undefined;
                     } | undefined;
                 } | undefined;
                 Scrollbar?: {
@@ -1007,7 +1153,12 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         required: true;
     };
+    renderCell: PropType<(value: any, rowData: object, column: any) => VNodeChild>;
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
     row: {
         type: PropType<InternalRowData>;
         required: true;
@@ -1706,6 +1857,77 @@ declare const _default: import("vue").DefineComponent<{
                         paddingLarge: string;
                         clearSize: string;
                     }, any>;
+                    Popselect: import("../../../_mixins").Theme<"Popselect", {
+                        menuBoxShadow: string;
+                    }, {
+                        Popover: import("../../../_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                        InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeSmall: string;
+                            optionFontSizeMedium: string;
+                            optionFontSizeLarge: string;
+                            optionFontSizeHuge: string;
+                            optionHeightSmall: string;
+                            optionHeightMedium: string;
+                            optionHeightLarge: string;
+                            optionHeightHuge: string;
+                            borderRadius: string;
+                            color: string;
+                            groupHeaderTextColor: string;
+                            actionDividerColor: string;
+                            optionTextColor: string;
+                            optionTextColorPressed: string;
+                            optionTextColorDisabled: string;
+                            optionTextColorActive: string;
+                            optionOpacityDisabled: string;
+                            optionCheckColor: string;
+                            optionColorPending: string;
+                            optionColorActive: string;
+                            optionColorActivePending: string;
+                            actionTextColor: string;
+                            loadingColor: string;
+                            height: string;
+                            paddingSmall: string;
+                            paddingMedium: string;
+                            paddingLarge: string;
+                            paddingHuge: string;
+                            optionPaddingSmall: string;
+                            optionPaddingMedium: string;
+                            optionPaddingLarge: string;
+                            optionPaddingHuge: string;
+                            loadingSize: string;
+                        }, {
+                            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                color: string;
+                                colorHover: string;
+                            }, any>;
+                            Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeSmall: string;
+                                fontSizeMedium: string;
+                                fontSizeLarge: string;
+                                fontSizeHuge: string;
+                                textColor: string;
+                                iconColor: string;
+                                extraTextColor: string;
+                                iconSizeSmall: string;
+                                iconSizeMedium: string;
+                                iconSizeLarge: string;
+                                iconSizeHuge: string;
+                            }, any>;
+                        }>;
+                    }>;
                 }>;
                 Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
                     color: string;
@@ -1967,6 +2189,77 @@ declare const _default: import("vue").DefineComponent<{
                             paddingLarge: string;
                             clearSize: string;
                         }, any>> | undefined;
+                        Popselect?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popselect", {
+                            menuBoxShadow: string;
+                        }, {
+                            Popover: import("../../../_mixins").Theme<"Popover", {
+                                fontSize: string;
+                                borderRadius: string;
+                                color: string;
+                                dividerColor: string;
+                                textColor: string;
+                                boxShadow: string;
+                                space: string;
+                                spaceArrow: string;
+                                arrowOffset: string;
+                                arrowOffsetVertical: string;
+                                arrowHeight: string;
+                                padding: string;
+                            }, any>;
+                            InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                                optionFontSizeSmall: string;
+                                optionFontSizeMedium: string;
+                                optionFontSizeLarge: string;
+                                optionFontSizeHuge: string;
+                                optionHeightSmall: string;
+                                optionHeightMedium: string;
+                                optionHeightLarge: string;
+                                optionHeightHuge: string;
+                                borderRadius: string;
+                                color: string;
+                                groupHeaderTextColor: string;
+                                actionDividerColor: string;
+                                optionTextColor: string;
+                                optionTextColorPressed: string;
+                                optionTextColorDisabled: string;
+                                optionTextColorActive: string;
+                                optionOpacityDisabled: string;
+                                optionCheckColor: string;
+                                optionColorPending: string;
+                                optionColorActive: string;
+                                optionColorActivePending: string;
+                                actionTextColor: string;
+                                loadingColor: string;
+                                height: string;
+                                paddingSmall: string;
+                                paddingMedium: string;
+                                paddingLarge: string;
+                                paddingHuge: string;
+                                optionPaddingSmall: string;
+                                optionPaddingMedium: string;
+                                optionPaddingLarge: string;
+                                optionPaddingHuge: string;
+                                loadingSize: string;
+                            }, {
+                                Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                    color: string;
+                                    colorHover: string;
+                                }, any>;
+                                Empty: import("../../../_mixins").Theme<"Empty", {
+                                    fontSizeSmall: string;
+                                    fontSizeMedium: string;
+                                    fontSizeLarge: string;
+                                    fontSizeHuge: string;
+                                    textColor: string;
+                                    iconColor: string;
+                                    extraTextColor: string;
+                                    iconSizeSmall: string;
+                                    iconSizeMedium: string;
+                                    iconSizeLarge: string;
+                                    iconSizeHuge: string;
+                                }, any>;
+                            }>;
+                        }>> | undefined;
                     } | undefined;
                 } | undefined;
                 Scrollbar?: {
@@ -2014,6 +2307,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         required: true;
     };
+    renderCell: PropType<(value: any, rowData: object, column: any) => VNodeChild>;
 }>>, {
     isSummary: boolean;
 }>;

package/es/data-table/src/TableParts/Cell.js

@@ -4,6 +4,10 @@ import { NEllipsis } from '../../../ellipsis';
 export default defineComponent({
     name: 'DataTableCell',
     props: {
+        clsPrefix: {
+            type: String,
+            required: true
+        },
         row: {
             type: Object,
             required: true
@@ -20,11 +24,13 @@ export default defineComponent({
         mergedTheme: {
             type: Object,
             required: true
-        }
+        },
+        renderCell: Function
     },
     render() {
-        const { isSummary, column: { render, key, ellipsis }, row } = this;
+        const { isSummary, column, row, renderCell } = this;
         let cell;
+        const { render, key, ellipsis } = column;
         if (render && !isSummary) {
             cell = render(row, this.index);
         }
@@ -33,12 +39,19 @@ export default defineComponent({
                 cell = row[key].value;
             }
             else {
-                cell = get(row, key);
+                cell = renderCell
+                    ? renderCell(get(row, key), row, column)
+                    : get(row, key);
             }
         }
-        if (ellipsis && typeof ellipsis === 'object') {
-            const { mergedTheme } = this;
-            return (h(NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), { default: () => cell }));
+        if (ellipsis) {
+            if (typeof ellipsis === 'object') {
+                const { mergedTheme } = this;
+                return (h(NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), { default: () => cell }));
+            }
+            else {
+                return (h("span", { class: `${this.clsPrefix}-data-table-td__ellipsis` }, cell));
+            }
         }
         return cell;
     }

package/es/data-table/src/TableParts/Header.d.ts

@@ -706,6 +706,77 @@ declare const _default: import("vue").DefineComponent<{
                     paddingLarge: string;
                     clearSize: string;
                 }, any>;
+                Popselect: import("../../../_mixins").Theme<"Popselect", {
+                    menuBoxShadow: string;
+                }, {
+                    Popover: import("../../../_mixins").Theme<"Popover", {
+                        fontSize: string;
+                        borderRadius: string;
+                        color: string;
+                        dividerColor: string;
+                        textColor: string;
+                        boxShadow: string;
+                        space: string;
+                        spaceArrow: string;
+                        arrowOffset: string;
+                        arrowOffsetVertical: string;
+                        arrowHeight: string;
+                        padding: string;
+                    }, any>;
+                    InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                        optionFontSizeSmall: string;
+                        optionFontSizeMedium: string;
+                        optionFontSizeLarge: string;
+                        optionFontSizeHuge: string;
+                        optionHeightSmall: string;
+                        optionHeightMedium: string;
+                        optionHeightLarge: string;
+                        optionHeightHuge: string;
+                        borderRadius: string;
+                        color: string;
+                        groupHeaderTextColor: string;
+                        actionDividerColor: string;
+                        optionTextColor: string;
+                        optionTextColorPressed: string;
+                        optionTextColorDisabled: string;
+                        optionTextColorActive: string;
+                        optionOpacityDisabled: string;
+                        optionCheckColor: string;
+                        optionColorPending: string;
+                        optionColorActive: string;
+                        optionColorActivePending: string;
+                        actionTextColor: string;
+                        loadingColor: string;
+                        height: string;
+                        paddingSmall: string;
+                        paddingMedium: string;
+                        paddingLarge: string;
+                        paddingHuge: string;
+                        optionPaddingSmall: string;
+                        optionPaddingMedium: string;
+                        optionPaddingLarge: string;
+                        optionPaddingHuge: string;
+                        loadingSize: string;
+                    }, {
+                        Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                            color: string;
+                            colorHover: string;
+                        }, any>;
+                        Empty: import("../../../_mixins").Theme<"Empty", {
+                            fontSizeSmall: string;
+                            fontSizeMedium: string;
+                            fontSizeLarge: string;
+                            fontSizeHuge: string;
+                            textColor: string;
+                            iconColor: string;
+                            extraTextColor: string;
+                            iconSizeSmall: string;
+                            iconSizeMedium: string;
+                            iconSizeLarge: string;
+                            iconSizeHuge: string;
+                        }, any>;
+                    }>;
+                }>;
             }>;
             Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
                 color: string;
@@ -967,6 +1038,77 @@ declare const _default: import("vue").DefineComponent<{
                         paddingLarge: string;
                         clearSize: string;
                     }, any>> | undefined;
+                    Popselect?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popselect", {
+                        menuBoxShadow: string;
+                    }, {
+                        Popover: import("../../../_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                        InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeSmall: string;
+                            optionFontSizeMedium: string;
+                            optionFontSizeLarge: string;
+                            optionFontSizeHuge: string;
+                            optionHeightSmall: string;
+                            optionHeightMedium: string;
+                            optionHeightLarge: string;
+                            optionHeightHuge: string;
+                            borderRadius: string;
+                            color: string;
+                            groupHeaderTextColor: string;
+                            actionDividerColor: string;
+                            optionTextColor: string;
+                            optionTextColorPressed: string;
+                            optionTextColorDisabled: string;
+                            optionTextColorActive: string;
+                            optionOpacityDisabled: string;
+                            optionCheckColor: string;
+                            optionColorPending: string;
+                            optionColorActive: string;
+                            optionColorActivePending: string;
+                            actionTextColor: string;
+                            loadingColor: string;
+                            height: string;
+                            paddingSmall: string;
+                            paddingMedium: string;
+                            paddingLarge: string;
+                            paddingHuge: string;
+                            optionPaddingSmall: string;
+                            optionPaddingMedium: string;
+                            optionPaddingLarge: string;
+                            optionPaddingHuge: string;
+                            loadingSize: string;
+                        }, {
+                            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                color: string;
+                                colorHover: string;
+                            }, any>;
+                            Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeSmall: string;
+                                fontSizeMedium: string;
+                                fontSizeLarge: string;
+                                fontSizeHuge: string;
+                                textColor: string;
+                                iconColor: string;
+                                extraTextColor: string;
+                                iconSizeSmall: string;
+                                iconSizeMedium: string;
+                                iconSizeLarge: string;
+                                iconSizeHuge: string;
+                            }, any>;
+                        }>;
+                    }>> | undefined;
                 } | undefined;
             } | undefined;
             Scrollbar?: {
@@ -1016,6 +1158,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedTableLayout: import("vue").Ref<"fixed" | "auto">;
     headerCheckboxDisabled: import("vue").Ref<boolean>;
     handleMouseenter: () => void;
+    handleMouseleave: () => void;
     handleCheckboxUpdateChecked: () => void;
     handleColHeaderClick: (e: MouseEvent, column: TableBaseColumn) => void;
     handleTableHeaderScroll: (e: Event) => void;

package/es/data-table/src/TableParts/Header.js

@@ -45,6 +45,9 @@ export default defineComponent({
         function handleMouseenter() {
             scrollPartRef.value = 'head';
         }
+        function handleMouseleave() {
+            scrollPartRef.value = 'body';
+        }
         return {
             componentId,
             mergedSortState: mergedSortStateRef,
@@ -62,6 +65,7 @@ export default defineComponent({
             mergedTableLayout: mergedTableLayoutRef,
             headerCheckboxDisabled: headerCheckboxDisabledRef,
             handleMouseenter,
+            handleMouseleave,
             handleCheckboxUpdateChecked,
             handleColHeaderClick,
             handleTableHeaderScroll
@@ -115,8 +119,8 @@ export default defineComponent({
         if (!discrete) {
             return theadVNode;
         }
-        const { handleTableHeaderScroll, handleMouseenter, scrollX } = this;
-        return (h("div", { class: `${mergedClsPrefix}-data-table-base-table-header`, onScroll: handleTableHeaderScroll, onMouseenter: handleMouseenter },
+        const { handleTableHeaderScroll, handleMouseenter, handleMouseleave, scrollX } = this;
+        return (h("div", { class: `${mergedClsPrefix}-data-table-base-table-header`, onScroll: handleTableHeaderScroll, onMouseenter: handleMouseenter, onMouseleave: handleMouseleave },
             h("table", { ref: "body", class: `${mergedClsPrefix}-data-table-table`, style: {
                     minWidth: formatLength(scrollX),
                     tableLayout: mergedTableLayout

package/es/data-table/src/interface.d.ts

@@ -1,9 +1,10 @@
 import { TreeNode } from 'treemate';
 import { CSSProperties, Ref, VNodeChild, HTMLAttributes, Slots } from 'vue';
-import { EllipsisProps } from '../../ellipsis/src/Ellipsis';
-import { NLocale } from '../../locales';
-import { MergedTheme } from '../../_mixins';
-import { DataTableTheme } from '../styles';
+import type { ScrollTo } from '../../scrollbar/src/Scrollbar';
+import type { EllipsisProps } from '../../ellipsis/src/Ellipsis';
+import type { NLocale } from '../../locales';
+import type { MergedTheme } from '../../_mixins';
+import type { DataTableTheme } from '../styles';
 import type { RowItem, ColItem } from './use-group-header';
 import type { DataTableSelectionOption } from './TableParts/SelectionMenu';
 export declare type FilterOptionValue = string | number;
@@ -31,7 +32,9 @@ export interface FilterOption {
 }
 export declare type TmNode = TreeNode<InternalRowData>;
 export declare type SortOrder = 'ascend' | 'descend' | false;
-export declare type Ellipsis = boolean | EllipsisProps;
+export declare type Ellipsis = boolean | (EllipsisProps & {
+    style?: CSSProperties;
+});
 export interface CommonColumnInfo<T = InternalRowData> {
     fixed?: 'left' | 'right';
     width?: number | string;
@@ -90,7 +93,7 @@ export declare type TableSelectionColumn<T = InternalRowData> = {
     rowSpan?: never;
 } & CommonColumnInfo<T>;
 export declare type RenderExpand<T = InternalRowData> = (row: T, index: number) => VNodeChild;
-export declare type Expandable<T = InternalRowData> = (row: T, index: number) => boolean;
+export declare type Expandable<T = InternalRowData> = (row: T) => boolean;
 export interface TableExpandColumn<T = InternalRowData> extends Omit<TableSelectionColumn<T>, 'type'> {
     type: 'expand';
     title?: TableExpandColumnTitle;
@@ -172,6 +175,7 @@ export interface DataTableInjection {
     handleTableBodyScroll: (e: Event) => void;
     syncScrollState: (deltaX?: number, deltaY?: number) => void;
     setHeaderScrollLeft: (scrollLeft: number) => void;
+    renderCell: Ref<undefined | ((value: any, rowData: object, column: TableBaseColumn) => VNodeChild)>;
 }
 export declare const dataTableInjectionKey: import("vue").InjectionKey<DataTableInjection>;
 export interface MainTableInjection {
@@ -191,7 +195,7 @@ export declare type RenderFilterMenu = (actions: {
     hide: () => void;
 }) => VNodeChild;
 export declare type OnUpdateExpandedRowKeys = (keys: RowKey[]) => void;
-export declare type OnUpdateCheckedRowKeys = (keys: RowKey[]) => void;
+export declare type OnUpdateCheckedRowKeys = (keys: RowKey[], row: InternalRowData[]) => void;
 export declare type OnUpdateSorter = (sortState: SortState & SortState[] & null) => void;
 export declare type OnUpdateSorterImpl = (sortState: SortState | SortState[] | null) => void;
 export declare type OnUpdateFilters = (filterState: FilterState, sourceColumn: TableBaseColumn) => void;
@@ -206,9 +210,11 @@ export interface FilterState {
 export interface MainTableRef {
     getHeaderElement: () => HTMLElement | null;
     getBodyElement: () => HTMLElement | null;
+    scrollTo: ScrollTo;
 }
 export interface MainTableBodyRef {
     getScrollContainer: () => HTMLElement | null;
+    scrollTo: ScrollTo;
 }
 export interface MainTableHeaderRef {
     $el: HTMLElement | null;
@@ -222,6 +228,7 @@ export interface DataTableInst {
     clearSorter: () => void;
     page: (page: number) => void;
     sort: (columnKey: ColumnKey, order: SortOrder) => void;
+    scrollTo: ScrollTo;
     /** @deprecated it but just leave it here, it does no harm */
     clearFilter: () => void;
 }