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