From db7254a5e0ac6d10a7ea37334ad523b150facb19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Thu, 15 Jul 2021 15:42:47 +0800
Subject: [PATCH] fix(table-action): fix `circle` button style
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复table-action组件内的圆形按钮内容没有居中的问题
---
 CHANGELOG.zh_CN.md                            |  4 +++-
 .../Table/src/components/TableAction.vue      | 20 ++++++++-----------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
index 2f7415ad4..577c7f0ed 100644
--- a/CHANGELOG.zh_CN.md
+++ b/CHANGELOG.zh_CN.md
@@ -13,7 +13,9 @@
   - 新增`headerTop`插槽
   - 修复操作列的按钮在 disabled 状态下的颜色显示
 - **AppSearch** 修复可能会搜索隐藏菜单的问题
-- **TableAction** 仅在 action.tooltip 存在的情况下 才包裹 Tooltip 组件
+- **TableAction**
+  - 仅在 action.tooltip 存在的情况下 才包裹 Tooltip 组件
+  - 修复组件内的圆形按钮内容没有居中的问题
 - **BasicUpload** 修复处理非`array`值时报错的问题
 - **Form** 修复`FormItem`的`suffix`插槽样式问题
 - **Menu**
diff --git a/src/components/Table/src/components/TableAction.vue b/src/components/Table/src/components/TableAction.vue
index 006ae0f4a..1deed7e7d 100644
--- a/src/components/Table/src/components/TableAction.vue
+++ b/src/components/Table/src/components/TableAction.vue
@@ -3,22 +3,12 @@
     <template v-for="(action, index) in getActions" :key="`${index}-${action.label}`">
       <Tooltip v-if="action.tooltip" v-bind="getTooltip(action.tooltip)">
         <PopConfirmButton v-bind="action">
-          <Icon
-            :icon="action.icon"
-            :class="{ 'mr-1': action.label }"
-            :style="{ margin: action.label ? '' : 'auto !important' }"
-            v-if="action.icon"
-          />
+          <Icon :icon="action.icon" :class="{ 'mr-1': !!action.label }" v-if="action.icon" />
           <template v-if="action.label">{{ action.label }}</template>
         </PopConfirmButton>
       </Tooltip>
       <PopConfirmButton v-else v-bind="action">
-        <Icon
-          :icon="action.icon"
-          :class="{ 'mr-1': action.label }"
-          :style="{ margin: action.label ? '' : 'auto !important' }"
-          v-if="action.icon"
-        />
+        <Icon :icon="action.icon" :class="{ 'mr-1': !!action.label }" v-if="action.icon" />
         <template v-if="action.label">{{ action.label }}</template>
       </PopConfirmButton>
       <Divider
@@ -192,6 +182,12 @@
       }
     }
 
+    button.ant-btn-circle {
+      span {
+        margin: auto !important;
+      }
+    }
+
     .ant-divider,
     .ant-divider-vertical {
       margin: 0 2px;