From 4bce7645256764643e8f82b02940f2666fd6d7c7 Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Mon, 15 Jan 2018 13:17:58 +0800
Subject: [PATCH 1/7] make menu support more than 2 levels

---
 examples/routers/menu.vue            | 56 +++++++++++++++++++---------
 src/components/cascader/cascader.vue |  2 +-
 src/components/menu/menu-item.vue    | 23 ++++++++----
 src/components/menu/submenu.vue      | 25 +++++++++++--
 src/locale/lang/hi-IN.js             | 24 ++++++------
 src/styles/components/menu.less      | 24 +++++++++---
 src/utils/assist.js                  | 11 ++++++
 7 files changed, 117 insertions(+), 48 deletions(-)

diff --git a/examples/routers/menu.vue b/examples/routers/menu.vue
index 5d3001dd..ccbcf852 100644
--- a/examples/routers/menu.vue
+++ b/examples/routers/menu.vue
@@ -1,32 +1,41 @@
 <template>
     <div>
-        <Menu mode="horizontal" :theme="theme1" active-name="1">
+        <Menu :theme="theme1" active-name="1" @on-select="handleSelect" @on-open-change="handleOpen" :open-names="openArr">
             <Menu-item name="1">
                 <Icon type="ios-paper"></Icon>
-                内容管理
+                一级1
             </Menu-item>
             <Menu-item name="2">
                 <Icon type="ios-people"></Icon>
-                用户管理
+                一级2
             </Menu-item>
             <Submenu name="3">
                 <template slot="title">
-                    <Icon type="stats-bars"></Icon>
-                    统计分析
+                    <Icon type="ios-people"></Icon>
+                    一级3
                 </template>
-                <Menu-group title="使用">
-                    <Menu-item name="3-1">新增和启动</Menu-item>
-                    <Menu-item name="3-2">活跃分析</Menu-item>
-                    <Menu-item name="3-3">时段分析</Menu-item>
-                </Menu-group>
-                <Menu-group title="留存">
-                    <Menu-item name="3-4">用户留存</Menu-item>
-                    <Menu-item name="3-5">流失用户</Menu-item>
-                </Menu-group>
+                <Menu-item name="3-1">二级1</Menu-item>
+                <Menu-item name="3-2">二级2</Menu-item>
+                <Submenu name="3-3">
+                    <template slot="title">
+                        <Icon type="stats-bars"></Icon>
+                        二级3
+                    </template>
+                    <Menu-item name="3-3-1">三级1</Menu-item>
+                    <Menu-item name="3-3-2">三级2</Menu-item>
+                    <Submenu name="3-3-3">
+                        <template slot="title">
+                            <Icon type="stats-bars"></Icon>
+                            三级3
+                        </template>
+                        <Menu-item name="3-3-3-1">四级1</Menu-item>
+                        <Menu-item name="3-3-3-2">四级2</Menu-item>
+                    </Submenu>
+                </Submenu>
             </Submenu>
             <Menu-item name="4">
                 <Icon type="settings"></Icon>
-                综合设置
+                一级4
             </Menu-item>
         </Menu>
         <br>
@@ -43,9 +52,20 @@
     export default {
         data () {
             return {
-                theme1: 'light',
-                value4: ''
+                theme1: 'dark',
+                value4: '',
+                openArr: ['3', '3-3', '3-3-3']
+            };
+        },
+        methods: {
+            handleSelect (name) {
+                // console.log(name);
+                return name;
+            },
+            handleOpen (openArr) {
+                // console.log(openArr);
+                return openArr;
             }
         }
-    }
+    };
 </script>
