From dc51e6a8d4e4f2c97b387b37959944c9bb49d779 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 14:36:40 +0800
Subject: [PATCH] fix(table-action): fixed icon `margin` without label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复当没有label时，icon没有在按钮内居中的问题
---
 .../Table/src/components/TableAction.vue       | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/Table/src/components/TableAction.vue b/src/components/Table/src/components/TableAction.vue
index ec4645fd..006ae0f4 100644
--- a/src/components/Table/src/components/TableAction.vue
+++ b/src/components/Table/src/components/TableAction.vue
@@ -3,13 +3,23 @@
     <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" v-if="action.icon" />
-          {{ action.label }}
+          <Icon
+            :icon="action.icon"
+            :class="{ 'mr-1': action.label }"
+            :style="{ margin: action.label ? '' : 'auto !important' }"
+            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" v-if="action.icon" />
-        {{ action.label }}
+        <Icon
+          :icon="action.icon"
+          :class="{ 'mr-1': action.label }"
+          :style="{ margin: action.label ? '' : 'auto !important' }"
+          v-if="action.icon"
+        />
+        <template v-if="action.label">{{ action.label }}</template>
       </PopConfirmButton>
       <Divider
         type="vertical"