@v-c/util 0.0.10 → 0.0.11

package/dist/utils/transition.cjs

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

package/dist/utils/transition.d.ts

@@ -1,4 +1,4 @@
-import { BaseTransitionProps, CSSProperties, Ref, TransitionGroupProps, TransitionProps } from 'vue';
+import { CSSProperties, Ref, TransitionGroupProps, TransitionProps } from 'vue';
 declare const SelectPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
 export type SelectCommonPlacement = (typeof SelectPlacements)[number];
 declare function getTransitionDirection(placement: SelectCommonPlacement | undefined): "slide-down" | "slide-up";
@@ -9,7 +9,7 @@ export declare type MotionEvent = (TransitionEvent | AnimationEvent) & {
 };
 export declare type MotionEventHandler = (element: Element, done?: () => void) => CSSProperties;
 export declare type MotionEndEventHandler = (element: Element, done?: () => void) => boolean | void;
-export interface CSSMotionProps extends Partial<BaseTransitionProps<Element>> {
+export interface CSSMotionProps extends Partial<TransitionProps> {
     name?: string;
     css?: boolean;
 }

package/dist/utils/transition.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/util",
   "type": "module",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Vue3 components utils",
   "publishConfig": {
     "access": "public"
@@ -22,6 +22,7 @@
   },
   "scripts": {
     "build": "vite build",
-    "prepublish": "pnpm build"
+    "prepublish": "pnpm build",
+    "bump": "bumpp --release patch"
   }
 }