2022-04-25 10:54:00 +08:00
|
|
|
import type { DropdownToken } from '.';
|
2022-11-23 20:22:38 +08:00
|
|
|
import type { GenerateStyle } from '../../theme/internal';
|
2022-04-25 10:54:00 +08:00
|
|
|
|
2022-11-19 13:47:33 +08:00
|
|
|
const genStatusStyle: GenerateStyle<DropdownToken> = (token) => {
|
2022-04-25 10:54:00 +08:00
|
|
|
const { componentCls, menuCls, colorError, colorTextLightSolid } = token;
|
|
|
|
|
|
|
|
const itemCls = `${menuCls}-item`;
|
|
|
|
|
|
|
|
return {
|
|
|
|
[`${componentCls}, ${componentCls}-menu-submenu`]: {
|
|
|
|
[`${menuCls} ${itemCls}`]: {
|
2022-12-29 21:08:45 +08:00
|
|
|
[`&${itemCls}-danger:not(${itemCls}-disabled)`]: {
|
2022-04-25 10:54:00 +08:00
|
|
|
color: colorError,
|
|
|
|
|
|
|
|
'&:hover': {
|
|
|
|
color: colorTextLightSolid,
|
|
|
|
backgroundColor: colorError,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
export default genStatusStyle;
|