naive-ui 2.23.2 → 2.24.3

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

@@ -1,5 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { PaginationProps } from '../../pagination/src/Pagination';
+import type { PaginationProps } from '../../pagination';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { CreateRowClassName, CreateRowKey, OnUpdateCheckedRowKeys, OnUpdateSorter, RowKey, TableColumns, RowData, OnUpdateFilters, OnUpdateExpandedRowKeys, CreateSummary, CreateRowProps } from './interface';
 export declare const dataTableProps: {
@@ -82,31 +82,11 @@ export declare const dataTableProps: {
     readonly onUpdateCheckedRowKeys: PropType<MaybeArray<OnUpdateCheckedRowKeys>>;
     readonly 'onUpdate:expandedRowKeys': PropType<MaybeArray<OnUpdateExpandedRowKeys>>;
     readonly onUpdateExpandedRowKeys: PropType<MaybeArray<OnUpdateExpandedRowKeys>>;
-    readonly onPageChange: {
-        readonly type: PropType<MaybeArray<(page: number) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onPageSizeChange: {
-        readonly type: PropType<MaybeArray<(pageSize: number) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onSorterChange: {
-        readonly type: PropType<MaybeArray<OnUpdateSorter> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onFiltersChange: {
-        readonly type: PropType<MaybeArray<OnUpdateFilters> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onCheckedRowKeysChange: {
-        readonly type: PropType<MaybeArray<OnUpdateCheckedRowKeys> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onPageChange: PropType<MaybeArray<(page: number) => void> | undefined>;
+    readonly onPageSizeChange: PropType<MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly onSorterChange: PropType<MaybeArray<OnUpdateSorter> | undefined>;
+    readonly onFiltersChange: PropType<MaybeArray<OnUpdateFilters> | undefined>;
+    readonly onCheckedRowKeysChange: PropType<MaybeArray<OnUpdateCheckedRowKeys> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"DataTable", {
         actionDividerColor: string;
         lineHeight: string;
@@ -519,6 +499,7 @@ export declare const dataTableProps: {
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -1119,6 +1100,7 @@ export declare const dataTableProps: {
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -1719,6 +1701,7 @@ export declare const dataTableProps: {
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -1990,31 +1973,11 @@ declare const _default: import("vue").DefineComponent<{
     readonly onUpdateCheckedRowKeys: PropType<MaybeArray<OnUpdateCheckedRowKeys>>;
     readonly 'onUpdate:expandedRowKeys': PropType<MaybeArray<OnUpdateExpandedRowKeys>>;
     readonly onUpdateExpandedRowKeys: PropType<MaybeArray<OnUpdateExpandedRowKeys>>;
-    readonly onPageChange: {
-        readonly type: PropType<MaybeArray<(page: number) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onPageSizeChange: {
-        readonly type: PropType<MaybeArray<(pageSize: number) => void> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onSorterChange: {
-        readonly type: PropType<MaybeArray<OnUpdateSorter> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onFiltersChange: {
-        readonly type: PropType<MaybeArray<OnUpdateFilters> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onCheckedRowKeysChange: {
-        readonly type: PropType<MaybeArray<OnUpdateCheckedRowKeys> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onPageChange: PropType<MaybeArray<(page: number) => void> | undefined>;
+    readonly onPageSizeChange: PropType<MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly onSorterChange: PropType<MaybeArray<OnUpdateSorter> | undefined>;
+    readonly onFiltersChange: PropType<MaybeArray<OnUpdateFilters> | undefined>;
+    readonly onCheckedRowKeysChange: PropType<MaybeArray<OnUpdateCheckedRowKeys> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"DataTable", {
         actionDividerColor: string;
         lineHeight: string;
@@ -2427,6 +2390,7 @@ declare const _default: import("vue").DefineComponent<{
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -3027,6 +2991,7 @@ declare const _default: import("vue").DefineComponent<{
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -3627,6 +3592,7 @@ declare const _default: import("vue").DefineComponent<{
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -4386,6 +4352,7 @@ declare const _default: import("vue").DefineComponent<{
                         clearColorHover: string;
                         clearColorPressed: string;
                         paddingSingle: string;
+                        paddingMultiple: string;
                         clearSize: string;
                         arrowSize: string;
                     }, {
@@ -4645,6 +4612,7 @@ declare const _default: import("vue").DefineComponent<{
                             clearColorHover: string;
                             clearColorPressed: string;
                             paddingSingle: string;
+                            paddingMultiple: string;
                             clearSize: string;
                             arrowSize: string;
                         }, {
@@ -4825,78 +4793,92 @@ declare const _default: import("vue").DefineComponent<{
     mergedBordered: import("vue").ComputedRef<boolean>;
     mergedBottomBordered: import("vue").ComputedRef<boolean>;
     mergedPagination: import("vue").ComputedRef<PaginationProps>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly pagination?: unknown;
-    readonly minHeight?: unknown;
-    readonly maxHeight?: unknown;
-    readonly columns?: unknown;
-    readonly rowClassName?: unknown;
-    readonly rowProps?: unknown;
-    readonly rowKey?: unknown;
-    readonly summary?: unknown;
-    readonly data?: unknown;
-    readonly loading?: unknown;
-    readonly bordered?: unknown;
-    readonly bottomBordered?: unknown;
-    readonly striped?: unknown;
-    readonly scrollX?: unknown;
-    readonly defaultCheckedRowKeys?: unknown;
-    readonly checkedRowKeys?: unknown;
-    readonly singleLine?: unknown;
-    readonly singleColumn?: unknown;
-    readonly size?: unknown;
-    readonly remote?: unknown;
-    readonly defaultExpandedRowKeys?: unknown;
-    readonly expandedRowKeys?: unknown;
-    readonly virtualScroll?: unknown;
-    readonly tableLayout?: unknown;
-    readonly cascade?: unknown;
-    readonly childrenKey?: unknown;
-    readonly indent?: unknown;
-    readonly flexHeight?: unknown;
-    readonly 'onUpdate:page'?: unknown;
-    readonly onUpdatePage?: unknown;
-    readonly 'onUpdate:pageSize'?: unknown;
-    readonly onUpdatePageSize?: unknown;
-    readonly 'onUpdate:sorter'?: unknown;
-    readonly onUpdateSorter?: unknown;
-    readonly 'onUpdate:filters'?: unknown;
-    readonly onUpdateFilters?: unknown;
-    readonly 'onUpdate:checkedRowKeys'?: unknown;
-    readonly onUpdateCheckedRowKeys?: unknown;
-    readonly 'onUpdate:expandedRowKeys'?: unknown;
-    readonly onUpdateExpandedRowKeys?: unknown;
-    readonly onPageChange?: unknown;
-    readonly onPageSizeChange?: unknown;
-    readonly onSorterChange?: unknown;
-    readonly onFiltersChange?: unknown;
-    readonly onCheckedRowKeysChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    data: RowData[];
-    size: "small" | "medium" | "large";
-    tableLayout: "fixed" | "auto";
-    columns: TableColumns<any>;
-    loading: boolean;
-    virtualScroll: boolean;
-    remote: boolean;
-    pagination: false | PaginationProps;
-    striped: boolean;
-    defaultCheckedRowKeys: RowKey[];
-    singleLine: boolean;
-    singleColumn: boolean;
-    defaultExpandedRowKeys: RowKey[];
-    cascade: boolean;
-    childrenKey: string;
-    indent: number;
-    flexHeight: boolean;
-} & {
-    maxHeight?: string | number | undefined;
-    minHeight?: string | number | undefined;
-    summary?: CreateSummary<any> | undefined;
-    theme?: import("../../_mixins").Theme<"DataTable", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly pagination: {
+        readonly type: PropType<false | PaginationProps>;
+        readonly default: false;
+    };
+    readonly minHeight: PropType<string | number>;
+    readonly maxHeight: PropType<string | number>;
+    readonly columns: {
+        readonly type: PropType<TableColumns<any>>;
+        readonly default: () => never[];
+    };
+    readonly rowClassName: PropType<string | CreateRowClassName<any>>;
+    readonly rowProps: PropType<CreateRowProps<any>>;
+    readonly rowKey: PropType<CreateRowKey<any>>;
+    readonly summary: PropType<CreateSummary<any>>;
+    readonly data: {
+        readonly type: PropType<RowData[]>;
+        readonly default: () => never[];
+    };
+    readonly loading: BooleanConstructor;
+    readonly bordered: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly bottomBordered: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly striped: BooleanConstructor;
+    readonly scrollX: PropType<string | number>;
+    readonly defaultCheckedRowKeys: {
+        readonly type: PropType<RowKey[]>;
+        readonly default: () => never[];
+    };
+    readonly checkedRowKeys: PropType<RowKey[]>;
+    readonly singleLine: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly singleColumn: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly remote: BooleanConstructor;
+    readonly defaultExpandedRowKeys: {
+        readonly type: PropType<RowKey[]>;
+        readonly default: readonly [];
+    };
+    readonly expandedRowKeys: PropType<RowKey[]>;
+    readonly virtualScroll: BooleanConstructor;
+    readonly tableLayout: {
+        readonly type: PropType<"fixed" | "auto">;
+        readonly default: "auto";
+    };
+    readonly cascade: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly childrenKey: {
+        readonly type: StringConstructor;
+        readonly default: "children";
+    };
+    readonly indent: {
+        readonly type: NumberConstructor;
+        readonly default: 16;
+    };
+    readonly flexHeight: BooleanConstructor;
+    readonly 'onUpdate:page': PropType<MaybeArray<(page: number) => void> | undefined>;
+    readonly onUpdatePage: PropType<MaybeArray<(page: number) => void> | undefined>;
+    readonly 'onUpdate:pageSize': PropType<MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly onUpdatePageSize: PropType<MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly 'onUpdate:sorter': PropType<MaybeArray<OnUpdateSorter>>;
+    readonly onUpdateSorter: PropType<MaybeArray<OnUpdateSorter>>;
+    readonly 'onUpdate:filters': PropType<MaybeArray<OnUpdateFilters>>;
+    readonly onUpdateFilters: PropType<MaybeArray<OnUpdateFilters>>;
+    readonly 'onUpdate:checkedRowKeys': PropType<MaybeArray<OnUpdateCheckedRowKeys>>;
+    readonly onUpdateCheckedRowKeys: PropType<MaybeArray<OnUpdateCheckedRowKeys>>;
+    readonly 'onUpdate:expandedRowKeys': PropType<MaybeArray<OnUpdateExpandedRowKeys>>;
+    readonly onUpdateExpandedRowKeys: PropType<MaybeArray<OnUpdateExpandedRowKeys>>;
+    readonly onPageChange: PropType<MaybeArray<(page: number) => void> | undefined>;
+    readonly onPageSizeChange: PropType<MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly onSorterChange: PropType<MaybeArray<OnUpdateSorter> | undefined>;
+    readonly onFiltersChange: PropType<MaybeArray<OnUpdateFilters> | undefined>;
+    readonly onCheckedRowKeysChange: PropType<MaybeArray<OnUpdateCheckedRowKeys> | undefined>;
+    readonly theme: PropType<import("../../_mixins").Theme<"DataTable", {
         actionDividerColor: string;
         lineHeight: string;
         borderRadius: string;
@@ -5308,6 +5290,7 @@ declare const _default: import("vue").DefineComponent<{
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -5495,8 +5478,8 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
         }>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DataTable", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DataTable", {
         actionDividerColor: string;
         lineHeight: string;
         borderRadius: string;
@@ -5908,6 +5891,7 @@ declare const _default: import("vue").DefineComponent<{
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -6095,8 +6079,8 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
         }>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DataTable", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DataTable", {
         actionDividerColor: string;
         lineHeight: string;
         borderRadius: string;
@@ -6508,6 +6492,7 @@ declare const _default: import("vue").DefineComponent<{
                     clearColorHover: string;
                     clearColorPressed: string;
                     paddingSingle: string;
+                    paddingMultiple: string;
                     clearSize: string;
                     arrowSize: string;
                 }, {
@@ -6695,33 +6680,8 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
         }>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    "onUpdate:page"?: MaybeArray<(page: number) => void> | undefined;
-    onUpdatePage?: MaybeArray<(page: number) => void> | undefined;
-    "onUpdate:pageSize"?: MaybeArray<(pageSize: number) => void> | undefined;
-    onUpdatePageSize?: MaybeArray<(pageSize: number) => void> | undefined;
-    onPageSizeChange?: MaybeArray<(pageSize: number) => void> | undefined;
-    rowClassName?: string | CreateRowClassName<any> | undefined;
-    rowProps?: CreateRowProps<any> | undefined;
-    rowKey?: CreateRowKey<any> | undefined;
-    bottomBordered?: boolean | undefined;
-    scrollX?: string | number | undefined;
-    checkedRowKeys?: RowKey[] | undefined;
-    expandedRowKeys?: RowKey[] | undefined;
-    "onUpdate:sorter"?: MaybeArray<OnUpdateSorter> | undefined;
-    onUpdateSorter?: MaybeArray<OnUpdateSorter> | undefined;
-    "onUpdate:filters"?: MaybeArray<OnUpdateFilters> | undefined;
-    onUpdateFilters?: MaybeArray<OnUpdateFilters> | undefined;
-    "onUpdate:checkedRowKeys"?: MaybeArray<OnUpdateCheckedRowKeys> | undefined;
-    onUpdateCheckedRowKeys?: MaybeArray<OnUpdateCheckedRowKeys> | undefined;
-    "onUpdate:expandedRowKeys"?: MaybeArray<OnUpdateExpandedRowKeys> | undefined;
-    onUpdateExpandedRowKeys?: MaybeArray<OnUpdateExpandedRowKeys> | undefined;
-    onPageChange?: MaybeArray<(page: number) => void> | undefined;
-    onSorterChange?: MaybeArray<OnUpdateSorter> | undefined;
-    onFiltersChange?: MaybeArray<OnUpdateFilters> | undefined;
-    onCheckedRowKeysChange?: MaybeArray<OnUpdateCheckedRowKeys> | undefined;
-}>, {
+    }>>>;
+}>>, {
     data: RowData[];
     size: "small" | "medium" | "large";
     tableLayout: "fixed" | "auto";
@@ -6731,7 +6691,6 @@ declare const _default: import("vue").DefineComponent<{
     virtualScroll: boolean;
     remote: boolean;
     pagination: false | PaginationProps;
-    onPageSizeChange: MaybeArray<(pageSize: number) => void> | undefined;
     bottomBordered: boolean | undefined;
     striped: boolean;
     defaultCheckedRowKeys: RowKey[];
@@ -6742,9 +6701,5 @@ declare const _default: import("vue").DefineComponent<{
     childrenKey: string;
     indent: number;
     flexHeight: boolean;
-    onPageChange: MaybeArray<(page: number) => void> | undefined;
-    onSorterChange: MaybeArray<OnUpdateSorter> | undefined;
-    onFiltersChange: MaybeArray<OnUpdateFilters> | undefined;
-    onCheckedRowKeysChange: MaybeArray<OnUpdateCheckedRowKeys> | undefined;
 }>;
 export default _default;

package/es/data-table/src/DataTable.js

@@ -1,18 +1,18 @@
-import { h, computed, defineComponent, ref, provide, toRef, Transition } from 'vue';
+import { h, computed, defineComponent, ref, provide, toRef, Transition, watchEffect } from 'vue';
 import { createId } from 'seemly';
 import { useConfig, useLocale, useTheme } from '../../_mixins';
 import { NBaseLoading } from '../../_internal';
 import { NPagination } from '../../pagination';
-import { warn, createKey } from '../../_utils';
+import { createKey, warnOnce } from '../../_utils';
 import { dataTableLight } from '../styles';
 import MainTable from './MainTable';
 import { useCheck } from './use-check';
 import { useTableData } from './use-table-data';
 import { useScroll } from './use-scroll';
 import { dataTableInjectionKey } from './interface';
-import style from './styles/index.cssr';
 import { useGroupHeader } from './use-group-header';
 import { useExpand } from './use-expand';
+import style from './styles/index.cssr';
 export const dataTableProps = Object.assign(Object.assign({}, useTheme.props), { pagination: {
         type: [Object, Boolean],
         default: false
@@ -56,57 +56,31 @@ export const dataTableProps = Object.assign(Object.assign({}, useTheme.props), {
         default: 16
     }, flexHeight: Boolean, 'onUpdate:page': [Function, Array], onUpdatePage: [Function, Array], 'onUpdate:pageSize': [Function, Array], onUpdatePageSize: [Function, Array], 'onUpdate:sorter': [Function, Array], onUpdateSorter: [Function, Array], 'onUpdate:filters': [Function, Array], onUpdateFilters: [Function, Array], 'onUpdate:checkedRowKeys': [Function, Array], onUpdateCheckedRowKeys: [Function, Array], 'onUpdate:expandedRowKeys': [Function, Array], onUpdateExpandedRowKeys: [Function, Array], 
     // deprecated
-    onPageChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('data-table', '`on-page-change` is deprecated, please use `on-update:page` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, onPageSizeChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('data-table', '`on-page-size-change` is deprecated, please use `on-update:page-size` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, onSorterChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('data-table', '`on-sorter-change` is deprecated, please use `on-update:sorter` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, onFiltersChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('data-table', '`on-filters-change` is deprecated, please use `on-update:filters` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    }, onCheckedRowKeysChange: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('data-table', '`on-checked-row-keys-change` is deprecated, please use `on-update:checked-row-keys` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    } });
+    onPageChange: [Function, Array], onPageSizeChange: [Function, Array], onSorterChange: [Function, Array], onFiltersChange: [Function, Array], onCheckedRowKeysChange: [Function, Array] });
 export default defineComponent({
     name: 'DataTable',
     alias: ['AdvancedTable'],
     props: dataTableProps,
     setup(props, { slots }) {
+        if (process.env.NODE_ENV !== 'production') {
+            watchEffect(() => {
+                if (props.onPageChange !== undefined) {
+                    warnOnce('data-table', '`on-page-change` is deprecated, please use `on-update:page` instead.');
+                }
+                if (props.onPageSizeChange !== undefined) {
+                    warnOnce('data-table', '`on-page-size-change` is deprecated, please use `on-update:page-size` instead.');
+                }
+                if (props.onSorterChange !== undefined) {
+                    warnOnce('data-table', '`on-sorter-change` is deprecated, please use `on-update:sorter` instead.');
+                }
+                if (props.onFiltersChange !== undefined) {
+                    warnOnce('data-table', '`on-filters-change` is deprecated, please use `on-update:filters` instead.');
+                }
+                if (props.onCheckedRowKeysChange !== undefined) {
+                    warnOnce('data-table', '`on-checked-row-keys-change` is deprecated, please use `on-update:checked-row-keys` instead.');
+                }
+            });
+        }
         const { mergedBorderedRef, mergedClsPrefixRef } = useConfig(props);
         const mergedBottomBorderedRef = computed(() => {
             const { bottomBordered } = props;

package/es/data-table/src/HeaderButton/FilterButton.d.ts

@@ -527,6 +527,7 @@ declare const _default: import("vue").DefineComponent<{
                         clearColorHover: string;
                         clearColorPressed: string;
                         paddingSingle: string;
+                        paddingMultiple: string;
                         clearSize: string;
                         arrowSize: string;
                     }, {
@@ -786,6 +787,7 @@ declare const _default: import("vue").DefineComponent<{
                             clearColorHover: string;
                             clearColorPressed: string;
                             paddingSingle: string;
+                            paddingMultiple: string;
                             clearSize: string;
                             arrowSize: string;
                         }, {
@@ -972,13 +974,16 @@ declare const _default: import("vue").DefineComponent<{
     handleFilterChange: (mergedFilterValue: FilterOptionValue | FilterOptionValue[] | null) => void;
     handleFilterMenuConfirm: () => void;
     handleFilterMenuCancel: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    column?: unknown;
-    options?: unknown;
-} & {
-    column: TableBaseColumn<import("../interface").InternalRowData>;
-    options: FilterOption[];
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
+        required: true;
+    };
+    options: {
+        type: PropType<FilterOption[]>;
+        default: () => never[];
+    };
+}>>, {
     options: FilterOption[];
 }>;
 export default _default;

package/es/data-table/src/HeaderButton/FilterMenu.d.ts

@@ -552,6 +552,7 @@ declare const _default: import("vue").DefineComponent<{
                         clearColorHover: string;
                         clearColorPressed: string;
                         paddingSingle: string;
+                        paddingMultiple: string;
                         clearSize: string;
                         arrowSize: string;
                     }, {
@@ -811,6 +812,7 @@ declare const _default: import("vue").DefineComponent<{
                             clearColorHover: string;
                             clearColorPressed: string;
                             paddingSingle: string;
+                            paddingMultiple: string;
                             clearSize: string;
                             arrowSize: string;
                         }, {
@@ -998,25 +1000,40 @@ declare const _default: import("vue").DefineComponent<{
     handleChange: (value: FilterOptionValue | FilterOptionValue[]) => void;
     handleConfirmClick: () => void;
     handleClearClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    column?: unknown;
-    radioGroupName?: unknown;
-    multiple?: unknown;
-    value?: unknown;
-    options?: unknown;
-    onConfirm?: unknown;
-    onClear?: unknown;
-    onChange?: unknown;
-} & {
-    value: FilterOptionValue | FilterOptionValue[] | null;
-    column: TableBaseColumn<import("../interface").InternalRowData>;
-    multiple: boolean;
-    onChange: OnFilterMenuChange;
-    onClear: () => void;
-    options: FilterOption[];
-    radioGroupName: string;
-    onConfirm: () => void;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
+        required: true;
+    };
+    radioGroupName: {
+        type: StringConstructor;
+        required: true;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<FilterOptionValue | FilterOptionValue[] | null>;
+        default: null;
+    };
+    options: {
+        type: PropType<FilterOption[]>;
+        required: true;
+    };
+    onConfirm: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onClear: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onChange: {
+        type: PropType<OnFilterMenuChange>;
+        required: true;
+    };
+}>>, {
     value: FilterOptionValue | FilterOptionValue[] | null;
 }>;
 export default _default;

package/es/data-table/src/HeaderButton/RenderFilter.d.ts

@@ -13,15 +13,20 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    render?: unknown;
-    active?: unknown;
-    show?: unknown;
-} & {
-    render: RenderFilter;
-    show: boolean;
-    active: boolean;
-} & {}>, {
+}, 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<{
+    render: {
+        type: PropType<RenderFilter>;
+        required: true;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
     show: boolean;
     active: boolean;
 }>;