From e9f018247a30235ff48af3e1f968a0720ade9b2b Mon Sep 17 00:00:00 2001
From: "~zZ.Lucky" <yjjjng0901@163.com>
Date: Wed, 8 Dec 2021 22:08:38 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9alert=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=96=87=E6=A1=A3API=E9=83=A8=E5=88=86=E7=9A=84?=
 =?UTF-8?q?=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui-vue/docs/components/alert/index.md  | 60 ++++++++++---------
 .../docs/en-US/components/alert/index.md      | 28 +++++----
 2 files changed, 46 insertions(+), 42 deletions(-)

diff --git a/packages/devui-vue/docs/components/alert/index.md b/packages/devui-vue/docs/components/alert/index.md
index d773f90c..e0fc6857 100644
--- a/packages/devui-vue/docs/components/alert/index.md
+++ b/packages/devui-vue/docs/components/alert/index.md
@@ -15,11 +15,11 @@
 ```vue
 <template>
   <div class="alert-demo-1">
-    <d-alert type="success" :closeable="false"> success </d-alert>
-    <d-alert type="danger" :closeable="false"> danger </d-alert>
-    <d-alert type="warning" :closeable="false"> warning </d-alert>
-    <d-alert type="info" :closeable="false"> info </d-alert>
-    <d-alert type="simple" :closeable="false"> simple </d-alert>
+    <d-alert type="success" :closeable="false">success</d-alert>
+    <d-alert type="danger" :closeable="false">danger</d-alert>
+    <d-alert type="warning" :closeable="false">warning</d-alert>
+    <d-alert type="info" :closeable="false">info</d-alert>
+    <d-alert type="simple" :closeable="false">simple</d-alert>
   </div>
 </template>
 <style>
@@ -40,11 +40,11 @@
 ```vue
 <template>
   <div class="alert-demo-2">
-    <d-alert type="success" @close="handleClose"> success </d-alert>
-    <d-alert type="danger" @close="handleClose"> danger </d-alert>
-    <d-alert type="warning" @close="handleClose"> warning </d-alert>
-    <d-alert type="info" @close="handleClose"> info </d-alert>
-    <d-alert type="simple" @close="handleClose"> simple </d-alert>
+    <d-alert type="success" @close="handleClose">success</d-alert>
+    <d-alert type="danger" @close="handleClose">danger</d-alert>
+    <d-alert type="warning" @close="handleClose">warning</d-alert>
+    <d-alert type="info" @close="handleClose">info</d-alert>
+    <d-alert type="simple" @close="handleClose">simple</d-alert>
   </div>
 </template>
 <script>
@@ -54,9 +54,9 @@ export default {
       console.log($event)
     }
     return {
-      handleClose,
+      handleClose
     }
-  },
+  }
 }
 </script>
 <style>
