2018-03-01 18:19:45 +01:00
|
|
|
{{#if props}}
|
2018-01-30 04:22:28 +01:00
|
|
|
<PseudoVirtualListItem :component
|
|
|
|
:props
|
|
|
|
:key
|
|
|
|
:index
|
2018-02-04 19:05:01 +01:00
|
|
|
:length
|
2018-01-30 18:38:14 +01:00
|
|
|
:intersectionObserver
|
2018-01-31 06:17:01 +01:00
|
|
|
:isIntersecting
|
|
|
|
:isCached
|
2018-01-30 18:38:14 +01:00
|
|
|
:height
|
2018-01-30 04:22:28 +01:00
|
|
|
on:scrollToPosition
|
|
|
|
/>
|
2018-03-01 18:19:45 +01:00
|
|
|
{{/if}}
|
2018-01-30 04:22:28 +01:00
|
|
|
<script>
|
|
|
|
import PseudoVirtualListItem from './PseudoVirtualListItem.html'
|
2018-03-15 02:24:16 +01:00
|
|
|
import { mark, stop } from '../../_utils/marks'
|
|
|
|
|
2018-01-30 04:22:28 +01:00
|
|
|
export default {
|
2018-04-20 06:38:01 +02:00
|
|
|
async oncreate () {
|
2018-04-30 02:33:58 +02:00
|
|
|
let { makeProps, key } = this.get() || {} // https://github.com/sveltejs/svelte/issues/1354
|
2018-03-01 18:19:45 +01:00
|
|
|
if (makeProps) {
|
2018-03-15 02:24:16 +01:00
|
|
|
let props = await makeProps(key)
|
2018-03-22 08:01:19 +01:00
|
|
|
mark('PseudoVirtualListLazyItem set props')
|
|
|
|
this.set({props: props})
|
|
|
|
stop('PseudoVirtualListLazyItem set props')
|
2018-03-01 18:19:45 +01:00
|
|
|
}
|
|
|
|
},
|
2018-04-30 07:13:41 +02:00
|
|
|
data: () => ({
|
|
|
|
props: void 0
|
|
|
|
}),
|
2018-01-30 04:22:28 +01:00
|
|
|
components: {
|
|
|
|
PseudoVirtualListItem
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|