@uzum-tech/ui 1.3.0 → 1.4.0

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

@@ -1,6 +1,6 @@
-import type { RowKey } from './interface';
+import type { RowKey, TableBaseColumn } from './interface';
 declare const _default: import("vue").DefineComponent<{
-    readonly onUnstableColumnResize: import("vue").PropType<(resizedWidth: number, limitedWidth: number, column: import("./interface").TableBaseColumn<import("./interface").InternalRowData>, getColumnWidth: (key: import("./interface").ColumnKey) => number | undefined) => void>;
+    readonly onUnstableColumnResize: import("vue").PropType<(resizedWidth: number, limitedWidth: number, column: TableBaseColumn, getColumnWidth: (key: import("./interface").ColumnKey) => number | undefined) => void>;
     readonly pagination: {
         readonly type: import("vue").PropType<false | import("../../pagination").PaginationProps>;
         readonly default: false;
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly stickyExpandedRows: BooleanConstructor;
     readonly virtualScroll: BooleanConstructor;
     readonly tableLayout: {
-        readonly type: import("vue").PropType<"fixed" | "auto">;
+        readonly type: import("vue").PropType<"auto" | "fixed">;
         readonly default: "auto";
     };
     readonly allowCheckingNotLoaded: BooleanConstructor;
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly flexHeight: BooleanConstructor;
     readonly summaryPlacement: {
-        readonly type: import("vue").PropType<"bottom" | "top">;
+        readonly type: import("vue").PropType<"top" | "bottom">;
         readonly default: "bottom";
     };
     readonly paginationBehaviorOnFilter: {
@@ -84,17 +84,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "current";
     };
     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 renderCell: import("vue").PropType<(value: any, rowData: object, column: 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 onLoad: import("vue").PropType<import("./interface").DataTableOnLoad>;
-    readonly 'onUpdate:page': import("vue").PropType<import("../../_utils").MaybeArray<(page: number) => void> | undefined>;
-    readonly onUpdatePage: import("vue").PropType<import("../../_utils").MaybeArray<(page: number) => void> | undefined>;
-    readonly 'onUpdate:pageSize': import("vue").PropType<import("../../_utils").MaybeArray<(pageSize: number) => void> | undefined>;
-    readonly onUpdatePageSize: import("vue").PropType<import("../../_utils").MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly 'onUpdate:page': import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:page"]>;
+    readonly onUpdatePage: import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:page"]>;
+    readonly 'onUpdate:pageSize': import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:pageSize"]>;
+    readonly onUpdatePageSize: import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:pageSize"]>;
     readonly 'onUpdate:sorter': import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateSorter>>;
     readonly onUpdateSorter: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateSorter>>;
     readonly 'onUpdate:filters': import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateFilters>>;
@@ -104,8 +104,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly 'onUpdate:expandedRowKeys': import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateExpandedRowKeys>>;
     readonly onUpdateExpandedRowKeys: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateExpandedRowKeys>>;
     readonly onScroll: import("vue").PropType<(e: Event) => void>;
-    readonly onPageChange: import("vue").PropType<import("../../_utils").MaybeArray<(page: number) => void> | undefined>;
-    readonly onPageSizeChange: import("vue").PropType<import("../../_utils").MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly onPageChange: import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:page"]>;
+    readonly onPageSizeChange: import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:pageSize"]>;
     readonly onSorterChange: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateSorter> | undefined>;
     readonly onFiltersChange: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateFilters> | undefined>;
     readonly onCheckedRowKeysChange: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateCheckedRowKeys> | undefined>;
@@ -145,6 +145,9 @@ declare const _default: import("vue").DefineComponent<{
         tdTextColor: string;
         thTextColor: string;
         thFontWeight: string;
+        thSubColor: string;
+        thSubFontWeight: string;
+        thSubFontSize: string;
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
@@ -723,12 +726,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -856,12 +865,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -876,12 +891,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         Popover: import("../../_mixins").Theme<"Popover", {
@@ -1040,6 +1061,9 @@ declare const _default: import("vue").DefineComponent<{
         tdTextColor: string;
         thTextColor: string;
         thFontWeight: string;
+        thSubColor: string;
+        thSubFontWeight: string;
+        thSubFontSize: string;
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
@@ -1618,12 +1642,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -1751,12 +1781,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -1771,12 +1807,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         Popover: import("../../_mixins").Theme<"Popover", {
@@ -1935,6 +1977,9 @@ declare const _default: import("vue").DefineComponent<{
         tdTextColor: string;
         thTextColor: string;
         thFontWeight: string;
+        thSubColor: string;
+        thSubFontWeight: string;
+        thSubFontSize: string;
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
@@ -2513,12 +2558,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -2646,12 +2697,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -2666,12 +2723,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         Popover: import("../../_mixins").Theme<"Popover", {
@@ -2810,118 +2873,7 @@ declare const _default: import("vue").DefineComponent<{
     } | null>;
     mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             thPaddingSmall: string;
             thPaddingMedium: string;
@@ -2958,6 +2910,9 @@ declare const _default: import("vue").DefineComponent<{
             tdTextColor: string;
             thTextColor: string;
             thFontWeight: string;
+            thSubColor: string;
+            thSubFontWeight: string;
+            thSubFontSize: string;
             thButtonColorHover: string;
             thIconColor: string;
             thIconColorActive: string;
@@ -3537,12 +3492,18 @@ declare const _default: import("vue").DefineComponent<{
                             iconSizeMedium: string;
                             iconSizeLarge: string;
                             iconSizeHuge: string;
-                            fontSizeSmall: string;
-                            fontSizeMedium: string;
-                            fontSizeLarge: string;
-                            fontSizeHuge: string;
-                            textColor: string;
+                            titleFontSizeSmall: string;
+                            titleFontSizeMedium: string;
+                            titleFontSizeLarge: string;
+                            titleFontSizeHuge: string;
+                            descriptionFontSizeSmall: string;
+                            descriptionFontSizeMedium: string;
+                            descriptionFontSizeLarge: string;
+                            descriptionFontSizeHuge: string;
+                            titleColor: string;
+                            descriptionColor: string;
                             iconColor: string;
+                            iconBgColor: string;
                             extraTextColor: string;
                         }, any>;
                     }>;
@@ -3670,12 +3631,18 @@ declare const _default: import("vue").DefineComponent<{
                             iconSizeMedium: string;
                             iconSizeLarge: string;
                             iconSizeHuge: string;
-                            fontSizeSmall: string;
-                            fontSizeMedium: string;
-                            fontSizeLarge: string;
-                            fontSizeHuge: string;
-                            textColor: string;
+                            titleFontSizeSmall: string;
+                            titleFontSizeMedium: string;
+                            titleFontSizeLarge: string;
+                            titleFontSizeHuge: string;
+                            descriptionFontSizeSmall: string;
+                            descriptionFontSizeMedium: string;
+                            descriptionFontSizeLarge: string;
+                            descriptionFontSizeHuge: string;
+                            titleColor: string;
+                            descriptionColor: string;
                             iconColor: string;
+                            iconBgColor: string;
                             extraTextColor: string;
                         }, any>;
                     }>;
@@ -3690,12 +3657,18 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeMedium: string;
                 iconSizeLarge: string;
                 iconSizeHuge: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                textColor: string;
+                titleFontSizeSmall: string;
+                titleFontSizeMedium: string;
+                titleFontSizeLarge: string;
+                titleFontSizeHuge: string;
+                descriptionFontSizeSmall: string;
+                descriptionFontSizeMedium: string;
+                descriptionFontSizeLarge: string;
+                descriptionFontSizeHuge: string;
+                titleColor: string;
+                descriptionColor: string;
                 iconColor: string;
+                iconBgColor: string;
                 extraTextColor: string;
             }, any>;
             Popover: import("../../_mixins").Theme<"Popover", {
@@ -4006,12 +3979,18 @@ declare const _default: import("vue").DefineComponent<{
                                 iconSizeMedium: string;
                                 iconSizeLarge: string;
                                 iconSizeHuge: string;
-                                fontSizeSmall: string;
-                                fontSizeMedium: string;
-                                fontSizeLarge: string;
-                                fontSizeHuge: string;
-                                textColor: string;
+                                titleFontSizeSmall: string;
+                                titleFontSizeMedium: string;
+                                titleFontSizeLarge: string;
+                                titleFontSizeHuge: string;
+                                descriptionFontSizeSmall: string;
+                                descriptionFontSizeMedium: string;
+                                descriptionFontSizeLarge: string;
+                                descriptionFontSizeHuge: string;
+                                titleColor: string;
+                                descriptionColor: string;
                                 iconColor: string;
+                                iconBgColor: string;
                                 extraTextColor: string;
                             }, any>;
                         }>;
@@ -4139,12 +4118,18 @@ declare const _default: import("vue").DefineComponent<{
                                 iconSizeMedium: string;
                                 iconSizeLarge: string;
                                 iconSizeHuge: string;
-                                fontSizeSmall: string;
-                                fontSizeMedium: string;
-                                fontSizeLarge: string;
-                                fontSizeHuge: string;
-                                textColor: string;
+                                titleFontSizeSmall: string;
+                                titleFontSizeMedium: string;
+                                titleFontSizeLarge: string;
+                                titleFontSizeHuge: string;
+                                descriptionFontSizeSmall: string;
+                                descriptionFontSizeMedium: string;
+                                descriptionFontSizeLarge: string;
+                                descriptionFontSizeHuge: string;
+                                titleColor: string;
+                                descriptionColor: string;
                                 iconColor: string;
+                                iconBgColor: string;
                                 extraTextColor: string;
                             }, any>;
                         }>;
@@ -4252,6 +4237,9 @@ declare const _default: import("vue").DefineComponent<{
         '--u-td-color-popover': string;
         '--u-td-color-hover-popover': string;
         '--u-th-text-color': string;
+        '--u-th-sub-color': string;
+        '--u-th-sub-font-weight': string;
+        '--u-th-sub-font-size': string;
         '--u-td-text-color': string;
         '--u-th-font-weight': string;
         '--u-th-button-color-hover': string;
@@ -4274,8 +4262,8 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly onUnstableColumnResize: import("vue").PropType<(resizedWidth: number, limitedWidth: number, column: import("./interface").TableBaseColumn<import("./interface").InternalRowData>, getColumnWidth: (key: import("./interface").ColumnKey) => number | undefined) => void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "edit"[], "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly onUnstableColumnResize: import("vue").PropType<(resizedWidth: number, limitedWidth: number, column: TableBaseColumn, getColumnWidth: (key: import("./interface").ColumnKey) => number | undefined) => void>;
     readonly pagination: {
         readonly type: import("vue").PropType<false | import("../../pagination").PaginationProps>;
         readonly default: false;
@@ -4333,7 +4321,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly stickyExpandedRows: BooleanConstructor;
     readonly virtualScroll: BooleanConstructor;
     readonly tableLayout: {
-        readonly type: import("vue").PropType<"fixed" | "auto">;
+        readonly type: import("vue").PropType<"auto" | "fixed">;
         readonly default: "auto";
     };
     readonly allowCheckingNotLoaded: BooleanConstructor;
@@ -4351,7 +4339,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly flexHeight: BooleanConstructor;
     readonly summaryPlacement: {
-        readonly type: import("vue").PropType<"bottom" | "top">;
+        readonly type: import("vue").PropType<"top" | "bottom">;
         readonly default: "bottom";
     };
     readonly paginationBehaviorOnFilter: {
@@ -4359,17 +4347,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "current";
     };
     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 renderCell: import("vue").PropType<(value: any, rowData: object, column: 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 onLoad: import("vue").PropType<import("./interface").DataTableOnLoad>;
-    readonly 'onUpdate:page': import("vue").PropType<import("../../_utils").MaybeArray<(page: number) => void> | undefined>;
-    readonly onUpdatePage: import("vue").PropType<import("../../_utils").MaybeArray<(page: number) => void> | undefined>;
-    readonly 'onUpdate:pageSize': import("vue").PropType<import("../../_utils").MaybeArray<(pageSize: number) => void> | undefined>;
-    readonly onUpdatePageSize: import("vue").PropType<import("../../_utils").MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly 'onUpdate:page': import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:page"]>;
+    readonly onUpdatePage: import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:page"]>;
+    readonly 'onUpdate:pageSize': import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:pageSize"]>;
+    readonly onUpdatePageSize: import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:pageSize"]>;
     readonly 'onUpdate:sorter': import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateSorter>>;
     readonly onUpdateSorter: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateSorter>>;
     readonly 'onUpdate:filters': import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateFilters>>;
@@ -4379,8 +4367,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly 'onUpdate:expandedRowKeys': import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateExpandedRowKeys>>;
     readonly onUpdateExpandedRowKeys: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateExpandedRowKeys>>;
     readonly onScroll: import("vue").PropType<(e: Event) => void>;
-    readonly onPageChange: import("vue").PropType<import("../../_utils").MaybeArray<(page: number) => void> | undefined>;
-    readonly onPageSizeChange: import("vue").PropType<import("../../_utils").MaybeArray<(pageSize: number) => void> | undefined>;
+    readonly onPageChange: import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:page"]>;
+    readonly onPageSizeChange: import("vue").PropType<import("../../pagination").PaginationProps["onUpdate:pageSize"]>;
     readonly onSorterChange: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateSorter> | undefined>;
     readonly onFiltersChange: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateFilters> | undefined>;
     readonly onCheckedRowKeysChange: import("vue").PropType<import("../../_utils").MaybeArray<import("./interface").OnUpdateCheckedRowKeys> | undefined>;
@@ -4420,6 +4408,9 @@ declare const _default: import("vue").DefineComponent<{
         tdTextColor: string;
         thTextColor: string;
         thFontWeight: string;
+        thSubColor: string;
+        thSubFontWeight: string;
+        thSubFontSize: string;
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
@@ -4998,12 +4989,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -5131,12 +5128,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -5151,12 +5154,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         Popover: import("../../_mixins").Theme<"Popover", {
@@ -5315,6 +5324,9 @@ declare const _default: import("vue").DefineComponent<{
         tdTextColor: string;
         thTextColor: string;
         thFontWeight: string;
+        thSubColor: string;
+        thSubFontWeight: string;
+        thSubFontSize: string;
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
@@ -5893,12 +5905,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -6026,12 +6044,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -6046,12 +6070,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         Popover: import("../../_mixins").Theme<"Popover", {
@@ -6210,6 +6240,9 @@ declare const _default: import("vue").DefineComponent<{
         tdTextColor: string;
         thTextColor: string;
         thFontWeight: string;
+        thSubColor: string;
+        thSubFontWeight: string;
+        thSubFontSize: string;
         thButtonColorHover: string;
         thIconColor: string;
         thIconColorActive: string;
@@ -6788,12 +6821,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -6921,12 +6960,18 @@ declare const _default: import("vue").DefineComponent<{
                         iconSizeMedium: string;
                         iconSizeLarge: string;
                         iconSizeHuge: string;
-                        fontSizeSmall: string;
-                        fontSizeMedium: string;
-                        fontSizeLarge: string;
-                        fontSizeHuge: string;
-                        textColor: string;
+                        titleFontSizeSmall: string;
+                        titleFontSizeMedium: string;
+                        titleFontSizeLarge: string;
+                        titleFontSizeHuge: string;
+                        descriptionFontSizeSmall: string;
+                        descriptionFontSizeMedium: string;
+                        descriptionFontSizeLarge: string;
+                        descriptionFontSizeHuge: string;
+                        titleColor: string;
+                        descriptionColor: string;
                         iconColor: string;
+                        iconBgColor: string;
                         extraTextColor: string;
                     }, any>;
                 }>;
@@ -6941,12 +6986,18 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeMedium: string;
             iconSizeLarge: string;
             iconSizeHuge: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            textColor: string;
+            titleFontSizeSmall: string;
+            titleFontSizeMedium: string;
+            titleFontSizeLarge: string;
+            titleFontSizeHuge: string;
+            descriptionFontSizeSmall: string;
+            descriptionFontSizeMedium: string;
+            descriptionFontSizeLarge: string;
+            descriptionFontSizeHuge: string;
+            titleColor: string;
+            descriptionColor: string;
             iconColor: string;
+            iconBgColor: string;
             extraTextColor: string;
         }, any>;
         Popover: import("../../_mixins").Theme<"Popover", {
@@ -7069,15 +7120,17 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>>;
-}>>, {
-    readonly data: import("./interface").RowData[];
-    readonly size: "small" | "medium" | "large";
-    readonly tableLayout: "fixed" | "auto";
-    readonly columns: import("./interface").TableColumns<any>;
+}>> & {
+    onEdit?: ((...args: any[]) => any) | undefined;
+}, {
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
+    readonly size: "small" | "medium" | "large";
     readonly pagination: false | import("../../pagination").PaginationProps;
+    readonly data: import("./interface").RowData[];
     readonly virtualScroll: boolean;
+    readonly tableLayout: "auto" | "fixed";
+    readonly columns: import("./interface").TableColumns<any>;
     readonly remote: boolean;
     readonly paginateSinglePage: boolean;
     readonly bottomBordered: boolean | undefined;
@@ -7093,7 +7146,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly childrenKey: string;
     readonly indent: number;
     readonly flexHeight: boolean;
-    readonly summaryPlacement: "bottom" | "top";
+    readonly summaryPlacement: "top" | "bottom";
     readonly paginationBehaviorOnFilter: "first" | "current";
     readonly spinProps: import("../../_internal").BaseLoadingExposedProps;
 }, {}>;