@v-c/util 0.0.6 → 0.0.9

package/dist/Portal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./Dom/canUseDom.cjs"),r=e.defineComponent((n,a)=>{const l=e.shallowRef(),t=e.shallowRef(),u=e.shallowRef(!1);return!u.value&&o.default()&&(t.value=n.getContainer(),l.value=t.value?.parentNode,u.value=!0),e.onMounted(()=>{t.value?.parentNode===null&&l.value!==null&&l.value.appendChild(t.value)}),e.onBeforeUnmount(()=>{n.didUpdate?.(n)}),e.onUnmounted(()=>{t.value?.parentNode?.removeChild?.(t.value)}),()=>t.value?e.createVNode(e.Teleport,{to:t.value},{default:()=>[a.slots.default?.()]}):null},{props:{didUpdate:{type:Function,required:!1},getContainer:{type:Function,required:!0}},inheritAttrs:!1});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./Dom/canUseDom.cjs"),r=e.defineComponent((n,a)=>{const u=e.shallowRef(),t=e.shallowRef(),l=e.shallowRef(!1);return!l.value&&o.default()&&(t.value=n.getContainer(),u.value=t.value?.parentNode,l.value=!0),e.onMounted(()=>{t.value?.parentNode===null&&u.value!==null&&u.value.appendChild(t.value)}),e.onBeforeUnmount(()=>{n.didUpdate?.(n)}),e.onUnmounted(()=>{t.value?.parentNode?.removeChild?.(t.value)}),()=>t.value?e.createVNode(e.Teleport,{to:t.value},{default:()=>[a.slots.default?.()]}):null},{props:{didUpdate:{type:Function,required:!1,default:void 0},getContainer:{type:Function,required:!0,default:void 0}},inheritAttrs:!1});exports.default=r;

package/dist/Portal.js

@@ -1,8 +1,8 @@
-import { defineComponent as u, shallowRef as a, onMounted as r, onBeforeUnmount as d, onUnmounted as i, createVNode as f, Teleport as v } from "vue";
+import { defineComponent as o, shallowRef as a, onMounted as r, onBeforeUnmount as d, onUnmounted as i, createVNode as f, Teleport as v } from "vue";
 import p from "./Dom/canUseDom.js";
