pinafore/routes/_components/virtualList/VirtualListLazyItem.html

33 lines
994 B
HTML
Raw Normal View History

{{#if props}}
2018-02-25 19:20:40 +00:00
<VirtualListItem :component
:offset
:props
:key
:index
/>
{{/if}}
<script>
import VirtualListItem from './VirtualListItem'
import { mark, stop } from '../../_utils/marks'
2018-03-15 17:00:51 +00:00
import { scheduleIdleTask } from '../../_utils/scheduleIdleTask'
export default {
async oncreate() {
// TODO: there appears to be a bug in {{#await}} that means we have to do this manually.
// Some items may appear on top of other items because their offset is 0 and never updated.
let makeProps = this.get('makeProps')
let key = this.get('key')
if (makeProps) {
let props = await makeProps(key)
2018-03-15 17:00:51 +00:00
scheduleIdleTask(() => { // delay to avoid slow scrolling
mark('VirtualListLazyItem set props')
this.set({props: props})
stop('VirtualListLazyItem set props')
})
}
},
components: {
VirtualListItem
}
}
</script>