@lazycatcloud/lzc-toolkit 0.0.45 → 0.0.47

package/dist/index.es.js

@@ -1,106 +1,106 @@
-import { unref as S, getCurrentScope as $e, onScopeDispose as Ae, getCurrentInstance as Fe, onMounted as le, nextTick as he, ref as m, watch as $, shallowRef as Le, computed as h, onUnmounted as ge, inject as H, provide as x, defineComponent as N, openBlock as T, createBlock as me, Transition as be, withCtx as ye, createElementBlock as P, createElementVNode as R, withModifiers as De, normalizeClass as Me, renderSlot as ne, createCommentVNode as Ve, render as ke, h as X, normalizeStyle as oe, useSlots as ze, withDirectives as Ke, vShow as je, pushScopeId as Ne, popScopeId as Qe, toRef as We, mergeProps as Ue, normalizeProps as ie, guardReactiveProps as ue, Fragment as qe, renderList as Ye } from "vue";
-var ce;
+import { unref as _, 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 ve, inject as H, provide as x, defineComponent as F, openBlock as I, createBlock as fe, Transition as pe, withCtx as he, createElementBlock as B, createElementVNode as E, withModifiers as $e, normalizeClass as Fe, renderSlot as oe, createCommentVNode as Ae, render as J, h as R, normalizeStyle as K, useSlots as Le, withDirectives as De, vShow as ke, pushScopeId as Me, popScopeId as We, toRef as Ve, mergeProps as je, normalizeProps as le, guardReactiveProps as se, Fragment as ze, renderList as Ke, toDisplayString as Ne } from "vue";
+var re;
 const A = typeof window < "u";
