@lazycatcloud/lzc-toolkit 0.0.94 → 0.0.96

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { getCurrentScope as st, onScopeDispose as at, getCurrentInstance as $e, onMounted as ne, nextTick as me, ref as p, watch as Y, customRef as rt, unref as R, readonly as ut, onUpdated as it, shallowRef as ct, computed as b, onUnmounted as Re, inject as V, provide as z, defineComponent as N, h as Q, render as se, openBlock as I, createBlock as Ie, Transition as Be, withCtx as Me, withDirectives as Pe, createElementBlock as H, createElementVNode as x, withModifiers as He, normalizeClass as Ae, renderSlot as ge, createCommentVNode as dt, useCssVars as Fe, normalizeProps as ve, guardReactiveProps as fe, pushScopeId as re, popScopeId as ue, normalizeStyle as W, toDisplayString as ke, useSlots as vt, vShow as ft, toRef as ht, Fragment as be, createVNode as pt, mergeProps as mt, renderList as gt } from "vue";
+import { getCurrentScope as st, onScopeDispose as at, getCurrentInstance as De, onMounted as ne, nextTick as me, ref as p, watch as Y, customRef as rt, unref as R, readonly as ut, onUpdated as it, shallowRef as ct, computed as w, onUnmounted as Re, inject as V, provide as z, defineComponent as j, h as Q, render as se, openBlock as I, createBlock as Ie, Transition as Be, withCtx as Me, withDirectives as Pe, createElementBlock as H, createElementVNode as x, withModifiers as He, normalizeClass as Ae, renderSlot as ge, createCommentVNode as dt, useCssVars as Fe, normalizeProps as ve, guardReactiveProps as fe, pushScopeId as re, popScopeId as ue, normalizeStyle as W, toDisplayString as ke, useSlots as vt, vShow as ft, toRef as ht, Fragment as we, createVNode as pt, mergeProps as mt, renderList as gt } from "vue";
 const _t = {
   created(e, t) {
     let n, o;
@@ -53,7 +53,7 @@ function yt(e, t = {}) {
     }, s);
   };
 }
-function wt(e, t = !0, n = !0) {
+function bt(e, t = !0, n = !0) {
   let o = 0, l, a = !0;
   const s = () => {
     l && (clearTimeout(l), l = void 0);
@@ -67,7 +67,7 @@ function wt(e, t = !0, n = !0) {
     }, v)), !n && !l && (l = setTimeout(() => a = !0, v)), a = !1;
   };
 }
