@lazycatcloud/lzc-toolkit 0.0.28 → 0.0.30

package/dist/index.es.js

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

package/dist/index.umd.js

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

package/dist/style.css

@@ -1 +1 @@
-.v-leave-active[data-v-e4f66100]{transition:all .15s ease-out;transition-delay:.9s}.v-leave-to[data-v-e4f66100]{opacity:0}.slider-wrapper[data-v-e4f66100]{z-index:100;position:absolute;right:0;touch-action:none}.default-slider[data-v-e4f66100]{width:6px;height:100%;background-color:#0003;border-radius:3px;margin-right:3px}.virtualListWrapper[data-v-b228d073]{width:100%;height:100%;position:relative}.virtualList[data-v-b228d073] ::-webkit-scrollbar{display:none}.virtualList[data-v-b228d073]{width:100%;height:100%;position:absolute;overflow-y:auto;scroll-behavior:smooth;user-select:none}.virtualList[data-v-b228d073]::-webkit-scrollbar{display:none}
+.v-leave-active[data-v-e4f66100]{transition:all .15s ease-out;transition-delay:.9s}.v-leave-to[data-v-e4f66100]{opacity:0}.slider-wrapper[data-v-e4f66100]{z-index:100;position:absolute;right:0;touch-action:none}.default-slider[data-v-e4f66100]{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

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