bkui-vue 0.0.1-beta.23 → 0.0.1-beta.230

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

@@ -0,0 +1,11 @@
+import { Column, TablePropTypes } from './props';
+declare const _default: (props: TablePropTypes, targetColumns: Column[]) => {
+    initColumns: (column: Column | Column[]) => void;
+    getColumns: () => Column[];
+};
+/**
+ * 渲染column settings
+ * @param props: TablePropTypes
+ * @param targetColumns 解析之后的column配置（主要用来处理通过<bk-column>配置的数据结构）
+ */
+export default _default;

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

@@ -0,0 +1,97 @@
+import { Colgroups, Column, TablePropTypes } from './props';
+/**
+ * 渲染class settings
+ * @param props: TablePropTypes
+ * @param targetColumns 解析之后的column配置（主要用来处理通过<bk-column>配置的数据结构）
+ * @param root root element
+ * @param reactiveProp 组件内部定义的响应式对象
+ * @param pageData 当前页数据
+ */
+export declare const useClass: (props: TablePropTypes, targetColumns: Column[], root?: any, reactiveProp?: any, pageData?: any[]) => {
+    tableClass: import("vue").ComputedRef<string>;
+    headClass: string;
+    contentClass: {
+        [x: string]: boolean;
+    };
+    footerClass: import("vue").ComputedRef<string>;
+    wrapperStyle: import("vue").ComputedRef<{
+        minHeight: string | number;
+        width: string;
+        maxWidth: string;
+    }>;
+    contentStyle: {
+        display: string;
+        'min-height': string;
+        height: string;
+        maxHeight: string;
+    };
+    headStyle: import("vue").ComputedRef<{
+        '--row-height': string;
+        '--scroll-head-left': string;
+        '--scroll-left': string;
+    }>;
+    resetTableHeight: (rootEl: HTMLElement) => void;
+    updateBorderClass: (root: HTMLElement) => void;
+    getColumnsWidthOffsetWidth: () => number;
+    hasFooter: import("vue").ComputedRef<number>;
+    hasScrollY: any;
+};
+/**
+ * 渲染初始化数据 settings
+ * @param props: TablePropTypes
+ * @param targetColumns 解析之后的column配置（主要用来处理通过<bk-column>配置的数据结构）
+ */
+export declare const useInit: (props: TablePropTypes, targetColumns: Column[]) => {
+    colgroups: Colgroups[];
+    dragOffsetXStyle: import("vue").ComputedRef<{
+        readonly position: "absolute";
+        readonly top: 0;
+        readonly bottom: 0;
+        readonly left: 0;
+        readonly width: "1px";
+        readonly 'background-color': "#ebeef5";
+    }>;
+    dragOffsetX: import("vue").Ref<number>;
+    reactiveSchema: {
+        rowActions: Map<any, any>;
+        scrollTranslateY: number;
+        scrollTranslateX: number;
+        pos: {
+            bottom: number;
+        };
+        activeColumns: any[];
+        settings: boolean | {
+            fields?: {
+                label: string;
+                field?: string;
+                disabled?: boolean;
+            }[];
+            checked?: string[];
+            limit?: number;
+            size?: string;
+            sizeList?: {
+                value?: string;
+                label?: string;
+                height?: number;
+            }[];
+            showLineHeight?: boolean;
+        };
+        setting: {
+            size: string;
+            height: any;
+        };
+        defaultSort: any;
+    };
+    indexData: any[];
+    fixedWrapperClass: string;
+    initIndexData: (keepLocalAction?: boolean) => void;
+    updateIndexData: (selectedAll?: boolean) => void;
+    renderFixedColumns: (scrollX?: any, offsetRight?: any) => ("" | JSX.Element)[];
+    setRowExpand: (row: any, expand?: any) => void;
+    updateColGroups: () => void;
+    clearSelection: () => void;
+    toggleAllSelection: (checked?: any) => void;
+    toggleRowSelection: (row: any, selected: boolean) => void;
+    getSelection: () => any[];
+    clearSort: () => void;
+};

package/lib/table/utils.d.ts

