@aplus-frontend/ui
Version:
77 lines (76 loc) • 2.1 kB
JavaScript
import { genComponentStyleHook as n } from "../../../utils/cssinjs/index.mjs";
const e = (t) => {
const { componentCls: i } = t;
return {
[i]: {
".ant-descriptions": {
".ant-descriptions-view table": {
tableLayout: "fixed"
},
"td.ant-descriptions-item": {
paddingBlockEnd: "var(--ap-descriptions-item-padding-bottom, 16px)"
},
"th.ant-descriptions-item": {
paddingBlockEnd: t.spaceXS
},
".ant-descriptions-row:last-child": {
".ant-descriptions-item": {
paddingBottom: "var(--ap-descriptions-last-row-item-padding-bottom, 0px)"
}
},
".ant-descriptions-item-label::after": {
marginInlineStart: t.spaceXS,
marginInlineEnd: t.spaceLG
}
},
[`${i}-item__ellipsis`]: {
".ant-descriptions-item-label": {
flexShrink: 0
},
".ant-descriptions-item-content": {
flexShrink: 1,
minWidth: 0,
".ant-typography": {
marginBlockEnd: 0,
flex: 1
},
".ant-typography-ellipsis": {
maxWidth: "100%"
}
}
},
[`${i}--item-label`]: {
".ant-typography-single-line": {
whiteSpace: "normal"
}
},
".ant-descriptions-row": {
".ant-descriptions-item-label": {
justifyContent: "flex-end",
width: "var(--ap-descriptions-item-label-width, auto)",
color: t.textColor3,
".ap-descriptions-item-content__help": {
fontSize: t.fontSizeLG,
marginInlineStart: t.spaceXS,
color: t.textColor3
},
".ant-typography": {
color: "inherit"
}
},
".ant-descriptions-item-content": {
color: t.textColor1,
".ap-descriptions-item-content__link": {
color: t.colorLink,
cursor: "pointer"
}
}
}
}
};
}, a = n("ApDescriptions", (t) => [
e(t)
]);
export {
a as default
};