naive-ui 2.43.1 → 2.44.0

package/es/color-picker/src/styles/index.cssr.mjs

@@ -10,14 +10,7 @@ import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
 // --n-height
 // --n-box-shadow
 // --n-divider-color
-export default c([cB('color-picker', `
- display: inline-block;
- box-sizing: border-box;
- height: var(--n-height);
- font-size: var(--n-font-size);
- width: 100%;
- position: relative;
- `), cB('color-picker-panel', `
+export default c([cB('color-picker-panel', `
  margin: 4px 0;
  width: 240px;
  font-size: var(--n-panel-font-size);
@@ -132,14 +125,18 @@ export default c([cB('color-picker', `
  border-top: 1px solid var(--n-divider-color);
  padding: 8px 12px;
  justify-content: flex-end;
- `, [cB('button', 'margin-left: 8px;')]), cB('color-picker-trigger', `
- border: var(--n-border);
- height: 100%;
+ `, [cB('button', 'margin-left: 8px;')]), cB('color-picker', `
+ display: inline-block;
  box-sizing: border-box;
+ height: var(--n-height);
+ font-size: var(--n-font-size);
+ width: 100%;
+ position: relative;
+ cursor: pointer;
+ border: var(--n-border);
  border-radius: var(--n-border-radius);
  transition: border-color .3s var(--n-bezier);
- cursor: pointer;
- `, [cE('value', `
+ `, [cM('disabled', 'cursor: not-allowed'), cE('value', `
  white-space: nowrap;
  position: relative;
  `), cE('fill', `
@@ -152,7 +149,7 @@ export default c([cB('color-picker', `
  right: 4px;
  top: 4px;
  bottom: 4px;
- `), cM('disabled', 'cursor: not-allowed'), cB('color-picker-checkboard', `
+ `), cB('color-picker-checkboard', `
  border-radius: var(--n-border-radius);
  `, [c('&::after', `
  --n-block-size: calc((var(--n-height) - 8px) / 3);

package/es/config-provider/src/ConfigProvider.d.ts

@@ -112,11 +112,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly default: undefined;
     };
 }>> & Readonly<{}>, {
-    readonly tag: string;
-    readonly abstract: boolean;
-    readonly as: string | undefined;
     readonly bordered: boolean | undefined;
     readonly inlineThemeDisabled: boolean;
+    readonly tag: string;
+    readonly abstract: boolean;
     readonly preflightStyleDisabled: boolean;
+    readonly as: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/config-provider/src/internal-interface.d.ts

@@ -13,27 +13,33 @@ import type { BackTopTheme } from '../../back-top/styles';
 import type { BadgeTheme } from '../../badge/styles';
 import type { BreadcrumbTheme } from '../../breadcrumb/styles';
 import type { ButtonGroupTheme } from '../../button-group/styles/light';
-import type { Size as ButtonSize } from '../../button/src/interface';
+import type { ButtonSize } from '../../button/src/public-types';
 import type { ButtonTheme } from '../../button/styles';
 import type { CalendarTheme } from '../../calendar/styles';
+import type { CardSize } from '../../card/src/public-types';
 import type { CardTheme } from '../../card/styles';
 import type { CarouselTheme } from '../../carousel/styles';
 import type { CascaderTheme } from '../../cascader/styles';
+import type { CheckboxSize } from '../../checkbox/src/public-types';
 import type { CheckboxTheme } from '../../checkbox/styles';
 import type { CodeTheme } from '../../code/styles';
 import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
 import type { CollapseTheme } from '../../collapse/styles';
 import type { ColorPickerTheme } from '../../color-picker/styles';
 import type { DataTableRenderFilter, DataTableRenderSorter } from '../../data-table';
+import type { DataTableSize } from '../../data-table/src/public-types';
 import type { DataTableTheme } from '../../data-table/styles';
 import type { DatePickerTheme } from '../../date-picker/styles';
+import type { DescriptionsSize } from '../../descriptions/src/public-types';
 import type { DescriptionsTheme } from '../../descriptions/styles';
 import type { IconPlacement } from '../../dialog/src/interface';
 import type { DialogTheme } from '../../dialog/styles';
 import type { DividerTheme } from '../../divider/styles';
 import type { DrawerTheme } from '../../drawer/styles';
+import type { DropdownSize } from '../../dropdown/src/public-types';
 import type { DropdownTheme } from '../../dropdown/styles';
 import type { DynamicInputTheme } from '../../dynamic-input/styles';
+import type { DynamicTagsSize } from '../../dynamic-tags/src/public-types';
 import type { DynamicTagsTheme } from '../../dynamic-tags/styles';
 import type { ElementTheme } from '../../element/styles';
 import type { EllipsisTheme } from '../../ellipsis/styles';
@@ -43,6 +49,7 @@ import type { EquationTheme } from '../../equation/styles';
 import type { FlexTheme } from '../../flex/styles';
 import type { FloatButtonGroupTheme } from '../../float-button-group/styles';
 import type { FloatButtonTheme } from '../../float-button/styles';
+import type { FormSize } from '../../form/src/public-types';
 import type { FormTheme } from '../../form/styles';
 import type { GradientTextTheme } from '../../gradient-text/styles';
 import type { HeatmapTheme } from '../../heatmap/styles';
@@ -51,7 +58,7 @@ import type { IconTheme } from '../../icon/styles';
 import type { ImageTheme } from '../../image/styles';
 import type { InputNumberTheme } from '../../input-number/styles';
 import type { InputOtpTheme } from '../../input-otp/styles';
-import type { Size as InputSize } from '../../input/src/interface';
+import type { InputSize } from '../../input/src/public-types';
 import type { InputTheme } from '../../input/styles';
 import type { LayoutTheme } from '../../layout/styles';
 import type { RowTheme } from '../../legacy-grid/styles';
@@ -67,30 +74,41 @@ import type { MessageTheme } from '../../message/styles';
 import type { ModalTheme } from '../../modal/styles';
 import type { NotificationTheme } from '../../notification/styles';
 import type { PageHeaderTheme } from '../../page-header/styles';
+import type { PaginationSize } from '../../pagination/src/public-types';
 import type { PaginationTheme } from '../../pagination/styles';
 import type { PopconfirmTheme } from '../../popconfirm/styles';
 import type { PopoverTheme } from '../../popover/styles';
+import type { PopselectSize } from '../../popselect/src/public-types';
 import type { PopselectTheme } from '../../popselect/styles';
 import type { ProgressTheme } from '../../progress/styles';
 import type { QrCodeTheme } from '../../qr-code/styles';
+import type { RadioSize } from '../../radio/src/public-types';
 import type { RadioTheme } from '../../radio/styles';
+import type { RateSize } from '../../rate/src/public-types';
 import type { RateTheme } from '../../rate/styles';
+import type { ResultSize } from '../../result/src/public-types';
 import type { ResultTheme } from '../../result/styles';
-import type { Size as SelectSize } from '../../select/src/interface';
+import type { SelectSize } from '../../select/src/public-types';
 import type { SelectTheme } from '../../select/styles';
+import type { SkeletonSize } from '../../skeleton/src/public-types';
 import type { SkeletonTheme } from '../../skeleton/styles';
 import type { SliderTheme } from '../../slider/styles';
+import type { SpaceSize } from '../../space/src/public-types';
 import type { SpaceTheme } from '../../space/styles';
 import type { SpinTheme } from '../../spin/styles';
 import type { SplitTheme } from '../../split/styles';
 import type { StatisticTheme } from '../../statistic/styles';
 import type { StepsTheme } from '../../steps/styles';
+import type { SwitchSize } from '../../switch/src/public-types';
 import type { SwitchTheme } from '../../switch/styles';
+import type { TableSize } from '../../table/src/public-types';
 import type { TableTheme } from '../../table/styles';
+import type { TabsSize } from '../../tabs/src/public-types';
 import type { TabsTheme } from '../../tabs/styles';
+import type { TagSize } from '../../tag/src/public-types';
 import type { TagTheme } from '../../tag/styles';
 import type { ThingTheme } from '../../thing/styles';
-import type { Size as TimePickerSize } from '../../time-picker/src/interface';
+import type { TimePickerSize } from '../../time-picker/src/public-types';
 import type { TimePickerTheme } from '../../time-picker/styles';
 import type { TimelineTheme } from '../../timeline/styles';
 import type { TooltipTheme } from '../../tooltip/styles';
@@ -145,6 +163,7 @@ export interface GlobalThemeWithoutCommon {
     Image?: ImageTheme;
     Input?: InputTheme;
     InputNumber?: InputNumberTheme;
+    InputOtp?: InputOtpTheme;
     Layout?: LayoutTheme;
     LegacyTransfer?: LegacyTransferTheme;
     List?: ListTheme;
@@ -193,10 +212,22 @@ export interface GlobalThemeWithoutCommon {
     Heatmap?: HeatmapTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
-    InputOtp?: InputOtpTheme;
 }
 export interface GlobalComponentConfig {
+    Cascader?: {
+        renderEmpty?: () => VNodeChild;
+    };
+    Button?: {
+        size?: ButtonSize;
+    };
+    Card?: {
+        size?: CardSize;
+    };
+    Checkbox?: {
+        size?: CheckboxSize;
+    };
     Pagination?: {
+        size?: PaginationSize;
         inputSize?: InputSize;
         selectSize?: SelectSize;
     };
@@ -207,13 +238,72 @@ export interface GlobalComponentConfig {
         iconPlacement?: IconPlacement;
     };
     DataTable?: {
+        size?: DataTableSize;
         renderFilter?: DataTableRenderFilter;
         renderSorter?: DataTableRenderSorter;
+        renderEmpty?: () => VNodeChild;
+    };
+    Descriptions?: {
+        size?: DescriptionsSize;
+    };
+    Dropdown?: {
+        size?: DropdownSize;
     };
     DynamicInput?: {
         buttonSize?: ButtonSize;
     };
+    DynamicTags?: {
+        size?: DynamicTagsSize;
+    };
     Empty?: Pick<EmptyProps, 'description' | 'renderIcon'>;
+    Form?: {
+        size?: FormSize;
+    };
+    Input?: {
+        size?: InputSize;
+    };
+    Select?: {
+        renderEmpty?: () => VNodeChild;
+    };
+    Popselect?: {
+        size?: PopselectSize;
+    };
+    Radio?: {
+        size?: RadioSize;
+    };
+    Rate?: {
+        size?: RateSize;
+    };
+    Result?: {
+        size?: ResultSize;
+    };
+    Skeleton?: {
+        size?: SkeletonSize;
+    };
+    Space?: {
+        size?: SpaceSize;
+    };
+    Switch?: {
+        size?: SwitchSize;
+    };
+    Table?: {
+        size?: TableSize;
+    };
+    Tabs?: {
+        size?: TabsSize;
+    };
+    Tag?: {
+        size?: TagSize;
+    };
+    Transfer?: {
+        renderEmpty?: () => VNodeChild;
+    };
+    Tree?: {
+        renderEmpty?: () => VNodeChild;
+    };
+    TreeSelect?: {
+        renderEmpty?: () => VNodeChild;
+    };
 }
 export interface GlobalIconConfig {
     attach?: () => VNodeChild;

package/es/countdown/src/Countdown.d.ts

@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     render: PropType<(props: CountdownTimeInfo) => VNodeChild>;
     onFinish: PropType<() => void>;
 }>> & Readonly<{}>, {
-    active: boolean;
     duration: number;
-    precision: 0 | 1 | 2 | 3;
+    active: boolean;
+    precision: 0 | 1 | 3 | 2;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/data-table/index.d.ts

@@ -1,4 +1,4 @@
 export { default as NDataTable } from './src/DataTable';
 export { dataTableProps } from './src/interface';
 export type { TableBaseColumn as DataTableBaseColumn, TableColumn as DataTableColumn, TableColumnGroup as DataTableColumnGroup, ColumnKey as DataTableColumnKey, TableColumns as DataTableColumns, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, CreateSummary as DataTableCreateSummary, TableExpandColumn as DataTableExpandColumn, FilterState as DataTableFilterState, DataTableInst, DataTableProps, RenderFilter as DataTableRenderFilter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorter as DataTableRenderSorter, RenderSorterIcon as DataTableRenderSorterIcon, RowData as DataTableRowData, RowKey as DataTableRowKey, TableSelectionColumn as DataTableSelectionColumn, DataTableSlots, SortOrder as DataTableSortOrder, SortState as DataTableSortState } from './src/interface';
-export * from './src/publicTypes';
+export type * from './src/public-types';

package/es/data-table/index.mjs

@@ -1,3 +1,2 @@
 export { default as NDataTable } from "./src/DataTable.mjs";
-export { dataTableProps } from "./src/interface.mjs";
-export * from "./src/publicTypes.mjs";
+export { dataTableProps } from "./src/interface.mjs";

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

@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly singleColumn: BooleanConstructor;
     readonly size: {
-        readonly type: import("vue").PropType<"small" | "medium" | "large">;
+        readonly type: import("vue").PropType<import("./public-types").DataTableSize>;
         readonly default: "medium";
     };
     readonly remote: BooleanConstructor;
@@ -99,12 +99,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly scrollbarProps: import("vue").PropType<import("../..").ScrollbarProps>;
     readonly renderCell: import("vue").PropType<(value: any, rowData: object, column: import("./interface").TableBaseColumn) => import("vue").VNodeChild>;
     readonly renderExpandIcon: import("vue").PropType<import("./interface").RenderExpandIcon>;
-    readonly spinProps: {
-        readonly type: import("vue").PropType<import("../../_internal").BaseLoadingExposedProps>;
-        readonly default: {};
-    };
-    readonly getCsvCell: import("vue").PropType<import("./publicTypes").DataTableGetCsvCell>;
-    readonly getCsvHeader: import("vue").PropType<import("./publicTypes").DataTableGetCsvHeader>;
+    readonly spinProps: import("vue").PropType<import("./public-types").DataTableSpinProps>;
+    readonly getCsvCell: import("vue").PropType<import("./public-types").DataTableGetCsvCell>;
+    readonly getCsvHeader: import("vue").PropType<import("./public-types").DataTableGetCsvHeader>;
     readonly onLoad: import("vue").PropType<import("./interface").DataTableOnLoad>;
     readonly 'onUpdate:page': import("vue").PropType<import("../..").PaginationProps["onUpdate:page"]>;
     readonly onUpdatePage: import("vue").PropType<import("../..").PaginationProps["onUpdate:page"]>;
@@ -4315,7 +4312,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly singleColumn: BooleanConstructor;
     readonly size: {
-        readonly type: import("vue").PropType<"small" | "medium" | "large">;
+        readonly type: import("vue").PropType<import("./public-types").DataTableSize>;
         readonly default: "medium";
     };
     readonly remote: BooleanConstructor;
@@ -4368,12 +4365,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly scrollbarProps: import("vue").PropType<import("../..").ScrollbarProps>;
     readonly renderCell: import("vue").PropType<(value: any, rowData: object, column: import("./interface").TableBaseColumn) => import("vue").VNodeChild>;
     readonly renderExpandIcon: import("vue").PropType<import("./interface").RenderExpandIcon>;
-    readonly spinProps: {
-        readonly type: import("vue").PropType<import("../../_internal").BaseLoadingExposedProps>;
-        readonly default: {};
-    };
-    readonly getCsvCell: import("vue").PropType<import("./publicTypes").DataTableGetCsvCell>;
-    readonly getCsvHeader: import("vue").PropType<import("./publicTypes").DataTableGetCsvHeader>;
+    readonly spinProps: import("vue").PropType<import("./public-types").DataTableSpinProps>;
+    readonly getCsvCell: import("vue").PropType<import("./public-types").DataTableGetCsvCell>;
+    readonly getCsvHeader: import("vue").PropType<import("./public-types").DataTableGetCsvHeader>;
     readonly onLoad: import("vue").PropType<import("./interface").DataTableOnLoad>;
     readonly 'onUpdate:page': import("vue").PropType<import("../..").PaginationProps["onUpdate:page"]>;
     readonly onUpdatePage: import("vue").PropType<import("../..").PaginationProps["onUpdate:page"]>;
@@ -7109,19 +7103,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
+    readonly size: import("./public-types").DataTableSize;
     readonly data: import("./interface").RowData[];
-    readonly size: "small" | "medium" | "large";
-    readonly tableLayout: "fixed" | "auto";
-    readonly columns: import("./interface").TableColumns<any>;
-    readonly loading: boolean;
-    readonly spinProps: import("../../_internal").BaseLoadingExposedProps;
     readonly bordered: boolean | undefined;
+    readonly loading: boolean;
     readonly allowCheckingNotLoaded: boolean;
     readonly remote: boolean;
     readonly cascade: boolean;
     readonly virtualScroll: boolean;
     readonly pagination: false | import("../..").PaginationProps;
     readonly paginateSinglePage: boolean;
+    readonly columns: import("./interface").TableColumns<any>;
     readonly bottomBordered: boolean | undefined;
     readonly striped: boolean;
     readonly defaultCheckedRowKeys: RowKey[];
@@ -7134,10 +7126,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly virtualScrollHeader: boolean;
     readonly headerHeight: number;
     readonly minRowHeight: number;
+    readonly tableLayout: "fixed" | "auto";
     readonly childrenKey: string;
     readonly indent: number;
     readonly flexHeight: boolean;
     readonly summaryPlacement: "top" | "bottom";
-    readonly paginationBehaviorOnFilter: "first" | "current";
+    readonly paginationBehaviorOnFilter: "current" | "first";
 }, SlotsType<DataTableSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -46,9 +46,14 @@ export default defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const rtlEnabledRef = useRtl('DataTable', mergedRtlRef, mergedClsPrefixRef);
+    const mergedSizeRef = computed(() => {
+      var _a, _b;
+      return props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DataTable) === null || _b === void 0 ? void 0 : _b.size) || 'medium';
+    });
     const mergedBottomBorderedRef = computed(() => {
       const {
         bottomBordered
@@ -134,6 +139,16 @@ export default defineComponent({
       expandableRef,
       doUpdateExpandedRowKeys
     } = useExpand(props, treeMateRef);
+    const maxHeightRef = toRef(props, 'maxHeight');
+    const mergedTableLayoutRef = computed(() => {
+      // Layout
+      // virtual |descrete header | ellpisis => fixed
+      //    = virtual | maxHeight | ellpisis => fixed
+      if (props.virtualScroll || props.flexHeight || props.maxHeight !== undefined || hasEllipsisRef.value) {
+        return 'fixed';
+      }
+      return props.tableLayout;
+    });
     const {
       handleTableBodyScroll,
       handleTableHeaderScroll,
@@ -146,25 +161,22 @@ export default defineComponent({
       leftFixedColumnsRef,
       rightFixedColumnsRef,
       fixedColumnLeftMapRef,
-      fixedColumnRightMapRef
+      fixedColumnRightMapRef,
+      xScrollableRef,
+      explicitlyScrollableRef
     } = useScroll(props, {
       bodyWidthRef,
       mainTableInstRef,
-      mergedCurrentPageRef
+      mergedCurrentPageRef,
+      maxHeightRef,
+      mergedTableLayoutRef
     });
     const {
       localeRef
     } = useLocale('DataTable');
-    const mergedTableLayoutRef = computed(() => {
-      // Layout
-      // virtual |descrete header | ellpisis => fixed
-      //    = virtual | maxHeight | ellpisis => fixed
-      if (props.virtualScroll || props.flexHeight || props.maxHeight !== undefined || hasEllipsisRef.value) {
-        return 'fixed';
-      }
-      return props.tableLayout;
-    });
     provide(dataTableInjectionKey, {
+      xScrollableRef,
+      explicitlyScrollableRef,
       props,
       treeMateRef,
       renderExpandIconRef: toRef(props, 'renderExpandIcon'),
@@ -236,7 +248,7 @@ export default defineComponent({
       }),
       onLoadRef: toRef(props, 'onLoad'),
       mergedTableLayoutRef,
-      maxHeightRef: toRef(props, 'maxHeight'),
+      maxHeightRef,
       minHeightRef: toRef(props, 'minHeight'),
       flexHeightRef: toRef(props, 'flexHeight'),
       headerCheckboxDisabledRef,
@@ -277,9 +289,7 @@ export default defineComponent({
       }
     };
     const cssVarsRef = computed(() => {
-      const {
-        size
-      } = props;
+      const mergedSize = mergedSizeRef.value;
       const {
         common: {
           cubicBezierEaseInOut
@@ -328,9 +338,9 @@ export default defineComponent({
           tdColorStriped,
           tdColorStripedModal,
           tdColorStripedPopover,
-          [createKey('fontSize', size)]: fontSize,
-          [createKey('thPadding', size)]: thPadding,
-          [createKey('tdPadding', size)]: tdPadding
+          [createKey('fontSize', mergedSize)]: fontSize,
+          [createKey('thPadding', mergedSize)]: thPadding,
+          [createKey('tdPadding', mergedSize)]: tdPadding
         }
       } = themeRef.value;
       return {
@@ -383,7 +393,7 @@ export default defineComponent({
         '--n-th-color-sorting-popover': thColorSortingPopover
       };
     });
-    const themeClassHandle = inlineThemeDisabled ? useThemeClass('data-table', computed(() => props.size[0]), cssVarsRef, props) : undefined;
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass('data-table', computed(() => mergedSizeRef.value[0]), cssVarsRef, props) : undefined;
     const mergedShowPaginationRef = computed(() => {
       if (!props.pagination) return false;
       if (props.paginateSinglePage) return true;

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

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    show: boolean;
     active: boolean;
+    show: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -26,5 +26,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     flexHeight: import("vue").Ref<boolean, boolean>;
     handleBodyResize: (entry: ResizeObserverEntry) => void;
+    scrollX: import("vue").Ref<string | number | undefined, string | number | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/data-table/src/MainTable.mjs

@@ -15,7 +15,8 @@ export default defineComponent({
       minHeightRef,
       flexHeightRef,
       virtualScrollHeaderRef,
-      syncScrollState
+      syncScrollState,
+      scrollXRef
     } = inject(dataTableInjectionKey);
     const headerInstRef = ref(null);
     const bodyInstRef = ref(null);
@@ -87,7 +88,8 @@ export default defineComponent({
       bodyInstRef,
       bodyStyle: bodyStyleRef,
       flexHeight: flexHeightRef,
-      handleBodyResize
+      handleBodyResize,
+      scrollX: scrollXRef
     }, exposedMethods);
   },
   render() {

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

@@ -2755,11 +2755,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
         };
     }>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => VNodeChild) | undefined>;
     scrollX: import("vue").Ref<string | number | undefined, string | number | undefined>;
     cols: import("vue").Ref<ColItem[], ColItem[]>;
     loading: import("vue").Ref<boolean, boolean>;
-    bodyShowHeaderOnly: import("vue").ComputedRef<boolean>;
-    shouldDisplaySomeTablePart: import("vue").ComputedRef<boolean>;
+    shouldDisplayVirtualList: import("vue").ComputedRef<boolean>;
     empty: import("vue").ComputedRef<boolean>;
     paginatedDataAndInfo: import("vue").ComputedRef<{
         data: {
@@ -2799,7 +2799,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     childTriggerColIndex: import("vue").Ref<number, number>;
     indent: import("vue").Ref<number, number>;
     rowProps: import("vue").Ref<import("../interface").CreateRowProps<import("../interface").InternalRowData> | undefined, import("../interface").CreateRowProps<import("../interface").InternalRowData> | undefined>;
-    maxHeight: import("vue").Ref<string | number | undefined, string | number | undefined>;
     loadingKeySet: import("vue").Ref<Set<RowKey>, Set<RowKey>>;
     expandable: import("vue").Ref<import("../interface").Expandable<any> | undefined, import("../interface").Expandable<any> | undefined>;
     stickyExpandedRows: import("vue").Ref<boolean, boolean>;
@@ -2820,6 +2819,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => void;
     handleUpdateExpanded: (key: RowKey, tmNode: TmNode | null) => void;
     renderCell: import("vue").Ref<((value: any, rowData: object, column: import("../interface").TableBaseColumn) => VNodeChild) | undefined, ((value: any, rowData: object, column: import("../interface").TableBaseColumn) => VNodeChild) | undefined>;
+    explicitlyScrollable: import("vue").Ref<boolean, boolean>;
+    xScrollable: import("vue").Ref<boolean, boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onResize: PropType<(e: ResizeObserverEntry) => void>;
     showHeader: BooleanConstructor;