@lazycatcloud/lzc-toolkit 0.0.44 → 0.0.45

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { unref as S, getCurrentScope as $e, onScopeDispose as Ae, getCurrentInstance as Fe, onMounted as le, nextTick as ge, ref as m, watch as $, shallowRef as Le, computed as h, onUnmounted as me, inject as H, provide as E, defineComponent as N, openBlock as T, createBlock as _e, Transition as ye, withCtx as be, createElementBlock as P, createElementVNode as R, withModifiers as De, normalizeClass as Me, renderSlot as ne, createCommentVNode as Ve, render as ke, h as X, normalizeStyle as oe, useSlots as Ke, withDirectives as je, vShow as ze, pushScopeId as Ne, popScopeId as Qe, toRef as We, mergeProps as Ue, normalizeProps as ue, guardReactiveProps as ce, Fragment as qe, renderList as Ye } from "vue";
-var de;
+import { unref as S, getCurrentScope as $e, onScopeDispose as Ae, getCurrentInstance as Fe, onMounted as le, nextTick as he, ref as m, watch as $, shallowRef as Le, computed as h, onUnmounted as ge, inject as H, provide as x, defineComponent as N, openBlock as T, createBlock as me, Transition as be, withCtx as ye, createElementBlock as P, createElementVNode as R, withModifiers as De, normalizeClass as Me, renderSlot as ne, createCommentVNode as Ve, render as ke, h as X, normalizeStyle as oe, useSlots as ze, withDirectives as Ke, vShow as je, pushScopeId as Ne, popScopeId as Qe, toRef as We, mergeProps as Ue, normalizeProps as ie, guardReactiveProps as ue, Fragment as qe, renderList as Ye } from "vue";
+var ce;
 const A = typeof window < "u";
