stk-table-vue 0.2.0 → 0.2.1

package/lib/src/StkTable/const.d.ts

@@ -1,21 +1,21 @@
-export declare const Default_Col_Width = "100";
-export declare const Default_Table_Height = 100;
-export declare const Default_Table_Width = 200;
-export declare const Default_Row_Height = 28;
-/** 高亮背景色 */
-export declare const Highlight_Color: {
-    light: {
-        from: string;
-        to: string;
-    };
-    dark: {
-        from: string;
-        to: string;
-    };
-};
-/** 高亮持续时间 */
-export declare const Highlight_Duration = 2000;
-/** 高亮变更频率 */
-export declare const Highlight_Color_Change_Freq = 100;
-/** 是否兼容低版本模式 */
-export declare const Is_Legacy_Mode: boolean;
+export declare const Default_Col_Width = "100";
+export declare const Default_Table_Height = 100;
+export declare const Default_Table_Width = 200;
+export declare const Default_Row_Height = 28;
+/** 高亮背景色 */
+export declare const Highlight_Color: {
+    light: {
+        from: string;
+        to: string;
+    };
+    dark: {
+        from: string;
+        to: string;
+    };
+};
+/** 高亮持续时间 */
+export declare const Highlight_Duration = 2000;
+/** 高亮变更频率 */
+export declare const Highlight_Color_Change_Freq = 100;
+/** 是否兼容低版本模式 */
+export declare const Is_Legacy_Mode: boolean;

package/lib/src/StkTable/index.d.ts

@@ -1,3 +1,3 @@
-export { default as StkTable } from './StkTable.vue';
-export { tableSort, insertToOrderedArray } from './utils';
-export type { StkTableColumn } from './types/index';
+export { default as StkTable } from './StkTable.vue';
+export { tableSort, insertToOrderedArray } from './utils';
+export type { StkTableColumn } from './types/index';

package/lib/src/StkTable/types/index.d.ts

