naive-ui 2.30.3 → 2.30.4

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

@@ -699,6 +699,77 @@ declare const _default: import("vue").DefineComponent<{
                         paddingLarge: string;
                         clearSize: string;
                     }, any>;
+                    Popselect: import("../../../_mixins").Theme<"Popselect", {
+                        menuBoxShadow: string;
+                    }, {
+                        Popover: import("../../../_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                        InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeSmall: string;
+                            optionFontSizeMedium: string;
+                            optionFontSizeLarge: string;
+                            optionFontSizeHuge: string;
+                            optionHeightSmall: string;
+                            optionHeightMedium: string;
+                            optionHeightLarge: string;
+                            optionHeightHuge: string;
+                            borderRadius: string;
+                            color: string;
+                            groupHeaderTextColor: string;
+                            actionDividerColor: string;
+                            optionTextColor: string;
+                            optionTextColorPressed: string;
+                            optionTextColorDisabled: string;
+                            optionTextColorActive: string;
+                            optionOpacityDisabled: string;
+                            optionCheckColor: string;
+                            optionColorPending: string;
+                            optionColorActive: string;
+                            optionColorActivePending: string;
+                            actionTextColor: string;
+                            loadingColor: string;
+                            height: string;
+                            paddingSmall: string;
+                            paddingMedium: string;
+                            paddingLarge: string;
+                            paddingHuge: string;
+                            optionPaddingSmall: string;
+                            optionPaddingMedium: string;
+                            optionPaddingLarge: string;
+                            optionPaddingHuge: string;
+                            loadingSize: string;
+                        }, {
+                            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                color: string;
+                                colorHover: string;
+                            }, any>;
+                            Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeSmall: string;
+                                fontSizeMedium: string;
+                                fontSizeLarge: string;
+                                fontSizeHuge: string;
+                                textColor: string;
+                                iconColor: string;
+                                extraTextColor: string;
+                                iconSizeSmall: string;
+                                iconSizeMedium: string;
+                                iconSizeLarge: string;
+                                iconSizeHuge: string;
+                            }, any>;
+                        }>;
+                    }>;
                 }>;
                 Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
                     color: string;
@@ -960,6 +1031,77 @@ declare const _default: import("vue").DefineComponent<{
                             paddingLarge: string;
                             clearSize: string;
                         }, any>> | undefined;
