data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Simplify PseudoVirtualList (#93)

Browse source 
Possible fix for #92
This commit is contained in:
Nolan Lawson 2018-04-12 19:38:41 -07:00 committed by GitHub
parent 7ece5d7ffc
commit 3786473e34
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
routes/_components/pseudoVirtualList/PseudoVirtualList.html
View file

@ -1,19 +1,17 @@
<div class="pseudo-virtual-list" on:initialized ref:node>
{{#if wrappedItems}}
{{#each wrappedItems as wrappedItem, i @item}}
<PseudoVirtualListLazyItem
component="{{component}}"
index="{{i}}"
length="{{wrappedItems.length}}"
makeProps="{{makeProps}}"
key="{{wrappedItem.item}}"
intersectionObserver="{{intersectionObserver}}"
isIntersecting="{{isIntersecting(wrappedItem.item, $intersectionStates)}}"
isCached="{{isCached(wrappedItem.item, $intersectionStates)}}"
height="{{getHeight(wrappedItem.item, $intersectionStates)}}"
/>
{{/each}}
{{/if}}
{{#each wrappedItems as wrappedItem, i @item}}
<PseudoVirtualListLazyItem
component="{{component}}"
index="{{i}}"
length="{{wrappedItems.length}}"
makeProps="{{makeProps}}"
key="{{wrappedItem.item}}"
intersectionObserver="{{intersectionObserver}}"
isIntersecting="{{isIntersecting(wrappedItem.item, $intersectionStates)}}"
isCached="{{isCached(wrappedItem.item, $intersectionStates)}}"
height="{{getHeight(wrappedItem.item, $intersectionStates)}}"
/>
{{/each}}
</div>
<style>
.pseudo-virtual-list {
@ -107,7 +105,7 @@
}
},
computed: {
wrappedItems: (items) => items && items.map(item => ({item: item})),
wrappedItems: (items) => items ? items.map(item => ({item})) : [],
allItemsHaveHeight: (items, $intersectionStates) => {
if (!items) {
return false