bkui-vue 2.0.1-beta.1 → 2.0.1-beta.10

package/lib/table/plugins/use-shift-key.d.ts

@@ -7,5 +7,7 @@ declare const _default: (props: TablePropTypes) => {
         end: any;
     };
     clearStore: () => void;
+    setStoreStart: (row?: any, index?: any) => void;
+    clearStoreStart: () => void;
 };
 export default _default;

package/lib/table/props.d.ts

@@ -1,48 +1,48 @@
 import { ExtractPropTypes } from 'vue';
 import { IHeadColor, ROW_HOVER, SORT_OPTION } from './const';
 export declare enum SortScope {
-    CURRENT = "current",
-    ALL = "all"
+    ALL = "all",
+    CURRENT = "current"
 }
 export type ColumnFilterListItem = {
     text?: string;
     value?: string;
 };
 export declare enum OverflowModeEnum {
-    STATIC = "static",
-    AUTO = "auto"
+    AUTO = "auto",
+    STATIC = "static"
 }
 export declare const EnumOverflowModeType: import("vue-types").VueTypeDef<"auto" | "static">;
 export declare enum ColumnTypeEnum {
-    SELECTION = "selection",
-    INDEX = "index",
     EXPAND = "expand",
-    NONE = "__COL_TYPE_NONE"
+    INDEX = "index",
+    NONE = "__COL_TYPE_NONE",
+    SELECTION = "selection"
 }
 export declare enum TableAlignEnum {
-    LEFT = "left",
-    RIGHT = "right",
     CENTER = "center",
-    NONE = ""
+    LEFT = "left",
+    NONE = "",
+    RIGHT = "right"
 }
-export declare const columnType: import("vue-types").VueTypeDef<"index" | "selection" | "expand" | "__COL_TYPE_NONE">;
-export declare const TableAlign: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
+export declare const columnType: import("vue-types").VueTypeDef<"index" | "expand" | "__COL_TYPE_NONE" | "selection">;
+export declare const TableAlign: import("vue-types").VueTypeDef<"" | "left" | "right" | "center">;
 export declare enum FullEnum {
     FULL = "full",
     FUZZY = "fuzzy"
 }
 export declare const fullType: import("vue-types").VueTypeDef<"full" | "fuzzy">;
 export declare enum SettingSizeEnum {
-    SMALL = "small",
+    LARGE = "large",
     MEDIUM = "medium",
-    LARGE = "large"
+    SMALL = "small"
 }
 export declare const settingSizeType: import("vue-types").VueTypeDef<"small" | "medium" | "large">;
 export declare enum FixedEnum {
     LEFT = "left",
     RIGHT = "right"
 }
-export declare const fixedType: import("vue-types").VueTypeValidableDef<"right" | "left">;
+export declare const fixedType: import("vue-types").VueTypeValidableDef<"left" | "right">;
 export type IOverflowTooltipOption = {
     content: ((col: Column, row: any) => string) | string;
     disabled?: ((col: Column, row: any) => boolean) | boolean;
@@ -79,9 +79,9 @@ export type IFilterShape = {
 export type IFilterPropShape = IFilterShape | boolean | string;
 export declare const IFilterType: import("vue-types").VueTypeDef<IFilterPropShape>;
 export declare enum ColumnPickEnum {
+    DISABLED = "disabled",
     MULTI = "multi",
-    SINGLE = "single",
-    DISABLED = "disabled"
+    SINGLE = "single"
 }
 export declare enum ResizerWay {
     DEBOUNCE = "debounce",
@@ -115,7 +115,7 @@ export type Field = {
     id?: string;
     name?: string;
 };
-export type LabelFunctionString = ((_column: any, _index: any) => string | number | boolean | JSX.Element) | string | number | boolean;
+export type LabelFunctionString = ((_column: any, _index: any) => JSX.Element | boolean | number | string) | boolean | number | string;
 export declare const LabelFunctionStringType: import("vue-types").VueTypeDef<LabelFunctionString>;
 export type RenderFunctionString = ({ cell, data, row, column, index, rows, }: {
     cell: any;
@@ -124,14 +124,14 @@ export type RenderFunctionString = ({ cell, data, row, column, index, rows, }: {
     column: any;
     index: any;
     rows: any;
-}) => string | number | boolean | JSX.Element;
+}) => JSX.Element | boolean | number | string;
 export declare const RenderFunctionStringType: import("vue-types").VueTypeDef<RenderFunctionString>;
 export type SpanFunctionString = (({ column, colIndex, row, rowIndex }: {
     column: any;
     colIndex: any;
     row: any;
     rowIndex: any;
-}) => number) | Number;
+}) => number) | number;
 export declare const SpanFunctionStringType: import("vue-types").VueTypeDef<SpanFunctionString>;
 export type RowClassFunctionString = ((row: any) => string) | string;
 export declare const RowClassFunctionStringType: import("vue-types").VueTypeDef<RowClassFunctionString>;
