virtua 0.51.0 → 0.51.2
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 +4 -4
- package/lib/angular/index.js +215 -236
- package/lib/angular/index.js.map +1 -1
- package/lib/core/index.cjs +232 -271
- package/lib/core/index.cjs.map +1 -1
- package/lib/core/index.js +272 -311
- package/lib/core/index.js.map +1 -1
- package/lib/index.cjs +359 -398
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +366 -405
- 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 +295 -316
- package/lib/solid/index.cjs.map +1 -1
- package/lib/solid/index.js +305 -326
- package/lib/solid/index.js.map +1 -1
- package/lib/solid/index.jsx +185 -255
- package/lib/solid/index.jsx.map +1 -1
- package/lib/svelte/Virtualizer.svelte +13 -3
- package/lib/svelte/WindowVirtualizer.svelte +13 -3
- package/lib/svelte/utils.d.ts +2 -0
- package/lib/svelte/utils.js +4 -1
- package/lib/svelte/utils.js.map +1 -1
- package/lib/vue/index.cjs +338 -379
- package/lib/vue/index.cjs.map +1 -1
- package/lib/vue/index.js +311 -351
- package/lib/vue/index.js.map +1 -1
- package/package.json +2 -2
package/lib/vue/index.js
CHANGED
|
@@ -1,97 +1,95 @@
|
|
|
1
1
|
import { computed as e, createVNode as t, defineComponent as r, isVNode as o, mergeProps as n, onMounted as s, onUnmounted as i, ref as l, watch as c } from "vue";
|
|
2
2
|
|
|
3
|
-
var {min:
|
|
3
|
+
var a, {min: u, max: f, abs: d, floor: m} = Math, p = (e, t, r) => u(r, f(t, e)), g = e => [ ...e ].sort((e, t) => e - t), h = setTimeout, _ = clearTimeout, S = "function" == typeof queueMicrotask ? queueMicrotask : e => {
|
|
4
4
|
Promise.resolve().then(e);
|
|
5
|
-
},
|
|
5
|
+
}, b = () => {
|
|
6
6
|
let e;
|
|
7
7
|
return [ new Promise(t => {
|
|
8
8
|
e = t;
|
|
9
9
|
}), e ];
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const q = /* @__PURE__ */ new Set, T = () => _ - S, B = () => T() + $ + v, E = e => r(e) - $, R = e => {
|
|
16
|
-
e && (z() && 0 !== I || O && 1 === x ? $ += e : v += e);
|
|
10
|
+
}, z = e => e.ownerDocument, $ = e => e.defaultView, v = () => (null == a && (a = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0),
|
|
11
|
+
a), y = ({t: e, o: t, i: r, l: o, u: n, m: s, p: i, h: l, S: c, v: a}, m = 0) => {
|
|
12
|
+
let p = !!a, g = !!m, h = 1, _ = 0, S = 0, b = 0, z = 0, $ = 0, y = 0, x = 0, I = 0, w = null, O = [ 0, g ? f(m - 1, 0) : -1 ], k = 0, j = !1;
|
|
13
|
+
const E = /* @__PURE__ */ new Set, R = () => b - S, T = () => R() + $ + z, M = e => r(e) - $, B = e => {
|
|
14
|
+
e && (v() && 0 !== x || w && 1 === I ? $ += e : z += e);
|
|
17
15
|
};
|
|
18
16
|
return {
|
|
19
17
|
I: () => {
|
|
20
|
-
|
|
18
|
+
E.clear();
|
|
21
19
|
},
|
|
22
|
-
O: () =>
|
|
20
|
+
O: () => h,
|
|
23
21
|
t: (t = 200) => {
|
|
24
|
-
if (!j ||
|
|
22
|
+
if (!j || g) return O;
|
|
25
23
|
let r, o;
|
|
26
|
-
if (y) [r, o] =
|
|
27
|
-
let n =
|
|
28
|
-
|
|
29
|
-
|
|
24
|
+
if (y) [r, o] = O; else {
|
|
25
|
+
let n = f(0, T()), s = n + _;
|
|
26
|
+
p || (t = f(0, t), 1 !== x && (n -= t), 2 !== x && (s += t)), [r, o] = O = e(f(0, n), f(0, s)),
|
|
27
|
+
w && (r = u(r, w[0]), o = f(o, w[1]));
|
|
30
28
|
}
|
|
31
|
-
return [
|
|
29
|
+
return [ f(r, 0), u(o, l() - 1) ];
|
|
32
30
|
},
|
|
33
31
|
k: e => t(e - S),
|
|
34
32
|
j: s,
|
|
35
|
-
i:
|
|
33
|
+
i: M,
|
|
36
34
|
l: o,
|
|
37
|
-
|
|
38
|
-
T: () =>
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
35
|
+
R: l,
|
|
36
|
+
T: () => b,
|
|
37
|
+
M: () => 0 !== x,
|
|
38
|
+
B: () => _,
|
|
39
|
+
N: () => S,
|
|
40
|
+
p: i,
|
|
41
|
+
P: () => (y = z, z = 0, [ y, 2 === I ]),
|
|
42
|
+
A: (e, t) => {
|
|
45
43
|
const r = [ e, t ];
|
|
46
|
-
return
|
|
47
|
-
|
|
44
|
+
return E.add(r), () => {
|
|
45
|
+
E.delete(r);
|
|
48
46
|
};
|
|
49
47
|
},
|
|
50
|
-
|
|
51
|
-
let
|
|
48
|
+
q: (r, l) => {
|
|
49
|
+
let u, f, m = 0;
|
|
52
50
|
switch (r) {
|
|
53
51
|
case 1:
|
|
54
52
|
{
|
|
55
|
-
if (l ===
|
|
53
|
+
if (l === b && 0 === I) break;
|
|
56
54
|
const e = y;
|
|
57
55
|
y = 0;
|
|
58
|
-
const t = l -
|
|
59
|
-
e && r <
|
|
60
|
-
const o =
|
|
61
|
-
o >= -
|
|
56
|
+
const t = l - b, r = d(t);
|
|
57
|
+
e && r < d(e) + 1 || 0 !== I || (x = t < 0 ? 2 : 1), g && (g = !1), b = l, m = 4;
|
|
58
|
+
const o = R();
|
|
59
|
+
o >= -_ && o <= i() && (m += 1, f = r > _);
|
|
62
60
|
break;
|
|
63
61
|
}
|
|
64
62
|
|
|
65
63
|
case 2:
|
|
66
|
-
|
|
64
|
+
m = 8, 0 !== x && (u = !0, m += 1), x = 0, I = 0, w = null;
|
|
67
65
|
break;
|
|
68
66
|
|
|
69
67
|
case 3:
|
|
70
68
|
{
|
|
71
69
|
const e = l.filter(([e, t]) => !s(e, t));
|
|
72
70
|
if (!e.length) break;
|
|
73
|
-
|
|
71
|
+
B(e.reduce((e, [t, r]) => {
|
|
74
72
|
let n;
|
|
75
|
-
if (2 ===
|
|
76
|
-
const e =
|
|
77
|
-
n = 1 !==
|
|
73
|
+
if (2 === I) n = !0; else if (w && 1 === I) n = t < w[0]; else {
|
|
74
|
+
const e = R(), r = M(t), s = o(t);
|
|
75
|
+
n = 1 !== x && 0 === I ? r + s <= e : r < e && r + s < e + _;
|
|
78
76
|
}
|
|
79
77
|
return n && (e += r - o(t)), e;
|
|
80
78
|
}, 0));
|
|
81
79
|
for (const [t, r] of e) {
|
|
82
80
|
const e = o(t), s = n(t, r);
|
|
83
|
-
|
|
81
|
+
p && (k += s ? r : r - e);
|
|
84
82
|
}
|
|
85
|
-
|
|
83
|
+
p && _ && k > _ && (B(a(t(T()))), p = !1), m = 3, f = !0;
|
|
86
84
|
break;
|
|
87
85
|
}
|
|
88
86
|
|
|
89
87
|
case 4:
|
|
90
|
-
|
|
88
|
+
_ !== l && (_ || (j = f = !0), _ = l, m = 3);
|
|
91
89
|
break;
|
|
92
90
|
|
|
93
91
|
case 5:
|
|
94
|
-
l[1] ? (
|
|
92
|
+
l[1] ? (B(c(l[0], !0)), I = 2, m = 1) : (c(l[0]), m = 1);
|
|
95
93
|
break;
|
|
96
94
|
|
|
97
95
|
case 6:
|
|
@@ -99,21 +97,21 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
99
97
|
break;
|
|
100
98
|
|
|
101
99
|
case 7:
|
|
102
|
-
|
|
100
|
+
I = 1;
|
|
103
101
|
break;
|
|
104
102
|
|
|
105
103
|
case 8:
|
|
106
|
-
|
|
104
|
+
w = e(l, l + _), m = 1;
|
|
107
105
|
}
|
|
108
|
-
|
|
109
|
-
|
|
106
|
+
m && (h = 1 + (2147483647 & h), u && $ && (z += $, $ = 0), E.forEach(([e, t]) => {
|
|
107
|
+
m & e && t(f);
|
|
110
108
|
}));
|
|
111
109
|
}
|
|
112
110
|
};
|
|
113
|
-
},
|
|
111
|
+
}, x = (e, t, r, o = 0, n = t - 1) => {
|
|
114
112
|
let s = o;
|
|
115
113
|
for (;o <= n; ) {
|
|
116
|
-
const t =
|
|
114
|
+
const t = m((o + n) / 2);
|
|
117
115
|
e(t) <= r ? (s = t, o = t + 1) : n = t - 1;
|
|
118
116
|
}
|
|
119
117
|
return p(s, 0, t - 1);
|
|
@@ -121,9 +119,9 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
121
119
|
const o = r ? "unshift" : "push";
|
|
122
120
|
for (let r = 0; r < t; r++) e[o](-1);
|
|
123
121
|
return e;
|
|
124
|
-
},
|
|
122
|
+
}, w = (e, t, r) => {
|
|
125
123
|
let o = r && r[1] || t || 40, n = -1, s = 0;
|
|
126
|
-
const i = r && r[0], l = i ? I(i.slice(0,
|
|
124
|
+
const i = r && r[0], l = i ? I(i.slice(0, u(e, i.length)), f(0, e - i.length)) : I([], e), c = I([], e + 1), a = e => {
|
|
127
125
|
const t = l[e];
|
|
128
126
|
return -1 === t ? o : t;
|
|
129
127
|
}, d = t => {
|
|
@@ -131,28 +129,28 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
131
129
|
if (n >= t) return c[t];
|
|
132
130
|
n < 0 && (c[0] = 0, n = 0);
|
|
133
131
|
let r = n, o = c[r];
|
|
134
|
-
for (;r < t; ) o +=
|
|
132
|
+
for (;r < t; ) o += a(r), c[++r] = o;
|
|
135
133
|
return n = t, o;
|
|
136
134
|
};
|
|
137
135
|
return {
|
|
138
136
|
t: (t, r) => {
|
|
139
137
|
let o, n;
|
|
140
|
-
return s =
|
|
141
|
-
n =
|
|
138
|
+
return s = u(s, e - 1), d(s) <= t ? (n = x(d, e, r, s), o = x(d, e, t, s, n)) : (o = x(d, e, t, void 0, s),
|
|
139
|
+
n = x(d, e, r, o)), s = o, [ o, n ];
|
|
142
140
|
},
|
|
143
|
-
o: t =>
|
|
141
|
+
o: t => x(d, e, t),
|
|
144
142
|
i: d,
|
|
145
|
-
l:
|
|
143
|
+
l: a,
|
|
146
144
|
u: (e, t) => {
|
|
147
145
|
const r = -1 === l[e];
|
|
148
|
-
return l[e] = t, n =
|
|
146
|
+
return l[e] = t, n = u(e, n), r;
|
|
149
147
|
},
|
|
150
|
-
|
|
151
|
-
|
|
148
|
+
m: (e, t = -1) => l[e] === t,
|
|
149
|
+
p: () => d(e),
|
|
152
150
|
h: () => e,
|
|
153
151
|
S: (t, r) => {
|
|
154
152
|
const s = t - e;
|
|
155
|
-
return n = r ? -1 :
|
|
153
|
+
return n = r ? -1 : u(t - 1, n), e = t, s > 0 ? (I(c, s), I(l, s, r), o * s) : (c.splice(s),
|
|
156
154
|
(r ? l.splice(0, -s) : l.splice(s)).reduce((e, t) => e - (-1 === t ? o : t), 0));
|
|
157
155
|
},
|
|
158
156
|
v: t ? void 0 : e => {
|
|
@@ -161,16 +159,16 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
161
159
|
l.forEach((o, n) => {
|
|
162
160
|
-1 !== o && (o && r.push(o), n < e && t++);
|
|
163
161
|
}), n = -1;
|
|
164
|
-
const s =
|
|
165
|
-
return ((o = a) -
|
|
162
|
+
const s = g(r), i = s.length, c = i / 2 | 0, a = i % 2 == 0 ? (s[c - 1] + s[c]) / 2 : s[c], u = o;
|
|
163
|
+
return ((o = a) - u) * f(e - t, 0);
|
|
166
164
|
},
|
|
167
|
-
|
|
165
|
+
C: () => [ l.slice(), o ]
|
|
168
166
|
};
|
|
169
167
|
}, O = e => {
|
|
170
168
|
let t;
|
|
171
169
|
return {
|
|
172
|
-
|
|
173
|
-
(t || (t = new (
|
|
170
|
+
L(r) {
|
|
171
|
+
(t || (t = new ($(z(r)).ResizeObserver)(e))).observe(r);
|
|
174
172
|
},
|
|
175
173
|
V(e) {
|
|
176
174
|
t.unobserve(e);
|
|
@@ -179,147 +177,135 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
179
177
|
t && t.disconnect();
|
|
180
178
|
}
|
|
181
179
|
};
|
|
182
|
-
},
|
|
183
|
-
let
|
|
184
|
-
const
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
},
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
180
|
+
}, k = (e, t, r, o, n, s, i) => {
|
|
181
|
+
let l, c, a = 0, u = !1, f = !1, d = !1, m = !1;
|
|
182
|
+
const p = Date.now, g = o ? "scrollLeft" : "scrollTop", b = o ? "left" : "top", z = e => n ? -e : e, $ = () => z(r[g]), y = (e, t) => {
|
|
183
|
+
r.scrollTo({
|
|
184
|
+
[b]: z(e),
|
|
185
|
+
behavior: t ? "smooth" : "instant"
|
|
186
|
+
});
|
|
187
|
+
}, x = () => {
|
|
188
|
+
if (u || f) return u = !1, void I();
|
|
189
|
+
d = !1, e.q(2);
|
|
190
|
+
}, I = () => {
|
|
191
|
+
_(c), c = h(x, 150);
|
|
192
|
+
}, w = () => {
|
|
193
|
+
a = p(), d && (m = !0), i && e.q(6, i()), e.q(1, $()), I();
|
|
194
|
+
}, O = t => {
|
|
195
|
+
if (u || !e.M() || t.ctrlKey) return;
|
|
196
|
+
const r = p() - a;
|
|
197
|
+
150 > r && 50 < r && (o ? t.deltaX : t.deltaY) && (u = !0);
|
|
198
|
+
}, k = () => {
|
|
199
|
+
f = !0, d = m = !1;
|
|
200
|
+
}, j = () => {
|
|
201
|
+
f = !1, v() && (d = !0);
|
|
199
202
|
};
|
|
200
|
-
return t.addEventListener("scroll",
|
|
203
|
+
return t.addEventListener("scroll", w), t.addEventListener("wheel", O, {
|
|
201
204
|
passive: !0
|
|
202
|
-
}), t.addEventListener("touchstart",
|
|
205
|
+
}), t.addEventListener("touchstart", k, {
|
|
203
206
|
passive: !0
|
|
204
|
-
}), t.addEventListener("touchend",
|
|
207
|
+
}), t.addEventListener("touchend", j, {
|
|
205
208
|
passive: !0
|
|
206
209
|
}), {
|
|
207
210
|
H: () => {
|
|
208
|
-
t.removeEventListener("scroll",
|
|
209
|
-
t.removeEventListener("touchend",
|
|
211
|
+
t.removeEventListener("scroll", w), t.removeEventListener("wheel", O), t.removeEventListener("touchstart", k),
|
|
212
|
+
t.removeEventListener("touchend", j), _(c);
|
|
210
213
|
},
|
|
211
214
|
F: () => {
|
|
212
|
-
const [t,
|
|
213
|
-
|
|
215
|
+
const [t, o] = e.P();
|
|
216
|
+
if (!t) return;
|
|
217
|
+
m && s && s(), m = !1;
|
|
218
|
+
const n = e.T() + t;
|
|
219
|
+
n <= 0 || n >= e.N() + e.p() - e.B() ? y(n) : r.scrollBy({
|
|
220
|
+
[b]: z(t),
|
|
221
|
+
behavior: "instant"
|
|
222
|
+
}), o && (l && l(), e.B() > e.p() && e.q(1, $()));
|
|
223
|
+
},
|
|
224
|
+
D: (t, r) => {
|
|
225
|
+
let o, n, s;
|
|
226
|
+
l && l();
|
|
227
|
+
const i = l = () => {
|
|
228
|
+
o = !0, _(n), s && s();
|
|
229
|
+
}, c = () => {
|
|
230
|
+
if (!o) {
|
|
231
|
+
if (e.B() && (_(n), n = h(i, 150)), r) {
|
|
232
|
+
for (let [t, r] = e.t(0); t <= r; t++) if (e.j(t)) return;
|
|
233
|
+
i();
|
|
234
|
+
}
|
|
235
|
+
e.q(7), y(t(), r);
|
|
236
|
+
}
|
|
237
|
+
}, a = () => {
|
|
238
|
+
if (o) return;
|
|
239
|
+
let t;
|
|
240
|
+
s = e.A(2, () => {
|
|
241
|
+
t || (t = !0, S(() => {
|
|
242
|
+
t = !1, c();
|
|
243
|
+
}));
|
|
244
|
+
}), c();
|
|
245
|
+
};
|
|
246
|
+
r ? (e.q(8, t()), S(a)) : a();
|
|
214
247
|
}
|
|
215
248
|
};
|
|
216
|
-
}, j = (e, t
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
let i, l, c;
|
|
221
|
-
o && o();
|
|
222
|
-
const a = o = () => {
|
|
223
|
-
i = !0, g(l), c && c();
|
|
224
|
-
}, u = () => {
|
|
225
|
-
if (!i) {
|
|
226
|
-
if (e.R() && (g(l), l = h(a, 150)), s) {
|
|
227
|
-
for (let [t, r] = e.t(0); t <= r; t++) if (e.j(t)) return;
|
|
228
|
-
a();
|
|
229
|
-
}
|
|
230
|
-
e.A(7), r(n(), s);
|
|
231
|
-
}
|
|
232
|
-
}, f = () => {
|
|
233
|
-
if (i) return;
|
|
234
|
-
let t;
|
|
235
|
-
c = e.P(2, () => {
|
|
236
|
-
t || (t = !0, b(() => {
|
|
237
|
-
t = !1, u();
|
|
238
|
-
}));
|
|
239
|
-
}), u();
|
|
240
|
-
};
|
|
241
|
-
s ? (e.A(8, n()), b(f)) : f();
|
|
242
|
-
}, () => {
|
|
243
|
-
o && o();
|
|
244
|
-
} ];
|
|
245
|
-
}, q = (e, t) => {
|
|
246
|
-
e.D(() => t);
|
|
247
|
-
}, T = (e, t, r, {align: o, smooth: n, offset: s = 0} = {}) => {
|
|
248
|
-
if (r = p(r, 0, t.q() - 1), "nearest" === o) {
|
|
249
|
+
}, j = (e, t) => {
|
|
250
|
+
e.J(() => t);
|
|
251
|
+
}, E = (e, t, r, {align: o, smooth: n, offset: s = 0} = {}) => {
|
|
252
|
+
if (r = p(r, 0, t.R() - 1), "nearest" === o) {
|
|
249
253
|
const e = t.i(r), n = t.T();
|
|
250
254
|
if (e < n) o = "start"; else {
|
|
251
|
-
if (!(e + t.l(r) > n + t.
|
|
255
|
+
if (!(e + t.l(r) > n + t.B())) return;
|
|
252
256
|
o = "end";
|
|
253
257
|
}
|
|
254
258
|
}
|
|
255
|
-
e.
|
|
256
|
-
},
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
},
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
},
|
|
278
|
-
K: {
|
|
279
|
-
type: Boolean
|
|
280
|
-
},
|
|
281
|
-
Z: {
|
|
282
|
-
type: Boolean
|
|
283
|
-
},
|
|
284
|
-
ee: {
|
|
285
|
-
type: String,
|
|
286
|
-
required: !0
|
|
287
|
-
},
|
|
288
|
-
te: Object
|
|
289
|
-
},
|
|
290
|
-
setup(r) {
|
|
291
|
-
const s = l(), i = e(() => r.W.value && r.X.i(r.G)), a = e(() => r.W.value && r.X.j(r.G));
|
|
292
|
-
return c(() => s.value && r.G, (e, t, o) => {
|
|
293
|
-
o(r.U(s.value, r.G));
|
|
294
|
-
}, {
|
|
295
|
-
flush: "post"
|
|
296
|
-
}), () => {
|
|
297
|
-
const {Y: e, K: l, Z: c, ee: u} = r, f = a.value, {style: d, ...p} = r.te ?? {}, m = {
|
|
298
|
-
contain: "layout style",
|
|
299
|
-
position: f && c ? void 0 : "absolute",
|
|
300
|
-
[l ? "height" : "width"]: "100%",
|
|
301
|
-
[l ? "top" : "left"]: "0px",
|
|
302
|
-
[l ? "insetInlineStart" : "top"]: i.value + "px",
|
|
303
|
-
visibility: !f || c ? void 0 : "hidden",
|
|
304
|
-
...d
|
|
305
|
-
};
|
|
306
|
-
return l && (m.display = "inline-flex"), t(u, n({
|
|
307
|
-
ref: s,
|
|
308
|
-
style: m
|
|
309
|
-
}, p), "function" == typeof (h = e) || "[object Object]" === Object.prototype.toString.call(h) && !o(h) ? e : {
|
|
310
|
-
default: () => [ e ],
|
|
311
|
-
_: 2
|
|
312
|
-
}, 16, [ "style" ]);
|
|
313
|
-
var h;
|
|
259
|
+
e.J(() => s + e.W() + t.i(r) + ("end" === o ? t.l(r) - t.B() : "center" === o ? (t.l(r) - t.B()) / 2 : 0), n);
|
|
260
|
+
}, R = /* @__PURE__ */ r(r => {
|
|
261
|
+
const o = l(), s = e(() => r.X.value && r.Y.i(r.U)), i = e(() => r.X.value && r.Y.j(r.U)), a = e(() => r.G({
|
|
262
|
+
item: r.K,
|
|
263
|
+
index: r.U
|
|
264
|
+
}));
|
|
265
|
+
return c(() => o.value && r.U, (e, t, n) => {
|
|
266
|
+
n(r.Z(o.value, r.U));
|
|
267
|
+
}, {
|
|
268
|
+
flush: "post"
|
|
269
|
+
}), () => {
|
|
270
|
+
const {ee: e, te: l, re: c, U: u, K: f} = r, d = i.value, {style: m, ...p} = r.oe?.({
|
|
271
|
+
item: f,
|
|
272
|
+
index: u
|
|
273
|
+
}) || {}, g = {
|
|
274
|
+
contain: "layout style",
|
|
275
|
+
position: d && l ? void 0 : "absolute",
|
|
276
|
+
[e ? "height" : "width"]: "100%",
|
|
277
|
+
[e ? "top" : "left"]: "0px",
|
|
278
|
+
[e ? "insetInlineStart" : "top"]: s.value + "px",
|
|
279
|
+
visibility: !d || l ? void 0 : "hidden",
|
|
280
|
+
...m
|
|
314
281
|
};
|
|
282
|
+
return e && (g.display = "inline-flex"), t(c, n({
|
|
283
|
+
ref: o,
|
|
284
|
+
style: g
|
|
285
|
+
}, p), {
|
|
286
|
+
default: () => [ a.value ]
|
|
287
|
+
}, 16, [ "style" ]);
|
|
288
|
+
};
|
|
289
|
+
}, {
|
|
290
|
+
props: {
|
|
291
|
+
X: null,
|
|
292
|
+
Y: null,
|
|
293
|
+
G: null,
|
|
294
|
+
K: null,
|
|
295
|
+
Z: null,
|
|
296
|
+
U: null,
|
|
297
|
+
ee: null,
|
|
298
|
+
te: null,
|
|
299
|
+
re: null,
|
|
300
|
+
oe: null
|
|
315
301
|
}
|
|
316
|
-
}),
|
|
302
|
+
}), T = (e, t) => {
|
|
317
303
|
if (1 === e.length) {
|
|
318
304
|
const t = e[0].key;
|
|
319
305
|
if (null != t) return t;
|
|
320
306
|
}
|
|
321
307
|
return "_" + t;
|
|
322
|
-
},
|
|
308
|
+
}, M = (e, t) => e[0] === t[0] && e[1] === t[1], B = /* @__PURE__ */ r({
|
|
323
309
|
props: {
|
|
324
310
|
data: {
|
|
325
311
|
type: Array,
|
|
@@ -348,147 +334,132 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
348
334
|
cache: Object
|
|
349
335
|
},
|
|
350
336
|
emits: [ "scroll", "scrollEnd" ],
|
|
351
|
-
setup(r, {emit: n, expose: a, slots:
|
|
337
|
+
setup(r, {emit: n, expose: a, slots: u}) {
|
|
352
338
|
let d = !!r.ssrCount;
|
|
353
|
-
const
|
|
354
|
-
let r, o, n =
|
|
355
|
-
const
|
|
356
|
-
r.scrollTo({
|
|
357
|
-
[l]: w(e, s),
|
|
358
|
-
behavior: t ? "smooth" : "instant"
|
|
359
|
-
});
|
|
360
|
-
}), f = t ? "width" : "height", d = /* @__PURE__ */ new WeakMap, p = O(t => {
|
|
339
|
+
const m = r.horizontal, p = l(), _ = w(r.data.length, r.itemSize, r.cache), S = y(_, r.ssrCount), z = ((e, t) => {
|
|
340
|
+
let r, o, n = b();
|
|
341
|
+
const s = t ? "width" : "height", i = /* @__PURE__ */ new WeakMap, l = O(t => {
|
|
361
342
|
const o = [];
|
|
362
|
-
for (const {target: n, contentRect:
|
|
363
|
-
const e =
|
|
364
|
-
null != e && o.push([ e, s
|
|
343
|
+
for (const {target: n, contentRect: l} of t) if (n.offsetParent) if (n === r) e.q(4, l[s]); else {
|
|
344
|
+
const e = i.get(n);
|
|
345
|
+
null != e && o.push([ e, l[s] ]);
|
|
365
346
|
}
|
|
366
|
-
o.length && e.
|
|
347
|
+
o.length && e.q(3, o);
|
|
367
348
|
});
|
|
368
349
|
return {
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
e
|
|
374
|
-
|
|
375
|
-
});
|
|
376
|
-
}
|
|
377
|
-
const n = e.T() + t;
|
|
378
|
-
n <= 0 || n >= e.M() + e.m() - e.R() ? f.scrollTo({
|
|
379
|
-
[l]: w(n, s),
|
|
380
|
-
behavior: "instant"
|
|
381
|
-
}) : f.scrollBy({
|
|
382
|
-
[l]: w(t, s),
|
|
383
|
-
behavior: "instant"
|
|
384
|
-
}), r && u();
|
|
350
|
+
ne(s, i = s.parentElement) {
|
|
351
|
+
l.L(r = i), o = k(e, i, i, t, t && "rtl" === getComputedStyle(i).direction, () => {
|
|
352
|
+
const e = t ? "overflowX" : "overflowY", r = i.style, o = r[e];
|
|
353
|
+
r[e] = "hidden", h(() => {
|
|
354
|
+
r[e] = o;
|
|
355
|
+
});
|
|
385
356
|
}), n[1](!0);
|
|
386
357
|
},
|
|
387
358
|
I() {
|
|
388
|
-
|
|
359
|
+
l.H(), o && o.H(), n[1](!1), n = b();
|
|
389
360
|
},
|
|
390
|
-
|
|
391
|
-
|
|
361
|
+
se: (e, t) => (i.set(e, t), l.L(e), () => {
|
|
362
|
+
i.delete(e), l.V(e);
|
|
392
363
|
}),
|
|
393
|
-
|
|
394
|
-
|
|
364
|
+
async J(e, t) {
|
|
365
|
+
await n[0] && o.D(e, t);
|
|
366
|
+
},
|
|
367
|
+
ie() {
|
|
395
368
|
o && o.F();
|
|
396
369
|
},
|
|
397
|
-
|
|
370
|
+
W: e.N
|
|
398
371
|
};
|
|
399
|
-
})(
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
}),
|
|
403
|
-
n("scroll",
|
|
404
|
-
}),
|
|
372
|
+
})(S, m), $ = l(S.O());
|
|
373
|
+
S.A(1, () => {
|
|
374
|
+
$.value = S.O();
|
|
375
|
+
}), S.A(4, () => {
|
|
376
|
+
n("scroll", S.T());
|
|
377
|
+
}), S.A(8, () => {
|
|
405
378
|
n("scrollEnd");
|
|
406
379
|
});
|
|
407
|
-
const
|
|
408
|
-
|
|
409
|
-
const t =
|
|
410
|
-
return e &&
|
|
411
|
-
}),
|
|
380
|
+
const v = e(e => {
|
|
381
|
+
$.value;
|
|
382
|
+
const t = S.t(r.bufferSize);
|
|
383
|
+
return e && M(e, t) ? e : t;
|
|
384
|
+
}), x = e(() => $.value && S.M()), I = e(() => $.value && S.p());
|
|
412
385
|
return s(() => {
|
|
413
386
|
d = !1;
|
|
414
|
-
const e =
|
|
415
|
-
|
|
387
|
+
const e = p.value, t = requestAnimationFrame(() => {
|
|
388
|
+
z.ne(e, r.scrollRef);
|
|
416
389
|
});
|
|
417
390
|
i(() => {
|
|
418
391
|
cancelAnimationFrame(t);
|
|
419
392
|
});
|
|
420
393
|
}), i(() => {
|
|
421
|
-
|
|
394
|
+
S.I(), z.I();
|
|
422
395
|
}), c(() => r.data.length, e => {
|
|
423
|
-
|
|
396
|
+
S.q(5, [ e, r.shift ]);
|
|
424
397
|
}), c(() => r.startMargin, e => {
|
|
425
|
-
|
|
398
|
+
S.q(6, e);
|
|
426
399
|
}, {
|
|
427
400
|
immediate: !0
|
|
428
|
-
}), c([
|
|
429
|
-
|
|
401
|
+
}), c([ $ ], () => {
|
|
402
|
+
z.ie();
|
|
430
403
|
}, {
|
|
431
404
|
flush: "post"
|
|
432
405
|
}), a({
|
|
433
406
|
get cache() {
|
|
434
|
-
return
|
|
407
|
+
return _.C();
|
|
435
408
|
},
|
|
436
409
|
get scrollOffset() {
|
|
437
|
-
return
|
|
410
|
+
return S.T();
|
|
438
411
|
},
|
|
439
412
|
get scrollSize() {
|
|
440
|
-
return (e =>
|
|
413
|
+
return (e => f(e.p(), e.B()))(S);
|
|
441
414
|
},
|
|
442
415
|
get viewportSize() {
|
|
443
|
-
return
|
|
416
|
+
return S.B();
|
|
444
417
|
},
|
|
445
|
-
findItemIndex:
|
|
446
|
-
getItemOffset:
|
|
447
|
-
getItemSize:
|
|
448
|
-
scrollToIndex: (e, t) =>
|
|
449
|
-
scrollTo: e =>
|
|
418
|
+
findItemIndex: S.k,
|
|
419
|
+
getItemOffset: S.i,
|
|
420
|
+
getItemSize: S.l,
|
|
421
|
+
scrollToIndex: (e, t) => E(z, S, e, t),
|
|
422
|
+
scrollTo: e => j(z, e),
|
|
450
423
|
scrollBy: e => ((e, t, r) => {
|
|
451
|
-
|
|
452
|
-
})(
|
|
424
|
+
j(e, r + t.T());
|
|
425
|
+
})(z, S, e)
|
|
453
426
|
}), () => {
|
|
454
|
-
const e = r.as, n = r.item, s =
|
|
455
|
-
const o =
|
|
427
|
+
const e = r.as, n = r.item, s = I.value, i = [], l = e => {
|
|
428
|
+
const o = u.default({
|
|
456
429
|
item: r.data[e],
|
|
457
430
|
index: e
|
|
458
431
|
});
|
|
459
|
-
return t(
|
|
460
|
-
key:
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
K:
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
})
|
|
473
|
-
}, null, 8, [ "W", "X", "U", "G", "Y", "K", "Z", "ee", "te" ]);
|
|
432
|
+
return t(R, {
|
|
433
|
+
key: T(o, e),
|
|
434
|
+
X: $,
|
|
435
|
+
Y: S,
|
|
436
|
+
Z: z.se,
|
|
437
|
+
U: e,
|
|
438
|
+
G: u.default,
|
|
439
|
+
K: r.data[e],
|
|
440
|
+
ee: m,
|
|
441
|
+
te: d,
|
|
442
|
+
re: n,
|
|
443
|
+
oe: r.itemProps
|
|
444
|
+
}, null, 8, [ "X", "Y", "Z", "U", "G", "K", "ee", "te", "re", "oe" ]);
|
|
474
445
|
};
|
|
475
446
|
if (r.keepMounted) {
|
|
476
|
-
const e = new Set(r.keepMounted);
|
|
477
|
-
for (let [
|
|
478
|
-
|
|
479
|
-
i.push(l(
|
|
447
|
+
const e = r.data.length, t = new Set(r.keepMounted);
|
|
448
|
+
for (let [e, r] = v.value; e <= r; e++) t.add(e);
|
|
449
|
+
g([ ...t ]).forEach(t => {
|
|
450
|
+
t < e && i.push(l(t));
|
|
480
451
|
});
|
|
481
|
-
} else for (let [e, t] =
|
|
452
|
+
} else for (let [e, t] = v.value; e <= t; e++) i.push(l(e));
|
|
482
453
|
return t(e, {
|
|
483
|
-
ref:
|
|
454
|
+
ref: p,
|
|
484
455
|
style: {
|
|
485
456
|
contain: "size style",
|
|
486
457
|
overflowAnchor: "none",
|
|
487
458
|
flex: "none",
|
|
488
459
|
position: "relative",
|
|
489
|
-
width:
|
|
490
|
-
height:
|
|
491
|
-
pointerEvents:
|
|
460
|
+
width: m ? s + "px" : "100%",
|
|
461
|
+
height: m ? "100%" : s + "px",
|
|
462
|
+
pointerEvents: x.value ? "none" : void 0
|
|
492
463
|
}
|
|
493
464
|
}, "function" == typeof (c = i) || "[object Object]" === Object.prototype.toString.call(c) && !o(c) ? i : {
|
|
494
465
|
default: () => [ i ],
|
|
@@ -547,7 +518,7 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
547
518
|
width: "100%",
|
|
548
519
|
height: "100%"
|
|
549
520
|
}
|
|
550
|
-
}, [ t(
|
|
521
|
+
}, [ t(B, {
|
|
551
522
|
ref: u,
|
|
552
523
|
data: e.data,
|
|
553
524
|
bufferSize: e.bufferSize,
|
|
@@ -591,14 +562,9 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
591
562
|
emits: [ "scroll", "scrollEnd" ],
|
|
592
563
|
setup(r, {emit: n, slots: a, expose: u}) {
|
|
593
564
|
let f = !!r.ssrCount;
|
|
594
|
-
const d = r.horizontal,
|
|
595
|
-
let r, o, n, s, i, l =
|
|
596
|
-
const
|
|
597
|
-
r.scrollTo({
|
|
598
|
-
[u]: w(e, c),
|
|
599
|
-
behavior: t ? "smooth" : "instant"
|
|
600
|
-
});
|
|
601
|
-
}), p = t ? "width" : "height", m = /* @__PURE__ */ new WeakMap, h = O(t => {
|
|
565
|
+
const d = r.horizontal, m = l(), p = w(r.data.length, r.itemSize, r.cache), g = y(p, r.ssrCount), h = ((e, t) => {
|
|
566
|
+
let r, o, n, s, i, l = b();
|
|
567
|
+
const c = t ? "width" : "height", a = /* @__PURE__ */ new WeakMap, u = O(t => {
|
|
602
568
|
const o = [];
|
|
603
569
|
for (const {target: e, contentRect: n} of t) {
|
|
604
570
|
if (e === r) {
|
|
@@ -606,104 +572,98 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
606
572
|
continue;
|
|
607
573
|
}
|
|
608
574
|
if (!e.offsetParent) continue;
|
|
609
|
-
const t =
|
|
610
|
-
null != t && o.push([ t, n[
|
|
575
|
+
const t = a.get(e);
|
|
576
|
+
null != t && o.push([ t, n[c] ]);
|
|
611
577
|
}
|
|
612
|
-
o.length && e.
|
|
613
|
-
})
|
|
614
|
-
const s = o ? "offsetLeft" : "offsetTop", i = n + (c ? t.clientWidth - e[s] - e.offsetWidth : e[s]), l = e.offsetParent;
|
|
615
|
-
return e !== r && l ? g(l, t, r, o, i) : i;
|
|
616
|
-
};
|
|
578
|
+
o.length && e.q(3, o);
|
|
579
|
+
});
|
|
617
580
|
return {
|
|
618
|
-
|
|
619
|
-
const
|
|
620
|
-
|
|
581
|
+
ne(c) {
|
|
582
|
+
const a = z(c), f = $(a), d = r = a.scrollingElement, m = t && "rtl" === getComputedStyle(d).direction, p = (e, t, r, o, n = 0) => {
|
|
583
|
+
const s = o ? "offsetLeft" : "offsetTop", i = n + (m ? t.clientWidth - e[s] - e.offsetWidth : e[s]), l = e.offsetParent;
|
|
584
|
+
return e !== r && l ? p(l, t, r, o, i) : i;
|
|
585
|
+
}, g = s = () => p(c, d, a.body, t), h = i = () => {
|
|
586
|
+
e.q(4, d[t ? "clientWidth" : "clientHeight"]);
|
|
621
587
|
};
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
},
|
|
625
|
-
const o = e.T() + t;
|
|
626
|
-
o <= 0 || o >= e.M() + e.m() - e.R() ? b.scrollTo({
|
|
627
|
-
[u]: w(o, c),
|
|
628
|
-
behavior: "instant"
|
|
629
|
-
}) : b.scrollBy({
|
|
630
|
-
[u]: w(t, c),
|
|
631
|
-
behavior: "instant"
|
|
632
|
-
}), r && d();
|
|
633
|
-
}, S), l[1](!0);
|
|
588
|
+
f.addEventListener("resize", h), u.L(d), n = () => {
|
|
589
|
+
f.removeEventListener("resize", h);
|
|
590
|
+
}, o = k(e, f, d, t, m, null, g), l[1](!0);
|
|
634
591
|
},
|
|
635
592
|
I() {
|
|
636
|
-
n && n(),
|
|
593
|
+
n && n(), u.H(), o && o.H(), l[1](!1), l = b();
|
|
637
594
|
},
|
|
638
|
-
|
|
639
|
-
|
|
595
|
+
se: (e, t) => (a.set(e, t), u.L(e), () => {
|
|
596
|
+
a.delete(e), u.V(e);
|
|
640
597
|
}),
|
|
641
|
-
|
|
642
|
-
|
|
598
|
+
async J(e, t) {
|
|
599
|
+
await l[0] && o.D(e, t);
|
|
600
|
+
},
|
|
601
|
+
ie() {
|
|
643
602
|
o && o.F();
|
|
644
603
|
},
|
|
645
|
-
|
|
604
|
+
W: () => s()
|
|
646
605
|
};
|
|
647
|
-
})(
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
}),
|
|
606
|
+
})(g, d), _ = l(g.O());
|
|
607
|
+
g.A(1, () => {
|
|
608
|
+
_.value = g.O();
|
|
609
|
+
}), g.A(4, () => {
|
|
651
610
|
n("scroll");
|
|
652
|
-
}),
|
|
611
|
+
}), g.A(8, () => {
|
|
653
612
|
n("scrollEnd");
|
|
654
613
|
});
|
|
655
|
-
const
|
|
656
|
-
|
|
657
|
-
const t =
|
|
658
|
-
return e &&
|
|
659
|
-
}),
|
|
614
|
+
const S = e(e => {
|
|
615
|
+
_.value;
|
|
616
|
+
const t = g.t(r.bufferSize);
|
|
617
|
+
return e && M(e, t) ? e : t;
|
|
618
|
+
}), v = e(() => _.value && g.M()), x = e(() => _.value && g.p());
|
|
660
619
|
return s(() => {
|
|
661
620
|
f = !1;
|
|
662
|
-
const e =
|
|
663
|
-
e &&
|
|
621
|
+
const e = m.value;
|
|
622
|
+
e && h.ne(e);
|
|
664
623
|
}), i(() => {
|
|
665
|
-
|
|
624
|
+
g.I(), h.I();
|
|
666
625
|
}), c(() => r.data.length, e => {
|
|
667
|
-
|
|
668
|
-
}), c([
|
|
669
|
-
|
|
626
|
+
g.q(5, [ e, r.shift ]);
|
|
627
|
+
}), c([ _ ], () => {
|
|
628
|
+
h.ie();
|
|
670
629
|
}, {
|
|
671
630
|
flush: "post"
|
|
672
631
|
}), u({
|
|
673
632
|
get cache() {
|
|
674
|
-
return
|
|
633
|
+
return p.C();
|
|
675
634
|
},
|
|
676
635
|
get scrollOffset() {
|
|
677
|
-
return
|
|
636
|
+
return g.T();
|
|
678
637
|
},
|
|
679
638
|
get viewportSize() {
|
|
680
|
-
return
|
|
639
|
+
return g.B();
|
|
681
640
|
},
|
|
682
|
-
findItemIndex:
|
|
683
|
-
getItemOffset:
|
|
684
|
-
getItemSize:
|
|
685
|
-
scrollToIndex: (e, t) =>
|
|
641
|
+
findItemIndex: g.k,
|
|
642
|
+
getItemOffset: g.i,
|
|
643
|
+
getItemSize: g.l,
|
|
644
|
+
scrollToIndex: (e, t) => E(h, g, e, t)
|
|
686
645
|
}), () => {
|
|
687
|
-
const e = r.as, n = r.item, s =
|
|
688
|
-
for (let [e, o] =
|
|
646
|
+
const e = r.as, n = r.item, s = x.value, i = [];
|
|
647
|
+
for (let [e, o] = S.value; e <= o; e++) {
|
|
689
648
|
const o = a.default({
|
|
690
649
|
item: r.data[e],
|
|
691
650
|
index: e
|
|
692
651
|
});
|
|
693
|
-
i.push(t(
|
|
694
|
-
key:
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
K:
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
652
|
+
i.push(t(R, {
|
|
653
|
+
key: T(o, e),
|
|
654
|
+
X: _,
|
|
655
|
+
Y: g,
|
|
656
|
+
Z: h.se,
|
|
657
|
+
U: e,
|
|
658
|
+
G: a.default,
|
|
659
|
+
K: r.data[e],
|
|
660
|
+
ee: d,
|
|
661
|
+
te: f,
|
|
662
|
+
re: n
|
|
663
|
+
}, null, 8, [ "X", "Y", "Z", "U", "G", "K", "ee", "te", "re" ]));
|
|
704
664
|
}
|
|
705
665
|
return t(e, {
|
|
706
|
-
ref:
|
|
666
|
+
ref: m,
|
|
707
667
|
style: {
|
|
708
668
|
contain: "size style",
|
|
709
669
|
overflowAnchor: "none",
|
|
@@ -711,7 +671,7 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
711
671
|
position: "relative",
|
|
712
672
|
width: d ? s + "px" : "100%",
|
|
713
673
|
height: d ? "100%" : s + "px",
|
|
714
|
-
pointerEvents:
|
|
674
|
+
pointerEvents: v.value ? "none" : void 0
|
|
715
675
|
}
|
|
716
676
|
}, "function" == typeof (l = i) || "[object Object]" === Object.prototype.toString.call(l) && !o(l) ? i : {
|
|
717
677
|
default: () => [ i ],
|
|
@@ -722,5 +682,5 @@ var {min: a, max: u, abs: f, floor: d} = Math, p = (e, t, r) => a(r, u(t, e)), m
|
|
|
722
682
|
}
|
|
723
683
|
});
|
|
724
684
|
|
|
725
|
-
export { N as VList,
|
|
685
|
+
export { N as VList, B as Virtualizer, P as WindowVirtualizer };
|
|
726
686
|
//# sourceMappingURL=index.js.map
|