mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 08:52:34 +00:00
Refactor #3965 - Menu components cx implementation fixes
This commit is contained in:
parent
ae3dde1f51
commit
8181d7ee85
7 changed files with 30 additions and 29 deletions
|
@ -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 });
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue