Слияние кода завершено, страница обновится автоматически
| category | subtitle | type | title |
|---|---|---|---|
Pro Components |
抽象表单控件 |
Abstract |
FormField |
表单控件的抽象基类。
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| label | 标签, 只在 Form 下生效 | string | ReactNode | |
| labelTooltip | 用 Tooltip 显示标签内容。可选值 none always overflow
|
string | 'none' |
| name | 字段名 | string | |
| value | <受控>当前值 | any | |
| defaultValue | 默认值 | any | |
| required | 是否必输 | boolean | false |
| readOnly | 是否只读 | boolean | false |
| disabled | 是否禁用 | boolean | false |
| form | 对照表单 id | string | |
| dataIndex | 对照 record 在 DataSet 中的 index | number | ds.currentIndex |
| record | 对照 record, 优先级高于 dataSet 和 dataIndex | Record | |
| multiple | 是否是多值 | boolean | false |
| validator | 校验器，回调返回值为true 或 Promise.resolve(true)为校验通过，否则为不通过 |
(value, name, form) => string | boolean | Promise<string | boolean> | |
| help | 额外信息，常用于提示 | ReactNode | undefined |
| showHelp | 展示提示信息的方式，tooltip只有在TextField及其子类上生效， 可选值 tooltip newLine none
|
string | newLine |
| helpTooltipProps | 用于配置 help 提示信息的 Tooltip 相关参数 | TooltipProps | |
| renderer | 渲染器，覆盖默认渲染行为 | ({ value, text, name, record, dataSet }) => ReactNode | ({ text }) => text |
| tagRenderer | 多值 Tag 渲染器 | ({ value, text, key, readOnly, invalid, disabled, onClose, className }: TagRendererProps) => ReactNode | |
| noValidate | 不校验，不影响 DataSet 校验 | boolean | false |
| maxTagPlaceholder | 多值标签超出最大数量时的占位描述 | ReactNode | (restValues) => ReactNode | |
| maxTagCount | 多值标签最大数量 | number | |
| maxTagTextLength | 多值标签文案最大长度 | number | |
| pristine | 显示原始值 | boolean | false |
| trim | 字符串值是否去掉首尾空格，如果绑定 DataSet 需要在 DataSet 的 Field 上设置 trim，可选值: both left right none
|
string | both |
| format | 字符串格式化，可选值: uppercase lowercase capitalize
|
string | |
| validationRenderer | 校验信息渲染 | (validationResult, validationProps) => ReactNode | |
| highlight | 高亮 | boolean | ReactNode | { title, content, className, style } | |
| highlightRenderer | 高亮渲染器 | ({ title, content, dataSet, record, name, className, style }, element) => ReactNode | |
| onInvalid | 校验失败回调 | (validationResults, validity, name) => void | |
| onBeforeChange | 值变化前回调, 返回 false 或 Promise.resolve(false) 时将阻止onChange | (value, oldValue, form) => boolean | Promise | |
| onChange | 值变化回调 | (value, oldValue, form) => void | |
| onInput | 输入回调 | Function | |
| onEnterDown | 键盘回车回调 | Function | |
| onClear | 值清空回调 | Function | |
| processValue | 值变更时，拦截并返回一个新的值 | (value: any, range?: 0 | 1) => any | |
| showValidation | 校验信息提示方式 |
tooltip | newLine
|
|
| showHelp | 显示提示信息的方式 |
tooltip | newLine| label| none
|
newline |
注意，当绑定 DataSet 时，以 DataSet 的校验为主，校验规则应设置在 DataSet 的 Field 上。
更多属性请参考 DataSetComponent。
export type RendererParam = {
value?: any;
text?: any;
record?: Record | null;
name?: string;
dataSet?: DataSet | null;
};
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )