From 4b6e9889de6e32d62a68671c7e70356a94c02674 Mon Sep 17 00:00:00 2001 From: msidolphin Date: Tue, 15 Feb 2022 11:06:21 +0800 Subject: [PATCH] feat(components): [el-menu] support customize popper offset (#6049) * feat(components): [el-menu] support customize popper offset * docs: improve docs --- docs/en-US/component/menu.md | 1 + packages/components/menu/src/sub-menu.ts | 6 +++++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/docs/en-US/component/menu.md b/docs/en-US/component/menu.md index 059dc528db..8990455276 100644 --- a/docs/en-US/component/menu.md +++ b/docs/en-US/component/menu.md @@ -85,6 +85,7 @@ menu/collapse | hide-timeout | timeout before hiding a sub-menu | number | — | 300 | | disabled | whether the sub-menu is disabled | boolean | — | false | | popper-append-to-body(deprecated) | whether to append the popup menu to body. If the positioning of the menu is wrong, you can try setting this prop | boolean | - | level one SubMenu: true / other SubMenus: false | +| popper-offset | offset of the popper | number | — | 6 | ## SubMenu Slots diff --git a/packages/components/menu/src/sub-menu.ts b/packages/components/menu/src/sub-menu.ts index 009800b7f9..019ede277d 100644 --- a/packages/components/menu/src/sub-menu.ts +++ b/packages/components/menu/src/sub-menu.ts @@ -46,6 +46,10 @@ export const subMenuProps = buildProps({ type: Boolean, default: undefined, }, + popperOffset: { + type: Number, + default: 6, + }, } as const) export type SubMenuProps = ExtractPropTypes @@ -312,7 +316,7 @@ export default defineComponent({ visible: opened.value, effect: 'light', pure: true, - offset: 6, + offset: props.popperOffset, showArrow: false, persistent: true, popperClass: props.popperClass,