@aplus-frontend/ui
Version:
2 lines (1 loc) • 2.91 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/cssinjs/index.js"),d=require("./token.js"),i=()=>{const r={};r["&-span-0"]={display:"none"};for(let o=1;o<=24;o++){const e=o/24*100;r[`&-span-${o}`]={flexShrink:0,width:`${e}%`}}return r},a=r=>{const{componentCls:o}=r,e=`${r.apProCardBorderLineWidth} ${r.apProCardBorderLineType} ${r.apProCardBorderColorSplit}`;return{[o]:{position:"relative",display:"flex",flexDirection:"column",boxSizing:"border-box",padding:0,width:"100%",transition:"all 0.3s",backgroundColor:r.apProCardColorBgContainer,borderRadius:r.apProCardBorderRadius,fontSize:r.fontSize,lineHeight:r.lineHeight,"&-border":{border:e},"&-box-shadow":{borderColor:"transparent",boxShadow:r.apProCardBoxShadow},"&-hoverable":{cursor:"pointer",transition:"box-shadow 0.3s, border-color 0.3s","&:hover":{borderColor:"transparent",boxShadow:r.apProCardBoxShadow}},[`${o}-header`]:{display:"flex",alignItems:"center",padding:r.apProCardHeaderPadding,"&-title":{display:"flex",fontSize:r.apProCardHeaderTitleFontSize,color:r.apProCardHeaderTitleFontColor,fontWeight:"500","&-tooltip":{marginLeft:"5px",fontSize:r.fontSize,color:r.apProCardTooltipColor}},"&-extra":{marginInlineStart:"auto"},"&-border":{paddingBlockEnd:r.apProCardHeaderPaddingBottom,borderBlockEnd:e},"&-collapsible":{cursor:"pointer"}},[`${o}-collapsible-icon`]:{marginInlineEnd:"4px",color:r.apProCardHeaderTitleFontColor,fontSize:r.fontSizeLG,transition:"transform 0.3s","&:hover":{color:r.hoverColorBase},"&.user-frontend-icon":{display:"flex",alignItems:"center",justifyContent:"center"}},[`&-type-inner > ${o}-header`]:{background:r.apProCardAreaColor},[`${o}-body`]:{display:"block",boxSizing:"border-box",height:"100%",padding:r.apProCardBodyPadding,"&-center":{display:"flex",alignItems:"center",justifyContent:"center"},"&-direction-column":{flexDirection:"column"},"&-wrap":{flexWrap:"wrap"}},[`&-contain-card > ${o}-body`]:{display:"flex"},[`&-split > ${o}-body`]:{padding:0},"&-ghost":{background:"transparent"},[`&-ghost > ${o}-body`]:{background:"transparent",padding:0},[`${o}-col`]:{width:"100%","&-split-vertical":{position:"relative","&::after":{position:"absolute",height:r.apProCardSplitLineHeight,top:"50%",transform:"translateY(-50%)",right:0,borderRight:e,content:'""'}},"&-split-horizontal":{position:"relative","&::after":{position:"absolute",width:r.apProCardSplitLineHeight,left:"50%",transform:"translateX(-50%)",bottom:0,borderBottom:e,content:'""'}},...i(r)},[`${o}-actions`]:{borderBlockStart:e,background:r.apProCardColorBgContainer,padding:r.apProCardActionsPadding},[`&-collapsed > ${o}-header`]:{paddingBlockEnd:r.apProCardHeaderPaddingBottom,borderBlockEnd:0},[`&-collapsed > ${o}-body`]:{display:"none"}}}},n=t.genComponentStyleHook("ProCard",r=>[a(r)],d.defaultToken);exports.default=n;exports.genProCardStyle=a;