@jiaozhiye/qm-design-react 1.4.0-beta.2 → 1.4.0-beta.21

package/lib/style/mixins/reset.less

@@ -6,12 +6,11 @@
  */
 @import '../themes/index';
 
-.reset-component() {
+.reset-container() {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: @--text-color;
-  font-size: @--font-size-base;
   font-variant: @font-variant-base;
   line-height: @--line-height-base;
   list-style: none;

package/lib/style/themes/compact.less

@@ -2,295 +2,18 @@
  * @Author: 焦质晔
  * @Date: 2022-11-26 18:06:56
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 21:14:57
+ * @Last Modified time: 2023-01-07 14:06:12
  */
-@line-height-base: 1.66667;
-@font-size-base: 12px;
-@font-size-lg: @font-size-base + 2px;
-
-// default paddings
-@default-padding-lg: 24px; // containers
-@default-padding-md: 16px; // small containers and buttons
-@default-padding-sm: 12px; // Form controls and items
-@default-padding-xs: 8px; // small items
-@default-padding-xss: 4px; // more small
-
-// vertical paddings
-@padding-lg: 16px; // containers
-@padding-md: 8px; // small containers and buttons
-@padding-sm: 8px; // Form controls and items
-@padding-xs: 4px; // small items
-@padding-xss: 0px; // more small
-
-// vertical padding for all form controls
-@control-padding-horizontal: @padding-sm;
-@control-padding-horizontal-sm: @default-padding-xs;
-
-// vertical margins
-@margin-lg: 16px; // containers
-@margin-md: 8px; // small containers and buttons
-@margin-sm: 8px; // Form controls and items
-@margin-xs: 4px; // small items
-@margin-xss: 0px; // more small
-
 // height rules
 @height-base: 32px;
 @height-lg: 40px;
 @height-sm: 24px;
 
-// Button
-// ---
-@btn-padding-horizontal-base: @default-padding-sm - 1px;
-@btn-padding-horizontal-lg: @btn-padding-horizontal-base;
-@btn-padding-horizontal-sm: @default-padding-xs - 1px;
-@btn-square-only-icon-size-lg: 16px;
-@btn-square-only-icon-size: 14px;
-@btn-square-only-icon-size-sm: 12px;
-
-// Breadcrumb
-// ---
-@breadcrumb-font-size: @font-size-base;
-@breadcrumb-icon-font-size: @font-size-base;
-
 // Dropdown
-@dropdown-line-height: 22px;
+@dropdown-line-height: 18px;
 
 // Menu
-@menu-item-padding: 0 12px;
-@menu-horizontal-line-height: 38px;
-@menu-inline-toplevel-item-height: 32px;
-@menu-item-height: 32px;
-@menu-item-vertical-margin: 0px;
-@menu-item-boundary-margin: 0px;
-@menu-icon-margin-right: 8px;
-
-// Checkbox
-@checkbox-size: 14px;
-@checkbox-group-item-margin-right: 6px;
-
-// Picker
-@picker-panel-cell-height: 22px;
-@picker-panel-cell-width: 32px;
-@picker-text-height: 32px;
-@picker-time-panel-cell-height: 24px;
-@picker-panel-without-time-cell-height: 48px;
+@menu-item-font-size: 13px;
 
 // Form
-// ---
-@form-item-margin-bottom: 16px;
-@form-vertical-label-padding: 0 0 4px;
 @form-item-label-colon-margin-right: 4px;
-
-// Rate
-// ---
-@rate-star-size: 16px;
-
-// Radio
-// ---
-@radio-size: 14px;
-@radio-wrapper-margin-right: 6px;
-
-// Switch
-// ---
-@switch-height: 20px;
-@switch-sm-height: 14px;
-@switch-min-width: 40px;
-@switch-sm-min-width: 24px;
-@switch-inner-margin-min: 4px;
-@switch-inner-margin-max: 22px;
-
-// Slider
-// ---
-@slider-handle-size: 12px;
-@slider-handle-margin-top: -4px;
-
-// Input
-// ---
-@input-padding-vertical-base: round(
-  max((round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) - @border-width-base, 2px)
-);
-@input-padding-horizontal-lg: 11px;
-
-// PageHeader
-// ---
-@page-header-padding: 16px;
-@page-header-padding-vertical: 8px;
-@page-header-heading-title: 16px;
-@page-header-heading-sub-title: 12px;
-@page-header-tabs-tab-font-size: 14px;
-
-// Pagination
-// ---
-@pagination-mini-options-size-changer-top: 1px;
-@pagination-item-size-sm: 22px;
-
-// Cascader
-// ----
-@cascader-dropdown-line-height: @dropdown-line-height;
-
-// Select
-// ---
-@select-dropdown-height: @height-base;
-@select-single-item-height-lg: 32px;
-@select-multiple-item-height: @input-height-base - max(@input-padding-vertical-base, 4) * 2; // Normal 24px
-@select-multiple-item-height-lg: 24px;
-@select-multiple-item-spacing-half: 3px;
-
-// Tree
-// ---
-@tree-title-height: 20px;
-
-// Transfer
-// ---
-@transfer-item-padding-vertical: 3px;
-@transfer-list-search-icon-top: 8px;
-@transfer-header-height: 36px;
-
-// Comment
-// ---
-@comment-actions-margin-bottom: 0px;
-@comment-actions-margin-top: @margin-xs;
-@comment-content-detail-p-margin-bottom: 0px;
-
-// Steps
-// ---
-@steps-icon-size: 24px;
-@steps-icon-custom-size: 20px;
-@steps-icon-custom-font-size: 20px;
-@steps-icon-custom-top: 2px;
-@steps-icon-margin: 2px 8px 2px 0;
-@steps-icon-font-size: @font-size-base;
-@steps-dot-top: 4px;
-@steps-icon-top: 0px;
-@steps-small-icon-size: 20px;
-@steps-vertical-icon-width: 12px;
-@steps-vertical-tail-width: 12px;
-@steps-vertical-tail-width-sm: 10px;
-
-// Collapse
-// ---
-@collapse-content-padding: @padding-md @padding-lg;
-
-// List
-// ---
-@list-item-meta-description-font-size: @font-size-sm;
-@list-item-padding-sm: 4px 12px;
-@list-item-padding-lg: 12px 16px;
-
-// Drawer
-// ---
-@drawer-header-padding: 11px @padding-lg;
-@drawer-footer-padding-vertical: @padding-sm;
-@drawer-footer-padding-horizontal: @padding-sm;
-@drawer-header-close-size: 44px;
-
-// Modal
-// --
-@modal-header-padding-vertical: 11px;
-@modal-header-padding: @modal-header-padding-vertical @modal-header-padding-horizontal;
-@modal-footer-padding-vertical: @padding-sm;
-@modal-header-close-size: @modal-header-title-line-height + 2 * @modal-header-padding-vertical;
-@modal-confirm-body-padding: 24px 24px 16px;
-
-// Message
-// ---
-@message-notice-content-padding: 8px 16px;
-
-// popover
-// --
-@popover-min-height: 28px;
-@popover-padding-horizontal: @default-padding-sm;
-
-// Card
-// ---
-@card-padding-base: 16px;
-@card-head-height: 36px;
-@card-head-font-size: @card-head-font-size-sm;
-@card-head-padding: 8.5px;
-@card-padding-base: 12px;
-@card-padding-base-sm: @card-padding-base;
-@card-head-height-sm: 30px;
-@card-head-padding-sm: 6px;
-@card-actions-li-margin: 4px 0;
-@card-head-tabs-margin-bottom: -9px;
-
-// Table
-// ---
-@table-padding-vertical: 12px;
-@table-padding-horizontal: 8px;
-@table-padding-vertical-md: 8px;
-@table-padding-horizontal-md: 8px;
-@table-padding-vertical-sm: 4px;
-@table-padding-horizontal-sm: 4px;
-@table-selection-column-width: 32px;
-
-// Statistic
-// ---
-@statistic-content-font-size: 20px;
-
-// Alert
-// ---
-@alert-with-description-no-icon-padding-vertical: 7px;
-@alert-with-description-padding-vertical: 11px;
-@alert-icon-top: 7px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2);
-@alert-with-description-icon-size: 20px;
-
-// Skeleton
-// ---
-@skeleton-paragraph-margin-top: 20px;
-@skeleton-paragraph-li-margin-top: 12px;
-@skeleton-paragraph-li-height: 14px;
-@skeleton-title-height: 14px;
-@skeleton-title-paragraph-margin-top: 20px;
-
-// Descriptions
-@descriptions-title-margin-bottom: 8px;
-@descriptions-default-padding: 12px @padding-lg;
-@descriptions-item-padding-bottom: @padding-xs;
-
-// Avatar
-// ---
-@avatar-size-base: 28px;
-@avatar-size-lg: 32px;
-@avatar-size-sm: 22px;
-@avatar-font-size-base: 16px;
-@avatar-font-size-lg: 20px;
-@avatar-font-size-sm: 12px;
-
-// Badge
-// ---
-@badge-height: 18px;
-
-// Tag
-// ---
-@tag-line-height: 18px;
-
-// Notification
-// ---
-@notification-padding-vertical: 12px;
-@notification-padding-horizontal: 16px;
-
-// Result
-// ---
-@result-title-font-size: 20px;
-@result-icon-font-size: 64px;
-@result-extra-margin: 24px 0 0 0;
-
-// Anchor
-// ---
-@anchor-link-top: 4px;
-@anchor-link-left: 16px;
-@anchor-link-padding: @anchor-link-top 0 @anchor-link-top @anchor-link-left;
-
-// Tabs
-// ---
-@tabs-card-horizontal-padding: 4px @padding-md;
-
-// Progress
-// ---
-@progress-circle-text-font-size: 0.833333em;
-
-// Image
-// ---
-@image-size-base: 48px;
-@image-font-size-base: 24px;

package/lib/style/themes/default.less

@@ -2,7 +2,7 @@
  * @Author: 焦质晔
  * @Date: 2021-07-23 18:25:34
  * @Last Modified by: 焦质晔
- * @Last Modified time: 2022-11-26 23:33:09
+ * @Last Modified time: 2023-03-28 11:42:59
  */
 // The prefix to use on all css classes from qm.
 @qm-prefix: qm;
@@ -114,3 +114,4 @@
 
 // antd
 @blue-base: @--primary-color;
+@input-disabled-color: @--text-color-secondary-dark;

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

@@ -22,7 +22,7 @@ export declare type ITableContext = {
     showFooter: boolean;
     showSummary: boolean;
     summationRows: Record<string, number | string>[];
-    scrollX: boolean;
+    scrollX: ITableState['scrollX'];
     scrollY: ITableState['scrollY'];
     pagination: IPagination;
     fetchParams: IFetchParams;
@@ -54,8 +54,8 @@ export declare type ITableContext = {
     setRowExpandedKeys: (rowKeys: IRowKey[]) => void;
     setSelectionRows: (records: IRecord[]) => void;
     getSpan: (row: IRecord, column: IColumn, rowIndex: number, columnIndex: number, tableData: IRecord[]) => IRowColSpan;
-    getStickyLeft: (rowKey: IRowKey) => number;
-    getStickyRight: (rowKey: IRowKey) => number;
+    getStickyLeft: (dataIndex: string) => number;
+    getStickyRight: (dataIndex: string) => number;
     scrollXToColumn: (dataIndex: string, index?: number) => void;
     scrollYToRecord: (rowKey: IRowKey, index?: number) => void;
     rowInViewport: (index: number) => boolean;

package/lib/table/src/edit/InputNumber.d.ts

@@ -11,12 +11,14 @@ declare type INumberProps = {
     placeholder?: string;
     maxLength?: number;
     precision?: number;
+    stringMode?: boolean;
     allowClear?: boolean;
     readOnly?: boolean;
     disabled?: boolean;
     formatter?: (value: number | string) => string;
     parser?: (value: string) => string;
     onChange?: (value: number | string) => void;
+    onFocus?: () => void;
     onBlur?: (value: string, beforeFormatValue: string) => void;
     onEnter?: (value: string, beforeFormatValue: string) => void;
 };

package/lib/table/src/hooks/useImperativeMethod.d.ts

@@ -6,7 +6,6 @@ declare type IExtra = {
     tableProps: ITableProps;
     tableRef: React.MutableRefObject<ITableRef>;
     toolBoxRef: React.RefObject<ToolBoxRef>;
-    columns: IColumn[];
     flattenColumns: IColumn[];
     editableColumns: IColumn[];
     pagination: IPagination;
@@ -17,6 +16,7 @@ declare type IExtra = {
     isFetch: boolean;
     dataChange: () => void;
     getTableData: () => Promise<void>;
+    handleTableData: (records: IRecord[]) => void;
     createTableData: (records: IRecord[]) => void;
     calcTableHeight: () => void;
     scrollXToColumn: (dataIndex: string, index?: number) => void;
@@ -28,6 +28,7 @@ declare type IExtra = {
     setRowExpandedKeys: (rowKeys: IRowKey[]) => void;
     setHighlightKey: (rowKey: IRowKey) => void;
     setSelectionRows: (records: IRecord[]) => void;
+    setOriginColumns: (columns: IColumn[]) => void;
     getTableLog: () => {
         required: IValidItem[];
         validate: IValidItem[];

package/lib/table/src/hooks/useTableCore.d.ts

@@ -58,6 +58,7 @@ declare const useTableCore: <T extends ITableProps>(props: T, extra: IExtra) =>
     initialTable: () => void;
     createTableFullData: (list: IRecord[]) => void;
     getTableData: () => Promise<void>;
+    handleTableData: (dataList: IRecord[]) => void;
     createTableData: (list: IRecord[]) => void;
     createGroupData: (list: IRecord[]) => IRecord<any>[];
     createSelectionKeys: (rowKeys?: IRowKey[]) => (string | number)[];

package/lib/table/src/hooks/useTableEffect.d.ts

@@ -1,18 +1,21 @@
 import React from 'react';
 import type { ITableRef } from './useTableRef';
 import type { TableBodyRef, IColumn, IPagination, IRecord, IRowKey, ITableProps, IMergeCell } from '../table/types';
+import type { ComponentSize } from '../../../_utils/types';
 declare type IExtra = {
     tableRef: React.MutableRefObject<ITableRef>;
     topElementRef: React.RefObject<HTMLDivElement>;
     tableElementRef: React.RefObject<HTMLDivElement>;
     tableBodyRef: React.RefObject<TableBodyRef>;
     resizableBarRef: React.RefObject<HTMLDivElement>;
+    $size: ComponentSize;
     scrollX: boolean;
     pagination: IPagination;
     selectionKeys: IRowKey[];
     rowExpandedKeys: IRowKey[];
     highlightKey: IRowKey;
     summationRows: Record<string, number | string>[];
+    summationColumns: IColumn[];
     showSummary: boolean;
     isWebPagination: boolean;
     isScrollPagination: boolean;

package/lib/table/src/hooks/useTableLayout.d.ts

@@ -32,8 +32,8 @@ declare const useTableLayout: <T extends ITableProps>(props: T, extra: IExtra) =
         rowSpan: number;
         colSpan: number;
     };
-    getStickyLeft: (rowKey: IRowKey) => number;
-    getStickyRight: (rowKey: IRowKey) => number;
+    getStickyLeft: (dataIndex: string) => number;
+    getStickyRight: (dataIndex: string) => number;
     scrollXToColumn: (dataIndex: string, index?: number) => void;
     scrollYToRecord: (rowKey: IRowKey, index?: number) => void;
     rowInViewport: (index: number) => boolean;

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

@@ -16,15 +16,17 @@ import type { ITableProps } from './types';
  *     readOnly: PropTypes.bool,
  *     max: PropTypes.number,
  *     min: PropTypes.number,
+ *     stringMode: PropTypes.bool,
  *     trueValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  *     falseValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  *     minDateTime: PropTypes.string,
  *     maxDateTime: PropTypes.string,
- *     text: PropTypes.string,
+ *     format: PropTypes.string,
  *     placeholder: PropTypes.string,
  *     disabled: PropTypes.bool, // 表单禁用状态
  *     filterable: PropTypes.bool,
  *     allowClear: PropTypes.bool,
+ *     listHeight: PropTypes.number,
  *     collapseTags: PropTypes.bool,
  *     maxTagTextLength: PropTypes.number,
  *     cornerSign: PropTypes.bool,
@@ -37,7 +39,8 @@ import type { ITableProps } from './types';
  *     tree: PropTypes.object,
  *     initialValue: PropTypes.object,
  *     width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- *     closeRemoteMatch: PropTypes.bool,
+ *     onlySelect: PropTypes.bool,
+ *     autoQueryAssign: PropTypes.bool,
  *     fieldAliasMap: PropTypes.func,
  *     filterAliasMap: PropTypes.func,
  *     beforeOpen: PropTypes.func,
@@ -128,7 +131,6 @@ export declare const propTypes: {
     loading: PropTypes.Requireable<boolean>;
     resizable: PropTypes.Requireable<boolean>;
     uniqueKey: PropTypes.Requireable<string>;
-    authCode: PropTypes.Requireable<string>;
     customClass: PropTypes.Requireable<string>;
     showHeader: PropTypes.Requireable<boolean>;
     ellipsis: PropTypes.Requireable<boolean>;
@@ -215,6 +217,7 @@ export declare const propTypes: {
             api: PropTypes.Validator<(...args: any[]) => any>;
             params: PropTypes.Requireable<object>;
         }>>;
+        beforeExport: PropTypes.Requireable<(...args: any[]) => any>;
         cellStyle: PropTypes.Requireable<boolean>;
         hideIcon: PropTypes.Requireable<boolean>;
     }>>;
@@ -225,15 +228,18 @@ export declare const propTypes: {
         fetch: PropTypes.Requireable<PropTypes.InferProps<{
             api: PropTypes.Validator<(...args: any[]) => any>;
             params: PropTypes.Requireable<object>;
-            columnDataKey: PropTypes.Requireable<string>;
-            exportDataKey: PropTypes.Requireable<string>;
-            importDataKey: PropTypes.Requireable<string>;
-            printDataKey: PropTypes.Requireable<string>;
+            dataKey: PropTypes.Requireable<string>;
         }>>;
+        fieldList: PropTypes.Requireable<(object | null | undefined)[]>;
+    }>>;
+    infoBarConfig: PropTypes.Requireable<PropTypes.InferProps<{
+        position: PropTypes.Requireable<string>;
+        hideAlert: PropTypes.Requireable<boolean>;
+        hideClearButton: PropTypes.Requireable<boolean>;
     }>>;
     topSpaceAlign: PropTypes.Requireable<string>;
-    showAlert: PropTypes.Requireable<boolean>;
-    alertPosition: PropTypes.Requireable<string>;
+    beforeClipboard: PropTypes.Requireable<(...args: any[]) => any>;
+    beforeTableImport: PropTypes.Requireable<(...args: any[]) => any>;
     showFullScreen: PropTypes.Requireable<boolean>;
     showRefresh: PropTypes.Requireable<boolean>;
     showTableImport: PropTypes.Requireable<boolean>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { BuildInPlacements } from 'rc-trigger';
-import type { ComponentSize, CSSProperties, Nullable, IDict, AjaxResponse } from '../../../_utils/types';
+import type { ComponentSize, CSSProperties, Nullable, IDict, IAuth, AjaxResponse } from '../../../_utils/types';
 import type { IFormData, IFormItem } from '../../../form/src/types';
 export type { ITableContext } from '../context';
 export declare type IFixed = 'left' | 'right';
@@ -93,10 +93,12 @@ export declare type IEditerReturn = {
         showCount?: boolean;
         max?: number;
         min?: number;
+        stringMode?: boolean;
         trueValue?: string | number;
         falseValue?: string | number;
         minDateTime?: string;
         maxDateTime?: string;
+        format?: string;
         prefix?: React.ReactNode;
         suffix?: React.ReactNode;
         placeholder?: string;
@@ -104,6 +106,7 @@ export declare type IEditerReturn = {
         disabled?: boolean;
         filterable?: boolean;
         allowClear?: boolean;
+        listHeight?: number;
         collapseTags?: boolean;
         maxTagTextLength?: number;
         cornerSign?: boolean;
@@ -130,6 +133,8 @@ export declare type IEditerReturn = {
         };
         width?: number | string;
         initialValue?: IFormData;
+        onlySelect?: boolean;
+        autoQueryAssign?: boolean;
         closeRemoteMatch?: boolean;
         fieldAliasMap?: (() => Record<string, string>) | Record<string, string>;
         filterAliasMap?: (() => string[]) | string[];
@@ -224,6 +229,7 @@ export declare type IExportExcel = {
         api: IFetchFn;
         params?: IFetchParams;
     };
+    beforeExport?: (records: IRecord[]) => IRecord[];
     cellStyle?: boolean;
     hideIcon?: boolean;
 };
@@ -231,14 +237,20 @@ export declare type ITablePrint = {
     showLogo?: boolean;
 };
 export declare type IAuthConfig = {
-    fetch: {
+    fetch?: {
         api: IFetchFn;
         params?: IFetchParams;
-        columnDataKey?: string;
-        exportDataKey?: string;
-        importDataKey?: string;
-        printDataKey?: string;
+        dataKey?: string;
     };
+    fieldList?: IAuth[];
+    isExport?: number;
+    isImport?: number;
+    isPrint?: number;
+};
+export declare type IAlertConfig = {
+    position?: 'top' | 'bottom';
+    hideAlert?: boolean;
+    hideClearButton?: boolean;
 };
 export declare type IColumn = {
     dataIndex: string;
@@ -314,7 +326,6 @@ export declare type ITableProps = {
     loading?: boolean;
     resizable?: boolean;
     uniqueKey?: string;
-    authCode?: string;
     customClass?: string;
     showHeader?: boolean;
     ellipsis?: boolean;
@@ -341,12 +352,17 @@ export declare type ITableProps = {
     scrollPagination?: boolean;
     webPagination?: boolean;
     paginationConfig?: IPaginationConfig;
-    showAlert?: boolean;
-    alertPosition?: 'top' | 'bottom';
     topSpaceAlign?: IAlign;
     exportExcel?: IExportExcel;
     tablePrint?: ITablePrint;
     authConfig?: IAuthConfig;
+    infoBarConfig?: IAlertConfig;
+    /** @deprecated use `infoBarConfig` instead, and it will be deprecated in the next major version */
+    showAlert?: boolean;
+    /** @deprecated use `infoBarConfig` instead, and it will be deprecated in the next major version */
+    alertPosition?: 'top' | 'bottom';
+    beforeClipboard?: (records: string[][], columnKeys: string[]) => string[][] | Promise<string[][]>;
+    beforeTableImport?: (records: IRecord[]) => IRecord[] | Promise<IRecord[]>;
     showFullScreen?: boolean;
     showRefresh?: boolean;
     showTableImport?: boolean;
@@ -391,13 +407,15 @@ export declare type TableRef = {
     SCROLL_TO_COLUMN: (dataIndex: string) => void;
     SET_SELECTION: (rowKeys: IRowKey[]) => void;
     SET_SELECTION_ROWS: (records: IRecord[]) => void;
+    SET_TABLE_DATA: (records: IRecord[]) => void;
     SET_TABLE_COLUMN: (dataIndex: string, option: Record<string, any>, forceUpdate?: boolean) => void;
+    DEFINE_INITIAL_COLUMNS: (columns: IColumn[]) => void;
     INSERT_RECORDS: <T extends IRecord>(records: T | T[], option?: {
         mode?: InsertMode;
         parentRowKey?: IRowKey;
     }) => void;
     REMOVE_RECORDS: <T extends IRecord | IRowKey>(records: T | T[]) => void;
-    VALIDATE_FIELDS: () => {
+    VALIDATE_FIELDS: (rowKeys?: IRowKey[], dataIndexes?: string[]) => {
         required: IValidItem[];
         validate: IValidItem[];
     };

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

@@ -7,7 +7,7 @@ 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 deepFindColumn: (columns: IColumn[], mark: string) => 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[];
@@ -24,12 +24,13 @@ export declare const difference: <T extends AnyObject<any>>(obj: T, base: 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) => void;
+export declare const getSplitValue: (record: IRecord, key: string) => any;
 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 createUidKey: (prefix?: 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;

package/lib/table/style/clipboard.less

@@ -21,6 +21,7 @@
   &__setting {
     .info {
       padding-left: 20px;
+      margin-bottom: 6px;
       font-size: @v-font-size-small;
       color: @v-font-secondary-dark-color;
     }

package/lib/table/style/export.less

@@ -19,7 +19,7 @@
     color: @v-primary-color;
   }
   &__setting {
-    .qm-form--sm .qm-table-column-filter {
+    .@{qm-prefix}-form--sm .@{qm-prefix}-table-column-filter {
       font-size: @v-font-size-small;
     }
   }

package/lib/table/style/fast-search.less

@@ -34,8 +34,8 @@
       .container {
         flex: 1;
         width: 0;
-        .qm-tabs {
-          margin-top: -@v-module-distance;
+        .@{qm-prefix}-tabs {
+          margin-top: -5px;
         }
       }
       .saved {
@@ -103,6 +103,7 @@
       justify-content: space-between;
       align-items: center;
       padding: 10px 5px;
+      margin-top: 10px;
       border-top: 1px dashed @--border-color-base;
     }
   }

package/lib/table/style/size.less

@@ -5,6 +5,7 @@
  * @Last Modified time: 2021-12-28 13:59:08
  */
 @prefix-table: ~'@{qm-prefix}-table';
+
 .@{prefix-table} {
   // 42 34 26
   &--wrapper {