bkui-vue 0.0.1-beta.98 → 0.0.1

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

@@ -0,0 +1,305 @@
+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>;
+    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>;
+    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<boolean | import("../props").IOverflowTooltip> & {
+        default: boolean | (() => import("../props").IOverflowTooltip);
+    };
+    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<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);
+        });
+    };
+    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>;
+}, {
+    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;
+        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 | {
+            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;
+    };
+}, 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>;
+    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<boolean | import("../props").IOverflowTooltip> & {
+        default: boolean | (() => import("../props").IOverflowTooltip);
+    };
+    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<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);
+        });
+    };
+    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);
+    };
+    fixed: boolean | "right" | "left";
+    minWidth: string | number;
+    index: number;
+    columnKey: string;
+    showOverflowTooltip: boolean | import("../props").IOverflowTooltip;
+    resizable: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/table/const.d.ts

@@ -1,37 +1,77 @@
+import type { ComputedRef } from 'vue';
+import type { Language } from '../locale';
+export declare const enum BORDER_OPTION {
+    NONE = "none",
+    ROW = "row",
+    COL = "col",
+    OUTER = "outer",
+    HORIZONTAL = "horizontal"
+}
+/**
+ * 鼠标划过行样式
+ */
+export declare const enum ROW_HOVER {
+    HIGHLIGHT = "highlight",
+    AUTO = "auto"
+}
+export declare const ROW_HOVER_OPTIONS: ROW_HOVER[];
 /**
  * 边框配置可选项
  */
-export declare const BORDER_OPRIONS: string[];
+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_EXPAND_CLICK = "onRowExpandClick",
+    ON_ROW_CHECK = "onRowCheck"
 }
-export declare const enum EMITEVENTS {
+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_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"
+    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;
+    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
@@ -40,4 +80,52 @@ export declare const TABLE_ROW_ATTRIBUTE: {
     ROW_INDEX: string;
     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;
+};
+export declare const COLUMN_ATTRIBUTE: {
+    COL_UID: string;
+    COL_SOURCE_DATA: string;
+    SORT_TYPE: string;
+};
+/**
+ * Y 轴滚动条宽度
+ */
+export declare const SCROLLY_WIDTH = 6;
+/**
+ * 默认行高
+ */
+export declare const LINE_HEIGHT = 42;
+export declare const SETTING_SIZE: {
+    large: number;
+    medium: number;
+    small: number;
 };
+export declare const createDefaultSizeList: (t: ComputedRef<Language['table']>) => {
+    value: string;
+    label: string;
+    height: number;
+}[];
+/**
+ * Provide key: init column when use <column { ...props }> template
+ */
+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 enum SORT_OPTION {
+    ASC = "asc",
+    DESC = "desc",
+    NULL = "null",
+    CUSTOM = "custom"
+}
+export declare const SORT_OPTIONS: SORT_OPTION[];
+/**
+ * 列宽最小设置
+ */
+export declare const COL_MIN_WIDTH = 80;