bkui-vue 0.0.1-beta.45 → 0.0.1-beta.450

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

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

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

@@ -0,0 +1,113 @@
+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: {
+        [x: string]: boolean;
+    };
+    footerClass: import("vue").ComputedRef<string>;
+    wrapperStyle: import("vue").ComputedRef<{
+        minHeight: string | number;
+        width: string;
+        maxWidth: string;
+        height: 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: import("vue").Ref<boolean>;
+    hasScrollYRef: import("vue").ComputedRef<boolean>;
+};
+/**
+ * 渲染初始化数据 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: (() => import("./props").Field[]) | {
+                label: string;
+                field?: string;
+                disabled?: boolean;
+            }[];
+            checked: string[] | (() => string[]);
+            limit: (number | object | (() => number) | ((props: Record<string, unknown>) => number)) & 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: 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: (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

@@ -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,24 +34,36 @@ 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 目标元素
  * @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 | %
@@ -59,14 +71,6 @@ export declare const observerResize: (root: HTMLElement, callbackFn: () => void,
  * @returns
  */
 export declare const isPercentPixOrNumber: (val: string | number) => boolean;
-/**
- * 处理 Prop中的分页配置
- * prop中的配置会覆盖本地的配置
- * @param propPagination 用户传入的配置
- * @param defVal 默认配置
- * @returns 返回值
- */
-export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;
 /**
  * Format Table Head Option
  * @param props
@@ -80,3 +84,46 @@ export declare const resolveHeadConfig: (props: TablePropTypes) => {
     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 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;
+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;