@@ -1,73 +1,73 @@
-import { Component, VNode } from 'vue';
-/** 排序方式，asc-正序，desc-倒序，null-默认顺序 */
-export type Order = null | 'asc' | 'desc';
-type Sorter<T> = boolean | ((data: T[], option: {
-    order: Order;
-    column: any;
-}) => T[]);
-export type CustomCellFunc<T extends Record<string, any>> = (props: {
-    row: T;
-    col: StkTableColumn<T>;
-    cellValue: any;
-}) => VNode;
-export type CustomHeaderCellFunc<T extends Record<string, any>> = (props: {
-    col: StkTableColumn<T>;
-}) => VNode;
-/** 表格列配置 */
-export type StkTableColumn<T extends Record<string, any>> = {
-    /** 取值id */
-    dataIndex: keyof T & string;
-    /** 表头文字 */
-    title?: string;
-    /** 列内容对齐方式 */
-    align?: 'right' | 'left' | 'center';
-    /** 表头内容对齐方式 */
-    headerAlign?: 'right' | 'left' | 'center';
-    /** 筛选 */
-    sorter?: Sorter<T>;
-    /** 列宽。横向虚拟滚动时必须设置。 */
-    width?: string;
-    /** 最小列宽。非x虚拟滚动生效。 */
-    minWidth?: string;
-    /** 最大列宽。非x虚拟滚动生效。 */
-    maxWidth?: string;
-    /**th class */
-    headerClassName?: string;
-    /** td class */
-    className?: string;
-    /** 排序字段。default: dataIndex */
-    sortField?: keyof T;
-    /** 排序方式。按数字/字符串 */
-    sortType?: 'number' | 'string';
-    /** 固定列 */
-    fixed?: 'left' | 'right' | null;
-    /** private */ rowSpan?: number;
-    /** private */ colSpan?: number;
-    /**
-     * 自定义 td 渲染内容。
-     *
-     * 组件prop入参:
-     * - props.row 一行的记录。
-     * - props.col 列配置
-     */
-    customCell?: Component | VNode | CustomCellFunc<T>;
-    /**
-     * 自定义 th 渲染内容
-     *
-     * 组件prop入参:
-     * - props.col 列配置
-     */
-    customHeaderCell?: Component | VNode | CustomHeaderCellFunc<T>;
-    /** 二级表头 */
-    children?: StkTableColumn<T>[];
-    /** 父节点引用 */
-    __PARENT__?: StkTableColumn<T> | null;
-};
-export type SortOption = Pick<StkTableColumn<any>, 'sorter' | 'dataIndex' | 'sortField' | 'sortType'>;
-export type SortState<T> = {
-    dataIndex: T;
-    order: null | 'asc' | 'desc';
-    sortType?: 'number' | 'string';
-};
-export type UniqKey = string | ((param: any) => string);
-export {};
+import { Component, VNode } from 'vue';
+/** 排序方式，asc-正序，desc-倒序，null-默认顺序 */
+export type Order = null | 'asc' | 'desc';
+type Sorter<T> = boolean | ((data: T[], option: {
+    order: Order;
+    column: any;
+}) => T[]);
+export type CustomCellFunc<T extends Record<string, any>> = (props: {
+    row: T;
+    col: StkTableColumn<T>;
+    cellValue: any;
+}) => VNode;
+export type CustomHeaderCellFunc<T extends Record<string, any>> = (props: {
+    col: StkTableColumn<T>;
+}) => VNode;
+/** 表格列配置 */
+export type StkTableColumn<T extends Record<string, any>> = {
+    /** 取值id */
+    dataIndex: keyof T & string;
+    /** 表头文字 */
+    title?: string;
+    /** 列内容对齐方式 */
+    align?: 'right' | 'left' | 'center';
+    /** 表头内容对齐方式 */
+    headerAlign?: 'right' | 'left' | 'center';
+    /** 筛选 */
+    sorter?: Sorter<T>;
+    /** 列宽。横向虚拟滚动时必须设置。 */
+    width?: string | number;
+    /** 最小列宽。非x虚拟滚动生效。 */
+    minWidth?: string | number;
+    /** 最大列宽。非x虚拟滚动生效。 */
+    maxWidth?: string | number;
+    /**th class */
+    headerClassName?: string;
+    /** td class */
+    className?: string;
+    /** 排序字段。default: dataIndex */
+    sortField?: keyof T;
+    /** 排序方式。按数字/字符串 */
+    sortType?: 'number' | 'string';
+    /** 固定列 */
+    fixed?: 'left' | 'right' | null;
+    /** private */ rowSpan?: number;
+    /** private */ colSpan?: number;
+    /**
+     * 自定义 td 渲染内容。
+     *
+     * 组件prop入参:
+     * - props.row 一行的记录。
+     * - props.col 列配置
+     */
+    customCell?: Component | VNode | CustomCellFunc<T>;
+    /**
+     * 自定义 th 渲染内容
+     *
+     * 组件prop入参:
+     * - props.col 列配置
+     */
+    customHeaderCell?: Component | VNode | CustomHeaderCellFunc<T>;
+    /** 二级表头 */
+    children?: StkTableColumn<T>[];
+    /** 父节点引用 */
+    __PARENT__?: StkTableColumn<T> | null;
+};
+export type SortOption = Pick<StkTableColumn<any>, 'sorter' | 'dataIndex' | 'sortField' | 'sortType'>;
+export type SortState<T> = {
+    dataIndex: T;
+    order: null | 'asc' | 'desc';
+    sortType?: 'number' | 'string';
+};
+export type UniqKey = string | ((param: any) => string);
+export {};

package/lib/src/StkTable/useAutoResize.d.ts

