From c708835c0c80340d3dedbc35872d7591d55364f1 Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Wed, 12 Jul 2017 15:18:26 +0800
Subject: [PATCH] update Menu to support SSR

---
 examples/routers/menu.vue       | 54 +++++++++++++++++++++++++++++++-----------------------
 src/components/menu/submenu.vue |  3 ++-
 2 files changed, 33 insertions(+), 24 deletions(-)

diff --git a/examples/routers/menu.vue b/examples/routers/menu.vue
index 67461bc..62abc8c 100644
--- a/examples/routers/menu.vue
+++ b/examples/routers/menu.vue
@@ -1,32 +1,40 @@
 <template>
     <div>
-        <Menu :theme="theme3" active-name="1">
-            <Menu-group title="内容管理">
-                <Menu-item name="1">
-                    <Icon type="document-text"></Icon>
-                    文章管理
-                </Menu-item>
-                <Menu-item name="2">
-                    <Icon type="chatbubbles"></Icon>
-                    评论管理
-                </Menu-item>
-            </Menu-group>
-            <Menu-group title="统计分析">
-                <Menu-item name="3">
-                    <Icon type="heart"></Icon>
-                    用户留存
-                </Menu-item>
-                <Menu-item name="4">
-                    <Icon type="heart-broken"></Icon>
-                    流失用户
-                </Menu-item>
-            </Menu-group>
+        <Menu mode="horizontal" :theme="theme1" active-name="1">
+            <Menu-item name="1">
+                <Icon type="ios-paper"></Icon>
+                内容管理
+            </Menu-item>
+            <Menu-item name="2">
+                <Icon type="ios-people"></Icon>
+                用户管理
+            </Menu-item>
+            <Submenu name="3">
+                <template slot="title">
+                    <Icon type="stats-bars"></Icon>
+                    统计分析
+                </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>
+            </Submenu>
+            <Menu-item name="4">
+                <Icon type="settings"></Icon>
+                综合设置
+            </Menu-item>
         </Menu>
         <br>
         <p>切换主题</p>
-        <Radio-group v-model="theme3">
+        <Radio-group v-model="theme1">
             <Radio label="light"></Radio>
             <Radio label="dark"></Radio>
+            <Radio label="primary"></Radio>
         </Radio-group>
     </div>
 </template>
@@ -34,7 +42,7 @@
     export default {
         data () {
             return {
-                theme3: 'light'
+                theme1: 'light'
             }
         }
     }
diff --git a/src/components/menu/submenu.vue b/src/components/menu/submenu.vue
index 1fcdc55..216d1b1 100644
--- a/src/components/menu/submenu.vue
+++ b/src/components/menu/submenu.vue
@@ -12,7 +12,8 @@
                 v-show="opened"
                 placement="bottom"
                 ref="drop"
-                :style="dropStyle"><slot></slot></Drop>
+                :style="dropStyle"><ul><slot></slot></ul>
+            </Drop>
         </transition>
     </li>
 </template>
--
libgit2 0.21.4