From e50ef83e83c45ec78e935bb9dc0fda14ff9bf45c Mon Sep 17 00:00:00 2001
From: castle <castle@mymac>
Date: Tue, 28 Dec 2021 10:45:09 +0800
Subject: [PATCH 01/32] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]LayPage=E9=A1=B5?=
 =?UTF-8?q?=E7=A0=81=E8=B5=B7=E6=AD=A2=E8=8C=83=E5=9B=B4=E8=AE=A1=E7=AE=97?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/page.md |  4 ++--
 src/module/page/index.vue             | 14 +++++---------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/example/docs/zh-CN/components/page.md b/example/docs/zh-CN/components/page.md
index 69823980..6cc02828 100644
--- a/example/docs/zh-CN/components/page.md
+++ b/example/docs/zh-CN/components/page.md
@@ -129,7 +129,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-page :limit="limit" :total="total" :limits="[10,50,100,200]"></lay-page>
+  <lay-page :limit="limit" :total="total" showCount showPage :limits="[10,50,100,200]" @limit="limit=$event"></lay-page>
 </template>
 
 <script>
@@ -157,7 +157,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-page :limit="limit" :total="total" @limit="limit=$event" :show-limit="showLimit" ></lay-page>
+  <lay-page :limit="limit" showPage showCount :total="total" @limit="limit=$event" :show-limit="showLimit" ></lay-page>
   <div>每页数量:{{limit}}</div>
 </template>
 
diff --git a/src/module/page/index.vue b/src/module/page/index.vue
index e0fe6b4a..4249a462 100644
--- a/src/module/page/index.vue
+++ b/src/module/page/index.vue
@@ -87,15 +87,11 @@ const pages = props.pages / 2
 const inlimit = computed({ get() { return props.limit }, set(v: number) { emit('limit', v) } })
 const maxPage = ref(Math.ceil(props.total / props.limit));
 const totalPage = computed(() => {
-  let r: number[] = [], end = maxPage.value
-  if (currentPage.value <= pages) {
-    end = props.pages + 1
-  } else if (currentPage.value + pages > end) {
-
-  } else {
-    end = currentPage.value + pages
-  }
-  for (let i = currentPage.value > pages ? currentPage.value - pages : 1; i < end; i++) {
+  let r: number[] = [], start = (maxPage.value <= props.pages ? 1 : currentPage.value > pages ? currentPage.value - pages : 1)
+  for (let i = start; ; i++) {
+    if (r.length >= props.pages || i > maxPage.value) {
+      break;
+    }
     r.push(i)
   }
   return r;

From a455abee12bc23c50d7cd15ddfacc8c2780975ce Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Tue, 4 Jan 2022 18:43:58 +0800
Subject: [PATCH 02/32] =?UTF-8?q?=E5=88=87=E6=8D=A2=E7=A7=81=E6=9C=89?=
 =?UTF-8?q?=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json              |   4 +-
 src/module/page/index.vue | 223 +++++++++++++++++++++-----------------
 2 files changed, 125 insertions(+), 102 deletions(-)

diff --git a/package.json b/package.json
index ad94b6b4..63db3d15 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@layui/layui-vue",
+  "name": "@ctsy/layui-vue",
   "version": "0.3.2",
   "author": "sleeprite",
   "license": "MIT",
@@ -79,4 +79,4 @@
     "last 2 versions and > 2%",
     "ie > 10"
   ]
-}
+}
\ No newline at end of file
diff --git a/src/module/page/index.vue b/src/module/page/index.vue
index 43c515e1..8a1b26e6 100644
--- a/src/module/page/index.vue
+++ b/src/module/page/index.vue
@@ -1,133 +1,156 @@
 <template>
-  <div class="layui-box layui-laypage layui-laypage-default">
-    <span v-if="showCount" class="layui-laypage-count">共 {{ total }} 条</span
-    ><a
-      href="javascript:;"
-      class="layui-laypage-prev"
-      :class="[currentPage === 1 ? 'layui-disabled' : '']"
-      @click="prev()"
-      ><slot v-if="slots.prev" name="prev"></slot>
-      <template v-else>上一页</template></a
-    >
-    <template v-if="showPage">
-      <template v-for="index of totalPage" :key="index">
-        <span v-if="index === currentPage" class="layui-laypage-curr"
-          ><em
-            class="layui-laypage-em"
-            :class="[theme ? 'layui-bg-' + theme : '']"
-          ></em
-          ><em>{{ index }}</em></span
-        >
-        <a v-else href="javascript:;" @click="jump(index)">
-          {{ index }}
-        </a>
-      </template>
-    </template>
+	<div class="layui-box layui-laypage layui-laypage-default">
+		<span v-if="showCount" class="layui-laypage-count"
+			>共 {{ total }} 条 {{}} 页</span
+		><a
+			href="javascript:;"
+			class="layui-laypage-prev"
+			:class="[currentPage === 1 ? 'layui-disabled' : '']"
+			@click="prev()"
+			><slot v-if="slots.prev" name="prev"></slot>
+			<template v-else>上一页</template></a
+		>
+		<template v-if="showPage">
+			<template v-for="index of totalPage" :key="index">
+				<span v-if="index === currentPage" class="layui-laypage-curr"
+					><em
+						class="layui-laypage-em"
+						:class="[theme ? 'layui-bg-' + theme : '']"
+					></em
+					><em>{{ index }}</em></span
+				>
+				<a v-else href="javascript:;" @click="jump(index)">
+					{{ index }}
+				</a>
+			</template>
+		</template>
 
-    <a
-      href="javascript:;"
-      class="layui-laypage-next"
-      :class="[currentPage === totalPage ? 'layui-disabled' : '']"
-      @click="next()"
-      ><slot v-if="slots.next" name="next"></slot>
-      <template v-else>下一页</template></a
-    ><span v-if="showLimit" class="layui-laypage-limits"
-      ><select v-model="inlimit">
-        <option value="10">10 条/页</option>
-        <option value="20">20 条/页</option>
-        <option value="30">30 条/页</option>
-        <option value="40">40 条/页</option>
-        <option value="50">50 条/页</option>
-      </select></span
-    ><a v-if="showRefresh" href="javascript:;" class="layui-laypage-refresh"
-      ><i class="layui-icon layui-icon-refresh"></i></a
-    ><span v-if="showSkip" class="layui-laypage-skip"
-      >到第<input
-        v-model="currentPageShow"
-        type="number"
-        class="layui-input layui-input-number"
-      />页<button type="button" class="layui-laypage-btn" @click="jumpPage()">
-        确定
-      </button></span
-    >
-  </div>
+		<a
+			href="javascript:;"
+			class="layui-laypage-next"
+			:class="[currentPage === totalPage ? 'layui-disabled' : '']"
+			@click="next()"
+			><slot v-if="slots.next" name="next"></slot>
+			<template v-else>下一页</template></a
+		><span v-if="showLimit" class="layui-laypage-limits"
+			><select v-model="inlimit">
+				<option value="10">10 条/页</option>
+				<option value="20">20 条/页</option>
+				<option value="30">30 条/页</option>
+				<option value="40">40 条/页</option>
+				<option value="50">50 条/页</option>
+			</select></span
+		><a v-if="showRefresh" href="javascript:;" class="layui-laypage-refresh"
+			><i class="layui-icon layui-icon-refresh"></i></a
+		><span v-if="showSkip" class="layui-laypage-skip"
+			>到第<input
+				v-model="currentPageShow"
+				type="number"
+				class="layui-input layui-input-number"
+			/>页<button type="button" class="layui-laypage-btn" @click="jumpPage()">
+				确定
+			</button></span
+		>
+	</div>
 </template>
 
 <script setup name="LayPage" lang="ts">
-import { defineProps, Ref, ref, watch, useSlots, computed, ComputedRef } from "vue";
+import {
+	defineProps,
+	Ref,
+	ref,
+	watch,
+	useSlots,
+	computed,
+	ComputedRef,
+} from "vue";
 
 const slots = useSlots();
 
 const props = withDefaults(
-  defineProps<{
-    total: number;
-    limit: number;
-    theme?: string;
-    showPage?: boolean | string;
-    showSkip?: boolean | string;
-    showCount?: boolean | string;
-    showLimit?: boolean | string;
-    showInput?: boolean | string;
-    showRefresh?: boolean | string;
-  }>(),
-  {
-    limit: 10,
-    theme: "green",
-    showPage: false,
-    showSkip: false,
-    showCount: false,
-    showLimit: true,
-    showInput: false,
-    showRefresh: false,
-  }
+	defineProps<{
+		total: number;
+		limit?: number;
+		pages?: number;
+		theme?: string;
+		showPage?: boolean | string;
+		showSkip?: boolean | string;
+		showCount?: boolean | string;
+		showLimit?: boolean | string;
+		showInput?: boolean | string;
+		showRefresh?: boolean | string;
+	}>(),
+	{
+		limit: 10,
+		pages: 10,
+		theme: "green",
+		showPage: false,
+		showSkip: false,
+		showCount: false,
+		showLimit: true,
+		showInput: false,
+		showRefresh: false,
+	}
 );
-const limits = ref(props.limits);
-const pages = props.pages / 2
-const inlimit = computed({ get() { return props.limit }, set(v: number) { emit('limit', v) } })
+const pages = props.pages / 2;
+const inlimit = computed({
+	get() {
+		return props.limit;
+	},
+	set(v: number) {
+		emit("limit", v);
+	},
+});
 const maxPage = ref(Math.ceil(props.total / props.limit));
 const totalPage = computed(() => {
-  let r: number[] = [], start = (maxPage.value <= props.pages ? 1 : currentPage.value > pages ? currentPage.value - pages : 1)
-  for (let i = start; ; i++) {
-    if (r.length >= props.pages || i > maxPage.value) {
-      break;
-    }
-    r.push(i)
-  }
-  return r;
-})
+	let r: number[] = [],
+		start =
+			maxPage.value <= props.pages
+				? 1
+				: currentPage.value > pages
+				? currentPage.value - pages
+				: 1;
+	for (let i = start; ; i++) {
+		if (r.length >= props.pages || i > maxPage.value) {
+			break;
+		}
+		r.push(i);
+	}
+	return r;
+});
 const currentPage: Ref<number> = ref(1);
 const currentPageShow: Ref<number> = ref(currentPage.value);
-const emit = defineEmits(["jump"]);
+const emit = defineEmits(["jump", "limit"]);
 
 const prev = function () {
-  if (currentPage.value === 1) {
-    return;
-  }
-  currentPage.value--;
+	if (currentPage.value === 1) {
+		return;
+	}
+	currentPage.value--;
 };
 
 const next = function () {
-  if (currentPage.value === totalPage.value) {
-    return;
-  }
-  currentPage.value++;
+	if (currentPage.value === totalPage.value[totalPage.value.length - 1]) {
+		return;
+	}
+	currentPage.value++;
 };
 
 const jump = function (page: number) {
-  currentPage.value = page;
+	currentPage.value = page;
 };
 
 const jumpPage = function () {
-  currentPage.value = currentPageShow.value;
+	currentPage.value = currentPageShow.value;
 };
 
 watch(inlimit, function () {
-  currentPage.value = 1;
-  totalPage.value = Math.ceil(props.total / inlimit.value);
+	currentPage.value = 1;
+	// totalPage.value = Math.ceil(props.total / inlimit.value);
 });
 
 watch(currentPage, function () {
-  currentPageShow.value = currentPage.value;
-  emit("jump", { current: currentPage.value });
+	currentPageShow.value = currentPage.value;
+	emit("jump", { current: currentPage.value });
 });
 </script>
\ No newline at end of file

From b244b384b0eda59950948a1c9d8eb74f6975acc1 Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Tue, 4 Jan 2022 18:45:45 +0800
Subject: [PATCH 03/32] =?UTF-8?q?=E6=B7=BB=E5=8A=A0prepublishOnly=E5=91=BD?=
 =?UTF-8?q?=E4=BB=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/package.json b/package.json
index 63db3d15..535da306 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,8 @@
     "build:example": "vite build example",
     "lint:eslint": "eslint 'src/**/*.{vue,ts,tsx}' --fix",
     "lint:prettier": "prettier --write  'src/**/*'",
-    "commit": "git cz"
+    "commit": "git cz",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "@layui/hooks-vue": "^0.1.6",

From 3b337aeba1aa451edc78baf456c03d629fc7f85a Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Thu, 6 Jan 2022 21:28:58 +0800
Subject: [PATCH 04/32] v0.3.3

---
 package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 535da306..7ca912f9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ctsy/layui-vue",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "author": "sleeprite",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",
@@ -61,13 +61,13 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.2.0",
+    "less": "^4.1.2",
     "markdown-it-container": "^3.0.0",
     "prettier": "^2.5.1",
     "prismjs": "^1.25.0",
     "rimraf": "^3.0.2",
     "rollup": "^2.61.0",
     "typescript": "^4.5.2",
-    "less": "^4.1.2",
     "vite": "2.7.6",
     "vite-plugin-md": "^0.11.6"
   },
@@ -80,4 +80,4 @@
     "last 2 versions and > 2%",
     "ie > 10"
   ]
-}
\ No newline at end of file
+}

From 797e24ee161b0d107e8d1763aee10181139314b6 Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Sat, 8 Jan 2022 11:24:17 +0800
Subject: [PATCH 05/32] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=B8=AD=E7=9A=84=E6=9C=80=E5=A4=A7=E9=A1=B5?=
 =?UTF-8?q?=E7=A0=81=E6=95=B0=E9=87=8F=E8=AE=A1=E7=AE=97=E6=97=B6=E6=9C=BA?=
 =?UTF-8?q?=E5=AF=BC=E8=87=B4=E7=9A=84=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/page.md | 21 +++---
 src/module/page/index.vue             | 98 ++++++++++++++-------------
 2 files changed, 64 insertions(+), 55 deletions(-)

