From 975c39029bc7df27f78821843eee09e591578475 Mon Sep 17 00:00:00 2001
From: cookfront <cookfront@gmail.com>
Date: Tue, 14 Feb 2017 15:22:45 +0800
Subject: [PATCH] cell component add click event

---
 docs/examples/cell.md         | 12 +++++++++++-
 docs/examples/field.md        | 14 ++++++++++++++
 packages/cell/src/cell.vue    |  8 +++++++-
 packages/field/src/field.vue  |  8 +++++++-
 packages/zanui/src/field.pcss |  0
 5 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 packages/zanui/src/field.pcss

diff --git a/docs/examples/cell.md b/docs/examples/cell.md
index 58b3f5ab8..20696bcdf 100644
--- a/docs/examples/cell.md
+++ b/docs/examples/cell.md
@@ -6,6 +6,16 @@
 }
 </style>
 
+<script>
+export default {
+  methods: {
+    handleClick() {
+      console.log('cell click');
+    }
+  }
+};
+</script>
+
 ## Cell 组件
 
 ### 基础用法
@@ -24,7 +34,7 @@
 :::demo 传入`label`属性，属性值为描述信息的值。
 ```html
 <o2-cell-group>
-  <o2-cell title="单元格1" label="描述信息" is-link></o2-cell>
+  <o2-cell title="单元格1" label="描述信息" is-link url="javascript:void(0)" @click="handleClick"></o2-cell>
   <o2-cell title="单元格2" label="描述信息"></o2-cell>
 </o2-cell-group>
 ```
diff --git a/docs/examples/field.md b/docs/examples/field.md
index 9aa26efa9..6dc8f9b27 100644
--- a/docs/examples/field.md
+++ b/docs/examples/field.md
@@ -1 +1,15 @@
 ## Field组件
+
+表单中`input`或`textarea`的输入框。
+
+### API
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
+| type | 输入框类型 | string  | text | text, number, email, url, tel, date, datetime, password, textarea  |
+| placeholder | 输入框placeholder | string  | '' |   |
+| value | 输入框的值 | string  | '' |   |
+| label | 输入框标签 | string  | '' |   |
+| disabled | 是否禁用输入框 | boolean  | false |   |
+| readonly | 输入框是否只读 | boolean  | false |   |
+
diff --git a/packages/cell/src/cell.vue b/packages/cell/src/cell.vue
index a1e2e519e..e3bc36753 100644
--- a/packages/cell/src/cell.vue
+++ b/packages/cell/src/cell.vue
@@ -1,5 +1,5 @@
 <template>
-  <a class="o2-cell" :href="url">
+  <a class="o2-cell" :href="url" @click="handleClick">
     <div class="o2-cell-title">
       <slot name="icon">
         <i v-if="icon" class="zui-icon" :class="'zui-icon-' + icon"></i>
@@ -29,6 +29,12 @@ export default {
     url: String,
     label: String,
     isLink: Boolean
+  },
+
+  methods: {
+    handleClick() {
+      this.$emit('click');
+    }
   }
 };
 </script>
diff --git a/packages/field/src/field.vue b/packages/field/src/field.vue
index ca9543abe..10e54372f 100644
--- a/packages/field/src/field.vue
+++ b/packages/field/src/field.vue
@@ -5,7 +5,13 @@
 </template>
 
 <script>
+import O2Cell from 'packages/cell';
+
 export default {
-  name: 'o2-filed'
+  name: 'o2-filed',
+
+  components: {
+    O2Cell
+  }
 };
 </script>
diff --git a/packages/zanui/src/field.pcss b/packages/zanui/src/field.pcss
new file mode 100644
index 000000000..e69de29bb