diff --git a/src/components/cascader/cascader.vue b/src/components/cascader/cascader.vue
index 2389252b..1d24fd17 100644
--- a/src/components/cascader/cascader.vue
+++ b/src/components/cascader/cascader.vue
@@ -220,7 +220,7 @@
                 }
                 getSelections(this.data);
                 selections = selections.filter(item => {
-                    return item.label ? item.label.indexOf(this.query) > -1 : false
+                    return item.label ? item.label.indexOf(this.query) > -1 : false;
                 }).map(item => {
                     item.display = item.display.replace(new RegExp(this.query, 'g'), `<span>${this.query}</span>`);
                     return item;
diff --git a/src/components/menu/menu-item.vue b/src/components/menu/menu-item.vue
index 42660cd3..086b8d0f 100644
--- a/src/components/menu/menu-item.vue
+++ b/src/components/menu/menu-item.vue
@@ -1,8 +1,9 @@
 <template>
-    <li :class="classes" @click.stop="handleClick"><slot></slot></li>
+    <li :class="classes" @click.stop="handleClick" :style="itemStyle"><slot></slot></li>
 </template>
 <script>
     import Emitter from '../../mixins/emitter';
+    import { findComponentUpward, findComponentsUpward } from '../../utils/assist';
     const prefixCls = 'ivu-menu';
 
     export default {
@@ -33,18 +34,24 @@
                         [`${prefixCls}-item-disabled`]: this.disabled
                     }
                 ];
+            },
+            parentSubmenuNum () {
+                return findComponentsUpward(this, 'Submenu').length;
+            },
+            itemStyle () {
+                return this.hasParentSubmenu ? {
+                    paddingLeft: 43 + (this.parentSubmenuNum - 1) * 24 + 'px'
+                } : {};
+            },
+            hasParentSubmenu () {
+                return findComponentUpward(this, 'Submenu');
             }
         },
         methods: {
             handleClick () {
                 if (this.disabled) return;
 
-                let parent = this.$parent;
-                let name = parent.$options.name;
-                while (parent && (!name || name !== 'Submenu')) {
-                    parent = parent.$parent;
-                    if (parent) name = parent.$options.name;
-                }
+                let parent = findComponentUpward(this, 'Submenu');
 
                 if (parent) {
                     this.dispatch('Submenu', 'on-menu-item-select', this.name);
@@ -57,7 +64,7 @@
             this.$on('on-update-active-name', (name) => {
                 if (this.name === name) {
                     this.active = true;
-                    this.dispatch('Submenu', 'on-update-active-name', true);
+                    this.dispatch('Submenu', 'on-update-active-name', name);
                 } else {
                     this.active = false;
                 }
diff --git a/src/components/menu/submenu.vue b/src/components/menu/submenu.vue
index 9f782449..5ce1d905 100644
--- a/src/components/menu/submenu.vue
+++ b/src/components/menu/submenu.vue
@@ -1,6 +1,6 @@
 <template>
     <li :class="classes" @mouseenter="handleMouseenter" @mouseleave="handleMouseleave">
-        <div :class="[prefixCls + '-submenu-title']" ref="reference" @click="handleClick">
+        <div :class="[prefixCls + '-submenu-title']" ref="reference" @click="handleClick" :style="titleStyle">
             <slot name="title"></slot>
             <Icon type="ios-arrow-down" :class="[prefixCls + '-submenu-title-icon']"></Icon>
         </div>
@@ -21,7 +21,7 @@
     import Drop from '../select/dropdown.vue';
     import Icon from '../icon/icon.vue';
     import CollapseTransition from '../base/collapse-transition';
-    import { getStyle, findComponentUpward } from '../../utils/assist';
+    import { getStyle, findComponentUpward, findComponentsUpward, findComponentsDownward } from '../../utils/assist';
     import Emitter from '../../mixins/emitter';
 
     const prefixCls = 'ivu-menu';
@@ -54,9 +54,11 @@
                 return [
                     `${prefixCls}-submenu`,
                     {
-                        [`${prefixCls}-item-active`]: this.active,
+                        [`${prefixCls}-item-active`]: this.active && !this.hasParentSubmenu,
                         [`${prefixCls}-opened`]: this.opened,
-                        [`${prefixCls}-submenu-disabled`]: this.disabled
+                        [`${prefixCls}-submenu-disabled`]: this.disabled,
+                        [`${prefixCls}-submenu-has-parent-submenu`]: this.hasParentSubmenu,
+                        [`${prefixCls}-child-item-active`]: this.active
                     }
                 ];
             },
@@ -71,6 +73,17 @@
 
                 if (this.dropWidth) style.minWidth = `${this.dropWidth}px`;
                 return style;
+            },
+            hasParentSubmenu () {
+                return findComponentUpward(this, 'Submenu');
+            },
+            parentSubmenuNum () {
+                return findComponentsUpward(this, 'Submenu').length;
+            },
+            titleStyle () {
+                return this.hasParentSubmenu ? {
+                    paddingLeft: 43 + (this.parentSubmenuNum - 1) * 24 + 'px'
+                } : {};
             }
         },
         methods: {
@@ -131,6 +144,10 @@
                 return true;
             });
             this.$on('on-update-active-name', (status) => {
+                if (findComponentUpward(this, 'Submenu')) this.dispatch('Submenu', 'on-update-active-name', status);
+                if (findComponentsDownward(this, 'Submenu')) findComponentsDownward(this, 'Submenu').forEach(item => {
+                    item.active = false;
+                });
                 this.active = status;
             });
         }
