naive-ui 2.34.3 → 2.35.0

package/es/color-picker/src/Pallete.d.ts

@@ -1,5 +1,5 @@
-import { HSVA } from 'seemly';
-import { PropType } from 'vue';
+import type { HSVA } from 'seemly';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -50,5 +50,5 @@ declare const _default: import("vue").DefineComponent<{
     onComplete: PropType<() => void>;
 }>>, {
     rgba: HSVA | null;
-}>;
+}, {}>;
 export default _default;

package/es/color-picker/src/context.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref, Slots } from 'vue';
+import type { ComputedRef, Ref, Slots } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { ColorPickerTheme } from '../styles';
 import type { RenderLabel } from './interface';

package/es/color-picker/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { VNodeChild } from 'vue';
+import type { VNodeChild } from 'vue';
 export type OnUpdateValue = (value: string & null) => void;
 export type OnConfirm = OnUpdateValue;
 export type OnUpdateValueImpl = (value: string | null) => void;

package/es/composables/use-theme-vars.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue';
+import { type ComputedRef } from 'vue';
 import type { ThemeCommonVars } from '../_styles/common';
 import type { CustomThemeCommonVars } from '../config-provider';
 export declare function useThemeVars(): ComputedRef<ThemeCommonVars & CustomThemeCommonVars>;

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

