ant-design-x-vue-next/lib/style/motion/fade.js

Ant Design X for Vue — community continuation aligned with @ant-design/x

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../chunks/module-chunk.js");require("../../_util/cssinjs/StyleContext.js");require("vue");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");const a=require("../../_util/cssinjs/Keyframes.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const r=require("./init.js"),c=new a.default("antXFadeInLeft",{"0%":{maskPosition:"100% 0"},"100%":{maskPosition:"0% 0%"}}),l=new a.default("antXFadeIn",{"0%":{opacity:0},"100%":{opacity:1}}),s=new a.default("antXFadeOut",{"0%":{opacity:1},"100%":{opacity:0}}),d=(t,i=!1)=>{const{antCls:o}=t,e=`${o}-x-fade-left`,n=i?"&":"";return[{[t.componentCls]:{...r.initMotion(e,c,s,"1s",i),[`${n}${e}-enter,${n}${e}-appear`]:{transitionProperty:"mask-position",animationTimingFunction:"linear",maskImage:`linear-gradient(90deg, ${t.colorTextBase} 33%, ${new u.FastColor(t.colorTextBase).setA(0)} 66%)`,maskSize:"300% 100%",maskPosition:"100% 0%"},[`${n}${e}-leave`]:{animationTimingFunction:"linear"}}}]},f=(t,i=!1)=>{const{antCls:o}=t,e=`${o}-x-fade`,n=i?"&":"";return[{[t.componentCls]:{...r.initMotion(e,l,s,"1.2s",i),[`${n}${e}-enter,${n}${e}-appear`]:{opacity:0},[`${n}${e}-leave`]:{animationTimingFunction:"linear"}}}]};exports.fadeIn=l;exports.fadeInLeft=c;exports.fadeOut=s;exports.initFadeLeftMotion=d;exports.initFadeMotion=f;