Theme color Gray color Appearance SizeSmall(1) Medium(2) Large(3) Radius Scale90% 95% 100% 105% 110%
none
small
medium
large
full
通过validator可自定义校验器,校验器返回自定义校验信息,其格式可以为:
export type ValidatorStatusResult = { status?: Status; message: string };
export type ValidatorResult = string | string[] | ValidatorStatusResult | ValidatorStatusResult[] | undefined | null;
export type Validator = (value: any, rawValue: any, data: any, rawData: any; rule: Rule) => MaybePromise<ValidatorResult>;自定义校验器若返回字符串或没有指定状态则视为错误信息,若需要自定义状态,则可以如上类型格式指定status,其值与主题status相同,包括:success, warning, error, info
通过visibleStatuses可以指定表单项展示哪些状态的信息,默认为 error,即默认只展示错误信息,只有错误状态的信息会校验失败,而通过调整相关属性可以额外展示一些信息,如下示例
表单项有三种提示信息:help, tip, statusMessages,前两种由同名属性自行设置,statusMessages 由校验获得。help 侧重于展示帮助信息,tip 侧重于展示提示信息,当存在校验信息时则会覆盖它。它们支持多种形式展示:
tooltip: 在输入框以 Tooltip 的形式展示,展示的优先级 statusMessages > help > tipnewLine: 在输入框下方以新行的方式展示,help 总会展示,优先级 statusMessages > tipicon: 在标签处以 Icon 加 Tooltip 的形式展示提示信息由以下属性控制它们的展示形式:
tipType控制 tip 和 statusMessages 的展示形式,支持tooltip和newLinehelpType控制 help 的展示形式,支持icon, tooltip和newLine默认情况下,表单项卸载后 Form 仍会保留其值,通过unmountBehavior可设置表单项卸载后的行为,可为:
delete: 卸载后删除值toNull: 卸载后值设置为nulltoUndefined: 卸载后值设置为undefined