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

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

@@ -1,18 +1,60 @@
+import { ExtractPropTypes } from 'vue';
 import { Column } from '../props';
-export type ITableColumn = Column & {
-    prop?: string | Function;
-    index?: number;
-};
-declare const _default: import("vue").DefineComponent<{
-    prop: import("vue-types").VueTypeDef<any>;
+declare const TableColumnProp: {
+    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;
+    };
+    columnKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    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;
+    } & {
+        default: boolean;
+    };
+    fixed: import("vue-types").VueTypeDef<boolean | "right" | "left"> & {
+        default: boolean | "right" | "left";
+    };
+    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);
+    };
+    align: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
+    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;
     };
-    label: import("vue-types").VueTypeDef<any>;
-    field: import("vue-types").VueTypeDef<any>;
-    render: import("vue-types").VueTypeDef<any>;
+};
+export type ITableColumn = Partial<ExtractPropTypes<typeof TableColumnProp>>;
+declare const _default: import("vue").DefineComponent<{
+    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;
@@ -22,9 +64,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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;
@@ -34,72 +74,49 @@ declare const _default: import("vue").DefineComponent<{
     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;
-        });
-    };
-    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);
-        });
+    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>;
+    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: 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;
@@ -110,7 +127,12 @@ declare const _default: import("vue").DefineComponent<{
                 (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;
@@ -121,110 +143,45 @@ declare const _default: import("vue").DefineComponent<{
                 (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: 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<import("vue").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>;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    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;
@@ -234,9 +191,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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;
@@ -246,60 +201,39 @@ declare const _default: import("vue").DefineComponent<{
     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);
+    };
+    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<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);
-        });
-    };
-    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 _default;

package/lib/table/const.d.ts

@@ -19,60 +19,6 @@ export declare const ROW_HOVER_OPTIONS: ROW_HOVER[];
  * 边框配置可选项
  */
 export declare const BORDER_OPTIONS: BORDER_OPTION[];
-export declare const enum EVENTS {
-    /** 点击排序事件 */
-    ON_SORT_BY_CLICK = "onSortByClick",
-    ON_FILTER_CLICK = "onFilterClick",
-    ON_SETTING_CHANGE = "onSettingChange",
-    ON_ROW_EXPAND_CLICK = "onRowExpandClick",
-    ON_ROW_CHECK = "onRowCheck"
-}
-export declare const enum EMIT_EVENTS {
-    COLUMN_PICK = "columnPick",
-    COLUMN_SORT = "columnSort",
-    COLUMN_FILTER = "columnFilter",
-    COLUMN_FILTER_SAVE = "colFilterSave",
-    ROW_CLICK = "rowClick",
-    ROW_DBL_CLICK = "rowDblclick",
-    ROW_EXPAND_CLICK = "rowExpand",
-    ROW_MOUSE_ENTER = "rowMouseEnter",
-    ROW_MOUSE_LEAVE = "rowMouseLeave",
-    PAGE_LIMIT_CHANGE = "pageLimitChange",
-    PAGE_VALUE_CHANGE = "pageValueChange",
-    SETTING_CHANGE = "settingChange",
-    SCROLL_BOTTOM = "scrollBottom",
-    ROW_SELECT = "select",
-    ROW_SELECT_ALL = "selectAll",
-    ROW_SELECT_CHANGE = "selectionChange",
-    CELL_CLICK = "cellClick",
-    CELL_DBL_CLICK = "cellDblclick",
-    NATIVE_CLICK = "click",
-    NATIVE_DBL_CLICK = "dblclick"
-}
-export declare const EMIT_EVENT_TYPES: {
-    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;
-};
-export declare const CELL_EVENT_TYPES: {
-    click: (..._args: any[]) => boolean;
-    dblclick: (..._args: any[]) => boolean;
-};
 /**
  * Table Row Attributes
  */
@@ -99,6 +45,17 @@ export declare const SCROLLY_WIDTH = 6;
  * 默认行高
  */
 export declare const LINE_HEIGHT = 42;
+export declare enum IHeadColor {
+    DEF1 = "def1",
+    DEF2 = "def2"
+}
+/**
+ * 根据表格的使用场景，表头支持颜色自定义，默认提供的选项：FAFBFD、F0F1F5，尽量一个项目选用同一种颜色。
+ */
+export declare const DEF_COLOR: {
+    def1: string;
+    def2: string;
+};
 export declare const SETTING_SIZE: {
     large: number;
     medium: number;
@@ -115,6 +72,11 @@ export declare const createDefaultSizeList: (t: ComputedRef<Language['table']>)
 export declare const PROVIDE_KEY_INIT_COL = "InitColumns";
 export declare const PROVIDE_KEY_TB_CACHE = "BKTableCahce";
 export declare const BK_COLUMN_UPDATE_DEFINE = "Bk_COlumn_Update_Define";
+/**
+ * 表格底部高度
+ * 分页组件
+ */
+export declare const TB_FOOT_HEIGHT = 60;
 /**
  * 排序可选择项
  */