Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Upload]Upload.Dragger的itemRender不生效 #4840

Closed
736473283 opened this issue May 10, 2024 · 3 comments · Fixed by #4880
Closed

[Upload]Upload.Dragger的itemRender不生效 #4840

736473283 opened this issue May 10, 2024 · 3 comments · Fixed by #4880
Assignees
Labels
improvement improve some features Next release issues to close in next release

Comments

@736473283
Copy link

Component

Upload

Steps to reproduce

Upload.Dragger的itemRender为什么不生效
具体代码:

<Upload.Dragger
        listType="card"
        accept="image/png, image/jpg, image/jpeg, image/gif, image/bmp"
        defaultValue={data}
        itemRender={itemRender}
    />
const itemRender = (file, {remove}) => {
    console.log(file);
    return (<div>
        <img src={file.url} style={{maxWidth: '100%', maxHeight: '100%'}} />
        <div style={{
            position: 'absolute', top:0, right:0, bottom:0, left:0, background: 'rgba(0,0,0,.5)', color: '#ddd',
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center'
        }}>
            <Icon type="eye" style={{marginTop: 40, cursor: 'pointer'}} onClick={() => showImg(file.url)}/>
            <span style={{marginTop: 10, fontSize: 12}}>06:08</span>
        </div>
        <Icon 
            type="ashbin" 
            size="xs" 
            style={{position: 'absolute', right:2, top: 2, color: '#fff', cursor: 'pointer'}}
            onClick={remove}
            />
    </div>);
};

image

Copy link

这是您为 Fusion/Next 提的第一个 issue,感谢您对 Fusion 的信任和支持,我们会尽快进行处理。

@eternalsky
Copy link
Contributor

请帖一下复现 demo 链接

@736473283
Copy link
Author

@eternalsky eternalsky added the improvement improve some features label May 15, 2024
@eternalsky eternalsky added the Next release issues to close in next release label May 29, 2024
@github-project-automation github-project-automation bot moved this to 🆕 New in DAILY WORK May 29, 2024
@FairyYang FairyYang self-assigned this May 29, 2024
@eternalsky eternalsky moved this from 🆕 New to 👀 In review in DAILY WORK Jun 25, 2024
@eternalsky eternalsky linked a pull request Jul 16, 2024 that will close this issue
@github-project-automation github-project-automation bot moved this from 👀 In review to Ready to release in DAILY WORK Jul 31, 2024
@eternalsky eternalsky moved this from Ready to release to ✅ Done in DAILY WORK Aug 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement improve some features Next release issues to close in next release
Projects
Archived in project
3 participants