diff --git a/src/locale/lang/hi-IN.js b/src/locale/lang/hi-IN.js
index 7b00445c..cfc574fc 100644
--- a/src/locale/lang/hi-IN.js
+++ b/src/locale/lang/hi-IN.js
@@ -48,18 +48,18 @@ const lang = {
                 sat: 'शनिवार'
             },
             months: {
-            m1: 'जनवरी',
-            m2: 'फरवरी',
-            m3: 'मार्च',
-            m4: 'अप्रैल',
-            m5: 'मई',
-            m6: 'जून',
-            m7: 'जुलाई',
-            m8: 'अगस्त',
-            m9: 'सितंबर',
-            m10: 'अक्टूबर',
-            m11: 'नवंबर',
-            m12: 'दिसंबर'
+                m1: 'जनवरी',
+                m2: 'फरवरी',
+                m3: 'मार्च',
+                m4: 'अप्रैल',
+                m5: 'मई',
+                m6: 'जून',
+                m7: 'जुलाई',
+                m8: 'अगस्त',
+                m9: 'सितंबर',
+                m10: 'अक्टूबर',
+                m11: 'नवंबर',
+                m12: 'दिसंबर'
             }
         },
         transfer: {
diff --git a/src/styles/components/menu.less b/src/styles/components/menu.less
index a243fd82..13696ed1 100644
--- a/src/styles/components/menu.less
+++ b/src/styles/components/menu.less
@@ -160,13 +160,18 @@
     &-submenu-title-icon {
         transition: transform @transition-time @ease-in-out;
     }
-    &-opened &-submenu-title-icon{
+    &-opened > * > &-submenu-title-icon{
         transform: rotate(180deg);
     }
 
-    &-vertical &-submenu &-item{
-        padding-left: 43px;
-    }
+    &-vertical &-submenu{
+        &-nested{
+            padding-left: 20px;
+        }
+        .@{menu-prefix-cls}-item{
+            padding-left: 43px;
+        }
+    } 
     &-vertical &-item-group{
         &-title{
             height: 48px;
@@ -217,7 +222,10 @@
             background: @primary-color !important;
         }
     }
-    &-dark&-vertical &-item-active &-submenu-title{
+    // &-dark&-vertical &-item-active &-submenu-title{
+    //     color: #fff;
+    // }
+    &-dark&-vertical &-child-item-active > &-submenu-title{
         color: #fff;
     }
 
@@ -226,6 +234,12 @@
         .@{menu-prefix-cls}-submenu-title{
             background: @menu-dark-title;
         }
+
+        .@{menu-prefix-cls}-submenu-has-parent-submenu{
+            .@{menu-prefix-cls}-submenu-title{
+                background: transparent;
+            }
+        }
     }
 }
 .select-item(@menu-prefix-cls, @menu-dropdown-item-prefix-cls);
diff --git a/src/utils/assist.js b/src/utils/assist.js
index 7ce97a41..707122de 100644
--- a/src/utils/assist.js
+++ b/src/utils/assist.js
@@ -217,6 +217,17 @@ export function findComponentsDownward (context, componentName) {
     }, []);
 }
 
