mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

improve preview icon display logic, #3644

Browse Source
This commit is contained in:
afc163 2016-11-22 14:43:20 +08:00
parent 57f5d299af
commit e62dc08d2c
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/upload/demo/picture-card.md
View File

@ -37,11 +37,10 @@ const ImageUploadList = React.createClass({
name: 'xxx.png',
status: 'done',
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
thumbUrl: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
}],
onPreview: (file) => {
this.setState({
previewImage: file.url,
previewImage: file.url || file.thumbUrl,
previewVisible: true,
});
},

14
components/upload/uploadList.tsx
View File

@ -80,10 +80,10 @@ export default class UploadList extends React.Component<UploadListProps, any> {
<a
className={`${prefixCls}-list-item-thumbnail`}
onClick={e => this.handlePreview(file, e)}
href={file.thumbUrl || file.url}
href={file.url || file.thumbUrl}
target="_blank" rel="noopener noreferrer"
>
<img src={file.thumbUrl || file.url} alt={file.name} />
<img src={file.url || file.thumbUrl} alt={file.name} />
</a>
);
}
@ -129,9 +129,13 @@ export default class UploadList extends React.Component<UploadListProps, any> {
? (
<span>
<a
href={file.url}
target="_blank" rel="noopener noreferrer"
style={{ pointerEvents: file.url || file.thumbUrl ? '' : 'none' }}
href={file.url || file.thumbUrl}
target="_blank"
rel="noopener noreferrer"
style={(file.url || file.thumbUrl) ? undefined : {
pointerEvents: 'none',
opacity: 0.5,
}}
onClick={e => this.handlePreview(file, e)}
>
<Icon type="eye-o" />