-A && ((de = window?.navigator) == null ? void 0 : de.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+A && ((ce = window?.navigator) == null ? void 0 : ce.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function Z(e) {
   return typeof e == "function" ? e() : S(e);
 }
@@ -30,13 +30,13 @@ function Xe(e) {
 function Ze(e) {
   return $e() ? (Ae(e), !0) : !1;
 }
-function we(e, t = 200, l = {}) {
+function _e(e, t = 200, l = {}) {
   return Ge(Je(t, l), e);
 }
 function et(e, t = !0) {
-  Fe() ? le(e) : t ? e() : ge(e);
+  Fe() ? le(e) : t ? e() : he(e);
 }
-function Se(e) {
+function we(e) {
   var t;
   const l = Z(e);
   return (t = l?.$el) != null ? t : l;
@@ -52,12 +52,12 @@ function lt(e, t = !1) {
 const ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, te = "__vueuse_ssr_handlers__";
 ee[te] = ee[te] || {};
 ee[te];
-var ve = Object.getOwnPropertySymbols, nt = Object.prototype.hasOwnProperty, ot = Object.prototype.propertyIsEnumerable, rt = (e, t) => {
+var de = Object.getOwnPropertySymbols, nt = Object.prototype.hasOwnProperty, ot = Object.prototype.propertyIsEnumerable, rt = (e, t) => {
   var l = {};
   for (var n in e)
     nt.call(e, n) && t.indexOf(n) < 0 && (l[n] = e[n]);
-  if (e != null && ve)
-    for (var n of ve(e))
+  if (e != null && de)
+    for (var n of de(e))
       t.indexOf(n) < 0 && ot.call(e, n) && (l[n] = e[n]);
   return l;
 };
@@ -66,7 +66,7 @@ function st(e, t, l = {}) {
   let o;
   const d = lt(() => r && "ResizeObserver" in r), g = () => {
     o && (o.disconnect(), o = void 0);
-  }, f = $(() => Se(e), (p) => {
+  }, f = $(() => we(e), (p) => {
     g(), d.value && r && p && (o = new ResizeObserver(t), o.observe(p, a));
   }, { immediate: !0, flush: "post" }), v = () => {
     g(), f();
@@ -81,23 +81,23 @@ function at(e, t = { width: 0, height: 0 }, l = {}) {
   return st(e, ([o]) => {
     const d = n === "border-box" ? o.borderBoxSize : n === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
     d ? (r.value = d.reduce((g, { inlineSize: f }) => g + f, 0), a.value = d.reduce((g, { blockSize: f }) => g + f, 0)) : (r.value = o.contentRect.width, a.value = o.contentRect.height);
-  }, l), $(() => Se(e), (o) => {
+  }, l), $(() => we(e), (o) => {
     r.value = o ? t.width : 0, a.value = o ? t.height : 0;
   }), {
     width: r,
     height: a
   };
 }
-var fe;
+var ve;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(fe || (fe = {}));
-var it = Object.defineProperty, pe = Object.getOwnPropertySymbols, ut = Object.prototype.hasOwnProperty, ct = Object.prototype.propertyIsEnumerable, he = (e, t, l) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, dt = (e, t) => {
+})(ve || (ve = {}));
+var it = Object.defineProperty, fe = Object.getOwnPropertySymbols, ut = Object.prototype.hasOwnProperty, ct = Object.prototype.propertyIsEnumerable, pe = (e, t, l) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, dt = (e, t) => {
   for (var l in t || (t = {}))
-    ut.call(t, l) && he(e, l, t[l]);
-  if (pe)
-    for (var l of pe(t))
-      ct.call(t, l) && he(e, l, t[l]);
+    ut.call(t, l) && pe(e, l, t[l]);
+  if (fe)
+    for (var l of fe(t))
+      ct.call(t, l) && pe(e, l, t[l]);
   return e;
 };
 const vt = {
@@ -130,19 +130,19 @@ dt({
   linear: Xe
 }, vt);
 function ft(e, t) {
-  const { scrollEndHook: l, itemHeight: n, overscan: r = 5 } = t, a = m(null), o = at(a), d = m(!0), g = we(W, 100);
+  const { scrollEndHook: l, itemHeight: n, overscan: r = 5 } = t, a = m(null), o = at(a), d = m(!0), g = _e(W, 100);
   let f;
   const v = Le(e), p = m(0), i = m({ start: 0, end: 10 });
   let u = 0;
-  const x = m([]), _ = h(() => {
+  const E = m([]), b = h(() => {
     let { sum: s, height: c } = { sum: 0, height: 0 };
     return v.value.map((O, w) => (typeof n == "number" ? c = n : c = n(w), s += c, { height: c, sum: s }));
-  }), Q = h(() => k(i.value.start)), I = h(() => typeof n == "number" ? _.value.length * n : _.value[_.value.length - 1]?.sum || 0), F = h(() => {
-    let s = x.value.length - r, c = Math.max(s - u, 0);
-    return x.value.slice(c, s);
+  }), Q = h(() => k(i.value.start)), I = h(() => typeof n == "number" ? b.value.length * n : b.value[b.value.length - 1]?.sum || 0), F = h(() => {
+    let s = E.value.length - r, c = Math.max(s - u, 0);
+    return E.value.slice(c, s);
   });
   le(() => {
-  }), me(() => cancelAnimationFrame(f)), $(
+  }), ge(() => cancelAnimationFrame(f)), $(
     [o.width, o.height, v],
     ([s, c]) => {
       (s || c) && D();
@@ -164,34 +164,34 @@ function ft(e, t) {
     if (a.value) {
       p.value = a.value.scrollTop, u = B();
       let s = V(p.value), c = s + u + r;
-      s = s - r, s = s < 0 ? 0 : s, c = c > v.value.length ? v.value.length : c, i.value = { start: s, end: c }, x.value = v.value.slice(s, c).map((O, w) => ({
+      s = s - r, s = s < 0 ? 0 : s, c = c > v.value.length ? v.value.length : c, i.value = { start: s, end: c }, E.value = v.value.slice(s, c).map((O, w) => ({
         data: O,
         index: w + s
       }));
     }
   }
   function V(s) {
-    let c = 0, O = _.value.length - 1, w = -1;
+    let c = 0, O = b.value.length - 1, w = -1;
     for (; c <= O; ) {
       const y = Math.floor((c + O) / 2);
-      _.value[y].sum >= s ? (w = y, O = y - 1) : c = y + 1;
+      b.value[y].sum >= s ? (w = y, O = y - 1) : c = y + 1;
     }
     return Math.max(0, w);
   }
   function B() {
     let s = 0, c = 0, O = U();
-    for (let w = O; w < _.value.length && (s++, c += _.value[w].height, !(c >= o.height.value)); w++)
+    for (let w = O; w < b.value.length && (s++, c += b.value[w].height, !(c >= o.height.value)); w++)
       ;
     return s;
   }
   function k(s) {
     if (typeof n == "number")
       return s * n;
-    let c = _.value[s];
+    let c = b.value[s];
     return c ? c.sum - c.height : 0;
   }
-  function K(s) {
-    return _.value[s] || { sum: 0, height: 0 };
+  function z(s) {
+    return b.value[s] || { sum: 0, height: 0 };
   }
   function U() {
     let s = i.value.start;
@@ -199,7 +199,7 @@ function ft(e, t) {
   }
   function q(s) {
     if (a.value) {
-      const c = K(s);
+      const c = z(s);
       a.value.scrollTop = c.sum - c.height, M();
     }
   }
@@ -209,7 +209,7 @@ function ft(e, t) {
       height: `${I.value}px`,
       pointerEvents: d.value ? void 0 : "none"
     }
-  })), j = h(() => ({
+  })), K = h(() => ({
     style: {
       transform: `translate3d(0, ${Q.value}px, 0)`,
       "will-change": "transform"
@@ -218,9 +218,9 @@ function ft(e, t) {
     overflowY: "auto"
   };
   return {
-    list: x,
+    list: E,
     visiableList: F,
-    getItemHeightData: K,
+    getItemHeightData: z,
     getoffsetTopIndex: V,
     totalHeight: I,
     clientHeight: o.height,
@@ -235,18 +235,18 @@ function ft(e, t) {
       style: G
     },
     wrapperProps: Y,
-    innerProps: j
+    innerProps: K
   };
 }
-const Oe = Symbol(), Ee = Symbol(), xe = Symbol(), He = Symbol(), Ie = Symbol(), Te = Symbol(), Re = Symbol(), Ce = Symbol(), Be = Symbol();
-function Ht() {
+const Se = Symbol(), Oe = Symbol(), xe = Symbol(), Ee = Symbol(), He = Symbol(), Ie = Symbol(), Te = Symbol(), Re = Symbol(), Ce = Symbol();
+function Et() {
   const { voidFn: e, boolFn: t, boolRef: l, arrayRef: n } = {
     voidFn: (u) => {
     },
     boolFn: (u) => !1,
     boolRef: h(() => !1),
     arrayRef: h(() => [])
-  }, r = H(He, n), a = H(xe, t), o = H(Ce, l), d = H(Ee, e), g = H(Oe, e), f = H(Ie, e), v = H(Te, e), p = H(Re, e), i = H(Be, e);
+  }, r = H(Ee, n), a = H(xe, t), o = H(Re, l), d = H(Oe, e), g = H(Se, e), f = H(He, e), v = H(Ie, e), p = H(Te, e), i = H(Ce, e);
   return {
     selected: r,
     isSelected: a,
@@ -259,7 +259,7 @@ function Ht() {
     unselectAll: i
   };
 }
-function It(e, t) {
+function Ht(e, t) {
   const l = m({}), n = h(() => e.value.filter((i) => l.value[i[t]])), r = h(() => n.value.length != 0 && Object.keys(l.value).length == e.value.length);
   function a() {
     e.value.forEach((i) => {
@@ -290,7 +290,7 @@ function It(e, t) {
   function p() {
     r.value ? o() : a();
   }
-  return E(Oe, p), E(Ee, v), E(xe, f), E(He, n), E(Ie, d), E(Te, a), E(Re, g), E(Ce, r), E(Be, o), {
+  return x(Se, p), x(Oe, v), x(xe, f), x(Ee, n), x(He, d), x(Ie, a), x(Te, g), x(Re, r), x(Ce, o), {
     selected: n,
     select: d,
     selectAll: a,
@@ -314,19 +314,19 @@ const pt = Symbol(), ht = /* @__PURE__ */ N({
     const l = e, n = () => {
       l.closeOnClickOverlay && t("update:visiable", !1);
     };
-    return E(pt, () => t("update:visiable", !1)), (r, a) => (T(), _e(ye, { name: "modal" }, {
-      default: be(() => [
+    return x(pt, () => t("update:visiable", !1)), (r, a) => (T(), me(be, { name: "modal" }, {
+      default: ye(() => [
         e.visiable ? (T(), P("div", {
           key: 0,
           onClick: n,
-          class: "modal"
+          class: "modal absolute left-0 right-0 top-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"
         }, [
           R("div", {
             onClick: a[0] || (a[0] = De(() => {
             }, ["stop"])),
-            class: Me(["dialog", e.dialogClass])
+            class: Me(["dialog m-auto flex flex-col", e.dialogClass])
           }, [
-            ne(r.$slots, "default", {}, void 0, !0)
+            ne(r.$slots, "default")
           ], 2)
         ])) : Ve("", !0)
       ]),
@@ -334,18 +334,12 @@ const pt = Symbol(), ht = /* @__PURE__ */ N({
     }));
   }
 });
-const re = (e, t) => {
-  const l = e.__vccOpts || e;
-  for (const [n, r] of t)
-    l[n] = r;
-  return l;
-}, gt = /* @__PURE__ */ re(ht, [["__scopeId", "data-v-c9f7a6a8"]]);
-function Tt(e) {
+function It(e) {
   function t(l, n) {
     const r = document.createElement("div"), a = {
       setup() {
         return () => X(
-          gt,
+          ht,
           {
             visiable: !0,
             "onUpdate:visiable": () => {
@@ -367,7 +361,7 @@ function Tt(e) {
     create: t
   };
 }
-const mt = ["xlink:href", "fill", "color"], Rt = /* @__PURE__ */ N({
+const gt = ["xlink:href", "fill", "color"], Tt = /* @__PURE__ */ N({
   __name: "SvgIcon",
   props: {
     name: null,
@@ -390,27 +384,27 @@ const mt = ["xlink:href", "fill", "color"], Rt = /* @__PURE__ */ N({
         "xlink:href": S(l),
         fill: e.color,
         color: e.color
-      }, null, 8, mt)
+      }, null, 8, gt)
     ], 4));
   }
 });
-function _t(e) {
+function mt(e) {
   const {
     containerEl: t,
     sliderEl: l,
     autoHeight: n,
     performance: r = {},
     maxHeightRatio: a = 0.9
-  } = e, o = m(!0), d = we(k, 100);
+  } = e, o = m(!0), d = _e(k, 100);
   let g, f = "";
   const v = m(0), p = m(0), i = m(0), u = m({
     top: 0,
     scrollTop: 0,
     scrollHeight: 0,
     clientHeight: 0
-  }), x = m({
+  }), E = m({
     clientHeight: 0
-  }), _ = h(() => !!p.value), Q = h(() => u.value.scrollHeight > u.value.clientHeight), I = h(() => u.value.clientHeight - x.value.clientHeight), F = h(() => u.value.scrollHeight - u.value.clientHeight), L = h(() => Math.max(
+  }), b = h(() => !!p.value), Q = h(() => u.value.scrollHeight > u.value.clientHeight), I = h(() => u.value.clientHeight - E.value.clientHeight), F = h(() => u.value.scrollHeight - u.value.clientHeight), L = h(() => Math.max(
     u.value.clientHeight / u.value.scrollHeight,
     0.05
   )), W = h(() => L.value > a ? 0 : L.value * u.value.clientHeight), D = h(() => ({
@@ -428,18 +422,18 @@ function _t(e) {
     o.value = !1;
   }
   function k() {
-    _.value || (o.value = !0);
+    b.value || (o.value = !0);
   }
-  function K(y) {
-    if (!_.value)
+  function z(y) {
+    if (!b.value)
       return;
-    let b = y.clientY - u.value.top - p.value;
-    b < 0 ? i.value = 0 : b >= I.value ? i.value = I.value : i.value = b, t.value.scrollTo({
+    let _ = y.clientY - u.value.top - p.value;
+    _ < 0 ? i.value = 0 : _ >= I.value ? i.value = I.value : i.value = _, t.value.scrollTo({
       top: i.value / I.value * F.value
     });
   }
   function U() {
-    _.value || q();
+    b.value || q();
   }
   function q() {
     cancelAnimationFrame(g), g = requestAnimationFrame(Y);
@@ -447,33 +441,33 @@ function _t(e) {
   function Y() {
     t.value && (v.value = r.scrollTop?.value ?? t.value.scrollTop, i.value = v.value / F.value * I.value);
   }
-  function j(y) {
-    let b = "addEventListener";
-    y === "add" ? b = "addEventListener" : b = "removeEventListener", l.value?.[b]("pointerdown", M, {
+  function K(y) {
+    let _ = "addEventListener";
+    y === "add" ? _ = "addEventListener" : _ = "removeEventListener", l.value?.[_]("pointerdown", M, {
       passive: !0
-    }), window[b]("pointermove", K, { passive: !0 }), window[b]("pointerup", V, { passive: !0 });
+    }), window[_]("pointermove", z, { passive: !0 }), window[_]("pointerup", V, { passive: !0 });
   }
   const G = new MutationObserver((y) => {
-    y.map((z) => z.oldValue).join().includes("height") && s();
+    y.map((j) => j.oldValue).join().includes("height") && s();
   });
   function s() {
     u.value.top = t.value?.getBoundingClientRect().top ?? 0, u.value.scrollHeight = t.value?.scrollHeight ?? 0, u.value.clientHeight = t.value?.clientHeight ?? 0;
   }
   function c() {
     B(), setTimeout(() => {
-      x.value.clientHeight = l.value?.clientHeight ?? 0, k();
+      E.value.clientHeight = l.value?.clientHeight ?? 0, k();
     }, 150);
   }
-  function O(y, b, z = "dynamic-styles") {
-    let C = document.getElementById(z);
-    C || (C = document.createElement("style"), C.id = z, document.head.appendChild(C));
-    const se = C.sheet.cssRules, ae = se.length, Pe = `${y} { ${b} }`;
-    for (let J = 0; J < ae; J++) {
-      const ie = se[J];
-      if (ie.selectorText === y && ie.style.cssText === b)
+  function O(y, _, j = "dynamic-styles") {
+    let C = document.getElementById(j);
+    C || (C = document.createElement("style"), C.id = j, document.head.appendChild(C));
+    const re = C.sheet.cssRules, se = re.length, Pe = `${y} { ${_} }`;
+    for (let J = 0; J < se; J++) {
+      const ae = re[J];
+      if (ae.selectorText === y && ae.style.cssText === _)
         return;
     }
-    C.sheet.insertRule(Pe, ae);
+    C.sheet.insertRule(Pe, se);
   }
   function w() {
     t.value && l.value ? (O(
@@ -481,7 +475,7 @@ function _t(e) {
       "scrollbar-width: none; -ms-overflow-style: none;"
     ), O(".hide-scrollbar::-webkit-scrollbar", "display: none"), t.value.addEventListener("scroll", U, {
       passive: !0
-    }), j("add"), G.observe(t.value, {
+    }), K("add"), G.observe(t.value, {
       subtree: !0,
       attributeOldValue: !0,
       attributeFilter: ["style"]
@@ -493,16 +487,16 @@ function _t(e) {
     B(), d();
   }), {
     isScrollEnd: o,
-    isDragSlider: _,
+    isDragSlider: b,
     offsetTop: i,
     scrollTop: v,
     scrollable: Q,
     sliderPos: D,
     init: w,
-    modifySliderEventListener: j
+    modifySliderEventListener: K
   };
 }
-const yt = (e) => (Ne("data-v-edec7292"), e = e(), Qe(), e), bt = /* @__PURE__ */ yt(() => /* @__PURE__ */ R("div", { class: "default-slider" }, null, -1)), wt = /* @__PURE__ */ N({
+const bt = (e) => (Ne("data-v-edec7292"), e = e(), Qe(), e), yt = /* @__PURE__ */ bt(() => /* @__PURE__ */ R("div", { class: "default-slider" }, null, -1)), _t = /* @__PURE__ */ N({
   __name: "ScrollBar",
   props: {
     containerEl: null,
@@ -511,17 +505,17 @@ const yt = (e) => (Ne("data-v-edec7292"), e = e(), Qe(), e), bt = /* @__PURE__ *
     performance: null
   },
   setup(e, { expose: t }) {
-    const l = e, n = !!Ke().default, r = m(null), a = h(() => l.containerEl), o = _t({
+    const l = e, n = !!ze().default, r = m(null), a = h(() => l.containerEl), o = mt({
       containerEl: a,
       sliderEl: r,
       autoHeight: n ? l.autoHeight : !0,
       performance: l.performance
     }), { scrollable: d, isScrollEnd: g, sliderPos: f } = o, v = m(!1), p = l.autoHide ? h(() => v.value || !g.value) : h(() => d.value);
     le(() => {
-      ge(() => {
+      he(() => {
         o.init();
       });
-    }), me(() => {
+    }), ge(() => {
       o.modifySliderEventListener("remove");
     });
     function i() {
@@ -530,9 +524,9 @@ const yt = (e) => (Ne("data-v-edec7292"), e = e(), Qe(), e), bt = /* @__PURE__ *
     function u() {
       v.value = !1;
     }
-    return t({ uScrollBarReturn: o }), (x, _) => (T(), _e(ye, null, {
-      default: be(() => [
-        je(R("div", {
+    return t({ uScrollBarReturn: o }), (E, b) => (T(), me(be, null, {
+      default: ye(() => [
+        Ke(R("div", {
           ref_key: "sliderRef",
           ref: r,
           class: "slider-wrapper",
@@ -540,21 +534,26 @@ const yt = (e) => (Ne("data-v-edec7292"), e = e(), Qe(), e), bt = /* @__PURE__ *
           onMouseleave: u,
           style: oe(S(f))
         }, [
-          ne(x.$slots, "default", {}, () => [
-            bt
+          ne(E.$slots, "default", {}, () => [
+            yt
           ], !0)
         ], 36), [
-          [ze, S(p)]
+          [je, S(p)]
         ])
       ]),
       _: 3
     }));
   }
 });
-const Ct = /* @__PURE__ */ re(wt, [["__scopeId", "data-v-edec7292"]]), St = { class: "virtualListWrapper" }, Ot = {
+const Be = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [n, r] of t)
+    l[n] = r;
+  return l;
+}, Rt = /* @__PURE__ */ Be(_t, [["__scopeId", "data-v-edec7292"]]), wt = { class: "virtualListWrapper" }, St = {
   inheritAttrs: !1
-}, Et = /* @__PURE__ */ N({
-  ...Ot,
+}, Ot = /* @__PURE__ */ N({
+  ...St,
   __name: "VirtualList",
   props: {
     data: null,
@@ -572,14 +571,14 @@ const Ct = /* @__PURE__ */ re(wt, [["__scopeId", "data-v-edec7292"]]), St = { cl
     }), { list: a, containerProps: o, wrapperProps: d, innerProps: g, getItemHeightData: f } = r;
     return t({
       vListReturn: r
-    }), (v, p) => (T(), P("div", St, [
+    }), (v, p) => (T(), P("div", wt, [
       R("div", Ue({
         onScrollPassive: p[0] || (p[0] = (...i) => S(o).onScroll && S(o).onScroll(...i)),
         ref: S(o).ref,
         class: "virtualList"
       }, v.$attrs), [
-        R("div", ue(ce(S(d))), [
-          R("div", ue(ce(S(g))), [
+        R("div", ie(ue(S(d))), [
+          R("div", ie(ue(S(g))), [
             (T(!0), P(qe, null, Ye(S(a), ({ index: i, data: u }) => (T(), P("div", {
               key: i,
               style: oe({
@@ -598,23 +597,23 @@ const Ct = /* @__PURE__ */ re(wt, [["__scopeId", "data-v-edec7292"]]), St = { cl
     ]));
   }
 });
-const Bt = /* @__PURE__ */ re(Et, [["__scopeId", "data-v-4ba97cce"]]);
+const Ct = /* @__PURE__ */ Be(Ot, [["__scopeId", "data-v-4ba97cce"]]);
 export {
-  Ct as ScrollBar,
-  Rt as SvgIcon,
-  Bt as VirtualList,
-  He as allSelectedKey,
+  Rt as ScrollBar,
+  Tt as SvgIcon,
+  Ct as VirtualList,
+  Ee as allSelectedKey,
   pt as closeDialogKey,
-  Tt as dialogController,
-  Ce as isAllSelectedKey,
+  It as dialogController,
+  Re as isAllSelectedKey,
   xe as isSelectedKey,
-  Te as selectAllKey,
-  Ie as selectKey,
-  Oe as toggleAllKey,
-  Ee as toggleKey,
-  Be as unselectAllKey,
-  Re as unselectKey,
-  It as useSelectable,
-  Ht as useSelectableInjectors,
+  Ie as selectAllKey,
+  He as selectKey,
+  Se as toggleAllKey,
+  Oe as toggleKey,
+  Ce as unselectAllKey,
+  Te as unselectKey,
+  Ht as useSelectable,
+  Et as useSelectableInjectors,
   ft as useVirtualList
 };

package/dist/index.umd.js

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

package/dist/style.css

@@ -1 +1 @@
-.modal[data-v-c9f7a6a8]{position:absolute;display:flex;inset:0;background-color:#1c1917;z-index:999}.dialog[data-v-c9f7a6a8]{margin:auto;display:flex;flex-direction:column}.v-leave-active[data-v-edec7292]{transition:all .15s ease-out;transition-delay:.9s}.v-leave-to[data-v-edec7292]{opacity:0}.slider-wrapper[data-v-edec7292]{z-index:100;position:absolute;right:0;touch-action:none}.default-slider[data-v-edec7292]{width:6px;height:100%;background-color:#0003;border-radius:3px;margin-right:3px}.virtualList[data-v-4ba97cce]{width:100%;height:100%;position:absolute;overflow-y:auto;scroll-behavior:smooth;user-select:none}.virtualListWrapper[data-v-4ba97cce]{width:100%;height:100%;position:relative}
+.v-leave-active[data-v-edec7292]{transition:all .15s ease-out;transition-delay:.9s}.v-leave-to[data-v-edec7292]{opacity:0}.slider-wrapper[data-v-edec7292]{z-index:100;position:absolute;right:0;touch-action:none}.default-slider[data-v-edec7292]{width:6px;height:100%;background-color:#0003;border-radius:3px;margin-right:3px}.virtualList[data-v-4ba97cce]{width:100%;height:100%;position:absolute;overflow-y:auto;scroll-behavior:smooth;user-select:none}.virtualListWrapper[data-v-4ba97cce]{width:100%;height:100%;position:relative}

package/package.json

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