@lazycatcloud/lzc-toolkit 0.0.49 → 0.0.50

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { unref as b, getCurrentScope as Ce, onScopeDispose as Be, getCurrentInstance as Pe, onMounted as te, nextTick as ne, ref as g, watch as $, shallowRef as Re, computed as f, onUnmounted as fe, inject as x, provide as E, defineComponent as F, openBlock as I, createBlock as pe, Transition as he, withCtx as me, createElementBlock as B, createElementVNode as H, withModifiers as $e, normalizeClass as Fe, renderSlot as oe, createCommentVNode as Ae, render as J, h as R, normalizeStyle as j, toDisplayString as Le, useSlots as De, withDirectives as We, vShow as Me, pushScopeId as ke, popScopeId as Ve, toRef as ze, mergeProps as Ke, normalizeProps as se, guardReactiveProps as re, Fragment as je, renderList as Ne } from "vue";
+import { unref as b, getCurrentScope as Ce, onScopeDispose as Re, getCurrentInstance as Be, onMounted as te, nextTick as oe, ref as g, watch as $, shallowRef as Pe, computed as f, onUnmounted as fe, inject as T, provide as x, defineComponent as F, openBlock as I, createBlock as pe, Transition as he, withCtx as me, createElementBlock as R, createElementVNode as H, withModifiers as $e, normalizeClass as Fe, renderSlot as ne, createCommentVNode as Ae, render as J, h as P, normalizeStyle as j, toDisplayString as Le, useSlots as De, withDirectives as We, vShow as Me, pushScopeId as ke, popScopeId as Ve, toRef as ze, mergeProps as Ke, normalizeProps as se, guardReactiveProps as re, Fragment as je, renderList as Ne } from "vue";
 var ae;
 const A = typeof window < "u";
 A && ((ae = window?.navigator) == null ? void 0 : ae.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
@@ -6,21 +6,21 @@ function X(t) {
   return typeof t == "function" ? t() : b(t);
 }
 function Qe(t, e) {
-  function n(...o) {
-    t(() => e.apply(this, o), { fn: e, thisArg: this, args: o });
+  function o(...n) {
+    t(() => e.apply(this, n), { fn: e, thisArg: this, args: n });
   }
-  return n;
+  return o;
 }
 function Ue(t, e = {}) {
-  let n, o;
+  let o, n;
   return (r) => {
     const l = X(t), d = X(e.maxWait);
-    if (n && clearTimeout(n), l <= 0 || d !== void 0 && d <= 0)
-      return o && (clearTimeout(o), o = null), r();
-    d && !o && (o = setTimeout(() => {
-      n && clearTimeout(n), o = null, r();
-    }, d)), n = setTimeout(() => {
-      o && clearTimeout(o), o = null, r();
+    if (o && clearTimeout(o), l <= 0 || d !== void 0 && d <= 0)
+      return n && (clearTimeout(n), n = null), r();
+    d && !n && (n = setTimeout(() => {
+      o && clearTimeout(o), n = null, r();
+    }, d)), o = setTimeout(() => {
+      n && clearTimeout(n), n = null, r();
     }, l);
   };
 }
@@ -28,41 +28,41 @@ function qe(t) {
   return t;
 }
 function Ye(t) {
-  return Ce() ? (Be(t), !0) : !1;
+  return Ce() ? (Re(t), !0) : !1;
 }
-function ge(t, e = 200, n = {}) {
-  return Qe(Ue(e, n), t);
+function ge(t, e = 200, o = {}) {
+  return Qe(Ue(e, o), t);
 }
 function Ge(t, e = !0) {
-  Pe() ? te(t) : e ? t() : ne(t);
+  Be() ? te(t) : e ? t() : oe(t);
 }
 function _e(t) {
   var e;
-  const n = X(t);
-  return (e = n?.$el) != null ? e : n;
+  const o = X(t);
+  return (e = o?.$el) != null ? e : o;
 }
 const Je = A ? window : void 0;
 A && window.document;
 A && window.navigator;
 A && window.location;
 function Xe(t, e = !1) {
-  const n = g(), o = () => n.value = Boolean(t());
-  return o(), Ge(o, e), n;
+  const o = g(), n = () => o.value = Boolean(t());
+  return n(), Ge(n, e), o;
 }
 const Z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ee = "__vueuse_ssr_handlers__";
 Z[ee] = Z[ee] || {};
 Z[ee];
 var ie = Object.getOwnPropertySymbols, Ze = Object.prototype.hasOwnProperty, et = Object.prototype.propertyIsEnumerable, tt = (t, e) => {
-  var n = {};
-  for (var o in t)
-    Ze.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
+  var o = {};
+  for (var n in t)
+    Ze.call(t, n) && e.indexOf(n) < 0 && (o[n] = t[n]);
   if (t != null && ie)
-    for (var o of ie(t))
-      e.indexOf(o) < 0 && et.call(t, o) && (n[o] = t[o]);
-  return n;
+    for (var n of ie(t))
+      e.indexOf(n) < 0 && et.call(t, n) && (o[n] = t[n]);
+  return o;
 };
-function nt(t, e, n = {}) {
-  const o = n, { window: s = Je } = o, r = tt(o, ["window"]);
+function ot(t, e, o = {}) {
+  const n = o, { window: s = Je } = n, r = tt(n, ["window"]);
   let l;
   const d = Xe(() => s && "ResizeObserver" in s), m = () => {
     l && (l.disconnect(), l = void 0);
@@ -76,12 +76,12 @@ function nt(t, e, n = {}) {
     stop: v
   };
 }
-function ot(t, e = { width: 0, height: 0 }, n = {}) {
-  const { box: o = "content-box" } = n, s = g(e.width), r = g(e.height);
-  return nt(t, ([l]) => {
-    const d = o === "border-box" ? l.borderBoxSize : o === "content-box" ? l.contentBoxSize : l.devicePixelContentBoxSize;
+function nt(t, e = { width: 0, height: 0 }, o = {}) {
+  const { box: n = "content-box" } = o, s = g(e.width), r = g(e.height);
+  return ot(t, ([l]) => {
+    const d = n === "border-box" ? l.borderBoxSize : n === "content-box" ? l.contentBoxSize : l.devicePixelContentBoxSize;
     d ? (s.value = d.reduce((m, { inlineSize: p }) => m + p, 0), r.value = d.reduce((m, { blockSize: p }) => m + p, 0)) : (s.value = l.contentRect.width, r.value = l.contentRect.height);
-  }, n), $(() => _e(t), (l) => {
+  }, o), $(() => _e(t), (l) => {
     s.value = l ? e.width : 0, r.value = l ? e.height : 0;
   }), {
     width: s,
@@ -92,12 +92,12 @@ var ue;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })(ue || (ue = {}));
-var lt = Object.defineProperty, ce = Object.getOwnPropertySymbols, st = Object.prototype.hasOwnProperty, rt = Object.prototype.propertyIsEnumerable, de = (t, e, n) => e in t ? lt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, at = (t, e) => {
-  for (var n in e || (e = {}))
-    st.call(e, n) && de(t, n, e[n]);
+var lt = Object.defineProperty, ce = Object.getOwnPropertySymbols, st = Object.prototype.hasOwnProperty, rt = Object.prototype.propertyIsEnumerable, de = (t, e, o) => e in t ? lt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, at = (t, e) => {
+  for (var o in e || (e = {}))
+    st.call(e, o) && de(t, o, e[o]);
   if (ce)
-    for (var n of ce(e))
-      rt.call(e, n) && de(t, n, e[n]);
+    for (var o of ce(e))
+      rt.call(e, o) && de(t, o, e[o]);
   return t;
 };
 const it = {
@@ -130,16 +130,16 @@ at({
   linear: qe
 }, it);
 function ut(t, e) {
-  const { scrollEndHook: n, itemHeight: o, overscan: s = 5 } = e, r = g(null), l = ot(r), d = g(!0), m = ge(Q, 100);
+  const { scrollEndHook: o, itemHeight: n, overscan: s = 5 } = e, r = g(null), l = nt(r), d = g(!0), m = ge(Q, 100);
   let p;
-  const v = Re(t), h = g(0), i = g({ start: 0, end: 10 });
+  const v = Pe(t), h = g(0), i = g({ start: 0, end: 10 });
   let u = 0;
-  const T = g([]), _ = f(() => {
+  const E = g([]), _ = f(() => {
     let { sum: a, height: c } = { sum: 0, height: 0 };
-    return v.value.map((w, y) => (typeof o == "number" ? c = o : c = o(y), a += c, { height: c, sum: a }));
-  }), N = f(() => V(i.value.start)), C = f(() => typeof o == "number" ? _.value.length * o : _.value[_.value.length - 1]?.sum || 0), L = f(() => {
-    let a = T.value.length - s, c = Math.max(a - u, 0);
-    return T.value.slice(c, a);
+    return v.value.map((w, y) => (typeof n == "number" ? c = n : c = n(y), a += c, { height: c, sum: a }));
+  }), N = f(() => V(i.value.start)), C = f(() => typeof n == "number" ? _.value.length * n : _.value[_.value.length - 1]?.sum || 0), L = f(() => {
+    let a = E.value.length - s, c = Math.max(a - u, 0);
+    return E.value.slice(c, a);
   });
   te(() => {
   }), fe(() => cancelAnimationFrame(p)), $(
@@ -155,16 +155,16 @@ function ut(t, e) {
     d.value = !1;
   }
   function Q() {
-    d.value = !0, n?.();
+    d.value = !0, o?.();
   }
   function W() {
     cancelAnimationFrame(p), p = requestAnimationFrame(M);
   }
   function M() {
     if (r.value) {
-      h.value = r.value.scrollTop, u = P();
+      h.value = r.value.scrollTop, u = B();
       let a = k(h.value), c = a + u + s;
-      a = a - s, a = a < 0 ? 0 : a, c = c > v.value.length ? v.value.length : c, i.value = { start: a, end: c }, T.value = v.value.slice(a, c).map((w, y) => ({
+      a = a - s, a = a < 0 ? 0 : a, c = c > v.value.length ? v.value.length : c, i.value = { start: a, end: c }, E.value = v.value.slice(a, c).map((w, y) => ({
         data: w,
         index: y + a
       }));
@@ -178,15 +178,15 @@ function ut(t, e) {
     }
     return Math.max(0, y);
   }
-  function P() {
+  function B() {
     let a = 0, c = 0, w = U();
     for (let y = w; y < _.value.length && (a++, c += _.value[y].height, !(c >= l.height.value)); y++)
       ;
     return a;
   }
   function V(a) {
-    if (typeof o == "number")
-      return a * o;
+    if (typeof n == "number")
+      return a * n;
     let c = _.value[a];
     return c ? c.sum - c.height : 0;
   }
@@ -218,7 +218,7 @@ function ut(t, e) {
     overflowY: "auto"
   };
   return {
-    list: T,
+    list: E,
     visiableList: L,
     getItemHeightData: z,
     getoffsetTopIndex: k,
@@ -238,15 +238,15 @@ function ut(t, e) {
     innerProps: K
   };
 }
-const be = Symbol(), ye = Symbol(), Se = Symbol(), we = Symbol(), Oe = Symbol(), Ee = Symbol(), Te = Symbol(), xe = Symbol(), He = Symbol();
-function Et() {
-  const { voidFn: t, boolFn: e, boolRef: n, arrayRef: o } = {
+const be = Symbol(), ye = Symbol(), Se = Symbol(), we = Symbol(), Oe = Symbol(), xe = Symbol(), Ee = Symbol(), Te = Symbol(), He = Symbol();
+function xt() {
+  const { voidFn: t, boolFn: e, boolRef: o, arrayRef: n } = {
     voidFn: (u) => {
     },
     boolFn: (u) => !1,
     boolRef: f(() => !1),
     arrayRef: f(() => [])
-  }, s = x(we, o), r = x(Se, e), l = x(xe, n), d = x(ye, t), m = x(be, t), p = x(Oe, t), v = x(Ee, t), h = x(Te, t), i = x(He, t);
+  }, s = T(we, n), r = T(Se, e), l = T(Te, o), d = T(ye, t), m = T(be, t), p = T(Oe, t), v = T(xe, t), h = T(Ee, t), i = T(He, t);
   return {
     selected: s,
     isSelected: r,
@@ -259,39 +259,39 @@ function Et() {
     unselectAll: i
   };
 }
-function Tt(t, e) {
-  const n = g({}), o = f(() => t.value.filter((i) => n.value[i[e]])), s = f(() => o.value.length != 0 && Object.keys(n.value).length == t.value.length);
+function Et(t, e) {
+  const o = g({}), n = f(() => t.value.filter((i) => o.value[i[e]])), s = f(() => n.value.length != 0 && Object.keys(o.value).length == t.value.length);
   function r() {
     t.value.forEach((i) => {
-      n.value[i[e]] = !0;
+      o.value[i[e]] = !0;
     });
   }
   function l() {
-    n.value = {};
+    o.value = {};
   }
   function d(i) {
     i.forEach((u) => {
-      n.value[u[e]] || (n.value[u[e]] = !0);
+      o.value[u[e]] || (o.value[u[e]] = !0);
     });
   }
   function m(i) {
     i.forEach((u) => {
-      n.value[u[e]] && delete n.value[u[e]];
+      o.value[u[e]] && delete o.value[u[e]];
     });
   }
   function p(i) {
-    return !!n.value[i[e]];
+    return !!o.value[i[e]];
   }
   function v(i) {
     i.forEach((u) => {
-      p(u) ? delete n.value[u[e]] : n.value[u[e]] = !0;
+      p(u) ? delete o.value[u[e]] : o.value[u[e]] = !0;
     });
   }
   function h() {
     s.value ? l() : r();
   }
-  return E(be, h), E(ye, v), E(Se, p), E(we, o), E(Oe, d), E(Ee, r), E(Te, m), E(xe, s), E(He, l), {
-    selected: o,
+  return x(be, h), x(ye, v), x(Se, p), x(we, n), x(Oe, d), x(xe, r), x(Ee, m), x(Te, s), x(He, l), {
+    selected: n,
     select: d,
     selectAll: r,
     unselect: m,
@@ -311,14 +311,14 @@ const ct = Symbol(), dt = /* @__PURE__ */ F({
   },
   emits: ["update:visiable"],
   setup(t, { emit: e }) {
-    const n = t, o = () => {
-      n.closeOnClickOverlay && e("update:visiable", !1);
+    const o = t, n = () => {
+      o.closeOnClickOverlay && e("update:visiable", !1);
     };
-    return E(ct, () => e("update:visiable", !1)), (s, r) => (I(), pe(he, { name: "modal" }, {
+    return x(ct, () => e("update:visiable", !1)), (s, r) => (I(), pe(he, { name: "modal" }, {
       default: me(() => [
-        t.visiable ? (I(), B("div", {
+        t.visiable ? (I(), R("div", {
           key: 0,
-          onClick: o,
+          onClick: n,
           class: "modal absolute inset-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"
         }, [
           H("div", {
@@ -326,7 +326,7 @@ const ct = Symbol(), dt = /* @__PURE__ */ F({
             }, ["stop"])),
             class: Fe(["dialog m-auto flex flex-col", t.dialogClass])
           }, [
-            oe(s.$slots, "default")
+            ne(s.$slots, "default")
           ], 2)
         ])) : Ae("", !0)
       ]),
@@ -334,11 +334,11 @@ const ct = Symbol(), dt = /* @__PURE__ */ F({
     }));
   }
 });
-function xt(t) {
-  function e(n, o) {
+function Tt(t) {
+  function e(o, n) {
     const s = document.createElement("div"), r = {
       setup() {
-        return () => R(
+        return () => P(
           dt,
           {
             visiable: !0,
@@ -348,12 +348,12 @@ function xt(t) {
             ...t
           },
           {
-            default: () => R(n, o)
+            default: () => P(o, n)
           }
         );
       }
     };
-    return document.body.appendChild(s), J(R(r), s), {
+    return document.body.appendChild(s), J(P(r), s), {
       close: () => s?.remove()
     };
   }
@@ -368,7 +368,7 @@ const vt = { class: "toast" }, ft = /* @__PURE__ */ F({
     position: null
   },
   setup(t) {
-    const e = t, n = g(), o = g(), s = g(), r = f(() => {
+    const e = t, o = g(), n = g(), s = g(), r = f(() => {
       switch (e.position) {
         case "top":
           return 10;
@@ -378,16 +378,19 @@ const vt = { class: "toast" }, ft = /* @__PURE__ */ F({
           return 85;
       }
     }), l = f(() => ({
+      position: "absolute",
+      borderRadius: "10px",
+      backgroundColor: "rgba(0, 0, 0, 0.8)",
+      padding: "14px 19px",
       top: `calc(${r.value}% - ${s.value}px)`,
-      left: `calc(50% - ${o.value}px)`,
-      backgroundColor: "black"
+      left: `calc(50% - ${n.value}px)`
     }));
-    return ne(() => {
-      o.value = n.value.offsetWidth / 2, s.value = n.value.offsetHeight / 2;
-    }), (d, m) => (I(), B("div", {
+    return oe(() => {
+      n.value = o.value.offsetWidth / 2, s.value = o.value.offsetHeight / 2;
+    }), (d, m) => (I(), R("div", {
       id: "toastWrapper",
       ref_key: "toastWrapper",
-      ref: n,
+      ref: o,
       class: "toastWrapper",
       style: j([b(l), { zIndex: 9999 }])
     }, [
@@ -398,11 +401,11 @@ const vt = { class: "toast" }, ft = /* @__PURE__ */ F({
   }
 });
 const le = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [o, s] of e)
-    n[o] = s;
-  return n;
-}, pt = /* @__PURE__ */ le(ft, [["__scopeId", "data-v-aef44c80"]]), ve = {
+  const o = t.__vccOpts || t;
+  for (const [n, s] of e)
+    o[n] = s;
+  return o;
+}, pt = /* @__PURE__ */ le(ft, [["__scopeId", "data-v-4a518cee"]]), ve = {
   message: "\u61D2\u732B\u4E91 Yes!!!",
   position: "middle",
   duration: 1500
@@ -414,12 +417,12 @@ class Ht {
     this.options = e, this.container = document.createElement("div");
   }
   present() {
-    const e = R(R(pt), { ...ve, ...this.options });
+    const e = P(P(pt), { ...ve, ...this.options });
     J(e, this.container), document.body.insertBefore(this.container, document.body.firstChild);
-    const n = this.options.duration || ve.duration;
+    const o = this.options.duration || ve.duration;
     setTimeout(() => {
       this.dismiss();
-    }, n);
+    }, o);
   }
   dismiss() {
     this.container && (this.container.querySelector("#toastWrapper")?.classList.add("animate-toastAnimation"), setTimeout(() => {
@@ -437,17 +440,17 @@ const ht = ["xlink:href", "fill", "color"], It = /* @__PURE__ */ F({
     height: null
   },
   setup(t) {
-    const e = t, n = f(() => `#${e.prefix}-${e.name}`), o = f(() => ({
+    const e = t, o = f(() => `#${e.prefix}-${e.name}`), n = f(() => ({
       width: `${e.width ?? e.height}px`,
       height: `${e.height ?? e.width}px`,
       aspectRatio: e.width && e.height ? void 0 : "1/1"
     }));
-    return (s, r) => (I(), B("svg", {
+    return (s, r) => (I(), R("svg", {
       "aria-hidden": "",
-      style: j(b(o))
+      style: j(b(n))
     }, [
       H("use", {
-        "xlink:href": b(n),
+        "xlink:href": b(o),
         fill: t.color,
         color: t.color
       }, null, 8, ht)
@@ -457,8 +460,8 @@ const ht = ["xlink:href", "fill", "color"], It = /* @__PURE__ */ F({
 function mt(t) {
   const {
     containerEl: e,
-    sliderEl: n,
-    autoHeight: o,
+    sliderEl: o,
+    autoHeight: n,
     performance: s = {},
     maxHeightRatio: r = 0.9
   } = t, l = g(!0), d = ge(V, 100);
@@ -468,23 +471,23 @@ function mt(t) {
     scrollTop: 0,
     scrollHeight: 0,
     clientHeight: 0
-  }), T = g({
+  }), E = g({
     clientHeight: 0
-  }), _ = f(() => !!h.value), N = f(() => u.value.scrollHeight > u.value.clientHeight), C = f(() => u.value.clientHeight - T.value.clientHeight), L = f(() => u.value.scrollHeight - u.value.clientHeight), D = f(() => Math.max(
+  }), _ = f(() => !!h.value), N = f(() => u.value.scrollHeight > u.value.clientHeight), C = f(() => u.value.clientHeight - E.value.clientHeight), L = f(() => u.value.scrollHeight - u.value.clientHeight), D = f(() => Math.max(
     u.value.clientHeight / u.value.scrollHeight,
     0.05
   )), Q = f(() => D.value > r ? 0 : D.value * u.value.clientHeight), W = f(() => ({
     willChange: "transform",
     transform: `translate3d(0,${i.value}px,0)`,
-    height: o ? `${Q.value}px` : void 0
+    height: n ? `${Q.value}px` : void 0
   }));
   function M(S) {
-    P(), h.value = S.clientY - n.value.getBoundingClientRect().top || 1, p = getComputedStyle(e.value).scrollBehavior, p === "smooth" && (e.value.style.scrollBehavior = "unset");
+    B(), h.value = S.clientY - o.value.getBoundingClientRect().top || 1, p = getComputedStyle(e.value).scrollBehavior, p === "smooth" && (e.value.style.scrollBehavior = "unset");
   }
   function k() {
     e.value.style.scrollBehavior = p, h.value = 0, d();
   }
-  function P() {
+  function B() {
     l.value = !1;
   }
   function V() {
@@ -509,7 +512,7 @@ function mt(t) {
   }
   function K(S) {
     let O = "addEventListener";
-    S === "add" ? O = "addEventListener" : O = "removeEventListener", n.value?.[O]("pointerdown", M, {
+    S === "add" ? O = "addEventListener" : O = "removeEventListener", o.value?.[O]("pointerdown", M, {
       passive: !0
     }), window[O]("pointermove", z, { passive: !0 }), window[O]("pointerup", k, { passive: !0 });
   }
@@ -520,8 +523,8 @@ function mt(t) {
     u.value.top = e.value?.getBoundingClientRect().top ?? 0, u.value.scrollHeight = e.value?.scrollHeight ?? 0, u.value.clientHeight = e.value?.clientHeight ?? 0;
   }
   function c() {
-    P(), setTimeout(() => {
-      T.value.clientHeight = n.value?.clientHeight ?? 0, V();
+    B(), setTimeout(() => {
+      E.value.clientHeight = o.value?.clientHeight ?? 0, V();
     }, 150);
   }
   function w() {
@@ -534,7 +537,7 @@ function mt(t) {
     ), e.value?.classList.add("hide-scrollbar");
   }
   function y() {
-    e.value && n.value ? (w(), e.value.addEventListener("scroll", U, {
+    e.value && o.value ? (w(), e.value.addEventListener("scroll", U, {
       passive: !0
     }), K("add"), G.observe(e.value, {
       subtree: !0,
@@ -542,10 +545,10 @@ function mt(t) {
       attributeFilter: ["style"]
     }), setTimeout(() => {
       a();
-    }, 100), c()) : console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: e, sliderEl: n });
+    }, 100), c()) : console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: e, sliderEl: o });
   }
   return $(v, () => {
-    P(), d();
+    B(), d();
   }), {
     isScrollEnd: l,
     isDragSlider: _,
@@ -566,14 +569,14 @@ const gt = (t) => (ke("data-v-edec7292"), t = t(), Ve(), t), _t = /* @__PURE__ *
     performance: null
   },
   setup(t, { expose: e }) {
-    const n = t, o = !!De().default, s = g(null), r = f(() => n.containerEl), l = mt({
+    const o = t, n = !!De().default, s = g(null), r = f(() => o.containerEl), l = mt({
       containerEl: r,
       sliderEl: s,
-      autoHeight: o ? n.autoHeight : !0,
-      performance: n.performance
-    }), { scrollable: d, isScrollEnd: m, sliderPos: p } = l, v = g(!1), h = n.autoHide ? f(() => v.value || !m.value) : f(() => d.value);
+      autoHeight: n ? o.autoHeight : !0,
+      performance: o.performance
+    }), { scrollable: d, isScrollEnd: m, sliderPos: p } = l, v = g(!1), h = o.autoHide ? f(() => v.value || !m.value) : f(() => d.value);
     te(() => {
-      ne(() => {
+      oe(() => {
         l.init();
       });
     }), fe(() => {
@@ -585,7 +588,7 @@ const gt = (t) => (ke("data-v-edec7292"), t = t(), Ve(), t), _t = /* @__PURE__ *
     function u() {
       v.value = !1;
     }
-    return e({ uScrollBarReturn: l }), (T, _) => (I(), pe(he, null, {
+    return e({ uScrollBarReturn: l }), (E, _) => (I(), pe(he, null, {
       default: me(() => [
         We(H("div", {
           ref_key: "sliderRef",
@@ -595,7 +598,7 @@ const gt = (t) => (ke("data-v-edec7292"), t = t(), Ve(), t), _t = /* @__PURE__ *
           onMouseleave: u,
           style: j(b(p))
         }, [
-          oe(T.$slots, "default", {}, () => [
+          ne(E.$slots, "default", {}, () => [
             _t
           ], !0)
         ], 36), [
@@ -617,17 +620,17 @@ const Ct = /* @__PURE__ */ le(bt, [["__scopeId", "data-v-edec7292"]]), yt = { cl
     overscan: { default: 10 }
   },
   emits: ["scrollEnd"],
-  setup(t, { expose: e, emit: n }) {
-    const o = t, s = ut(ze(o, "data"), {
-      itemHeight: (v) => o.itemHeight(o.data[v]),
-      overscan: o.overscan,
+  setup(t, { expose: e, emit: o }) {
+    const n = t, s = ut(ze(n, "data"), {
+      itemHeight: (v) => n.itemHeight(n.data[v]),
+      overscan: n.overscan,
       scrollEndHook: () => {
-        n("scrollEnd");
+        o("scrollEnd");
       }
     }), { list: r, containerProps: l, wrapperProps: d, innerProps: m, getItemHeightData: p } = s;
     return e({
       vListReturn: s
-    }), (v, h) => (I(), B("div", yt, [
+    }), (v, h) => (I(), R("div", yt, [
       H("div", Ke({
         onScrollPassive: h[0] || (h[0] = (...i) => b(l).onScroll && b(l).onScroll(...i)),
         ref: b(l).ref,
@@ -635,14 +638,14 @@ const Ct = /* @__PURE__ */ le(bt, [["__scopeId", "data-v-edec7292"]]), yt = { cl
       }, v.$attrs), [
         H("div", se(re(b(d))), [
           H("div", se(re(b(m))), [
-            (I(!0), B(je, null, Ne(b(r), ({ index: i, data: u }) => (I(), B("div", {
+            (I(!0), R(je, null, Ne(b(r), ({ index: i, data: u }) => (I(), R("div", {
               key: i,
               style: j({
                 height: `${b(p)(i).height}px`,
                 display: "flex"
               })
             }, [
-              oe(v.$slots, "default", {
+              ne(v.$slots, "default", {
                 data: u,
                 index: i
               }, void 0, !0)
@@ -653,24 +656,24 @@ const Ct = /* @__PURE__ */ le(bt, [["__scopeId", "data-v-edec7292"]]), yt = { cl
     ]));
   }
 });
-const Bt = /* @__PURE__ */ le(wt, [["__scopeId", "data-v-4ba97cce"]]);
+const Rt = /* @__PURE__ */ le(wt, [["__scopeId", "data-v-4ba97cce"]]);
 export {
   Ct as ScrollBar,
   It as SvgIcon,
   Ht as ToastCreator,
-  Bt as VirtualList,
+  Rt as VirtualList,
   we as allSelectedKey,
   ct as closeDialogKey,
-  xt as dialogController,
-  xe as isAllSelectedKey,
+  Tt as dialogController,
+  Te as isAllSelectedKey,
   Se as isSelectedKey,
-  Ee as selectAllKey,
+  xe as selectAllKey,
   Oe as selectKey,
   be as toggleAllKey,
   ye as toggleKey,
   He as unselectAllKey,
-  Te as unselectKey,
-  Tt as useSelectable,
-  Et as useSelectableInjectors,
+  Ee as unselectKey,
+  Et as useSelectable,
+  xt as useSelectableInjectors,
   ut 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 ee;const T=typeof window<"u";T&&((ee=window?.navigator)==null?void 0:ee.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function $(n){return typeof n=="function"?n():e.unref(n)}function ue(n,t){function o(...l){n(()=>t.apply(this,l),{fn:t,thisArg:this,args:l})}return o}function de(n,t={}){let o,l;return a=>{const r=$(n),f=$(t.maxWait);if(o&&clearTimeout(o),r<=0||f!==void 0&&f<=0)return l&&(clearTimeout(l),l=null),a();f&&!l&&(l=setTimeout(()=>{o&&clearTimeout(o),l=null,a()},f)),o=setTimeout(()=>{l&&clearTimeout(l),l=null,a()},r)}}function fe(n){return n}function pe(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function te(n,t=200,o={}){return ue(de(t,o),n)}function he(n,t=!0){e.getCurrentInstance()?e.onMounted(n):t?n():e.nextTick(n)}function ne(n){var t;const o=$(n);return(t=o?.$el)!=null?t:o}const me=T?window:void 0;T&&window.document,T&&window.navigator,T&&window.location;function ge(n,t=!1){const o=e.ref(),l=()=>o.value=Boolean(n());return l(),he(l,t),o}const F=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},L="__vueuse_ssr_handlers__";F[L]=F[L]||{},F[L];var oe=Object.getOwnPropertySymbols,_e=Object.prototype.hasOwnProperty,ye=Object.prototype.propertyIsEnumerable,ve=(n,t)=>{var o={};for(var l in n)_e.call(n,l)&&t.indexOf(l)<0&&(o[l]=n[l]);if(n!=null&&oe)for(var l of oe(n))t.indexOf(l)<0&&ye.call(n,l)&&(o[l]=n[l]);return o};function be(n,t,o={}){const l=o,{window:i=me}=l,a=ve(l,["window"]);let r;const f=ge(()=>i&&"ResizeObserver"in i),_=()=>{r&&(r.disconnect(),r=void 0)},m=e.watch(()=>ne(n),g=>{_(),f.value&&i&&g&&(r=new ResizeObserver(t),r.observe(g,a))},{immediate:!0,flush:"post"}),p=()=>{_(),m()};return pe(p),{isSupported:f,stop:p}}function Se(n,t={width:0,height:0},o={}){const{box:l="content-box"}=o,i=e.ref(t.width),a=e.ref(t.height);return be(n,([r])=>{const f=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;f?(i.value=f.reduce((_,{inlineSize:m})=>_+m,0),a.value=f.reduce((_,{blockSize:m})=>_+m,0)):(i.value=r.contentRect.width,a.value=r.contentRect.height)},o),e.watch(()=>ne(n),r=>{i.value=r?t.width:0,a.value=r?t.height:0}),{width:i,height:a}}var le;(function(n){n.UP="UP",n.RIGHT="RIGHT",n.DOWN="DOWN",n.LEFT="LEFT",n.NONE="NONE"})(le||(le={}));var we=Object.defineProperty,re=Object.getOwnPropertySymbols,Ee=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable,ie=(n,t,o)=>t in n?we(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,Te=(n,t)=>{for(var o in t||(t={}))Ee.call(t,o)&&ie(n,o,t[o]);if(re)for(var o of re(t))Oe.call(t,o)&&ie(n,o,t[o]);return n};Te({linear:fe},{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 ae(n,t){const{scrollEndHook:o,itemHeight:l,overscan:i=5}=t,a=e.ref(null),r=Se(a),f=e.ref(!0),_=te(Y,100);let m;const p=e.shallowRef(n),g=e.ref(0),c=e.ref({start:0,end:10});let u=0;const E=e.ref([]),y=e.computed(()=>{let{sum:s,height:d}={sum:0,height:0};return p.value.map((S,v)=>(typeof l=="number"?d=l:d=l(v),s+=d,{height:d,sum:s}))}),q=e.computed(()=>R(c.value.start)),O=e.computed(()=>typeof l=="number"?y.value.length*l:y.value[y.value.length-1]?.sum||0),I=e.computed(()=>{let s=E.value.length-i,d=Math.max(s-u,0);return E.value.slice(d,s)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(m)),e.watch([r.width,r.height,p],([s,d])=>{(s||d)&&C()},{deep:!0}),e.watch(g,()=>{H(),_()});function H(){f.value=!1}function Y(){f.value=!0,o?.()}function C(){cancelAnimationFrame(m),m=requestAnimationFrame(P)}function P(){if(a.value){g.value=a.value.scrollTop,u=B();let s=x(g.value),d=s+u+i;s=s-i,s=s<0?0:s,d=d>p.value.length?p.value.length:d,c.value={start:s,end:d},E.value=p.value.slice(s,d).map((S,v)=>({data:S,index:v+s}))}}function x(s){let d=0,S=y.value.length-1,v=-1;for(;d<=S;){const b=Math.floor((d+S)/2);y.value[b].sum>=s?(v=b,S=b-1):d=b+1}return Math.max(0,v)}function B(){let s=0,d=0,S=G();for(let v=S;v<y.value.length&&(s++,d+=y.value[v].height,!(d>=r.height.value));v++);return s}function R(s){if(typeof l=="number")return s*l;let d=y.value[s];return d?d.sum-d.height:0}function k(s){return y.value[s]||{sum:0,height:0}}function G(){let s=c.value.start;return s>=i&&(s+=i),s}function J(s){if(a.value){const d=k(s);a.value.scrollTop=d.sum-d.height,P()}}const X=e.computed(()=>({style:{width:"100%",height:`${O.value}px`,pointerEvents:f.value?void 0:"none"}})),A=e.computed(()=>({style:{transform:`translate3d(0, ${q.value}px, 0)`,"will-change":"transform"}})),Z={overflowY:"auto"};return{list:E,visiableList:I,getItemHeightData:k,getoffsetTopIndex:x,totalHeight:O,clientHeight:r.height,scrollTo:J,scrollTop:g,isScrollEnd:f,containerProps:{ref:a,onScroll:()=>{C()},style:Z},wrapperProps:X,innerProps:A}}const D=Symbol(),V=Symbol(),j=Symbol(),K=Symbol(),M=Symbol(),N=Symbol(),W=Symbol(),z=Symbol(),Q=Symbol();function Be(){const{voidFn:n,boolFn:t,boolRef:o,arrayRef:l}={voidFn:u=>{},boolFn:u=>!1,boolRef:e.computed(()=>!1),arrayRef:e.computed(()=>[])},i=e.inject(K,l),a=e.inject(j,t),r=e.inject(z,o),f=e.inject(V,n),_=e.inject(D,n),m=e.inject(M,n),p=e.inject(N,n),g=e.inject(W,n),c=e.inject(Q,n);return{selected:i,isSelected:a,isAllSelected:r,toggle:f,toggleAll:_,select:m,selectAll:p,unselect:g,unselectAll:c}}function Ie(n,t){const o=e.ref({}),l=e.computed(()=>n.value.filter(c=>o.value[c[t]])),i=e.computed(()=>l.value.length!=0&&Object.keys(o.value).length==n.value.length);function a(){n.value.forEach(c=>{o.value[c[t]]=!0})}function r(){o.value={}}function f(c){c.forEach(u=>{o.value[u[t]]||(o.value[u[t]]=!0)})}function _(c){c.forEach(u=>{o.value[u[t]]&&delete o.value[u[t]]})}function m(c){return!!o.value[c[t]]}function p(c){c.forEach(u=>{m(u)?delete o.value[u[t]]:o.value[u[t]]=!0})}function g(){i.value?r():a()}return e.provide(D,g),e.provide(V,p),e.provide(j,m),e.provide(K,l),e.provide(M,f),e.provide(N,a),e.provide(W,_),e.provide(z,i),e.provide(Q,r),{selected:l,select:f,selectAll:a,unselect:_,unselectAll:r,toggle:p,toggleAll:g,isSelected:m,isAllSelected:i}}const se=Symbol(),He=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0},dialogClass:{default:""}},emits:["update:visiable"],setup(n,{emit:t}){const o=n,l=()=>{o.closeOnClickOverlay&&t("update:visiable",!1)};return e.provide(se,()=>t("update:visiable",!1)),(i,a)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[n.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l,class:"modal absolute inset-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"},[e.createElementVNode("div",{onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",n.dialogClass])},[e.renderSlot(i.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function Ce(n){function t(o,l){const i=document.createElement("div"),a={setup(){return()=>e.h(He,{visiable:!0,"onUpdate:visiable":()=>{i?.remove()},...n},{default:()=>e.h(o,l)})}};return document.body.appendChild(i),e.render(e.h(a),i),{close:()=>i?.remove()}}return{create:t}}const Pe={class:"toast"},xe=e.defineComponent({__name:"Toast",props:{message:null,position:null},setup(n){const t=n,o=e.ref(),l=e.ref(),i=e.ref(),a=e.computed(()=>{switch(t.position){case"top":return 10;case"middle":return 50;case"bottom":return 85}}),r=e.computed(()=>({top:`calc(${a.value}% - ${i.value}px)`,left:`calc(50% - ${l.value}px)`,backgroundColor:"black"}));return e.nextTick(()=>{l.value=o.value.offsetWidth/2,i.value=o.value.offsetHeight/2}),(f,_)=>(e.openBlock(),e.createElementBlock("div",{id:"toastWrapper",ref_key:"toastWrapper",ref:o,class:"toastWrapper",style:e.normalizeStyle([e.unref(r),{zIndex:9999}])},[e.createElementVNode("div",Pe,[e.createElementVNode("span",null,e.toDisplayString(n.message),1)])],4))}}),Qe="",U=(n,t)=>{const o=n.__vccOpts||n;for(const[l,i]of t)o[l]=i;return o},Re=U(xe,[["__scopeId","data-v-aef44c80"]]),ce={message:"\u61D2\u732B\u4E91 Yes!!!",position:"middle",duration:1500};class ke{options;container;constructor(t){this.options=t,this.container=document.createElement("div")}present(){const t=e.h(e.h(Re),{...ce,...this.options});e.render(t,this.container),document.body.insertBefore(this.container,document.body.firstChild);const o=this.options.duration||ce.duration;setTimeout(()=>{this.dismiss()},o)}dismiss(){this.container&&(this.container.querySelector("#toastWrapper")?.classList.add("animate-toastAnimation"),setTimeout(()=>{this.container&&(e.render(null,this.container),document.body.removeChild(this.container))},500))}}const Ae=["xlink:href","fill","color"],$e=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(n){const t=n,o=e.computed(()=>`#${t.prefix}-${t.name}`),l=e.computed(()=>({width:`${t.width??t.height}px`,height:`${t.height??t.width}px`,aspectRatio:t.width&&t.height?void 0:"1/1"}));return(i,a)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(l))},[e.createElementVNode("use",{"xlink:href":e.unref(o),fill:n.color,color:n.color},null,8,Ae)],4))}});function Fe(n){const{containerEl:t,sliderEl:o,autoHeight:l,performance:i={},maxHeightRatio:a=.9}=n,r=e.ref(!0),f=te(R,100);let _,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),q=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),H=e.computed(()=>Math.max(u.value.clientHeight/u.value.scrollHeight,.05)),Y=e.computed(()=>H.value>a?0:H.value*u.value.clientHeight),C=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:l?`${Y.value}px`:void 0}));function P(b){B(),g.value=b.clientY-o.value.getBoundingClientRect().top||1,m=getComputedStyle(t.value).scrollBehavior,m==="smooth"&&(t.value.style.scrollBehavior="unset")}function x(){t.value.style.scrollBehavior=m,g.value=0,f()}function B(){r.value=!1}function R(){y.value||(r.value=!0)}function k(b){if(!y.value)return;let w=b.clientY-u.value.top-g.value;w<0?c.value=0:w>=O.value?c.value=O.value:c.value=w,t.value.scrollTo({top:c.value/O.value*I.value})}function G(){y.value||J()}function J(){cancelAnimationFrame(_),_=requestAnimationFrame(X)}function X(){t.value&&(p.value=i.scrollTop?.value??t.value.scrollTop,c.value=p.value/I.value*O.value)}function A(b){let w="addEventListener";b==="add"?w="addEventListener":w="removeEventListener",o.value?.[w]("pointerdown",P,{passive:!0}),window[w]("pointermove",k,{passive:!0}),window[w]("pointerup",x,{passive:!0})}const Z=new MutationObserver(b=>{b.map(We=>We.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 d(){B(),setTimeout(()=>{E.value.clientHeight=o.value?.clientHeight??0,R()},150)}function S(){document.styleSheets[0].insertRule(".hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }",0),document.styleSheets[0].insertRule(".hide-scrollbar::-webkit-scrollbar{ display: none }",0),t.value?.classList.add("hide-scrollbar")}function v(){t.value&&o.value?(S(),t.value.addEventListener("scroll",G,{passive:!0}),A("add"),Z.observe(t.value,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),setTimeout(()=>{s()},100),d()):console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:t,sliderEl:o})}return e.watch(p,()=>{B(),f()}),{isScrollEnd:r,isDragSlider:y,offsetTop:c,scrollTop:p,scrollable:q,sliderPos:C,init:v,modifySliderEventListener:A}}const Le=(n=>(e.pushScopeId("data-v-edec7292"),n=n(),e.popScopeId(),n))(()=>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(n,{expose:t}){const o=n,l=!!e.useSlots().default,i=e.ref(null),a=e.computed(()=>o.containerEl),r=Fe({containerEl:a,sliderEl:i,autoHeight:l?o.autoHeight:!0,performance:o.performance}),{scrollable:f,isScrollEnd:_,sliderPos:m}=r,p=e.ref(!1),g=o.autoHide?e.computed(()=>p.value||!_.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 t({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",{},()=>[Le],!0)],36),[[e.vShow,e.unref(g)]])]),_:3}))}}),qe="",Ve=U(De,[["__scopeId","data-v-edec7292"]]),je={class:"virtualListWrapper"},Ke={inheritAttrs:!1},Me=e.defineComponent({...Ke,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},emits:["scrollEnd"],setup(n,{expose:t,emit:o}){const l=n,i=ae(e.toRef(l,"data"),{itemHeight:p=>l.itemHeight(l.data[p]),overscan:l.overscan,scrollEndHook:()=>{o("scrollEnd")}}),{list:a,containerProps:r,wrapperProps:f,innerProps:_,getItemHeightData:m}=i;return t({vListReturn:i}),(p,g)=>(e.openBlock(),e.createElementBlock("div",je,[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(_))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),({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="",Ne=U(Me,[["__scopeId","data-v-4ba97cce"]]);h.ScrollBar=Ve,h.SvgIcon=$e,h.ToastCreator=ke,h.VirtualList=Ne,h.allSelectedKey=K,h.closeDialogKey=se,h.dialogController=Ce,h.isAllSelectedKey=z,h.isSelectedKey=j,h.selectAllKey=N,h.selectKey=M,h.toggleAllKey=D,h.toggleKey=V,h.unselectAllKey=Q,h.unselectKey=W,h.useSelectable=Ie,h.useSelectableInjectors=Be,h.useVirtualList=ae,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 ee;const T=typeof window<"u";T&&((ee=window?.navigator)==null?void 0:ee.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function $(n){return typeof n=="function"?n():e.unref(n)}function ue(n,t){function o(...l){n(()=>t.apply(this,l),{fn:t,thisArg:this,args:l})}return o}function de(n,t={}){let o,l;return a=>{const r=$(n),f=$(t.maxWait);if(o&&clearTimeout(o),r<=0||f!==void 0&&f<=0)return l&&(clearTimeout(l),l=null),a();f&&!l&&(l=setTimeout(()=>{o&&clearTimeout(o),l=null,a()},f)),o=setTimeout(()=>{l&&clearTimeout(l),l=null,a()},r)}}function fe(n){return n}function pe(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function te(n,t=200,o={}){return ue(de(t,o),n)}function he(n,t=!0){e.getCurrentInstance()?e.onMounted(n):t?n():e.nextTick(n)}function ne(n){var t;const o=$(n);return(t=o?.$el)!=null?t:o}const me=T?window:void 0;T&&window.document,T&&window.navigator,T&&window.location;function ge(n,t=!1){const o=e.ref(),l=()=>o.value=Boolean(n());return l(),he(l,t),o}const F=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},L="__vueuse_ssr_handlers__";F[L]=F[L]||{},F[L];var oe=Object.getOwnPropertySymbols,_e=Object.prototype.hasOwnProperty,ye=Object.prototype.propertyIsEnumerable,ve=(n,t)=>{var o={};for(var l in n)_e.call(n,l)&&t.indexOf(l)<0&&(o[l]=n[l]);if(n!=null&&oe)for(var l of oe(n))t.indexOf(l)<0&&ye.call(n,l)&&(o[l]=n[l]);return o};function be(n,t,o={}){const l=o,{window:i=me}=l,a=ve(l,["window"]);let r;const f=ge(()=>i&&"ResizeObserver"in i),_=()=>{r&&(r.disconnect(),r=void 0)},m=e.watch(()=>ne(n),g=>{_(),f.value&&i&&g&&(r=new ResizeObserver(t),r.observe(g,a))},{immediate:!0,flush:"post"}),p=()=>{_(),m()};return pe(p),{isSupported:f,stop:p}}function Se(n,t={width:0,height:0},o={}){const{box:l="content-box"}=o,i=e.ref(t.width),a=e.ref(t.height);return be(n,([r])=>{const f=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;f?(i.value=f.reduce((_,{inlineSize:m})=>_+m,0),a.value=f.reduce((_,{blockSize:m})=>_+m,0)):(i.value=r.contentRect.width,a.value=r.contentRect.height)},o),e.watch(()=>ne(n),r=>{i.value=r?t.width:0,a.value=r?t.height:0}),{width:i,height:a}}var le;(function(n){n.UP="UP",n.RIGHT="RIGHT",n.DOWN="DOWN",n.LEFT="LEFT",n.NONE="NONE"})(le||(le={}));var we=Object.defineProperty,re=Object.getOwnPropertySymbols,Ee=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable,ie=(n,t,o)=>t in n?we(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,Te=(n,t)=>{for(var o in t||(t={}))Ee.call(t,o)&&ie(n,o,t[o]);if(re)for(var o of re(t))Oe.call(t,o)&&ie(n,o,t[o]);return n};Te({linear:fe},{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 ae(n,t){const{scrollEndHook:o,itemHeight:l,overscan:i=5}=t,a=e.ref(null),r=Se(a),f=e.ref(!0),_=te(Y,100);let m;const p=e.shallowRef(n),g=e.ref(0),c=e.ref({start:0,end:10});let u=0;const E=e.ref([]),y=e.computed(()=>{let{sum:s,height:d}={sum:0,height:0};return p.value.map((S,v)=>(typeof l=="number"?d=l:d=l(v),s+=d,{height:d,sum:s}))}),q=e.computed(()=>R(c.value.start)),O=e.computed(()=>typeof l=="number"?y.value.length*l:y.value[y.value.length-1]?.sum||0),I=e.computed(()=>{let s=E.value.length-i,d=Math.max(s-u,0);return E.value.slice(d,s)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(m)),e.watch([r.width,r.height,p],([s,d])=>{(s||d)&&C()},{deep:!0}),e.watch(g,()=>{H(),_()});function H(){f.value=!1}function Y(){f.value=!0,o?.()}function C(){cancelAnimationFrame(m),m=requestAnimationFrame(x)}function x(){if(a.value){g.value=a.value.scrollTop,u=B();let s=P(g.value),d=s+u+i;s=s-i,s=s<0?0:s,d=d>p.value.length?p.value.length:d,c.value={start:s,end:d},E.value=p.value.slice(s,d).map((S,v)=>({data:S,index:v+s}))}}function P(s){let d=0,S=y.value.length-1,v=-1;for(;d<=S;){const b=Math.floor((d+S)/2);y.value[b].sum>=s?(v=b,S=b-1):d=b+1}return Math.max(0,v)}function B(){let s=0,d=0,S=G();for(let v=S;v<y.value.length&&(s++,d+=y.value[v].height,!(d>=r.height.value));v++);return s}function R(s){if(typeof l=="number")return s*l;let d=y.value[s];return d?d.sum-d.height:0}function k(s){return y.value[s]||{sum:0,height:0}}function G(){let s=c.value.start;return s>=i&&(s+=i),s}function J(s){if(a.value){const d=k(s);a.value.scrollTop=d.sum-d.height,x()}}const X=e.computed(()=>({style:{width:"100%",height:`${O.value}px`,pointerEvents:f.value?void 0:"none"}})),A=e.computed(()=>({style:{transform:`translate3d(0, ${q.value}px, 0)`,"will-change":"transform"}})),Z={overflowY:"auto"};return{list:E,visiableList:I,getItemHeightData:k,getoffsetTopIndex:P,totalHeight:O,clientHeight:r.height,scrollTo:J,scrollTop:g,isScrollEnd:f,containerProps:{ref:a,onScroll:()=>{C()},style:Z},wrapperProps:X,innerProps:A}}const D=Symbol(),V=Symbol(),j=Symbol(),K=Symbol(),M=Symbol(),N=Symbol(),W=Symbol(),z=Symbol(),Q=Symbol();function Be(){const{voidFn:n,boolFn:t,boolRef:o,arrayRef:l}={voidFn:u=>{},boolFn:u=>!1,boolRef:e.computed(()=>!1),arrayRef:e.computed(()=>[])},i=e.inject(K,l),a=e.inject(j,t),r=e.inject(z,o),f=e.inject(V,n),_=e.inject(D,n),m=e.inject(M,n),p=e.inject(N,n),g=e.inject(W,n),c=e.inject(Q,n);return{selected:i,isSelected:a,isAllSelected:r,toggle:f,toggleAll:_,select:m,selectAll:p,unselect:g,unselectAll:c}}function Ie(n,t){const o=e.ref({}),l=e.computed(()=>n.value.filter(c=>o.value[c[t]])),i=e.computed(()=>l.value.length!=0&&Object.keys(o.value).length==n.value.length);function a(){n.value.forEach(c=>{o.value[c[t]]=!0})}function r(){o.value={}}function f(c){c.forEach(u=>{o.value[u[t]]||(o.value[u[t]]=!0)})}function _(c){c.forEach(u=>{o.value[u[t]]&&delete o.value[u[t]]})}function m(c){return!!o.value[c[t]]}function p(c){c.forEach(u=>{m(u)?delete o.value[u[t]]:o.value[u[t]]=!0})}function g(){i.value?r():a()}return e.provide(D,g),e.provide(V,p),e.provide(j,m),e.provide(K,l),e.provide(M,f),e.provide(N,a),e.provide(W,_),e.provide(z,i),e.provide(Q,r),{selected:l,select:f,selectAll:a,unselect:_,unselectAll:r,toggle:p,toggleAll:g,isSelected:m,isAllSelected:i}}const se=Symbol(),He=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0},dialogClass:{default:""}},emits:["update:visiable"],setup(n,{emit:t}){const o=n,l=()=>{o.closeOnClickOverlay&&t("update:visiable",!1)};return e.provide(se,()=>t("update:visiable",!1)),(i,a)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[n.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l,class:"modal absolute inset-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"},[e.createElementVNode("div",{onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",n.dialogClass])},[e.renderSlot(i.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function Ce(n){function t(o,l){const i=document.createElement("div"),a={setup(){return()=>e.h(He,{visiable:!0,"onUpdate:visiable":()=>{i?.remove()},...n},{default:()=>e.h(o,l)})}};return document.body.appendChild(i),e.render(e.h(a),i),{close:()=>i?.remove()}}return{create:t}}const xe={class:"toast"},Pe=e.defineComponent({__name:"Toast",props:{message:null,position:null},setup(n){const t=n,o=e.ref(),l=e.ref(),i=e.ref(),a=e.computed(()=>{switch(t.position){case"top":return 10;case"middle":return 50;case"bottom":return 85}}),r=e.computed(()=>({position:"absolute",borderRadius:"10px",backgroundColor:"rgba(0, 0, 0, 0.8)",padding:"14px 19px",top:`calc(${a.value}% - ${i.value}px)`,left:`calc(50% - ${l.value}px)`}));return e.nextTick(()=>{l.value=o.value.offsetWidth/2,i.value=o.value.offsetHeight/2}),(f,_)=>(e.openBlock(),e.createElementBlock("div",{id:"toastWrapper",ref_key:"toastWrapper",ref:o,class:"toastWrapper",style:e.normalizeStyle([e.unref(r),{zIndex:9999}])},[e.createElementVNode("div",xe,[e.createElementVNode("span",null,e.toDisplayString(n.message),1)])],4))}}),Qe="",U=(n,t)=>{const o=n.__vccOpts||n;for(const[l,i]of t)o[l]=i;return o},Re=U(Pe,[["__scopeId","data-v-4a518cee"]]),ce={message:"\u61D2\u732B\u4E91 Yes!!!",position:"middle",duration:1500};class ke{options;container;constructor(t){this.options=t,this.container=document.createElement("div")}present(){const t=e.h(e.h(Re),{...ce,...this.options});e.render(t,this.container),document.body.insertBefore(this.container,document.body.firstChild);const o=this.options.duration||ce.duration;setTimeout(()=>{this.dismiss()},o)}dismiss(){this.container&&(this.container.querySelector("#toastWrapper")?.classList.add("animate-toastAnimation"),setTimeout(()=>{this.container&&(e.render(null,this.container),document.body.removeChild(this.container))},500))}}const Ae=["xlink:href","fill","color"],$e=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(n){const t=n,o=e.computed(()=>`#${t.prefix}-${t.name}`),l=e.computed(()=>({width:`${t.width??t.height}px`,height:`${t.height??t.width}px`,aspectRatio:t.width&&t.height?void 0:"1/1"}));return(i,a)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(l))},[e.createElementVNode("use",{"xlink:href":e.unref(o),fill:n.color,color:n.color},null,8,Ae)],4))}});function Fe(n){const{containerEl:t,sliderEl:o,autoHeight:l,performance:i={},maxHeightRatio:a=.9}=n,r=e.ref(!0),f=te(R,100);let _,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),q=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),H=e.computed(()=>Math.max(u.value.clientHeight/u.value.scrollHeight,.05)),Y=e.computed(()=>H.value>a?0:H.value*u.value.clientHeight),C=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:l?`${Y.value}px`:void 0}));function x(b){B(),g.value=b.clientY-o.value.getBoundingClientRect().top||1,m=getComputedStyle(t.value).scrollBehavior,m==="smooth"&&(t.value.style.scrollBehavior="unset")}function P(){t.value.style.scrollBehavior=m,g.value=0,f()}function B(){r.value=!1}function R(){y.value||(r.value=!0)}function k(b){if(!y.value)return;let w=b.clientY-u.value.top-g.value;w<0?c.value=0:w>=O.value?c.value=O.value:c.value=w,t.value.scrollTo({top:c.value/O.value*I.value})}function G(){y.value||J()}function J(){cancelAnimationFrame(_),_=requestAnimationFrame(X)}function X(){t.value&&(p.value=i.scrollTop?.value??t.value.scrollTop,c.value=p.value/I.value*O.value)}function A(b){let w="addEventListener";b==="add"?w="addEventListener":w="removeEventListener",o.value?.[w]("pointerdown",x,{passive:!0}),window[w]("pointermove",k,{passive:!0}),window[w]("pointerup",P,{passive:!0})}const Z=new MutationObserver(b=>{b.map(We=>We.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 d(){B(),setTimeout(()=>{E.value.clientHeight=o.value?.clientHeight??0,R()},150)}function S(){document.styleSheets[0].insertRule(".hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }",0),document.styleSheets[0].insertRule(".hide-scrollbar::-webkit-scrollbar{ display: none }",0),t.value?.classList.add("hide-scrollbar")}function v(){t.value&&o.value?(S(),t.value.addEventListener("scroll",G,{passive:!0}),A("add"),Z.observe(t.value,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),setTimeout(()=>{s()},100),d()):console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:t,sliderEl:o})}return e.watch(p,()=>{B(),f()}),{isScrollEnd:r,isDragSlider:y,offsetTop:c,scrollTop:p,scrollable:q,sliderPos:C,init:v,modifySliderEventListener:A}}const Le=(n=>(e.pushScopeId("data-v-edec7292"),n=n(),e.popScopeId(),n))(()=>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(n,{expose:t}){const o=n,l=!!e.useSlots().default,i=e.ref(null),a=e.computed(()=>o.containerEl),r=Fe({containerEl:a,sliderEl:i,autoHeight:l?o.autoHeight:!0,performance:o.performance}),{scrollable:f,isScrollEnd:_,sliderPos:m}=r,p=e.ref(!1),g=o.autoHide?e.computed(()=>p.value||!_.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 t({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",{},()=>[Le],!0)],36),[[e.vShow,e.unref(g)]])]),_:3}))}}),qe="",Ve=U(De,[["__scopeId","data-v-edec7292"]]),je={class:"virtualListWrapper"},Ke={inheritAttrs:!1},Me=e.defineComponent({...Ke,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},emits:["scrollEnd"],setup(n,{expose:t,emit:o}){const l=n,i=ae(e.toRef(l,"data"),{itemHeight:p=>l.itemHeight(l.data[p]),overscan:l.overscan,scrollEndHook:()=>{o("scrollEnd")}}),{list:a,containerProps:r,wrapperProps:f,innerProps:_,getItemHeightData:m}=i;return t({vListReturn:i}),(p,g)=>(e.openBlock(),e.createElementBlock("div",je,[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(_))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),({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="",Ne=U(Me,[["__scopeId","data-v-4ba97cce"]]);h.ScrollBar=Ve,h.SvgIcon=$e,h.ToastCreator=ke,h.VirtualList=Ne,h.allSelectedKey=K,h.closeDialogKey=se,h.dialogController=Ce,h.isAllSelectedKey=z,h.isSelectedKey=j,h.selectAllKey=N,h.selectKey=M,h.toggleAllKey=D,h.toggleKey=V,h.unselectAllKey=Q,h.unselectKey=W,h.useSelectable=Ie,h.useSelectableInjectors=Be,h.useVirtualList=ae,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-.toastWrapper[data-v-aef44c80]{position:absolute;border-radius:10px;background-color:#000c;padding:14px 19px}.toast[data-v-aef44c80]{width:fit-content;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px}.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}
+.toast[data-v-4a518cee]{width:fit-content;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px}.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.49",
+  "version": "0.0.50",
   "description": "lazycat ui toolkits",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",