@aplus-frontend/ui
Version:
2 lines (1 loc) • 2.3 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../utils/cssinjs/index.js"),r=e=>{const{componentCls:o}=e;return{[o]:{userSelect:"none",".ant-upload-drag":{background:e.colorBgLayout,border:`${e.lineWidth} dashed var(--ap-border-color-base)`,height:e.apUploadSingleContainerHeight,"&:not(.ant-upload-disabled):hover":{background:e.calc(e.colorLink).colorMix(10),borderColor:e.colorLink},".ant-upload-btn":{padding:0},".ant-upload-disabled":{cursor:"default"}},[`${o}__content`]:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},[`${o}__content-file`]:{width:"min(516px, 77.24%)",height:e.apUploadSingleItemHeight,background:"#fff",borderRadius:e.borderRadius,display:"flex",alignItems:"center",paddingInline:e.spaceXXL,paddingBlock:0,"&-icon":{flexShrink:0,marginRight:e.spaceXL,svg:{width:e.apUploadSingleItemFileIconSize}},"&-name":{flex:1,textAlign:"start","&>.ant-typography":{color:"var(--name-color)",marginBottom:0,wordBreak:"break-all"}},"&-delete":{flexShrink:0,marginLeft:e.spaceXXL,svg:{width:e.apUploadSingleItemDeleteIconSize,color:e.colorError,fontSize:e.fontSizeXXL,cursor:"pointer"}}},[`${o}__content-ing`]:{"&-name":{"--name-color":"var(--ap-text-color-2)",".ant-progress-line":{marginInlineEnd:0,marginBottom:0}}},[`${o}__content-error`]:{"&-name":{"--name-color":e.colorError}},[`${o}__content-done`]:{"&-name":{"--name-color":e.colorPrimary}},[`${o}__content-empty`]:{cursor:"pointer",display:"flex",flexDirection:"column",alignItems:"center","&-icon":{svg:{width:e.apUploadSingleContainerFileIconSize}},"&-title":{marginTop:e.spaceMD,color:"var(--ap-text-color-2)",fontSize:e.fontSizeXL,lineHeight:e.lineHeightLG},"&-sub-title":{marginTop:e.spaceXS,color:"var(--ap-text-color-3)",fontSize:e.fontSize,lineHeight:e.lineHeight}}},[`${o}-affix-wrapper-status-error`]:{".ant-upload-drag:not(.ant-upload-disabled)":{borderColor:e.colorError,"&:hover":{borderColor:e.calc(e.colorPrimary).colorMix(80)}}}}},l=a.genComponentStyleHook("ApUploadSingle",e=>[r(e)],{apUploadSingleContainerHeight:200,apUploadSingleItemHeight:96,apUploadSingleItemFileIconSize:48,apUploadSingleItemDeleteIconSize:20,apUploadSingleContainerFileIconSize:56});exports.default=l;exports.genProCardStyle=r;