fix(table): support change event

修复表格不支持change事件的问题。 fix #677
vbenjs · May 30, 2021 · 9f4d171 · 9f4d171
1 parent 035f55a
commit 9f4d171
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git 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
@@ -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,
       };
     },
   });