@lazycatcloud/lzc-toolkit 0.0.7 → 0.0.8

package/dist/index.es.js

@@ -40,30 +40,30 @@ var z = Object.getOwnPropertySymbols, _e = Object.prototype.hasOwnProperty, Oe =
   return n;
 };
 function Pe(e, t, n = {}) {
-  const l = n, { window: i = ye } = l, r = Se(l, ["window"]);
+  const l = n, { window: a = ye } = l, i = Se(l, ["window"]);
   let o;
-  const s = we(() => i && "ResizeObserver" in i), a = () => {
+  const r = we(() => a && "ResizeObserver" in a), s = () => {
     o && (o.disconnect(), o = void 0);
   }, c = T(() => M(e), (_) => {
-    a(), s.value && i && _ && (o = new ResizeObserver(t), o.observe(_, r));
+    s(), r.value && a && _ && (o = new ResizeObserver(t), o.observe(_, i));
   }, { immediate: !0, flush: "post" }), w = () => {
-    a(), c();
+    s(), c();
   };
   return me(w), {
-    isSupported: s,
+    isSupported: r,
     stop: w
   };
 }
 function Ie(e, t = { width: 0, height: 0 }, n = {}) {
-  const { box: l = "content-box" } = n, i = b(t.width), r = b(t.height);
+  const { box: l = "content-box" } = n, a = b(t.width), i = b(t.height);
   return Pe(e, ([o]) => {
-    const s = l === "border-box" ? o.borderBoxSize : l === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
-    s ? (i.value = s.reduce((a, { inlineSize: c }) => a + c, 0), r.value = s.reduce((a, { blockSize: c }) => a + c, 0)) : (i.value = o.contentRect.width, r.value = o.contentRect.height);
+    const r = l === "border-box" ? o.borderBoxSize : l === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
+    r ? (a.value = r.reduce((s, { inlineSize: c }) => s + c, 0), i.value = r.reduce((s, { blockSize: c }) => s + c, 0)) : (a.value = o.contentRect.width, i.value = o.contentRect.height);
   }, n), T(() => M(e), (o) => {
-    i.value = o ? t.width : 0, r.value = o ? t.height : 0;
+    a.value = o ? t.width : 0, i.value = o ? t.height : 0;
   }), {
-    width: i,
-    height: r
+    width: a,
+    height: i
   };
 }
 var Q;
@@ -108,11 +108,11 @@ Te({
   linear: ge
 }, Be);
 function Ae(e, t) {
-  const n = b(), l = Ie(n), i = b([]), r = b(0), o = le(e), s = b({ start: 0, end: 10 }), { itemHeight: a, overscan: c = 5 } = t, w = (u) => {
-    const { start: h = 0 } = s.value;
+  const n = b(), l = Ie(n), a = b([]), i = b(0), o = le(e), r = b({ start: 0, end: 10 }), { itemHeight: s, overscan: c = 5 } = t, w = (u) => {
+    const { start: h = 0 } = r.value;
     let v = 0, p = 0;
     for (let g = h; g < o.value.length; g++)
-      if (v += a(g), v >= u) {
+      if (v += s(g), v >= u) {
         p = g;
         break;
       }
@@ -120,7 +120,7 @@ function Ae(e, t) {
   }, _ = (u) => {
     let h = 0, v = 0;
     for (let p = 0; p < o.value.length; p++)
-      if (h += a(p), h >= u) {
+      if (h += s(p), h >= u) {
         v = p;
         break;
       }
@@ -133,12 +133,12 @@ function Ae(e, t) {
     const u = n.value;
     if (u) {
       const h = _(u.scrollTop), v = w(u.clientHeight), p = h - c, g = h + v + c;
-      s.value = {
+      r.value = {
         start: p < 0 ? 0 : p,
         end: g > o.value.length ? o.value.length : g
-      }, i.value = o.value.slice(s.value.start, s.value.end).map((R, Z) => ({
+      }, a.value = o.value.slice(r.value.start, r.value.end).map((R, Z) => ({
         data: R,
-        index: Z + s.value.start
+        index: Z + r.value.start
       }));
     }
   };
@@ -152,9 +152,9 @@ function Ae(e, t) {
     },
     { deep: !0 }
   );
-  const A = O(() => typeof a == "number" ? o.value.length * a : o.value.reduce((u, h, v) => u + a(v), 0)), W = (u) => typeof a == "number" ? u * a : o.value.slice(0, u).reduce((v, p, g) => v + a(g), 0), q = (u) => {
+  const A = O(() => typeof s == "number" ? o.value.length * s : o.value.reduce((u, h, v) => u + s(v), 0)), W = (u) => typeof s == "number" ? u * s : o.value.slice(0, u).reduce((v, p, g) => v + s(g), 0), q = (u) => {
     n.value && (n.value.scrollTop = u, B());
-  }, G = O(() => W(s.value.start)), Y = O(() => ({
+  }, G = O(() => W(r.value.start)), Y = O(() => ({
     style: {
       width: "100%",
       height: `${A.value}px`
@@ -166,15 +166,15 @@ function Ae(e, t) {
     }
   })), X = { overflowY: "auto" };
   return {
-    list: i,
+    list: a,
     totalHeight: A,
     clientHeight: l.height,
     scrollTo: q,
-    scrollTop: r,
+    scrollTop: i,
     containerProps: {
       ref: n,
       onScroll: (u) => {
-        u.target && (r.value = u.target.scrollTop), f();
+        u.target && (i.value = u.target.scrollTop), f();
       },
       style: X
     },
@@ -184,8 +184,8 @@ function Ae(e, t) {
 }
 const Re = Symbol(), Ne = Symbol(), $e = Symbol(), He = Symbol(), Ke = Symbol(), Ve = Symbol(), ze = Symbol(), Qe = Symbol();
 function Ue(e, t) {
-  const n = b({}), l = O(() => e.value.filter((d) => n.value[d[t]])), i = O(() => l.value.length != 0 && Object.keys(n.value).length == e.value.length);
-  function r() {
+  const n = b({}), l = O(() => e.value.filter((d) => n.value[d[t]])), a = O(() => l.value.length != 0 && Object.keys(n.value).length == e.value.length);
+  function i() {
     e.value.forEach((d) => {
       n.value[d[t]] = !0;
     });
@@ -193,12 +193,12 @@ function Ue(e, t) {
   function o() {
     n.value = {};
   }
-  function s(d) {
+  function r(d) {
     d.forEach((f) => {
       n.value[f[t]] || (n.value[f[t]] = !0);
     });
   }
-  function a(d) {
+  function s(d) {
     d.forEach((f) => {
       n.value[f[t]] && delete n.value[f[t]];
     });
@@ -212,18 +212,18 @@ function Ue(e, t) {
     });
   }
   function _() {
-    i.value ? o() : r();
+    a.value ? o() : i();
   }
-  return m(Re, _), m(Ne, w), m($e, c), m(He, l), m(Ke, s), m(Ve, a), m(ze, i), m(Qe, o), {
+  return m(Re, _), m(Ne, w), m($e, c), m(He, l), m(Ke, r), m(Ve, s), m(ze, a), m(Qe, o), {
     selected: l,
-    select: s,
-    selectAll: r,
-    unselect: a,
+    select: r,
+    selectAll: i,
+    unselect: s,
     unselectAll: o,
     toggle: w,
     toggleAll: _,
     isSelected: c,
-    isAllSelected: i
+    isAllSelected: a
   };
 }
 const ke = Symbol(), Le = /* @__PURE__ */ D({
@@ -237,7 +237,7 @@ const ke = Symbol(), Le = /* @__PURE__ */ D({
     const n = e, l = () => {
       n.closeOnClickOverlay && t("update:show", !1);
     };
-    return m(ke, () => t("update:show", !1)), (i, r) => (S(), re(se, { name: "modal" }, {
+    return m(ke, () => t("update:show", !1)), (a, i) => (S(), re(se, { name: "modal" }, {
       default: ae(() => [
         e.visiable ? (S(), I("div", {
           key: 0,
@@ -245,11 +245,11 @@ const ke = Symbol(), Le = /* @__PURE__ */ D({
           class: "modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"
         }, [
           x("div", {
-            onClick: r[0] || (r[0] = ie(() => {
+            onClick: i[0] || (i[0] = ie(() => {
             }, ["stop"])),
             class: "dialog m-auto flex flex-col"
           }, [
-            U(i.$slots, "default")
+            U(a.$slots, "default")
           ])
         ])) : ue("", !0)
       ]),
@@ -258,47 +258,47 @@ const ke = Symbol(), Le = /* @__PURE__ */ D({
   }
 });
 function Me() {
-  let e = null;
-  const t = b({});
-  function n(r, o, s = !0) {
-    return t.value[r] ? (t.value[r].visiable = s, !0) : (t.value[r] = {
+  let e = null, t = null;
+  const n = b({});
+  function l(o, r, s = !0) {
+    return n.value[o] ? (n.value[o].visiable = s, !0) : (n.value[o] = {
       visiable: s,
-      componentProps: o
+      componentProps: r
     }, !1);
   }
-  function l(r) {
-    t.value[r].visiable = !1, t.value = {}, e && e.childNodes.length > 0 && e.childNodes.forEach((o) => {
-      e?.removeChild(o);
+  function a(o) {
+    n.value[o].visiable = !1, n.value = {}, t && t.childNodes.length > 0 && t.childNodes.forEach((r) => {
+      t?.removeChild(r);
     });
   }
-  function i(r) {
-    const o = r.component.name;
-    if (!n(o, r.componentProps || {})) {
+  function i(o) {
+    const r = o.component.name;
+    if (!l(r, o.componentProps || {})) {
       const s = {
         setup() {
           return () => N(
             Le,
             {
-              visiable: t.value[o].visiable,
-              "onUpdate:show": (a) => {
-                l(o);
+              visiable: n.value[r].visiable,
+              "onUpdate:show": () => {
+                a(r);
               }
             },
             {
               default: () => N(
-                r.component,
-                t.value[o].componentProps
+                o.component,
+                n.value[r].componentProps
               )
             }
           );
         }
       };
-      e || (e = document.createElement("div"), e.setAttribute("id", "dialog"), document.body.appendChild(e)), ce(de(s), e);
+      e || (e = document.body.querySelector("#app") || document.body), t || (t = document.createElement("div"), t.setAttribute("id", "dialog"), e.appendChild(t)), ce(de(s), t);
     }
-    return { close: l };
+    return { close: () => a(r) };
   }
   return F(() => {
-    e && document.body.removeChild(e);
+    t && e && e.removeChild(t);
   }), {
     create: i
   };
@@ -310,23 +310,23 @@ const je = /* @__PURE__ */ D({
     itemHeight: null
   },
   setup(e) {
-    const t = e, { list: n, containerProps: l, wrapperProps: i, innerProps: r } = Ae(
+    const t = e, { list: n, containerProps: l, wrapperProps: a, innerProps: i } = Ae(
       fe(t, "data"),
       {
         itemHeight: (o) => t.itemHeight(0),
         overscan: 10
       }
     );
-    return (o, s) => (S(), I("div", {
+    return (o, r) => (S(), I("div", {
       ref: y(l).ref,
-      onScrollPassive: s[0] || (s[0] = (...a) => y(l).onScroll && y(l).onScroll(...a)),
+      onScrollPassive: r[0] || (r[0] = (...s) => y(l).onScroll && y(l).onScroll(...s)),
       class: "hiddenScorllBar-firefox hiddenScorllBar h-full overflow-hidden",
       style: $(y(l).style)
     }, [
-      x("div", H(K(y(i))), [
-        x("div", H(K(y(r))), [
-          (S(!0), I(ve, null, pe(y(n), ({ index: a, data: c }) => (S(), I("div", {
-            key: a,
+      x("div", H(K(y(a))), [
+        x("div", H(K(y(i))), [
+          (S(!0), I(ve, null, pe(y(n), ({ index: s, data: c }) => (S(), I("div", {
+            key: s,
             style: $({
               height: `${e.itemHeight(c)}px`,
               display: "flex"
@@ -334,7 +334,7 @@ const je = /* @__PURE__ */ D({
           }, [
             U(o.$slots, "default", {
               data: c,
-              index: a
+              index: s
             }, void 0, !0)
           ], 4))), 128))
         ], 16)
@@ -344,8 +344,8 @@ const je = /* @__PURE__ */ D({
 });
 const Fe = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [l, i] of t)
-    n[l] = i;
+  for (const [l, a] of t)
+    n[l] = a;
   return n;
 }, We = /* @__PURE__ */ Fe(je, [["__scopeId", "data-v-b9b7f6cb"]]);
 export {

package/dist/index.umd.js

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

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

@@ -13,6 +13,6 @@ export declare type DialogOptionsMap = {
 };
 export declare function DialogController(): {
     create: (options: DialogControllerOptions) => {
-        close: (id: string) => void;
+        close: () => void;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazycatcloud/lzc-toolkit",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "lazycat ui toolkits",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -25,6 +25,7 @@
     "@vueuse/core": "^9.2.0"
   },
   "devDependencies": {
+    "@types/node": "^18.11.9",
     "@vitejs/plugin-vue": "^3.1.0",
     "typescript": "^4.8.3",
     "vite": "^3.1.1",