Merge branch 'develop' of https://gitee.com/dingyongya/layui-vue into split-panel

Conflicts: src/index.ts
2022-01-20 13:34:18 +08:00
parent 4934738a32 ff03ee05a8
commit 3d0daef5be
60 changed files with 859 additions and 532 deletions
--- 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,7 +84,39 @@ export default {

 :::

-::: title 头像属性
+::: 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 Avatar 属性
 :::

 ::: table
@@ -100,4 +133,4 @@ export default {
 :::

 ::: previousNext avatar
-:::
+:::
--- 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
--- 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
--- 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
--- 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
    }
  }
 }
--- 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
--- 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
--- 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
--- 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,17 +210,6 @@ 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
 :::

--- 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
--- 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>
@@ -75,7 +77,7 @@ export default {

 :::

-::: title countUp 属性
+::: title Count Up 属性
 :::

 ::: table
@@ -94,8 +96,19 @@ export default {

 :::

+::: title Count Up 插槽
+:::

-::: title CountUpOptions 属性
+::: table
+
+| 名称    | 描述     | 参数 |
+| -----   | -------- | ---- |
+| prefix  | 前缀     | --   |
+| suffix  | 后缀     | --   |
+
+:::
+
+::: title Count Up Options 属性
 ::: 

 ::: table
@@ -113,17 +126,5 @@ export default {

 :::

-::: title countUp 插槽
-:::
-
-::: table
-
-| 名称    | 描述     | 参数 |
-| -----   | -------- | ---- |
-| prefix  | 前缀     | --   |
-| suffix  | 后缀     | --   |
-
-:::
-
 ::: previousNext countUp
 :::
--- 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
--- 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
--- 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
--- 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
--- 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
--- 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
--- 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
--- 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
--- 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,13 +124,13 @@ export default {

 :::

-::: title 完整分页
+::: title 指定分页容量
 :::

 ::: demo

 <template>
-  <lay-page :limit="limit" :total="total" :show-count="showCount" :show-page="showPage" :show-limit="showLimit" :show-refresh="showRefresh" showSkip="showSkip"></lay-page>
+  <lay-page :limit="limit" :total="total" showCount showPage :limits="[10,50,100,200]" @limit="limit=$event"></lay-page>
 </template>

 <script>
@@ -141,6 +141,66 @@ export default {

    const limit = ref(20)
    const total = ref(100)
+
+    return {
+      limit,
+      total
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 每页数量切换事件(limit)
+:::
+
+::: demo
+
+<template>
+  <lay-page :limit="limit" showPage showCount :total="total" @limit="limit=$event" :show-limit="showLimit" ></lay-page>
+  <div>每页数量:{{limit}}</div>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const limit = ref(5)
+    const total = ref(9999)
+    const showLimit = ref(true)
+
+    return {
+      limit,
+      total,
+      showLimit,
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 完整分页
+:::
+
+::: demo
+
+<template>
+  <lay-page :limit="limit" :total="9999" :show-count="showCount" @limit="limit=$event" :show-page="showPage" :show-limit="showLimit" :show-refresh="showRefresh" showSkip="showSkip"></lay-page>
+  每页数量:{{limit}}
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const limit = ref(5)
+    const total = ref(9999)
    const showCount = ref(true)
    const showPage = ref(true)
    const showLimit = ref(true)
@@ -162,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>
@@ -196,7 +256,7 @@ export default {

 :::

-::: title 分页属性
+::: title Page 属性
 :::

 ::: table
@@ -210,10 +270,12 @@ export default {
 | showLimit   | 显示每页数量 | `false` |
 | showRefresh | 显示刷新按钮 | `false` |
 | showSkip    | 显示跳转     | `false` |
+| pages       | 显示切页按钮数量     | `10` |
+| limits       | 切换每页数量的选择项     | `[10,20,30,40,50]` |

 :::

-::: title 分页事件
+::: title Page 事件
 :::

 ::: table
@@ -221,10 +283,11 @@ export default {
 | 事件 | 描述     | 参数                  |
 | ---- | -------- | --------------------- |
 | jump | 切换回调 | { current: 当前页面 } |
+| limit | 每页数量变化 | 变化后的值 |

 :::

-::: title 分页插槽
+::: title Page 插槽
 :::

 ::: table
--- 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
--- 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
--- 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
--- 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
--- 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>
@@ -95,7 +130,7 @@ export default {

 :::

-::: title select 属性
+::: title Select 属性
 :::

 ::: table
@@ -112,7 +147,18 @@ export default {

 :::

-::: title select-option 属性
+::: title Select 事件
+:::
+
+::: table
+
+| 属性    | 描述       |     接收值      |
+| ------ | ---------- | --------------- |
+| change | 切换事件    | value           |
+
+:::
+
+::: title Select Option 属性
 :::

 ::: table
@@ -128,7 +174,7 @@ export default {

 :::

-::: title select-option 插槽
+::: title Select Option 插槽
 :::

 ::: table
@@ -139,17 +185,6 @@ export default {

 :::

-::: title select 事件
-:::
-
-::: table
-
-| 属性    | 描述       |     接收值      |
-| ------ | ---------- | --------------- |
-| change | 切换事件    | value           |
-
-:::
-
 ::: comment
 :::

--- 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
--- 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
--- 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
--- 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
--- 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>
@@ -169,7 +169,7 @@ export default {
    return {
      current5,
      change5,
-      beforeClose，
+      beforeClose,
      close5
    }
  }
@@ -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
@@ -220,22 +218,22 @@ export default {

 :::

-::: title 选项卡属性
+::: title Tab 属性
 :::

 ::: 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` 表示不进行切换 |

 :::

-::: title 选项卡事件
+::: title Tab 事件
 :::

 ::: table
@@ -247,8 +245,21 @@ export default {

 :::

+::: title Tab Item 属性
+:::
+
+::: table
+
+| 属性     | 描述     | 可选值 |
+| -------- | -------- | ------ |
+| id       | 唯一标识 | --     |
+| title    | 头部标题 | --     |
+| closable | 允许关闭 | --     |
+
+:::
+
 ::: comment
 :::

 ::: previousNext tab
-:::
+:::
--- 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
--- 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
--- 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
--- 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
--- 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
--- 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
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -11,16 +11,45 @@
 <template>
 <lay-timeline>
  <lay-timeline-item title="0.3.x">
+    <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> 
+        <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>[修复] layout 组件 side 因 flex 布局宽度不固定。</li>
+          <li>[优化] layer 的 children slot 渲染机制。</li>
+          <li>[升级] layer-vue 1.2.5 版本。</li>
+          <li>[升级] vue 3.2.27 版本。</li>   
+        </ul> 
+      </li>
+    </ul>
    <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>
          <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>
+          <li>[推出] layui-vue-admin 后台模板 </li>
        </ul> 
      </li>
    </ul>
@@ -35,7 +64,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>
@@ -53,7 +82,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>
@@ -72,7 +101,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>