@@ -1,15 +1,14 @@
-import { Ref } from 'vue';
-type Options = {
-    tableContainer: Ref<HTMLElement | undefined>;
-    initVirtualScroll: () => void;
-    scrollTo: () => void;
-    props: any;
-    /** 防抖延时 */
-    debounceMs: number;
-};
-/**
- * 窗口变化自动重置虚拟滚动
- * @param param0
- */
-export declare function useAutoResize({ tableContainer, initVirtualScroll, scrollTo, props, debounceMs }: Options): void;
-export {};
+import { Ref } from 'vue';
+type Options = {
+    props: any;
+    tableContainer: Ref<HTMLElement | undefined>;
+    initVirtualScroll: () => void;
+    /** 防抖延时 */
+    debounceMs: number;
+};
+/**
+ * 窗口变化自动重置虚拟滚动
+ * @param param0
+ */
+export declare function useAutoResize({ tableContainer, initVirtualScroll, props, debounceMs }: Options): void;
+export {};

package/lib/src/StkTable/useColResize.d.ts

@@ -1,18 +1,18 @@
-import { Ref } from 'vue';
-import { StkTableColumn } from './types';
-type Params<DT extends Record<string, any>> = {
-    props: any;
-    emits: any;
-    tableContainer: Ref<HTMLElement | undefined>;
-    tableHeaderLast: Ref<StkTableColumn<DT>[]>;
-    colResizeIndicator: Ref<HTMLElement | undefined>;
-    colKeyGen: (p: any) => string;
-};
-/** 列宽拖动 */
-export declare function useColResize<DT extends Record<string, any>>({ tableContainer, tableHeaderLast, colResizeIndicator, props, emits, colKeyGen, }: Params<DT>): {
-    isColResizing: Ref<boolean>;
-    onThResizeMouseDown: (e: MouseEvent, col: StkTableColumn<DT>, isPrev?: boolean) => void;
-    onThResizeMouseMove: (e: MouseEvent) => void;
-    onThResizeMouseUp: (e: MouseEvent) => void;
-};
-export {};
+import { Ref } from 'vue';
+import { StkTableColumn } from './types';
+type Params<DT extends Record<string, any>> = {
+    props: any;
+    emits: any;
+    tableContainer: Ref<HTMLElement | undefined>;
+    tableHeaderLast: Ref<StkTableColumn<DT>[]>;
+    colResizeIndicator: Ref<HTMLElement | undefined>;
+    colKeyGen: (p: any) => string;
+};
+/** 列宽拖动 */
+export declare function useColResize<DT extends Record<string, any>>({ tableContainer, tableHeaderLast, colResizeIndicator, props, emits, colKeyGen, }: Params<DT>): {
+    isColResizing: Ref<boolean>;
+    onThResizeMouseDown: (e: MouseEvent, col: StkTableColumn<DT>, isPrev?: boolean) => void;
+    onThResizeMouseMove: (e: MouseEvent) => void;
+    onThResizeMouseUp: (e: MouseEvent) => void;
+};
+export {};

package/lib/src/StkTable/useFixedCol.d.ts

@@ -1,20 +1,20 @@
-import { Ref } from 'vue';
-import { StkTableColumn } from './types';
-type Params<T extends Record<string, any>> = {
-    props: any;
-    tableHeaderLast: Ref<StkTableColumn<T>[]>;
-    tableContainer: Ref<HTMLDivElement | undefined>;
-};
-/**
- * 固定列处理
- * @returns
- */
-export declare function useFixedCol<DT extends Record<string, any>>({ props, tableHeaderLast, tableContainer }: Params<DT>): {
-    /** 固定列class */
-    getFixedColClass: (col: StkTableColumn<DT>) => Record<string, boolean>;
-    /** 处理固定列阴影 */
-    dealFixedColShadow: () => void;
-    /** 滚动条变化时，更新需要展示阴影的列 */
-    updateFixedShadow: () => void;
-};
-export {};
+import { Ref } from 'vue';
+import { StkTableColumn } from './types';
+type Params<T extends Record<string, any>> = {
+    props: any;
+    tableHeaderLast: Ref<StkTableColumn<T>[]>;
+    tableContainer: Ref<HTMLDivElement | undefined>;
+};
+/**
+ * 固定列处理
+ * @returns
+ */
+export declare function useFixedCol<DT extends Record<string, any>>({ props, tableHeaderLast, tableContainer }: Params<DT>): {
+    /** 固定列class */
+    getFixedColClass: (col: StkTableColumn<DT>) => Record<string, boolean>;
+    /** 处理固定列阴影 */
+    dealFixedColShadow: () => void;
+    /** 滚动条变化时，更新需要展示阴影的列 */
+    updateFixedShadow: () => void;
+};
+export {};

