bkui-vue 0.0.2-beta.7 → 0.0.2-beta.70

package/lib/table/index.d.ts

@@ -2,13 +2,14 @@ import { ExtractPropTypes } from 'vue';
 import Column from './components/table-column';
 import { tableProps } from './props';
 export type TableProps = Partial<ExtractPropTypes<typeof tableProps>>;
-export type { Column as TableIColumn, Settings as TableSettings, TableColumnProps } from './props';
+export type { Column as TableIColumn, Settings as TableSettings } from './props';
 declare const BkTable: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
             data?: any[];
+            thead?: import("./props").Thead;
             height?: string | number;
             maxHeight?: string | number;
             border?: string | ("col" | "none" | "row" | "horizontal" | "outer")[];
@@ -23,22 +24,15 @@ declare const BkTable: {
             scrollLoading?: boolean | {
                 [key: string]: any;
             };
-            showOverflowTooltip?: boolean | import("./props").IOverflowTooltip;
             columnPick?: "disabled" | "single" | "multi";
-            rowHeight?: any;
+            stripe?: boolean;
+            rowHeight?: import("./props").RowHeightFunctionNumber;
             showHead?: boolean;
             virtualEnabled?: boolean;
             paginationHeight?: number;
             remotePagination?: boolean;
             emptyText?: string;
-            settings?: boolean | {
-                fields: import("./props").Field[] | (() => import("./props").Field[]);
-                checked: string[] | (() => string[]);
-                limit: number;
-                size: "small" | "medium" | "large";
-                sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-                showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-            };
+            emptyCellText?: any;
             rowClass?: any;
             rowStyle?: any;
             cellStyle?: any;
@@ -51,12 +45,17 @@ declare const BkTable: {
             isRowSelectEnable?: any;
             observerResize?: boolean;
             prependStyle?: import("vue").CSSProperties;
+            isFlex?: boolean;
             class?: unknown;
             style?: unknown;
-            readonly thead?: import("./props").Thead;
-            onSelect?: (...args: any[]) => any;
-            key?: string | number | symbol;
+            onSelect?: (_args: {
+                row: any;
+                index: Number;
+                checked: string;
+                data: any[];
+            }) => any;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -100,24 +99,82 @@ declare const BkTable: {
             readonly headerAlign?: "" | "right" | "left" | "center";
             readonly align?: "" | "right" | "left" | "center";
             readonly activeColumn?: number | number[];
+            readonly settings?: import("./props").ISettingPropType;
+            readonly showOverflowTooltip?: import("./props").IOverflowTooltipProp;
             readonly resizerWay?: "debounce" | "throttle";
-            onColumnPick?: (...args: any[]) => any;
-            onColumnSort?: (...args: any[]) => any;
-            onColumnFilter?: (...args: any[]) => any;
-            onColFilterSave?: (...args: any[]) => any;
-            onRowClick?: (...args: any[]) => any;
-            onRowDblclick?: (...args: any[]) => any;
-            onRowExpand?: (...args: any[]) => any;
-            onRowMouseEnter?: (...args: any[]) => any;
-            onRowMouseLeave?: (...args: any[]) => any;
-            onPageLimitChange?: (...args: any[]) => any;
-            onPageValueChange?: (...args: any[]) => any;
-            onSettingChange?: (...args: any[]) => any;
-            onScrollBottom?: (...args: any[]) => any;
-            onSelectAll?: (...args: any[]) => any;
-            onSelectionChange?: (...args: any[]) => any;
-            onCellClick?: (...args: any[]) => any;
-            onCellDblclick?: (...args: any[]) => any;
+            readonly colSortBehavior?: import("./props").IColSortBehavior;
+            onColumnPick?: (_cols: import("./props").IColumnActive[]) => any;
+            onColumnSort?: (_args: {
+                column: import("./props").Column;
+                index: number;
+                type: import("./const").SORT_OPTION;
+            }) => any;
+            onColumnFilter?: (_args: {
+                checked: string[];
+                column: import("./props").Column;
+                index: number;
+            }) => any;
+            onColFilterSave?: (_args: {
+                column: import("./props").Column;
+                values: any[];
+            }) => any;
+            onRowClick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+            onRowDblclick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+            onRowExpand?: (_args: {
+                row: any;
+                column: import("./props").Column;
+                index: Number;
+                rows: any[];
+                e: MouseEvent;
+            }) => any;
+            onRowMouseEnter?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+            onRowMouseLeave?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+            onPageLimitChange?: (_arg: number) => any;
+            onPageValueChange?: (_arg: number) => any;
+            onSettingChange?: (_args: {
+                checked: string[];
+                size: string;
+                height: number;
+                fields: Record<string, any>[];
+            }) => any;
+            onScrollBottom?: (_args: {
+                translateX: number;
+                translateY: number;
+                scrollTop: number;
+                scrollLeft: number;
+                bottom: number;
+            }) => any;
+            onSelectAll?: (_args: {
+                checked: string;
+                data: any[];
+            }) => any;
+            onSelectionChange?: (_args: {
+                row: any;
+                index: Number;
+                checked: string;
+                data: any[];
+                isAll: boolean;
+            }) => any;
+            onCellClick?: (_args: {
+                event: MouseEvent;
+                row: any;
+                column: import("./props").Column;
+                cell: {
+                    getValue: () => string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => any;
+            onCellDblclick?: (_args: {
+                event: MouseEvent;
+                row: any;
+                column: import("./props").Column;
+                cell: {
+                    getValue: () => string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => any;
         };
         $attrs: {
             [x: string]: unknown;
@@ -130,7 +187,67 @@ declare const BkTable: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: ((event: import("./const").EMIT_EVENTS.COLUMN_PICK, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.COLUMN_SORT, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.COLUMN_FILTER, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.COLUMN_FILTER_SAVE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.ROW_CLICK, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.ROW_DBL_CLICK, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.ROW_EXPAND_CLICK, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.ROW_MOUSE_ENTER, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.ROW_MOUSE_LEAVE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.PAGE_LIMIT_CHANGE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.PAGE_VALUE_CHANGE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.SETTING_CHANGE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.SCROLL_BOTTOM, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.ROW_SELECT, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.ROW_SELECT_ALL, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.ROW_SELECT_CHANGE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.CELL_CLICK, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.CELL_DBL_CLICK, ...args: any[]) => void);
+        $emit: ((event: import("./events").EMIT_EVENTS.COLUMN_PICK, _cols: import("./props").IColumnActive[]) => void) & ((event: import("./events").EMIT_EVENTS.COLUMN_SORT, _args: {
+            column: import("./props").Column;
+            index: number;
+            type: import("./const").SORT_OPTION;
+        }) => void) & ((event: import("./events").EMIT_EVENTS.COLUMN_FILTER, _args: {
+            checked: string[];
+            column: import("./props").Column;
+            index: number;
+        }) => void) & ((event: import("./events").EMIT_EVENTS.COLUMN_FILTER_SAVE, _args: {
+            column: import("./props").Column;
+            values: any[];
+        }) => void) & ((event: import("./events").EMIT_EVENTS.ROW_CLICK, _e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => void) & ((event: import("./events").EMIT_EVENTS.ROW_DBL_CLICK, _e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => void) & ((event: import("./events").EMIT_EVENTS.ROW_EXPAND_CLICK, _args: {
+            row: any;
+            column: import("./props").Column;
+            index: Number;
+            rows: any[];
+            e: MouseEvent;
+        }) => void) & ((event: import("./events").EMIT_EVENTS.ROW_MOUSE_ENTER, _e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => void) & ((event: import("./events").EMIT_EVENTS.ROW_MOUSE_LEAVE, _e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => void) & ((event: import("./events").EMIT_EVENTS.PAGE_LIMIT_CHANGE, _arg: number) => void) & ((event: import("./events").EMIT_EVENTS.PAGE_VALUE_CHANGE, _arg: number) => void) & ((event: import("./events").EMIT_EVENTS.SETTING_CHANGE, _args: {
+            checked: string[];
+            size: string;
+            height: number;
+            fields: Record<string, any>[];
+        }) => void) & ((event: import("./events").EMIT_EVENTS.SCROLL_BOTTOM, _args: {
+            translateX: number;
+            translateY: number;
+            scrollTop: number;
+            scrollLeft: number;
+            bottom: number;
+        }) => void) & ((event: import("./events").EMIT_EVENTS.ROW_SELECT, _args: {
+            row: any;
+            index: Number;
+            checked: string;
+            data: any[];
+        }) => void) & ((event: import("./events").EMIT_EVENTS.ROW_SELECT_ALL, _args: {
+            checked: string;
+            data: any[];
+        }) => void) & ((event: import("./events").EMIT_EVENTS.ROW_SELECT_CHANGE, _args: {
+            row: any;
+            index: Number;
+            checked: string;
+            data: any[];
+            isAll: boolean;
+        }) => void) & ((event: import("./events").EMIT_EVENTS.CELL_CLICK, _args: {
+            event: MouseEvent;
+            row: any;
+            column: import("./props").Column;
+            cell: {
+                getValue: () => string;
+            };
+            rowIndex: number;
+            columnIndex: number;
+        }) => void) & ((event: import("./events").EMIT_EVENTS.CELL_DBL_CLICK, _args: {
+            event: MouseEvent;
+            row: any;
+            column: import("./props").Column;
+            cell: {
+                getValue: () => string;
+            };
+            rowIndex: number;
+            columnIndex: number;
+        }) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
             data: import("vue-types").VueTypeDef<any[]> & {
@@ -146,14 +263,19 @@ declare const BkTable: {
             height: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            stripe: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
             minHeight: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
             maxHeight: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
-            rowHeight: import("vue-types").VueTypeDef<any> & {
-                default: any;
+            rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber> & {
+                default: import("./props").RowHeightFunctionNumber;
             };
             headHeight: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
@@ -165,7 +287,9 @@ declare const BkTable: {
             } & {
                 default: boolean;
             };
-            thead: import("vue-types").VueTypeShape<import("./props").Thead>;
+            thead: import("vue-types").VueTypeDef<import("./props").Thead> & {
+                default: () => import("./props").Thead;
+            };
             virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -194,23 +318,10 @@ declare const BkTable: {
             emptyText: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
-            settings: import("vue-types").VueTypeDef<boolean | {
-                fields: import("./props").Field[] | (() => import("./props").Field[]);
-                checked: string[] | (() => string[]);
-                limit: number;
-                size: "small" | "medium" | "large";
-                sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-                showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-            }> & {
-                default: boolean | (() => {
-                    fields: import("./props").Field[] | (() => import("./props").Field[]);
-                    checked: string[] | (() => string[]);
-                    limit: number;
-                    size: "small" | "medium" | "large";
-                    sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-                    showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-                });
+            emptyCellText: import("vue-types").VueTypeDef<any> & {
+                default: any;
             };
+            settings: import("vue-types").VueTypeDef<import("./props").ISettingPropType>;
             rowClass: import("vue-types").VueTypeDef<any> & {
                 default: any;
             };
@@ -248,9 +359,7 @@ declare const BkTable: {
             rowKey: import("vue-types").VueTypeDef<any> & {
                 default: any;
             };
-            showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
-                default: boolean | (() => import("./props").IOverflowTooltip);
-            };
+            showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
             asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -276,46 +385,173 @@ declare const BkTable: {
             prependStyle: import("vue-types").VueTypeDef<import("vue").CSSProperties> & {
                 default: () => import("vue").CSSProperties;
             };
+            colSortBehavior: import("vue-types").VueTypeDef<import("./props").IColSortBehavior>;
+            isFlex: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
-            onSelect?: (...args: any[]) => any;
-            onColumnPick?: (...args: any[]) => any;
-            onColumnSort?: (...args: any[]) => any;
-            onColumnFilter?: (...args: any[]) => any;
-            onColFilterSave?: (...args: any[]) => any;
-            onRowClick?: (...args: any[]) => any;
-            onRowDblclick?: (...args: any[]) => any;
-            onRowExpand?: (...args: any[]) => any;
-            onRowMouseEnter?: (...args: any[]) => any;
-            onRowMouseLeave?: (...args: any[]) => any;
-            onPageLimitChange?: (...args: any[]) => any;
-            onPageValueChange?: (...args: any[]) => any;
-            onSettingChange?: (...args: any[]) => any;
-            onScrollBottom?: (...args: any[]) => any;
-            onSelectAll?: (...args: any[]) => any;
-            onSelectionChange?: (...args: any[]) => any;
-            onCellClick?: (...args: any[]) => any;
-            onCellDblclick?: (...args: any[]) => any;
+            onSelect?: (_args: {
+                row: any;
+                index: Number;
+                checked: string;
+                data: any[];
+            }) => any;
+            onColumnPick?: (_cols: import("./props").IColumnActive[]) => any;
+            onColumnSort?: (_args: {
+                column: import("./props").Column;
+                index: number;
+                type: import("./const").SORT_OPTION;
+            }) => any;
+            onColumnFilter?: (_args: {
+                checked: string[];
+                column: import("./props").Column;
+                index: number;
+            }) => any;
+            onColFilterSave?: (_args: {
+                column: import("./props").Column;
+                values: any[];
+            }) => any;
+            onRowClick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+            onRowDblclick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+            onRowExpand?: (_args: {
+                row: any;
+                column: import("./props").Column;
+                index: Number;
+                rows: any[];
+                e: MouseEvent;
+            }) => any;
+            onRowMouseEnter?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+            onRowMouseLeave?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+            onPageLimitChange?: (_arg: number) => any;
+            onPageValueChange?: (_arg: number) => any;
+            onSettingChange?: (_args: {
+                checked: string[];
+                size: string;
+                height: number;
+                fields: Record<string, any>[];
+            }) => any;
+            onScrollBottom?: (_args: {
+                translateX: number;
+                translateY: number;
+                scrollTop: number;
+                scrollLeft: number;
+                bottom: number;
+            }) => any;
+            onSelectAll?: (_args: {
+                checked: string;
+                data: any[];
+            }) => any;
+            onSelectionChange?: (_args: {
+                row: any;
+                index: Number;
+                checked: string;
+                data: any[];
+                isAll: boolean;
+            }) => any;
+            onCellClick?: (_args: {
+                event: MouseEvent;
+                row: any;
+                column: import("./props").Column;
+                cell: {
+                    getValue: () => string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => any;
+            onCellDblclick?: (_args: {
+                event: MouseEvent;
+                row: any;
+                column: import("./props").Column;
+                cell: {
+                    getValue: () => string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            columnPick: (..._args: any[]) => boolean;
-            columnFilter: (..._args: any[]) => boolean;
-            columnSort: (..._args: any[]) => boolean;
-            colFilterSave: (..._args: any[]) => boolean;
-            rowClick: (..._args: any[]) => boolean;
-            rowDblclick: (..._args: any[]) => boolean;
-            rowExpand: (..._args: any[]) => boolean;
-            select: (..._args: any[]) => boolean;
-            selectAll: (..._args: any[]) => boolean;
-            selectionChange: (..._args: any[]) => boolean;
-            pageLimitChange: (..._args: any[]) => boolean;
-            pageValueChange: (..._args: any[]) => boolean;
-            settingChange: (..._args: any[]) => boolean;
-            scrollBottom: (..._args: any[]) => boolean;
-            cellClick: (..._args: any[]) => boolean;
-            cellDblclick: (..._args: any[]) => boolean;
-            rowMouseEnter: (..._args: any[]) => boolean;
-            rowMouseLeave: (..._args: any[]) => boolean;
+            columnPick: (_cols: import("./props").IColumnActive[]) => boolean;
+            columnFilter: (_args: {
+                checked: string[];
+                column: import("./props").Column;
+                index: number;
+            }) => boolean;
+            columnSort: (_args: {
+                column: import("./props").Column;
+                index: number;
+                type: import("./const").SORT_OPTION;
+            }) => boolean;
+            colFilterSave: (_args: {
+                column: import("./props").Column;
+                values: any[];
+            }) => boolean;
+            rowClick: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+            rowDblclick: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+            rowExpand: (_args: {
+                row: any;
+                column: import("./props").Column;
+                index: Number;
+                rows: any[];
+                e: MouseEvent;
+            }) => boolean;
+            select: (_args: {
+                row: any;
+                index: Number;
+                checked: string;
+                data: any[];
+            }) => boolean;
+            selectAll: (_args: {
+                checked: string;
+                data: any[];
+            }) => boolean;
+            selectionChange: (_args: {
+                row: any;
+                index: Number;
+                checked: string;
+                data: any[];
+                isAll: boolean;
+            }) => boolean;
+            pageLimitChange: (_arg: number) => boolean;
+            pageValueChange: (_arg: number) => boolean;
+            settingChange: (_args: {
+                checked: string[];
+                size: string;
+                height: number;
+                fields: Record<string, any>[];
+            }) => boolean;
+            scrollBottom: (_args: {
+                translateX: number;
+                translateY: number;
+                scrollTop: number;
+                scrollLeft: number;
+                bottom: number;
+            }) => boolean;
+            cellClick: (_args: {
+                event: MouseEvent;
+                row: any;
+                column: import("./props").Column;
+                cell: {
+                    getValue: () => string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => boolean;
+            cellDblclick: (_args: {
+                event: MouseEvent;
+                row: any;
+                column: import("./props").Column;
+                cell: {
+                    getValue: () => string;
+                };
+                rowIndex: number;
+                columnIndex: number;
+            }) => boolean;
+            rowMouseEnter: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+            rowMouseLeave: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
         }, string, {
             data: any[];
+            thead: import("./props").Thead;
             height: string | number;
             maxHeight: string | number;
             border: string | ("col" | "none" | "row" | "horizontal" | "outer")[];
@@ -330,22 +566,15 @@ declare const BkTable: {
             scrollLoading: boolean | {
                 [key: string]: any;
             };
-            showOverflowTooltip: boolean | import("./props").IOverflowTooltip;
             columnPick: "disabled" | "single" | "multi";
-            rowHeight: any;
+            stripe: boolean;
+            rowHeight: import("./props").RowHeightFunctionNumber;
             showHead: boolean;
             virtualEnabled: boolean;
             paginationHeight: number;
             remotePagination: boolean;
             emptyText: string;
-            settings: boolean | {
-                fields: import("./props").Field[] | (() => import("./props").Field[]);
-                checked: string[] | (() => string[]);
-                limit: number;
-                size: "small" | "medium" | "large";
-                sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-                showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-            };
+            emptyCellText: any;
             rowClass: any;
             rowStyle: any;
             cellStyle: any;
@@ -358,6 +587,7 @@ declare const BkTable: {
             isRowSelectEnable: any;
             observerResize: boolean;
             prependStyle: import("vue").CSSProperties;
+            isFlex: boolean;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -392,14 +622,19 @@ declare const BkTable: {
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        stripe: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         minHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
         maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        rowHeight: import("vue-types").VueTypeDef<any> & {
-            default: any;
+        rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber> & {
+            default: import("./props").RowHeightFunctionNumber;
         };
         headHeight: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -411,7 +646,9 @@ declare const BkTable: {
         } & {
             default: boolean;
         };
-        thead: import("vue-types").VueTypeShape<import("./props").Thead>;
+        thead: import("vue-types").VueTypeDef<import("./props").Thead> & {
+            default: () => import("./props").Thead;
+        };
         virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -440,23 +677,10 @@ declare const BkTable: {
         emptyText: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        settings: import("vue-types").VueTypeDef<boolean | {
-            fields: import("./props").Field[] | (() => import("./props").Field[]);
-            checked: string[] | (() => string[]);
-            limit: number;
-            size: "small" | "medium" | "large";
-            sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-            showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-        }> & {
-            default: boolean | (() => {
-                fields: import("./props").Field[] | (() => import("./props").Field[]);
-                checked: string[] | (() => string[]);
-                limit: number;
-                size: "small" | "medium" | "large";
-                sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-                showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-            });
+        emptyCellText: import("vue-types").VueTypeDef<any> & {
+            default: any;
         };
+        settings: import("vue-types").VueTypeDef<import("./props").ISettingPropType>;
         rowClass: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -494,9 +718,7 @@ declare const BkTable: {
         rowKey: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
-        showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
-            default: boolean | (() => import("./props").IOverflowTooltip);
-        };
+        showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
         asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -522,25 +744,91 @@ declare const BkTable: {
         prependStyle: import("vue-types").VueTypeDef<import("vue").CSSProperties> & {
             default: () => import("vue").CSSProperties;
         };
+        colSortBehavior: import("vue-types").VueTypeDef<import("./props").IColSortBehavior>;
+        isFlex: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
-        onSelect?: (...args: any[]) => any;
-        onColumnPick?: (...args: any[]) => any;
-        onColumnSort?: (...args: any[]) => any;
-        onColumnFilter?: (...args: any[]) => any;
-        onColFilterSave?: (...args: any[]) => any;
-        onRowClick?: (...args: any[]) => any;
-        onRowDblclick?: (...args: any[]) => any;
-        onRowExpand?: (...args: any[]) => any;
-        onRowMouseEnter?: (...args: any[]) => any;
-        onRowMouseLeave?: (...args: any[]) => any;
-        onPageLimitChange?: (...args: any[]) => any;
-        onPageValueChange?: (...args: any[]) => any;
-        onSettingChange?: (...args: any[]) => any;
-        onScrollBottom?: (...args: any[]) => any;
-        onSelectAll?: (...args: any[]) => any;
-        onSelectionChange?: (...args: any[]) => any;
-        onCellClick?: (...args: any[]) => any;
-        onCellDblclick?: (...args: any[]) => any;
+        onSelect?: (_args: {
+            row: any;
+            index: Number;
+            checked: string;
+            data: any[];
+        }) => any;
+        onColumnPick?: (_cols: import("./props").IColumnActive[]) => any;
+        onColumnSort?: (_args: {
+            column: import("./props").Column;
+            index: number;
+            type: import("./const").SORT_OPTION;
+        }) => any;
+        onColumnFilter?: (_args: {
+            checked: string[];
+            column: import("./props").Column;
+            index: number;
+        }) => any;
+        onColFilterSave?: (_args: {
+            column: import("./props").Column;
+            values: any[];
+        }) => any;
+        onRowClick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+        onRowDblclick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+        onRowExpand?: (_args: {
+            row: any;
+            column: import("./props").Column;
+            index: Number;
+            rows: any[];
+            e: MouseEvent;
+        }) => any;
+        onRowMouseEnter?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+        onRowMouseLeave?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+        onPageLimitChange?: (_arg: number) => any;
+        onPageValueChange?: (_arg: number) => any;
+        onSettingChange?: (_args: {
+            checked: string[];
+            size: string;
+            height: number;
+            fields: Record<string, any>[];
+        }) => any;
+        onScrollBottom?: (_args: {
+            translateX: number;
+            translateY: number;
+            scrollTop: number;
+            scrollLeft: number;
+            bottom: number;
+        }) => any;
+        onSelectAll?: (_args: {
+            checked: string;
+            data: any[];
+        }) => any;
+        onSelectionChange?: (_args: {
+            row: any;
+            index: Number;
+            checked: string;
+            data: any[];
+            isAll: boolean;
+        }) => any;
+        onCellClick?: (_args: {
+            event: MouseEvent;
+            row: any;
+            column: import("./props").Column;
+            cell: {
+                getValue: () => string;
+            };
+            rowIndex: number;
+            columnIndex: number;
+        }) => any;
+        onCellDblclick?: (_args: {
+            event: MouseEvent;
+            row: any;
+            column: import("./props").Column;
+            cell: {
+                getValue: () => string;
+            };
+            rowIndex: number;
+            columnIndex: number;
+        }) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -559,14 +847,19 @@ declare const BkTable: {
     height: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    stripe: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     minHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
     maxHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    rowHeight: import("vue-types").VueTypeDef<any> & {
-        default: any;
+    rowHeight: import("vue-types").VueTypeDef<import("./props").RowHeightFunctionNumber> & {
+        default: import("./props").RowHeightFunctionNumber;
     };
     headHeight: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -578,7 +871,9 @@ declare const BkTable: {
     } & {
         default: boolean;
     };
-    thead: import("vue-types").VueTypeShape<import("./props").Thead>;
+    thead: import("vue-types").VueTypeDef<import("./props").Thead> & {
+        default: () => import("./props").Thead;
+    };
     virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -607,23 +902,10 @@ declare const BkTable: {
     emptyText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-    settings: import("vue-types").VueTypeDef<boolean | {
-        fields: import("./props").Field[] | (() => import("./props").Field[]);
-        checked: string[] | (() => string[]);
-        limit: number;
-        size: "small" | "medium" | "large";
-        sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-        showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-    }> & {
-        default: boolean | (() => {
-            fields: import("./props").Field[] | (() => import("./props").Field[]);
-            checked: string[] | (() => string[]);
-            limit: number;
-            size: "small" | "medium" | "large";
-            sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-            showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-        });
+    emptyCellText: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
+    settings: import("vue-types").VueTypeDef<import("./props").ISettingPropType>;
     rowClass: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -661,9 +943,7 @@ declare const BkTable: {
     rowKey: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
-    showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
-        default: boolean | (() => import("./props").IOverflowTooltip);
-    };
+    showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
     asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -689,46 +969,173 @@ declare const BkTable: {
     prependStyle: import("vue-types").VueTypeDef<import("vue").CSSProperties> & {
         default: () => import("vue").CSSProperties;
     };
+    colSortBehavior: import("vue-types").VueTypeDef<import("./props").IColSortBehavior>;
+    isFlex: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
-    onSelect?: (...args: any[]) => any;
-    onColumnPick?: (...args: any[]) => any;
-    onColumnSort?: (...args: any[]) => any;
-    onColumnFilter?: (...args: any[]) => any;
-    onColFilterSave?: (...args: any[]) => any;
-    onRowClick?: (...args: any[]) => any;
-    onRowDblclick?: (...args: any[]) => any;
-    onRowExpand?: (...args: any[]) => any;
-    onRowMouseEnter?: (...args: any[]) => any;
-    onRowMouseLeave?: (...args: any[]) => any;
-    onPageLimitChange?: (...args: any[]) => any;
-    onPageValueChange?: (...args: any[]) => any;
-    onSettingChange?: (...args: any[]) => any;
-    onScrollBottom?: (...args: any[]) => any;
-    onSelectAll?: (...args: any[]) => any;
-    onSelectionChange?: (...args: any[]) => any;
-    onCellClick?: (...args: any[]) => any;
-    onCellDblclick?: (...args: any[]) => any;
+    onSelect?: (_args: {
+        row: any;
+        index: Number;
+        checked: string;
+        data: any[];
+    }) => any;
+    onColumnPick?: (_cols: import("./props").IColumnActive[]) => any;
+    onColumnSort?: (_args: {
+        column: import("./props").Column;
+        index: number;
+        type: import("./const").SORT_OPTION;
+    }) => any;
+    onColumnFilter?: (_args: {
+        checked: string[];
+        column: import("./props").Column;
+        index: number;
+    }) => any;
+    onColFilterSave?: (_args: {
+        column: import("./props").Column;
+        values: any[];
+    }) => any;
+    onRowClick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+    onRowDblclick?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+    onRowExpand?: (_args: {
+        row: any;
+        column: import("./props").Column;
+        index: Number;
+        rows: any[];
+        e: MouseEvent;
+    }) => any;
+    onRowMouseEnter?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+    onRowMouseLeave?: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => any;
+    onPageLimitChange?: (_arg: number) => any;
+    onPageValueChange?: (_arg: number) => any;
+    onSettingChange?: (_args: {
+        checked: string[];
+        size: string;
+        height: number;
+        fields: Record<string, any>[];
+    }) => any;
+    onScrollBottom?: (_args: {
+        translateX: number;
+        translateY: number;
+        scrollTop: number;
+        scrollLeft: number;
+        bottom: number;
+    }) => any;
+    onSelectAll?: (_args: {
+        checked: string;
+        data: any[];
+    }) => any;
+    onSelectionChange?: (_args: {
+        row: any;
+        index: Number;
+        checked: string;
+        data: any[];
+        isAll: boolean;
+    }) => any;
+    onCellClick?: (_args: {
+        event: MouseEvent;
+        row: any;
+        column: import("./props").Column;
+        cell: {
+            getValue: () => string;
+        };
+        rowIndex: number;
+        columnIndex: number;
+    }) => any;
+    onCellDblclick?: (_args: {
+        event: MouseEvent;
+        row: any;
+        column: import("./props").Column;
+        cell: {
+            getValue: () => string;
+        };
+        rowIndex: number;
+        columnIndex: number;
+    }) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    columnPick: (..._args: any[]) => boolean;
-    columnFilter: (..._args: any[]) => boolean;
-    columnSort: (..._args: any[]) => boolean;
-    colFilterSave: (..._args: any[]) => boolean;
-    rowClick: (..._args: any[]) => boolean;
-    rowDblclick: (..._args: any[]) => boolean;
-    rowExpand: (..._args: any[]) => boolean;
-    select: (..._args: any[]) => boolean;
-    selectAll: (..._args: any[]) => boolean;
-    selectionChange: (..._args: any[]) => boolean;
-    pageLimitChange: (..._args: any[]) => boolean;
-    pageValueChange: (..._args: any[]) => boolean;
-    settingChange: (..._args: any[]) => boolean;
-    scrollBottom: (..._args: any[]) => boolean;
-    cellClick: (..._args: any[]) => boolean;
-    cellDblclick: (..._args: any[]) => boolean;
-    rowMouseEnter: (..._args: any[]) => boolean;
-    rowMouseLeave: (..._args: any[]) => boolean;
+    columnPick: (_cols: import("./props").IColumnActive[]) => boolean;
+    columnFilter: (_args: {
+        checked: string[];
+        column: import("./props").Column;
+        index: number;
+    }) => boolean;
+    columnSort: (_args: {
+        column: import("./props").Column;
+        index: number;
+        type: import("./const").SORT_OPTION;
+    }) => boolean;
+    colFilterSave: (_args: {
+        column: import("./props").Column;
+        values: any[];
+    }) => boolean;
+    rowClick: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+    rowDblclick: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+    rowExpand: (_args: {
+        row: any;
+        column: import("./props").Column;
+        index: Number;
+        rows: any[];
+        e: MouseEvent;
+    }) => boolean;
+    select: (_args: {
+        row: any;
+        index: Number;
+        checked: string;
+        data: any[];
+    }) => boolean;
+    selectAll: (_args: {
+        checked: string;
+        data: any[];
+    }) => boolean;
+    selectionChange: (_args: {
+        row: any;
+        index: Number;
+        checked: string;
+        data: any[];
+        isAll: boolean;
+    }) => boolean;
+    pageLimitChange: (_arg: number) => boolean;
+    pageValueChange: (_arg: number) => boolean;
+    settingChange: (_args: {
+        checked: string[];
+        size: string;
+        height: number;
+        fields: Record<string, any>[];
+    }) => boolean;
+    scrollBottom: (_args: {
+        translateX: number;
+        translateY: number;
+        scrollTop: number;
+        scrollLeft: number;
+        bottom: number;
+    }) => boolean;
+    cellClick: (_args: {
+        event: MouseEvent;
+        row: any;
+        column: import("./props").Column;
+        cell: {
+            getValue: () => string;
+        };
+        rowIndex: number;
+        columnIndex: number;
+    }) => boolean;
+    cellDblclick: (_args: {
+        event: MouseEvent;
+        row: any;
+        column: import("./props").Column;
+        cell: {
+            getValue: () => string;
+        };
+        rowIndex: number;
+        columnIndex: number;
+    }) => boolean;
+    rowMouseEnter: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+    rowMouseLeave: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
 }, string, {
     data: any[];
+    thead: import("./props").Thead;
     height: string | number;
     maxHeight: string | number;
     border: string | ("col" | "none" | "row" | "horizontal" | "outer")[];
@@ -743,22 +1150,15 @@ declare const BkTable: {
     scrollLoading: boolean | {
         [key: string]: any;
     };
-    showOverflowTooltip: boolean | import("./props").IOverflowTooltip;
     columnPick: "disabled" | "single" | "multi";
-    rowHeight: any;
+    stripe: boolean;
+    rowHeight: import("./props").RowHeightFunctionNumber;
     showHead: boolean;
     virtualEnabled: boolean;
     paginationHeight: number;
     remotePagination: boolean;
     emptyText: string;
-    settings: boolean | {
-        fields: import("./props").Field[] | (() => import("./props").Field[]);
-        checked: string[] | (() => string[]);
-        limit: number;
-        size: "small" | "medium" | "large";
-        sizeList: import("./props").SizeItem[] | (object & (() => import("./props").SizeItem[]));
-        showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
-    };
+    emptyCellText: any;
     rowClass: any;
     rowStyle: any;
     cellStyle: any;
@@ -771,17 +1171,12 @@ declare const BkTable: {
     isRowSelectEnable: any;
     observerResize: boolean;
     prependStyle: import("vue").CSSProperties;
+    isFlex: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Column: import("vue").DefineComponent<{
-        prop: import("vue-types").VueTypeDef<any>;
-        index: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        label: import("vue-types").VueTypeDef<any>;
-        field: import("vue-types").VueTypeDef<any>;
-        render: import("vue-types").VueTypeDef<any>;
+        label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+        field: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+        render: import("vue-types").VueTypeDef<import("./props").RenderFunctionString>;
         width: import("vue-types").VueTypeDef<string | number>;
         minWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
@@ -791,9 +1186,7 @@ declare const BkTable: {
         } & {
             default: string;
         };
-        showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
-            default: boolean | (() => import("./props").IOverflowTooltip);
-        };
+        showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
         type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
         resizable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -803,72 +1196,49 @@ declare const BkTable: {
         fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
             default: boolean | "right" | "left";
         };
-        sort: import("vue-types").VueTypeDef<string | boolean | {
-            sortFn: any;
-            sortScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-            value: string;
-        }> & {
-            default: string | boolean | (() => {
-                sortFn: any;
-                sortScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-                value: string;
-            });
+        sort: import("vue-types").VueTypeDef<import("./props").ISortPropShape>;
+        filter: import("vue-types").VueTypeDef<import("./props").IFilterPropShape>;
+        colspan: import("vue-types").VueTypeDef<import("./props").SpanFunctionString> & {
+            default: (({ column, colIndex, row, rowIndex }: {
+                column: any;
+                colIndex: any;
+                row: any;
+                rowIndex: any;
+            }) => number) | (() => Number);
         };
-        filter: import("vue-types").VueTypeDef<string | boolean | {
-            list: any[] | (object & (() => any[]));
-            filterFn: any;
-            match: "full" | "fuzzy";
-            checked: any[] | (object & (() => any[]));
-            filterScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-            btnSave: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-            btnReset: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-        }> & {
-            default: string | boolean | (() => {
-                list: any[] | (object & (() => any[]));
-                filterFn: any;
-                match: "full" | "fuzzy";
-                checked: any[] | (object & (() => any[]));
-                filterScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-                btnSave: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-                btnReset: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-            });
+        rowspan: import("vue-types").VueTypeDef<import("./props").SpanFunctionString> & {
+            default: (({ column, colIndex, row, rowIndex }: {
+                column: any;
+                colIndex: any;
+                row: any;
+                rowIndex: any;
+            }) => number) | (() => Number);
         };
-        colspan: import("vue-types").VueTypeDef<any>;
-        rowspan: import("vue-types").VueTypeDef<any>;
         align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
-        className: import("vue-types").VueTypeDef<any>;
+        className: import("vue-types").VueTypeDef<import("./props").RowClassFunctionString>;
+        prop: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+        index: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }, {
-        initColumns: (_col: import("./components/table-column").ITableColumn | import("./components/table-column").ITableColumn[], _rm?: boolean) => void;
+        initColumns: (_col: import("./props").Column | import("./props").Column[], _rm?: boolean) => void;
         bkTableCache: {
             queueStack: (_: any, fn: any) => any;
         };
         column: {
-            field: string | Function;
-            label: string | Function;
-            render?: string | Function | import("vue").Slot<any>;
-            width?: string | number;
+            fixed?: boolean | "right" | "left";
             minWidth?: string | number;
-            columnKey?: string;
-            showOverflowTooltip?: boolean | {
-                content: string | Function;
-                disabled?: boolean;
-                watchCellResize?: boolean;
-                mode?: "auto" | "static";
-            };
-            type?: string;
-            fixed?: string | boolean;
             resizable?: boolean;
-            sort?: string | boolean | {
-                sortFn?: Function;
-                sortScope?: string;
-                value?: string;
-            };
-            filter?: string | boolean | {
-                list?: any;
-                filterFn?: Function;
-                checked?: any;
-            };
-            colspan?: Function | {
+            index?: number;
+            columnKey?: string;
+            colspan?: (({ column, colIndex, row, rowIndex }: {
+                column: any;
+                colIndex: any;
+                row: any;
+                rowIndex: any;
+            }) => number) | {
                 toString: (radix?: number) => string;
                 toFixed: (fractionDigits?: number) => string;
                 toExponential: (fractionDigits?: number) => string;
@@ -879,7 +1249,12 @@ declare const BkTable: {
                     (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
                 };
             };
-            rowspan?: Function | {
+            rowspan?: (({ column, colIndex, row, rowIndex }: {
+                column: any;
+                colIndex: any;
+                row: any;
+                rowIndex: any;
+            }) => number) | {
                 toString: (radix?: number) => string;
                 toFixed: (fractionDigits?: number) => string;
                 toExponential: (fractionDigits?: number) => string;
@@ -890,110 +1265,45 @@ declare const BkTable: {
                     (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
                 };
             };
-            textAlign?: {
-                [x: number]: string;
-                toString: () => string;
-                charAt: (pos: number) => string;
-                charCodeAt: (index: number) => number;
-                concat: (...strings: string[]) => string;
-                indexOf: (searchString: string, position?: number) => number;
-                lastIndexOf: (searchString: string, position?: number) => number;
-                localeCompare: {
-                    (that: string): number;
-                    (that: string, locales?: string | string[], options?: Intl.CollatorOptions): number;
-                };
-                match: {
-                    (regexp: string | RegExp): RegExpMatchArray;
-                    (matcher: {
-                        [Symbol.match](string: string): RegExpMatchArray;
-                    }): RegExpMatchArray;
-                };
-                replace: {
-                    (searchValue: string | RegExp, replaceValue: string): string;
-                    (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string;
-                    (searchValue: {
-                        [Symbol.replace](string: string, replaceValue: string): string;
-                    }, replaceValue: string): string;
-                    (searchValue: {
-                        [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string;
-                    }, replacer: (substring: string, ...args: any[]) => string): string;
-                };
-                search: {
-                    (regexp: string | RegExp): number;
-                    (searcher: {
-                        [Symbol.search](string: string): number;
-                    }): number;
-                };
-                slice: (start?: number, end?: number) => string;
-                split: {
-                    (separator: string | RegExp, limit?: number): string[];
-                    (splitter: {
-                        [Symbol.split](string: string, limit?: number): string[];
-                    }, limit?: number): string[];
-                };
-                substring: (start: number, end?: number) => string;
-                toLowerCase: () => string;
-                toLocaleLowerCase: (locales?: string | string[]) => string;
-                toUpperCase: () => string;
-                toLocaleUpperCase: (locales?: string | string[]) => string;
-                trim: () => string;
-                readonly length: number;
-                substr: (from: number, length?: number) => string;
-                valueOf: () => string;
-                codePointAt: (pos: number) => number;
-                includes: (searchString: string, position?: number) => boolean;
-                endsWith: (searchString: string, endPosition?: number) => boolean;
-                normalize: {
-                    (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string;
-                    (form?: string): string;
-                };
-                repeat: (count: number) => string;
-                startsWith: (searchString: string, position?: number) => boolean;
-                anchor: (name: string) => string;
-                big: () => string;
-                blink: () => string;
-                bold: () => string;
-                fixed: () => string;
-                fontcolor: (color: string) => string;
-                fontsize: {
-                    (size: number): string;
-                    (size: string): string;
-                };
-                italics: () => string;
-                link: (url: string) => string;
-                small: () => string;
-                strike: () => string;
-                sub: () => string;
-                sup: () => string;
-                padStart: (maxLength: number, fillString?: string) => string;
-                padEnd: (maxLength: number, fillString?: string) => string;
-                trimEnd: () => string;
-                trimStart: () => string;
-                trimLeft: () => string;
-                trimRight: () => string;
-                matchAll: (regexp: RegExp) => IterableIterator<RegExpMatchArray>;
-                [Symbol.iterator]: () => IterableIterator<string>;
-                at: (index: number) => string;
+            render?: import("./props").RenderFunctionString;
+            sort?: string | boolean | {
+                sortFn?: Function;
+                sortScope?: import("./props").SortScope;
+                value?: import("./const").SORT_OPTION;
             };
-            className?: string | Function;
-            align?: string;
-            prop?: string | Function;
-            index?: number;
+            filter?: string | boolean | {
+                list: any[];
+                filterFn?: Function;
+                match?: import("./props").FullEnum;
+                checked?: any[];
+                filterScope?: import("./props").SortScope;
+                btnSave?: string | boolean;
+                btnReset?: string | boolean;
+            };
+            type?: "none" | "selection" | "index" | "expand";
+            label?: import("./props").LabelFunctionString;
+            width?: string | number;
+            className?: import("./props").RowClassFunctionString;
+            align?: "" | "right" | "left" | "center";
+            showOverflowTooltip?: boolean | {
+                content: string | Function;
+                disabled?: (col: import("./props").Column, row: any) => boolean;
+                watchCellResize?: boolean;
+                mode?: "auto" | "static";
+                popoverOption?: any;
+                resizerWay?: import("./props").ResizerWay;
+            };
+            field: import("./props").LabelFunctionString;
+            prop?: import("./props").LabelFunctionString;
         };
     }, unknown, {}, {
         updateColumnDefine(unmounted?: boolean): void;
         updateColumnDefineByParent(): void;
         updateColumnDefineByIndex(unmounted?: boolean): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-        prop: import("vue-types").VueTypeDef<any>;
-        index: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        label: import("vue-types").VueTypeDef<any>;
-        field: import("vue-types").VueTypeDef<any>;
-        render: import("vue-types").VueTypeDef<any>;
+        label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+        field: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+        render: import("vue-types").VueTypeDef<import("./props").RenderFunctionString>;
         width: import("vue-types").VueTypeDef<string | number>;
         minWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
@@ -1003,9 +1313,7 @@ declare const BkTable: {
         } & {
             default: string;
         };
-        showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
-            default: boolean | (() => import("./props").IOverflowTooltip);
-        };
+        showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
         type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
         resizable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -1015,62 +1323,41 @@ declare const BkTable: {
         fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
             default: boolean | "right" | "left";
         };
-        sort: import("vue-types").VueTypeDef<string | boolean | {
-            sortFn: any;
-            sortScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-            value: string;
-        }> & {
-            default: string | boolean | (() => {
-                sortFn: any;
-                sortScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-                value: string;
-            });
+        sort: import("vue-types").VueTypeDef<import("./props").ISortPropShape>;
+        filter: import("vue-types").VueTypeDef<import("./props").IFilterPropShape>;
+        colspan: import("vue-types").VueTypeDef<import("./props").SpanFunctionString> & {
+            default: (({ column, colIndex, row, rowIndex }: {
+                column: any;
+                colIndex: any;
+                row: any;
+                rowIndex: any;
+            }) => number) | (() => Number);
         };
-        filter: import("vue-types").VueTypeDef<string | boolean | {
-            list: any[] | (object & (() => any[]));
-            filterFn: any;
-            match: "full" | "fuzzy";
-            checked: any[] | (object & (() => any[]));
-            filterScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-            btnSave: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-            btnReset: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-        }> & {
-            default: string | boolean | (() => {
-                list: any[] | (object & (() => any[]));
-                filterFn: any;
-                match: "full" | "fuzzy";
-                checked: any[] | (object & (() => any[]));
-                filterScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-                btnSave: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-                btnReset: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-            });
+        rowspan: import("vue-types").VueTypeDef<import("./props").SpanFunctionString> & {
+            default: (({ column, colIndex, row, rowIndex }: {
+                column: any;
+                colIndex: any;
+                row: any;
+                rowIndex: any;
+            }) => number) | (() => Number);
         };
-        colspan: import("vue-types").VueTypeDef<any>;
-        rowspan: import("vue-types").VueTypeDef<any>;
         align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
-        className: import("vue-types").VueTypeDef<any>;
-    }>>, {
-        sort: string | boolean | {
-            sortFn: any;
-            sortScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-            value: string;
-        };
-        filter: string | boolean | {
-            list: any[] | (object & (() => any[]));
-            filterFn: any;
-            match: "full" | "fuzzy";
-            checked: any[] | (object & (() => any[]));
-            filterScope: (object | "all" | "current" | (() => "all" | "current") | ((props: Record<string, unknown>) => "all" | "current")) & ("all" | "current");
-            btnSave: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
-            btnReset: (string | boolean | object | (() => string | boolean) | ((props: Record<string, unknown>) => string | boolean)) & (string | boolean);
+        className: import("vue-types").VueTypeDef<import("./props").RowClassFunctionString>;
+        prop: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
+        index: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
         };
+    }>>, {
         fixed: boolean | "right" | "left";
         minWidth: string | number;
+        resizable: boolean;
         index: number;
         columnKey: string;
-        showOverflowTooltip: boolean | import("./props").IOverflowTooltip;
-        resizable: boolean;
+        colspan: import("./props").SpanFunctionString;
+        rowspan: import("./props").SpanFunctionString;
     }, {}>;
 }>;
 export default BkTable;
-export { BkTable, Column as BkTableColumn, };
+export { BkTable, Column as BkTableColumn };