ant-design-x-vue/lib/_util/transition.js

Craft AI-driven interfaces effortlessly

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