package/lib/src/StkTable/useFixedStyle.d.ts

@@ -1,20 +1,20 @@
-import { CSSProperties, Ref } from 'vue';
-import { StkTableColumn } from './types';
-import { VirtualScrollStore, VirtualScrollXStore } from './useVirtualScroll';
-type Options = {
-    props: any;
-    tableHeaderLast: Ref<StkTableColumn<any>[]>;
-    virtualScroll: Ref<VirtualScrollStore>;
-    virtualScrollX: Ref<VirtualScrollXStore>;
-    virtualX_on: Ref<boolean>;
-    virtualX_offsetRight: Ref<number>;
-};
-/**
- * 固定列style
- * @param param0
- * @returns
- */
-export declare function useFixedStyle({ props, tableHeaderLast, virtualScroll, virtualScrollX, virtualX_on, virtualX_offsetRight }: Options): {
-    getFixedStyle: (tagType: 1 | 2, col: StkTableColumn<any>, depth?: number) => CSSProperties;
-};
-export {};
+import { CSSProperties, Ref } from 'vue';
+import { StkTableColumn } from './types';
+import { VirtualScrollStore, VirtualScrollXStore } from './useVirtualScroll';
+type Options = {
+    props: any;
+    tableHeaderLast: Ref<StkTableColumn<any>[]>;
+    virtualScroll: Ref<VirtualScrollStore>;
+    virtualScrollX: Ref<VirtualScrollXStore>;
+    virtualX_on: Ref<boolean>;
+    virtualX_offsetRight: Ref<number>;
+};
+/**
+ * 固定列style
+ * @param param0
+ * @returns
+ */
+export declare function useFixedStyle({ props, tableHeaderLast, virtualScroll, virtualScrollX, virtualX_on, virtualX_offsetRight }: Options): {
+    getFixedStyle: (tagType: 1 | 2, col: StkTableColumn<any>, depth?: number) => CSSProperties;
+};
+export {};

package/lib/src/StkTable/useHighlight.d.ts

@@ -1,19 +1,19 @@
-import { Ref } from 'vue';
-type Params = {
-    props: {
-        theme: 'light' | 'dark';
-        virtual: boolean;
-        dataSource: any[];
-    };
-    tableContainer: Ref<HTMLElement | undefined>;
-    rowKeyGen: (p: any) => string;
-};
-/**
- * 高亮单元格，行
- * row中新增_bgc_progress_ms 属性控制高亮状态,_bgc控制颜色
- */
-export declare function useHighlight({ props, tableContainer, rowKeyGen }: Params): {
-    setHighlightDimRow: (rowKeyValues: Array<string | number>) => void;
-    setHighlightDimCell: (rowKeyValue: string, dataIndex: string) => void;
-};
-export {};
+import { Ref } from 'vue';
+type Params = {
+    props: {
+        theme: 'light' | 'dark';
+        virtual: boolean;
+        dataSource: any[];
+    };
+    tableContainer: Ref<HTMLElement | undefined>;
+    rowKeyGen: (p: any) => string;
+};
+/**
+ * 高亮单元格，行
+ * row中新增_bgc_progress_ms 属性控制高亮状态,_bgc控制颜色
+ */
+export declare function useHighlight({ props, tableContainer, rowKeyGen }: Params): {
+    setHighlightDimRow: (rowKeyValues: Array<string | number>) => void;
+    setHighlightDimCell: (rowKeyValue: string, dataIndex: string) => void;
+};
+export {};

