拆分 menu-item 组件, 为 sub-menu 与 menu-item

example/docs/zh-CN/components/menu.md

@@ -11,15 +11,15 @@
     <lay-menu-item title="首页" id="1"></lay-menu-item>
     <lay-menu-item title="用户" id="2"></lay-menu-item>
     <lay-menu-item title="角色" id="3"></lay-menu-item> 
-    <lay-menu-item title="目录" id="7">
+    <lay-sub-menu title="目录" id="7">
         <lay-menu-item title="菜单一" id="8"></lay-menu-item> 
         <lay-menu-item title="菜单二" id="9"></lay-menu-item>
-        <lay-menu-item title="菜单三" id="10">
+        <lay-sub-menu title="菜单三" id="10">
             <lay-menu-item title="菜单一" id="11"></lay-menu-item> 
             <lay-menu-item title="菜单二" id="12"></lay-menu-item>
             <lay-menu-item title="菜单三" id="13"></lay-menu-item>
-        </lay-menu-item>
-    </lay-menu-item> 
+        </lay-sub-menu>
+    </lay-sub-menu> 
   </lay-menu>
 </template>
 
@@ -48,20 +48,68 @@ export default {
 
 <template>
   <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree">
-    <lay-menu-item title="首页" id="1">
-      <template v-slot:title> 
-        <router-link to="">无感</router-link>
-      </template>
-    </lay-menu-item>
+    <lay-menu-item title="首页" id="1"></lay-menu-item>
     <lay-menu-item title="用户" id="2"></lay-menu-item>
     <lay-menu-item title="角色" id="3"></lay-menu-item> 
-    <lay-menu-item title="目录" id="7">
+    <lay-sub-menu title="目录" id="7">
         <lay-menu-item title="菜单一" id="8"></lay-menu-item> 
         <lay-menu-item title="菜单二" id="9"></lay-menu-item>
-        <lay-menu-item title="菜单三" id="10">
+        <lay-sub-menu title="菜单三" id="10">
             <lay-menu-item title="菜单一" id="11"></lay-menu-item> 
             <lay-menu-item title="菜单二" id="12"></lay-menu-item>
             <lay-menu-item title="菜单三" id="13"></lay-menu-item>
+        </lay-sub-menu>
+    </lay-sub-menu> 
+  </lay-menu>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const isTree = ref(true)
+    const selectedKey = ref("5")
+    const openKeys = ref(["7"])
+
+    return {
+      isTree,
+      openKeys,
+      selectedKey
+    }
+  }
+}
+</script>
+
+:::
+
+
+::: title 菜单插槽
+:::
+
+::: demo
+
+<template>
+  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree">
+    <lay-menu-item id="1">
+      <template v-slot:title> 
+        <router-link to="">首页</router-link>
+      </template>
+    </lay-menu-item>
+    <lay-menu-item id="7">
+        <template v-slot:title> 
+          <router-link to="">目录</router-link>
+        </template>
+        <lay-menu-item id="8">
+          <template v-slot:title> 
+            <router-link to="">菜单一</router-link>
+          </template>
+        </lay-menu-item> 
+        <lay-menu-item id="9">
+          <template v-slot:title> 
+            <router-link to="">菜单二</router-link>
+          </template>
         </lay-menu-item>
     </lay-menu-item> 
   </lay-menu>

example/docs/zh-CN/guide/changelog.md

@@ -14,10 +14,12 @@
     <ul> 
       <a name="0-3-3"> </a> 
       <li> 
-        <h3>0.3.3 <span class="layui-badge-rim">2022-01-03</span></h3> 
+        <h3>0.3.3 <span class="layui-badge-rim">2022-01-05</span></h3> 
         <ul> 
           <li>[新增] setup 步骤条组件。</li>
+          <li>[新增] slider 滑块组件 vertical 属性, 支持垂直布局。</li>
           <li>[新增] timeline-item 时间线组件 dot 插槽, 支持自定义节点内容。</li>
+          <li>[修复] sub-menu 目录组件, 与 menu-item 组合使用。</li>
           <li>[修复] menu 组件 layui-nav-more 切换动画。</li>
         </ul> 
       </li>

example/docs/zh-CN/guide/introduce.md

@@ -3,7 +3,7 @@
 
 <p>
   <a href="http://layui-vue.pearadmin.com">
-    <img src="https://sentsin.gitee.io/res/images/layui/layui.png" alt="layui" width="500">
+    <img src="../../../src/assets/logo-new.png" alt="layui" width="500">
   </a>
 </p>
 

example/src/view/component.vue

@@ -104,12 +104,6 @@ export default {
         id: 1,
         title: "布局",
         children: [
-          {
-            id: 111,
-            title: "骨架屏",
-            subTitle: "skeleton",
-            path: "/zh-CN/components/skeleton",
-          },
           {
             id: 4,
             title: "布局",
@@ -140,6 +134,12 @@ export default {
             subTitle: "card",
             path: "/zh-CN/components/card",
           },
+          {
+            id: 10,
+            title: "骨架",
+            subTitle: "skeleton",
+            path: "/zh-CN/components/skeleton",
+          },
         ],
       },
       {