2018-01-30 17:38:14 +00:00
|
|
|
<div class="pseudo-virtual-list-item"
|
2018-01-31 05:02:07 +00:00
|
|
|
aria-hidden="{{hide}}"
|
2018-01-30 17:38:14 +00:00
|
|
|
pseudo-virtual-list-key="{{key}}"
|
|
|
|
style="height: {{hide ? `${height}px` : ''}};"
|
|
|
|
ref:node>
|
|
|
|
{{#if !hide}}
|
|
|
|
<:Component {component}
|
|
|
|
virtualProps="{{props}}"
|
|
|
|
virtualIndex="{{index}}"
|
|
|
|
virtualLength="{length}}"
|
|
|
|
/>
|
|
|
|
{{/if}}
|
2018-01-30 03:22:28 +00:00
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
export default {
|
|
|
|
oncreate() {
|
2018-01-30 17:38:14 +00:00
|
|
|
let intersectionObserver = this.get('intersectionObserver')
|
|
|
|
intersectionObserver.observe(this.refs.node)
|
2018-01-30 03:22:28 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|