virtua 0.51.0 → 0.51.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/README.md +4 -4
  2. package/lib/angular/index.js +214 -235
  3. package/lib/angular/index.js.map +1 -1
  4. package/lib/core/index.cjs +232 -271
  5. package/lib/core/index.cjs.map +1 -1
  6. package/lib/core/index.js +272 -311
  7. package/lib/core/index.js.map +1 -1
  8. package/lib/index.cjs +358 -397
  9. package/lib/index.cjs.map +1 -1
  10. package/lib/index.js +366 -405
  11. package/lib/index.js.map +1 -1
  12. package/lib/solid/index.cjs +274 -295
  13. package/lib/solid/index.cjs.map +1 -1
  14. package/lib/solid/index.js +269 -290
  15. package/lib/solid/index.js.map +1 -1
  16. package/lib/solid/index.jsx +137 -206
  17. package/lib/solid/index.jsx.map +1 -1
  18. package/lib/svelte/Virtualizer.svelte +11 -2
  19. package/lib/svelte/WindowVirtualizer.svelte +11 -2
  20. package/lib/svelte/utils.d.ts +2 -0
  21. package/lib/svelte/utils.js +4 -1
  22. package/lib/svelte/utils.js.map +1 -1
  23. package/lib/vue/index.cjs +337 -378
  24. package/lib/vue/index.cjs.map +1 -1
  25. package/lib/vue/index.js +309 -349
  26. package/lib/vue/index.js.map +1 -1
  27. package/package.json +2 -2
package/README.md CHANGED
@@ -217,8 +217,8 @@ const data = Array.from({ length: 1000 }).map((_, i) => sizes[i % 4]);
217
217
  :key="index"
218
218
  :style="{
219
219
  height: item + 'px',
220
- background: 'white',
221
220
  borderBottom: 'solid 1px #ccc',
221
+ background: 'white',
222
222
  }"
223
223
  >
224
224
  {{ index }}
@@ -245,7 +245,7 @@ export const App = () => {
245
245
  style={{
246
246
  height: d + "px",
247
247
  "border-bottom": "solid 1px #ccc",
248
- background: "#fff",
248
+ background: "white",
249
249
  }}
250
250
  >
251
251
  {i()}
@@ -269,13 +269,13 @@ export const App = () => {
269
269
  const data = Array.from({ length: 1000 }).map((_, i) => sizes[i % 4]);
270
270
  </script>
271
271
 
272
- <VList {data} style="height: 100vh;" getKey={(_, i) => i}>
272
+ <VList {data} style="height: 800px;" getKey={(_, i) => i}>
273
273
  {#snippet children(item, index)}
274
274
  <div
275
275
  style="
276
276
  height: {item}px;
277
- background: white;
278
277
  border-bottom: solid 1px #ccc;
278
+ background: white;
279
279
  "
280
280
  >
281
281
  {index}