pro-design-vue 1.3.20 → 1.3.22

package/lib/components/table/src/components/Table.d.ts

@@ -190,10 +190,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: undefined;
     };
+    selectRowByClick: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     expandIcon: {
         type: import("vue").PropType<import("./interface").RenderExpandIcon<import("./interface").DefaultRecordType>>;
         default: undefined;
     };
+    expandIconType: {
+        type: import("vue").PropType<import("./interface").ExpandIconType>;
+        default: undefined;
+    };
     onExpand: {
         type: import("vue").PropType<(expanded: boolean, record: import("./interface").DefaultRecordType) => void>;
         default: undefined;
@@ -259,6 +267,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }) => Record<string, any>>;
         default: () => {};
     };
+    editableKeys: {
+        type: import("vue").PropType<Key[]>;
+        default: undefined;
+    };
+    rowEditable: {
+        type: import("vue").PropType<import("./interface").RowEditableConfig<import("./interface").DefaultRecordType>>;
+        default: undefined;
+    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -431,6 +447,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: undefined;
     };
+    editableCellState: {
+        type: import("vue").PropType<import("./interface").EditableCellType<import("./interface").DefaultRecordType>>;
+    };
     paginationSticky: {
         type: import("vue").PropType<boolean | import("./interface").BottomSticky>;
         default: boolean;
@@ -484,6 +503,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(opt: import("pro-design-vue").CellRenderArgs) => void>;
         default: undefined;
     };
+    onDataChange: {
+        type: import("vue").PropType<(dataSource: import("./interface").DefaultRecordType[]) => void>;
+    };
+    onRowValidate: {
+        type: import("vue").PropType<(TablePromiseErrorData: any) => void>;
+    };
+    onValidate: {
+        type: import("vue").PropType<(TablePromiseErrorData: any) => void>;
+    };
     'onUpdate:pagination': {
         type: import("vue").PropType<(info: import("pro-design-vue").ProTablePaginationConfig) => void>;
     };
@@ -685,10 +713,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: undefined;
     };
+    selectRowByClick: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     expandIcon: {
         type: import("vue").PropType<import("./interface").RenderExpandIcon<import("./interface").DefaultRecordType>>;
         default: undefined;
     };
+    expandIconType: {
+        type: import("vue").PropType<import("./interface").ExpandIconType>;
+        default: undefined;
+    };
     onExpand: {
         type: import("vue").PropType<(expanded: boolean, record: import("./interface").DefaultRecordType) => void>;
         default: undefined;
@@ -754,6 +790,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }) => Record<string, any>>;
         default: () => {};
     };
+    editableKeys: {
+        type: import("vue").PropType<Key[]>;
+        default: undefined;
+    };
+    rowEditable: {
+        type: import("vue").PropType<import("./interface").RowEditableConfig<import("./interface").DefaultRecordType>>;
+        default: undefined;
+    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -926,6 +970,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: undefined;
     };
+    editableCellState: {
+        type: import("vue").PropType<import("./interface").EditableCellType<import("./interface").DefaultRecordType>>;
+    };
     paginationSticky: {
         type: import("vue").PropType<boolean | import("./interface").BottomSticky>;
         default: boolean;
@@ -979,6 +1026,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(opt: import("pro-design-vue").CellRenderArgs) => void>;
         default: undefined;
     };
+    onDataChange: {
+        type: import("vue").PropType<(dataSource: import("./interface").DefaultRecordType[]) => void>;
+    };
+    onRowValidate: {
+        type: import("vue").PropType<(TablePromiseErrorData: any) => void>;
+    };
+    onValidate: {
+        type: import("vue").PropType<(TablePromiseErrorData: any) => void>;
+    };
     'onUpdate:pagination': {
         type: import("vue").PropType<(info: import("pro-design-vue").ProTablePaginationConfig) => void>;
     };
@@ -1089,7 +1145,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     defaultExpandedRowKeys: Key[];
     expandedRowRender: import("./interface").ExpandedRowRender<import("./interface").DefaultRecordType>;
     expandRowByClick: boolean;
+    selectRowByClick: boolean;
     expandIcon: import("./interface").RenderExpandIcon<import("./interface").DefaultRecordType>;
