From e2328de0d6ed666686b11d5f264647ad74128ef9 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, 25 May 2022 22:00:30 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(all):=20update?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/src/component/avatar/index.less   | 10 +++++-----
 .../component/src/component/avatar/index.vue    | 17 ++++++++++++-----
 package/document/src/App.vue                    |  2 +-
 .../src/document/zh-CN/components/avatar.md     |  1 +
 .../src/document/zh-CN/components/menu.md       |  6 +++---
 .../src/document/zh-CN/components/select.md     |  3 ++-
 .../src/document/zh-CN/components/timeline.md   |  2 +-
 .../src/document/zh-CN/components/upload.md     |  4 ++--
 .../src/document/zh-CN/guide/changelog.md       |  1 +
 9 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/package/component/src/component/avatar/index.less b/package/component/src/component/avatar/index.less
index 73ea53de..63eaa67b 100644
--- a/package/component/src/component/avatar/index.less
+++ b/package/component/src/component/avatar/index.less
@@ -1,25 +1,25 @@
 .layui-avatar {
-  box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #000000d9;
   font-size: 14px;
   font-variant: tabular-nums;
+  font-feature-settings: tnum;
+  border-radius: var(--global-border-radius);
+  box-sizing: border-box;
+  color: #000000d9;
   line-height: 1.5715;
   list-style: none;
-  font-feature-settings: tnum;
   position: relative;
   display: inline-block;
   overflow: hidden;
   color: #fff;
   white-space: nowrap;
   text-align: center;
-  vertical-align: middle;
   background: #ccc;
   width: 32px;
   height: 32px;
   line-height: 32px;
-  border-radius: var(--global-border-radius);
+  vertical-align: middle;
 }
 
 .layui-avatar.layui-avatar-radius {
diff --git a/package/component/src/component/avatar/index.vue b/package/component/src/component/avatar/index.vue
index 86bcae86..3cc2f344 100644
--- a/package/component/src/component/avatar/index.vue
+++ b/package/component/src/component/avatar/index.vue
@@ -1,4 +1,5 @@
 <script lang="ts">
+import { computed } from 'vue';
 export default {
   name: "LayAvatar",
 };
@@ -11,21 +12,27 @@ export interface LayAvatarProps {
   src?: string;
   size?: "xs" | "sm" | "md" | "lg";
   radius?: boolean;
+  alt?: string;
 }
 
 const props = withDefaults(defineProps<LayAvatarProps>(), {
   size: "md",
   radius: false,
 });
+
+const classes = computed(() => {
+  return [
+      'layui-avatar',
+      props.radius ? 'layui-avatar-radius' : '',
+      props.size ? `layui-avatar-${props.size}` : '',
+  ]
+})
 </script>
 
 <template>
   <img
+    :alt="alt"
     :src="src"
-    class="layui-avatar"
-    :class="[
-      radius ? 'layui-avatar-radius' : '',
-      size ? 'layui-avatar-' + size : '',
-    ]"
+    :class="classes"
   />
 </template>
