@lazycatcloud/lzc-toolkit 0.0.22 → 0.0.24

package/dist/index.es.js

@@ -1,123 +1,106 @@
-import { unref as y, getCurrentScope as He, onScopeDispose as Ie, getCurrentInstance as Te, onMounted as G, nextTick as ae, ref as m, watch as V, shallowRef as Ee, computed as g, onUnmounted as ie, inject as x, provide as O, defineComponent as z, openBlock as E, createBlock as se, Transition as ue, withCtx as ce, createElementBlock as P, createElementVNode as C, withModifiers as Ce, normalizeClass as Be, renderSlot as J, createCommentVNode as Pe, render as Re, h as U, normalizeStyle as X, useSlots as Fe, withDirectives as Ae, vShow as De, pushScopeId as $e, popScopeId as Le, toRef as Ve, mergeProps as ze, normalizeProps as Z, guardReactiveProps as ee, Fragment as Ke, renderList as je } from "vue";
-var te;
-const R = typeof window < "u";
-R && ((te = window?.navigator) == null ? void 0 : te.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function L(e) {
-  return typeof e == "function" ? e() : y(e);
+import { unref as w, getCurrentScope as xe, onScopeDispose as He, getCurrentInstance as Ie, onMounted as Y, nextTick as ae, ref as b, watch as R, shallowRef as Ee, computed as p, onUnmounted as re, inject as x, provide as O, defineComponent as L, openBlock as T, createBlock as ie, Transition as se, withCtx as ue, createElementBlock as P, createElementVNode as C, withModifiers as Te, normalizeClass as Ce, renderSlot as G, createCommentVNode as Be, render as Pe, h as Q, normalizeStyle as J, useSlots as Re, withDirectives as Ae, vShow as $e, pushScopeId as Fe, popScopeId as Le, toRef as De, mergeProps as Ve, normalizeProps as X, guardReactiveProps as Z, Fragment as Ke, renderList as je } from "vue";
+var ee;
+const A = typeof window < "u";
+A && ((ee = window?.navigator) == null ? void 0 : ee.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function W(e) {
+  return typeof e == "function" ? e() : w(e);
 }
-function de(e, l) {
+function ke(e, l) {
   function t(...n) {
     e(() => l.apply(this, n), { fn: l, thisArg: this, args: n });
   }
   return t;
 }
-function Me(e, l = {}) {
+function ze(e, l = {}) {
   let t, n;
   return (r) => {
-    const a = L(e), c = L(l.maxWait);
-    if (t && clearTimeout(t), a <= 0 || c !== void 0 && c <= 0)
+    const i = W(e), u = W(l.maxWait);
+    if (t && clearTimeout(t), i <= 0 || u !== void 0 && u <= 0)
       return n && (clearTimeout(n), n = null), r();
-    c && !n && (n = setTimeout(() => {
+    u && !n && (n = setTimeout(() => {
       t && clearTimeout(t), n = null, r();
-    }, c)), t = setTimeout(() => {
+    }, u)), t = setTimeout(() => {
       n && clearTimeout(n), n = null, r();
-    }, a);
+    }, i);
   };
 }
-function ke(e, l = !0, t = !0) {
-  let n = 0, o, r = !0;
-  const a = () => {
-    o && (clearTimeout(o), o = void 0);
-  };
-  return (f) => {
-    const u = L(e), h = Date.now() - n;
-    if (a(), u <= 0)
-      return n = Date.now(), f();
-    h > u && (t || !r) ? (n = Date.now(), f()) : l && (o = setTimeout(() => {
-      n = Date.now(), r = !0, a(), f();
-    }, u)), !t && !o && (o = setTimeout(() => r = !0, u)), r = !1;
-  };
-}
-function Ne(e) {
+function Me(e) {
   return e;
 }
-function Qe(e) {
-  return He() ? (Ie(e), !0) : !1;
-}
-function We(e, l = 200, t = {}) {
-  return de(Me(l, t), e);
+function Ne(e) {
+  return xe() ? (He(e), !0) : !1;
 }
-function Ue(e, l = 200, t = !1, n = !0) {
-  return de(ke(l, t, n), e);
+function Qe(e, l = 200, t = {}) {
+  return ke(ze(l, t), e);
 }
-function qe(e, l = !0) {
-  Te() ? G(e) : l ? e() : ae(e);
+function We(e, l = !0) {
+  Ie() ? Y(e) : l ? e() : ae(e);
 }
-function fe(e) {
+function ce(e) {
   var l;
-  const t = L(e);
+  const t = W(e);
   return (l = t?.$el) != null ? l : t;
 }
-const Ye = R ? window : void 0;
-R && window.document;
-R && window.navigator;
-R && window.location;
-function Ge(e, l = !1) {
-  const t = m(), n = () => t.value = Boolean(e());
-  return n(), qe(n, l), t;
+const Ue = A ? window : void 0;
+A && window.document;
+A && window.navigator;
+A && window.location;
+function qe(e, l = !1) {
+  const t = b(), n = () => t.value = Boolean(e());
+  return n(), We(n, l), t;
 }
-const q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Y = "__vueuse_ssr_handlers__";
-q[Y] = q[Y] || {};
-q[Y];
-var le = Object.getOwnPropertySymbols, Je = Object.prototype.hasOwnProperty, Xe = Object.prototype.propertyIsEnumerable, Ze = (e, l) => {
+const U = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, q = "__vueuse_ssr_handlers__";
+U[q] = U[q] || {};
+U[q];
+var te = Object.getOwnPropertySymbols, Ye = Object.prototype.hasOwnProperty, Ge = Object.prototype.propertyIsEnumerable, Je = (e, l) => {
   var t = {};
   for (var n in e)
-    Je.call(e, n) && l.indexOf(n) < 0 && (t[n] = e[n]);
-  if (e != null && le)
-    for (var n of le(e))
-      l.indexOf(n) < 0 && Xe.call(e, n) && (t[n] = e[n]);
+    Ye.call(e, n) && l.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && te)
+    for (var n of te(e))
+      l.indexOf(n) < 0 && Ge.call(e, n) && (t[n] = e[n]);
   return t;
 };
-function et(e, l, t = {}) {
-  const n = t, { window: o = Ye } = n, r = Ze(n, ["window"]);
-  let a;
-  const c = Ge(() => o && "ResizeObserver" in o), f = () => {
-    a && (a.disconnect(), a = void 0);
-  }, u = V(() => fe(e), (p) => {
-    f(), c.value && o && p && (a = new ResizeObserver(l), a.observe(p, r));
+function Xe(e, l, t = {}) {
+  const n = t, { window: a = Ue } = n, r = Je(n, ["window"]);
+  let i;
+  const u = qe(() => a && "ResizeObserver" in a), f = () => {
+    i && (i.disconnect(), i = void 0);
+  }, d = R(() => ce(e), (v) => {
+    f(), u.value && a && v && (i = new ResizeObserver(l), i.observe(v, r));
   }, { immediate: !0, flush: "post" }), h = () => {
-    f(), u();
+    f(), d();
   };
-  return Qe(h), {
-    isSupported: c,
+  return Ne(h), {
+    isSupported: u,
     stop: h
   };
 }
-function tt(e, l = { width: 0, height: 0 }, t = {}) {
-  const { box: n = "content-box" } = t, o = m(l.width), r = m(l.height);
-  return et(e, ([a]) => {
-    const c = n === "border-box" ? a.borderBoxSize : n === "content-box" ? a.contentBoxSize : a.devicePixelContentBoxSize;
-    c ? (o.value = c.reduce((f, { inlineSize: u }) => f + u, 0), r.value = c.reduce((f, { blockSize: u }) => f + u, 0)) : (o.value = a.contentRect.width, r.value = a.contentRect.height);
-  }, t), V(() => fe(e), (a) => {
-    o.value = a ? l.width : 0, r.value = a ? l.height : 0;
+function Ze(e, l = { width: 0, height: 0 }, t = {}) {
+  const { box: n = "content-box" } = t, a = b(l.width), r = b(l.height);
+  return Xe(e, ([i]) => {
+    const u = n === "border-box" ? i.borderBoxSize : n === "content-box" ? i.contentBoxSize : i.devicePixelContentBoxSize;
+    u ? (a.value = u.reduce((f, { inlineSize: d }) => f + d, 0), r.value = u.reduce((f, { blockSize: d }) => f + d, 0)) : (a.value = i.contentRect.width, r.value = i.contentRect.height);
+  }, t), R(() => ce(e), (i) => {
+    a.value = i ? l.width : 0, r.value = i ? l.height : 0;
   }), {
-    width: o,
+    width: a,
     height: r
   };
 }
-var ne;
+var le;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(ne || (ne = {}));
-var lt = Object.defineProperty, oe = Object.getOwnPropertySymbols, nt = Object.prototype.hasOwnProperty, ot = Object.prototype.propertyIsEnumerable, re = (e, l, t) => l in e ? lt(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, rt = (e, l) => {
+})(le || (le = {}));
+var et = Object.defineProperty, ne = Object.getOwnPropertySymbols, tt = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable, oe = (e, l, t) => l in e ? et(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, nt = (e, l) => {
   for (var t in l || (l = {}))
-    nt.call(l, t) && re(e, t, l[t]);
-  if (oe)
-    for (var t of oe(l))
-      ot.call(l, t) && re(e, t, l[t]);
+    tt.call(l, t) && oe(e, t, l[t]);
+  if (ne)
+    for (var t of ne(l))
+      lt.call(l, t) && oe(e, t, l[t]);
   return e;
 };
-const at = {
+const ot = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -143,181 +126,181 @@ const at = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-rt({
-  linear: Ne
-}, at);
-function it(e, l) {
-  const { itemHeight: t, overscan: n = 5 } = l, o = m(), r = tt(o);
-  let a;
-  const c = Ee(e), f = m(0), u = m({ start: 0, end: 10 });
+nt({
+  linear: Me
+}, ot);
+function at(e, l) {
+  const { itemHeight: t, overscan: n = 5 } = l, a = b(), r = Ze(a);
+  let i;
+  const u = Ee(e), f = b(0), d = b({ start: 0, end: 10 });
   let h = 0;
-  const p = m([]), s = g(() => {
-    let { sum: i, height: d } = { sum: 0, height: 0 };
-    return c.value.map((w, b) => (typeof t == "number" ? d = t : d = t(b), i += d, { height: d, sum: i }));
-  }), v = g(() => D(u.value.start)), H = g(() => typeof t == "number" ? s.value.length * t : s.value.at(-1)?.sum || 0), B = g(() => {
-    let i = p.value.length - n, d = Math.max(i - h, 0);
-    return p.value.slice(d, i);
+  const v = b([]), o = p(() => {
+    let { sum: s, height: c } = { sum: 0, height: 0 };
+    return u.value.map((_, y) => (typeof t == "number" ? c = t : c = t(y), s += c, { height: c, sum: s }));
+  }), g = p(() => K(d.value.start)), H = p(() => typeof t == "number" ? o.value.length * t : o.value.at(-1)?.sum || 0), D = p(() => {
+    let s = v.value.length - n, c = Math.max(s - h, 0);
+    return v.value.slice(c, s);
   });
-  G(() => {
-  }), ie(() => cancelAnimationFrame(a)), V(
-    [r.width, r.height, c],
-    ([i, d]) => {
-      (i || d) && F();
+  Y(() => {
+  }), re(() => cancelAnimationFrame(i)), R(
+    [r.width, r.height, u],
+    ([s, c]) => {
+      (s || c) && I();
     },
     { deep: !0 }
   );
-  function F() {
-    cancelAnimationFrame(a), a = requestAnimationFrame(I);
-  }
   function I() {
-    if (o.value) {
-      f.value = o.value.scrollTop, h = K();
-      let i = A(f.value), d = i + h + n;
-      i = i - n, i = i < 0 ? 0 : i, d = d > c.value.length ? c.value.length : d, u.value = { start: i, end: d }, p.value = c.value.slice(i, d).map((w, b) => ({
-        data: w,
-        index: b + i
+    cancelAnimationFrame(i), i = requestAnimationFrame(B);
+  }
+  function B() {
+    if (a.value) {
+      f.value = a.value.scrollTop, h = $();
+      let s = V(f.value), c = s + h + n;
+      s = s - n, s = s < 0 ? 0 : s, c = c > u.value.length ? u.value.length : c, d.value = { start: s, end: c }, v.value = u.value.slice(s, c).map((_, y) => ({
+        data: _,
+        index: y + s
       }));
     }
   }
-  function A(i) {
-    let d = Math.floor(s.value.length / 16), w = -1, b = -1;
-    for (let _ = 0; _ < 16; _++) {
-      if (s.value.at(d * _).sum >= i) {
-        w = Math.max(0, _ - 1);
+  function V(s) {
+    let c = Math.floor(o.value.length / 16), _ = -1, y = -1;
+    for (let m = 0; m < 16; m++) {
+      if (o.value.at(c * m).sum >= s) {
+        _ = Math.max(0, m - 1);
         break;
       }
-      _ === 15 && (w = _);
+      m === 15 && (_ = m);
     }
-    w *= d;
-    for (let _ = w; _ < s.value.length; _++)
-      if (s.value[_].sum >= i) {
-        b = _;
+    _ *= c;
+    for (let m = _; m < o.value.length; m++)
+      if (o.value[m].sum >= s) {
+        y = m;
         break;
       }
-    return Math.max(0, b);
+    return Math.max(0, y);
   }
-  function K() {
-    let i = 0, d = 0, w = j();
-    for (let b = w; b < s.value.length && (d += s.value[b].height, !(d >= r.height.value)); b++, i++)
+  function $() {
+    let s = 0, c = 0, _ = j();
+    for (let y = _; y < o.value.length && (s++, c += o.value[y].height, !(c >= r.height.value)); y++)
       ;
-    return i;
+    return s;
   }
-  function D(i) {
+  function K(s) {
     if (typeof t == "number")
-      return i * t;
-    let d = s.value[i];
-    return d.sum - d.height;
+      return s * t;
+    let c = o.value[s];
+    return c.sum - c.height;
   }
-  function $(i) {
-    return s.value.at(i) || { sum: 0, height: 0 };
+  function F(s) {
+    return o.value.at(s) || { sum: 0, height: 0 };
   }
   function j() {
-    let i = u.value.start;
-    return i >= n && (i += n), i;
+    let s = d.value.start;
+    return s >= n && (s += n), s;
   }
-  function M(i) {
-    if (o.value) {
-      const d = $(i);
-      o.value.scrollTop = d.sum - d.height, I();
+  function k(s) {
+    if (a.value) {
+      const c = F(s);
+      a.value.scrollTop = c.sum - c.height, B();
     }
   }
-  const k = g(() => ({
+  const z = p(() => ({
     style: {
       width: "100%",
       height: `${H.value}px`
     }
-  })), N = g(() => ({
+  })), M = p(() => ({
     style: {
-      transform: `translate3d(0, ${v.value}px, 0)`,
+      transform: `translate3d(0, ${g.value}px, 0)`,
       "will-change": "transform"
     }
-  })), Q = {
+  })), N = {
     overflowY: "auto"
   };
   return {
-    list: p,
-    visiableList: B,
-    getItemHeightData: $,
+    list: v,
+    visiableList: D,
+    getItemHeightData: F,
     totalHeight: H,
     clientHeight: r.height,
-    scrollTo: M,
+    scrollTo: k,
     scrollTop: f,
     containerProps: {
-      ref: o,
+      ref: a,
       onScroll: () => {
-        F();
+        I();
       },
-      style: Q
+      style: N
     },
-    wrapperProps: k,
-    innerProps: N
+    wrapperProps: z,
+    innerProps: M
   };
 }
-const ve = Symbol(), pe = Symbol(), he = Symbol(), ge = Symbol(), me = Symbol(), be = Symbol(), _e = Symbol(), ye = Symbol(), we = Symbol();
-function _t() {
+const de = Symbol(), ve = Symbol(), fe = Symbol(), pe = Symbol(), he = Symbol(), ge = Symbol(), me = Symbol(), be = Symbol(), _e = Symbol();
+function mt() {
   const { voidFn: e, boolFn: l, boolRef: t, arrayRef: n } = {
-    voidFn: (v) => {
+    voidFn: (g) => {
     },
-    boolFn: (v) => !1,
-    boolRef: g(() => !1),
-    arrayRef: g(() => [])
-  }, o = x(ge, n), r = x(he, l), a = x(ye, t), c = x(pe, e), f = x(ve, e), u = x(me, e), h = x(be, e), p = x(_e, e), s = x(we, e);
+    boolFn: (g) => !1,
+    boolRef: p(() => !1),
+    arrayRef: p(() => [])
+  }, a = x(pe, n), r = x(fe, l), i = x(be, t), u = x(ve, e), f = x(de, e), d = x(he, e), h = x(ge, e), v = x(me, e), o = x(_e, e);
   return {
-    selected: o,
+    selected: a,
     isSelected: r,
-    isAllSelected: a,
-    toggle: c,
+    isAllSelected: i,
+    toggle: u,
     toggleAll: f,
-    select: u,
+    select: d,
     selectAll: h,
-    unselect: p,
-    unselectAll: s
+    unselect: v,
+    unselectAll: o
   };
 }
-function yt(e, l) {
-  const t = m({}), n = g(() => e.value.filter((s) => t.value[s[l]])), o = g(() => n.value.length != 0 && Object.keys(t.value).length == e.value.length);
+function bt(e, l) {
+  const t = b({}), n = p(() => e.value.filter((o) => t.value[o[l]])), a = p(() => n.value.length != 0 && Object.keys(t.value).length == e.value.length);
   function r() {
-    e.value.forEach((s) => {
-      t.value[s[l]] = !0;
+    e.value.forEach((o) => {
+      t.value[o[l]] = !0;
     });
   }
-  function a() {
+  function i() {
     t.value = {};
   }
-  function c(s) {
-    s.forEach((v) => {
-      t.value[v[l]] || (t.value[v[l]] = !0);
+  function u(o) {
+    o.forEach((g) => {
+      t.value[g[l]] || (t.value[g[l]] = !0);
     });
   }
-  function f(s) {
-    s.forEach((v) => {
-      t.value[v[l]] && delete t.value[v[l]];
+  function f(o) {
+    o.forEach((g) => {
+      t.value[g[l]] && delete t.value[g[l]];
     });
   }
-  function u(s) {
-    return !!t.value[s[l]];
+  function d(o) {
+    return !!t.value[o[l]];
   }
-  function h(s) {
-    s.forEach((v) => {
-      u(v) ? delete t.value[v[l]] : t.value[v[l]] = !0;
+  function h(o) {
+    o.forEach((g) => {
+      d(g) ? delete t.value[g[l]] : t.value[g[l]] = !0;
     });
   }
-  function p() {
-    o.value ? a() : r();
+  function v() {
+    a.value ? i() : r();
   }
-  return O(ve, p), O(pe, h), O(he, u), O(ge, n), O(me, c), O(be, r), O(_e, f), O(ye, o), O(we, a), {
+  return O(de, v), O(ve, h), O(fe, d), O(pe, n), O(he, u), O(ge, r), O(me, f), O(be, a), O(_e, i), {
     selected: n,
-    select: c,
+    select: u,
     selectAll: r,
     unselect: f,
-    unselectAll: a,
+    unselectAll: i,
     toggle: h,
-    toggleAll: p,
-    isSelected: u,
-    isAllSelected: o
+    toggleAll: v,
+    isSelected: d,
+    isAllSelected: a
   };
 }
-const st = Symbol(), ut = /* @__PURE__ */ z({
+const rt = Symbol(), it = /* @__PURE__ */ L({
   __name: "Dialog",
   props: {
     visiable: { type: Boolean, default: !1 },
@@ -329,54 +312,54 @@ const st = Symbol(), ut = /* @__PURE__ */ z({
     const t = e, n = () => {
       t.closeOnClickOverlay && l("update:visiable", !1);
     };
-    return O(st, () => l("update:visiable", !1)), (o, r) => (E(), se(ue, { name: "modal" }, {
-      default: ce(() => [
-        e.visiable ? (E(), P("div", {
+    return O(rt, () => l("update:visiable", !1)), (a, r) => (T(), ie(se, { name: "modal" }, {
+      default: ue(() => [
+        e.visiable ? (T(), P("div", {
           key: 0,
           onClick: n,
           class: "modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"
         }, [
           C("div", {
-            onClick: r[0] || (r[0] = Ce(() => {
+            onClick: r[0] || (r[0] = Te(() => {
             }, ["stop"])),
-            class: Be(["dialog m-auto flex flex-col", e.dialogClass])
+            class: Ce(["dialog m-auto flex flex-col", e.dialogClass])
           }, [
-            J(o.$slots, "default")
+            G(a.$slots, "default")
           ], 2)
-        ])) : Pe("", !0)
+        ])) : Be("", !0)
       ]),
       _: 3
     }));
   }
 });
-function wt(e) {
+function _t(e) {
   function l(t, n) {
-    const o = document.createElement("div"), r = {
+    const a = document.createElement("div"), r = {
       setup() {
-        return () => U(
-          ut,
+        return () => Q(
+          it,
           {
             visiable: !0,
             "onUpdate:visiable": () => {
-              o?.remove();
+              a?.remove();
             },
             ...e
           },
           {
-            default: () => U(t, n)
+            default: () => Q(t, n)
           }
         );
       }
     };
-    return document.body.appendChild(o), Re(U(r), o), {
-      close: () => o?.remove()
+    return document.body.appendChild(a), Pe(Q(r), a), {
+      close: () => a?.remove()
     };
   }
   return {
     create: l
   };
 }
-const ct = ["xlink:href", "fill", "color"], St = /* @__PURE__ */ z({
+const st = ["xlink:href", "fill", "color"], yt = /* @__PURE__ */ L({
   __name: "SvgIcon",
   props: {
     name: null,
@@ -386,111 +369,108 @@ const ct = ["xlink:href", "fill", "color"], St = /* @__PURE__ */ z({
     height: null
   },
   setup(e) {
-    const l = e, t = g(() => `#${l.prefix}-${l.name}`), n = g(() => ({
+    const l = e, t = p(() => `#${l.prefix}-${l.name}`), n = p(() => ({
       width: l.width,
       height: l.height,
       aspectRatio: l.width && l.height ? void 0 : "1/1"
     }));
-    return (o, r) => (E(), P("svg", {
+    return (a, r) => (T(), P("svg", {
       "aria-hidden": "",
-      style: X(y(n))
+      style: J(w(n))
     }, [
       C("use", {
-        "xlink:href": y(t),
+        "xlink:href": w(t),
         fill: e.color,
         color: e.color
-      }, null, 8, ct)
+      }, null, 8, st)
     ], 4));
   }
 });
-function dt(e) {
-  const { containerEl: l, sliderEl: t, autoHeight: n, performance: o = {} } = e, r = m(!0), a = We(N, 1e3), c = Ue(W, 1e3, !0, !0);
-  let f, u = "";
-  const h = m(0), p = m(0), s = m(0), v = m({
+function ut(e) {
+  const { containerEl: l, sliderEl: t, autoHeight: n, performance: a = {} } = e, r = b(!0), i = Qe(z, 1e3);
+  let u, f = "";
+  const d = b(0), h = b(0), v = b(0), o = b({
     top: 0,
     scrollTop: 0,
     scrollHeight: 0,
     clientHeight: 0
-  }), H = m({
+  }), g = b({
     clientHeight: 0
-  }), B = g(() => !!p.value), F = g(() => v.value.scrollHeight > v.value.clientHeight), I = g(() => v.value.clientHeight - H.value.clientHeight), A = g(() => v.value.scrollHeight - v.value.clientHeight), K = g(() => Math.max(
-    v.value.clientHeight / v.value.scrollHeight,
+  }), H = p(() => !!h.value), D = p(() => o.value.scrollHeight > o.value.clientHeight), I = p(() => o.value.clientHeight - g.value.clientHeight), B = p(() => o.value.scrollHeight - o.value.clientHeight), V = p(() => Math.max(
+    o.value.clientHeight / o.value.scrollHeight,
     0.05
-  )), D = g(() => K.value * v.value.clientHeight), $ = g(() => ({
+  )), $ = p(() => V.value * o.value.clientHeight), K = p(() => ({
     willChange: "transform",
-    transform: `translate3d(0,${s.value}px,0)`,
-    height: n ? `${D.value}px` : void 0
+    transform: `translate3d(0,${v.value}px,0)`,
+    height: n ? `${$.value}px` : void 0
   }));
-  function j(T) {
-    p.value = T.clientY - t.value.getBoundingClientRect().top || 1, u = getComputedStyle(l.value).scrollBehavior, u === "smooth" && (l.value.style.scrollBehavior = "unset");
+  function F(E) {
+    h.value = E.clientY - t.value.getBoundingClientRect().top || 1, f = getComputedStyle(l.value).scrollBehavior, f === "smooth" && (l.value.style.scrollBehavior = "unset");
   }
-  function M() {
-    l.value.style.scrollBehavior = u, p.value = 0, a();
+  function j() {
+    l.value.style.scrollBehavior = f, h.value = 0, i();
   }
   function k() {
     r.value = !1;
   }
-  function N() {
-    B.value || (r.value = !0);
+  function z() {
+    H.value || (r.value = !0);
   }
-  function Q(T) {
-    if (!B.value)
+  function M(E) {
+    if (!H.value)
       return;
-    let S = T.clientY - v.value.top - p.value;
-    S < 0 ? s.value = 0 : S >= I.value ? s.value = I.value : s.value = S, l.value.scrollTo({
-      top: s.value / I.value * A.value
+    let S = E.clientY - o.value.top - h.value;
+    S < 0 ? v.value = 0 : S >= I.value ? v.value = I.value : v.value = S, l.value.scrollTo({
+      top: v.value / I.value * B.value
     });
   }
-  function i() {
-    B.value || d();
+  function N() {
+    H.value || s();
   }
-  function d() {
-    cancelAnimationFrame(f), f = requestAnimationFrame(w);
+  function s() {
+    cancelAnimationFrame(u), u = requestAnimationFrame(c);
   }
-  function w() {
-    l.value && (h.value = o.scrollTop?.value ?? l.value.scrollTop, s.value = h.value / A.value * I.value);
+  function c() {
+    l.value && (d.value = a.scrollTop?.value ?? l.value.scrollTop, v.value = d.value / B.value * I.value);
   }
-  function b(T) {
+  function _(E) {
     let S = "addEventListener";
-    T === "add" ? S = "addEventListener" : S = "removeEventListener", t.value?.[S]("pointerdown", j, {
+    E === "add" ? S = "addEventListener" : S = "removeEventListener", t.value?.[S]("pointerdown", F, {
       passive: !0
-    }), window[S]("pointermove", Q, { passive: !0 }), window[S]("pointerup", M, { passive: !0 });
+    }), window[S]("pointermove", M, { passive: !0 }), window[S]("pointerup", j, { passive: !0 });
   }
-  const _ = new MutationObserver((T) => {
-    T.map((xe) => xe.oldValue).join().includes("height") ? W() : H.value.clientHeight === 0 && c();
+  const y = new MutationObserver((E) => {
+    E.map((Oe) => Oe.oldValue).join().includes("height") ? m() : g.value.clientHeight || m();
   });
-  function W() {
-    v.value.top = l.value?.getBoundingClientRect().top ?? 0, v.value.scrollHeight = l.value?.scrollHeight ?? 0, v.value.clientHeight = l.value?.clientHeight ?? 0, n ? H.value.clientHeight = D.value : H.value.clientHeight = t.value?.clientHeight ?? 0;
+  function m() {
+    o.value.top = l.value?.getBoundingClientRect().top ?? 0, o.value.scrollHeight = l.value?.scrollHeight ?? 0, o.value.clientHeight = l.value?.clientHeight ?? 0, n ? g.value.clientHeight = $.value : g.value.clientHeight = t.value?.clientHeight ?? 0;
   }
-  function Oe() {
-    l.value && t.value ? (l.value.addEventListener("scroll", i, {
+  function we() {
+    l.value && t.value ? (l.value.addEventListener("scroll", N, {
       passive: !0
-    }), b("add"), _.observe(l.value, {
+    }), _("add"), y.observe(l.value, {
       subtree: !0,
       attributeOldValue: !0,
       attributeFilter: ["style"]
     }), setTimeout(() => {
-      W();
+      m();
     }, 100)) : console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: l, sliderEl: t });
   }
-  return V(h, () => {
-    k(), a();
+  const Se = R(d, () => {
+    g.value.clientHeight ? Se() : m();
+  });
+  return R(d, () => {
+    k(), i();
   }), {
     isScrollEnd: r,
-    isDragSlider: B,
-    scrollable: F,
-    sliderPos: $,
-    init: Oe,
-    modifySliderEventListener: b
+    isDragSlider: H,
+    scrollable: D,
+    sliderPos: K,
+    init: we,
+    modifySliderEventListener: _
   };
 }
-const ft = (e) => ($e("data-v-d564e88d"), e = e(), Le(), e), vt = /* @__PURE__ */ ft(() => /* @__PURE__ */ C("div", {
-  w: "6px",
-  h: "full",
-  bg: "black/20",
-  rounded: "3px",
-  mr: "3px"
-}, null, -1)), pt = /* @__PURE__ */ z({
+const ct = (e) => (Fe("data-v-9645dfb5"), e = e(), Le(), e), dt = /* @__PURE__ */ ct(() => /* @__PURE__ */ C("div", { class: "default-slider" }, null, -1)), vt = /* @__PURE__ */ L({
   __name: "ScrollBar",
   props: {
     containerEl: null,
@@ -499,46 +479,46 @@ const ft = (e) => ($e("data-v-d564e88d"), e = e(), Le(), e), vt = /* @__PURE__ *
     performance: null
   },
   setup(e, { expose: l }) {
-    const t = e, n = !!Fe().default, o = m(null), r = g(() => t.containerEl), a = dt({
+    const t = e, n = !!Re().default, a = b(null), r = p(() => t.containerEl), i = ut({
       containerEl: r,
-      sliderEl: o,
+      sliderEl: a,
       autoHeight: n ? t.autoHeight : !0,
       performance: t.performance
-    }), { scrollable: c, isScrollEnd: f, sliderPos: u } = a, h = t.autoHide ? g(() => !f.value) : g(() => c.value);
-    return G(() => {
+    }), { scrollable: u, isScrollEnd: f, sliderPos: d } = i, h = t.autoHide ? p(() => !f.value) : p(() => u.value);
+    return Y(() => {
       ae(() => {
-        a.init();
+        i.init();
       });
-    }), ie(() => {
-      a.modifySliderEventListener("remove");
-    }), l({ uScrollBarReturn: a }), (p, s) => (E(), se(ue, null, {
-      default: ce(() => [
+    }), re(() => {
+      i.modifySliderEventListener("remove");
+    }), l({ uScrollBarReturn: i }), (v, o) => (T(), ie(se, null, {
+      default: ue(() => [
         Ae(C("div", {
           ref_key: "sliderRef",
-          ref: o,
-          class: "z-100 absolute right-0",
-          style: X([{ "touch-action": "none" }, y(u)])
+          ref: a,
+          class: "slider-wrapper",
+          style: J(w(d))
         }, [
-          J(p.$slots, "default", {}, () => [
-            vt
+          G(v.$slots, "default", {}, () => [
+            dt
           ], !0)
         ], 4), [
-          [De, y(h)]
+          [$e, w(h)]
         ])
       ]),
       _: 3
     }));
   }
 });
-const Se = (e, l) => {
+const ye = (e, l) => {
   const t = e.__vccOpts || e;
-  for (const [n, o] of l)
-    t[n] = o;
+  for (const [n, a] of l)
+    t[n] = a;
   return t;
-}, Ot = /* @__PURE__ */ Se(pt, [["__scopeId", "data-v-d564e88d"]]), ht = { class: "virtualListWrapper" }, gt = {
+}, wt = /* @__PURE__ */ ye(vt, [["__scopeId", "data-v-9645dfb5"]]), ft = { class: "virtualListWrapper" }, pt = {
   inheritAttrs: !1
-}, mt = /* @__PURE__ */ z({
-  ...gt,
+}, ht = /* @__PURE__ */ L({
+  ...pt,
   __name: "VirtualList",
   props: {
     data: null,
@@ -546,30 +526,30 @@ const Se = (e, l) => {
     overscan: { default: 10 }
   },
   setup(e, { expose: l }) {
-    const t = e, n = it(Ve(t, "data"), {
-      itemHeight: (u) => t.itemHeight(t.data[u]),
+    const t = e, n = at(De(t, "data"), {
+      itemHeight: (d) => t.itemHeight(t.data[d]),
       overscan: t.overscan
-    }), { list: o, containerProps: r, wrapperProps: a, innerProps: c, getItemHeightData: f } = n;
+    }), { list: a, containerProps: r, wrapperProps: i, innerProps: u, getItemHeightData: f } = n;
     return l({
       vListReturn: n
-    }), (u, h) => (E(), P("div", ht, [
-      C("div", ze({
-        onScrollPassive: h[0] || (h[0] = (...p) => y(r).onScroll && y(r).onScroll(...p)),
-        ref: y(r).ref,
+    }), (d, h) => (T(), P("div", ft, [
+      C("div", Ve({
+        onScrollPassive: h[0] || (h[0] = (...v) => w(r).onScroll && w(r).onScroll(...v)),
+        ref: w(r).ref,
         class: "virtualList"
-      }, u.$attrs), [
-        C("div", Z(ee(y(a))), [
-          C("div", Z(ee(y(c))), [
-            (E(!0), P(Ke, null, je(y(o), ({ index: p, data: s }) => (E(), P("div", {
-              key: p,
-              style: X({
-                height: `${y(f)(p).height}px`,
+      }, d.$attrs), [
+        C("div", X(Z(w(i))), [
+          C("div", X(Z(w(u))), [
+            (T(!0), P(Ke, null, je(w(a), ({ index: v, data: o }) => (T(), P("div", {
+              key: v,
+              style: J({
+                height: `${w(f)(v).height}px`,
                 display: "flex"
               })
             }, [
-              J(u.$slots, "default", {
-                data: s,
-                index: p
+              G(d.$slots, "default", {
+                data: o,
+                index: v
               }, void 0, !0)
             ], 4))), 128))
           ], 16)
@@ -578,23 +558,23 @@ const Se = (e, l) => {
     ]));
   }
 });
-const xt = /* @__PURE__ */ Se(mt, [["__scopeId", "data-v-134ad8ab"]]);
+const St = /* @__PURE__ */ ye(ht, [["__scopeId", "data-v-134ad8ab"]]);
 export {
-  Ot as ScrollBar,
-  St as SvgIcon,
-  xt as VirtualList,
-  ge as allSelectedKey,
-  st as closeDialogKey,
-  wt as dialogController,
-  ye as isAllSelectedKey,
-  he as isSelectedKey,
-  be as selectAllKey,
-  me as selectKey,
-  ve as toggleAllKey,
-  pe as toggleKey,
-  we as unselectAllKey,
-  _e as unselectKey,
-  yt as useSelectable,
-  _t as useSelectableInjectors,
-  it as useVirtualList
+  wt as ScrollBar,
+  yt as SvgIcon,
+  St as VirtualList,
+  pe as allSelectedKey,
+  rt as closeDialogKey,
+  _t as dialogController,
+  be as isAllSelectedKey,
+  fe as isSelectedKey,
+  ge as selectAllKey,
+  he as selectKey,
+  de as toggleAllKey,
+  ve as toggleKey,
+  _e as unselectAllKey,
+  me as unselectKey,
+  bt as useSelectable,
+  mt as useSelectableInjectors,
+  at as useVirtualList
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g.ui={},g.Vue))})(this,function(g,e){"use strict";var G;const I=typeof window<"u";I&&((G=window?.navigator)==null?void 0:G.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function B(t){return typeof t=="function"?t():e.unref(t)}function J(t,l){function n(...o){t(()=>l.apply(this,o),{fn:l,thisArg:this,args:o})}return n}function ie(t,l={}){let n,o;return i=>{const a=B(t),d=B(l.maxWait);if(n&&clearTimeout(n),a<=0||d!==void 0&&d<=0)return o&&(clearTimeout(o),o=null),i();d&&!o&&(o=setTimeout(()=>{n&&clearTimeout(n),o=null,i()},d)),n=setTimeout(()=>{o&&clearTimeout(o),o=null,i()},a)}}function ae(t,l=!0,n=!0){let o=0,r,i=!0;const a=()=>{r&&(clearTimeout(r),r=void 0)};return p=>{const u=B(t),v=Date.now()-o;if(a(),u<=0)return o=Date.now(),p();v>u&&(n||!i)?(o=Date.now(),p()):l&&(r=setTimeout(()=>{o=Date.now(),i=!0,a(),p()},u)),!n&&!r&&(r=setTimeout(()=>i=!0,u)),i=!1}}function se(t){return t}function ce(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ue(t,l=200,n={}){return J(ie(l,n),t)}function de(t,l=200,n=!1,o=!0){return J(ae(l,n,o),t)}function fe(t,l=!0){e.getCurrentInstance()?e.onMounted(t):l?t():e.nextTick(t)}function X(t){var l;const n=B(t);return(l=n?.$el)!=null?l:n}const pe=I?window:void 0;I&&window.document,I&&window.navigator,I&&window.location;function he(t,l=!1){const n=e.ref(),o=()=>n.value=Boolean(t());return o(),fe(o,l),n}const R=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},A="__vueuse_ssr_handlers__";R[A]=R[A]||{},R[A];var Z=Object.getOwnPropertySymbols,me=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable,ve=(t,l)=>{var n={};for(var o in t)me.call(t,o)&&l.indexOf(o)<0&&(n[o]=t[o]);if(t!=null&&Z)for(var o of Z(t))l.indexOf(o)<0&&ge.call(t,o)&&(n[o]=t[o]);return n};function be(t,l,n={}){const o=n,{window:r=pe}=o,i=ve(o,["window"]);let a;const d=he(()=>r&&"ResizeObserver"in r),p=()=>{a&&(a.disconnect(),a=void 0)},u=e.watch(()=>X(t),m=>{p(),d.value&&r&&m&&(a=new ResizeObserver(l),a.observe(m,i))},{immediate:!0,flush:"post"}),v=()=>{p(),u()};return ce(v),{isSupported:d,stop:v}}function ye(t,l={width:0,height:0},n={}){const{box:o="content-box"}=n,r=e.ref(l.width),i=e.ref(l.height);return be(t,([a])=>{const d=o==="border-box"?a.borderBoxSize:o==="content-box"?a.contentBoxSize:a.devicePixelContentBoxSize;d?(r.value=d.reduce((p,{inlineSize:u})=>p+u,0),i.value=d.reduce((p,{blockSize:u})=>p+u,0)):(r.value=a.contentRect.width,i.value=a.contentRect.height)},n),e.watch(()=>X(t),a=>{r.value=a?l.width:0,i.value=a?l.height:0}),{width:r,height:i}}var ee;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(ee||(ee={}));var _e=Object.defineProperty,te=Object.getOwnPropertySymbols,we=Object.prototype.hasOwnProperty,Se=Object.prototype.propertyIsEnumerable,ne=(t,l,n)=>l in t?_e(t,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[l]=n,Oe=(t,l)=>{for(var n in l||(l={}))we.call(l,n)&&ne(t,n,l[n]);if(te)for(var n of te(l))Se.call(l,n)&&ne(t,n,l[n]);return t};Oe({linear:se},{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 le(t,l){const{itemHeight:n,overscan:o=5}=l,r=e.ref(),i=ye(r);let a;const d=e.shallowRef(t),p=e.ref(0),u=e.ref({start:0,end:10});let v=0;const m=e.ref([]),c=e.computed(()=>{let{sum:s,height:f}={sum:0,height:0};return d.value.map((_,b)=>(typeof n=="number"?f=n:f=n(b),s+=f,{height:f,sum:s}))}),h=e.computed(()=>x(u.value.start)),S=e.computed(()=>typeof n=="number"?c.value.length*n:c.value.at(-1)?.sum||0),T=e.computed(()=>{let s=m.value.length-o,f=Math.max(s-v,0);return m.value.slice(f,s)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(a)),e.watch([i.width,i.height,d],([s,f])=>{(s||f)&&H()},{deep:!0});function H(){cancelAnimationFrame(a),a=requestAnimationFrame(O)}function O(){if(r.value){p.value=r.value.scrollTop,v=z();let s=C(p.value),f=s+v+o;s=s-o,s=s<0?0:s,f=f>d.value.length?d.value.length:f,u.value={start:s,end:f},m.value=d.value.slice(s,f).map((_,b)=>({data:_,index:b+s}))}}function C(s){let f=Math.floor(c.value.length/16),_=-1,b=-1;for(let y=0;y<16;y++){if(c.value.at(f*y).sum>=s){_=Math.max(0,y-1);break}y===15&&(_=y)}_*=f;for(let y=_;y<c.value.length;y++)if(c.value[y].sum>=s){b=y;break}return Math.max(0,b)}function z(){let s=0,f=0,_=M();for(let b=_;b<c.value.length&&(f+=c.value[b].height,!(f>=i.height.value));b++,s++);return s}function x(s){if(typeof n=="number")return s*n;let f=c.value[s];return f.sum-f.height}function P(s){return c.value.at(s)||{sum:0,height:0}}function M(){let s=u.value.start;return s>=o&&(s+=o),s}function Q(s){if(r.value){const f=P(s);r.value.scrollTop=f.sum-f.height,O()}}const U=e.computed(()=>({style:{width:"100%",height:`${S.value}px`}})),W=e.computed(()=>({style:{transform:`translate3d(0, ${h.value}px, 0)`,"will-change":"transform"}})),q={overflowY:"auto"};return{list:m,visiableList:T,getItemHeightData:P,totalHeight:S,clientHeight:i.height,scrollTo:Q,scrollTop:p,containerProps:{ref:r,onScroll:()=>{H()},style:q},wrapperProps:U,innerProps:W}}const D=Symbol(),F=Symbol(),L=Symbol(),j=Symbol(),k=Symbol(),K=Symbol(),V=Symbol(),$=Symbol(),N=Symbol();function Ee(){const{voidFn:t,boolFn:l,boolRef:n,arrayRef:o}={voidFn:h=>{},boolFn:h=>!1,boolRef:e.computed(()=>!1),arrayRef:e.computed(()=>[])},r=e.inject(j,o),i=e.inject(L,l),a=e.inject($,n),d=e.inject(F,t),p=e.inject(D,t),u=e.inject(k,t),v=e.inject(K,t),m=e.inject(V,t),c=e.inject(N,t);return{selected:r,isSelected:i,isAllSelected:a,toggle:d,toggleAll:p,select:u,selectAll:v,unselect:m,unselectAll:c}}function Te(t,l){const n=e.ref({}),o=e.computed(()=>t.value.filter(c=>n.value[c[l]])),r=e.computed(()=>o.value.length!=0&&Object.keys(n.value).length==t.value.length);function i(){t.value.forEach(c=>{n.value[c[l]]=!0})}function a(){n.value={}}function d(c){c.forEach(h=>{n.value[h[l]]||(n.value[h[l]]=!0)})}function p(c){c.forEach(h=>{n.value[h[l]]&&delete n.value[h[l]]})}function u(c){return!!n.value[c[l]]}function v(c){c.forEach(h=>{u(h)?delete n.value[h[l]]:n.value[h[l]]=!0})}function m(){r.value?a():i()}return e.provide(D,m),e.provide(F,v),e.provide(L,u),e.provide(j,o),e.provide(k,d),e.provide(K,i),e.provide(V,p),e.provide($,r),e.provide(N,a),{selected:o,select:d,selectAll:i,unselect:p,unselectAll:a,toggle:v,toggleAll:m,isSelected:u,isAllSelected:r}}const oe=Symbol(),Ie=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0},dialogClass:{default:""}},emits:["update:visiable"],setup(t,{emit:l}){const n=t,o=()=>{n.closeOnClickOverlay&&l("update:visiable",!1)};return e.provide(oe,()=>l("update:visiable",!1)),(r,i)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:o,class:"modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"},[e.createElementVNode("div",{onClick:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",t.dialogClass])},[e.renderSlot(r.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function Be(t){function l(n,o){const r=document.createElement("div"),i={setup(){return()=>e.h(Ie,{visiable:!0,"onUpdate:visiable":()=>{r?.remove()},...t},{default:()=>e.h(n,o)})}};return document.body.appendChild(r),e.render(e.h(i),r),{close:()=>r?.remove()}}return{create:l}}const He=["xlink:href","fill","color"],Ce=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(t){const l=t,n=e.computed(()=>`#${l.prefix}-${l.name}`),o=e.computed(()=>({width:l.width,height:l.height,aspectRatio:l.width&&l.height?void 0:"1/1"}));return(r,i)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(o))},[e.createElementVNode("use",{"xlink:href":e.unref(n),fill:t.color,color:t.color},null,8,He)],4))}});function xe(t){const{containerEl:l,sliderEl:n,autoHeight:o,performance:r={}}=t,i=e.ref(!0),a=ue(W,1e3),d=de(Y,1e3,!0,!0);let p,u="";const v=e.ref(0),m=e.ref(0),c=e.ref(0),h=e.ref({top:0,scrollTop:0,scrollHeight:0,clientHeight:0}),S=e.ref({clientHeight:0}),T=e.computed(()=>!!m.value),H=e.computed(()=>h.value.scrollHeight>h.value.clientHeight),O=e.computed(()=>h.value.clientHeight-S.value.clientHeight),C=e.computed(()=>h.value.scrollHeight-h.value.clientHeight),z=e.computed(()=>Math.max(h.value.clientHeight/h.value.scrollHeight,.05)),x=e.computed(()=>z.value*h.value.clientHeight),P=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:o?`${x.value}px`:void 0}));function M(E){m.value=E.clientY-n.value.getBoundingClientRect().top||1,u=getComputedStyle(l.value).scrollBehavior,u==="smooth"&&(l.value.style.scrollBehavior="unset")}function Q(){l.value.style.scrollBehavior=u,m.value=0,a()}function U(){i.value=!1}function W(){T.value||(i.value=!0)}function q(E){if(!T.value)return;let w=E.clientY-h.value.top-m.value;w<0?c.value=0:w>=O.value?c.value=O.value:c.value=w,l.value.scrollTo({top:c.value/O.value*C.value})}function s(){T.value||f()}function f(){cancelAnimationFrame(p),p=requestAnimationFrame(_)}function _(){l.value&&(v.value=r.scrollTop?.value??l.value.scrollTop,c.value=v.value/C.value*O.value)}function b(E){let w="addEventListener";E==="add"?w="addEventListener":w="removeEventListener",n.value?.[w]("pointerdown",M,{passive:!0}),window[w]("pointermove",q,{passive:!0}),window[w]("pointerup",Q,{passive:!0})}const y=new MutationObserver(E=>{E.map(Ke=>Ke.oldValue).join().includes("height")?Y():S.value.clientHeight===0&&d()});function Y(){h.value.top=l.value?.getBoundingClientRect().top??0,h.value.scrollHeight=l.value?.scrollHeight??0,h.value.clientHeight=l.value?.clientHeight??0,o?S.value.clientHeight=x.value:S.value.clientHeight=n.value?.clientHeight??0}function ke(){l.value&&n.value?(l.value.addEventListener("scroll",s,{passive:!0}),b("add"),y.observe(l.value,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),setTimeout(()=>{Y()},100)):console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:l,sliderEl:n})}return e.watch(v,()=>{U(),a()}),{isScrollEnd:i,isDragSlider:T,scrollable:H,sliderPos:P,init:ke,modifySliderEventListener:b}}const Pe=(t=>(e.pushScopeId("data-v-d564e88d"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("div",{w:"6px",h:"full",bg:"black/20",rounded:"3px",mr:"3px"},null,-1)),Re=e.defineComponent({__name:"ScrollBar",props:{containerEl:null,autoHide:{type:Boolean},autoHeight:{type:Boolean},performance:null},setup(t,{expose:l}){const n=t,o=!!e.useSlots().default,r=e.ref(null),i=e.computed(()=>n.containerEl),a=xe({containerEl:i,sliderEl:r,autoHeight:o?n.autoHeight:!0,performance:n.performance}),{scrollable:d,isScrollEnd:p,sliderPos:u}=a,v=n.autoHide?e.computed(()=>!p.value):e.computed(()=>d.value);return e.onMounted(()=>{e.nextTick(()=>{a.init()})}),e.onUnmounted(()=>{a.modifySliderEventListener("remove")}),l({uScrollBarReturn:a}),(m,c)=>(e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"sliderRef",ref:r,class:"z-100 absolute right-0",style:e.normalizeStyle([{"touch-action":"none"},e.unref(u)])},[e.renderSlot(m.$slots,"default",{},()=>[Pe],!0)],4),[[e.vShow,e.unref(v)]])]),_:3}))}}),Ne="",re=(t,l)=>{const n=t.__vccOpts||t;for(const[o,r]of l)n[o]=r;return n},Ae=re(Re,[["__scopeId","data-v-d564e88d"]]),De={class:"virtualListWrapper"},Fe={inheritAttrs:!1},Le=e.defineComponent({...Fe,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},setup(t,{expose:l}){const n=t,o=le(e.toRef(n,"data"),{itemHeight:u=>n.itemHeight(n.data[u]),overscan:n.overscan}),{list:r,containerProps:i,wrapperProps:a,innerProps:d,getItemHeightData:p}=o;return l({vListReturn:o}),(u,v)=>(e.openBlock(),e.createElementBlock("div",De,[e.createElementVNode("div",e.mergeProps({onScrollPassive:v[0]||(v[0]=(...m)=>e.unref(i).onScroll&&e.unref(i).onScroll(...m)),ref:e.unref(i).ref,class:"virtualList"},u.$attrs),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(a))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(d))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(r),({index:m,data:c})=>(e.openBlock(),e.createElementBlock("div",{key:m,style:e.normalizeStyle({height:`${e.unref(p)(m).height}px`,display:"flex"})},[e.renderSlot(u.$slots,"default",{data:c,index:m},void 0,!0)],4))),128))],16)],16)],16)]))}}),ze="",je=re(Le,[["__scopeId","data-v-134ad8ab"]]);g.ScrollBar=Ae,g.SvgIcon=Ce,g.VirtualList=je,g.allSelectedKey=j,g.closeDialogKey=oe,g.dialogController=Be,g.isAllSelectedKey=$,g.isSelectedKey=L,g.selectAllKey=K,g.selectKey=k,g.toggleAllKey=D,g.toggleKey=F,g.unselectAllKey=N,g.unselectKey=V,g.useSelectable=Te,g.useSelectableInjectors=Ee,g.useVirtualList=le,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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 Y;const H=typeof window<"u";H&&((Y=window?.navigator)==null?void 0:Y.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function C(t){return typeof t=="function"?t():e.unref(t)}function oe(t,n){function l(...o){t(()=>n.apply(this,o),{fn:n,thisArg:this,args:o})}return l}function re(t,n={}){let l,o;return a=>{const s=C(t),u=C(n.maxWait);if(l&&clearTimeout(l),s<=0||u!==void 0&&u<=0)return o&&(clearTimeout(o),o=null),a();u&&!o&&(o=setTimeout(()=>{l&&clearTimeout(l),o=null,a()},u)),l=setTimeout(()=>{o&&clearTimeout(o),o=null,a()},s)}}function ie(t){return t}function ae(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function se(t,n=200,l={}){return oe(re(n,l),t)}function ce(t,n=!0){e.getCurrentInstance()?e.onMounted(t):n?t():e.nextTick(t)}function G(t){var n;const l=C(t);return(n=l?.$el)!=null?n:l}const ue=H?window:void 0;H&&window.document,H&&window.navigator,H&&window.location;function de(t,n=!1){const l=e.ref(),o=()=>l.value=Boolean(t());return o(),ce(o,n),l}const P=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},x="__vueuse_ssr_handlers__";P[x]=P[x]||{},P[x];var J=Object.getOwnPropertySymbols,fe=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable,he=(t,n)=>{var l={};for(var o in t)fe.call(t,o)&&n.indexOf(o)<0&&(l[o]=t[o]);if(t!=null&&J)for(var o of J(t))n.indexOf(o)<0&&pe.call(t,o)&&(l[o]=t[o]);return l};function me(t,n,l={}){const o=l,{window:i=ue}=o,a=he(o,["window"]);let s;const u=de(()=>i&&"ResizeObserver"in i),m=()=>{s&&(s.disconnect(),s=void 0)},f=e.watch(()=>G(t),p=>{m(),u.value&&i&&p&&(s=new ResizeObserver(n),s.observe(p,a))},{immediate:!0,flush:"post"}),g=()=>{m(),f()};return ae(g),{isSupported:u,stop:g}}function ge(t,n={width:0,height:0},l={}){const{box:o="content-box"}=l,i=e.ref(n.width),a=e.ref(n.height);return me(t,([s])=>{const u=o==="border-box"?s.borderBoxSize:o==="content-box"?s.contentBoxSize:s.devicePixelContentBoxSize;u?(i.value=u.reduce((m,{inlineSize:f})=>m+f,0),a.value=u.reduce((m,{blockSize:f})=>m+f,0)):(i.value=s.contentRect.width,a.value=s.contentRect.height)},l),e.watch(()=>G(t),s=>{i.value=s?n.width:0,a.value=s?n.height:0}),{width:i,height:a}}var X;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(X||(X={}));var ve=Object.defineProperty,Z=Object.getOwnPropertySymbols,ye=Object.prototype.hasOwnProperty,be=Object.prototype.propertyIsEnumerable,ee=(t,n,l)=>n in t?ve(t,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[n]=l,_e=(t,n)=>{for(var l in n||(n={}))ye.call(n,l)&&ee(t,l,n[l]);if(Z)for(var l of Z(n))be.call(n,l)&&ee(t,l,n[l]);return t};_e({linear:ie},{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 te(t,n){const{itemHeight:l,overscan:o=5}=n,i=e.ref(),a=ge(i);let s;const u=e.shallowRef(t),m=e.ref(0),f=e.ref({start:0,end:10});let g=0;const p=e.ref([]),r=e.computed(()=>{let{sum:c,height:d}={sum:0,height:0};return u.value.map((b,_)=>(typeof l=="number"?d=l:d=l(_),c+=d,{height:d,sum:c}))}),v=e.computed(()=>M(f.value.start)),w=e.computed(()=>typeof l=="number"?r.value.length*l:r.value.at(-1)?.sum||0),D=e.computed(()=>{let c=p.value.length-o,d=Math.max(c-g,0);return p.value.slice(d,c)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(s)),e.watch([a.width,a.height,u],([c,d])=>{(c||d)&&O()},{deep:!0});function O(){cancelAnimationFrame(s),s=requestAnimationFrame(I)}function I(){if(i.value){m.value=i.value.scrollTop,g=B();let c=N(m.value),d=c+g+o;c=c-o,c=c<0?0:c,d=d>u.value.length?u.value.length:d,f.value={start:c,end:d},p.value=u.value.slice(c,d).map((b,_)=>({data:b,index:_+c}))}}function N(c){let d=Math.floor(r.value.length/16),b=-1,_=-1;for(let y=0;y<16;y++){if(r.value.at(d*y).sum>=c){b=Math.max(0,y-1);break}y===15&&(b=y)}b*=d;for(let y=b;y<r.value.length;y++)if(r.value[y].sum>=c){_=y;break}return Math.max(0,_)}function B(){let c=0,d=0,b=z();for(let _=b;_<r.value.length&&(c++,d+=r.value[_].height,!(d>=a.height.value));_++);return c}function M(c){if(typeof l=="number")return c*l;let d=r.value[c];return d.sum-d.height}function T(c){return r.value.at(c)||{sum:0,height:0}}function z(){let c=f.value.start;return c>=o&&(c+=o),c}function Q(c){if(i.value){const d=T(c);i.value.scrollTop=d.sum-d.height,I()}}const U=e.computed(()=>({style:{width:"100%",height:`${w.value}px`}})),W=e.computed(()=>({style:{transform:`translate3d(0, ${v.value}px, 0)`,"will-change":"transform"}})),q={overflowY:"auto"};return{list:p,visiableList:D,getItemHeightData:T,totalHeight:w,clientHeight:a.height,scrollTo:Q,scrollTop:m,containerProps:{ref:i,onScroll:()=>{O()},style:q},wrapperProps:U,innerProps:W}}const R=Symbol(),A=Symbol(),k=Symbol(),j=Symbol(),K=Symbol(),L=Symbol(),V=Symbol(),$=Symbol(),F=Symbol();function Se(){const{voidFn:t,boolFn:n,boolRef:l,arrayRef:o}={voidFn:v=>{},boolFn:v=>!1,boolRef:e.computed(()=>!1),arrayRef:e.computed(()=>[])},i=e.inject(j,o),a=e.inject(k,n),s=e.inject($,l),u=e.inject(A,t),m=e.inject(R,t),f=e.inject(K,t),g=e.inject(L,t),p=e.inject(V,t),r=e.inject(F,t);return{selected:i,isSelected:a,isAllSelected:s,toggle:u,toggleAll:m,select:f,selectAll:g,unselect:p,unselectAll:r}}function we(t,n){const l=e.ref({}),o=e.computed(()=>t.value.filter(r=>l.value[r[n]])),i=e.computed(()=>o.value.length!=0&&Object.keys(l.value).length==t.value.length);function a(){t.value.forEach(r=>{l.value[r[n]]=!0})}function s(){l.value={}}function u(r){r.forEach(v=>{l.value[v[n]]||(l.value[v[n]]=!0)})}function m(r){r.forEach(v=>{l.value[v[n]]&&delete l.value[v[n]]})}function f(r){return!!l.value[r[n]]}function g(r){r.forEach(v=>{f(v)?delete l.value[v[n]]:l.value[v[n]]=!0})}function p(){i.value?s():a()}return e.provide(R,p),e.provide(A,g),e.provide(k,f),e.provide(j,o),e.provide(K,u),e.provide(L,a),e.provide(V,m),e.provide($,i),e.provide(F,s),{selected:o,select:u,selectAll:a,unselect:m,unselectAll:s,toggle:g,toggleAll:p,isSelected:f,isAllSelected:i}}const le=Symbol(),Oe=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0},dialogClass:{default:""}},emits:["update:visiable"],setup(t,{emit:n}){const l=t,o=()=>{l.closeOnClickOverlay&&n("update:visiable",!1)};return e.provide(le,()=>n("update:visiable",!1)),(i,a)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:o,class:"modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"},[e.createElementVNode("div",{onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",t.dialogClass])},[e.renderSlot(i.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function Ee(t){function n(l,o){const i=document.createElement("div"),a={setup(){return()=>e.h(Oe,{visiable:!0,"onUpdate:visiable":()=>{i?.remove()},...t},{default:()=>e.h(l,o)})}};return document.body.appendChild(i),e.render(e.h(a),i),{close:()=>i?.remove()}}return{create:n}}const He=["xlink:href","fill","color"],Ie=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(t){const n=t,l=e.computed(()=>`#${n.prefix}-${n.name}`),o=e.computed(()=>({width:n.width,height:n.height,aspectRatio:n.width&&n.height?void 0:"1/1"}));return(i,a)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(o))},[e.createElementVNode("use",{"xlink:href":e.unref(l),fill:t.color,color:t.color},null,8,He)],4))}});function Be(t){const{containerEl:n,sliderEl:l,autoHeight:o,performance:i={}}=t,a=e.ref(!0),s=se(U,1e3);let u,m="";const f=e.ref(0),g=e.ref(0),p=e.ref(0),r=e.ref({top:0,scrollTop:0,scrollHeight:0,clientHeight:0}),v=e.ref({clientHeight:0}),w=e.computed(()=>!!g.value),D=e.computed(()=>r.value.scrollHeight>r.value.clientHeight),O=e.computed(()=>r.value.clientHeight-v.value.clientHeight),I=e.computed(()=>r.value.scrollHeight-r.value.clientHeight),N=e.computed(()=>Math.max(r.value.clientHeight/r.value.scrollHeight,.05)),B=e.computed(()=>N.value*r.value.clientHeight),M=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${p.value}px,0)`,height:o?`${B.value}px`:void 0}));function T(E){g.value=E.clientY-l.value.getBoundingClientRect().top||1,m=getComputedStyle(n.value).scrollBehavior,m==="smooth"&&(n.value.style.scrollBehavior="unset")}function z(){n.value.style.scrollBehavior=m,g.value=0,s()}function Q(){a.value=!1}function U(){w.value||(a.value=!0)}function W(E){if(!w.value)return;let S=E.clientY-r.value.top-g.value;S<0?p.value=0:S>=O.value?p.value=O.value:p.value=S,n.value.scrollTo({top:p.value/O.value*I.value})}function q(){w.value||c()}function c(){cancelAnimationFrame(u),u=requestAnimationFrame(d)}function d(){n.value&&(f.value=i.scrollTop?.value??n.value.scrollTop,p.value=f.value/I.value*O.value)}function b(E){let S="addEventListener";E==="add"?S="addEventListener":S="removeEventListener",l.value?.[S]("pointerdown",T,{passive:!0}),window[S]("pointermove",W,{passive:!0}),window[S]("pointerup",z,{passive:!0})}const _=new MutationObserver(E=>{E.map(Le=>Le.oldValue).join().includes("height")?y():v.value.clientHeight||y()});function y(){r.value.top=n.value?.getBoundingClientRect().top??0,r.value.scrollHeight=n.value?.scrollHeight??0,r.value.clientHeight=n.value?.clientHeight??0,o?v.value.clientHeight=B.value:v.value.clientHeight=l.value?.clientHeight??0}function je(){n.value&&l.value?(n.value.addEventListener("scroll",q,{passive:!0}),b("add"),_.observe(n.value,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),setTimeout(()=>{y()},100)):console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:n,sliderEl:l})}const Ke=e.watch(f,()=>{v.value.clientHeight?Ke():y()});return e.watch(f,()=>{Q(),s()}),{isScrollEnd:a,isDragSlider:w,scrollable:D,sliderPos:M,init:je,modifySliderEventListener:b}}const Te=(t=>(e.pushScopeId("data-v-9645dfb5"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("div",{class:"default-slider"},null,-1)),Ce=e.defineComponent({__name:"ScrollBar",props:{containerEl:null,autoHide:{type:Boolean},autoHeight:{type:Boolean},performance:null},setup(t,{expose:n}){const l=t,o=!!e.useSlots().default,i=e.ref(null),a=e.computed(()=>l.containerEl),s=Be({containerEl:a,sliderEl:i,autoHeight:o?l.autoHeight:!0,performance:l.performance}),{scrollable:u,isScrollEnd:m,sliderPos:f}=s,g=l.autoHide?e.computed(()=>!m.value):e.computed(()=>u.value);return e.onMounted(()=>{e.nextTick(()=>{s.init()})}),e.onUnmounted(()=>{s.modifySliderEventListener("remove")}),n({uScrollBarReturn:s}),(p,r)=>(e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"sliderRef",ref:i,class:"slider-wrapper",style:e.normalizeStyle(e.unref(f))},[e.renderSlot(p.$slots,"default",{},()=>[Te],!0)],4),[[e.vShow,e.unref(g)]])]),_:3}))}}),Fe="",ne=(t,n)=>{const l=t.__vccOpts||t;for(const[o,i]of n)l[o]=i;return l},Pe=ne(Ce,[["__scopeId","data-v-9645dfb5"]]),xe={class:"virtualListWrapper"},Re={inheritAttrs:!1},Ae=e.defineComponent({...Re,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},setup(t,{expose:n}){const l=t,o=te(e.toRef(l,"data"),{itemHeight:f=>l.itemHeight(l.data[f]),overscan:l.overscan}),{list:i,containerProps:a,wrapperProps:s,innerProps:u,getItemHeightData:m}=o;return n({vListReturn:o}),(f,g)=>(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",e.mergeProps({onScrollPassive:g[0]||(g[0]=(...p)=>e.unref(a).onScroll&&e.unref(a).onScroll(...p)),ref:e.unref(a).ref,class:"virtualList"},f.$attrs),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(s))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(u))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),({index:p,data:r})=>(e.openBlock(),e.createElementBlock("div",{key:p,style:e.normalizeStyle({height:`${e.unref(m)(p).height}px`,display:"flex"})},[e.renderSlot(f.$slots,"default",{data:r,index:p},void 0,!0)],4))),128))],16)],16)],16)]))}}),De="",ke=ne(Ae,[["__scopeId","data-v-134ad8ab"]]);h.ScrollBar=Pe,h.SvgIcon=Ie,h.VirtualList=ke,h.allSelectedKey=j,h.closeDialogKey=le,h.dialogController=Ee,h.isAllSelectedKey=$,h.isSelectedKey=k,h.selectAllKey=L,h.selectKey=K,h.toggleAllKey=R,h.toggleKey=A,h.unselectAllKey=F,h.unselectKey=V,h.useSelectable=we,h.useSelectableInjectors=Se,h.useVirtualList=te,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-.v-enter-active[data-v-d564e88d]{opacity:0}.v-leave-active[data-v-d564e88d]{transition:all .15s ease-out}.v-leave-to[data-v-d564e88d]{opacity:0}.virtualListWrapper[data-v-134ad8ab]{width:100%;height:100%;position:relative}.virtualList[data-v-134ad8ab] ::-webkit-scrollbar{display:none}.virtualList[data-v-134ad8ab]{width:100%;height:100%;position:absolute;overflow-y:auto;scroll-behavior:smooth;user-select:none}.virtualList[data-v-134ad8ab]::-webkit-scrollbar{display:none}
+.v-enter-active[data-v-9645dfb5]{opacity:0}.v-leave-active[data-v-9645dfb5]{transition:all .15s ease-out}.v-leave-to[data-v-9645dfb5]{opacity:0}.slider-wrapper[data-v-9645dfb5]{z-index:100;position:absolute;right:0;touch-action:none}.default-slider[data-v-9645dfb5]{width:6px;height:100%;background-color:#0003;border-radius:3px;margin-right:3px}.virtualListWrapper[data-v-134ad8ab]{width:100%;height:100%;position:relative}.virtualList[data-v-134ad8ab] ::-webkit-scrollbar{display:none}.virtualList[data-v-134ad8ab]{width:100%;height:100%;position:absolute;overflow-y:auto;scroll-behavior:smooth;user-select:none}.virtualList[data-v-134ad8ab]::-webkit-scrollbar{display:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazycatcloud/lzc-toolkit",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "lazycat ui toolkits",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",