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