diff --git a/package/document/src/App.vue b/package/document/src/App.vue
index 6aa264e7..9ea44441 100644
--- a/package/document/src/App.vue
+++ b/package/document/src/App.vue
@@ -7,4 +7,4 @@ import Vue from "vue";
 export default {
   name: "App",
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/package/document/src/document/zh-CN/components/avatar.md b/package/document/src/document/zh-CN/components/avatar.md
index 2499d087..35252a4b 100644
--- a/package/document/src/document/zh-CN/components/avatar.md
+++ b/package/document/src/document/zh-CN/components/avatar.md
@@ -132,6 +132,7 @@ export default {
 | src    | 图源 | --             |
 | size   | 尺寸 | `xs` `sm` `lg` |
 | radius | 圆形 | `true` `false` |
+| alt    | 描述图像的替换文本 | -- |
 
 :::
 
diff --git a/package/document/src/document/zh-CN/components/menu.md b/package/document/src/document/zh-CN/components/menu.md
index 0e17433d..cf03ccc2 100644
--- a/package/document/src/document/zh-CN/components/menu.md
+++ b/package/document/src/document/zh-CN/components/menu.md
@@ -59,7 +59,6 @@ export default {
 ::: demo
 
 <template>
-  选中：{{ selectedKey }} 打开： {{ openKeys2 }}
   <lay-menu :selectedKey="selectedKey" @changeSelectedKey="changeSelectedKey" @changeOpenKeys="changeOpenKeys" v-model:openKeys="openKeys2" :tree="true">
     <lay-menu-item id="1">首页</lay-menu-item>
     <lay-menu-item id="2">首页</lay-menu-item>
@@ -335,7 +334,7 @@ export default {
         </template>
         </lay-menu-item> 
         <lay-menu-item id="9">
-                  <template #icon>
+        <template #icon>
           <lay-icon type="layui-icon-home"></lay-icon> 
         </template>
         <template #title>
@@ -540,6 +539,7 @@ export default {
   }
 }
 </script>
+
 :::
 
 ::: title Menu 属性
@@ -605,4 +605,4 @@ export default {
 :::
 
 ::: previousNext nav
-:::
+:::
\ No newline at end of file
diff --git a/package/document/src/document/zh-CN/components/select.md b/package/document/src/document/zh-CN/components/select.md
index 5e2ac081..97453440 100644
--- a/package/document/src/document/zh-CN/components/select.md
+++ b/package/document/src/document/zh-CN/components/select.md
@@ -10,7 +10,7 @@
 ::: title 基础使用
 :::
 
-::: demo
+::: demo 使用 `lay-select` 标签, 创建下拉选择框
 
 <template>
   <lay-select v-model="value">
@@ -33,6 +33,7 @@ export default {
 }
 </script>
 
+:::
 
 ::: title 数据联动
 :::
diff --git a/package/document/src/document/zh-CN/components/timeline.md b/package/document/src/document/zh-CN/components/timeline.md
index 8d917636..92f1da49 100644
--- a/package/document/src/document/zh-CN/components/timeline.md
+++ b/package/document/src/document/zh-CN/components/timeline.md
@@ -10,7 +10,7 @@
 ::: title 基础使用
 :::
 
-::: demo
+::: demo 使用 `lay-timeline` 与 `lay-timeline-item` 标签, 创建时间线
 
 <template>
     <lay-timeline>
diff --git a/package/document/src/document/zh-CN/components/upload.md b/package/document/src/document/zh-CN/components/upload.md
index 2afeeeed..c74f1304 100644
--- a/package/document/src/document/zh-CN/components/upload.md
+++ b/package/document/src/document/zh-CN/components/upload.md
@@ -4,13 +4,13 @@
 ::: title 基本介绍
 :::
 
-::: describe 按钮用于开始一个即时操作。
+::: describe 文件上传
 :::
 
 ::: title 基础使用
 :::
 
-::: demo 使用 `lay-upload` 标签, 创建一个按钮上传单文件
+::: demo 使用 `lay-upload` 标签, 创建一个上传按钮
 
 <template>
   <lay-upload @done="getUploadFile" @choose="beginChoose">
diff --git a/package/document/src/document/zh-CN/guide/changelog.md b/package/document/src/document/zh-CN/guide/changelog.md
index 48feb31b..4bf6b0c1 100644
--- a/package/document/src/document/zh-CN/guide/changelog.md
+++ b/package/document/src/document/zh-CN/guide/changelog.md
@@ -17,6 +17,7 @@
         <h3>1.1.3 <span class="layui-badge-rim">2022-05-21</span></h3> 
         <ul>
           <li>[新增] input 组件 clear 事件, 清空内容时触发的无参事件</li>
+          <li>[新增] avatar 组件 alt 属性, 用于设置描述图像无法正常显示时的替换文本</li>
           <li>[修复] tab 组件初始化时, 因无法监听到 slots 变化, 而导致 layui-tab-title 无法正常显示的问题</li>
           <li>[优化] input 组件 allow-clear 触发策略, 由始终显示调整为 v-model 不为空显示</li>
           <li>[优化] icon-picker 组件 search 功能, 为 input 输入框增加清空操作</li>