fix: Upload accessibility experience

[afc163]

[中文版模板 / Chinese template]

🤔 This is a ...

• New feature
• Bug fix
• Site / documentation update
• Demo update
• Component style update
• TypeScript definition update
• Bundle size optimization
• Performance optimization
• Enhancement feature
• Internationalization
• Refactoring
• Code style optimization
• Test Case
• Branch merge
• Workflow
• Other (about what?)

🔗 Related issue link

close #46215
close #24771
close #45922

💡 Background and solution

修复 Upload 包裹 Button 时需要 tab 两次的问题。基于 react-component/upload#521

• 在 antd 这里默认开启了 hasControlInside 因为大多数时候是和 Button 一起配合使用。
• 在 Dragger 内默认关闭了 hasControlInside，因为拖拽上传的 children 一般不是 Button。
• 先不在文档中透出 hasControlInside，因为这个属性比较难理解，一般无需关注。

📝 Changelog

Language	Changelog
🇺🇸 English	Fix Upload accessibility issue of tabbing twicely.
🇨🇳 Chinese	修复 Upload 组件包裹 Button 时 Tab 键会聚焦两次的问题。

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

Visual Regression Report for PR #46432 Failed ❌

Target branch: master (44d1b68)
View Full Report

---

image name	expected	actual	diff
form-validate-other.png
form-validate-other.css-var.png
upload-drag.png
upload-drag.css-var.png

Check Full Report for details

[github-actions]

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
rc-upload	4.5.2	None	+0	66.7 kB	zombiej

[github-actions]

size-limit report 📦

Path	Size
./dist/antd.min.js	328.78 KB (+68 B 🔺)
./dist/antd-with-locales.min.js	374.73 KB (+41 B 🔺)

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit cfe8085:

Sandbox	Source
antd reproduction template (forked)	Configuration
antd reproduction template (forked)	Issue #45922

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (44d1b68) 100.00% compared to head (cfe8085) 100.00%.

Additional details and impacted files

@@            Coverage Diff            @@
##            master    #46432   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          708       708           
  Lines        12120     12122    +2     
  Branches      3218      3220    +2     
=========================================
+ Hits         12120     12122    +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[zombieJ]

有点猜的味道，是不是可以优化成监听 focus 事件，在 focus 时看内部是否有可以聚焦的元素，如果有的话就 proxy 到子元素中。用这个方法：
getFocusNodeList

[yoyo837]

需要添加 react-component/upload#518 的文档

[afc163]

有点猜的味道，是不是可以优化成监听 focus 事件，在 focus 时看内部是否有可以聚焦的元素，如果有的话就 proxy 到子元素中。用这个方法：

这个方式有 DOM 查询的副作用，不太想这么搞。

[zombieJ]

这个方式有 DOM 查询的副作用，不太想这么搞。

focus 事件触发去查是惰性的，不过在修那个 button 触发两次的事件后，我发现 getFocusNodeList 不行。因为一个是故意挪到 upload div 上，一个是挪到内部 button 上。两个相冲了。

[li-jia-nan]

Conflicting

[github-actions]

🎉 Thank you for your contribution! If you have not yet joined our DingTalk community group, please feel free to join us (when joining, please provide the link to this PR).

🎉 感谢您的贡献！如果您还没有加入钉钉社区群，请扫描下方二维码加入我们（加群时请提供此 PR 链接）。

[FSbrand]

ant-upload-drag由display:table改为了display:flex,这样做的原因是什么，突然发现页面的样式被改变

[yoyo837]

ant-upload-drag由display:table改为了display:flex,这样做的原因是什么，突然发现页面的样式被改变

#46810 改回去了，等发布