@@ -1,4 +1,4 @@
-import { GroupColumn, TablePropTypes } from './props';
+import { Column, GroupColumn, TablePropTypes } from './props';
 /**
  * 解析Prop值 | 可能为多种类型 & 函数返回的场景
  * @param prop 当前Prop
@@ -6,7 +6,7 @@ import { GroupColumn, TablePropTypes } from './props';
  * @param args 如果是函数，传递参数
  * @returns
  */
-export declare const resolvePropVal: (prop: any, key: string, args: any[]) => any;
+export declare const resolvePropVal: (prop: any, key: string | string[], args: any[]) => any;
 /**
  * 处理Props中的ActiveColumn，解析为统一的数组格式
  * @param props
@@ -34,13 +34,24 @@ export declare const resolveNumberOrStringToPix: (val: string | number, defaultV
  * @returns
  */
 export declare const resolvePropBorderToClassStr: (val: string | string[]) => string;
+/**
+ * 获取当前列实际宽度
+ * width props中设置的默认宽度
+ * calcWidth 计算后的宽度
+ * resizeWidth 拖拽重置之后的宽度
+ * @param colmun 当前列配置
+ * @param orders 获取宽度顺序
+ * @returns
+ */
+export declare const getColumnReactWidth: (colmun: GroupColumn, orders?: string[]) => any;
 /**
  * 根据Props Column配置计算并设置列宽度
  * @param root 当前根元素
  * @param colgroups Columns配置
  * @param autoWidth 自动填充宽度
+ * @param offsetWidth 需要减掉的偏移量（滚动条|外层边框）
  */
-export declare const resolveColumnWidth: (root: HTMLElement, colgroups: GroupColumn[], autoWidth?: number) => void;
+export declare const resolveColumnWidth: (root: HTMLElement, colgroups: GroupColumn[], autoWidth?: number, offsetWidth?: number) => void;
 /**
  * 监听目标元素的Resize事件
  * @param root 目标元素
@@ -60,10 +71,55 @@ export declare const observerResize: (root: HTMLElement, callbackFn: () => void,
  */
 export declare const isPercentPixOrNumber: (val: string | number) => boolean;
 /**
- * 处理 Prop中的分页配置
- * prop中的配置会覆盖本地的配置
- * @param propPagination 用户传入的配置
- * @param defVal 默认配置
- * @returns 返回值
+ * Format Table Head Option
+ * @param props
+ * @returns
+ */
+export declare const resolveHeadConfig: (props: TablePropTypes) => {
+    isShow: boolean;
+    height: number;
+} & {
+    height?: Number;
+    isShow?: boolean;
+    cellFn?: Function;
+};
+/**
+   * 获取当前行指定列的内容
+   * @param row 当前行
+   * @param key 指定列名
+   * @param column 列配置
+   * @param index 当前行Index
+   * @returns
+   */
+export declare const getRowText: (row: any, key: string, column: Column) => any;
+/**
+ * 格式化prop配置为标准数组格式
+ * @param prop prop对象值
+ * @param args 如果是function参数
+ * @returns
  */
-export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;
+export declare const formatPropAsArray: (prop: string | object | (() => any), args: any[]) => any;
+export declare const isRenderScrollBottomLoading: (props: TablePropTypes) => boolean;
+export declare const getRowKey: (item: any, props: TablePropTypes, index: number) => any;
+export declare const hasRootScrollY: (root: any, querySelector: string, offsetHeight?: number) => boolean;
+export declare const getColumnClass: (column: Column, colIndex?: number, uuid?: string) => {
+    column_fixed: boolean;
+    column_fixed_left: boolean;
+    column_fixed_right: boolean;
+};
+export declare const getElementTextWidth: (element: HTMLElement, text?: string) => any;
+export declare const isColumnHidden: (settingFields: any, column: any, checked: any) => boolean;
+export declare const resolveColumnSpan: (column: Column, colIndex: number, row: any, rowIndex: number, key: string) => any;
+export declare const resolveCellSpan: (column: Column, colIndex: number, row: any, rowIndex: number) => {
+    colspan: any;
+    rowspan: any;
+};
+export declare const skipThisColumn: (columns: Column[], colIndex: number, row: any, rowIndex: number) => boolean;
+export declare const getSortFn: (column: any, sortType: any) => (() => boolean) | ((_a: any, _b: any) => number);
+export declare const getNextSortType: (sortType: string) => string;
+export declare const resolveSort: (sort: string | boolean | any) => any;
+export declare const isRowSelectEnable: (props: any, { row, index, isCheckAll }: {
+    row: any;
+    index: any;
+    isCheckAll: any;
+}) => any;

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

