Remove unused ft-intersection-observer component (#2563)
This commit is contained in:
parent
2d2c1e7a0b
commit
036abdc96b
|
@ -1,54 +0,0 @@
|
|||
import Vue from 'vue'
|
||||
|
||||
export default Vue.extend({
|
||||
name: 'FtIntersectionObserver',
|
||||
props: {
|
||||
checkOnMount: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
margin: {
|
||||
type: String,
|
||||
default: '0px 0px 0px 0px'
|
||||
},
|
||||
observeParent: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
threshold: {
|
||||
type: Number,
|
||||
default: 1
|
||||
}
|
||||
},
|
||||
data() {
|
||||
const observer = new IntersectionObserver(this.handleIntersection, {
|
||||
rootMargin: this.margin,
|
||||
threshold: this.threshold
|
||||
})
|
||||
const runOnce = false
|
||||
|
||||
return {
|
||||
observer,
|
||||
runOnce
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.observer.observe(this.observeParent ? this.$refs.elem.parentElement : this.$refs.elem)
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.observer.disconnect()
|
||||
},
|
||||
methods: {
|
||||
handleIntersection(entries) {
|
||||
if (!this.runOnce) {
|
||||
this.runOnce = true
|
||||
|
||||
if (!this.checkOnMount) {
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
this.$emit(entries[0].isIntersecting ? 'intersected' : 'unintersected')
|
||||
}
|
||||
}
|
||||
})
|
|
@ -1,5 +0,0 @@
|
|||
<template>
|
||||
<div ref="elem" />
|
||||
</template>
|
||||
|
||||
<script src="./ft-intersection-observer.js" />
|
Loading…
Reference in New Issue