From 0b09de219e883d1b529aedfc3f2de2e64c3577e3 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: Thu, 30 Dec 2021 14:00:25 +0800
Subject: [PATCH 01/18] =?UTF-8?q?=E6=95=B4=E7=90=86=20docs=20=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/skeleton.md |  3 +++
 example/src/components/LayTableBox.vue    |  6 +++---
 example/src/plugin/common-plugins.ts      |  2 +-
 example/src/plugin/create-anchor.ts       |  9 +++------
 example/src/plugin/create-block.ts        |  7 ++-----
 example/src/plugin/create-comment.ts      |  9 +++------
 example/src/plugin/create-describe.ts     |  9 +++------
 example/src/plugin/create-table.ts        |  9 +++------
 example/src/plugin/create-title.ts        | 11 ++++-------
 example/src/plugin/snippet.ts             | 11 +++--------
 example/src/router/zh-CN.ts               |  2 +-
 11 files changed, 29 insertions(+), 49 deletions(-)

diff --git a/example/docs/zh-CN/components/skeleton.md b/example/docs/zh-CN/components/skeleton.md
index 0ba342ae..fff07bf1 100644
--- a/example/docs/zh-CN/components/skeleton.md
+++ b/example/docs/zh-CN/components/skeleton.md
@@ -1,3 +1,6 @@
+::: anchor
+:::
+
 ::: title 基础使用
 :::
 
diff --git a/example/src/components/LayTableBox.vue b/example/src/components/LayTableBox.vue
index 00f0806e..bae6cef6 100644
--- a/example/src/components/LayTableBox.vue
+++ b/example/src/components/LayTableBox.vue
@@ -5,9 +5,9 @@
 </template>
 <style>
 .lay-table-box table {
-  width: 100%; /*表格宽度*/
-  border-collapse: collapse; /*使用单一线条的边框*/
-  empty-cells: show; /*单元格无内容依旧绘制边框*/
+  width: 100%; 
+  border-collapse: collapse; 
+  empty-cells: show;
   border-right: 1px solid whitesmoke;
   border-left: 1px solid whitesmoke;
   border-radius: 4px;
diff --git a/example/src/plugin/common-plugins.ts b/example/src/plugin/common-plugins.ts
index 53be4718..7b4e0839 100644
--- a/example/src/plugin/common-plugins.ts
+++ b/example/src/plugin/common-plugins.ts
@@ -37,4 +37,4 @@ const plugins = [
   }),
 ] as any
 
-export default plugins
+export default plugins
\ No newline at end of file
diff --git a/example/src/plugin/create-anchor.ts b/example/src/plugin/create-anchor.ts
index 1856b733..d0d9fe3d 100644
--- a/example/src/plugin/create-anchor.ts
+++ b/example/src/plugin/create-anchor.ts
@@ -2,12 +2,9 @@ import container from "markdown-it-container";
 import type Token from "markdown-it/lib/token";
 
 type ContainerArgs = [
-  typeof container,
-  string,
-  {
-    render(tokens: Token[], idx: number): string;
-  }
-];
+  typeof container, string,
+  { render(tokens: Token[], idx: number): string }
+]
 
 export default function createContainer(
   klass: string,
diff --git a/example/src/plugin/create-block.ts b/example/src/plugin/create-block.ts
index 92871d35..78c2db80 100644
--- a/example/src/plugin/create-block.ts
+++ b/example/src/plugin/create-block.ts
@@ -2,11 +2,8 @@ import container from 'markdown-it-container'
 import type Token from 'markdown-it/lib/token'
 
 type ContainerArgs = [
-  typeof container,
-  string,
-  {
-    render(tokens: Token[], idx: number): string
-  }
+  typeof container, string,
+  { render(tokens: Token[], idx: number): string }
 ]
 
 export default function createContainer(
diff --git a/example/src/plugin/create-comment.ts b/example/src/plugin/create-comment.ts
index d882be0a..995e2eaa 100644
--- a/example/src/plugin/create-comment.ts
+++ b/example/src/plugin/create-comment.ts
@@ -2,11 +2,8 @@ import container from 'markdown-it-container'
 import type Token from 'markdown-it/lib/token'
 
 type ContainerArgs = [
-  typeof container,
-  string,
-  {
-    render(tokens: Token[], idx: number): string
-  }
+  typeof container, string,
+  { render(tokens: Token[], idx: number): string }
 ]
 
 export default function createContainer(
@@ -27,4 +24,4 @@ export default function createContainer(
       },
     },
   ]
-}
+}
\ No newline at end of file
diff --git a/example/src/plugin/create-describe.ts b/example/src/plugin/create-describe.ts
index f3933538..15ad156c 100644
--- a/example/src/plugin/create-describe.ts
+++ b/example/src/plugin/create-describe.ts
@@ -2,11 +2,8 @@ import container from 'markdown-it-container'
 import type Token from 'markdown-it/lib/token'
 
 type ContainerArgs = [
-  typeof container,
-  string,
-  {
-    render(tokens: Token[], idx: number): string
-  }
+  typeof container, string,
+  { render(tokens: Token[], idx: number): string }
 ]
 
 export default function createContainer(
@@ -28,4 +25,4 @@ export default function createContainer(
       },
     },
   ]
-}
+}
\ No newline at end of file
diff --git a/example/src/plugin/create-table.ts b/example/src/plugin/create-table.ts
index 0e22dc25..ba80f38c 100644
--- a/example/src/plugin/create-table.ts
+++ b/example/src/plugin/create-table.ts
@@ -2,11 +2,8 @@ import container from 'markdown-it-container'
 import type Token from 'markdown-it/lib/token'
 
 type ContainerArgs = [
-  typeof container,
-  string,
-  {
-    render(tokens: Token[], idx: number): string
-  }
+  typeof container, string,
+  { render(tokens: Token[], idx: number): string }
 ]
 
 export default function createContainer(
@@ -28,4 +25,4 @@ export default function createContainer(
       },
     },
   ]
