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

812 B

zh-CN

自定义或第三方的表单控件,也可以与 Form 组件一起使用。只要该组件遵循以下的约定:

  • 提供受控属性 value 或其它与 valuePropName 的值同名的属性。
  • 提供 onChange 事件或 trigger 的值同名的事件。
  • 转发 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.
  • It has event onChange or an event which name is equal to the value of trigger.
  • Forward the ref or pass the id property to dom to support the scrollToField method.