-const m = /* @__PURE__ */ u((t, l) => {
-  const n = a(), e = a(), o = a(!1);
-  return !o.value && p() && (e.value = t.getContainer(), n.value = e.value?.parentNode, o.value = !0), r(() => {
+const m = /* @__PURE__ */ o((t, l) => {
+  const n = a(), e = a(), u = a(!1);
+  return !u.value && p() && (e.value = t.getContainer(), n.value = e.value?.parentNode, u.value = !0), r(() => {
     e.value?.parentNode === null && n.value !== null && n.value.appendChild(e.value);
   }), d(() => {
     t.didUpdate?.(t);
@@ -17,11 +17,13 @@ const m = /* @__PURE__ */ u((t, l) => {
   props: {
     didUpdate: {
       type: Function,
-      required: !1
+      required: !1,
+      default: void 0
     },
     getContainer: {
       type: Function,
-      required: !0
+      required: !0,
+      default: void 0
     }
   },
   inheritAttrs: !1

package/dist/PortalWrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),O=require("./Dom/canUseDom.cjs"),R=require("./Dom/scrollLocker.cjs"),k=require("./Portal.cjs"),b=require("./raf.cjs"),q=require("./setStyle.cjs");let l=0;const f=O.default();function N(){return process.env.NODE_ENV==="test"?l:0}let c={};function s(e){if(!f)return null;if(e){if(typeof e=="string")return document.querySelectorAll(e)[0];if(typeof e=="function")return e();if(typeof e=="object"&&e instanceof window.HTMLElement)return e}return document.body}const E=r.defineComponent((e,S)=>{const n=r.shallowRef(),m=r.shallowRef(),C=r.shallowRef(),y=r.shallowRef(),g=()=>{n.value?.parentNode?.removeChild(n.value)},d=t=>{const{visible:o,getContainer:u}=t||{},{visible:a,getContainer:i}=e;a!==o&&f&&s(i)===document.body&&(a&&!o?l+=1:t&&(l-=1)),(typeof i=="function"&&typeof u=="function"?i.toString()!==u.toString():i!==u)&&g()},v=(t=!1)=>{if(t||n.value&&!n.value.parentNode){const o=s(e.getContainer);return o?(o.appendChild(n.value),!0):!1}return!0},h=()=>{const{wrapperClassName:t}=e;n.value&&t&&t!==n.value.className&&(n.value.className=t)},w=()=>f?(n.value||(n.value=document.createElement("div"),v(!0)),h(),n.value):null;r.onMounted(()=>{y.value=new R.default({container:s(e.getContainer)}),d(),v()||(C.value=b.default(()=>{}))}),r.onUpdated(()=>{d(e),d(e),h(),v()}),r.onBeforeUnmount(()=>{const{visible:t,getContainer:o}=e;f&&s(o)===document.body&&(l=t&&l?l-1:l),g(),b.default.cancel(C.value)});const p=()=>{l===1&&!Object.keys(c).length?(p(),c=q.default({overflow:"hidden",overflowX:"hidden",overflowY:"hidden"})):l||(q.default(c),c={},p())};return()=>{const{forceRender:t,visible:o}=e;let u=null;const a={getOpenCount:N,getContainer:w,switchScrollingEffect:p,scrollLocker:y.value};return(t||o||m.value)&&(u=r.createVNode(k.default,{getContainer:w,ref:m},{default:()=>[S?.slots?.default(a)]})),u}},{props:{visible:{type:Boolean,required:!1},getContainer:{type:[String,Function],required:!1,skipCheck:!0},wrapperClassName:{type:String,required:!1},forceRender:{type:Boolean,required:!1}}});exports.default=E;exports.getOpenCount=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),O=require("./Dom/canUseDom.cjs"),R=require("./Dom/scrollLocker.cjs"),k=require("./Portal.cjs"),b=require("./raf.cjs"),q=require("./setStyle.cjs");let l=0;const s=O.default();function N(){return process.env.NODE_ENV==="test"?l:0}let f={};function c(e){if(!s)return null;if(e){if(typeof e=="string")return document.querySelectorAll(e)[0];if(typeof e=="function")return e();if(typeof e=="object"&&e instanceof window.HTMLElement)return e}return document.body}const E=r.defineComponent((e,S)=>{const n=r.shallowRef(),m=r.shallowRef(),C=r.shallowRef(),y=r.shallowRef(),g=()=>{n.value?.parentNode?.removeChild(n.value)},d=t=>{const{visible:o,getContainer:u}=t||{},{visible:a,getContainer:i}=e;a!==o&&s&&c(i)===document.body&&(a&&!o?l+=1:t&&(l-=1)),(typeof i=="function"&&typeof u=="function"?i.toString()!==u.toString():i!==u)&&g()},v=(t=!1)=>{if(t||n.value&&!n.value.parentNode){const o=c(e.getContainer);return o?(o.appendChild(n.value),!0):!1}return!0},h=()=>{const{wrapperClassName:t}=e;n.value&&t&&t!==n.value.className&&(n.value.className=t)},w=()=>s?(n.value||(n.value=document.createElement("div"),v(!0)),h(),n.value):null;r.onMounted(()=>{y.value=new R.default({container:c(e.getContainer)}),d(),v()||(C.value=b.default(()=>{}))}),r.onUpdated(()=>{d(e),d(e),h(),v()}),r.onBeforeUnmount(()=>{const{visible:t,getContainer:o}=e;s&&c(o)===document.body&&(l=t&&l?l-1:l),g(),b.default.cancel(C.value)});const p=()=>{l===1&&!Object.keys(f).length?(p(),f=q.default({overflow:"hidden",overflowX:"hidden",overflowY:"hidden"})):l||(q.default(f),f={},p())};return()=>{const{forceRender:t,visible:o}=e;let u=null;const a={getOpenCount:N,getContainer:w,switchScrollingEffect:p,scrollLocker:y.value};return(t||o||m.value)&&(u=r.createVNode(k.default,{getContainer:w,ref:m},{default:()=>[S?.slots?.default(a)]})),u}},{props:{visible:{type:Boolean,required:!1,default:void 0},getContainer:{type:[String,Function],required:!1,skipCheck:!0,default:void 0},wrapperClassName:{type:String,required:!1,default:void 0},forceRender:{type:Boolean,required:!1,default:void 0}}});exports.default=E;exports.getOpenCount=N;

package/dist/PortalWrapper.d.ts

@@ -19,9 +19,10 @@ export interface PortalWrapperProps {
     wrapperClassName?: string;
     forceRender?: boolean;
 }
-declare const PortalWrapper: import('vue').DefineSetupFnComponent<PortalWrapperProps, any, DefaultSlotInfo, PortalWrapperProps & ({} | {
-    [x: `on${Capitalize<any>}`]: (...args: any[]) => any;
-} | {
+interface PortalWrapperEmits {
+    [key: string]: any;
+}
+declare const PortalWrapper: import('vue').DefineSetupFnComponent<PortalWrapperProps, PortalWrapperEmits, DefaultSlotInfo, PortalWrapperProps & {
     [x: `on${Capitalize<string>}`]: (...args: any[] | unknown[]) => any;
-}), import('vue').PublicProps>;
+}, import('vue').PublicProps>;
 export default PortalWrapper;

package/dist/PortalWrapper.js

@@ -9,8 +9,8 @@ const s = L();
 function D() {
   return process.env.NODE_ENV === "test" ? r : 0;
 }
-let c = {};
-function f(e) {
+let f = {};
+function c(e) {
   if (!s) return null;
   if (e) {
     if (typeof e == "string") return document.querySelectorAll(e)[0];
@@ -31,10 +31,10 @@ const W = /* @__PURE__ */ k((e, S) => {
       visible: a,
       getContainer: i
     } = e;
-    a !== o && s && f(i) === document.body && (a && !o ? r += 1 : t && (r -= 1)), (typeof i == "function" && typeof l == "function" ? i.toString() !== l.toString() : i !== l) && g();
+    a !== o && s && c(i) === document.body && (a && !o ? r += 1 : t && (r -= 1)), (typeof i == "function" && typeof l == "function" ? i.toString() !== l.toString() : i !== l) && g();
   }, p = (t = !1) => {
     if (t || n.value && !n.value.parentNode) {
-      const o = f(e.getContainer);
+      const o = c(e.getContainer);
       return o ? (o.appendChild(n.value), !0) : !1;
     }
     return !0;
@@ -46,7 +46,7 @@ const W = /* @__PURE__ */ k((e, S) => {
   }, w = () => s ? (n.value || (n.value = document.createElement("div"), p(!0)), h(), n.value) : null;
   q(() => {
     y.value = new P({
-      container: f(e.getContainer)
+      container: c(e.getContainer)
     }), d(), p() || (C.value = b(() => {
     }));
   }), E(() => {
@@ -56,14 +56,14 @@ const W = /* @__PURE__ */ k((e, S) => {
       visible: t,
       getContainer: o
     } = e;
-    s && f(o) === document.body && (r = t && r ? r - 1 : r), g(), b.cancel(C.value);
+    s && c(o) === document.body && (r = t && r ? r - 1 : r), g(), b.cancel(C.value);
   });
   const m = () => {
-    r === 1 && !Object.keys(c).length ? (m(), c = N({
+    r === 1 && !Object.keys(f).length ? (m(), f = N({
       overflow: "hidden",
       overflowX: "hidden",
       overflowY: "hidden"
-    })) : r || (N(c), c = {}, m());
+    })) : r || (N(f), f = {}, m());
   };
   return () => {
     const {
@@ -88,20 +88,24 @@ const W = /* @__PURE__ */ k((e, S) => {
   props: {
     visible: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     },
     getContainer: {
       type: [String, Function],
       required: !1,
-      skipCheck: !0
+      skipCheck: !0,
+      default: void 0
     },
     wrapperClassName: {
       type: String,
-      required: !1
+      required: !1,
+      default: void 0
     },
     forceRender: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     }
   }
 });

package/dist/classnames.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function f(t){let e="";if(typeof t=="string"||typeof t=="number")e+=t;else if(typeof t=="object")if(Array.isArray(t)){for(let o=0;o<t.length;o++)if(t[o]){const r=f(t[o]);r&&(e&&(e+=" "),e+=r)}}else for(const o in t)t[o]&&(e&&(e+=" "),e+=o);return e}function l(...t){let e="";for(let o=0;o<t.length;o++){const r=t[o];if(r){const s=f(r);s&&(e&&(e+=" "),e+=s)}}return e}const n=l;exports.clsx=n;exports.default=l;

package/dist/classnames.d.ts

@@ -0,0 +1,9 @@
+type ClassValue = string | number | boolean | undefined | null | ClassDictionary | ClassArray;
+interface ClassDictionary {
+    [id: string]: any;
+}
+interface ClassArray extends Array<ClassValue> {
+}
+export default function classNames(...args: ClassValue[]): string;
+export declare const clsx: typeof classNames;
+export {};

package/dist/classnames.js

@@ -0,0 +1,32 @@
+function r(t) {
+  let e = "";
+  if (typeof t == "string" || typeof t == "number")
+    e += t;
+  else if (typeof t == "object")
+    if (Array.isArray(t)) {
+      for (let f = 0; f < t.length; f++)
+        if (t[f]) {
+          const n = r(t[f]);
+          n && (e && (e += " "), e += n);
+        }
+    } else
+      for (const f in t)
+        t[f] && (e && (e += " "), e += f);
+  return e;
+}
+function s(...t) {
+  let e = "";
+  for (let f = 0; f < t.length; f++) {
+    const n = t[f];
+    if (n) {
+      const o = r(n);
+      o && (e && (e += " "), e += o);
+    }
+  }
+  return e;
+}
+const l = s;
+export {
+  l as clsx,
+  s as default
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils/get.cjs"),t=require("./utils/set.cjs"),r=require("./warning.cjs");exports.get=e.default;exports.set=t.default;exports.warning=r.warningOnce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./classnames.cjs"),t=require("./utils/get.cjs"),s=require("./utils/set.cjs"),r=require("./warning.cjs");exports.classNames=e.default;exports.clsx=e.clsx;exports.get=t.default;exports.set=s.default;exports.warning=r.warningOnce;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default as classNames, clsx } from './classnames';
 export { default as get } from './utils/get';
 export { default as set } from './utils/set';
 export { default as warning } from './warning';

package/dist/index.js

@@ -1,8 +1,11 @@
-import { default as a } from "./utils/get.js";
-import { default as o } from "./utils/set.js";
+import { default as r, clsx as s } from "./classnames.js";
+import { default as o } from "./utils/get.js";
+import { default as l } from "./utils/set.js";
 import { warningOnce as n } from "./warning.js";
 export {
-  a as get,
-  o as set,
+  r as classNames,
+  s as clsx,
+  o as get,
+  l as set,
   n as warning
 };

package/dist/props-util/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),y=require("../isValid.cjs");function a(t){return t&&(t.type===u.Comment||t.type===u.Fragment&&t.children.length===0||t.type===u.Text&&t.children.trim()==="")}function o(t=[]){const r=[];return t.forEach(n=>{Array.isArray(n)?r.push(...n):n?.type===u.Fragment?r.push(...o(n.children)):r.push(n)}),r.filter(n=>!a(n))}const p=Symbol("skipFlatten");function f(t,r=!0){const n=Array.isArray(t)?t:[t],s=[];return n.forEach(e=>{Array.isArray(e)?s.push(...f(e,r)):y.default(e)?s.push(e):e&&typeof e=="object"&&e.type===u.Fragment?e.key===p?s.push(e):s.push(...f(e.children,r)):e&&u.isVNode(e)&&(r&&!a(e)?s.push(e):r||s.push(e))}),r?o(s):s}exports.filterEmpty=o;exports.flattenChildren=f;exports.isEmptyElement=a;exports.skipFlattenKey=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),i=require("../isValid.cjs");function u(e){return e&&(e.type===o.Comment||e.type===o.Fragment&&e.children.length===0||e.type===o.Text&&e.children.trim()==="")}function a(e=[]){const t=[];return e.forEach(r=>{Array.isArray(r)?t.push(...r):r?.type===o.Fragment?t.push(...a(r.children)):t.push(r)}),t.filter(r=>!u(r))}const p=Symbol("skipFlatten");function f(e,t=!0){const r=Array.isArray(e)?e:[e],s=[];return r.forEach(n=>{Array.isArray(n)?s.push(...f(n,t)):i.default(n)?s.push(n):n&&typeof n=="object"&&n.type===o.Fragment?n.key===p?s.push(n):s.push(...f(n.children,t)):n&&o.isVNode(n)&&(t&&!u(n)?s.push(n):t||s.push(n))}),t?a(s):s}function y(e,...t){const r={};return t.forEach(s=>{r[s]=o.toRef(e,s)}),r}function m(e){const t={};return Object.keys(e).forEach(r=>{const s=e[r];s!==void 0&&(t[r]=s)}),t}exports.filterEmpty=a;exports.flattenChildren=f;exports.isEmptyElement=u;exports.removeUndefined=m;exports.skipFlattenKey=p;exports.toPropsRefs=y;

package/dist/props-util/index.d.ts

@@ -1,6 +1,8 @@
-import { VNode, VNodeNormalizedChildren } from 'vue';
+import { Ref, VNode, VNodeNormalizedChildren } from 'vue';
 export declare function isEmptyElement(c: any): boolean;
 export declare function filterEmpty(children?: any[]): any[];
 export declare const skipFlattenKey: unique symbol;
 declare function flattenChildren(children?: VNode | VNodeNormalizedChildren, isFilterEmpty?: boolean): any[];
 export { flattenChildren };
+export declare function toPropsRefs<T extends Record<string, any>, K extends keyof T>(obj: T, ...args: K[]): { [key in K]-?: Ref<T[key]>; };
+export declare function removeUndefined<T>(obj: T): Partial<T>;

package/dist/props-util/index.js

@@ -1,24 +1,39 @@
-import { Comment as a, Fragment as f, Text as y, isVNode as m } from "vue";
+import { Comment as a, Fragment as o, Text as y, isVNode as m, toRef as i } from "vue";
 import A from "../isValid.js";
-function p(r) {
-  return r && (r.type === a || r.type === f && r.children.length === 0 || r.type === y && r.children.trim() === "");
+function u(e) {
+  return e && (e.type === a || e.type === o && e.children.length === 0 || e.type === y && e.children.trim() === "");
 }
-function u(r = []) {
-  const t = [];
+function p(e = []) {
+  const r = [];
+  return e.forEach((t) => {
+    Array.isArray(t) ? r.push(...t) : t?.type === o ? r.push(...p(t.children)) : r.push(t);
+  }), r.filter((t) => !u(t));
+}
+const v = Symbol("skipFlatten");
+function f(e, r = !0) {
+  const t = Array.isArray(e) ? e : [e], s = [];
+  return t.forEach((n) => {
+    Array.isArray(n) ? s.push(...f(n, r)) : A(n) ? s.push(n) : n && typeof n == "object" && n.type === o ? n.key === v ? s.push(n) : s.push(...f(n.children, r)) : n && m(n) && (r && !u(n) ? s.push(n) : r || s.push(n));
+  }), r ? p(s) : s;
+}
+function g(e, ...r) {
+  const t = {};
   return r.forEach((s) => {
-    Array.isArray(s) ? t.push(...s) : s?.type === f ? t.push(...u(s.children)) : t.push(s);
-  }), t.filter((s) => !p(s));
+    t[s] = i(e, s);
+  }), t;
 }
-const i = Symbol("skipFlatten");
-function o(r, t = !0) {
-  const s = Array.isArray(r) ? r : [r], n = [];
-  return s.forEach((e) => {
-    Array.isArray(e) ? n.push(...o(e, t)) : A(e) ? n.push(e) : e && typeof e == "object" && e.type === f ? e.key === i ? n.push(e) : n.push(...o(e.children, t)) : e && m(e) && (t && !p(e) ? n.push(e) : t || n.push(e));
-  }), t ? u(n) : n;
+function k(e) {
+  const r = {};
+  return Object.keys(e).forEach((t) => {
+    const s = e[t];
+    s !== void 0 && (r[t] = s);
+  }), r;
 }
 export {
-  u as filterEmpty,
-  o as flattenChildren,
-  p as isEmptyElement,
-  i as skipFlattenKey
+  p as filterEmpty,
+  f as flattenChildren,
+  u as isEmptyElement,
+  k as removeUndefined,
+  v as skipFlattenKey,
+  g as toPropsRefs
 };

package/dist/raf.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});let u=e=>+setTimeout(e,16),l=e=>clearTimeout(e);typeof window<"u"&&"requestAnimationFrame"in window&&(u=e=>window.requestAnimationFrame(e),l=e=>window.cancelAnimationFrame(e));let c=0;const n=new Map;function d(e){n.delete(e)}function o(e,t=1){c+=1;const i=c;function a(r){if(r===0)d(i),e();else{const s=u(()=>{a(r-1)});n.set(i,s)}}return a(t),i}o.cancel=e=>{const t=n.get(e);return d(e),l(t)};process.env.NODE_ENV!=="production"&&(o.ids=()=>n);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});let c=e=>+setTimeout(e,16),l=e=>clearTimeout(e);typeof window<"u"&&"requestAnimationFrame"in window&&(c=e=>window.requestAnimationFrame(e),l=e=>window.cancelAnimationFrame(e));let u=0;const i=new Map;function f(e){i.delete(e)}function t(e,n=1){u+=1;const o=u;function r(a){if(a===0)f(o),e();else{const d=c(()=>{r(a-1)});i.set(o,d)}}return r(n),o}t.cancel=e=>{const n=i.get(e);return f(e),l(n)};process.env.NODE_ENV!=="production"&&(t.ids=()=>i);function s(e){let n=null;return()=>{n!==null&&t.cancel(n),n=t(e)}}exports.default=t;exports.rafDebounce=s;

package/dist/raf.d.ts

@@ -4,3 +4,4 @@ declare namespace wrapperRaf {
     var ids: () => Map<number, number>;
 }
 export default wrapperRaf;
+export declare function rafDebounce(fn: () => void): () => void;

package/dist/raf.js

@@ -1,30 +1,37 @@
-let c = (e) => +setTimeout(e, 16), f = (e) => clearTimeout(e);
-typeof window < "u" && "requestAnimationFrame" in window && (c = (e) => window.requestAnimationFrame(e), f = (e) => window.cancelAnimationFrame(e));
-let r = 0;
-const n = /* @__PURE__ */ new Map();
-function d(e) {
-  n.delete(e);
+let l = (e) => +setTimeout(e, 16), u = (e) => clearTimeout(e);
+typeof window < "u" && "requestAnimationFrame" in window && (l = (e) => window.requestAnimationFrame(e), u = (e) => window.cancelAnimationFrame(e));
+let c = 0;
+const a = /* @__PURE__ */ new Map();
+function f(e) {
+  a.delete(e);
 }
-function l(e, t = 1) {
-  r += 1;
-  const a = r;
-  function i(o) {
-    if (o === 0)
-      d(a), e();
+function t(e, n = 1) {
+  c += 1;
+  const i = c;
+  function o(r) {
+    if (r === 0)
+      f(i), e();
     else {
-      const s = c(() => {
-        i(o - 1);
+      const d = l(() => {
+        o(r - 1);
       });
-      n.set(a, s);
+      a.set(i, d);
     }
   }
-  return i(t), a;
+  return o(n), i;
 }
-l.cancel = (e) => {
-  const t = n.get(e);
-  return d(e), f(t);
+t.cancel = (e) => {
+  const n = a.get(e);
+  return f(e), u(n);
 };
-process.env.NODE_ENV !== "production" && (l.ids = () => n);
+process.env.NODE_ENV !== "production" && (t.ids = () => a);
+function s(e) {
+  let n = null;
+  return () => {
+    n !== null && t.cancel(n), n = t(e);
+  };
+}
 export {
-  l as default
+  t as default,
+  s as rafDebounce
 };

package/dist/utils/transition.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue");function v(e){return e!==void 0&&(e==="topLeft"||e==="topRight")?"slide-down":"slide-up"}function u(e,r={}){return e?e?{name:e,appear:!0,enterFromClass:`${e}-enter ${e}-enter-prepare ${e}-enter-start`,enterActiveClass:`${e}-enter ${e}-enter-prepare`,enterToClass:`${e}-enter ${e}-enter-active`,leaveFromClass:` ${e}-leave`,leaveActiveClass:`${e}-leave ${e}-leave-active`,leaveToClass:`${e}-leave ${e}-leave-active`,...r}:{css:!1,...r}:{}}function c(e,r={}){return e?{name:e,appear:!0,appearActiveClass:`${e}`,appearToClass:`${e}-appear ${e}-appear-active`,enterFromClass:`${e}-appear ${e}-enter ${e}-appear-prepare ${e}-enter-prepare`,enterActiveClass:`${e}`,enterToClass:`${e}-enter ${e}-appear ${e}-appear-active ${e}-enter-active`,leaveActiveClass:`${e} ${e}-leave`,leaveToClass:`${e}-leave-active`,...r}:{css:!1,...r}}const o=()=>({height:0,opacity:0}),$=e=>({height:`${e.scrollHeight}px`,opacity:1}),s=e=>({height:`${e.offsetHeight}px`});function a(e="ant-motion-collapse",r,p){return{name:e,appear:!0,css:!0,onBeforeEnter:t=>{p.value=e,r.value=o()},onEnter:t=>{l.nextTick(()=>{r.value=$(t)})},onAfterEnter:()=>{p.value="",r.value={}},onBeforeLeave:t=>{p.value=e,r.value=s(t)},onLeave:t=>{setTimeout(()=>{r.value=o()})},onAfterLeave:()=>{p.value="",r.value={}}}}function n(e,r,p){return p!==void 0?p:`${e}-${r}`}exports.collapseMotion=a;exports.getTransitionDirection=v;exports.getTransitionGroupProps=c;exports.getTransitionName=n;exports.getTransitionProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");function u(e){return e!==void 0&&(e==="topLeft"||e==="topRight")?"slide-down":"slide-up"}function $(e,r={}){return e?e?{name:e,appear:!0,enterFromClass:`${e} ${e}-enter ${e}-enter-prepare ${e}-enter-start`,enterActiveClass:`${e} ${e}-enter ${e}-enter-prepare`,enterToClass:`${e} ${e}-enter ${e}-enter-active`,leaveFromClass:`${e} ${e}-leave`,leaveActiveClass:`${e} ${e}-leave ${e}-leave-active`,leaveToClass:`${e} ${e}-leave ${e}-leave-active`,...r}:{css:!1,...r}:{}}function t(e,r={}){return e?{name:e,appear:!0,appearActiveClass:`${e}`,appearToClass:`${e}-appear ${e}-appear-active`,enterFromClass:`${e}-appear ${e}-enter ${e}-appear-prepare ${e}-enter-prepare`,enterActiveClass:`${e}`,enterToClass:`${e}-enter ${e}-appear ${e}-appear-active ${e}-enter-active`,leaveActiveClass:`${e} ${e}-leave`,leaveToClass:`${e}-leave-active`,...r}:{css:!1,...r}}const v=()=>({height:0,opacity:0}),c=e=>({height:`${e.scrollHeight}px`,opacity:1}),s=e=>({height:`${e.offsetHeight}px`});function g(e="ant-motion-collapse",r,p){return{name:e,appear:!0,css:!0,onBeforeEnter:l=>{p.value=e,r.value=v()},onEnter:l=>{o.nextTick(()=>{r.value=c(l)})},onAfterEnter:()=>{p.value="",r.value={}},onBeforeLeave:l=>{p.value=e,r.value=s(l)},onLeave:l=>{setTimeout(()=>{r.value=v()})},onAfterLeave:()=>{p.value="",r.value={}}}}function f(e,r,p){return p!==void 0?p:`${e}-${r}`}exports.collapseMotion=g;exports.getTransitionDirection=u;exports.getTransitionGroupProps=t;exports.getTransitionName=f;exports.getTransitionProps=$;

package/dist/utils/transition.js

@@ -1,8 +1,8 @@
-import { nextTick as o } from "vue";
-function c(e) {
+import { nextTick as $ } from "vue";
+function t(e) {
   return e !== void 0 && (e === "topLeft" || e === "topRight") ? "slide-down" : "slide-up";
 }
-function a(e, r = {}) {
+function f(e, r = {}) {
   return e ? e ? {
     name: e,
     appear: !0,
@@ -10,16 +10,16 @@ function a(e, r = {}) {
     // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
     // appearActiveClass: `antdv-base-transtion`,
     // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
-    enterFromClass: `${e}-enter ${e}-enter-prepare ${e}-enter-start`,
-    enterActiveClass: `${e}-enter ${e}-enter-prepare`,
-    enterToClass: `${e}-enter ${e}-enter-active`,
-    leaveFromClass: ` ${e}-leave`,
-    leaveActiveClass: `${e}-leave ${e}-leave-active`,
-    leaveToClass: `${e}-leave ${e}-leave-active`,
+    enterFromClass: `${e} ${e}-enter ${e}-enter-prepare ${e}-enter-start`,
+    enterActiveClass: `${e} ${e}-enter ${e}-enter-prepare`,
+    enterToClass: `${e} ${e}-enter ${e}-enter-active`,
+    leaveFromClass: `${e} ${e}-leave`,
+    leaveActiveClass: `${e} ${e}-leave ${e}-leave-active`,
+    leaveToClass: `${e} ${e}-leave ${e}-leave-active`,
     ...r
   } : { css: !1, ...r } : {};
 }
-function s(e, r = {}) {
+function g(e, r = {}) {
   return e ? {
     name: e,
     appear: !0,
@@ -34,11 +34,11 @@ function s(e, r = {}) {
     ...r
   } : { css: !1, ...r };
 }
-const l = () => ({ height: 0, opacity: 0 }), t = (e) => ({
+const l = () => ({ height: 0, opacity: 0 }), u = (e) => ({
   height: `${e.scrollHeight}px`,
   opacity: 1
-}), u = (e) => ({ height: `${e.offsetHeight}px` });
-function f(e = "ant-motion-collapse", r, p) {
+}), c = (e) => ({ height: `${e.offsetHeight}px` });
+function C(e = "ant-motion-collapse", r, p) {
   return {
     name: e,
     appear: !0,
@@ -47,15 +47,15 @@ function f(e = "ant-motion-collapse", r, p) {
       p.value = e, r.value = l();
     },
     onEnter: (v) => {
-      o(() => {
-        r.value = t(v);
+      $(() => {
+        r.value = u(v);
       });
     },
     onAfterEnter: () => {
       p.value = "", r.value = {};
     },
     onBeforeLeave: (v) => {
-      p.value = e, r.value = u(v);
+      p.value = e, r.value = c(v);
     },
     onLeave: (v) => {
       setTimeout(() => {
@@ -67,13 +67,13 @@ function f(e = "ant-motion-collapse", r, p) {
     }
   };
 }
-function g(e, r, p) {
+function s(e, r, p) {
   return p !== void 0 ? p : `${e}-${r}`;
 }
 export {
-  f as collapseMotion,
-  c as getTransitionDirection,
-  s as getTransitionGroupProps,
-  g as getTransitionName,
-  a as getTransitionProps
+  C as collapseMotion,
+  t as getTransitionDirection,
+  g as getTransitionGroupProps,
+  s as getTransitionName,
+  f as getTransitionProps
 };

package/dist/utils/watchState.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(){let t=[];return(r,e)=>(t=JSON.stringify(e),r(e,t))}function n(){let t=!1;return(r,e)=>{if(!t)return t=!0,r(e)}}exports.renderFirstTrigger=n;exports.watchState=i;

package/dist/utils/watchState.d.ts

@@ -0,0 +1,2 @@
+export declare function watchState(): (fn: any, args: any[]) => any;
+export declare function renderFirstTrigger(): (fn: any, args: any[]) => any;

package/dist/utils/watchState.js

@@ -0,0 +1,15 @@
+function n() {
+  let t = [];
+  return (e, r) => (t = JSON.stringify(r), e(r, t));
+}
+function i() {
+  let t = !1;
+  return (e, r) => {
+    if (!t)
+      return t = !0, e(r);
+  };
+}
+export {
+  i as renderFirstTrigger,
+  n as watchState
+};

package/package.json

@@ -1,15 +1,11 @@
 {
   "name": "@v-c/util",
   "type": "module",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "description": "Vue3 components utils",
   "publishConfig": {
     "access": "public"
   },
-  "files": [
-    "dist",
-    "package.json"
-  ],
   "author": {
     "name": "aibayanyu20",
     "email": "aibayanyu@qq.com",
@@ -17,6 +13,10 @@
   },
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "package.json"
+  ],
   "peerDependencies": {
     "vue": "^3.0.0"
   },