+// Find components upward
+export function findComponentsUpward (context, componentName) {
+    let parents = [];
+    if (context.$parent) {
+        if (context.$parent.$options.name === componentName) parents.push(context.$parent);
+        return parents.concat(findComponentsUpward(context.$parent, componentName));
+    } else {
+        return [];
+    }
+}
+
 /* istanbul ignore next */
 const trim = function(string) {
     return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');

From 5edd66a8c642bcd7d0ec759445ef8d34ac3ce466 Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Mon, 15 Jan 2018 13:44:36 +0800
Subject: [PATCH 2/7] update

---
 src/locale/lang/hi-IN.js | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/locale/lang/hi-IN.js b/src/locale/lang/hi-IN.js
index cfc574fc..7b00445c 100644
--- a/src/locale/lang/hi-IN.js
+++ b/src/locale/lang/hi-IN.js
@@ -48,18 +48,18 @@ const lang = {
                 sat: 'शनिवार'
             },
             months: {
-                m1: 'जनवरी',
-                m2: 'फरवरी',
-                m3: 'मार्च',
-                m4: 'अप्रैल',
-                m5: 'मई',
-                m6: 'जून',
-                m7: 'जुलाई',
-                m8: 'अगस्त',
-                m9: 'सितंबर',
-                m10: 'अक्टूबर',
-                m11: 'नवंबर',
-                m12: 'दिसंबर'
+            m1: 'जनवरी',
+            m2: 'फरवरी',
+            m3: 'मार्च',
+            m4: 'अप्रैल',
+            m5: 'मई',
+            m6: 'जून',
+            m7: 'जुलाई',
+            m8: 'अगस्त',
+            m9: 'सितंबर',
+            m10: 'अक्टूबर',
+            m11: 'नवंबर',
+            m12: 'दिसंबर'
             }
         },
         transfer: {

From 3e3fba0ec2df99142443c6f6590a41ca5cf2b95e Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Mon, 15 Jan 2018 14:02:30 +0800
Subject: [PATCH 3/7] add style for menu-group

---
 examples/routers/menu.vue          | 10 ++++++++++
 src/components/menu/menu-group.vue | 16 +++++++++++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/examples/routers/menu.vue b/examples/routers/menu.vue
index ccbcf852..bfb686f6 100644
--- a/examples/routers/menu.vue
+++ b/examples/routers/menu.vue
@@ -30,6 +30,16 @@
                         </template>
                         <Menu-item name="3-3-3-1">四级1</Menu-item>
                         <Menu-item name="3-3-3-2">四级2</Menu-item>
+                        <MenuGroup title="Menu-Group">
+                            <MenuItem name="3-3-3-3-1">
+                                <Icon type="document-text"></Icon>
+                                Group-item1
+                            </MenuItem>
+                            <MenuItem name="3-3-3-3-2">
+                                <Icon type="chatbubbles"></Icon>
+                                Group-item2
+                            </MenuItem>
+                        </MenuGroup>
                     </Submenu>
                 </Submenu>
             </Submenu>
diff --git a/src/components/menu/menu-group.vue b/src/components/menu/menu-group.vue
index 83c44c80..49cd10ef 100644
--- a/src/components/menu/menu-group.vue
+++ b/src/components/menu/menu-group.vue
@@ -1,10 +1,11 @@
 <template>
     <li :class="[prefixCls + '-item-group']">
-        <div :class="[prefixCls + '-item-group-title']">{{ title }}</div>
+        <div :class="[prefixCls + '-item-group-title']" :style="groupStyle">{{ title }}</div>
         <ul><slot></slot></ul>
     </li>
 </template>
 <script>
+    import { findComponentUpward, findComponentsUpward } from '../../utils/assist';
     const prefixCls = 'ivu-menu';
 
     export default {
@@ -19,6 +20,19 @@
             return {
                 prefixCls: prefixCls
             };
+        },
+        computed: {
+            parentSubmenuNum () {
+                return findComponentsUpward(this, 'Submenu').length;
+            },
+            hasParentSubmenu () {
+                return findComponentUpward(this, 'Submenu');
+            },
+            groupStyle () {
+                return this.hasParentSubmenu ? {
+                    paddingLeft: 43 + (this.parentSubmenuNum - 1) * 28 + 'px'
+                } : {};
+            }
         }
     };
 </script>

