UNPKG

@aplus-frontend/ui

Version:

2 lines (1 loc) 2 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../style/index.js"),a=require("../../utils/cssinjs/index.js"),s=e=>{const{componentCls:i,checkCardDisabledOutlineColor:t,checkCardIndicatorSize:d,checkCardOutlineWidth:r,checkCardIndicatorOffset:c}=e,l=e.calc(d).mul(2).equal();return{[`${i}`]:{...o.resetComponent(e),borderRadius:e.borderRadius,position:"relative","&--disabled":{backgroundColor:e.checkCardDisabledBg,cursor:"not-allowed !important"},"&--bordered":{outline:`1px solid ${e.borderColorBase}`},[`&:hover:not(${i}--disabled)`]:{cursor:"pointer",outline:`1px solid ${e.colorPrimary}`},"&::after":{content:'""',position:"absolute",width:0,height:0,insetBlockStart:0,insetInlineEnd:0,clipPath:"polygon(100% 0, 100% 100%, 0 0)",background:e.colorPrimary,borderRadius:e.calc(e.borderRadius).add("2px").equal()},"&--checked":{outline:`${r} solid ${e.colorPrimary}`,[`&:hover:not(${i}--disabled)`]:{outline:`${r} solid ${e.colorPrimary}`},"&::after":{width:l,height:l,insetBlockStart:c,insetInlineEnd:c,transition:"width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), inset 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"},[`&${i}--disabled`]:{outlineColor:t,"&::after":{backgroundColor:t}}},"&--middle":{padding:e.spaceLG},"&--small":{padding:`${e.spaceSM} ${e.spaceLG}`},[`${i}__title`]:{...o.resetComponent(e),marginBottom:e.spaceXS,color:"#333",fontWeight:"bold","&--disabled":{color:e.textColor4}},[`${i}__content`]:{...o.resetComponent(e),color:"#333","&--disabled":{color:e.textColor4}},[`${i}__checked-icon`]:{position:"absolute",top:0,right:0,zIndex:1,lineHeight:1,userSelect:"none","& > img":{width:e.calc(d).sub(r).equal(),verticalAlign:"top"}}}}},n=a.genComponentStyleHook("CheckCard",e=>[s(e)],{checkCardDisabledBg:"#F9F9FA",checkCardDisabledOutlineColor:"#E9EDF3",checkCardIndicatorSize:14,checkCardOutlineWidth:2,checkCardIndicatorOffset:-2});exports.default=n;