blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-24 18:36:51 +08:00
Code Issues Projects Releases Wiki Activity

fix(Uploader): should't emit click-preview when delete (#4407)

Browse Source
This commit is contained in:
neverland 2019-09-10 11:35:28 +08:00 committed by GitHub
parent fabb61593f
commit 3fd40d7929
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 48 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
src/uploader/index.js
View File

@ -200,52 +200,61 @@ export default createComponent({
this.$emit('click-preview', file, this.detail);
},
renderPreview() {
if (!this.previewImage) {
return;
}
renderPreviewItem(item, index) {
const DeleteIcon = (
<Icon
name="delete"
class={bem('preview-delete')}
onClick={event => {
event.stopPropagation();
this.onDelete(item, index);
}}
/>
);
return this.fileList.map((item, index) => (
const Preview = isImageFile(item) ? (
<Image
fit={this.imageFit}
src={item.content || item.url}
class={bem('preview-image')}
width={this.previewSize}
height={this.previewSize}
onClick={() => {
this.onPreviewImage(item);
}}
/>
) : (
<div
class={bem('file')}
style={{
width: this.previewSizeWithUnit,
height: this.previewSizeWithUnit
}}
>
<Icon class={bem('file-icon')} name="description" />
<div class={[bem('file-name'), 'van-ellipsis']}>
{item.file ? item.file.name : item.url}
</div>
</div>
);
return (
<div
class={bem('preview')}
onClick={() => {
this.onClickPreview(item);
}}
>
{isImageFile(item) ? (
<Image
fit={this.imageFit}
src={item.content || item.url}
class={bem('preview-image')}
width={this.previewSize}
height={this.previewSize}
onClick={() => {
this.onPreviewImage(item);
}}
/>
) : (
<div
class={bem('file')}
style={{
width: this.previewSizeWithUnit,
height: this.previewSizeWithUnit
}}
>
<Icon class={bem('file-icon')} name="description" />
<div class={[bem('file-name'), 'van-ellipsis']}>
{item.file ? item.file.name : item.url}
</div>
</div>
)}
<Icon
name="delete"
class={bem('preview-delete')}
onClick={() => {
this.onDelete(item, index);
}}
/>
{Preview}
{DeleteIcon}
</div>
));
);
},
renderPreviewList() {
if (this.previewImage) {
return this.fileList.map(this.renderPreviewItem);
}
},
renderUpload() {
@ -299,7 +308,7 @@ export default createComponent({
return (
<div class={bem()}>
<div class={bem('wrapper')}>
{this.renderPreview()}
{this.renderPreviewList()}
{this.renderUpload()}
</div>
</div>