From 49ffd85e77ed0564dff160b28b21b5d62e5e24cf Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 2 Aug 2023 15:02:28 +0300
Subject: [PATCH] Refactor #4231 - For PickList

---
 components/lib/picklist/PickList.d.ts | 4 ++++
 components/lib/picklist/PickList.vue  | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/lib/picklist/PickList.d.ts b/components/lib/picklist/PickList.d.ts
index d60feed029..863f076dbe 100755
--- a/components/lib/picklist/PickList.d.ts
+++ b/components/lib/picklist/PickList.d.ts
@@ -200,6 +200,10 @@ export interface PickListPassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**
diff --git a/components/lib/picklist/PickList.vue b/components/lib/picklist/PickList.vue
index 09d1020009..081ffc8240 100755
--- a/components/lib/picklist/PickList.vue
+++ b/components/lib/picklist/PickList.vue
@@ -50,7 +50,7 @@
                 @focus="onListFocus($event, 'sourceList')"
                 @blur="onListBlur($event, 'sourceList')"
                 @keydown="onItemKeyDown($event, 'sourceList')"
-                v-bind="{ ...sourceListProps, ...ptm('sourceList') }"
+                v-bind="{ ...sourceListProps, ...ptm('sourceList'), ...ptm('transition') }"
             >
                 <template v-for="(item, i) of sourceList" :key="getItemKey(item, i)">
                     <li
@@ -122,7 +122,7 @@
                 @focus="onListFocus($event, 'targetList')"
                 @blur="onListBlur($event, 'targetList')"
                 @keydown="onItemKeyDown($event, 'targetList')"
-                v-bind="{ ...targetListProps, ...ptm('targetList') }"
+                v-bind="{ ...targetListProps, ...ptm('targetList'), ...ptm('transition') }"
             >
                 <template v-for="(item, i) of targetList" :key="getItemKey(item, i)">
                     <li