From 5eb2a4012ae3e9d90a29a924ae454e54408b1235 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Sun, 29 Dec 2019 08:50:01 +0800
Subject: [PATCH] feat(Picker): add confirm method

---
 src/picker/README.md       |  1 +
 src/picker/README.zh-CN.md |  1 +
 src/picker/index.js        | 11 ++++++-----
 types/picker.d.ts          |  2 ++
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/picker/README.md b/src/picker/README.md
index 234641fba..8ec771f90 100644
--- a/src/picker/README.md
+++ b/src/picker/README.md
@@ -241,3 +241,4 @@ Use [ref](https://vuejs.org/v2/api/#ref) to get Picker instance and call instanc
 | setColumnIndex | Set current index of the column | columnIndex, optionIndex | - |
 | getColumnValues | Get columns data of the column | columnIndex | values |
 | setColumnValues | Set columns data of the column | columnIndex, values | - |
+| confirm | Stop scrolling and emit confirm event | - | - |
diff --git a/src/picker/README.zh-CN.md b/src/picker/README.zh-CN.md
index 203f9c6c2..540f8f653 100644
--- a/src/picker/README.zh-CN.md
+++ b/src/picker/README.zh-CN.md
@@ -253,6 +253,7 @@ Picker 组件的事件会根据 columns 是单列或多列返回不同的参数
 | setColumnIndex | 设置对应列选中项的索引 | columnIndex, optionIndex | - |
 | getColumnValues | 获取对应列中所有选项 | columnIndex | values |
 | setColumnValues | 设置对应列中所有选项 | columnIndex, values | - |
+| confirm | 停止惯性滚动并触发 confirm 事件 | - | - |
 
 ## 常见问题
 
diff --git a/src/picker/index.js b/src/picker/index.js
index 2bc8062f1..363004bea 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -153,12 +153,13 @@ export default createComponent({
       });
     },
 
-    onConfirm() {
-      this.children.map(child => child.stopMomentum());
+    // @exposed-api
+    confirm() {
+      this.children.forEach(child => child.stopMomentum());
       this.emit('confirm');
     },
 
-    onCancel() {
+    cancel() {
       this.emit('cancel');
     },
 
@@ -182,7 +183,7 @@ export default createComponent({
               <button
                 type="button"
                 class={bem('cancel')}
-                onClick={this.onCancel}
+                onClick={this.cancel}
               >
                 {this.cancelButtonText || t('cancel')}
               </button>,
@@ -190,7 +191,7 @@ export default createComponent({
               <button
                 type="button"
                 class={bem('confirm')}
-                onClick={this.onConfirm}
+                onClick={this.confirm}
               >
                 {this.confirmButtonText || t('confirm')}
               </button>
diff --git a/types/picker.d.ts b/types/picker.d.ts
index 840e48be8..ac54d0471 100644
--- a/types/picker.d.ts
+++ b/types/picker.d.ts
@@ -20,4 +20,6 @@ export class Picker extends VanComponent {
   getColumnValues(columnIndex: number): string[];
 
   setColumnValues(columnIndex: number, values: string[]): void;
+
+  confirm(): void;
 }