From 2c536976e8f287794acae61b6df7fe4033a98ffa Mon Sep 17 00:00:00 2001
From: GauharChan <45651308+GauharChan@users.noreply.github.com>
Date: Fri, 24 Jun 2022 04:36:20 +0800
Subject: [PATCH] feat(function): add table bodyCell slot for antdv3.x; and fix
 #1705 (#1991)

---
 src/components/Table/src/BasicTable.vue |  4 +++
 src/views/demo/table/CustomerCell.vue   | 36 +++++++++++++------------
 2 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index 9ec755a53..621ec1175 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -28,6 +28,10 @@
       <template #headerCell="{ column }">
         <HeaderCell :column="column" />
       </template>
+      <!-- 增加对antdv3.x兼容 -->
+      <template #bodyCell="data">
+        <slot name="bodyCell" v-bind="data || {}"></slot>
+      </template>
       <!--      <template #[`header-${column.dataIndex}`] v-for="(column, index) in columns" :key="index">-->
       <!--        <HeaderCell :column="column" />-->
       <!--      </template>-->
diff --git a/src/views/demo/table/CustomerCell.vue b/src/views/demo/table/CustomerCell.vue
index d26ca6e9a..ffb1e972f 100644
--- a/src/views/demo/table/CustomerCell.vue
+++ b/src/views/demo/table/CustomerCell.vue
@@ -1,24 +1,26 @@
 <template>
   <div class="p-4">
     <BasicTable @register="registerTable">
-      <template #id="{ record }"> ID: {{ record.id }} </template>
-      <template #no="{ record }">
-        <Tag color="green">
-          {{ record.no }}
-        </Tag>
-      </template>
-      <template #avatar="{ record }">
-        <Avatar :size="60" :src="record.avatar" />
-      </template>
-      <template #img="{ text }">
-        <TableImg :size="60" :simpleShow="true" :imgList="text" />
-      </template>
-      <template #imgs="{ text }"> <TableImg :size="60" :imgList="text" /> </template>
+      <template #bodyCell="{ column, record, text }">
+        <template v-if="column.key === 'id'"> ID: {{ record.id }} </template>
+        <template v-if="column.key === 'no'">
+          <Tag color="green">
+            {{ record.no }}
+          </Tag>
+        </template>
+        <template v-if="column.key === 'avatar'">
+          <Avatar :size="60" :src="record.avatar" />
+        </template>
+        <template v-if="column.key === 'imgArr'">
+          <TableImg :size="60" :simpleShow="true" :imgList="text" />
+        </template>
+        <template v-if="column.key === 'imgs'"> <TableImg :size="60" :imgList="text" /> </template>
 
-      <template #category="{ record }">
-        <Tag color="green">
-          {{ record.no }}
-        </Tag>
+        <template v-if="column.key === 'category'">
+          <Tag color="green">
+            {{ record.no }}
+          </Tag>
+        </template>
       </template>
     </BasicTable>
   </div>