ant-design/components/form/demo/customized-form-controls.md
9965d96259
feat(form): improve scrollToField logic (#48211)
* feat(form): improve scrollToField logic

* docs: update form faq

* test: add unit test

* fix: boundary error

* style: update code

ref: https://github.com/ant-design/ant-design/pull/48211#discussion_r1547535631
ref: https://github.com/ant-design/ant-design/pull/48211#issuecomment-2031635922

* docs: add scrolltofield demo

* chore: update snapshot

* Update components/form/demo/validate-scroll2field.md

Co-authored-by: afc163 <afc163@gmail.com>
Signed-off-by: 红 <wxh16144@qq.com>

* chore: update demo

* chore: update logic

* chore: update snapshot

* Update components/form/demo/validate-scroll-to-field.tsx

Co-authored-by: lijianan <574980606@qq.com>
Signed-off-by: 红 <wxh16144@qq.com>

* chore: update demo

* chore: update snap

* chore: update

* chore: update demo

* chore: update

* chore: update docs

* chore: update

* chore: update snap

* Update components/form/demo/validate-scroll-to-field.tsx

Co-authored-by: crazyair <crazyair@users.noreply.github.com>

Signed-off-by: 红 <wxh16144@qq.com>

* chore:update logic

* test: add unit test

ref: https://github.com/ant-design/ant-design/issues/28869

* chore: update demo

* test: update snap

* chore: update demo

* chore: update

* chore: update

* chore: fix TS type

* chore: update demo fix layout

* chore: update demo

---------

Signed-off-by: 红 <wxh16144@qq.com>
Co-authored-by: afc163 <afc163@gmail.com>
Co-authored-by: lijianan <574980606@qq.com>
2024-04-17 17:56:29 +08:00

16 lines
812 B
Markdown

## zh-CN
自定义或第三方的表单控件,也可以与 Form 组件一起使用。只要该组件遵循以下的约定:
> - 提供受控属性 `value` 或其它与 [`valuePropName`](#formitem) 的值同名的属性。
> - 提供 `onChange` 事件或 [`trigger`](#formitem) 的值同名的事件。
> - 转发 ref 或者传递 id 属性到 dom 以支持 `scrollToField` 方法。
## en-US
Customized or third-party form controls can be used in Form, too. Controls must follow these conventions:
> - It has a controlled property `value` or other name which is equal to the value of [`valuePropName`](#formitem).
> - It has event `onChange` or an event which name is equal to the value of [`trigger`](#formitem).
> - Forward the ref or pass the id property to dom to support the `scrollToField` method.