@lazycatcloud/lzc-toolkit 0.0.32 → 0.0.34

package/dist/index.es.js

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

package/dist/types/useVirtualList/index.d.ts

@@ -46,4 +46,4 @@ export declare function useVirtualList<T = any>(list: Ref<T[]>, options: UseVirt
         };
     }>;
 };
-export declare type UseVirtualListReturn<T> = ReturnType<typeof useVirtualList<T>>;
+export declare type UseVirtualListReturn = ReturnType<typeof useVirtualList>;

package/package.json

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