feat(Picker): add confirm method

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 | - | - |

src/picker/README.zh-CN.md

@@ -253,6 +253,7 @@ Picker 组件的事件会根据 columns 是单列或多列返回不同的参数
 | setColumnIndex | 设置对应列选中项的索引 | columnIndex, optionIndex | - |
 | getColumnValues | 获取对应列中所有选项 | columnIndex | values |
 | setColumnValues | 设置对应列中所有选项 | columnIndex, values | - |
+| confirm | 停止惯性滚动并触发 confirm 事件 | - | - |
 
 ## 常见问题
 

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>

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;
 }