naive-ui 2.23.1 → 2.24.2

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;
@@ -200,9 +174,9 @@ export default defineComponent({
                 const { self: { actionDividerColor, actionPadding, actionButtonMargin } } = themeRef.value;
                 // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
                 return {
-                    '--action-padding': actionPadding,
-                    '--action-button-margin': actionButtonMargin,
-                    '--action-divider-color': actionDividerColor
+                    '--n-action-padding': actionPadding,
+                    '--n-action-button-margin': actionButtonMargin,
+                    '--n-action-divider-color': actionDividerColor
                 };
             }),
             mergedTableLayoutRef,
@@ -235,45 +209,45 @@ export default defineComponent({
                 const { size } = props;
                 const { common: { cubicBezierEaseInOut }, self: { borderColor, tdColorHover, thColor, thColorHover, tdColor, tdTextColor, thTextColor, thFontWeight, thButtonColorHover, thIconColor, thIconColorActive, filterSize, borderRadius, lineHeight, tdColorModal, thColorModal, borderColorModal, thColorHoverModal, tdColorHoverModal, borderColorPopover, thColorPopover, tdColorPopover, tdColorHoverPopover, thColorHoverPopover, paginationMargin, emptyPadding, boxShadowAfter, boxShadowBefore, sorterSize, loadingColor, loadingSize, opacityLoading, tdColorStriped, tdColorStripedModal, tdColorStripedPopover, [createKey('fontSize', size)]: fontSize, [createKey('thPadding', size)]: thPadding, [createKey('tdPadding', size)]: tdPadding } } = themeRef.value;
                 return {
-                    '--font-size': fontSize,
-                    '--th-padding': thPadding,
-                    '--td-padding': tdPadding,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--border-radius': borderRadius,
-                    '--line-height': lineHeight,
-                    '--border-color': borderColor,
-                    '--border-color-modal': borderColorModal,
-                    '--border-color-popover': borderColorPopover,
-                    '--th-color': thColor,
-                    '--th-color-hover': thColorHover,
-                    '--th-color-modal': thColorModal,
-                    '--th-color-hover-modal': thColorHoverModal,
-                    '--th-color-popover': thColorPopover,
-                    '--th-color-hover-popover': thColorHoverPopover,
-                    '--td-color': tdColor,
-                    '--td-color-hover': tdColorHover,
-                    '--td-color-modal': tdColorModal,
-                    '--td-color-hover-modal': tdColorHoverModal,
-                    '--td-color-popover': tdColorPopover,
-                    '--td-color-hover-popover': tdColorHoverPopover,
-                    '--th-text-color': thTextColor,
-                    '--td-text-color': tdTextColor,
-                    '--th-font-weight': thFontWeight,
-                    '--th-button-color-hover': thButtonColorHover,
-                    '--th-icon-color': thIconColor,
-                    '--th-icon-color-active': thIconColorActive,
-                    '--filter-size': filterSize,
-                    '--pagination-margin': paginationMargin,
-                    '--empty-padding': emptyPadding,
-                    '--box-shadow-before': boxShadowBefore,
-                    '--box-shadow-after': boxShadowAfter,
-                    '--sorter-size': sorterSize,
-                    '--loading-size': loadingSize,
-                    '--loading-color': loadingColor,
-                    '--opacity-loading': opacityLoading,
-                    '--td-color-striped': tdColorStriped,
-                    '--td-color-striped-modal': tdColorStripedModal,
-                    '--td-color-striped-popover': tdColorStripedPopover
+                    '--n-font-size': fontSize,
+                    '--n-th-padding': thPadding,
+                    '--n-td-padding': tdPadding,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-border-radius': borderRadius,
+                    '--n-line-height': lineHeight,
+                    '--n-border-color': borderColor,
+                    '--n-border-color-modal': borderColorModal,
+                    '--n-border-color-popover': borderColorPopover,
+                    '--n-th-color': thColor,
+                    '--n-th-color-hover': thColorHover,
+                    '--n-th-color-modal': thColorModal,
+                    '--n-th-color-hover-modal': thColorHoverModal,
+                    '--n-th-color-popover': thColorPopover,
+                    '--n-th-color-hover-popover': thColorHoverPopover,
+                    '--n-td-color': tdColor,
+                    '--n-td-color-hover': tdColorHover,
+                    '--n-td-color-modal': tdColorModal,
+                    '--n-td-color-hover-modal': tdColorHoverModal,
+                    '--n-n-td-color-popover': tdColorPopover,
+                    '--n-td-color-hover-popover': tdColorHoverPopover,
+                    '--n-th-text-color': thTextColor,
+                    '--n-td-text-color': tdTextColor,
+                    '--n-th-font-weight': thFontWeight,
+                    '--n-th-button-color-hover': thButtonColorHover,
+                    '--n-th-icon-color': thIconColor,
+                    '--n-th-icon-color-active': thIconColorActive,
+                    '--n-filter-size': filterSize,
+                    '--n-pagination-margin': paginationMargin,
+                    '--n-empty-padding': emptyPadding,
+                    '--n-box-shadow-before': boxShadowBefore,
+                    '--n-box-shadow-after': boxShadowAfter,
+                    '--n-sorter-size': sorterSize,
+                    '--n-loading-size': loadingSize,
+                    '--n-loading-color': loadingColor,
+                    '--n-opacity-loading': opacityLoading,
+                    '--n-td-color-striped': tdColorStriped,
+                    '--n-td-color-striped-modal': tdColorStripedModal,
+                    '--n-td-color-striped-popover': tdColorStripedPopover
                 };
             }) });
     },

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

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