@@ -0,0 +1,336 @@
+declare const BkTableColumn: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            fixed: string | boolean;
+            filter: string | boolean | {
+                list: any[] | (object & (() => any[]));
+                filterFn: any;
+                match: string;
+                filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                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: string | boolean | {
+                sortFn: any;
+                sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            };
+            type: string;
+            minWidth: string | number;
+            columnKey: string;
+            showOverflowTooltip: boolean | import("../../table/src/props").IOverflowTooltip;
+            resizable: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            prop: import("vue-types").VueTypeDef<any>;
+            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("../../table/src/props").IOverflowTooltip> & {
+                default: boolean | (() => import("../../table/src/props").IOverflowTooltip);
+            };
+            type: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            resizable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fixed: import("vue-types").VueTypeDef<string | boolean> & {
+                default: string | boolean;
+            };
+            sort: import("vue-types").VueTypeDef<string | boolean | {
+                sortFn: any;
+                sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            }> & {
+                default: string | boolean | (() => {
+                    sortFn: any;
+                    sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                    value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                });
+            };
+            filter: import("vue-types").VueTypeDef<string | boolean | {
+                list: any[] | (object & (() => any[]));
+                filterFn: any;
+                match: string;
+                filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                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: string;
+                    filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                    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>;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fixed" | "filter" | "sort" | "type" | "minWidth" | "columnKey" | "showOverflowTooltip" | "resizable">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            prop: import("vue-types").VueTypeDef<any>;
+            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("../../table/src/props").IOverflowTooltip> & {
+                default: boolean | (() => import("../../table/src/props").IOverflowTooltip);
+            };
+            type: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            resizable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fixed: import("vue-types").VueTypeDef<string | boolean> & {
+                default: string | boolean;
+            };
+            sort: import("vue-types").VueTypeDef<string | boolean | {
+                sortFn: any;
+                sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            }> & {
+                default: string | boolean | (() => {
+                    sortFn: any;
+                    sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                    value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                });
+            };
+            filter: import("vue-types").VueTypeDef<string | boolean | {
+                list: any[] | (object & (() => any[]));
+                filterFn: any;
+                match: string;
+                filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                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: string;
+                    filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                    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>;
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            fixed: string | boolean;
+            filter: string | boolean | {
+                list: any[] | (object & (() => any[]));
+                filterFn: any;
+                match: string;
+                filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                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: string | boolean | {
+                sortFn: any;
+                sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            };
+            type: string;
+            minWidth: string | number;
+            columnKey: string;
+            showOverflowTooltip: boolean | import("../../table/src/props").IOverflowTooltip;
+            resizable: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        prop: import("vue-types").VueTypeDef<any>;
+        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("../../table/src/props").IOverflowTooltip> & {
+            default: boolean | (() => import("../../table/src/props").IOverflowTooltip);
+        };
+        type: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        resizable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        fixed: import("vue-types").VueTypeDef<string | boolean> & {
+            default: string | boolean;
+        };
+        sort: import("vue-types").VueTypeDef<string | boolean | {
+            sortFn: any;
+            sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+        }> & {
+            default: string | boolean | (() => {
+                sortFn: any;
+                sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            });
+        };
+        filter: import("vue-types").VueTypeDef<string | boolean | {
+            list: any[] | (object & (() => any[]));
+            filterFn: any;
+            match: string;
+            filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            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: string;
+                filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+                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>;
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    prop: import("vue-types").VueTypeDef<any>;
+    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("../../table/src/props").IOverflowTooltip> & {
+        default: boolean | (() => import("../../table/src/props").IOverflowTooltip);
+    };
+    type: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    resizable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    fixed: import("vue-types").VueTypeDef<string | boolean> & {
+        default: string | boolean;
+    };
+    sort: import("vue-types").VueTypeDef<string | boolean | {
+        sortFn: any;
+        sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+        value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+    }> & {
+        default: string | boolean | (() => {
+            sortFn: any;
+            sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+        });
+    };
+    filter: import("vue-types").VueTypeDef<string | boolean | {
+        list: any[] | (object & (() => any[]));
+        filterFn: any;
+        match: string;
+        filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+        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: string;
+            filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+            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>;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    fixed: string | boolean;
+    filter: string | boolean | {
+        list: any[] | (object & (() => any[]));
+        filterFn: any;
+        match: string;
+        filterScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+        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: string | boolean | {
+        sortFn: any;
+        sortScope: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+        value: (string | object | (() => string) | ((props: Record<string, unknown>) => string)) & string;
+    };
+    type: string;
+    minWidth: string | number;
+    columnKey: string;
+    showOverflowTooltip: boolean | import("../../table/src/props").IOverflowTooltip;
+    resizable: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkTableColumn;

package/lib/table-column/index.js

@@ -0,0 +1 @@
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var p="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var r in p)("object"==typeof exports?exports:e)[r]=p[r]}}(self,((e,o)=>(()=>{"use strict";var p={4212:o=>{o.exports=e},748:e=>{e.exports=o}},r={};function s(e){var o=r[e];if(void 0!==o)return o.exports;var n=r[e]={exports:{}};return p[e](n,n.exports,s),n.exports}s.d=(e,o)=>{for(var p in o)s.o(o,p)&&!s.o(e,p)&&Object.defineProperty(e,p,{enumerable:!0,get:o[p]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{default:()=>O});var e,o,p,r=s(4212),T=s(748);function y(e,o,p){return o in e?Object.defineProperty(e,o,{value:p,enumerable:!0,configurable:!0,writable:!0}):e[o]=p,e}!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer",e.HORIZONTAL="horizontal"}(o||(o={})),function(e){e.HIGHLIGHT="highlight",e.AUTO="auto"}(p||(p={}));var f,t,P=[p.AUTO,p.HIGHLIGHT],i=[o.NONE,o.ROW,o.COL,o.OUTER];!function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange",e.ON_ROW_EXPAND_CLICK="onRowExpandClick",e.ON_ROW_CHECK="onRowCheck"}(f||(f={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.COLUMN_FILTER_SAVE="colFilterSave",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblclick",e.ROW_EXPAND_CLICK="rowExpand",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom",e.ROW_SELECT="select",e.ROW_SELECT_ALL="selectAll",e.ROW_SELECT_CHANGE="selectionChange"}(t||(t={}));var d,l,u=function(){return!0};y(e={},t.COLUMN_PICK,u),y(e,t.COLUMN_FILTER,u),y(e,t.COLUMN_SORT,u),y(e,t.COLUMN_FILTER_SAVE,u),y(e,t.ROW_CLICK,u),y(e,t.ROW_DBL_CLICK,u),y(e,t.ROW_EXPAND_CLICK,u),y(e,t.ROW_SELECT,u),y(e,t.ROW_SELECT_ALL,u),y(e,t.ROW_SELECT_CHANGE,u),y(e,t.PAGE_LIMIT_CHANGE,u),y(e,t.PAGE_VALUE_CHANGE,u),y(e,t.SETTING_CHANGE,u),y(e,t.SCROLL_BOTTOM,u),function(e){e.ASC="asc",e.DESC="desc",e.NULL="null",e.CUSTOM="custom"}(d||(d={})),d.ASC,d.DESC,d.NULL,d.CUSTOM,function(e){e.CURRENT="current",e.ALL="all"}(l||(l={}));var a={label:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),field:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),render:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")]),width:r.PropTypes.oneOfType([r.PropTypes.number.def(void 0),r.PropTypes.string.def("auto")]),minWidth:r.PropTypes.oneOfType([r.PropTypes.number.def(void 0),r.PropTypes.string.def("auto")]).def(),columnKey:r.PropTypes.string.def(""),showOverflowTooltip:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.shape({content:r.PropTypes.string.def(""),disabled:r.PropTypes.bool.def(!1),watchCellResize:r.PropTypes.bool.def(!0),mode:r.PropTypes.commonType(["static","auto"],"showOverflowTooltipMode").def("auto")})]).def(void 0),type:r.PropTypes.commonType(["selection","index","expand","none"],"columnType").def("none"),resizable:r.PropTypes.bool.def(!0),fixed:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.commonType(["left","right"],"fixed")]).def(!1),sort:r.PropTypes.oneOfType([r.PropTypes.shape({sortFn:r.PropTypes.func.def(void 0),sortScope:r.PropTypes.commonType(Object.values(l)).def(l.CURRENT),value:r.PropTypes.string.def(d.NULL)}),r.PropTypes.bool,r.PropTypes.string]).def(!1),filter:r.PropTypes.oneOfType([r.PropTypes.shape({list:r.PropTypes.arrayOf(r.PropTypes.any).def([]),filterFn:r.PropTypes.func.def(void 0),match:r.PropTypes.commonType(["full","fuzzy"],"full"),filterScope:r.PropTypes.commonType(Object.values(l)).def(l.CURRENT),btnSave:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.string]).def("确定"),btnReset:r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.string]).def("重置")}),r.PropTypes.bool,r.PropTypes.string]).def(!1),colspan:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return 1})),r.PropTypes.number.def(1)]),rowspan:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return 1})),r.PropTypes.number.def(1)])};r.PropTypes.arrayOf(r.PropTypes.any).def([]),r.PropTypes.arrayOf(r.PropTypes.shape(a)).def([]),r.PropTypes.oneOfType([r.PropTypes.number.def(-1),r.PropTypes.arrayOf(r.PropTypes.number.def(-1))]),r.PropTypes.commonType(["multi","single","disabled"],"columnPick").def("disabled"),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def(84),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).def("auto"),r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.func]).def(42),r.PropTypes.number.def(42),r.PropTypes.bool.def(!0),r.PropTypes.shape({height:r.PropTypes.number.def(42),isShow:r.PropTypes.bool.def(!0),cellFn:r.PropTypes.func.def(void 0)}),r.PropTypes.bool.def(!1),r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.commonType(i,"border")),r.PropTypes.string]).def([o.ROW]),r.PropTypes.oneOfType([r.PropTypes.bool.def(!1),r.PropTypes.object.def({})]).def(!1),r.PropTypes.bool.def(!1),r.PropTypes.string.def("暂无数据"),r.PropTypes.oneOfType([r.PropTypes.shape({fields:r.PropTypes.arrayOf(r.PropTypes.shape({label:r.PropTypes.string,field:r.PropTypes.string,disabled:r.PropTypes.bool})),checked:r.PropTypes.arrayOf(r.PropTypes.string),limit:r.PropTypes.number.def(0),size:r.PropTypes.size(["small","medium","large"]).def("small"),sizeList:r.PropTypes.shape([]),showLineHeight:r.PropTypes.bool.def(!0)}),r.PropTypes.bool]).def(!1),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.object,r.PropTypes.func]).def({}),r.PropTypes.oneOfType([r.PropTypes.object,r.PropTypes.bool]).def(void 0),r.PropTypes.bool.def(!1),r.PropTypes.string.def(""),r.PropTypes.func.def(void 0),r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.func]).def("__$table_row_index"),r.PropTypes.oneOfType([r.PropTypes.bool,r.PropTypes.shape({content:r.PropTypes.string.def(""),disabled:r.PropTypes.bool.def(!1),watchCellResize:r.PropTypes.bool.def(!0),mode:r.PropTypes.commonType(["static","auto"],"showOverflowTooltipMode").def("auto")})]).def(!1),r.PropTypes.bool.def(!1),r.PropTypes.oneOf(P).def(p.HIGHLIGHT),r.PropTypes.shape({}).def({}),r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return!0})),r.PropTypes.bool.def(!0)]).def(!0);const c=(0,T.defineComponent)({name:"TableColumn",props:Object.assign(Object.assign({},a),{prop:r.PropTypes.oneOfType([r.PropTypes.func.def((function(){return""})),r.PropTypes.string.def("")])}),setup:function(e,o){var p=o.slots,r=(0,T.inject)("InitColumns",(function(e){}),!1);return(0,T.onMounted)((function(){var o=(0,T.reactive)(Object.assign(Object.assign({},e),{field:e.prop||e.field}));r(o),o.render=p.default?function(e){var o;return null===(o=p.default)||void 0===o?void 0:o.call(p,e)}:void 0})),function(){var e;return(0,T.createVNode)(T.Fragment,null,[null===(e=p.default)||void 0===e?void 0:e.call(p,{data:""})])}}}),O=(0,r.withInstall)(c)})(),n})()));

