From 32f87393123a8eeaef789005d9a108bebf845a18 Mon Sep 17 00:00:00 2001 From: Rainbow <1256734885@qq.com> Date: Tue, 2 Dec 2025 08:18:32 +0800 Subject: [PATCH] feat(components): [menu] apply popper-class and popper-style to the tooltip of the title (#22908) * feat: apply popper-class and popper-style to the tooltip of the title * docs: update * docs: update --- docs/en-US/component/menu.md | 6 +++--- packages/components/menu/src/menu-item.vue | 2 ++ 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/docs/en-US/component/menu.md b/docs/en-US/component/menu.md index 23e358f19f..33a1ff6b31 100644 --- a/docs/en-US/component/menu.md +++ b/docs/en-US/component/menu.md @@ -59,7 +59,7 @@ menu/collapse ## Popper Offset ^(2.4.4) -Menu with popperOffset will override Submenu's `popper-offset`. +Submenu with popperOffset will override Menu's `popper-offset`. :::demo @@ -86,8 +86,8 @@ menu/popper-offset | collapse-transition | whether to enable the collapse transition | ^[boolean] | true | | popper-effect ^(2.2.26) | Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed | ^[enum]`'dark' \| 'light'` / ^[string] | dark | | close-on-click-outside ^(2.4.4) | optional, whether menu is collapsed when clicking outside | ^[boolean] | false | -| popper-class ^(2.5.0) | custom class name for all popup menus | ^[string] | — | -| popper-style ^(2.11.5) | custom style for all popup menus | ^[string] / ^[object] | — | +| popper-class ^(2.5.0) | custom class name for all popup menus and titles' tooltips | ^[string] | — | +| popper-style ^(2.11.5) | custom style for all popup menus and titles' tooltips | ^[string] / ^[object] | — | | show-timeout ^(2.5.0) | control timeout for all menus before showing | ^[number] | 300 | | hide-timeout ^(2.5.0) | control timeout for all menus before hiding | ^[number] | 300 | | background-color ^(deprecated) | background color of Menu (hex format) (use `--el-menu-bg-color` in a style class instead) | ^[string] | #ffffff | diff --git a/packages/components/menu/src/menu-item.vue b/packages/components/menu/src/menu-item.vue index 9756ca04c8..9719d03abc 100644 --- a/packages/components/menu/src/menu-item.vue +++ b/packages/components/menu/src/menu-item.vue @@ -18,6 +18,8 @@ :effect="rootMenu.props.popperEffect" placement="right" :fallback-placements="['left']" + :popper-class="rootMenu.props.popperClass" + :popper-style="rootMenu.props.popperStyle" :persistent="rootMenu.props.persistent" focus-on-target >