From 62038c8c601f4143ea8812f4d77782c6dac69df0 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Tue, 21 Feb 2023 17:18:09 +0800
Subject: [PATCH] =?UTF-8?q?fix(design):=20element-plus@2.2.22=E5=BC=80?=
 =?UTF-8?q?=E5=A7=8Bscrollbar.wrap$=E6=94=B9=E6=88=90wrapRef?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design/src/Select.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/design/src/Select.vue b/packages/design/src/Select.vue
index 3979a9db..cb378441 100644
--- a/packages/design/src/Select.vue
+++ b/packages/design/src/Select.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts" name="TMSelect">
-import { computed, onMounted, ref } from 'vue';
+import { computed, ref, watch } from 'vue';
 
 import { getConfig } from './config';
 
@@ -55,9 +55,19 @@ const visibleHandler = (...args: any[]) => {
 
 const scrollbarWrap = ref<HTMLDivElement | undefined>();
 
-onMounted(() => {
-  scrollbarWrap.value = select.value?.scrollbar?.wrap$;
-});
+const unWacth = watch(
+  () => select.value?.scrollbar?.wrap$ || select.value?.scrollbar?.wrapRef,
+  (wrap) => {
+    if (!wrap) {
+      return;
+    }
+    scrollbarWrap.value = wrap;
+    unWacth();
+  },
+  {
+    immediate: true,
+  },
+);
 
 defineExpose({
   scrollbarWrap,