@aplus-frontend/ui
Version:
141 lines (140 loc) • 3.56 kB
JavaScript
import { genComponentStyleHook as i } from "../../../utils/cssinjs/index.mjs";
const o = (l) => {
const { componentCls: e } = l;
return {
[e]: {
position: "relative",
width: "inherit",
fontSize: l.fontSize,
lineHeight: l.lineHeight,
[`${e}__value-group-item`]: {
display: "flex",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
minWidth: 0
},
[`${e}__value-group-value-end`]: {
justifyContent: "flex-end"
},
[`${e}__value-group-label`]: {
display: "inline-block",
color: l.textColor3,
wordBreak: "break-all",
position: "relative",
justifyContent: "center"
},
[`${e}__value-group-label-semicolon`]: {
display: "inline-block",
paddingInlineStart: l.spaceXXS,
paddingInlineEnd: l.spaceXS
},
[`${e}__value-group-value`]: {
color: l.textColor1,
wordBreak: "break-all",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap"
},
[`${e}__value-group-link`]: {
cursor: "pointer",
color: l.colorLink,
textDecoration: "none"
},
[`${e}__value-group-label-left`]: {
textAlign: "left"
},
[`${e}__value-group-label-right`]: {
textAlign: "right"
},
[`${e}__label-align-space-between`]: {
justifyContent: "space-between"
},
[`${e}-base`]: {
display: "flex"
},
[`${e}--vertical`]: {
flexDirection: "column",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
"> *": {
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
minWidth: 0
}
},
[`${e}--horizontal`]: {
flexDirection: "row",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
"> *": {
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
minWidth: 0
}
},
[`${e}__tooltip-item`]: {
display: "flex"
},
[`${e}__tooltip-label`]: {
whiteSpace: "nowrap",
wordBreak: "break-all"
},
[`${e}__tooltip-value`]: {
wordBreak: "break-all",
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap"
},
[`${e}__cross-bar`]: {
display: "flex",
alignItems: "center"
},
[`${e}__ellipsis`]: {
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
wordBreak: "break-all"
},
[`${e}__help-message`]: {
display: "flex",
alignItems: "center",
marginInlineStart: l.spaceXS
},
[`${e}__major`]: {
lineHeight: l.lineHeight,
color: l.textColor1
},
[`${e}__minor`]: {
lineHeight: l.lineHeight,
color: l.textColor3
},
[`${e}__label`]: {
display: "inline-block",
color: l.textColor3,
wordBreak: "break-all"
},
[`${e}__value`]: {
display: l.textColor1,
wordBreak: "break-all"
},
[`${e}__unit`]: {
color: l.textColor1
},
[`${e}__link, ${e}__link a`]: {
cursor: "pointer",
color: l.colorLink,
textDecoration: "none"
}
}
};
}, t = i("ApLadder", (l) => [
o(l)
]);
export {
t as default
};