@lazycatcloud/lzc-toolkit 0.0.48 → 0.0.50

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