From a163daa07a51b694db6fe52bc9f5e3c50b8f866f Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Mon, 15 Jan 2018 14:45:50 +0800
Subject: [PATCH 4/7] Add logical treatment to 'accordion'

---
 examples/routers/menu.vue       | 18 +++++++++++++++++-
 src/components/menu/menu.vue    | 11 +++++++++--
 src/components/menu/submenu.vue |  4 ++--
 src/utils/assist.js             | 10 ++++++++++
 4 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/examples/routers/menu.vue b/examples/routers/menu.vue
index bfb686f6..46b09935 100644
--- a/examples/routers/menu.vue
+++ b/examples/routers/menu.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Menu :theme="theme1" active-name="1" @on-select="handleSelect" @on-open-change="handleOpen" :open-names="openArr">
+        <Menu :theme="theme1" active-name="1" accordion @on-select="handleSelect" @on-open-change="handleOpen" :open-names="openArr">
             <Menu-item name="1">
                 <Icon type="ios-paper"></Icon>
                 一级1
@@ -41,6 +41,22 @@
                             </MenuItem>
                         </MenuGroup>
                     </Submenu>
+                    <Submenu name="3-3-4">
+                        <template slot="title">
+                            <Icon type="stats-bars"></Icon>
+                            三级4
+                        </template>
+                        <Menu-item name="3-3-4-1">四级1</Menu-item>
+                        <Menu-item name="3-3-4-2">四级2</Menu-item>
+                    </Submenu>
+                </Submenu>
+                <Submenu name="3-4">
+                    <template slot="title">
+                        <Icon type="stats-bars"></Icon>
+                        二级4
+                    </template>
+                    <Menu-item name="3-4-1">三级1</Menu-item>
+                    <Menu-item name="3-4-2">三级2</Menu-item>
                 </Submenu>
             </Submenu>
             <Menu-item name="4">
diff --git a/src/components/menu/menu.vue b/src/components/menu/menu.vue
index a3cf40af..187859a7 100644
--- a/src/components/menu/menu.vue
+++ b/src/components/menu/menu.vue
@@ -2,7 +2,7 @@
     <ul :class="classes" :style="styles"><slot></slot></ul>
 </template>
 <script>
-    import { oneOf, findComponentsDownward } from '../../utils/assist';
+    import { oneOf, findComponentsDownward, findBrothersComponents } from '../../utils/assist';
     import Emitter from '../../mixins/emitter';
 
     const prefixCls = 'ivu-menu';
@@ -82,7 +82,14 @@
                 } else {
                     this.openNames.push(name);
                     if (this.accordion) {
-                        this.openNames.splice(0, this.openNames.length);
+                        let currentSubmenu = {};
+                        findComponentsDownward(this, 'Submenu').forEach(item => {
+                            if (item.name === name) currentSubmenu = item;
+                        });
+                        findBrothersComponents(currentSubmenu, 'Submenu').forEach(item => {
+                            let index = this.openNames.indexOf(item.name);
+                            this.openNames.splice(index, index >= 0 ? 1 : 0);
+                        });
                         this.openNames.push(name);
                     }
                 }
