tnfe / vue3-infinite-list Goto Github PK

如果渲染一千万条数据，整个盒子高度会很大，但实际盒子最大高度只能到26843542像素，就可能会造成滚到底部依然无法渲染后面的数据的问题。

scrollOffset = 21959
debug打印 = start:209 stop:337 total:410 offset:21959
事件返回e.target.scrollTop = 20285
debug打印 = start:188 stop:316 total:410 offset:20285

实际使用中发现，itemSize不填会报错。看文档显示是非必填属性

:data="dataSource"
dataSource一直在变化，是proxy对象，页面没有变化

高度不确定的情况如何动态渲染高度，我看getItemSize这个函数只能返回索引

假设一次性接收几千条数据，但是我只希望一次展示30条，滚动到底部触发事件后展示更多，该怎么做呢

README.zh-CN.md 中文翻译有问题，这不叫无限滚动加载库吧，本身没有判断滚动到底后的加载事件，需要额外编写监听滚动事件进行加载。最多叫无限列表。

您好，
我想增加多选框怎么做？希望多选框能选中一整行。
我的应用场景是有很多的列。

Dynamic data seems to not be 100%.

Let's say I have a list of 10000 items, and a search bar.

I start typing in search bar, which shrinks my data to say 100 items. Vue3-infinite-list crashes with:

Uncaught (in promise) Error: Requested index 28 is outside of range 0..28
at SizeAndPosManager.getSizeAndPositionForIndex (vue3-infinite-list.es.js:90:1)
at Proxy.getItemStyle (vue3-infinite-list.es.js:344:39)
at vue3-infinite-list.es.js:524:32
at renderList (runtime-core.esm-bundler.js:6497:1)
at Proxy._sfc_render (vue3-infinite-list.es.js:521:70)
at renderComponentRoot (runtime-core.esm-bundler.js:893:1)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5098:1)
at ReactiveEffect.run (reactivity.esm-bundler.js:167:1)
at updateComponent (runtime-core.esm-bundler.js:4968:1)
at processComponent (runtime-core.esm-bundler.js:4901:1)

I think the logic needs to be adjusted to deal with being scrolling past the end of the data?

可以实现鼠标悬停 停止自动滚动功能吗？

高度Height一定要设置吗？ 数据量很多的时候，Height 也要list.length * itemHeight吗？ 这样会导致卡死啊，特别是跟走马灯一起用的时候

while (offset < maxOffset && stop < this.itemCount - 1) {
stop++;
offset += this.getSizeAndPositionForIndex(stop).size;
}
这一段判断变成了 offset < '100%'

列表项的高度完全由实际渲染决定，不再设置(itemSize)之类任何的有关高度的设置。完全预估形式的，这样比itemSize来的更加有特色。可能性能上稍逊。
ps：可以参考这个库的预估高度思路