From 84921f32740d0a9515d33b6c3b7f55324dc961be Mon Sep 17 00:00:00 2001
From: xiyueW <xiximeili@sina.com>
Date: Mon, 29 Jul 2024 00:08:03 +0800
Subject: [PATCH] fix(menu): when responsive prop is set,  attrs can't be
 inherited correctly (#5942)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

当menu添加responsive后，其上的属性无法透传至正确的位置

Co-authored-by: 07akioni <07akioni2@gmail.com>
---
 src/menu/src/Menu.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/menu/src/Menu.tsx b/src/menu/src/Menu.tsx
index f67066063..8be6d65aa 100644
--- a/src/menu/src/Menu.tsx
+++ b/src/menu/src/Menu.tsx
@@ -10,7 +10,8 @@ import {
   provide,
   ref,
   toRef,
-  watchEffect
+  watchEffect,
+  mergeProps
 } from 'vue'
 import { type Key, createTreeMate } from 'treemate'
 import { useCompitable, useMergedState } from 'vooks'
@@ -627,16 +628,17 @@ export default defineComponent({
     const horizontal = mode === 'horizontal'
     const finalResponsive = horizontal && this.responsive
     const renderMainNode = (): VNode => (
-      <div
-        role={mode === 'horizontal' ? 'menubar' : 'menu'}
-        class={[
-          `${mergedClsPrefix}-menu`,
-          themeClass,
-          `${mergedClsPrefix}-menu--${mode}`,
-          finalResponsive && `${mergedClsPrefix}-menu--responsive`,
-          this.mergedCollapsed && `${mergedClsPrefix}-menu--collapsed`
-        ]}
-        style={this.cssVars}
+      <div {...mergeProps(this.$attrs, {
+          role: mode === 'horizontal' ? 'menubar' : 'menu',
+          class: [
+            `${mergedClsPrefix}-menu`,
+            themeClass,
+            `${mergedClsPrefix}-menu--${mode}`,
+            finalResponsive && `${mergedClsPrefix}-menu--responsive`,
+            this.mergedCollapsed && `${mergedClsPrefix}-menu--collapsed`
+          ],
+          style: this.cssVars
+        })}
       >
         {finalResponsive ? (
           <VOverflow