package/lib/src/StkTable/useKeyboardArrowScroll.d.ts

@@ -1,17 +1,17 @@
-import { Ref } from 'vue';
-import { StkTableColumn } from './types';
-import { VirtualScrollStore, VirtualScrollXStore } from './useVirtualScroll';
-type Options<DT extends Record<string, any>> = {
-    props: any;
-    scrollTo: (y: number | null, x: number | null) => void;
-    virtualScroll: Ref<VirtualScrollStore>;
-    virtualScrollX: Ref<VirtualScrollXStore>;
-    tableHeaders: Ref<StkTableColumn<DT>[][]>;
-};
-/**
- * 按下键盘箭头滚动。只有悬浮在表体上才能生效键盘。
- *
- * 在低版本浏览器中，虚拟滚动时，使用键盘滚动，等选中的行消失在视口外时，滚动会失效。
- */
-export declare function useKeyboardArrowScroll<DT extends Record<string, any>>(targetElement: Ref<HTMLElement | undefined>, { props, scrollTo, virtualScroll, virtualScrollX, tableHeaders }: Options<DT>): void;
-export {};
+import { Ref } from 'vue';
+import { StkTableColumn } from './types';
+import { VirtualScrollStore, VirtualScrollXStore } from './useVirtualScroll';
+type Options<DT extends Record<string, any>> = {
+    props: any;
+    scrollTo: (y: number | null, x: number | null) => void;
+    virtualScroll: Ref<VirtualScrollStore>;
+    virtualScrollX: Ref<VirtualScrollXStore>;
+    tableHeaders: Ref<StkTableColumn<DT>[][]>;
+};
+/**
+ * 按下键盘箭头滚动。只有悬浮在表体上才能生效键盘。
+ *
+ * 在低版本浏览器中，虚拟滚动时，使用键盘滚动，等选中的行消失在视口外时，滚动会失效。
+ */
+export declare function useKeyboardArrowScroll<DT extends Record<string, any>>(targetElement: Ref<HTMLElement | undefined>, { props, scrollTo, virtualScroll, virtualScrollX, tableHeaders }: Options<DT>): void;
+export {};

package/lib/src/StkTable/useThDrag.d.ts

@@ -1,14 +1,17 @@
-type Params = {
-    emits: any;
-};
-/**
- * 列顺序拖动
- * @param param0
- * @returns
- */
-export declare function useThDrag({ emits }: Params): {
-    onThDragStart: (e: MouseEvent) => void;
-    onThDragOver: (e: MouseEvent) => void;
-    onThDrop: (e: MouseEvent) => void;
-};
-export {};
+import { StkTableColumn } from './types';
+type Params = {
+    props: any;
+    emits: any;
+};
+/**
+ * 列顺序拖动
+ * @param param0
+ * @returns
+ */
+export declare function useThDrag<DT extends Record<string, any>>({ props, emits }: Params): {
+    onThDragStart: (e: MouseEvent) => void;
+    onThDragOver: (e: MouseEvent) => void;
+    onThDrop: (e: MouseEvent) => void;
+    isHeaderDraggable: (col: StkTableColumn<DT>) => any;
+};
+export {};

package/lib/src/StkTable/useVirtualScroll.d.ts

