From 9df66da2129e4aedb8d05a1820623ec515a1e070 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Tue, 30 Jan 2018 20:27:36 +0800
Subject: [PATCH] [Improvement] Area: add item-height & visible-item-count
 props (#591)

---
 docs/markdown/en-US/area.md | 2 ++
 docs/markdown/zh-CN/area.md | 2 ++
 packages/area/index.vue     | 4 ++++
 3 files changed, 8 insertions(+)

diff --git a/docs/markdown/en-US/area.md b/docs/markdown/en-US/area.md
index 59fd60fc4..4127c6f78 100644
--- a/docs/markdown/en-US/area.md
+++ b/docs/markdown/en-US/area.md
@@ -44,6 +44,8 @@ Set `columns-num` with 2, you'll have a 2 level picker.
 | title | Toolbar title | `String` | `''` | - |
 | area-list | an object contains these properties: `province_list`, `city_list` and `county_list`  | `Object` | - | - |
 | columns-num | level of picker | `String`,`Number` | 3 | - |
+| item-height | Option height | `Number` | `44` | - |
+| visible-item-count | Count of visible columns | `Number` | `5` | - |
 
 ### Event
 
diff --git a/docs/markdown/zh-CN/area.md b/docs/markdown/zh-CN/area.md
index c4e8b2985..27ca37f72 100644
--- a/docs/markdown/zh-CN/area.md
+++ b/docs/markdown/zh-CN/area.md
@@ -42,6 +42,8 @@ Vue.use(Area);
 | title | 顶部栏标题 | `String` | `''`   | - |
 | area-list | 省市县数据，格式见下方 | `Object` | - | - |
 | columns-num | 省市县显示列数，3-省市县，2-省市，1-省 | `String`,`Number` | `3` | - |
+| item-height | 选项高度 | `Number` | `44` | - |
+| visible-item-count | 可见的选项个数 | `Number` | `5` | - |
 
 ### Event
 
diff --git a/packages/area/index.vue b/packages/area/index.vue
index 1a3e3f7ac..1d4e4871b 100644
--- a/packages/area/index.vue
+++ b/packages/area/index.vue
@@ -6,6 +6,8 @@
     value-key="name"
     :title="title"
     :columns="columns"
+    :item-height="itemHeight"
+    :visible-item-count="visibleItemCount"
     @change="onChange"
     @confirm="$emit('confirm', $event)"
     @cancel="$emit('cancel', $event)"
@@ -27,6 +29,8 @@ export default create({
     value: {},
     title: String,
     areaList: Object,
+    itemHeight: Number,
+    visibleItemCount: Number,
     // 省市县显示列数，3-省市县，2-省市，1-省
     columnsNum: {
       type: [String, Number],