@jiaozhiye/qm-design-react 1.0.0-beta.1

package/lib/table/src/super-search/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SuperSearch: React.FC;
+export default SuperSearch;

package/lib/table/src/super-search/result.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type IResultProps = {
+    onClose: () => void;
+};
+declare const Result: React.FC<IResultProps>;
+export default Result;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ITableProps, TableRef } from './types';
+export declare type QmTableProps = ITableProps;
+declare const Table: React.ForwardRefExoticComponent<ITableProps & React.RefAttributes<TableRef>>;
+export default Table;

package/lib/table/src/table/props.d.ts

@@ -0,0 +1,243 @@
+import PropTypes from 'prop-types';
+import { ITableProps } from './types';
+/**
+ * editRender: 返回值
+ * {
+ *   type: PropTypes.oneOf(['text', 'number', 'select', 'select-multiple', 'checkbox', 'switch', 'search-helper', 'date', 'datetime', 'time']).isRequired,
+ *   items: PropTypes.arrayOf(PropTypes.shape({
+ *     text: PropTypes.string,
+ *     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+ *   })),
+ *   editable: PropTypes.bool,
+ *   disabled: PropTypes.bool, // true -> 禁用编辑功能，默认为非编辑状态，且禁止切换
+ *   extra: PropTypes.shape({
+ *     maxLength: PropTypes.number,
+ *     showCount: PropTypes.bool,
+ *     max: PropTypes.number,
+ *     min: PropTypes.number,
+ *     trueValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+ *     falseValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+ *     minDateTime: PropTypes.string,
+ *     maxDateTime: PropTypes.string,
+ *     text: PropTypes.string,
+ *     disabled: PropTypes.bool // 表单禁用状态
+ *     allowClear: PropTypes.bool
+ *   }),
+ *   helper: PropTypes.shape({
+ *     filters: PropTypes.object,
+ *     table: PropTypes.object,
+ *     initialValue: PropTypes.object,
+ *     closeRemoteMatch: PropTypes.bool,
+ *     fieldAliasMap: PropTypes.func,
+ *     filterAliasMap: PropTypes.func,
+ *     beforeOpen: PropTypes.func,
+ *     closed: PropTypes.func
+ *   }),
+ *   rules: PropTypes.arrayOf(PropTypes.shape({
+ *     required: PropTypes.bool,
+ *     message: PropTypes.string,
+ *     validator: PropTypes.func // 自定义校验规则，参数: val(表单项的值); 返回值类型: bool
+ *   })),
+ *   onInput: PropTypes.func,
+ *   onChange: PropTypes.func,
+ *   onEnter: PropTypes.func,
+ *   onClick: PropTypes.func
+ * }
+ */
+export declare const propTypes: {
+    columns: PropTypes.Validator<(PropTypes.InferProps<{
+        dataIndex: PropTypes.Validator<string>;
+        title: PropTypes.Validator<string>;
+        description: PropTypes.Requireable<string>;
+        colSpan: PropTypes.Requireable<number>;
+        width: PropTypes.Requireable<number>;
+        fixed: PropTypes.Requireable<string>;
+        align: PropTypes.Requireable<string>;
+        printFixed: PropTypes.Requireable<boolean>;
+        hidden: PropTypes.Requireable<boolean>;
+        noAuth: PropTypes.Requireable<boolean>;
+        ellipsis: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<any[]>;
+        sorter: PropTypes.Requireable<boolean | ((...args: any[]) => any)>;
+        filter: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Validator<string>;
+            items: PropTypes.Requireable<(PropTypes.InferProps<{
+                text: PropTypes.Requireable<string>;
+                value: PropTypes.Requireable<string | number>;
+            }> | null | undefined)[]>;
+        }>>;
+        precision: PropTypes.Requireable<number>;
+        formatType: PropTypes.Requireable<string>;
+        required: PropTypes.Requireable<boolean>;
+        editRender: PropTypes.Requireable<(...args: any[]) => any>;
+        dictItems: PropTypes.Requireable<(PropTypes.InferProps<{
+            text: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<string | number>;
+        }> | null | undefined)[]>;
+        summation: PropTypes.Requireable<PropTypes.InferProps<{
+            sumBySelection: PropTypes.Requireable<boolean>;
+            displayWhenNotSelect: PropTypes.Requireable<boolean>;
+            dataKey: PropTypes.Requireable<string>;
+            unit: PropTypes.Requireable<string>;
+            render: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+        groupSummary: PropTypes.Requireable<PropTypes.InferProps<{
+            dataKey: PropTypes.Requireable<string>;
+            unit: PropTypes.Requireable<string>;
+            render: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>;
+        headRender: PropTypes.Requireable<(...args: any[]) => any>;
+        render: PropTypes.Requireable<(...args: any[]) => any>;
+    }> | null | undefined)[]>;
+    columnsChange: PropTypes.Requireable<(...args: any[]) => any>;
+    dataSource: PropTypes.Requireable<any[]>;
+    rowKey: PropTypes.Validator<string | ((...args: any[]) => any)>;
+    size: (props: any, propName: any, componentName: any) => void;
+    height: (props: any, propName: any, componentName: any) => void;
+    minHeight: (props: any, propName: any, componentName: any) => void;
+    maxHeight: (props: any, propName: any, componentName: any) => void;
+    border: PropTypes.Requireable<boolean>;
+    stripe: PropTypes.Requireable<boolean>;
+    fetch: PropTypes.Requireable<PropTypes.InferProps<{
+        api: PropTypes.Validator<(...args: any[]) => any>;
+        params: PropTypes.Validator<object>;
+        beforeFetch: PropTypes.Requireable<(...args: any[]) => any>;
+        afterFetch: PropTypes.Requireable<(...args: any[]) => any>;
+        stopToFirst: PropTypes.Requireable<boolean>;
+        dataKey: PropTypes.Requireable<string>;
+    }>>;
+    loading: PropTypes.Requireable<boolean>;
+    resizable: PropTypes.Requireable<boolean>;
+    uniqueKey: PropTypes.Requireable<string>;
+    customClass: PropTypes.Requireable<string>;
+    showHeader: PropTypes.Requireable<boolean>;
+    ellipsis: PropTypes.Requireable<boolean>;
+    rowStyle: PropTypes.Requireable<object>;
+    cellStyle: PropTypes.Requireable<object>;
+    spanMethod: PropTypes.Requireable<(...args: any[]) => any>;
+    rowDraggable: PropTypes.Requireable<boolean>;
+    rowSelection: PropTypes.Requireable<PropTypes.InferProps<{
+        type: PropTypes.Validator<string>;
+        defaultSelectedRowKeys: PropTypes.Requireable<any[]>;
+        selectedRowKeys: PropTypes.Requireable<any[]>;
+        hideSelectAll: PropTypes.Requireable<boolean>;
+        checkStrictly: PropTypes.Requireable<boolean>;
+        filterable: PropTypes.Requireable<boolean>;
+        clearableAfterFetched: PropTypes.Requireable<boolean>;
+        fetchSelectedRows: PropTypes.Requireable<PropTypes.InferProps<{
+            api: PropTypes.Validator<(...args: any[]) => any>;
+            params: PropTypes.Requireable<object>;
+            dataKey: PropTypes.Requireable<string>;
+        }>>;
+        fetchAllRowKeys: PropTypes.Requireable<PropTypes.InferProps<{
+            api: PropTypes.Validator<(...args: any[]) => any>;
+            params: PropTypes.Requireable<object>;
+            dataKey: PropTypes.Requireable<string>;
+        }>>;
+        disabled: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+    rowHighlight: PropTypes.Requireable<PropTypes.InferProps<{
+        currentRowKey: PropTypes.Requireable<string | number>;
+        disabled: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+    expandable: PropTypes.Requireable<PropTypes.InferProps<{
+        defaultExpandAllRows: PropTypes.Requireable<boolean>;
+        defaultExpandedRowKeys: PropTypes.Requireable<any[]>;
+        expandedRowKeys: PropTypes.Requireable<any[]>;
+        rowExpandable: PropTypes.Requireable<(...args: any[]) => any>;
+        expandedRowClassName: PropTypes.Requireable<string>;
+        expandedRowRender: PropTypes.Validator<(...args: any[]) => any>;
+        onExpand: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+    summation: PropTypes.Requireable<PropTypes.InferProps<{
+        groupItems: PropTypes.Requireable<(PropTypes.InferProps<{
+            dataIndex: PropTypes.Validator<string>;
+            titleIndex: PropTypes.Requireable<string>;
+            color: PropTypes.Requireable<string>;
+            backgroundColor: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        fetch: PropTypes.Requireable<PropTypes.InferProps<{
+            api: PropTypes.Validator<(...args: any[]) => any>;
+            params: PropTypes.Requireable<object>;
+            dataKey: PropTypes.Requireable<string>;
+        }>>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+    footRender: PropTypes.Requireable<(...args: any[]) => any>;
+    multipleSort: PropTypes.Requireable<boolean>;
+    scrollPagination: PropTypes.Requireable<boolean>;
+    webPagination: PropTypes.Requireable<boolean>;
+    paginationConfig: PropTypes.Requireable<PropTypes.InferProps<{
+        current: PropTypes.Requireable<number>;
+        pageSize: PropTypes.Requireable<number>;
+        pageSizeOptions: PropTypes.Requireable<any[]>;
+        showSizeChanger: PropTypes.Requireable<boolean>;
+        showQuickJumper: PropTypes.Requireable<boolean>;
+    }>>;
+    showAlert: PropTypes.Requireable<boolean>;
+    topSpaceAlign: PropTypes.Requireable<string>;
+    exportExcel: PropTypes.Requireable<PropTypes.InferProps<{
+        fileName: PropTypes.Requireable<string>;
+        fetch: PropTypes.Requireable<PropTypes.InferProps<{
+            api: PropTypes.Validator<(...args: any[]) => any>;
+            params: PropTypes.Requireable<object>;
+        }>>;
+        cellStyle: PropTypes.Requireable<boolean>;
+    }>>;
+    tablePrint: PropTypes.Requireable<PropTypes.InferProps<{
+        showLogo: PropTypes.Requireable<boolean>;
+    }>>;
+    authConfig: PropTypes.Requireable<PropTypes.InferProps<{
+        fetch: PropTypes.Requireable<PropTypes.InferProps<{
+            api: PropTypes.Validator<(...args: any[]) => any>;
+            params: PropTypes.Requireable<object>;
+            columnDataKey: PropTypes.Requireable<string>;
+            exportDataKey: PropTypes.Requireable<string>;
+            printDataKey: PropTypes.Requireable<string>;
+        }>>;
+    }>>;
+    showFullScreen: PropTypes.Requireable<boolean>;
+    showRefresh: PropTypes.Requireable<boolean>;
+    showSelectCollection: PropTypes.Requireable<boolean>;
+    showSuperSearch: PropTypes.Requireable<boolean>;
+    showGroupSummary: PropTypes.Requireable<boolean>;
+    showColumnDefine: PropTypes.Requireable<boolean>;
+    onlyShowIcon: PropTypes.Requireable<boolean>;
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    onDataChange: PropTypes.Requireable<(...args: any[]) => any>;
+    onDataLoad: PropTypes.Requireable<(...args: any[]) => any>;
+    onRowClick: PropTypes.Requireable<(...args: any[]) => any>;
+    onRowDblclick: PropTypes.Requireable<(...args: any[]) => any>;
+    onRowEnter: PropTypes.Requireable<(...args: any[]) => any>;
+    onScrollEnd: PropTypes.Requireable<(...args: any[]) => any>;
+};
+export declare const defaultProps: ITableProps;
+/**
+ * 事件：
+ * onChange: 分页、排序、筛选、高级检索、行拖动排序 变化时触发，参数：pagination, filters, sorter, superFilters, { currentDataSource: tableData }
+ * onDataChange: 表格单元格编辑、新增、删除数据时触发，参数 tableData
+ * onDataLoad: 表格数据加载后触发，参数 tableData
+ * onRowClick: 行单击事件，参数 row, column, event
+ * onRowDblclick: 行双击事件，参数 row, column, event
+ * onRowEnter: 行选中(单选) 或 行高亮 回车时触发，参数 row, event
+ * onScrollEnd: 滚动条滚动至底部时触发，参数 event
+ */
+/**
+ * 方法：
+ * CALCULATE_HEIGHT: 计算表格高度
+ * DO_REFRESH: 刷新表格数据，同时会清空列选中状态
+ * INSERT_RECORDS: 插入表格行数据，参数 row|rows, bottom(默认)|top
+ * REMOVE_RECORDS: 移除表格数据，参数 rowKeys|rows|row
+ * FORM_VALIDATE: 触发表格中的表单校验，返回值：object
+ * FORCE_UPDATE: 组件强制更新
+ * GET_LOG: 获取操作记录，非空校验、格式校验、数据操作记录，返回值：object
+ * CLEAR_LOG: 清空表格操作记录
+ * CLEAR_TABLE_DATA: 清空表格数据
+ * SCROLL_TO_RECORD: 滚动到指定数据行，参数 rowKey
+ * SCROLL_TO_COLUMN: 滚动到指定表格列，参数 dataIndex
+ * CLEAR_TABLE_FOCUS: 清空表格焦点
+ */

package/lib/table/src/table/types.d.ts

@@ -0,0 +1,335 @@
+import React from 'react';
+import type { BuildInPlacements } from 'rc-trigger';
+import type { ComponentSize, CSSProperties, Nullable, IDict, AjaxResponse } from '../../../_utils/types';
+import type { IFormData, IFormItem } from '../../../form/src/types';
+export type { ITableContext } from '../context';
+export declare type IFixed = 'left' | 'right';
+export declare type IAlign = 'left' | 'center' | 'right';
+export declare type IFilterType = 'text' | 'textarea' | 'checkbox' | 'radio' | 'number' | 'date';
+export declare type IEditerType = 'text' | 'number' | 'select' | 'select-multiple' | 'checkbox' | 'switch' | 'search-helper' | 'date' | 'datetime' | 'time';
+export declare type ISelectionType = 'checkbox' | 'radio';
+export declare type IRecord<T = any> = {
+    [key: string]: T;
+};
+export declare type getRowKeyType = (row: IRecord, index: number) => string | number;
+export declare type IRowKey = ReturnType<getRowKeyType>;
+export declare const DEFAULT_DISTANCE = 10;
+export declare const DEFAULT_TRUE_VALUE = "1";
+export declare const DEFAULT_FALSE_VALUE = "0";
+export declare const EMPTY_MIN_HEIGHT = 150;
+export declare const MIN_POPPER_WIDTH = 150;
+export declare const DATE_FORMAT = "YYYY-MM-DD";
+export declare const DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+export declare const TIME_FORMAT = "HH:mm:ss";
+export declare const DEFAULT_FILENAME_FORMAT = "YYYYMMDDHHmmss";
+export declare const BUILT_IN_PLACEMENTS: BuildInPlacements;
+export declare type IClicked = [IRowKey, string] | [];
+export declare type IRowColSpan = {
+    rowSpan: number;
+    colSpan: number;
+};
+export declare enum EAlign {
+    left = "flex-start",
+    right = "flex-end"
+}
+export declare type IFormatType = 'date' | 'datetime' | 'dateShortTime' | 'percent' | 'finance' | 'secret-name' | 'secret-phone' | 'secret-IDnumber' | 'secret-bankNumber';
+export declare type IPaginationConfig = {
+    current?: number;
+    pageSize?: number;
+    total?: number;
+    pageSizeOptions?: number[];
+    showSizeChanger?: boolean;
+    showQuickJumper?: boolean;
+};
+export declare type IPagination = Required<Pick<IPaginationConfig, 'current' | 'pageSize' | 'total'>>;
+export declare type IRule = {
+    required?: boolean;
+    message?: string;
+    validator?: (value: unknown) => boolean;
+};
+export declare type IValidItem = {
+    rowKey: IRowKey;
+    dataIndex: string;
+    text: string;
+};
+export declare type IFilter = {
+    [key: string]: Record<string, any>;
+};
+export declare type ISorter = {
+    [key: string]: Nullable<string>;
+};
+export declare type ISummaries = {
+    [key: string]: number;
+};
+export declare type ISuperFilter = {
+    type: string;
+    bracketLeft: string;
+    fieldName: string;
+    expression: string;
+    value: unknown;
+    bracketRight: string;
+    logic: string;
+};
+export declare type IEditerReturn = {
+    type: IEditerType;
+    items?: Array<IDict>;
+    editable?: boolean;
+    disabled?: boolean;
+    extra?: {
+        maxLength?: number;
+        showCount?: boolean;
+        max?: number;
+        min?: number;
+        trueValue?: string | number;
+        falseValue?: string | number;
+        minDateTime?: string;
+        maxDateTime?: string;
+        text?: string;
+        disabled?: boolean;
+        allowClear?: boolean;
+    };
+    helper?: {
+        filters?: IFormItem[];
+        table?: {
+            fetch?: IFetch;
+            columns?: IColumn[];
+            rowKey?: ((row: IRecord, index: number) => IRowKey) | IRowKey;
+            webPagination?: boolean;
+        };
+        initialValue?: IFormData;
+        closeRemoteMatch?: boolean;
+        fieldAliasMap?: (() => Record<string, string>) | Record<string, string>;
+        filterAliasMap?: (() => string[]) | string[];
+        beforeOpen?: (value: Record<string, string | number>, row: IRecord, column: IColumn) => void | Promise<void> | boolean;
+        closed?: (rowData: Record<string, any>) => void;
+    };
+    rules?: IRule[];
+    onInput?: (value: Record<string, string | number>) => void;
+    onChange?: (value: Record<string, string | number>, record: IRecord) => void;
+    onEnter?: (value: Record<string, string | number>, record: IRecord) => void;
+    onClick?: () => void;
+};
+export declare type IFetchFn = (params?: Record<string, unknown>) => Promise<AjaxResponse>;
+export declare type IFetchParams = Record<string, any>;
+export declare type IFetch = {
+    api: IFetchFn;
+    params?: IFetchParams;
+    beforeFetch?: (params: IFetchParams) => boolean;
+    afterFetch?: (records: IRecord[]) => IRecord[];
+    stopToFirst?: boolean;
+    dataKey?: string;
+};
+export declare type IRowSelection = {
+    type: ISelectionType;
+    defaultSelectedRowKeys?: IRowKey[];
+    selectedRowKeys?: IRowKey[];
+    hideSelectAll?: boolean;
+    checkStrictly?: boolean;
+    filterable?: boolean;
+    clearableAfterFetched?: boolean;
+    fetchSelectedRows?: {
+        api: IFetchFn;
+        params?: IFetchParams;
+        dataKey?: string;
+    };
+    fetchAllRowKeys?: {
+        api: IFetchFn;
+        params?: IFetchParams;
+        dataKey?: string;
+    };
+    disabled?: (row: IRecord) => boolean;
+    onChange?: (rowKeys: IRowKey[], selectedRows: IRecord[]) => void;
+};
+export declare type IRowHighlight = {
+    currentRowKey?: IRowKey;
+    disabled?: (row: IRecord) => boolean;
+    onChange?: (rowKey: IRowKey, row: IRecord) => void;
+};
+export declare type IExpandable = {
+    defaultExpandAllRows?: boolean;
+    defaultExpandedRowKeys?: IRowKey[];
+    expandedRowKeys?: IRowKey[];
+    rowExpandable?: (row: IRecord) => boolean;
+    expandedRowClassName?: string;
+    expandedRowRender: (row: IRecord, rowIndex: number) => React.ReactNode;
+    onExpand?: (expand: boolean, row: IRecord) => void;
+    onChange?: (expandedKeys: IRowKey[], expandedRows: IRecord[]) => void;
+};
+export declare type ITreeConfig = {
+    defaultExpandAllRows?: boolean;
+    expandedRowKeys?: IRowKey[];
+};
+export declare type ISummation = {
+    groupItems?: Array<{
+        dataIndex: string;
+        titleIndex?: string;
+        color?: string;
+        backgroundColor?: string;
+    }>;
+    fetch?: {
+        api: IFetchFn;
+        params?: IFetchParams;
+        dataKey?: string;
+    };
+    onChange?: (summationRows: Record<string, number | string>[]) => void;
+};
+export declare type IExportExcel = {
+    fileName?: string;
+    fetch?: {
+        api: IFetchFn;
+        params?: IFetchParams;
+    };
+    cellStyle?: boolean;
+};
+export declare type ITablePrint = {
+    showLogo?: boolean;
+};
+export declare type IAuthConfig = {
+    fetch: {
+        api: IFetchFn;
+        params?: IFetchParams;
+        columnDataKey?: string;
+        exportDataKey?: string;
+        printDataKey?: string;
+    };
+};
+export declare type IColumn = {
+    dataIndex: string;
+    title: string;
+    description?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    width?: number;
+    renderWidth?: number | null;
+    fixed?: IFixed;
+    align?: IAlign;
+    printFixed?: boolean;
+    hidden?: boolean;
+    noAuth?: boolean;
+    ellipsis?: boolean;
+    className?: string;
+    children?: Array<IColumn> | Nullable<undefined>;
+    sorter?: boolean | ((a: IRecord, b: IRecord) => boolean);
+    filter?: {
+        type: IFilterType;
+        items?: Array<IDict>;
+    };
+    precision?: number;
+    formatType?: IFormatType;
+    required?: boolean;
+    editRender?: (row: IRecord, column: IColumn) => IEditerReturn;
+    dictItems?: Array<IDict>;
+    summation?: {
+        sumBySelection?: boolean;
+        displayWhenNotSelect?: boolean;
+        dataKey?: string;
+        unit?: string;
+        render?: (tableData: IRecord[]) => React.ReactNode;
+    };
+    groupSummary?: {
+        dataKey?: string;
+        unit?: string;
+        render?: () => React.ReactNode;
+    };
+    headRender?: (column: IColumn, tableData: IRecord[]) => React.ReactNode;
+    render?: (text: string | number, row: IRecord, column: IColumn, rowIndex: number, columnIndex: number) => React.ReactNode | string | number;
+};
+export declare type IDerivedColumn = IColumn & {
+    type?: string;
+    level?: number;
+    parentDataIndex?: string;
+};
+export declare type IDerivedRowKey = {
+    rowKey: IRowKey | number;
+    parentRowKey?: IRowKey;
+    children?: IDerivedRowKey[];
+};
+export declare type ITableProps = {
+    columns: IColumn[];
+    columnsChange?: (columns: IColumn[]) => void;
+    dataSource?: IRecord[];
+    rowKey: ((row: IRecord, index: number) => IRowKey) | IRowKey;
+    size?: ComponentSize;
+    height?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    border?: boolean;
+    stripe?: boolean;
+    fetch?: IFetch;
+    loading?: boolean;
+    resizable?: boolean;
+    uniqueKey?: string;
+    customClass?: string;
+    showHeader?: boolean;
+    ellipsis?: boolean;
+    rowStyle?: CSSProperties | ((row: IRecord, rowIndex: number) => CSSProperties);
+    cellStyle?: CSSProperties | ((row: IRecord, column: IColumn, rowIndex: number, columnIndex: number) => CSSProperties);
+    spanMethod?: (options: {
+        row: IRecord;
+        column: IColumn;
+        rowIndex: number;
+        columnIndex: number;
+        tableData: IRecord[];
+    }) => IRowColSpan | [number, number];
+    rowDraggable?: boolean;
+    rowSelection?: IRowSelection;
+    rowHighlight?: IRowHighlight;
+    expandable?: IExpandable;
+    summation?: ISummation;
+    footRender?: (flattenColumns: IColumn[], tableData: IRecord[]) => React.ReactNode;
+    multipleSort?: boolean;
+    scrollPagination?: boolean;
+    webPagination?: boolean;
+    paginationConfig?: IPaginationConfig;
+    showAlert?: boolean;
+    topSpaceAlign?: IAlign;
+    exportExcel?: IExportExcel;
+    tablePrint?: ITablePrint;
+    authConfig?: IAuthConfig;
+    showFullScreen?: boolean;
+    showRefresh?: boolean;
+    showSelectCollection?: boolean;
+    showSuperSearch?: boolean;
+    showGroupSummary?: boolean;
+    showColumnDefine?: boolean;
+    children?: React.ReactNode;
+    onlyShowIcon?: boolean;
+    onChange?: (pagination: IPagination, filters: IFilter, sorter: ISorter, superFilters: ISuperFilter[], extra: {
+        currentDataSource: IRecord[];
+    }) => void;
+    onDataChange?: (tableData: IRecord[]) => void;
+    onDataLoad?: (tableData: IRecord[]) => void;
+    onRowClick?: (row: IRecord, column: IColumn, event: React.MouseEvent<HTMLTableCellElement>) => void;
+    onRowDblclick?: (row: IRecord, column: IColumn, event: React.MouseEvent<HTMLTableCellElement>) => void;
+    onRowEnter?: (row: IRecord, event: KeyboardEvent) => void;
+    onScrollEnd?: (event: React.SyntheticEvent<HTMLDivElement>) => void;
+};
+export declare type TableRef = {
+    CALCULATE_HEIGHT: () => void;
+    DO_REFRESH: (cb: () => void) => Promise<void>;
+    GET_LOG: () => {
+        required: IValidItem[];
+        validate: IValidItem[];
+        inserted: IValidItem[];
+        updated: IValidItem[];
+        removed: IValidItem[];
+    };
+    GET_FETCH_PARAMS: () => IFetchParams;
+    CLEAR_TABLE_DATA: () => void;
+    CLEAR_LOG: () => void;
+    FORCE_UPDATE: () => void;
+    CLEAR_TABLE_FOCUS: () => void;
+    SCROLL_TO_RECORD: (rowKey: IRowKey) => void;
+    SCROLL_TO_COLUMN: (dataIndex: string) => void;
+    INSERT_RECORDS: <T extends IRecord>(records: T | T[]) => void;
+    REMOVE_RECORDS: <T extends IRecord | IRowKey>(records: T | T[]) => void;
+    FORM_VALIDATE: () => {
+        required: IValidItem[];
+        validate: IValidItem[];
+    };
+};
+export declare type TableBodyRef = {
+    renderCellTitle: (column: IColumn, row: IRecord, rowIndex: number, columnIndex: number) => string;
+    setClickedValues: (clicked: IClicked) => void;
+    forceUpdate: () => void;
+};

package/lib/table/src/utils/index.d.ts

@@ -0,0 +1,37 @@
+import dayjs, { Dayjs } from 'dayjs';
+import { hasOwn } from '../../../_utils/util';
+import type { IColumn, IDerivedRowKey, IRecord, IRowKey, ISorter } from '../table/types';
+import type { Nullable, AnyObject, JSXElement } from '../../../_utils/types';
+export { hasOwn };
+export declare const columnsFlatMap: (columns: IColumn[]) => IColumn[];
+export declare const createFilterColumns: (columns: IColumn[]) => IColumn[];
+export declare const getAllColumns: (columns: IColumn[]) => IColumn[];
+export declare const mapTableColumns: (columns: IColumn[], callback?: ((column: IColumn) => void) | undefined) => IColumn[];
+export declare const deepFindColumn: (columns: IColumn[], mark: IRowKey) => Nullable<IColumn>;
+export declare const findFirstColumn: (column: IColumn) => IColumn;
+export declare const findLastColumn: (column: IColumn) => IColumn;
+export declare const filterTableColumns: (columns: IColumn[], marks: string[]) => IColumn[];
+export declare const deepFindRowKey: (rowKeys: IDerivedRowKey[], mark: IRowKey) => Nullable<IDerivedRowKey>;
+export declare const tableDataFlatMap: (list: IRecord[]) => IRecord[];
+export declare const getAllTableData: (list: IRecord[]) => IRecord[];
+export declare const convertToRows: (columns: IColumn[]) => IColumn[][];
+export declare const getNodeOffset: (el: Nullable<HTMLElement>, container: HTMLElement, rest?: {
+    left: number;
+    top: number;
+}) => any;
+export declare const parseHeight: (height: number | string) => Nullable<number | string>;
+export declare const difference: <T extends AnyObject<any>>(obj: T, base: T) => T;
+export declare const isArrayContain: (targetArr: unknown[], arr: unknown[]) => boolean;
+export declare const getCellValue: (record: IRecord, dataIndex: string) => any;
+export declare const setCellValue: (record: IRecord, dataIndex: string, val: unknown, precision?: number | undefined) => void;
+export declare const formatNumber: (value: number | string) => string;
+export declare const validateNumber: (val: string) => boolean;
+export declare const stringToNumber: (input: string) => number | '';
+export declare const getDate: (dateString: string | undefined, format: string) => dayjs.Dayjs | null;
+export declare const formatDate: (date: Dayjs | null, format: string) => string;
+export declare const createUidKey: (key?: string) => string;
+export declare const getVNodeText: <T extends string | number>(val: JSXElement | T) => T[];
+export declare const getGroupValidData: (list: IRecord[]) => IRecord<any>[];
+export declare const createOrderBy: (sorter: ISorter) => string;
+export declare const createWhereSQL: (filters: any, showType?: boolean) => string;
+export declare const groupByProps: (array?: IRecord[], props?: string[]) => any[][];

package/lib/table/style/alert.less

@@ -0,0 +1,34 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2020-03-18 10:26:46
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-12-28 21:55:44
+ */
+@prefix-table: ~'@{qm-prefix}-table';
+
+.@{prefix-table}__alert {
+  display: flex;
+  align-items: center;
+  position: relative;
+  margin-right: @v-module-distance;
+  padding: 0 6px 0 30px;
+  border: 1px solid @v-table-border-color;
+  border-radius: @v-border-radius;
+  background-color: @v-table-header-background-color;
+  .box-sizing-content();
+  .icon {
+    position: absolute;
+    left: @v-module-distance;
+    line-height: 1;
+    font-size: 1.05em;
+    color: @v-primary-color;
+  }
+  em {
+    display: inline-block;
+    color: @v-primary-color;
+    padding: 0 @v-module-distance;
+    margin-right: -5px;
+    font-style: normal;
+    cursor: pointer;
+  }
+}