@lazycatcloud/lzc-toolkit 0.0.49 → 0.0.51
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/dist/index.es.js +191 -180
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { unref as
|
|
2
|
-
var
|
|
3
|
-
const
|
|
4
|
-
|
|
1
|
+
import { unref as y, getCurrentScope as Ce, onScopeDispose as Re, getCurrentInstance as Be, onMounted as te, nextTick as ne, ref as g, watch as $, shallowRef as Pe, computed as f, onUnmounted as ve, inject as T, provide as x, defineComponent as A, openBlock as I, createBlock as fe, Transition as pe, withCtx as he, createElementBlock as R, createElementVNode as H, withModifiers as $e, normalizeClass as Fe, renderSlot as oe, createCommentVNode as Ae, render as J, h as P, normalizeStyle as F, toDisplayString as Le, useSlots as De, withDirectives as We, vShow as Me, pushScopeId as ke, popScopeId as ze, toRef as Ve, mergeProps as je, normalizeProps as le, guardReactiveProps as se, Fragment as Ke, renderList as Ne } from "vue";
|
|
2
|
+
var re;
|
|
3
|
+
const L = typeof window < "u";
|
|
4
|
+
L && ((re = window?.navigator) == null ? void 0 : re.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
|
|
5
5
|
function X(t) {
|
|
6
|
-
return typeof t == "function" ? t() :
|
|
6
|
+
return typeof t == "function" ? t() : y(t);
|
|
7
7
|
}
|
|
8
8
|
function Qe(t, e) {
|
|
9
9
|
function n(...o) {
|
|
@@ -14,12 +14,12 @@ function Qe(t, e) {
|
|
|
14
14
|
function Ue(t, e = {}) {
|
|
15
15
|
let n, o;
|
|
16
16
|
return (r) => {
|
|
17
|
-
const l = X(t),
|
|
18
|
-
if (n && clearTimeout(n), l <= 0 ||
|
|
17
|
+
const l = X(t), c = X(e.maxWait);
|
|
18
|
+
if (n && clearTimeout(n), l <= 0 || c !== void 0 && c <= 0)
|
|
19
19
|
return o && (clearTimeout(o), o = null), r();
|
|
20
|
-
|
|
20
|
+
c && !o && (o = setTimeout(() => {
|
|
21
21
|
n && clearTimeout(n), o = null, r();
|
|
22
|
-
},
|
|
22
|
+
}, c)), n = setTimeout(() => {
|
|
23
23
|
o && clearTimeout(o), o = null, r();
|
|
24
24
|
}, l);
|
|
25
25
|
};
|
|
@@ -28,23 +28,23 @@ function qe(t) {
|
|
|
28
28
|
return t;
|
|
29
29
|
}
|
|
30
30
|
function Ye(t) {
|
|
31
|
-
return Ce() ? (
|
|
31
|
+
return Ce() ? (Re(t), !0) : !1;
|
|
32
32
|
}
|
|
33
|
-
function
|
|
33
|
+
function me(t, e = 200, n = {}) {
|
|
34
34
|
return Qe(Ue(e, n), t);
|
|
35
35
|
}
|
|
36
36
|
function Ge(t, e = !0) {
|
|
37
|
-
|
|
37
|
+
Be() ? te(t) : e ? t() : ne(t);
|
|
38
38
|
}
|
|
39
|
-
function
|
|
39
|
+
function ge(t) {
|
|
40
40
|
var e;
|
|
41
41
|
const n = X(t);
|
|
42
42
|
return (e = n?.$el) != null ? e : n;
|
|
43
43
|
}
|
|
44
|
-
const Je =
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
const Je = L ? window : void 0;
|
|
45
|
+
L && window.document;
|
|
46
|
+
L && window.navigator;
|
|
47
|
+
L && window.location;
|
|
48
48
|
function Xe(t, e = !1) {
|
|
49
49
|
const n = g(), o = () => n.value = Boolean(t());
|
|
50
50
|
return o(), Ge(o, e), n;
|
|
@@ -52,52 +52,52 @@ function Xe(t, e = !1) {
|
|
|
52
52
|
const Z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ee = "__vueuse_ssr_handlers__";
|
|
53
53
|
Z[ee] = Z[ee] || {};
|
|
54
54
|
Z[ee];
|
|
55
|
-
var
|
|
55
|
+
var ae = Object.getOwnPropertySymbols, Ze = Object.prototype.hasOwnProperty, et = Object.prototype.propertyIsEnumerable, tt = (t, e) => {
|
|
56
56
|
var n = {};
|
|
57
57
|
for (var o in t)
|
|
58
58
|
Ze.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
|
|
59
|
-
if (t != null &&
|
|
60
|
-
for (var o of
|
|
59
|
+
if (t != null && ae)
|
|
60
|
+
for (var o of ae(t))
|
|
61
61
|
e.indexOf(o) < 0 && et.call(t, o) && (n[o] = t[o]);
|
|
62
62
|
return n;
|
|
63
63
|
};
|
|
64
64
|
function nt(t, e, n = {}) {
|
|
65
65
|
const o = n, { window: s = Je } = o, r = tt(o, ["window"]);
|
|
66
66
|
let l;
|
|
67
|
-
const
|
|
67
|
+
const c = Xe(() => s && "ResizeObserver" in s), m = () => {
|
|
68
68
|
l && (l.disconnect(), l = void 0);
|
|
69
|
-
}, p = $(() =>
|
|
70
|
-
m(),
|
|
69
|
+
}, p = $(() => ge(t), (h) => {
|
|
70
|
+
m(), c.value && s && h && (l = new ResizeObserver(e), l.observe(h, r));
|
|
71
71
|
}, { immediate: !0, flush: "post" }), v = () => {
|
|
72
72
|
m(), p();
|
|
73
73
|
};
|
|
74
74
|
return Ye(v), {
|
|
75
|
-
isSupported:
|
|
75
|
+
isSupported: c,
|
|
76
76
|
stop: v
|
|
77
77
|
};
|
|
78
78
|
}
|
|
79
79
|
function ot(t, e = { width: 0, height: 0 }, n = {}) {
|
|
80
80
|
const { box: o = "content-box" } = n, s = g(e.width), r = g(e.height);
|
|
81
81
|
return nt(t, ([l]) => {
|
|
82
|
-
const
|
|
83
|
-
|
|
84
|
-
}, n), $(() =>
|
|
82
|
+
const c = o === "border-box" ? l.borderBoxSize : o === "content-box" ? l.contentBoxSize : l.devicePixelContentBoxSize;
|
|
83
|
+
c ? (s.value = c.reduce((m, { inlineSize: p }) => m + p, 0), r.value = c.reduce((m, { blockSize: p }) => m + p, 0)) : (s.value = l.contentRect.width, r.value = l.contentRect.height);
|
|
84
|
+
}, n), $(() => ge(t), (l) => {
|
|
85
85
|
s.value = l ? e.width : 0, r.value = l ? e.height : 0;
|
|
86
86
|
}), {
|
|
87
87
|
width: s,
|
|
88
88
|
height: r
|
|
89
89
|
};
|
|
90
90
|
}
|
|
91
|
-
var
|
|
91
|
+
var ie;
|
|
92
92
|
(function(t) {
|
|
93
93
|
t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
|
|
94
|
-
})(
|
|
95
|
-
var lt = Object.defineProperty,
|
|
94
|
+
})(ie || (ie = {}));
|
|
95
|
+
var lt = Object.defineProperty, ue = Object.getOwnPropertySymbols, st = Object.prototype.hasOwnProperty, rt = Object.prototype.propertyIsEnumerable, ce = (t, e, n) => e in t ? lt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, at = (t, e) => {
|
|
96
96
|
for (var n in e || (e = {}))
|
|
97
|
-
st.call(e, n) &&
|
|
98
|
-
if (
|
|
99
|
-
for (var n of
|
|
100
|
-
rt.call(e, n) &&
|
|
97
|
+
st.call(e, n) && ce(t, n, e[n]);
|
|
98
|
+
if (ue)
|
|
99
|
+
for (var n of ue(e))
|
|
100
|
+
rt.call(e, n) && ce(t, n, e[n]);
|
|
101
101
|
return t;
|
|
102
102
|
};
|
|
103
103
|
const it = {
|
|
@@ -130,68 +130,68 @@ at({
|
|
|
130
130
|
linear: qe
|
|
131
131
|
}, it);
|
|
132
132
|
function ut(t, e) {
|
|
133
|
-
const { scrollEndHook: n, itemHeight: o, overscan: s = 5 } = e, r = g(null), l = ot(r),
|
|
133
|
+
const { scrollEndHook: n, itemHeight: o, overscan: s = 5 } = e, r = g(null), l = ot(r), c = g(!0), m = me(Q, 100);
|
|
134
134
|
let p;
|
|
135
|
-
const v =
|
|
135
|
+
const v = Pe(t), h = g(0), i = g({ start: 0, end: 10 });
|
|
136
136
|
let u = 0;
|
|
137
|
-
const
|
|
138
|
-
let { sum: a, height:
|
|
139
|
-
return v.value.map((w,
|
|
140
|
-
}), N = f(() => V(i.value.start)), C = f(() => typeof o == "number" ?
|
|
141
|
-
let a =
|
|
142
|
-
return
|
|
137
|
+
const E = g([]), b = f(() => {
|
|
138
|
+
let { sum: a, height: d } = { sum: 0, height: 0 };
|
|
139
|
+
return v.value.map((w, _) => (typeof o == "number" ? d = o : d = o(_), a += d, { height: d, sum: a }));
|
|
140
|
+
}), N = f(() => V(i.value.start)), C = f(() => typeof o == "number" ? b.value.length * o : b.value[b.value.length - 1]?.sum || 0), D = f(() => {
|
|
141
|
+
let a = E.value.length - s, d = Math.max(a - u, 0);
|
|
142
|
+
return E.value.slice(d, a);
|
|
143
143
|
});
|
|
144
144
|
te(() => {
|
|
145
|
-
}),
|
|
145
|
+
}), ve(() => cancelAnimationFrame(p)), $(
|
|
146
146
|
[l.width, l.height, v],
|
|
147
|
-
([a,
|
|
148
|
-
(a ||
|
|
147
|
+
([a, d]) => {
|
|
148
|
+
(a || d) && M();
|
|
149
149
|
},
|
|
150
150
|
{ deep: !0 }
|
|
151
151
|
), $(h, () => {
|
|
152
|
-
|
|
152
|
+
W(), m();
|
|
153
153
|
});
|
|
154
|
-
function
|
|
155
|
-
|
|
154
|
+
function W() {
|
|
155
|
+
c.value = !1;
|
|
156
156
|
}
|
|
157
157
|
function Q() {
|
|
158
|
-
|
|
159
|
-
}
|
|
160
|
-
function W() {
|
|
161
|
-
cancelAnimationFrame(p), p = requestAnimationFrame(M);
|
|
158
|
+
c.value = !0, n?.();
|
|
162
159
|
}
|
|
163
160
|
function M() {
|
|
161
|
+
cancelAnimationFrame(p), p = requestAnimationFrame(k);
|
|
162
|
+
}
|
|
163
|
+
function k() {
|
|
164
164
|
if (r.value) {
|
|
165
|
-
h.value = r.value.scrollTop, u =
|
|
166
|
-
let a =
|
|
167
|
-
a = a - s, a = a < 0 ? 0 : a,
|
|
165
|
+
h.value = r.value.scrollTop, u = B();
|
|
166
|
+
let a = z(h.value), d = a + u + s;
|
|
167
|
+
a = a - s, a = a < 0 ? 0 : a, d = d > v.value.length ? v.value.length : d, i.value = { start: a, end: d }, E.value = v.value.slice(a, d).map((w, _) => ({
|
|
168
168
|
data: w,
|
|
169
|
-
index:
|
|
169
|
+
index: _ + a
|
|
170
170
|
}));
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
|
-
function
|
|
174
|
-
let
|
|
175
|
-
for (;
|
|
176
|
-
const S = Math.floor((
|
|
177
|
-
|
|
173
|
+
function z(a) {
|
|
174
|
+
let d = 0, w = b.value.length - 1, _ = -1;
|
|
175
|
+
for (; d <= w; ) {
|
|
176
|
+
const S = Math.floor((d + w) / 2);
|
|
177
|
+
b.value[S].sum >= a ? (_ = S, w = S - 1) : d = S + 1;
|
|
178
178
|
}
|
|
179
|
-
return Math.max(0,
|
|
179
|
+
return Math.max(0, _);
|
|
180
180
|
}
|
|
181
|
-
function
|
|
182
|
-
let a = 0,
|
|
183
|
-
for (let
|
|
181
|
+
function B() {
|
|
182
|
+
let a = 0, d = 0, w = U();
|
|
183
|
+
for (let _ = w; _ < b.value.length && (a++, d += b.value[_].height, !(d >= l.height.value)); _++)
|
|
184
184
|
;
|
|
185
185
|
return a;
|
|
186
186
|
}
|
|
187
187
|
function V(a) {
|
|
188
188
|
if (typeof o == "number")
|
|
189
189
|
return a * o;
|
|
190
|
-
let
|
|
191
|
-
return
|
|
190
|
+
let d = b.value[a];
|
|
191
|
+
return d ? d.sum - d.height : 0;
|
|
192
192
|
}
|
|
193
|
-
function
|
|
194
|
-
return
|
|
193
|
+
function j(a) {
|
|
194
|
+
return b.value[a] || { sum: 0, height: 0 };
|
|
195
195
|
}
|
|
196
196
|
function U() {
|
|
197
197
|
let a = i.value.start;
|
|
@@ -199,15 +199,15 @@ function ut(t, e) {
|
|
|
199
199
|
}
|
|
200
200
|
function q(a) {
|
|
201
201
|
if (r.value) {
|
|
202
|
-
const
|
|
203
|
-
r.value.scrollTop =
|
|
202
|
+
const d = j(a);
|
|
203
|
+
r.value.scrollTop = d.sum - d.height, k();
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
206
|
const Y = f(() => ({
|
|
207
207
|
style: {
|
|
208
208
|
width: "100%",
|
|
209
209
|
height: `${C.value}px`,
|
|
210
|
-
pointerEvents:
|
|
210
|
+
pointerEvents: c.value ? void 0 : "none"
|
|
211
211
|
}
|
|
212
212
|
})), K = f(() => ({
|
|
213
213
|
style: {
|
|
@@ -218,19 +218,19 @@ function ut(t, e) {
|
|
|
218
218
|
overflowY: "auto"
|
|
219
219
|
};
|
|
220
220
|
return {
|
|
221
|
-
list:
|
|
222
|
-
visiableList:
|
|
223
|
-
getItemHeightData:
|
|
224
|
-
getoffsetTopIndex:
|
|
221
|
+
list: E,
|
|
222
|
+
visiableList: D,
|
|
223
|
+
getItemHeightData: j,
|
|
224
|
+
getoffsetTopIndex: z,
|
|
225
225
|
totalHeight: C,
|
|
226
226
|
clientHeight: l.height,
|
|
227
227
|
scrollTo: q,
|
|
228
228
|
scrollTop: h,
|
|
229
|
-
isScrollEnd:
|
|
229
|
+
isScrollEnd: c,
|
|
230
230
|
containerProps: {
|
|
231
231
|
ref: r,
|
|
232
232
|
onScroll: () => {
|
|
233
|
-
|
|
233
|
+
M();
|
|
234
234
|
},
|
|
235
235
|
style: G
|
|
236
236
|
},
|
|
@@ -238,20 +238,20 @@ function ut(t, e) {
|
|
|
238
238
|
innerProps: K
|
|
239
239
|
};
|
|
240
240
|
}
|
|
241
|
-
const be = Symbol(), ye = Symbol(),
|
|
242
|
-
function
|
|
241
|
+
const be = Symbol(), ye = Symbol(), _e = Symbol(), Se = Symbol(), we = Symbol(), Oe = Symbol(), xe = Symbol(), Ee = Symbol(), Te = Symbol();
|
|
242
|
+
function wt() {
|
|
243
243
|
const { voidFn: t, boolFn: e, boolRef: n, arrayRef: o } = {
|
|
244
244
|
voidFn: (u) => {
|
|
245
245
|
},
|
|
246
246
|
boolFn: (u) => !1,
|
|
247
247
|
boolRef: f(() => !1),
|
|
248
248
|
arrayRef: f(() => [])
|
|
249
|
-
}, s =
|
|
249
|
+
}, s = T(Se, o), r = T(_e, e), l = T(Ee, n), c = T(ye, t), m = T(be, t), p = T(we, t), v = T(Oe, t), h = T(xe, t), i = T(Te, t);
|
|
250
250
|
return {
|
|
251
251
|
selected: s,
|
|
252
252
|
isSelected: r,
|
|
253
253
|
isAllSelected: l,
|
|
254
|
-
toggle:
|
|
254
|
+
toggle: c,
|
|
255
255
|
toggleAll: m,
|
|
256
256
|
select: p,
|
|
257
257
|
selectAll: v,
|
|
@@ -259,7 +259,7 @@ function Et() {
|
|
|
259
259
|
unselectAll: i
|
|
260
260
|
};
|
|
261
261
|
}
|
|
262
|
-
function
|
|
262
|
+
function Ot(t, e) {
|
|
263
263
|
const n = g({}), o = f(() => t.value.filter((i) => n.value[i[e]])), s = f(() => o.value.length != 0 && Object.keys(n.value).length == t.value.length);
|
|
264
264
|
function r() {
|
|
265
265
|
t.value.forEach((i) => {
|
|
@@ -269,7 +269,7 @@ function Tt(t, e) {
|
|
|
269
269
|
function l() {
|
|
270
270
|
n.value = {};
|
|
271
271
|
}
|
|
272
|
-
function
|
|
272
|
+
function c(i) {
|
|
273
273
|
i.forEach((u) => {
|
|
274
274
|
n.value[u[e]] || (n.value[u[e]] = !0);
|
|
275
275
|
});
|
|
@@ -290,9 +290,9 @@ function Tt(t, e) {
|
|
|
290
290
|
function h() {
|
|
291
291
|
s.value ? l() : r();
|
|
292
292
|
}
|
|
293
|
-
return
|
|
293
|
+
return x(be, h), x(ye, v), x(_e, p), x(Se, o), x(we, c), x(Oe, r), x(xe, m), x(Ee, s), x(Te, l), {
|
|
294
294
|
selected: o,
|
|
295
|
-
select:
|
|
295
|
+
select: c,
|
|
296
296
|
selectAll: r,
|
|
297
297
|
unselect: m,
|
|
298
298
|
unselectAll: l,
|
|
@@ -302,7 +302,7 @@ function Tt(t, e) {
|
|
|
302
302
|
isAllSelected: s
|
|
303
303
|
};
|
|
304
304
|
}
|
|
305
|
-
const ct = Symbol(), dt = /* @__PURE__ */
|
|
305
|
+
const ct = Symbol(), dt = /* @__PURE__ */ A({
|
|
306
306
|
__name: "Dialog",
|
|
307
307
|
props: {
|
|
308
308
|
visiable: { type: Boolean, default: !1 },
|
|
@@ -314,9 +314,9 @@ const ct = Symbol(), dt = /* @__PURE__ */ F({
|
|
|
314
314
|
const n = t, o = () => {
|
|
315
315
|
n.closeOnClickOverlay && e("update:visiable", !1);
|
|
316
316
|
};
|
|
317
|
-
return
|
|
318
|
-
default:
|
|
319
|
-
t.visiable ? (I(),
|
|
317
|
+
return x(ct, () => e("update:visiable", !1)), (s, r) => (I(), fe(pe, { name: "modal" }, {
|
|
318
|
+
default: he(() => [
|
|
319
|
+
t.visiable ? (I(), R("div", {
|
|
320
320
|
key: 0,
|
|
321
321
|
onClick: o,
|
|
322
322
|
class: "modal absolute inset-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"
|
|
@@ -338,7 +338,7 @@ function xt(t) {
|
|
|
338
338
|
function e(n, o) {
|
|
339
339
|
const s = document.createElement("div"), r = {
|
|
340
340
|
setup() {
|
|
341
|
-
return () =>
|
|
341
|
+
return () => P(
|
|
342
342
|
dt,
|
|
343
343
|
{
|
|
344
344
|
visiable: !0,
|
|
@@ -348,12 +348,12 @@ function xt(t) {
|
|
|
348
348
|
...t
|
|
349
349
|
},
|
|
350
350
|
{
|
|
351
|
-
default: () =>
|
|
351
|
+
default: () => P(n, o)
|
|
352
352
|
}
|
|
353
353
|
);
|
|
354
354
|
}
|
|
355
355
|
};
|
|
356
|
-
return document.body.appendChild(s), J(
|
|
356
|
+
return document.body.appendChild(s), J(P(r), s), {
|
|
357
357
|
close: () => s?.remove()
|
|
358
358
|
};
|
|
359
359
|
}
|
|
@@ -361,7 +361,7 @@ function xt(t) {
|
|
|
361
361
|
create: e
|
|
362
362
|
};
|
|
363
363
|
}
|
|
364
|
-
const vt =
|
|
364
|
+
const vt = /* @__PURE__ */ A({
|
|
365
365
|
__name: "Toast",
|
|
366
366
|
props: {
|
|
367
367
|
message: null,
|
|
@@ -378,45 +378,51 @@ const vt = { class: "toast" }, ft = /* @__PURE__ */ F({
|
|
|
378
378
|
return 85;
|
|
379
379
|
}
|
|
380
380
|
}), l = f(() => ({
|
|
381
|
+
position: "absolute",
|
|
382
|
+
borderRadius: "10px",
|
|
383
|
+
backgroundColor: "rgba(0, 0, 0, 0.8)",
|
|
384
|
+
padding: "14px 19px",
|
|
381
385
|
top: `calc(${r.value}% - ${s.value}px)`,
|
|
382
|
-
left: `calc(50% - ${o.value}px)
|
|
383
|
-
|
|
386
|
+
left: `calc(50% - ${o.value}px)`
|
|
387
|
+
})), c = f(() => ({
|
|
388
|
+
width: "fit-content",
|
|
389
|
+
display: "flex",
|
|
390
|
+
justifyContent: "center",
|
|
391
|
+
alignItems: "center",
|
|
392
|
+
color: "white",
|
|
393
|
+
fontSize: "14px"
|
|
384
394
|
}));
|
|
385
395
|
return ne(() => {
|
|
386
396
|
o.value = n.value.offsetWidth / 2, s.value = n.value.offsetHeight / 2;
|
|
387
|
-
}), (
|
|
397
|
+
}), (m, p) => (I(), R("div", {
|
|
388
398
|
id: "toastWrapper",
|
|
389
399
|
ref_key: "toastWrapper",
|
|
390
400
|
ref: n,
|
|
391
401
|
class: "toastWrapper",
|
|
392
|
-
style:
|
|
402
|
+
style: F([y(l), { zIndex: 9999 }])
|
|
393
403
|
}, [
|
|
394
|
-
H("div",
|
|
404
|
+
H("div", {
|
|
405
|
+
style: F(y(c))
|
|
406
|
+
}, [
|
|
395
407
|
H("span", null, Le(t.message), 1)
|
|
396
|
-
])
|
|
408
|
+
], 4)
|
|
397
409
|
], 4));
|
|
398
410
|
}
|
|
399
|
-
})
|
|
400
|
-
const le = (t, e) => {
|
|
401
|
-
const n = t.__vccOpts || t;
|
|
402
|
-
for (const [o, s] of e)
|
|
403
|
-
n[o] = s;
|
|
404
|
-
return n;
|
|
405
|
-
}, pt = /* @__PURE__ */ le(ft, [["__scopeId", "data-v-aef44c80"]]), ve = {
|
|
411
|
+
}), de = {
|
|
406
412
|
message: "\u61D2\u732B\u4E91 Yes!!!",
|
|
407
413
|
position: "middle",
|
|
408
414
|
duration: 1500
|
|
409
415
|
};
|
|
410
|
-
class
|
|
416
|
+
class Et {
|
|
411
417
|
options;
|
|
412
418
|
container;
|
|
413
419
|
constructor(e) {
|
|
414
420
|
this.options = e, this.container = document.createElement("div");
|
|
415
421
|
}
|
|
416
422
|
present() {
|
|
417
|
-
const e =
|
|
423
|
+
const e = P(P(vt), { ...de, ...this.options });
|
|
418
424
|
J(e, this.container), document.body.insertBefore(this.container, document.body.firstChild);
|
|
419
|
-
const n = this.options.duration ||
|
|
425
|
+
const n = this.options.duration || de.duration;
|
|
420
426
|
setTimeout(() => {
|
|
421
427
|
this.dismiss();
|
|
422
428
|
}, n);
|
|
@@ -427,7 +433,7 @@ class Ht {
|
|
|
427
433
|
}, 500));
|
|
428
434
|
}
|
|
429
435
|
}
|
|
430
|
-
const
|
|
436
|
+
const ft = ["xlink:href", "fill", "color"], Tt = /* @__PURE__ */ A({
|
|
431
437
|
__name: "SvgIcon",
|
|
432
438
|
props: {
|
|
433
439
|
name: null,
|
|
@@ -442,76 +448,76 @@ const ht = ["xlink:href", "fill", "color"], It = /* @__PURE__ */ F({
|
|
|
442
448
|
height: `${e.height ?? e.width}px`,
|
|
443
449
|
aspectRatio: e.width && e.height ? void 0 : "1/1"
|
|
444
450
|
}));
|
|
445
|
-
return (s, r) => (I(),
|
|
451
|
+
return (s, r) => (I(), R("svg", {
|
|
446
452
|
"aria-hidden": "",
|
|
447
|
-
style:
|
|
453
|
+
style: F(y(o))
|
|
448
454
|
}, [
|
|
449
455
|
H("use", {
|
|
450
|
-
"xlink:href":
|
|
456
|
+
"xlink:href": y(n),
|
|
451
457
|
fill: t.color,
|
|
452
458
|
color: t.color
|
|
453
|
-
}, null, 8,
|
|
459
|
+
}, null, 8, ft)
|
|
454
460
|
], 4));
|
|
455
461
|
}
|
|
456
462
|
});
|
|
457
|
-
function
|
|
463
|
+
function pt(t) {
|
|
458
464
|
const {
|
|
459
465
|
containerEl: e,
|
|
460
466
|
sliderEl: n,
|
|
461
467
|
autoHeight: o,
|
|
462
468
|
performance: s = {},
|
|
463
469
|
maxHeightRatio: r = 0.9
|
|
464
|
-
} = t, l = g(!0),
|
|
470
|
+
} = t, l = g(!0), c = me(V, 100);
|
|
465
471
|
let m, p = "";
|
|
466
472
|
const v = g(0), h = g(0), i = g(0), u = g({
|
|
467
473
|
top: 0,
|
|
468
474
|
scrollTop: 0,
|
|
469
475
|
scrollHeight: 0,
|
|
470
476
|
clientHeight: 0
|
|
471
|
-
}),
|
|
477
|
+
}), E = g({
|
|
472
478
|
clientHeight: 0
|
|
473
|
-
}),
|
|
479
|
+
}), b = f(() => !!h.value), N = f(() => u.value.scrollHeight > u.value.clientHeight), C = f(() => u.value.clientHeight - E.value.clientHeight), D = f(() => u.value.scrollHeight - u.value.clientHeight), W = f(() => Math.max(
|
|
474
480
|
u.value.clientHeight / u.value.scrollHeight,
|
|
475
481
|
0.05
|
|
476
|
-
)), Q = f(() =>
|
|
482
|
+
)), Q = f(() => W.value > r ? 0 : W.value * u.value.clientHeight), M = f(() => ({
|
|
477
483
|
willChange: "transform",
|
|
478
484
|
transform: `translate3d(0,${i.value}px,0)`,
|
|
479
485
|
height: o ? `${Q.value}px` : void 0
|
|
480
486
|
}));
|
|
481
|
-
function
|
|
482
|
-
|
|
487
|
+
function k(S) {
|
|
488
|
+
B(), h.value = S.clientY - n.value.getBoundingClientRect().top || 1, p = getComputedStyle(e.value).scrollBehavior, p === "smooth" && (e.value.style.scrollBehavior = "unset");
|
|
483
489
|
}
|
|
484
|
-
function
|
|
485
|
-
e.value.style.scrollBehavior = p, h.value = 0,
|
|
490
|
+
function z() {
|
|
491
|
+
e.value.style.scrollBehavior = p, h.value = 0, c();
|
|
486
492
|
}
|
|
487
|
-
function
|
|
493
|
+
function B() {
|
|
488
494
|
l.value = !1;
|
|
489
495
|
}
|
|
490
496
|
function V() {
|
|
491
|
-
|
|
497
|
+
b.value || (l.value = !0);
|
|
492
498
|
}
|
|
493
|
-
function
|
|
494
|
-
if (!
|
|
499
|
+
function j(S) {
|
|
500
|
+
if (!b.value)
|
|
495
501
|
return;
|
|
496
502
|
let O = S.clientY - u.value.top - h.value;
|
|
497
503
|
O < 0 ? i.value = 0 : O >= C.value ? i.value = C.value : i.value = O, e.value.scrollTo({
|
|
498
|
-
top: i.value / C.value *
|
|
504
|
+
top: i.value / C.value * D.value
|
|
499
505
|
});
|
|
500
506
|
}
|
|
501
507
|
function U() {
|
|
502
|
-
|
|
508
|
+
b.value || q();
|
|
503
509
|
}
|
|
504
510
|
function q() {
|
|
505
511
|
cancelAnimationFrame(m), m = requestAnimationFrame(Y);
|
|
506
512
|
}
|
|
507
513
|
function Y() {
|
|
508
|
-
e.value && (v.value = s.scrollTop?.value ?? e.value.scrollTop, i.value = v.value /
|
|
514
|
+
e.value && (v.value = s.scrollTop?.value ?? e.value.scrollTop, i.value = v.value / D.value * C.value);
|
|
509
515
|
}
|
|
510
516
|
function K(S) {
|
|
511
517
|
let O = "addEventListener";
|
|
512
|
-
S === "add" ? O = "addEventListener" : O = "removeEventListener", n.value?.[O]("pointerdown",
|
|
518
|
+
S === "add" ? O = "addEventListener" : O = "removeEventListener", n.value?.[O]("pointerdown", k, {
|
|
513
519
|
passive: !0
|
|
514
|
-
}), window[O]("pointermove",
|
|
520
|
+
}), window[O]("pointermove", j, { passive: !0 }), window[O]("pointerup", z, { passive: !0 });
|
|
515
521
|
}
|
|
516
522
|
const G = new MutationObserver((S) => {
|
|
517
523
|
S.map((Ie) => Ie.oldValue).join().includes("height") && a();
|
|
@@ -519,9 +525,9 @@ function mt(t) {
|
|
|
519
525
|
function a() {
|
|
520
526
|
u.value.top = e.value?.getBoundingClientRect().top ?? 0, u.value.scrollHeight = e.value?.scrollHeight ?? 0, u.value.clientHeight = e.value?.clientHeight ?? 0;
|
|
521
527
|
}
|
|
522
|
-
function
|
|
523
|
-
|
|
524
|
-
|
|
528
|
+
function d() {
|
|
529
|
+
B(), setTimeout(() => {
|
|
530
|
+
E.value.clientHeight = n.value?.clientHeight ?? 0, V();
|
|
525
531
|
}, 150);
|
|
526
532
|
}
|
|
527
533
|
function w() {
|
|
@@ -533,7 +539,7 @@ function mt(t) {
|
|
|
533
539
|
0
|
|
534
540
|
), e.value?.classList.add("hide-scrollbar");
|
|
535
541
|
}
|
|
536
|
-
function
|
|
542
|
+
function _() {
|
|
537
543
|
e.value && n.value ? (w(), e.value.addEventListener("scroll", U, {
|
|
538
544
|
passive: !0
|
|
539
545
|
}), K("add"), G.observe(e.value, {
|
|
@@ -542,22 +548,22 @@ function mt(t) {
|
|
|
542
548
|
attributeFilter: ["style"]
|
|
543
549
|
}), setTimeout(() => {
|
|
544
550
|
a();
|
|
545
|
-
}, 100),
|
|
551
|
+
}, 100), d()) : console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: e, sliderEl: n });
|
|
546
552
|
}
|
|
547
553
|
return $(v, () => {
|
|
548
|
-
|
|
554
|
+
B(), c();
|
|
549
555
|
}), {
|
|
550
556
|
isScrollEnd: l,
|
|
551
|
-
isDragSlider:
|
|
557
|
+
isDragSlider: b,
|
|
552
558
|
offsetTop: i,
|
|
553
559
|
scrollTop: v,
|
|
554
560
|
scrollable: N,
|
|
555
|
-
sliderPos:
|
|
556
|
-
init:
|
|
561
|
+
sliderPos: M,
|
|
562
|
+
init: _,
|
|
557
563
|
modifySliderEventListener: K
|
|
558
564
|
};
|
|
559
565
|
}
|
|
560
|
-
const
|
|
566
|
+
const ht = (t) => (ke("data-v-edec7292"), t = t(), ze(), t), mt = /* @__PURE__ */ ht(() => /* @__PURE__ */ H("div", { class: "default-slider" }, null, -1)), gt = /* @__PURE__ */ A({
|
|
561
567
|
__name: "ScrollBar",
|
|
562
568
|
props: {
|
|
563
569
|
containerEl: null,
|
|
@@ -566,17 +572,17 @@ const gt = (t) => (ke("data-v-edec7292"), t = t(), Ve(), t), _t = /* @__PURE__ *
|
|
|
566
572
|
performance: null
|
|
567
573
|
},
|
|
568
574
|
setup(t, { expose: e }) {
|
|
569
|
-
const n = t, o = !!De().default, s = g(null), r = f(() => n.containerEl), l =
|
|
575
|
+
const n = t, o = !!De().default, s = g(null), r = f(() => n.containerEl), l = pt({
|
|
570
576
|
containerEl: r,
|
|
571
577
|
sliderEl: s,
|
|
572
578
|
autoHeight: o ? n.autoHeight : !0,
|
|
573
579
|
performance: n.performance
|
|
574
|
-
}), { scrollable:
|
|
580
|
+
}), { scrollable: c, isScrollEnd: m, sliderPos: p } = l, v = g(!1), h = n.autoHide ? f(() => v.value || !m.value) : f(() => c.value);
|
|
575
581
|
te(() => {
|
|
576
582
|
ne(() => {
|
|
577
583
|
l.init();
|
|
578
584
|
});
|
|
579
|
-
}),
|
|
585
|
+
}), ve(() => {
|
|
580
586
|
l.modifySliderEventListener("remove");
|
|
581
587
|
});
|
|
582
588
|
function i() {
|
|
@@ -585,31 +591,36 @@ const gt = (t) => (ke("data-v-edec7292"), t = t(), Ve(), t), _t = /* @__PURE__ *
|
|
|
585
591
|
function u() {
|
|
586
592
|
v.value = !1;
|
|
587
593
|
}
|
|
588
|
-
return e({ uScrollBarReturn: l }), (
|
|
589
|
-
default:
|
|
594
|
+
return e({ uScrollBarReturn: l }), (E, b) => (I(), fe(pe, null, {
|
|
595
|
+
default: he(() => [
|
|
590
596
|
We(H("div", {
|
|
591
597
|
ref_key: "sliderRef",
|
|
592
598
|
ref: s,
|
|
593
599
|
class: "slider-wrapper",
|
|
594
600
|
onMouseenter: i,
|
|
595
601
|
onMouseleave: u,
|
|
596
|
-
style:
|
|
602
|
+
style: F(y(p))
|
|
597
603
|
}, [
|
|
598
|
-
oe(
|
|
599
|
-
|
|
604
|
+
oe(E.$slots, "default", {}, () => [
|
|
605
|
+
mt
|
|
600
606
|
], !0)
|
|
601
607
|
], 36), [
|
|
602
|
-
[Me,
|
|
608
|
+
[Me, y(h)]
|
|
603
609
|
])
|
|
604
610
|
]),
|
|
605
611
|
_: 3
|
|
606
612
|
}));
|
|
607
613
|
}
|
|
608
614
|
});
|
|
609
|
-
const
|
|
615
|
+
const He = (t, e) => {
|
|
616
|
+
const n = t.__vccOpts || t;
|
|
617
|
+
for (const [o, s] of e)
|
|
618
|
+
n[o] = s;
|
|
619
|
+
return n;
|
|
620
|
+
}, Ht = /* @__PURE__ */ He(gt, [["__scopeId", "data-v-edec7292"]]), bt = { class: "virtualListWrapper" }, yt = {
|
|
610
621
|
inheritAttrs: !1
|
|
611
|
-
},
|
|
612
|
-
...
|
|
622
|
+
}, _t = /* @__PURE__ */ A({
|
|
623
|
+
...yt,
|
|
613
624
|
__name: "VirtualList",
|
|
614
625
|
props: {
|
|
615
626
|
data: null,
|
|
@@ -618,27 +629,27 @@ const Ct = /* @__PURE__ */ le(bt, [["__scopeId", "data-v-edec7292"]]), yt = { cl
|
|
|
618
629
|
},
|
|
619
630
|
emits: ["scrollEnd"],
|
|
620
631
|
setup(t, { expose: e, emit: n }) {
|
|
621
|
-
const o = t, s = ut(
|
|
632
|
+
const o = t, s = ut(Ve(o, "data"), {
|
|
622
633
|
itemHeight: (v) => o.itemHeight(o.data[v]),
|
|
623
634
|
overscan: o.overscan,
|
|
624
635
|
scrollEndHook: () => {
|
|
625
636
|
n("scrollEnd");
|
|
626
637
|
}
|
|
627
|
-
}), { list: r, containerProps: l, wrapperProps:
|
|
638
|
+
}), { list: r, containerProps: l, wrapperProps: c, innerProps: m, getItemHeightData: p } = s;
|
|
628
639
|
return e({
|
|
629
640
|
vListReturn: s
|
|
630
|
-
}), (v, h) => (I(),
|
|
631
|
-
H("div",
|
|
632
|
-
onScrollPassive: h[0] || (h[0] = (...i) =>
|
|
633
|
-
ref:
|
|
641
|
+
}), (v, h) => (I(), R("div", bt, [
|
|
642
|
+
H("div", je({
|
|
643
|
+
onScrollPassive: h[0] || (h[0] = (...i) => y(l).onScroll && y(l).onScroll(...i)),
|
|
644
|
+
ref: y(l).ref,
|
|
634
645
|
class: "virtualList"
|
|
635
646
|
}, v.$attrs), [
|
|
636
|
-
H("div", se(
|
|
637
|
-
H("div", se(
|
|
638
|
-
(I(!0),
|
|
647
|
+
H("div", le(se(y(c))), [
|
|
648
|
+
H("div", le(se(y(m))), [
|
|
649
|
+
(I(!0), R(Ke, null, Ne(y(r), ({ index: i, data: u }) => (I(), R("div", {
|
|
639
650
|
key: i,
|
|
640
|
-
style:
|
|
641
|
-
height: `${
|
|
651
|
+
style: F({
|
|
652
|
+
height: `${y(p)(i).height}px`,
|
|
642
653
|
display: "flex"
|
|
643
654
|
})
|
|
644
655
|
}, [
|
|
@@ -653,24 +664,24 @@ const Ct = /* @__PURE__ */ le(bt, [["__scopeId", "data-v-edec7292"]]), yt = { cl
|
|
|
653
664
|
]));
|
|
654
665
|
}
|
|
655
666
|
});
|
|
656
|
-
const
|
|
667
|
+
const It = /* @__PURE__ */ He(_t, [["__scopeId", "data-v-4ba97cce"]]);
|
|
657
668
|
export {
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
669
|
+
Ht as ScrollBar,
|
|
670
|
+
Tt as SvgIcon,
|
|
671
|
+
Et as ToastCreator,
|
|
672
|
+
It as VirtualList,
|
|
673
|
+
Se as allSelectedKey,
|
|
663
674
|
ct as closeDialogKey,
|
|
664
675
|
xt as dialogController,
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
676
|
+
Ee as isAllSelectedKey,
|
|
677
|
+
_e as isSelectedKey,
|
|
678
|
+
Oe as selectAllKey,
|
|
679
|
+
we as selectKey,
|
|
669
680
|
be as toggleAllKey,
|
|
670
681
|
ye as toggleKey,
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
682
|
+
Te as unselectAllKey,
|
|
683
|
+
xe as unselectKey,
|
|
684
|
+
Ot as useSelectable,
|
|
685
|
+
wt as useSelectableInjectors,
|
|
675
686
|
ut as useVirtualList
|
|
676
687
|
};
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.ui={},h.Vue))})(this,function(h,e){"use strict";var ee;const T=typeof window<"u";T&&((ee=window?.navigator)==null?void 0:ee.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function $(n){return typeof n=="function"?n():e.unref(n)}function ue(n,t){function o(...l){n(()=>t.apply(this,l),{fn:t,thisArg:this,args:l})}return o}function de(n,t={}){let o,l;return a=>{const r=$(n),f=$(t.maxWait);if(o&&clearTimeout(o),r<=0||f!==void 0&&f<=0)return l&&(clearTimeout(l),l=null),a();f&&!l&&(l=setTimeout(()=>{o&&clearTimeout(o),l=null,a()},f)),o=setTimeout(()=>{l&&clearTimeout(l),l=null,a()},r)}}function fe(n){return n}function pe(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function te(n,t=200,o={}){return ue(de(t,o),n)}function he(n,t=!0){e.getCurrentInstance()?e.onMounted(n):t?n():e.nextTick(n)}function ne(n){var t;const o=$(n);return(t=o?.$el)!=null?t:o}const me=T?window:void 0;T&&window.document,T&&window.navigator,T&&window.location;function ge(n,t=!1){const o=e.ref(),l=()=>o.value=Boolean(n());return l(),he(l,t),o}const F=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},L="__vueuse_ssr_handlers__";F[L]=F[L]||{},F[L];var oe=Object.getOwnPropertySymbols,_e=Object.prototype.hasOwnProperty,ye=Object.prototype.propertyIsEnumerable,ve=(n,t)=>{var o={};for(var l in n)_e.call(n,l)&&t.indexOf(l)<0&&(o[l]=n[l]);if(n!=null&&oe)for(var l of oe(n))t.indexOf(l)<0&&ye.call(n,l)&&(o[l]=n[l]);return o};function be(n,t,o={}){const l=o,{window:i=me}=l,a=ve(l,["window"]);let r;const f=ge(()=>i&&"ResizeObserver"in i),_=()=>{r&&(r.disconnect(),r=void 0)},m=e.watch(()=>ne(n),g=>{_(),f.value&&i&&g&&(r=new ResizeObserver(t),r.observe(g,a))},{immediate:!0,flush:"post"}),p=()=>{_(),m()};return pe(p),{isSupported:f,stop:p}}function Se(n,t={width:0,height:0},o={}){const{box:l="content-box"}=o,i=e.ref(t.width),a=e.ref(t.height);return be(n,([r])=>{const f=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;f?(i.value=f.reduce((_,{inlineSize:m})=>_+m,0),a.value=f.reduce((_,{blockSize:m})=>_+m,0)):(i.value=r.contentRect.width,a.value=r.contentRect.height)},o),e.watch(()=>ne(n),r=>{i.value=r?t.width:0,a.value=r?t.height:0}),{width:i,height:a}}var le;(function(n){n.UP="UP",n.RIGHT="RIGHT",n.DOWN="DOWN",n.LEFT="LEFT",n.NONE="NONE"})(le||(le={}));var we=Object.defineProperty,re=Object.getOwnPropertySymbols,Ee=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable,ie=(n,t,o)=>t in n?we(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,Te=(n,t)=>{for(var o in t||(t={}))Ee.call(t,o)&&ie(n,o,t[o]);if(re)for(var o of re(t))Oe.call(t,o)&&ie(n,o,t[o]);return n};Te({linear:fe},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function ae(n,t){const{scrollEndHook:o,itemHeight:l,overscan:i=5}=t,a=e.ref(null),r=Se(a),f=e.ref(!0),_=te(Y,100);let m;const p=e.shallowRef(n),g=e.ref(0),c=e.ref({start:0,end:10});let u=0;const E=e.ref([]),y=e.computed(()=>{let{sum:s,height:d}={sum:0,height:0};return p.value.map((S,v)=>(typeof l=="number"?d=l:d=l(v),s+=d,{height:d,sum:s}))}),q=e.computed(()=>R(c.value.start)),O=e.computed(()=>typeof l=="number"?y.value.length*l:y.value[y.value.length-1]?.sum||0),I=e.computed(()=>{let s=E.value.length-i,d=Math.max(s-u,0);return E.value.slice(d,s)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(m)),e.watch([r.width,r.height,p],([s,d])=>{(s||d)&&C()},{deep:!0}),e.watch(g,()=>{H(),_()});function H(){f.value=!1}function Y(){f.value=!0,o?.()}function C(){cancelAnimationFrame(m),m=requestAnimationFrame(P)}function P(){if(a.value){g.value=a.value.scrollTop,u=B();let s=x(g.value),d=s+u+i;s=s-i,s=s<0?0:s,d=d>p.value.length?p.value.length:d,c.value={start:s,end:d},E.value=p.value.slice(s,d).map((S,v)=>({data:S,index:v+s}))}}function x(s){let d=0,S=y.value.length-1,v=-1;for(;d<=S;){const b=Math.floor((d+S)/2);y.value[b].sum>=s?(v=b,S=b-1):d=b+1}return Math.max(0,v)}function B(){let s=0,d=0,S=G();for(let v=S;v<y.value.length&&(s++,d+=y.value[v].height,!(d>=r.height.value));v++);return s}function R(s){if(typeof l=="number")return s*l;let d=y.value[s];return d?d.sum-d.height:0}function k(s){return y.value[s]||{sum:0,height:0}}function G(){let s=c.value.start;return s>=i&&(s+=i),s}function J(s){if(a.value){const d=k(s);a.value.scrollTop=d.sum-d.height,P()}}const X=e.computed(()=>({style:{width:"100%",height:`${O.value}px`,pointerEvents:f.value?void 0:"none"}})),A=e.computed(()=>({style:{transform:`translate3d(0, ${q.value}px, 0)`,"will-change":"transform"}})),Z={overflowY:"auto"};return{list:E,visiableList:I,getItemHeightData:k,getoffsetTopIndex:x,totalHeight:O,clientHeight:r.height,scrollTo:J,scrollTop:g,isScrollEnd:f,containerProps:{ref:a,onScroll:()=>{C()},style:Z},wrapperProps:X,innerProps:A}}const D=Symbol(),V=Symbol(),j=Symbol(),K=Symbol(),M=Symbol(),N=Symbol(),W=Symbol(),z=Symbol(),Q=Symbol();function Be(){const{voidFn:n,boolFn:t,boolRef:o,arrayRef:l}={voidFn:u=>{},boolFn:u=>!1,boolRef:e.computed(()=>!1),arrayRef:e.computed(()=>[])},i=e.inject(K,l),a=e.inject(j,t),r=e.inject(z,o),f=e.inject(V,n),_=e.inject(D,n),m=e.inject(M,n),p=e.inject(N,n),g=e.inject(W,n),c=e.inject(Q,n);return{selected:i,isSelected:a,isAllSelected:r,toggle:f,toggleAll:_,select:m,selectAll:p,unselect:g,unselectAll:c}}function Ie(n,t){const o=e.ref({}),l=e.computed(()=>n.value.filter(c=>o.value[c[t]])),i=e.computed(()=>l.value.length!=0&&Object.keys(o.value).length==n.value.length);function a(){n.value.forEach(c=>{o.value[c[t]]=!0})}function r(){o.value={}}function f(c){c.forEach(u=>{o.value[u[t]]||(o.value[u[t]]=!0)})}function _(c){c.forEach(u=>{o.value[u[t]]&&delete o.value[u[t]]})}function m(c){return!!o.value[c[t]]}function p(c){c.forEach(u=>{m(u)?delete o.value[u[t]]:o.value[u[t]]=!0})}function g(){i.value?r():a()}return e.provide(D,g),e.provide(V,p),e.provide(j,m),e.provide(K,l),e.provide(M,f),e.provide(N,a),e.provide(W,_),e.provide(z,i),e.provide(Q,r),{selected:l,select:f,selectAll:a,unselect:_,unselectAll:r,toggle:p,toggleAll:g,isSelected:m,isAllSelected:i}}const se=Symbol(),He=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0},dialogClass:{default:""}},emits:["update:visiable"],setup(n,{emit:t}){const o=n,l=()=>{o.closeOnClickOverlay&&t("update:visiable",!1)};return e.provide(se,()=>t("update:visiable",!1)),(i,a)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[n.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l,class:"modal absolute inset-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"},[e.createElementVNode("div",{onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",n.dialogClass])},[e.renderSlot(i.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function Ce(n){function t(o,l){const i=document.createElement("div"),a={setup(){return()=>e.h(He,{visiable:!0,"onUpdate:visiable":()=>{i?.remove()},...n},{default:()=>e.h(o,l)})}};return document.body.appendChild(i),e.render(e.h(a),i),{close:()=>i?.remove()}}return{create:t}}const Pe={class:"toast"},xe=e.defineComponent({__name:"Toast",props:{message:null,position:null},setup(n){const t=n,o=e.ref(),l=e.ref(),i=e.ref(),a=e.computed(()=>{switch(t.position){case"top":return 10;case"middle":return 50;case"bottom":return 85}}),r=e.computed(()=>({top:`calc(${a.value}% - ${i.value}px)`,left:`calc(50% - ${l.value}px)`,backgroundColor:"black"}));return e.nextTick(()=>{l.value=o.value.offsetWidth/2,i.value=o.value.offsetHeight/2}),(f,_)=>(e.openBlock(),e.createElementBlock("div",{id:"toastWrapper",ref_key:"toastWrapper",ref:o,class:"toastWrapper",style:e.normalizeStyle([e.unref(r),{zIndex:9999}])},[e.createElementVNode("div",Pe,[e.createElementVNode("span",null,e.toDisplayString(n.message),1)])],4))}}),Qe="",U=(n,t)=>{const o=n.__vccOpts||n;for(const[l,i]of t)o[l]=i;return o},Re=U(xe,[["__scopeId","data-v-aef44c80"]]),ce={message:"\u61D2\u732B\u4E91 Yes!!!",position:"middle",duration:1500};class ke{options;container;constructor(t){this.options=t,this.container=document.createElement("div")}present(){const t=e.h(e.h(Re),{...ce,...this.options});e.render(t,this.container),document.body.insertBefore(this.container,document.body.firstChild);const o=this.options.duration||ce.duration;setTimeout(()=>{this.dismiss()},o)}dismiss(){this.container&&(this.container.querySelector("#toastWrapper")?.classList.add("animate-toastAnimation"),setTimeout(()=>{this.container&&(e.render(null,this.container),document.body.removeChild(this.container))},500))}}const Ae=["xlink:href","fill","color"],$e=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(n){const t=n,o=e.computed(()=>`#${t.prefix}-${t.name}`),l=e.computed(()=>({width:`${t.width??t.height}px`,height:`${t.height??t.width}px`,aspectRatio:t.width&&t.height?void 0:"1/1"}));return(i,a)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(l))},[e.createElementVNode("use",{"xlink:href":e.unref(o),fill:n.color,color:n.color},null,8,Ae)],4))}});function Fe(n){const{containerEl:t,sliderEl:o,autoHeight:l,performance:i={},maxHeightRatio:a=.9}=n,r=e.ref(!0),f=te(R,100);let _,m="";const p=e.ref(0),g=e.ref(0),c=e.ref(0),u=e.ref({top:0,scrollTop:0,scrollHeight:0,clientHeight:0}),E=e.ref({clientHeight:0}),y=e.computed(()=>!!g.value),q=e.computed(()=>u.value.scrollHeight>u.value.clientHeight),O=e.computed(()=>u.value.clientHeight-E.value.clientHeight),I=e.computed(()=>u.value.scrollHeight-u.value.clientHeight),H=e.computed(()=>Math.max(u.value.clientHeight/u.value.scrollHeight,.05)),Y=e.computed(()=>H.value>a?0:H.value*u.value.clientHeight),C=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:l?`${Y.value}px`:void 0}));function P(b){B(),g.value=b.clientY-o.value.getBoundingClientRect().top||1,m=getComputedStyle(t.value).scrollBehavior,m==="smooth"&&(t.value.style.scrollBehavior="unset")}function x(){t.value.style.scrollBehavior=m,g.value=0,f()}function B(){r.value=!1}function R(){y.value||(r.value=!0)}function k(b){if(!y.value)return;let w=b.clientY-u.value.top-g.value;w<0?c.value=0:w>=O.value?c.value=O.value:c.value=w,t.value.scrollTo({top:c.value/O.value*I.value})}function G(){y.value||J()}function J(){cancelAnimationFrame(_),_=requestAnimationFrame(X)}function X(){t.value&&(p.value=i.scrollTop?.value??t.value.scrollTop,c.value=p.value/I.value*O.value)}function A(b){let w="addEventListener";b==="add"?w="addEventListener":w="removeEventListener",o.value?.[w]("pointerdown",P,{passive:!0}),window[w]("pointermove",k,{passive:!0}),window[w]("pointerup",x,{passive:!0})}const Z=new MutationObserver(b=>{b.map(We=>We.oldValue).join().includes("height")&&s()});function s(){u.value.top=t.value?.getBoundingClientRect().top??0,u.value.scrollHeight=t.value?.scrollHeight??0,u.value.clientHeight=t.value?.clientHeight??0}function d(){B(),setTimeout(()=>{E.value.clientHeight=o.value?.clientHeight??0,R()},150)}function S(){document.styleSheets[0].insertRule(".hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }",0),document.styleSheets[0].insertRule(".hide-scrollbar::-webkit-scrollbar{ display: none }",0),t.value?.classList.add("hide-scrollbar")}function v(){t.value&&o.value?(S(),t.value.addEventListener("scroll",G,{passive:!0}),A("add"),Z.observe(t.value,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),setTimeout(()=>{s()},100),d()):console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:t,sliderEl:o})}return e.watch(p,()=>{B(),f()}),{isScrollEnd:r,isDragSlider:y,offsetTop:c,scrollTop:p,scrollable:q,sliderPos:C,init:v,modifySliderEventListener:A}}const Le=(n=>(e.pushScopeId("data-v-edec7292"),n=n(),e.popScopeId(),n))(()=>e.createElementVNode("div",{class:"default-slider"},null,-1)),De=e.defineComponent({__name:"ScrollBar",props:{containerEl:null,autoHide:{type:Boolean},autoHeight:{type:Boolean},performance:null},setup(n,{expose:t}){const o=n,l=!!e.useSlots().default,i=e.ref(null),a=e.computed(()=>o.containerEl),r=Fe({containerEl:a,sliderEl:i,autoHeight:l?o.autoHeight:!0,performance:o.performance}),{scrollable:f,isScrollEnd:_,sliderPos:m}=r,p=e.ref(!1),g=o.autoHide?e.computed(()=>p.value||!_.value):e.computed(()=>f.value);e.onMounted(()=>{e.nextTick(()=>{r.init()})}),e.onUnmounted(()=>{r.modifySliderEventListener("remove")});function c(){p.value=!0}function u(){p.value=!1}return t({uScrollBarReturn:r}),(E,y)=>(e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"sliderRef",ref:i,class:"slider-wrapper",onMouseenter:c,onMouseleave:u,style:e.normalizeStyle(e.unref(m))},[e.renderSlot(E.$slots,"default",{},()=>[Le],!0)],36),[[e.vShow,e.unref(g)]])]),_:3}))}}),qe="",Ve=U(De,[["__scopeId","data-v-edec7292"]]),je={class:"virtualListWrapper"},Ke={inheritAttrs:!1},Me=e.defineComponent({...Ke,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},emits:["scrollEnd"],setup(n,{expose:t,emit:o}){const l=n,i=ae(e.toRef(l,"data"),{itemHeight:p=>l.itemHeight(l.data[p]),overscan:l.overscan,scrollEndHook:()=>{o("scrollEnd")}}),{list:a,containerProps:r,wrapperProps:f,innerProps:_,getItemHeightData:m}=i;return t({vListReturn:i}),(p,g)=>(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("div",e.mergeProps({onScrollPassive:g[0]||(g[0]=(...c)=>e.unref(r).onScroll&&e.unref(r).onScroll(...c)),ref:e.unref(r).ref,class:"virtualList"},p.$attrs),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(f))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(_))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),({index:c,data:u})=>(e.openBlock(),e.createElementBlock("div",{key:c,style:e.normalizeStyle({height:`${e.unref(m)(c).height}px`,display:"flex"})},[e.renderSlot(p.$slots,"default",{data:u,index:c},void 0,!0)],4))),128))],16)],16)],16)]))}}),Ye="",Ne=U(Me,[["__scopeId","data-v-4ba97cce"]]);h.ScrollBar=Ve,h.SvgIcon=$e,h.ToastCreator=ke,h.VirtualList=Ne,h.allSelectedKey=K,h.closeDialogKey=se,h.dialogController=Ce,h.isAllSelectedKey=z,h.isSelectedKey=j,h.selectAllKey=N,h.selectKey=M,h.toggleAllKey=D,h.toggleKey=V,h.unselectAllKey=Q,h.unselectKey=W,h.useSelectable=Ie,h.useSelectableInjectors=Be,h.useVirtualList=ae,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.ui={},h.Vue))})(this,function(h,e){"use strict";var Z;const T=typeof window<"u";T&&((Z=window?.navigator)==null?void 0:Z.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function $(n){return typeof n=="function"?n():e.unref(n)}function ue(n,t){function o(...l){n(()=>t.apply(this,l),{fn:t,thisArg:this,args:l})}return o}function de(n,t={}){let o,l;return a=>{const r=$(n),d=$(t.maxWait);if(o&&clearTimeout(o),r<=0||d!==void 0&&d<=0)return l&&(clearTimeout(l),l=null),a();d&&!l&&(l=setTimeout(()=>{o&&clearTimeout(o),l=null,a()},d)),o=setTimeout(()=>{l&&clearTimeout(l),l=null,a()},r)}}function fe(n){return n}function pe(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function ee(n,t=200,o={}){return ue(de(t,o),n)}function he(n,t=!0){e.getCurrentInstance()?e.onMounted(n):t?n():e.nextTick(n)}function te(n){var t;const o=$(n);return(t=o?.$el)!=null?t:o}const me=T?window:void 0;T&&window.document,T&&window.navigator,T&&window.location;function ge(n,t=!1){const o=e.ref(),l=()=>o.value=Boolean(n());return l(),he(l,t),o}const F=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},L="__vueuse_ssr_handlers__";F[L]=F[L]||{},F[L];var ne=Object.getOwnPropertySymbols,ye=Object.prototype.hasOwnProperty,be=Object.prototype.propertyIsEnumerable,ve=(n,t)=>{var o={};for(var l in n)ye.call(n,l)&&t.indexOf(l)<0&&(o[l]=n[l]);if(n!=null&&ne)for(var l of ne(n))t.indexOf(l)<0&&be.call(n,l)&&(o[l]=n[l]);return o};function _e(n,t,o={}){const l=o,{window:i=me}=l,a=ve(l,["window"]);let r;const d=ge(()=>i&&"ResizeObserver"in i),y=()=>{r&&(r.disconnect(),r=void 0)},m=e.watch(()=>te(n),g=>{y(),d.value&&i&&g&&(r=new ResizeObserver(t),r.observe(g,a))},{immediate:!0,flush:"post"}),p=()=>{y(),m()};return pe(p),{isSupported:d,stop:p}}function Se(n,t={width:0,height:0},o={}){const{box:l="content-box"}=o,i=e.ref(t.width),a=e.ref(t.height);return _e(n,([r])=>{const d=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;d?(i.value=d.reduce((y,{inlineSize:m})=>y+m,0),a.value=d.reduce((y,{blockSize:m})=>y+m,0)):(i.value=r.contentRect.width,a.value=r.contentRect.height)},o),e.watch(()=>te(n),r=>{i.value=r?t.width:0,a.value=r?t.height:0}),{width:i,height:a}}var oe;(function(n){n.UP="UP",n.RIGHT="RIGHT",n.DOWN="DOWN",n.LEFT="LEFT",n.NONE="NONE"})(oe||(oe={}));var we=Object.defineProperty,le=Object.getOwnPropertySymbols,Ee=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable,re=(n,t,o)=>t in n?we(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,Te=(n,t)=>{for(var o in t||(t={}))Ee.call(t,o)&&re(n,o,t[o]);if(le)for(var o of le(t))Oe.call(t,o)&&re(n,o,t[o]);return n};Te({linear:fe},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function ie(n,t){const{scrollEndHook:o,itemHeight:l,overscan:i=5}=t,a=e.ref(null),r=Se(a),d=e.ref(!0),y=ee(q,100);let m;const p=e.shallowRef(n),g=e.ref(0),c=e.ref({start:0,end:10});let u=0;const E=e.ref([]),b=e.computed(()=>{let{sum:s,height:f}={sum:0,height:0};return p.value.map((S,v)=>(typeof l=="number"?f=l:f=l(v),s+=f,{height:f,sum:s}))}),U=e.computed(()=>R(c.value.start)),O=e.computed(()=>typeof l=="number"?b.value.length*l:b.value[b.value.length-1]?.sum||0),I=e.computed(()=>{let s=E.value.length-i,f=Math.max(s-u,0);return E.value.slice(f,s)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(m)),e.watch([r.width,r.height,p],([s,f])=>{(s||f)&&H()},{deep:!0}),e.watch(g,()=>{C(),y()});function C(){d.value=!1}function q(){d.value=!0,o?.()}function H(){cancelAnimationFrame(m),m=requestAnimationFrame(x)}function x(){if(a.value){g.value=a.value.scrollTop,u=B();let s=P(g.value),f=s+u+i;s=s-i,s=s<0?0:s,f=f>p.value.length?p.value.length:f,c.value={start:s,end:f},E.value=p.value.slice(s,f).map((S,v)=>({data:S,index:v+s}))}}function P(s){let f=0,S=b.value.length-1,v=-1;for(;f<=S;){const _=Math.floor((f+S)/2);b.value[_].sum>=s?(v=_,S=_-1):f=_+1}return Math.max(0,v)}function B(){let s=0,f=0,S=Y();for(let v=S;v<b.value.length&&(s++,f+=b.value[v].height,!(f>=r.height.value));v++);return s}function R(s){if(typeof l=="number")return s*l;let f=b.value[s];return f?f.sum-f.height:0}function k(s){return b.value[s]||{sum:0,height:0}}function Y(){let s=c.value.start;return s>=i&&(s+=i),s}function G(s){if(a.value){const f=k(s);a.value.scrollTop=f.sum-f.height,x()}}const J=e.computed(()=>({style:{width:"100%",height:`${O.value}px`,pointerEvents:d.value?void 0:"none"}})),A=e.computed(()=>({style:{transform:`translate3d(0, ${U.value}px, 0)`,"will-change":"transform"}})),X={overflowY:"auto"};return{list:E,visiableList:I,getItemHeightData:k,getoffsetTopIndex:P,totalHeight:O,clientHeight:r.height,scrollTo:G,scrollTop:g,isScrollEnd:d,containerProps:{ref:a,onScroll:()=>{H()},style:X},wrapperProps:J,innerProps:A}}const D=Symbol(),V=Symbol(),j=Symbol(),K=Symbol(),M=Symbol(),N=Symbol(),z=Symbol(),W=Symbol(),Q=Symbol();function Be(){const{voidFn:n,boolFn:t,boolRef:o,arrayRef:l}={voidFn:u=>{},boolFn:u=>!1,boolRef:e.computed(()=>!1),arrayRef:e.computed(()=>[])},i=e.inject(K,l),a=e.inject(j,t),r=e.inject(W,o),d=e.inject(V,n),y=e.inject(D,n),m=e.inject(M,n),p=e.inject(N,n),g=e.inject(z,n),c=e.inject(Q,n);return{selected:i,isSelected:a,isAllSelected:r,toggle:d,toggleAll:y,select:m,selectAll:p,unselect:g,unselectAll:c}}function Ie(n,t){const o=e.ref({}),l=e.computed(()=>n.value.filter(c=>o.value[c[t]])),i=e.computed(()=>l.value.length!=0&&Object.keys(o.value).length==n.value.length);function a(){n.value.forEach(c=>{o.value[c[t]]=!0})}function r(){o.value={}}function d(c){c.forEach(u=>{o.value[u[t]]||(o.value[u[t]]=!0)})}function y(c){c.forEach(u=>{o.value[u[t]]&&delete o.value[u[t]]})}function m(c){return!!o.value[c[t]]}function p(c){c.forEach(u=>{m(u)?delete o.value[u[t]]:o.value[u[t]]=!0})}function g(){i.value?r():a()}return e.provide(D,g),e.provide(V,p),e.provide(j,m),e.provide(K,l),e.provide(M,d),e.provide(N,a),e.provide(z,y),e.provide(W,i),e.provide(Q,r),{selected:l,select:d,selectAll:a,unselect:y,unselectAll:r,toggle:p,toggleAll:g,isSelected:m,isAllSelected:i}}const ae=Symbol(),Ce=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0},dialogClass:{default:""}},emits:["update:visiable"],setup(n,{emit:t}){const o=n,l=()=>{o.closeOnClickOverlay&&t("update:visiable",!1)};return e.provide(ae,()=>t("update:visiable",!1)),(i,a)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[n.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l,class:"modal absolute inset-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"},[e.createElementVNode("div",{onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",n.dialogClass])},[e.renderSlot(i.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function He(n){function t(o,l){const i=document.createElement("div"),a={setup(){return()=>e.h(Ce,{visiable:!0,"onUpdate:visiable":()=>{i?.remove()},...n},{default:()=>e.h(o,l)})}};return document.body.appendChild(i),e.render(e.h(a),i),{close:()=>i?.remove()}}return{create:t}}const xe=e.defineComponent({__name:"Toast",props:{message:null,position:null},setup(n){const t=n,o=e.ref(),l=e.ref(),i=e.ref(),a=e.computed(()=>{switch(t.position){case"top":return 10;case"middle":return 50;case"bottom":return 85}}),r=e.computed(()=>({position:"absolute",borderRadius:"10px",backgroundColor:"rgba(0, 0, 0, 0.8)",padding:"14px 19px",top:`calc(${a.value}% - ${i.value}px)`,left:`calc(50% - ${l.value}px)`})),d=e.computed(()=>({width:"fit-content",display:"flex",justifyContent:"center",alignItems:"center",color:"white",fontSize:"14px"}));return e.nextTick(()=>{l.value=o.value.offsetWidth/2,i.value=o.value.offsetHeight/2}),(y,m)=>(e.openBlock(),e.createElementBlock("div",{id:"toastWrapper",ref_key:"toastWrapper",ref:o,class:"toastWrapper",style:e.normalizeStyle([e.unref(r),{zIndex:9999}])},[e.createElementVNode("div",{style:e.normalizeStyle(e.unref(d))},[e.createElementVNode("span",null,e.toDisplayString(n.message),1)],4)],4))}}),se={message:"\u61D2\u732B\u4E91 Yes!!!",position:"middle",duration:1500};class Pe{options;container;constructor(t){this.options=t,this.container=document.createElement("div")}present(){const t=e.h(e.h(xe),{...se,...this.options});e.render(t,this.container),document.body.insertBefore(this.container,document.body.firstChild);const o=this.options.duration||se.duration;setTimeout(()=>{this.dismiss()},o)}dismiss(){this.container&&(this.container.querySelector("#toastWrapper")?.classList.add("animate-toastAnimation"),setTimeout(()=>{this.container&&(e.render(null,this.container),document.body.removeChild(this.container))},500))}}const Re=["xlink:href","fill","color"],ke=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(n){const t=n,o=e.computed(()=>`#${t.prefix}-${t.name}`),l=e.computed(()=>({width:`${t.width??t.height}px`,height:`${t.height??t.width}px`,aspectRatio:t.width&&t.height?void 0:"1/1"}));return(i,a)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(l))},[e.createElementVNode("use",{"xlink:href":e.unref(o),fill:n.color,color:n.color},null,8,Re)],4))}});function Ae(n){const{containerEl:t,sliderEl:o,autoHeight:l,performance:i={},maxHeightRatio:a=.9}=n,r=e.ref(!0),d=ee(R,100);let y,m="";const p=e.ref(0),g=e.ref(0),c=e.ref(0),u=e.ref({top:0,scrollTop:0,scrollHeight:0,clientHeight:0}),E=e.ref({clientHeight:0}),b=e.computed(()=>!!g.value),U=e.computed(()=>u.value.scrollHeight>u.value.clientHeight),O=e.computed(()=>u.value.clientHeight-E.value.clientHeight),I=e.computed(()=>u.value.scrollHeight-u.value.clientHeight),C=e.computed(()=>Math.max(u.value.clientHeight/u.value.scrollHeight,.05)),q=e.computed(()=>C.value>a?0:C.value*u.value.clientHeight),H=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:l?`${q.value}px`:void 0}));function x(_){B(),g.value=_.clientY-o.value.getBoundingClientRect().top||1,m=getComputedStyle(t.value).scrollBehavior,m==="smooth"&&(t.value.style.scrollBehavior="unset")}function P(){t.value.style.scrollBehavior=m,g.value=0,d()}function B(){r.value=!1}function R(){b.value||(r.value=!0)}function k(_){if(!b.value)return;let w=_.clientY-u.value.top-g.value;w<0?c.value=0:w>=O.value?c.value=O.value:c.value=w,t.value.scrollTo({top:c.value/O.value*I.value})}function Y(){b.value||G()}function G(){cancelAnimationFrame(y),y=requestAnimationFrame(J)}function J(){t.value&&(p.value=i.scrollTop?.value??t.value.scrollTop,c.value=p.value/I.value*O.value)}function A(_){let w="addEventListener";_==="add"?w="addEventListener":w="removeEventListener",o.value?.[w]("pointerdown",x,{passive:!0}),window[w]("pointermove",k,{passive:!0}),window[w]("pointerup",P,{passive:!0})}const X=new MutationObserver(_=>{_.map(Me=>Me.oldValue).join().includes("height")&&s()});function s(){u.value.top=t.value?.getBoundingClientRect().top??0,u.value.scrollHeight=t.value?.scrollHeight??0,u.value.clientHeight=t.value?.clientHeight??0}function f(){B(),setTimeout(()=>{E.value.clientHeight=o.value?.clientHeight??0,R()},150)}function S(){document.styleSheets[0].insertRule(".hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }",0),document.styleSheets[0].insertRule(".hide-scrollbar::-webkit-scrollbar{ display: none }",0),t.value?.classList.add("hide-scrollbar")}function v(){t.value&&o.value?(S(),t.value.addEventListener("scroll",Y,{passive:!0}),A("add"),X.observe(t.value,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),setTimeout(()=>{s()},100),f()):console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:t,sliderEl:o})}return e.watch(p,()=>{B(),d()}),{isScrollEnd:r,isDragSlider:b,offsetTop:c,scrollTop:p,scrollable:U,sliderPos:H,init:v,modifySliderEventListener:A}}const $e=(n=>(e.pushScopeId("data-v-edec7292"),n=n(),e.popScopeId(),n))(()=>e.createElementVNode("div",{class:"default-slider"},null,-1)),Fe=e.defineComponent({__name:"ScrollBar",props:{containerEl:null,autoHide:{type:Boolean},autoHeight:{type:Boolean},performance:null},setup(n,{expose:t}){const o=n,l=!!e.useSlots().default,i=e.ref(null),a=e.computed(()=>o.containerEl),r=Ae({containerEl:a,sliderEl:i,autoHeight:l?o.autoHeight:!0,performance:o.performance}),{scrollable:d,isScrollEnd:y,sliderPos:m}=r,p=e.ref(!1),g=o.autoHide?e.computed(()=>p.value||!y.value):e.computed(()=>d.value);e.onMounted(()=>{e.nextTick(()=>{r.init()})}),e.onUnmounted(()=>{r.modifySliderEventListener("remove")});function c(){p.value=!0}function u(){p.value=!1}return t({uScrollBarReturn:r}),(E,b)=>(e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"sliderRef",ref:i,class:"slider-wrapper",onMouseenter:c,onMouseleave:u,style:e.normalizeStyle(e.unref(m))},[e.renderSlot(E.$slots,"default",{},()=>[$e],!0)],36),[[e.vShow,e.unref(g)]])]),_:3}))}}),We="",ce=(n,t)=>{const o=n.__vccOpts||n;for(const[l,i]of t)o[l]=i;return o},Le=ce(Fe,[["__scopeId","data-v-edec7292"]]),De={class:"virtualListWrapper"},Ve={inheritAttrs:!1},je=e.defineComponent({...Ve,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},emits:["scrollEnd"],setup(n,{expose:t,emit:o}){const l=n,i=ie(e.toRef(l,"data"),{itemHeight:p=>l.itemHeight(l.data[p]),overscan:l.overscan,scrollEndHook:()=>{o("scrollEnd")}}),{list:a,containerProps:r,wrapperProps:d,innerProps:y,getItemHeightData:m}=i;return t({vListReturn:i}),(p,g)=>(e.openBlock(),e.createElementBlock("div",De,[e.createElementVNode("div",e.mergeProps({onScrollPassive:g[0]||(g[0]=(...c)=>e.unref(r).onScroll&&e.unref(r).onScroll(...c)),ref:e.unref(r).ref,class:"virtualList"},p.$attrs),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(d))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(y))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),({index:c,data:u})=>(e.openBlock(),e.createElementBlock("div",{key:c,style:e.normalizeStyle({height:`${e.unref(m)(c).height}px`,display:"flex"})},[e.renderSlot(p.$slots,"default",{data:u,index:c},void 0,!0)],4))),128))],16)],16)],16)]))}}),Qe="",Ke=ce(je,[["__scopeId","data-v-4ba97cce"]]);h.ScrollBar=Le,h.SvgIcon=ke,h.ToastCreator=Pe,h.VirtualList=Ke,h.allSelectedKey=K,h.closeDialogKey=ae,h.dialogController=He,h.isAllSelectedKey=W,h.isSelectedKey=j,h.selectAllKey=N,h.selectKey=M,h.toggleAllKey=D,h.toggleKey=V,h.unselectAllKey=Q,h.unselectKey=z,h.useSelectable=Ie,h.useSelectableInjectors=Be,h.useVirtualList=ie,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.v-leave-active[data-v-edec7292]{transition:all .15s ease-out;transition-delay:.9s}.v-leave-to[data-v-edec7292]{opacity:0}.slider-wrapper[data-v-edec7292]{z-index:100;position:absolute;right:0;touch-action:none}.default-slider[data-v-edec7292]{width:6px;height:100%;background-color:#0003;border-radius:3px;margin-right:3px}.virtualList[data-v-4ba97cce]{width:100%;height:100%;position:absolute;overflow-y:auto;scroll-behavior:smooth;user-select:none}.virtualListWrapper[data-v-4ba97cce]{width:100%;height:100%;position:relative}
|