bkui-vue 0.0.2-beta.8 → 0.0.2-beta.9

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

@@ -1,4 +1,3 @@
-import { IOverflowTooltip } from '../props';
 declare const _default: import("vue").DefineComponent<{
     column: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
@@ -6,8 +5,13 @@ declare const _default: import("vue").DefineComponent<{
     row: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
     };
-    parentSetting: import("vue-types").VueTypeDef<boolean | IOverflowTooltip> & {
-        default: boolean | (() => IOverflowTooltip);
+    parentSetting: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp> & {
+        default: boolean | (() => {
+            content: string | Function;
+            disabled?: boolean;
+            watchCellResize?: boolean;
+            mode?: "auto" | "static";
+        });
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -27,8 +31,13 @@ declare const _default: import("vue").DefineComponent<{
     row: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
     };
-    parentSetting: import("vue-types").VueTypeDef<boolean | IOverflowTooltip> & {
-        default: boolean | (() => IOverflowTooltip);
+    parentSetting: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp> & {
+        default: boolean | (() => {
+            content: string | Function;
+            disabled?: boolean;
+            watchCellResize?: boolean;
+            mode?: "auto" | "static";
+        });
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -46,6 +55,6 @@ declare const _default: import("vue").DefineComponent<{
     column: any;
     row: any;
     observerResize: boolean;
-    parentSetting: boolean | IOverflowTooltip;
+    parentSetting: import("../props").IOverflowTooltipProp;
 }, {}>;
 export default _default;

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

@@ -1,15 +1,53 @@
-import { Column } from '../props';
-export type ITableColumn = Column & {
-    prop?: string | Function;
-    index?: number;
-};
-declare const _default: import("vue").DefineComponent<{
+import { ExtractPropTypes } from 'vue';
+declare const TableColumnProp: {
+    label: import("vue-types").VueTypeDef<any>;
+    field: import("vue-types").VueTypeDef<any>;
+    render: import("vue-types").VueTypeDef<any>;
+    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> & {
+        default: boolean | (() => {
+            content: string | Function;
+            disabled?: boolean;
+            watchCellResize?: boolean;
+            mode?: "auto" | "static";
+        });
+    };
+    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> & {
+        default: string | boolean | (() => import("../props").ISortShape);
+    };
+    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>;
     index: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
         default: number;
     };
+};
+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>;
@@ -22,8 +60,13 @@ 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> & {
+        default: boolean | (() => {
+            content: string | Function;
+            disabled?: boolean;
+            watchCellResize?: boolean;
+            mode?: "auto" | "static";
+        });
     };
     type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -34,51 +77,46 @@ 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> & {
+        default: string | boolean | (() => import("../props").ISortShape);
     };
-    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);
-        });
+    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>;
+    index: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }, {
     initColumns: (_col: ITableColumn | ITableColumn[], _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;
+        field: any;
+        sort?: string | boolean | {
+            sortFn?: Function;
+            sortScope?: import("../props").SortScope;
+            value?: import("../const").SORT_OPTION;
+        };
+        filter?: string | boolean | {
+            list: any[];
+            filterFn?: Function;
+            match?: import("../props").FullEnum;
+            checked?: any[];
+            filterScope?: import("../props").SortScope;
+            btnSave?: string | boolean;
+            btnReset?: string | boolean;
+        };
+        fixed?: boolean | "right" | "left";
         minWidth?: string | number;
+        index?: number;
         columnKey?: string;
         showOverflowTooltip?: boolean | {
             content: string | Function;
@@ -86,142 +124,22 @@ declare const _default: import("vue").DefineComponent<{
             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 | {
-            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?: Function | {
-            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;
-            };
-        };
-        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;
-        };
-        className?: string | Function;
-        align?: string;
-        prop?: string | Function;
-        index?: number;
+        render?: any;
+        type?: "none" | "selection" | "index" | "expand";
+        label?: any;
+        width?: string | number;
+        className?: any;
+        align?: "" | "right" | "left" | "center";
+        colspan?: any;
+        rowspan?: any;
+        prop?: any;
     };
 }, 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;
-    };
+}, 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>;
@@ -234,8 +152,13 @@ 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> & {
+        default: boolean | (() => {
+            content: string | Function;
+            disabled?: boolean;
+            watchCellResize?: boolean;
+            mode?: "auto" | "static";
+        });
     };
     type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -246,60 +169,30 @@ 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> & {
+        default: string | boolean | (() => import("../props").ISortShape);
     };
-    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);
-        });
+    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>;
-}>>, {
-    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);
+    prop: import("vue-types").VueTypeDef<any>;
+    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;
     index: number;
     columnKey: string;
-    showOverflowTooltip: boolean | import("../props").IOverflowTooltip;
+    showOverflowTooltip: import("../props").IOverflowTooltipProp;
     resizable: boolean;
 }, {}>;
 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;
 /**
  * 排序可选择项
  */