42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import type { FormInstance, FormProps } from "antd/es/form";
|
||
import type { FC, ReactNode } from "react";
|
||
import type { FormOption } from "../FormBuilder/FormItemsRenderer";
|
||
|
||
type FormValues = Record<string, any>;
|
||
|
||
/**
|
||
* Search 组件属性
|
||
*/
|
||
export interface SearchProps extends Omit<FormProps, "form" | "onFinish"> {
|
||
/** 表单配置项数组 */
|
||
options: FormOption[];
|
||
/** 表单值 */
|
||
values?: FormValues;
|
||
/** 搜索和重置都会触发的回调 */
|
||
onFinish?: (values: FormValues, type: "submit" | "reset") => void;
|
||
/** 搜索回调 */
|
||
onSubmit?: (values: FormValues) => void;
|
||
/** 重置回调 */
|
||
onReset?: (values: FormValues) => void;
|
||
/** 搜索按钮文本，默认"搜索" */
|
||
searchText?: string;
|
||
/** 重置按钮文本，默认"重置" */
|
||
resetText?: string;
|
||
/** 是否显示搜索按钮，默认 true */
|
||
showSearchButton?: boolean;
|
||
/** 是否显示重置按钮，默认 true */
|
||
showResetButton?: boolean;
|
||
/** 额外的底部按钮组 */
|
||
extraButtons?: ReactNode;
|
||
/** 表单实例（通过 Form.useForm() 创建） */
|
||
form: FormInstance;
|
||
}
|
||
|
||
/**
|
||
* 搜索表单组件
|
||
* 支持自动展开/收起功能，当表单项超过4个时显示展开/收起按钮
|
||
*/
|
||
declare const Search: FC<SearchProps>;
|
||
|
||
export default Search;
|