@lazycatcloud/lzc-toolkit 0.0.1 → 0.0.2

package/dist/index.es.js

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

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

@@ -11,7 +11,7 @@ export interface DialogOptions {
 export declare type DialogOptionsMap = {
     [id: string]: DialogOptions;
 };
-export default function dialogController(): {
+export declare function DialogController(): {
     create: (options: DialogControllerOptions) => {
         close: () => boolean;
     };

package/package.json

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