@lazycatcloud/lzc-toolkit 0.0.16 → 0.0.17

package/dist/index.es.js

@@ -1,84 +1,84 @@
-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;
+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 && ((N = window?.navigator) == null ? void 0 : N.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Ie(e) {
-  return typeof e == "function" ? e() : y(e);
+C && ((F = window?.navigator) == null ? void 0 : F.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function xe(e) {
+  return typeof e == "function" ? e() : m(e);
 }
-function Ce(e) {
+function Ie(e) {
   return e;
 }
-function Pe(e) {
+function Ce(e) {
   return ie() ? (ce(e), !0) : !1;
 }
-function xe(e, n = !0) {
-  ue() ? F(e) : n ? e() : de(e);
+function Pe(e, t = !0) {
+  ue() ? U(e) : t ? e() : de(e);
 }
 function W(e) {
-  var n;
-  const t = Ie(e);
-  return (n = t?.$el) != null ? n : t;
+  var t;
+  const n = xe(e);
+  return (t = n?.$el) != null ? t : n;
 }
 const Ee = C ? window : void 0;
 C && window.document;
 C && window.navigator;
 C && window.location;
-function Te(e, n = !1) {
-  const t = O(), o = () => t.value = Boolean(e());
-  return o(), xe(o, n), t;
+function Te(e, t = !1) {
+  const n = _(), o = () => n.value = Boolean(e());
+  return o(), Pe(o, t), 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 = {};
+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) => {
+  var n = {};
   for (var o in e)
-    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 && Be.call(e, o) && (t[o] = e[o]);
-  return t;
+    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]);
+  return n;
 };
-function $e(e, n, t = {}) {
-  const o = t, { window: s = Ee } = o, a = Re(o, ["window"]);
+function Re(e, t, n = {}) {
+  const o = n, { window: s = Ee } = o, a = $e(o, ["window"]);
   let l;
   const i = Te(() => s && "ResizeObserver" in s), r = () => {
     l && (l.disconnect(), l = void 0);
-  }, u = B(() => W(e), (_) => {
-    r(), i.value && s && _ && (l = new ResizeObserver(n), l.observe(_, a));
-  }, { immediate: !0, flush: "post" }), w = () => {
+  }, u = $(() => W(e), (S) => {
+    r(), i.value && s && S && (l = new ResizeObserver(t), l.observe(S, a));
+  }, { immediate: !0, flush: "post" }), O = () => {
     r(), u();
   };
-  return Pe(w), {
+  return Ce(O), {
     isSupported: i,
-    stop: w
+    stop: O
   };
 }
-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]) => {
+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]) => {
     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);
-  }, t), B(() => W(e), (l) => {
-    s.value = l ? n.width : 0, a.value = l ? n.height : 0;
+  }, n), $(() => W(e), (l) => {
+    s.value = l ? t.width : 0, a.value = l ? t.height : 0;
   }), {
     width: s,
     height: a
   };
 }
-var k;
+var Q;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(k || (k = {}));
-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 = {}))
-    Ke.call(n, t) && V(e, t, n[t]);
+})(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) => {
+  for (var n in t || (t = {}))
+    He.call(t, n) && V(e, n, t[n]);
   if (L)
-    for (var t of L(n))
-      je.call(n, t) && V(e, t, n[t]);
+    for (var n of L(t))
+      Ke.call(t, n) && V(e, n, t[n]);
   return e;
 };
