From 41a191b7215012b3a5d10eb3d5e1c06cd715b2d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E5=A5=95?=
 <Leopoldthecoder@users.noreply.github.com>
Date: Thu, 1 Feb 2018 15:05:07 +0800
Subject: [PATCH] Menu: add popper-class for SubMenu (#9600)

---
 examples/docs/en-US/menu.md   | 1 +
 examples/docs/es/menu.md      | 1 +
 examples/docs/zh-CN/menu.md   | 1 +
 packages/menu/src/submenu.vue | 8 +++++---
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/examples/docs/en-US/menu.md b/examples/docs/en-US/menu.md
index 63e2b1765..71385db8d 100644
--- a/examples/docs/en-US/menu.md
+++ b/examples/docs/en-US/menu.md
@@ -305,6 +305,7 @@ Vertical NavMenu could be collapsed.
 | Attribute      | Description          | Type      | Accepted Values       | Default  |
 |---------- |-------- |---------- |-------------  |-------- |
 | index     | unique identification   | string  | — | — |
+| popper-class | custom class name for the popup menu | string | — | — |
 | show-timeout | timeout before showing a sub-menu | number | — | 300 |
 | hide-timeout | timeout before hiding a sub-menu | number | — | 300 |
 
diff --git a/examples/docs/es/menu.md b/examples/docs/es/menu.md
index 7cb99aae9..bb694f621 100644
--- a/examples/docs/es/menu.md
+++ b/examples/docs/es/menu.md
@@ -307,6 +307,7 @@ NavMenu vertical puede ser colapsado.
 | Atributo     | Descripción                              | Tipo   | Valores aceptados | Por defecto |
 | ------------ | ---------------------------------------- | ------ | ----------------- | ----------- |
 | index        | identificador único                      | string | —                 | —           |
+| popper-class | custom class name for the popup menu     | string | —                 | —           |
 | show-timeout | tiempo de espera antes de mostrar un submenú | number | —                 | 300         |
 | hide-timeout | tiempo de espera antes de ocultar un submenú | number | —                 | 300         |
 
diff --git a/examples/docs/zh-CN/menu.md b/examples/docs/zh-CN/menu.md
index fab4b9e18..b7ece95fb 100644
--- a/examples/docs/zh-CN/menu.md
+++ b/examples/docs/zh-CN/menu.md
@@ -301,6 +301,7 @@
 | 参数      | 说明    | 类型      | 可选值       | 默认值   |
 |---------- |-------- |---------- |-------------  |-------- |
 | index     | 唯一标志   | string  | — | — |
+| popper-class | 弹出菜单的自定义类名 | string | — | — |
 | show-timeout | 展开 sub-menu 的延时 | number | — | 300 |
 | hide-timeout | 收起 sub-menu 的延时 | number | — | 300 |
 
diff --git a/packages/menu/src/submenu.vue b/packages/menu/src/submenu.vue
index 1d9754019..14d355504 100644
--- a/packages/menu/src/submenu.vue
+++ b/packages/menu/src/submenu.vue
@@ -41,7 +41,8 @@
       hideTimeout: {
         type: Number,
         default: 300
-      }
+      },
+      popperClass: String
     },
 
     data() {
@@ -223,7 +224,8 @@
         rootMenu,
         currentPlacement,
         menuTransitionName,
-        mode
+        mode,
+        popperClass
       } = this;
 
       const popupMenu = (
@@ -231,7 +233,7 @@
           <div
             ref="menu"
             v-show={opened}
-            class={[`el-menu--${mode}`]}
+            class={[`el-menu--${mode}`, popperClass]}
             on-mouseenter={this.handleMouseenter}
             on-mouseleave={this.handleMouseleave}
             on-focus={this.handleMouseenter}>