-A && ((ce = window?.navigator) == null ? void 0 : ce.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Z(e) {
-  return typeof e == "function" ? e() : S(e);
+A && ((re = window?.navigator) == null ? void 0 : re.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function X(t) {
+  return typeof t == "function" ? t() : _(t);
 }
-function Ge(e, t) {
-  function l(...n) {
-    e(() => t.apply(this, n), { fn: t, thisArg: this, args: n });
+function Qe(t, e) {
+  function n(...o) {
+    t(() => e.apply(this, o), { fn: e, thisArg: this, args: o });
   }
-  return l;
+  return n;
 }
-function Je(e, t = {}) {
-  let l, n;
-  return (a) => {
-    const o = Z(e), d = Z(t.maxWait);
-    if (l && clearTimeout(l), o <= 0 || d !== void 0 && d <= 0)
-      return n && (clearTimeout(n), n = null), a();
-    d && !n && (n = setTimeout(() => {
-      l && clearTimeout(l), n = null, a();
-    }, d)), l = setTimeout(() => {
-      n && clearTimeout(n), n = null, a();
-    }, o);
+function Ue(t, e = {}) {
+  let n, o;
+  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();
+    }, l);
   };
 }
-function Xe(e) {
-  return e;
+function qe(t) {
+  return t;
 }
-function Ze(e) {
-  return $e() ? (Ae(e), !0) : !1;
+function Ye(t) {
+  return Ce() ? (Be(t), !0) : !1;
 }
-function _e(e, t = 200, l = {}) {
-  return Ge(Je(t, l), e);
+function me(t, e = 200, n = {}) {
+  return Qe(Ue(e, n), t);
 }
-function et(e, t = !0) {
-  Fe() ? le(e) : t ? e() : he(e);
+function Ge(t, e = !0) {
+  Pe() ? te(t) : e ? t() : ne(t);
 }
-function we(e) {
-  var t;
-  const l = Z(e);
-  return (t = l?.$el) != null ? t : l;
+function ge(t) {
+  var e;
+  const n = X(t);
+  return (e = n?.$el) != null ? e : n;
 }
-const tt = A ? window : void 0;
+const Je = A ? window : void 0;
 A && window.document;
 A && window.navigator;
 A && window.location;
-function lt(e, t = !1) {
-  const l = m(), n = () => l.value = Boolean(e());
-  return n(), et(n, t), l;
+function Xe(t, e = !1) {
+  const n = g(), o = () => n.value = Boolean(t());
+  return o(), Ge(o, e), n;
 }
-const ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, te = "__vueuse_ssr_handlers__";
-ee[te] = ee[te] || {};
-ee[te];
-var de = Object.getOwnPropertySymbols, nt = Object.prototype.hasOwnProperty, ot = Object.prototype.propertyIsEnumerable, rt = (e, t) => {
-  var l = {};
-  for (var n in e)
-    nt.call(e, n) && t.indexOf(n) < 0 && (l[n] = e[n]);
-  if (e != null && de)
-    for (var n of de(e))
-      t.indexOf(n) < 0 && ot.call(e, n) && (l[n] = e[n]);
-  return l;
+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 ae = 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]);
+  if (t != null && ae)
+    for (var o of ae(t))
+      e.indexOf(o) < 0 && et.call(t, o) && (n[o] = t[o]);
+  return n;
 };
-function st(e, t, l = {}) {
-  const n = l, { window: r = tt } = n, a = rt(n, ["window"]);
-  let o;
-  const d = lt(() => r && "ResizeObserver" in r), g = () => {
-    o && (o.disconnect(), o = void 0);
-  }, f = $(() => we(e), (p) => {
-    g(), d.value && r && p && (o = new ResizeObserver(t), o.observe(p, a));
+function nt(t, e, n = {}) {
+  const o = n, { window: s = Je } = o, r = tt(o, ["window"]);
+  let l;
+  const d = Xe(() => s && "ResizeObserver" in s), m = () => {
+    l && (l.disconnect(), l = void 0);
+  }, p = $(() => ge(t), (h) => {
+    m(), d.value && s && h && (l = new ResizeObserver(e), l.observe(h, r));
   }, { immediate: !0, flush: "post" }), v = () => {
-    g(), f();
+    m(), p();
   };
-  return Ze(v), {
+  return Ye(v), {
     isSupported: d,
     stop: v
   };
 }
-function at(e, t = { width: 0, height: 0 }, l = {}) {
-  const { box: n = "content-box" } = l, r = m(t.width), a = m(t.height);
-  return st(e, ([o]) => {
-    const d = n === "border-box" ? o.borderBoxSize : n === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
-    d ? (r.value = d.reduce((g, { inlineSize: f }) => g + f, 0), a.value = d.reduce((g, { blockSize: f }) => g + f, 0)) : (r.value = o.contentRect.width, a.value = o.contentRect.height);
-  }, l), $(() => we(e), (o) => {
-    r.value = o ? t.width : 0, a.value = o ? t.height : 0;
+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;
+    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), $(() => ge(t), (l) => {
+    s.value = l ? e.width : 0, r.value = l ? e.height : 0;
   }), {
-    width: r,
-    height: a
+    width: s,
+    height: r
   };
 }
-var ve;
-(function(e) {
-  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(ve || (ve = {}));
-var it = Object.defineProperty, fe = Object.getOwnPropertySymbols, ut = Object.prototype.hasOwnProperty, ct = Object.prototype.propertyIsEnumerable, pe = (e, t, l) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, dt = (e, t) => {
-  for (var l in t || (t = {}))
-    ut.call(t, l) && pe(e, l, t[l]);
-  if (fe)
-    for (var l of fe(t))
-      ct.call(t, l) && pe(e, l, t[l]);
-  return e;
+var ie;
+(function(t) {
+  t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
+})(ie || (ie = {}));
+var lt = Object.defineProperty, ue = Object.getOwnPropertySymbols, st = Object.prototype.hasOwnProperty, rt = Object.prototype.propertyIsEnumerable, ce = (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) && ce(t, n, e[n]);
+  if (ue)
+    for (var n of ue(e))
+      rt.call(e, n) && ce(t, n, e[n]);
+  return t;
 };
-const vt = {
+const it = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -126,183 +126,183 @@ const vt = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-dt({
-  linear: Xe
-}, vt);
-function ft(e, t) {
-  const { scrollEndHook: l, itemHeight: n, overscan: r = 5 } = t, a = m(null), o = at(a), d = m(!0), g = _e(W, 100);
-  let f;
-  const v = Le(e), p = m(0), i = m({ start: 0, end: 10 });
+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 = me(Q, 100);
+  let p;
+  const v = Re(t), h = g(0), i = g({ start: 0, end: 10 });
   let u = 0;
-  const E = m([]), b = h(() => {
-    let { sum: s, height: c } = { sum: 0, height: 0 };
-    return v.value.map((O, w) => (typeof n == "number" ? c = n : c = n(w), s += c, { height: c, sum: s }));
-  }), Q = h(() => k(i.value.start)), I = h(() => typeof n == "number" ? b.value.length * n : b.value[b.value.length - 1]?.sum || 0), F = h(() => {
-    let s = E.value.length - r, c = Math.max(s - u, 0);
-    return E.value.slice(c, s);
+  const T = g([]), b = f(() => {
+    let { sum: a, height: c } = { sum: 0, height: 0 };
+    return v.value.map((S, 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" ? b.value.length * o : b.value[b.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);
   });
-  le(() => {
-  }), ge(() => cancelAnimationFrame(f)), $(
-    [o.width, o.height, v],
-    ([s, c]) => {
-      (s || c) && D();
+  te(() => {
+  }), ve(() => cancelAnimationFrame(p)), $(
+    [l.width, l.height, v],
+    ([a, c]) => {
+      (a || c) && k();
     },
     { deep: !0 }
-  ), $(p, () => {
-    L(), g();
+  ), $(h, () => {
+    D(), m();
   });
-  function L() {
+  function D() {
     d.value = !1;
   }
-  function W() {
-    d.value = !0, l?.();
+  function Q() {
+    d.value = !0, n?.();
   }
-  function D() {
-    cancelAnimationFrame(f), f = requestAnimationFrame(M);
+  function k() {
+    cancelAnimationFrame(p), p = requestAnimationFrame(M);
   }
   function M() {
-    if (a.value) {
-      p.value = a.value.scrollTop, u = B();
-      let s = V(p.value), c = s + u + r;
-      s = s - r, s = s < 0 ? 0 : s, c = c > v.value.length ? v.value.length : c, i.value = { start: s, end: c }, E.value = v.value.slice(s, c).map((O, w) => ({
-        data: O,
-        index: w + s
+    if (r.value) {
+      h.value = r.value.scrollTop, u = P();
+      let a = W(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((S, y) => ({
+        data: S,
+        index: y + a
       }));
     }
   }
-  function V(s) {
-    let c = 0, O = b.value.length - 1, w = -1;
-    for (; c <= O; ) {
-      const y = Math.floor((c + O) / 2);
-      b.value[y].sum >= s ? (w = y, O = y - 1) : c = y + 1;
+  function W(a) {
+    let c = 0, S = b.value.length - 1, y = -1;
+    for (; c <= S; ) {
+      const w = Math.floor((c + S) / 2);
+      b.value[w].sum >= a ? (y = w, S = w - 1) : c = w + 1;
     }
-    return Math.max(0, w);
+    return Math.max(0, y);
   }
-  function B() {
-    let s = 0, c = 0, O = U();
-    for (let w = O; w < b.value.length && (s++, c += b.value[w].height, !(c >= o.height.value)); w++)
+  function P() {
+    let a = 0, c = 0, S = U();
+    for (let y = S; y < b.value.length && (a++, c += b.value[y].height, !(c >= l.height.value)); y++)
       ;
-    return s;
+    return a;
   }
-  function k(s) {
-    if (typeof n == "number")
-      return s * n;
-    let c = b.value[s];
+  function V(a) {
+    if (typeof o == "number")
+      return a * o;
+    let c = b.value[a];
     return c ? c.sum - c.height : 0;
   }
-  function z(s) {
-    return b.value[s] || { sum: 0, height: 0 };
+  function j(a) {
+    return b.value[a] || { sum: 0, height: 0 };
   }
   function U() {
-    let s = i.value.start;
-    return s >= r && (s += r), s;
+    let a = i.value.start;
+    return a >= s && (a += s), a;
   }
-  function q(s) {
-    if (a.value) {
-      const c = z(s);
-      a.value.scrollTop = c.sum - c.height, M();
+  function q(a) {
+    if (r.value) {
+      const c = j(a);
+      r.value.scrollTop = c.sum - c.height, M();
     }
   }
-  const Y = h(() => ({
+  const Y = f(() => ({
     style: {
       width: "100%",
-      height: `${I.value}px`,
+      height: `${C.value}px`,
       pointerEvents: d.value ? void 0 : "none"
     }
-  })), K = h(() => ({
+  })), z = f(() => ({
     style: {
-      transform: `translate3d(0, ${Q.value}px, 0)`,
+      transform: `translate3d(0, ${N.value}px, 0)`,
       "will-change": "transform"
     }
   })), G = {
     overflowY: "auto"
   };
   return {
-    list: E,
-    visiableList: F,
-    getItemHeightData: z,
-    getoffsetTopIndex: V,
-    totalHeight: I,
-    clientHeight: o.height,
+    list: T,
+    visiableList: L,
+    getItemHeightData: j,
+    getoffsetTopIndex: W,
+    totalHeight: C,
+    clientHeight: l.height,
     scrollTo: q,
-    scrollTop: p,
+    scrollTop: h,
     isScrollEnd: d,
     containerProps: {
-      ref: a,
+      ref: r,
       onScroll: () => {
-        D();
+        k();
       },
       style: G
     },
     wrapperProps: Y,
-    innerProps: K
+    innerProps: z
   };
 }
-const Se = Symbol(), Oe = Symbol(), xe = Symbol(), Ee = Symbol(), He = Symbol(), Ie = Symbol(), Te = Symbol(), Re = Symbol(), Ce = Symbol();
-function Et() {
-  const { voidFn: e, boolFn: t, boolRef: l, arrayRef: n } = {
+const be = Symbol(), _e = Symbol(), ye = Symbol(), we = Symbol(), Se = Symbol(), Oe = Symbol(), xe = Symbol(), Ee = Symbol(), Te = Symbol();
+function xt() {
+  const { voidFn: t, boolFn: e, boolRef: n, arrayRef: o } = {
     voidFn: (u) => {
     },
     boolFn: (u) => !1,
-    boolRef: h(() => !1),
-    arrayRef: h(() => [])
-  }, r = H(Ee, n), a = H(xe, t), o = H(Re, l), d = H(Oe, e), g = H(Se, e), f = H(He, e), v = H(Ie, e), p = H(Te, e), i = H(Ce, e);
+    boolRef: f(() => !1),
+    arrayRef: f(() => [])
+  }, s = H(we, o), r = H(ye, e), l = H(Ee, n), d = H(_e, t), m = H(be, t), p = H(Se, t), v = H(Oe, t), h = H(xe, t), i = H(Te, t);
   return {
-    selected: r,
-    isSelected: a,
-    isAllSelected: o,
+    selected: s,
+    isSelected: r,
+    isAllSelected: l,
     toggle: d,
-    toggleAll: g,
-    select: f,
+    toggleAll: m,
+    select: p,
     selectAll: v,
-    unselect: p,
+    unselect: h,
     unselectAll: i
   };
 }
-function Ht(e, t) {
-  const l = m({}), n = h(() => e.value.filter((i) => l.value[i[t]])), r = h(() => n.value.length != 0 && Object.keys(l.value).length == e.value.length);
-  function a() {
-    e.value.forEach((i) => {
-      l.value[i[t]] = !0;
+function Et(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 r() {
+    t.value.forEach((i) => {
+      n.value[i[e]] = !0;
     });
   }
-  function o() {
-    l.value = {};
+  function l() {
+    n.value = {};
   }
   function d(i) {
     i.forEach((u) => {
-      l.value[u[t]] || (l.value[u[t]] = !0);
+      n.value[u[e]] || (n.value[u[e]] = !0);
     });
   }
-  function g(i) {
+  function m(i) {
     i.forEach((u) => {
-      l.value[u[t]] && delete l.value[u[t]];
+      n.value[u[e]] && delete n.value[u[e]];
     });
   }
-  function f(i) {
-    return !!l.value[i[t]];
+  function p(i) {
+    return !!n.value[i[e]];
   }
   function v(i) {
     i.forEach((u) => {
-      f(u) ? delete l.value[u[t]] : l.value[u[t]] = !0;
+      p(u) ? delete n.value[u[e]] : n.value[u[e]] = !0;
     });
   }
-  function p() {
-    r.value ? o() : a();
+  function h() {
+    s.value ? l() : r();
   }
-  return x(Se, p), x(Oe, v), x(xe, f), x(Ee, n), x(He, d), x(Ie, a), x(Te, g), x(Re, r), x(Ce, o), {
-    selected: n,
+  return x(be, h), x(_e, v), x(ye, p), x(we, o), x(Se, d), x(Oe, r), x(xe, m), x(Ee, s), x(Te, l), {
+    selected: o,
     select: d,
-    selectAll: a,
-    unselect: g,
-    unselectAll: o,
+    selectAll: r,
+    unselect: m,
+    unselectAll: l,
     toggle: v,
-    toggleAll: p,
-    isSelected: f,
-    isAllSelected: r
+    toggleAll: h,
+    isSelected: p,
+    isAllSelected: s
   };
 }
-const pt = Symbol(), ht = /* @__PURE__ */ N({
+const ct = Symbol(), dt = /* @__PURE__ */ F({
   __name: "Dialog",
   props: {
     visiable: { type: Boolean, default: !1 },
@@ -310,58 +310,58 @@ const pt = Symbol(), ht = /* @__PURE__ */ N({
     dialogClass: { default: "" }
   },
   emits: ["update:visiable"],
-  setup(e, { emit: t }) {
-    const l = e, n = () => {
-      l.closeOnClickOverlay && t("update:visiable", !1);
+  setup(t, { emit: e }) {
+    const n = t, o = () => {
+      n.closeOnClickOverlay && e("update:visiable", !1);
     };
-    return x(pt, () => t("update:visiable", !1)), (r, a) => (T(), me(be, { name: "modal" }, {
-      default: ye(() => [
-        e.visiable ? (T(), P("div", {
+    return x(ct, () => e("update:visiable", !1)), (s, r) => (I(), fe(pe, { name: "modal" }, {
+      default: he(() => [
+        t.visiable ? (I(), B("div", {
           key: 0,
-          onClick: n,
-          class: "modal absolute left-0 right-0 top-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"
+          onClick: o,
+          class: "modal absolute inset-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"
         }, [
-          R("div", {
-            onClick: a[0] || (a[0] = De(() => {
+          E("div", {
+            onClick: r[0] || (r[0] = $e(() => {
             }, ["stop"])),
-            class: Me(["dialog m-auto flex flex-col", e.dialogClass])
+            class: Fe(["dialog m-auto flex flex-col", t.dialogClass])
           }, [
-            ne(r.$slots, "default")
+            oe(s.$slots, "default")
           ], 2)
-        ])) : Ve("", !0)
+        ])) : Ae("", !0)
       ]),
       _: 3
     }));
   }
 });
-function It(e) {
-  function t(l, n) {
-    const r = document.createElement("div"), a = {
+function Tt(t) {
+  function e(n, o) {
+    const s = document.createElement("div"), r = {
       setup() {
-        return () => X(
-          ht,
+        return () => R(
+          dt,
           {
             visiable: !0,
             "onUpdate:visiable": () => {
-              r?.remove();
+              s?.remove();
             },
-            ...e
+            ...t
           },
           {
-            default: () => X(l, n)
+            default: () => R(n, o)
           }
         );
       }
     };
-    return document.body.appendChild(r), ke(X(a), r), {
-      close: () => r?.remove()
+    return document.body.appendChild(s), J(R(r), s), {
+      close: () => s?.remove()
     };
   }
   return {
-    create: t
+    create: e
   };
 }
-const gt = ["xlink:href", "fill", "color"], Tt = /* @__PURE__ */ N({
+const vt = ["xlink:href", "fill", "color"], Ht = /* @__PURE__ */ F({
   __name: "SvgIcon",
   props: {
     name: null,
@@ -370,133 +370,128 @@ const gt = ["xlink:href", "fill", "color"], Tt = /* @__PURE__ */ N({
     width: null,
     height: null
   },
-  setup(e) {
-    const t = e, l = h(() => `#${t.prefix}-${t.name}`), n = h(() => ({
-      width: `${t.width ?? t.height}px`,
-      height: `${t.height ?? t.width}px`,
-      aspectRatio: t.width && t.height ? void 0 : "1/1"
+  setup(t) {
+    const e = t, n = f(() => `#${e.prefix}-${e.name}`), o = f(() => ({
+      width: `${e.width ?? e.height}px`,
+      height: `${e.height ?? e.width}px`,
+      aspectRatio: e.width && e.height ? void 0 : "1/1"
     }));
-    return (r, a) => (T(), P("svg", {
+    return (s, r) => (I(), B("svg", {
       "aria-hidden": "",
-      style: oe(S(n))
+      style: K(_(o))
     }, [
-      R("use", {
-        "xlink:href": S(l),
-        fill: e.color,
-        color: e.color
-      }, null, 8, gt)
+      E("use", {
+        "xlink:href": _(n),
+        fill: t.color,
+        color: t.color
+      }, null, 8, vt)
     ], 4));
   }
 });
-function mt(e) {
+function ft(t) {
   const {
-    containerEl: t,
-    sliderEl: l,
-    autoHeight: n,
-    performance: r = {},
-    maxHeightRatio: a = 0.9
-  } = e, o = m(!0), d = _e(k, 100);
-  let g, f = "";
-  const v = m(0), p = m(0), i = m(0), u = m({
+    containerEl: e,
+    sliderEl: n,
+    autoHeight: o,
+    performance: s = {},
+    maxHeightRatio: r = 0.9
+  } = t, l = g(!0), d = me(V, 100);
+  let m, p = "";
+  const v = g(0), h = g(0), i = g(0), u = g({
     top: 0,
     scrollTop: 0,
     scrollHeight: 0,
     clientHeight: 0
-  }), E = m({
+  }), T = g({
     clientHeight: 0
-  }), b = h(() => !!p.value), Q = h(() => u.value.scrollHeight > u.value.clientHeight), I = h(() => u.value.clientHeight - E.value.clientHeight), F = h(() => u.value.scrollHeight - u.value.clientHeight), L = h(() => Math.max(
+  }), b = 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(
     u.value.clientHeight / u.value.scrollHeight,
     0.05
-  )), W = h(() => L.value > a ? 0 : L.value * u.value.clientHeight), D = h(() => ({
+  )), Q = f(() => D.value > r ? 0 : D.value * u.value.clientHeight), k = f(() => ({
     willChange: "transform",
     transform: `translate3d(0,${i.value}px,0)`,
-    height: n ? `${W.value}px` : void 0
+    height: o ? `${Q.value}px` : void 0
   }));
-  function M(y) {
-    B(), p.value = y.clientY - l.value.getBoundingClientRect().top || 1, f = getComputedStyle(t.value).scrollBehavior, f === "smooth" && (t.value.style.scrollBehavior = "unset");
+  function M(w) {
+    P(), h.value = w.clientY - n.value.getBoundingClientRect().top || 1, p = getComputedStyle(e.value).scrollBehavior, p === "smooth" && (e.value.style.scrollBehavior = "unset");
   }
-  function V() {
-    t.value.style.scrollBehavior = f, p.value = 0, d();
+  function W() {
+    e.value.style.scrollBehavior = p, h.value = 0, d();
   }
-  function B() {
-    o.value = !1;
+  function P() {
+    l.value = !1;
   }
-  function k() {
-    b.value || (o.value = !0);
+  function V() {
+    b.value || (l.value = !0);
   }
-  function z(y) {
+  function j(w) {
     if (!b.value)
       return;
-    let _ = y.clientY - u.value.top - p.value;
-    _ < 0 ? i.value = 0 : _ >= I.value ? i.value = I.value : i.value = _, t.value.scrollTo({
-      top: i.value / I.value * F.value
+    let O = w.clientY - u.value.top - h.value;
+    O < 0 ? i.value = 0 : O >= C.value ? i.value = C.value : i.value = O, e.value.scrollTo({
+      top: i.value / C.value * L.value
     });
   }
   function U() {
     b.value || q();
   }
   function q() {
-    cancelAnimationFrame(g), g = requestAnimationFrame(Y);
+    cancelAnimationFrame(m), m = requestAnimationFrame(Y);
   }
   function Y() {
-    t.value && (v.value = r.scrollTop?.value ?? t.value.scrollTop, i.value = v.value / F.value * I.value);
+    e.value && (v.value = s.scrollTop?.value ?? e.value.scrollTop, i.value = v.value / L.value * C.value);
   }
-  function K(y) {
-    let _ = "addEventListener";
-    y === "add" ? _ = "addEventListener" : _ = "removeEventListener", l.value?.[_]("pointerdown", M, {
+  function z(w) {
+    let O = "addEventListener";
+    w === "add" ? O = "addEventListener" : O = "removeEventListener", n.value?.[O]("pointerdown", M, {
       passive: !0
-    }), window[_]("pointermove", z, { passive: !0 }), window[_]("pointerup", V, { passive: !0 });
+    }), window[O]("pointermove", j, { passive: !0 }), window[O]("pointerup", W, { passive: !0 });
   }
-  const G = new MutationObserver((y) => {
-    y.map((j) => j.oldValue).join().includes("height") && s();
+  const G = new MutationObserver((w) => {
+    w.map((Ie) => Ie.oldValue).join().includes("height") && a();
   });
-  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 a() {
+    u.value.top = e.value?.getBoundingClientRect().top ?? 0, u.value.scrollHeight = e.value?.scrollHeight ?? 0, u.value.clientHeight = e.value?.clientHeight ?? 0;
   }
   function c() {
-    B(), setTimeout(() => {
-      E.value.clientHeight = l.value?.clientHeight ?? 0, k();
+    P(), setTimeout(() => {
+      T.value.clientHeight = n.value?.clientHeight ?? 0, V();
     }, 150);
   }
-  function O(y, _, j = "dynamic-styles") {
-    let C = document.getElementById(j);
-    C || (C = document.createElement("style"), C.id = j, document.head.appendChild(C));
-    const re = C.sheet.cssRules, se = re.length, Pe = `${y} { ${_} }`;
-    for (let J = 0; J < se; J++) {
-      const ae = re[J];
-      if (ae.selectorText === y && ae.style.cssText === _)
-        return;
-    }
-    C.sheet.insertRule(Pe, se);
-  }
-  function w() {
-    t.value && l.value ? (O(
-      ".hide-scrollbar",
-      "scrollbar-width: none; -ms-overflow-style: none;"
-    ), O(".hide-scrollbar::-webkit-scrollbar", "display: none"), t.value.addEventListener("scroll", U, {
+  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
+    ), e.value?.classList.add("hide-scrollbar");
+  }
+  function y() {
+    e.value && n.value ? (S(), e.value.addEventListener("scroll", U, {
       passive: !0
-    }), K("add"), G.observe(t.value, {
+    }), z("add"), G.observe(e.value, {
       subtree: !0,
       attributeOldValue: !0,
       attributeFilter: ["style"]
     }), setTimeout(() => {
-      s();
-    }, 100), c()) : console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: t, sliderEl: l });
+      a();
+    }, 100), c()) : console.error("useScrollBar:", "\u521D\u59CB\u5316\u5931\u8D25!", { containerEl: e, sliderEl: n });
   }
   return $(v, () => {
-    B(), d();
+    P(), d();
   }), {
-    isScrollEnd: o,
+    isScrollEnd: l,
     isDragSlider: b,
     offsetTop: i,
     scrollTop: v,
-    scrollable: Q,
-    sliderPos: D,
-    init: w,
-    modifySliderEventListener: K
+    scrollable: N,
+    sliderPos: k,
+    init: y,
+    modifySliderEventListener: z
   };
 }
-const bt = (e) => (Ne("data-v-edec7292"), e = e(), Qe(), e), yt = /* @__PURE__ */ bt(() => /* @__PURE__ */ R("div", { class: "default-slider" }, null, -1)), _t = /* @__PURE__ */ N({
+const pt = (t) => (Me("data-v-edec7292"), t = t(), We(), t), ht = /* @__PURE__ */ pt(() => /* @__PURE__ */ E("div", { class: "default-slider" }, null, -1)), mt = /* @__PURE__ */ F({
   __name: "ScrollBar",
   props: {
     containerEl: null,
@@ -504,19 +499,19 @@ const bt = (e) => (Ne("data-v-edec7292"), e = e(), Qe(), e), yt = /* @__PURE__ *
     autoHeight: { type: Boolean },
     performance: null
   },
-  setup(e, { expose: t }) {
-    const l = e, n = !!ze().default, r = m(null), a = h(() => l.containerEl), o = mt({
-      containerEl: a,
-      sliderEl: r,
-      autoHeight: n ? l.autoHeight : !0,
-      performance: l.performance
-    }), { scrollable: d, isScrollEnd: g, sliderPos: f } = o, v = m(!1), p = l.autoHide ? h(() => v.value || !g.value) : h(() => d.value);
-    le(() => {
-      he(() => {
-        o.init();
+  setup(t, { expose: e }) {
+    const n = t, o = !!Le().default, s = g(null), r = f(() => n.containerEl), l = ft({
+      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);
+    te(() => {
+      ne(() => {
+        l.init();
       });
-    }), ge(() => {
-      o.modifySliderEventListener("remove");
+    }), ve(() => {
+      l.modifySliderEventListener("remove");
     });
     function i() {
       v.value = !0;
@@ -524,36 +519,36 @@ const bt = (e) => (Ne("data-v-edec7292"), e = e(), Qe(), e), yt = /* @__PURE__ *
     function u() {
       v.value = !1;
     }
-    return t({ uScrollBarReturn: o }), (E, b) => (T(), me(be, null, {
-      default: ye(() => [
-        Ke(R("div", {
+    return e({ uScrollBarReturn: l }), (T, b) => (I(), fe(pe, null, {
+      default: he(() => [
+        De(E("div", {
           ref_key: "sliderRef",
-          ref: r,
+          ref: s,
           class: "slider-wrapper",
           onMouseenter: i,
           onMouseleave: u,
-          style: oe(S(f))
+          style: K(_(p))
         }, [
-          ne(E.$slots, "default", {}, () => [
-            yt
+          oe(T.$slots, "default", {}, () => [
+            ht
           ], !0)
         ], 36), [
-          [je, S(p)]
+          [ke, _(h)]
         ])
       ]),
       _: 3
     }));
   }
 });
-const Be = (e, t) => {
-  const l = e.__vccOpts || e;
-  for (const [n, r] of t)
-    l[n] = r;
-  return l;
-}, Rt = /* @__PURE__ */ Be(_t, [["__scopeId", "data-v-edec7292"]]), wt = { class: "virtualListWrapper" }, St = {
+const He = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, s] of e)
+    n[o] = s;
+  return n;
+}, It = /* @__PURE__ */ He(mt, [["__scopeId", "data-v-edec7292"]]), gt = { class: "virtualListWrapper" }, bt = {
   inheritAttrs: !1
-}, Ot = /* @__PURE__ */ N({
-  ...St,
+}, _t = /* @__PURE__ */ F({
+  ...bt,
   __name: "VirtualList",
   props: {
     data: null,
@@ -561,32 +556,32 @@ const Be = (e, t) => {
     overscan: { default: 10 }
   },
   emits: ["scrollEnd"],
-  setup(e, { expose: t, emit: l }) {
-    const n = e, r = ft(We(n, "data"), {
-      itemHeight: (v) => n.itemHeight(n.data[v]),
-      overscan: n.overscan,
+  setup(t, { expose: e, emit: n }) {
+    const o = t, s = ut(Ve(o, "data"), {
+      itemHeight: (v) => o.itemHeight(o.data[v]),
+      overscan: o.overscan,
       scrollEndHook: () => {
-        l("scrollEnd");
+        n("scrollEnd");
       }
-    }), { list: a, containerProps: o, wrapperProps: d, innerProps: g, getItemHeightData: f } = r;
-    return t({
-      vListReturn: r
-    }), (v, p) => (T(), P("div", wt, [
-      R("div", Ue({
-        onScrollPassive: p[0] || (p[0] = (...i) => S(o).onScroll && S(o).onScroll(...i)),
-        ref: S(o).ref,
+    }), { list: r, containerProps: l, wrapperProps: d, innerProps: m, getItemHeightData: p } = s;
+    return e({
+      vListReturn: s
+    }), (v, h) => (I(), B("div", gt, [
+      E("div", je({
+        onScrollPassive: h[0] || (h[0] = (...i) => _(l).onScroll && _(l).onScroll(...i)),
+        ref: _(l).ref,
         class: "virtualList"
       }, v.$attrs), [
-        R("div", ie(ue(S(d))), [
-          R("div", ie(ue(S(g))), [
-            (T(!0), P(qe, null, Ye(S(a), ({ index: i, data: u }) => (T(), P("div", {
+        E("div", le(se(_(d))), [
+          E("div", le(se(_(m))), [
+            (I(!0), B(ze, null, Ke(_(r), ({ index: i, data: u }) => (I(), B("div", {
               key: i,
-              style: oe({
-                height: `${S(f)(i).height}px`,
+              style: K({
+                height: `${_(p)(i).height}px`,
                 display: "flex"
               })
             }, [
-              ne(v.$slots, "default", {
+              oe(v.$slots, "default", {
                 data: u,
                 index: i
               }, void 0, !0)
@@ -597,23 +592,85 @@ const Be = (e, t) => {
     ]));
   }
 });
-const Ct = /* @__PURE__ */ Be(Ot, [["__scopeId", "data-v-4ba97cce"]]);
+const Ct = /* @__PURE__ */ He(_t, [["__scopeId", "data-v-4ba97cce"]]), yt = { class: "flex w-full max-w-[700px] items-center justify-center" }, wt = { class: "text-[14px] text-white" }, St = /* @__PURE__ */ F({
+  __name: "Toast",
+  props: {
+    message: null,
+    position: null
+  },
+  setup(t) {
+    const e = t, n = g(), o = g(), s = g(), r = f(() => {
+      switch (e.position) {
+        case "top":
+          return 10;
+        case "middle":
+          return 50;
+        case "bottom":
+          return 85;
+      }
+    }), l = f(() => ({
+      top: `calc(${r.value}% - ${s.value}px)`,
+      left: `calc(50% - ${o.value}px)`,
+      backgroundColor: "black"
+    }));
+    return ne(() => {
+      o.value = n.value.offsetWidth / 2, s.value = n.value.offsetHeight / 2;
+    }), (d, m) => (I(), B("div", null, [
+      E("div", {
+        id: "toastWrapper",
+        ref_key: "toastWrapper",
+        ref: n,
+        class: "absolute rounded-[8px] bg-black px-[14px] py-[12px] opacity-[0.79]",
+        style: K([_(l), { zIndex: 9999 }])
+      }, [
+        E("div", yt, [
+          E("span", wt, Ne(t.message), 1)
+        ])
+      ], 4)
+    ]));
+  }
+}), de = {
+  message: "\u61D2\u732B\u4E91 Yes!!!",
+  position: "middle",
+  duration: 1500
+};
+class Bt {
+  options;
+  container;
+  constructor(e) {
+    this.options = e, this.container = document.createElement("div");
+  }
+  present() {
+    const e = R(R(St), { ...de, ...this.options });
+    J(e, this.container), document.body.insertBefore(this.container, document.body.firstChild);
+    const n = this.options.duration || de.duration;
+    setTimeout(() => {
+      this.dismiss();
+    }, n);
+  }
+  dismiss() {
+    this.container && (this.container.querySelector("#toastWrapper")?.classList.add("animate-toastAnimation"), setTimeout(() => {
+      this.container && (J(null, this.container), document.body.removeChild(this.container));
+    }, 500));
+  }
+}
 export {
-  Rt as ScrollBar,
-  Tt as SvgIcon,
+  It as ScrollBar,
+  Ht as SvgIcon,
+  Bt as ToastCreator,
   Ct as VirtualList,
-  Ee as allSelectedKey,
-  pt as closeDialogKey,
-  It as dialogController,
-  Re as isAllSelectedKey,
-  xe as isSelectedKey,
-  Ie as selectAllKey,
-  He as selectKey,
-  Se as toggleAllKey,
-  Oe as toggleKey,
-  Ce as unselectAllKey,
-  Te as unselectKey,
-  Ht as useSelectable,
-  Et as useSelectableInjectors,
-  ft as useVirtualList
+  we as allSelectedKey,
+  ct as closeDialogKey,
+  Tt as dialogController,
+  Ee as isAllSelectedKey,
+  ye as isSelectedKey,
+  Oe as selectAllKey,
+  Se as selectKey,
+  be as toggleAllKey,
+  _e as toggleKey,
+  Te as unselectAllKey,
+  xe 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 le;const B=typeof window<"u";B&&((le=window?.navigator)==null?void 0:le.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function j(t){return typeof t=="function"?t():e.unref(t)}function me(t,l){function n(...o){t(()=>l.apply(this,o),{fn:l,thisArg:this,args:o})}return n}function ge(t,l={}){let n,o;return s=>{const r=j(t),f=j(l.maxWait);if(n&&clearTimeout(n),r<=0||f!==void 0&&f<=0)return o&&(clearTimeout(o),o=null),s();f&&!o&&(o=setTimeout(()=>{n&&clearTimeout(n),o=null,s()},f)),n=setTimeout(()=>{o&&clearTimeout(o),o=null,s()},r)}}function ve(t){return t}function ye(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function ne(t,l=200,n={}){return me(ge(l,n),t)}function be(t,l=!0){e.getCurrentInstance()?e.onMounted(t):l?t():e.nextTick(t)}function oe(t){var l;const n=j(t);return(l=n?.$el)!=null?l:n}const _e=B?window:void 0;B&&window.document,B&&window.navigator,B&&window.location;function we(t,l=!1){const n=e.ref(),o=()=>n.value=Boolean(t());return o(),be(o,l),n}const K=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},V="__vueuse_ssr_handlers__";K[V]=K[V]||{},K[V];var re=Object.getOwnPropertySymbols,Se=Object.prototype.hasOwnProperty,Ee=Object.prototype.propertyIsEnumerable,Oe=(t,l)=>{var n={};for(var o in t)Se.call(t,o)&&l.indexOf(o)<0&&(n[o]=t[o]);if(t!=null&&re)for(var o of re(t))l.indexOf(o)<0&&Ee.call(t,o)&&(n[o]=t[o]);return n};function Te(t,l,n={}){const o=n,{window:i=_e}=o,s=Oe(o,["window"]);let r;const f=we(()=>i&&"ResizeObserver"in i),v=()=>{r&&(r.disconnect(),r=void 0)},m=e.watch(()=>oe(t),g=>{v(),f.value&&i&&g&&(r=new ResizeObserver(l),r.observe(g,s))},{immediate:!0,flush:"post"}),p=()=>{v(),m()};return ye(p),{isSupported:f,stop:p}}function Be(t,l={width:0,height:0},n={}){const{box:o="content-box"}=n,i=e.ref(l.width),s=e.ref(l.height);return Te(t,([r])=>{const f=o==="border-box"?r.borderBoxSize:o==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;f?(i.value=f.reduce((v,{inlineSize:m})=>v+m,0),s.value=f.reduce((v,{blockSize:m})=>v+m,0)):(i.value=r.contentRect.width,s.value=r.contentRect.height)},n),e.watch(()=>oe(t),r=>{i.value=r?l.width:0,s.value=r?l.height:0}),{width:i,height:s}}var ie;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(ie||(ie={}));var He=Object.defineProperty,ae=Object.getOwnPropertySymbols,Ie=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,se=(t,l,n)=>l in t?He(t,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[l]=n,Re=(t,l)=>{for(var n in l||(l={}))Ie.call(l,n)&&se(t,n,l[n]);if(ae)for(var n of ae(l))Ce.call(l,n)&&se(t,n,l[n]);return t};Re({linear:ve},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function ce(t,l){const{scrollEndHook:n,itemHeight:o,overscan:i=5}=l,s=e.ref(null),r=Be(s),f=e.ref(!0),v=ne(G,100);let m;const p=e.shallowRef(t),g=e.ref(0),c=e.ref({start:0,end:10});let u=0;const E=e.ref([]),y=e.computed(()=>{let{sum:a,height:d}={sum:0,height:0};return p.value.map((S,w)=>(typeof o=="number"?d=o:d=o(w),a+=d,{height:d,sum:a}))}),Y=e.computed(()=>A(c.value.start)),O=e.computed(()=>typeof o=="number"?y.value.length*o:y.value[y.value.length-1]?.sum||0),I=e.computed(()=>{let a=E.value.length-i,d=Math.max(a-u,0);return E.value.slice(d,a)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(m)),e.watch([r.width,r.height,p],([a,d])=>{(a||d)&&R()},{deep:!0}),e.watch(g,()=>{C(),v()});function C(){f.value=!1}function G(){f.value=!0,n?.()}function R(){cancelAnimationFrame(m),m=requestAnimationFrame(x)}function x(){if(s.value){g.value=s.value.scrollTop,u=H();let a=P(g.value),d=a+u+i;a=a-i,a=a<0?0:a,d=d>p.value.length?p.value.length:d,c.value={start:a,end:d},E.value=p.value.slice(a,d).map((S,w)=>({data:S,index:w+a}))}}function P(a){let d=0,S=y.value.length-1,w=-1;for(;d<=S;){const b=Math.floor((d+S)/2);y.value[b].sum>=a?(w=b,S=b-1):d=b+1}return Math.max(0,w)}function H(){let a=0,d=0,S=J();for(let w=S;w<y.value.length&&(a++,d+=y.value[w].height,!(d>=r.height.value));w++);return a}function A(a){if(typeof o=="number")return a*o;let d=y.value[a];return d?d.sum-d.height:0}function $(a){return y.value[a]||{sum:0,height:0}}function J(){let a=c.value.start;return a>=i&&(a+=i),a}function X(a){if(s.value){const d=$(a);s.value.scrollTop=d.sum-d.height,x()}}const Z=e.computed(()=>({style:{width:"100%",height:`${O.value}px`,pointerEvents:f.value?void 0:"none"}})),k=e.computed(()=>({style:{transform:`translate3d(0, ${Y.value}px, 0)`,"will-change":"transform"}})),ee={overflowY:"auto"};return{list:E,visiableList:I,getItemHeightData:$,getoffsetTopIndex:P,totalHeight:O,clientHeight:r.height,scrollTo:X,scrollTop:g,isScrollEnd:f,containerProps:{ref:s,onScroll:()=>{R()},style:ee},wrapperProps:Z,innerProps:k}}const F=Symbol(),D=Symbol(),M=Symbol(),N=Symbol(),z=Symbol(),Q=Symbol(),U=Symbol(),W=Symbol(),q=Symbol();function xe(){const{voidFn:t,boolFn:l,boolRef:n,arrayRef:o}={voidFn:u=>{},boolFn:u=>!1,boolRef:e.computed(()=>!1),arrayRef:e.computed(()=>[])},i=e.inject(N,o),s=e.inject(M,l),r=e.inject(W,n),f=e.inject(D,t),v=e.inject(F,t),m=e.inject(z,t),p=e.inject(Q,t),g=e.inject(U,t),c=e.inject(q,t);return{selected:i,isSelected:s,isAllSelected:r,toggle:f,toggleAll:v,select:m,selectAll:p,unselect:g,unselectAll:c}}function Pe(t,l){const n=e.ref({}),o=e.computed(()=>t.value.filter(c=>n.value[c[l]])),i=e.computed(()=>o.value.length!=0&&Object.keys(n.value).length==t.value.length);function s(){t.value.forEach(c=>{n.value[c[l]]=!0})}function r(){n.value={}}function f(c){c.forEach(u=>{n.value[u[l]]||(n.value[u[l]]=!0)})}function v(c){c.forEach(u=>{n.value[u[l]]&&delete n.value[u[l]]})}function m(c){return!!n.value[c[l]]}function p(c){c.forEach(u=>{m(u)?delete n.value[u[l]]:n.value[u[l]]=!0})}function g(){i.value?r():s()}return e.provide(F,g),e.provide(D,p),e.provide(M,m),e.provide(N,o),e.provide(z,f),e.provide(Q,s),e.provide(U,v),e.provide(W,i),e.provide(q,r),{selected:o,select:f,selectAll:s,unselect:v,unselectAll:r,toggle:p,toggleAll:g,isSelected:m,isAllSelected:i}}const ue=Symbol(),Ae=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0},dialogClass:{default:""}},emits:["update:visiable"],setup(t,{emit:l}){const n=t,o=()=>{n.closeOnClickOverlay&&l("update:visiable",!1)};return e.provide(ue,()=>l("update:visiable",!1)),(i,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:o,class:"modal absolute left-0 right-0 top-0 bottom-0 flex bg-stone-900 bg-opacity-50 z-[999]"},[e.createElementVNode("div",{onClick:s[0]||(s[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",t.dialogClass])},[e.renderSlot(i.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function $e(t){function l(n,o){const i=document.createElement("div"),s={setup(){return()=>e.h(Ae,{visiable:!0,"onUpdate:visiable":()=>{i?.remove()},...t},{default:()=>e.h(n,o)})}};return document.body.appendChild(i),e.render(e.h(s),i),{close:()=>i?.remove()}}return{create:l}}const ke=["xlink:href","fill","color"],Le=e.defineComponent({__name:"SvgIcon",props:{name:null,prefix:{default:"icon"},color:{default:"#FFF"},width:null,height:null},setup(t){const l=t,n=e.computed(()=>`#${l.prefix}-${l.name}`),o=e.computed(()=>({width:`${l.width??l.height}px`,height:`${l.height??l.width}px`,aspectRatio:l.width&&l.height?void 0:"1/1"}));return(i,s)=>(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"",style:e.normalizeStyle(e.unref(o))},[e.createElementVNode("use",{"xlink:href":e.unref(n),fill:t.color,color:t.color},null,8,ke)],4))}});function je(t){const{containerEl:l,sliderEl:n,autoHeight:o,performance:i={},maxHeightRatio:s=.9}=t,r=e.ref(!0),f=ne(A,100);let v,m="";const p=e.ref(0),g=e.ref(0),c=e.ref(0),u=e.ref({top:0,scrollTop:0,scrollHeight:0,clientHeight:0}),E=e.ref({clientHeight:0}),y=e.computed(()=>!!g.value),Y=e.computed(()=>u.value.scrollHeight>u.value.clientHeight),O=e.computed(()=>u.value.clientHeight-E.value.clientHeight),I=e.computed(()=>u.value.scrollHeight-u.value.clientHeight),C=e.computed(()=>Math.max(u.value.clientHeight/u.value.scrollHeight,.05)),G=e.computed(()=>C.value>s?0:C.value*u.value.clientHeight),R=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:o?`${G.value}px`:void 0}));function x(b){H(),g.value=b.clientY-n.value.getBoundingClientRect().top||1,m=getComputedStyle(l.value).scrollBehavior,m==="smooth"&&(l.value.style.scrollBehavior="unset")}function P(){l.value.style.scrollBehavior=m,g.value=0,f()}function H(){r.value=!1}function A(){y.value||(r.value=!0)}function $(b){if(!y.value)return;let _=b.clientY-u.value.top-g.value;_<0?c.value=0:_>=O.value?c.value=O.value:c.value=_,l.value.scrollTo({top:c.value/O.value*I.value})}function J(){y.value||X()}function X(){cancelAnimationFrame(v),v=requestAnimationFrame(Z)}function Z(){l.value&&(p.value=i.scrollTop?.value??l.value.scrollTop,c.value=p.value/I.value*O.value)}function k(b){let _="addEventListener";b==="add"?_="addEventListener":_="removeEventListener",n.value?.[_]("pointerdown",x,{passive:!0}),window[_]("pointermove",$,{passive:!0}),window[_]("pointerup",P,{passive:!0})}const ee=new MutationObserver(b=>{b.map(L=>L.oldValue).join().includes("height")&&a()});function a(){u.value.top=l.value?.getBoundingClientRect().top??0,u.value.scrollHeight=l.value?.scrollHeight??0,u.value.clientHeight=l.value?.clientHeight??0}function d(){H(),setTimeout(()=>{E.value.clientHeight=n.value?.clientHeight??0,A()},150)}function S(b,_,L="dynamic-styles"){let T=document.getElementById(L);T||(T=document.createElement("style"),T.id=L,document.head.appendChild(T));const fe=T.sheet.cssRules,pe=fe.length,Qe=`${b} { ${_} }`;for(let te=0;te<pe;te++){const he=fe[te];if(he.selectorText===b&&he.style.cssText===_)return}T.sheet.insertRule(Qe,pe)}function w(){l.value&&n.value?(S(".hide-scrollbar","scrollbar-width: none; -ms-overflow-style: none;"),S(".hide-scrollbar::-webkit-scrollbar","display: none"),l.value.addEventListener("scroll",J,{passive:!0}),k("add"),ee.observe(l.value,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),setTimeout(()=>{a()},100),d()):console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:l,sliderEl:n})}return e.watch(p,()=>{H(),f()}),{isScrollEnd:r,isDragSlider:y,offsetTop:c,scrollTop:p,scrollable:Y,sliderPos:R,init:w,modifySliderEventListener:k}}const Ke=(t=>(e.pushScopeId("data-v-edec7292"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("div",{class:"default-slider"},null,-1)),Ve=e.defineComponent({__name:"ScrollBar",props:{containerEl:null,autoHide:{type:Boolean},autoHeight:{type:Boolean},performance:null},setup(t,{expose:l}){const n=t,o=!!e.useSlots().default,i=e.ref(null),s=e.computed(()=>n.containerEl),r=je({containerEl:s,sliderEl:i,autoHeight:o?n.autoHeight:!0,performance:n.performance}),{scrollable:f,isScrollEnd:v,sliderPos:m}=r,p=e.ref(!1),g=n.autoHide?e.computed(()=>p.value||!v.value):e.computed(()=>f.value);e.onMounted(()=>{e.nextTick(()=>{r.init()})}),e.onUnmounted(()=>{r.modifySliderEventListener("remove")});function c(){p.value=!0}function u(){p.value=!1}return l({uScrollBarReturn:r}),(E,y)=>(e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"sliderRef",ref:i,class:"slider-wrapper",onMouseenter:c,onMouseleave:u,style:e.normalizeStyle(e.unref(m))},[e.renderSlot(E.$slots,"default",{},()=>[Ke],!0)],36),[[e.vShow,e.unref(g)]])]),_:3}))}}),qe="",de=(t,l)=>{const n=t.__vccOpts||t;for(const[o,i]of l)n[o]=i;return n},Fe=de(Ve,[["__scopeId","data-v-edec7292"]]),De={class:"virtualListWrapper"},Me={inheritAttrs:!1},Ne=e.defineComponent({...Me,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},emits:["scrollEnd"],setup(t,{expose:l,emit:n}){const o=t,i=ce(e.toRef(o,"data"),{itemHeight:p=>o.itemHeight(o.data[p]),overscan:o.overscan,scrollEndHook:()=>{n("scrollEnd")}}),{list:s,containerProps:r,wrapperProps:f,innerProps:v,getItemHeightData:m}=i;return l({vListReturn:i}),(p,g)=>(e.openBlock(),e.createElementBlock("div",De,[e.createElementVNode("div",e.mergeProps({onScrollPassive:g[0]||(g[0]=(...c)=>e.unref(r).onScroll&&e.unref(r).onScroll(...c)),ref:e.unref(r).ref,class:"virtualList"},p.$attrs),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(f))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(v))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),({index:c,data:u})=>(e.openBlock(),e.createElementBlock("div",{key:c,style:e.normalizeStyle({height:`${e.unref(m)(c).height}px`,display:"flex"})},[e.renderSlot(p.$slots,"default",{data:u,index:c},void 0,!0)],4))),128))],16)],16)],16)]))}}),Ye="",ze=de(Ne,[["__scopeId","data-v-4ba97cce"]]);h.ScrollBar=Fe,h.SvgIcon=Le,h.VirtualList=ze,h.allSelectedKey=N,h.closeDialogKey=ue,h.dialogController=$e,h.isAllSelectedKey=W,h.isSelectedKey=M,h.selectAllKey=Q,h.selectKey=z,h.toggleAllKey=F,h.toggleKey=D,h.unselectAllKey=q,h.unselectKey=U,h.useSelectable=Pe,h.useSelectableInjectors=xe,h.useVirtualList=ce,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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 Z;const T=typeof window<"u";T&&((Z=window?.navigator)==null?void 0:Z.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 s=>{const r=$(n),f=$(t.maxWait);if(o&&clearTimeout(o),r<=0||f!==void 0&&f<=0)return l&&(clearTimeout(l),l=null),s();f&&!l&&(l=setTimeout(()=>{o&&clearTimeout(o),l=null,s()},f)),o=setTimeout(()=>{l&&clearTimeout(l),l=null,s()},r)}}function fe(n){return n}function pe(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function ee(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 te(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 ne=Object.getOwnPropertySymbols,ye=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable,be=(n,t)=>{var o={};for(var l in n)ye.call(n,l)&&t.indexOf(l)<0&&(o[l]=n[l]);if(n!=null&&ne)for(var l of ne(n))t.indexOf(l)<0&&ve.call(n,l)&&(o[l]=n[l]);return o};function _e(n,t,o={}){const l=o,{window:i=me}=l,s=be(l,["window"]);let r;const f=ge(()=>i&&"ResizeObserver"in i),y=()=>{r&&(r.disconnect(),r=void 0)},m=e.watch(()=>te(n),g=>{y(),f.value&&i&&g&&(r=new ResizeObserver(t),r.observe(g,s))},{immediate:!0,flush:"post"}),p=()=>{y(),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),s=e.ref(t.height);return _e(n,([r])=>{const f=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;f?(i.value=f.reduce((y,{inlineSize:m})=>y+m,0),s.value=f.reduce((y,{blockSize:m})=>y+m,0)):(i.value=r.contentRect.width,s.value=r.contentRect.height)},o),e.watch(()=>te(n),r=>{i.value=r?t.width:0,s.value=r?t.height:0}),{width:i,height:s}}var oe;(function(n){n.UP="UP",n.RIGHT="RIGHT",n.DOWN="DOWN",n.LEFT="LEFT",n.NONE="NONE"})(oe||(oe={}));var we=Object.defineProperty,le=Object.getOwnPropertySymbols,Ee=Object.prototype.hasOwnProperty,Oe=Object.prototype.propertyIsEnumerable,re=(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)&&re(n,o,t[o]);if(le)for(var o of le(t))Oe.call(t,o)&&re(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 ie(n,t){const{scrollEndHook:o,itemHeight:l,overscan:i=5}=t,s=e.ref(null),r=Se(s),f=e.ref(!0),y=ee(q,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([]),v=e.computed(()=>{let{sum:a,height:d}={sum:0,height:0};return p.value.map((S,b)=>(typeof l=="number"?d=l:d=l(b),a+=d,{height:d,sum:a}))}),U=e.computed(()=>R(c.value.start)),O=e.computed(()=>typeof l=="number"?v.value.length*l:v.value[v.value.length-1]?.sum||0),x=e.computed(()=>{let a=E.value.length-i,d=Math.max(a-u,0);return E.value.slice(d,a)});e.onMounted(()=>{}),e.onUnmounted(()=>cancelAnimationFrame(m)),e.watch([r.width,r.height,p],([a,d])=>{(a||d)&&I()},{deep:!0}),e.watch(g,()=>{H(),y()});function H(){f.value=!1}function q(){f.value=!0,o?.()}function I(){cancelAnimationFrame(m),m=requestAnimationFrame(C)}function C(){if(s.value){g.value=s.value.scrollTop,u=B();let a=P(g.value),d=a+u+i;a=a-i,a=a<0?0:a,d=d>p.value.length?p.value.length:d,c.value={start:a,end:d},E.value=p.value.slice(a,d).map((S,b)=>({data:S,index:b+a}))}}function P(a){let d=0,S=v.value.length-1,b=-1;for(;d<=S;){const _=Math.floor((d+S)/2);v.value[_].sum>=a?(b=_,S=_-1):d=_+1}return Math.max(0,b)}function B(){let a=0,d=0,S=Y();for(let b=S;b<v.value.length&&(a++,d+=v.value[b].height,!(d>=r.height.value));b++);return a}function R(a){if(typeof l=="number")return a*l;let d=v.value[a];return d?d.sum-d.height:0}function k(a){return v.value[a]||{sum:0,height:0}}function Y(){let a=c.value.start;return a>=i&&(a+=i),a}function G(a){if(s.value){const d=k(a);s.value.scrollTop=d.sum-d.height,C()}}const J=e.computed(()=>({style:{width:"100%",height:`${O.value}px`,pointerEvents:f.value?void 0:"none"}})),A=e.computed(()=>({style:{transform:`translate3d(0, ${U.value}px, 0)`,"will-change":"transform"}})),X={overflowY:"auto"};return{list:E,visiableList:x,getItemHeightData:k,getoffsetTopIndex:P,totalHeight:O,clientHeight:r.height,scrollTo:G,scrollTop:g,isScrollEnd:f,containerProps:{ref:s,onScroll:()=>{I()},style:X},wrapperProps:J,innerProps:A}}const V=Symbol(),D=Symbol(),j=Symbol(),K=Symbol(),M=Symbol(),N=Symbol(),z=Symbol(),W=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),s=e.inject(j,t),r=e.inject(W,o),f=e.inject(D,n),y=e.inject(V,n),m=e.inject(M,n),p=e.inject(N,n),g=e.inject(z,n),c=e.inject(Q,n);return{selected:i,isSelected:s,isAllSelected:r,toggle:f,toggleAll:y,select:m,selectAll:p,unselect:g,unselectAll:c}}function xe(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 s(){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 y(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():s()}return e.provide(V,g),e.provide(D,p),e.provide(j,m),e.provide(K,l),e.provide(M,f),e.provide(N,s),e.provide(z,y),e.provide(W,i),e.provide(Q,r),{selected:l,select:f,selectAll:s,unselect:y,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,s)=>(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:s[0]||(s[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 Ie(n){function t(o,l){const i=document.createElement("div"),s={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(s),i),{close:()=>i?.remove()}}return{create:t}}const Ce=["xlink:href","fill","color"],Pe=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,s)=>(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,Ce)],4))}});function Re(n){const{containerEl:t,sliderEl:o,autoHeight:l,performance:i={},maxHeightRatio:s=.9}=n,r=e.ref(!0),f=ee(R,100);let y,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}),v=e.computed(()=>!!g.value),U=e.computed(()=>u.value.scrollHeight>u.value.clientHeight),O=e.computed(()=>u.value.clientHeight-E.value.clientHeight),x=e.computed(()=>u.value.scrollHeight-u.value.clientHeight),H=e.computed(()=>Math.max(u.value.clientHeight/u.value.scrollHeight,.05)),q=e.computed(()=>H.value>s?0:H.value*u.value.clientHeight),I=e.computed(()=>({willChange:"transform",transform:`translate3d(0,${c.value}px,0)`,height:l?`${q.value}px`:void 0}));function C(_){B(),g.value=_.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(){v.value||(r.value=!0)}function k(_){if(!v.value)return;let w=_.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*x.value})}function Y(){v.value||G()}function G(){cancelAnimationFrame(y),y=requestAnimationFrame(J)}function J(){t.value&&(p.value=i.scrollTop?.value??t.value.scrollTop,c.value=p.value/x.value*O.value)}function A(_){let w="addEventListener";_==="add"?w="addEventListener":w="removeEventListener",o.value?.[w]("pointerdown",C,{passive:!0}),window[w]("pointermove",k,{passive:!0}),window[w]("pointerup",P,{passive:!0})}const X=new MutationObserver(_=>{_.map(ze=>ze.oldValue).join().includes("height")&&a()});function a(){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 b(){t.value&&o.value?(S(),t.value.addEventListener("scroll",Y,{passive:!0}),A("add"),X.observe(t.value,{subtree:!0,attributeOldValue:!0,attributeFilter:["style"]}),setTimeout(()=>{a()},100),d()):console.error("useScrollBar:","\u521D\u59CB\u5316\u5931\u8D25!",{containerEl:t,sliderEl:o})}return e.watch(p,()=>{B(),f()}),{isScrollEnd:r,isDragSlider:v,offsetTop:c,scrollTop:p,scrollable:U,sliderPos:I,init:b,modifySliderEventListener:A}}const ke=(n=>(e.pushScopeId("data-v-edec7292"),n=n(),e.popScopeId(),n))(()=>e.createElementVNode("div",{class:"default-slider"},null,-1)),Ae=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),s=e.computed(()=>o.containerEl),r=Re({containerEl:s,sliderEl:i,autoHeight:l?o.autoHeight:!0,performance:o.performance}),{scrollable:f,isScrollEnd:y,sliderPos:m}=r,p=e.ref(!1),g=o.autoHide?e.computed(()=>p.value||!y.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,v)=>(e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"sliderRef",ref:i,class:"slider-wrapper",onMouseenter:c,onMouseleave:u,style:e.normalizeStyle(e.unref(m))},[e.renderSlot(E.$slots,"default",{},()=>[ke],!0)],36),[[e.vShow,e.unref(g)]])]),_:3}))}}),Ue="",ae=(n,t)=>{const o=n.__vccOpts||n;for(const[l,i]of t)o[l]=i;return o},$e=ae(Ae,[["__scopeId","data-v-edec7292"]]),Fe={class:"virtualListWrapper"},Le={inheritAttrs:!1},Ve=e.defineComponent({...Le,__name:"VirtualList",props:{data:null,itemHeight:null,overscan:{default:10}},emits:["scrollEnd"],setup(n,{expose:t,emit:o}){const l=n,i=ie(e.toRef(l,"data"),{itemHeight:p=>l.itemHeight(l.data[p]),overscan:l.overscan,scrollEndHook:()=>{o("scrollEnd")}}),{list:s,containerProps:r,wrapperProps:f,innerProps:y,getItemHeightData:m}=i;return t({vListReturn:i}),(p,g)=>(e.openBlock(),e.createElementBlock("div",Fe,[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(y))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),({index:c,data:u})=>(e.openBlock(),e.createElementBlock("div",{key:c,style:e.normalizeStyle({height:`${e.unref(m)(c).height}px`,display:"flex"})},[e.renderSlot(p.$slots,"default",{data:u,index:c},void 0,!0)],4))),128))],16)],16)],16)]))}}),qe="",De=ae(Ve,[["__scopeId","data-v-4ba97cce"]]),je={class:"flex w-full max-w-[700px] items-center justify-center"},Ke={class:"text-[14px] text-white"},Me=e.defineComponent({__name:"Toast",props:{message:null,position:null},setup(n){const t=n,o=e.ref(),l=e.ref(),i=e.ref(),s=e.computed(()=>{switch(t.position){case"top":return 10;case"middle":return 50;case"bottom":return 85}}),r=e.computed(()=>({top:`calc(${s.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,y)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{id:"toastWrapper",ref_key:"toastWrapper",ref:o,class:"absolute rounded-[8px] bg-black px-[14px] py-[12px] opacity-[0.79]",style:e.normalizeStyle([e.unref(r),{zIndex:9999}])},[e.createElementVNode("div",je,[e.createElementVNode("span",Ke,e.toDisplayString(n.message),1)])],4)]))}}),ce={message:"\u61D2\u732B\u4E91 Yes!!!",position:"middle",duration:1500};class Ne{options;container;constructor(t){this.options=t,this.container=document.createElement("div")}present(){const t=e.h(e.h(Me),{...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))}}h.ScrollBar=$e,h.SvgIcon=Pe,h.ToastCreator=Ne,h.VirtualList=De,h.allSelectedKey=K,h.closeDialogKey=se,h.dialogController=Ie,h.isAllSelectedKey=W,h.isSelectedKey=j,h.selectAllKey=N,h.selectKey=M,h.toggleAllKey=V,h.toggleKey=D,h.unselectAllKey=Q,h.unselectKey=z,h.useSelectable=xe,h.useSelectableInjectors=Be,h.useVirtualList=ie,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types/index.d.ts

@@ -4,3 +4,4 @@ export * from "./dialog";
 export { default as SvgIcon } from "./svgIcon/SvgIcon.vue";
 export { default as ScrollBar } from "./scroll-bar";
 export { default as VirtualList } from "./useVirtualList/VirtualList.vue";
+export { ToastCreator } from "./toast/ToastCreator";

package/dist/types/toast/Toast.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    message: string;
+    position: "top" | "middle" | "bottom";
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    message: string;
+    position: "top" | "middle" | "bottom";
+}>>>, {}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/toast/ToastCreator.d.ts

@@ -0,0 +1,13 @@
+interface ToastOptions {
+    message?: string;
+    position?: "top" | "middle" | "bottom";
+    duration?: number;
+}
+export declare class ToastCreator {
+    options: ToastOptions;
+    container: HTMLElement;
+    constructor(options: ToastOptions);
+    present(): void;
+    dismiss(): void;
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazycatcloud/lzc-toolkit",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "description": "lazycat ui toolkits",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -32,4 +32,4 @@
     "vue": "^3.2.39",
     "vue-tsc": "^0.40.13"
   }
-}
+}