@@ -9,13 +9,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SortOrder>;
         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;
-    order?: unknown;
-} & {
-    render: RenderSorter;
-    order: SortOrder;
-} & {}>, {
+}, 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<RenderSorter>;
+        required: true;
+    };
+    order: {
+        type: PropType<SortOrder>;
+        default: boolean;
+    };
+}>>, {
     order: SortOrder;
 }>;
 export default _default;

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

@@ -10,9 +10,10 @@ declare const _default: import("vue").DefineComponent<{
     active: import("vue").ComputedRef<boolean>;
     mergedSortOrder: import("vue").ComputedRef<import("../interface").SortOrder>;
     mergedRenderSorter: import("vue").ComputedRef<import("../interface").RenderSorter | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    column?: unknown;
-} & {
-    column: TableBaseColumn<import("../interface").InternalRowData>;
-} & {}>, {}>;
+}, 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;
+    };
+}>>, {}>;
 export default _default;

package/es/data-table/src/HeaderButton/SortButton.js

@@ -40,13 +40,13 @@ export default defineComponent({
     },
     render() {
         const { mergedRenderSorter, mergedSortOrder, mergedClsPrefix } = this;
+        const { renderSorterIcon } = this.column;
         return mergedRenderSorter ? (h(RenderSorter, { render: mergedRenderSorter, order: mergedSortOrder })) : (h("span", { class: [
                 `${mergedClsPrefix}-data-table-sorter`,
-                {
-                    [`${mergedClsPrefix}-data-table-sorter--asc`]: mergedSortOrder === 'ascend',
-                    [`${mergedClsPrefix}-data-table-sorter--desc`]: mergedSortOrder === 'descend'
-                }
-            ] },
-            h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(ArrowDownIcon, null) })));
+                mergedSortOrder === 'ascend' &&
+                    `${mergedClsPrefix}-data-table-sorter--asc`,
+                mergedSortOrder === 'descend' &&
+                    `${mergedClsPrefix}-data-table-sorter--desc`
+            ] }, renderSorterIcon ? (renderSorterIcon({ order: mergedSortOrder })) : (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(ArrowDownIcon, null) }))));
     }
 });

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