diff --git a/example/docs/zh-CN/components/page.md b/example/docs/zh-CN/components/page.md
index b4105d19..ed1bb7c0 100644
--- a/example/docs/zh-CN/components/page.md
+++ b/example/docs/zh-CN/components/page.md
@@ -7,7 +7,7 @@
 ::: demo
 
 <template>
-  <lay-page :limit="limit" :total="total" :show-page="showPage"></lay-page>
+  <lay-page :limit="limit" 	@limit="limit = $event" :total="total" :show-page="showPage"></lay-page>
 </template>
 
 <script>
@@ -37,7 +37,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-page :limit="limit" :total="total"></lay-page>
+  <lay-page :limit="limit"	@limit="limit = $event" :total="total"></lay-page>
 </template>
 
 <script>
@@ -65,7 +65,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-page :limit="limit" :total="total">
+  <lay-page :limit="limit"	@limit="limit = $event" :total="total">
     <template v-slot:prev>上</template>
     <template v-slot:next>下</template>
   </lay-page>
@@ -96,11 +96,11 @@ export default {
 ::: demo
 
 <template>
-  <lay-page :limit="limit" :total="total" :show-page="showPage" theme="red"></lay-page>
+  <lay-page :limit="limit"	@limit="limit = $event" :total="total" :show-page="showPage" theme="red"></lay-page>
   <br>
-  <lay-page :limit="limit" :total="total" :show-page="showPage" theme="blue"></lay-page>
+  <lay-page :limit="limit"	@limit="limit = $event" :total="total" :show-page="showPage" theme="blue"></lay-page>
   <br>
-  <lay-page :limit="limit" :total="total" :show-page="showPage" theme="orange"></lay-page>
+  <lay-page :limit="limit"	@limit="limit = $event" :total="total" :show-page="showPage" theme="orange"></lay-page>
 </template>
 
 <script>
@@ -124,7 +124,7 @@ export default {
 
 :::
 
-::: title 完整分页
+::: title 指定分页容量
 :::
 
 ::: demo
@@ -222,13 +222,13 @@ export default {
 
 :::
 
-::: title 切换事件
+::: title 页码切换事件(jump)
 :::
 
 ::: demo
 
 <template>
-  <lay-page :limit="limit" :total="total" @jump="jump" :show-page="showSkip"></lay-page>
+  <lay-page :limit="limit" :total="total" @jump="jump" 	@limit="limit = $event" :show-page="showSkip"></lay-page>
 </template>
 
 <script>
@@ -270,6 +270,8 @@ export default {
 | showLimit   | 显示每页数量 | `false` |
 | showRefresh | 显示刷新按钮 | `false` |
 | showSkip    | 显示跳转     | `false` |
+| pages       | 显示切页按钮数量     | `10` |
+| limits       | 切换每页数量的选择项     | `[10,20,30,40,50]` |
 
 :::
 
@@ -281,6 +283,7 @@ export default {
 | 事件 | 描述     | 参数                  |
 | ---- | -------- | --------------------- |
 | jump | 切换回调 | { current: 当前页面 } |
+| limit | 每页数量变化 | 变化后的值 |
 
 :::
 
diff --git a/src/module/page/index.vue b/src/module/page/index.vue
index 8a1b26e6..6e9fa94b 100644
--- a/src/module/page/index.vue
+++ b/src/module/page/index.vue
@@ -1,77 +1,77 @@
 <template>
 	<div class="layui-box layui-laypage layui-laypage-default">
 		<span v-if="showCount" class="layui-laypage-count"
-			>共 {{ total }} 条 {{}} 页</span
-		><a
+			>共 {{ total }} 条 {{ maxPage }} 页</span
+		>
+		<a
 			href="javascript:;"
 			class="layui-laypage-prev"
 			:class="[currentPage === 1 ? 'layui-disabled' : '']"
 			@click="prev()"
-			><slot v-if="slots.prev" name="prev"></slot>
-			<template v-else>上一页</template></a
 		>
+			<slot v-if="slots.prev" name="prev"></slot>
+			<template v-else>上一页</template>
+		</a>
 		<template v-if="showPage">
 			<template v-for="index of totalPage" :key="index">
-				<span v-if="index === currentPage" class="layui-laypage-curr"
-					><em
+				<span v-if="index === currentPage" class="layui-laypage-curr">
+					<em
 						class="layui-laypage-em"
 						:class="[theme ? 'layui-bg-' + theme : '']"
-					></em
-					><em>{{ index }}</em></span
-				>
-				<a v-else href="javascript:;" @click="jump(index)">
-					{{ index }}
-				</a>
+					></em>
+					<em>{{ index }}</em>
+				</span>
+				<a v-else href="javascript:;" @click="jump(index)">{{ index }}</a>
 			</template>
 		</template>
 
 		<a
 			href="javascript:;"
 			class="layui-laypage-next"
-			:class="[currentPage === totalPage ? 'layui-disabled' : '']"
+			:class="[currentPage === maxPage ? 'layui-disabled' : '']"
 			@click="next()"
-			><slot v-if="slots.next" name="next"></slot>
-			<template v-else>下一页</template></a
-		><span v-if="showLimit" class="layui-laypage-limits"
-			><select v-model="inlimit">
-				<option value="10">10 条/页</option>
-				<option value="20">20 条/页</option>
-				<option value="30">30 条/页</option>
-				<option value="40">40 条/页</option>
-				<option value="50">50 条/页</option>
-			</select></span
-		><a v-if="showRefresh" href="javascript:;" class="layui-laypage-refresh"
-			><i class="layui-icon layui-icon-refresh"></i></a
-		><span v-if="showSkip" class="layui-laypage-skip"
-			>到第<input
+		>
+			<slot v-if="slots.next" name="next"></slot>
+			<template v-else>下一页</template>
+		</a>
+		<span v-if="showLimit" class="layui-laypage-limits">
+			<select v-model="inlimit">
+				<option v-for="val of limits" :key="val" :value="val">
+					{{ val }} 条/页
+				</option>
+			</select>
+		</span>
+		<a v-if="showRefresh" href="javascript:;" class="layui-laypage-refresh">
+			<i class="layui-icon layui-icon-refresh"></i>
+		</a>
+		<span v-if="showSkip" class="layui-laypage-skip">
+			到第
+			<input
 				v-model="currentPageShow"
 				type="number"
 				class="layui-input layui-input-number"
-			/>页<button type="button" class="layui-laypage-btn" @click="jumpPage()">
+			/>页
+			<button
+				type="button"
+				class="layui-laypage-btn"
+				@click="jumpPage()"
+				:disabled="currentPageShow > maxPage"
+			>
 				确定
-			</button></span
-		>
+			</button>
+		</span>
 	</div>
 </template>
 
 <script setup name="LayPage" lang="ts">
-import {
-	defineProps,
-	Ref,
-	ref,
-	watch,
-	useSlots,
-	computed,
-	ComputedRef,
-} from "vue";
+import { defineProps, Ref, ref, watch, useSlots, computed } from "vue";
 
 const slots = useSlots();
 
 const props = withDefaults(
 	defineProps<{
 		total: number;
-		limit?: number;
-		pages?: number;
+		limit: number;
 		theme?: string;
 		showPage?: boolean | string;
 		showSkip?: boolean | string;
@@ -79,10 +79,11 @@ const props = withDefaults(
 		showLimit?: boolean | string;
 		showInput?: boolean | string;
 		showRefresh?: boolean | string;
+		pages?: number;
+		limits?: number[];
 	}>(),
 	{
 		limit: 10,
-		pages: 10,
 		theme: "green",
 		showPage: false,
 		showSkip: false,
@@ -90,8 +91,11 @@ const props = withDefaults(
 		showLimit: true,
 		showInput: false,
 		showRefresh: false,
+		pages: 10,
+		limits: () => [10, 20, 30, 40, 50],
 	}
 );
+const limits = ref(props.limits);
 const pages = props.pages / 2;
 const inlimit = computed({
 	get() {
@@ -101,8 +105,9 @@ const inlimit = computed({
 		emit("limit", v);
 	},
 });
-const maxPage = ref(Math.ceil(props.total / props.limit));
+const maxPage = ref(0);
 const totalPage = computed(() => {
+	maxPage.value = Math.ceil(props.total / props.limit);
 	let r: number[] = [],
 		start =
 			maxPage.value <= props.pages
@@ -120,6 +125,7 @@ const totalPage = computed(() => {
 });
 const currentPage: Ref<number> = ref(1);
 const currentPageShow: Ref<number> = ref(currentPage.value);
+
 const emit = defineEmits(["jump", "limit"]);
 
 const prev = function () {
@@ -130,7 +136,7 @@ const prev = function () {
 };
 
 const next = function () {
-	if (currentPage.value === totalPage.value[totalPage.value.length - 1]) {
+	if (currentPage.value === maxPage.value) {
 		return;
 	}
 	currentPage.value++;
@@ -146,11 +152,11 @@ const jumpPage = function () {
 
 watch(inlimit, function () {
 	currentPage.value = 1;
-	// totalPage.value = Math.ceil(props.total / inlimit.value);
+	// maxPage.value = Math.ceil(props.total / inlimit.value);
 });
 
 watch(currentPage, function () {
 	currentPageShow.value = currentPage.value;
 	emit("jump", { current: currentPage.value });
 });
-</script>
\ No newline at end of file
+</script>

From 38e1e38d81f706648c88999a526adc8443778137 Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Sat, 8 Jan 2022 11:24:42 +0800
Subject: [PATCH 06/32] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=E6=89=80=E6=9C=89=E7=BB=84=E4=BB=B6=E7=94=A8=E4=BA=8Eimport?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.ts | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 4ed53ff9..e4701168 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -69,7 +69,7 @@ import LayInputNumber from "./module/inputNumber/index";
 import LaySkeleton from './module/skeleton/index';
 import LaySkeletonItem from './module/skeletonItem/index';
 
-const components: Record<string, IDefineComponent> = {
+export const components: Record<string, IDefineComponent> = {
   LayRadio,
   LayButton,
   LayIcon,
@@ -144,11 +144,9 @@ const install = (app: App, options?: InstallOptions): void => {
 };
 
 export {
-  LaySkeleton,
-  LaySkeletonItem,
   LayRadio,
-  LayIcon,
   LayButton,
+  LayIcon,
   LayBacktop,
   LayLayout,
   LaySide,
@@ -202,7 +200,12 @@ export {
   LayCarousel,
   LayCarouselItem,
   LayColorPicker,
-  LayLayer
+  LayLayer,
+  LayTooltip,
+  LayInputNumber,
+  LaySkeleton,
+  LaySkeletonItem,
+  LayCountUp,
 };
 
 export { layer };

From 87d915bb624796ddc8d6e9580db16d644c513269 Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Sat, 8 Jan 2022 11:29:42 +0800
Subject: [PATCH 07/32] =?UTF-8?q?=E5=88=87=E6=8D=A2package=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 7ca912f9..ac342901 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@ctsy/layui-vue",
+  "name": "@layui/layui-vue",
   "version": "0.3.3",
   "author": "sleeprite",
   "license": "MIT",
@@ -80,4 +80,4 @@
     "last 2 versions and > 2%",
     "ie > 10"
   ]
-}
+}
\ No newline at end of file

From 150499ced83fe1f5915f709656334cfdd6071de3 Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Sat, 8 Jan 2022 11:32:44 +0800
Subject: [PATCH 08/32] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20=E9=A1=B5=E7=A0=81?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E8=BE=93=E5=85=A5=E6=A1=86=E4=B8=AD=E6=8D=95?=
 =?UTF-8?q?=E8=8E=B7enter=E4=BA=8B=E4=BB=B6=E8=A7=A6=E5=8F=91=E8=B7=B3?=
 =?UTF-8?q?=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/module/page/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/module/page/index.vue b/src/module/page/index.vue
index 6e9fa94b..54918345 100644
--- a/src/module/page/index.vue
+++ b/src/module/page/index.vue
@@ -48,6 +48,7 @@
 			到第
 			<input
 				v-model="currentPageShow"
+				@keypress.enter="jumpPage()"
 				type="number"
 				class="layui-input layui-input-number"
 			/>页

From 010bac5d8523c8dff8c48087db9f973609d765d4 Mon Sep 17 00:00:00 2001
From: castleiMac <castle@tansuyun.cn>
Date: Sat, 8 Jan 2022 12:36:27 +0800
Subject: [PATCH 09/32] =?UTF-8?q?[=E4=BF=AE=E5=A4=8D]=20select=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=AD=E5=A4=96=E9=83=A8=E5=8F=82=E6=95=B0=E5=8F=98?=
 =?UTF-8?q?=E6=9B=B4=E5=90=8E=E7=BB=84=E4=BB=B6=E5=86=85=E7=9A=84=E6=95=B0?=
 =?UTF-8?q?=E5=80=BC=E5=8F=98=E5=8C=96=E4=B8=8D=E7=94=9F=E6=95=88=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/select.md |  35 +++
 src/module/select/index.vue             | 340 ++++++++++++------------
 src/module/selectOption/index.vue       | 104 +++++---
 src/module/type/select.ts               |   4 +
 4 files changed, 275 insertions(+), 208 deletions(-)

diff --git a/example/docs/zh-CN/components/select.md b/example/docs/zh-CN/components/select.md
index 5544ef36..6bdae521 100644
--- a/example/docs/zh-CN/components/select.md
+++ b/example/docs/zh-CN/components/select.md
@@ -27,6 +27,40 @@ export default {
 }
 </script>
 
+
+::: title 数据联动
+:::
+
+::: demo
+
+<template>
+  <lay-select v-model="value">
+    <lay-select-option value="1" label="学习"></lay-select-option>
+    <lay-select-option value="2" label="编码"></lay-select-option>
+    <lay-select-option value="3" label="运动"></lay-select-option>
+  </lay-select>
+  <lay-button @click="change1">点击切换(当前值:{{value}})</lay-button>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  name:'selectChange',
+  setup() {
+    const value = ref(null);
+    var i = 1;
+    function change1(){
+      value.value=i++%3+1
+    }
+    return {
+      value,
+      change1
+    }
+  }
+}
+</script>
+
 :::
 
 ::: title 选择禁用
@@ -74,6 +108,7 @@ export default {
     <lay-select-option value="6" label="打篮球"></lay-select-option>
     <lay-select-option value="7" label="rap"></lay-select-option>
   </lay-select>
+  <lay-button @click="mvalue=[1,5,7]">点击切换(当前值:{{mvalue.join()}})</lay-button>
 </template>
 
 <script>
diff --git a/src/module/select/index.vue b/src/module/select/index.vue
index b490d6ae..a06e7f2c 100644
--- a/src/module/select/index.vue
+++ b/src/module/select/index.vue
@@ -1,91 +1,91 @@
 <template>
-  <div
-    ref="selectRef"
-    class="layui-unselect layui-form-select"
-    :class="{ 'layui-form-selected': openState }"
-  >
-    <div class="layui-select-title" @click="open">
-      <input
-        type="text"
-        :placeholder="
-          selectItem.value !== null &&
-          Array.isArray(selectItem.value) &&
-          selectItem.value.length > 0
-            ? ''
-            : emptyMessage ?? placeholder
-        "
-        :disabled="disabled"
-        readonly
-        :value="
-          !selectItem.multiple && selectItem.value !== null
-            ? selectItem.label
-            : null
-        "
-        :name="name"
-        :class="[
-          'layui-input',
-          'layui-unselect',
-          { 'layui-disabled': disabled },
-        ]"
-      />
-      <i :class="['layui-edge', { 'layui-disabled': disabled }]"></i>
-      <!-- 多选 -->
-      <div
-        v-if="selectItem.multiple && Array.isArray(selectItem.label)"
-        class="layui-multiple-select-row"
-      >
-        <div class="layui-multiple-select-badge">
-          <template v-for="(item, index) in selectItem.label" :key="index">
-            <lay-badge theme="green">
-              <span>{{ item }}</span>
-              <i
-                :class="['layui-icon', { 'layui-icon-close': true }]"
-                v-if="
-                  !disabled &&
-                  !(
-                    Array.isArray(selectItem.value) &&
-                    selectItem.value.length > 0 &&
-                    disabledItemMap[selectItem.value[index]]
-                  )
-                "
-                @click="
-                  removeItemHandle($event, {
-                    label: item,
-                    value: Array.isArray(selectItem.value)
-                      ? selectItem.value[index]
-                      : null,
-                  })
-                "
-              >
-              </i>
-            </lay-badge>
-          </template>
-        </div>
-      </div>
-    </div>
-    <dl class="layui-anim layui-anim-upbit">
-      <!-- 多选不支持空提示 -->
-      <template v-if="!multiple && showEmpty">
-        <lay-select-option :value="null" :label="emptyMessage ?? placeholder" />
-      </template>
-      <slot></slot>
-    </dl>
-  </div>
+	<div
+		ref="selectRef"
+		class="layui-unselect layui-form-select"
+		:class="{ 'layui-form-selected': openState }"
+	>
+		<div class="layui-select-title" @click="open">
+			<input
+				type="text"
+				:placeholder="
+					selectItem.value !== null &&
+					Array.isArray(selectItem.value) &&
+					selectItem.value.length > 0
+						? ''
+						: emptyMessage ?? placeholder
+				"
+				:disabled="disabled"
+				readonly
+				:value="
+					!selectItem.multiple && selectItem.value !== null
+						? selectItem.label
+						: null
+				"
+				:name="name"
+				:class="[
+					'layui-input',
+					'layui-unselect',
+					{ 'layui-disabled': disabled },
+				]"
+			/>
+			<i :class="['layui-edge', { 'layui-disabled': disabled }]"></i>
+			<!-- 多选 -->
+			<div
+				v-if="selectItem.multiple && Array.isArray(selectItem.label)"
+				class="layui-multiple-select-row"
+			>
+				<div class="layui-multiple-select-badge">
+					<template v-for="(item, index) in selectItem.label" :key="index">
+						<lay-badge theme="green">
+							<span>{{ item }}</span>
+							<i
+								:class="['layui-icon', { 'layui-icon-close': true }]"
+								v-if="
+									!disabled &&
+									!(
+										Array.isArray(selectItem.value) &&
+										selectItem.value.length > 0 &&
+										disabledItemMap[selectItem.value[index]]
+									)
+								"
+								@click="
+									removeItemHandle($event, {
+										label: item,
+										value: Array.isArray(selectItem.value)
+											? selectItem.value[index]
+											: null,
+									})
+								"
+							>
+							</i>
+						</lay-badge>
+					</template>
+				</div>
+			</div>
+		</div>
+		<dl class="layui-anim layui-anim-upbit">
+			<!-- 多选不支持空提示 -->
+			<template v-if="!multiple && showEmpty">
+				<lay-select-option :value="null" :label="emptyMessage ?? placeholder" />
+			</template>
+			<slot></slot>
+		</dl>
+	</div>
 </template>
 
 <script setup name="LaySelect" lang="ts">
 import "./index.less";
 import LaySelectOption from "../selectOption/index.vue";
 import {
-  defineProps,
-  provide,
-  isProxy,
-  ref,
-  watch,
-  computed,
-  reactive,
-  toRefs,
-  Ref,
+	defineProps,
+	provide,
+	isProxy,
+	ref,
+	watch,
+	computed,
+	reactive,
+	toRefs,
+	Ref,
 } from "vue";
 import { useClickOutside } from "@layui/hooks-vue";
 import { SelectItem } from "../type";
@@ -94,115 +94,127 @@ const selectRef = ref<null | HTMLElement>(null);
 const isClickOutside = useClickOutside(selectRef);
 
 watch(isClickOutside, () => {
-  if (isClickOutside.value) {
-    openState.value = false;
-  }
+	if (isClickOutside.value) {
+		openState.value = false;
+	}
 });
 
 const props = withDefaults(
-  defineProps<{
-    modelValue?: string | number | [] | null;
-    name?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    showEmpty?: boolean;
-    emptyMessage?: string;
-    multiple?: boolean;
-  }>(),
-  {
-    modelValue: null,
-    placeholder: "请选择",
-    disabled: false,
-    showEmpty: true,
-    multiple: false,
-  }
+	defineProps<{
+		modelValue?: string | number | [] | null;
+		name?: string;
+		placeholder?: string;
+		disabled?: boolean;
+		showEmpty?: boolean;
+		emptyMessage?: string;
+		multiple?: boolean;
+	}>(),
+	{
+		modelValue: null,
+		placeholder: "请选择",
+		disabled: false,
+		showEmpty: true,
+		multiple: false,
+	}
 );
 
 const openState = ref(false);
 
 const open = function () {
-  // 禁用
-  if (props.disabled) {
-    openState.value = false;
-    return;
-  }
-  openState.value = !openState.value;
+	// 禁用
+	if (props.disabled) {
+		openState.value = false;
+		return;
+	}
+	openState.value = !openState.value;
 };
 
 const emit = defineEmits(["update:modelValue", "change"]);
 const selectItem = ref<SelectItem>({
-  value: !props.multiple
-    ? props.modelValue
-    : props.modelValue
-    ? ([] as any[]).concat(props.modelValue)
-    : [],
-  label: props.multiple ? [] : null,
-  multiple: props.multiple,
+	value: !props.multiple
+		? props.modelValue
+		: props.modelValue
+		? ([] as any[]).concat(props.modelValue)
+		: [],
+	label: props.multiple ? [] : null,
+	multiple: props.multiple,
 } as SelectItem);
 
 watch(
-  () => selectItem.value.value,
-  (val) => {
-    emit("update:modelValue", val);
-    emit("change", val);
-  },
-  {
-    deep: true,
-  }
+	() => selectItem.value.value,
+	(val) => {
+		emit("update:modelValue", val);
+		emit("change", val);
+	},
+	{
+		deep: true,
+	}
 );
 
-watch(
-  () => props.modelValue,
-  (value) => {
-    selectItem.value.value = value;
-    if (!value && value !== 0) {
-      props.multiple && (selectItem.value.value = []);
-      selectItem.value.label = props.multiple ? [] : null;
-    }
-  }
-);
+watch(props, () => {
+	let value = props.modelValue;
+	if (props.multiple) {
+		if (Array.isArray(value)) {
+			selectItem.value.value = value;
+			selectItem.value.label = value.map((o) => ItemsMap.value[o]);
+		} else {
+			console.error("多选时请传入数组值");
+		}
+	} else {
+		selectItem.value.value = value;
+		//@ts-ignore
+		selectItem.value.label = ItemsMap.value[value] || "";
+	}
+});
 
 // 禁止操作子项
 const disabledItemMap: { [key: string | number]: boolean } = {};
 const selectItemHandle = function (
-  _selectItem: SelectItem,
-  isChecked?: boolean
+	_selectItem: SelectItem,
+	isChecked?: boolean
 ) {
-  if (!props.multiple) {
-    openState.value = false;
-  }
-  disabledItemMap[_selectItem.value as string | number] =
-    _selectItem.disabled as boolean;
-  if (typeof isChecked !== "boolean") {
-    props.multiple
-      ? (selectItem.value.label as any[]).push(_selectItem.label)
-      : (selectItem.value.label = _selectItem.label);
-    return;
-  }
-  let values = selectItem.value.value;
-  if (props.multiple && Array.isArray(values)) {
-    const _values = values as any[];
-    const _labels = selectItem.value.label as any[];
-    if (isChecked) {
-      _values.push(_selectItem.value);
-      _labels.push(_selectItem.label);
-    } else {
-      _values.splice(_values.indexOf(_selectItem.value), 1);
-      _labels.splice(_labels.indexOf(_selectItem.label), 1);
-    }
-    selectItem.value.value = _values;
-    selectItem.value.label = _labels;
-  } else {
-    selectItem.value.value = _selectItem.value;
-    selectItem.value.label = _selectItem.label;
-  }
+	if (!props.multiple) {
+		openState.value = false;
+	}
+	disabledItemMap[_selectItem.value as string | number] =
+		_selectItem.disabled as boolean;
+	if (typeof isChecked !== "boolean") {
+		props.multiple
+			? (selectItem.value.label as any[]).push(_selectItem.label)
+			: (selectItem.value.label = _selectItem.label);
+		return;
+	}
+	let values = selectItem.value.value;
+	if (props.multiple && Array.isArray(values)) {
+		const _values = values as any[];
+		const _labels = selectItem.value.label as any[];
+		if (isChecked) {
+			_values.push(_selectItem.value);
+			_labels.push(_selectItem.label);
+		} else {
+			_values.splice(_values.indexOf(_selectItem.value), 1);
+			_labels.splice(_labels.indexOf(_selectItem.label), 1);
+		}
+		selectItem.value.value = _values;
+		selectItem.value.label = _labels;
+	} else {
+		selectItem.value.value = _selectItem.value;
+		selectItem.value.label = _selectItem.label;
+	}
 };
 
 const removeItemHandle = function (e: MouseEvent, _selectItem: SelectItem) {
-  e.stopPropagation();
-  selectItemHandle(_selectItem, false);
+	e.stopPropagation();
+	selectItemHandle(_selectItem, false);
+};
+const ItemsMap: Ref<{ [index: string]: string }> = ref({});
+const selectItemPush = function (p: SelectItem) {
+	if (p.value !== null) {
+		//@ts-ignore
+		ItemsMap.value[p.value] = p.label;
+	}
 };
-
 provide("selectItemHandle", selectItemHandle);
 provide("selectItem", selectItem);
+provide("selectItemPush", selectItemPush);
 </script>
diff --git a/src/module/selectOption/index.vue b/src/module/selectOption/index.vue
index f9401442..266dc349 100644
--- a/src/module/selectOption/index.vue
+++ b/src/module/selectOption/index.vue
@@ -1,65 +1,81 @@
 <template>
-  <dd
-    :value="value"
-    :class="[{ 'layui-this': selected }, { 'layui-disabled': disabled }]"
-    @click="selectHandle"
-  >
-    <template v-if="selectItem.multiple">
-      <lay-checkbox
-        skin="primary"
-        v-model="selected"
-        @change="selectHandle"
-        label=""
-      />
-    </template>
-    <slot>{{ label }}</slot>
-  </dd>
+	<dd
+		:value="value"
+		:class="[{ 'layui-this': selected }, { 'layui-disabled': disabled }]"
+		@click="selectHandle"
+	>
+		<template v-if="selectItem.multiple">
+			<lay-checkbox
+				skin="primary"
+				v-model="selected"
+				@change="selectHandle"
+				label=""
+			/>
+		</template>
+		<slot>{{ label }}</slot>
+	</dd>
 </template>
 
 <script lang="ts">
 export default {
-  name: "LaySelectOption",
+	name: "LaySelectOption",
 };
 </script>
 
 <script setup lang="ts">
 import LayCheckbox from "../checkbox";
-import { SelectItem, SelectItemHandle } from "../type";
+import { SelectItem, SelectItemHandle, SelectItemPush } from "../type";
 import { computed, defineProps, inject, onMounted, Ref } from "vue";
 
 const props = withDefaults(
-  defineProps<{
-    value: string | null | undefined;
-    label?: string;
-    disabled?: boolean;
-  }>(),
-  {
-    disabled: false,
-  }
+	defineProps<{
+		value: string | null | undefined;
+		label?: string;
+		disabled?: boolean;
+	}>(),
+	{
+		disabled: false,
+	}
 );
 
 const selectItemHandle = inject("selectItemHandle") as SelectItemHandle;
 const selectItem = inject("selectItem") as Ref<SelectItem>;
+const selectItemPush = inject("selectItemPush") as Ref<SelectItemPush>;
 
 const selectHandle = function () {
-  !props.disabled && callSelectItemHandle(!selected.value);
-}
-const callSelectItemHandle = function(isChecked ?: boolean){
-  selectItemHandle({
-    value : props.value,
-    label : props.label,
-    disabled : props.disabled
-  }, isChecked);
-}
+	!props.disabled && callSelectItemHandle(!selected.value);
+};
+const callSelectItemHandle = function (isChecked?: boolean) {
+	// console.log("callSelectItemHandle");
+	selectItemHandle(
+		{
+			value: props.value,
+			label: props.label,
+			disabled: props.disabled,
+		},
+		isChecked
+	);
+};
 const selected = computed({
-  get(){
-    const selectValues = selectItem.value.value;
-    if (Array.isArray(selectValues)) {
-      return (selectValues as any[]).indexOf(props.value) > -1;
-    }
-    return selectItem.value.value === props.value
-  },
-  set(val){}
-})
-onMounted(() => selected.value && callSelectItemHandle())
+	get() {
+		const selectValues = selectItem.value.value;
+		if (Array.isArray(selectValues)) {
+			return (selectValues as any[]).indexOf(props.value) > -1;
+		}
+		return selectItem.value.value === props.value;
+	},
+	set(val) {},
+});
+const callSelectItemPush = function () {
+	let item = {
+		value: props.value,
+		label: props.label,
+		disabled: props.disabled,
+	};
+	selectItemPush(item);
+};
+onMounted(() => {
+	callSelectItemPush();
+	selected.value && callSelectItemHandle();
+});
 </script>
diff --git a/src/module/type/select.ts b/src/module/type/select.ts
index 2d732bb2..282d9606 100644
--- a/src/module/type/select.ts
+++ b/src/module/type/select.ts
@@ -9,3 +9,7 @@ export interface SelectItem {
 export interface SelectItemHandle {
   (selectItem: SelectItem, isChecked?: boolean): void;
 }
+
+export interface SelectItemPush {
+  (selectItem: SelectItem): void
+}
\ No newline at end of file

From 57e4fa6209e27e6ad10417b50354cb40571adc9c 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: Sat, 8 Jan 2022 13:05:34 +0800
Subject: [PATCH 10/32] =?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 b5c7e9a4..3906fe2f 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -20,7 +20,9 @@
           <li>[新增] slider 滑块组件 vertical 属性, 支持垂直布局。</li>
           <li>[新增] timeline-item 时间线组件 dot 插槽, 支持自定义节点内容。</li>
           <li>[新增] sub-menu 目录组件, 与 menu-item 组合使用。</li>
-          <li>[修复] menu 组件 layui-nav-more 切换动画。</li>
+          <li>[修复] menu 菜单组件 layui-nav-more 切换动画。</li>
+          <li>[修复] select 下拉选择组件外部参数变更组件内的数值不生效的问题</li>
+          <li>[修复] page 分页组件 limit 数量过多时, 展示部分页数。</li>
         </ul> 
       </li>
     </ul>

From 83cc7a2ad21a17bae2a143fb49981548c1e1fb73 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, 9 Jan 2022 18:09:54 +0800
Subject: [PATCH 11/32] publish 0.3.3

---
 example/docs/zh-CN/components/countup.md |  8 +++++---
 example/src/layouts/Layout.vue           |  2 +-
 example/src/view/ecology.vue             | 14 ++++++++++++++
 example/src/view/index.vue               |  2 +-
 src/module/count/index.ts                |  9 ---------
 src/module/count/index.vue               |  5 -----
 6 files changed, 21 insertions(+), 19 deletions(-)
 delete mode 100644 src/module/count/index.ts
 delete mode 100644 src/module/count/index.vue

diff --git a/example/docs/zh-CN/components/countup.md b/example/docs/zh-CN/components/countup.md
index 6641070f..ea52a3d2 100644
--- a/example/docs/zh-CN/components/countup.md
+++ b/example/docs/zh-CN/components/countup.md
@@ -33,14 +33,17 @@ export default {
 ::: demo
 
 <template>
+  <lay-button @click="handlerClick" type="primary" size="sm">更新</lay-button>
+  <br/>
+  <br/>
   <!-- 属性 -->
-  <lay-card style="width:200px;height:120px;display:inline-block; border:1px solid #eeeeee;box-shadow: 3px 3px 5px #888888">
+  <lay-card style="width:200px;height:120px;display:inline-block;">
     <h1 style="padding:20px 15px">
       <lay-count-up :end-val="countVal2" prefix="¥" suffix="↑"></lay-count-up>
     </h1>
   </lay-card>
   <!-- 插槽 -->
-  <lay-card style="width:200px;height:120px;display:inline-block; margin-left:50px; border:1px solid #eeeeee;box-shadow: 3px 3px 5px #888888">
+  <lay-card style="width:200px;height:120px;display:inline-block;">
     <h1 style="padding:20px 15px">
       <lay-count-up :end-val="18" :duration="1">
         <template #prefix>
@@ -54,7 +57,6 @@ export default {
       </lay-count-up>
     </h1>
   </lay-card>
-  <lay-button @click="handlerClick" type="primary" border="blue" size="sm" style="margin:0px 30px;">更新</lay-button>
 </template>
 
 <script>
diff --git a/example/src/layouts/Layout.vue b/example/src/layouts/Layout.vue
index b94a11b6..6bfe91a1 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.2 </a>
+          <a href="javascript:void(0)"> 0.3.3 </a>
         </li>
       </ul>
     </lay-header>
diff --git a/example/src/view/ecology.vue b/example/src/view/ecology.vue
index a6c25814..1e8387fe 100644
--- a/example/src/view/ecology.vue
+++ b/example/src/view/ecology.vue
@@ -28,6 +28,20 @@
         </ul>
       </div>
     </fieldset>
+    <fieldset class="layui-elem-field layui-field-title">
+      <legend style="margin-bottom: 20px; text-align: center">后台模板</legend>
+      <div class="layui-field-box">
+        <ul class="layui-row layui-col-space6">
+          <li class="layui-col-sm24">
+            <div class="alone">
+              <a href="https://gitee.com/layui-vue/layui-vue-admin" target="_blank"
+                >layui - admin<cite>通用型 vue 3.0 后台模板</cite></a
+              >
+            </div>
+          </li>
+        </ul>
+      </div>
+    </fieldset>
   </div>
 </template>
 
diff --git a/example/src/view/index.vue b/example/src/view/index.vue
index dd84852c..f0d862a6 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.2</cite></span>
+          <span>当前版本：v<cite class="site-showv">0.3.3</cite></span>
           <span
             ><router-link
               class="layui-inline site-down"
diff --git a/src/module/count/index.ts b/src/module/count/index.ts
deleted file mode 100644
index 9c5a1dc9..00000000
--- a/src/module/count/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 || "LayCount", Component);
-};
-
-export default Component as IDefineComponent;
diff --git a/src/module/count/index.vue b/src/module/count/index.vue
deleted file mode 100644
index 00e7fb9a..00000000
--- a/src/module/count/index.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-  <span class="layui-count"></span>
-</template>
-
-<script setup name="LayCount" lang="ts"></script>

From b01d868e2dc2711db1ecf2df9ee63d19530c5e04 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, 9 Jan 2022 18:22:43 +0800
Subject: [PATCH 12/32] publish 0.3.3

---
 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 3906fe2f..e144a991 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -14,7 +14,7 @@
     <ul> 
       <a name="0-3-3"> </a> 
       <li> 
-        <h3>0.3.3 <span class="layui-badge-rim">2022-01-05</span></h3> 
+        <h3>0.3.3 <span class="layui-badge-rim">2022-01-09</span></h3> 
         <ul> 
           <li>[新增] setup 步骤条组件。</li>
           <li>[新增] slider 滑块组件 vertical 属性, 支持垂直布局。</li>

From 3995bfa88d2bc89fdf9ccf701acc588034d7c46d 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, 9 Jan 2022 18:30:34 +0800
Subject: [PATCH 13/32] =?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 | 1 +
 1 file changed, 1 insertion(+)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index e144a991..6baa22fb 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -23,6 +23,7 @@
           <li>[修复] menu 菜单组件 layui-nav-more 切换动画。</li>
           <li>[修复] select 下拉选择组件外部参数变更组件内的数值不生效的问题</li>
           <li>[修复] page 分页组件 limit 数量过多时, 展示部分页数。</li>
+          <li>[推出] layui-vue-admin 后台模板 </li>
         </ul> 
       </li>
     </ul>

From 03794943654594d37aa1ea289c8158cbf65ff5bc 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, 9 Jan 2022 22:11:28 +0800
Subject: [PATCH 14/32] =?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/components/menu.md | 134 +++++++++++++++-----------
 1 file changed, 79 insertions(+), 55 deletions(-)

diff --git a/example/docs/zh-CN/components/menu.md b/example/docs/zh-CN/components/menu.md
index 7ffac7fa..3374ed9d 100644
--- a/example/docs/zh-CN/components/menu.md
+++ b/example/docs/zh-CN/components/menu.md
@@ -47,7 +47,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree">
+  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" :tree="true">
     <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> 
@@ -66,6 +66,49 @@ export default {
 <script>
 import { ref } from 'vue'
 
+export default {
+  setup() {
+
+    const openKeys = ref(["7"])
+    const selectedKey = ref("5")
+
+    return {
+      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">
+      <router-link to="">首页</router-link>
+    </lay-menu-item>
+    <lay-sub-menu id="7">
+        <template v-slot:title> 
+          <router-link to="">目录</router-link>
+        </template>
+        <lay-menu-item id="8">
+            <router-link to="">菜单一</router-link>
+        </lay-menu-item> 
+        <lay-menu-item id="9">
+            <router-link to="">菜单二</router-link>
+        </lay-menu-item>
+    </lay-sub-menu> 
+  </lay-menu>
+</template>
+
+<script>
+import { ref } from 'vue'
+
 export default {
   setup() {
 
@@ -84,59 +127,7 @@ export default {
 
 :::
 
-
-::: 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>
-</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 菜单属性
+::: title Menu 属性
 :::
 
 ::: table
@@ -148,7 +139,40 @@ export default {
 
 :::
 
-::: title 菜单插槽
+::: title Menu Item 属性
+:::
+
+::: table
+
+| 插槽  | 描述     | 备注 |
+| ----- | -------- | ---- |
+| title | 菜单标题 | --   |
+
+:::
+
+::: title Menu Item 插槽
+:::
+
+::: table
+
+| 插槽  | 描述     | 备注 |
+| ----- | -------- | ---- |
+| title | 菜单标题 | --   |
+
+:::
+
+::: title Sub Menu 属性
+:::
+
+::: table
+
+| 插槽  | 描述     | 备注 |
+| ----- | -------- | ---- |
+| title | 菜单标题 | --   |
+
+:::
+
+::: title Sub Menu 插槽
 :::
 
 ::: table

From 25633a6ca75f0390b5e661d521477266a7924b4e 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, 9 Jan 2022 22:41:56 +0800
Subject: [PATCH 15/32] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20avatar-list=20?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/avatar.md | 39 +++++++++++++++++++++++--
 example/docs/zh-CN/guide/changelog.md   | 10 +++++++
 example/src/assets/css/markdown.css     |  4 ---
 example/src/layouts/Layout.vue          |  2 +-
 example/src/view/index.vue              |  2 +-
 package.json                            |  2 +-
 src/index.ts                            |  3 ++
 src/module/avatar/index.less            |  5 ++++
 src/module/avatarList/index.ts          |  9 ++++++
 src/module/avatarList/index.vue         | 15 ++++++++++
 src/module/menuItem/index.vue           |  2 +-
 src/module/subMenu/index.vue            |  2 +-
 12 files changed, 83 insertions(+), 12 deletions(-)
 create mode 100644 src/module/avatarList/index.ts
 create mode 100644 src/module/avatarList/index.vue

diff --git a/example/docs/zh-CN/components/avatar.md b/example/docs/zh-CN/components/avatar.md
index ca80adf5..7e423ed2 100644
--- a/example/docs/zh-CN/components/avatar.md
+++ b/example/docs/zh-CN/components/avatar.md
@@ -38,9 +38,7 @@ export default {
 
 <script>
 import { ref } from 'vue'
-
 export default {
-
     setup() {
 
         const src = "https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png"
@@ -61,8 +59,11 @@ export default {
 
 <template>
   <lay-avatar :src="src" size="xs"></lay-avatar> 
+  &nbsp;&nbsp; 
   <lay-avatar :src="src" size="sm"></lay-avatar>
+  &nbsp;&nbsp;
   <lay-avatar :src="src"></lay-avatar>
+  &nbsp;&nbsp;
   <lay-avatar :src="src" size="lg"></lay-avatar>
 </template>
 
@@ -83,6 +84,38 @@ export default {
 
 :::
 
+::: title 头像列表
+:::
+
+::: demo
+
+<template>
+  <lay-avatar-list>
+    <lay-avatar :src="src" radius></lay-avatar>
+    <lay-avatar :src="src" radius></lay-avatar>
+    <lay-avatar :src="src" radius></lay-avatar>
+    <lay-avatar :src="src" radius></lay-avatar>
+    <lay-avatar :src="src" radius></lay-avatar>
+  </lay-avatar-list>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+    setup() {
+
+        const src = "https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png"
+
+        return {
+          src
+        }
+  }
+}
+</script>
+
+:::
+
 ::: title 头像属性
 :::
 
@@ -97,4 +130,4 @@ export default {
 :::
 
 ::: comment
-:::
\ No newline at end of file
+:::
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 6baa22fb..bcff068b 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -11,6 +11,16 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="0.3.x">
+      <ul> 
+      <a name="0-3-4"> </a> 
+      <li> 
+        <h3>0.3.4 <span class="layui-badge-rim">2022-01-09</span></h3> 
+        <ul> 
+          <li>[新增] avatar-list 头像列表组件。</li>
+          <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li>
+        </ul> 
+      </li>
+    </ul>
     <ul> 
       <a name="0-3-3"> </a> 
       <li> 
diff --git a/example/src/assets/css/markdown.css b/example/src/assets/css/markdown.css
index db461523..89f15ce0 100644
--- a/example/src/assets/css/markdown.css
+++ b/example/src/assets/css/markdown.css
@@ -110,10 +110,6 @@ form {
   margin: 0;
 }
 
-.source .layui-avatar {
-  margin-right: 30px;
-}
-
 .site-doc-icon {
   margin-bottom: 50px;
   font-size: 0;
diff --git a/example/src/layouts/Layout.vue b/example/src/layouts/Layout.vue
index 6bfe91a1..21d3d9c9 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.3 </a>
+          <a href="javascript:void(0)"> 0.3.4 </a>
         </li>
       </ul>
     </lay-header>
diff --git a/example/src/view/index.vue b/example/src/view/index.vue
index f0d862a6..43f43bb3 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.3</cite></span>
+          <span>当前版本：v<cite class="site-showv">0.3.4</cite></span>
           <span
             ><router-link
               class="layui-inline site-down"
diff --git a/package.json b/package.json
index ac342901..894ab5ff 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "author": "sleeprite",
   "license": "MIT",
   "description": "a component library for Vue 3 base on layui-vue",
diff --git a/src/index.ts b/src/index.ts
index 8224c093..4891e412 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -9,6 +9,7 @@ import { layer } from "@layui/layer-vue";
 import LayLayer from "./module/layer/index";
 import LayBacktop from "./module/backTop/index";
 import LayAvatar from "./module/avatar/index";
+import LayAvatarList from "./module/avatarList/index";
 import LayRadio from "./module/radio/index";
 import LayButton from "./module/button/index";
 import LayButtonContainer from "./module/buttonContainer/index";
@@ -108,6 +109,7 @@ export const components: Record<string, IDefineComponent> = {
   LayBreadcrumb,
   LayBreadcrumbItem,
   LayAvatar,
+  LayAvatarList,
   LayField,
   LaySelect,
   LayScroll,
@@ -185,6 +187,7 @@ export {
   LayBreadcrumb,
   LayBreadcrumbItem,
   LayAvatar,
+  LayAvatarList,
   LayField,
   LaySelect,
   LayScroll,
diff --git a/src/module/avatar/index.less b/src/module/avatar/index.less
index e05a39e4..c872525e 100644
--- a/src/module/avatar/index.less
+++ b/src/module/avatar/index.less
@@ -40,3 +40,8 @@
   height: 28px;
   width: 28px;
 }
+
+.layui-avatar-list .layui-avatar {
+  margin-left: -10px;
+  display: inline-block;
+}
\ No newline at end of file
diff --git a/src/module/avatarList/index.ts b/src/module/avatarList/index.ts
new file mode 100644
index 00000000..af447511
--- /dev/null
+++ b/src/module/avatarList/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 || "LayAvatarList", Component);
+};
+
+export default Component as IDefineComponent;
diff --git a/src/module/avatarList/index.vue b/src/module/avatarList/index.vue
new file mode 100644
index 00000000..09aefae8
--- /dev/null
+++ b/src/module/avatarList/index.vue
@@ -0,0 +1,15 @@
+<script lang="ts">
+export default {
+  name: "LayAvatarList",
+};
+</script>
+
+<script setup lang="ts">
+import { defineProps } from "vue";
+</script>
+
+<template>
+  <div class="layui-avatar-list">
+    <slot></slot>
+  </div>
+</template>
diff --git a/src/module/menuItem/index.vue b/src/module/menuItem/index.vue
index f3e6fbbf..6724627f 100644
--- a/src/module/menuItem/index.vue
+++ b/src/module/menuItem/index.vue
@@ -11,7 +11,7 @@ const slots = useSlots();
 
 const props = defineProps<{
   id: string;
-  title: string;
+  title?: string;
 }>();
 
 const selectedKey: Ref<string> = inject("selectedKey") as Ref<string>;
diff --git a/src/module/subMenu/index.vue b/src/module/subMenu/index.vue
index 663895c4..79d34ffc 100644
--- a/src/module/subMenu/index.vue
+++ b/src/module/subMenu/index.vue
@@ -11,7 +11,7 @@ const slots = useSlots();
 
 const props = defineProps<{
   id: string;
-  title: string;
+  title?: string;
 }>();
 
 const isTree = inject("isTree");

From b205ea1cc44186facbe61bb51499c5ac366a9fd3 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, 9 Jan 2022 23:32:52 +0800
Subject: [PATCH 16/32] =?UTF-8?q?=E5=8D=87=E7=BA=A7=20vite=202.7.10?=
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 894ab5ff..ad52e505 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,7 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.61.0",
     "typescript": "^4.5.2",
-    "vite": "2.7.6",
+    "vite": "2.7.10",
     "vite-plugin-md": "^0.11.6"
   },
   "files": [

From af863d203436392303be3f6e98dba99db4ea29e3 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, 10 Jan 2022 01:17:03 +0800
Subject: [PATCH 17/32] =?UTF-8?q?=E8=A7=84=E6=95=B4=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/avatar.md      |  2 +-
 example/docs/zh-CN/components/backtop.md     |  4 +--
 example/docs/zh-CN/components/badge.md       |  4 +--
 example/docs/zh-CN/components/breadcrumb.md  |  4 +--
 example/docs/zh-CN/components/card.md        |  4 +--
 example/docs/zh-CN/components/carousel.md    |  4 +--
 example/docs/zh-CN/components/checkbox.md    |  4 +--
 example/docs/zh-CN/components/collapse.md    | 26 +++++++++---------
 example/docs/zh-CN/components/colorPicker.md |  2 +-
 example/docs/zh-CN/components/countup.md     | 27 +++++++++----------
 example/docs/zh-CN/components/dropdown.md    |  4 +--
 example/docs/zh-CN/components/empty.md       |  2 +-
 example/docs/zh-CN/components/field.md       |  2 +-
 example/docs/zh-CN/components/grid.md        |  4 +--
 example/docs/zh-CN/components/input.md       |  4 +--
 example/docs/zh-CN/components/inputNumber.md |  4 +--
 example/docs/zh-CN/components/line.md        |  2 +-
 example/docs/zh-CN/components/page.md        |  6 ++---
 example/docs/zh-CN/components/panel.md       |  2 +-
 example/docs/zh-CN/components/progress.md    |  2 +-
 example/docs/zh-CN/components/radio.md       |  4 +--
 example/docs/zh-CN/components/rate.md        |  6 ++---
 example/docs/zh-CN/components/select.md      | 28 ++++++++++----------
 example/docs/zh-CN/components/skeleton.md    |  4 +--
 example/docs/zh-CN/components/slider.md      |  5 +++-
 example/docs/zh-CN/components/step.md        |  6 ++---
 example/docs/zh-CN/components/switch.md      |  4 +--
 example/docs/zh-CN/components/tab.md         |  6 ++---
 example/docs/zh-CN/components/table.md       |  2 +-
 example/docs/zh-CN/components/textarea.md    |  4 +--
 example/docs/zh-CN/components/timeline.md    |  2 +-
 example/docs/zh-CN/components/tooltip.md     |  2 +-
 example/docs/zh-CN/components/transfer.md    |  4 +--
 example/docs/zh-CN/components/tree.md        |  6 ++---
 example/docs/zh-CN/guide/changelog.md        |  1 +
 35 files changed, 100 insertions(+), 97 deletions(-)

diff --git a/example/docs/zh-CN/components/avatar.md b/example/docs/zh-CN/components/avatar.md
index 7e423ed2..eb3fbd7e 100644
--- a/example/docs/zh-CN/components/avatar.md
+++ b/example/docs/zh-CN/components/avatar.md
@@ -116,7 +116,7 @@ export default {
 
 :::
 
-::: title 头像属性
+::: title Avatar 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/backtop.md b/example/docs/zh-CN/components/backtop.md
index d7613aeb..7eab6790 100644
--- a/example/docs/zh-CN/components/backtop.md
+++ b/example/docs/zh-CN/components/backtop.md
@@ -99,7 +99,7 @@ export default {
 
 :::
 
-::: title 事件
+::: title Backtop 事件
 :::
 
 ::: table
@@ -110,7 +110,7 @@ export default {
 
 :::
 
-::: title 插槽
+::: title Backtop 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/badge.md b/example/docs/zh-CN/components/badge.md
index 72563b1e..1e918645 100644
--- a/example/docs/zh-CN/components/badge.md
+++ b/example/docs/zh-CN/components/badge.md
@@ -39,7 +39,7 @@ export default {
 
 :::
 
-::: title 徽章属性
+::: title Badge 属性
 :::
 
 ::: table
@@ -51,7 +51,7 @@ export default {
 
 :::
 
-::: title 徽章插槽
+::: title Badge 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/breadcrumb.md b/example/docs/zh-CN/components/breadcrumb.md
index 9dca4890..c3f3316e 100644
--- a/example/docs/zh-CN/components/breadcrumb.md
+++ b/example/docs/zh-CN/components/breadcrumb.md
@@ -82,7 +82,7 @@ export default {
 
 :::
 
-::: title 面包屑属性
+::: title Breadcrumb 属性
 :::
 
 ::: table
@@ -93,7 +93,7 @@ export default {
 
 :::
 
-::: title 面包屑插槽
+::: title Breadcrumb 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/card.md b/example/docs/zh-CN/components/card.md
index ee659100..5793b162 100644
--- a/example/docs/zh-CN/components/card.md
+++ b/example/docs/zh-CN/components/card.md
@@ -108,7 +108,7 @@ export default {
 
 :::
 
-::: title 卡片属性
+::: title Card 属性
 :::
 
 ::: table
@@ -119,7 +119,7 @@ export default {
 
 :::
 
-::: title 卡片插槽
+::: title Card 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/carousel.md b/example/docs/zh-CN/components/carousel.md
index 5d973b26..4aab3a5d 100644
--- a/example/docs/zh-CN/components/carousel.md
+++ b/example/docs/zh-CN/components/carousel.md
@@ -118,7 +118,7 @@ export default {
 
 :::
 
-::: title 轮播属性
+::: title Carousel 属性
 :::
 
 ::: table
@@ -132,7 +132,7 @@ export default {
 
 :::
 
-::: title 轮播事件
+::: title Carousel 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/checkbox.md b/example/docs/zh-CN/components/checkbox.md
index bde533f0..98ad02d6 100644
--- a/example/docs/zh-CN/components/checkbox.md
+++ b/example/docs/zh-CN/components/checkbox.md
@@ -188,7 +188,7 @@ export default {
 
 :::
 
-::: title 复选框属性
+::: title Checkbox 属性
 :::
 
 ::: table
@@ -203,7 +203,7 @@ export default {
 
 :::
 
-::: title 复选框事件
+::: title Checkbox 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/collapse.md b/example/docs/zh-CN/components/collapse.md
index 38a51b7f..faabb130 100644
--- a/example/docs/zh-CN/components/collapse.md
+++ b/example/docs/zh-CN/components/collapse.md
@@ -174,7 +174,18 @@ export default {
 
 :::
 
-::: title Collapse-item 属性
+::: title Collapse 事件
+:::
+
+::: table
+
+| Name     | Description          | Callback Params  |
+| -------- | -------------------- | ---------------- |
+| change   | 折叠面板变化触发事件   | (`id`, `isShow`, activeValues)<br> <br> `id`: (`number` / `string`)对应当前操作面板的值 <br> <br> `isShow`: (`boolean`)`true` -> 展开, `false` -> 折叠 <br> <br> `activeValues`: (`Array`)当前状态为展开的面板值集合|
+
+:::
+
+::: title Collapse Item 属性
 :::
 
 ::: table
@@ -187,7 +198,7 @@ export default {
 
 :::
 
-::: title Collapse-item 插槽
+::: title Collapse Item 插槽
 :::
 
 ::: table
@@ -199,16 +210,5 @@ export default {
 
 :::
 
-::: title 事件
-:::
-
-::: table
-
-| Name     | Description          | Callback Params  |
-| -------- | -------------------- | ---------------- |
-| change   | 折叠面板变化触发事件   | (`id`, `isShow`, activeValues)<br> <br> `id`: (`number` / `string`)对应当前操作面板的值 <br> <br> `isShow`: (`boolean`)`true` -> 展开, `false` -> 折叠 <br> <br> `activeValues`: (`Array`)当前状态为展开的面板值集合|
-
-:::
-
 ::: comment
 :::
\ No newline at end of file
diff --git a/example/docs/zh-CN/components/colorPicker.md b/example/docs/zh-CN/components/colorPicker.md
index d60f63a8..fe6766c8 100644
--- a/example/docs/zh-CN/components/colorPicker.md
+++ b/example/docs/zh-CN/components/colorPicker.md
@@ -19,7 +19,7 @@ export default {
 }
 </script>
 
-::: title icon-picker 属性
+::: title Icon Picker 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/countup.md b/example/docs/zh-CN/components/countup.md
index ea52a3d2..aae1b91a 100644
--- a/example/docs/zh-CN/components/countup.md
+++ b/example/docs/zh-CN/components/countup.md
@@ -77,7 +77,7 @@ export default {
 
 :::
 
-::: title countUp 属性
+::: title Count Up 属性
 :::
 
 ::: table
@@ -96,8 +96,19 @@ export default {
 
 :::
 
+::: title Count Up 插槽
+:::
 
-::: title CountUpOptions 属性
+::: table
+
+| 名称    | 描述     | 参数 |
+| -----   | -------- | ---- |
+| prefix  | 前缀     | --   |
+| suffix  | 后缀     | --   |
+
+:::
+
+::: title Count Up Options 属性
 ::: 
 
 ::: table
@@ -113,16 +124,4 @@ export default {
 | prefix        | 前缀                                                         | string         | —    | —             |
 | suffix        | 后缀                                                         | string         | —     | —             |   |
 
-:::
-
-::: title countUp 插槽
-:::
-
-::: table
-
-| 名称    | 描述     | 参数 |
-| -----   | -------- | ---- |
-| prefix  | 前缀     | --   |
-| suffix  | 后缀     | --   |
-
 :::
\ No newline at end of file
diff --git a/example/docs/zh-CN/components/dropdown.md b/example/docs/zh-CN/components/dropdown.md
index 3a695964..823509c4 100644
--- a/example/docs/zh-CN/components/dropdown.md
+++ b/example/docs/zh-CN/components/dropdown.md
@@ -70,7 +70,7 @@ export default {
 
 :::
 
-::: title 下拉属性
+::: title Dropdown 属性
 :::
 
 ::: table
@@ -81,7 +81,7 @@ export default {
 
 :::
 
-::: title 下拉插槽
+::: title Dropdown 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/empty.md b/example/docs/zh-CN/components/empty.md
index 2d2be4af..d2c9118d 100644
--- a/example/docs/zh-CN/components/empty.md
+++ b/example/docs/zh-CN/components/empty.md
@@ -47,7 +47,7 @@ export default {
 
 :::
 
-::: title empty 属性
+::: title Empty 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/field.md b/example/docs/zh-CN/components/field.md
index 6cd334b4..c2463c86 100644
--- a/example/docs/zh-CN/components/field.md
+++ b/example/docs/zh-CN/components/field.md
@@ -64,7 +64,7 @@ export default {
 
 :::
 
-::: title 字段属性
+::: title Field 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/grid.md b/example/docs/zh-CN/components/grid.md
index e149113f..a0e23c21 100644
--- a/example/docs/zh-CN/components/grid.md
+++ b/example/docs/zh-CN/components/grid.md
@@ -139,7 +139,7 @@ export default {
 
 :::
 
-::: title 行属性
+::: title Row 属性
 :::
 
 ::: table
@@ -150,7 +150,7 @@ export default {
 
 :::
 
-::: title 列属性
+::: title Col 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/input.md b/example/docs/zh-CN/components/input.md
index 3493612f..4ad9efcb 100644
--- a/example/docs/zh-CN/components/input.md
+++ b/example/docs/zh-CN/components/input.md
@@ -106,7 +106,7 @@ export default {
 
 :::
 
-::: title 输入框属性
+::: title Input 属性
 :::
 
 ::: table
@@ -120,7 +120,7 @@ export default {
 
 :::
 
-::: title 输入框属性
+::: title Input 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/inputNumber.md b/example/docs/zh-CN/components/inputNumber.md
index e4d88717..a3f34cac 100644
--- a/example/docs/zh-CN/components/inputNumber.md
+++ b/example/docs/zh-CN/components/inputNumber.md
@@ -111,7 +111,7 @@
 :::
 
 
-::: title input-number属性
+::: title Input Number 属性
 :::
 
 ::: table
@@ -130,7 +130,7 @@
 
 :::
 
-::: title 事件
+::: title Input Number 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/line.md b/example/docs/zh-CN/components/line.md
index ebe7eb2a..c9355169 100644
--- a/example/docs/zh-CN/components/line.md
+++ b/example/docs/zh-CN/components/line.md
@@ -37,7 +37,7 @@ export default {
 
 :::
 
-::: title 分割属性
+::: title Line 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/page.md b/example/docs/zh-CN/components/page.md
index ed1bb7c0..1bc60273 100644
--- a/example/docs/zh-CN/components/page.md
+++ b/example/docs/zh-CN/components/page.md
@@ -256,7 +256,7 @@ export default {
 
 :::
 
-::: title 分页属性
+::: title Page 属性
 :::
 
 ::: table
@@ -275,7 +275,7 @@ export default {
 
 :::
 
-::: title 分页事件
+::: title Page 事件
 :::
 
 ::: table
@@ -287,7 +287,7 @@ export default {
 
 :::
 
-::: title 分页插槽
+::: title Page 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/panel.md b/example/docs/zh-CN/components/panel.md
index b9a17e75..00fd576c 100644
--- a/example/docs/zh-CN/components/panel.md
+++ b/example/docs/zh-CN/components/panel.md
@@ -24,7 +24,7 @@ export default {
 
 :::
 
-::: title 面板插槽
+::: title Panel 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/progress.md b/example/docs/zh-CN/components/progress.md
index 4a3424dc..c22ca329 100644
--- a/example/docs/zh-CN/components/progress.md
+++ b/example/docs/zh-CN/components/progress.md
@@ -113,7 +113,7 @@ export default {
 
 :::
 
-::: title 进度属性
+::: title Progress 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/radio.md b/example/docs/zh-CN/components/radio.md
index 0d194a60..07dd4f8e 100644
--- a/example/docs/zh-CN/components/radio.md
+++ b/example/docs/zh-CN/components/radio.md
@@ -97,7 +97,7 @@ export default {
 
 :::
 
-::: title 单选框属性
+::: title Radio 属性
 :::
 
 ::: table
@@ -110,7 +110,7 @@ export default {
 
 :::
 
-::: title 单选框事件
+::: title Radio 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/rate.md b/example/docs/zh-CN/components/rate.md
index 25e3c459..d7f49c0c 100644
--- a/example/docs/zh-CN/components/rate.md
+++ b/example/docs/zh-CN/components/rate.md
@@ -269,7 +269,7 @@ export default {
 
 :::
 
-::: title 评分属性
+::: title Rate 属性
 :::
 
 ::: table
@@ -287,7 +287,7 @@ export default {
 
 :::
 
-::: title 插槽
+::: title Rate 插槽
 :::
 
 ::: table
@@ -298,7 +298,7 @@ export default {
 
 :::
 
-::: title 事件
+::: title Rate 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/select.md b/example/docs/zh-CN/components/select.md
index 6bdae521..e813dbea 100644
--- a/example/docs/zh-CN/components/select.md
+++ b/example/docs/zh-CN/components/select.md
@@ -130,7 +130,7 @@ export default {
 
 :::
 
-::: title select 属性
+::: title Select 属性
 :::
 
 ::: table
@@ -147,7 +147,18 @@ export default {
 
 :::
 
-::: title select-option 属性
+::: title Select 事件
+:::
+
+::: table
+
+| 属性    | 描述       |     接收值      |
+| ------ | ---------- | --------------- |
+| change | 切换事件    | value           |
+
+:::
+
+::: title Select Option 属性
 :::
 
 ::: table
@@ -163,7 +174,7 @@ export default {
 
 :::
 
-::: title select-option 插槽
+::: title Select Option 插槽
 :::
 
 ::: table
@@ -174,16 +185,5 @@ export default {
 
 :::
 
-::: title select 事件
-:::
-
-::: table
-
-| 属性    | 描述       |     接收值      |
-| ------ | ---------- | --------------- |
-| change | 切换事件    | value           |
-
-:::
-
 ::: comment
 :::
\ No newline at end of file
diff --git a/example/docs/zh-CN/components/skeleton.md b/example/docs/zh-CN/components/skeleton.md
index fff07bf1..e68117cf 100644
--- a/example/docs/zh-CN/components/skeleton.md
+++ b/example/docs/zh-CN/components/skeleton.md
@@ -82,7 +82,7 @@ export default {
 
 :::
 
-::: title 骨架屏属性
+::: title Skeleton 属性
 :::
 
 ::: table
@@ -96,7 +96,7 @@ export default {
 
 :::
 
-::: title 骨架屏插槽
+::: title Skeleton 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/slider.md b/example/docs/zh-CN/components/slider.md
index 39661b4e..5882319f 100644
--- a/example/docs/zh-CN/components/slider.md
+++ b/example/docs/zh-CN/components/slider.md
@@ -1,3 +1,6 @@
+::: anchor
+:::
+
 ::: title 横向
 :::
 
@@ -91,7 +94,7 @@ export default {
 </script>
 :::
 
-::: title slider 属性
+::: title Slider 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/step.md b/example/docs/zh-CN/components/step.md
index b34c0dbb..f08eb61d 100644
--- a/example/docs/zh-CN/components/step.md
+++ b/example/docs/zh-CN/components/step.md
@@ -423,7 +423,7 @@ export default {
 
 :::
 
-::: title step步骤条属性
+::: title Step 属性
 :::
 
 ::: table
@@ -442,7 +442,7 @@ export default {
 :::
 
 
-::: title stepItem步骤条属性
+::: title Step Item 属性
 :::
 
 ::: table
@@ -457,7 +457,7 @@ export default {
 
 :::
 
-::: title stepItem步骤条slot
+::: title Step Item 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/switch.md b/example/docs/zh-CN/components/switch.md
index f391b3ed..f0d740f2 100644
--- a/example/docs/zh-CN/components/switch.md
+++ b/example/docs/zh-CN/components/switch.md
@@ -111,7 +111,7 @@ export default {
 
 :::
 
-::: title 开关属性
+::: title Switch 属性
 :::
 
 ::: table
@@ -126,7 +126,7 @@ export default {
 
 :::
 
-::: title 开关事件
+::: title Switch 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/tab.md b/example/docs/zh-CN/components/tab.md
index 8af7bfac..fea5f627 100644
--- a/example/docs/zh-CN/components/tab.md
+++ b/example/docs/zh-CN/components/tab.md
@@ -169,7 +169,7 @@ export default {
     return {
       current5,
       change5,
-      beforeClose，
+      beforeClose,
       close5
     }
   }
@@ -220,7 +220,7 @@ export default {
 
 :::
 
-::: title 选项卡属性
+::: title Tab 属性
 :::
 
 ::: table
@@ -235,7 +235,7 @@ export default {
 
 :::
 
-::: title 选项卡事件
+::: title Tab 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/table.md b/example/docs/zh-CN/components/table.md
index 6ff3bdc9..fdf00639 100644
--- a/example/docs/zh-CN/components/table.md
+++ b/example/docs/zh-CN/components/table.md
@@ -315,7 +315,7 @@ export default {
 
 ### <div id="tableColumn"></div>
 
-::: title Table Column 属性
+::: title Table 数据
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/textarea.md b/example/docs/zh-CN/components/textarea.md
index 13d4a7f0..a25e9a2c 100644
--- a/example/docs/zh-CN/components/textarea.md
+++ b/example/docs/zh-CN/components/textarea.md
@@ -85,7 +85,7 @@ export default {
 
 :::
 
-::: title 文本域属性
+::: title Textarea 属性
 :::
 
 ::: table
@@ -99,7 +99,7 @@ export default {
 
 :::
 
-::: title 文本域事件
+::: title Textarea 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/timeline.md b/example/docs/zh-CN/components/timeline.md
index f52cb769..6ba9cb06 100644
--- a/example/docs/zh-CN/components/timeline.md
+++ b/example/docs/zh-CN/components/timeline.md
@@ -120,7 +120,7 @@ export default {
 
 :::
 
-::: title Timeline Item 属性
+::: title Timeline Item 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/tooltip.md b/example/docs/zh-CN/components/tooltip.md
index 1ba1d14b..a164762a 100644
--- a/example/docs/zh-CN/components/tooltip.md
+++ b/example/docs/zh-CN/components/tooltip.md
@@ -113,7 +113,7 @@
 </style>
 :::
 
-::: title tooltip属性
+::: title Tooltip 属性
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/transfer.md b/example/docs/zh-CN/components/transfer.md
index 0af76e89..402860ea 100644
--- a/example/docs/zh-CN/components/transfer.md
+++ b/example/docs/zh-CN/components/transfer.md
@@ -86,7 +86,7 @@ export default {
 
 :::
 
-::: title transfer 属性
+::: title Transfer 属性
 :::
 
 ::: table
@@ -99,7 +99,7 @@ export default {
 
 :::
 
-::: title transfer 插槽
+::: title Transfer 插槽
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/components/tree.md b/example/docs/zh-CN/components/tree.md
index 1ff6ca5c..06a0d694 100644
--- a/example/docs/zh-CN/components/tree.md
+++ b/example/docs/zh-CN/components/tree.md
@@ -216,7 +216,7 @@ function handleClick(node) {
 
 :::
 
-::: title tree attributes
+::: title Tree 属性
 :::
 
 ::: table
@@ -231,7 +231,7 @@ function handleClick(node) {
 
 :::
 
-::: title TreeData
+::: title Tree 数据
 :::
 
 ::: table
@@ -246,7 +246,7 @@ function handleClick(node) {
 
 :::
 
-::: title tree events
+::: title Tree 事件
 :::
 
 ::: table
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index bcff068b..28f3e306 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -18,6 +18,7 @@
         <ul> 
           <li>[新增] avatar-list 头像列表组件。</li>
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li>
+          <li>[升级] vite 2.7.10。</li>        
         </ul> 
       </li>
     </ul>

From 98fc0db56111f2ec29bca6371589c2603254f101 Mon Sep 17 00:00:00 2001
From: dingyongya <yahya_dyy@163.com>
Date: Wed, 12 Jan 2022 14:22:53 +0800
Subject: [PATCH 18/32] =?UTF-8?q?1.=E6=96=87=E6=A1=A3=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E4=B8=8A=E4=B8=80=E9=A1=B5=E4=B8=8B=E4=B8=80=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/avatar.md  | 3 +++
 example/docs/zh-CN/components/countup.md | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/example/docs/zh-CN/components/avatar.md b/example/docs/zh-CN/components/avatar.md
index eb3fbd7e..7a75390b 100644
--- a/example/docs/zh-CN/components/avatar.md
+++ b/example/docs/zh-CN/components/avatar.md
@@ -131,3 +131,6 @@ export default {
 
 ::: comment
 :::
+
+::: previousNext avatar
+:::
diff --git a/example/docs/zh-CN/components/countup.md b/example/docs/zh-CN/components/countup.md
index aae1b91a..2e8adc86 100644
--- a/example/docs/zh-CN/components/countup.md
+++ b/example/docs/zh-CN/components/countup.md
@@ -124,4 +124,7 @@ export default {
 | prefix        | 前缀                                                         | string         | —    | —             |
 | suffix        | 后缀                                                         | string         | —     | —             |   |
 
+:::
+
+::: previousNext countUp
 :::
\ No newline at end of file

From a1f8afc4b500c894ca992cbd2716ab4725a98b6c 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: Fri, 14 Jan 2022 11:38:57 +0800
Subject: [PATCH 19/32] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20button=20disabled=20?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E4=B8=8B=20click=20=E4=BB=8D=E7=84=B6?=
 =?UTF-8?q?=E8=A7=A6=E5=8F=91=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/docs/zh-CN/components/button.md | 7 ++++++-
 src/module/button/index.vue             | 9 +++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/example/docs/zh-CN/components/button.md b/example/docs/zh-CN/components/button.md
index 9f4e0d8b..f27fb869 100644
--- a/example/docs/zh-CN/components/button.md
+++ b/example/docs/zh-CN/components/button.md
@@ -122,7 +122,7 @@ export default {
   <lay-button type="normal" radius>百搭按钮</lay-button>
   <lay-button type="warm" radius>暖色按钮</lay-button>
   <lay-button type="danger" radius>警告按钮</lay-button>
-  <lay-button type="disabled" radius>禁用按钮</lay-button>
+  <lay-button @click="onClick" disabled radius>禁用按钮</lay-button>
 </template>
 
 <script>
@@ -131,7 +131,12 @@ import { ref } from 'vue'
 export default {
   setup() {
 
+    const onClick = () => {
+      console.log("click event");
+    }
+
     return {
+      onClick
     }
   }
 }
diff --git a/src/module/button/index.vue b/src/module/button/index.vue
index 2e2be2b3..eda5175f 100644
--- a/src/module/button/index.vue
+++ b/src/module/button/index.vue
@@ -27,6 +27,14 @@ const props = withDefaults(defineProps<LayButtonProps>(), {
   nativeType: "button",
 });
 
+const emit = defineEmits(["click"]);
+
+const onClick = (event : any) => {
+  if(!props.disabled) {
+    emit("click", event);
+  }
+}
+
 const classes = computed(() => {
   return [
     props.type ? `layui-btn-${props.type}` : "",
@@ -48,6 +56,7 @@ const classes = computed(() => {
       classes,
     ]"
     :type="nativeType"
+    @click="onClick"
   >
     <i
       v-if="loading"

From e06564d44ba3dacd210281753608678583f8c35e 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: Fri, 14 Jan 2022 11:40:20 +0800
Subject: [PATCH 20/32] =?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 | 1 +
 1 file changed, 1 insertion(+)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 28f3e306..1a5cfd89 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -17,6 +17,7 @@
         <h3>0.3.4 <span class="layui-badge-rim">2022-01-09</span></h3> 
         <ul> 
           <li>[新增] avatar-list 头像列表组件。</li>
+          <li>[修复] button 按钮 disabled 为 true 时, 仍触发 click 事件。</li>
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li>
           <li>[升级] vite 2.7.10。</li>        
         </ul> 

From 675f62b881517cafd578703b93ec4911ccdccedd Mon Sep 17 00:00:00 2001
From: halo <825251234@qq.com>
Date: Fri, 14 Jan 2022 16:30:26 +0800
Subject: [PATCH 21/32] add throttle for slider

---
 src/module/slider/index.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/module/slider/index.vue b/src/module/slider/index.vue
index 805a264c..531ab440 100644
--- a/src/module/slider/index.vue
+++ b/src/module/slider/index.vue
@@ -149,10 +149,24 @@ const vertical_style = reactive({
   height: props.modelValue,
 });
 
+function throttle(func: Function) {
+  let timer: any = null;
+  return function (args: any) {
+    if (!timer) {
+      timer = setTimeout(() => {
+        timer = null;
+        func(args);
+      }, 60);
+    }
+  };
+}
+const moveAction = throttle(handle_mousemove);
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 function handle_mousedown() {
   on("selectstart", window, handle_select, { once: true });
   on("mouseup", window, handle_mouseup);
-  on("mousemove", window, handle_mousemove);
+  on("mousemove", window, moveAction);
 }
 
 function handle_mousemove(e: MouseEvent) {
@@ -179,7 +193,7 @@ function handle_mousemove(e: MouseEvent) {
 function handle_mouseup() {
   // off('selectstart', document, handle_select)
   off("mouseup", window, handle_mouseup);
-  off("mousemove", window, handle_mousemove);
+  off("mousemove", window, moveAction);
 }
 
 function handle_select(e: Event): void {

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

---
 example/docs/zh-CN/guide/changelog.md | 5 +++--
 package.json                          | 8 ++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 1a5cfd89..41854f34 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -18,8 +18,9 @@
         <ul> 
           <li>[新增] avatar-list 头像列表组件。</li>
           <li>[修复] button 按钮 disabled 为 true 时, 仍触发 click 事件。</li>
-          <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li>
-          <li>[升级] vite 2.7.10。</li>        
+          <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
+          <li>[升级] vite 2.7.12。</li>        
+          <li>[升级] vue 3.2.27。</li>   
         </ul> 
       </li>
     </ul>
diff --git a/package.json b/package.json
index ad52e505..d5bdec71 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
     "async-validator": "^4.0.7",
     "countup.js": "^2.0.8",
     "evtd": "^0.2.3",
-    "vue": "^3.2.26",
+    "vue": "^3.2.27",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
@@ -52,8 +52,8 @@
     "@typescript-eslint/eslint-plugin": "^5.8.0",
     "@typescript-eslint/parser": "^5.8.0",
     "@vitejs/plugin-vue": "^1.9.3",
-    "@vue/compiler-sfc": "^3.2.26",
-    "@vue/server-renderer": "^3.2.26",
+    "@vue/compiler-sfc": "^3.2.27",
+    "@vue/server-renderer": "^3.2.27",
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "3.3.0",
     "escape-html": "^1.0.3",
@@ -68,7 +68,7 @@
     "rimraf": "^3.0.2",
     "rollup": "^2.61.0",
     "typescript": "^4.5.2",
-    "vite": "2.7.10",
+    "vite": "2.7.12",
     "vite-plugin-md": "^0.11.6"
   },
   "files": [

From edf9fac4ecf202f6c1f0f34e52dcaaa32a72a286 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, 18 Jan 2022 00:30:23 +0800
Subject: [PATCH 23/32] =?UTF-8?q?=E7=AE=80=E5=8C=96=20README.md=20?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6?=
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 41854f34..fc80759b 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -17,7 +17,7 @@
         <h3>0.3.4 <span class="layui-badge-rim">2022-01-09</span></h3> 
         <ul> 
           <li>[新增] avatar-list 头像列表组件。</li>
-          <li>[修复] button 按钮 disabled 为 true 时, 仍触发 click 事件。</li>
+          <li>[修复] button 按钮 disabled 为 true 时, 触发 click 事件。</li>
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
           <li>[升级] vite 2.7.12。</li>        
           <li>[升级] vue 3.2.27。</li>   

From d5d289ab9ef4273412def1c35804690f60114a9c 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, 18 Jan 2022 00:31:55 +0800
Subject: [PATCH 24/32] =?UTF-8?q?=E7=AE=80=E5=8C=96=20README.md=20?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/README.md b/README.md
index 692557b6..e65140ee 100644
--- a/README.md
+++ b/README.md
@@ -68,22 +68,6 @@ createApp(App).use(Layui).mount('#app')
 
 从现在开始，用另一种方式拥抱 layui, 继续化作你方寸屏幕前的亿万字节！
 
-### 使用趋势
-
-[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/5ZQ67WWS.png)](https://giteye.net/chart/5ZQ67WWS)
-
-### 贡献代码
-
-> 在人的尺度里，世界既无始也无终，唯一的信仰是，总有人认得你站在暴风雪里的样子。  
-
-[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/DBC9Z6HQ.png)](https://giteye.net/chart/DBC9Z6HQ)
-
-## 交流群
-
-| 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" /> |
-
 ## 相关
 
 [官网](http://layui-vue.pearadmin.com/)、[更新日志](http://layui-vue.pearadmin.com/zh-CN/guide/changelog)、[交流群](https://jq.qq.com/?_wv=1027&k=ffiUQgnE)
\ No newline at end of file

From c8004afc33932f5aeb5f572e517c176881fa19ad 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, 18 Jan 2022 01:28:39 +0800
Subject: [PATCH 25/32] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20=E9=80=89=E9=A1=B9?=
 =?UTF-8?q?=E5=8D=A1=20closable=20=E4=B8=8D=E5=8F=AF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/tab.md  | 47 +++++++++++++++++----------
 example/docs/zh-CN/guide/changelog.md |  1 +
 src/module/tab/index.vue              |  2 +-
 3 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/example/docs/zh-CN/components/tab.md b/example/docs/zh-CN/components/tab.md
index 07bce40a..c2100e3e 100644
--- a/example/docs/zh-CN/components/tab.md
+++ b/example/docs/zh-CN/components/tab.md
@@ -130,15 +130,15 @@ export default {
 
 :::
 
-::: title 控制是否关闭
+::: title 关闭前置
 :::
 
 ::: demo
 
 <template>
   <lay-tab type="card" v-model="current5" allow-close @change="change5" @close="close5" :beforeClose="beforeClose">
-    <lay-tab-item title="选项一" id="1"><div style="padding:20px">选项一</div></lay-tab-item>
-    <lay-tab-item title="选项二" id="2"><div style="padding:20px">选项二</div></lay-tab-item>
+    <lay-tab-item title="选项一" id="1" closable="true"><div style="padding:20px">选项一</div></lay-tab-item>
+    <lay-tab-item title="选项二" id="2" closable="false"><div style="padding:20px">选项二</div></lay-tab-item>
     <lay-tab-item title="选项三" id="3"><div style="padding:20px">选项三</div></lay-tab-item>
     <lay-tab-item title="选项四" id="4"><div style="padding:20px">选项四</div></lay-tab-item>
     <lay-tab-item title="选项五" id="5"><div style="padding:20px">选项五</div></lay-tab-item>
@@ -178,15 +178,14 @@ export default {
 
 :::
 
-
 ::: title 嵌套循环
 :::
 
 ::: demo
 
 <template>
-  <lay-tab type="card" v-model="current6" @change="change6">
-    <lay-tab-item v-for="a in arr" :key="a" :title="a.title" :id="a.id">
+  <lay-tab type="card" allow-close v-model="current6" @change="change6">
+    <lay-tab-item v-for="a in arr" :key="a" :title="a.title" :id="a.id" :closable="a.closable">
       内容{{a.id}}
     </lay-tab-item>
   </lay-tab>
@@ -204,12 +203,11 @@ export default {
     }
 
     const arr = ref([
-      {id:'1', title:'选项一'},
-      {id:'2', title:'选项二'}
+      {id:'1', title:'选项一', closable: false},
+      {id:'2', title:'选项二'},
+      {id:'3', title:'选项三'}
     ])
 
-    arr.value.push({id:'3', title:'选项三'})
-
     return {
       current6,
       arr
@@ -225,13 +223,13 @@ export default {
 
 ::: table
 
-| 属性        | 描述     | 可选值         |
-| ----------- | -------- | -------------- |
-| v-model     | 当前激活 | --             |
-| type        | 主题样式 | --             |
-| allow-close | 允许关闭 | `true` `false` |
-| before-close  | `Function`关闭之前的回调钩子函数 | 参数(`id`), `return false` 表示不进行关闭   |
-| before-leave  | `Function`切换标签之前的回调钩子函数 | 参数(`id`), `return false` 表示不进行切换   |
+| 属性         | 描述                                 | 可选值                                    |
+| ------------ | ------------------------------------ | ----------------------------------------- |
+| v-model      | 当前激活                             | --                                        |
+| type         | 主题样式                             | --                                        |
+| allow-close  | 允许关闭                             | `true` `false`                            |
+| before-close | `Function`关闭之前的回调钩子函数     | 参数(`id`), `return false` 表示不进行关闭 |
+| before-leave | `Function`切换标签之前的回调钩子函数 | 参数(`id`), `return false` 表示不进行切换 |
 
 :::
 
@@ -247,8 +245,21 @@ export default {
 
 :::
 
+::: title Tab Item 属性
+:::
+
+::: table
+
+| 属性     | 描述     | 可选值 |
+| -------- | -------- | ------ |
+| id       | 唯一标识 | --     |
+| title    | 头部标题 | --     |
+| closable | 允许关闭 | --     |
+
+:::
+
 ::: comment
 :::
 
 ::: previousNext tab
-:::
\ No newline at end of file
+:::
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index fc80759b..0e38f21a 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -17,6 +17,7 @@
         <h3>0.3.4 <span class="layui-badge-rim">2022-01-09</span></h3> 
         <ul> 
           <li>[新增] avatar-list 头像列表组件。</li>
+          <li>[新增] tab-item 选项卡组件 closable 属性, 控制当前选项卡 close 支持。</li>
           <li>[修复] button 按钮 disabled 为 true 时, 触发 click 事件。</li>
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
           <li>[升级] vite 2.7.12。</li>        
diff --git a/src/module/tab/index.vue b/src/module/tab/index.vue
index 033997d6..3b5d053a 100644
--- a/src/module/tab/index.vue
+++ b/src/module/tab/index.vue
@@ -13,7 +13,7 @@
       >
         {{ children.props.title }}
         <i
-          v-if="allowClose"
+          v-if="allowClose && children.props.closable != false"
           class="layui-icon layui-icon-close layui-unselect layui-tab-close"
           @click.stop="close(index, children.props.id)"
         ></i>

From ebac3dfd6ec8de0e036c9dbbb94b67da07f78f73 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, 18 Jan 2022 01:40:31 +0000
Subject: [PATCH 26/32] update README.md.

---
 README.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/README.md b/README.md
index e65140ee..692557b6 100644
--- a/README.md
+++ b/README.md
@@ -68,6 +68,22 @@ createApp(App).use(Layui).mount('#app')
 
 从现在开始，用另一种方式拥抱 layui, 继续化作你方寸屏幕前的亿万字节！
 
+### 使用趋势
+
+[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/5ZQ67WWS.png)](https://giteye.net/chart/5ZQ67WWS)
+
+### 贡献代码
+
+> 在人的尺度里，世界既无始也无终，唯一的信仰是，总有人认得你站在暴风雪里的样子。  
+
+[![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/DBC9Z6HQ.png)](https://giteye.net/chart/DBC9Z6HQ)
+
+## 交流群
+
+| 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" /> |
+
 ## 相关
 
 [官网](http://layui-vue.pearadmin.com/)、[更新日志](http://layui-vue.pearadmin.com/zh-CN/guide/changelog)、[交流群](https://jq.qq.com/?_wv=1027&k=ffiUQgnE)
\ No newline at end of file

From 96a11ffd691414a8371834f79d7c289b1b5c71c1 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, 18 Jan 2022 14:20:59 +0800
Subject: [PATCH 27/32] =?UTF-8?q?=E5=8D=87=E7=BA=A7=20rollup=202.64.0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md | 2 +-
 package.json                          | 8 ++++----
 vite.config.ts                        | 3 ++-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 0e38f21a..614d2c73 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -20,7 +20,7 @@
           <li>[新增] tab-item 选项卡组件 closable 属性, 控制当前选项卡 close 支持。</li>
           <li>[修复] button 按钮 disabled 为 true 时, 触发 click 事件。</li>
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
-          <li>[升级] vite 2.7.12。</li>        
+          <li>[升级] rollup 2.64.0。</li>
           <li>[升级] vue 3.2.27。</li>   
         </ul> 
       </li>
diff --git a/package.json b/package.json
index d5bdec71..1c14b009 100644
--- a/package.json
+++ b/package.json
@@ -24,12 +24,12 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build --emptyOutDir && npm run build:types",
+    "build:es": "es use",
+    "build:umd": "umd use",
     "build:types": "rimraf types && tsc -d",
     "build:example": "vite build example",
     "lint:eslint": "eslint 'src/**/*.{vue,ts,tsx}' --fix",
-    "lint:prettier": "prettier --write  'src/**/*'",
-    "commit": "git cz",
-    "prepublishOnly": "npm run build"
+    "lint:prettier": "prettier --write  'src/**/*'"
   },
   "dependencies": {
     "@layui/hooks-vue": "^0.1.6",
@@ -66,7 +66,7 @@
     "prettier": "^2.5.1",
     "prismjs": "^1.25.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.61.0",
+    "rollup": "^2.64.0",
     "typescript": "^4.5.2",
     "vite": "2.7.12",
     "vite-plugin-md": "^0.11.6"
diff --git a/vite.config.ts b/vite.config.ts
index b53e6528..82f6a6b3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -30,11 +30,12 @@ export default defineConfig({
         assetFileNames: 'index.css',
       },
       plugins: [
+        // @ts-ignore
         babel({
           exclude: 'node_modules/**',
           extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
           presets: ['@babel/preset-env', '@babel/preset-typescript'],
-        }),
+        })
       ],
       external: ['vue', 'vue-router'],
     },

From 0c8be1c1701808fee9bf764f35dd3b5d93849cc8 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, 18 Jan 2022 23:41:03 +0800
Subject: [PATCH 28/32] =?UTF-8?q?=E5=8D=87=E7=BA=A7=20layer-vue=201.2.5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md | 3 ++-
 package.json                          | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 614d2c73..eda1f002 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -20,7 +20,8 @@
           <li>[新增] tab-item 选项卡组件 closable 属性, 控制当前选项卡 close 支持。</li>
           <li>[修复] button 按钮 disabled 为 true 时, 触发 click 事件。</li>
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
-          <li>[升级] rollup 2.64.0。</li>
+          <li>[优化] layer 的 children slot 渲染机制。</li>
+          <li>[升级] layer-vue 1.2.5。</li>
           <li>[升级] vue 3.2.27。</li>   
         </ul> 
       </li>
diff --git a/package.json b/package.json
index 1c14b009..2bcfeb35 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.4",
+    "@layui/layer-vue": "^1.2.5",
     "async-validator": "^4.0.7",
     "countup.js": "^2.0.8",
     "evtd": "^0.2.3",

From 6fcdc74a0e23131701f9eddee7ac7b7d3a0526b5 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, 19 Jan 2022 00:04:21 +0800
Subject: [PATCH 29/32] =?UTF-8?q?layout=20=E7=BB=84=E4=BB=B6=20side=20?=
 =?UTF-8?q?=E5=9B=A0=20flex=20=E5=B8=83=E5=B1=80=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E4=B8=8D=E5=9B=BA=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md | 1 +
 src/module/layout/index.less          | 4 +---
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index eda1f002..79db50dd 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -20,6 +20,7 @@
           <li>[新增] tab-item 选项卡组件 closable 属性, 控制当前选项卡 close 支持。</li>
           <li>[修复] button 按钮 disabled 为 true 时, 触发 click 事件。</li>
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
+          <li>[修复] layout 组件 side 因 flex 布局宽度不固定。</li>
           <li>[优化] layer 的 children slot 渲染机制。</li>
           <li>[升级] layer-vue 1.2.5。</li>
           <li>[升级] vue 3.2.27。</li>   
diff --git a/src/module/layout/index.less b/src/module/layout/index.less
index 9d862d7c..7fd0a397 100644
--- a/src/module/layout/index.less
+++ b/src/module/layout/index.less
@@ -1,9 +1,7 @@
 .layui-layout {
-  display: flex;
   flex: 1;
+  display: flex;
   flex-basis: auto;
-  height: 100%;
-  width: 100%;
   box-sizing: border-box;
 }
 

From 515be79cc0e288c52c67a014a8210a7b1338dfc1 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, 19 Jan 2022 00:21:23 +0800
Subject: [PATCH 30/32] =?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 | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 79db50dd..1e0f2f74 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -14,7 +14,7 @@
       <ul> 
       <a name="0-3-4"> </a> 
       <li> 
-        <h3>0.3.4 <span class="layui-badge-rim">2022-01-09</span></h3> 
+        <h3>0.3.4 <span class="layui-badge-rim">2022-01-19</span></h3> 
         <ul> 
           <li>[新增] avatar-list 头像列表组件。</li>
           <li>[新增] tab-item 选项卡组件 closable 属性, 控制当前选项卡 close 支持。</li>
@@ -22,8 +22,8 @@
           <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
           <li>[修复] layout 组件 side 因 flex 布局宽度不固定。</li>
           <li>[优化] layer 的 children slot 渲染机制。</li>
-          <li>[升级] layer-vue 1.2.5。</li>
-          <li>[升级] vue 3.2.27。</li>   
+          <li>[升级] layer-vue 1.2.5 版本。</li>
+          <li>[升级] vue 3.2.27 版本。</li>   
         </ul> 
       </li>
     </ul>
@@ -54,7 +54,7 @@
           <li>[增强] menu 菜单组件, 初步支持无限级嵌套。</li>
           <li>[修复] layer.close layer.closeAll 函数无法触发 OutAnim 过度动画问题。</li>
           <li>[废弃] menu-child-item 组件, 使用 menu-item 替代。</li>
-          <li>[升级] layer-vue 1.2.4。</li>
+          <li>[升级] layer-vue 1.2.4 版本。</li>
         </ul> 
       </li>
     </ul>
@@ -72,7 +72,7 @@
           <li>[修复] rate 评分 mouseleave 事件绑定警告。</li>
           <li>[修复] npm 安装 layui-vue 不必要的依赖警告。</li>  
           <li>[集成] eslint, prettier 规范插件 。</li>  
-          <li>[升级] icons-vue 1.0.2。</li>  
+          <li>[升级] icons-vue 1.0.2 版本。</li>  
         </ul> 
       </li>
     </ul>
@@ -91,7 +91,7 @@
           <li>[修复] layer 弹层 v-model 切换状态后, 让其保持 area 与 offset 状态。</li>
           <li>[修复] transfer 穿梭框组件按钮样式, 使其增加减少操作按钮对齐。</li>
           <li>[修复] tree 树开启 checkbox 时, 无法选中的问题。</li>
-          <li>[升级] layer-vue 1.2.2。</li>      
+          <li>[升级] layer-vue 1.2.2 版本。</li>      
         </ul> 
       </li>
     </ul>

From f941f1f765e82bcfb45b69512df4376c43f57952 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, 19 Jan 2022 22:52:45 +0800
Subject: [PATCH 31/32] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=20content=20=E4=BD=8D=E7=BD=AE=E4=B8=8D?=
 =?UTF-8?q?=E5=87=86=E7=A1=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/css/layui.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/css/layui.css b/src/css/layui.css
index 0259ac49..0eb6cb07 100644
--- a/src/css/layui.css
+++ b/src/css/layui.css
@@ -2610,7 +2610,6 @@ body .layui-table-tips .layui-layer-content {
   display: none;
   position: absolute;
   left: 0;
-  top: 38px;
   z-index: 899;
   min-width: 100%;
   max-height: 360px;

From ff03ee05a8924b75c8b124b501f68652ed82543a 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, 20 Jan 2022 01:04:42 +0800
Subject: [PATCH 32/32] =?UTF-8?q?=E5=8D=87=E7=BA=A7=20icons-vue=201.0.3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md | 12 +++++++++++-
 package.json                          |  2 +-
 src/tools/{domUtil.js => domUtil.ts}  | 12 ++++++------
 3 files changed, 18 insertions(+), 8 deletions(-)
 rename src/tools/{domUtil.js => domUtil.ts} (74%)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 1e0f2f74..e89d6c1f 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -11,7 +11,17 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="0.3.x">
-      <ul> 
+    <ul> 
+      <a name="0-3-5"> </a> 
+      <li> 
+        <h3>0.3.5 <span class="layui-badge-rim">2022-01-19</span></h3> 
+        <ul> 
+          <li>[修复] dropdown 下拉菜单 content 显示位置问题。</li>
+          <li>[升级] icons-vue 1.0.3 版本。</li>
+        </ul> 
+      </li>
+    </ul>
+    <ul> 
       <a name="0-3-4"> </a> 
       <li> 
         <h3>0.3.4 <span class="layui-badge-rim">2022-01-19</span></h3> 
diff --git a/package.json b/package.json
index 2bcfeb35..497a9fbd 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@layui/hooks-vue": "^0.1.6",
-    "@layui/icons-vue": "^1.0.2",
+    "@layui/icons-vue": "^1.0.3",
     "@layui/layer-vue": "^1.2.5",
     "async-validator": "^4.0.7",
     "countup.js": "^2.0.8",
diff --git a/src/tools/domUtil.js b/src/tools/domUtil.ts
similarity index 74%
rename from src/tools/domUtil.js
rename to src/tools/domUtil.ts
index c0b9d7b2..ea8f1ccb 100644
--- a/src/tools/domUtil.js
+++ b/src/tools/domUtil.ts
@@ -3,7 +3,7 @@
  * <p>
  * @param elem dom
  * */
-export function getTop(elem) {
+export function getTop(elem: any) : any {
   return (
     elem.offsetTop + ((elem.offsetParent && getTop(elem.offsetParent)) || 0)
   );
@@ -14,7 +14,7 @@ export function getTop(elem) {
  * <p>
  * @param elem dom
  * */
-export function getLeft(elem) {
+export function getLeft(elem: any) : any {
   return (
     elem.offsetLeft + ((elem.offsetParent && getLeft(elem.offsetParent)) || 0)
   );
@@ -27,7 +27,7 @@ export function getLeft(elem) {
  * @param events 事件
  * @param handler 事件回调
  * */
-export function on(elem, events, handler) {
+export function on(elem: any, events: any, handler: any) {
   []
     .concat(events)
     .forEach((event) => elem.addEventListener(event, handler, false));
@@ -40,8 +40,8 @@ export function on(elem, events, handler) {
  * @param events 事件
  * @param handler 事件回调
  * */
-export function once(elem, events, handler) {
-  const listener = function (_this, args) {
+export function once(elem: any, events: any, handler: any) {
+  const listener = function (_this: any, args: any) {
     handler.apply(_this, args);
     off(elem, events, listener);
   };
@@ -55,7 +55,7 @@ export function once(elem, events, handler) {
  * @param events 事件
  * @param handler 事件回调
  * */
-export function off(elem, events, handler) {
+export function off(elem: any, events: any, handler: any) {
   []
     .concat(events)
     .forEach((event) => elem.removeEventListener(event, handler, false));