virtua 0.49.2 → 0.50.0
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/README.md +39 -5
- package/lib/angular/ListItem.d.ts +1 -0
- package/lib/angular/VList.d.ts +85 -0
- package/lib/angular/Virtualizer.d.ts +141 -0
- package/lib/angular/WindowVirtualizer.d.ts +103 -0
- package/lib/angular/index.d.ts +6 -0
- package/lib/angular/index.js +1148 -0
- package/lib/angular/index.js.map +1 -0
- package/lib/angular/utils.d.ts +19 -0
- package/lib/core/index.cjs +237 -233
- package/lib/core/index.cjs.map +1 -1
- package/lib/core/index.d.ts +6 -6
- package/lib/core/index.js +272 -272
- package/lib/core/index.js.map +1 -1
- package/lib/index.cjs +529 -499
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.ts +2 -2
- package/lib/index.js +321 -315
- package/lib/index.js.map +1 -1
- package/lib/react/VGrid.d.ts +2 -2
- package/lib/react/VList.d.ts +3 -3
- package/lib/react/Virtualizer.d.ts +3 -3
- package/lib/react/WindowVirtualizer.d.ts +3 -3
- package/lib/react/index.d.ts +9 -9
- package/lib/react/types.d.ts +1 -1
- package/lib/solid/VList.d.ts +3 -6
- package/lib/solid/Virtualizer.d.ts +2 -5
- package/lib/solid/WindowVirtualizer.d.ts +2 -5
- package/lib/solid/index.cjs +331 -323
- package/lib/solid/index.cjs.map +1 -1
- package/lib/solid/index.d.ts +7 -7
- package/lib/solid/index.js +249 -257
- package/lib/solid/index.js.map +1 -1
- package/lib/solid/index.jsx +1224 -1566
- package/lib/solid/index.jsx.map +1 -1
- package/lib/solid/types.d.ts +1 -1
- package/lib/svelte/ListItem.svelte +12 -2
- package/lib/svelte/VList.svelte +2 -0
- package/lib/svelte/VList.type.d.ts +3 -3
- package/lib/svelte/Virtualizer.svelte +2 -0
- package/lib/svelte/Virtualizer.type.d.ts +8 -3
- package/lib/svelte/WindowVirtualizer.type.d.ts +2 -2
- package/lib/svelte/index.d.ts +6 -6
- package/lib/svelte/index.js +4 -4
- package/lib/svelte/types.d.ts +1 -1
- package/lib/svelte/utils.d.ts +7 -0
- package/lib/svelte/utils.js +11 -11
- package/lib/svelte/utils.js.map +1 -1
- package/lib/vue/VList.d.ts +2 -3
- package/lib/vue/Virtualizer.d.ts +3 -4
- package/lib/vue/WindowVirtualizer.d.ts +2 -3
- package/lib/vue/index.cjs +327 -317
- package/lib/vue/index.cjs.map +1 -1
- package/lib/vue/index.d.ts +6 -6
- package/lib/vue/index.js +284 -284
- package/lib/vue/index.js.map +1 -1
- package/lib/vue/utils.d.ts +1 -1
- package/package.json +40 -17
- package/lib/svelte/index.js.map +0 -1
package/lib/solid/index.js
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Dynamic as e, createComponent as t, effect as r, insert as n, mergeProps as o, setStyleProperty as s, spread as i, template as l, use as c } from "solid-js/web";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { For as u, createComputed as f, createEffect as a, createMemo as d, createSignal as g, mergeProps as h, on as p, onCleanup as v, onMount as m, splitProps as S, untrack as $ } from "solid-js";
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
var {min: b, max: z, abs: w, floor: x} = Math, y = (e, t, r) => b(r, z(t, e)), _ = e => [ ...e ].sort((e, t) => e - t), I = "function" == typeof queueMicrotask ? queueMicrotask : e => {
|
|
6
6
|
Promise.resolve().then(e);
|
|
7
|
-
},
|
|
7
|
+
}, k = () => {
|
|
8
8
|
let e;
|
|
9
9
|
return [ new Promise(t => {
|
|
10
10
|
e = t;
|
|
11
11
|
}), e ];
|
|
12
|
-
},
|
|
12
|
+
}, T = e => {
|
|
13
13
|
let t;
|
|
14
14
|
return () => (e && (t = e(), e = void 0), t);
|
|
15
|
-
},
|
|
15
|
+
}, M = (e, t, r) => {
|
|
16
16
|
const n = r ? "unshift" : "push";
|
|
17
17
|
for (let r = 0; r < t; r++) e[n](-1);
|
|
18
18
|
return e;
|
|
19
|
-
},
|
|
19
|
+
}, O = (e, t) => {
|
|
20
20
|
const r = e.o[t];
|
|
21
21
|
return -1 === r ? e.i : r;
|
|
22
|
-
},
|
|
22
|
+
}, R = (e, t, r) => {
|
|
23
23
|
const n = -1 === e.o[t];
|
|
24
|
-
return e.o[t] = r, e.l =
|
|
25
|
-
},
|
|
24
|
+
return e.o[t] = r, e.l = b(t, e.l), n;
|
|
25
|
+
}, J = (e, t) => {
|
|
26
26
|
if (!e.u) return 0;
|
|
27
27
|
if (e.l >= t) return e.h[t];
|
|
28
28
|
e.l < 0 && (e.h[0] = 0, e.l = 0);
|
|
29
29
|
let r = e.l, n = e.h[r];
|
|
30
|
-
for (;r < t; ) n +=
|
|
30
|
+
for (;r < t; ) n += O(e, r), e.h[++r] = n;
|
|
31
31
|
return e.l = t, n;
|
|
32
|
-
},
|
|
32
|
+
}, P = (e, t, r = 0, n = e.u - 1) => {
|
|
33
33
|
let o = r;
|
|
34
34
|
for (;r <= n; ) {
|
|
35
|
-
const s =
|
|
36
|
-
|
|
35
|
+
const s = x((r + n) / 2);
|
|
36
|
+
J(e, s) <= t ? (o = s, r = s + 1) : n = s - 1;
|
|
37
37
|
}
|
|
38
|
-
return
|
|
39
|
-
},
|
|
38
|
+
return y(o, 0, e.u - 1);
|
|
39
|
+
}, B = (e, t, r) => {
|
|
40
40
|
const n = t - e.u;
|
|
41
|
-
return e.l = r ? -1 :
|
|
41
|
+
return e.l = r ? -1 : b(t - 1, e.l), e.u = t, n > 0 ? (M(e.h, n), M(e.o, n, r),
|
|
42
42
|
e.i * n) : (e.h.splice(n), (r ? e.o.splice(0, -n) : e.o.splice(n)).reduce((t, r) => t - (-1 === r ? e.i : r), 0));
|
|
43
|
-
},
|
|
44
|
-
let s = !!r, i = 1,
|
|
43
|
+
}, C = e => e.documentElement, E = e => e.ownerDocument, H = e => e.defaultView, L = /*#__PURE__*/ T(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), W = /*#__PURE__*/ T(() => "scrollBehavior" in C(document).style), j = (e, t = 40, r = 0, n, o = !1) => {
|
|
44
|
+
let s = !!r, i = 1, l = 0, c = 0, u = 0, f = 0, a = 0, d = 0, g = 0, h = 0, p = null, v = [ 0, s ? z(r - 1, 0) : -1 ], m = 0, S = !1;
|
|
45
45
|
const $ = ((e, t, r) => ({
|
|
46
46
|
i: t,
|
|
47
|
-
o: r ?
|
|
47
|
+
o: r ? M(r.slice(0, b(e, r.length)), z(0, e - r.length)) : M([], e),
|
|
48
48
|
u: e,
|
|
49
49
|
l: -1,
|
|
50
|
-
h:
|
|
51
|
-
}))(e, n ? n[1] : t, n && n[0]),
|
|
52
|
-
if (n =
|
|
53
|
-
const o =
|
|
54
|
-
return [
|
|
50
|
+
h: M([], e + 1)
|
|
51
|
+
}))(e, n ? n[1] : t, n && n[0]), x = /* @__PURE__ */ new Set, y = () => u - c, I = () => y() + a + f, k = (e, t) => ((e, t, r, n) => {
|
|
52
|
+
if (n = b(n, e.u - 1), J(e, n) <= t) {
|
|
53
|
+
const o = P(e, r, n);
|
|
54
|
+
return [ P(e, t, n, o), o ];
|
|
55
55
|
}
|
|
56
56
|
{
|
|
57
|
-
const o =
|
|
58
|
-
return [ o,
|
|
57
|
+
const o = P(e, t, void 0, n);
|
|
58
|
+
return [ o, P(e, r, o) ];
|
|
59
59
|
}
|
|
60
|
-
})($, e, t, v[0]),
|
|
61
|
-
const r =
|
|
62
|
-
return t ?
|
|
63
|
-
},
|
|
64
|
-
e && (
|
|
60
|
+
})($, e, t, v[0]), T = () => J($, $.u), C = (e, t) => {
|
|
61
|
+
const r = J($, e) - a;
|
|
62
|
+
return t ? T() - r - E(e) : r;
|
|
63
|
+
}, E = e => O($, e), H = (e, t = -1) => $.o[e] === t, W = e => {
|
|
64
|
+
e && (L() && 0 !== g || p && 1 === h ? a += e : f += e);
|
|
65
65
|
};
|
|
66
66
|
return {
|
|
67
67
|
p: () => {
|
|
68
|
-
|
|
68
|
+
x.clear();
|
|
69
69
|
},
|
|
70
70
|
v: () => i,
|
|
71
71
|
m: () => (e => [ e.o.slice(), e.i ])($),
|
|
@@ -73,27 +73,27 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
73
73
|
if (!S || s) return v;
|
|
74
74
|
let t, r;
|
|
75
75
|
if (d) [t, r] = v; else {
|
|
76
|
-
let n =
|
|
77
|
-
o || (e =
|
|
78
|
-
p && (t =
|
|
76
|
+
let n = z(0, I()), s = n + l;
|
|
77
|
+
o || (e = z(0, e), 1 !== g && (n -= e), 2 !== g && (s += e)), [t, r] = v = k(z(0, n), z(0, s)),
|
|
78
|
+
p && (t = b(t, p[0]), r = z(r, p[1]));
|
|
79
79
|
}
|
|
80
|
-
return [
|
|
80
|
+
return [ z(t, 0), b(r, $.u - 1) ];
|
|
81
81
|
},
|
|
82
|
-
$: e =>
|
|
83
|
-
_:
|
|
84
|
-
I:
|
|
85
|
-
k:
|
|
82
|
+
$: e => P($, e - c),
|
|
83
|
+
_: H,
|
|
84
|
+
I: C,
|
|
85
|
+
k: E,
|
|
86
86
|
T: () => $.u,
|
|
87
87
|
M: () => u,
|
|
88
88
|
O: () => 0 !== g,
|
|
89
|
-
R: () =>
|
|
90
|
-
J: () =>
|
|
91
|
-
P:
|
|
89
|
+
R: () => l,
|
|
90
|
+
J: () => c,
|
|
91
|
+
P: T,
|
|
92
92
|
B: () => (d = f, f = 0, [ d, 2 === h ]),
|
|
93
93
|
C: (e, t) => {
|
|
94
94
|
const r = [ e, t ];
|
|
95
|
-
return
|
|
96
|
-
|
|
95
|
+
return x.add(r), () => {
|
|
96
|
+
x.delete(r);
|
|
97
97
|
};
|
|
98
98
|
},
|
|
99
99
|
H: (e, t) => {
|
|
@@ -104,55 +104,55 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
104
104
|
if (t === u && 0 === h) break;
|
|
105
105
|
const e = d;
|
|
106
106
|
d = 0;
|
|
107
|
-
const r = t - u, o =
|
|
108
|
-
e && o <
|
|
109
|
-
const i =
|
|
110
|
-
i >= -
|
|
107
|
+
const r = t - u, o = w(r);
|
|
108
|
+
e && o < w(e) + 1 || 0 !== h || (g = r < 0 ? 2 : 1), s && (s = !1), u = t, v = 4;
|
|
109
|
+
const i = y();
|
|
110
|
+
i >= -l && i <= T() && (v += 1, n = o > l);
|
|
111
111
|
break;
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
case 2:
|
|
115
|
-
v = 8, 0 !== g && (r = !0, v += 1), g = 0, h = 0, p =
|
|
115
|
+
v = 8, 0 !== g && (r = !0, v += 1), g = 0, h = 0, p = null;
|
|
116
116
|
break;
|
|
117
117
|
|
|
118
118
|
case 3:
|
|
119
119
|
{
|
|
120
|
-
const e = t.filter(([e, t]) => !
|
|
120
|
+
const e = t.filter(([e, t]) => !H(e, t));
|
|
121
121
|
if (!e.length) break;
|
|
122
|
-
|
|
122
|
+
W(e.reduce((e, [t, r]) => {
|
|
123
123
|
let n;
|
|
124
124
|
if (2 === h) n = !0; else if (p && 1 === h) n = t < p[0]; else {
|
|
125
|
-
const e =
|
|
126
|
-
n = 1 !== g && 0 === h ? r + o <= e : r < e && r + o < e +
|
|
125
|
+
const e = y(), r = C(t), o = E(t);
|
|
126
|
+
n = 1 !== g && 0 === h ? r + o <= e : r < e && r + o < e + l;
|
|
127
127
|
}
|
|
128
|
-
return n && (e += r -
|
|
128
|
+
return n && (e += r - E(t)), e;
|
|
129
129
|
}, 0));
|
|
130
130
|
for (const [t, r] of e) {
|
|
131
|
-
const e =
|
|
131
|
+
const e = E(t), n = R($, t, r);
|
|
132
132
|
o && (m += n ? r : r - e);
|
|
133
133
|
}
|
|
134
|
-
o &&
|
|
134
|
+
o && l && m > l && (W(((e, t) => {
|
|
135
135
|
let r = 0;
|
|
136
136
|
const n = [];
|
|
137
137
|
e.o.forEach((e, o) => {
|
|
138
138
|
-1 !== e && (n.push(e), o < t && r++);
|
|
139
139
|
}), e.l = -1;
|
|
140
|
-
const o =
|
|
141
|
-
return ((e.i =
|
|
142
|
-
})($,
|
|
140
|
+
const o = _(n), s = o.length, i = s / 2 | 0, l = s % 2 == 0 ? (o[i - 1] + o[i]) / 2 : o[i], c = e.i;
|
|
141
|
+
return ((e.i = l) - c) * z(t - r, 0);
|
|
142
|
+
})($, P($, I()))), o = !1), v = 3, n = !0;
|
|
143
143
|
break;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
146
|
case 4:
|
|
147
|
-
|
|
147
|
+
l !== t && (l || (S = n = !0), l = t, v = 3);
|
|
148
148
|
break;
|
|
149
149
|
|
|
150
150
|
case 5:
|
|
151
|
-
t[1] ? (
|
|
151
|
+
t[1] ? (W(B($, t[0], !0)), h = 2, v = 1) : (B($, t[0]), v = 1);
|
|
152
152
|
break;
|
|
153
153
|
|
|
154
154
|
case 6:
|
|
155
|
-
|
|
155
|
+
c = t;
|
|
156
156
|
break;
|
|
157
157
|
|
|
158
158
|
case 7:
|
|
@@ -160,39 +160,39 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
160
160
|
break;
|
|
161
161
|
|
|
162
162
|
case 8:
|
|
163
|
-
p =
|
|
163
|
+
p = k(t, t + l), v = 1;
|
|
164
164
|
}
|
|
165
|
-
v && (i = 1 + (2147483647 & i), r && a && (f += a, a = 0),
|
|
165
|
+
v && (i = 1 + (2147483647 & i), r && a && (f += a, a = 0), x.forEach(([e, t]) => {
|
|
166
166
|
v & e && t(n);
|
|
167
167
|
}));
|
|
168
168
|
}
|
|
169
169
|
};
|
|
170
|
-
},
|
|
170
|
+
}, q = setTimeout, N = (e, t) => t ? -e : e, V = (e, t, r, n, o, s) => {
|
|
171
171
|
const i = Date.now;
|
|
172
|
-
let
|
|
172
|
+
let l = 0, c = !1, u = !1, f = !1, a = !1;
|
|
173
173
|
const d = (() => {
|
|
174
174
|
let t;
|
|
175
175
|
const r = () => {
|
|
176
|
-
|
|
176
|
+
null != t && clearTimeout(t);
|
|
177
177
|
}, n = () => {
|
|
178
|
-
r(), t =
|
|
179
|
-
t =
|
|
180
|
-
if (
|
|
178
|
+
r(), t = q(() => {
|
|
179
|
+
t = null, (() => {
|
|
180
|
+
if (c || u) return c = !1, void d();
|
|
181
181
|
f = !1, e.H(2);
|
|
182
182
|
})();
|
|
183
183
|
}, 150);
|
|
184
184
|
};
|
|
185
185
|
return n.L = r, n;
|
|
186
186
|
})(), g = () => {
|
|
187
|
-
|
|
187
|
+
l = i(), f && (a = !0), s && e.H(6, s()), e.H(1, n()), d();
|
|
188
188
|
}, h = t => {
|
|
189
|
-
if (
|
|
190
|
-
const n = i() -
|
|
191
|
-
150 > n && 50 < n && (r ? t.deltaX : t.deltaY) && (
|
|
189
|
+
if (c || !e.O() || t.ctrlKey) return;
|
|
190
|
+
const n = i() - l;
|
|
191
|
+
150 > n && 50 < n && (r ? t.deltaX : t.deltaY) && (c = !0);
|
|
192
192
|
}, p = () => {
|
|
193
193
|
u = !0, f = a = !1;
|
|
194
194
|
}, v = () => {
|
|
195
|
-
u = !1,
|
|
195
|
+
u = !1, L() && (f = !0);
|
|
196
196
|
};
|
|
197
197
|
return t.addEventListener("scroll", g), t.addEventListener("wheel", h, {
|
|
198
198
|
passive: !0
|
|
@@ -210,20 +210,20 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
210
210
|
t && (o(t, r, a), a = !1, r && e.R() > e.P() && e.H(1, n()));
|
|
211
211
|
}
|
|
212
212
|
};
|
|
213
|
-
},
|
|
213
|
+
}, X = (e, t, r) => {
|
|
214
214
|
let n;
|
|
215
215
|
return [ async (o, s) => {
|
|
216
216
|
if (!await t()) return;
|
|
217
217
|
n && n();
|
|
218
218
|
const i = () => {
|
|
219
|
-
const [t, r] =
|
|
219
|
+
const [t, r] = k();
|
|
220
220
|
return n = () => {
|
|
221
221
|
r(!1);
|
|
222
|
-
}, e.R() &&
|
|
222
|
+
}, e.R() && q(n, 150), [ t, e.C(2, () => {
|
|
223
223
|
r(!0);
|
|
224
224
|
}) ];
|
|
225
225
|
};
|
|
226
|
-
if (s &&
|
|
226
|
+
if (s && W()) e.H(8, o()), I(async () => {
|
|
227
227
|
for (;;) {
|
|
228
228
|
let t = !0;
|
|
229
229
|
for (let [r, n] = e.S(); r <= n; r++) if (e._(r)) {
|
|
@@ -250,11 +250,11 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
250
250
|
}, () => {
|
|
251
251
|
n && n();
|
|
252
252
|
} ];
|
|
253
|
-
},
|
|
253
|
+
}, Y = e => {
|
|
254
254
|
let t;
|
|
255
255
|
return {
|
|
256
256
|
q(r) {
|
|
257
|
-
(t || (t = new (
|
|
257
|
+
(t || (t = new (H(E(r)).ResizeObserver)(e))).observe(r);
|
|
258
258
|
},
|
|
259
259
|
N(e) {
|
|
260
260
|
t.unobserve(e);
|
|
@@ -263,14 +263,14 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
263
263
|
t && t.disconnect();
|
|
264
264
|
}
|
|
265
265
|
};
|
|
266
|
-
},
|
|
266
|
+
}, D = r => {
|
|
267
267
|
let n;
|
|
268
|
-
r =
|
|
268
|
+
r = h({
|
|
269
269
|
V: "div"
|
|
270
|
-
}, r),
|
|
271
|
-
n &&
|
|
270
|
+
}, r), a(() => {
|
|
271
|
+
n && v(r.X(n, r.Y));
|
|
272
272
|
});
|
|
273
|
-
const o =
|
|
273
|
+
const o = d(() => {
|
|
274
274
|
const e = r.D, t = {
|
|
275
275
|
contain: "layout style",
|
|
276
276
|
position: "absolute",
|
|
@@ -281,7 +281,7 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
281
281
|
};
|
|
282
282
|
return e && (t.display = "inline-flex"), t;
|
|
283
283
|
});
|
|
284
|
-
return e
|
|
284
|
+
return t(e, {
|
|
285
285
|
get component() {
|
|
286
286
|
return r.V;
|
|
287
287
|
},
|
|
@@ -298,19 +298,19 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
298
298
|
return r.F;
|
|
299
299
|
}
|
|
300
300
|
});
|
|
301
|
-
},
|
|
301
|
+
}, U = (e, t) => e[0] === t[0] && e[1] === t[1], A = r => {
|
|
302
302
|
let n;
|
|
303
303
|
const {itemSize: o, horizontal: s = !1, cache: i} = r;
|
|
304
|
-
r =
|
|
304
|
+
r = h({
|
|
305
305
|
as: "div"
|
|
306
306
|
}, r);
|
|
307
|
-
const
|
|
307
|
+
const l = j(r.data.length, o, void 0, i, !o), c = ((e, t) => {
|
|
308
308
|
let r;
|
|
309
|
-
const n = t ? "width" : "height", o = new WeakMap, s =
|
|
309
|
+
const n = t ? "width" : "height", o = /* @__PURE__ */ new WeakMap, s = Y(t => {
|
|
310
310
|
const s = [];
|
|
311
|
-
for (const {target: i, contentRect:
|
|
311
|
+
for (const {target: i, contentRect: l} of t) if (i.offsetParent) if (i === r) e.H(4, l[n]); else {
|
|
312
312
|
const e = o.get(i);
|
|
313
|
-
|
|
313
|
+
null != e && s.push([ e, l[n] ]);
|
|
314
314
|
}
|
|
315
315
|
s.length && e.H(3, s);
|
|
316
316
|
});
|
|
@@ -323,112 +323,112 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
323
323
|
}),
|
|
324
324
|
p: s.W
|
|
325
325
|
};
|
|
326
|
-
})(
|
|
327
|
-
let r, n, o =
|
|
328
|
-
const i = t ? "scrollLeft" : "scrollTop",
|
|
329
|
-
e =
|
|
326
|
+
})(l, s), S = ((e, t) => {
|
|
327
|
+
let r, n, o = k(), s = !1;
|
|
328
|
+
const i = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [c, u] = X(e, () => o[0], (e, n) => {
|
|
329
|
+
e = N(e, s), n ? r.scrollTo({
|
|
330
330
|
[t ? "left" : "top"]: e,
|
|
331
331
|
behavior: "smooth"
|
|
332
332
|
}) : r[i] = e;
|
|
333
333
|
});
|
|
334
334
|
return {
|
|
335
|
-
Z(
|
|
336
|
-
r = f, t && (s = "rtl" === getComputedStyle(f).direction), n =
|
|
335
|
+
Z(c, f) {
|
|
336
|
+
r = f, t && (s = "rtl" === getComputedStyle(f).direction), n = V(e, f, t, () => N(f[i], s), (t, r, n) => {
|
|
337
337
|
if (n) {
|
|
338
|
-
const e = f.style, t = e[
|
|
339
|
-
e[
|
|
340
|
-
e[
|
|
338
|
+
const e = f.style, t = e[l];
|
|
339
|
+
e[l] = "hidden", q(() => {
|
|
340
|
+
e[l] = t;
|
|
341
341
|
});
|
|
342
342
|
}
|
|
343
|
-
f[i] =
|
|
343
|
+
f[i] = N(e.M() + t, s), r && u();
|
|
344
344
|
}), o[1](!0);
|
|
345
345
|
},
|
|
346
346
|
p() {
|
|
347
|
-
n && n.W(), o[1](!1), o =
|
|
347
|
+
n && n.W(), o[1](!1), o = k();
|
|
348
348
|
},
|
|
349
349
|
ee: () => s,
|
|
350
350
|
te(e) {
|
|
351
|
-
|
|
351
|
+
c(() => e);
|
|
352
352
|
},
|
|
353
353
|
re(t) {
|
|
354
|
-
t += e.M(),
|
|
354
|
+
t += e.M(), c(() => t);
|
|
355
355
|
},
|
|
356
356
|
ne(t, {align: r, smooth: n, offset: o = 0} = {}) {
|
|
357
|
-
if (t =
|
|
357
|
+
if (t = y(t, 0, e.T() - 1), "nearest" === r) {
|
|
358
358
|
const n = e.I(t), o = e.M();
|
|
359
359
|
if (n < o) r = "start"; else {
|
|
360
360
|
if (!(n + e.k(t) > o + e.R())) return;
|
|
361
361
|
r = "end";
|
|
362
362
|
}
|
|
363
363
|
}
|
|
364
|
-
|
|
364
|
+
c(() => o + e.J() + e.I(t) + ("end" === r ? e.k(t) - e.R() : "center" === r ? (e.k(t) - e.R()) / 2 : 0), n);
|
|
365
365
|
},
|
|
366
366
|
oe: () => {
|
|
367
367
|
n && n.j();
|
|
368
368
|
}
|
|
369
369
|
};
|
|
370
|
-
})(
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
}),
|
|
374
|
-
r.onScroll?.(
|
|
375
|
-
}),
|
|
370
|
+
})(l, s), [b, w] = g(l.v());
|
|
371
|
+
l.C(1, () => {
|
|
372
|
+
w(l.v());
|
|
373
|
+
}), l.C(4, () => {
|
|
374
|
+
r.onScroll?.(l.M());
|
|
375
|
+
}), l.C(8, () => {
|
|
376
376
|
r.onScrollEnd?.();
|
|
377
377
|
});
|
|
378
|
-
const
|
|
379
|
-
|
|
380
|
-
const t =
|
|
381
|
-
return e &&
|
|
382
|
-
}),
|
|
383
|
-
|
|
378
|
+
const x = d(e => {
|
|
379
|
+
b();
|
|
380
|
+
const t = l.S(r.bufferSize);
|
|
381
|
+
return e && U(e, t) ? e : t;
|
|
382
|
+
}), I = d(() => b() && l.O()), T = d(() => b() && l.P()), M = d(() => b() && S.ee());
|
|
383
|
+
m(() => {
|
|
384
384
|
r.ref && r.ref({
|
|
385
385
|
get cache() {
|
|
386
|
-
return
|
|
386
|
+
return l.m();
|
|
387
387
|
},
|
|
388
388
|
get scrollOffset() {
|
|
389
|
-
return
|
|
389
|
+
return l.M();
|
|
390
390
|
},
|
|
391
391
|
get scrollSize() {
|
|
392
|
-
return (e =>
|
|
392
|
+
return (e => z(e.P(), e.R()))(l);
|
|
393
393
|
},
|
|
394
394
|
get viewportSize() {
|
|
395
|
-
return
|
|
395
|
+
return l.R();
|
|
396
396
|
},
|
|
397
|
-
findItemIndex:
|
|
398
|
-
getItemOffset:
|
|
399
|
-
getItemSize:
|
|
400
|
-
scrollToIndex:
|
|
401
|
-
scrollTo:
|
|
402
|
-
scrollBy:
|
|
397
|
+
findItemIndex: l.$,
|
|
398
|
+
getItemOffset: l.I,
|
|
399
|
+
getItemSize: l.k,
|
|
400
|
+
scrollToIndex: S.ne,
|
|
401
|
+
scrollTo: S.te,
|
|
402
|
+
scrollBy: S.re
|
|
403
403
|
});
|
|
404
404
|
const e = n, t = r.scrollRef || e.parentElement;
|
|
405
|
-
|
|
406
|
-
r.ref && r.ref(),
|
|
405
|
+
c.G(t), S.Z(e, t), v(() => {
|
|
406
|
+
r.ref && r.ref(), l.p(), c.p(), S.p();
|
|
407
407
|
});
|
|
408
|
-
}), p(
|
|
409
|
-
e !==
|
|
410
|
-
})),
|
|
411
|
-
|
|
408
|
+
}), f(p(() => r.startMargin || 0, e => {
|
|
409
|
+
e !== l.J() && l.H(6, e);
|
|
410
|
+
})), a(p(b, () => {
|
|
411
|
+
S.oe();
|
|
412
412
|
}));
|
|
413
|
-
const
|
|
413
|
+
const O = d(() => {
|
|
414
414
|
const e = r.data.length;
|
|
415
|
-
|
|
416
|
-
e !==
|
|
415
|
+
$(() => {
|
|
416
|
+
e !== l.T() && l.H(5, [ e, r.shift ]);
|
|
417
417
|
});
|
|
418
418
|
const t = [], n = [];
|
|
419
419
|
if (r.keepMounted) {
|
|
420
420
|
const e = new Set(r.keepMounted);
|
|
421
|
-
for (let [t, r] =
|
|
422
|
-
|
|
421
|
+
for (let [t, r] = x(); t <= r; t++) e.add(t);
|
|
422
|
+
_([ ...e ]).forEach(e => {
|
|
423
423
|
t.push(r.data[e]), n.push(e);
|
|
424
424
|
});
|
|
425
|
-
} else for (let [e, o] =
|
|
425
|
+
} else for (let [e, o] = x(); e <= o; e++) t.push(r.data[e]), n.push(e);
|
|
426
426
|
return {
|
|
427
427
|
se: t,
|
|
428
428
|
ie: n
|
|
429
429
|
};
|
|
430
430
|
});
|
|
431
|
-
return e
|
|
431
|
+
return t(e, {
|
|
432
432
|
get component() {
|
|
433
433
|
return r.as;
|
|
434
434
|
},
|
|
@@ -441,19 +441,19 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
441
441
|
"overflow-anchor": "none",
|
|
442
442
|
flex: "none",
|
|
443
443
|
position: "relative",
|
|
444
|
-
width: s ?
|
|
445
|
-
height: s ? "100%" :
|
|
446
|
-
"pointer-events":
|
|
444
|
+
width: s ? T() + "px" : "100%",
|
|
445
|
+
height: s ? "100%" : T() + "px",
|
|
446
|
+
"pointer-events": I() ? "none" : void 0
|
|
447
447
|
};
|
|
448
448
|
},
|
|
449
449
|
get children() {
|
|
450
|
-
return
|
|
450
|
+
return t(u, {
|
|
451
451
|
get each() {
|
|
452
|
-
return
|
|
452
|
+
return O().se;
|
|
453
453
|
},
|
|
454
|
-
children: (
|
|
455
|
-
const o =
|
|
456
|
-
return
|
|
454
|
+
children: (e, n) => ((e, n) => {
|
|
455
|
+
const o = d(() => (b(), l.I(n(), M()))), i = d(() => (b(), l._(n()))), u = d(() => $(() => r.children(e, n)));
|
|
456
|
+
return t(D, {
|
|
457
457
|
get V() {
|
|
458
458
|
return r.item;
|
|
459
459
|
},
|
|
@@ -461,7 +461,7 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
461
461
|
return n();
|
|
462
462
|
},
|
|
463
463
|
get X() {
|
|
464
|
-
return
|
|
464
|
+
return c.K;
|
|
465
465
|
},
|
|
466
466
|
get U() {
|
|
467
467
|
return o();
|
|
@@ -474,90 +474,82 @@ const b = null, {min: z, max: w, abs: x, floor: y} = Math, _ = (e, t, r) => z(r,
|
|
|
474
474
|
},
|
|
475
475
|
D: s
|
|
476
476
|
});
|
|
477
|
-
})(
|
|
477
|
+
})(e, d(() => O().ie[n()]))
|
|
478
478
|
});
|
|
479
479
|
}
|
|
480
480
|
});
|
|
481
|
-
}
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
const K = t => {
|
|
486
|
-
const [s, i] = $(t, [ "ref", "data", "children", "bufferSize", "itemSize", "shift", "horizontal", "keepMounted", "cache", "item", "onScroll", "onScrollEnd", "style" ]);
|
|
487
|
-
return c = G(), r(c, n(i, {
|
|
481
|
+
}, F = /*#__PURE__*/ l("<div>"), G = e => {
|
|
482
|
+
const [r, s] = S(e, [ "ref", "data", "children", "bufferSize", "itemSize", "shift", "horizontal", "keepMounted", "cache", "item", "onScroll", "onScrollEnd", "style" ]);
|
|
483
|
+
return l = F(), i(l, o(s, {
|
|
488
484
|
get style() {
|
|
489
485
|
return {
|
|
490
|
-
display:
|
|
491
|
-
[
|
|
486
|
+
display: r.horizontal ? "inline-block" : "block",
|
|
487
|
+
[r.horizontal ? "overflow-x" : "overflow-y"]: "auto",
|
|
492
488
|
contain: "strict",
|
|
493
489
|
width: "100%",
|
|
494
490
|
height: "100%",
|
|
495
|
-
...
|
|
491
|
+
...r.style
|
|
496
492
|
};
|
|
497
493
|
}
|
|
498
|
-
}), !1, !0),
|
|
494
|
+
}), !1, !0), n(l, t(A, {
|
|
499
495
|
ref(e) {
|
|
500
|
-
var t =
|
|
501
|
-
"function" == typeof t ? t(e) :
|
|
496
|
+
var t = r.ref;
|
|
497
|
+
"function" == typeof t ? t(e) : r.ref = e;
|
|
502
498
|
},
|
|
503
499
|
get data() {
|
|
504
|
-
return
|
|
500
|
+
return r.data;
|
|
505
501
|
},
|
|
506
502
|
get bufferSize() {
|
|
507
|
-
return
|
|
503
|
+
return r.bufferSize;
|
|
508
504
|
},
|
|
509
505
|
get itemSize() {
|
|
510
|
-
return
|
|
506
|
+
return r.itemSize;
|
|
511
507
|
},
|
|
512
508
|
get shift() {
|
|
513
|
-
return
|
|
509
|
+
return r.shift;
|
|
514
510
|
},
|
|
515
511
|
get horizontal() {
|
|
516
|
-
return
|
|
512
|
+
return r.horizontal;
|
|
517
513
|
},
|
|
518
514
|
get keepMounted() {
|
|
519
|
-
return
|
|
515
|
+
return r.keepMounted;
|
|
520
516
|
},
|
|
521
517
|
get cache() {
|
|
522
|
-
return
|
|
518
|
+
return r.cache;
|
|
523
519
|
},
|
|
524
520
|
get item() {
|
|
525
|
-
return
|
|
521
|
+
return r.item;
|
|
526
522
|
},
|
|
527
523
|
get onScroll() {
|
|
528
|
-
return
|
|
524
|
+
return r.onScroll;
|
|
529
525
|
},
|
|
530
526
|
get onScrollEnd() {
|
|
531
|
-
return
|
|
527
|
+
return r.onScrollEnd;
|
|
532
528
|
},
|
|
533
529
|
get children() {
|
|
534
|
-
return
|
|
530
|
+
return r.children;
|
|
535
531
|
}
|
|
536
|
-
})),
|
|
537
|
-
var
|
|
538
|
-
};
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
const Z = t => {
|
|
543
|
-
let r;
|
|
544
|
-
const {ref: n, data: s, children: u, itemSize: p, shift: $, horizontal: z = !1, cache: w, onScrollEnd: x} = t, y = q(t.data.length, p, void 0, w, !p), I = ((e, t) => {
|
|
545
|
-
const r = t ? "width" : "height", n = t ? "innerWidth" : "innerHeight", o = new WeakMap, s = D(t => {
|
|
532
|
+
})), l;
|
|
533
|
+
var l;
|
|
534
|
+
}, K = /*#__PURE__*/ l('<div style="contain:size style;overflow-anchor:none;flex:none;position:relative">'), Q = e => {
|
|
535
|
+
let o;
|
|
536
|
+
const {ref: i, data: l, children: f, itemSize: h, shift: S, horizontal: b = !1, cache: z, onScrollEnd: w} = e, x = j(e.data.length, h, void 0, z, !h), _ = ((e, t) => {
|
|
537
|
+
const r = t ? "width" : "height", n = t ? "innerWidth" : "innerHeight", o = /* @__PURE__ */ new WeakMap, s = Y(t => {
|
|
546
538
|
const n = [];
|
|
547
539
|
for (const {target: e, contentRect: s} of t) {
|
|
548
540
|
if (!e.offsetParent) continue;
|
|
549
541
|
const t = o.get(e);
|
|
550
|
-
|
|
542
|
+
null != t && n.push([ t, s[r] ]);
|
|
551
543
|
}
|
|
552
544
|
n.length && e.H(3, n);
|
|
553
545
|
});
|
|
554
546
|
let i;
|
|
555
547
|
return {
|
|
556
548
|
G(t) {
|
|
557
|
-
const r =
|
|
549
|
+
const r = H(E(t)), o = () => {
|
|
558
550
|
e.H(4, r[n]);
|
|
559
551
|
};
|
|
560
|
-
r.addEventListener("resize", o),
|
|
552
|
+
r.addEventListener("resize", o), I(o), i = () => {
|
|
561
553
|
r.removeEventListener("resize", o);
|
|
562
554
|
};
|
|
563
555
|
},
|
|
@@ -568,35 +560,35 @@ const Z = t => {
|
|
|
568
560
|
i && i(), s.W();
|
|
569
561
|
}
|
|
570
562
|
};
|
|
571
|
-
})(
|
|
572
|
-
let r, n, o =
|
|
573
|
-
const i = t ? "left" : "top", [
|
|
574
|
-
e =
|
|
575
|
-
const n =
|
|
563
|
+
})(x, b), T = ((e, t) => {
|
|
564
|
+
let r, n, o = k(), s = !1;
|
|
565
|
+
const i = t ? "left" : "top", [l] = X(e, () => o[0], (e, t) => {
|
|
566
|
+
e = N(e, s);
|
|
567
|
+
const n = H(E(r));
|
|
576
568
|
t ? n.scroll({
|
|
577
569
|
[i]: e,
|
|
578
570
|
behavior: "smooth"
|
|
579
571
|
}) : n.scroll({
|
|
580
572
|
[i]: e
|
|
581
573
|
});
|
|
582
|
-
}),
|
|
583
|
-
const i = n ? "offsetLeft" : "offsetTop",
|
|
584
|
-
return e !== t && u ?
|
|
574
|
+
}), c = (e, t, r, n, o = 0) => {
|
|
575
|
+
const i = n ? "offsetLeft" : "offsetTop", l = o + (n && s ? r.innerWidth - e[i] - e.offsetWidth : e[i]), u = e.offsetParent;
|
|
576
|
+
return e !== t && u ? c(u, t, r, n, l) : l;
|
|
585
577
|
};
|
|
586
578
|
return {
|
|
587
|
-
Z(
|
|
588
|
-
r =
|
|
589
|
-
const u = t ? "scrollX" : "scrollY", f =
|
|
590
|
-
t && (s = "rtl" === getComputedStyle(
|
|
579
|
+
Z(l) {
|
|
580
|
+
r = l;
|
|
581
|
+
const u = t ? "scrollX" : "scrollY", f = E(l), a = H(f);
|
|
582
|
+
t && (s = "rtl" === getComputedStyle(C(f)).direction), n = V(e, a, t, () => N(a[u], s), (t, r) => {
|
|
591
583
|
r ? a.scroll({
|
|
592
|
-
[i]:
|
|
584
|
+
[i]: N(e.M() + t, s)
|
|
593
585
|
}) : a.scrollBy({
|
|
594
|
-
[i]:
|
|
586
|
+
[i]: N(t, s)
|
|
595
587
|
});
|
|
596
|
-
}, () => l
|
|
588
|
+
}, () => c(l, f.body, a, t)), o[1](!0);
|
|
597
589
|
},
|
|
598
590
|
p() {
|
|
599
|
-
n && n.W(), r = void 0, o[1](!1), o =
|
|
591
|
+
n && n.W(), r = void 0, o[1](!1), o = k();
|
|
600
592
|
},
|
|
601
593
|
ee: () => s,
|
|
602
594
|
oe: () => {
|
|
@@ -604,73 +596,73 @@ const Z = t => {
|
|
|
604
596
|
},
|
|
605
597
|
ne(n, {align: o, smooth: s, offset: i = 0} = {}) {
|
|
606
598
|
if (!r) return;
|
|
607
|
-
if (n =
|
|
599
|
+
if (n = y(n, 0, e.T() - 1), "nearest" === o) {
|
|
608
600
|
const t = e.I(n), r = e.M();
|
|
609
601
|
if (t < r) o = "start"; else {
|
|
610
602
|
if (!(t + e.k(n) > r + e.R())) return;
|
|
611
603
|
o = "end";
|
|
612
604
|
}
|
|
613
605
|
}
|
|
614
|
-
const u =
|
|
615
|
-
|
|
606
|
+
const u = E(r), f = H(u), a = C(u), d = () => e.R() - (t ? a.clientWidth : a.clientHeight);
|
|
607
|
+
l(() => i + c(r, u.body, f, t) + e.I(n) + ("end" === o ? e.k(n) - (e.R() - d()) : "center" === o ? (e.k(n) - (e.R() - d())) / 2 : 0), s);
|
|
616
608
|
}
|
|
617
609
|
};
|
|
618
|
-
})(
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
}),
|
|
622
|
-
|
|
623
|
-
}),
|
|
624
|
-
|
|
610
|
+
})(x, b), [M, O] = g(x.v());
|
|
611
|
+
x.C(1, () => {
|
|
612
|
+
O(x.v());
|
|
613
|
+
}), x.C(4, () => {
|
|
614
|
+
e.onScroll?.();
|
|
615
|
+
}), x.C(8, () => {
|
|
616
|
+
e.onScrollEnd?.();
|
|
625
617
|
});
|
|
626
|
-
const
|
|
627
|
-
|
|
628
|
-
const r =
|
|
629
|
-
return
|
|
630
|
-
}),
|
|
631
|
-
|
|
632
|
-
|
|
618
|
+
const R = d(t => {
|
|
619
|
+
M();
|
|
620
|
+
const r = x.S(e.bufferSize);
|
|
621
|
+
return t && U(t, r) ? t : r;
|
|
622
|
+
}), J = d(() => M() && x.O()), P = d(() => M() && x.P()), B = d(() => M() && T.ee());
|
|
623
|
+
m(() => {
|
|
624
|
+
e.ref && e.ref({
|
|
633
625
|
get cache() {
|
|
634
|
-
return
|
|
626
|
+
return x.m();
|
|
635
627
|
},
|
|
636
628
|
get scrollOffset() {
|
|
637
|
-
return
|
|
629
|
+
return x.M();
|
|
638
630
|
},
|
|
639
631
|
get viewportSize() {
|
|
640
|
-
return
|
|
632
|
+
return x.R();
|
|
641
633
|
},
|
|
642
|
-
findItemIndex:
|
|
643
|
-
getItemOffset:
|
|
644
|
-
getItemSize:
|
|
645
|
-
scrollToIndex:
|
|
646
|
-
}),
|
|
647
|
-
|
|
634
|
+
findItemIndex: x.$,
|
|
635
|
+
getItemOffset: x.I,
|
|
636
|
+
getItemSize: x.k,
|
|
637
|
+
scrollToIndex: T.ne
|
|
638
|
+
}), _.G(o), T.Z(o), v(() => {
|
|
639
|
+
e.ref && e.ref(), x.p(), _.p(), T.p();
|
|
648
640
|
});
|
|
649
|
-
}),
|
|
650
|
-
|
|
641
|
+
}), a(p(M, () => {
|
|
642
|
+
T.oe();
|
|
651
643
|
}));
|
|
652
|
-
const
|
|
653
|
-
const
|
|
654
|
-
|
|
655
|
-
|
|
644
|
+
const L = d(() => {
|
|
645
|
+
const t = e.data.length;
|
|
646
|
+
$(() => {
|
|
647
|
+
t !== x.T() && x.H(5, [ t, e.shift ]);
|
|
656
648
|
});
|
|
657
649
|
const r = [];
|
|
658
|
-
for (let [
|
|
650
|
+
for (let [t, n] = R(); t <= n; t++) r.push(e.data[t]);
|
|
659
651
|
return r;
|
|
660
652
|
});
|
|
661
|
-
return
|
|
653
|
+
return W = K(), "function" == typeof o ? c(o, W) : o = W, n(W, t(u, {
|
|
662
654
|
get each() {
|
|
663
|
-
return
|
|
655
|
+
return L();
|
|
664
656
|
},
|
|
665
657
|
children: (r, n) => {
|
|
666
|
-
const o =
|
|
667
|
-
|
|
668
|
-
return
|
|
658
|
+
const o = d(() => R()[0] + n()), s = d(() => (M(), x.I(o(), B()))), i = d(() => (M(),
|
|
659
|
+
x._(o()))), l = d(() => $(() => e.children(r, o)));
|
|
660
|
+
return t(D, {
|
|
669
661
|
get Y() {
|
|
670
662
|
return o();
|
|
671
663
|
},
|
|
672
664
|
get X() {
|
|
673
|
-
return
|
|
665
|
+
return _.K;
|
|
674
666
|
},
|
|
675
667
|
get U() {
|
|
676
668
|
return s();
|
|
@@ -679,22 +671,22 @@ const Z = t => {
|
|
|
679
671
|
return i();
|
|
680
672
|
},
|
|
681
673
|
get F() {
|
|
682
|
-
return
|
|
674
|
+
return l();
|
|
683
675
|
},
|
|
684
|
-
D:
|
|
676
|
+
D: b
|
|
685
677
|
});
|
|
686
678
|
}
|
|
687
|
-
})),
|
|
688
|
-
var t =
|
|
689
|
-
return t !== e.e &&
|
|
690
|
-
n !== e.a &&
|
|
679
|
+
})), r(e => {
|
|
680
|
+
var t = b ? P() + "px" : "100%", r = b ? "100%" : P() + "px", n = J() ? "none" : void 0;
|
|
681
|
+
return t !== e.e && s(W, "width", e.e = t), r !== e.t && s(W, "height", e.t = r),
|
|
682
|
+
n !== e.a && s(W, "pointer-events", e.a = n), e;
|
|
691
683
|
}, {
|
|
692
684
|
e: void 0,
|
|
693
685
|
t: void 0,
|
|
694
686
|
a: void 0
|
|
695
|
-
}),
|
|
696
|
-
var
|
|
687
|
+
}), W;
|
|
688
|
+
var W;
|
|
697
689
|
};
|
|
698
690
|
|
|
699
|
-
export {
|
|
700
|
-
//# sourceMappingURL=index.js.map
|
|
691
|
+
export { G as VList, A as Virtualizer, Q as WindowVirtualizer };
|
|
692
|
+
//# sourceMappingURL=index.js.map
|