@@ -16,5 +16,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     flexHeight: import("vue").Ref<boolean>;
     handleBodyResize: (entry: ResizeObserverEntry) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -13,11 +13,14 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     componentId: string;
     scrollbarInstRef: import("vue").Ref<{
-        scrollTo: import("../../../_internal/scrollbar/src/ScrollBar").ScrollTo;
-        sync: () => void;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;
+        syncUnifiedContainer: () => void;
+        scrollTo: import("../../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        sync: () => void;
+        handleMouseEnterWrapper: () => void;
+        handleMouseLeaveWrapper: () => void;
     } | null>;
     virtualListRef: import("vue").Ref<{
         listElRef: HTMLElement;
@@ -544,6 +547,7 @@ declare const _default: import("vue").DefineComponent<{
                         clearColorHover: string;
                         clearColorPressed: string;
                         paddingSingle: string;
+                        paddingMultiple: string;
                         clearSize: string;
                         arrowSize: string;
                     }, {
@@ -803,6 +807,7 @@ declare const _default: import("vue").DefineComponent<{
                             clearColorHover: string;
                             clearColorPressed: string;
                             paddingSingle: string;
+                            paddingMultiple: string;
                             clearSize: string;
                             arrowSize: string;
                         }, {
@@ -1024,18 +1029,12 @@ declare const _default: import("vue").DefineComponent<{
         key: RowKey;
     }, checked: boolean, shiftKey: boolean) => void;
     handleUpdateExpanded: (key: RowKey) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    onResize?: unknown;
-    showHeader?: unknown;
-    flexHeight?: unknown;
-    bodyStyle?: unknown;
-} & {
-    flexHeight: boolean;
-    showHeader: boolean;
-} & {
-    onResize?: ((e: ResizeObserverEntry) => void) | undefined;
-    bodyStyle?: CSSProperties | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onResize: PropType<(e: ResizeObserverEntry) => void>;
+    showHeader: BooleanConstructor;
+    flexHeight: BooleanConstructor;
+    bodyStyle: PropType<CSSProperties>;
+}>>, {
     flexHeight: boolean;
     showHeader: boolean;
 }>;

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

@@ -1,7 +1,9 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { h, ref, defineComponent, inject, watchEffect, onUnmounted, computed, renderSlot, Fragment } from 'vue';
+import { h, ref, defineComponent, inject, watchEffect, onUnmounted, computed, Fragment } from 'vue';
 import { pxfy, repeat } from 'seemly';
 import { VirtualList, VResizeObserver } from 'vueuc';
+import { useMemo } from 'vooks';
+import { cssrAnchorMetaName } from '../../../_mixins/common';
 import { c } from '../../../_utils/cssr';
 import { NScrollbar } from '../../../_internal';
 import { formatLength } from '../../../_utils';
@@ -12,7 +14,6 @@ import Cell from './Cell';
 import ExpandTrigger from './ExpandTrigger';
 import RenderSafeCheckbox from './BodyCheckbox';
 import TableHeader from './Header';
-import { useMemo } from 'vooks';
 function flatten(rowInfos, expandedRowKeys) {
     const fRows = [];
     function traverse(rs) {
@@ -190,12 +191,12 @@ export default defineComponent({
                 const createActiveLeftFixedStyle = (leftActiveFixedColKey) => {
                     if (leftActiveFixedColKey === null)
                         return null;
-                    return c(`[data-n-id="${cProps.componentId}"] [data-col-key="${leftActiveFixedColKey}"]::after`, { boxShadow: 'var(--box-shadow-after)' });
+                    return c(`[data-n-id="${cProps.componentId}"] [data-col-key="${leftActiveFixedColKey}"]::after`, { boxShadow: 'var(--n-box-shadow-after)' });
                 };
                 const createActiveRightFixedStyle = (rightActiveFixedColKey) => {
                     if (rightActiveFixedColKey === null)
                         return null;
-                    return c(`[data-n-id="${cProps.componentId}"] [data-col-key="${rightActiveFixedColKey}"]::before`, { boxShadow: 'var(--box-shadow-before)' });
+                    return c(`[data-n-id="${cProps.componentId}"] [data-col-key="${rightActiveFixedColKey}"]::before`, { boxShadow: 'var(--n-box-shadow-before)' });
                 };
                 return c([
                     createActiveLeftFixedStyle(cProps.leftActiveFixedColKey),
@@ -226,7 +227,8 @@ export default defineComponent({
             style.mount({
                 id: `n-${componentId}`,
                 force: true,
-                props: cProps
+                props: cProps,
+                anchorMetaName: cssrAnchorMetaName
             });
             fixedStyleMounted = true;
         });
@@ -493,9 +495,7 @@ export default defineComponent({
             const createEmptyNode = () => (h("div", { class: [
                     `${mergedClsPrefix}-data-table-empty`,
                     this.loading && `${mergedClsPrefix}-data-table-empty--hide`
-                ], style: this.bodyStyle, ref: "emptyElRef" }, renderSlot(this.dataTableSlots, 'empty', undefined, () => [
-                h(NEmpty, { theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty })
-            ])));
+                ], style: this.bodyStyle, ref: "emptyElRef" }, this.dataTableSlots.empty ? (this.dataTableSlots.empty()) : (h(NEmpty, { theme: this.mergedTheme.peers.Empty, themeOverrides: this.mergedTheme.peerOverrides.Empty }))));
             if (this.shouldDisplaySomeTablePart) {
                 return (h(Fragment, null,
                     tableNode,

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

@@ -13,13 +13,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(checked: boolean, e: MouseEvent | KeyboardEvent) => void>;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    rowKey?: unknown;
-    disabled?: unknown;
-    onUpdateChecked?: unknown;
-} & {
-    disabled: boolean;
-    onUpdateChecked: (checked: boolean, e: MouseEvent | KeyboardEvent) => void;
-    rowKey: RowKey;
-} & {}>, {}>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rowKey: {
+        type: PropType<RowKey>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    onUpdateChecked: {
+        type: PropType<(checked: boolean, e: MouseEvent | KeyboardEvent) => void>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;