From 1bc0394190838f72af673d6fdcc21e3f61bd1ab2 Mon Sep 17 00:00:00 2001
From: jiaxiang <zjx9987@gmail.com>
Date: Sun, 16 Feb 2025 09:07:28 +0800
Subject: [PATCH] feat(components): [menu] add `persistent` prop (#19874)

feat(components): [menu] add persistent prop
---
 docs/en-US/component/menu.md               | 1 +
 packages/components/menu/src/menu-item.vue | 2 +-
 packages/components/menu/src/menu.ts       | 7 +++++++
 packages/components/menu/src/sub-menu.ts   | 3 ++-
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/docs/en-US/component/menu.md b/docs/en-US/component/menu.md
index 736e578322..acf513f764 100644
--- a/docs/en-US/component/menu.md
+++ b/docs/en-US/component/menu.md
@@ -92,6 +92,7 @@ menu/popper-offset
 | background-color ^(deprecated)  | background color of Menu (hex format) (use `--el-menu-bg-color` in a style class instead)                                                                             | ^[string]                              | #ffffff  |
 | text-color ^(deprecated)        | text color of Menu (hex format) ( use `--el-menu-text-color` in a style class instead)                                                                                | ^[string]                              | #303133  |
 | active-text-color ^(deprecated) | text color of currently active menu item (hex format) ( use `--el-menu-active-color` in a style class instead)                                                        | ^[string]                              | #409eff  |
+| persistent ^(2.9.5)             | when menu inactive and `persistent` is `false` , dropdown menu will be destroyed                                                                                   | ^[boolean]                             | true     |
 
 ### Events
 
diff --git a/packages/components/menu/src/menu-item.vue b/packages/components/menu/src/menu-item.vue
index d236e54cbe..790d1fde7a 100644
--- a/packages/components/menu/src/menu-item.vue
+++ b/packages/components/menu/src/menu-item.vue
@@ -18,7 +18,7 @@
       :effect="rootMenu.props.popperEffect"
       placement="right"
       :fallback-placements="['left']"
-      persistent
+      :persistent="rootMenu.props.persistent"
     >
       <template #content>
         <slot name="title" />
diff --git a/packages/components/menu/src/menu.ts b/packages/components/menu/src/menu.ts
index 8f6c694f45..b9cbddb308 100644
--- a/packages/components/menu/src/menu.ts
+++ b/packages/components/menu/src/menu.ts
@@ -161,6 +161,13 @@ export const menuProps = buildProps({
     type: Number,
     default: 300,
   },
+  /**
+   * @description when menu inactive and `persistent` is `false` , dropdown menu will be destroyed
+   */
+  persistent: {
+    type: Boolean,
+    default: true,
+  },
 } as const)
 export type MenuProps = ExtractPropTypes<typeof menuProps>
 
diff --git a/packages/components/menu/src/sub-menu.ts b/packages/components/menu/src/sub-menu.ts
index b65eb96061..2eddcd5804 100644
--- a/packages/components/menu/src/sub-menu.ts
+++ b/packages/components/menu/src/sub-menu.ts
@@ -184,6 +184,7 @@ export default defineComponent({
     )
 
     const mode = computed(() => rootMenu.props.mode)
+    const persistent = computed(() => rootMenu.props.persistent)
     const item = reactive({
       index: props.index,
       indexPath,
@@ -360,7 +361,7 @@ export default defineComponent({
               pure: true,
               offset: subMenuPopperOffset.value,
               showArrow: false,
-              persistent: true,
+              persistent: persistent.value,
               popperClass: subMenuPopperClass.value,
               placement: currentPlacement.value,
               teleported: appendToBody.value,