alibaba-fusion / next

🦍 A configurable component library for web built on React.
https://fusion.design
MIT License
4.56k stars 576 forks source link

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

Open 736473283 opened 1 month ago

736473283 commented 1 month ago

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

github-actions[bot] commented 1 month ago

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

eternalsky commented 1 month ago

请帖一下复现 demo 链接

736473283 commented 1 month ago

https://codepen.io/gqucjiaa-the-bashful/pen/JjqjmPJ?editors=0010

@eternalsky 你好,复现连接如上