@aplus-frontend/ui
Version:
2 lines (1 loc) • 2.07 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../utils/cssinjs/index.js"),t=e=>{const{componentCls:i}=e;return{[i]:{display:"flex",width:"100%",height:"100%",[`${i}-side`]:{display:"flex",flexDirection:"column",width:"214px",minWidth:"214px",maxWidth:"214px",marginInlineEnd:"16px",overflow:"hidden",backgroundColor:"#fff","&__header":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px",borderBottom:"1px solid #e9e9e9",overflow:"hidden",whiteSpace:"nowrap","& > h3":{margin:0,color:"#333",fontSize:e.fontSize,fontWeight:"bold",lineHeight:e.lineHeightLG},"&--imgWrap":{borderRadius:"2px",cursor:"pointer",fontSize:"20px",color:"#999",display:"flex",height:"20px","&:hover":{background:"#f5f5f5"},"& > img":{width:"24px",height:"24px"}}},"&__body":{position:"relative",flex:1,"&--search":{margin:"10px 0",padding:"0 16px"},"&--scroll":{position:"absolute",inset:"52px 0 0",overflowY:"auto",padding:"0 16px"},"&--scroll-item":{marginBottom:"8px",padding:"8px 12px",overflow:"hidden",color:"#333",lineHeight:"22px",width:"calc(214px - 32px)",textOverflow:"ellipsis",textWrap:"nowrap",cursor:"pointer",borderRadius:"4px","&:hover":{background:"#f5f5f5"},"&.active":{backgroundColor:"#e4faf1",color:"#34b77c",fontWeight:"bold","& > .ant-typography":{color:"#34b77c"}}}}},".v-enter-active, .v-leave-active":{transition:"all 0.2s, background 0s"},".v-enter-from, .v-leave-to":{width:0,minWidth:0,maxWidth:0,marginInlineEnd:0},[`${i}-content`]:{flex:1,overflowX:"hidden",display:"flex",flexDirection:"column","&__header":{display:"flex",alignItems:"center",height:"32px",padding:"16px 16px 0",boxSizing:"content-box",background:"#fff","&--imgWrap":{marginRight:"10px",borderRadius:"2px",cursor:"pointer",fontSize:"20px",display:"flex",height:"20px",color:"#999","&:hover":{background:"#f5f5f5"}},"&--title":{margin:0,fontSize:e.fontSizeLG,fontWeight:"bold",lineHeight:e.lineHeightLG}}}}}},n=o.genComponentStyleHook("ApSelectLayout",e=>[t(e)]);exports.default=n;