@@ -139,7 +139,7 @@ export type RowHeightFunctionNumber = ((_type: string, _row: any, _rowIndex: num
 export declare const RowHeightFunctionNumberType: import("vue-types").VueTypeDef<RowHeightFunctionNumber>;
 type FunctionNumber = Function | number;
 export declare const FunctionNumberType: import("vue-types").VueTypeDef<FunctionNumber>;
-type StringNumber = string | number;
+type StringNumber = number | string;
 export declare const StringNumberType: (val: number | string) => import("vue-types").VueTypeDef<StringNumber> & {
     default: StringNumber;
 };
@@ -167,7 +167,7 @@ export type Column = {
     columnKey?: string;
     showOverflowTooltip?: IOverflowTooltip;
     type?: string;
-    fixed?: string | boolean;
+    fixed?: boolean | string;
     resizable?: boolean;
     sort?: ISortShape | boolean | string;
     filter?: IFilterShape | boolean | string;
@@ -177,12 +177,12 @@ export type Column = {
     className?: RowClassFunctionString;
     align?: string;
     prop?: LabelFunctionString;
-    index?: Number;
+    index?: number;
     explain?: IColumnExplain;
 };
 export declare const IColumnProp: import("vue-types").VueTypeDef<Column>;
 export type Thead = {
-    height?: Number;
+    height?: number;
     isShow?: boolean;
     cellFn?: Function;
     color?: IHeadColor | string;
@@ -202,13 +202,13 @@ export type IColumnActive = {
 export type IReactiveProp = {
     activeColumns: IColumnActive[];
     rowActions: Record<string, any>;
-    scrollTranslateY: Number;
-    scrollTranslateX: Number;
+    scrollTranslateY: number;
+    scrollTranslateX: number;
     pos: Record<string, any>;
     settings: Settings | boolean;
     setting: {
         size: string;
-        height: Number;
+        height: number;
     };
     defaultSort: Record<string, any>;
 };
@@ -219,13 +219,13 @@ export type Colgroups = Column & {
 };
 export declare enum IColSortBehavior {
     /**
-     * 列排序是相互依赖的
+     * 列与列之间的排序是独立的，互斥的
      */
-    interdependent = "interdependent",
+    independent = "independent",
     /**
-     * 列与列之间的排序是独立的，互斥的
+     * 列排序是相互依赖的
      */
-    independent = "independent"
+    interdependent = "interdependent"
 }
 export declare const tableProps: {
     /**
@@ -459,7 +459,7 @@ export declare const tableProps: {
     /**
      * 提供自定义判定当前行是否选中
      * 如果设置了此属性，其他判定均不生效
-     * ({ row, cell, data }) => bool
+     * ({ row }) => bool
      */
     isSelectedFn: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
@@ -529,8 +529,8 @@ export declare const tableProps: {
     } & {
         default: boolean;
     };
-    align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
-    headerAlign: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
+    align: import("vue-types").VueTypeDef<"" | "left" | "right" | "center">;
+    headerAlign: import("vue-types").VueTypeDef<"" | "left" | "right" | "center">;
     /**
      * 插入至表格第一行之前的内容容器样式
      * 默认样式为固定在第一行

package/lib/table/table.d.ts

@@ -143,8 +143,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
-    headerAlign: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
+    align: import("vue-types").VueTypeDef<"" | "left" | "right" | "center">;
+    headerAlign: import("vue-types").VueTypeDef<"" | "left" | "right" | "center">;
     prependStyle: import("vue-types").VueTypeDef<import("vue").CSSProperties> & {
         default: () => import("vue").CSSProperties;
     };
@@ -183,13 +183,13 @@ declare const _default: import("vue").DefineComponent<{
     rowExpand: (_args: {
         row: any;
         column: Column;
-        index: Number;
+        index: number;
         rows: any[];
         e: MouseEvent;
     }) => boolean;
     select: (_args: {
         row: any;
-        index: Number;
+        index: number;
         checked: string;
         data: any[];
     }) => boolean;
@@ -199,7 +199,7 @@ declare const _default: import("vue").DefineComponent<{
     }) => boolean;
     selectionChange: (_args: {
         row: any;
-        index: Number;
+        index: number;
         checked: string;
         data: any[];
         isAll: boolean;
@@ -389,8 +389,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
-    headerAlign: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
+    align: import("vue-types").VueTypeDef<"" | "left" | "right" | "center">;
+    headerAlign: import("vue-types").VueTypeDef<"" | "left" | "right" | "center">;
     prependStyle: import("vue-types").VueTypeDef<import("vue").CSSProperties> & {
         default: () => import("vue").CSSProperties;
     };
@@ -415,15 +415,29 @@ declare const _default: import("vue").DefineComponent<{
     }) => any;
     onSelect?: (_args: {
         row: any;
-        index: Number;
+        index: number;
         checked: string;
         data: any[];
     }) => any;
-    onColumnPick?: (_cols: import("./props").IColumnActive[]) => any;
-    onColumnSort?: (_args: {
+    onCellClick?: (_args: {
+        event: MouseEvent;
+        row: any;
         column: Column;
-        index: number;
-        type: import("./const").SORT_OPTION;
+        cell: {
+            getValue: () => string;
+        };
+        rowIndex: number;
+        columnIndex: number;
+    }) => any;
+    onCellDblclick?: (_args: {
+        event: MouseEvent;
+        row: any;
+        column: Column;
+        cell: {
+            getValue: () => string;
+        };
+        rowIndex: number;
+        columnIndex: number;
     }) => any;
     onColumnFilter?: (_args: {
         checked: string[];
@@ -434,62 +448,48 @@ declare const _default: import("vue").DefineComponent<{
         column: Column;
         values: any[];
     }) => any;
+    onColumnPick?: (_cols: import("./props").IColumnActive[]) => any;
+    onColumnSort?: (_args: {
+        column: Column;
+        index: number;
+        type: import("./const").SORT_OPTION;
+    }) => any;
+    onPageLimitChange?: (_arg: number) => any;
+    onPageValueChange?: (_arg: number) => 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: Column;
-        index: Number;
+        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;
+        index: number;
         checked: string;
         data: any[];
         isAll: boolean;
     }) => any;
-    onCellClick?: (_args: {
-        event: MouseEvent;
-        row: any;
-        column: Column;
-        cell: {
-            getValue: () => string;
-        };
-        rowIndex: number;
-        columnIndex: number;
+    onScrollBottom?: (_args: {
+        translateX: number;
+        translateY: number;
+        scrollTop: number;
+        scrollLeft: number;
+        bottom: number;
     }) => any;
-    onCellDblclick?: (_args: {
-        event: MouseEvent;
-        row: any;
-        column: Column;
-        cell: {
-            getValue: () => string;
-        };
-        rowIndex: number;
-        columnIndex: number;
+    onSettingChange?: (_args: {
+        checked: string[];
+        size: string;
+        height: number;
+        fields: Record<string, any>[];
     }) => any;
 }, {
     data: any[];

package/lib/table/use-attributes.d.ts

@@ -24,12 +24,12 @@ declare const tableSchemaResponse: (props: TablePropTypes) => {
     setRowSelection: (row: any, isSelected: boolean, index?: number) => void;
     setRowExpand: (row: any, isExpand: boolean) => void;
     setRowIndex: (row: any, index: number) => void;
-    setColumnAttribute: (col: Column, attrName: string, attrValue: string | number | boolean | ((...args: any[]) => boolean | number | void | string)) => void;
+    setColumnAttribute: (col: Column, attrName: string, attrValue: string | number | boolean | ((...args: any[]) => boolean | number | string | void)) => void;
     setColumnAttributeBySettings: (settings: Settings, checkedVal?: string[]) => void;
     setColumnSortActive: (column: Column, active: boolean) => void;
     setRowSelectionAll: (val: boolean) => void;
     setRowIndeterminate: () => void;
-    setAllColumnAttribute: (attributeName: string | string[], value: string | number | boolean | ((...args: any[]) => boolean | number | void | string)) => void;
+    setAllColumnAttribute: (attributeName: string | string[], value: string | number | boolean | ((...args: any[]) => boolean | number | string | void)) => void;
     getColumnAttribute: (col: Column | IEmptyObject, attributeName: string) => any;
     getColumnId: (col: Column) => any;
     getColumnOrderWidth: (col: Column, orders?: string[]) => number;
@@ -45,7 +45,7 @@ declare const tableSchemaResponse: (props: TablePropTypes) => {
     clearSelection: () => void;
     clearColumnSort: (reset?: boolean) => void;
     toggleRowSelection: (row: any) => void;
-    getRowAttribute: (item: any | IEmptyObject, attrName: string) => any;
+    getRowAttribute: (item: IEmptyObject | any, attrName: string) => any;
     filter: () => void;
     sortData: (column: Column) => void;
     isCheckedAll: () => boolean;

package/lib/table/use-column.d.ts

@@ -43,53 +43,13 @@ declare const _default: (props: TablePropTypes) => {
             height?: number;
             maxHeight?: number;
         };
-        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;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
-        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;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
+        colspan?: import("./props").SpanFunctionString;
+        rowspan?: import("./props").SpanFunctionString;
         textAlign?: string;
         className?: import("./props").RowClassFunctionString;
         align?: string;
         prop?: import("./props").LabelFunctionString;
-        index?: {
-            toString: (radix?: number) => string;
-            toFixed: (fractionDigits?: number) => string;
-            toExponential: (fractionDigits?: number) => string;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
+        index?: number;
         explain?: boolean | {
             content: import("./props").LabelFunctionString;
             head: import("./props").LabelFunctionString;
@@ -131,53 +91,13 @@ declare const _default: (props: TablePropTypes) => {
             height?: number;
             maxHeight?: number;
         };
-        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;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
-        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;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
+        colspan?: import("./props").SpanFunctionString;
+        rowspan?: import("./props").SpanFunctionString;
         textAlign?: string;
         className?: import("./props").RowClassFunctionString;
         align?: string;
         prop?: import("./props").LabelFunctionString;
-        index?: {
-            toString: (radix?: number) => string;
-            toFixed: (fractionDigits?: number) => string;
-            toExponential: (fractionDigits?: number) => string;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
+        index?: number;
         explain?: boolean | {
             content: import("./props").LabelFunctionString;
             head: import("./props").LabelFunctionString;
@@ -219,53 +139,13 @@ declare const _default: (props: TablePropTypes) => {
             height?: number;
             maxHeight?: number;
         };
-        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;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
-        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;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
+        colspan?: import("./props").SpanFunctionString;
+        rowspan?: import("./props").SpanFunctionString;
         textAlign?: string;
         className?: import("./props").RowClassFunctionString;
         align?: string;
         prop?: import("./props").LabelFunctionString;
-        index?: {
-            toString: (radix?: number) => string;
-            toFixed: (fractionDigits?: number) => string;
-            toExponential: (fractionDigits?: number) => string;
-            toPrecision: (precision?: number) => string;
-            valueOf: () => number;
-            toLocaleString: {
-                (locales?: string | string[], options?: Intl.NumberFormatOptions): string;
-                (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions): string;
-            };
-        };
+        index?: number;
         explain?: boolean | {
             content: import("./props").LabelFunctionString;
             head: import("./props").LabelFunctionString;

package/lib/table/use-common.d.ts

@@ -23,10 +23,10 @@ export declare const useClass: (props: TablePropTypes, _targetColumns: ITableCol
         height: string;
     }>;
     contentStyle: {
-        display: string | boolean;
-        minHeight: string | number;
-        height: string | number;
-        maxHeight: string | number;
+        display: boolean | string;
+        minHeight: number | string;
+        height: number | string;
+        maxHeight: number | string;
     };
     headStyle: import("vue").ComputedRef<{
         '--row-height': string;

package/lib/table/utils.d.ts

@@ -19,7 +19,7 @@ export declare const resolveActiveColumns: (props: TablePropTypes) => number[];
  * @returns
  */
 export declare const resolveNumberToNumArray: (prop: number) => number[];
-export declare const resolveWidth: (propWidth: string | number) => string | number;
+export declare const resolveWidth: (propWidth: number | string) => string | number;
 /**
  * 解析可为数字或者字符串设置的样式配置
  * @param val 配置值
@@ -27,7 +27,7 @@ export declare const resolveWidth: (propWidth: string | number) => string | numb
  * @param offset 偏移量
  * @returns 标准化px string
  */
-export declare const resolveNumberOrStringToPix: (val: string | number, defaultValue?: string | number, offset?: any) => string | number;
+export declare const resolveNumberOrStringToPix: (val: number | string, defaultValue?: number | string, offset?: any) => string | number;
 /**
  * 格式化Border配置为标准Class
  * @param val
@@ -62,7 +62,7 @@ export declare const observerResize: (root: HTMLElement, callbackFn: () => void,
  * @param val
  * @returns
  */
-export declare const isPercentPixOrNumber: (val: string | number) => boolean;
+export declare const isPercentPixOrNumber: (val: number | string) => boolean;
 /**
  * Format Table Head Option
  * @param props
@@ -80,7 +80,7 @@ export declare const resolveHeadConfig: (props: TablePropTypes) => {
  * @param index 当前行Index
  * @returns
  */
-export declare const getRowText: (row: any, key: string, format?: string[] | (() => string | number | boolean)[]) => any;
+export declare const getRowText: (row: any, key: string, format?: (() => boolean | number | string)[] | string[]) => any;
 /**
  * 获取当前行指定列的值
  * @param row 当前行
@@ -94,7 +94,7 @@ export declare const getRowValue: (row: any, key: string) => any;
  * @param args 如果是function参数
  * @returns
  */
-export declare const formatPropAsArray: (prop: string | object | (() => any), args: any[]) => any;
+export declare const formatPropAsArray: (prop: (() => any) | object | string, args: any[]) => any;
 export declare const isRenderScrollBottomLoading: (props: TablePropTypes) => boolean;
 export declare const getRowKey: (item: any, props: TablePropTypes, index: number) => any;
 export declare const getRowKeyNull: (item: any, props: TablePropTypes, index: number) => unknown;