Refactor #3965 - Menu components cx implementation fixes

This commit is contained in:
Tuğçe Küçükoğlu 2023-05-29 17:41:08 +03:00
parent ae3dde1f51
commit 8181d7ee85
7 changed files with 30 additions and 29 deletions

View file

@ -56,6 +56,7 @@ const classes = {
menu: 'p-contextmenu-root-list',
menuitem: ({ context, processedItem }) => [
'p-menuitem',
context.getItemProp(processedItem, 'class'),
{
'p-menuitem-active p-highlight': context.isItemActive(processedItem),
'p-focus': context.isItemFocused(processedItem),
@ -70,11 +71,11 @@ const classes = {
'router-link-active-exact': context.exact && isExactActive
}
],
icon: 'p-menuitem-icon',
icon: ({ context, processedItem }) => ['p-menuitem-icon', context.getItemProp(processedItem, 'icon')],
label: 'p-menuitem-text',
submenuIcon: 'p-submenu-icon',
submenu: 'p-submenu-list',
separator: 'p-menuitem-separator'
separator: ({ context, processedItem }) => ['p-menuitem-separator', context.getItemProp(processedItem, 'class')]
};
const { load: loadStyle, unload: unloadStyle } = useStyle(styles, { id: 'primevue_contextmenu_style', manual: true });