From 9c529885557d9b3ad03f0513d2e7ef1958521e9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Wed, 20 Jun 2018 18:23:27 +0800
Subject: [PATCH] Cell component add @on-click event

---
 examples/routers/cell.vue          | 15 ++++++++++-----
 src/components/cell/cell-group.vue | 12 +++++++++++-
 src/components/cell/cell.vue       | 10 ++++++++--
 3 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/examples/routers/cell.vue b/examples/routers/cell.vue
index 0ce49b94..e2fcecc4 100644
--- a/examples/routers/cell.vue
+++ b/examples/routers/cell.vue
@@ -1,11 +1,11 @@
 <template>
     <div style="margin: 100px;background: #f8f8f9;padding: 100px;">
         <Card title="选项" :padding="0" shadow style="width: 300px;">
-            <CellGroup>
-                <Cell title="标题一" label="附属内容" to="/button"></Cell>
-                <Cell title="标题一" label="附属内容" extra="详细信息"></Cell>
-                <Cell title="标题一" label="附属内容" extra="详细信息" to="/button"></Cell>
-                <Cell title="标题一" label="附属内容" selected></Cell>
+            <CellGroup @on-click="handleClick">
+                <Cell title="标题一" name="a1" label="附属内容" to="/button"></Cell>
+                <Cell title="标题一" name="a2" label="附属内容" extra="详细信息"></Cell>
+                <Cell title="标题一" name="a3" label="附属内容" extra="详细信息" to="/button"></Cell>
+                <Cell title="标题一" name="a4" label="附属内容" selected></Cell>
                 <Cell title="标题二">
                     <Icon type="trash-a" slot="icon"></Icon>
                 </Cell>
@@ -30,6 +30,11 @@
             return {
                 switch1: false
             }
+        },
+        methods: {
+            handleClick (name) {
+                console.log(name);
+            }
         }
     }
 </script>
diff --git a/src/components/cell/cell-group.vue b/src/components/cell/cell-group.vue
index d5f67a2f..38ef746f 100644
--- a/src/components/cell/cell-group.vue
+++ b/src/components/cell/cell-group.vue
@@ -5,6 +5,16 @@
 </template>
 <script>
     export default {
-        name: 'CellGroup'
+        name: 'CellGroup',
+        provide () {
+            return {
+                cellGroup: this
+            }
+        },
+        methods: {
+            handleClick (name) {
+                this.$emit('on-click', name);
+            }
+        }
     }
 </script>
\ No newline at end of file
diff --git a/src/components/cell/cell.vue b/src/components/cell/cell.vue
index a690fb71..71cb8f46 100644
--- a/src/components/cell/cell.vue
+++ b/src/components/cell/cell.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="classes">
-        <a v-if="to" :href="linkUrl" class="ivu-cell-link" @click.prevent="handleClick">
+        <a v-if="to" :href="linkUrl" class="ivu-cell-link" @click.prevent="handleClick" @click="handleClickItem">
             <CellItem :title="title" :label="label" :extra="extra">
                 <slot name="icon" slot="icon"></slot>
                 <slot slot="default"></slot>
@@ -8,7 +8,7 @@
                 <slot name="label" slot="label"></slot>
             </CellItem>
         </a>
-        <div class="ivu-cell-link" v-else>
+        <div class="ivu-cell-link" v-else @click="handleClickItem">
             <CellItem :title="title" :label="label" :extra="extra">
                 <slot name="icon" slot="icon"></slot>
                 <slot slot="default"></slot>
@@ -32,6 +32,7 @@
 
     export default {
         name: 'Cell',
+        inject: ['cellGroup'],
         mixins: [ mixinsLink ],
         components: { CellItem, Icon },
         props: {
@@ -83,5 +84,10 @@
                 ];
             },
         },
+        methods: {
+            handleClickItem () {
+                this.cellGroup.handleClick(this.name);
+            }
+        }
     }
 </script>
\ No newline at end of file