-const Qe = {
+const Fe = {
   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 Qe = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-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;
+je({
+  linear: Ie
+}, Fe);
+function Ne(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;
-    for (let h = g; h < l.value.length; h++)
-      if (v += r(h), v >= c) {
-        p = h;
+    for (let g = h; g < l.value.length; g++)
+      if (v += r(g), v >= c) {
+        p = g;
         break;
       }
-    return p - g;
-  }, _ = (c) => {
-    let g = 0, v = 0;
+    return p - h;
+  }, S = (c) => {
+    let h = 0, v = 0;
     for (let p = 0; p < l.value.length; p++)
-      if (g += r(p), g >= c) {
+      if (h += r(p), h >= c) {
         v = p;
         break;
       }
@@ -128,38 +128,38 @@ function ke(e, n) {
   };
   let d;
   const f = () => {
-    cancelAnimationFrame(d), d = requestAnimationFrame(R);
-  }, R = () => {
-    const c = t.value;
+    cancelAnimationFrame(d), d = requestAnimationFrame(k);
+  }, k = () => {
+    const c = n.value;
     if (c) {
-      const g = _(c.scrollTop), v = w(c.clientHeight), p = g - u, h = g + v + u;
+      const h = S(c.scrollTop), v = O(c.clientHeight), p = h - u, g = h + v + u;
       i.value = {
         start: p < 0 ? 0 : p,
-        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,
+        end: g > l.value.length ? l.value.length : g
+      }, s.value = l.value.slice(i.value.start, i.value.end).map((H, ae) => ({
+        data: H,
         index: ae + i.value.start
       }));
     }
   };
-  F(() => {
+  U(() => {
   }), ve(() => {
     cancelAnimationFrame(d);
-  }), B(
+  }), $(
     [o.width, o.height, l],
     () => {
       f();
     },
     { deep: !0 }
   );
-  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(() => ({
+  const z = w(() => typeof r == "number" ? l.value.length * r : l.value.reduce((c, h, v) => c + r(v), 0)), te = (c) => typeof r == "number" ? c * r : l.value.slice(0, c).reduce((v, p, g) => v + r(g), 0), ne = (c) => {
+    n.value && (n.value.scrollTop = c, k());
+  }, oe = w(() => te(i.value.start)), le = w(() => ({
     style: {
       width: "100%",
-      height: `${$.value}px`
+      height: `${z.value}px`
     }
-  })), se = S(() => ({
+  })), se = w(() => ({
     style: {
       transform: `translate3d(0, ${oe.value}px, 0)`,
       "will-change": "transform"
@@ -167,12 +167,12 @@ function ke(e, n) {
   })), re = { overflowY: "auto" };
   return {
     list: s,
-    totalHeight: $,
+    totalHeight: z,
     clientHeight: o.height,
     scrollTo: ne,
     scrollTop: a,
     containerProps: {
-      ref: t,
+      ref: n,
       onScroll: (c) => {
         c.target && (a.value = c.target.scrollTop), f();
       },
@@ -183,12 +183,12 @@ function ke(e, n) {
   };
 }
 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);
+function Me() {
+  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,
-    toggle: n,
-    isSelected: t,
+    toggle: t,
+    isSelected: n,
     selected: o,
     select: s,
     unselect: a,
@@ -196,50 +196,50 @@ function We() {
     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 qe(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) => {
-      t.value[d[n]] = !0;
+      n.value[d[t]] = !0;
     });
   }
   function l() {
-    t.value = {};
+    n.value = {};
   }
   function i(d) {
     d.forEach((f) => {
-      t.value[f[n]] || (t.value[f[n]] = !0);
+      n.value[f[t]] || (n.value[f[t]] = !0);
     });
   }
   function r(d) {
     d.forEach((f) => {
-      t.value[f[n]] && delete t.value[f[n]];
+      n.value[f[t]] && delete n.value[f[t]];
     });
   }
   function u(d) {
-    return !!t.value[d[n]];
+    return !!n.value[d[t]];
   }
-  function w(d) {
+  function O(d) {
     d.forEach((f) => {
-      u(f) ? delete t.value[f[n]] : t.value[f[n]] = !0;
+      u(f) ? delete n.value[f[t]] : n.value[f[t]] = !0;
     });
   }
-  function _() {
+  function S() {
     s.value ? l() : a();
   }
-  return m(M, _), m(q, w), m(G, u), m(Y, o), m(J, i), m(X, r), m(Z, s), m(ee, l), {
+  return b(M, S), b(q, O), b(G, u), b(Y, o), b(J, i), b(X, r), b(Z, s), b(ee, l), {
     selected: o,
     select: i,
     selectAll: a,
     unselect: r,
     unselectAll: l,
-    toggle: w,
-    toggleAll: _,
+    toggle: O,
+    toggleAll: S,
     isSelected: u,
     isAllSelected: s
   };
 }
-const Le = Symbol(), Ve = /* @__PURE__ */ U({
+const Qe = Symbol(), Le = /* @__PURE__ */ R({
   __name: "Dialog",
   props: {
     visiable: { type: Boolean, default: !1 },
@@ -247,18 +247,18 @@ const Le = Symbol(), Ve = /* @__PURE__ */ U({
     dialogClass: { default: "" }
   },
   emits: ["update:visiable"],
-  setup(e, { emit: n }) {
-    const t = e, o = () => {
-      t.closeOnClickOverlay && n("update:visiable", !1);
+  setup(e, { emit: t }) {
+    const n = e, o = () => {
+      n.closeOnClickOverlay && t("update:visiable", !1);
     };
-    return m(Le, () => n("update:visiable", !1)), (s, a) => (I(), pe(ge, { name: "modal" }, {
-      default: he(() => [
-        e.visiable ? (I(), P("div", {
+    return b(Qe, () => t("update:visiable", !1)), (s, a) => (x(), pe(he, { name: "modal" }, {
+      default: ge(() => [
+        e.visiable ? (x(), I("div", {
           key: 0,
           onClick: o,
           class: "modal absolute inset-0 bottom-0 z-50 flex bg-stone-900 bg-opacity-50"
         }, [
-          E("div", {
+          P("div", {
             onClick: a[0] || (a[0] = me(() => {
             }, ["stop"])),
             class: be(["dialog m-auto flex flex-col", e.dialogClass])
@@ -271,12 +271,12 @@ const Le = Symbol(), Ve = /* @__PURE__ */ U({
     }));
   }
 });
-function qe(e) {
-  function n(t, o) {
+function Ge(e) {
+  function t(n, o) {
     const s = document.createElement("div"), a = {
       setup() {
-        return () => x(
-          Ve,
+        return () => E(
+          Le,
           {
             visiable: !0,
             "onUpdate:visiable": () => {
@@ -285,44 +285,69 @@ function qe(e) {
             ...e
           },
           {
-            default: () => x(t, o)
+            default: () => E(n, o)
           }
         );
       }
     };
-    return document.body.appendChild(s), Oe(x(a), s), {
+    return document.body.appendChild(s), _e(E(a), s), {
       close: () => s?.remove()
     };
   }
   return {
-    create: n
+    create: t
   };
 }
-const Fe = /* @__PURE__ */ U({
+const Ve = ["xlink:href", "fill", "color"], Ye = /* @__PURE__ */ R({
+  __name: "SvgIcon",
+  props: {
+    prefix: { default: "icon" },
+    name: null,
+    color: { default: "#FFF" },
+    width: { default: 16 },
+    height: { default: 16 }
+  },
+  setup(e) {
+    const t = e, n = w(() => `#${t.prefix}-${t.name}`), o = w(() => ({
+      width: t.width,
+      height: t.height
+    }));
+    return (s, a) => (x(), I("svg", {
+      "aria-hidden": "",
+      style: T(m(o))
+    }, [
+      P("use", {
+        "xlink:href": m(n),
+        fill: e.color,
+        color: e.color
+      }, null, 8, Ve)
+    ], 4));
+  }
+}), Ue = /* @__PURE__ */ R({
   __name: "VirtualList",
   props: {
     data: null,
     itemHeight: null
   },
   setup(e) {
-    const n = e, { list: t, containerProps: o, wrapperProps: s, innerProps: a } = ke(
-      we(n, "data"),
+    const t = e, { list: n, containerProps: o, wrapperProps: s, innerProps: a } = Ne(
+      we(t, "data"),
       {
-        itemHeight: (l) => n.itemHeight(0),
+        itemHeight: (l) => t.itemHeight(0),
         overscan: 10
       }
     );
-    return (l, i) => (I(), P("div", {
-      ref: y(o).ref,
-      onScrollPassive: i[0] || (i[0] = (...r) => y(o).onScroll && y(o).onScroll(...r)),
+    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: H(y(o).style)
+      style: T(m(o).style)
     }, [
-      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", {
+      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: H({
+            style: T({
               height: `${e.itemHeight(u)}px`,
               display: "flex"
             })
@@ -337,17 +362,18 @@ const Fe = /* @__PURE__ */ U({
     ], 36));
   }
 });
-const Ue = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [o, s] of n)
-    t[o] = s;
-  return t;
-}, Ge = /* @__PURE__ */ Ue(Fe, [["__scopeId", "data-v-b9b7f6cb"]]);
+const De = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
+}, Je = /* @__PURE__ */ De(Ue, [["__scopeId", "data-v-b9b7f6cb"]]);
 export {
-  Ge as VirtualList,
+  Ye as SvgIcon,
+  Je as VirtualList,
   Y as allSelectedKey,
-  Le as closeDialogKey,
-  qe as dialogController,
+  Qe as closeDialogKey,
+  Ge as dialogController,
   Z as isAllSelectedKey,
   G as isSelectedKey,
   J as selectKey,
@@ -355,7 +381,7 @@ export {
   q as toggleKey,
   ee as unselectAllKey,
   X as unselectKey,
-  Me as useSelectable,
-  We as useSelectableInjectors,
-  ke as useVirtualList
+  qe as useSelectable,
+  Me as useSelectableInjectors,
+  Ne as useVirtualList
 };

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 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"}})});
+(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"}})});

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./useVirtualList";
 export * from "./useSelectable";
 export * from "./dialog";
-export * from "./svgIcon";
+export { default as SvgIcon } from "./svgIcon/SvgIcon.vue";
 export { default as VirtualList } from "./useVirtualList/VirtualList.vue";

package/package.json

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

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

@@ -1,2 +0,0 @@
-import SvgIcon from "./SvgIcon.vue";
-export default SvgIcon;