package/lib/tag/index.d.ts

@@ -5,8 +5,8 @@ declare const BkTag: {
         $props: Partial<{
             type: string;
             theme: string;
-            closable: boolean;
             extCls: string;
+            closable: boolean;
             radius: string;
             checked: boolean;
             checkable: boolean;
@@ -45,7 +45,7 @@ declare const BkTag: {
         }>> & {
             onChange?: (...args: any[]) => any;
             onClose?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "theme" | "closable" | "extCls" | "radius" | "checked" | "checkable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "theme" | "extCls" | "closable" | "radius" | "checked" | "checkable">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -57,7 +57,7 @@ declare const BkTag: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "close" | "change", ...args: any[]) => void;
+        $emit: (event: "change" | "close", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             theme: import("vue-types").VueTypeDef<string> & {
@@ -101,11 +101,11 @@ declare const BkTag: {
             }>;
             handleClose: (e: Event) => void;
             handleClick: (e: Event) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "change")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], string, {
             type: string;
             theme: string;
-            closable: boolean;
             extCls: string;
+            closable: boolean;
             radius: string;
             checked: boolean;
             checkable: boolean;
@@ -217,11 +217,11 @@ declare const BkTag: {
     }>;
     handleClose: (e: Event) => void;
     handleClick: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "change")[], "close" | "change", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], "change" | "close", {
     type: string;
     theme: string;
-    closable: boolean;
     extCls: string;
+    closable: boolean;
     radius: string;
     checked: boolean;
     checkable: boolean;

package/lib/tag/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var l=r(n.exports),a=o.defineComponent({name:"Tag",props:{theme:t.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:t.PropTypes.bool.def(!1),type:t.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:t.PropTypes.bool.def(!1),checked:t.PropTypes.bool.def(!1),radius:t.PropTypes.string.def("2px"),extCls:t.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(e,s){var r=s.emit;return{wrapperCls:o.computed((function(){var o;return t.classes((o={"bk-tag-closable":e.closable,"bk-tag-checkable":e.checkable,"bk-tag-check":e.checked},l(o,"bk-tag-".concat(e.type),e.type),l(o,"bk-tag-".concat(e.theme),e.theme),l(o,e.extCls,!!e.extCls),o),"bk-tag")})),wrapperStyle:o.computed((function(){return{borderRadius:e.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),r("close",e)},handleClick:function(t){t.preventDefault(),t.stopPropagation(),e.checkable&&r("change",!e.checked)}}},render:function(){var e,t;return o.createVNode("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?o.createVNode("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",o.createVNode("span",null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?o.createVNode(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=t.withInstall(a);e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o)=>(()=>{"use strict";var r={6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},s={};function n(e){var t=s[e];if(void 0!==t)return t.exports;var o=s[e]={exports:{}};return r[e](o,o.exports,n),o.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{default:()=>c});var e=n(4212);function t(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var o=n(748),r=n(6870);const s=(0,o.defineComponent)({name:"Tag",props:{theme:e.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:e.PropTypes.bool.def(!1),type:e.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:e.PropTypes.bool.def(!1),checked:e.PropTypes.bool.def(!1),radius:e.PropTypes.string.def("2px"),extCls:e.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(r,s){var n=s.emit;return{wrapperCls:(0,o.computed)((function(){var o;return(0,e.classes)((t(o={"bk-tag-closable":r.closable,"bk-tag-checkable":r.checkable,"bk-tag-check":r.checked},"bk-tag-".concat(r.type),r.type),t(o,"bk-tag-".concat(r.theme),r.theme),t(o,r.extCls,!!r.extCls),o),"bk-tag")})),wrapperStyle:(0,o.computed)((function(){return{borderRadius:r.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),n("close",e)},handleClick:function(e){e.preventDefault(),e.stopPropagation(),r.checkable&&n("change",!r.checked)}}},render:function(){var e,t;return(0,o.createVNode)("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?(0,o.createVNode)("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",(0,o.createVNode)("span",{class:"bk-tag-text"},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?(0,o.createVNode)(r.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=(0,e.withInstall)(s)})(),a})()));