From abf4b76c3078578cf9237c265a561cb552f01c9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Tue, 4 Jan 2022 22:32:48 +0800
Subject: [PATCH 1/7] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20menu=20=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A8=A1=E5=BC=8F=E4=B8=8B=E7=9A=84=20more=20?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/modal.md    |  2 +-
 example/docs/zh-CN/components/timeline.md | 46 ++++++++++++++++++++++-
 src/module/menuItem/index.vue             |  2 +-
 src/module/timelineItem/index.vue         |  9 ++++-
 4 files changed, 54 insertions(+), 5 deletions(-)

diff --git a/example/docs/zh-CN/components/modal.md b/example/docs/zh-CN/components/modal.md
index bc93ea2b..49e73f39 100644
--- a/example/docs/zh-CN/components/modal.md
+++ b/example/docs/zh-CN/components/modal.md
@@ -319,7 +319,7 @@ export default {
 ::: table
 
 | 备注            | 描述          | 默认值                     |
-| --------------- | ------------- | -------------------------- |
+| --------------- | ------------- | --------------------------|
 | title           | 标题          | --                         |
 | move            | 允许拖拽      | `false`                    |
 | maxmin          | 最小化 最大化 | `false`                    |
diff --git a/example/docs/zh-CN/components/timeline.md b/example/docs/zh-CN/components/timeline.md
index 9641fcb3..f52cb769 100644
--- a/example/docs/zh-CN/components/timeline.md
+++ b/example/docs/zh-CN/components/timeline.md
@@ -75,7 +75,40 @@ export default {
 
 :::
 
-::: title timeline-item attributes
+
+::: title 节点插槽
+:::
+
+::: demo
+
+<template>
+    <lay-timeline>
+        <lay-timeline-item title="2021年，layui vue 里程碑版本 1.0 发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2017年，layui 里程碑版本 2.0 发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2016年，layui 首个版本发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2015年，layui 孵化" simple>
+            <template #dot>
+                <lay-icon type="layui-icon-face-smile" color="red"></lay-icon>
+            </template>
+        </lay-timeline-item>
+    </lay-timeline>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+::: title Timeline Item 属性
 :::
 
 ::: table
@@ -87,5 +120,16 @@ export default {
 
 :::
 
+::: title Timeline Item 属性
+:::
+
+::: table
+
+|        |          |     |
+| ------ | -------- | --- |
+| dot | 节点 | --  |
+
+:::
+
 ::: comment
 :::
\ No newline at end of file
diff --git a/src/module/menuItem/index.vue b/src/module/menuItem/index.vue
index 2bcb0e41..3965432e 100644
--- a/src/module/menuItem/index.vue
+++ b/src/module/menuItem/index.vue
@@ -6,7 +6,7 @@
   >
     <a href="javascript:void(0)" @click="openHandle">
       {{ title }}
-      <i class="layui-icon layui-icon-down layui-nav-more"></i>
+      <i :class="[openKeys.includes(id) && !isTree ? 'layui-nav-mored' : '']" class="layui-icon layui-icon-down layui-nav-more"></i>
     </a>
     <dl
       class="layui-nav-child"
diff --git a/src/module/timelineItem/index.vue b/src/module/timelineItem/index.vue
index 7ecc8f37..79f76802 100644
--- a/src/module/timelineItem/index.vue
+++ b/src/module/timelineItem/index.vue
@@ -1,6 +1,9 @@
 <template>
   <li class="layui-timeline-item">
-    <i class="layui-icon layui-timeline-axis"></i>
+    <i class="layui-icon layui-timeline-axis" v-if="slot.dot">
+      <slot name="dot"></slot>
+    </i>
+    <i class="layui-icon layui-timeline-axis" v-else></i>
     <div class="layui-timeline-content layui-text">
       <div v-if="simple" class="layui-timeline-title">
         {{ title }}
@@ -20,7 +23,9 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { defineProps } from "vue";
+import { defineProps, useSlots } from "vue";
+
+const slot = useSlots();
 
 export interface LayTimelineItemProps {
   title: string;

From 94af5979cad210f0335e531c4f967277e1afbfb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Tue, 4 Jan 2022 22:46:04 +0800
Subject: [PATCH 2/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index daf62e5b..ae4577dc 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -11,6 +11,17 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="0.3.x">
+    <ul> 
+      <a name="0-3-3"> </a> 
+      <li> 
+        <h3>0.3.3 <span class="layui-badge-rim">2022-01-03</span></h3> 
+        <ul> 
+          <li>[新增] setup 步骤条组件。</li>
+          <li>[新增] timeline-item 时间线组件 dot 插槽, 支持自定义节点内容。</li>
+          <li>[修复] menu 组件 layui-nav-more 切换动画。</li>
+        </ul> 
+      </li>
+    </ul>
     <ul> 
       <a name="0-3-2"> </a> 
       <li> 

From ead411ca832b17bac83df3d9c0091efad058ab3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Tue, 4 Jan 2022 23:43:15 +0800
Subject: [PATCH 3/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=88=90=E5=91=98?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/member.md | 44 +++++++++++++++---------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/example/docs/zh-CN/guide/member.md b/example/docs/zh-CN/guide/member.md
index 7cd1230c..6c30b8b7 100644
--- a/example/docs/zh-CN/guide/member.md
+++ b/example/docs/zh-CN/guide/member.md
@@ -3,13 +3,13 @@
 
 <lay-card>
     <lay-row>
-        <lay-col md="1">
+        <lay-col md="2">
             <lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"></lay-avatar>
         </lay-col>
-        <lay-col md="2">
+        <lay-col md="3">
             就眠仪式
         </lay-col>
-        <lay-col md="10">
+        <lay-col md="8">
             焦点：layui-vue
         </lay-col>
         <lay-col md="4">
@@ -22,13 +22,13 @@
 </lay-card>
 <lay-card>
     <lay-row>
-        <lay-col md="1">
+        <lay-col md="2">
             <lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/1755/5267877_jobin_jia_1608578025.png"></lay-avatar>
         </lay-col>
-        <lay-col md="2">
+        <lay-col md="3">
             落小梅
         </lay-col>
-        <lay-col md="10">
+        <lay-col md="8">
             焦点：tree table
         </lay-col>
         <lay-col md="4">
@@ -42,13 +42,13 @@
 
 <lay-card>
     <lay-row>
-        <lay-col md="1">
+        <lay-col md="2">
             <lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/702/2106738_wanglin300_1639442830.png"></lay-avatar>
         </lay-col>
-        <lay-col md="2">
+        <lay-col md="3">
             halo
         </lay-col>
-        <lay-col md="10">
+        <lay-col md="8">
             焦点：slider
         </lay-col>
         <lay-col md="4">
@@ -62,13 +62,13 @@
 
 <lay-card>
     <lay-row>
-        <lay-col md="1">
+        <lay-col md="2">
             <lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/1871/5614379_xumisky_1607057214.png"></lay-avatar>
         </lay-col>
-        <lay-col md="2">
+        <lay-col md="3">
             须弥
         </lay-col>
-        <lay-col md="10">
+        <lay-col md="8">
             焦点：layui-vue
         </lay-col>
         <lay-col md="4">
@@ -82,13 +82,13 @@
 
 <lay-card>
     <lay-row>
-        <lay-col md="1">
+        <lay-col md="2">
             <lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/2469/7407590_wcg666_1640528494.png"></lay-avatar>
         </lay-col>
-        <lay-col md="2">
+        <lay-col md="3">
             Sight
         </lay-col>
-        <lay-col md="10">
+        <lay-col md="8">
             焦点：count-up backtop
         </lay-col>
         <lay-col md="4">
@@ -102,13 +102,13 @@
 
 <lay-card>
     <lay-row>
-        <lay-col md="1">
+        <lay-col md="2">
             <lay-avatar src="https://portrait.gitee.com/uploads/avatars/user/2596/7789823_finalsummer_1613993823.png"></lay-avatar>
         </lay-col>
-        <lay-col md="2">
+        <lay-col md="3">
             finalsummer
         </lay-col>
-        <lay-col md="10">
+        <lay-col md="8">
             焦点：layer-vue
         </lay-col>
         <lay-col md="4">
@@ -122,14 +122,14 @@
 
 <lay-card>
     <lay-row>
-        <lay-col md="1">
+        <lay-col md="2">
             <lay-avatar src="http://mms0.baidu.com/it/u=1690972933,1482111264&fm=253&app=138&f=JPEG&fmt=auto&q=75?w=500&h=500"></lay-avatar>
         </lay-col>
-        <lay-col md="2">
+        <lay-col md="3">
             莫名点
         </lay-col>
-        <lay-col md="10">
-            焦点：skeleton
+        <lay-col md="8">
+            焦点：skeleton setup
         </lay-col>
         <lay-col md="4">
             地点：中国 未知

From 7ba34dddb5b64045cb22310aef6e30d84f34847d Mon Sep 17 00:00:00 2001
From: halo <825251234@qq.com>
Date: Wed, 5 Jan 2022 12:32:42 +0800
Subject: [PATCH 4/7] slider

---
 example/docs/zh-CN/components/slider.md | 190 ++++++++++++------------
 src/module/slider/index.vue             |  67 +++++++--
 2 files changed, 146 insertions(+), 111 deletions(-)

diff --git a/example/docs/zh-CN/components/slider.md b/example/docs/zh-CN/components/slider.md
index 5ba49e67..dea5549b 100644
--- a/example/docs/zh-CN/components/slider.md
+++ b/example/docs/zh-CN/components/slider.md
@@ -1,95 +1,95 @@
-::: title 横向
-:::
-
-::: demo
-
-<template>
-  <lay-slider v-model="value1" :disabled="false"></lay-slider>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup() {
-    const value1 = ref(50)
-    return {
-      value1
-    }
-  }
-}
-</script>
-
-:::
-
-::: title 纵向
-:::
-::: demo
-
-<template>
-  <lay-slider v-model="value2" :vertical="true" :disabled="true"></lay-slider>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup() {
-
-    const value2 = ref(10)
-
-    return {
-        value2
-    }
-  }
-}
-</script>
-
-:::
-
-::: title 区间
-:::
-
-::: demo
-
-<template>
-  <lay-slider v-model="value3" :range="true"></lay-slider>
-</template>
-
-<script>
-import { ref } from 'vue'
-export default {
-  setup() {
-    const value3 = ref([20,50])
-    return {
-      value3
-    }
-  }
-}
-</script>
-:::
-
-::: title 纵向区间
-:::
-
-::: demo
-
-<template>
-  <lay-slider v-model="value3" :range="true" :vertical="true"></lay-slider>
-</template>
-
-<script>
-import { ref } from 'vue'
-export default {
-  setup() {
-    const value4 = ref([20,50])
-    return {
-      value4
-    }
-  }
-}
-</script>
-:::
-
-::: comment
-:::
+::: title 横向
+:::
+
+::: demo
+
+<template>
+  <lay-slider v-model="value1" :disabled="false"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    const value1 = ref(50)
+    return {
+      value1
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 纵向
+:::
+::: demo
+
+<template>
+  <lay-slider v-model="value2" :vertical="true" :disabled="true"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const value2 = ref(10)
+
+    return {
+        value2
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 区间
+:::
+
+::: demo
+
+<template>
+  <lay-slider v-model="value3" :range="true"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+export default {
+  setup() {
+    const value3 = ref([20,50])
+    return {
+      value3
+    }
+  }
+}
+</script>
+:::
+
+::: title 纵向区间
+:::
+
+::: demo
+
+<template>
+  <lay-slider v-model:verticalrange="value4" :range="true" :vertical="true"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+export default {
+  setup() {
+    const value4 = ref([23,56])
+    return {
+      value4
+    }
+  }
+}
+</script>
+:::
+
+::: comment
+:::
diff --git a/src/module/slider/index.vue b/src/module/slider/index.vue
index e9de0ceb..7063a1c4 100644
--- a/src/module/slider/index.vue
+++ b/src/module/slider/index.vue
@@ -1,10 +1,27 @@
 <template>
   <div class="layui-slider-vertical" v-if="vertical">
-    <div ref="rangetracker2" class="layui-slider-vrange" v-if="range">
-      <div class="layui-slider-vertical-btn"></div>
-      <div class="layui-slider-vertical-btn"></div>
+    <div
+      ref="rangetracker2"
+      @mousedown.stop="handle_mousedown"
+      class="layui-slider-vrange"
+      v-if="range"
+    >
+      <div
+        :style="{ bottom: verticalRangeValue[1] + '%' }"
+        class="layui-slider-vertical-btn"
+      ></div>
+      <div
+        :style="{ bottom: verticalRangeValue[0] + '%' }"
+        class="layui-slider-vertical-btn"
+      ></div>
       <div class="layui-slider-vertical-line"></div>
-      <div class="layui-slider-vertical-rate"></div>
+      <div
+        :style="{
+          height: verticalRangeValue[1] - verticalRangeValue[0] + '%',
+          bottom: verticalRangeValue[0] + '%',
+        }"
+        class="layui-slider-vertical-rate"
+      ></div>
     </div>
 
     <div
@@ -84,7 +101,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, reactive, Ref, ref } from "vue";
+import { defineProps, reactive, Ref, ref, toRef } from "vue";
 import { on, off } from "evtd";
 import "./index.less";
 
@@ -98,6 +115,7 @@ interface LaySliderProps {
   step?: number;
   disabled?: boolean;
   range?: boolean;
+  verticalrange?: number[];
 }
 
 const props = withDefaults(defineProps<LaySliderProps>(), {
@@ -112,11 +130,7 @@ if (Array.isArray(props.modelValue)) {
   rangeValue.value = props.modelValue;
 }
 
-let verticalRangeValue: Ref<number[]> = ref([0, 0]);
-if (Array.isArray(props.modelValue)) {
-  // eslint-disable-next-line vue/no-setup-props-destructure
-  verticalRangeValue.value = props.modelValue;
-}
+let verticalRangeValue: any = toRef(props, "verticalrange");
 
 const standardtracker = ref<HTMLElement | null>(null);
 const verticaltracker = ref<HTMLElement | null>(null);
@@ -227,7 +241,7 @@ const starndardRangeMove = (e: MouseEvent) => {
     rangeValue.value[0] = 0;
   } else {
     let rate = (distance / tracker_rect.width) * 100;
-    let idx = moveNeighbor(Math.floor(rate));
+    let idx = moveNeighbors(Math.floor(rate), rangeValue);
     rangeValue.value[idx] = Math.floor(rate);
     if (rangeValue.value[1] > 100) {
       rangeValue.value[1] = 100;
@@ -239,12 +253,33 @@ const starndardRangeMove = (e: MouseEvent) => {
   emit("update:modelValue", rangeValue.value);
 };
 
-const verticalRangeMove = (e: MouseEvent) => {};
-
-function moveNeighbor(rate: number) {
-  let d1 = Math.abs(rate - rangeValue.value[0]);
-  let d2 = Math.abs(rate - rangeValue.value[1]);
+const verticalRangeMove = (e: MouseEvent) => {
+  if (!rangetracker2.value) {
+    return;
+  }
+  let tracker_rect = rangetracker2.value.getBoundingClientRect();
+  let origin_bottom = tracker_rect.bottom;
+  let point_bottom = e.clientY;
+  let distance = (point_bottom - origin_bottom) * -1;
+  if (distance < 0) {
+    rangeValue.value[0] = 0;
+  } else {
+    let rate = (distance / tracker_rect.height) * 100;
+    let idx = moveNeighbors(Math.floor(rate), verticalRangeValue);
+    verticalRangeValue.value[idx] = Math.floor(rate);
+    if (verticalRangeValue.value[1] > 100) {
+      verticalRangeValue.value[1] = 100;
+    }
+    if (verticalRangeValue.value[0] < 0) {
+      verticalRangeValue.value[0] = 0;
+    }
+  }
+  emit("update:modelValue", verticalRangeValue.value);
+};
 
+function moveNeighbors(rate: number, rangeValues: any) {
+  let d1 = Math.abs(rate - rangeValues.value[0]);
+  let d2 = Math.abs(rate - rangeValues.value[1]);
   if (d1 > d2) {
     return 1;
   } else {

From 7734f0cb5b9ee0b54d15ff6db0464d394172f909 Mon Sep 17 00:00:00 2001
From: halo <825251234@qq.com>
Date: Wed, 5 Jan 2022 12:51:32 +0800
Subject: [PATCH 5/7] =?UTF-8?q?slider=20=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/slider.md | 17 ++++++++++++++++-
 src/module/slider/index.vue             | 12 +++++++-----
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/example/docs/zh-CN/components/slider.md b/example/docs/zh-CN/components/slider.md
index 1a20c0b0..39661b4e 100644
--- a/example/docs/zh-CN/components/slider.md
+++ b/example/docs/zh-CN/components/slider.md
@@ -53,7 +53,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-slider v-model="value3" :range="true"></lay-slider>
+  <lay-slider v-model:standardrange="value3" :range="true"></lay-slider>
 </template>
 
 <script>
@@ -91,5 +91,20 @@ export default {
 </script>
 :::
 
+::: title slider 属性
+:::
+
+::: table
+
+| 属性          |         描述          |             类型          |     可选值      |   默认值 |
+| ------------ | --------------------- | ------------------------- | -------------- | -------- |
+| v-model      | 选中值                | `number`  |        -       |    -    |
+| vertical  |  是否垂直     | `Boolean`                   |        -       |    -    |
+| range  |  是否区间     | `Boolean`                   |        -       |    -    |
+| verticalrange  |  垂直区间值     | `Array`                   |        -       |    -    |
+| standardrange  |  水平区间值     | `Array`                   |        -       |    -    |
+
+:::
+
 ::: comment
 :::
diff --git a/src/module/slider/index.vue b/src/module/slider/index.vue
index da4b98d2..805a264c 100644
--- a/src/module/slider/index.vue
+++ b/src/module/slider/index.vue
@@ -116,6 +116,7 @@ interface LaySliderProps {
   disabled?: boolean;
   range?: boolean;
   verticalrange?: number[];
+  standardrange?: number[];
 }
 
 const props = withDefaults(defineProps<LaySliderProps>(), {
@@ -124,11 +125,12 @@ const props = withDefaults(defineProps<LaySliderProps>(), {
   disabled: false,
 });
 
-let rangeValue: Ref<number[]> = ref([0, 0]);
-if (Array.isArray(props.modelValue)) {
-  // eslint-disable-next-line vue/no-setup-props-destructure
-  rangeValue.value = props.modelValue;
-}
+// let rangeValue: Ref<number[]> = ref([0, 0]);
+let rangeValue: Ref<number[]> | any = toRef(props, "standardrange");
+// if (Array.isArray(props.modelValue)) {
+//   // eslint-disable-next-line vue/no-setup-props-destructure
+//   rangeValue.value = props.modelValue;
+// }
 
 let verticalRangeValue: Ref<number[]> | any = toRef(props, "verticalrange");
 

From c1ac6921f8336c1b8f62f9634597162891285e10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Wed, 5 Jan 2022 14:56:16 +0800
Subject: [PATCH 6/7] =?UTF-8?q?=E6=8B=86=E5=88=86=20menu-item=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6,=20=E4=B8=BA=20sub-menu=20=E4=B8=8E=20menu-item?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/menu.md |  70 ++++++++++++++++++++++----
 example/docs/zh-CN/guide/changelog.md |   4 +-
 example/docs/zh-CN/guide/introduce.md |   2 +-
 example/src/assets/logo-new.png       | Bin 0 -> 19099 bytes
 example/src/view/component.vue        |  12 ++---
 src/css/layui.css                     |  12 ++---
 src/index.ts                          |  18 ++++---
 src/module/menuItem/index.vue         |  64 ++++++++---------------
 src/module/subMenu/index.ts           |   9 ++++
 src/module/subMenu/index.vue          |  57 +++++++++++++++++++++
 10 files changed, 172 insertions(+), 76 deletions(-)
 create mode 100644 example/src/assets/logo-new.png
 create mode 100644 src/module/subMenu/index.ts
 create mode 100644 src/module/subMenu/index.vue

diff --git a/example/docs/zh-CN/components/menu.md b/example/docs/zh-CN/components/menu.md
index 91525a7d..7ffac7fa 100644
--- a/example/docs/zh-CN/components/menu.md
+++ b/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>
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index ae4577dc..79027ca2 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/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>
diff --git a/example/docs/zh-CN/guide/introduce.md b/example/docs/zh-CN/guide/introduce.md
index ba93d954..4366c63a 100644
--- a/example/docs/zh-CN/guide/introduce.md
+++ b/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>
 
diff --git a/example/src/assets/logo-new.png b/example/src/assets/logo-new.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5da8dbcf8cbb949bb99d24b69a915b7ef9ba263
GIT binary patch
literal 19099
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

literal 0
HcmV?d00001

diff --git a/example/src/view/component.vue b/example/src/view/component.vue
index 7fdcb70d..29793844 100644
--- a/example/src/view/component.vue
+++ b/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",
+          },
         ],
       },
       {
diff --git a/src/css/layui.css b/src/css/layui.css
index 8600b0dd..0259ac49 100644
--- a/src/css/layui.css
+++ b/src/css/layui.css
@@ -2885,12 +2885,10 @@ body .layui-table-tips .layui-layer-content {
   line-height: 60px;
 }
 
-.layui-nav .layui-nav-item a {
+.layui-nav .layui-nav-item >  a {
   display: block;
   padding: 0 30px;
-  color: #fff;
   color: rgba(255, 255, 255, 0.7);
-  -webkit-transition: all 0.3s;
 }
 
 .layui-nav .layui-this:after,
@@ -3010,18 +3008,18 @@ body .layui-table-tips .layui-layer-content {
   line-height: 42px;
 }
 
-.layui-nav-tree .layui-nav-item a {
+.layui-nav-tree .layui-nav-item > a {
   position: relative;
   height: 42px;
   line-height: 42px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
+  padding: 5px 30px 5px 30px;
 }
 
-.layui-nav-tree .layui-nav-item > a {
-  padding-top: 5px;
-  padding-bottom: 5px;
+.layui-nav-tree .layui-nav-item * {
+  color: rgba(255, 255, 255, 0.7);
 }
 
 .layui-nav-tree .layui-nav-more {
diff --git a/src/index.ts b/src/index.ts
index 9244f1a9..145c9f2d 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -70,6 +70,7 @@ import LaySkeleton from "./module/skeleton/index";
 import LaySkeletonItem from "./module/skeletonItem/index";
 import LayStep from "./module/step/index";
 import LayStepItem from "./module/stepItem/index";
+import LaySubMenu from "./module/subMenu/index"
 
 const components: Record<string, IDefineComponent> = {
   LayRadio,
@@ -136,6 +137,7 @@ const components: Record<string, IDefineComponent> = {
   LayCountUp,
   LayStep,
   LayStepItem,
+  LaySubMenu
 };
 
 const install = (app: App, options?: InstallOptions): void => {
@@ -148,13 +150,9 @@ const install = (app: App, options?: InstallOptions): void => {
 };
 
 export {
-  LayStep,
-  LayStepItem,
-  LaySkeleton,
-  LaySkeletonItem,
   LayRadio,
-  LayIcon,
   LayButton,
+  LayIcon,
   LayBacktop,
   LayLayout,
   LaySide,
@@ -208,7 +206,15 @@ export {
   LayCarousel,
   LayCarouselItem,
   LayColorPicker,
-  LayLayer
+  LayLayer,
+  LayTooltip,
+  LayInputNumber,
+  LaySkeleton,
+  LaySkeletonItem,
+  LayCountUp,
+  LayStep,
+  LayStepItem,
+  LaySubMenu
 };
 
 export { layer };
diff --git a/src/module/menuItem/index.vue b/src/module/menuItem/index.vue
index 3965432e..f3e6fbbf 100644
--- a/src/module/menuItem/index.vue
+++ b/src/module/menuItem/index.vue
@@ -1,39 +1,12 @@
-<template>
-  <li
-    v-if="slots.default"
-    class="layui-nav-item"
-    :class="[openKeys.includes(id) && isTree ? 'layui-nav-itemed' : '']"
-  >
-    <a href="javascript:void(0)" @click="openHandle">
-      {{ title }}
-      <i :class="[openKeys.includes(id) && !isTree ? 'layui-nav-mored' : '']" class="layui-icon layui-icon-down layui-nav-more"></i>
-    </a>
-    <dl
-      class="layui-nav-child"
-      :class="[
-        openKeys.includes(id) && !isTree ? 'layui-show' : '',
-        !isTree ? 'layui-anim layui-anim-upbit' : '',
-      ]"
-    >
-      <slot></slot>
-    </dl>
-  </li>
+<script lang="ts">
+export default {
+  name: "LayMenuItem"
+}
+</script>
 
-  <li
-    v-else
-    class="layui-nav-item"
-    :class="[selectedKey === id ? 'layui-this' : '']"
-    @click="selectHandle()"
-  >
-    <slot v-if="slots.title" name="title"></slot>
-    <a v-else href="javascript:void(0)">
-      {{ title }}
-    </a>
-  </li>
-</template>
+<script setup lang="ts">
+import { defineProps, inject, Ref, useSlots } from "vue";
 
-<script setup name="LayMenuItem" lang="ts">
-import { defineProps, inject, Ref, ref, useSlots } from "vue";
 const slots = useSlots();
 
 const props = defineProps<{
@@ -41,19 +14,22 @@ const props = defineProps<{
   title: string;
 }>();
 
-const isTree = inject("isTree");
 const selectedKey: Ref<string> = inject("selectedKey") as Ref<string>;
-const openKeys: Ref<string[]> = inject("openKeys") as Ref<string[]>;
-
-const openHandle = function () {
-  if (openKeys.value.includes(props.id)) {
-    openKeys.value.splice(openKeys.value.indexOf(props.id), 1);
-  } else {
-    openKeys.value.push(props.id);
-  }
-};
 
 const selectHandle = function () {
   selectedKey.value = props.id;
 };
 </script>
+
+<template>
+  <li
+    class="layui-nav-item"
+    :class="[selectedKey === id ? 'layui-this' : '']"
+    @click="selectHandle()"
+  >
+    <a href="javascript:void(0)">
+      <slot v-if="slots.default"></slot>
+      <span v-else>{{ title }}</span>
+    </a>
+  </li>
+</template>
\ No newline at end of file
diff --git a/src/module/subMenu/index.ts b/src/module/subMenu/index.ts
new file mode 100644
index 00000000..7686ad4c
--- /dev/null
+++ b/src/module/subMenu/index.ts
@@ -0,0 +1,9 @@
+import type { App } from "vue";
+import Component from "./index.vue";
+import type { IDefineComponent } from "../type/index";
+
+Component.install = (app: App) => {
+  app.component(Component.name || "laySubMenu", Component);
+};
+
+export default Component as IDefineComponent;
diff --git a/src/module/subMenu/index.vue b/src/module/subMenu/index.vue
new file mode 100644
index 00000000..663895c4
--- /dev/null
+++ b/src/module/subMenu/index.vue
@@ -0,0 +1,57 @@
+<script lang="ts">
+export default {
+  name: "LaySubMenu",
+};
+</script>
+
+<script setup lang="ts">
+import { computed, defineProps, inject, Ref, useSlots } from "vue";
+
+const slots = useSlots();
+
+const props = defineProps<{
+  id: string;
+  title: string;
+}>();
+
+const isTree = inject("isTree");
+const selectedKey: Ref<string> = inject("selectedKey") as Ref<string>;
+const openKeys: Ref<string[]> = inject("openKeys") as Ref<string[]>;
+
+const openHandle = function () {
+  if (openKeys.value.includes(props.id)) {
+    openKeys.value.splice(openKeys.value.indexOf(props.id), 1);
+  } else {
+    openKeys.value.push(props.id);
+  }
+};
+
+const isOpen = computed(() => {
+  return openKeys.value.includes(props.id);
+});
+</script>
+
+<template>
+  <li
+    class="layui-nav-item"
+    :class="[isOpen && isTree ? 'layui-nav-itemed' : '']"
+  >
+    <a href="javascript:void(0)" @click="openHandle()">
+      <slot v-if="slots.title" name="title"></slot>
+      <span v-else>{{ title }}</span>
+      <i
+        :class="[isOpen && !isTree ? 'layui-nav-mored' : '']"
+        class="layui-icon layui-icon-down layui-nav-more"
+      ></i>
+    </a>
+    <dl
+      class="layui-nav-child"
+      :class="[
+        isOpen && !isTree ? 'layui-show' : '',
+        !isTree ? 'layui-anim layui-anim-upbit' : '',
+      ]"
+    >
+      <slot></slot>
+    </dl>
+  </li>
+</template>

From e13420dfb59411930e7914bccd41e4c4f853c950 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Wed, 5 Jan 2022 14:57:03 +0800
Subject: [PATCH 7/7] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 79027ca2..b5c7e9a4 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -19,7 +19,7 @@
           <li>[新增] setup 步骤条组件。</li>
           <li>[新增] slider 滑块组件 vertical 属性, 支持垂直布局。</li>
           <li>[新增] timeline-item 时间线组件 dot 插槽, 支持自定义节点内容。</li>
-          <li>[修复] sub-menu 目录组件, 与 menu-item 组合使用。</li>
+          <li>[新增] sub-menu 目录组件, 与 menu-item 组合使用。</li>
           <li>[修复] menu 组件 layui-nav-more 切换动画。</li>
         </ul> 
       </li>