From 5b5a5ea3ef4e99979e141f9fbdeb0a788652806d Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Tue, 18 Aug 2020 09:37:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20add=20responsive=20support=20for=20slot?=
 =?UTF-8?q?s=20of=20StandardTable.vue;=20:star2:=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=EF=BC=9AStandardTable.vue=20=E7=BB=84=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=E6=8F=92=E6=A7=BD=E5=A2=9E=E5=8A=A0=E5=93=8D=E5=BA=94=E5=BC=8F?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/StandardTable.vue | 29 ++++++++++----------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/components/table/StandardTable.vue b/src/components/table/StandardTable.vue
index 7f4c56d..c1334c3 100644
--- a/src/components/table/StandardTable.vue
+++ b/src/components/table/StandardTable.vue
@@ -20,15 +20,20 @@
       :dataSource="dataSource"
       :rowKey="rowKey"
       :pagination="pagination"
+      :expandedRowKeys="expandedRowKeys"
+      :expandedRowRender="expandedRowRender"
       @change="onChange"
       :rowSelection="selectedRows ? {selectedRowKeys: selectedRowKeys, onChange: updateSelect} : undefined"
     >
-      <template slot-scope="text, record, index" :slot="slot" v-for="slot in scopedSlots">
+      <template slot-scope="text, record, index" :slot="slot" v-for="slot in Object.keys($scopedSlots).filter(key => key !== 'expandedRowRender') ">
         <slot :name="slot" v-bind="{text, record, index}"></slot>
       </template>
-      <template :slot="slot" v-for="slot in slots">
+      <template :slot="slot" v-for="slot in Object.keys($slots)">
         <slot :name="slot"></slot>
       </template>
+      <template slot-scope="record, index, indent, expanded" slot="expandedRowRender" v-if="$scopedSlots.expandedRowRender">
+        <slot v-bind="{record, index, indent, expanded}" name="expandedRowRender"></slot>
+      </template>
     </a-table>
   </div>
 </template>
@@ -49,13 +54,13 @@ export default {
       type: [Object, Boolean],
       default: true
     },
-    selectedRows: Array
+    selectedRows: Array,
+    expandedRowKeys: Array,
+    expandedRowRender: Function
   },
   data () {
     return {
-      needTotalList: [],
-      scopedSlots: [],
-      slots: []
+      needTotalList: []
     }
   },
   methods: {
@@ -73,16 +78,6 @@ export default {
         })
       return totalList
     },
-    getScopedSlots(columns) {
-      let scopedSlots = columns.filter(item => item.scopedSlots).map(item => item.scopedSlots)
-      scopedSlots = scopedSlots.flatMap(item => Object.values(item))
-      return scopedSlots
-    },
-    getSlots(columns) {
-      let slots = columns.filter(item => item.slots).map(item => item.slots)
-      slots = slots.flatMap(item => Object.values(item))
-      return slots
-    },
     onClear() {
       this.updateSelect([], [])
       this.$emit('clear')
@@ -92,8 +87,6 @@ export default {
     }
   },
   created () {
-    this.scopedSlots = this.getScopedSlots(this.columns)
-    this.slots = this.getSlots(this.columns)
     this.needTotalList = this.initTotalList(this.columns)
   },
   watch: {