@lazycatcloud/lzc-toolkit 0.0.20 → 0.0.22

package/dist/index.es.js

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

package/dist/index.umd.js

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

package/dist/style.css

@@ -1 +1 @@
-.virtualListWrapper[data-v-06e648eb]{width:100%;height:100%;position:relative}.virtualList[data-v-06e648eb] ::-webkit-scrollbar{display:none}.virtualList[data-v-06e648eb]{width:100%;height:100%;position:absolute;top:0}
+.v-enter-active[data-v-d564e88d]{opacity:0}.v-leave-active[data-v-d564e88d]{transition:all .15s ease-out}.v-leave-to[data-v-d564e88d]{opacity:0}.virtualListWrapper[data-v-134ad8ab]{width:100%;height:100%;position:relative}.virtualList[data-v-134ad8ab] ::-webkit-scrollbar{display:none}.virtualList[data-v-134ad8ab]{width:100%;height:100%;position:absolute;overflow-y:auto;scroll-behavior:smooth;user-select:none}.virtualList[data-v-134ad8ab]::-webkit-scrollbar{display:none}

package/dist/types/index.d.ts

@@ -2,4 +2,5 @@ export * from "./useVirtualList";
 export * from "./useSelectable";
 export * from "./dialog";
 export { default as SvgIcon } from "./svgIcon/SvgIcon.vue";
+export { default as ScrollBar } from "./scroll-bar";
 export { default as VirtualList } from "./useVirtualList/VirtualList.vue";

package/dist/types/scroll-bar/ScrollBar.vue.d.ts

@@ -0,0 +1,98 @@
+import { nextTick, type Ref } from "vue";
+export interface Props {
+    containerEl: null | HTMLElement;
+    autoHide?: boolean;
+    autoHeight?: boolean;
+    performance?: {
+        scrollTop?: Ref<number>;
+    };
+}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>>, {
+            uScrollBarReturn: {
+                isScrollEnd: Ref<boolean>;
+                isDragSlider: import("vue").ComputedRef<boolean>;
+                scrollable: import("vue").ComputedRef<boolean>;
+                sliderPos: import("vue").ComputedRef<import("vue").CSSProperties>;
+                init: () => void;
+                modifySliderEventListener: (action: "add" | "remove") => void;
+            };
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>> & import("vue").ShallowUnwrapRef<{
+        uScrollBarReturn: {
+            isScrollEnd: Ref<boolean>;
+            isDragSlider: import("vue").ComputedRef<boolean>;
+            scrollable: import("vue").ComputedRef<boolean>;
+            sliderPos: import("vue").ComputedRef<import("vue").CSSProperties>;
+            init: () => void;
+            modifySliderEventListener: (action: "add" | "remove") => void;
+        };
+    }> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {}>>>, {
+    uScrollBarReturn: {
+        isScrollEnd: Ref<boolean>;
+        isDragSlider: import("vue").ComputedRef<boolean>;
+        scrollable: import("vue").ComputedRef<boolean>;
+        sliderPos: import("vue").ComputedRef<import("vue").CSSProperties>;
+        init: () => void;
+        modifySliderEventListener: (action: "add" | "remove") => void;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {}) => any;
+    };
+});
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/types/scroll-bar/index.d.ts

@@ -0,0 +1,2 @@
+import ScrollBar from "./ScrollBar.vue";
+export default ScrollBar;

package/dist/types/scroll-bar/use/scrollBar.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties } from "vue";
+import type { ScrollBarOptions } from "./type";
+export declare function useScrollBar(options: ScrollBarOptions): {
+    isScrollEnd: import("vue").Ref<boolean>;
+    isDragSlider: import("vue").ComputedRef<boolean>;
+    scrollable: import("vue").ComputedRef<boolean>;
+    sliderPos: import("vue").ComputedRef<CSSProperties>;
+    init: () => void;
+    modifySliderEventListener: (action: "add" | "remove") => void;
+};

package/dist/types/scroll-bar/use/type.d.ts

@@ -0,0 +1,9 @@
+import type { Ref } from "vue";
+export declare type ScrollBarOptions = {
+    containerEl: Ref<HTMLElement | null>;
+    sliderEl: Ref<HTMLElement | null>;
+    autoHeight?: boolean;
+    performance?: {
+        scrollTop?: Ref<number>;
+    };
+};

package/dist/types/svgIcon/SvgIcon.vue.d.ts

@@ -1,30 +1,24 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    prefix: string;
     name: string;
