pro-components
pro-components copied to clipboard
🐛[BUG]ProFormUploadDragger组件上传进度条样式与extra属性设置的信息展示重合
🐛 bug 描述
我在自定义上传方法中使用了onProgress来控制上传进度条,同时我设置了extra来展示上传文件限制的信息,但当我选择完文件上传后,进度条和extra信息重合了
这个问题是由于 ProFormUploadDragger 组件会直接把 extra 信息(通过 children 传递)和上传进度条一起渲染在 Dragger 区域内,没有做条件渲染或样式分隔,所以在上传时会出现重叠现象。组件源码显示 extra 内容始终显示在底部,并没有根据上传状态隐藏或调整布局,也没有相关样式处理来避免重叠 源码参考。
目前没有官方文档或 issue 讨论这个问题。临时解决方案可以考虑:在上传时通过自定义状态隐藏 extra 信息(比如只在未上传时显示),或者通过自定义 CSS 增加 extra 区域的 margin-top/margin-bottom,避免与进度条重叠。你可以在上传状态变化时动态控制 extra 的显示或样式。
To reply, just mention @dosu.
How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other