From bebf00fc64f65c2ec2f4a35e8c9d862284a1b1b4 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 2 Aug 2023 15:01:18 +0300
Subject: [PATCH] Refactor #4231 - For Menu

---
 components/lib/menu/Menu.d.ts | 4 ++++
 components/lib/menu/Menu.vue  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/lib/menu/Menu.d.ts b/components/lib/menu/Menu.d.ts
index a2f072a01..1f6554b5c 100755
--- a/components/lib/menu/Menu.d.ts
+++ b/components/lib/menu/Menu.d.ts
@@ -78,6 +78,10 @@ export interface MenuPassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**
diff --git a/components/lib/menu/Menu.vue b/components/lib/menu/Menu.vue
index bd23b71b9..259cc459e 100644
--- a/components/lib/menu/Menu.vue
+++ b/components/lib/menu/Menu.vue
@@ -1,6 +1,6 @@
 <template>
     <Portal :appendTo="appendTo" :disabled="!popup">
-        <transition name="p-connected-overlay" @enter="onEnter" @leave="onLeave" @after-leave="onAfterLeave">
+        <transition name="p-connected-overlay" @enter="onEnter" @leave="onLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
             <div v-if="popup ? overlayVisible : true" :ref="containerRef" :id="id" :class="cx('root')" @click="onOverlayClick" v-bind="{ ...$attrs, ...ptm('root') }" data-pc-name="menu">
                 <div v-if="$slots.start" :class="cx('start')" v-bind="ptm('start')">
                     <slot name="start"></slot>