40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
{{#if props}}
|
|
<VirtualListItem :component
|
|
:offset
|
|
:props
|
|
:key
|
|
:index
|
|
/>
|
|
{{/if}}
|
|
<script>
|
|
import VirtualListItem from './VirtualListItem'
|
|
import { mark, stop } from '../../_utils/marks'
|
|
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)
|
|
let render = () => {
|
|
mark('VirtualListLazyItem set props')
|
|
this.set({props: props})
|
|
stop('VirtualListLazyItem set props')
|
|
}
|
|
if (this.get('lowPriority')) {
|
|
console.log('lazy render', this.get('key'))
|
|
scheduleIdleTask(render)
|
|
} else {
|
|
console.log('fast render', this.get('key'))
|
|
render()
|
|
}
|
|
}
|
|
},
|
|
components: {
|
|
VirtualListItem
|
|
}
|
|
}
|
|
</script> |