UNPKG

ll-package

Version:

2 lines (1 loc) 6.82 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../../../@babel/runtime/helpers/esm/extends.js"),d=require("../../_util/cssinjs/Keyframes.js");require("../../theme/internal.js");const w=require("../../style/index.js"),B=require("../../theme/util/genComponentStyleHook.js"),v=require("../../theme/util/statistic.js"),x=require("../../style/presetColor.js"),H=new d.default("antStatusProcessing",{"0%":{transform:"scale(0.8)",opacity:.5},"100%":{transform:"scale(2.4)",opacity:0}}),I=new d.default("antZoomBadgeIn",{"0%":{transform:"scale(0) translate(50%, -50%)",opacity:0},"100%":{transform:"scale(1) translate(50%, -50%)"}}),D=new d.default("antZoomBadgeOut",{"0%":{transform:"scale(1) translate(50%, -50%)"},"100%":{transform:"scale(0) translate(50%, -50%)",opacity:0}}),T=new d.default("antNoWrapperZoomBadgeIn",{"0%":{transform:"scale(0)",opacity:0},"100%":{transform:"scale(1)"}}),F=new d.default("antNoWrapperZoomBadgeOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0)",opacity:0}}),W=new d.default("antBadgeLoadingCircle",{"0%":{transformOrigin:"50%"},"100%":{transform:"translate(50%, -50%) rotate(360deg)",transformOrigin:"50%"}}),E=o=>{const{componentCls:t,iconCls:h,antCls:r,badgeFontHeight:$,badgeShadowSize:c,badgeHeightSm:l,motionDurationSlow:m,badgeStatusSize:g,marginXS:p,badgeRibbonOffset:i}=o,a=`${r}-scroll-number`,e=`${r}-ribbon`,f=`${r}-ribbon-wrapper`,S=x.genPresetColor(o,(u,b)=>{let{darkColor:s}=b;return{[`&${t} ${t}-color-${u}`]:{background:s,[`&:not(${t}-count)`]:{color:s}}}}),C=x.genPresetColor(o,(u,b)=>{let{darkColor:s}=b;return{[`&${e}-color-${u}`]:{background:s,color:s}}});return{[t]:n.default(n.default(n.default(n.default({},w.resetComponent(o)),{position:"relative",display:"inline-block",width:"fit-content",lineHeight:1,[`${t}-count`]:{zIndex:o.badgeZIndex,minWidth:o.badgeHeight,height:o.badgeHeight,color:o.badgeTextColor,fontWeight:o.badgeFontWeight,fontSize:o.badgeFontSize,lineHeight:`${o.badgeHeight}px`,whiteSpace:"nowrap",textAlign:"center",background:o.badgeColor,borderRadius:o.badgeHeight/2,boxShadow:`0 0 0 ${c}px ${o.badgeShadowColor}`,transition:`background ${o.motionDurationMid}`,a:{color:o.badgeTextColor},"a:hover":{color:o.badgeTextColor},"a:hover &":{background:o.badgeColorHover}},[`${t}-count-sm`]:{minWidth:l,height:l,fontSize:o.badgeFontSizeSm,lineHeight:`${l}px`,borderRadius:l/2},[`${t}-multiple-words`]:{padding:`0 ${o.paddingXS}px`},[`${t}-dot`]:{zIndex:o.badgeZIndex,width:o.badgeDotSize,minWidth:o.badgeDotSize,height:o.badgeDotSize,background:o.badgeColor,borderRadius:"100%",boxShadow:`0 0 0 ${c}px ${o.badgeShadowColor}`},[`${t}-dot${a}`]:{transition:`background ${m}`},[`${t}-count, ${t}-dot, ${a}-custom-component`]:{position:"absolute",top:0,insetInlineEnd:0,transform:"translate(50%, -50%)",transformOrigin:"100% 0%",[`&${h}-spin`]:{animationName:W,animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"linear"}},[`&${t}-status`]:{lineHeight:"inherit",verticalAlign:"baseline",[`${t}-status-dot`]:{position:"relative",top:-1,display:"inline-block",width:g,height:g,verticalAlign:"middle",borderRadius:"50%"},[`${t}-status-success`]:{backgroundColor:o.colorSuccess},[`${t}-status-processing`]:{overflow:"visible",color:o.colorPrimary,backgroundColor:o.colorPrimary,"&::after":{position:"absolute",top:0,insetInlineStart:0,width:"100%",height:"100%",borderWidth:c,borderStyle:"solid",borderColor:"inherit",borderRadius:"50%",animationName:H,animationDuration:o.badgeProcessingDuration,animationIterationCount:"infinite",animationTimingFunction:"ease-in-out",content:'""'}},[`${t}-status-default`]:{backgroundColor:o.colorTextPlaceholder},[`${t}-status-error`]:{backgroundColor:o.colorError},[`${t}-status-warning`]:{backgroundColor:o.colorWarning},[`${t}-status-text`]:{marginInlineStart:p,color:o.colorText,fontSize:o.fontSize}}}),S),{[`${t}-zoom-appear, ${t}-zoom-enter`]:{animationName:I,animationDuration:o.motionDurationSlow,animationTimingFunction:o.motionEaseOutBack,animationFillMode:"both"},[`${t}-zoom-leave`]:{animationName:D,animationDuration:o.motionDurationSlow,animationTimingFunction:o.motionEaseOutBack,animationFillMode:"both"},[`&${t}-not-a-wrapper`]:{[`${t}-zoom-appear, ${t}-zoom-enter`]:{animationName:T,animationDuration:o.motionDurationSlow,animationTimingFunction:o.motionEaseOutBack},[`${t}-zoom-leave`]:{animationName:F,animationDuration:o.motionDurationSlow,animationTimingFunction:o.motionEaseOutBack},[`&:not(${t}-status)`]:{verticalAlign:"middle"},[`${a}-custom-component, ${t}-count`]:{transform:"none"},[`${a}-custom-component, ${a}`]:{position:"relative",top:"auto",display:"block",transformOrigin:"50% 50%"}},[`${a}`]:{overflow:"hidden",[`${a}-only`]:{position:"relative",display:"inline-block",height:o.badgeHeight,transition:`all ${o.motionDurationSlow} ${o.motionEaseOutBack}`,WebkitTransformStyle:"preserve-3d",WebkitBackfaceVisibility:"hidden",[`> p${a}-only-unit`]:{height:o.badgeHeight,margin:0,WebkitTransformStyle:"preserve-3d",WebkitBackfaceVisibility:"hidden"}},[`${a}-symbol`]:{verticalAlign:"top"}},"&-rtl":{direction:"rtl",[`${t}-count, ${t}-dot, ${a}-custom-component`]:{transform:"translate(-50%, -50%)"}}}),[`${f}`]:{position:"relative"},[`${e}`]:n.default(n.default(n.default(n.default({},w.resetComponent(o)),{position:"absolute",top:p,padding:`0 ${o.paddingXS}px`,color:o.colorPrimary,lineHeight:`${$}px`,whiteSpace:"nowrap",backgroundColor:o.colorPrimary,borderRadius:o.borderRadiusSM,[`${e}-text`]:{color:o.colorTextLightSolid},[`${e}-corner`]:{position:"absolute",top:"100%",width:i,height:i,color:"currentcolor",border:`${i/2}px solid`,transform:o.badgeRibbonCornerTransform,transformOrigin:"top",filter:o.badgeRibbonCornerFilter}}),C),{[`&${e}-placement-end`]:{insetInlineEnd:-i,borderEndEndRadius:0,[`${e}-corner`]:{insetInlineEnd:0,borderInlineEndColor:"transparent",borderBlockEndColor:"transparent"}},[`&${e}-placement-start`]:{insetInlineStart:-i,borderEndStartRadius:0,[`${e}-corner`]:{insetInlineStart:0,borderBlockEndColor:"transparent",borderInlineStartColor:"transparent"}},"&-rtl":{direction:"rtl"}})}},O=B.default("Badge",o=>{const{fontSize:t,lineHeight:h,fontSizeSM:r,lineWidth:$,marginXS:c,colorBorderBg:l}=o,m=Math.round(t*h),g=$,p="auto",i=m-2*g,a=o.colorBgContainer,e="normal",f=r,S=o.colorError,C=o.colorErrorHover,u=t,b=r/2,s=r,y=r/2,z=v.merge(o,{badgeFontHeight:m,badgeShadowSize:g,badgeZIndex:p,badgeHeight:i,badgeTextColor:a,badgeFontWeight:e,badgeFontSize:f,badgeColor:S,badgeColorHover:C,badgeShadowColor:l,badgeHeightSm:u,badgeDotSize:b,badgeFontSizeSm:s,badgeStatusSize:y,badgeProcessingDuration:"1.2s",badgeRibbonOffset:c,badgeRibbonCornerTransform:"scaleY(0.75)",badgeRibbonCornerFilter:"brightness(75%)"});return[E(z)]});exports.default=O;