From 5c9fd9a0f4728847ba346c44b9155ad6e35c31d9 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 25 Aug 2023 11:45:57 +0800
Subject: [PATCH] =?UTF-8?q?feat(table):=20action=E6=96=B0=E5=A2=9Etooltip?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/table/src/ActionsColumn.vue | 28 +++++++++++++++++-----------
 packages/table/src/schema.ts         |  2 ++
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/packages/table/src/ActionsColumn.vue b/packages/table/src/ActionsColumn.vue
index 72548346..6319353d 100644
--- a/packages/table/src/ActionsColumn.vue
+++ b/packages/table/src/ActionsColumn.vue
@@ -1,18 +1,24 @@
 <template>
   <TMagicTableColumn :label="config.label" :width="config.width" :fixed="config.fixed">
     <template v-slot="scope">
-      <TMagicButton
+      <TMagicTooltip
         v-for="(action, actionIndex) in config.actions"
-        v-show="display(action.display, scope.row) && !editState[scope.$index]"
-        class="action-btn"
-        text
-        :type="action.buttonType || 'primary'"
-        size="small"
-        :icon="action.icon"
+        :placement="action.tooltipPlacement || 'top'"
         :key="actionIndex"
-        @click="actionHandler(action, scope.row, scope.$index)"
-        ><span v-html="formatter(action.text, scope.row)"></span
-      ></TMagicButton>
+        :disabled="!Boolean(action.tooltip)"
+        :content="action.tooltip"
+      >
+        <TMagicButton
+          v-show="display(action.display, scope.row) && !editState[scope.$index]"
+          class="action-btn"
+          text
+          size="small"
+          :type="action.buttonType || 'primary'"
+          :icon="action.icon"
+          @click="actionHandler(action, scope.row, scope.$index)"
+          ><span v-html="formatter(action.text, scope.row)"></span
+        ></TMagicButton>
+      </TMagicTooltip>
       <TMagicButton
         class="action-btn"
         v-show="editState[scope.$index]"
@@ -36,7 +42,7 @@
 </template>
 
 <script lang="ts" setup>
-import { TMagicButton, tMagicMessage, TMagicTableColumn } from '@tmagic/design';
+import { TMagicButton, tMagicMessage, TMagicTableColumn, TMagicTooltip } from '@tmagic/design';
 
 import { ColumnActionConfig, ColumnConfig } from './schema';
 
diff --git a/packages/table/src/schema.ts b/packages/table/src/schema.ts
index 5451499c..f55a2e68 100644
--- a/packages/table/src/schema.ts
+++ b/packages/table/src/schema.ts
@@ -24,6 +24,8 @@ export interface ColumnActionConfig {
   display?: (row: any) => boolean;
   text: string | ((row: any) => string);
   name: string;
+  tooltip?: string;
+  tooltipPlacement?: string;
   icon?: any;
   handler?: (row: any, index: number) => Promise<any> | any;
   before?: (row: any, index: number) => void;