@aplus-frontend/ui
Version:
59 lines (58 loc) • 1.29 kB
JavaScript
import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
const r = (o) => {
const { componentCls: t } = o;
return {
[t]: {
display: "flex",
alignItems: "center",
width: "100%",
".copy-btn": {
opacity: 0,
transition: `opacity ${o.motionDurationMid} ease`
},
"&:hover": {
".copy-btn": {
opacity: 1
}
},
[`${t}__text`]: {
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
lineHeight: o.lineHeight
},
[`${t}--text-major`]: {
color: o.textColor1
},
[`${t}--text-minor`]: {
color: o.textColor3
},
[`${t}--text-link`]: {
color: o.colorLink,
cursor: "pointer",
"&:hover": {
color: o.colorLinkHover
}
},
[`${t}__copy-btn`]: {
flexShrink: 0,
marginInlineStart: o.spaceXS,
display: "flex",
alignItems: "center",
fontSize: o.fontSize,
color: o.textColor4,
cursor: "pointer",
"&:hover": {
".user-frontend-icon": {
color: o.colorLink
}
}
}
}
};
}, l = e("ApCopy", (o) => [
r(o)
]);
export {
l as default
};