@aplus-frontend/ui
Version:
2 lines (1 loc) • 2.21 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../utils/cssinjs/index.js"),l=o=>{const{componentCls:r}=o;return{[r]:{position:"relative",marginBlockStart:"8px",".ant-popover":{width:"100%"},[`${r}-list`]:{display:"grid",gridTemplateColumns:"repeat(var(--ap-value-select-card-column-count, 5), minmax(var(--ap-value-select-card-max-width, 150px), 1fr))",gridAutoRows:"1fr",gap:"12px","&-item":{position:"relative",boxSizing:"border-box",padding:"8px 16px",color:o.textColor2,border:`1px solid ${o.borderColorBase}`,borderRadius:o.borderRadius,cursor:"pointer","&-close":{position:"absolute",top:"8px",right:"10px",zIndex:1,color:o.textColor3,fontSize:o.fontSizeLG,cursor:"pointer","&:hover":{color:o.colorError}},".label":{marginBlockEnd:"4px",fontSize:o.fontSize,lineHeight:o.lineHeight},".value":{overflow:"hidden",fontWeight:"bold",fontSize:o.fontSizeXL,whiteSpace:"nowrap",textOverflow:"ellipsis"},"&:hover:not(.select)":{border:`1px solid ${o.colorPrimary}`},"&.select":{color:o.textColor1,borderColor:"transparent",boxShadow:"3px 10px 30px -2px rgba(123, 121, 140, 0.15)",background:"linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--ap-value-select-card-bg-color, #f5f9ff) 92%)","&:hover":{background:"var(--ap-value-select-card-bg-color, #f5f9ff)"}},"&.all":{color:o.textColor2,background:"#fff",border:`1px solid ${o.borderColorBase}`,boxShadow:"none","&:hover:not(.disabled)":{borderColor:o.colorPrimary},"&.disabled":{color:o.textColor3,background:"#f9f9fa",cursor:"not-allowed",border:`1px solid ${o.borderColorBase}`},"&.select":{backgroundColor:o.colorBgControl,borderColor:o.colorPrimary,cursor:"pointer"}},"&.choose":{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",color:o.colorPrimary,background:"#fff",border:"1px dashed #d1d7df",boxShadow:"none",".text":{fontSize:o.fontSize,marginInlineStart:"4px"}}}},[`${r}-title`]:{display:"flex",alignItems:"center",marginBlockEnd:"12px",color:o.textColor2,fontSize:o.fontSize,"&-icon":{marginRight:"4px",color:o.textColor4,fontSize:o.fontSizeLG}}}}},i=e.genComponentStyleHook("ApValueSelectCard",o=>[l(o)]);exports.default=i;