bkui-vue 0.0.1-beta.98 → 0.0.1

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

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

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

@@ -1,5 +1,13 @@
-import { TablePropTypes } from './props';
-export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?: any, pageData?: any) => {
+import { Colgroups, Column, Settings, 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: {
@@ -8,8 +16,16 @@ export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?
     footerClass: import("vue").ComputedRef<string>;
     wrapperStyle: import("vue").ComputedRef<{
         minHeight: string | number;
+        width: string;
+        maxWidth: string;
+        height: string;
     }>;
-    contentStyle: {};
+    contentStyle: {
+        display: string;
+        'min-height': string;
+        height: string;
+        maxHeight: string;
+    };
     headStyle: import("vue").ComputedRef<{
         '--row-height': string;
         '--scroll-head-left': string;
@@ -17,38 +33,27 @@ export declare const useClass: (props: TablePropTypes, root?: any, reactiveProp?
     }>;
     resetTableHeight: (rootEl: HTMLElement) => void;
     updateBorderClass: (root: HTMLElement) => void;
+    getColumnsWidthOffsetWidth: () => number;
     hasFooter: import("vue").ComputedRef<number>;
+    hasScrollY: import("vue").Ref<boolean>;
+    hasScrollYRef: import("vue").ComputedRef<boolean>;
 };
-export declare const useInit: (props: TablePropTypes) => {
-    colgroups: {
-        calcWidth: any;
-        resizeWidth: any;
-        listeners: Map<any, any>;
-        label: string | Function;
-        field?: string | Function;
-        render?: string | Function;
-        width?: string | number;
-        minWidth?: string | number;
-        type?: string;
-        fixed?: string | boolean;
-        resizable?: boolean;
-        sort?: string | boolean | {
-            sortFn?: Function;
-            sortScope?: string;
-        };
-        filter?: string | boolean | {
-            list?: any;
-            filterFn?: Function;
-        };
-    }[];
+/**
+ * 渲染初始化数据 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: `${number}px`;
+        readonly left: 0;
         readonly width: "1px";
         readonly 'background-color': "#ebeef5";
     }>;
+    dragOffsetX: import("vue").Ref<number>;
     reactiveSchema: {
         rowActions: Map<any, any>;
         scrollTranslateY: number;
@@ -57,15 +62,52 @@ export declare const useInit: (props: TablePropTypes) => {
             bottom: number;
         };
         activeColumns: any[];
+        settings: boolean | {
+            fields: (() => import("./props").Field[]) | {
+                label: string;
+                field?: string;
+                disabled?: boolean;
+            }[];
+            checked: string[] | (() => string[]);
+            limit: number;
+            size: "small" | "medium" | "large";
+            sizeList: (object & (() => import("./props").SizeItem[])) | {
+                value?: string;
+                label?: string;
+                height?: number;
+            }[];
+            showLineHeight: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        };
         setting: {
-            size: any;
+            size: string;
             height: any;
         };
+        defaultSort: any;
     };
     indexData: any[];
     fixedWrapperClass: string;
+    fixedColumns: import("vue").ComputedRef<{
+        isExist: boolean;
+        colPos: string;
+        column: import("./props").GroupColumn;
+    }[]>;
+    resolveColumnStyle: (colPos: string) => {
+        width: string;
+        bottom: string;
+    };
+    resolveColumnClass: (column: import("./props").GroupColumn, scrollX?: any, offsetRight?: any) => {
+        column_fixed: boolean;
+        column_fixed_left: boolean;
+        column_fixed_right: boolean;
+        shadow: boolean;
+    };
     initIndexData: (keepLocalAction?: boolean) => void;
-    updateIndexData: () => void;
-    renderFixedColumns: () => ("" | JSX.Element)[];
+    updateIndexData: (selectedAll?: boolean) => void;
     setRowExpand: (row: any, expand?: any) => void;
+    updateColGroups: (settings?: Settings) => void;
+    clearSelection: () => void;
+    toggleAllSelection: (checked?: any) => void;
+    toggleRowSelection: (row: any, selected: boolean) => void;
+    getSelection: () => any[];
+    clearSort: () => void;
 };

package/lib/table/utils.d.ts

@@ -6,7 +6,7 @@ import { Column, 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
@@ -49,19 +49,21 @@ export declare const getColumnReactWidth: (colmun: GroupColumn, orders?: string[
  * @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 目标元素
  * @param callbackFn 执行函数
  * @param delay 延迟执行时间，默认 60
  * @param immediate 是否立即执行回调函数
+ * @param resizerWay 执行方式：debounce | throttle
  * @returns "{ start: () => void, stop: () => void }"
  */
-export declare const observerResize: (root: HTMLElement, callbackFn: () => void, delay?: number, immediate?: boolean) => {
+export declare const observerResize: (root: HTMLElement, callbackFn: () => void, delay?: number, immediate?: boolean, resizerWay?: string) => {
     start: () => void;
-    stop: () => void;
+    disconnect: () => void;
 };
 /**
  * 判定为数值 | px | %
@@ -100,3 +102,30 @@ export declare const getRowText: (row: any, key: string, column: Column) => 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 getRowKeyNull: (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;
+export declare const getRowId: (row: any, index: any, props: any) => any;
+export declare const getRowSourceData: (row: any) => any;
+export declare const getColumnSourceData: (column: any) => any;
+export declare const getRowIndex: (row: any, index: any) => any;