+                        Popselect?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popselect", {
+                            menuBoxShadow: string;
+                        }, {
+                            Popover: import("../../../_mixins").Theme<"Popover", {
+                                fontSize: string;
+                                borderRadius: string;
+                                color: string;
+                                dividerColor: string;
+                                textColor: string;
+                                boxShadow: string;
+                                space: string;
+                                spaceArrow: string;
+                                arrowOffset: string;
+                                arrowOffsetVertical: string;
+                                arrowHeight: string;
+                                padding: string;
+                            }, any>;
+                            InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                                optionFontSizeSmall: string;
+                                optionFontSizeMedium: string;
+                                optionFontSizeLarge: string;
+                                optionFontSizeHuge: string;
+                                optionHeightSmall: string;
+                                optionHeightMedium: string;
+                                optionHeightLarge: string;
+                                optionHeightHuge: string;
+                                borderRadius: string;
+                                color: string;
+                                groupHeaderTextColor: string;
+                                actionDividerColor: string;
+                                optionTextColor: string;
+                                optionTextColorPressed: string;
+                                optionTextColorDisabled: string;
+                                optionTextColorActive: string;
+                                optionOpacityDisabled: string;
+                                optionCheckColor: string;
+                                optionColorPending: string;
+                                optionColorActive: string;
+                                optionColorActivePending: string;
+                                actionTextColor: string;
+                                loadingColor: string;
+                                height: string;
+                                paddingSmall: string;
+                                paddingMedium: string;
+                                paddingLarge: string;
+                                paddingHuge: string;
+                                optionPaddingSmall: string;
+                                optionPaddingMedium: string;
+                                optionPaddingLarge: string;
+                                optionPaddingHuge: string;
+                                loadingSize: string;
+                            }, {
+                                Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                    color: string;
+                                    colorHover: string;
+                                }, any>;
+                                Empty: import("../../../_mixins").Theme<"Empty", {
+                                    fontSizeSmall: string;
+                                    fontSizeMedium: string;
+                                    fontSizeLarge: string;
+                                    fontSizeHuge: string;
+                                    textColor: string;
+                                    iconColor: string;
+                                    extraTextColor: string;
+                                    iconSizeSmall: string;
+                                    iconSizeMedium: string;
+                                    iconSizeLarge: string;
+                                    iconSizeHuge: string;
+                                }, any>;
+                            }>;
+                        }>> | undefined;
                     } | undefined;
                 } | undefined;
                 Scrollbar?: {
@@ -1706,6 +1848,77 @@ declare const _default: import("vue").DefineComponent<{
                         paddingLarge: string;
                         clearSize: string;
                     }, any>;
+                    Popselect: import("../../../_mixins").Theme<"Popselect", {
+                        menuBoxShadow: string;
+                    }, {
+                        Popover: import("../../../_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                        InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                            optionFontSizeSmall: string;
+                            optionFontSizeMedium: string;
+                            optionFontSizeLarge: string;
+                            optionFontSizeHuge: string;
+                            optionHeightSmall: string;
+                            optionHeightMedium: string;
+                            optionHeightLarge: string;
+                            optionHeightHuge: string;
+                            borderRadius: string;
+                            color: string;
+                            groupHeaderTextColor: string;
+                            actionDividerColor: string;
+                            optionTextColor: string;
+                            optionTextColorPressed: string;
+                            optionTextColorDisabled: string;
+                            optionTextColorActive: string;
+                            optionOpacityDisabled: string;
+                            optionCheckColor: string;
+                            optionColorPending: string;
+                            optionColorActive: string;
+                            optionColorActivePending: string;
+                            actionTextColor: string;
+                            loadingColor: string;
+                            height: string;
+                            paddingSmall: string;
+                            paddingMedium: string;
+                            paddingLarge: string;
+                            paddingHuge: string;
+                            optionPaddingSmall: string;
+                            optionPaddingMedium: string;
+                            optionPaddingLarge: string;
+                            optionPaddingHuge: string;
+                            loadingSize: string;
+                        }, {
+                            Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                color: string;
+                                colorHover: string;
+                            }, any>;
+                            Empty: import("../../../_mixins").Theme<"Empty", {
+                                fontSizeSmall: string;
+                                fontSizeMedium: string;
+                                fontSizeLarge: string;
+                                fontSizeHuge: string;
+                                textColor: string;
+                                iconColor: string;
+                                extraTextColor: string;
+                                iconSizeSmall: string;
+                                iconSizeMedium: string;
+                                iconSizeLarge: string;
+                                iconSizeHuge: string;
+                            }, any>;
+                        }>;
+                    }>;
                 }>;
                 Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
                     color: string;
@@ -1967,6 +2180,77 @@ declare const _default: import("vue").DefineComponent<{
                             paddingLarge: string;
                             clearSize: string;
                         }, any>> | undefined;
