From a06555268fb26c734aca4343c80deb1617f6bd45 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Tue, 18 Oct 2022 14:55:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(table):=20action=20=E6=94=AF=E6=8C=81icon?=
 =?UTF-8?q?=EF=BC=8Ctext=E6=94=AF=E6=8C=81=E5=87=BD=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/table/src/ActionsColumn.vue | 55 ++++------------------------
 packages/table/src/TextColumn.vue    |  2 +-
 packages/table/src/schema.ts         |  5 ++-
 3 files changed, 12 insertions(+), 50 deletions(-)

diff --git a/packages/table/src/ActionsColumn.vue b/packages/table/src/ActionsColumn.vue
index ac7dbe3d..82c5fe0b 100644
--- a/packages/table/src/ActionsColumn.vue
+++ b/packages/table/src/ActionsColumn.vue
@@ -4,13 +4,14 @@
       <TMagicButton
         v-for="(action, actionIndex) in config.actions"
         v-show="display(action.display, scope.row) && !editState[scope.$index]"
-        v-html="action.text"
         class="action-btn"
         text
         type="primary"
         size="small"
+        :icon="action.icon"
         :key="actionIndex"
         @click="actionHandler(action, scope.row, scope.$index)"
+        ><span v-html="formatter(action.text, scope.row)"></span
       ></TMagicButton>
       <TMagicButton
         class="action-btn"
@@ -35,7 +36,7 @@
 </template>
 
 <script lang="ts" setup>
-import { TMagicButton, tMagicMessage, tMagicMessageBox, TMagicTableColumn } from '@tmagic/design';
+import { TMagicButton, tMagicMessage, TMagicTableColumn } from '@tmagic/design';
 
 import { ColumnActionConfig, ColumnConfig } from './schema';
 
@@ -63,56 +64,16 @@ const display = (fuc: boolean | Function | undefined, row: any) => {
   return true;
 };
 
-const success = (msg: string, action: ColumnActionConfig, row: any) => {
-  tMagicMessage.success(msg);
-  action.after?.(row);
-};
-
-const error = (msg: string) => tMagicMessage.error(msg);
-
-const deleteAction = async (action: ColumnActionConfig, row: any) => {
-  await tMagicMessageBox.confirm(`确认删除${row[action.name || 'c_name']}(${row[props.rowkeyName]})?`, '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  });
-
-  const res = await action.handler?.(row);
-
-  if (res.ret === 0) {
-    success('删除成功!', action, row);
-  } else {
-    error(res.msg || '删除失败');
-  }
-};
-
-const copyHandler = async (action: ColumnActionConfig, row: any) => {
-  await tMagicMessageBox.confirm(`确定复制${row[action.name || 'c_name']}(${row.c_id})?`, '提示', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  });
-
-  try {
-    const res = await action.handler?.(row);
-
-    if (res.ret === 0) {
-      success('复制成功!', action, row);
-    } else {
-      error(`复制失败!${res.msg}`);
-    }
-  } catch (e) {
-    error('复制失败!');
+const formatter = (fuc: string | Function | undefined, row: any) => {
+  if (typeof fuc === 'function') {
+    return fuc(row);
   }
+  return fuc;
 };
 
 const actionHandler = async (action: ColumnActionConfig, row: any, index: number) => {
   await action.before?.(row);
-  if (action.type === 'delete') {
-    await deleteAction(action, row);
-  } else if (action.type === 'copy') {
-    await copyHandler(action, row);
-  } else if (action.type === 'edit') {
+  if (action.type === 'edit') {
     props.editState[index] = row;
   } else {
     await action.handler?.(row);
diff --git a/packages/table/src/TextColumn.vue b/packages/table/src/TextColumn.vue
index 91b64aaf..6f57436f 100644
--- a/packages/table/src/TextColumn.vue
+++ b/packages/table/src/TextColumn.vue
@@ -24,7 +24,7 @@
         type="primary"
         @click="config.handler?.(scope.row)"
       >
-        {{ formatter(config, scope.row) }}
+        <span v-html="formatter(config, scope.row)"></span>
       </TMagicButton>
 
       <a v-else-if="config.action === 'img' && config.prop" target="_blank" :href="scope.row[config.prop]"
diff --git a/packages/table/src/schema.ts b/packages/table/src/schema.ts
index 3f58a16e..f4fc20e1 100644
--- a/packages/table/src/schema.ts
+++ b/packages/table/src/schema.ts
@@ -20,9 +20,10 @@ import { FormConfig, FormValue } from '@tmagic/form';
 
 export interface ColumnActionConfig {
   type?: 'delete' | 'copy' | 'edit';
-  display?: (vm: any, row: any) => boolean;
-  text: string;
+  display?: (row: any) => boolean;
+  text: string | ((row: any) => string);
   name: string;
+  icon?: any;
   handler?: (row: any) => Promise<any> | any;
   before?: (row: any) => void;
   after?: (row: any) => void;