update Menu to support SSR

examples/routers/menu.vue

@@ -1,32 +1,40 @@
 <template>
     <div>
-        <Menu :theme="theme3" active-name="1">
-            <Menu-group title="内容管理">
+        <Menu mode="horizontal" :theme="theme1" active-name="1">
             <Menu-item name="1">
-                    <Icon type="document-text"></Icon>
-                    文章管理
+                <Icon type="ios-paper"></Icon>
+                内容管理
             </Menu-item>
             <Menu-item name="2">
-                    <Icon type="chatbubbles"></Icon>
-                    评论管理
+                <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">
-                    <Icon type="heart"></Icon>
-                    用户留存
-                </Menu-item>
+                <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="heart-broken"></Icon>
-                    流失用户
+                <Icon type="settings"></Icon>
+                综合设置
             </Menu-item>
-            </Menu-group>
         </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'
             }
         }
     }

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>