+    prefix?: string | undefined;
     color?: string | undefined;
     width?: number | undefined;
     height?: number | undefined;
 }>, {
     prefix: string;
     color: string;
-    width: number;
-    height: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    prefix: string;
     name: string;
+    prefix?: string | undefined;
     color?: string | undefined;
     width?: number | undefined;
     height?: number | undefined;
 }>, {
     prefix: string;
     color: string;
-    width: number;
-    height: number;
 }>>>, {
     prefix: string;
     color: string;
-    width: number;
-    height: number;
 }>;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,14 +1,15 @@
 import { type ComputedRef, type Ref } from "vue";
 export * from "./keys";
 export declare function useSelectableInjectors(): {
-    toggleAll: (() => void) | undefined;
-    toggle: ((a: any[]) => void) | undefined;
-    isSelected: ((a: any) => boolean) | undefined;
-    selected: ComputedRef<any[]> | undefined;
-    select: ((a: any) => void) | undefined;
-    unselect: ((a: any) => void) | undefined;
-    isAllSelected: ComputedRef<boolean> | undefined;
-    unselectAll: (() => void) | undefined;
+    selected: ComputedRef<any[]>;
+    isSelected: (_?: any) => boolean;
+    isAllSelected: ComputedRef<boolean>;
+    toggle: (a: any[]) => void;
+    toggleAll: (_?: any) => void;
+    select: (_?: any) => void;
+    selectAll: (_?: any) => void;
+    unselect: (_?: any) => void;
+    unselectAll: (_?: any) => void;
 };
 export declare function useSelectable<T extends Record<K, string | number>, K extends keyof T>(data: Ref<Array<T>>, key: K): {
     selected: ComputedRef<T[]>;

package/dist/types/useSelectable/keys.d.ts

@@ -4,6 +4,7 @@ export declare const toggleKey: InjectionKey<(a: Array<any>) => void>;
 export declare const isSelectedKey: InjectionKey<(a: any) => boolean>;
 export declare const allSelectedKey: InjectionKey<ComputedRef<any[]>>;
 export declare const selectKey: InjectionKey<(a: any) => void>;
+export declare const selectAllKey: InjectionKey<() => void>;
 export declare const unselectKey: InjectionKey<(a: any) => void>;
 export declare const isAllSelectedKey: InjectionKey<ComputedRef<boolean>>;
 export declare const unselectAllKey: InjectionKey<() => void>;

package/dist/types/useVirtualList/VirtualList.vue.d.ts

@@ -2,10 +2,15 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            data: any;
-            itemHeight: (a: number) => number;
-        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $props: Partial<{
+            overscan: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            data: any[];
+            itemHeight: (d: any) => number;
+            overscan?: number | undefined;
+        }>, {
+            overscan: number;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "overscan">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -19,10 +24,17 @@ declare const _default: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            data: any;
-            itemHeight: (a: number) => number;
-        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            data: any[];
+            itemHeight: (d: any) => number;
+            overscan?: number | undefined;
+        }>, {
+            overscan: number;
+        }>>>, {
+            vListReturn: import("./index").UseVirtualListReturn<any>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            overscan: number;
+        }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -42,17 +54,29 @@ declare const _default: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-        data: any;
-        itemHeight: (a: number) => number;
-    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        data: any[];
+        itemHeight: (d: any) => number;
+        overscan?: number | undefined;
+    }>, {
+        overscan: number;
+    }>>> & import("vue").ShallowUnwrapRef<{
+        vListReturn: import("./index").UseVirtualListReturn<any>;
+    }> & {} & import("vue").ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    data: any;
-    itemHeight: (a: number) => number;
-}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data: any[];
+    itemHeight: (d: any) => number;
+    overscan?: number | undefined;
+}>, {
+    overscan: number;
+}>>>, {
+    vListReturn: import("./index").UseVirtualListReturn<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    overscan: number;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default: (_: {
             data: any;
@@ -70,3 +94,8 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -19,6 +19,11 @@ export interface UseVirtualListItem<T> {
 }
 export interface UseVirtualListReturn<T> {
     list: Ref<UseVirtualListItem<T>[]>;
+    visiableList: ComputedRef<UseVirtualListItem<T>[]>;
+    getItemHeightData: (index: number) => {
+        sum: number;
+        height: number;
+    };
     scrollTo: (index: number) => void;
     totalHeight: Ref<number>;
     clientHeight: Ref<number>;

package/package.json

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