From 838c34578ebf7a74abc5cd7c92c5be1a8bf0bfb1 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Thu, 18 Jan 2018 14:31:54 +0800
Subject: [PATCH] [bugfix] Picker: misspelling of visibleItemCount (#549)

---
 docs/demos/views/datetime-picker.vue   | 1 +
 docs/markdown/en-US/datetime-picker.md | 2 +-
 docs/markdown/en-US/picker.md          | 2 +-
 docs/markdown/zh-CN/datetime-picker.md | 2 +-
 docs/markdown/zh-CN/picker.md          | 2 +-
 packages/picker/PickerColumn.vue       | 6 +++---
 packages/picker/index.vue              | 4 ++--
 7 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/docs/demos/views/datetime-picker.vue b/docs/demos/views/datetime-picker.vue
index 01690aca5..8e92cbc70 100644
--- a/docs/demos/views/datetime-picker.vue
+++ b/docs/demos/views/datetime-picker.vue
@@ -25,6 +25,7 @@
       <van-datetime-picker
         v-model="currentDate3"
         type="time"
+        :visibleItemCount="3"
         :min-hour="minHour"
         :max-hour="maxHour"
         :min-date="minDate"
diff --git a/docs/markdown/en-US/datetime-picker.md b/docs/markdown/en-US/datetime-picker.md
index caac7f017..2bd4525ae 100644
--- a/docs/markdown/en-US/datetime-picker.md
+++ b/docs/markdown/en-US/datetime-picker.md
@@ -69,7 +69,7 @@ export default {
 | max-date | Max date | `Date` | Ten years later on December 31 | - |
 | min-hour | Min hour | `Number` | `0` | - |
 | max-hour | Max hour | `Number` | `23` | - |
-| visibile-column-count | Count of columns to show | `Number` | `5` | - |
+| visible-item-count | Count of columns to show | `Number` | `5` | - |
 
 ### Event
 
diff --git a/docs/markdown/en-US/picker.md b/docs/markdown/en-US/picker.md
index 466c3c4f1..955fdf310 100644
--- a/docs/markdown/en-US/picker.md
+++ b/docs/markdown/en-US/picker.md
@@ -124,7 +124,7 @@ export default {
 | confirm-button-text | Text of confirm button | `String` | `Confirm` | - |
 | cancel-button-text | Text of cancel button | `String` | `Cancel` | - |
 | item-height | Option height | `Number` | `44` | - |
-| visibile-column-count | Count of visible columns | `Number` | `5` | - |
+| visible-item-count | Count of visible columns | `Number` | `5` | - |
 | value-key | Key of option text | `String` | `text` | - |
 
 ### Event
diff --git a/docs/markdown/zh-CN/datetime-picker.md b/docs/markdown/zh-CN/datetime-picker.md
index e51a60bcd..6d28581b6 100644
--- a/docs/markdown/zh-CN/datetime-picker.md
+++ b/docs/markdown/zh-CN/datetime-picker.md
@@ -69,7 +69,7 @@ export default {
 | max-date | 可选的最大日期 | `Date` | 十年后的 12 月 31 日 | - |
 | min-hour | 可选的最小小时 | `Number` | `0` | - |
 | max-hour | 可选的最大小时 | `Number` | `23` | - |
-| visibile-column-count | 每一列可见备选元素的个数 | `Number` | `5` | - |
+| visible-item-count | 每一列可见备选元素的个数 | `Number` | `5` | - |
 
 ### Event
 
diff --git a/docs/markdown/zh-CN/picker.md b/docs/markdown/zh-CN/picker.md
index 238ddc46f..9cc425dce 100644
--- a/docs/markdown/zh-CN/picker.md
+++ b/docs/markdown/zh-CN/picker.md
@@ -126,7 +126,7 @@ export default {
 | confirm-button-text | 确认按钮文字 | `String` | `完成` | - |
 | cancel-button-text | 取消按钮文字 | `String` | `取消` | - |
 | item-height | 选项高度 | `Number` | `44` | - |
-| visibile-column-count | 可见的选项个数 | `Number` | `5` | - |
+| visible-item-count | 可见的选项个数 | `Number` | `5` | - |
 | value-key | 选项对象中，文字对应的 key | `String` | `text` | - |
 
 ### Event
diff --git a/packages/picker/PickerColumn.vue b/packages/picker/PickerColumn.vue
index 5d42e683f..365973601 100644
--- a/packages/picker/PickerColumn.vue
+++ b/packages/picker/PickerColumn.vue
@@ -40,7 +40,7 @@ export default create({
       type: Array,
       default: () => []
     },
-    visibileColumnCount: {
+    visibleItemCount: {
       type: Number,
       default: 5
     },
@@ -90,12 +90,12 @@ export default create({
     },
 
     baseOffset() {
-      return this.itemHeight * (this.visibileColumnCount - 1) / 2;
+      return this.itemHeight * (this.visibleItemCount - 1) / 2;
     },
 
     columnStyle() {
       return {
-        height: (this.itemHeight * this.visibileColumnCount) + 'px'
+        height: (this.itemHeight * this.visibleItemCount) + 'px'
       };
     },
 
diff --git a/packages/picker/index.vue b/packages/picker/index.vue
index 50111e394..0b75f964a 100644
--- a/packages/picker/index.vue
+++ b/packages/picker/index.vue
@@ -16,7 +16,7 @@
         :class-name="item.className"
         :default-index="item.defaultIndex"
         :item-height="itemHeight"
-        :visibile-column-count="visibileColumnCount"
+        :visible-item-count="visibleItemCount"
         @change="onChange(index)"
       />
       <div class="van-picker__frame van-hairline--top-bottom" :style="frameStyle" />
@@ -41,7 +41,7 @@ export default create({
     showToolbar: Boolean,
     confirmButtonText: String,
     cancelButtonText: String,
-    visibileColumnCount: Number,
+    visibleItemCount: Number,
     valueKey: {
       type: String,
       default: 'text'