@lazycatcloud/lzc-toolkit 0.0.5 → 0.0.7

package/dist/index.es.js

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

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 v=typeof window<"u";v&&((P=window?.navigator)==null?void 0:P.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function D(t){return typeof t=="function"?t():e.unref(t)}function M(t){return t}function F(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function U(t,n=!0){e.getCurrentInstance()?e.onMounted(t):n?t():e.nextTick(t)}function C(t){var n;const o=D(t);return(n=o?.$el)!=null?n:o}const W=v?window:void 0;v&&window.document,v&&window.navigator,v&&window.location;function q(t,n=!1){const o=e.ref(),l=()=>o.value=Boolean(t());return l(),U(l,n),o}const O=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},S="__vueuse_ssr_handlers__";O[S]=O[S]||{},O[S];var I=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,J=(t,n)=>{var o={};for(var l in t)G.call(t,l)&&n.indexOf(l)<0&&(o[l]=t[l]);if(t!=null&&I)for(var l of I(t))n.indexOf(l)<0&&Y.call(t,l)&&(o[l]=t[l]);return o};function X(t,n,o={}){const l=o,{window:a=W}=l,s=J(l,["window"]);let r;const c=q(()=>a&&"ResizeObserver"in a),i=()=>{r&&(r.disconnect(),r=void 0)},f=e.watch(()=>C(t),w=>{i(),c.value&&a&&w&&(r=new ResizeObserver(n),r.observe(w,s))},{immediate:!0,flush:"post"}),_=()=>{i(),f()};return F(_),{isSupported:c,stop:_}}function Z(t,n={width:0,height:0},o={}){const{box:l="content-box"}=o,a=e.ref(n.width),s=e.ref(n.height);return X(t,([r])=>{const c=l==="border-box"?r.borderBoxSize:l==="content-box"?r.contentBoxSize:r.devicePixelContentBoxSize;c?(a.value=c.reduce((i,{inlineSize:f})=>i+f,0),s.value=c.reduce((i,{blockSize:f})=>i+f,0)):(a.value=r.contentRect.width,s.value=r.contentRect.height)},o),e.watch(()=>C(t),r=>{a.value=r?n.width:0,s.value=r?n.height:0}),{width:a,height:s}}var E;(function(t){t.UP="UP",t.RIGHT="RIGHT",t.DOWN="DOWN",t.LEFT="LEFT",t.NONE="NONE"})(E||(E={}));var ee=Object.defineProperty,B=Object.getOwnPropertySymbols,te=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable,T=(t,n,o)=>n in t?ee(t,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[n]=o,oe=(t,n)=>{for(var o in n||(n={}))te.call(n,o)&&T(t,o,n[o]);if(B)for(var o of B(n))ne.call(n,o)&&T(t,o,n[o]);return t};oe({linear:M},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function K(t,n){const o=e.ref(),l=Z(o),a=e.ref([]),s=e.ref(0),r=e.shallowRef(t),c=e.ref({start:0,end:10}),{itemHeight:i,overscan:f=5}=n,_=d=>{const{start:y=0}=c.value;let m=0,g=0;for(let b=y;b<r.value.length;b++)if(m+=i(b),m>=d){g=b;break}return g-y},w=d=>{let y=0,m=0;for(let g=0;g<r.value.length;g++)if(y+=i(g),y>=d){m=g;break}return m};let p;const h=()=>{cancelAnimationFrame(p),p=requestAnimationFrame(L)},L=()=>{const d=o.value;if(d){const y=w(d.scrollTop),m=_(d.clientHeight),g=y-f,b=y+m+f;c.value={start:g<0?0:g,end:b>r.value.length?r.value.length:b},a.value=r.value.slice(c.value.start,c.value.end).map((Q,me)=>({data:Q,index:me+c.value.start}))}};e.onMounted(()=>{}),e.onUnmounted(()=>{cancelAnimationFrame(p)}),e.watch([l.width,l.height,r],()=>{h()},{deep:!0});const j=e.computed(()=>typeof i=="number"?r.value.length*i:r.value.reduce((d,y,m)=>d+i(m),0)),ce=d=>typeof i=="number"?d*i:r.value.slice(0,d).reduce((m,g,b)=>m+i(b),0),ue=d=>{o.value&&(o.value.scrollTop=d,L())},de=e.computed(()=>ce(c.value.start)),fe=e.computed(()=>({style:{width:"100%",height:`${j.value}px`}})),pe=e.computed(()=>({style:{transform:`translate3d(0, ${de.value}px, 0)`,"will-change":"transform"}})),he={overflowY:"auto"};return{list:a,totalHeight:j,clientHeight:l.height,scrollTo:ue,scrollTop:s,containerProps:{ref:o,onScroll:d=>{d.target&&(s.value=d.target.scrollTop),h()},style:he},wrapperProps:fe,innerProps:pe}}const A=Symbol(),k=Symbol(),x=Symbol(),V=Symbol(),R=Symbol(),N=Symbol(),z=Symbol(),$=Symbol();function le(t,n){const o=e.ref({}),l=e.computed(()=>t.value.filter(p=>o.value[p[n]])),a=e.computed(()=>Object.keys(o.value).length==t.value.length);function s(){t.value.forEach(p=>{o.value[p[n]]=!0})}function r(){o.value={}}function c(p){p.forEach(h=>{o.value[h[n]]||(o.value[h[n]]=!0)})}function i(p){p.forEach(h=>{o.value[h[n]]&&delete o.value[h[n]]})}function f(p){return!!o.value[p[n]]}function _(p){p.forEach(h=>{f(h)?delete o.value[h[n]]:o.value[h[n]]=!0})}function w(){a.value?r():s()}return e.provide(A,w),e.provide(k,_),e.provide(x,f),e.provide(V,l),e.provide(R,c),e.provide(N,i),e.provide(z,a),e.provide($,r),{selected:l,select:c,selectAll:s,unselect:i,unselectAll:r,toggle:_,toggleAll:w,isSelected:f,isAllSelected:a}}const H=Symbol(),re=e.defineComponent({__name:"Dialog",props:{visiable:{type:Boolean,default:!1},closeOnClickOverlay:{type:Boolean,default:!0}},emits:["update:show"],setup(t,{emit:n}){const o=t,l=()=>{o.closeOnClickOverlay&&n("update:show",!1)};return e.provide(H,()=>n("update:show",!1)),(a,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"modal"},{default:e.withCtx(()=>[t.visiable?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l,class:"modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"},[e.createElementVNode("div",{onClick:s[0]||(s[0]=e.withModifiers(()=>{},["stop"])),class:"dialog m-auto flex flex-col"},[e.renderSlot(a.$slots,"default")])])):e.createCommentVNode("",!0)]),_:3}))}});function ae(){let t=null;const n=e.ref({});function o(a,s,r=!0){return n.value[a]?(n.value[a].visiable=r,!0):(n.value[a]={visiable:r,componentProps:s},!1)}function l(a){const s=a.component.name;if(!o(s,a.componentProps||{})){const r={setup(){return()=>e.h(re,{visiable:n.value[s].visiable,"onUpdate:show":c=>{n.value[s].visiable=c}},{default:()=>e.h(a.component,n.value[s].componentProps)})}};t||(t=document.createElement("div"),t.setAttribute("id","dialog"),document.body.appendChild(t)),e.render(e.createVNode(r),t)}return{close:()=>n.value[s].visiable=!1}}return e.onUnmounted(()=>{t&&document.body.removeChild(t)}),{create:l}}const se=e.defineComponent({__name:"VirtualList",props:{data:null,itemHeight:null},setup(t){const n=t,{list:o,containerProps:l,wrapperProps:a,innerProps:s}=K(e.toRef(n,"data"),{itemHeight:r=>n.itemHeight(0),overscan:10});return(r,c)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(l).ref,onScrollPassive:c[0]||(c[0]=(...i)=>e.unref(l).onScroll&&e.unref(l).onScroll(...i)),class:"hiddenScorllBar-firefox hiddenScorllBar h-full overflow-hidden",style:e.normalizeStyle(e.unref(l).style)},[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(a))),[e.createElementVNode("div",e.normalizeProps(e.guardReactiveProps(e.unref(s))),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o),({index:i,data:f})=>(e.openBlock(),e.createElementBlock("div",{key:i,style:e.normalizeStyle({height:`${t.itemHeight(f)}px`,display:"flex"})},[e.renderSlot(r.$slots,"default",{data:f,index:i},void 0,!0)],4))),128))],16)],16)],36))}}),ye="",ie=((t,n)=>{const o=t.__vccOpts||t;for(const[l,a]of n)o[l]=a;return o})(se,[["__scopeId","data-v-b9b7f6cb"]]);u.DialogController=ae,u.VirtualList=ie,u.allSelectedKey=V,u.closeDialogKey=H,u.isAllSelectedKey=z,u.isSelectedKey=x,u.selectKey=R,u.toggleAllKey=A,u.toggleKey=k,u.unselectAllKey=$,u.unselectKey=N,u.useSelectable=le,u.useVirtualList=K,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(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"}})});

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazycatcloud/lzc-toolkit",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "lazycat ui toolkits",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -10,12 +10,14 @@
   "directories": {
     "test": "test"
   },
+  "access": "public",
   "types": "./dist/types/index.d.ts",
   "scripts": {
     "dev": "vite",
     "build": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "typecheck": "vue-tsc --noEmit"
+    "typecheck": "vue-tsc --noEmit",
+    "prepublishOnly": "npm run build"
   },
   "author": "",
   "license": "ISC",