ll-package
Version:
2 lines (1 loc) • 3.94 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../@babel/runtime/helpers/esm/extends.js"),u=require("../../_util/cssinjs/Keyframes.js");require("../../theme/internal.js");const H=require("./placement.js"),w=require("../../style/index.js"),B=require("../../theme/util/genComponentStyleHook.js"),P=require("../../theme/util/statistic.js"),C=i=>{const{iconCls:t,componentCls:n,boxShadowSecondary:e,fontSizeLG:d,notificationMarginBottom:l,borderRadiusLG:f,colorSuccess:p,colorInfo:$,colorWarning:S,colorError:h,colorTextHeading:I,notificationBg:b,notificationPadding:M,notificationMarginEdge:g,motionDurationMid:x,motionEaseInOut:s,fontSize:r,lineHeight:z,width:m,notificationIconSize:c}=i,o=`${n}-notice`,v=new u.default("antNotificationFadeIn",{"0%":{left:{_skip_check_:!0,value:m},opacity:0},"100%":{left:{_skip_check_:!0,value:0},opacity:1}}),y=new u.default("antNotificationFadeOut",{"0%":{maxHeight:i.animationMaxHeight,marginBottom:l,opacity:1},"100%":{maxHeight:0,marginBottom:0,paddingTop:0,paddingBottom:0,opacity:0}});return[{[n]:a.default(a.default(a.default(a.default({},w.resetComponent(i)),{position:"fixed",zIndex:i.zIndexPopup,marginInlineEnd:g,[`${n}-hook-holder`]:{position:"relative"},[`&${n}-top, &${n}-bottom`]:{[`${n}-notice`]:{marginInline:"auto auto"}},[`&${n}-topLeft, &${n}-bottomLeft`]:{[`${n}-notice`]:{marginInlineEnd:"auto",marginInlineStart:0}},[`${n}-fade-enter, ${n}-fade-appear`]:{animationDuration:i.motionDurationMid,animationTimingFunction:s,animationFillMode:"both",opacity:0,animationPlayState:"paused"},[`${n}-fade-leave`]:{animationTimingFunction:s,animationFillMode:"both",animationDuration:x,animationPlayState:"paused"},[`${n}-fade-enter${n}-fade-enter-active, ${n}-fade-appear${n}-fade-appear-active`]:{animationName:v,animationPlayState:"running"},[`${n}-fade-leave${n}-fade-leave-active`]:{animationName:y,animationPlayState:"running"}}),H.default(i)),{"&-rtl":{direction:"rtl",[`${n}-notice-btn`]:{float:"left"}}})},{[o]:{position:"relative",width:m,maxWidth:`calc(100vw - ${g*2}px)`,marginBottom:l,marginInlineStart:"auto",padding:M,overflow:"hidden",lineHeight:z,wordWrap:"break-word",background:b,borderRadius:f,boxShadow:e,[`${n}-close-icon`]:{fontSize:r,cursor:"pointer"},[`${o}-message`]:{marginBottom:i.marginXS,color:I,fontSize:d,lineHeight:i.lineHeightLG},[`${o}-description`]:{fontSize:r},[`&${o}-closable ${o}-message`]:{paddingInlineEnd:i.paddingLG},[`${o}-with-icon ${o}-message`]:{marginBottom:i.marginXS,marginInlineStart:i.marginSM+c,fontSize:d},[`${o}-with-icon ${o}-description`]:{marginInlineStart:i.marginSM+c,fontSize:r},[`${o}-icon`]:{position:"absolute",fontSize:c,lineHeight:0,[`&-success${t}`]:{color:p},[`&-info${t}`]:{color:$},[`&-warning${t}`]:{color:S},[`&-error${t}`]:{color:h}},[`${o}-close`]:{position:"absolute",top:i.notificationPaddingVertical,insetInlineEnd:i.notificationPaddingHorizontal,color:i.colorIcon,outline:"none",width:i.notificationCloseButtonSize,height:i.notificationCloseButtonSize,borderRadius:i.borderRadiusSM,transition:`background-color ${i.motionDurationMid}, color ${i.motionDurationMid}`,display:"flex",alignItems:"center",justifyContent:"center","&:hover":{color:i.colorIconHover,backgroundColor:i.wireframe?"transparent":i.colorFillContent}},[`${o}-btn`]:{float:"right",marginTop:i.marginSM}}},{[`${o}-pure-panel`]:{margin:0}}]},L=B.default("Notification",i=>{const t=i.paddingMD,n=i.paddingLG,e=P.merge(i,{notificationBg:i.colorBgElevated,notificationPaddingVertical:t,notificationPaddingHorizontal:n,notificationPadding:`${i.paddingMD}px ${i.paddingContentHorizontalLG}px`,notificationMarginBottom:i.margin,notificationMarginEdge:i.marginLG,animationMaxHeight:150,notificationIconSize:i.fontSizeLG*i.lineHeightLG,notificationCloseButtonSize:i.controlHeightLG*.55});return[C(e)]},i=>({zIndexPopup:i.zIndexPopupBase+50,width:384}));exports.default=L;