From da55375f0082406c1a45e57eba2cde7d3694ab0c Mon Sep 17 00:00:00 2001
From: Rijn <bxbian951122@gmail.com>
Date: Mon, 2 Jan 2017 19:05:45 -0600
Subject: [PATCH] Added click and dblclick events to table

---
 src/components/table/table-body.vue | 10 +++++++---
 src/components/table/table.vue      |  8 ++++++++
 test/routers/table.vue              | 22 ++++++++++++++++++++--
 3 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/src/components/table/table-body.vue b/src/components/table/table-body.vue
index f4d78ff..cf694d0 100644
--- a/src/components/table/table-body.vue
+++ b/src/components/table/table-body.vue
@@ -9,7 +9,8 @@
                 :class="rowClasses(row._index)"
                 @mouseenter.stop="handleMouseIn(row._index)"
                 @mouseleave.stop="handleMouseOut(row._index)"
-                @click.stop="highlightCurrentRow(row._index)">
+                @click.stop="clickCurrentRow(row._index)"
+                @dblclick.stop="dblclickCurrentRow(row._index)">
                 <td v-for="column in columns" :class="alignCls(column)">
                     <Cell
                         :fixed="fixed"
@@ -66,8 +67,11 @@
             handleMouseOut (_index) {
                 this.$parent.handleMouseOut(_index);
             },
-            highlightCurrentRow (_index) {
-                this.$parent.highlightCurrentRow(_index);
+            clickCurrentRow (_index) {
+                this.$parent.clickCurrentRow(_index);
+            },
+            dblclickCurrentRow (_index) {
+                this.$parent.dblclickCurrentRow(_index);
             }
         }
     };
diff --git a/src/components/table/table.vue b/src/components/table/table.vue
index 4ddc4f5..a42395c 100644
--- a/src/components/table/table.vue
+++ b/src/components/table/table.vue
@@ -297,6 +297,14 @@
                 const oldData = oldIndex < 0 ? null : JSON.parse(JSON.stringify(this.data[oldIndex]));
                 this.$emit('on-current-change', JSON.parse(JSON.stringify(this.data[_index])), oldData);
             },
+            clickCurrentRow (_index) {
+                this.highlightCurrentRow (_index);
+                this.$emit('on-click', JSON.parse(JSON.stringify(this.data[_index])));
+            },
+            dblclickCurrentRow (_index) {
+                this.highlightCurrentRow (_index);
+                this.$emit('on-dblclick', JSON.parse(JSON.stringify(this.data[_index])));
+            },
             getSelection () {
                 let selectionIndexes = [];
                 for (let i in this.objData) {
diff --git a/test/routers/table.vue b/test/routers/table.vue
index ed16185..e9a7ed6 100644
--- a/test/routers/table.vue
+++ b/test/routers/table.vue
@@ -1,7 +1,15 @@
 <template>
     <i-button @click="changeFilter">改变filter</i-button>
+    <span v-if="currentRow !== null">Current Row: {{currentRow.name}}</span>
     <Switch size="small" @on-change="switchCellEllipsis"></Switch> Ellipsis
-    <i-table border :columns="columns6" :data="data5"></i-table>
+    <i-table
+      border
+      :columns="columns6"
+      :data="data5"
+      :highlight-row="true"
+      @on-current-change="onCurrentChange"
+      @on-dblclick="onDblclick">
+    </i-table>
 </template>
 <script>
     export default {
@@ -99,7 +107,8 @@
                        date: '2016-10-04',
                        longText: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
                    }
-                ]
+                ],
+                currentRow: null
             }
         },
         methods: {
@@ -113,6 +122,15 @@
             },
             switchCellEllipsis (status) {
                 this.columns6[5].ellipsis = status
+            },
+            onClick (data) {
+                window.alert('Click ' + data.name)
+            },
+            onCurrentChange (data) {
+                this.currentRow = data
+            },
+            onDblclick (data) {
+                window.alert('Double Click ' + data.name)
             }
         }
     }
--
libgit2 0.21.4