@@ -1,73 +1,73 @@
-import { Ref, ShallowRef } from 'vue';
-import { StkTableColumn } from './types';
-type Option<DT extends Record<string, any>> = {
-    tableContainer: Ref<HTMLElement | undefined>;
-    props: any;
-    dataSourceCopy: ShallowRef<DT[]>;
-    tableHeaderLast: Ref<StkTableColumn<DT>[]>;
-};
-/** 暂存纵向虚拟滚动的数据 */
-export type VirtualScrollStore = {
-    /** 容器高度 */
-    containerHeight: number;
-    /** 一页的大小 */
-    pageSize: number;
-    /** 数组开始位置 */
-    startIndex: number;
-    /** 数组结束位置 */
-    endIndex: number;
-    /** 行高 */
-    rowHeight: number;
-    /** 表格定位上边距 */
-    offsetTop: number;
-    /** 纵向滚动条位置，用于判断是横向滚动还是纵向 */
-    scrollTop: number;
-};
-/** 暂存横向虚拟滚动的数据 */
-export type VirtualScrollXStore = {
-    /** 容器宽度 */
-    containerWidth: number;
-    /** 开始位置 */
-    startIndex: number;
-    /** 结束始位置 */
-    endIndex: number;
-    /** 表格定位左边距 */
-    offsetLeft: number;
-    /** 横向滚动位置，用于判断是横向滚动还是纵向 */
-    scrollLeft: number;
-};
-/**
- * 虚拟滚动
- * @param param0
- * @returns
- */
-export declare function useVirtualScroll<DT extends Record<string, any>>({ props, tableContainer, dataSourceCopy, tableHeaderLast }: Option<DT>): {
-    virtualScroll: Ref<{
-        containerHeight: number;
-        pageSize: number;
-        startIndex: number;
-        endIndex: number;
-        rowHeight: number;
-        offsetTop: number;
-        scrollTop: number;
-    }>;
-    virtualScrollX: Ref<{
-        containerWidth: number;
-        startIndex: number;
-        endIndex: number;
-        offsetLeft: number;
-        scrollLeft: number;
-    }>;
-    virtual_on: import("vue").ComputedRef<any>;
-    virtual_dataSourcePart: import("vue").ComputedRef<DT[]>;
-    virtual_offsetBottom: import("vue").ComputedRef<number>;
-    virtualX_on: import("vue").ComputedRef<any>;
-    virtualX_columnPart: import("vue").ComputedRef<StkTableColumn<DT>[]>;
-    virtualX_offsetRight: import("vue").ComputedRef<number>;
-    initVirtualScroll: (height?: number) => void;
-    initVirtualScrollY: (height?: number) => void;
-    initVirtualScrollX: () => void;
-    updateVirtualScrollY: (sTop?: number) => void;
-    updateVirtualScrollX: (sLeft?: number) => void;
-};
-export {};
+import { Ref, ShallowRef } from 'vue';
+import { StkTableColumn } from './types';
+type Option<DT extends Record<string, any>> = {
+    tableContainer: Ref<HTMLElement | undefined>;
+    props: any;
+    dataSourceCopy: ShallowRef<DT[]>;
+    tableHeaderLast: Ref<StkTableColumn<DT>[]>;
+};
+/** 暂存纵向虚拟滚动的数据 */
+export type VirtualScrollStore = {
+    /** 容器高度 */
+    containerHeight: number;
+    /** 一页的大小 */
+    pageSize: number;
+    /** 数组开始位置 */
+    startIndex: number;
+    /** 数组结束位置 */
+    endIndex: number;
+    /** 行高 */
+    rowHeight: number;
+    /** 表格定位上边距 */
+    offsetTop: number;
+    /** 纵向滚动条位置，用于判断是横向滚动还是纵向 */
+    scrollTop: number;
+};
+/** 暂存横向虚拟滚动的数据 */
+export type VirtualScrollXStore = {
+    /** 容器宽度 */
+    containerWidth: number;
+    /** 开始位置 */
+    startIndex: number;
+    /** 结束始位置 */
+    endIndex: number;
+    /** 表格定位左边距 */
+    offsetLeft: number;
+    /** 横向滚动位置，用于判断是横向滚动还是纵向 */
+    scrollLeft: number;
+};
+/**
+ * 虚拟滚动
+ * @param param0
+ * @returns
+ */
+export declare function useVirtualScroll<DT extends Record<string, any>>({ props, tableContainer, dataSourceCopy, tableHeaderLast }: Option<DT>): {
+    virtualScroll: Ref<{
+        containerHeight: number;
+        pageSize: number;
+        startIndex: number;
+        endIndex: number;
+        rowHeight: number;
+        offsetTop: number;
+        scrollTop: number;
+    }>;
+    virtualScrollX: Ref<{
+        containerWidth: number;
+        startIndex: number;
+        endIndex: number;
+        offsetLeft: number;
+        scrollLeft: number;
+    }>;
+    virtual_on: import("vue").ComputedRef<any>;
+    virtual_dataSourcePart: import("vue").ComputedRef<DT[]>;
+    virtual_offsetBottom: import("vue").ComputedRef<number>;
+    virtualX_on: import("vue").ComputedRef<any>;
+    virtualX_columnPart: import("vue").ComputedRef<StkTableColumn<DT>[]>;
+    virtualX_offsetRight: import("vue").ComputedRef<number>;
+    initVirtualScroll: (height?: number) => void;
+    initVirtualScrollY: (height?: number) => void;
+    initVirtualScrollX: () => void;
+    updateVirtualScrollY: (sTop?: number) => void;
+    updateVirtualScrollX: (sLeft?: number) => void;
+};
+export {};