@@ -77,11 +77,11 @@ export default {
 ```vue
 <template>
   <div class="alert-demo-3">
-    <d-alert type="success" :showIcon="false"> success </d-alert>
-    <d-alert type="danger" :showIcon="false"> danger </d-alert>
-    <d-alert type="warning" :showIcon="false"> warning </d-alert>
-    <d-alert type="info" :showIcon="false"> info </d-alert>
-    <d-alert type="simple" :showIcon="false"> simple </d-alert>
+    <d-alert type="success" :showIcon="false">success</d-alert>
+    <d-alert type="danger" :showIcon="false">danger</d-alert>
+    <d-alert type="warning" :showIcon="false">warning</d-alert>
+    <d-alert type="info" :showIcon="false">info</d-alert>
+    <d-alert type="simple" :showIcon="false">simple</d-alert>
   </div>
 </template>
 <style>
@@ -95,23 +95,25 @@ export default {
 
 ### API
 
-### d-alert 参数
+### d-alert 属性
 
-|    参数     |           类型            |  默认  |                  说明                   | 跳转 Demo                         |
-| :---------: | :-----------------------: | :----: | :-------------------------------------: | :-------------------------------- |
-|    type     | [`AlertType`](#AlertType) | 'info' |        必选，指定警告提示的样式         | [基本用法](#基本用法)             |
-|  cssClass   |         `string`          |   --   |          可选，自定义 class 名          |
-|  closeable  |         `boolean`         |  true  |         可选，默认显示关闭按钮          | [基本用法](#可关闭的提示)         |
-| dismissTime |         `number`          |   --   | 可选，自动关闭 alert 的延迟时间（`ms`） |
-|  showIcon   |         `boolean`         |  true  |      可选，是否使用默认的类型图标       | [不使用默认图标](#不使用默认图标) |
+| 属性        | 类型                      | 默认   | 说明                                    | 跳转 Demo                         |
+| ----------- | ------------------------- | ------ | --------------------------------------- | --------------------------------- |
+| type        | [`AlertType`](#AlertType) | 'info' | 必选，指定警告提示的样式                | [基本用法](#基本用法)             |
+| cssClass    | `string`                  | --     | 可选，自定义 class 名                   |
+| closeable   | `boolean`                 | true   | 可选，默认显示关闭按钮                  | [基本用法](#可关闭的提示)         |
+| dismissTime | `number`                  | --     | 可选，自动关闭 alert 的延迟时间（`ms`） |
+| showIcon    | `boolean`                 | true   | 可选，是否使用默认的类型图标            | [不使用默认图标](#不使用默认图标) |
 
 ### d-alert 事件
 
-| 参数  |              类型              | 说明                       | 跳转 Demo                     |
-| :---: | :----------------------------: | :------------------------- | ----------------------------- |
-| close | `(event?: MouseEvent) => void` | 可选，关闭时触发的回调函数 | [可关闭的提示](#可关闭的提示) |
+| 事件名 | 类型                           | 说明                       | 跳转 Demo                     |
+| ------ | ------------------------------ | -------------------------- | ----------------------------- |
+| close  | `(event?: MouseEvent) => void` | 可选，关闭时触发的回调函数 | [可关闭的提示](#可关闭的提示) |
 
-### AlertType
+### 接口 & 类型定义
+
+**AlertType**
 
 默认值为'info'， 指定 alert 警告提示的类型
 
diff --git a/packages/devui-vue/docs/en-US/components/alert/index.md b/packages/devui-vue/docs/en-US/components/alert/index.md
index 1b830ad7..44c95061 100644
--- a/packages/devui-vue/docs/en-US/components/alert/index.md
+++ b/packages/devui-vue/docs/en-US/components/alert/index.md
@@ -95,23 +95,25 @@ Without Icon.
 
 ### API
 
-### d-alert Parameter
+### d-alert Attributes
 
-|  Parameter  |           Type            | Default |                    Description                     | Jump to Demo                    |
-| :---------: | :-----------------------: | :-----: | :------------------------------------------------: | :------------------------------ |
-|    type     | [`AlertType`](#AlertType) | 'info'  | Required. Specify the style of the warning prompt  | [Basic Usage](#basic-usage)     |
-|  cssClass   |         `string`          |   --    |           Optional. Customize className            |
-|  closeable  |         `boolean`         |  true   | Optional. The close button is displayed by default | [Basic Usage](#closable-prompt) |
-| dismissTime |         `number`          |   --    | Optional. Toggle off the delay time of Alert(`ms`) |
-|  showIcon   |         `boolean`         |  true   |   Optional. Whether to use the default type icon   | [Without Icon](#without-icon)   |
+| Attribute   | Type                      | Default | Description                                        | Jump to Demo                    |
+| ----------- | ------------------------- | ------- | -------------------------------------------------- | ------------------------------- |
+| type        | [`AlertType`](#AlertType) | 'info'  | Required. Specify the style of the warning prompt  | [Basic Usage](#basic-usage)     |
+| cssClass    | `string`                  | --      | Optional. Customize className                      |
+| closeable   | `boolean`                 | true    | Optional. The close button is displayed by default | [Basic Usage](#closable-prompt) |
+| dismissTime | `number`                  | --      | Optional. Toggle off the delay time of Alert(`ms`) |
+| showIcon    | `boolean`                 | true    | Optional. Whether to use the default type icon     | [Without Icon](#without-icon)   |
 
-### d-alert events
+### d-alert Events
 
-| Parameter |              Type              | Description                                | Jump to Demo                        |
-| :-------: | :----------------------------: | :----------------------------------------- | ----------------------------------- |
-|   close   | `(event?: MouseEvent) => void` | Optional, triggers when click close button | [Closable Prompt](#closable-prompt) |
+| Event Name | Type                           | Description                                | Jump to Demo                        |
+| ---------- | ------------------------------ | ------------------------------------------ | ----------------------------------- |
+| close      | `(event?: MouseEvent) => void` | Optional, triggers when click close button | [Closable Prompt](#closable-prompt) |
 
-### AlertType
+### Interface & Types
+
+**AlertType**
 
 The default value is 'info', which specifies the type of alert warning.
 
-- 
Gitee