@aplus-frontend/ui/lib/src/mask/style/index.js

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@emotion/css"),s=require("../../utils/cssinjs/index.js");function o(){const e=n.keyframes`
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  `,a=n.keyframes`
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  `;return[e,a]}const i=e=>{const[a,r]=o(),{componentCls:t}=e;return{[t]:{position:"fixed",top:0,left:0,right:0,bottom:0,[`${t}__mask`]:{position:"fixed",top:0,left:0,right:0,bottom:0,color:"#000",transform:"translateZ(0)"},[`${t}__mask--disabled`]:{color:"transparent"},[`${t}__mask-inner`]:{width:"100%",height:"100%",backgroundColor:"currentcolor",opacity:e.maskOpacity},[`${t}-fade`]:{"&-enter-active":{animationName:a,animationDuration:e.maskAnimationDuration},"&-leave-active":{animationName:r,animationDuration:e.maskAnimationDuration}}}}},c=s.genComponentStyleHook("Mask",e=>[i(e)],{maskAnimationDuration:"0.25s",maskOpacity:.45},{skipUnit:["maskOpacity"]});exports.default=c;exports.genFadeKeyFrames=o;exports.genMaskStyle=i;