@aplus-frontend/ui
Version:
99 lines (98 loc) • 2.6 kB
JavaScript
const l = (i) => {
const { componentCls: r } = i, e = `${r}-single-file`;
return {
[e]: {
display: "flex",
alignItems: "center",
justifyContent: "center",
width: "100%",
height: i.apUploadSingleFileContainerHeight,
overflow: "hidden",
transition: `all ${i.motionDurationSlow}`,
border: `${i.lineWidth} dashed ${i.borderColorBase}`,
borderRadius: i.borderRadius,
background: i.colorBgLayout,
userSelect: "none",
"& > div": {
display: "flex",
alignItems: "center",
justifyContent: "center"
},
".state-un": {
flexDirection: "column",
".state-un-icon": {
display: "block",
width: i.apUploadSingleFileIconHeight
},
".state-un-title": {
marginTop: i.spaceMD,
color: i.textColor1,
fontSize: i.fontSizeLG,
lineHeight: i.lineHeightLG
},
".state-un-subtitle": {
marginTop: i.spaceXS,
color: i.textColor4,
fontSize: i.fontSize,
lineHeight: i.lineHeight
}
},
".state-ing": {
display: "flex",
alignItems: "center",
width: "min(516px, 77.24%)",
height: "96px",
paddingBlock: 0,
paddingInline: i.spaceXXL,
borderRadius: i.borderRadius,
background: "#fff",
".left": {
flexShrink: 0,
width: "48px",
marginRight: i.spaceXL,
img: {
display: "block",
width: "100%"
}
},
".center": {
flex: 1,
".center-title": {
display: "-webkit-box",
overflow: "hidden",
fontSize: i.fontSizeLG,
textAlign: "start",
textOverflow: "ellipsis",
wordWrap: "break-word",
wordBreak: "break-all",
WebkitBoxOrient: "vertical",
WebkitLineClamp: i.lineClamp
},
".center-progress ": {
".ant-progress-line": {
marginRight: 0,
marginBottom: 0
}
}
},
".right": {
flexShrink: 0,
marginLeft: i.spaceXXL,
color: i.colorError,
fontSize: i.fontSizeXXL,
cursor: "pointer !important"
}
}
},
[`${e}-un`]: {
cursor: "pointer",
"&:hover": {
border: `${i.lineWidth} dashed ${i.colorLink}`,
background: i.calc(i.colorLink).colorMix(10)
}
}
};
};
export {
l as singleFileStyle
};