-function bt(e) {
+function wt(e) {
   return e;
 }
 function Et(e, t) {
@@ -93,12 +93,12 @@ function Ye(e, t = 200, n = {}) {
   return ze(yt(t, n), e);
 }
 function Se(e, t = 200, n = !1, o = !0) {
-  return ze(wt(t, n, o), e);
+  return ze(bt(t, n, o), e);
 }
-function Ne(e, t = !0) {
-  $e() ? ne(e) : t ? e() : me(e);
+function je(e, t = !0) {
+  De() ? ne(e) : t ? e() : me(e);
 }
-function je(e) {
+function Ne(e) {
   var t;
   const n = ae(e);
   return (t = n?.$el) != null ? t : n;
@@ -108,16 +108,16 @@ le && window.navigator;
 le && window.location;
 function xt(e, t = !1) {
   const n = p(), o = () => n.value = Boolean(e());
-  return o(), Ne(o, t), n;
+  return o(), je(o, t), n;
 }
 const he = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, pe = "__vueuse_ssr_handlers__";
 he[pe] = he[pe] || {};
 he[pe];
 function Lt() {
-  const e = $e(), t = Et(() => null, () => e.proxy.$el);
+  const e = De(), t = Et(() => null, () => e.proxy.$el);
   return it(t.trigger), ne(t.trigger), t;
 }
-var xe = Object.getOwnPropertySymbols, Tt = Object.prototype.hasOwnProperty, Ot = Object.prototype.propertyIsEnumerable, Dt = (e, t) => {
+var xe = Object.getOwnPropertySymbols, Tt = Object.prototype.hasOwnProperty, Ot = Object.prototype.propertyIsEnumerable, $t = (e, t) => {
   var n = {};
   for (var o in e)
     Tt.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
@@ -126,12 +126,12 @@ var xe = Object.getOwnPropertySymbols, Tt = Object.prototype.hasOwnProperty, Ot
       t.indexOf(o) < 0 && Ot.call(e, o) && (n[o] = e[o]);
   return n;
 };
-function $t(e, t, n = {}) {
-  const o = n, { window: l = Ct } = o, a = Dt(o, ["window"]);
+function Dt(e, t, n = {}) {
+  const o = n, { window: l = Ct } = o, a = $t(o, ["window"]);
   let s;
   const r = xt(() => l && "ResizeObserver" in l), h = () => {
     s && (s.disconnect(), s = void 0);
-  }, v = Y(() => je(e), (c) => {
+  }, v = Y(() => Ne(e), (c) => {
     h(), r.value && l && c && (s = new ResizeObserver(t), s.observe(c, a));
   }, { immediate: !0, flush: "post" }), i = () => {
     h(), v();
@@ -143,10 +143,10 @@ function $t(e, t, n = {}) {
 }
 function Rt(e, t = { width: 0, height: 0 }, n = {}) {
   const { box: o = "content-box" } = n, l = p(t.width), a = p(t.height);
-  return $t(e, ([s]) => {
+  return Dt(e, ([s]) => {
     const r = o === "border-box" ? s.borderBoxSize : o === "content-box" ? s.contentBoxSize : s.devicePixelContentBoxSize;
     r ? (l.value = r.reduce((h, { inlineSize: v }) => h + v, 0), a.value = r.reduce((h, { blockSize: v }) => h + v, 0)) : (l.value = s.contentRect.width, a.value = s.contentRect.height);
-  }, n), Y(() => je(e), (s) => {
+  }, n), Y(() => Ne(e), (s) => {
     l.value = s ? t.width : 0, a.value = s ? t.height : 0;
   }), {
     width: l,
@@ -177,7 +177,7 @@ function _e(e, t = {}) {
   }, i = () => {
     !o || !n.value || (h(), o.head.removeChild(o.getElementById(s)), n.value = !1);
   };
-  return l && !a && Ne(v), a || We(i), {
+  return l && !a && je(v), a || We(i), {
     id: s,
     css: r,
     unload: i,
@@ -220,31 +220,31 @@ const At = {
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
 Ht({
-  linear: bt
+  linear: wt
 }, At);
 function Ft(e, t) {
   const { scrollEndHook: n, itemHeight: o, overscan: l = 5 } = t, a = p(null), s = Rt(a), r = p(!0), h = Ye(U, 100);
   let v;
   const i = ct(e), c = p(0), d = p({ start: 0, end: 10 }), u = p({ start: 0, end: l });
   let f = 0;
-  const O = p([]), m = b(() => {
-    let { sum: E, height: w } = { sum: 0, height: 0 };
-    return i.value.map((M, P) => (typeof o == "number" ? w = o : w = o(P), E += w, { height: w, sum: E }));
-  }), _ = b(() => X(d.value.start)), C = b(() => typeof o == "number" ? m.value.length * o : m.value[m.value.length - 1]?.sum || 0), A = b(() => {
-    const { start: E, end: w } = u.value;
-    return O.value.slice(E, w);
+  const O = p([]), m = w(() => {
+    let { sum: E, height: b } = { sum: 0, height: 0 };
+    return i.value.map((M, P) => (typeof o == "number" ? b = o : b = o(P), E += b, { height: b, sum: E }));
+  }), _ = w(() => X(d.value.start)), C = w(() => typeof o == "number" ? m.value.length * o : m.value[m.value.length - 1]?.sum || 0), A = w(() => {
+    const { start: E, end: b } = u.value;
+    return O.value.slice(E, b);
   });
   ne(() => {
   }), Re(() => cancelAnimationFrame(v)), Y(
     i,
     () => {
-      (s.width.value || s.height.value) && D();
+      (s.width.value || s.height.value) && $();
     },
     { deep: !0 }
   ), Y(
     [s.width, s.height],
-    ([E, w]) => {
-      (E || w) && D();
+    ([E, b]) => {
+      (E || b) && $();
     },
     { deep: !0 }
   ), Y(c, () => {
@@ -256,60 +256,60 @@ function Ft(e, t) {
   function U() {
     r.value = !0, n?.();
   }
-  function D() {
+  function $() {
     cancelAnimationFrame(v), v = requestAnimationFrame(S);
   }
   function S() {
     if (a.value) {
       c.value = a.value.scrollTop;
-      let E = $(c.value);
+      let E = D(c.value);
       f = q(E);
-      let w = Math.max(0, E - l), M = Math.min(
+      let b = Math.max(0, E - l), M = Math.min(
         E + f + l,
         i.value.length
       );
-      d.value = { start: w, end: M }, O.value = i.value.slice(w, M).map((P, T) => ({
+      d.value = { start: b, end: M }, O.value = i.value.slice(b, M).map((P, T) => ({
         data: P,
-        index: T + w
-      })), u.value.start = E - w, u.value.end = u.value.start + f;
+        index: T + b
+      })), u.value.start = E - b, u.value.end = u.value.start + f;
     }
   }
-  function $(E) {
-    let w = 0, M = m.value.length - 1, P = -1;
-    for (; w <= M; ) {
-      const T = Math.floor((w + M) / 2);
-      m.value[T].sum >= E ? (P = T, M = T - 1) : w = T + 1;
+  function D(E) {
+    let b = 0, M = m.value.length - 1, P = -1;
+    for (; b <= M; ) {
+      const T = Math.floor((b + M) / 2);
+      m.value[T].sum >= E ? (P = T, M = T - 1) : b = T + 1;
     }
     return Math.max(0, P);
   }
   function q(E) {
-    let w = 0, M = 0;
-    for (let P = E; P < m.value.length && (w++, M += m.value[P].height, !(M >= s.height.value)); P++)
+    let b = 0, M = 0;
+    for (let P = E; P < m.value.length && (b++, M += m.value[P].height, !(M >= s.height.value)); P++)
       ;
-    return w;
+    return b;
   }
   function X(E) {
     if (typeof o == "number")
       return E * o;
-    let w = m.value[E];
-    return w ? w.sum - w.height : 0;
+    let b = m.value[E];
+    return b ? b.sum - b.height : 0;
   }
   function k(E) {
     return m.value[E] || { sum: 0, height: 0 };
   }
   function J(E) {
     if (a.value) {
-      const w = k(E);
-      a.value.scrollTop = w.sum - w.height, S();
+      const b = k(E);
+      a.value.scrollTop = b.sum - b.height, S();
     }
   }
-  const oe = b(() => ({
+  const oe = w(() => ({
     style: {
       width: "100%",
       height: `${C.value}px`,
       pointerEvents: r.value ? void 0 : "none"
     }
-  })), ee = b(() => ({
+  })), ee = w(() => ({
     style: {
       transform: `translate3d(0, ${_.value}px, 0)`,
       "will-change": "transform"
@@ -321,7 +321,7 @@ function Ft(e, t) {
     list: O,
     visiableList: A,
     getItemHeightData: k,
-    getoffsetTopIndex: $,
+    getoffsetTopIndex: D,
     totalHeight: C,
     clientHeight: s.height,
     scrollTo: J,
@@ -330,7 +330,7 @@ function Ft(e, t) {
     containerProps: {
       ref: a,
       onScroll: () => {
-        D();
+        $();
       },
       style: G
     },
@@ -344,8 +344,8 @@ function xn() {
     voidFn: (u) => {
     },
     boolFn: (u) => !1,
-    boolRef: b(() => !1),
-    arrayRef: b(() => [])
+    boolRef: w(() => !1),
+    arrayRef: w(() => [])
   }, l = V(qe, o), a = V(Ue, t), s = V(Ze, n), r = V(Ke, e), h = V(Ve, e), v = V(Qe, e), i = V(Xe, e), c = V(Ge, e), d = V(Je, e);
   return {
     selected: l,
@@ -360,7 +360,7 @@ function xn() {
   };
 }
 function Ln(e, t) {
-  const n = p({}), o = b(() => e.value.filter((d) => n.value[d[t]])), l = b(() => o.value.length != 0 && Object.keys(n.value).length == e.value.length);
+  const n = p({}), o = w(() => e.value.filter((d) => n.value[d[t]])), l = w(() => o.value.length != 0 && Object.keys(n.value).length == e.value.length);
   function a() {
     e.value.forEach((d) => {
       n.value[d[t]] = !0;
@@ -419,7 +419,7 @@ function et({
     unselectAll: s = de("\u53D6\u6D88\u5168\u9009")
   } = o();
   let r = {};
-  const h = b(
+  const h = w(
     () => Se(t === "colum" ? tt : nt, 50)
   ), v = /* @__PURE__ */ new Set(), i = p(!0), c = p(), d = p(!1), u = p({ x: 0, y: 0 }), f = p({ x: 0, y: 0, scrollTop: 0 }), O = new ResizeObserver(
     (g) => m.value = g[0].target.getBoundingClientRect()
@@ -429,17 +429,17 @@ function et({
     sync(g = !1) {
       _.value.top = c.value?.scrollTop || 0, g && (_.value.height = c.value?.scrollHeight || 0);
     }
-  }), C = b(() => d.value ? {
+  }), C = w(() => d.value ? {
     left: Math.min(u.value.x, f.value.x) - m.value.left,
     top: Math.min(u.value.y, f.value.y) - m.value.top,
     width: Math.abs(u.value.x - f.value.x),
     height: Math.abs(u.value.y - f.value.y)
   } : { left: 0, top: 0, width: 0, height: 0 }), { margin: A = 50, startSpeed: K = 30, maxSpeed: U = 30 } = n;
-  let D;
-  const S = A, $ = K, q = U, X = (g) => g ** 1;
+  let $;
+  const S = A, D = K, q = U, X = (g) => g ** 1;
   let k = 0;
   function J(g) {
-    if (cancelAnimationFrame(D), k = oe(g), k = Math.max(
+    if (cancelAnimationFrame($), k = oe(g), k = Math.max(
       Math.min(k, q),
       -q
     ), k !== 0) {
@@ -448,17 +448,17 @@ function et({
         return;
       const F = _.value.height - m.value.height;
       let L = _.value.top + Number(k);
-      L = Math.min(Math.max(0, L), F), y.scrollTop = L, G(), D = requestAnimationFrame(() => J(g));
+      L = Math.min(Math.max(0, L), F), y.scrollTop = L, G(), $ = requestAnimationFrame(() => J(g));
     }
   }
   function oe(g) {
     if (c.value) {
       const F = m.value, L = F.bottom - g;
       if (L < S)
-        return $ * X(1 - L / S);
-      const j = g - F.top;
-      if (j < S)
-        return -$ * X(1 - j / S);
+        return D * X(1 - L / S);
+      const N = g - F.top;
+      if (N < S)
+        return -D * X(1 - N / S);
     }
     return 0;
   }
@@ -477,15 +477,15 @@ function et({
   function E(g, y, F = "dynamic-styles") {
     let L = document.getElementById(F);
     L || (L = document.createElement("style"), L.id = F, document.head.appendChild(L));
-    const j = L.sheet.cssRules, te = j.length, lt = `${g} { ${y} }`;
+    const N = L.sheet.cssRules, te = N.length, lt = `${g} { ${y} }`;
     for (let ce = 0; ce < te; ce++) {
-      const we = j[ce];
-      if (we.selectorText === g && we.style.cssText === y)
+      const be = N[ce];
+      if (be.selectorText === g && be.style.cssText === y)
         return;
     }
     L.sheet.insertRule(lt, te);
   }
-  function w(g, y) {
+  function b(g, y) {
     i.value = !0, d.value = !0, _.value.height ? _.value.sync() : _.value.sync(!0), u.value.x = g, u.value.y = y + _.value.top, f.value.x = u.value.x, f.value.y = u.value.y, c.value?.classList.add("disable-scroll-behavior"), v.clear();
   }
   function M(g, y, F) {
@@ -517,9 +517,9 @@ function et({
   function nt() {
     const g = [];
     let y = null, F = 0;
-    c.value?.querySelectorAll(`[${e}]`).forEach((L, j) => {
+    c.value?.querySelectorAll(`[${e}]`).forEach((L, N) => {
       const te = L.getAttribute(`${e}`);
-      g.push(te), ee(L.getBoundingClientRect()) ? (y === null && (y = j), y = Math.min(y, j), F = Math.max(F, j)) : (r[`${e}`] = te, v.has(te) && a([r]));
+      g.push(te), ee(L.getBoundingClientRect()) ? (y === null && (y = N), y = Math.min(y, N), F = Math.max(F, N)) : (r[`${e}`] = te, v.has(te) && a([r]));
     });
     for (let L = y; L < F + 1; L++)
       r[`${e}`] = g[L], l([r]), v.add(g[L]);
@@ -532,7 +532,7 @@ function et({
   }
   return {
     init: ot,
-    dragStart: w,
+    dragStart: b,
     dragMove: M,
     dragEnd: P,
     onScroll: T,
@@ -552,7 +552,7 @@ function Tn(e) {
     dragMove: s,
     dragEnd: r,
     cancelSelectAllBySingleClick: h
-  } = t, v = b(() => ({
+  } = t, v = w(() => ({
     left: `${o.value.left}px`,
     top: `${o.value.top}px`,
     width: `${o.value.width}px`,
@@ -565,7 +565,7 @@ function Tn(e) {
         opacity: 0.5;
     }`,
     { id: "styletag_lzc_dragselect", manual: !0 }
-  ), c = N({
+  ), c = j({
     render() {
       return Q("div", {
         id: "selectBoxEl",
@@ -645,7 +645,7 @@ function On(e, t, n = 600) {
 const kt = Symbol(), zt = {
   key: 0,
   class: "lzc-modal"
-}, Wt = /* @__PURE__ */ N({
+}, Wt = /* @__PURE__ */ j({
   __name: "Dialog",
   props: {
     visiable: { type: Boolean, default: !1 },
@@ -681,7 +681,7 @@ const Z = (e, t) => {
     n[o] = l;
   return n;
 }, Yt = /* @__PURE__ */ Z(Wt, [["__scopeId", "data-v-4ff684af"]]);
-function Dn(e) {
+function $n(e) {
   function t(n, o) {
     const l = document.createElement("div"), a = {
       setup() {
@@ -708,7 +708,7 @@ function Dn(e) {
     create: t
   };
 }
-function Nt({
+function jt({
   component: e,
   componentProps: t,
   delay: n = 300
@@ -724,7 +724,7 @@ function Nt({
       opacity: 0;
       animation: lzcDelayLoad 0s ${a} forwards;
     }`
-  ), { LoadingComp: N({
+  ), { LoadingComp: j({
     setup() {
       const r = Lt();
       return ne(() => {
@@ -733,12 +733,12 @@ function Nt({
     }
   }) };
 }
-function $n({
+function Dn({
   component: e,
   componentProps: t,
   delay: n = 300
 }) {
-  const { LoadingComp: o } = Nt({
+  const { LoadingComp: o } = jt({
     component: e,
     componentProps: t,
     delay: n
@@ -751,11 +751,11 @@ function $n({
   }
   return { LoadingComp: o, loading: l, load: a, unload: s };
 }
-const jt = (e) => (re("data-v-d0ad7597"), e = e(), ue(), e), Vt = /* @__PURE__ */ jt(() => /* @__PURE__ */ x("div", { class: "ldio-mm5gwljcryb" }, [
+const Nt = (e) => (re("data-v-d0ad7597"), e = e(), ue(), e), Vt = /* @__PURE__ */ Nt(() => /* @__PURE__ */ x("div", { class: "ldio-mm5gwljcryb" }, [
   /* @__PURE__ */ x("div")
 ], -1)), Kt = [
   Vt
-], Ut = /* @__PURE__ */ N({
+], Ut = /* @__PURE__ */ j({
   __name: "DefaultLoading",
   props: {
     width: { default: 24 },
@@ -768,7 +768,7 @@ const jt = (e) => (re("data-v-d0ad7597"), e = e(), ue(), e), Vt = /* @__PURE__ *
     })), (t, n) => (I(), H("div", ve(fe(t.$attrs)), Kt, 16));
   }
 });
-const Rn = /* @__PURE__ */ Z(Ut, [["__scopeId", "data-v-d0ad7597"]]), qt = ["onClick"], Qt = /* @__PURE__ */ N({
+const Rn = /* @__PURE__ */ Z(Ut, [["__scopeId", "data-v-d0ad7597"]]), qt = ["onClick"], Qt = /* @__PURE__ */ j({
   __name: "Toast",
   props: {
     message: null,
@@ -776,7 +776,7 @@ const Rn = /* @__PURE__ */ Z(Ut, [["__scopeId", "data-v-d0ad7597"]]), qt = ["onC
     buttonClickEvent: null
   },
   setup(e) {
-    const t = e, n = p(), o = p(), l = p(), a = b(() => {
+    const t = e, n = p(), o = p(), l = p(), a = w(() => {
       switch (t.position) {
         case "top":
           return 10;
@@ -785,14 +785,14 @@ const Rn = /* @__PURE__ */ Z(Ut, [["__scopeId", "data-v-d0ad7597"]]), qt = ["onC
         case "bottom":
           return 85;
       }
-    }), s = b(() => ({
+    }), s = w(() => ({
       position: "absolute",
       borderRadius: "10px",
       backgroundColor: "rgba(0, 0, 0, 0.8)",
       padding: "14px 19px",
       top: `calc(${a.value}% - ${l.value}px)`,
       left: `calc(50% - ${o.value}px)`
-    })), r = b(() => ({
+    })), r = w(() => ({
       width: "fit-content",
       display: "flex",
       justifyContent: "center",
@@ -821,7 +821,7 @@ const Rn = /* @__PURE__ */ Z(Ut, [["__scopeId", "data-v-d0ad7597"]]), qt = ["onC
     ], 12, qt));
   }
 });
-const Xt = /* @__PURE__ */ Z(Qt, [["__scopeId", "data-v-533e986b"]]), De = {
+const Xt = /* @__PURE__ */ Z(Qt, [["__scopeId", "data-v-533e986b"]]), $e = {
   message: "\u61D2\u732B\u4E91 Yes!!!",
   position: "middle",
   duration: 1500,
@@ -835,9 +835,9 @@ class In {
     this.options = t, this.container = document.createElement("div");
   }
   present() {
-    const t = Q(Q(Xt), { ...De, ...this.options });
+    const t = Q(Q(Xt), { ...$e, ...this.options });
     se(t, this.container), document.body.insertBefore(this.container, document.body.firstChild);
-    const n = this.options.duration || De.duration;
+    const n = this.options.duration || $e.duration;
     setTimeout(() => {
       this.dismiss();
     }, n);
@@ -853,7 +853,7 @@ class In {
     }
   }
 }
-const Gt = ["xlink:href", "fill", "color"], Bn = /* @__PURE__ */ N({
+const Gt = ["xlink:href", "fill", "color"], Bn = /* @__PURE__ */ j({
   __name: "SvgIcon",
   props: {
     name: null,
@@ -863,14 +863,18 @@ const Gt = ["xlink:href", "fill", "color"], Bn = /* @__PURE__ */ N({
     height: null
   },
   setup(e) {
-    const t = e, n = b(() => `#${t.prefix}-${t.name}`), o = b(() => ({
+    const t = e, n = w(() => `#${t.prefix}-${t.name}`), o = w(() => ({
       width: `${t.width ?? t.height}px`,
       height: `${t.height ?? t.width}px`,
       aspectRatio: t.width && t.height ? void 0 : "1/1"
     }));
-    return (l, a) => (I(), H("svg", {
+    function l(a) {
+      const { style: s } = a;
+      return typeof s == "object" ? s : {};
+    }
+    return (a, s) => (I(), H("svg", {
       "aria-hidden": "",
-      style: W(R(o))
+      style: W({ ...R(o), ...l(a.$attrs) })
     }, [
       x("use", {
         "xlink:href": R(n),
@@ -897,10 +901,10 @@ function Zt(e) {
     clientHeight: 0
   }), O = p({
     clientHeight: 0
-  }), m = b(() => !!d.value), _ = b(() => f.value.scrollHeight > f.value.clientHeight), C = b(() => o ? f.value.clientHeight - U.value : f.value.clientHeight - O.value.clientHeight), A = b(() => f.value.scrollHeight - f.value.clientHeight), K = b(() => Math.max(
+  }), m = w(() => !!d.value), _ = w(() => f.value.scrollHeight > f.value.clientHeight), C = w(() => o ? f.value.clientHeight - U.value : f.value.clientHeight - O.value.clientHeight), A = w(() => f.value.scrollHeight - f.value.clientHeight), K = w(() => Math.max(
     f.value.clientHeight / f.value.scrollHeight,
     0.05
-  )), U = b(() => K.value > a ? 0 : K.value * f.value.clientHeight), D = b(() => ({
+  )), U = w(() => K.value > a ? 0 : K.value * f.value.clientHeight), $ = w(() => ({
     willChange: "transform",
     transform: `translate3d(0,${u.value}px,0)`,
     height: o ? `${U.value}px` : void 0
@@ -908,7 +912,7 @@ function Zt(e) {
   function S(T) {
     q(), d.value = T.clientY - n.value.getBoundingClientRect().top || 1, i = getComputedStyle(t.value).scrollBehavior, i === "smooth" && (t.value.style.scrollBehavior = "unset");
   }
-  function $() {
+  function D() {
     t.value.style.scrollBehavior = i, d.value = 0, h();
   }
   function q() {
@@ -938,12 +942,12 @@ function Zt(e) {
     let B = "addEventListener";
     T === "add" ? B = "addEventListener" : B = "removeEventListener", n.value?.[B]("pointerdown", S, {
       passive: !0
-    }), window[B]("pointermove", k, { passive: !0 }), window[B]("pointerup", $, { passive: !0 });
+    }), window[B]("pointermove", k, { passive: !0 }), window[B]("pointerup", D, { passive: !0 });
   }
   const E = new MutationObserver((T) => {
-    (s == "classList" || T.map((ie) => ie.oldValue).join().includes("height")) && w();
+    (s == "classList" || T.map((ie) => ie.oldValue).join().includes("height")) && b();
   });
-  function w() {
+  function b() {
     f.value.top = t.value?.getBoundingClientRect().top ?? 0, f.value.scrollHeight = t.value?.scrollHeight ?? 0, f.value.clientHeight = t.value?.clientHeight ?? 0;
   }
   function M() {
@@ -962,7 +966,7 @@ function Zt(e) {
         attributeOldValue: !0,
         attributeFilter: ["style"]
       }), E.observe(t.value, T), setTimeout(() => {
-        w();
+        b();
       }, 100), M();
     } else
       console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: t, sliderEl: n });
@@ -975,12 +979,12 @@ function Zt(e) {
     offsetTop: u,
     scrollTop: c,
     scrollable: _,
-    sliderPos: D,
+    sliderPos: $,
     init: P,
     modifySliderEventListener: G
   };
 }
-const Jt = (e) => (re("data-v-efefe52c"), e = e(), ue(), e), en = /* @__PURE__ */ Jt(() => /* @__PURE__ */ x("div", { class: "default-slider" }, null, -1)), tn = /* @__PURE__ */ N({
+const Jt = (e) => (re("data-v-efefe52c"), e = e(), ue(), e), en = /* @__PURE__ */ Jt(() => /* @__PURE__ */ x("div", { class: "default-slider" }, null, -1)), tn = /* @__PURE__ */ j({
   __name: "ScrollBar",
   props: {
     containerEl: null,
@@ -990,13 +994,13 @@ const Jt = (e) => (re("data-v-efefe52c"), e = e(), ue(), e), en = /* @__PURE__ *
     performance: null
   },
   setup(e, { expose: t }) {
-    const n = e, o = !!vt().default, l = p(null), a = b(() => n.containerEl), s = Zt({
+    const n = e, o = !!vt().default, l = p(null), a = w(() => n.containerEl), s = Zt({
       containerEl: a,
       sliderEl: l,
       autoHeight: o ? n.autoHeight : !0,
       performance: n.performance,
       observeMethod: n.observeMethod
-    }), { scrollable: r, isScrollEnd: h, sliderPos: v } = s, i = p(!1), c = n.autoHide ? b(() => i.value || !h.value) : b(() => r.value), { load: d } = _e(
+    }), { scrollable: r, isScrollEnd: h, sliderPos: v } = s, i = p(!1), c = n.autoHide ? w(() => i.value || !h.value) : w(() => r.value), { load: d } = _e(
       `.hide-scrollbar {
         scrollbar-width: none;
         -ms-overflow-style: none;
@@ -1046,7 +1050,7 @@ const Mn = /* @__PURE__ */ Z(tn, [["__scopeId", "data-v-efefe52c"]]), nn = (e) =
 }, sn = {
   key: 0,
   class: "box-load"
-}, an = { class: "left-load" }, rn = { class: "right-load" }, un = /* @__PURE__ */ nn(() => /* @__PURE__ */ x("div", { class: "among-load" }, null, -1)), cn = { class: "pull-arrow" }, dn = { key: 1 }, vn = /* @__PURE__ */ N({
+}, an = { class: "left-load" }, rn = { class: "right-load" }, un = /* @__PURE__ */ nn(() => /* @__PURE__ */ x("div", { class: "among-load" }, null, -1)), cn = { class: "pull-arrow" }, dn = { key: 1 }, vn = /* @__PURE__ */ j({
   __name: "PullRefresh",
   props: {
     refresh: null,
@@ -1055,10 +1059,10 @@ const Mn = /* @__PURE__ */ Z(tn, [["__scopeId", "data-v-efefe52c"]]), nn = (e) =
     pullRefreshContainer: null
   },
   setup(e) {
-    const t = e, n = 0.7, o = "#2EC1CC", l = p(-999), a = p(1), s = p(0), r = p(0.3), h = p(!1), v = p(0), i = p(0), c = p(0), d = p(0), u = p(0), f = p(), O = b(() => t.scrollTop), m = b(() => ({
+    const t = e, n = 0.7, o = "#2EC1CC", l = p(-999), a = p(1), s = p(0), r = p(0.3), h = p(!1), v = p(0), i = p(0), c = p(0), d = p(0), u = p(0), f = p(), O = w(() => t.scrollTop), m = w(() => ({
       transition: `${d.value}ms`,
       transform: `translate3d(0,${l.value}px, 0) scale(${a.value})`
-    })), _ = b(() => ({
+    })), _ = w(() => ({
       borderColor: o,
       transition: d.value,
       transform: `rotate(${100 + s.value}deg)`,
@@ -1069,39 +1073,39 @@ const Mn = /* @__PURE__ */ Z(tn, [["__scopeId", "data-v-efefe52c"]]), nn = (e) =
     }), Y(i, (S) => {
       if (u.value === 2)
         return;
-      const $ = Math.pow(S, n);
-      $ === 0 && (l.value = -50), $ <= 50 && $ > 0 && (l.value = $ - 45, s.value = Math.pow($, 1.5), $ > 15 ? h.value = !0 : h.value = !1), $ > 50 && (l.value = 5, r.value = 1, u.value);
+      const D = Math.pow(S, n);
+      D === 0 && (l.value = -50), D <= 50 && D > 0 && (l.value = D - 45, s.value = Math.pow(D, 1.5), D > 15 ? h.value = !0 : h.value = !1), D > 50 && (l.value = 5, r.value = 1, u.value);
     });
     const C = p(0), A = (S) => {
       C.value = S.touches[0].pageY;
     }, K = (S) => {
-      const $ = S.touches[0].pageY - C.value;
-      C.value = S.touches[0].pageY, !t.refreshOff && (!t?.refresh || u.value !== 2 && O.value === 0 && (v.value === 0 && (v.value = S.touches[0].pageY), c.value = 0, D.value.style.transition = `${c.value}ms`, d.value = 0, i.value = S.touches[0].pageY - v.value, D.value.style.transform = `translate3d(0, ${Math.pow(i.value, n)}px, 0)`, $ > 0 && S.preventDefault()));
+      const D = S.touches[0].pageY - C.value;
+      C.value = S.touches[0].pageY, !t.refreshOff && (!t?.refresh || u.value !== 2 && O.value === 0 && (v.value === 0 && (v.value = S.touches[0].pageY), c.value = 0, $.value.style.transition = `${c.value}ms`, d.value = 0, i.value = S.touches[0].pageY - v.value, $.value.style.transform = `translate3d(0, ${Math.pow(i.value, n)}px, 0)`, D > 0 && S.preventDefault()));
     }, U = () => {
       if (t.refreshOff || !t?.refresh || u.value === 2)
         return;
       v.value = 0, c.value = 300;
       const S = Math.pow(i.value, n);
-      D.value.style.transition = `${c.value}ms`, S > 50 ? (u.value = 2, i.value = Math.pow(50, 1 / n), D.value.style.transform = `translate3d(0, ${Math.pow(i.value, n)}px, 0)`, d.value = 300, t?.refresh && t?.refresh().then(() => {
+      $.value.style.transition = `${c.value}ms`, S > 50 ? (u.value = 2, i.value = Math.pow(50, 1 / n), $.value.style.transform = `translate3d(0, ${Math.pow(i.value, n)}px, 0)`, d.value = 300, t?.refresh && t?.refresh().then(() => {
         f.value = "\u5237\u65B0\u6210\u529F";
       }).catch(() => {
         f.value = "\u5237\u65B0\u5931\u8D25";
       }).finally(() => {
         setTimeout(() => {
-          u.value = 0, i.value = 0, D.value.style.transform = `translate3d(0, ${Math.pow(
+          u.value = 0, i.value = 0, $.value.style.transform = `translate3d(0, ${Math.pow(
             i.value,
             n
           )}px, 0)`, setTimeout(() => {
             f.value = void 0;
           }, d.value);
         }, 600);
-      })) : (i.value = 0, D.value.style.transform = `translate3d(0, ${Math.pow(i.value, n)}px, 0)`);
-    }, D = p(null);
+      })) : (i.value = 0, $.value.style.transform = `translate3d(0, ${Math.pow(i.value, n)}px, 0)`);
+    }, $ = p(null);
     return ne(() => {
-      t?.refreshOff || (D.value = document.querySelector(
+      t?.refreshOff || ($.value = document.querySelector(
         t.pullRefreshContainer
-      ), D.value?.addEventListener("touchstart", A), D.value?.addEventListener("touchmove", K), D.value?.addEventListener("touchend", U));
-    }), (S, $) => (I(), H("div", on, [
+      ), $.value?.addEventListener("touchstart", A), $.value?.addEventListener("touchmove", K), $.value?.addEventListener("touchend", U));
+    }), (S, D) => (I(), H("div", on, [
       x("div", {
         class: "pull-refresh-box",
         style: W(R(m))
@@ -1140,7 +1144,7 @@ const Mn = /* @__PURE__ */ Z(tn, [["__scopeId", "data-v-efefe52c"]]), nn = (e) =
 });
 const fn = /* @__PURE__ */ Z(vn, [["__scopeId", "data-v-18377f18"]]), hn = {
   inheritAttrs: !1
-}, pn = /* @__PURE__ */ N({
+}, pn = /* @__PURE__ */ j({
   ...hn,
   __name: "VirtualList",
   props: {
@@ -1170,7 +1174,7 @@ const fn = /* @__PURE__ */ Z(vn, [["__scopeId", "data-v-18377f18"]]), hn = {
       vListReturn: l
     });
     const c = "virtualListWrapper" + new Date().getTime();
-    return (d, u) => (I(), H(be, null, [
+    return (d, u) => (I(), H(we, null, [
       pt(fn, {
         refresh: e.refresh,
         refreshOff: e.refreshOff,
@@ -1188,7 +1192,7 @@ const fn = /* @__PURE__ */ Z(vn, [["__scopeId", "data-v-18377f18"]]), hn = {
         }, d.$attrs), [
           x("div", ve(fe(R(r))), [
             x("div", ve(fe(R(h))), [
-              (I(!0), H(be, null, gt(R(a), ({ index: f, data: O }) => (I(), H("div", {
+              (I(!0), H(we, null, gt(R(a), ({ index: f, data: O }) => (I(), H("div", {
                 key: f,
                 style: W({
                   height: `${R(v)(f).height}px`,
@@ -1207,7 +1211,7 @@ const fn = /* @__PURE__ */ Z(vn, [["__scopeId", "data-v-18377f18"]]), hn = {
     ], 64));
   }
 });
-const Pn = /* @__PURE__ */ Z(pn, [["__scopeId", "data-v-e0fb787f"]]), ye = (e) => (re("data-v-c986249d"), e = e(), ue(), e), mn = { style: { position: "absolute" } }, gn = /* @__PURE__ */ ye(() => /* @__PURE__ */ x("div", { class: "wrapper" }, null, -1)), _n = ["width", "height"], yn = /* @__PURE__ */ ye(() => /* @__PURE__ */ x("title", null, "logo", -1)), wn = /* @__PURE__ */ ye(() => /* @__PURE__ */ x("g", {
+const Pn = /* @__PURE__ */ Z(pn, [["__scopeId", "data-v-e0fb787f"]]), ye = (e) => (re("data-v-c986249d"), e = e(), ue(), e), mn = { style: { position: "absolute" } }, gn = /* @__PURE__ */ ye(() => /* @__PURE__ */ x("div", { class: "wrapper" }, null, -1)), _n = ["width", "height"], yn = /* @__PURE__ */ ye(() => /* @__PURE__ */ x("title", null, "logo", -1)), bn = /* @__PURE__ */ ye(() => /* @__PURE__ */ x("g", {
   id: "group-1",
   stroke: "none",
   "stroke-width": "1",
@@ -1219,10 +1223,10 @@ const Pn = /* @__PURE__ */ Z(pn, [["__scopeId", "data-v-e0fb787f"]]), ye = (e) =
     id: "path-1",
     fill: "#FFF"
   })
-], -1)), bn = [
+], -1)), wn = [
   yn,
-  wn
-], En = /* @__PURE__ */ N({
+  bn
+], En = /* @__PURE__ */ j({
   __name: "Loading",
   props: {
     width: { default: "90" },
@@ -1244,7 +1248,7 @@ const Pn = /* @__PURE__ */ Z(pn, [["__scopeId", "data-v-e0fb787f"]]), ye = (e) =
         viewBox: "0 0 260 260",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
-      }, bn, 8, _n))
+      }, wn, 8, _n))
     ]));
   }
 });
@@ -1259,7 +1263,7 @@ export {
   Pn as VirtualList,
   qe as allSelectedKey,
   kt as closeDialogKey,
-  Dn as dialogController,
+  $n as dialogController,
   Ze as isAllSelectedKey,
   Ue as isSelectedKey,
   Xe as selectAllKey,
@@ -1268,8 +1272,8 @@ export {
   Ke as toggleKey,
   Je as unselectAllKey,
   Ge as unselectKey,
-  $n as useDelayLoad,
-  Nt as useDelayLoadComp,
+  Dn as useDelayLoad,
+  jt as useDelayLoadComp,
   et as useDragSelect,
   On as useDragSelectByMobile,
   Tn as useDragSelectByPc,

package/dist/index.umd.js

@@ -11,7 +11,7 @@
     .${r} {
       opacity: 0;
       animation: lzcDelayLoad 0s ${s} forwards;
-    }`),{LoadingComp:e.defineComponent({setup(){const i=Fe();return e.onMounted(()=>{i.value.classList.add(r)}),()=>e.h(t,o)}})}}function lt({component:t,componentProps:o,delay:n=300}){const{LoadingComp:l}=Be({component:t,componentProps:o,delay:n}),r=e.ref(!1);function s(){r.value=!0}function a(){r.value=!1}return{LoadingComp:l,loading:r,load:s,unload:a}}const rt=[(t=>(e.pushScopeId("data-v-d0ad7597"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("div",{class:"ldio-mm5gwljcryb"},[e.createElementVNode("div")],-1))],at=e.defineComponent({__name:"DefaultLoading",props:{width:{default:24},height:{default:24}},setup(t){return e.useCssVars(o=>({d8dfa9f0:t.width+"px","2941c2e5":t.height+"px"})),(o,n)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(o.$attrs)),rt,16))}}),Wt="",st=V(at,[["__scopeId","data-v-d0ad7597"]]),it=["onClick"],ct=e.defineComponent({__name:"Toast",props:{message:null,position:null,buttonClickEvent:null},setup(t){const o=t,n=e.ref(),l=e.ref(),r=e.ref(),s=e.computed(()=>{switch(o.position){case"top":return 10;case"middle":return 50;case"bottom":return 85}}),a=e.computed(()=>({position:"absolute",borderRadius:"10px",backgroundColor:"rgba(0, 0, 0, 0.8)",padding:"14px 19px",top:`calc(${s.value}% - ${r.value}px)`,left:`calc(50% - ${l.value}px)`})),i=e.computed(()=>({width:"fit-content",display:"flex",justifyContent:"center",alignItems:"center",color:"white",fontSize:"14px"}));function m(){!o.buttonClickEvent||o.buttonClickEvent()}return e.nextTick(()=>{l.value=n.value.offsetWidth/2,r.value=n.value.offsetHeight/2}),(p,u)=>(e.openBlock(),e.createElementBlock("div",{onClick:e.withModifiers(m,["stop"]),id:"toastWrapper",ref_key:"toastWrapper",ref:n,class:"toastWrapper",style:e.normalizeStyle([e.unref(a),{zIndex:9999999}])},[e.createElementVNode("div",{style:e.normalizeStyle(e.unref(i))},[e.createElementVNode("span",null,e.toDisplayString(t.message),1)],4)],12,it))}}),Yt="",ut=V(ct,[["__scopeId","data-v-533e986b"]]),xe={message:"\u61D2\u732B\u4E91 Yes!!!",position:"middle",duration:1500,buttonClickEvent:()=>{}};class dt{options;container;constructor(o){this.options=o,this.container=document.createElement("div")}present(){const o=e.h(e.h(ut),{...xe,...this.options});e.render(o,this.container),document.body.insertBefore(this.container,document.body.firstChild);const n=this.options.duration||xe.duration;setTimeout(()=>{this.dismiss()},n)}dismiss(){if(this.container){const o=this.container.querySelector("#toastWrapper");o.style.opacity="0",o.style.transition="opacity 0.4s ease-in",setTimeout(()=>{this.container&&(e.render(null,this.container),document.body.removeChild(this.container))},500)}}}const ft=["xlink:href","fill","color"],pt=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(t){const o=t,n=e.computed(()=>`#${o.prefix}-${o.name}`),l=e.computed(()=>({width:`${o.width??o.height}px`,height:`${o.height??o.width}px`,aspectRatio:o.width&&o.height?void 0:"1/1"}));return(r,s)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(l))},[e.createElementVNode("use",{"xlink:href":e.unref(n),fill:t.color,color:t.color},null,8,ft)],4))}});function ht(t){const{containerEl:o,sliderEl:n,autoHeight:l,performance:r={},maxHeightRatio:s=.9,observeMethod:a="classList"}=t,i=e.ref(!0),m=ge(N,100);let p,u="";const d=e.ref(0),f=e.ref(0),c=e.ref(0),h=e.ref({top:0,scrollTop:0,scrollHeight:0,clientHeight:0}),B=e.ref({clientHeight:0}),v=e.computed(()=>!!f.value),_=e.computed(()=>h.value.scrollHeight>h.value.clientHeight),S=e.computed(()=>l?h.value.clientHeight-H.value:h.value.clientHeight-B.value.clientHeight),M=e.computed(()=>h.value.scrollHeight-h.value.clientHeight),A=e.computed(()=>Math.max(h.value.clientHeight/h.value.scrollHeight,.05)),H=e.computed(()=>A.value>s?0:A.value*h.value.clientHeight),x=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:l?`${H.value}px`:void 0}));function C(T){F(),f.value=T.clientY-n.value.getBoundingClientRect().top||1,u=getComputedStyle(o.value).scrollBehavior,u==="smooth"&&(o.value.style.scrollBehavior="unset")}function D(){o.value.style.scrollBehavior=u,f.value=0,m()}function F(){i.value=!1}function N(){v.value||(i.value=!0)}function R(T){if(!v.value)return;let O=T.clientY-h.value.top-f.value;O<0?c.value=0:O>=S.value?c.value=S.value:c.value=O,o.value.scrollTo({top:c.value/S.value*M.value})}function j(){v.value||U()}function U(){cancelAnimationFrame(p),p=requestAnimationFrame(K)}function K(){o.value&&(d.value=r.scrollTop?.value??o.value.scrollTop,c.value=d.value/M.value*S.value)}function z(T){let O="addEventListener";T==="add"?O="addEventListener":O="removeEventListener",n.value?.[O]("pointerdown",C,{passive:!0}),window[O]("pointermove",R,{passive:!0}),window[O]("pointerup",D,{passive:!0})}const b=new MutationObserver(T=>{(a=="classList"||T.map(ue=>ue.oldValue).join().includes("height"))&&E()});function E(){h.value.top=o.value?.getBoundingClientRect().top??0,h.value.scrollHeight=o.value?.scrollHeight??0,h.value.clientHeight=o.value?.clientHeight??0}function $(){F(),setTimeout(()=>{B.value.clientHeight=n.value?.clientHeight??0,N()},150)}function I(){if(o.value&&n.value){o.value.classList.add("hide-scrollbar"),o.value.addEventListener("scroll",j,{passive:!0}),z("add");const T={};a==="classList"?Object.assign(T,{subtree:!0,childList:!0}):Object.assign(T,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),b.observe(o.value,T),setTimeout(()=>{E()},100),$()}else console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:o,sliderEl:n})}return e.watch(d,()=>{F(),m()}),{isScrollEnd:i,isDragSlider:v,offsetTop:c,scrollTop:d,scrollable:_,sliderPos:x,init:I,modifySliderEventListener:z}}const mt=(t=>(e.pushScopeId("data-v-efefe52c"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("div",{class:"default-slider"},null,-1)),vt=e.defineComponent({__name:"ScrollBar",props:{containerEl:null,autoHide:{type:Boolean},autoHeight:{type:Boolean},observeMethod:null,performance:null},setup(t,{expose:o}){const n=t,l=!!e.useSlots().default,r=e.ref(null),s=e.computed(()=>n.containerEl),a=ht({containerEl:s,sliderEl:r,autoHeight:l?n.autoHeight:!0,performance:n.performance,observeMethod:n.observeMethod}),{scrollable:i,isScrollEnd:m,sliderPos:p}=a,u=e.ref(!1),d=n.autoHide?e.computed(()=>u.value||!m.value):e.computed(()=>i.value),{load:f}=G(`.hide-scrollbar {
+    }`),{LoadingComp:e.defineComponent({setup(){const i=Fe();return e.onMounted(()=>{i.value.classList.add(r)}),()=>e.h(t,o)}})}}function lt({component:t,componentProps:o,delay:n=300}){const{LoadingComp:l}=Be({component:t,componentProps:o,delay:n}),r=e.ref(!1);function s(){r.value=!0}function a(){r.value=!1}return{LoadingComp:l,loading:r,load:s,unload:a}}const rt=[(t=>(e.pushScopeId("data-v-d0ad7597"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("div",{class:"ldio-mm5gwljcryb"},[e.createElementVNode("div")],-1))],at=e.defineComponent({__name:"DefaultLoading",props:{width:{default:24},height:{default:24}},setup(t){return e.useCssVars(o=>({d8dfa9f0:t.width+"px","2941c2e5":t.height+"px"})),(o,n)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(o.$attrs)),rt,16))}}),Wt="",st=V(at,[["__scopeId","data-v-d0ad7597"]]),it=["onClick"],ct=e.defineComponent({__name:"Toast",props:{message:null,position:null,buttonClickEvent:null},setup(t){const o=t,n=e.ref(),l=e.ref(),r=e.ref(),s=e.computed(()=>{switch(o.position){case"top":return 10;case"middle":return 50;case"bottom":return 85}}),a=e.computed(()=>({position:"absolute",borderRadius:"10px",backgroundColor:"rgba(0, 0, 0, 0.8)",padding:"14px 19px",top:`calc(${s.value}% - ${r.value}px)`,left:`calc(50% - ${l.value}px)`})),i=e.computed(()=>({width:"fit-content",display:"flex",justifyContent:"center",alignItems:"center",color:"white",fontSize:"14px"}));function m(){!o.buttonClickEvent||o.buttonClickEvent()}return e.nextTick(()=>{l.value=n.value.offsetWidth/2,r.value=n.value.offsetHeight/2}),(p,u)=>(e.openBlock(),e.createElementBlock("div",{onClick:e.withModifiers(m,["stop"]),id:"toastWrapper",ref_key:"toastWrapper",ref:n,class:"toastWrapper",style:e.normalizeStyle([e.unref(a),{zIndex:9999999}])},[e.createElementVNode("div",{style:e.normalizeStyle(e.unref(i))},[e.createElementVNode("span",null,e.toDisplayString(t.message),1)],4)],12,it))}}),Yt="",ut=V(ct,[["__scopeId","data-v-533e986b"]]),xe={message:"\u61D2\u732B\u4E91 Yes!!!",position:"middle",duration:1500,buttonClickEvent:()=>{}};class dt{options;container;constructor(o){this.options=o,this.container=document.createElement("div")}present(){const o=e.h(e.h(ut),{...xe,...this.options});e.render(o,this.container),document.body.insertBefore(this.container,document.body.firstChild);const n=this.options.duration||xe.duration;setTimeout(()=>{this.dismiss()},n)}dismiss(){if(this.container){const o=this.container.querySelector("#toastWrapper");o.style.opacity="0",o.style.transition="opacity 0.4s ease-in",setTimeout(()=>{this.container&&(e.render(null,this.container),document.body.removeChild(this.container))},500)}}}const ft=["xlink:href","fill","color"],pt=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(t){const o=t,n=e.computed(()=>`#${o.prefix}-${o.name}`),l=e.computed(()=>({width:`${o.width??o.height}px`,height:`${o.height??o.width}px`,aspectRatio:o.width&&o.height?void 0:"1/1"}));function r(s){const{style:a}=s;return typeof a=="object"?a:{}}return(s,a)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle({...e.unref(l),...r(s.$attrs)})},[e.createElementVNode("use",{"xlink:href":e.unref(n),fill:t.color,color:t.color},null,8,ft)],4))}});function ht(t){const{containerEl:o,sliderEl:n,autoHeight:l,performance:r={},maxHeightRatio:s=.9,observeMethod:a="classList"}=t,i=e.ref(!0),m=ge(N,100);let p,u="";const d=e.ref(0),f=e.ref(0),c=e.ref(0),h=e.ref({top:0,scrollTop:0,scrollHeight:0,clientHeight:0}),B=e.ref({clientHeight:0}),v=e.computed(()=>!!f.value),_=e.computed(()=>h.value.scrollHeight>h.value.clientHeight),S=e.computed(()=>l?h.value.clientHeight-H.value:h.value.clientHeight-B.value.clientHeight),M=e.computed(()=>h.value.scrollHeight-h.value.clientHeight),A=e.computed(()=>Math.max(h.value.clientHeight/h.value.scrollHeight,.05)),H=e.computed(()=>A.value>s?0:A.value*h.value.clientHeight),x=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:l?`${H.value}px`:void 0}));function C(T){F(),f.value=T.clientY-n.value.getBoundingClientRect().top||1,u=getComputedStyle(o.value).scrollBehavior,u==="smooth"&&(o.value.style.scrollBehavior="unset")}function D(){o.value.style.scrollBehavior=u,f.value=0,m()}function F(){i.value=!1}function N(){v.value||(i.value=!0)}function R(T){if(!v.value)return;let O=T.clientY-h.value.top-f.value;O<0?c.value=0:O>=S.value?c.value=S.value:c.value=O,o.value.scrollTo({top:c.value/S.value*M.value})}function j(){v.value||U()}function U(){cancelAnimationFrame(p),p=requestAnimationFrame(K)}function K(){o.value&&(d.value=r.scrollTop?.value??o.value.scrollTop,c.value=d.value/M.value*S.value)}function z(T){let O="addEventListener";T==="add"?O="addEventListener":O="removeEventListener",n.value?.[O]("pointerdown",C,{passive:!0}),window[O]("pointermove",R,{passive:!0}),window[O]("pointerup",D,{passive:!0})}const b=new MutationObserver(T=>{(a=="classList"||T.map(ue=>ue.oldValue).join().includes("height"))&&E()});function E(){h.value.top=o.value?.getBoundingClientRect().top??0,h.value.scrollHeight=o.value?.scrollHeight??0,h.value.clientHeight=o.value?.clientHeight??0}function $(){F(),setTimeout(()=>{B.value.clientHeight=n.value?.clientHeight??0,N()},150)}function I(){if(o.value&&n.value){o.value.classList.add("hide-scrollbar"),o.value.addEventListener("scroll",j,{passive:!0}),z("add");const T={};a==="classList"?Object.assign(T,{subtree:!0,childList:!0}):Object.assign(T,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),b.observe(o.value,T),setTimeout(()=>{E()},100),$()}else console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:o,sliderEl:n})}return e.watch(d,()=>{F(),m()}),{isScrollEnd:i,isDragSlider:v,offsetTop:c,scrollTop:d,scrollable:_,sliderPos:x,init:I,modifySliderEventListener:z}}const mt=(t=>(e.pushScopeId("data-v-efefe52c"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("div",{class:"default-slider"},null,-1)),vt=e.defineComponent({__name:"ScrollBar",props:{containerEl:null,autoHide:{type:Boolean},autoHeight:{type:Boolean},observeMethod:null,performance:null},setup(t,{expose:o}){const n=t,l=!!e.useSlots().default,r=e.ref(null),s=e.computed(()=>n.containerEl),a=ht({containerEl:s,sliderEl:r,autoHeight:l?n.autoHeight:!0,performance:n.performance,observeMethod:n.observeMethod}),{scrollable:i,isScrollEnd:m,sliderPos:p}=a,u=e.ref(!1),d=n.autoHide?e.computed(()=>u.value||!m.value):e.computed(()=>i.value),{load:f}=G(`.hide-scrollbar {
         scrollbar-width: none;
         -ms-overflow-style: none;
     }

package/package.json

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