@@ -1,6 +1,6 @@
-import { PropType, ComputedRef, ExtractPropTypes } from 'vue';
-import { Hljs } from '../../_mixins';
-import { NDateLocale } from '../../locales';
+import { type PropType, type ComputedRef, type ExtractPropTypes } from 'vue';
+import { type Hljs } from '../../_mixins';
+import type { NDateLocale } from '../../locales';
 import type { GlobalTheme, GlobalThemeOverrides, GlobalComponentConfig, GlobalIconConfig } from './interface';
 import type { RtlProp, Breakpoints } from './internal-interface';
 export declare const configProviderProps: {
@@ -9,7 +9,10 @@ export declare const configProviderProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly clsPrefix: StringConstructor;
+    readonly clsPrefix: {
+        readonly type: StringConstructor;
+        readonly default: "n";
+    };
     readonly locale: PropType<{
         name: string;
         global: {
@@ -57,7 +60,7 @@ export declare const configProviderProps: {
             startMonthPlaceholder: string;
             endMonthPlaceholder: string;
             monthBeforeYear: boolean;
-            firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+            firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
             today: string;
         };
         DataTable: {
@@ -125,6 +128,7 @@ export declare const configProviderProps: {
             tipClockwise: string;
             tipZoomOut: string;
             tipZoomIn: string;
+            tipDownload: string;
             tipClose: string;
             tipOriginalSize: string;
         };
@@ -137,7 +141,7 @@ export declare const configProviderProps: {
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
@@ -161,7 +165,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly clsPrefix: StringConstructor;
+    readonly clsPrefix: {
+        readonly type: StringConstructor;
+        readonly default: "n";
+    };
     readonly locale: PropType<{
         name: string;
         global: {
@@ -209,7 +216,7 @@ declare const _default: import("vue").DefineComponent<{
             startMonthPlaceholder: string;
             endMonthPlaceholder: string;
             monthBeforeYear: boolean;
-            firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+            firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
             today: string;
         };
         DataTable: {
@@ -277,6 +284,7 @@ declare const _default: import("vue").DefineComponent<{
             tipClockwise: string;
             tipZoomOut: string;
             tipZoomIn: string;
+            tipDownload: string;
             tipClose: string;
             tipOriginalSize: string;
         };
@@ -289,7 +297,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
@@ -306,7 +314,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
 }, {
-    mergedClsPrefix: ComputedRef<string | undefined>;
+    mergedClsPrefix: ComputedRef<string>;
     mergedBordered: ComputedRef<boolean | undefined>;
     mergedNamespace: ComputedRef<string | undefined>;
     mergedTheme: ComputedRef<GlobalTheme | undefined>;
@@ -317,7 +325,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly clsPrefix: StringConstructor;
+    readonly clsPrefix: {
+        readonly type: StringConstructor;
+        readonly default: "n";
+    };
     readonly locale: PropType<{
         name: string;
         global: {
@@ -365,7 +376,7 @@ declare const _default: import("vue").DefineComponent<{
             startMonthPlaceholder: string;
             endMonthPlaceholder: string;
             monthBeforeYear: boolean;
-            firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+            firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
             today: string;
         };
         DataTable: {
@@ -433,6 +444,7 @@ declare const _default: import("vue").DefineComponent<{
             tipClockwise: string;
             tipZoomOut: string;
             tipZoomIn: string;
+            tipDownload: string;
             tipClose: string;
             tipOriginalSize: string;
         };
@@ -445,7 +457,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "div";
     };
     readonly hljs: PropType<Hljs>;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly theme: PropType<GlobalTheme | null>;
     readonly themeOverrides: PropType<GlobalThemeOverrides | null>;
     readonly componentOptions: PropType<GlobalComponentConfig>;
@@ -466,7 +478,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly tag: string;
     readonly as: string | undefined;
     readonly bordered: boolean | undefined;
+    readonly clsPrefix: string;
     readonly preflightStyleDisabled: boolean;
     readonly inlineThemeDisabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/config-provider/src/ConfigProvider.js

@@ -11,7 +11,7 @@ export const configProviderProps = {
         type: Boolean,
         default: undefined
     },
-    clsPrefix: String,
+    clsPrefix: { type: String, default: defaultClsPrefix },
     locale: Object,
     dateLocale: Object,
     namespace: String,
@@ -106,7 +106,9 @@ export default defineComponent({
             const { clsPrefix } = props;
             if (clsPrefix !== undefined)
                 return clsPrefix;
-            return NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedClsPrefixRef.value;
+            if (NConfigProvider)
+                return NConfigProvider.mergedClsPrefixRef.value;
+            return defaultClsPrefix;
         });
         const mergedRtlRef = computed(() => {
             var _a;

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

@@ -1,5 +1,5 @@
-import { VNodeChild, Ref } from 'vue';
-import { CNode } from 'css-render';
+import type { VNodeChild, Ref } from 'vue';
+import type { CNode } from 'css-render';
 import type { AlertTheme } from '../../alert/styles';
 import type { AnchorTheme } from '../../anchor/styles';
 import type { AutoCompleteTheme } from '../../auto-complete/styles';
@@ -229,7 +229,7 @@ export type RtlEnabledState = Partial<Record<keyof GlobalThemeWithoutCommon, Rtl
 export type Breakpoints = Record<string, number> | undefined;
 export interface ConfigProviderInjection {
     mergedBreakpointsRef: Ref<Breakpoints | undefined>;
-    mergedClsPrefixRef: Ref<string | undefined>;
+    mergedClsPrefixRef: Ref<string>;
     mergedBorderedRef: Ref<boolean | undefined>;
     mergedNamespaceRef: Ref<string | undefined>;
     mergedLocaleRef: Ref<NLocale | undefined>;

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

@@ -1,2 +1,2 @@
-import katex from 'katex';
+import type katex from 'katex';
 export type Katex = typeof katex;

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

@@ -1,4 +1,4 @@
-import { PropType, VNodeChild } from 'vue';
+import { type PropType, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export interface CountdownTimeInfo {
     hours: number;
@@ -64,5 +64,5 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     duration: number;
     precision: 0 | 2 | 1 | 3;
-}>;
+}, {}>;
 export default _default;

package/es/create.d.ts

@@ -1,4 +1,4 @@
-import { App } from 'vue';
+import { type App } from 'vue';
 type ComponentType = any;
 export interface NUiInstance {
     version: string;

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

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

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

@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly scrollbarProps: import("vue").PropType<import("../..").ScrollbarProps>;
     readonly renderCell: import("vue").PropType<(value: any, rowData: object, column: import("./interface").TableBaseColumn<import("./interface").InternalRowData>) => import("vue").VNodeChild>;
-    readonly renderExpandIcon: import("vue").PropType<() => import("vue").VNodeChild>;
+    readonly renderExpandIcon: import("vue").PropType<import("./interface").RenderExpandIcon>;
     readonly spinProps: {
         readonly type: import("vue").PropType<import("../../_internal").BaseLoadingExposedProps>;
         readonly default: {};
@@ -2466,7 +2466,7 @@ declare const _default: import("vue").DefineComponent<{
         getBodyElement: () => HTMLElement | null;
         scrollTo: import("../../scrollbar/src/Scrollbar").ScrollTo;
     } | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -3830,7 +3830,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly scrollbarProps: import("vue").PropType<import("../..").ScrollbarProps>;
     readonly renderCell: import("vue").PropType<(value: any, rowData: object, column: import("./interface").TableBaseColumn<import("./interface").InternalRowData>) => import("vue").VNodeChild>;
-    readonly renderExpandIcon: import("vue").PropType<() => import("vue").VNodeChild>;
+    readonly renderExpandIcon: import("vue").PropType<import("./interface").RenderExpandIcon>;
     readonly spinProps: {
         readonly type: import("vue").PropType<import("../../_internal").BaseLoadingExposedProps>;
         readonly default: {};
@@ -6224,5 +6224,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly summaryPlacement: "bottom" | "top";
     readonly paginationBehaviorOnFilter: "first" | "current";
     readonly spinProps: import("../../_internal").BaseLoadingExposedProps;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { h, computed, defineComponent, ref, provide, toRef, Transition, watchEffect, onDeactivated } from 'vue';
+import { h, computed, defineComponent, ref, provide, toRef, Transition, watchEffect } from 'vue';
 import { createId } from 'seemly';
 import { useConfig, useLocale, useTheme, useThemeClass } from '../../_mixins';
 import { NBaseLoading } from '../../_internal';
@@ -51,10 +51,6 @@ export default defineComponent({
         });
         const themeRef = useTheme('DataTable', '-data-table', style, dataTableLight, props, mergedClsPrefixRef);
         const bodyWidthRef = ref(null);
-        const scrollPartRef = ref('body');
-        onDeactivated(() => {
-            scrollPartRef.value = 'body';
-        });
         const mainTableInstRef = ref(null);
         const { getResizableWidth, clearResizableWidth, doUpdateResizableWidth } = useResizable();
         const { rowsRef, colsRef, dataRelatedColsRef, hasEllipsisRef } = useGroupHeader(props, getResizableWidth);
@@ -66,7 +62,6 @@ export default defineComponent({
         });
         const { stickyExpandedRowsRef, mergedExpandedRowKeysRef, renderExpandRef, expandableRef, doUpdateExpandedRowKeys } = useExpand(props, treeMateRef);
         const { handleTableBodyScroll, handleTableHeaderScroll, syncScrollState, setHeaderScrollLeft, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, leftFixedColumnsRef, rightFixedColumnsRef, fixedColumnLeftMapRef, fixedColumnRightMapRef } = useScroll(props, {
-            scrollPartRef,
             bodyWidthRef,
             mainTableInstRef,
             mergedCurrentPageRef
@@ -120,7 +115,6 @@ export default defineComponent({
             mergedExpandedRowKeysRef,
             mergedInderminateRowKeySetRef,
             localeRef,
-            scrollPartRef,
             expandableRef,
             stickyExpandedRowsRef,
             rowKeyRef: toRef(props, 'rowKey'),

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

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
-import { FilterOption, FilterOptionValue, TableBaseColumn } from '../interface';
+import { type PropType } from 'vue';
+import type { FilterOption, FilterOptionValue, TableBaseColumn } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     column: {
-        type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
+        type: PropType<TableBaseColumn>;
         required: true;
     };
     options: {
@@ -1249,7 +1249,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFilterMenuCancel: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     column: {
-        type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
+        type: PropType<TableBaseColumn>;
         required: true;
     };
     options: {
@@ -1258,5 +1258,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     options: FilterOption[];
-}>;
+}, {}>;
 export default _default;

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

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
-import { FilterOption, FilterOptionValue, OnFilterMenuChange, TableBaseColumn } from '../interface';
+import { type PropType } from 'vue';
+import { type FilterOption, type FilterOptionValue, type OnFilterMenuChange, type TableBaseColumn } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     column: {
-        type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
+        type: PropType<TableBaseColumn>;
         required: true;
     };
     radioGroupName: {
@@ -54,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
             warningColorHover: string;
             warningColorPressed: string;
             warningColorSuppl: string;
+            /** this branch is for compatibility */
             errorColor: string;
             errorColorHover: string;
             errorColorPressed: string;
@@ -714,7 +715,7 @@ declare const _default: import("vue").DefineComponent<{
                     clearColor: string;
                     clearColorHover: string;
                     clearColorPressed: string;
-                    iconColor: string; /** this branch is for compatibility */
+                    iconColor: string;
                     iconColorDisabled: string;
                     iconColorHover: string;
                     iconColorPressed: string;
@@ -1117,7 +1118,7 @@ declare const _default: import("vue").DefineComponent<{
                         clearColor: string;
                         clearColorHover: string;
                         clearColorPressed: string;
-                        iconColor: string; /** this branch is for compatibility */
+                        iconColor: string;
                         iconColorDisabled: string;
                         iconColorHover: string;
                         iconColorPressed: string;
@@ -1275,7 +1276,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClearClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     column: {
-        type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
+        type: PropType<TableBaseColumn>;
         required: true;
     };
     radioGroupName: {
@@ -1308,5 +1309,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: FilterOptionValue | FilterOptionValue[] | null;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { RenderFilter } from '../interface';
+import { type PropType } from 'vue';
+import type { RenderFilter } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     render: {
         type: PropType<RenderFilter>;
@@ -29,5 +29,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     show: boolean;
     active: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { RenderSorter, SortOrder } from '../interface';
+import { type PropType } from 'vue';
+import type { RenderSorter, SortOrder } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     render: {
         type: PropType<RenderSorter>;
@@ -20,5 +20,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     order: SortOrder;
-}>;
+}, {}>;
 export default _default;

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

@@ -11,5 +11,5 @@ declare const _default: import("vue").DefineComponent<{
     onResizeStart: FunctionConstructor;
     onResize: PropType<(displacementX: number) => void>;
     onResizeEnd: FunctionConstructor;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

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

@@ -18,6 +18,7 @@ export default defineComponent({
         }
         function handleMousedown(e) {
             var _a;
+            e.preventDefault();
             const alreadyStarted = activeRef.value;
             startX = getMouseX(e);
             activeRef.value = true;

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

@@ -1,8 +1,8 @@
-import { PropType } from 'vue';
-import { TableBaseColumn } from '../interface';
+import { type PropType } from 'vue';
+import { type TableBaseColumn } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     column: {
-        type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
+        type: PropType<TableBaseColumn>;
         required: true;
     };
 }, {
@@ -12,8 +12,8 @@ declare const _default: import("vue").DefineComponent<{
     mergedRenderSorter: import("vue").ComputedRef<import("../interface").RenderSorter | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     column: {
-        type: PropType<TableBaseColumn<import("../interface").InternalRowData>>;
+        type: PropType<TableBaseColumn>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

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

@@ -18,5 +18,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     flexHeight: import("vue").Ref<boolean>;
     handleBodyResize: (entry: ResizeObserverEntry) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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

@@ -1,5 +1,5 @@
-import { PropType, CSSProperties } from 'vue';
-import { RowKey, ColumnKey, TmNode } from '../interface';
+import { type PropType, type CSSProperties } from 'vue';
+import { type RowKey, type ColumnKey, type TmNode } from '../interface';
 import type { ColItem } from '../use-group-header';
 declare const _default: import("vue").DefineComponent<{
     onResize: PropType<(e: ResizeObserverEntry) => void>;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     bodyWidth: import("vue").Ref<number | null>;
     summaryPlacement: import("vue").Ref<"bottom" | "top">;
     dataTableSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
     componentId: string;
     scrollbarInstRef: import("vue").Ref<{
@@ -1301,10 +1301,9 @@ declare const _default: import("vue").DefineComponent<{
     loadingKeySet: import("vue").Ref<Set<RowKey>>;
     expandable: import("vue").Ref<import("../interface").Expandable<any> | undefined>;
     stickyExpandedRows: import("vue").Ref<boolean>;
-    renderExpandIcon: import("vue").Ref<(() => import("vue").VNodeChild) | undefined>;
+    renderExpandIcon: import("vue").Ref<import("../interface").RenderExpandIcon | undefined>;
     scrollbarProps: import("vue").Ref<import("../../..").ScrollbarProps | undefined>;
     setHeaderScrollLeft: (scrollLeft: number) => void;
-    handleMouseenterTable: () => void;
     handleVirtualListScroll: (e: Event) => void;
     handleVirtualListResize: (e: ResizeObserverEntry) => void;
     handleMouseleaveTable: () => void;
@@ -1327,5 +1326,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     flexHeight: boolean;
     showHeader: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -80,7 +80,7 @@ export default defineComponent({
         bodyStyle: Object
     },
     setup(props) {
-        const { slots: dataTableSlots, bodyWidthRef, mergedExpandedRowKeysRef, mergedClsPrefixRef, mergedThemeRef, scrollXRef, colsRef, paginatedDataRef, rawPaginatedDataRef, fixedColumnLeftMapRef, fixedColumnRightMapRef, mergedCurrentPageRef, rowClassNameRef, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, renderExpandRef, hoverKeyRef, summaryRef, mergedSortStateRef, virtualScrollRef, componentId, scrollPartRef, mergedTableLayoutRef, childTriggerColIndexRef, indentRef, rowPropsRef, maxHeightRef, stripedRef, loadingRef, onLoadRef, loadingKeySetRef, expandableRef, stickyExpandedRowsRef, renderExpandIconRef, summaryPlacementRef, treeMateRef, scrollbarPropsRef, setHeaderScrollLeft, doUpdateExpandedRowKeys, handleTableBodyScroll, doCheck, doUncheck, renderCell
+        const { slots: dataTableSlots, bodyWidthRef, mergedExpandedRowKeysRef, mergedClsPrefixRef, mergedThemeRef, scrollXRef, colsRef, paginatedDataRef, rawPaginatedDataRef, fixedColumnLeftMapRef, fixedColumnRightMapRef, mergedCurrentPageRef, rowClassNameRef, leftActiveFixedColKeyRef, leftActiveFixedChildrenColKeysRef, rightActiveFixedColKeyRef, rightActiveFixedChildrenColKeysRef, renderExpandRef, hoverKeyRef, summaryRef, mergedSortStateRef, virtualScrollRef, componentId, mergedTableLayoutRef, childTriggerColIndexRef, indentRef, rowPropsRef, maxHeightRef, stripedRef, loadingRef, onLoadRef, loadingKeySetRef, expandableRef, stickyExpandedRowsRef, renderExpandIconRef, summaryPlacementRef, treeMateRef, scrollbarPropsRef, setHeaderScrollLeft, doUpdateExpandedRowKeys, handleTableBodyScroll, doCheck, doUncheck, renderCell
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(dataTableInjectionKey);
         const scrollbarInstRef = ref(null);
@@ -202,9 +202,6 @@ export default defineComponent({
         function handleMouseleaveTable() {
             hoverKeyRef.value = null;
         }
-        function handleMouseenterTable() {
-            scrollPartRef.value = 'body';
-        }
         function virtualListContainer() {
             const { value } = virtualListRef;
             return value === null || value === void 0 ? void 0 : value.listElRef;
@@ -322,7 +319,6 @@ export default defineComponent({
                     hasChildren
                 };
             }), rawPaginatedData: rawPaginatedDataRef, fixedColumnLeftMap: fixedColumnLeftMapRef, fixedColumnRightMap: fixedColumnRightMapRef, currentPage: mergedCurrentPageRef, rowClassName: rowClassNameRef, renderExpand: renderExpandRef, mergedExpandedRowKeySet: mergedExpandedRowKeySetRef, hoverKey: hoverKeyRef, mergedSortState: mergedSortStateRef, virtualScroll: virtualScrollRef, mergedTableLayout: mergedTableLayoutRef, childTriggerColIndex: childTriggerColIndexRef, indent: indentRef, rowProps: rowPropsRef, maxHeight: maxHeightRef, loadingKeySet: loadingKeySetRef, expandable: expandableRef, stickyExpandedRows: stickyExpandedRowsRef, renderExpandIcon: renderExpandIconRef, scrollbarProps: scrollbarPropsRef, setHeaderScrollLeft,
-            handleMouseenterTable,
             handleVirtualListScroll,
             handleVirtualListResize,
             handleMouseleaveTable,
@@ -354,7 +350,7 @@ export default defineComponent({
                 const cordToPass = {};
                 // coordinate to related hover keys
                 const cordKey = {};
-                const { cols, paginatedDataAndInfo, mergedTheme, fixedColumnLeftMap, fixedColumnRightMap, currentPage, rowClassName, mergedSortState, mergedExpandedRowKeySet, stickyExpandedRows, componentId, childTriggerColIndex, expandable, rowProps, handleMouseenterTable, handleMouseleaveTable, renderExpand, summary, handleCheckboxUpdateChecked, handleRadioUpdateChecked, handleUpdateExpanded } = this;
+                const { cols, paginatedDataAndInfo, mergedTheme, fixedColumnLeftMap, fixedColumnRightMap, currentPage, rowClassName, mergedSortState, mergedExpandedRowKeySet, stickyExpandedRows, componentId, childTriggerColIndex, expandable, rowProps, handleMouseleaveTable, renderExpand, summary, handleCheckboxUpdateChecked, handleRadioUpdateChecked, handleUpdateExpanded } = this;
                 const { length: colCount } = cols;
                 let mergedData;
                 // if there is children in data, we should expand mergedData first
@@ -429,7 +425,7 @@ export default defineComponent({
                     const { index: actualRowIndex } = rowInfo;
                     if ('isExpandedRow' in rowInfo) {
                         const { tmNode: { key, rawNode } } = rowInfo;
-                        return (h("tr", { class: `${mergedClsPrefix}-data-table-tr`, key: `${key}__expand` },
+                        return (h("tr", { class: `${mergedClsPrefix}-data-table-tr ${mergedClsPrefix}-data-table-tr--expanded`, key: `${key}__expand` },
                             h("td", { class: [
                                     `${mergedClsPrefix}-data-table-td`,
                                     `${mergedClsPrefix}-data-table-td--last-col`,
@@ -456,6 +452,7 @@ export default defineComponent({
                             `${mergedClsPrefix}-data-table-tr`,
                             isSummary && `${mergedClsPrefix}-data-table-tr--summary`,
                             striped && `${mergedClsPrefix}-data-table-tr--striped`,
+                            expanded && `${mergedClsPrefix}-data-table-tr--expanded`,
                             mergedRowClassName
                         ] }, props), cols.map((col, colIndex) => {
                         var _a, _b, _c, _d, _e;
@@ -510,12 +507,16 @@ export default defineComponent({
                         const hoverKey = isCrossRowTd ? this.hoverKey : null;
                         const { cellProps } = column;
                         const resolvedCellProps = cellProps === null || cellProps === void 0 ? void 0 : cellProps(rowData, actualRowIndex);
+                        const indentOffsetStyle = {
+                            '--indent-offset': ''
+                        };
                         return (h("td", Object.assign({}, resolvedCellProps, { key: colKey, style: [
                                 {
                                     textAlign: column.align || undefined,
                                     left: pxfy((_c = fixedColumnLeftMap[colKey]) === null || _c === void 0 ? void 0 : _c.start),
                                     right: pxfy((_d = fixedColumnRightMap[colKey]) === null || _d === void 0 ? void 0 : _d.start)
                                 },
+                                indentOffsetStyle,
                                 (resolvedCellProps === null || resolvedCellProps === void 0 ? void 0 : resolvedCellProps.style) || ''
                             ], colspan: mergedColSpan, rowspan: isVirtual ? undefined : mergedRowSpan, "data-col-key": colKey, class: [
                                 `${mergedClsPrefix}-data-table-td`,
@@ -542,19 +543,26 @@ export default defineComponent({
                             ] }),
                             hasChildren && colIndex === childTriggerColIndex
                                 ? [
-                                    repeat(isSummary ? 0 : rowInfo.tmNode.level, h("div", { class: `${mergedClsPrefix}-data-table-indent`, style: indentStyle })),
+                                    repeat((indentOffsetStyle['--indent-offset'] =
+                                        isSummary ? 0 : rowInfo.tmNode.level), h("div", { class: `${mergedClsPrefix}-data-table-indent`, style: indentStyle })),
                                     isSummary || rowInfo.tmNode.isLeaf ? (h("div", { class: `${mergedClsPrefix}-data-table-expand-placeholder` })) : (h(ExpandTrigger, { class: `${mergedClsPrefix}-data-table-expand-trigger`, clsPrefix: mergedClsPrefix, expanded: expanded, renderExpandIcon: this.renderExpandIcon, loading: loadingKeySet.has(rowInfo.key), onClick: () => {
                                             handleUpdateExpanded(rowKey, rowInfo.tmNode);
                                         } }))
                                 ]
                                 : null,
-                            column.type === 'selection' ? (!isSummary ? (column.multiple === false ? (h(RenderSafeRadio, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: () => handleRadioUpdateChecked(rowInfo.tmNode) })) : (h(RenderSafeCheckbox, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: (checked, e) => handleCheckboxUpdateChecked(rowInfo.tmNode, checked, e.shiftKey) }))) : null) : column.type === 'expand' ? (!isSummary ? (!column.expandable ||
-                                ((_e = column.expandable) === null || _e === void 0 ? void 0 : _e.call(column, rowData)) ? (h(ExpandTrigger, { clsPrefix: mergedClsPrefix, expanded: expanded, renderExpandIcon: this.renderExpandIcon, onClick: () => handleUpdateExpanded(rowKey, null) })) : null) : null) : (h(Cell, { clsPrefix: mergedClsPrefix, index: actualRowIndex, row: rowData, column: column, isSummary: isSummary, mergedTheme: mergedTheme, renderCell: this.renderCell }))));
+                            column.type === 'selection' ? (!isSummary ? (column.multiple === false ? (h(RenderSafeRadio, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: () => {
+                                    handleRadioUpdateChecked(rowInfo.tmNode);
+                                } })) : (h(RenderSafeCheckbox, { key: currentPage, rowKey: rowKey, disabled: rowInfo.tmNode.disabled, onUpdateChecked: (checked, e) => {
+                                    handleCheckboxUpdateChecked(rowInfo.tmNode, checked, e.shiftKey);
+                                } }))) : null) : column.type === 'expand' ? (!isSummary ? (!column.expandable ||
+                                ((_e = column.expandable) === null || _e === void 0 ? void 0 : _e.call(column, rowData)) ? (h(ExpandTrigger, { clsPrefix: mergedClsPrefix, expanded: expanded, renderExpandIcon: this.renderExpandIcon, onClick: () => {
+                                    handleUpdateExpanded(rowKey, null);
+                                } })) : null) : null) : (h(Cell, { clsPrefix: mergedClsPrefix, index: actualRowIndex, row: rowData, column: column, isSummary: isSummary, mergedTheme: mergedTheme, renderCell: this.renderCell }))));
                     })));
                     return row;
                 };
                 if (!virtualScroll) {
-                    return (h("table", { class: `${mergedClsPrefix}-data-table-table`, onMouseleave: handleMouseleaveTable, onMouseenter: handleMouseenterTable, style: {
+                    return (h("table", { class: `${mergedClsPrefix}-data-table-table`, onMouseleave: handleMouseleaveTable, style: {
                             tableLayout: this.mergedTableLayout
                         } },
                         h("colgroup", null, cols.map((col) => (h("col", { key: col.key, style: col.style })))),
@@ -568,7 +576,6 @@ export default defineComponent({
                             clsPrefix: mergedClsPrefix,
                             id: componentId,
                             cols,
-                            onMouseenter: handleMouseenterTable,
                             onMouseleave: handleMouseleaveTable
                         }, showScrollbar: false, onResize: this.handleVirtualListResize, onScroll: this.handleVirtualListScroll, itemsStyle: contentStyle, itemResizable: true }, {
                         default: ({ item, index }) => renderRow(item, index, true)