bkui-vue 0.0.2-beta.11 → 0.0.2-beta.111

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

@@ -1,8 +1,9 @@
 import { ExtractPropTypes } from 'vue';
+import { Column } from '../props';
 declare const TableColumnProp: {
-    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;
@@ -12,14 +13,7 @@ declare const TableColumnProp: {
     } & {
         default: string;
     };
-    showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp> & {
-        default: boolean | (() => {
-            content: string | Function;
-            disabled?: boolean;
-            watchCellResize?: boolean;
-            mode?: "auto" | "static";
-        });
-    };
+    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;
@@ -29,17 +23,27 @@ declare const TableColumnProp: {
     fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
         default: boolean | "right" | "left";
     };
-    sort: import("vue-types").VueTypeDef<import("../props").ISortPropShape> & {
-        default: string | boolean | (() => import("../props").ISortShape);
-    };
-    filter: import("vue-types").VueTypeDef<import("../props").IFilterPropShape> & {
-        default: string | boolean | (() => import("../props").IFilterShape);
+    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);
+    };
+    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>;
-    prop: 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;
     } & {
@@ -48,9 +52,9 @@ declare const TableColumnProp: {
 };
 export type ITableColumn = Partial<ExtractPropTypes<typeof TableColumnProp>>;
 declare const _default: import("vue").DefineComponent<{
-    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;
@@ -60,14 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp> & {
-        default: boolean | (() => {
-            content: string | Function;
-            disabled?: boolean;
-            watchCellResize?: boolean;
-            mode?: "auto" | "static";
-        });
-    };
+    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;
@@ -77,29 +74,76 @@ declare const _default: import("vue").DefineComponent<{
     fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
         default: boolean | "right" | "left";
     };
-    sort: import("vue-types").VueTypeDef<import("../props").ISortPropShape> & {
-        default: string | boolean | (() => import("../props").ISortShape);
+    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);
+    };
+    rowspan: 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<import("../props").IFilterPropShape> & {
-        default: string | boolean | (() => import("../props").IFilterShape);
-    };
-    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>;
-    prop: 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: ITableColumn | ITableColumn[], _rm?: boolean) => void;
+    initColumns: (_col: Column | Column[], _rm?: boolean) => void;
     bkTableCache: {
         queueStack: (_: any, fn: any) => any;
     };
     column: {
-        field: any;
+        fixed?: boolean | "right" | "left";
+        minWidth?: string | number;
+        resizable?: boolean;
+        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;
+            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;
+            };
+        };
+        render?: import("../props").RenderFunctionString;
         sort?: string | boolean | {
             sortFn?: Function;
             sortScope?: import("../props").SortScope;
@@ -113,36 +157,34 @@ declare const _default: import("vue").DefineComponent<{
             filterScope?: import("../props").SortScope;
             btnSave?: string | boolean;
             btnReset?: string | boolean;
+            height?: number;
+            maxHeight?: number;
         };
-        fixed?: boolean | "right" | "left";
-        minWidth?: string | number;
-        index?: number;
-        columnKey?: string;
+        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?: boolean;
+            disabled?: (col: Column, row: any) => boolean;
             watchCellResize?: boolean;
             mode?: "auto" | "static";
+            popoverOption?: any;
+            resizerWay?: import("../props").ResizerWay;
         };
-        resizable?: boolean;
-        render?: any;
-        type?: "none" | "selection" | "index" | "expand";
-        label?: any;
-        width?: string | number;
-        className?: any;
-        align?: "" | "right" | "left" | "center";
-        colspan?: any;
-        rowspan?: any;
-        prop?: any;
+        field: import("../props").LabelFunctionString;
+        prop?: import("../props").LabelFunctionString;
     };
 }, unknown, {}, {
     updateColumnDefine(unmounted?: boolean): void;
+    copyProps(props: ITableColumn): {};
     updateColumnDefineByParent(): void;
-    updateColumnDefineByIndex(unmounted?: boolean): void;
+    unmountColumn(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    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;
@@ -152,14 +194,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp> & {
-        default: boolean | (() => {
-            content: string | Function;
-            disabled?: boolean;
-            watchCellResize?: boolean;
-            mode?: "auto" | "static";
-        });
-    };
+    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;
@@ -169,30 +204,39 @@ declare const _default: import("vue").DefineComponent<{
     fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
         default: boolean | "right" | "left";
     };
-    sort: import("vue-types").VueTypeDef<import("../props").ISortPropShape> & {
-        default: string | boolean | (() => import("../props").ISortShape);
-    };
-    filter: import("vue-types").VueTypeDef<import("../props").IFilterPropShape> & {
-        default: string | boolean | (() => import("../props").IFilterShape);
+    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);
+    };
+    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>;
-    prop: 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;
     };
 }>>, {
-    sort: import("../props").ISortPropShape;
-    filter: import("../props").IFilterPropShape;
     fixed: boolean | "right" | "left";
     minWidth: string | number;
+    resizable: boolean;
     index: number;
     columnKey: string;
-    showOverflowTooltip: import("../props").IOverflowTooltipProp;
-    resizable: boolean;
+    colspan: import("../props").SpanFunctionString;
+    rowspan: import("../props").SpanFunctionString;
 }, {}>;
 export default _default;

package/lib/table/const.d.ts