-}
+}
\ No newline at end of file
diff --git a/example/src/plugin/create-title.ts b/example/src/plugin/create-title.ts
index ba5f5410..35dfa2b9 100644
--- a/example/src/plugin/create-title.ts
+++ b/example/src/plugin/create-title.ts
@@ -2,11 +2,8 @@ import container from 'markdown-it-container'
 import type Token from 'markdown-it/lib/token'
 
 type ContainerArgs = [
-  typeof container,
-  string,
-  {
-    render(tokens: Token[], idx: number): string
-  }
+  typeof container, string,
+  { render(tokens: Token[], idx: number): string }
 ]
 
 export default function createContainer(
@@ -23,11 +20,11 @@ export default function createContainer(
         if (token.nesting === 1) {
           return `<lay-field id="${info || defaultTitle}" title="${
             info || defaultTitle
-          }" style="margin-top:20px;margin-bottom: 20px;">`
+          }" style="margin-top:21px;margin-bottom: 20px;">`
         } else {
           return '</lay-field>\n'
         }
       },
     },
   ]
-}
+}
\ No newline at end of file
diff --git a/example/src/plugin/snippet.ts b/example/src/plugin/snippet.ts
index 5b77117b..72b5c9d0 100644
--- a/example/src/plugin/snippet.ts
+++ b/example/src/plugin/snippet.ts
@@ -19,13 +19,8 @@ export default (md: MarkdownIt): void => {
     }
     const start = pos + 3
     const end = state.skipSpacesBack(max, pos)
-    const rawPath = state.src
-      .slice(start, end)
-      .trim()
-      .replace(/^@/, process.cwd())
-    const content = fs.existsSync(rawPath)
-      ? fs.readFileSync(rawPath).toString()
-      : 'Not found: ' + rawPath
+    const rawPath = state.src.slice(start, end).trim().replace(/^@/, process.cwd())
+    const content = fs.existsSync(rawPath) ? fs.readFileSync(rawPath).toString() : 'Not found: ' + rawPath
     const meta = rawPath.replace(rawPath, '')
     state.line = startLine + 1
     const token = state.push('fence', 'code', 0)
@@ -36,4 +31,4 @@ export default (md: MarkdownIt): void => {
     return true
   }
   md.block.ruler.before('fence', 'snippet', parser)
-}
+}
\ No newline at end of file
diff --git a/example/src/router/zh-CN.ts b/example/src/router/zh-CN.ts
index dc8580db..746ed43d 100644
--- a/example/src/router/zh-CN.ts
+++ b/example/src/router/zh-CN.ts
@@ -359,4 +359,4 @@ const zhCN = [
   },
 ]
 
-export default zhCN
+export default zhCN
\ No newline at end of file

From 52beb5e9b747f437ef033c803c4c9276eb5a4ca5 Mon Sep 17 00:00:00 2001
From: sight <1453017105@qq.com>
Date: Thu, 30 Dec 2021 23:20:47 +0800
Subject: [PATCH 02/18] =?UTF-8?q?feat(mdAnchor):=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=97=B6=E5=AF=B9=E5=BA=94=E9=94=9A=E7=82=B9?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E8=B7=9F=E9=9A=8F=E9=AB=98=E4=BA=AE=EF=BC=9B?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E9=94=9A=E7=82=B9=E6=A0=87=E7=AD=BE=E5=B9=B3?=
 =?UTF-8?q?=E6=BB=91=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/components/LayAnchor.vue | 105 +++++++++++++++++++++------
 1 file changed, 84 insertions(+), 21 deletions(-)

diff --git a/example/src/components/LayAnchor.vue b/example/src/components/LayAnchor.vue
index 61e304c3..2fd424a8 100644
--- a/example/src/components/LayAnchor.vue
+++ b/example/src/components/LayAnchor.vue
@@ -2,29 +2,30 @@
   <aside :class="classAside">
     <div class="lay-aside-top">
       <lay-button
-        @click="handlerBtnClick()"
         type="primary"
         size="xs"
         :class="classAsideBtn"
+        @click="handlerBtnClick()"
       >
         <lay-icon :type="iconType" size="40"> </lay-icon>
       </lay-button>
     </div>
     <lay-scroll
-      class="layui-side-scroll-bar layui-side-scroll::-webkit-scrollbar" >
+      class="layui-side-scroll-bar layui-side-scroll::-webkit-scrollbar"
+    >
       <ul>
         <li
-          v-for="(item, index) in anchorsComput"
+          v-for="(anchor, index) in anchorList"
           :key="index"
           class="lay-aside-list"
-          :class="{ active: index === curridx }"
-          @click="curridx = index"
+          :class="{ active: index === activeIndex }"
+          @click.prevent="handlerListItemClick(index, anchor)"
         >
           <a
-            :href="`#${item}`"
+            :href="`#${anchor}`"
             class="lay-aside-link"
-            :class="{ active: index === curridx }"
-            >{{ item }}</a
+            :class="{ active: index === activeIndex }"
+            >{{ anchor }}</a
           >
         </li>
       </ul>
@@ -32,21 +33,25 @@
   </aside>
 </template>
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed, onMounted, ref, shallowRef } from "vue";
 
 const props = defineProps<{
   anchors?: Array<string> | string;
   currIndex: number;
-  show: boolean | string;
+  show: boolean;
 }>();
 
-let curridx = ref(props.currIndex);
-const show = ref(props.show);
-const iconType = ref("layui-icon-right");
-const anchor = props.anchors;
+let activeIndex = ref<number>(0);
+const show = ref<boolean>(props.show);
+const iconType = ref<string>("layui-icon-right");
+const anchors: string | string[] | undefined = props.anchors;
+/**滚动条高度 */
+const scrollTop = ref<number>(0);
+/**要监听的滚动元素 */
+const scrollRefEl = shallowRef<HTMLElement | undefined>(undefined);
 
