add a event @on-select-cancel to Table. #705

examples/routers/table.vue

@@ -1,5 +1,5 @@
 <template>
-    <Table border :columns="columns5" :data="data5"></Table>
+    <Table border :columns="columns5" :data="data5" @on-select="onSelect(true)" @on-select-cancel="onSelect(false)"></Table>
 </template>
 <script>
     import etable from '../components/table.vue';
@@ -8,6 +8,11 @@
         data () {
             return {
                 columns5: [
+                    {
+                        type: 'selection',
+                        width: 60,
+                        align: 'center'
+                    },
                     {
                         type: 'expand',
                         render: (h) => {
@@ -73,6 +78,12 @@
                     },
                 ]
             }
+        },
+
+        methods: {
+            onSelect (value) {
+                window.alert(value);
+            }
         }
     }
 </script>

src/components/table/table.vue

@@ -404,9 +404,7 @@
                 this.objData[_index]._isChecked = status;
 
                 const selection = this.getSelection();
-                if (status) {
+                this.$emit(status ? 'on-select' : 'on-select-cancel', selection, JSON.parse(JSON.stringify(this.data[_index])));
-                    this.$emit('on-select', selection, JSON.parse(JSON.stringify(this.data[_index])));
-                }
                 this.$emit('on-selection-change', selection);
             },
             toggleExpand (_index) {