import React from 'react'; import type { ParamsType } from 'ls-pro-provider'; import type { ButtonProps, FormItemProps } from 'antd'; import type { ProTableProps } from '../../typing'; import type { ProFormInstance } from 'ls-pro-form'; export declare type RecordCreatorProps = { record: DataSourceType | ((index: number, dataSource: DataSourceType[]) => DataSourceType); position?: 'top' | 'bottom'; /** * 新增一行的类型 * * @augments dataSource 将会新增一行数据到 dataSource 中,不支持取消,只能删除 * @augments cache 将会把数据放到缓存中,取消后消失 */ newRecordType?: 'dataSource' | 'cache'; /** 要增加到哪个节点下,一般用于多重嵌套表格 */ parentKey?: React.Key | ((index: number, dataSource: DataSourceType[]) => React.Key); }; export declare type EditableFormInstance = ProFormInstance & { /** * 获取一行数据的 * * @example * getRowData(1) 可以传入第几行的数据 * * @example * getRowData("id") 也可以传入 rowKey,根据你列的唯一key 来获得。 * * @param rowIndex * @returns T | undefined */ getRowData?: (rowIndex: string | number) => T | undefined; /** * 获取整个 table 的数据 * * @returns T[] | undefined */ getRowsData?: () => T[] | undefined; /** * 设置一行的数据 * * @param rowIndex * @param data * @returns */ setRowData?: (rowIndex: string | number, data: Partial) => void; }; export declare type EditableProTableProps = Omit, 'onChange'> & { defaultValue?: T[]; value?: T[]; onChange?: (value: T[]) => void; /** @name 原先的 table OnChange */ onTableChange?: ProTableProps['onChange']; /** @name 新建按钮的设置 */ recordCreatorProps?: (RecordCreatorProps & ButtonProps & { creatorButtonText?: React.ReactNode; }) | false; /** 最大行数 */ maxLength?: number; /** Table 的值发生改变,为了适应 Form 调整了顺序 */ onValuesChange?: (values: T[], record: T) => void; /** 是否受控,如果为 true,每次 value 更新都会重置表单 */ controlled?: boolean; /** FormItem 的设置 */ formItemProps?: Omit; /** @name 可编辑表格,列配置的form,可以操作表格里面的数据 */ editableFormRef?: React.Ref | undefined>; }; declare function FieldEditableTable, Params extends ParamsType = ParamsType, ValueType = 'text'>(props: EditableProTableProps): JSX.Element; declare namespace FieldEditableTable { var RecordCreator: >(props: RecordCreatorProps & { children: JSX.Element; }) => React.FunctionComponentElement; } export default FieldEditableTable;