@@ -27,15 +27,28 @@ export declare const TABLE_ROW_ATTRIBUTE: {
     ROW_UID: string;
     ROW_EXPAND: string;
     ROW_SELECTION: string;
-    ROW_SELECTION_ALL: string;
     ROW_SELECTION_INDETERMINATE: string;
     ROW_SOURCE_DATA: string;
     ROW_SKIP_CFG: string;
+    ROW_SPAN: string;
 };
 export declare const COLUMN_ATTRIBUTE: {
     COL_UID: string;
     COL_SOURCE_DATA: string;
-    SORT_TYPE: string;
+    COL_MIN_WIDTH: string;
+    COL_SORT_ACTIVE: string;
+    COL_SORT_TYPE: string;
+    COL_SORT_FN: string;
+    COL_SORT_SCOPE: string;
+    COL_FILTER_FN: string;
+    COL_FILTER_SCOPE: string;
+    COL_IS_DRAG: string;
+    COL_SPAN: string;
+    WIDTH: string;
+    CALC_WIDTH: string;
+    RESIZE_WIDTH: string;
+    LISTENERS: string;
+    IS_HIDDEN: string;
 };
 /**
  * Y 轴滚动条宽度
@@ -91,3 +104,12 @@ export declare const SORT_OPTIONS: SORT_OPTION[];
  * 列宽最小设置
  */
 export declare const COL_MIN_WIDTH = 80;
+export type IEmptyObject = {};
+/**
+ * 全选对象
+ */
+export declare const CHECK_ALL_OBJ: IEmptyObject;
+/**
+ * 是否设置了colspan或者rowspan
+ */
+export declare const NEED_COL_ROW_SPAN: IEmptyObject;

package/lib/table/events.d.ts

@@ -38,36 +38,36 @@ export declare const EVENT_COL_FILTER: (_args: {
 }) => boolean;
 export declare const EVENT_COL_FILTER_SAVE: (_args: {
     column: Column;
-    values: Record<string, any>[];
+    values: any[];
 }) => boolean;
 export declare const EVENT_COL_SORT: (_args: {
     column: Column;
     index: number;
     type: SORT_OPTION;
 }) => boolean;
-export declare const EVENT_MOUSE_FN: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
+export declare const EVENT_MOUSE_FN: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
 export declare const EVENT_EXPAND_FN: (_args: {
-    row: Record<string, any>;
+    row: any;
     column: Column;
     index: Number;
-    rows: Record<string, any>[];
+    rows: any[];
     e: MouseEvent;
 }) => boolean;
 export declare const EVENT_ROW_SELECT_FN: (_args: {
-    row: Record<string, any>;
+    row: any;
     index: Number;
     checked: string;
-    data: Array<Record<string, any>>;
+    data: any[];
 }) => boolean;
 export declare const EVENT_ROW_SELECT_ALL_FN: (_args: {
     checked: string;
-    data: Array<Record<string, any>>;
+    data: any[];
 }) => boolean;
 export declare const EVENT_ROW_SELECT_CHANGE_FN: (_args: {
-    row: Record<string, any>;
+    row: any;
     index: Number;
     checked: string;
-    data: Array<Record<string, any>>;
+    data: any[];
     isAll: boolean;
 }) => boolean;
 export declare const EVENT_PAGE_FN: (_arg: number) => boolean;
@@ -79,7 +79,7 @@ export declare const EVENT_SETTING_FN: (_args: {
 }) => boolean;
 export declare const EVENT_CELL_FN: (_args: {
     event: MouseEvent;
-    row: Record<string, any>;
+    row: any;
     column: Column;
     cell: {
         getValue: () => string;
@@ -108,32 +108,32 @@ export declare const EMIT_EVENT_TYPES: {
     }) => boolean;
     colFilterSave: (_args: {
         column: Column;
-        values: Record<string, any>[];
+        values: any[];
     }) => boolean;
-    rowClick: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
-    rowDblclick: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: 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: Record<string, any>;
+        row: any;
         column: Column;
         index: Number;
-        rows: Record<string, any>[];
+        rows: any[];
         e: MouseEvent;
     }) => boolean;
     select: (_args: {
-        row: Record<string, any>;
+        row: any;
         index: Number;
         checked: string;
-        data: Array<Record<string, any>>;
+        data: any[];
     }) => boolean;
     selectAll: (_args: {
         checked: string;
-        data: Array<Record<string, any>>;
+        data: any[];
     }) => boolean;
     selectionChange: (_args: {
-        row: Record<string, any>;
+        row: any;
         index: Number;
         checked: string;
-        data: Array<Record<string, any>>;
+        data: any[];
         isAll: boolean;
     }) => boolean;
     pageLimitChange: (_arg: number) => boolean;
@@ -153,7 +153,7 @@ export declare const EMIT_EVENT_TYPES: {
     }) => boolean;
     cellClick: (_args: {
         event: MouseEvent;
-        row: Record<string, any>;
+        row: any;
         column: Column;
         cell: {
             getValue: () => string;
@@ -163,7 +163,7 @@ export declare const EMIT_EVENT_TYPES: {
     }) => boolean;
     cellDblclick: (_args: {
         event: MouseEvent;
-        row: Record<string, any>;
+        row: any;
         column: Column;
         cell: {
             getValue: () => string;
@@ -171,10 +171,10 @@ export declare const EMIT_EVENT_TYPES: {
         rowIndex: number;
         columnIndex: number;
     }) => boolean;
-    rowMouseEnter: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
-    rowMouseLeave: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => 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;
 };
 export declare const CELL_EVENT_TYPES: {
-    click: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
-    dblclick: (_e: MouseEvent, _row: Record<string, any>, _index: number, _rows: Record<string, any>[], _this: any) => boolean;
+    click: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+    dblclick: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
 };