From 51ce4d08438d21383d1db5b19fc897992fe98729 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Tue, 12 Dec 2017 20:11:34 +0800
Subject: [PATCH] [Improvement] CellGroup add 'border' prop (#420)

---
 docs/markdown/en-US/cell.md   |  8 +++++++-
 docs/markdown/zh-CN/cell.md   |  8 +++++++-
 packages/cell-group/index.vue | 11 +++++++++--
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/docs/markdown/en-US/cell.md b/docs/markdown/en-US/cell.md
index daa16c6ae..82df278d6 100644
--- a/docs/markdown/en-US/cell.md
+++ b/docs/markdown/en-US/cell.md
@@ -63,7 +63,13 @@ Vue.use(CellGroup);
 </van-cell-group>
 ```
 
-### API
+### CellGroup API
+
+| Attribute | Description | Type | Default | Accepted Values |
+|-----------|-----------|-----------|-------------|-------------|
+| border | Whether to show outer border | `Boolean` | `true` | - |
+
+### Cell API
 
 | Attribute | Description | Type | Default | Accepted Values |
 |-----------|-----------|-----------|-------------|-------------|
diff --git a/docs/markdown/zh-CN/cell.md b/docs/markdown/zh-CN/cell.md
index f8ffae670..69ef5dda8 100644
--- a/docs/markdown/zh-CN/cell.md
+++ b/docs/markdown/zh-CN/cell.md
@@ -70,7 +70,13 @@ Vue.use(CellGroup);
 </van-cell-group>
 ```
 
-### API
+### CellGroup API
+
+| 参数 | 说明 | 类型 | 默认值 | 可选值 |
+|-----------|-----------|-----------|-------------|-------------|
+| border | 是否显示外边框 | `Boolean` | `true` | - |
+
+### Cell API
 
 | 参数 | 说明 | 类型 | 默认值 | 可选值 |
 |-----------|-----------|-----------|-------------|-------------|
diff --git a/packages/cell-group/index.vue b/packages/cell-group/index.vue
index edcb60149..7ee577dd5 100644
--- a/packages/cell-group/index.vue
+++ b/packages/cell-group/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="van-cell-group van-hairline--top-bottom">
+  <div class="van-cell-group" :class="{ 'van-hairline--top-bottom': border }">
     <slot></slot>
   </div>
 </template>
@@ -8,6 +8,13 @@
 import { create } from '../utils';
 
 export default create({
-  name: 'van-cell-group'
+  name: 'van-cell-group',
+
+  props: {
+    border: {
+      type: Boolean,
+      default: true
+    }
+  }
 });
 </script>