@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 CHANGED
@@ -1,9 +1,9 @@
1
- import { unref as b, 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 fe, inject as x, provide as E, defineComponent as F, openBlock as I, createBlock as pe, Transition as he, withCtx as me, 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 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
- const A = typeof window < "u";
4
- A && ((ae = window?.navigator) == null ? void 0 : ae.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
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() : b(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), d = X(e.maxWait);
18
- if (n && clearTimeout(n), l <= 0 || d !== void 0 && d <= 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
- d && !o && (o = setTimeout(() => {
20
+ c && !o && (o = setTimeout(() => {
21
21
  n && clearTimeout(n), o = null, r();
22
- }, d)), n = setTimeout(() => {
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() ? (Be(t), !0) : !1;
31
+ return Ce() ? (Re(t), !0) : !1;
32
32
  }
33
- function ge(t, e = 200, n = {}) {
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
- Pe() ? te(t) : e ? t() : ne(t);
37
+ Be() ? te(t) : e ? t() : ne(t);
38
38
  }
39
- function _e(t) {
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 = A ? window : void 0;
45
- A && window.document;
46
- A && window.navigator;
47
- A && window.location;
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 ie = Object.getOwnPropertySymbols, Ze = Object.prototype.hasOwnProperty, et = Object.prototype.propertyIsEnumerable, tt = (t, e) => {
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 && ie)
60
- for (var o of ie(t))
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 d = Xe(() => s && "ResizeObserver" in s), m = () => {
67
+ const c = Xe(() => s && "ResizeObserver" in s), m = () => {
68
68
  l && (l.disconnect(), l = void 0);
69
- }, p = $(() => _e(t), (h) => {
70
- m(), d.value && s && h && (l = new ResizeObserver(e), l.observe(h, r));
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: d,
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 d = o === "border-box" ? l.borderBoxSize : o === "content-box" ? l.contentBoxSize : l.devicePixelContentBoxSize;
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), $(() => _e(t), (l) => {
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 ue;
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
- })(ue || (ue = {}));
95
- var lt = Object.defineProperty, ce = Object.getOwnPropertySymbols, st = Object.prototype.hasOwnProperty, rt = Object.prototype.propertyIsEnumerable, de = (t, e, n) => e in t ? lt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, at = (t, e) => {
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) && de(t, n, e[n]);
98
- if (ce)
99
- for (var n of ce(e))
100
- rt.call(e, n) && de(t, n, 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), d = g(!0), m = ge(Q, 100);
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 = 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 T = g([]), _ = f(() => {
138
- let { sum: a, height: c } = { sum: 0, height: 0 };
139
- return v.value.map((w, 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" ? _.value.length * o : _.value[_.value.length - 1]?.sum || 0), L = f(() => {
141
- let a = T.value.length - s, c = Math.max(a - u, 0);
142
- return T.value.slice(c, a);
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
- }), fe(() => cancelAnimationFrame(p)), $(
145
+ }), ve(() => cancelAnimationFrame(p)), $(
146
146
  [l.width, l.height, v],
147
- ([a, c]) => {
148
- (a || c) && W();
147
+ ([a, d]) => {
148
+ (a || d) && M();
149
149
  },
150
150
  { deep: !0 }
151
151
  ), $(h, () => {
152
- D(), m();
152
+ W(), m();
153
153
  });
154
- function D() {
155
- d.value = !1;
154
+ function W() {
155
+ c.value = !1;
156
156
  }
157
157
  function Q() {
158
- d.value = !0, n?.();
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 = P();
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 }, T.value = v.value.slice(a, c).map((w, y) => ({
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: y + a
169
+ index: _ + a
170
170
  }));
171
171
  }
172
172
  }
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;
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, y);
179
+ return Math.max(0, _);
180
180
  }
181
- function P() {
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++)
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 c = _.value[a];
191
- return c ? c.sum - c.height : 0;
190
+ let d = b.value[a];
191
+ return d ? d.sum - d.height : 0;
192
192
  }
193
- function z(a) {
194
- return _.value[a] || { sum: 0, height: 0 };
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 c = z(a);
203
- r.value.scrollTop = c.sum - c.height, M();
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: d.value ? void 0 : "none"
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: T,
222
- visiableList: L,
223
- getItemHeightData: z,
224
- getoffsetTopIndex: k,
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: d,
229
+ isScrollEnd: c,
230
230
  containerProps: {
231
231
  ref: r,
232
232
  onScroll: () => {
233
- W();
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(), Se = Symbol(), we = Symbol(), Oe = Symbol(), Ee = Symbol(), Te = Symbol(), xe = Symbol(), He = Symbol();
242
- function Et() {
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 = x(we, o), r = x(Se, e), l = x(xe, n), d = x(ye, t), m = x(be, t), p = x(Oe, t), v = x(Ee, t), h = x(Te, t), i = x(He, t);
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: d,
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 Tt(t, e) {
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 d(i) {
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 E(be, h), E(ye, v), E(Se, p), E(we, o), E(Oe, d), E(Ee, r), E(Te, m), E(xe, s), E(He, l), {
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: d,
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__ */ F({
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 E(ct, () => e("update:visiable", !1)), (s, r) => (I(), pe(he, { name: "modal" }, {
318
- default: me(() => [
319
- t.visiable ? (I(), B("div", {
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 () => R(
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: () => R(n, o)
351
+ default: () => P(n, o)
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,7 @@ function xt(t) {
361
361
  create: e
362
362
  };
363
363
  }
364
- const vt = { class: "toast" }, ft = /* @__PURE__ */ F({
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
- backgroundColor: "black"
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
- }), (d, m) => (I(), B("div", {
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: j([b(l), { zIndex: 9999 }])
402
+ style: F([y(l), { zIndex: 9999 }])
393
403
  }, [
394
- H("div", vt, [
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 Ht {
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 = R(R(pt), { ...ve, ...this.options });
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 || ve.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 ht = ["xlink:href", "fill", "color"], It = /* @__PURE__ */ F({
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(), B("svg", {
451
+ return (s, r) => (I(), R("svg", {
446
452
  "aria-hidden": "",
447
- style: j(b(o))
453
+ style: F(y(o))
448
454
  }, [
449
455
  H("use", {
450
- "xlink:href": b(n),
456
+ "xlink:href": y(n),
451
457
  fill: t.color,
452
458
  color: t.color
453
- }, null, 8, ht)
459
+ }, null, 8, ft)
454
460
  ], 4));
455
461
  }
456
462
  });
457
- function mt(t) {
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), d = ge(V, 100);
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
- }), T = g({
477
+ }), E = g({
472
478
  clientHeight: 0
473
- }), _ = f(() => !!h.value), N = f(() => u.value.scrollHeight > u.value.clientHeight), C = f(() => u.value.clientHeight - T.value.clientHeight), L = f(() => u.value.scrollHeight - u.value.clientHeight), D = f(() => Math.max(
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(() => D.value > r ? 0 : D.value * u.value.clientHeight), W = 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 M(S) {
482
- P(), h.value = S.clientY - n.value.getBoundingClientRect().top || 1, p = getComputedStyle(e.value).scrollBehavior, p === "smooth" && (e.value.style.scrollBehavior = "unset");
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 k() {
485
- e.value.style.scrollBehavior = p, h.value = 0, d();
490
+ function z() {
491
+ e.value.style.scrollBehavior = p, h.value = 0, c();
486
492
  }
487
- function P() {
493
+ function B() {
488
494
  l.value = !1;
489
495
  }
490
496
  function V() {
491
- _.value || (l.value = !0);
497
+ b.value || (l.value = !0);
492
498
  }
493
- function z(S) {
494
- if (!_.value)
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 * L.value
504
+ top: i.value / C.value * D.value
499
505
  });
500
506
  }
501
507
  function U() {
502
- _.value || q();
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 / L.value * C.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", M, {
518
+ S === "add" ? O = "addEventListener" : O = "removeEventListener", n.value?.[O]("pointerdown", k, {
513
519
  passive: !0
514
- }), window[O]("pointermove", z, { passive: !0 }), window[O]("pointerup", k, { passive: !0 });
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 c() {
523
- P(), setTimeout(() => {
524
- T.value.clientHeight = n.value?.clientHeight ?? 0, V();
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 y() {
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), c()) : console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: e, sliderEl: n });
551
+ }, 100), d()) : console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: e, sliderEl: n });
546
552
  }
547
553
  return $(v, () => {
548
- P(), d();
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: W,
556
- init: y,
561
+ sliderPos: M,
562
+ init: _,
557
563
  modifySliderEventListener: K
558
564
  };
559
565
  }
560
- 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({
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 = mt({
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: d, isScrollEnd: m, sliderPos: p } = l, v = g(!1), h = n.autoHide ? f(() => v.value || !m.value) : f(() => d.value);
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
- }), fe(() => {
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 }), (T, _) => (I(), pe(he, null, {
589
- default: me(() => [
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: j(b(p))
602
+ style: F(y(p))
597
603
  }, [
598
- oe(T.$slots, "default", {}, () => [
599
- _t
604
+ oe(E.$slots, "default", {}, () => [
605
+ mt
600
606
  ], !0)
601
607
  ], 36), [
602
- [Me, b(h)]
608
+ [Me, y(h)]
603
609
  ])
604
610
  ]),
605
611
  _: 3
606
612
  }));
607
613
  }
608
614
  });
609
- const Ct = /* @__PURE__ */ le(bt, [["__scopeId", "data-v-edec7292"]]), yt = { class: "virtualListWrapper" }, St = {
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
- }, wt = /* @__PURE__ */ F({
612
- ...St,
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(ze(o, "data"), {
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: d, innerProps: m, getItemHeightData: p } = s;
638
+ }), { list: r, containerProps: l, wrapperProps: c, innerProps: m, getItemHeightData: p } = s;
628
639
  return e({
629
640
  vListReturn: s
630
- }), (v, h) => (I(), B("div", yt, [
631
- H("div", Ke({
632
- onScrollPassive: h[0] || (h[0] = (...i) => b(l).onScroll && b(l).onScroll(...i)),
633
- ref: b(l).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(re(b(d))), [
637
- H("div", se(re(b(m))), [
638
- (I(!0), B(je, null, Ne(b(r), ({ index: i, data: u }) => (I(), B("div", {
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: j({
641
- height: `${b(p)(i).height}px`,
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 Bt = /* @__PURE__ */ le(wt, [["__scopeId", "data-v-4ba97cce"]]);
667
+ const It = /* @__PURE__ */ He(_t, [["__scopeId", "data-v-4ba97cce"]]);
657
668
  export {
658
- Ct as ScrollBar,
659
- It as SvgIcon,
660
- Ht as ToastCreator,
661
- Bt as VirtualList,
662
- we as allSelectedKey,
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
- xe as isAllSelectedKey,
666
- Se as isSelectedKey,
667
- Ee as selectAllKey,
668
- Oe as selectKey,
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
- He as unselectAllKey,
672
- Te as unselectKey,
673
- Tt as useSelectable,
674
- Et as useSelectableInjectors,
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
- .toastWrapper[data-v-aef44c80]{position:absolute;border-radius:10px;background-color:#000c;padding:14px 19px}.toast[data-v-aef44c80]{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
+ .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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lazycatcloud/lzc-toolkit",
3
- "version": "0.0.49",
3
+ "version": "0.0.51",
4
4
  "description": "lazycat ui toolkits",
5
5
  "main": "./dist/index.umd.js",
6
6
  "module": "./dist/index.es.js",