@lazycatcloud/lzc-toolkit 0.0.13 → 0.0.15

package/dist/index.es.js

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

package/dist/index.umd.js

@@ -1 +1 @@
-(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"}})});
+(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 A;const O=typeof window<"u";O&&((A=window?.navigator)==null?void 0:A.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 k(t){var o;const n=F(t);return(o=n?.$el)!=null?o:n}const W=O?window:void 0;O&&window.document,O&&window.navigator,O&&window.location;function q(t,o=!1){const n=e.ref(),l=()=>n.value=Boolean(t());return l(),U(l,o),n}const S=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},v="__vueuse_ssr_handlers__";S[v]=S[v]||{},S[v];var x=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&&x)for(var l of x(t))o.indexOf(l)<0&&Y.call(t,l)&&(n[l]=t[l]);return n};function X(t,o,n={}){const l=n,{window:s=W}=l,a=J(l,["window"]);let r;const c=q(()=>s&&"ResizeObserver"in s),i=()=>{r&&(r.disconnect(),r=void 0)},f=e.watch(()=>k(t),w=>{i(),c.value&&s&&w&&(r=new ResizeObserver(o),r.observe(w,a))},{immediate:!0,flush:"post"}),_=()=>{i(),f()};return D(_),{isSupported:c,stop:_}}function Z(t,o={width:0,height:0},n={}){const{box:l="content-box"}=n,s=e.ref(o.width),a=e.ref(o.height);return X(t,([r])=>{const c=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;c?(s.value=c.reduce((i,{inlineSize:f})=>i+f,0),a.value=c.reduce((i,{blockSize:f})=>i+f,0)):(s.value=r.contentRect.width,a.value=r.contentRect.height)},n),e.watch(()=>k(t),r=>{s.value=r?o.width:0,a.value=r?o.height:0}),{width:s,height:a}}var R;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(R||(R={}));var ee=Object.defineProperty,V=Object.getOwnPropertySymbols,te=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable,z=(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)&&z(t,n,o[n]);if(V)for(var n of V(o))ne.call(o,n)&&z(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 N(t,o){const n=e.ref(),l=Z(n),s=e.ref([]),a=e.ref(0),r=e.shallowRef(t),c=e.ref({start:0,end:10}),{itemHeight:i,overscan:f=5}=o,_=d=>{const{start:b=0}=c.value;let h=0,m=0;for(let y=b;y<r.value.length;y++)if(h+=i(y),h>=d){m=y;break}return m-b},w=d=>{let b=0,h=0;for(let m=0;m<r.value.length;m++)if(b+=i(m),b>=d){h=m;break}return h};let p;const g=()=>{cancelAnimationFrame(p),p=requestAnimationFrame(H)},H=()=>{const d=n.value;if(d){const b=w(d.scrollTop),h=_(d.clientHeight),m=b-f,y=b+h+f;c.value={start:m<0?0:m,end:y>r.value.length?r.value.length:y},s.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],()=>{g()},{deep:!0});const L=e.computed(()=>typeof i=="number"?r.value.length*i:r.value.reduce((d,b,h)=>d+i(h),0)),ue=d=>typeof i=="number"?d*i:r.value.slice(0,d).reduce((h,m,y)=>h+i(y),0),de=d=>{n.value&&(n.value.scrollTop=d,H())},fe=e.computed(()=>ue(c.value.start)),pe=e.computed(()=>({style:{width:"100%",height:`${L.value}px`}})),ge=e.computed(()=>({style:{transform:`translate3d(0, ${fe.value}px, 0)`,"will-change":"transform"}})),he={overflowY:"auto"};return{list:s,totalHeight:L,clientHeight:l.height,scrollTo:de,scrollTop:a,containerProps:{ref:n,onScroll:d=>{d.target&&(a.value=d.target.scrollTop),g()},style:he},wrapperProps:pe,innerProps:ge}}const P=Symbol(),C=Symbol(),I=Symbol(),E=Symbol(),B=Symbol(),T=Symbol(),j=Symbol(),K=Symbol();function le(){const t=e.inject(P),o=e.inject(C),n=e.inject(I),l=e.inject(E),s=e.inject(B),a=e.inject(T),r=e.inject(j),c=e.inject(K);return{toggleAll:t,toggle:o,isSelected:n,selected:l,select:s,unselect:a,isAllSelected:r,unselectAll:c}}function re(t,o){const n=e.ref({}),l=e.computed(()=>t.value.filter(p=>n.value[p[o]])),s=e.computed(()=>l.value.length!=0&&Object.keys(n.value).length==t.value.length);function a(){t.value.forEach(p=>{n.value[p[o]]=!0})}function r(){n.value={}}function c(p){p.forEach(g=>{n.value[g[o]]||(n.value[g[o]]=!0)})}function i(p){p.forEach(g=>{n.value[g[o]]&&delete n.value[g[o]]})}function f(p){return!!n.value[p[o]]}function _(p){p.forEach(g=>{f(g)?delete n.value[g[o]]:n.value[g[o]]=!0})}function w(){s.value?r():a()}return e.provide(P,w),e.provide(C,_),e.provide(I,f),e.provide(E,l),e.provide(B,c),e.provide(T,i),e.provide(j,s),e.provide(K,r),{selected:l,select:c,selectAll:a,unselect:i,unselectAll:r,toggle:_,toggleAll:w,isSelected:f,isAllSelected:s}}const $=Symbol(),se=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($,()=>o("update:visiable",!1)),(s,a)=>(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:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(["dialog m-auto flex flex-col",t.dialogClass])},[e.renderSlot(s.$slots,"default")],2)])):e.createCommentVNode("",!0)]),_:3}))}});function ie(t){function o(n,l){const s=document.createElement("div"),a={setup(){return()=>e.h(se,{visiable:!0,"onUpdate:visiable":()=>{s?.remove()},...t},{default:()=>e.h(n,l)})}};return document.body.appendChild(s),e.render(e.h(a),s),{close:()=>s?.remove()}}return{create:o}}const ae=e.defineComponent({__name:"VirtualList",props:{data:null,itemHeight:null},setup(t){const o=t,{list:n,containerProps:l,wrapperProps:s,innerProps:a}=N(e.toRef(o,"data"),{itemHeight:r=>o.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(s))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(a))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(n),({index:i,data:f})=>(e.openBlock(),e.createElementBlock("div",{key:i,style:e.normalizeStyle({height:`${t.itemHeight(f)}px`,display:"flex"})},[e.renderSlot(r.$slots,"default",{data:f,index:i},void 0,!0)],4))),128))],16)],16)],36))}}),ye="",ce=((t,o)=>{const n=t.__vccOpts||t;for(const[l,s]of o)n[l]=s;return n})(ae,[["__scopeId","data-v-b9b7f6cb"]]);u.VirtualList=ce,u.allSelectedKey=E,u.closeDialogKey=$,u.dialogController=ie,u.isAllSelectedKey=j,u.isSelectedKey=I,u.selectKey=B,u.toggleAllKey=P,u.toggleKey=C,u.unselectAllKey=K,u.unselectKey=T,u.useSelectable=re,u.useSelectableInjectors=le,u.useVirtualList=N,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

