From 80af708154fbbfc10317a32e6622b9037d896054 Mon Sep 17 00:00:00 2001
From: wangyupei <2311595895@qq.com>
Date: Tue, 12 Apr 2022 19:51:23 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat(Popover):=20=E4=BC=98=E5=8C=96Popover?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../docs/components/popover/index.md          | 122 +++++++++---------
 1 file changed, 63 insertions(+), 59 deletions(-)

diff --git a/packages/devui-vue/docs/components/popover/index.md b/packages/devui-vue/docs/components/popover/index.md
index ef78c886aa..339deea942 100644
--- a/packages/devui-vue/docs/components/popover/index.md
+++ b/packages/devui-vue/docs/components/popover/index.md
@@ -85,14 +85,6 @@
 ```vue
 <template>
   <div class="popover-demo-item-horizontal">
-    <d-popover :position="['top']">
-      <template #content>
-        <div>top</div>
-      </template>
-      <template #reference>
-        <d-button style="width: 100px;">top</d-button>
-      </template>
-    </d-popover>
     <d-popover :position="['top-start']" align="start">
       <template #content>
         <div>
@@ -104,6 +96,14 @@
         <d-button style="width: 100px;">top-start</d-button>
       </template>
     </d-popover>
+    <d-popover :position="['top']">
+      <template #content>
+        <div>top</div>
+      </template>
+      <template #reference>
+        <d-button style="width: 100px;">top</d-button>
+      </template>
+    </d-popover>
     <d-popover :position="['top-end']" align="end">
       <template #content>
         <div>
@@ -119,14 +119,6 @@
 
   <div class="popover-demo-vertical-wrapper">
     <div class="popover-demo-item-vertical">
-      <d-popover :position="['left']">
-        <template #content>
-          <div>left</div>
-        </template>
-        <template #reference>
-          <d-button style="width: 100px;">left</d-button>
-        </template>
-      </d-popover>
       <d-popover :position="['left-start']" align="start">
         <template #content>
           <div>
@@ -138,6 +130,14 @@
           <d-button style="width: 100px;">left-start</d-button>
         </template>
       </d-popover>
+      <d-popover :position="['left']">
+        <template #content>
+          <div>left</div>
+        </template>
+        <template #reference>
+          <d-button style="width: 100px;">left</d-button>
+        </template>
+      </d-popover>
       <d-popover :position="['left-end']" align="end">
         <template #content>
           <div>
@@ -151,14 +151,6 @@
       </d-popover>
     </div>
     <div class="popover-demo-item-vertical">
-      <d-popover :position="['right']">
-        <template #content>
-          <div>right</div>
-        </template>
-        <template #reference>
-          <d-button style="width: 100px;">right</d-button>
-        </template>
-      </d-popover>
       <d-popover :position="['right-start']" align="start">
         <template #content>
           <div>
@@ -170,6 +162,14 @@
           <d-button style="width: 100px;">right-start</d-button>
         </template>
       </d-popover>
+      <d-popover :position="['right']">
+        <template #content>
+          <div>right</div>
+        </template>
+        <template #reference>
+          <d-button style="width: 100px;">right</d-button>
+        </template>
+      </d-popover>
       <d-popover :position="['right-end']" align="end">
         <template #content>
           <div>
@@ -184,14 +184,6 @@
     </div>
   </div>
   <div class="popover-demo-item-horizontal">
-    <d-popover :position="['bottom']">
-      <template #content>
-        <div>bottom</div>
-      </template>
-      <template #reference>
-        <d-button style="width: 100px;">bottom</d-button>
-      </template>
-    </d-popover>
     <d-popover :position="['bottom-start']" align="start">
       <template #content>
         <div>
@@ -203,6 +195,14 @@
         <d-button style="width: 100px;">bottom-start</d-button>
       </template>
     </d-popover>
+    <d-popover :position="['bottom']">
+      <template #content>
+        <div>bottom</div>
+      </template>
+      <template #reference>
+        <d-button style="width: 100px;">bottom</d-button>
+      </template>
+    </d-popover>
     <d-popover :position="['bottom-end']" align="end">
       <template #content>
         <div>
@@ -307,43 +307,47 @@ export default defineComponent({
 
 :::
 
-### d-popover 参数
-
-| 参数              | 类型                      | 默认值     | 描述                                                                                          | 跳转 Demo                 |
-| ----------------- | ------------------------- | ---------- | --------------------------------------------------------------------------------------------- | ------------------------- |
-| content           | `string`                  | -          | 可选，弹出框的显示内容                                                                        | [基本用法](#基本用法)     |
-| is-open           | `boolean`                 | false      | 可选，手动控制弹出状态                                                                        | [手动触发](#手动触发)     |
-| trigger           | `TriggerType`             | click      | 可选，弹框触发方式                                                                            | [自定义内容](#自定义内容) |
-| pop-type          | `PopType`                 | default    | 可选，弹出框类型，样式不同                                                                    | [基本用法](#基本用法)     |
-| position          | `Placement[]`             | ['bottom'] | 可选，控制弹框出现的方向                                                                      | [弹出位置](#弹出位置)     |
-| align             | `start \| end \| null`    | null       | 可选，对齐方式，默认居中对齐。若指定`start`对齐，当`start`位置放不下时，会自动调整为`end`对齐 | [弹出位置](#弹出位置)     |
-| offset            | `number \| OffsetOptions` | 8          | 可选，指定相对触发元素的偏移距离                                                              |                           |
-| show-animation    | `boolean`                 | true       | 可选，是否显示动画                                                                            | [基本用法](#基本用法)     |
-| mouse-enter-delay | `number`                  | 150        | 可选，仅在 trigger 为 hover 的时候，设置鼠标移入后延时多久才显示 Popover，单位是 `ms`         | [延时触发](#延时触发)     |
-| mouse-leave-delay | `number`                  | 100        | 可选，仅在 trigger 为 hover 的时候，设置鼠标移出后延时多久才隐藏 popover，单位是 `ms`         | [延时触发](#延时触发)     |
-
-### d-popover 插槽
-
-| 名称      | 说明                        |
-| --------- | --------------------------- |
+### Popover 参数
+
+| 参数名            | 类型                                        | 默认值     | 描述                                                                                          | 跳转 Demo                 |
+| :---------------- | :------------------------------------------ | :--------- | :-------------------------------------------------------------------------------------------- | :------------------------ |
+| content           | `string`                                    | -          | 可选，弹出框的显示内容                                                                        | [基本用法](#基本用法)     |
+| is-open           | `boolean`                                   | false      | 可选，手动控制弹出状态                                                                        | [手动触发](#手动触发)     |
+| trigger           | [TriggerType](#triggertype)                 | click      | 可选，弹框触发方式                                                                            | [自定义内容](#自定义内容) |
+| pop-type          | [PopType](#poptype)                         | default    | 可选，弹出框类型，样式不同                                                                    | [基本用法](#基本用法)     |
+| position          | [Placement[]](#placement)                   | ['bottom'] | 可选，控制弹框出现的方向                                                                      | [弹出位置](#弹出位置)     |
+| align             | `start \| end \| null`                      | null       | 可选，对齐方式，默认居中对齐。若指定`start`对齐，当`start`位置放不下时，会自动调整为`end`对齐 | [弹出位置](#弹出位置)     |
+| offset            | `number` \| [OffsetOptions](#offsetoptions) | 8          | 可选，指定相对触发元素的偏移距离                                                              |                           |
+| show-animation    | `boolean`                                   | true       | 可选，是否显示动画                                                                            | [基本用法](#基本用法)     |
+| mouse-enter-delay | `number`                                    | 150        | 可选，仅在 trigger 为 hover 的时候，设置鼠标移入后延时多久才显示 Popover，单位是 `ms`         | [延时触发](#延时触发)     |
+| mouse-leave-delay | `number`                                    | 100        | 可选，仅在 trigger 为 hover 的时候，设置鼠标移出后延时多久才隐藏 popover，单位是 `ms`         | [延时触发](#延时触发)     |
+
+### Popover 插槽
+
+| 名称名    | 说明                        |
+| :-------- | :-------------------------- |
 | content   | 自定义菜单内容              |
 | reference | 触发 Popover 显示的元素内容 |
 
-### TriggerType 类型
+### Popover 类型定义
+
+<br />
+
+#### TriggerType
 
-```typescript
+```ts
 type TriggerType = 'click' | 'hover' | 'manually';
 ```
 
