remove unnecessary resize event listener
This commit is contained in:
parent
0a7f56004f
commit
208316b914
|
@ -1,28 +1,22 @@
|
||||||
<:Window bind:innerHeight />
|
<div class="container"
|
||||||
<div class="container" on:scroll="onScroll(event)" on:fullscreen="onFullscreenChange()" ref:node>
|
on:scroll="onScroll(event)"
|
||||||
|
on:fullscreen="onFullscreenChange()"
|
||||||
|
ref:node>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
import { virtualListStore } from '../_utils/virtualListStore'
|
import { virtualListStore } from '../_utils/virtualListStore'
|
||||||
|
|
||||||
import debounce from 'lodash/debounce'
|
|
||||||
import throttle from 'lodash/throttle'
|
import throttle from 'lodash/throttle'
|
||||||
import { isFullscreen, attachFullscreenListener, detachFullscreenListener } from '../_utils/fullscreen'
|
import { isFullscreen, attachFullscreenListener, detachFullscreenListener } from '../_utils/fullscreen'
|
||||||
import { mark, stop } from '../_utils/marks'
|
import { mark, stop } from '../_utils/marks'
|
||||||
|
|
||||||
const SCROLL_EVENT_DELAY = 300
|
const SCROLL_EVENT_DELAY = 300
|
||||||
const RESIZE_EVENT_DELAY = 700
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
oncreate() {
|
oncreate() {
|
||||||
mark('onCreate VirtualListContainer')
|
mark('onCreate VirtualListContainer')
|
||||||
let node = this.refs.node
|
let node = this.refs.node
|
||||||
this.observe('innerHeight', debounce(() => {
|
|
||||||
// respond to window resize events
|
|
||||||
this.store.set({
|
|
||||||
offsetHeight: node.offsetHeight
|
|
||||||
})
|
|
||||||
}, RESIZE_EVENT_DELAY))
|
|
||||||
this.store.set({
|
this.store.set({
|
||||||
scrollTop: node.scrollTop,
|
scrollTop: node.scrollTop,
|
||||||
scrollHeight: node.scrollHeight,
|
scrollHeight: node.scrollHeight,
|
||||||
|
|
Loading…
Reference in a new issue