42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import type { FormProps } from "antd/es/form";
|
|
import type { Gutter } from "antd/es/grid/row";
|
|
import type { FC, ReactNode } from "react";
|
|
import type { FormOption, FormValues } from "./FormItemsRenderer";
|
|
|
|
/**
|
|
* FormBuilder 组件属性
|
|
*/
|
|
export interface FormBuilderProps extends FormProps {
|
|
/** 表单初始值 */
|
|
values?: FormValues;
|
|
/** 表单配置项数组 */
|
|
options: FormOption[];
|
|
/** 栅格间距，默认 24 */
|
|
gutter?: Gutter | [Gutter, Gutter];
|
|
/** 占据栅格列数，默认 12 */
|
|
span?: number | string;
|
|
/** 自动生成必填规则，默认 true */
|
|
useAutoGenerateRequired?: boolean;
|
|
/** 是否显示操作按钮区域，默认 true */
|
|
showActionButtons?: boolean;
|
|
/** 提交按钮文字，默认为"提交" */
|
|
submitButtonText?: string;
|
|
/** 取消按钮文字，默认为"取消" */
|
|
cancelButtonText?: string;
|
|
/** 是否显示提交按钮，默认 true */
|
|
showSubmitButton?: boolean;
|
|
/** 是否显示取消按钮，默认 true */
|
|
showCancelButton?: boolean;
|
|
/** 自定义操作按钮组 */
|
|
customActionButtons?: ReactNode;
|
|
/** 额外操作按钮组 */
|
|
extraActionButtons?: ReactNode;
|
|
}
|
|
|
|
/**
|
|
* 表单构建器组件
|
|
*/
|
|
declare const FormBuilder: FC<FormBuilderProps>;
|
|
|
|
export default FormBuilder;
|