2018-03-01 17:19:45 +00:00
|
|
|
{{#if props}}
|
2018-01-30 03:22:28 +00:00
|
|
|
<PseudoVirtualListItem :component
|
|
|
|
:props
|
|
|
|
:key
|
|
|
|
:index
|
2018-02-04 18:05:01 +00:00
|
|
|
:length
|
2018-01-30 17:38:14 +00:00
|
|
|
:intersectionObserver
|
2018-01-31 05:17:01 +00:00
|
|
|
:isIntersecting
|
|
|
|
:isCached
|
2018-01-30 17:38:14 +00:00
|
|
|
:height
|
2018-01-30 03:22:28 +00:00
|
|
|
on:scrollToPosition
|
|
|
|
/>
|
2018-03-01 17:19:45 +00:00
|
|
|
{{/if}}
|
2018-01-30 03:22:28 +00:00
|
|
|
<script>
|
|
|
|
import PseudoVirtualListItem from './PseudoVirtualListItem.html'
|
|
|
|
export default {
|
2018-03-01 17:19:45 +00:00
|
|
|
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) {
|
|
|
|
makeProps(key).then(props => this.set({props: props}))
|
|
|
|
}
|
|
|
|
},
|
2018-01-30 03:22:28 +00:00
|
|
|
components: {
|
|
|
|
PseudoVirtualListItem
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|