@lazycatcloud/lzc-toolkit 0.0.19 → 0.0.21

package/dist/index.es.js

@@ -1,84 +1,84 @@
-import { unref as m, getCurrentScope as ie, onScopeDispose as ce, getCurrentInstance as ue, onMounted as U, nextTick as de, ref as _, watch as R, shallowRef as fe, onUnmounted as ve, computed as w, inject as y, provide as b, defineComponent as B, openBlock as I, createBlock as pe, Transition as he, withCtx as ge, createElementBlock as x, createElementVNode as C, withModifiers as me, normalizeClass as be, renderSlot as W, createCommentVNode as ye, render as _e, h as E, normalizeStyle as T, toRef as we, normalizeProps as K, guardReactiveProps as L, Fragment as Oe, renderList as Se } from "vue";
-var j;
+import { unref as _, getCurrentScope as de, onScopeDispose as ve, getCurrentInstance as pe, onMounted as D, nextTick as he, ref as S, watch as $, shallowRef as ge, computed as g, onUnmounted as me, inject as O, provide as y, defineComponent as T, openBlock as I, createBlock as be, Transition as ye, withCtx as _e, createElementBlock as x, createElementVNode as C, withModifiers as we, normalizeClass as Oe, renderSlot as M, createCommentVNode as Se, render as Ie, h as E, normalizeStyle as U, toRef as xe, mergeProps as Ce, normalizeProps as k, guardReactiveProps as K, Fragment as Pe, renderList as Ee } from "vue";
+var z;
 const P = typeof window < "u";
