@aplus-frontend/ui
Version:
2 lines (1 loc) • 1.77 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>{const{componentCls:t}=e;return{[`${t}-picture`]:{".picture-context":{display:"grid",gap:"16px",gridTemplateColumns:"repeat(auto-fill, 100px)",userSelect:"none",".picture-upload":{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100px",overflow:"hidden",transition:"all 0.2s",border:`1px dashed ${e.borderColorBase}`,borderRadius:"4px",background:e.colorBgLayout,color:e.textColor4,fontSize:"16px",cursor:"pointer",aspectRatio:"1 / 1","& > * + *":{marginTop:"4px",fontSize:e.fontSize},"&:hover":{border:`1px dashed ${e.colorPrimary}`}},".picture-item":{width:"100px",padding:"8px",overflow:"hidden",border:`1px solid ${e.borderColorBase}`,borderRadius:"4px",background:"#fff",aspectRatio:"1 / 1",".picture-item-box":{position:"relative",width:"100%",height:"100%",borderRadius:"2px","& > img":{width:"100%",height:"100%",borderRadius:"2px",objectFit:"cover"},"&:hover > .picture-item-shadow":{display:"block !important"},".picture-item-shadow":{position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"2px",background:"rgb(0 0 0 / 50%)",color:"#fff",fontSize:e.fontSize,".picture-item-close":{display:"flex",position:"absolute",top:0,right:0,alignItems:"center",justifyContent:"center",width:"16px",overflow:"hidden",transform:"translate(30%, -30%)",border:"1px solid #fff",borderRadius:"50%",background:e.colorError,color:"#fff",fontSize:"10px",cursor:"pointer",aspectRatio:"1 / 1"},".picture-item-uploading":{position:"absolute",top:"50%",left:"50%",width:"84%",transform:"translate(-50%, -50%)",textAlign:"center"}}}}},".picture-title":{marginTop:"8px",color:e.textColor3,fontSize:"12px"}}}};exports.pictureStyle=o;