From 9f5085c9f9f46b09391156b17091c1771bc13026 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 18:10:16 +0800
Subject: [PATCH] fix(table): useTable support onChange
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复useTable无法直接通过设置onChange来注册change事件响应的问题
---
 src/components/Table/src/BasicTable.vue | 4 ++++
 src/views/demo/table/UseTable.vue       | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index 876b4e54..f5c7034e 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -58,6 +58,7 @@
 
   import { omit } from 'lodash-es';
   import { basicProps } from './props';
+  import { isFunction } from '/@/utils/is';
 
   export default defineComponent({
     components: {
@@ -142,6 +143,9 @@
       function handleTableChange(...args) {
         onTableChange.call(undefined, ...args);
         emit('change', ...args);
+        // 解决通过useTable注册onChange时不起作用的问题
+        const { onChange } = unref(getProps);
+        onChange && isFunction(onChange) && onChange.call(undefined, ...args);
       }
 
       const {
diff --git a/src/views/demo/table/UseTable.vue b/src/views/demo/table/UseTable.vue
index ed75d03f..861ab0cb 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" @change="onChange" />
+    <BasicTable @register="registerTable" />
   </div>
 </template>
 <script lang="ts">
@@ -54,6 +54,7 @@
         columns: getBasicColumns(),
         rowKey: 'id',
         showTableSetting: true,
+        onChange,
         rowSelection: {
           type: 'checkbox',
         },
-- 
GitLab