@aplus-frontend/ui
Version:
44 lines (43 loc) • 1.06 kB
JavaScript
import { singleRow as p } from "../../style/index.mjs";
const r = (o) => {
const { componentCls: e } = o, i = `${e}-select-popup`;
return {
[`${i}`]: {
[`${i}-option-wrapper`]: {
height: "22px"
},
[`${i}-option-label`]: {
...p(o),
color: "inherit"
},
[`${i}-option-action`]: {
display: "none",
color: o.colorPrimary,
paddingInline: o.spaceSM,
paddingBlock: o.spaceXXS,
"&:hover": {
background: o.colorPrimary,
color: "#fff",
borderRadius: "2px"
}
},
"div.ant-select-item": {
paddingInline: o.space,
paddingBlock: o.spaceXS,
fontWeight: "normal !important",
marginBottom: o.spaceXS,
"&:hover": {
[`${i}-option-action`]: {
display: "inline"
}
},
"&.ant-select-item-option-selected:not(.ant-select-item-option-disabled)": {
color: o.colorPrimary
}
}
}
};
};
export {
r as genSelectStyle
};