@lazycatcloud/lzc-toolkit 0.0.12 → 0.0.13

package/dist/index.es.js

@@ -1,81 +1,81 @@
-import { unref as y, getCurrentScope as ee, onScopeDispose as te, getCurrentInstance as ne, onMounted as j, nextTick as oe, ref as b, watch as T, shallowRef as le, onUnmounted as F, computed as O, provide as m, defineComponent as D, openBlock as S, createBlock as re, Transition as se, withCtx as ae, createElementBlock as I, createElementVNode as x, withModifiers as ie, renderSlot as U, createCommentVNode as ue, render as ce, createVNode as fe, h as N, toRef as de, normalizeStyle as $, normalizeProps as H, guardReactiveProps as K, Fragment as ve, renderList as pe } from "vue";
-var V;
-const P = typeof window < "u";
-P && ((V = window?.navigator) == null ? void 0 : V.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+import { unref as b, getCurrentScope as Z, onScopeDispose as ee, getCurrentInstance as te, onMounted as j, nextTick as ne, ref as y, watch as B, shallowRef as oe, onUnmounted as le, computed as _, provide as m, defineComponent as F, openBlock as S, createBlock as re, Transition as se, withCtx as ae, createElementBlock as I, createElementVNode as x, withModifiers as ie, normalizeClass as ue, renderSlot as U, createCommentVNode as ce, render as de, h as P, toRef as fe, normalizeStyle as z, normalizeProps as H, guardReactiveProps as K, Fragment as ve, renderList as pe } from "vue";
+var N;
+const C = typeof window < "u";
+C && ((N = window?.navigator) == null ? void 0 : N.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function he(e) {
-  return typeof e == "function" ? e() : y(e);
+  return typeof e == "function" ? e() : b(e);
 }
 function ge(e) {
   return e;
 }
 function me(e) {
-  return ee() ? (te(e), !0) : !1;
+  return Z() ? (ee(e), !0) : !1;
 }
 function be(e, n = !0) {
-  ne() ? j(e) : n ? e() : oe(e);
+  te() ? j(e) : n ? e() : ne(e);
 }
-function M(e) {
+function D(e) {
   var n;
   const t = he(e);
   return (n = t?.$el) != null ? n : t;
 }
-const ye = P ? window : void 0;
-P && window.document;
-P && window.navigator;
-P && window.location;
-function we(e, n = !1) {
-  const t = b(), l = () => t.value = Boolean(e());
-  return l(), be(l, n), t;
+const ye = C ? window : void 0;
+C && window.document;
+C && window.navigator;
+C && window.location;
+function Oe(e, n = !1) {
+  const t = y(), o = () => t.value = Boolean(e());
+  return o(), be(o, n), t;
 }
-const C = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, E = "__vueuse_ssr_handlers__";
-C[E] = C[E] || {};
-C[E];
-var z = Object.getOwnPropertySymbols, _e = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable, Se = (e, n) => {
+const E = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, T = "__vueuse_ssr_handlers__";
+E[T] = E[T] || {};
+E[T];
+var Q = Object.getOwnPropertySymbols, we = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable, Se = (e, n) => {
   var t = {};
-  for (var l in e)
-    _e.call(e, l) && n.indexOf(l) < 0 && (t[l] = e[l]);
-  if (e != null && z)
-    for (var l of z(e))
-      n.indexOf(l) < 0 && Oe.call(e, l) && (t[l] = e[l]);
+  for (var o in e)
+    we.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && Q)
+    for (var o of Q(e))
+      n.indexOf(o) < 0 && _e.call(e, o) && (t[o] = e[o]);
   return t;
 };
-function Pe(e, n, t = {}) {
-  const l = t, { window: a = ye } = l, i = Se(l, ["window"]);
-  let o;
-  const r = we(() => a && "ResizeObserver" in a), s = () => {
-    o && (o.disconnect(), o = void 0);
-  }, c = T(() => M(e), (_) => {
-    s(), r.value && a && _ && (o = new ResizeObserver(n), o.observe(_, i));
-  }, { immediate: !0, flush: "post" }), w = () => {
+function Ce(e, n, t = {}) {
+  const o = t, { window: r = ye } = o, a = Se(o, ["window"]);
+  let l;
+  const i = Oe(() => r && "ResizeObserver" in r), s = () => {
+    l && (l.disconnect(), l = void 0);
+  }, c = B(() => D(e), (w) => {
+    s(), i.value && r && w && (l = new ResizeObserver(n), l.observe(w, a));
+  }, { immediate: !0, flush: "post" }), O = () => {
     s(), c();
   };
-  return me(w), {
-    isSupported: r,
-    stop: w
+  return me(O), {
+    isSupported: i,
+    stop: O
   };
 }
 function Ie(e, n = { width: 0, height: 0 }, t = {}) {
-  const { box: l = "content-box" } = t, a = b(n.width), i = b(n.height);
-  return Pe(e, ([o]) => {
-    const r = l === "border-box" ? o.borderBoxSize : l === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
-    r ? (a.value = r.reduce((s, { inlineSize: c }) => s + c, 0), i.value = r.reduce((s, { blockSize: c }) => s + c, 0)) : (a.value = o.contentRect.width, i.value = o.contentRect.height);
-  }, t), T(() => M(e), (o) => {
-    a.value = o ? n.width : 0, i.value = o ? n.height : 0;
+  const { box: o = "content-box" } = t, r = y(n.width), a = y(n.height);
+  return Ce(e, ([l]) => {
+    const i = o === "border-box" ? l.borderBoxSize : o === "content-box" ? l.contentBoxSize : l.devicePixelContentBoxSize;
+    i ? (r.value = i.reduce((s, { inlineSize: c }) => s + c, 0), a.value = i.reduce((s, { blockSize: c }) => s + c, 0)) : (r.value = l.contentRect.width, a.value = l.contentRect.height);
+  }, t), B(() => D(e), (l) => {
+    r.value = l ? n.width : 0, a.value = l ? n.height : 0;
   }), {
-    width: a,
-    height: i
+    width: r,
+    height: a
   };
 }
-var Q;
+var k;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(Q || (Q = {}));
-var xe = Object.defineProperty, k = Object.getOwnPropertySymbols, Ce = Object.prototype.hasOwnProperty, Ee = Object.prototype.propertyIsEnumerable, L = (e, n, t) => n in e ? xe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Te = (e, n) => {
+})(k || (k = {}));
+var Pe = Object.defineProperty, L = Object.getOwnPropertySymbols, xe = Object.prototype.hasOwnProperty, Ee = Object.prototype.propertyIsEnumerable, V = (e, n, t) => n in e ? Pe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Te = (e, n) => {
   for (var t in n || (n = {}))
-    Ce.call(n, t) && L(e, t, n[t]);
-  if (k)
-    for (var t of k(n))
-      Ee.call(n, t) && L(e, t, n[t]);
+    xe.call(n, t) && V(e, t, n[t]);
+  if (L)
+    for (var t of L(n))
+      Ee.call(n, t) && V(e, t, n[t]);
   return e;
 };
 const Be = {
@@ -107,232 +107,214 @@ const Be = {
 Te({
   linear: ge
 }, Be);
-function Ae(e, n) {
-  const t = b(), l = Ie(t), a = b([]), i = b(0), o = le(e), r = b({ start: 0, end: 10 }), { itemHeight: s, overscan: c = 5 } = n, w = (u) => {
-    const { start: h = 0 } = r.value;
+function Re(e, n) {
+  const t = y(), o = Ie(t), r = y([]), a = y(0), l = oe(e), i = y({ start: 0, end: 10 }), { itemHeight: s, overscan: c = 5 } = n, O = (u) => {
+    const { start: h = 0 } = i.value;
     let v = 0, p = 0;
-    for (let g = h; g < o.value.length; g++)
+    for (let g = h; g < l.value.length; g++)
       if (v += s(g), v >= u) {
         p = g;
         break;
       }
     return p - h;
-  }, _ = (u) => {
+  }, w = (u) => {
     let h = 0, v = 0;
-    for (let p = 0; p < o.value.length; p++)
+    for (let p = 0; p < l.value.length; p++)
       if (h += s(p), h >= u) {
         v = p;
         break;
       }
     return v;
   };
-  let f;
-  const d = () => {
-    cancelAnimationFrame(f), f = requestAnimationFrame(B);
-  }, B = () => {
+  let d;
+  const f = () => {
+    cancelAnimationFrame(d), d = requestAnimationFrame(R);
+  }, R = () => {
     const u = t.value;
     if (u) {
-      const h = _(u.scrollTop), v = w(u.clientHeight), p = h - c, g = h + v + c;
-      r.value = {
+      const h = w(u.scrollTop), v = O(u.clientHeight), p = h - c, g = h + v + c;
+      i.value = {
         start: p < 0 ? 0 : p,
-        end: g > o.value.length ? o.value.length : g
-      }, a.value = o.value.slice(r.value.start, r.value.end).map((R, Z) => ({
-        data: R,
-        index: Z + r.value.start
+        end: g > l.value.length ? l.value.length : g
+      }, r.value = l.value.slice(i.value.start, i.value.end).map(($, X) => ({
+        data: $,
+        index: X + i.value.start
       }));
     }
   };
   j(() => {
-  }), F(() => {
-    cancelAnimationFrame(f);
-  }), T(
-    [l.width, l.height, o],
+  }), le(() => {
+    cancelAnimationFrame(d);
+  }), B(
+    [o.width, o.height, l],
     () => {
-      d();
+      f();
     },
     { deep: !0 }
   );
-  const A = O(() => typeof s == "number" ? o.value.length * s : o.value.reduce((u, h, v) => u + s(v), 0)), W = (u) => typeof s == "number" ? u * s : o.value.slice(0, u).reduce((v, p, g) => v + s(g), 0), q = (u) => {
-    t.value && (t.value.scrollTop = u, B());
-  }, G = O(() => W(r.value.start)), Y = O(() => ({
+  const A = _(() => typeof s == "number" ? l.value.length * s : l.value.reduce((u, h, v) => u + s(v), 0)), W = (u) => typeof s == "number" ? u * s : l.value.slice(0, u).reduce((v, p, g) => v + s(g), 0), M = (u) => {
+    t.value && (t.value.scrollTop = u, R());
+  }, q = _(() => W(i.value.start)), G = _(() => ({
     style: {
       width: "100%",
       height: `${A.value}px`
     }
-  })), J = O(() => ({
+  })), Y = _(() => ({
     style: {
-      transform: `translate3d(0, ${G.value}px, 0)`,
+      transform: `translate3d(0, ${q.value}px, 0)`,
       "will-change": "transform"
     }
-  })), X = { overflowY: "auto" };
+  })), J = { overflowY: "auto" };
   return {
-    list: a,
+    list: r,
     totalHeight: A,
-    clientHeight: l.height,
-    scrollTo: q,
-    scrollTop: i,
+    clientHeight: o.height,
+    scrollTo: M,
+    scrollTop: a,
     containerProps: {
       ref: t,
       onScroll: (u) => {
-        u.target && (i.value = u.target.scrollTop), d();
+        u.target && (a.value = u.target.scrollTop), f();
       },
-      style: X
+      style: J
     },
-    wrapperProps: Y,
-    innerProps: J
+    wrapperProps: G,
+    innerProps: Y
   };
 }
-const Re = Symbol(), Ne = Symbol(), $e = Symbol(), He = Symbol(), Ke = Symbol(), Ve = Symbol(), ze = Symbol(), Qe = Symbol();
-function Ue(e, n) {
-  const t = b({}), l = O(() => e.value.filter((f) => t.value[f[n]])), a = O(() => l.value.length != 0 && Object.keys(t.value).length == e.value.length);
-  function i() {
-    e.value.forEach((f) => {
-      t.value[f[n]] = !0;
+const Ae = Symbol(), $e = Symbol(), ze = Symbol(), He = Symbol(), Ke = Symbol(), Ne = Symbol(), Qe = Symbol(), ke = Symbol();
+function De(e, n) {
+  const t = y({}), o = _(() => e.value.filter((d) => t.value[d[n]])), r = _(() => o.value.length != 0 && Object.keys(t.value).length == e.value.length);
+  function a() {
+    e.value.forEach((d) => {
+      t.value[d[n]] = !0;
     });
   }
-  function o() {
+  function l() {
     t.value = {};
   }
-  function r(f) {
-    f.forEach((d) => {
-      t.value[d[n]] || (t.value[d[n]] = !0);
+  function i(d) {
+    d.forEach((f) => {
+      t.value[f[n]] || (t.value[f[n]] = !0);
     });
   }
-  function s(f) {
-    f.forEach((d) => {
-      t.value[d[n]] && delete t.value[d[n]];
+  function s(d) {
+    d.forEach((f) => {
+      t.value[f[n]] && delete t.value[f[n]];
     });
   }
-  function c(f) {
-    return !!t.value[f[n]];
+  function c(d) {
+    return !!t.value[d[n]];
   }
-  function w(f) {
-    f.forEach((d) => {
-      c(d) ? delete t.value[d[n]] : t.value[d[n]] = !0;
+  function O(d) {
+    d.forEach((f) => {
+      c(f) ? delete t.value[f[n]] : t.value[f[n]] = !0;
     });
   }
-  function _() {
-    a.value ? o() : i();
+  function w() {
+    r.value ? l() : a();
   }
-  return m(Re, _), m(Ne, w), m($e, c), m(He, l), m(Ke, r), m(Ve, s), m(ze, a), m(Qe, o), {
-    selected: l,
-    select: r,
-    selectAll: i,
+  return m(Ae, w), m($e, O), m(ze, c), m(He, o), m(Ke, i), m(Ne, s), m(Qe, r), m(ke, l), {
+    selected: o,
+    select: i,
+    selectAll: a,
     unselect: s,
-    unselectAll: o,
-    toggle: w,
-    toggleAll: _,
+    unselectAll: l,
+    toggle: O,
+    toggleAll: w,
     isSelected: c,
-    isAllSelected: a
+    isAllSelected: r
   };
 }
-const ke = Symbol(), Le = /* @__PURE__ */ D({
+const Le = Symbol(), Ve = /* @__PURE__ */ F({
   __name: "Dialog",
   props: {
     visiable: { type: Boolean, default: !1 },
-    closeOnClickOverlay: { type: Boolean, default: !0 }
+    closeOnClickOverlay: { type: Boolean, default: !0 },
+    dialogClass: { default: "" }
   },
-  emits: ["update:show"],
+  emits: ["update:visiable"],
   setup(e, { emit: n }) {
-    const t = e, l = () => {
-      t.closeOnClickOverlay && n("update:show", !1);
+    const t = e, o = () => {
+      t.closeOnClickOverlay && n("update:visiable", !1);
     };
-    return m(ke, () => n("update:show", !1)), (a, i) => (S(), re(se, { name: "modal" }, {
+    return m(Le, () => n("update:visiable", !1)), (r, a) => (S(), re(se, { name: "modal" }, {
       default: ae(() => [
         e.visiable ? (S(), I("div", {
           key: 0,
-          onClick: l,
+          onClick: o,
           class: "modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"
         }, [
           x("div", {
-            onClick: i[0] || (i[0] = ie(() => {
+            onClick: a[0] || (a[0] = ie(() => {
             }, ["stop"])),
-            class: "dialog m-auto flex flex-col"
+            class: ue(["dialog m-auto flex flex-col", e.dialogClass])
           }, [
-            U(a.$slots, "default")
-          ])
-        ])) : ue("", !0)
+            U(r.$slots, "default")
+          ], 2)
+        ])) : ce("", !0)
       ]),
       _: 3
     }));
   }
 });
-function Me() {
-  let e = null, n = null;
-  const t = b({});
-  function l(o, r, s = !0) {
-    return t.value[o] ? (t.value[o].visiable = s, !0) : (t.value[o] = {
-      visiable: s,
-      componentProps: r
-    }, !1);
-  }
-  function a(o) {
-    t.value[o] && (t.value[o].visiable = !1), n && n.childNodes.length > 0 && n.childNodes.forEach((r) => {
-      n?.removeChild(r);
-    }), t.value = {};
-  }
-  function i(o) {
-    const r = "0";
-    if (a(r), !l(r, o.componentProps || {})) {
-      const s = {
-        setup() {
-          return () => N(
-            Le,
-            {
-              visiable: t.value[r]?.visiable || !1,
-              "onUpdate:show": () => {
-                t.value[r].visiable = !1;
-              }
+function We(e) {
+  function n(t, o) {
+    const r = document.createElement("div"), a = {
+      setup() {
+        return () => P(
+          Ve,
+          {
+            visiable: !0,
+            "onUpdate:visiable": () => {
+              r?.remove();
             },
-            {
-              default: () => N(
-                o.component,
-                t.value[r].componentProps
-              )
-            }
-          );
-        }
-      };
-      e || (e = document.body.querySelector("#app") || document.body), n || (n = document.createElement("div"), n.setAttribute("id", "dialog"), e.appendChild(n)), ce(fe(s), n);
-    }
-    return { close: () => a(r) };
+            ...e
+          },
+          {
+            default: () => P(t, o)
+          }
+        );
+      }
+    };
+    return document.body.appendChild(r), de(P(a), r), {
+      close: () => r?.remove()
+    };
   }
-  return F(() => {
-    n && e && e.removeChild(n);
-  }), {
-    create: i
+  return {
+    create: n
   };
 }
-const je = /* @__PURE__ */ D({
+const je = /* @__PURE__ */ F({
   __name: "VirtualList",
   props: {
     data: null,
     itemHeight: null
   },
   setup(e) {
-    const n = e, { list: t, containerProps: l, wrapperProps: a, innerProps: i } = Ae(
-      de(n, "data"),
+    const n = e, { list: t, containerProps: o, wrapperProps: r, innerProps: a } = Re(
+      fe(n, "data"),
       {
-        itemHeight: (o) => n.itemHeight(0),
+        itemHeight: (l) => n.itemHeight(0),
         overscan: 10
       }
     );
-    return (o, r) => (S(), I("div", {
-      ref: y(l).ref,
-      onScrollPassive: r[0] || (r[0] = (...s) => y(l).onScroll && y(l).onScroll(...s)),
+    return (l, i) => (S(), I("div", {
+      ref: b(o).ref,
+      onScrollPassive: i[0] || (i[0] = (...s) => b(o).onScroll && b(o).onScroll(...s)),
       class: "hiddenScorllBar-firefox hiddenScorllBar h-full overflow-hidden",
-      style: $(y(l).style)
+      style: z(b(o).style)
     }, [
-      x("div", H(K(y(a))), [
-        x("div", H(K(y(i))), [
-          (S(!0), I(ve, null, pe(y(t), ({ index: s, data: c }) => (S(), I("div", {
+      x("div", H(K(b(r))), [
+        x("div", H(K(b(a))), [
+          (S(!0), I(ve, null, pe(b(t), ({ index: s, data: c }) => (S(), I("div", {
             key: s,
-            style: $({
+            style: z({
               height: `${e.itemHeight(c)}px`,
               display: "flex"
             })
           }, [
-            U(o.$slots, "default", {
+            U(l.$slots, "default", {
               data: c,
               index: s
             }, void 0, !0)
@@ -344,22 +326,22 @@ const je = /* @__PURE__ */ D({
 });
 const Fe = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [l, a] of n)
-    t[l] = a;
+  for (const [o, r] of n)
+    t[o] = r;
   return t;
-}, We = /* @__PURE__ */ Fe(je, [["__scopeId", "data-v-b9b7f6cb"]]);
+}, Me = /* @__PURE__ */ Fe(je, [["__scopeId", "data-v-b9b7f6cb"]]);
 export {
-  Me as DialogController,
-  We as VirtualList,
+  Me as VirtualList,
   He as allSelectedKey,
-  ke as closeDialogKey,
-  ze as isAllSelectedKey,
-  $e as isSelectedKey,
+  Le as closeDialogKey,
+  We as dialogController,
+  Qe as isAllSelectedKey,
+  ze as isSelectedKey,
   Ke as selectKey,
-  Re as toggleAllKey,
-  Ne as toggleKey,
-  Qe as unselectAllKey,
-  Ve as unselectKey,
-  Ue as useSelectable,
-  Ae as useVirtualList
+  Ae as toggleAllKey,
+  $e as toggleKey,
+  ke as unselectAllKey,
+  Ne as unselectKey,
+  De as useSelectable,
+  Re as useVirtualList
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.ui={},c.Vue))})(this,function(c,e){"use strict";var P;const w=typeof window<"u";w&&((P=window?.navigator)==null?void 0:P.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function D(t){return typeof t=="function"?t():e.unref(t)}function M(t){return t}function F(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function U(t,o=!0){e.getCurrentInstance()?e.onMounted(t):o?t():e.nextTick(t)}function C(t){var o;const n=D(t);return(o=n?.$el)!=null?o:n}const q=w?window:void 0;w&&window.document,w&&window.navigator,w&&window.location;function W(t,o=!1){const n=e.ref(),r=()=>n.value=Boolean(t());return r(),U(r,o),n}const O=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},S="__vueuse_ssr_handlers__";O[S]=O[S]||{},O[S];var E=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,J=(t,o)=>{var n={};for(var r in t)G.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&E)for(var r of E(t))o.indexOf(r)<0&&Y.call(t,r)&&(n[r]=t[r]);return n};function X(t,o,n={}){const r=n,{window:i=q}=r,u=J(r,["window"]);let l;const a=W(()=>i&&"ResizeObserver"in i),s=()=>{l&&(l.disconnect(),l=void 0)},f=e.watch(()=>C(t),_=>{s(),a.value&&i&&_&&(l=new ResizeObserver(o),l.observe(_,u))},{immediate:!0,flush:"post"}),v=()=>{s(),f()};return F(v),{isSupported:a,stop:v}}function Z(t,o={width:0,height:0},n={}){const{box:r="content-box"}=n,i=e.ref(o.width),u=e.ref(o.height);return X(t,([l])=>{const a=r==="border-box"?l.borderBoxSize:r==="content-box"?l.contentBoxSize:l.devicePixelContentBoxSize;a?(i.value=a.reduce((s,{inlineSize:f})=>s+f,0),u.value=a.reduce((s,{blockSize:f})=>s+f,0)):(i.value=l.contentRect.width,u.value=l.contentRect.height)},n),e.watch(()=>C(t),l=>{i.value=l?o.width:0,u.value=l?o.height:0}),{width:i,height:u}}var I;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(I||(I={}));var ee=Object.defineProperty,B=Object.getOwnPropertySymbols,te=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable,T=(t,o,n)=>o in t?ee(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,oe=(t,o)=>{for(var n in o||(o={}))te.call(o,n)&&T(t,n,o[n]);if(B)for(var n of B(o))ne.call(o,n)&&T(t,n,o[n]);return t};oe({linear:M},{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 K(t,o){const n=e.ref(),r=Z(n),i=e.ref([]),u=e.ref(0),l=e.shallowRef(t),a=e.ref({start:0,end:10}),{itemHeight:s,overscan:f=5}=o,v=d=>{const{start:y=0}=a.value;let g=0,m=0;for(let b=y;b<l.value.length;b++)if(g+=s(b),g>=d){m=b;break}return m-y},_=d=>{let y=0,g=0;for(let m=0;m<l.value.length;m++)if(y+=s(m),y>=d){g=m;break}return g};let p;const h=()=>{cancelAnimationFrame(p),p=requestAnimationFrame(L)},L=()=>{const d=n.value;if(d){const y=_(d.scrollTop),g=v(d.clientHeight),m=y-f,b=y+g+f;a.value={start:m<0?0:m,end:b>l.value.length?l.value.length:b},i.value=l.value.slice(a.value.start,a.value.end).map((Q,ge)=>({data:Q,index:ge+a.value.start}))}};e.onMounted(()=>{}),e.onUnmounted(()=>{cancelAnimationFrame(p)}),e.watch([r.width,r.height,l],()=>{h()},{deep:!0});const j=e.computed(()=>typeof s=="number"?l.value.length*s:l.value.reduce((d,y,g)=>d+s(g),0)),ce=d=>typeof s=="number"?d*s:l.value.slice(0,d).reduce((g,m,b)=>g+s(b),0),ue=d=>{n.value&&(n.value.scrollTop=d,L())},de=e.computed(()=>ce(a.value.start)),fe=e.computed(()=>({style:{width:"100%",height:`${j.value}px`}})),pe=e.computed(()=>({style:{transform:`translate3d(0, ${de.value}px, 0)`,"will-change":"transform"}})),he={overflowY:"auto"};return{list:i,totalHeight:j,clientHeight:r.height,scrollTo:ue,scrollTop:u,containerProps:{ref:n,onScroll:d=>{d.target&&(u.value=d.target.scrollTop),h()},style:he},wrapperProps:fe,innerProps:pe}}const A=Symbol(),k=Symbol(),x=Symbol(),V=Symbol(),N=Symbol(),R=Symbol(),z=Symbol(),$=Symbol();function le(t,o){const n=e.ref({}),r=e.computed(()=>t.value.filter(p=>n.value[p[o]])),i=e.computed(()=>r.value.length!=0&&Object.keys(n.value).length==t.value.length);function u(){t.value.forEach(p=>{n.value[p[o]]=!0})}function l(){n.value={}}function a(p){p.forEach(h=>{n.value[h[o]]||(n.value[h[o]]=!0)})}function s(p){p.forEach(h=>{n.value[h[o]]&&delete n.value[h[o]]})}function f(p){return!!n.value[p[o]]}function v(p){p.forEach(h=>{f(h)?delete n.value[h[o]]:n.value[h[o]]=!0})}function _(){i.value?l():u()}return e.provide(A,_),e.provide(k,v),e.provide(x,f),e.provide(V,r),e.provide(N,a),e.provide(R,s),e.provide(z,i),e.provide($,l),{selected:r,select:a,selectAll:u,unselect:s,unselectAll:l,toggle:v,toggleAll:_,isSelected:f,isAllSelected:i}}const H=Symbol(),re=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0}},emits:["update:show"],setup(t,{emit:o}){const n=t,r=()=>{n.closeOnClickOverlay&&o("update:show",!1)};return e.provide(H,()=>o("update:show",!1)),(i,u)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:r,class:"modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"},[e.createElementVNode("div",{onClick:u[0]||(u[0]=e.withModifiers(()=>{},["stop"])),class:"dialog m-auto flex flex-col"},[e.renderSlot(i.$slots,"default")])])):e.createCommentVNode("",!0)]),_:3}))}});function ae(){let t=null,o=null;const n=e.ref({});function r(l,a,s=!0){return n.value[l]?(n.value[l].visiable=s,!0):(n.value[l]={visiable:s,componentProps:a},!1)}function i(l){n.value[l]&&(n.value[l].visiable=!1),o&&o.childNodes.length>0&&o.childNodes.forEach(a=>{o?.removeChild(a)}),n.value={}}function u(l){const a="0";if(i(a),!r(a,l.componentProps||{})){const s={setup(){return()=>e.h(re,{visiable:n.value[a]?.visiable||!1,"onUpdate:show":()=>{n.value[a].visiable=!1}},{default:()=>e.h(l.component,n.value[a].componentProps)})}};t||(t=document.body.querySelector("#app")||document.body),o||(o=document.createElement("div"),o.setAttribute("id","dialog"),t.appendChild(o)),e.render(e.createVNode(s),o)}return{close:()=>i(a)}}return e.onUnmounted(()=>{o&&t&&t.removeChild(o)}),{create:u}}const se=e.defineComponent({__name:"VirtualList",props:{data:null,itemHeight:null},setup(t){const o=t,{list:n,containerProps:r,wrapperProps:i,innerProps:u}=K(e.toRef(o,"data"),{itemHeight:l=>o.itemHeight(0),overscan:10});return(l,a)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(r).ref,onScrollPassive:a[0]||(a[0]=(...s)=>e.unref(r).onScroll&&e.unref(r).onScroll(...s)),class:"hiddenScorllBar-firefox hiddenScorllBar h-full overflow-hidden",style:e.normalizeStyle(e.unref(r).style)},[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(i))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(u))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n),({index:s,data:f})=>(e.openBlock(),e.createElementBlock("div",{key:s,style:e.normalizeStyle({height:`${t.itemHeight(f)}px`,display:"flex"})},[e.renderSlot(l.$slots,"default",{data:f,index:s},void 0,!0)],4))),128))],16)],16)],36))}}),ye="",ie=((t,o)=>{const n=t.__vccOpts||t;for(const[r,i]of o)n[r]=i;return n})(se,[["__scopeId","data-v-b9b7f6cb"]]);c.DialogController=ae,c.VirtualList=ie,c.allSelectedKey=V,c.closeDialogKey=H,c.isAllSelectedKey=z,c.isSelectedKey=x,c.selectKey=N,c.toggleAllKey=A,c.toggleKey=k,c.unselectAllKey=$,c.unselectKey=R,c.useSelectable=le,c.useVirtualList=K,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.ui={},i.Vue))})(this,function(i,e){"use strict";var P;const w=typeof window<"u";w&&((P=window?.navigator)==null?void 0:P.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function F(t){return typeof t=="function"?t():e.unref(t)}function M(t){return t}function D(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function U(t,o=!0){e.getCurrentInstance()?e.onMounted(t):o?t():e.nextTick(t)}function C(t){var o;const n=F(t);return(o=n?.$el)!=null?o:n}const W=w?window:void 0;w&&window.document,w&&window.navigator,w&&window.location;function q(t,o=!1){const n=e.ref(),l=()=>n.value=Boolean(t());return l(),U(l,o),n}const O=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},S="__vueuse_ssr_handlers__";O[S]=O[S]||{},O[S];var I=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,J=(t,o)=>{var n={};for(var l in t)G.call(t,l)&&o.indexOf(l)<0&&(n[l]=t[l]);if(t!=null&&I)for(var l of I(t))o.indexOf(l)<0&&Y.call(t,l)&&(n[l]=t[l]);return n};function X(t,o,n={}){const l=n,{window:a=W}=l,c=J(l,["window"]);let r;const u=q(()=>a&&"ResizeObserver"in a),s=()=>{r&&(r.disconnect(),r=void 0)},f=e.watch(()=>C(t),v=>{s(),u.value&&a&&v&&(r=new ResizeObserver(o),r.observe(v,c))},{immediate:!0,flush:"post"}),_=()=>{s(),f()};return D(_),{isSupported:u,stop:_}}function Z(t,o={width:0,height:0},n={}){const{box:l="content-box"}=n,a=e.ref(o.width),c=e.ref(o.height);return X(t,([r])=>{const u=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;u?(a.value=u.reduce((s,{inlineSize:f})=>s+f,0),c.value=u.reduce((s,{blockSize:f})=>s+f,0)):(a.value=r.contentRect.width,c.value=r.contentRect.height)},n),e.watch(()=>C(t),r=>{a.value=r?o.width:0,c.value=r?o.height:0}),{width:a,height:c}}var E;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(E||(E={}));var ee=Object.defineProperty,B=Object.getOwnPropertySymbols,te=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable,T=(t,o,n)=>o in t?ee(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,oe=(t,o)=>{for(var n in o||(o={}))te.call(o,n)&&T(t,n,o[n]);if(B)for(var n of B(o))ne.call(o,n)&&T(t,n,o[n]);return t};oe({linear:M},{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 K(t,o){const n=e.ref(),l=Z(n),a=e.ref([]),c=e.ref(0),r=e.shallowRef(t),u=e.ref({start:0,end:10}),{itemHeight:s,overscan:f=5}=o,_=d=>{const{start:y=0}=u.value;let g=0,m=0;for(let b=y;b<r.value.length;b++)if(g+=s(b),g>=d){m=b;break}return m-y},v=d=>{let y=0,g=0;for(let m=0;m<r.value.length;m++)if(y+=s(m),y>=d){g=m;break}return g};let p;const h=()=>{cancelAnimationFrame(p),p=requestAnimationFrame(L)},L=()=>{const d=n.value;if(d){const y=v(d.scrollTop),g=_(d.clientHeight),m=y-f,b=y+g+f;u.value={start:m<0?0:m,end:b>r.value.length?r.value.length:b},a.value=r.value.slice(u.value.start,u.value.end).map((Q,ge)=>({data:Q,index:ge+u.value.start}))}};e.onMounted(()=>{}),e.onUnmounted(()=>{cancelAnimationFrame(p)}),e.watch([l.width,l.height,r],()=>{h()},{deep:!0});const j=e.computed(()=>typeof s=="number"?r.value.length*s:r.value.reduce((d,y,g)=>d+s(g),0)),ce=d=>typeof s=="number"?d*s:r.value.slice(0,d).reduce((g,m,b)=>g+s(b),0),ue=d=>{n.value&&(n.value.scrollTop=d,L())},de=e.computed(()=>ce(u.value.start)),fe=e.computed(()=>({style:{width:"100%",height:`${j.value}px`}})),pe=e.computed(()=>({style:{transform:`translate3d(0, ${de.value}px, 0)`,"will-change":"transform"}})),he={overflowY:"auto"};return{list:a,totalHeight:j,clientHeight:l.height,scrollTo:ue,scrollTop:c,containerProps:{ref:n,onScroll:d=>{d.target&&(c.value=d.target.scrollTop),h()},style:he},wrapperProps:fe,innerProps:pe}}const k=Symbol(),x=Symbol(),A=Symbol(),R=Symbol(),V=Symbol(),z=Symbol(),N=Symbol(),$=Symbol();function le(t,o){const n=e.ref({}),l=e.computed(()=>t.value.filter(p=>n.value[p[o]])),a=e.computed(()=>l.value.length!=0&&Object.keys(n.value).length==t.value.length);function c(){t.value.forEach(p=>{n.value[p[o]]=!0})}function r(){n.value={}}function u(p){p.forEach(h=>{n.value[h[o]]||(n.value[h[o]]=!0)})}function s(p){p.forEach(h=>{n.value[h[o]]&&delete n.value[h[o]]})}function f(p){return!!n.value[p[o]]}function _(p){p.forEach(h=>{f(h)?delete n.value[h[o]]:n.value[h[o]]=!0})}function v(){a.value?r():c()}return e.provide(k,v),e.provide(x,_),e.provide(A,f),e.provide(R,l),e.provide(V,u),e.provide(z,s),e.provide(N,a),e.provide($,r),{selected:l,select:u,selectAll:c,unselect:s,unselectAll:r,toggle:_,toggleAll:v,isSelected:f,isAllSelected:a}}const H=Symbol(),re=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0},dialogClass:{default:""}},emits:["update:visiable"],setup(t,{emit:o}){const n=t,l=()=>{n.closeOnClickOverlay&&o("update:visiable",!1)};return e.provide(H,()=>o("update:visiable",!1)),(a,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l,class:"modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"},[e.createElementVNode("div",{onClick:c[0]||(c[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",t.dialogClass])},[e.renderSlot(a.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function ae(t){function o(n,l){const a=document.createElement("div"),c={setup(){return()=>e.h(re,{visiable:!0,"onUpdate:visiable":()=>{a?.remove()},...t},{default:()=>e.h(n,l)})}};return document.body.appendChild(a),e.render(e.h(c),a),{close:()=>a?.remove()}}return{create:o}}const se=e.defineComponent({__name:"VirtualList",props:{data:null,itemHeight:null},setup(t){const o=t,{list:n,containerProps:l,wrapperProps:a,innerProps:c}=K(e.toRef(o,"data"),{itemHeight:r=>o.itemHeight(0),overscan:10});return(r,u)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(l).ref,onScrollPassive:u[0]||(u[0]=(...s)=>e.unref(l).onScroll&&e.unref(l).onScroll(...s)),class:"hiddenScorllBar-firefox hiddenScorllBar h-full overflow-hidden",style:e.normalizeStyle(e.unref(l).style)},[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(a))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(c))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n),({index:s,data:f})=>(e.openBlock(),e.createElementBlock("div",{key:s,style:e.normalizeStyle({height:`${t.itemHeight(f)}px`,display:"flex"})},[e.renderSlot(r.$slots,"default",{data:f,index:s},void 0,!0)],4))),128))],16)],16)],36))}}),ye="",ie=((t,o)=>{const n=t.__vccOpts||t;for(const[l,a]of o)n[l]=a;return n})(se,[["__scopeId","data-v-b9b7f6cb"]]);i.VirtualList=ie,i.allSelectedKey=R,i.closeDialogKey=H,i.dialogController=ae,i.isAllSelectedKey=N,i.isSelectedKey=A,i.selectKey=V,i.toggleAllKey=k,i.toggleKey=x,i.unselectAllKey=$,i.unselectKey=z,i.useSelectable=le,i.useVirtualList=K,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types/dialog/Dialog.vue.d.ts

@@ -1,6 +1,7 @@
 export interface DialogProps {
     visiable?: boolean;
     closeOnClickOverlay?: boolean;
+    dialogClass?: string | string[] | object;
 }
 declare const _default: {
     new (...args: any[]): {
@@ -9,12 +10,14 @@ declare const _default: {
         $props: Partial<{
             visiable: boolean;
             closeOnClickOverlay: boolean;
+            dialogClass: string | object | string[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DialogProps>, {
             visiable: boolean;
             closeOnClickOverlay: boolean;
+            dialogClass: string;
         }>>> & {
-            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visiable" | "closeOnClickOverlay">;
+            "onUpdate:visiable"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visiable" | "closeOnClickOverlay" | "dialogClass">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -26,16 +29,18 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "update:show", ...args: any[]) => void;
+        $emit: (event: "update:visiable", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DialogProps>, {
             visiable: boolean;
             closeOnClickOverlay: boolean;
+            dialogClass: string;
         }>>> & {
-            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], string, {
+            "onUpdate:visiable"?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visiable"[], string, {
             visiable: boolean;
             closeOnClickOverlay: boolean;
+            dialogClass: string | object | string[];
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -59,8 +64,9 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DialogProps>, {
         visiable: boolean;
         closeOnClickOverlay: boolean;
+        dialogClass: string;
     }>>> & {
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:visiable"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -68,11 +74,13 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DialogProps>, {
     visiable: boolean;
     closeOnClickOverlay: boolean;
+    dialogClass: string;
 }>>> & {
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", {
+    "onUpdate:visiable"?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visiable"[], "update:visiable", {
     visiable: boolean;
     closeOnClickOverlay: boolean;
+    dialogClass: string | object | string[];
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default: (_: {}) => any;

package/dist/types/dialog/index.d.ts

@@ -1,18 +1,9 @@
-import { type Component } from "vue";
+import { type ComponentOptions, type VNodeProps } from "vue";
+import { type DialogProps } from "./Dialog.vue";
 export * from "./keys";
-export interface DialogControllerOptions {
-    component: Component;
-    componentProps?: string[] | object;
-}
-export interface DialogOptions {
-    visiable?: boolean;
-    componentProps?: string[] | object;
-}
-export declare type DialogOptionsMap = {
-    [id: string]: DialogOptions;
-};
-export declare function DialogController(): {
-    create: (options: DialogControllerOptions) => {
+declare type DialogControllerOptions = Omit<DialogProps, "visiable">;
+export declare function dialogController(dialogProps?: DialogControllerOptions): {
+    create: <P>(component: ComponentOptions<P, any, any, any, any, any, any, any>, componentProps?: (VNodeProps & P) | undefined) => {
         close: () => void;
     };
 };

package/package.json

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