diff --git a/src/components/menu/submenu.vue b/src/components/menu/submenu.vue
index 5ce1d905..9c14b48c 100644
--- a/src/components/menu/submenu.vue
+++ b/src/components/menu/submenu.vue
@@ -1,6 +1,6 @@
 <template>
     <li :class="classes" @mouseenter="handleMouseenter" @mouseleave="handleMouseleave">
-        <div :class="[prefixCls + '-submenu-title']" ref="reference" @click="handleClick" :style="titleStyle">
+        <div :class="[prefixCls + '-submenu-title']" ref="reference" @click.stop="handleClick" :style="titleStyle">
             <slot name="title"></slot>
             <Icon type="ios-arrow-down" :class="[prefixCls + '-submenu-title-icon']"></Icon>
         </div>
@@ -112,7 +112,7 @@
                 if (this.mode === 'horizontal') return;
                 const opened = this.opened;
                 if (this.accordion) {
-                    this.parent.$children.forEach(item => {
+                    this.$parent.$children.forEach(item => {
                         if (item.$options.name === 'Submenu') item.opened = false;
                     });
                 }
diff --git a/src/utils/assist.js b/src/utils/assist.js
index 707122de..33828da7 100644
--- a/src/utils/assist.js
+++ b/src/utils/assist.js
@@ -228,6 +228,16 @@ export function findComponentsUpward (context, componentName) {
     }
 }
 
+// Find brothers components
+export function findBrothersComponents (context, componentName) {
+    let res = context.$parent.$children.filter(item => {
+        return item.$options.name === componentName;
+    });
+    let index = res.indexOf(context);
+    res.splice(index, 1);
+    return res;
+}
+
 /* istanbul ignore next */
 const trim = function(string) {
     return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');

From acba45fed5adf8d6a21204150efabfbfbddd0f2c Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Fri, 19 Jan 2018 15:56:57 +0800
Subject: [PATCH 5/7] move computed value parentSubmenuNum from .vue to
 mixin.js

---
 src/components/menu/menu-item.vue | 8 +++-----
 src/components/menu/mixin.js      | 8 ++++++++
 src/components/menu/submenu.vue   | 8 +++-----
 3 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 src/components/menu/mixin.js

diff --git a/src/components/menu/menu-item.vue b/src/components/menu/menu-item.vue
index 086b8d0f..d4fdce98 100644
--- a/src/components/menu/menu-item.vue
+++ b/src/components/menu/menu-item.vue
@@ -3,12 +3,13 @@
 </template>
 <script>
     import Emitter from '../../mixins/emitter';
-    import { findComponentUpward, findComponentsUpward } from '../../utils/assist';
+    import { findComponentUpward } from '../../utils/assist';
     const prefixCls = 'ivu-menu';
+    import mixin from './mixin';
 
     export default {
         name: 'MenuItem',
-        mixins: [ Emitter ],
+        mixins: [ Emitter, mixin ],
         props: {
             name: {
                 type: [String, Number],
@@ -35,9 +36,6 @@
                     }
                 ];
             },
-            parentSubmenuNum () {
-                return findComponentsUpward(this, 'Submenu').length;
-            },
             itemStyle () {
                 return this.hasParentSubmenu ? {
                     paddingLeft: 43 + (this.parentSubmenuNum - 1) * 24 + 'px'
diff --git a/src/components/menu/mixin.js b/src/components/menu/mixin.js
new file mode 100644
index 00000000..d6374bf8
--- /dev/null
+++ b/src/components/menu/mixin.js
@@ -0,0 +1,8 @@
+import { findComponentsUpward } from '../../utils/assist';
+export default {
+    computed: {
+        parentSubmenuNum () {
+            return findComponentsUpward(this, 'Submenu').length;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/components/menu/submenu.vue b/src/components/menu/submenu.vue
index 9c14b48c..cd4255eb 100644
--- a/src/components/menu/submenu.vue
+++ b/src/components/menu/submenu.vue
@@ -21,14 +21,15 @@
     import Drop from '../select/dropdown.vue';
     import Icon from '../icon/icon.vue';
     import CollapseTransition from '../base/collapse-transition';
-    import { getStyle, findComponentUpward, findComponentsUpward, findComponentsDownward } from '../../utils/assist';
+    import { getStyle, findComponentUpward, findComponentsDownward } from '../../utils/assist';
     import Emitter from '../../mixins/emitter';
+    import mixin from './mixin';
 
     const prefixCls = 'ivu-menu';
 
     export default {
         name: 'Submenu',
-        mixins: [ Emitter ],
+        mixins: [ Emitter, mixin ],
         components: { Icon, Drop, CollapseTransition },
         props: {
             name: {
@@ -77,9 +78,6 @@
             hasParentSubmenu () {
                 return findComponentUpward(this, 'Submenu');
             },
-            parentSubmenuNum () {
-                return findComponentsUpward(this, 'Submenu').length;
-            },
             titleStyle () {
                 return this.hasParentSubmenu ? {
                     paddingLeft: 43 + (this.parentSubmenuNum - 1) * 24 + 'px'

From a21e798b8f321c6c6c107541b795879d20c22b75 Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Fri, 19 Jan 2018 15:59:37 +0800
Subject: [PATCH 6/7] udpate

---
 src/components/menu/menu-item.vue | 3 ---
 src/components/menu/mixin.js      | 5 ++++-
 src/components/menu/submenu.vue   | 3 ---
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/menu/menu-item.vue b/src/components/menu/menu-item.vue
index d4fdce98..074192b1 100644
--- a/src/components/menu/menu-item.vue
+++ b/src/components/menu/menu-item.vue
@@ -40,9 +40,6 @@
                 return this.hasParentSubmenu ? {
                     paddingLeft: 43 + (this.parentSubmenuNum - 1) * 24 + 'px'
                 } : {};
-            },
-            hasParentSubmenu () {
-                return findComponentUpward(this, 'Submenu');
             }
         },
         methods: {
diff --git a/src/components/menu/mixin.js b/src/components/menu/mixin.js
index d6374bf8..3d497617 100644
--- a/src/components/menu/mixin.js
+++ b/src/components/menu/mixin.js
@@ -1,6 +1,9 @@
-import { findComponentsUpward } from '../../utils/assist';
+import { hasParentSubmenu, findComponentUpward, findComponentsUpward } from '../../utils/assist';
 export default {
     computed: {
+        hasParentSubmenu () {
+            return findComponentUpward(this, 'Submenu');
+        },
         parentSubmenuNum () {
             return findComponentsUpward(this, 'Submenu').length;
         }
diff --git a/src/components/menu/submenu.vue b/src/components/menu/submenu.vue
index cd4255eb..d010450e 100644
--- a/src/components/menu/submenu.vue
+++ b/src/components/menu/submenu.vue
@@ -75,9 +75,6 @@
                 if (this.dropWidth) style.minWidth = `${this.dropWidth}px`;
                 return style;
             },
-            hasParentSubmenu () {
-                return findComponentUpward(this, 'Submenu');
-            },
             titleStyle () {
                 return this.hasParentSubmenu ? {
                     paddingLeft: 43 + (this.parentSubmenuNum - 1) * 24 + 'px'

From 0b9c3d374a62f69d2bbc976b89fc13dae7959725 Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Fri, 19 Jan 2018 16:26:25 +0800
Subject: [PATCH 7/7] update

---
 src/components/menu/mixin.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/menu/mixin.js b/src/components/menu/mixin.js
index 3d497617..630c3032 100644
--- a/src/components/menu/mixin.js
+++ b/src/components/menu/mixin.js
@@ -1,4 +1,4 @@
-import { hasParentSubmenu, findComponentUpward, findComponentsUpward } from '../../utils/assist';
+import { findComponentUpward, findComponentsUpward } from '../../utils/assist';
 export default {
     computed: {
         hasParentSubmenu () {
@@ -8,4 +8,4 @@ export default {
             return findComponentsUpward(this, 'Submenu').length;
         }
     }
-}
\ No newline at end of file
+};
\ No newline at end of file