@lazycatcloud/lzc-toolkit 0.0.17 → 0.0.19

package/dist/index.es.js

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

package/dist/style.css

@@ -1 +1 @@
-.hiddenScorllBar[data-v-b9b7f6cb]::-webkit-scrollbar{display:none}.hiddenScorllBar-firefox[data-v-b9b7f6cb]{-ms-overflow-style:none;scrollbar-width:none}.h-full[data-v-b9b7f6cb]{height:100%}.overflow-hidden[data-v-b9b7f6cb]{overflow:hidden}
+.virtualListWrapper[data-v-e5ab2b81]{width:100%;height:100%;position:relative}.virtualList[data-v-e5ab2b81] ::-webkit-scrollbar{display:none}.virtualList[data-v-e5ab2b81]{width:100%;height:100%;position:absolute;top:0;-ms-overflow-style:none;scrollbar-width:none}

package/package.json

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