From 73654b7862c59d623d6d5dc7dcf6ff2704564d9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Fri, 2 Jul 2021 12:17:07 +0800
Subject: [PATCH] fix(popconfirm-button): remove button excess `title`
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除PopconfirmButton组件多余的title；修改TableAction的tooltip默认位置
---
 src/components/Button/src/PopConfirmButton.vue     |  2 +-
 .../Table/src/components/TableAction.vue           | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/Button/src/PopConfirmButton.vue b/src/components/Button/src/PopConfirmButton.vue
index 4c110fa07e0..8862b40b7fe 100644
--- a/src/components/Button/src/PopConfirmButton.vue
+++ b/src/components/Button/src/PopConfirmButton.vue
@@ -41,7 +41,7 @@
 
       return () => {
         const bindValues = omit(unref(getBindValues), 'icon');
-        const Button = h(BasicButton, bindValues, extendSlots(slots));
+        const Button = h(BasicButton, omit(bindValues, 'title'), extendSlots(slots));
 
         // If it is not enabled, it is a normal button
         if (!props.enable) {
diff --git a/src/components/Table/src/components/TableAction.vue b/src/components/Table/src/components/TableAction.vue
index 706df9356bd..90ce43f14e3 100644
--- a/src/components/Table/src/components/TableAction.vue
+++ b/src/components/Table/src/components/TableAction.vue
@@ -3,10 +3,8 @@
     <template v-for="(action, index) in getActions" :key="`${index}-${action.label}`">
       <Tooltip v-bind="getTooltip(action.tooltip)">
         <PopConfirmButton v-bind="action">
-          <Tooltip v-bind="getTooltip(action.tooltip)">
-            <Icon :icon="action.icon" class="mr-1" v-if="action.icon" />
-            {{ action.label }}
-          </Tooltip>
+          <Icon :icon="action.icon" class="mr-1" v-if="action.icon" />
+          {{ action.label }}
         </PopConfirmButton>
       </Tooltip>
       <Divider
@@ -35,7 +33,7 @@
 <script lang="ts">
   import { defineComponent, PropType, computed, toRaw } from 'vue';
   import { MoreOutlined } from '@ant-design/icons-vue';
-  import { Divider, Tooltip } from 'ant-design-vue';
+  import { Divider, Tooltip, TooltipProps } from 'ant-design-vue';
   import Icon from '/@/components/Icon/index';
   import { ActionItem, TableActionType } from '/@/components/Table';
   import { PopConfirmButton } from '/@/components/Button';
@@ -129,11 +127,11 @@
       });
 
       const getTooltip = computed(() => {
-        return (data) => {
+        return (data: string | TooltipProps): TooltipProps => {
           if (isString(data)) {
-            return { title: data };
+            return { title: data, placement: 'bottom' };
           } else {
-            return data;
+            return Object.assign({ placement: 'bottom' }, data);
           }
         };
       });