|
|
|
@ -7,16 +7,23 @@ const StillImage = {
|
|
|
|
|
'imageLoadHandler',
|
|
|
|
|
'alt',
|
|
|
|
|
'height',
|
|
|
|
|
'width'
|
|
|
|
|
'width',
|
|
|
|
|
'dataSrc'
|
|
|
|
|
],
|
|
|
|
|
data () {
|
|
|
|
|
return {
|
|
|
|
|
// for lazy loading, see loadLazy()
|
|
|
|
|
realSrc: this.src,
|
|
|
|
|
stopGifs: this.$store.getters.mergedConfig.stopGifs
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
animated () {
|
|
|
|
|
return this.stopGifs && (this.mimetype === 'image/gif' || this.src.endsWith('.gif'))
|
|
|
|
|
if (!this.realSrc) {
|
|
|
|
|
return false
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return this.stopGifs && (this.mimetype === 'image/gif' || this.realSrc.endsWith('.gif'))
|
|
|
|
|
},
|
|
|
|
|
style () {
|
|
|
|
|
const appendPx = (str) => /\d$/.test(str) ? str + 'px' : str
|
|
|
|
@ -27,7 +34,15 @@ const StillImage = {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
loadLazy () {
|
|
|
|
|
if (this.dataSrc) {
|
|
|
|
|
this.realSrc = this.dataSrc
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
onLoad () {
|
|
|
|
|
if (!this.realSrc) {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
const image = this.$refs.src
|
|
|
|
|
if (!image) return
|
|
|
|
|
this.imageLoadHandler && this.imageLoadHandler(image)
|
|
|
|
|