@lazycatcloud/lzc-toolkit 0.0.21 → 0.0.23

package/dist/index.es.js

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

package/dist/style.css

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

package/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/package.json

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