-P && ((j = window?.navigator) == null ? void 0 : j.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Ie(e) {
-  return typeof e == "function" ? e() : m(e);
+P && ((z = window?.navigator) == null ? void 0 : z.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function Re(e) {
+  return typeof e == "function" ? e() : _(e);
 }
-function xe(e) {
+function Ae(e) {
   return e;
 }
-function Ce(e) {
-  return ie() ? (ce(e), !0) : !1;
+function $e(e) {
+  return de() ? (ve(e), !0) : !1;
 }
-function Pe(e, t = !0) {
-  ue() ? U(e) : t ? e() : de(e);
+function Te(e, n = !0) {
+  pe() ? D(e) : n ? e() : he(e);
 }
-function D(e) {
-  var t;
-  const n = Ie(e);
-  return (t = n?.$el) != null ? t : n;
+function W(e) {
+  var n;
+  const t = Re(e);
+  return (n = t?.$el) != null ? n : t;
 }
-const Ee = P ? window : void 0;
+const Fe = P ? window : void 0;
 P && window.document;
 P && window.navigator;
 P && window.location;
-function Te(e, t = !1) {
-  const n = _(), o = () => n.value = Boolean(e());
-  return o(), Pe(o, t), n;
+function Le(e, n = !1) {
+  const t = S(), o = () => t.value = Boolean(e());
+  return o(), Te(o, n), t;
 }
-const A = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, $ = "__vueuse_ssr_handlers__";
-A[$] = A[$] || {};
-A[$];
-var F = Object.getOwnPropertySymbols, Ae = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable, Re = (e, t) => {
-  var 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 j = Object.getOwnPropertySymbols, Be = Object.prototype.hasOwnProperty, He = Object.prototype.propertyIsEnumerable, ke = (e, n) => {
+  var t = {};
   for (var o in e)
-    Ae.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
-  if (e != null && F)
-    for (var o of F(e))
-      t.indexOf(o) < 0 && $e.call(e, o) && (n[o] = e[o]);
-  return n;
+    Be.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && j)
+    for (var o of j(e))
+      n.indexOf(o) < 0 && He.call(e, o) && (t[o] = e[o]);
+  return t;
 };
-function Be(e, t, n = {}) {
-  const o = n, { window: s = Ee } = o, a = Re(o, ["window"]);
-  let l;
-  const i = Te(() => s && "ResizeObserver" in s), r = () => {
-    l && (l.disconnect(), l = void 0);
-  }, u = R(() => D(e), (S) => {
-    r(), i.value && s && S && (l = new ResizeObserver(t), l.observe(S, a));
-  }, { immediate: !0, flush: "post" }), O = () => {
-    r(), u();
+function Ke(e, n, t = {}) {
+  const o = t, { window: a = Fe } = o, s = ke(o, ["window"]);
+  let r;
+  const f = Le(() => a && "ResizeObserver" in a), v = () => {
+    r && (r.disconnect(), r = void 0);
+  }, c = $(() => W(e), (d) => {
+    v(), f.value && a && d && (r = new ResizeObserver(n), r.observe(d, s));
+  }, { immediate: !0, flush: "post" }), p = () => {
+    v(), c();
   };
-  return Ce(O), {
-    isSupported: i,
-    stop: O
+  return $e(p), {
+    isSupported: f,
+    stop: p
   };
 }
-function ke(e, t = { width: 0, height: 0 }, n = {}) {
-  const { box: o = "content-box" } = n, s = _(t.width), a = _(t.height);
-  return Be(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), R(() => D(e), (l) => {
-    s.value = l ? t.width : 0, a.value = l ? t.height : 0;
+function ze(e, n = { width: 0, height: 0 }, t = {}) {
+  const { box: o = "content-box" } = t, a = S(n.width), s = S(n.height);
+  return Ke(e, ([r]) => {
+    const f = o === "border-box" ? r.borderBoxSize : o === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
+    f ? (a.value = f.reduce((v, { inlineSize: c }) => v + c, 0), s.value = f.reduce((v, { blockSize: c }) => v + c, 0)) : (a.value = r.contentRect.width, s.value = r.contentRect.height);
+  }, t), $(() => W(e), (r) => {
+    a.value = r ? n.width : 0, s.value = r ? n.height : 0;
   }), {
-    width: s,
-    height: a
+    width: a,
+    height: s
   };
 }
 var N;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(N || (N = {}));
-var ze = Object.defineProperty, Q = Object.getOwnPropertySymbols, He = Object.prototype.hasOwnProperty, Ke = Object.prototype.propertyIsEnumerable, V = (e, t, n) => t in e ? ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Le = (e, t) => {
-  for (var n in t || (t = {}))
-    He.call(t, n) && V(e, n, t[n]);
+var je = Object.defineProperty, Q = Object.getOwnPropertySymbols, Ne = Object.prototype.hasOwnProperty, Qe = Object.prototype.propertyIsEnumerable, V = (e, n, t) => n in e ? je(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Ve = (e, n) => {
+  for (var t in n || (n = {}))
+    Ne.call(n, t) && V(e, t, n[t]);
   if (Q)
-    for (var n of Q(t))
-      Ke.call(t, n) && V(e, n, t[n]);
+    for (var t of Q(n))
+      Qe.call(n, t) && V(e, t, n[t]);
   return e;
 };
-const je = {
+const De = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -104,142 +104,181 @@ const je = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-Le({
-  linear: xe
-}, je);
-function Fe(e, t) {
-  const n = _(), o = ke(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;
+Ve({
+  linear: Ae
+}, De);
+function Me(e, n) {
+  const { itemHeight: t, overscan: o = 5 } = n, a = S(), s = ze(a);
+  let r;
+  const f = ge(e), v = S(0), c = S({ start: 0, end: 10 });
+  let p = 0;
+  const d = S([]), i = g(() => {
+    let { sum: l, height: u } = { sum: 0, height: 0 };
+    return f.value.map((w, b) => (typeof t == "number" ? u = t : u = t(b), l += u, { height: u, sum: l }));
+  }), h = g(() => se(c.value.start)), F = g(() => typeof t == "number" ? i.value.length * t : i.value.at(-1)?.sum || 0), oe = g(() => {
+    let l = d.value.length - o, u = Math.max(l - p, 0);
+    return d.value.slice(u, l);
+  });
+  D(() => {
+  }), me(() => cancelAnimationFrame(r)), $(
+    [s.width, s.height, f],
+    ([l, u]) => {
+      (l || u) && L();
+    },
+    { deep: !0 }
+  );
+  function L() {
+    cancelAnimationFrame(r), r = requestAnimationFrame(B);
+  }
+  function B() {
+    if (a.value) {
+      v.value = a.value.scrollTop, p = ae();
+      let l = le(v.value), u = l + p + o;
+      l = l - o, l = l < 0 ? 0 : l, u = u > f.value.length ? f.value.length : u, c.value = { start: l, end: u }, d.value = f.value.slice(l, u).map((w, b) => ({
+        data: w,
+        index: b + l
+      }));
+    }
+  }
+  function le(l) {
+    let u = Math.floor(i.value.length / 16), w = -1, b = -1;
+    for (let m = 0; m < 16; m++) {
+      if (i.value.at(u * m).sum >= l) {
+        w = Math.max(0, m - 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;
+      m === 15 && (w = m);
+    }
+    w *= u;
+    for (let m = w; m < i.value.length; m++)
+      if (i.value[m].sum >= l) {
+        b = m;
         break;
       }
-    return v;
-  };
-  let d;
-  const f = () => {
-    cancelAnimationFrame(d), d = requestAnimationFrame(k);
-  }, k = () => {
-    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((H, ae) => ({
-        data: H,
-        index: ae + i.value.start
-      }));
+    return Math.max(0, b);
+  }
+  function ae() {
+    let l = 0, u = 0, w = re();
+    for (let b = w; b < i.value.length && (u += i.value[b].height, !(u >= s.height.value)); b++, l++)
+      ;
+    return l;
+  }
+  function se(l) {
+    if (typeof t == "number")
+      return l * t;
+    let u = i.value[l];
+    return u.sum - u.height;
+  }
+  function H(l) {
+    return i.value.at(l) || { sum: 0, height: 0 };
+  }
+  function re() {
+    let l = c.value.start;
+    return l >= o && (l += o), l;
+  }
+  function ie(l) {
+    if (a.value) {
+      const u = H(l);
+      a.value.scrollTop = u.sum - u.height, B();
     }
-  };
-  U(() => {
-  }), ve(() => {
-    cancelAnimationFrame(d);
-  }), R(
-    [o.width, o.height, l],
-    () => {
-      f();
-    },
-    { deep: !0 }
-  );
-  const z = 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, k());
-  }, oe = w(() => te(i.value.start)), le = w(() => ({
+  }
+  const ue = g(() => ({
     style: {
       width: "100%",
-      height: `${z.value}px`
+      height: `${F.value}px`
     }
-  })), se = w(() => ({
+  })), ce = g(() => ({
     style: {
-      transform: `translate3d(0, ${oe.value}px, 0)`,
+      transform: `translate3d(0, ${h.value}px, 0)`,
       "will-change": "transform"
     }
-  })), re = { overflowY: "auto" };
+  })), fe = {
+    overflowY: "auto"
+  };
   return {
-    list: s,
-    totalHeight: z,
-    clientHeight: o.height,
-    scrollTo: ne,
-    scrollTop: a,
+    list: d,
+    visiableList: oe,
+    getItemHeightData: H,
+    totalHeight: F,
+    clientHeight: s.height,
+    scrollTo: ie,
+    scrollTop: v,
     containerProps: {
-      ref: n,
-      onScroll: (c) => {
-        c.target && (a.value = c.target.scrollTop), f();
+      ref: a,
+      onScroll: () => {
+        L();
       },
-      style: re
+      style: fe
     },
-    wrapperProps: le,
-    innerProps: se
+    wrapperProps: ue,
+    innerProps: ce
   };
 }
-const M = Symbol(), q = Symbol(), G = Symbol(), Y = Symbol(), J = Symbol(), X = Symbol(), Z = Symbol(), ee = Symbol();
-function qe() {
-  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 q = Symbol(), G = Symbol(), Y = Symbol(), J = Symbol(), X = Symbol(), Z = Symbol(), ee = Symbol(), te = Symbol(), ne = Symbol();
+function et() {
+  const { voidFn: e, boolFn: n, boolRef: t, arrayRef: o } = {
+    voidFn: (h) => {
+    },
+    boolFn: (h) => !1,
+    boolRef: g(() => !1),
+    arrayRef: g(() => [])
+  }, a = O(J, o), s = O(Y, n), r = O(te, t), f = O(G, e), v = O(q, e), c = O(X, e), p = O(Z, e), d = O(ee, e), i = O(ne, e);
   return {
-    toggleAll: e,
-    toggle: t,
-    isSelected: n,
-    selected: o,
-    select: s,
-    unselect: a,
-    isAllSelected: l,
+    selected: a,
+    isSelected: s,
+    isAllSelected: r,
+    toggle: f,
+    toggleAll: v,
+    select: c,
+    selectAll: p,
+    unselect: d,
     unselectAll: i
   };
 }
-function Ge(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 tt(e, n) {
+  const t = S({}), o = g(() => e.value.filter((i) => t.value[i[n]])), a = g(() => o.value.length != 0 && Object.keys(t.value).length == e.value.length);
+  function s() {
+    e.value.forEach((i) => {
+      t.value[i[n]] = !0;
     });
   }
-  function l() {
-    n.value = {};
+  function r() {
+    t.value = {};
   }
-  function i(d) {
-    d.forEach((f) => {
-      n.value[f[t]] || (n.value[f[t]] = !0);
+  function f(i) {
+    i.forEach((h) => {
+      t.value[h[n]] || (t.value[h[n]] = !0);
     });
   }
-  function r(d) {
-    d.forEach((f) => {
-      n.value[f[t]] && delete n.value[f[t]];
+  function v(i) {
+    i.forEach((h) => {
+      t.value[h[n]] && delete t.value[h[n]];
     });
   }
-  function u(d) {
-    return !!n.value[d[t]];
+  function c(i) {
+    return !!t.value[i[n]];
   }
-  function O(d) {
-    d.forEach((f) => {
-      u(f) ? delete n.value[f[t]] : n.value[f[t]] = !0;
+  function p(i) {
+    i.forEach((h) => {
+      c(h) ? delete t.value[h[n]] : t.value[h[n]] = !0;
     });
   }
-  function S() {
-    s.value ? l() : a();
+  function d() {
+    a.value ? r() : s();
   }
-  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), {
+  return y(q, d), y(G, p), y(Y, c), y(J, o), y(X, f), y(Z, s), y(ee, v), y(te, a), y(ne, r), {
     selected: o,
-    select: i,
-    selectAll: a,
-    unselect: r,
-    unselectAll: l,
-    toggle: O,
-    toggleAll: S,
-    isSelected: u,
-    isAllSelected: s
+    select: f,
+    selectAll: s,
+    unselect: v,
+    unselectAll: r,
+    toggle: p,
+    toggleAll: d,
+    isSelected: c,
+    isAllSelected: a
   };
 }
-const Ne = Symbol(), Qe = /* @__PURE__ */ B({
+const Ue = Symbol(), We = /* @__PURE__ */ T({
   __name: "Dialog",
   props: {
     visiable: { type: Boolean, default: !1 },
@@ -247,143 +286,147 @@ const Ne = Symbol(), Qe = /* @__PURE__ */ B({
     dialogClass: { default: "" }
   },
   emits: ["update:visiable"],
-  setup(e, { emit: t }) {
-    const n = e, o = () => {
-      n.closeOnClickOverlay && t("update:visiable", !1);
+  setup(e, { emit: n }) {
+    const t = e, o = () => {
+      t.closeOnClickOverlay && n("update:visiable", !1);
     };
-    return b(Ne, () => t("update:visiable", !1)), (s, a) => (I(), pe(he, { name: "modal" }, {
-      default: ge(() => [
+    return y(Ue, () => n("update:visiable", !1)), (a, s) => (I(), be(ye, { name: "modal" }, {
+      default: _e(() => [
         e.visiable ? (I(), x("div", {
           key: 0,
           onClick: o,
           class: "modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"
         }, [
           C("div", {
-            onClick: a[0] || (a[0] = me(() => {
+            onClick: s[0] || (s[0] = we(() => {
             }, ["stop"])),
-            class: be(["dialog m-auto flex flex-col", e.dialogClass])
+            class: Oe(["dialog m-auto flex flex-col", e.dialogClass])
           }, [
-            W(s.$slots, "default")
+            M(a.$slots, "default")
           ], 2)
-        ])) : ye("", !0)
+        ])) : Se("", !0)
       ]),
       _: 3
     }));
   }
 });
-function Ye(e) {
-  function t(n, o) {
-    const s = document.createElement("div"), a = {
+function nt(e) {
+  function n(t, o) {
+    const a = document.createElement("div"), s = {
       setup() {
         return () => E(
-          Qe,
+          We,
           {
             visiable: !0,
             "onUpdate:visiable": () => {
-              s?.remove();
+              a?.remove();
             },
             ...e
           },
           {
-            default: () => E(n, o)
+            default: () => E(t, o)
           }
         );
       }
     };
-    return document.body.appendChild(s), _e(E(a), s), {
-      close: () => s?.remove()
+    return document.body.appendChild(a), Ie(E(s), a), {
+      close: () => a?.remove()
     };
   }
   return {
-    create: t
+    create: n
   };
 }
-const Ve = ["xlink:href", "fill", "color"], Je = /* @__PURE__ */ B({
+const qe = ["xlink:href", "fill", "color"], ot = /* @__PURE__ */ T({
   __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 n = e, t = g(() => `#${n.prefix}-${n.name}`), o = g(() => ({
+      width: n.width,
+      height: n.height,
+      aspectRatio: n.width && n.height ? void 0 : "1/1"
     }));
-    return (s, a) => (I(), x("svg", {
+    return (a, s) => (I(), x("svg", {
       "aria-hidden": "",
-      style: T(m(o))
+      style: U(_(o))
     }, [
       C("use", {
-        "xlink:href": m(n),
+        "xlink:href": _(t),
         fill: e.color,
         color: e.color
-      }, null, 8, Ve)
+      }, null, 8, qe)
     ], 4));
   }
-}), Ue = { class: "virtualListWrapper" }, We = /* @__PURE__ */ B({
+}), Ge = { class: "virtualListWrapper" }, Ye = {
+  inheritAttrs: !1
+}, Je = /* @__PURE__ */ T({
+  ...Ye,
   __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 } = Fe(
-      we(t, "data"),
-      {
-        itemHeight: (l) => t.itemHeight(0),
-        overscan: 10
-      }
-    );
-    return (l, i) => (I(), x("div", Ue, [
-      C("div", {
-        onScrollPassive: i[0] || (i[0] = (...r) => m(o).onScroll && m(o).onScroll(...r)),
-        ref: m(o).ref,
-        style: T(m(o).style),
+  setup(e, { expose: n }) {
+    const t = e, o = Me(xe(t, "data"), {
+      itemHeight: (c) => t.itemHeight(t.data[c]),
+      overscan: t.overscan
+    }), { list: a, containerProps: s, wrapperProps: r, innerProps: f, getItemHeightData: v } = o;
+    return n({
+      vListReturn: o
+    }), (c, p) => (I(), x("div", Ge, [
+      C("div", Ce({
+        onScrollPassive: p[0] || (p[0] = (...d) => _(s).onScroll && _(s).onScroll(...d)),
+        ref: _(s).ref,
         class: "virtualList"
-      }, [
-        C("div", K(L(m(s))), [
-          C("div", K(L(m(a))), [
-            (I(!0), x(Oe, null, Se(m(n), ({ index: r, data: u }) => (I(), x("div", {
-              key: r,
-              style: T({
-                height: `${e.itemHeight(u)}px`,
+      }, c.$attrs), [
+        C("div", k(K(_(r))), [
+          C("div", k(K(_(f))), [
+            (I(!0), x(Pe, null, Ee(_(a), ({ index: d, data: i }) => (I(), x("div", {
+              key: d,
+              style: U({
+                height: `${_(v)(d).height}px`,
                 display: "flex"
               })
             }, [
-              W(l.$slots, "default", {
-                data: u,
-                index: r
+              M(c.$slots, "default", {
+                data: i,
+                index: d
               }, void 0, !0)
             ], 4))), 128))
           ], 16)
         ], 16)
-      ], 36)
+      ], 16)
     ]));
   }
 });
-const De = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, s] of t)
-    n[o] = s;
-  return n;
-}, Xe = /* @__PURE__ */ De(We, [["__scopeId", "data-v-e5ab2b81"]]);
+const Xe = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, a] of n)
+    t[o] = a;
+  return t;
+}, lt = /* @__PURE__ */ Xe(Je, [["__scopeId", "data-v-134ad8ab"]]);
 export {
-  Je as SvgIcon,
-  Xe as VirtualList,
-  Y as allSelectedKey,
-  Ne as closeDialogKey,
-  Ye as dialogController,
-  Z as isAllSelectedKey,
-  G as isSelectedKey,
-  J as selectKey,
-  M as toggleAllKey,
-  q as toggleKey,
-  ee as unselectAllKey,
-  X as unselectKey,
-  Ge as useSelectable,
-  qe as useSelectableInjectors,
-  Fe as useVirtualList
+  ot as SvgIcon,
+  lt as VirtualList,
+  J as allSelectedKey,
+  Ue as closeDialogKey,
+  nt as dialogController,
+  te as isAllSelectedKey,
+  Y as isSelectedKey,
+  Z as selectAllKey,
+  X as selectKey,
+  q as toggleAllKey,
+  G as toggleKey,
+  ne as unselectAllKey,
+  ee as unselectKey,
+  tt as useSelectable,
+  et as useSelectableInjectors,
+  Me 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 K;const O=typeof window<"u";O&&((K=window?.navigator)==null?void 0:K.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 A(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(()=>A(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(()=>A(t),r=>{s.value=r?n.width:0,a.value=r?n.height:0}),{width:s,height:a}}var V;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(V||(V={}));var ee=Object.defineProperty,$=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($)for(var o of $(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 z(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,_e)=>({data:F,index:_e+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)),pe=u=>typeof i=="number"?u*i:r.value.slice(0,u).reduce((g,m,b)=>g+i(b),0),he=u=>{o.value&&(o.value.scrollTop=u,L())},ge=e.computed(()=>pe(d.value.start)),me=e.computed(()=>({style:{width:"100%",height:`${H.value}px`}})),ye=e.computed(()=>({style:{transform:`translate3d(0, ${ge.value}px, 0)`,"will-change":"transform"}})),be={overflowY:"auto"};return{list:s,totalHeight:H,clientHeight:l.height,scrollTo:he,scrollTop:a,containerProps:{ref:o,onScroll:u=>{u.target&&(a.value=u.target.scrollTop),h()},style:be},wrapperProps:me,innerProps:ye}}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 N=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(N,()=>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=e.defineComponent({__name:"VirtualList",props:{data:null,itemHeight:null},setup(t){const n=t,{list:o,containerProps:l,wrapperProps:s,innerProps:a}=z(e.toRef(n,"data"),{itemHeight:r=>n.itemHeight(0),overscan:10});return(r,d)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",{onScrollPassive:d[0]||(d[0]=(...i)=>e.unref(l).onScroll&&e.unref(l).onScroll(...i)),ref:e.unref(l).ref,style:e.normalizeStyle(e.unref(l).style),class:"virtualList"},[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)],36)]))}}),Oe="",fe=((t,n)=>{const o=t.__vccOpts||t;for(const[l,s]of n)o[l]=s;return o})(ue,[["__scopeId","data-v-e5ab2b81"]]);c.SvgIcon=ce,c.VirtualList=fe,c.allSelectedKey=E,c.closeDialogKey=N,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=z,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.ui={},d.Vue))})(this,function(d,e){"use strict";var k;const O=typeof window<"u";O&&((k=window?.navigator)==null?void 0:k.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function D(t){return typeof t=="function"?t():e.unref(t)}function U(t){return t}function W(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function q(t,o=!0){e.getCurrentInstance()?e.onMounted(t):o?t():e.nextTick(t)}function R(t){var o;const n=D(t);return(o=n?.$el)!=null?o:n}const G=O?window:void 0;O&&window.document,O&&window.navigator,O&&window.location;function Y(t,o=!1){const n=e.ref(),l=()=>n.value=Boolean(t());return l(),q(l,o),n}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 T=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable,Z=(t,o)=>{var n={};for(var l in t)J.call(t,l)&&o.indexOf(l)<0&&(n[l]=t[l]);if(t!=null&&T)for(var l of T(t))o.indexOf(l)<0&&X.call(t,l)&&(n[l]=t[l]);return n};function ee(t,o,n={}){const l=n,{window:a=G}=l,i=Z(l,["window"]);let s;const p=Y(()=>a&&"ResizeObserver"in a),h=()=>{s&&(s.disconnect(),s=void 0)},f=e.watch(()=>R(t),m=>{h(),p.value&&a&&m&&(s=new ResizeObserver(o),s.observe(m,i))},{immediate:!0,flush:"post"}),g=()=>{h(),f()};return W(g),{isSupported:p,stop:g}}function te(t,o={width:0,height:0},n={}){const{box:l="content-box"}=n,a=e.ref(o.width),i=e.ref(o.height);return ee(t,([s])=>{const p=l==="border-box"?s.borderBoxSize:l==="content-box"?s.contentBoxSize:s.devicePixelContentBoxSize;p?(a.value=p.reduce((h,{inlineSize:f})=>h+f,0),i.value=p.reduce((h,{blockSize:f})=>h+f,0)):(a.value=s.contentRect.width,i.value=s.contentRect.height)},n),e.watch(()=>R(t),s=>{a.value=s?o.width:0,i.value=s?o.height:0}),{width:a,height:i}}var V;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(V||(V={}));var ne=Object.defineProperty,$=Object.getOwnPropertySymbols,oe=Object.prototype.hasOwnProperty,le=Object.prototype.propertyIsEnumerable,L=(t,o,n)=>o in t?ne(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,re=(t,o)=>{for(var n in o||(o={}))oe.call(o,n)&&L(t,n,o[n]);if($)for(var n of $(o))le.call(o,n)&&L(t,n,o[n]);return t};re({linear:U},{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 F(t,o){const{itemHeight:n,overscan:l=5}=o,a=e.ref(),i=te(a);let s;const p=e.shallowRef(t),h=e.ref(0),f=e.ref({start:0,end:10});let g=0;const m=e.ref([]),c=e.computed(()=>{let{sum:r,height:u}={sum:0,height:0};return p.value.map((w,_)=>(typeof n=="number"?u=n:u=n(_),r+=u,{height:u,sum:r}))}),b=e.computed(()=>_e(f.value.start)),z=e.computed(()=>typeof n=="number"?c.value.length*n:c.value.at(-1)?.sum||0),ge=e.computed(()=>{let r=m.value.length-l,u=Math.max(r-g,0);return m.value.slice(u,r)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(s)),e.watch([i.width,i.height,p],([r,u])=>{(r||u)&&H()},{deep:!0});function H(){cancelAnimationFrame(s),s=requestAnimationFrame(M)}function M(){if(a.value){h.value=a.value.scrollTop,g=ye();let r=be(h.value),u=r+g+l;r=r-l,r=r<0?0:r,u=u>p.value.length?p.value.length:u,f.value={start:r,end:u},m.value=p.value.slice(r,u).map((w,_)=>({data:w,index:_+r}))}}function be(r){let u=Math.floor(c.value.length/16),w=-1,_=-1;for(let y=0;y<16;y++){if(c.value.at(u*y).sum>=r){w=Math.max(0,y-1);break}y===15&&(w=y)}w*=u;for(let y=w;y<c.value.length;y++)if(c.value[y].sum>=r){_=y;break}return Math.max(0,_)}function ye(){let r=0,u=0,w=we();for(let _=w;_<c.value.length&&(u+=c.value[_].height,!(u>=i.height.value));_++,r++);return r}function _e(r){if(typeof n=="number")return r*n;let u=c.value[r];return u.sum-u.height}function Q(r){return c.value.at(r)||{sum:0,height:0}}function we(){let r=f.value.start;return r>=l&&(r+=l),r}function Oe(r){if(a.value){const u=Q(r);a.value.scrollTop=u.sum-u.height,M()}}const Se=e.computed(()=>({style:{width:"100%",height:`${z.value}px`}})),ve=e.computed(()=>({style:{transform:`translate3d(0, ${b.value}px, 0)`,"will-change":"transform"}})),Ie={overflowY:"auto"};return{list:m,visiableList:ge,getItemHeightData:Q,totalHeight:z,clientHeight:i.height,scrollTo:Oe,scrollTop:h,containerProps:{ref:a,onScroll:()=>{H()},style:Ie},wrapperProps:Se,innerProps:ve}}const I=Symbol(),P=Symbol(),C=Symbol(),E=Symbol(),A=Symbol(),x=Symbol(),B=Symbol(),K=Symbol(),j=Symbol();function ae(){const{voidFn:t,boolFn:o,boolRef:n,arrayRef:l}={voidFn:b=>{},boolFn:b=>!1,boolRef:e.computed(()=>!1),arrayRef:e.computed(()=>[])},a=e.inject(E,l),i=e.inject(C,o),s=e.inject(K,n),p=e.inject(P,t),h=e.inject(I,t),f=e.inject(A,t),g=e.inject(x,t),m=e.inject(B,t),c=e.inject(j,t);return{selected:a,isSelected:i,isAllSelected:s,toggle:p,toggleAll:h,select:f,selectAll:g,unselect:m,unselectAll:c}}function ie(t,o){const n=e.ref({}),l=e.computed(()=>t.value.filter(c=>n.value[c[o]])),a=e.computed(()=>l.value.length!=0&&Object.keys(n.value).length==t.value.length);function i(){t.value.forEach(c=>{n.value[c[o]]=!0})}function s(){n.value={}}function p(c){c.forEach(b=>{n.value[b[o]]||(n.value[b[o]]=!0)})}function h(c){c.forEach(b=>{n.value[b[o]]&&delete n.value[b[o]]})}function f(c){return!!n.value[c[o]]}function g(c){c.forEach(b=>{f(b)?delete n.value[b[o]]:n.value[b[o]]=!0})}function m(){a.value?s():i()}return e.provide(I,m),e.provide(P,g),e.provide(C,f),e.provide(E,l),e.provide(A,p),e.provide(x,i),e.provide(B,h),e.provide(K,a),e.provide(j,s),{selected:l,select:p,selectAll:i,unselect:h,unselectAll:s,toggle:g,toggleAll:m,isSelected:f,isAllSelected:a}}const N=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:o}){const n=t,l=()=>{n.closeOnClickOverlay&&o("update:visiable",!1)};return e.provide(N,()=>o("update:visiable",!1)),(a,i)=>(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:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",t.dialogClass])},[e.renderSlot(a.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function ce(t){function o(n,l){const a=document.createElement("div"),i={setup(){return()=>e.h(se,{visiable:!0,"onUpdate:visiable":()=>{a?.remove()},...t},{default:()=>e.h(n,l)})}};return document.body.appendChild(a),e.render(e.h(i),a),{close:()=>a?.remove()}}return{create:o}}const ue=["xlink:href","fill","color"],de=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(t){const o=t,n=e.computed(()=>`#${o.prefix}-${o.name}`),l=e.computed(()=>({width:o.width,height:o.height,aspectRatio:o.width&&o.height?void 0:"1/1"}));return(a,i)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(l))},[e.createElementVNode("use",{"xlink:href":e.unref(n),fill:t.color,color:t.color},null,8,ue)],4))}}),fe={class:"virtualListWrapper"},pe={inheritAttrs:!1},me=e.defineComponent({...pe,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},setup(t,{expose:o}){const n=t,l=F(e.toRef(n,"data"),{itemHeight:f=>n.itemHeight(n.data[f]),overscan:n.overscan}),{list:a,containerProps:i,wrapperProps:s,innerProps:p,getItemHeightData:h}=l;return o({vListReturn:l}),(f,g)=>(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",e.mergeProps({onScrollPassive:g[0]||(g[0]=(...m)=>e.unref(i).onScroll&&e.unref(i).onScroll(...m)),ref:e.unref(i).ref,class:"virtualList"},f.$attrs),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(s))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(p))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),({index:m,data:c})=>(e.openBlock(),e.createElementBlock("div",{key:m,style:e.normalizeStyle({height:`${e.unref(h)(m).height}px`,display:"flex"})},[e.renderSlot(f.$slots,"default",{data:c,index:m},void 0,!0)],4))),128))],16)],16)],16)]))}}),Ce="",he=((t,o)=>{const n=t.__vccOpts||t;for(const[l,a]of o)n[l]=a;return n})(me,[["__scopeId","data-v-134ad8ab"]]);d.SvgIcon=de,d.VirtualList=he,d.allSelectedKey=E,d.closeDialogKey=N,d.dialogController=ce,d.isAllSelectedKey=K,d.isSelectedKey=C,d.selectAllKey=x,d.selectKey=A,d.toggleAllKey=I,d.toggleKey=P,d.unselectAllKey=j,d.unselectKey=B,d.useSelectable=ie,d.useSelectableInjectors=ae,d.useVirtualList=F,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-.virtualListWrapper[data-v-e5ab2b81]{width:100%;height:100%;position:relative}.virtualList[data-v-e5ab2b81] ::-webkit-scrollbar{display:none}.virtualList[data-v-e5ab2b81]{width:100%;height:100%;position:absolute;top:0;-ms-overflow-style:none;scrollbar-width:none}
+.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/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.19",
+  "version": "0.0.21",
   "description": "lazycat ui toolkits",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",