+    expandIconType: import("./interface").ExpandIconType;
     onExpand: (expanded: boolean, record: import("./interface").DefaultRecordType) => void;
     onExpandedRowsChange: (expandedKeys: Key[]) => void;
     defaultExpandAllRows: boolean;
@@ -1113,6 +1171,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         column: import("pro-design-vue").ProTableColumnType<import("./interface").DefaultRecordType>;
         columnIndex: number;
     }) => Record<string, any>;
+    editableKeys: Key[];
+    rowEditable: import("./interface").RowEditableConfig<import("./interface").DefaultRecordType>;
     showHeader: boolean;
     showSorterTooltip: boolean | Partial<import("vue").ExtractPropTypes<{
         title: import("node_modules/vue-types/dist/index").VueTypeValidableDef<any>;

package/lib/components/table/src/components/context/TableContext.d.ts

@@ -7,7 +7,7 @@ import type { FlattenRecordsType } from '../../hooks/useFlattenRecords';
 import type { FlattenAllRecordsType } from '../../hooks/useKVMap';
 import type { SelectionsRes } from '../../hooks/useRowSelection';
 import type { SortState } from '../../hooks/useSorter';
-import type { ColumnsType, DragColumnEventInfo, DragRowEventInfo, ExpandType, GetPopupContainer, GetRowKey, Key, Position, SummaryFixed, ProTableProps, TableLocale, TableRowSelection, TriggerEventHandler } from '../interface';
+import type { ColumnsType, DragColumnEventInfo, DragRowEventInfo, ExpandType, GetPopupContainer, GetRowKey, Key, Position, SummaryFixed, ProTableProps, TableLocale, TableRowSelection, TriggerEventHandler, ExpandIconType } from '../interface';
 type PaginationPos = {
     bottom?: 'left' | 'right';
     top?: 'left' | 'right';
@@ -47,6 +47,7 @@ export interface TableContextProps extends CalType, UseColumnsType, FlattenRecor
     onTriggerExpand: TriggerEventHandler<any>;
     childrenColumnName: Ref<string>;
     expandType: Ref<ExpandType>;
+    expandIconType: ComputedRef<ExpandIconType>;
     supportSticky: boolean;
     mergedRowSelection: Ref<TableRowSelection>;
     getPopupContainer: Ref<GetPopupContainer>;
@@ -74,6 +75,10 @@ export interface TableContextProps extends CalType, UseColumnsType, FlattenRecor
     bottomPaginationHeight: Ref<number>;
     pos: ComputedRef<PaginationPos>;
     rootRef: Ref<HTMLDivElement | undefined>;
+    cancelEditable: (recordKey: Key) => boolean;
+    startEditable: (recordKey: Key, recordValue?: any) => boolean;
+    saveEditable: (recordKey: Key) => Promise<boolean>;
+    isEditable: (recordKey: Key) => boolean;
 }
 export declare const TableContextKey: InjectionKey<TableContextProps>;
 export declare const useProvideTable: (props: TableContextProps) => void;

package/lib/components/table/src/components/interface.d.ts

@@ -133,6 +133,7 @@ export interface RenderExpandIconProps<RecordType> {
     onExpand: TriggerEventHandler<RecordType>;
 }
 export type RenderExpandIcon<RecordType> = (props: RenderExpandIconProps<RecordType>) => any;
+export type ExpandIconType = 'default' | 'arrow';
 export type SelectionItemSelectFn = (currentRowKeys: Key[]) => void;
 export interface SelectionItem {
     key: string;
@@ -169,6 +170,60 @@ type GetComponentProps<DataType> = (data: DataType, index?: number) => Omit<HTML
 };
 export type ResizeActionType = 'start' | 'move' | 'end';
 export type SummaryFixed = boolean | 'top' | 'bottom';
+export interface ValueParserParams<RecordType = DefaultRecordType, TValue = any> {
+    newValue: TValue;
+    oldValue: TValue;
+    record: RecordType;
+    recordIndexs: number[];
+    column: ColumnType<RecordType>;
+}
+export interface EditableValueParams<RecordType = DefaultRecordType, TValue = any> {
+    value: TValue;
+    record: RecordType;
+    recordIndexs: number[];
+    column: ColumnType<RecordType>;
+}
+export interface ValueParserFunc<T = any, TValue = any> {
+    (params: EditableValueParams<T, TValue>): TValue | null | undefined;
+}
+export interface ValueGetterFunc<T = any, TValue = any> {
+    (params: EditableValueParams<T, TValue>): string | null | undefined;
+}
+export type EditableTrigger = 'click' | 'dblClick' | 'contextmenu';
+export interface PlainObject {
+    [key: string]: any;
+}
+export type EditableCellProps<T> = PlainObject | ((params: EditableValueParams<T>) => PlainObject);
+export type EditableCellRules<T> = EditRule[] | ((params: EditableValueParams<T>) => EditRule[]);
+export type EditableCellType<T> = (params: EditableValueParams<T>) => boolean;
+export type RowEditableType = 'single' | 'multiple';
+export type RowEditableConfig<DataType> = {
+    /**
+     * @type single | multiple
+     * @name 编辑的类型，支持单选和多选
+     */
+    type?: RowEditableType;
+    /** @name 正在编辑的列 */
+    editableKeys?: Key[];
+    /** 只能编辑一行的的提示 */
+    onlyOneLineEditorAlertMessage?: string;
+    /** 同时只能新增一行的提示 */
+    onlyAddOneLineAlertMessage?: string | false;
+    /** 正在编辑的列修改的时候 */
+    onChange?: (editableKeys: Key[], editableRows: DataType[] | DataType) => void;
+    /** 行保存的时候 */
+    onSave?: (
+    /** 行 id，一般是唯一id */
+    key: Key, 
+    /** 当前修改的行的值 */
+    record: DataType & {
+        index?: number;
+    }, 
+    /** 原始值，可以用于判断是否修改 */
+    originRow: DataType & {
+        index?: number;
+    }) => Promise<any | void> | any | void;
+};
 export declare const baseTableProps: <T = DefaultRecordType>() => {
     ignoreCellKey: BooleanConstructor;
     showHeaderScrollbar: BooleanConstructor;
@@ -286,10 +341,18 @@ export declare const baseTableProps: <T = DefaultRecordType>() => {
         type: BooleanConstructor;
         default: undefined;
     };
+    selectRowByClick: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     expandIcon: {
         type: PropType<RenderExpandIcon<T>>;
         default: undefined;
     };
+    expandIconType: {
+        type: PropType<ExpandIconType>;
+        default: undefined;
+    };
     onExpand: {
         type: PropType<(expanded: boolean, record: T) => void>;
         default: undefined;
@@ -353,6 +416,14 @@ export declare const baseTableProps: <T = DefaultRecordType>() => {
         }) => Record<string, any>>;
         default: () => {};
     };
+    editableKeys: {
+        type: PropType<Key[]>;
+        default: undefined;
+    };
+    rowEditable: {
+        type: PropType<RowEditableConfig<T>>;
+        default: undefined;
+    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -462,6 +533,9 @@ export declare const baseTableProps: <T = DefaultRecordType>() => {
         type: BooleanConstructor;
         default: undefined;
     };
+    editableCellState: {
+        type: PropType<EditableCellType<T>>;
+    };
     paginationSticky: {
         type: PropType<boolean | BottomSticky>;
         default: boolean;
@@ -515,6 +589,15 @@ export declare const baseTableProps: <T = DefaultRecordType>() => {
         type: PropType<(opt: CellRenderArgs) => void>;
         default: undefined;
     };
+    onDataChange: {
+        type: PropType<(dataSource: T[]) => void>;
+    };
+    onRowValidate: {
+        type: PropType<(TablePromiseErrorData: any) => void>;
+    };
+    onValidate: {
+        type: PropType<(TablePromiseErrorData: any) => void>;
+    };
     'onUpdate:pagination': {
         type: PropType<(info: TablePaginationConfig) => void>;
     };
@@ -676,10 +759,18 @@ export declare const tableProps: <T = DefaultRecordType>() => {
         type: BooleanConstructor;
         default: undefined;
     };
+    selectRowByClick: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     expandIcon: {
         type: PropType<RenderExpandIcon<T>>;
         default: undefined;
     };
+    expandIconType: {
+        type: PropType<ExpandIconType>;
+        default: undefined;
+    };
     onExpand: {
         type: PropType<(expanded: boolean, record: T) => void>;
         default: undefined;
@@ -743,6 +834,14 @@ export declare const tableProps: <T = DefaultRecordType>() => {
         }) => Record<string, any>>;
         default: () => {};
     };
+    editableKeys: {
+        type: PropType<Key[]>;
+        default: undefined;
+    };
+    rowEditable: {
+        type: PropType<RowEditableConfig<T>>;
+        default: undefined;
+    };
     showHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -913,6 +1012,9 @@ export declare const tableProps: <T = DefaultRecordType>() => {
         type: BooleanConstructor;
         default: undefined;
     };
+    editableCellState: {
+        type: PropType<EditableCellType<T>>;
+    };
     paginationSticky: {
         type: PropType<boolean | BottomSticky>;
         default: boolean;
@@ -966,6 +1068,15 @@ export declare const tableProps: <T = DefaultRecordType>() => {
         type: PropType<(opt: CellRenderArgs) => void>;
         default: undefined;
     };
+    onDataChange: {
+        type: PropType<(dataSource: T[]) => void>;
+    };
+    onRowValidate: {
+        type: PropType<(TablePromiseErrorData: any) => void>;
+    };
+    onValidate: {
+        type: PropType<(TablePromiseErrorData: any) => void>;
+    };
     'onUpdate:pagination': {
         type: PropType<(info: TablePaginationConfig) => void>;
     };
@@ -1169,10 +1280,18 @@ declare class Helper<T extends DefaultRecordType> {
             type: BooleanConstructor;
             default: undefined;
         };
+        selectRowByClick: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         expandIcon: {
             type: PropType<RenderExpandIcon<T>>;
             default: undefined;
         };
+        expandIconType: {
+            type: PropType<ExpandIconType>;
+            default: undefined;
+        };
         onExpand: {
             type: PropType<(expanded: boolean, record: T) => void>;
             default: undefined;
@@ -1236,6 +1355,14 @@ declare class Helper<T extends DefaultRecordType> {
             }) => Record<string, any>>;
             default: () => {};
         };
+        editableKeys: {
+            type: PropType<Key[]>;
+            default: undefined;
+        };
+        rowEditable: {
+            type: PropType<RowEditableConfig<T>>;
+            default: undefined;
+        };
         showHeader: {
             type: BooleanConstructor;
             default: boolean;
@@ -1406,6 +1533,9 @@ declare class Helper<T extends DefaultRecordType> {
             type: BooleanConstructor;
             default: undefined;
         };
+        editableCellState: {
+            type: PropType<EditableCellType<T>>;
+        };
         paginationSticky: {
             type: PropType<boolean | BottomSticky>;
             default: boolean;
@@ -1459,6 +1589,15 @@ declare class Helper<T extends DefaultRecordType> {
             type: PropType<(opt: CellRenderArgs) => void>;
             default: undefined;
         };
+        onDataChange: {
+            type: PropType<(dataSource: T[]) => void>;
+        };
+        onRowValidate: {
+            type: PropType<(TablePromiseErrorData: any) => void>;
+        };
+        onValidate: {
+            type: PropType<(TablePromiseErrorData: any) => void>;
+        };
         'onUpdate:pagination': {
             type: PropType<(info: TablePaginationConfig) => void>;
         };
@@ -1602,27 +1741,61 @@ export interface CellTooltip {
     shouldOpen?: (isEllipsis: boolean, args: CellRenderArgs) => boolean;
     allowEnter?: boolean;
 }
-export interface ValueParserParams<RecordType = DefaultRecordType, TValue = any> {
-    newValue: TValue;
-    oldValue: TValue;
-    record: RecordType;
-    recordIndexs: number[];
-    column: ColumnType<RecordType>;
-}
-export interface EditableValueParams<RecordType = DefaultRecordType, TValue = any> {
-    value: TValue;
-    record: RecordType;
-    recordIndexs: number[];
-    column: ColumnType<RecordType>;
-}
-export interface ValueParserFunc<T = any, TValue = any> {
-    (params: ValueParserParams<T, TValue>): TValue | null | undefined;
-}
-export interface ValueGetterFunc<T = any, TValue = any> {
-    (params: EditableValueParams<T, TValue>): string | null | undefined;
+export interface EditableCellConfig<T = DefaultRecordType> {
+    /**
+     * 除了点击非自身元素退出编辑态之外，还有哪些事件退出编辑态。示例：`abortEditOnEvent: ['onChange']`
+     */
+    abortEditOnEvent?: string[];
+    editableTrigger?: EditableTrigger | EditableTrigger[];
+    /**
+     * 组件定义，如：`Input` `Select`。对于完全自定义的组件（非组件库内的组件），组件需要支持 `value` 和 `onChange` ；如果还需要支持校验规则，则组件还需实现 `tips` 和 `status` 两个 API，实现规则可参考 `Input` 组件
+     */
+    component?: any;
+    /**
+     * 单元格默认状态是否为编辑态
+     * @default false
+     */
+    defaultEditable?: boolean;
+    /**
+     * 设置当前列的单元格始终保持为编辑态
+     * @default false
+     */
+    keepEditMode?: boolean;
+    /**
+     * 是否可以编辑
+     */
+    editable?: (context: EditableValueParams<T>) => boolean;
+    valueParser?: ValueParserFunc<T>;
+    valueGetter?: ValueGetterFunc<T>;
+    valueSetter?: (params: EditableValueParams<T>) => boolean | Promise<any>;
+    /**
+     * 透传给编辑组件的事件，参数有({ row, rowIndex, col, colIndex, editedRow, updateEditedCellValue })。可以使用参数 `updateEditedCellValue` 更新当前单元格（或当前行任意编辑状态单元格）的值。<br/>更新当前单元格数据示例：`updateEditedCellValue(value)`；<br/>更新当前行编辑态数据示例：`updateEditedCellValue({ isUpdateCurrentRow: true, column_key: 'test'  })`；<br/>更新其他行编辑态数据示例：`updateEditedCellValue({ rowValue: '124', column_key: 'test' })`
+     */
+    on?: (context: EditableValueParams<T>) => {
+        [eventName: string]: Function;
+    };
+    /**
+     * 编辑完成后，退出编辑模式时触发
+     */
+    onEdited?: (context: EditableValueParams<T>) => void;
+    /**
+     * 透传给组件 `edit.component` 的属性，可以使用 `updateEditedCellValue` 更新当前行任意编辑状态单元格的值
+     */
+    props?: EditableCellProps<T>;
+    /**
+     * 校验规则
+     */
+    rules?: EditableCellRules<T>;
+    /**
+     * 是否显示编辑图标
+     * @default true
+     */
+    /**
+     * 触发校验的时机，有 2 种：退出编辑时和数据变化时
+     * @default 'exit'
+     */
+    validateTrigger?: 'exit' | 'change';
 }
-type CellEditorSlot = 'cellEditorSlot';
-export type EditableTrigger = 'click' | 'dblClick' | 'contextmenu';
 export interface ColumnType<RecordType = DefaultRecordType> extends ColumnSharedType, Omit<ProFormItemType, 'key' | 'originKey' | 'tooltip' | 'hidden' | 'grid' | 'title' | 'spaceProps' | 'children' | 'width' | 'ignoreWidth' | 'name' | 'originName' | 'rowProps' | 'colProps' | 'valueEnum'> {
     search?: ProFormItemType;
     colSpan?: number;
@@ -1680,9 +1853,15 @@ export interface ColumnType<RecordType = DefaultRecordType> extends ColumnShared
         record: RecordType;
         index: number;
         column: ColumnType<RecordType>;
+        cancelEditable: (recordKey: Key) => boolean;
+        startEditable: (recordKey: Key, recordValue?: any) => boolean;
+        saveEditable: (recordKey: Key) => Promise<boolean>;
+        isEditable: (recordKey: Key) => boolean;
     }) => any | RenderedCell;
-    editable?: boolean | CellEditorSlot | ((params: EditableValueParams<RecordType>) => boolean | CellEditorSlot);
-    editableTrigger?: EditableTrigger | EditableTrigger[];
+    /**
+     * 可编辑单元格配置项，具体属性参考文档 `EditableCellConfig` 描述
+     */
+    edit?: EditableCellConfig<RecordType>;
     valueParser?: ValueParserFunc<RecordType>;
     valueGetter?: ValueGetterFunc<RecordType>;
     valueSetter?: (params: ValueParserParams<RecordType>) => boolean | Promise<any>;
@@ -1700,7 +1879,7 @@ export interface ColumnType<RecordType = DefaultRecordType> extends ColumnShared
         title?: string;
     };
     valueEnum?: ((row: RecordType) => Record<string, ValueEnumType>) | Record<string, ValueEnumType>;
-    valueStatus?: ((value: any, row: RecordType) => ValueStatus) | ValueStatus;
+    valueStatus?: ((value: any, row: RecordType, valueEnum?: ValueEnumType) => ValueStatus) | ValueStatus;
     renderText?: (text: any, record: RecordType, rowIndex: number) => string | number;
     /** @name 列设置的 disabled */
     disable?: boolean | {
@@ -1757,6 +1936,12 @@ export interface TableExposeType {
     calcTableHeight: () => Promise<void>;
     formSearchSubmit: () => void;
     getSearchParams: () => Record<string, any>;
+    validateRowData: (rowValue: any) => Promise<TablePromiseErrorData>;
+    validateTableData: () => Promise<TablePromiseErrorData>;
+    addEditRecord: (recordValue?: any, options?: AddLineOptions) => false | undefined;
+    startEditable: (recordKey: Key, recordValue?: any) => boolean;
+    cancelEditable: (recordKey: Key) => boolean;
+    saveEditable: (recordKey: Key) => Promise<boolean>;
 }
 export interface DragRowsHandleInfo {
     y: number;
@@ -1889,3 +2074,103 @@ export type Bordered = boolean | {
     search?: boolean;
     table?: boolean;
 };
+export interface IsDateOptions {
+    format: string;
+    strictMode: boolean;
+    delimiters: string[];
+}
+export type CustomValidator = (val: any) => CustomValidateResolveType | Promise<CustomValidateResolveType>;
+export type CustomValidateResolveType = boolean | CustomValidateObj;
+export interface CustomValidateObj {
+    result: boolean;
+    message: string;
+    type?: 'error' | 'warning' | 'success';
+}
+export type AddLineOptions = {
+    position?: 'top' | 'bottom';
+    newRecordType?: 'dataSource' | 'cache';
+};
+export type TableEditingCell<RecordType = DefaultRecordType> = {
+    recordIndexs: number[];
+    column: ColumnType<RecordType>;
+    rowKey: Key;
+    originRecord: RecordType;
+    rowIndex: number;
+    columnKey: Key;
+    validateEdit: () => Promise<true | AllValidateResult[]>;
+};
+export type AllValidateResult = CustomValidateObj | ValidateResultType;
+export type TableErrorListMap = {
+    [key: string]: AllValidateResult[];
+};
+export type ErrorListObjectType = TableEditingCell & {
+    errorList: AllValidateResult[];
+};
+export interface TablePromiseErrorData {
+    errors: ErrorListObjectType[];
+    errorMap: TableErrorListMap;
+    data?: DefaultRecordType[];
+}
+export interface ValidateResultType extends EditRule {
+    result: boolean;
+}
+export interface EditRule {
+    /**
+     * 内置校验方法，校验值类型是否为布尔类型，示例：`{ boolean: true, message: '数据类型必须是布尔类型' }`
+     */
+    boolean?: boolean;
+    /**
+     * 内置校验方法，校验值是否属于枚举值中的值。示例：`{ enum: ['primary', 'info', 'warning'], message: '值只能是 primary/info/warning 中的一种' }`
+     */
+    enum?: Array<string>;
+    /**
+     * 内置校验方法，校验值是否为身份证号码，组件校验正则为 `/^(\\d{18,18}|\\d{15,15}|\\d{17,17}x)$/i`，示例：`{ idcard: true, message: '请输入正确的身份证号码' }`
+     */
+    idcard?: boolean;
+    /**
+     * 内置校验方法，校验值固定长度，如：len: 10 表示值的字符长度只能等于 10 ，中文表示 2 个字符，英文为 1 个字符。示例：`{ len: 10, message: '内容长度不对' }`。<br />如果希望字母和中文都是同样的长度，示例：`{ validator: (val) => val.length === 10, message: '内容文本长度只能是 10 个字' }`
+     */
+    len?: number | boolean;
+    /**
+     * 内置校验方法，校验值最大长度，如：max: 100 表示值最多不能超过 100 个字符，中文表示 2 个字符，英文为 1 个字符。示例：`{ max: 10, message: '内容超出' }`。<br />如果希望字母和中文都是同样的长度，示例：`{ validator: (val) => val.length <= 10, message: '内容文本长度不能超过 10 个字' }`<br />如果数据类型数字（Number），则自动变为数字大小的比对
+     */
+    max?: number | boolean;
+    /**
+     * 校验未通过时呈现的错误信息，值为空则不显示
+     * @default ''
+     */
+    message?: string;
+    /**
+     * 内置校验方法，校验值最小长度，如：min: 10 表示值最多不能少于 10 个字符，中文表示 2 个字符，英文为 1 个字符。示例：`{ min: 10, message: '内容长度不够' }`。<br />如果希望字母和中文都是同样的长度，示例：`{ validator: (val) => val.length >= 10, message: '内容文本长度至少为 10 个字' }`。<br />如果数据类型数字（Number），则自动变为数字大小的比对
+     */
+    min?: number | boolean;
+    /**
+     * 内置校验方法，校验值是否为数字（1.2 、 1e5  都算数字），示例：`{ number: true, message: '请输入数字' }`
+     */
+    number?: boolean;
+    /**
+     * 内置校验方法，校验值是否符合正则表达式匹配结果，示例：`{ pattern: /@qq.com/, message: '请输入 QQ 邮箱' }`
+     */
+    pattern?: RegExp;
+    /**
+     * 内置校验方法，校验值是否已经填写。该值为 true，默认显示必填标记，可通过设置 `requiredMark: false` 隐藏必填标记
+     */
+    required?: boolean;
+    /**
+     * 内置校验方法，校验值是否为手机号码，校验正则为 `/^1[3-9]\d{9}$/`，示例：`{ telnumber: true, message: '请输入正确的手机号码' }`
+     */
+    telnumber?: boolean;
+    /**
+     * 校验未通过时呈现的错误信息类型，有 告警信息提示 和 错误信息提示 等两种
+     * @default error
+     */
+    type?: 'error' | 'warning';
+    /**
+     * 自定义校验规则，示例：`{ validator: (val) => val.length > 0, message: '请输入内容'}`
+     */
+    validator?: CustomValidator;
+    /**
+     * 内置校验方法，校验值是否为空格。示例：`{ whitespace: true, message: '值不能为空' }`
+     */
+    whitespace?: boolean;
+}

package/lib/components/table/src/hooks/useCellProps.d.ts

@@ -11,6 +11,10 @@ interface UseCellProps {
     bodyWidth: Ref<number>;
     leftWidth: Ref<number>;
     centerWidth: Ref<number>;
+    cancelEditable: (recordKey: Key) => boolean;
+    startEditable: (recordKey: Key, recordValue?: any) => boolean;
+    saveEditable: (recordKey: Key) => Promise<boolean>;
+    isEditable: (recordKey: Key) => boolean;
     getColumnPosition: (index: number, colSpan?: number) => {
         width: number;
         left: number;
@@ -25,5 +29,5 @@ export type UseCellPropsRes = {
     hasMultiRowSpanInfo: Ref<Record<string, boolean>>;
     centerRowColumnsMap: Ref<Map<Key, FinallyColumnType[]>>;
 };
-declare const useCellProps: ({ leftColumns, rightColumns, visibleCenterColumns, allColumns, data, mergedRowHeights, getColumnPosition, bodyWidth, leftWidth, centerWidth, getRowHeight, customCell: contextCustomCell, }: UseCellProps) => UseCellPropsRes;
+declare const useCellProps: ({ leftColumns, rightColumns, visibleCenterColumns, allColumns, data, mergedRowHeights, getColumnPosition, bodyWidth, leftWidth, centerWidth, getRowHeight, cancelEditable, startEditable, saveEditable, isEditable, customCell: contextCustomCell, }: UseCellProps) => UseCellPropsRes;
 export default useCellProps;