fix(ActionSheet): support more options (#2715)

example/pages/action-sheet/index.js

@@ -7,6 +7,7 @@ Page({
     show3: false,
     show4: false,
     show5: false,
+    show6: false,
     action1: [
       { name: '选项' },
       { name: '选项' },
@@ -16,6 +17,9 @@ Page({
       { name: '选项', color: '#07c160' },
       { loading: true },
       { name: '禁用选项', disabled: true }
+    ],
+    action6: [
+      { name: '获取用户信息', color: '#07c160', openType: 'getUserInfo' },
     ]
   },
 
@@ -43,5 +47,11 @@ Page({
 
   toggleActionSheet5() {
     this.toggle('show5');
+  },
+  toggleActionSheet6() {
+    this.toggle('show6');
+  },
+  onGetUserInfo(e) {
+    console.log(e.detail);
   }
 });

example/pages/action-sheet/index.wxml

@@ -51,3 +51,15 @@
     <view class="content">内容</view>
   </van-action-sheet>
 </demo-block>
+
+<demo-block title="微信开发能力" padding>
+  <van-button type="primary" bind:click="toggleActionSheet6">弹出菜单</van-button>
+  <van-action-sheet
+    show="{{ show6 }}"
+    title="标题"
+    bind:close="toggleActionSheet6"
+    actions="{{ action6 }}"
+    bind:getuserinfo="onGetUserInfo"
+  >
+  </van-action-sheet>
+</demo-block>

packages/action-sheet/README.md

@@ -114,6 +114,38 @@ Page({
 </van-action-sheet>
 ```
 
+### 微信开放能力
+
+需要传入一个`actions`的数组，数组的每一项是一个对象，对象属性见文档下方表格。
+
+```html
+<van-action-sheet
+  show="{{ show }}"
+  actions="{{ actions }}"
+  bind:close="onClose"
+  bind:getuserinfo="onGetUserInfo"
+/>
+```
+
+```javascript
+Page({
+  data: {
+    show: false,
+    actions: [
+      { name: '获取用户信息', color: '#07c160', openType: 'getUserInfo' },
+    ]
+  },
+
+  onClose() {
+    this.setData({ show: false });
+  },
+
+  onGetUserInfo(e) {
+    console.log(e.detail)
+  }
+});
+```
+
 ## API
 
 ### Props
@@ -139,17 +171,30 @@ Page({
 | bind:close | 关闭时触发 | - |
 | bind:cancel | 取消按钮点击时触发 | - |
 | bind:click-overlay | 点击遮罩层时触发 | - |
+| bind:getuserinfo | 用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与wx.getUserInfo返回的一致，<a href="#/action-sheet#actions">openType</a>="getUserInfo"时有效 | - |
+| bind:contact | 客服消息回调，<a href="#/action-sheet#actions">openType</a>="contact"时有效 | - |
+| bind:getphonenumber | 获取用户手机号回调，<a href="#/action-sheet#actions">openType</a>="getPhoneNumber"时有效	 | - |
+| bind:error | 当使用开放能力时，发生错误的回调，<a href="#/action-sheet#actions">openType</a>="launchApp"时有效 | - |
+| bind:launchapp | 打开 APP 成功的回调，<a href="#/action-sheet#actions">openType</a>="launchApp"时有效 | - |
+| bind:opensetting | 在打开授权设置页后回调，<a href="#/action-sheet#actions">openType</a>="openSetting"时有效 | - |
 
 ### actions
 
 `API`中的`actions`为一个对象数组，数组中的每一个对象配置每一列，每一列有以下`key`：
 
-| 键名 | 说明 | 类型 |
-|-----------|-----------|-----------|
-| name | 标题 | *string* |
-| subname | 二级标题 | *string* |
-| color | 选项文字颜色 | *string* |
-| loading | 是否为加载状态 | *boolean* |
-| disabled | 是否为禁用状态 | *boolean* |
-| className | 为对应列添加额外的 class 类名 | *string* |
-| openType | 微信开放能力，具体支持可参考 [微信官方文档](https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html) | *string* |
+| 键名 | 说明 | 类型 | 默认值 |
+|-----------|-----------|-----------|-----------|
+| name | 标题 | *string* | - |
+| subname | 二级标题 | *string* | - |
+| color | 选项文字颜色 | *string* | - |
+| loading | 是否为加载状态 | *boolean* | - |
+| disabled | 是否为禁用状态 | *boolean* | - |
+| className | 为对应列添加额外的 class 类名 | *string* | - |
+| openType | 微信开放能力，具体支持可参考 [微信官方文档](https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html) | *string* | - |
+| lang | 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文 | *string* | `en` | 
+| sessionFrom | 会话来源，openType="contact"时有效 | *string* | - |
+| sendMessageTitle | 会话内消息卡片标题，openType="contact"时有效 | *string* | 当前标题 |
+| sendMessagePath | 会话内消息卡片点击跳转小程序路径，openType="contact"时有效 | *string* | 当前分享路径 |
+| sendMessageImg | 会话内消息卡片图片，openType="contact"时有效 | *string* | 截图 |
+| showMessageCard | 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，openType="contact"时有效 | *string* | `false` |
+| appParameter | 打开 APP 时，向 APP 传递的参数，openType=launchApp时有效 | *string* | - |

packages/action-sheet/index.ts

@@ -1,7 +1,10 @@
 import { VantComponent } from '../common/component';
 import { Weapp } from 'definitions/weapp';
+import { button } from '../mixins/button';
+import { openType } from '../mixins/open-type';
 
 VantComponent({
+  mixins: [button, openType],
   props: {
     show: Boolean,
     title: String,

packages/action-sheet/index.wxml

@@ -33,6 +33,19 @@
       hover-class="van-action-sheet__item--hover"
       data-index="{{ index }}"
       bind:tap="onSelect"
+      bindgetuserinfo="bindGetUserInfo"
+      bindcontact="bindContact"
+      bindgetphonenumber="bindGetPhoneNumber"
+      binderror="bindError"
+      bindlaunchapp="bindLaunchApp"
+      bindopensetting="bindOpenSetting"
+      lang="{{ lang }}"
+      session-from="{{ sessionFrom }}"
+      send-message-title="{{ sendMessageTitle }}"
+      send-message-path="{{ sendMessagePath }}"
+      send-message-img="{{ sendMessageImg }}"
+      show-message-card="{{ showMessageCard }}"
+      app-parameter="{{ appParameter }}"
     >
       <block wx:if="{{ !item.loading }}">
         {{ item.name }}