fix(upload): fix the upload status not being updated if the upload was successful

[zhangzhonghe]

Description (Bug 描述)

Steps to reproduce (复现步骤)

1. 批量上传多张图片
2. 会发现样式问题

Expected behavior (预期行为)

• 图片的名字不应该被下面的图片盖住
• 图片上传成功后应该更新状态并显示已上传的图片

Actual behavior (实际行为)

• 图片的名字被盖住
• 某些图片上传成功了，但是依然显示 uploading

Related issues (相关 issue)

#1862
ant-design/ant-design#2423

Reason (原因)

• refactor(association-field): support sub table #1862 修改了样式，导致图片名称被覆盖
• 一直显示 uploading 的问题是因为 antd 的 BUG，导致 onChange 方法的 fileList 参数的值没有及时的更新，需要 antd 团队修复该问题
• 这个功能之前是好的，现在出问题，怀疑可能跟最近的 React 升级到 18 版本有关（未验证）

Solution (解决方案)

• 回退样式
• 关于一直显示 uploading 的问题
  • 首先，使用官方推荐的方法不能解决这里遇到的问题
  • 经测试发现 onChange 的 file 参数是正确的，所以可以根据 file 实时的计算出 fileList 的值
  • 计算出的 fileList 需要通过一个 useRef 保存，如果使用 useState 同样会有问题
  • 在删除图片的时候，同时需要删除 Ref 中的值

修复后的样子

其它

close T-650

[height]

This pull request has been linked to and will mark 1 task as "Done" when merged:

• T-650 上传不能批量，样式也有问题 (unlink task)

💡Tip: You can link multiple Height tasks to a pull request.