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