@aplus-frontend/ui
Version:
34 lines (33 loc) • 796 B
JavaScript
import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
const l = (n) => {
const { componentCls: e, namespace: o } = n, i = `.${o}-action-item`;
return {
[e]: {
display: "inline-flex",
flexDirection: "row",
alignItems: "center",
// dropdown menu item
"&__item": {
padding: "0px !important",
[i]: {
width: "100%",
paddingInline: "12px",
paddingBlock: "6px"
},
[`${i}--loading`]: {
marginInlineEnd: n.calc(n.spaceXS).mul(-3).equal()
}
},
[`${e}__icon`]: {
fontSize: n.fontSize,
display: "inline-flex"
}
}
};
}, p = t("ApAction.Dropdown", (n) => [
l(n)
]);
export {
p as default,
l as genActionDropdownItemStyle
};