+                        Popselect?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popselect", {
+                            menuBoxShadow: string;
+                        }, {
+                            Popover: import("../../../_mixins").Theme<"Popover", {
+                                fontSize: string;
+                                borderRadius: string;
+                                color: string;
+                                dividerColor: string;
+                                textColor: string;
+                                boxShadow: string;
+                                space: string;
+                                spaceArrow: string;
+                                arrowOffset: string;
+                                arrowOffsetVertical: string;
+                                arrowHeight: string;
+                                padding: string;
+                            }, any>;
+                            InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
+                                optionFontSizeSmall: string;
+                                optionFontSizeMedium: string;
+                                optionFontSizeLarge: string;
+                                optionFontSizeHuge: string;
+                                optionHeightSmall: string;
+                                optionHeightMedium: string;
+                                optionHeightLarge: string;
+                                optionHeightHuge: string;
+                                borderRadius: string;
+                                color: string;
+                                groupHeaderTextColor: string;
+                                actionDividerColor: string;
+                                optionTextColor: string;
+                                optionTextColorPressed: string;
+                                optionTextColorDisabled: string;
+                                optionTextColorActive: string;
+                                optionOpacityDisabled: string;
+                                optionCheckColor: string;
+                                optionColorPending: string;
+                                optionColorActive: string;
+                                optionColorActivePending: string;
+                                actionTextColor: string;
+                                loadingColor: string;
+                                height: string;
+                                paddingSmall: string;
+                                paddingMedium: string;
+                                paddingLarge: string;
+                                paddingHuge: string;
+                                optionPaddingSmall: string;
+                                optionPaddingMedium: string;
+                                optionPaddingLarge: string;
+                                optionPaddingHuge: string;
+                                loadingSize: string;
+                            }, {
+                                Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
+                                    color: string;
+                                    colorHover: string;
+                                }, any>;
+                                Empty: import("../../../_mixins").Theme<"Empty", {
+                                    fontSizeSmall: string;
+                                    fontSizeMedium: string;
+                                    fontSizeLarge: string;
+                                    fontSizeHuge: string;
+                                    textColor: string;
+                                    iconColor: string;
+                                    extraTextColor: string;
+                                    iconSizeSmall: string;
+                                    iconSizeMedium: string;
+                                    iconSizeLarge: string;
+                                    iconSizeHuge: string;
+                                }, any>;
+                            }>;
+                        }>> | undefined;
                     } | undefined;
                 } | undefined;
                 Scrollbar?: {

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

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

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

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

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

@@ -1,9 +1,10 @@
 import { TreeNode } from 'treemate';
 import { CSSProperties, Ref, VNodeChild, HTMLAttributes, Slots } from 'vue';
-import { EllipsisProps } from '../../ellipsis/src/Ellipsis';
-import { NLocale } from '../../locales';
-import { MergedTheme } from '../../_mixins';
-import { DataTableTheme } from '../styles';
+import type { ScrollTo } from '../../scrollbar/src/Scrollbar';
+import type { EllipsisProps } from '../../ellipsis/src/Ellipsis';
+import type { NLocale } from '../../locales';
+import type { MergedTheme } from '../../_mixins';
+import type { DataTableTheme } from '../styles';
 import type { RowItem, ColItem } from './use-group-header';
 import type { DataTableSelectionOption } from './TableParts/SelectionMenu';
 export declare type FilterOptionValue = string | number;
@@ -90,7 +91,7 @@ export declare type TableSelectionColumn<T = InternalRowData> = {
     rowSpan?: never;
 } & CommonColumnInfo<T>;
 export declare type RenderExpand<T = InternalRowData> = (row: T, index: number) => VNodeChild;
-export declare type Expandable<T = InternalRowData> = (row: T, index: number) => boolean;
+export declare type Expandable<T = InternalRowData> = (row: T) => boolean;
 export interface TableExpandColumn<T = InternalRowData> extends Omit<TableSelectionColumn<T>, 'type'> {
     type: 'expand';
     title?: TableExpandColumnTitle;
@@ -206,9 +207,11 @@ export interface FilterState {
 export interface MainTableRef {
     getHeaderElement: () => HTMLElement | null;
     getBodyElement: () => HTMLElement | null;
+    scrollTo: ScrollTo;
 }
 export interface MainTableBodyRef {
     getScrollContainer: () => HTMLElement | null;
+    scrollTo: ScrollTo;
 }
 export interface MainTableHeaderRef {
     $el: HTMLElement | null;
@@ -222,6 +225,7 @@ export interface DataTableInst {
     clearSorter: () => void;
     page: (page: number) => void;
     sort: (columnKey: ColumnKey, order: SortOrder) => void;
+    scrollTo: ScrollTo;
     /** @deprecated it but just leave it here, it does no harm */
     clearFilter: () => void;
 }

package/lib/data-table/src/use-expand.d.ts

@@ -1,7 +1,9 @@
+import { Ref } from 'vue';
+import { TreeMate } from 'treemate';
 import type { DataTableSetupProps } from './DataTable';
-import { RowKey } from './interface';
-export declare function useExpand(props: DataTableSetupProps): {
-    mergedExpandedRowKeysRef: import("vue").ComputedRef<RowKey[]>;
+import type { InternalRowData, RowKey } from './interface';
+export declare function useExpand(props: DataTableSetupProps, treeMateRef: Ref<TreeMate<InternalRowData, InternalRowData, InternalRowData>>): {
+    mergedExpandedRowKeysRef: import("vue").ComputedRef<import("treemate").Key[]>;
     renderExpandRef: import("vue").ComputedRef<import("./interface").RenderExpand<any> | undefined>;
     doUpdateExpandedRowKeys: (expandedKeys: RowKey[]) => void;
 };

package/lib/data-table/src/use-expand.js

@@ -5,7 +5,7 @@ const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _utils_1 = require("../../_utils");
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-function useExpand(props) {
+function useExpand(props, treeMateRef) {
     const renderExpandRef = (0, vooks_1.useMemo)(() => {
         for (const col of props.columns) {
             if (col.type === 'expand') {
@@ -16,7 +16,27 @@ function useExpand(props) {
             }
         }
     });
-    const uncontrolledExpandedRowKeysRef = (0, vue_1.ref)(props.defaultExpandedRowKeys);
+    // It's not reactive
+    let expandable;
+    for (const col of props.columns) {
+        if (col.type === 'expand') {
+            expandable = col.expandable;
+            break;
+        }
+    }
+    const uncontrolledExpandedRowKeysRef = (0, vue_1.ref)(props.defaultExpandAll
+        ? (renderExpandRef === null || renderExpandRef === void 0 ? void 0 : renderExpandRef.value)
+            ? (() => {
+                const expandedKeys = [];
+                treeMateRef.value.treeNodes.forEach((tmNode) => {
+                    if (expandable === null || expandable === void 0 ? void 0 : expandable(tmNode.rawNode)) {
+                        expandedKeys.push(tmNode.key);
+                    }
+                });
+                return expandedKeys;
+            })()
+            : treeMateRef.value.getNonLeafKeys()
+        : props.defaultExpandedRowKeys);
     const controlledExpandedRowKeysRef = (0, vue_1.toRef)(props, 'expandedRowKeys');
     const mergedExpandedRowKeysRef = (0, vooks_1.useMergedState)(controlledExpandedRowKeysRef, uncontrolledExpandedRowKeysRef);
     function doUpdateExpandedRowKeys(expandedKeys) {

package/lib/data-table/src/utils.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'vue';
 import type { SortOrder, TableBaseColumn, InternalRowData, SortOrderFlag, SortState, CreateRowClassName, TableSelectionColumn, TableColumn, TableExpandColumn } from './interface';
-export declare const selectionColWidth = 40;
-export declare const expandColWidth = 40;
+export declare const SELECTION_COL_WIDTH = 40;
+export declare const EXPAND_COL_WIDTH = 40;
 export declare function getNumberColWidth(col: TableColumn): number | undefined;
 export declare function getStringColWidth(col: TableColumn): string | undefined;
 export declare function getColKey(col: TableColumn): string | number;

package/lib/data-table/src/utils.js

@@ -1,15 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isColumnSorting = exports.createNextSorter = exports.isColumnFilterable = exports.isColumnSortable = exports.shouldUseArrayInSingleMode = exports.createRowClassName = exports.createCustomWidthStyle = exports.getFlagOfOrder = exports.createShallowClonedObject = exports.getColKey = exports.getStringColWidth = exports.getNumberColWidth = exports.expandColWidth = exports.selectionColWidth = void 0;
+exports.isColumnSorting = exports.createNextSorter = exports.isColumnFilterable = exports.isColumnSortable = exports.shouldUseArrayInSingleMode = exports.createRowClassName = exports.createCustomWidthStyle = exports.getFlagOfOrder = exports.createShallowClonedObject = exports.getColKey = exports.getStringColWidth = exports.getNumberColWidth = exports.EXPAND_COL_WIDTH = exports.SELECTION_COL_WIDTH = void 0;
 const seemly_1 = require("seemly");
 const _utils_1 = require("../../_utils");
-exports.selectionColWidth = 40;
-exports.expandColWidth = 40;
+exports.SELECTION_COL_WIDTH = 40;
+exports.EXPAND_COL_WIDTH = 40;
 function getNumberColWidth(col) {
-    if (col.type === 'selection')
-        return exports.selectionColWidth;
-    if (col.type === 'expand')
-        return exports.expandColWidth;
+    if (col.type === 'selection') {
+        return col.width === undefined ? exports.SELECTION_COL_WIDTH : (0, seemly_1.depx)(col.width);
+    }
+    if (col.type === 'expand') {
+        return col.width === undefined ? exports.EXPAND_COL_WIDTH : (0, seemly_1.depx)(col.width);
+    }
     if ('children' in col)
         return undefined;
     if (typeof col.width === 'string') {
@@ -21,10 +23,10 @@ exports.getNumberColWidth = getNumberColWidth;
 function getStringColWidth(col) {
     var _a, _b;
     if (col.type === 'selection') {
-        return (0, _utils_1.formatLength)((_a = col.width) !== null && _a !== void 0 ? _a : exports.selectionColWidth);
+        return (0, _utils_1.formatLength)((_a = col.width) !== null && _a !== void 0 ? _a : exports.SELECTION_COL_WIDTH);
     }
     if (col.type === 'expand') {
-        return (0, _utils_1.formatLength)((_b = col.width) !== null && _b !== void 0 ? _b : exports.expandColWidth);
+        return (0, _utils_1.formatLength)((_b = col.width) !== null && _b !== void 0 ? _b : exports.EXPAND_COL_WIDTH);
     }
     if ('children' in col) {
         return undefined;