-const anchorsComput = computed(() => {
-  return typeof anchor === "string" ? anchor?.split(",") : anchor;
+const anchorList = computed(() => {
+  return typeof anchors === "string" ? anchors?.split(",") : anchors;
 });
 
 const classAside = computed(() => [
@@ -63,10 +68,68 @@ const handlerBtnClick = () => {
   show.value = !show.value;
   iconType.value = show.value ? "layui-icon-right" : "layui-icon-left";
 };
+
+const handlerListItemClick = (index: number, id: string) => {
+  activeIndex.value = index;
+  scrollToTitle(id);
+};
+
+const handlerScroll = () => {
+  // 距离顶部 90 改变 activeIndex
+  scrollTop.value = getScrollTop(scrollRefEl.value) + 90;
+  anchorList.value?.forEach((item, index) => {
+    const elOffsetTop = document.getElementById(item)?.offsetTop;
+    if (elOffsetTop) {
+      if (index === 0 && scrollTop.value < elOffsetTop) {
+        activeIndex.value = 0;
+      } else if (scrollTop.value >= elOffsetTop) {
+        activeIndex.value = index;
+      }
+    }
+  });
+}
+
+onMounted(() => {
+  // TODO 封装 hooks
+  scrollRefEl.value = document.querySelector(".layui-body");
+  if (!scrollRefEl.value) throw new Error("");
+  scrollRefEl.value.scrollTop = 0;
+  scrollRefEl.value?.addEventListener("scroll", throttle(handlerScroll, 500));
+});
+
+/**获取滚动高度 */
+const getScrollTop = (el: HTMLElement | undefined): number => {
+  return el
+    ? el.scrollTop
+    : window.pageYOffset ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop ||
+        0;
+}
+/**平滑滚动 */
+const scrollToTitle = (id: string): void =>{
+  document.getElementById(id)?.scrollIntoView({
+    behavior: "smooth",
+    block: "start",
+    inline: "nearest",
+  });
+}
+
+const throttle = (func: Function, wait: number) => {
+  var timer: any = null;
+  return (...args: any) => {
+    if (!timer) {
+      timer = setTimeout(() => {
+        timer = null;
+        func.apply(this, args);
+      }, wait);
+    }
+  };
+};
 </script>
 <style lang="less" scoped>
-.layui-side-scroll-bar{
-  overflow-y: scroll; 
+.layui-side-scroll-bar {
+  overflow-y: scroll;
   max-width: 156px;
 }
 .layui-side-scroll::-webkit-scrollbar {
@@ -155,7 +218,7 @@ const handlerBtnClick = () => {
   }
 }
 .lay-aside-collapse-btn-collapse {
-  right:0px;
+  right: 0px;
 }
 
 @media screen and (max-width: 768px) {
@@ -171,8 +234,8 @@ const handlerBtnClick = () => {
   .lay-aside-list {
     max-width: 68px;
   }
-  .layui-side-scroll-bar{
+  .layui-side-scroll-bar {
     max-width: 68px;
-  }   
+  }
 }
 </style>

From fa94d75f0b70239244b5dacbace59c3329e41a19 Mon Sep 17 00:00:00 2001
From: sight <1453017105@qq.com>
Date: Fri, 31 Dec 2021 00:47:28 +0800
Subject: [PATCH 03/18] =?UTF-8?q?fix(mdAnchor):=E6=8A=98=E5=8F=A0Anchor?=
 =?UTF-8?q?=E6=97=B6body=E5=AE=BD=E5=BA=A6=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/components/LayAnchor.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/example/src/components/LayAnchor.vue b/example/src/components/LayAnchor.vue
index 2fd424a8..7ea92c3f 100644
--- a/example/src/components/LayAnchor.vue
+++ b/example/src/components/LayAnchor.vue
@@ -67,6 +67,7 @@ const classAsideBtn = computed(() => [
 const handlerBtnClick = () => {
   show.value = !show.value;
   iconType.value = show.value ? "layui-icon-right" : "layui-icon-left";
+  scrollRefEl.value!.firstElementChild!.style.marginRight = show.value ? "180px" : "0px";
 };
 
 const handlerListItemClick = (index: number, id: string) => {

From f8513ceca12be42d8bf38381807ed4a22ced90de Mon Sep 17 00:00:00 2001
From: sight <1453017105@qq.com>
Date: Fri, 31 Dec 2021 09:00:45 +0800
Subject: [PATCH 04/18] =?UTF-8?q?fix(mdAnchor):body=E5=8F=98=E5=8C=96?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/view/component.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/example/src/view/component.vue b/example/src/view/component.vue
index 5443eac9..1d3f5206 100644
--- a/example/src/view/component.vue
+++ b/example/src/view/component.vue
@@ -37,7 +37,13 @@
       </lay-scroll>
     </lay-side>
     <lay-body>
-      <div style="padding: 20px; margin-right: 180px">
+      <div
+        style="
+          padding: 20px;
+          margin-right: 180px;
+          transition: margin 240ms 60ms;
+        "
+      >
         <router-view />
       </div>
     </lay-body>

From e22c5219806a2f741ecd7494238fb992c7e52981 Mon Sep 17 00:00:00 2001
From: sight <1453017105@qq.com>
Date: Fri, 31 Dec 2021 19:03:11 +0800
Subject: [PATCH 05/18] =?UTF-8?q?fix(mdAnchor):=20=E6=8A=98=E5=8F=A0md?=
 =?UTF-8?q?=E7=9B=AE=E5=BD=95=E5=90=8E=E5=88=87=E6=8D=A2=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE=E5=BC=82=E5=B8=B8=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/components/LayAnchor.vue | 76 +++++++++++++++++++++-------
 1 file changed, 58 insertions(+), 18 deletions(-)

diff --git a/example/src/components/LayAnchor.vue b/example/src/components/LayAnchor.vue
index 7ea92c3f..e77b7dc5 100644
--- a/example/src/components/LayAnchor.vue
+++ b/example/src/components/LayAnchor.vue
@@ -33,7 +33,7 @@
   </aside>
 </template>
 <script setup lang="ts">
-import { computed, onMounted, ref, shallowRef } from "vue";
+import { computed, onMounted, ref, shallowRef, watch } from "vue";
 
 const props = defineProps<{
   anchors?: Array<string> | string;
@@ -49,6 +49,8 @@ const anchors: string | string[] | undefined = props.anchors;
 const scrollTop = ref<number>(0);
 /**要监听的滚动元素 */
 const scrollRefEl = shallowRef<HTMLElement | undefined>(undefined);
+/**折叠动画 */
+let enableAnimation = false;
 
 const anchorList = computed(() => {
   return typeof anchors === "string" ? anchors?.split(",") : anchors;
@@ -56,25 +58,39 @@ const anchorList = computed(() => {
 
 const classAside = computed(() => [
   "lay-aside",
+  { "lay-aside-animation": enableAnimation },
   { "lay-aside-collapse": !show.value },
 ]);
 
-const classAsideBtn = computed(() => [
-  "lay-aside-collapse-btn",
-  { "lay-aside-collapse-btn-collapse": !show.value },
-]);
+const classAsideBtn = computed(() => {
+  let classBtn = [];
+  if (enableAnimation) {
+    classBtn = [
+      "lay-aside-collapse-btn",
+      "lay-aside-animation",
+      { "lay-aside-collapse-btn-collapse": !show.value }
+    ];
+  } else { 
+    classBtn = [
+      "lay-aside-collapse-btn",
+      { "lay-aside-collapse-btn-collapse": !show.value }
+    ];
+
+    enableAnimation = true;
+  }
+  return classBtn;
+});
 
 const handlerBtnClick = () => {
   show.value = !show.value;
-  iconType.value = show.value ? "layui-icon-right" : "layui-icon-left";
-  scrollRefEl.value!.firstElementChild!.style.marginRight = show.value ? "180px" : "0px";
-};
+}
 
 const handlerListItemClick = (index: number, id: string) => {
   activeIndex.value = index;
   scrollToTitle(id);
-};
+}
 
+/**锚点标签跟随滚动高亮 */
 const handlerScroll = () => {
   // 距离顶部 90 改变 activeIndex
   scrollTop.value = getScrollTop(scrollRefEl.value) + 90;
@@ -90,12 +106,29 @@ const handlerScroll = () => {
   });
 }
 
+const handlerCollapse = () => {
+  iconType.value = show.value ? "layui-icon-right" : "layui-icon-left";
+  scrollRefEl.value!.firstElementChild!.style.marginRight = show.value
+    ? "180px"
+    : "0px";
+}
+
+watch(show, () => {
+  handlerCollapse();
+});
+
 onMounted(() => {
   // TODO 封装 hooks
   scrollRefEl.value = document.querySelector(".layui-body");
-  if (!scrollRefEl.value) throw new Error("");
+  if (!scrollRefEl.value) {
+    throw new Error(`scroll element is not existed: ".layui-body"`);
+  }
   scrollRefEl.value.scrollTop = 0;
   scrollRefEl.value?.addEventListener("scroll", throttle(handlerScroll, 500));
+  // 如果已折叠,关闭组件初始渲染时的动画,然后自动开启
+  show.value =
+    scrollRefEl.value!.firstElementChild!.style.marginRight !== "0px";
+  enableAnimation = show.value;
 });
 
 /**获取滚动高度 */
@@ -108,7 +141,7 @@ const getScrollTop = (el: HTMLElement | undefined): number => {
         0;
 }
 /**平滑滚动 */
-const scrollToTitle = (id: string): void =>{
+const scrollToTitle = (id: string): void => {
   document.getElementById(id)?.scrollIntoView({
     behavior: "smooth",
     block: "start",
@@ -145,10 +178,16 @@ const throttle = (func: Function, wait: number) => {
   padding: 0 25px;
   background-color: #ffffff;
   border-left: 1px solid rgb(229 230 235);
-  transition: right 200ms;
+  transition: none;
+  -webkit-transition: none;
   height: calc(100% - 60px);
 }
 
+.lay-aside-collapse {
+  right: -180px;
+  opacity: 0.7;
+}
+
 .lay-aside-top {
   height: 29px;
 }
@@ -192,11 +231,6 @@ const throttle = (func: Function, wait: number) => {
   color: #5fb878 !important;
 }
 
-.lay-aside-collapse {
-  right: -180px;
-  opacity: 0.7;
-}
-
 .lay-aside-collapse-btn {
   position: fixed;
   right: 197px;
@@ -212,8 +246,9 @@ const throttle = (func: Function, wait: number) => {
   border-bottom-left-radius: 4px;
   border: rgb(229 230 235) 1px solid;
   border-right: none;
-  transition: right 200ms;
   box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
+  transition: none;
+  -webkit-transition: none;
   &:hover {
     background-color: #e2e2e2;
   }
@@ -222,6 +257,11 @@ const throttle = (func: Function, wait: number) => {
   right: 0px;
 }
 
+.lay-aside-animation {
+  transition: right 200ms;
+  -webkit-transition: right 200ms;
+}
+
 @media screen and (max-width: 768px) {
   .lay-aside {
     width: 100px !important;

From 9f0bec133955dfc4ab02b525242b66953c2b99f2 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: Sun, 2 Jan 2022 20:50:24 +0800
Subject: [PATCH 06/18] =?UTF-8?q?=E5=8D=87=E7=BA=A7=20layer-vue=201.2.3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/components/LayAnchor.vue | 7 ++++---
 package.json                         | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/example/src/components/LayAnchor.vue b/example/src/components/LayAnchor.vue
index e77b7dc5..3a0c06a2 100644
--- a/example/src/components/LayAnchor.vue
+++ b/example/src/components/LayAnchor.vue
@@ -108,6 +108,7 @@ const handlerScroll = () => {
 
 const handlerCollapse = () => {
   iconType.value = show.value ? "layui-icon-right" : "layui-icon-left";
+  // @ts-ignore
   scrollRefEl.value!.firstElementChild!.style.marginRight = show.value
     ? "180px"
     : "0px";
@@ -118,7 +119,7 @@ watch(show, () => {
 });
 
 onMounted(() => {
-  // TODO 封装 hooks
+  // @ts-ignore TODO 封装 hooks
   scrollRefEl.value = document.querySelector(".layui-body");
   if (!scrollRefEl.value) {
     throw new Error(`scroll element is not existed: ".layui-body"`);
@@ -126,8 +127,8 @@ onMounted(() => {
   scrollRefEl.value.scrollTop = 0;
   scrollRefEl.value?.addEventListener("scroll", throttle(handlerScroll, 500));
   // 如果已折叠,关闭组件初始渲染时的动画,然后自动开启
-  show.value =
-    scrollRefEl.value!.firstElementChild!.style.marginRight !== "0px";
+  // @ts-ignore
+  show.value = scrollRefEl.value!.firstElementChild!.style.marginRight !== "0px";
   enableAnimation = show.value;
 });
 
diff --git a/package.json b/package.json
index 50e65466..4721f56a 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
   "dependencies": {
     "@layui/hooks-vue": "^0.1.6",
     "@layui/icons-vue": "^1.0.2",
-    "@layui/layer-vue": "^1.2.2",
+    "@layui/layer-vue": "^1.2.3",
     "async-validator": "^4.0.7",
     "countup.js": "^2.0.8",
     "evtd": "^0.2.3",

From aec3db3503e17f1a725d86583202ef515c9721b3 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: Sun, 2 Jan 2022 21:12:47 +0800
Subject: [PATCH 07/18] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20layer=20=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3,=20=E6=95=B4=E7=90=86=E6=9B=B4=E6=96=B0=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/modal.md | 33 ++++++++++++++------------
 example/docs/zh-CN/guide/changelog.md  | 15 +++++++++++-
 src/index.ts                           |  6 ++---
 src/module/layer/README.md             |  0
 src/module/layer/index.ts              |  9 +++++++
 src/module/layer/modal/index.ts        |  9 -------
 6 files changed, 44 insertions(+), 28 deletions(-)
 delete mode 100644 src/module/layer/README.md
 create mode 100644 src/module/layer/index.ts
 delete mode 100644 src/module/layer/modal/index.ts

diff --git a/example/docs/zh-CN/components/modal.md b/example/docs/zh-CN/components/modal.md
index 9f6d7a35..bc93ea2b 100644
--- a/example/docs/zh-CN/components/modal.md
+++ b/example/docs/zh-CN/components/modal.md
@@ -8,9 +8,9 @@
 
 <template>
   <lay-button @click="changeVisible1" type="primary">基础使用</lay-button>
-  <lay-modal title="基础使用" v-model="visible1">
+  <lay-layer title="基础使用" v-model="visible1">
       内容  
-  </lay-modal>
+  </lay-layer>
 </template>
 
 <script>
@@ -41,9 +41,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible2" type="primary">允许拖动</lay-button>
-  <lay-modal title="允许拖动" v-model="visible2">
+  <lay-layer title="允许拖动" v-model="visible2">
       内容  
-  </lay-modal>
+  </lay-layer>
 </template>
 
 <script>
@@ -74,9 +74,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible3" type="primary">放大缩小</lay-button>
-  <lay-modal title="放大缩小" v-model="visible3" move="true" maxmin="true">
+  <lay-layer title="放大缩小" v-model="visible3" move="true" maxmin="true">
       内容  
-  </lay-modal>
+  </lay-layer>
 </template>
 
 <script>
@@ -107,9 +107,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible4" type="primary">指定位置</lay-button>
-  <lay-modal title="指定位置" v-model="visible4" move="true" :offset="['100px','100px']">
+  <lay-layer title="指定位置" v-model="visible4" move="true" :offset="['100px','100px']">
       内容  
-  </lay-modal>
+  </lay-layer>
 </template>
 
 <script>
@@ -140,9 +140,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible8" type="primary">尺寸拉伸</lay-button>
-  <lay-modal title="拉伸尺寸" resize="true" v-model="visible8" move="true">
+  <lay-layer title="拉伸尺寸" resize="true" v-model="visible8" move="true">
       内容  
-  </lay-modal>
+  </lay-layer>
 </template>
 
 <script>
@@ -173,7 +173,7 @@ export default {
 
 <template>
   <lay-button @click="changeVisible5" type="primary">远程窗体</lay-button>
-  <lay-modal title="加载 Iframe 内容" width="500px" height="400px" maxmin="true" v-model="visible5" move="true" :type="type5" content="http://www.pearadmin.com"></lay-modal>
+  <lay-layer title="加载 Iframe 内容" width="500px" height="400px" maxmin="true" v-model="visible5" move="true" :type="type5" content="http://www.pearadmin.com"></lay-layer>
 </template>
 
 <script>
@@ -206,9 +206,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible6" type="primary">定义操作</lay-button>
-  <lay-modal title="定义操作" v-model="visible6" move="true" :btn="btn6">
+  <lay-layer title="定义操作" v-model="visible6" move="true" :btn="btn6">
       内容  
-  </lay-modal>
+  </lay-layer>
 </template>
 
 <script>
@@ -244,9 +244,9 @@ export default {
 
 <template>
   <lay-button @click="changeVisible7" type="primary">开启遮盖</lay-button>
-  <lay-modal title="开启遮盖" move="true" shade="false" v-model="visible7">
+  <lay-layer title="开启遮盖" move="true" shade="false" v-model="visible7">
     内容  
-  </lay-modal>
+  </lay-layer>
 </template>
 
 <script>
@@ -329,6 +329,7 @@ export default {
 | content         | 内容          | --                         |
 | shade           | 开启遮盖      | --                         |
 | shadeClose      | 遮盖点击关闭  | --                         |
+| shadeOpacity    | 遮盖层透明度  | `0.1`                         |
 | zIndex          | 自定义层级    | --                         |
 | type            | 类型          | `1: component` `2: iframe` |
 | closeBtn        | 显示关闭      | true                       |
@@ -336,6 +337,8 @@ export default {
 | btnAlign        | 按钮布局      | `l` `r` `c`                |
 | anim            | 入场动画      | `0` `-` `6`                |
 | isOutAnim       | 关闭动画      | `true` `false`             |
+| success            | 显示回调   | --                |
+| end       | 关闭回调      | --             |
 
 :::
 
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index dc62b91e..e78e4534 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -11,7 +11,20 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="0.3.x">
-  <ul> 
+    <ul> 
+      <a name="0-3-1"> </a> 
+      <li> 
+        <h3>0.3.2 <span class="layui-badge-rim">2022-01-03</span></h3> 
+        <ul> 
+          <li>[新增] skeleton 骨架屏组件。</li>
+          <li>[重构] tooltip 内部 popper 组件，支持移动到 tooltip 内部。</li>
+          <li>[增强] layer 部分函数 msg open confirm 等, content 支持 VNode 类型。</li>
+          <li>[修复] layer.close layer.closeAll 函数无法触发 OutAnim 过度动画问题。</li>
+          <li>[升级] layer-vue 1.2.3。</li>
+        </ul> 
+      </li>
+    </ul>
+    <ul> 
       <a name="0-3-1"> </a> 
       <li> 
         <h3>0.3.1 <span class="layui-badge-rim">2021-12-28</span></h3> 
diff --git a/src/index.ts b/src/index.ts
index 30bc9169..6d82af97 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -6,7 +6,7 @@ import "@layui/layer-vue/lib/index.css";
 import "@layui/icons-vue/lib/index.css";
 import { layer } from "@layui/layer-vue";
 
-import LayModal from "./module/layer/modal/index";
+import LayLayer from "./module/layer/index";
 import LayBacktop from "./module/backTop/index";
 import LayAvatar from "./module/avatar/index";
 import LayRadio from "./module/radio/index";
@@ -128,7 +128,7 @@ const components: Record<string, IDefineComponent> = {
   LayCarousel,
   LayCarouselItem,
   LayColorPicker,
-  LayModal,
+  LayLayer,
   LayTooltip,
   LayInputNumber,
   LaySkeleton,
@@ -205,7 +205,7 @@ export {
   LayCarousel,
   LayCarouselItem,
   LayColorPicker,
-  LayModal
+  LayLayer
 };
 
 export { layer };
diff --git a/src/module/layer/README.md b/src/module/layer/README.md
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/module/layer/index.ts b/src/module/layer/index.ts
new file mode 100644
index 00000000..04e153df
--- /dev/null
+++ b/src/module/layer/index.ts
@@ -0,0 +1,9 @@
+import type { App } from "vue";
+import { LayLayer } from "@layui/layer-vue";
+import type { IDefineComponent } from "../type/index";
+
+LayLayer.install = (app: App) => {
+  app.component(LayLayer.name || "LayLayer", LayLayer);
+};
+
+export default LayLayer as IDefineComponent;
diff --git a/src/module/layer/modal/index.ts b/src/module/layer/modal/index.ts
deleted file mode 100644
index d2d1dc0f..00000000
--- a/src/module/layer/modal/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { App } from "vue";
-import { LayModal } from "@layui/layer-vue";
-import type { IDefineComponent } from "../../type/index";
-
-LayModal.install = (app: App) => {
-  app.component(LayModal.name || "LayModal", LayModal);
-};
-
-export default LayModal as IDefineComponent;

From 6d0ecc7f74e0f375efeae348f56b6af9bb9ac592 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: Sun, 2 Jan 2022 22:00:42 +0800
Subject: [PATCH 08/18] =?UTF-8?q?=E5=8D=87=E7=BA=A7=20layer-vue=201.2.4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4721f56a..41e970c9 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
   "dependencies": {
     "@layui/hooks-vue": "^0.1.6",
     "@layui/icons-vue": "^1.0.2",
-    "@layui/layer-vue": "^1.2.3",
+    "@layui/layer-vue": "^1.2.4",
     "async-validator": "^4.0.7",
     "countup.js": "^2.0.8",
     "evtd": "^0.2.3",

From 923e16a5d7d48ca35f1b6da47211390d21e0083d 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: Sun, 2 Jan 2022 22:49:12 +0800
Subject: [PATCH 09/18] =?UTF-8?q?=E5=BA=9F=E9=99=A4=20menu-children-item?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6,=20=E8=8F=9C=E5=8D=95=E5=88=9D=E6=AD=A5?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=97=A0=E9=99=90=E6=9E=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/menu.md | 20 ++++++++++++++------
 src/css/layui.css                     | 23 +++++++++++++++++++++--
 src/index.ts                          |  3 ---
 src/module/menuChildItem/index.ts     |  9 ---------
 src/module/menuChildItem/index.vue    | 25 -------------------------
 5 files changed, 35 insertions(+), 45 deletions(-)
 delete mode 100644 src/module/menuChildItem/index.ts
 delete mode 100644 src/module/menuChildItem/index.vue

diff --git a/example/docs/zh-CN/components/menu.md b/example/docs/zh-CN/components/menu.md
index 1ab24bb4..91525a7d 100644
--- a/example/docs/zh-CN/components/menu.md
+++ b/example/docs/zh-CN/components/menu.md
@@ -12,9 +12,13 @@
     <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-menu-child-item title="菜单一" id="4"></lay-menu-child-item> 
-        <lay-menu-child-item title="菜单二" id="5"></lay-menu-child-item>
-        <lay-menu-child-item title="菜单三" id="6"></lay-menu-child-item>
+        <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-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-menu>
 </template>
@@ -52,9 +56,13 @@ export default {
     <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-menu-child-item title="菜单一" id="4"></lay-menu-child-item> 
-        <lay-menu-child-item title="菜单二" id="5"></lay-menu-child-item>
-        <lay-menu-child-item title="菜单三" id="6"></lay-menu-child-item>
+        <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-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-menu>
 </template>
diff --git a/src/css/layui.css b/src/css/layui.css
index b7120770..fba9708a 100644
--- a/src/css/layui.css
+++ b/src/css/layui.css
@@ -2844,6 +2844,25 @@ body .layui-table-tips .layui-layer-content {
   color: #5fb878;
 }
 
+.layui-nav .layui-show.layui-anim-upbit .layui-show.layui-anim-upbit {
+  top: 0px;
+  left: 106px;
+}
+
+.layui-nav .layui-show.layui-anim-upbit .layui-nav-item {
+  display: block;
+  height: 40px;
+  line-height: 40px;
+}
+
+.layui-nav .layui-show.layui-anim-upbit .layui-nav-item.layui-this {
+  background-color: whitesmoke;
+}
+
+.layui-nav .layui-show.layui-anim-upbit .layui-nav-item.layui-this:after {
+  display: none;
+}
+
 .layui-nav {
   position: relative;
   padding: 0 20px;
@@ -2868,7 +2887,7 @@ body .layui-table-tips .layui-layer-content {
 
 .layui-nav .layui-nav-item a {
   display: block;
-  padding: 0 20px;
+  padding: 0 30px;
   color: #fff;
   color: rgba(255, 255, 255, 0.7);
   -webkit-transition: all 0.3s;
@@ -2917,7 +2936,7 @@ body .layui-table-tips .layui-layer-content {
 .layui-nav .layui-nav-more {
   position: absolute;
   top: 0;
-  right: 3px;
+  right: 8px;
   left: auto !important;
   margin-top: 0;
   font-size: 12.5px !important;
diff --git a/src/index.ts b/src/index.ts
index 6d82af97..4ed53ff9 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -40,7 +40,6 @@ import LayContainer from "./module/container/index";
 import LayCountUp from "./module/countUp/index";
 import LayMenu from "./module/menu/index";
 import LayMenuItem from "./module/menuItem/index";
-import LayMenuChildItem from "./module/menuChildItem/index";
 import LayCheckbox from "./module/checkbox/index";
 import LayCheckboxGroup from "./module/checkboxGroup/index";
 import LayForm from "./module/form/index";
@@ -101,7 +100,6 @@ const components: Record<string, IDefineComponent> = {
   LayContainer,
   LayMenu,
   LayMenuItem,
-  LayMenuChildItem,
   LayCheckbox,
   LayForm,
   LayBreadcrumb,
@@ -178,7 +176,6 @@ export {
   LayContainer,
   LayMenu,
   LayMenuItem,
-  LayMenuChildItem,
   LayCheckbox,
   LayForm,
   LayBreadcrumb,
diff --git a/src/module/menuChildItem/index.ts b/src/module/menuChildItem/index.ts
deleted file mode 100644
index b7fcf188..00000000
--- a/src/module/menuChildItem/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { App } from "vue";
-import Component from "./index.vue";
-import type { IDefineComponent } from "../type/index";
-
-Component.install = (app: App) => {
-  app.component(Component.name || "LayMenuChildItem", Component);
-};
-
-export default Component as IDefineComponent;
diff --git a/src/module/menuChildItem/index.vue b/src/module/menuChildItem/index.vue
deleted file mode 100644
index ebae31d8..00000000
--- a/src/module/menuChildItem/index.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <dd :class="[selectedKey === id ? 'layui-this' : '']" @click="selectHandle()">
-    <slot v-if="slots.title" name="title"></slot>
-    <a v-else href="javascript:void(0)">
-      {{ title }}
-    </a>
-  </dd>
-</template>
-
-<script setup name="LayMenuChildItem" lang="ts">
-import { defineProps, inject, Ref, useSlots } from "vue";
-
-const slots = useSlots();
-
-const props = defineProps<{
-  id: string;
-  title: string;
-}>();
-
-const selectedKey: Ref<string> = inject("selectedKey") as Ref<string>;
-
-const selectHandle = function () {
-  selectedKey.value = props.id;
-};
-</script>

From ab0014a556baa69287c0f2e04b99ad9303866a06 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: Mon, 3 Jan 2022 00:04:05 +0800
Subject: [PATCH 10/18] =?UTF-8?q?=E4=BC=98=E5=8C=96=20anchor=20=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/components/LayAnchor.vue | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/example/src/components/LayAnchor.vue b/example/src/components/LayAnchor.vue
index 3a0c06a2..d32891b6 100644
--- a/example/src/components/LayAnchor.vue
+++ b/example/src/components/LayAnchor.vue
@@ -206,14 +206,6 @@ const throttle = (func: Function, wait: number) => {
   border-radius: 2px;
   cursor: pointer;
   transition: all 0.1s cubic-bezier(0, 0, 1, 1);
-  &:hover {
-    background-color: #f6f6f6 !important;
-    color: #5fb878;
-  }
-  &:active {
-    background-color: #f6f6f6 !important;
-    color: #89d89f;
-  }
 }
 .lay-aside-list {
   position: relative;
@@ -226,10 +218,16 @@ const throttle = (func: Function, wait: number) => {
     background-color: #f6f6f6 !important;
     color: #5fb878;
   }
-}
-.active {
-  background-color: #f6f6f6 !important;
-  color: #5fb878 !important;
+  &:active {
+    background-color: #f6f6f6 !important;
+    color: #89d89f;
+  }
+  &.active {
+    background-color: #f6f6f6 !important;
+    * {
+      color: #5fb878 !important;
+    }
+  }
 }
 
 .lay-aside-collapse-btn {

From d3465cfae2372f86422a3e2908fb283e0e9e001e 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: Mon, 3 Jan 2022 00:21:51 +0800
Subject: [PATCH 11/18] =?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 | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index e78e4534..60dcfc21 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -19,8 +19,10 @@
           <li>[新增] skeleton 骨架屏组件。</li>
           <li>[重构] tooltip 内部 popper 组件，支持移动到 tooltip 内部。</li>
           <li>[增强] layer 部分函数 msg open confirm 等, content 支持 VNode 类型。</li>
+          <li>[增强] menu 菜单组件, 初步支持无限级嵌套。</li>
           <li>[修复] layer.close layer.closeAll 函数无法触发 OutAnim 过度动画问题。</li>
-          <li>[升级] layer-vue 1.2.3。</li>
+          <li>[废弃] menu-child-item 组件, 使用 menu-item 替代。</li>
+          <li>[升级] layer-vue 1.2.4。</li>
         </ul> 
       </li>
     </ul>

From 9432944fdffb566641796a9842f9482d78664c66 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: Mon, 3 Jan 2022 00:23:09 +0800
Subject: [PATCH 12/18] next-version

---
 example/docs/zh-CN/guide/changelog.md | 2 +-
 example/src/layouts/Layout.vue        | 2 +-
 example/src/view/index.vue            | 6 +++---
 package.json                          | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 60dcfc21..daf62e5b 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -12,7 +12,7 @@
 <lay-timeline>
   <lay-timeline-item title="0.3.x">
     <ul> 
-      <a name="0-3-1"> </a> 
+      <a name="0-3-2"> </a> 
       <li> 
         <h3>0.3.2 <span class="layui-badge-rim">2022-01-03</span></h3> 
         <ul> 
diff --git a/example/src/layouts/Layout.vue b/example/src/layouts/Layout.vue
index a50c7634..b94a11b6 100644
--- a/example/src/layouts/Layout.vue
+++ b/example/src/layouts/Layout.vue
@@ -43,7 +43,7 @@
           </a>
         </li>
         <li class="layui-nav-item">
-          <a href="javascript:void(0)"> 0.3.1 </a>
+          <a href="javascript:void(0)"> 0.3.2 </a>
         </li>
       </ul>
     </lay-header>
diff --git a/example/src/view/index.vue b/example/src/view/index.vue
index 604cf4d6..dd84852c 100644
--- a/example/src/view/index.vue
+++ b/example/src/view/index.vue
@@ -26,7 +26,7 @@
           >
         </div>
         <div class="site-version">
-          <span>当前版本：v<cite class="site-showv">0.3.1</cite></span>
+          <span>当前版本：v<cite class="site-showv">0.3.2</cite></span>
           <span
             ><router-link
               class="layui-inline site-down"
@@ -34,7 +34,7 @@
               >更新日志</router-link
             ></span
           >
-          <span>下载量：<em class="site-showdowns">2324</em></span>
+          <span>下载量：<em class="site-showdowns">3124</em></span>
         </div>
       </div>
       <div class="site-banner-other">
@@ -44,7 +44,7 @@
           rel="nofollow"
           class="site-star"
         >
-          <i class="layui-icon"></i> Star <cite id="getStars">521</cite>
+          <i class="layui-icon"></i> Star <cite id="getStars">544</cite>
         </a>
         <a
           href="https://gitee.com/layui-vue"
diff --git a/package.json b/package.json
index 41e970c9..d09e4301 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "author": "sleeprite",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",

From 9c188baccdd531c5f6e0ce6da39fed0b55b51332 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: Mon, 3 Jan 2022 01:23:18 +0800
Subject: [PATCH 13/18] =?UTF-8?q?=E5=8F=91=E5=B8=83=200.3.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json      | 1 -
 src/css/layui.css | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index d09e4301..ad94b6b4 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,6 @@
     "build:example": "vite build example",
     "lint:eslint": "eslint 'src/**/*.{vue,ts,tsx}' --fix",
     "lint:prettier": "prettier --write  'src/**/*'",
-    "publish": "npm run build && npm publish --access=public",
     "commit": "git cz"
   },
   "dependencies": {
diff --git a/src/css/layui.css b/src/css/layui.css
index fba9708a..8600b0dd 100644
--- a/src/css/layui.css
+++ b/src/css/layui.css
@@ -2900,7 +2900,7 @@ body .layui-table-tips .layui-layer-content {
   left: 0;
   top: 0;
   width: 0;
-  height: 5px;
+  height: 3px;
   background-color: #5fb878;
   transition: all 0.2s;
   -webkit-transition: all 0.2s;
@@ -3007,13 +3007,13 @@ body .layui-table-tips .layui-layer-content {
 .layui-nav-tree .layui-nav-item {
   display: block;
   width: 100%;
-  line-height: 40px;
+  line-height: 42px;
 }
 
 .layui-nav-tree .layui-nav-item a {
   position: relative;
-  height: 46px;
-  line-height: 46px;
+  height: 42px;
+  line-height: 42px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;

From 07a64cba8f5bcb62acd4d55ffb6ee9b97656f4d9 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: Mon, 3 Jan 2022 11:58:05 +0000
Subject: [PATCH 14/18] update README.md.

---
 README.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 2678c0a1..57780808 100644
--- a/README.md
+++ b/README.md
@@ -77,11 +77,13 @@ createApp(App).use(Layui).mount('#app')
 > 大概是因为 layui - vue 让开发者变得更懒，所以贡献者才这么少？  
 > 好的，姑且就这样认为吧。
 
-[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/DBC9Z6HQ.png)](https://giteye.net/chart/DBC9Z6HQ)
+[![Giteye chart](https://images.gitee.com/uploads/images/2021/1223/004106_ca3f4b34_4835367.png)](https://giteye.net/chart/DBC9Z6HQ)
 
 ## 交流群
 
-![输入图片说明](https://images.gitee.com/uploads/images/2021/1008/090410_8b349271_4835367.png 'QQ图片20211008090242.png')
+| QQ | 微信 |
+|----|----|
+| <img src="https://images.gitee.com/uploads/images/2021/1008/090410_8b349271_4835367.png" width="180px" />  | <img src="https://images.gitee.com/uploads/images/2022/0103/195713_7e626723_4835367.png" width="180px" /> |
 
 ## 相关
 

From 02bcf9c3443ad9178096de4360dbdc1e606506c3 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 05:22:08 +0000
Subject: [PATCH 15/18] update README.md.

---
 README.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 57780808..1d3daf84 100644
--- a/README.md
+++ b/README.md
@@ -74,8 +74,7 @@ createApp(App).use(Layui).mount('#app')
 
 ### 贡献代码
 
-> 大概是因为 layui - vue 让开发者变得更懒，所以贡献者才这么少？  
-> 好的，姑且就这样认为吧。
+> 在人的尺度里，世界既无始也无终，唯一的信仰是，总有人认得你站在暴风雪里的样子。？  
 
 [![Giteye chart](https://images.gitee.com/uploads/images/2021/1223/004106_ca3f4b34_4835367.png)](https://giteye.net/chart/DBC9Z6HQ)
 

From 1595047437a78bfeadeaa61b7e86efe3cadd9656 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 05:51:30 +0000
Subject: [PATCH 16/18] update README.md.

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 1d3daf84..1036f3cd 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <p align="center">
   <a href="http://www.layui.com">
-    <img src="https://images.gitee.com/uploads/images/2021/1213/173638_d6911839_4835367.png" alt="layui" width="360">
+    <img src="https://images.gitee.com/uploads/images/2022/0104/135039_3f41c467_4835367.png" alt="layui" width="360">
   </a>
 </p>
 
@@ -74,7 +74,7 @@ createApp(App).use(Layui).mount('#app')
 
 ### 贡献代码
 
-> 在人的尺度里，世界既无始也无终，唯一的信仰是，总有人认得你站在暴风雪里的样子。？  
+> 在人的尺度里，世界既无始也无终，唯一的信仰是，总有人认得你站在暴风雪里的样子。  
 
 [![Giteye chart](https://images.gitee.com/uploads/images/2021/1223/004106_ca3f4b34_4835367.png)](https://giteye.net/chart/DBC9Z6HQ)
 

From 7c5c066f0eefc6f75090a02fdc29c10d18d8896e 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 06:27:04 +0000
Subject: [PATCH 17/18] update README.md.

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1036f3cd..e921b1fc 100644
--- a/README.md
+++ b/README.md
@@ -76,7 +76,7 @@ createApp(App).use(Layui).mount('#app')
 
 > 在人的尺度里，世界既无始也无终，唯一的信仰是，总有人认得你站在暴风雪里的样子。  
 
-[![Giteye chart](https://images.gitee.com/uploads/images/2021/1223/004106_ca3f4b34_4835367.png)](https://giteye.net/chart/DBC9Z6HQ)
+[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/DBC9Z6HQ.png)](https://giteye.net/chart/DBC9Z6HQ)
 
 ## 交流群
 

From 726379b3e02f47f7ce616299a00853f5073b8b5f 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 09:04:16 +0000
Subject: [PATCH 18/18] update README.md.

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e921b1fc..692557b6 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,7 @@ createApp(App).use(Layui).mount('#app')
 
 ### 使用趋势
 
-[![Giteye chart](https://images.gitee.com/uploads/images/2021/1222/233241_e13a5449_4835367.png)](https://giteye.net/chart/5ZQ67WWS)
+[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/5ZQ67WWS.png)](https://giteye.net/chart/5ZQ67WWS)
 
 ### 贡献代码