From b9464d7ac433d0819cff3bf86786d838e6c405fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=8F=A8=E5=8F=A8?= <hi@wangdaodao.com>
Date: Thu, 13 Apr 2023 15:41:33 +0800
Subject: [PATCH] feat: dropdown add scrollbar

---
 packages/dropdown/src/dropdown-menu.vue | 16 +++++++++++++---
 packages/theme-chalk/src/dropdown.scss  |  8 ++++++++
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages/dropdown/src/dropdown-menu.vue b/packages/dropdown/src/dropdown-menu.vue
index 176646742..847908442 100644
--- a/packages/dropdown/src/dropdown-menu.vue
+++ b/packages/dropdown/src/dropdown-menu.vue
@@ -1,11 +1,17 @@
 <template>
   <transition name="el-zoom-in-top" @after-leave="doDestroy">
-    <ul class="el-dropdown-menu el-popper" :class="[size && `el-dropdown-menu--${size}`]" v-show="showPopper">
-      <slot></slot>
-    </ul>
+    <div class="el-dropdown-menu el-popper" :class="[size && `el-dropdown-menu--${size}`]" v-show="showPopper">
+      <el-scrollbar 
+        tag="ul"
+        wrap-class="dropdown-scrollbar__wrap"
+        view-class="dropdown-scrollbar__list">
+        <slot></slot>
+      </el-scrollbar>
+    </div>
   </transition>
 </template>
 <script>
+  import ElScrollbar from 'element-ui/packages/scrollbar';
   import Popper from 'element-ui/src/utils/vue-popper';
 
   export default {
@@ -13,6 +19,10 @@
 
     componentName: 'ElDropdownMenu',
 
+    components: {
+      ElScrollbar
+    },
+
     mixins: [Popper],
 
     props: {
diff --git a/packages/theme-chalk/src/dropdown.scss b/packages/theme-chalk/src/dropdown.scss
index 6a89f0e0e..948942e20 100644
--- a/packages/theme-chalk/src/dropdown.scss
+++ b/packages/theme-chalk/src/dropdown.scss
@@ -180,3 +180,11 @@
     }
   }
 }
+
+.dropdown-scrollbar__wrap{
+  max-height: 274px;
+}
+.dropdown-scrollbar__list{
+  padding: 0;
+  margin: 0;
+}