pro-components icon indicating copy to clipboard operation
pro-components copied to clipboard

🐛[BUG]ProFormUploadDragger组件上传进度条样式与extra属性设置的信息展示重合

Open Aslan-Monster opened this issue 4 months ago • 1 comments

🐛 bug 描述

我在自定义上传方法中使用了onProgress来控制上传进度条,同时我设置了extra来展示上传文件限制的信息,但当我选择完文件上传后,进度条和extra信息重合了

Aslan-Monster avatar Aug 22 '25 01:08 Aslan-Monster

这个问题是由于 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  Chat with Dosu Join Discord Share on X

dosubot[bot] avatar Aug 22 '25 01:08 dosubot[bot]