virtua 0.51.1 → 0.51.3
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.
- package/lib/angular/index.js +50 -55
- package/lib/angular/index.js.map +1 -1
- package/lib/core/index.cjs +189 -194
- package/lib/core/index.cjs.map +1 -1
- package/lib/core/index.js +129 -134
- package/lib/core/index.js.map +1 -1
- package/lib/index.cjs +27 -32
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +59 -64
- package/lib/index.js.map +1 -1
- package/lib/solid/Virtualizer.d.ts +1 -1
- package/lib/solid/WindowVirtualizer.d.ts +1 -1
- package/lib/solid/index.cjs +81 -86
- package/lib/solid/index.cjs.map +1 -1
- package/lib/solid/index.js +212 -217
- package/lib/solid/index.js.map +1 -1
- package/lib/solid/index.jsx +65 -67
- package/lib/solid/index.jsx.map +1 -1
- package/lib/svelte/Virtualizer.svelte +2 -1
- package/lib/svelte/WindowVirtualizer.svelte +2 -1
- package/lib/vue/index.cjs +118 -123
- package/lib/vue/index.cjs.map +1 -1
- package/lib/vue/index.js +28 -33
- package/lib/vue/index.js.map +1 -1
- package/package.json +1 -1
package/lib/solid/index.cjs
CHANGED
|
@@ -304,28 +304,28 @@ r), v = ({o: e, i: t, l: r, u: i, h: l, p: c, v: u, $: a, S: f, m: g}, d = 0) =>
|
|
|
304
304
|
}, r);
|
|
305
305
|
const [f, d] = (0, t.createSignal)(!!a), h = m(r.data.length, s, l), p = v(h, a), $ = ((e, t) => {
|
|
306
306
|
let r, n, o = g();
|
|
307
|
-
const s =
|
|
308
|
-
const
|
|
309
|
-
for (const {target:
|
|
310
|
-
const e =
|
|
311
|
-
null != e &&
|
|
307
|
+
const s = /* @__PURE__ */ new WeakMap, i = z(n => {
|
|
308
|
+
const o = [];
|
|
309
|
+
for (const {target: i, contentRect: {width: l, height: c}} of n) if (i === r) (l || c) && e.B(4, t ? l : c); else if (i.offsetParent) {
|
|
310
|
+
const e = s.get(i);
|
|
311
|
+
null != e && o.push([ e, t ? l : c ]);
|
|
312
312
|
}
|
|
313
|
-
|
|
313
|
+
o.length && e.B(3, o);
|
|
314
314
|
});
|
|
315
315
|
return {
|
|
316
|
-
te(s,
|
|
317
|
-
|
|
318
|
-
const e = t ? "overflowX" : "overflowY", r =
|
|
316
|
+
te(s, l = s.parentElement) {
|
|
317
|
+
i.P(r = l), n = b(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
|
|
318
|
+
const e = t ? "overflowX" : "overflowY", r = l.style, n = r[e];
|
|
319
319
|
r[e] = "hidden", u(() => {
|
|
320
320
|
r[e] = n;
|
|
321
321
|
});
|
|
322
322
|
}), o[1](!0);
|
|
323
323
|
},
|
|
324
324
|
I() {
|
|
325
|
-
|
|
325
|
+
i.J(), n && n.J(), o[1](!1), o = g();
|
|
326
326
|
},
|
|
327
|
-
re: (e, t) => (
|
|
328
|
-
|
|
327
|
+
re: (e, t) => (s.set(e, t), i.P(e), () => {
|
|
328
|
+
s.delete(e), i.H(e);
|
|
329
329
|
}),
|
|
330
330
|
async U(e, t) {
|
|
331
331
|
await o[0] && n.W(e, t);
|
|
@@ -347,48 +347,48 @@ r), v = ({o: e, i: t, l: r, u: i, h: l, p: c, v: u, $: a, S: f, m: g}, d = 0) =>
|
|
|
347
347
|
S();
|
|
348
348
|
const t = p.o(r.bufferSize);
|
|
349
349
|
return e && _(e, t) ? e : t;
|
|
350
|
-
}), O = (0, t.createMemo)(() => S() && p.L()), T = (0, t.createMemo)(() => S() && p.v());
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
350
|
+
}), O = (0, t.createMemo)(() => S() && p.L()), T = (0, t.createMemo)(() => S() && p.v()), M = r.ref;
|
|
351
|
+
!e.isServer && M && (M({
|
|
352
|
+
get cache() {
|
|
353
|
+
return h.D();
|
|
354
|
+
},
|
|
355
|
+
get scrollOffset() {
|
|
356
|
+
return p.M();
|
|
357
|
+
},
|
|
358
|
+
get scrollSize() {
|
|
359
|
+
return (e => o(e.v(), e.R()))(p);
|
|
360
|
+
},
|
|
361
|
+
get viewportSize() {
|
|
362
|
+
return p.R();
|
|
363
|
+
},
|
|
364
|
+
findItemIndex: p.k,
|
|
365
|
+
getItemOffset: p.l,
|
|
366
|
+
getItemSize: p.u,
|
|
367
|
+
scrollToIndex: (e, t) => x($, p, e, t),
|
|
368
|
+
scrollTo: e => w($, e),
|
|
369
|
+
scrollBy: e => ((e, t, r) => {
|
|
370
|
+
w(e, r + t.M());
|
|
371
|
+
})($, p, e)
|
|
372
|
+
}), (0, t.onCleanup)(() => M())), (0, t.onMount)(() => {
|
|
373
|
+
d(!1), $.te(n, r.scrollRef), (0, t.onCleanup)(() => {
|
|
374
|
+
p.I(), $.I();
|
|
375
375
|
});
|
|
376
376
|
}), (0, t.createComputed)((0, t.on)(() => r.startMargin || 0, e => {
|
|
377
377
|
e !== p.q() && p.B(6, e);
|
|
378
378
|
})), (0, t.createEffect)((0, t.on)(S, () => {
|
|
379
379
|
$.ne();
|
|
380
380
|
}));
|
|
381
|
-
const
|
|
381
|
+
const L = (0, t.createMemo)(() => {
|
|
382
382
|
const e = r.data.length;
|
|
383
383
|
(0, t.untrack)(() => {
|
|
384
384
|
e !== p.T() && p.B(5, [ e, r.shift ]);
|
|
385
385
|
});
|
|
386
386
|
const n = [], o = [];
|
|
387
387
|
if (r.keepMounted) {
|
|
388
|
-
const
|
|
389
|
-
for (let [
|
|
390
|
-
c([ ...
|
|
391
|
-
n.push(r.data[
|
|
388
|
+
const t = new Set(r.keepMounted);
|
|
389
|
+
for (let [e, r] = k(); e <= r; e++) t.add(e);
|
|
390
|
+
c([ ...t ]).forEach(t => {
|
|
391
|
+
t < e && (n.push(r.data[t]), o.push(t));
|
|
392
392
|
});
|
|
393
393
|
} else for (let [e, t] = k(); e <= t; e++) n.push(r.data[e]), o.push(e);
|
|
394
394
|
return {
|
|
@@ -417,7 +417,7 @@ r), v = ({o: e, i: t, l: r, u: i, h: l, p: c, v: u, $: a, S: f, m: g}, d = 0) =>
|
|
|
417
417
|
get children() {
|
|
418
418
|
return (0, e.createComponent)(t.For, {
|
|
419
419
|
get each() {
|
|
420
|
-
return
|
|
420
|
+
return L().oe;
|
|
421
421
|
},
|
|
422
422
|
children: (n, o) => ((n, o) => {
|
|
423
423
|
const s = (0, t.createMemo)(() => (S(), p.l(o()))), l = (0, t.createMemo)(() => (S(),
|
|
@@ -446,7 +446,7 @@ r), v = ({o: e, i: t, l: r, u: i, h: l, p: c, v: u, $: a, S: f, m: g}, d = 0) =>
|
|
|
446
446
|
return f();
|
|
447
447
|
}
|
|
448
448
|
});
|
|
449
|
-
})(n, (0, t.createMemo)(() =>
|
|
449
|
+
})(n, (0, t.createMemo)(() => L().se[o()]))
|
|
450
450
|
});
|
|
451
451
|
}
|
|
452
452
|
});
|
|
@@ -514,36 +514,31 @@ exports.VList = r => {
|
|
|
514
514
|
const {ref: o, data: s, children: i, itemSize: l, ssrCount: c, shift: u, horizontal: a = !1, cache: f, onScrollEnd: p} = r, [$, S] = (0,
|
|
515
515
|
t.createSignal)(!!c), w = m(r.data.length, l, f), y = v(w, c), k = ((e, t) => {
|
|
516
516
|
let r, n, o, s, i, l = g();
|
|
517
|
-
const c =
|
|
518
|
-
const
|
|
519
|
-
for (const {target: e, contentRect:
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
continue;
|
|
523
|
-
}
|
|
524
|
-
if (!e.offsetParent) continue;
|
|
525
|
-
const t = u.get(e);
|
|
526
|
-
null != t && n.push([ t, o[c] ]);
|
|
517
|
+
const c = /* @__PURE__ */ new WeakMap, u = z(n => {
|
|
518
|
+
const o = [];
|
|
519
|
+
for (const {target: e, contentRect: {width: s, height: l}} of n) if (e === r) i && i(); else if (e.offsetParent) {
|
|
520
|
+
const r = c.get(e);
|
|
521
|
+
null != r && o.push([ r, t ? s : l ]);
|
|
527
522
|
}
|
|
528
|
-
|
|
523
|
+
o.length && e.B(3, o);
|
|
529
524
|
});
|
|
530
525
|
return {
|
|
531
526
|
te(c) {
|
|
532
|
-
const
|
|
527
|
+
const a = d(c), f = h(a), g = r = a.scrollingElement, p = t && "rtl" === getComputedStyle(g).direction, v = (e, t, r, n, o = 0) => {
|
|
533
528
|
const s = n ? "offsetLeft" : "offsetTop", i = o + (p ? t.clientWidth - e[s] - e.offsetWidth : e[s]), l = e.offsetParent;
|
|
534
529
|
return e !== r && l ? v(l, t, r, n, i) : i;
|
|
535
|
-
}, $ = s = () => v(c, g,
|
|
530
|
+
}, $ = s = () => v(c, g, a.body, t), S = i = () => {
|
|
536
531
|
e.B(4, g[t ? "clientWidth" : "clientHeight"]);
|
|
537
532
|
};
|
|
538
|
-
f.addEventListener("resize", S),
|
|
533
|
+
f.addEventListener("resize", S), u.P(g), o = () => {
|
|
539
534
|
f.removeEventListener("resize", S);
|
|
540
535
|
}, n = b(e, f, g, t, p, null, $), l[1](!0);
|
|
541
536
|
},
|
|
542
537
|
I() {
|
|
543
|
-
o && o(),
|
|
538
|
+
o && o(), u.J(), n && n.J(), l[1](!1), l = g();
|
|
544
539
|
},
|
|
545
|
-
re: (e, t) => (
|
|
546
|
-
|
|
540
|
+
re: (e, t) => (c.set(e, t), u.P(e), () => {
|
|
541
|
+
c.delete(e), u.H(e);
|
|
547
542
|
}),
|
|
548
543
|
async U(e, t) {
|
|
549
544
|
await l[0] && n.W(e, t);
|
|
@@ -565,29 +560,29 @@ exports.VList = r => {
|
|
|
565
560
|
T();
|
|
566
561
|
const t = y.o(r.bufferSize);
|
|
567
562
|
return e && _(e, t) ? e : t;
|
|
568
|
-
}), R = (0, t.createMemo)(() => T() && y.L()), q = (0, t.createMemo)(() => T() && y.v());
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
563
|
+
}), R = (0, t.createMemo)(() => T() && y.L()), q = (0, t.createMemo)(() => T() && y.v()), C = r.ref;
|
|
564
|
+
!e.isServer && C && (C({
|
|
565
|
+
get cache() {
|
|
566
|
+
return w.D();
|
|
567
|
+
},
|
|
568
|
+
get scrollOffset() {
|
|
569
|
+
return y.M();
|
|
570
|
+
},
|
|
571
|
+
get viewportSize() {
|
|
572
|
+
return y.R();
|
|
573
|
+
},
|
|
574
|
+
findItemIndex: y.k,
|
|
575
|
+
getItemOffset: y.l,
|
|
576
|
+
getItemSize: y.u,
|
|
577
|
+
scrollToIndex: (e, t) => x(k, y, e, t)
|
|
578
|
+
}), (0, t.onCleanup)(() => C())), (0, t.onMount)(() => {
|
|
579
|
+
S(!1), k.te(n), (0, t.onCleanup)(() => {
|
|
580
|
+
y.I(), k.I();
|
|
586
581
|
});
|
|
587
582
|
}), (0, t.createEffect)((0, t.on)(T, () => {
|
|
588
583
|
k.ne();
|
|
589
584
|
}));
|
|
590
|
-
const
|
|
585
|
+
const E = (0, t.createMemo)(() => {
|
|
591
586
|
const e = r.data.length;
|
|
592
587
|
(0, t.untrack)(() => {
|
|
593
588
|
e !== y.T() && y.B(5, [ e, r.shift ]);
|
|
@@ -596,10 +591,10 @@ exports.VList = r => {
|
|
|
596
591
|
for (let [e, t] = L(); e <= t; e++) n.push(r.data[e]);
|
|
597
592
|
return n;
|
|
598
593
|
});
|
|
599
|
-
return
|
|
594
|
+
return j = O(), "function" == typeof (B = n) ? (0, e.use)(B, j) : n = j, (0, e.insert)(j, (0,
|
|
600
595
|
e.createComponent)(t.For, {
|
|
601
596
|
get each() {
|
|
602
|
-
return
|
|
597
|
+
return E();
|
|
603
598
|
},
|
|
604
599
|
children: (n, o) => {
|
|
605
600
|
const s = (0, t.createMemo)(() => L()[0] + o()), i = (0, t.createMemo)(() => (T(),
|
|
@@ -629,14 +624,14 @@ exports.VList = r => {
|
|
|
629
624
|
}
|
|
630
625
|
})), (0, e.effect)(t => {
|
|
631
626
|
var r = a ? q() + "px" : "100%", n = a ? "100%" : q() + "px", o = R() ? "none" : void 0;
|
|
632
|
-
return r !== t.e && (0, e.setStyleProperty)(
|
|
633
|
-
e.setStyleProperty)(
|
|
627
|
+
return r !== t.e && (0, e.setStyleProperty)(j, "width", t.e = r), n !== t.t && (0,
|
|
628
|
+
e.setStyleProperty)(j, "height", t.t = n), o !== t.a && (0, e.setStyleProperty)(j, "pointer-events", t.a = o),
|
|
634
629
|
t;
|
|
635
630
|
}, {
|
|
636
631
|
e: void 0,
|
|
637
632
|
t: void 0,
|
|
638
633
|
a: void 0
|
|
639
|
-
}),
|
|
640
|
-
var
|
|
634
|
+
}), j;
|
|
635
|
+
var j, B;
|
|
641
636
|
};
|
|
642
637
|
//# sourceMappingURL=index.cjs.map
|