Add built-in loading indicator for Form

[csandanov]

What problem does this feature solve?

• blocking all inputs after submit button was clicked
• showing a message for a user, e.g. "Validating creation...", "Submitting your application..."
• I'm currently using the approach where I wrap a form with <Spin> but this create issues, see this example, when you submit the form you will see the input's value showing the default value from initialValues of the input instead of the one being submitted

What does the proposed API look like?

<Form loading={submitted} />

[github-actions]

You may look for issues:

1. 52% Add support for 'yearCellRender' to DatePicker #33922

_{🤖 By issues-similarity-analysis}

[afc163]

https://codesandbox.io/s/antd-reproduction-template-forked-vbkbic?file=/index.js

We need to dig why Form render initialValues after Spin is shown.

[afc163]

https://codesandbox.io/s/antd-reproduction-template-forked-vbkbic?file=/index.js

I think it is a bug.

Similar situation when using Input: https://codesandbox.io/s/antd-reproduction-template-forked-nkt5tw?file=/index.js

[MadCcc]

https://codesandbox.io/s/antd-reproduction-template-forked-c40zwu
Try to use spinning to control loading? Change of DOM make Form mount again and return to initial state.

[csandanov]

that's a very elegant solution, thank you
but adding spinning/loading to Form itself would be even more cool

[MadCcc]

It's still a bug since form is used to control form values. We'll try to fix it.

[zombieJ]

ref #33981

[vitalijalbu]

I also want this feature, like card does.. simply