package/lib/src/StkTable/utils.d.ts

@@ -1,23 +1,25 @@
-import { Order, SortOption, SortState, StkTableColumn } from './types';
-/**
- * 对有序数组插入新数据
- * @param sortState
- * @param sortState.dataIndex 排序的列
- * @param sortState.order 排序顺序
- * @param sortState.sortType 排序方式
- * @param newItem 要插入的数据
- * @param targetArray 表格数据
- */
-export declare function insertToOrderedArray<T extends object>(sortState: SortState<keyof T>, newItem: any, targetArray: T[]): T[];
-/**
- * 表格排序抽离
- * 可以在组件外部自己实现表格排序，组件配置remote，使表格不排序。
- * 使用者在@sort-change事件中自行更改table props 'dataSource'完成排序。
- * TODO: key 唯一值，排序字段相同时，根据唯一值排序。
- * @param sortOption 列配置
- * @param order 排序方式
- * @param dataSource 排序的数组
- */
-export declare function tableSort(sortOption: SortOption, order: Order, dataSource: any[]): any[];
-/** 表头column配置的层级 */
-export declare function howDeepTheHeader(arr: StkTableColumn<any>[], level?: number): number;
+import { Order, SortOption, SortState, StkTableColumn } from './types';
+/**
+ * 对有序数组插入新数据
+ * @param sortState
+ * @param sortState.dataIndex 排序的列
+ * @param sortState.order 排序顺序
+ * @param sortState.sortType 排序方式
+ * @param newItem 要插入的数据
+ * @param targetArray 表格数据
+ */
+export declare function insertToOrderedArray<T extends object>(sortState: SortState<keyof T>, newItem: any, targetArray: T[]): T[];
+/**
+ * 表格排序抽离
+ * 可以在组件外部自己实现表格排序，组件配置remote，使表格不排序。
+ * 使用者在@sort-change事件中自行更改table props 'dataSource'完成排序。
+ * TODO: key 唯一值，排序字段相同时，根据唯一值排序。
+ * @param sortOption 列配置
+ * @param order 排序方式
+ * @param dataSource 排序的数组
+ */
+export declare function tableSort(sortOption: SortOption, order: Order, dataSource: any[]): any[];
+/** 表头column配置的层级 */
+export declare function howDeepTheHeader(arr: StkTableColumn<any>[], level?: number): number;
+/** 获取列宽 */
+export declare function getColWidth(col: StkTableColumn<any> | null): number;