@@ -1,9 +1,17 @@
-import { type ComponentOptions, type VNodeProps } from "vue";
+import { type VNodeProps } from "vue";
 import { type DialogProps } from "./Dialog.vue";
 export * from "./keys";
+interface Constructor<P = any> {
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+    new (...args: any[]): {
+        $props: P;
+    };
+}
 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) => {
+    create: <P>(component: Constructor<P>, componentProps?: (VNodeProps & P) | undefined) => {
         close: () => void;
     };
 };

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

@@ -1,5 +1,15 @@
 import { type ComputedRef, type Ref } from "vue";
 export * from "./keys";
+export declare function useSelectableInjectors(): {
+    toggleAll: (() => void) | undefined;
+    toggle: ((a: any[]) => void) | undefined;
+    isSelected: ((a: any) => boolean) | undefined;
+    selected: ComputedRef<any[]> | undefined;
+    select: ((a: any) => void) | undefined;
+    unselect: ((a: any) => void) | undefined;
+    isAllSelected: ComputedRef<boolean> | undefined;
+    unselectAll: (() => void) | undefined;
+};
 export declare function useSelectable<T extends Record<K, string | number>, K extends keyof T>(data: Ref<Array<T>>, key: K): {
     selected: ComputedRef<T[]>;
     select: (items: Array<T>) => void;

package/package.json

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