From 9f4d1719caa76de94e6362c16e4df3ac28df253c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Sun, 30 May 2021 17:52:16 +0800
Subject: [PATCH] fix(table): support change event
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复表格不支持change事件的问题。

fix #677
---
 src/components/Table/src/BasicTable.vue | 10 ++++++++--
 src/views/demo/table/UseTable.vue       |  6 +++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index 6d167d740..876b4e542 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -81,6 +81,7 @@
       'edit-row-end',
       'edit-change',
       'expanded-rows-change',
+      'change',
     ],
     setup(props, { attrs, emit, slots }) {
       const tableElRef = ref<ComponentRef>(null);
@@ -116,7 +117,7 @@
       } = useRowSelection(getProps, tableData, emit);
 
       const {
-        handleTableChange,
+        handleTableChange: onTableChange,
         getDataSourceRef,
         getDataSource,
         setTableData,
@@ -138,6 +139,11 @@
         emit
       );
 
+      function handleTableChange(...args) {
+        onTableChange.call(undefined, ...args);
+        emit('change', ...args);
+      }
+
       const {
         getViewColumns,
         getColumns,
@@ -204,7 +210,7 @@
           propsData = omit(propsData, 'scroll');
         }
 
-        propsData = omit(propsData, 'class');
+        propsData = omit(propsData, ['class', 'onChange']);
         return propsData;
       });
 
diff --git a/src/views/demo/table/UseTable.vue b/src/views/demo/table/UseTable.vue
index 24a54d19a..ed75d03f9 100644
--- a/src/views/demo/table/UseTable.vue
+++ b/src/views/demo/table/UseTable.vue
@@ -15,7 +15,7 @@
       <a-button class="mr-2" @click="clearSelect"> 清空选中行 </a-button>
       <a-button class="mr-2" @click="getPagination"> 获取分页信息 </a-button>
     </div>
-    <BasicTable @register="registerTable" />
+    <BasicTable @register="registerTable" @change="onChange" />
   </div>
 </template>
 <script lang="ts">
@@ -28,6 +28,9 @@
     components: { BasicTable },
     setup() {
       const { createMessage } = useMessage();
+      function onChange() {
+        console.log('onChange', arguments);
+      }
       const [
         registerTable,
         {
@@ -121,6 +124,7 @@
         getSelectRowKeyList,
         setSelectedRowKeyList,
         clearSelect,
+        onChange,
       };
     },
   });