-### PopType 类型
+#### PopType
 
-```typescript
+```ts
 type PopType = 'success' | 'error' | 'warning' | 'info' | 'default';
 ```
 
-### Placement 类型
+#### Placement
 
-```typescript
+```ts
 type Placement =
   | 'top'
   | 'right'
@@ -359,8 +363,8 @@ type Placement =
   | 'left-end';
 ```
 
-### OffsetOptions 类型
+#### OffsetOptions
 
-```typescript
+```ts
 type OffsetOptions = { mainAxis?: number; crossAxis?: number };
 ```

From fcfbaa51363c4ea3abd556fe70a503bbdc193727 Mon Sep 17 00:00:00 2001
From: wangyupei <2311595895@qq.com>
Date: Wed, 13 Apr 2022 09:29:31 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix(Popover):=20=E7=A7=BB=E9=99=A4=E5=9B=9B?=
 =?UTF-8?q?=E7=BA=A7=E6=A0=87=E9=A2=98=E5=89=8D=E7=9A=84br=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/devui-vue/docs/components/popover/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/devui-vue/docs/components/popover/index.md b/packages/devui-vue/docs/components/popover/index.md
index 339deea942..ae32f0d1d5 100644
--- a/packages/devui-vue/docs/components/popover/index.md
+++ b/packages/devui-vue/docs/components/popover/index.md
@@ -331,8 +331,6 @@ export default defineComponent({
 
 ### Popover 类型定义
 
-<br />
-
 #### TriggerType
 
 ```ts