feat(open-type): support getUserProfile (#4203)

* chore(open-type): merge open type mixin into button mixin

* chore(button): shorten open type method names

* feat(open-type): support getUserProfile

example/project.config.json

@@ -21,24 +21,27 @@
     "checkSiteMap": true,
     "uploadWithSourceMap": true,
     "compileHotReLoad": false,
-    "useMultiFrameRuntime": false,
+    "useMultiFrameRuntime": true,
     "useApiHook": true,
+    "useApiHostProcess": false,
     "babelSetting": {
       "ignore": [],
       "disablePlugins": [],
       "outputPath": ""
     },
+    "enableEngineNative": false,
     "bundle": false,
     "useIsolateContext": true,
     "useCompilerModule": true,
     "userConfirmedUseCompilerModuleSwitch": false,
+    "userConfirmedBundleSwitch": false,
     "packNpmManually": false,
     "packNpmRelationList": [],
     "minifyWXSS": true
   },
   "compileType": "miniprogram",
   "cloudfunctionRoot": "functions/",
-  "libVersion": "2.3.0",
+  "libVersion": "2.3.2",
   "appid": "wx1c01b35002d3ba14",
   "projectname": "vant-weapp",
   "debugOptions": {

packages/action-sheet/index.ts

@@ -1,9 +1,8 @@
 import { VantComponent } from '../common/component';
 import { button } from '../mixins/button';
-import { openType } from '../mixins/open-type';
 
 VantComponent({
-  mixins: [button, openType],
+  mixins: [button],
   props: {
     show: Boolean,
     title: String,
@@ -42,13 +41,23 @@ VantComponent({
   methods: {
     onSelect(event: WechatMiniprogram.TouchEvent) {
       const { index } = event.currentTarget.dataset;
-      const item = this.data.actions[index];
+      const { actions, closeOnClickAction, canIUseGetUserProfile } = this.data;
-      if (item && !item.disabled && !item.loading) {
+      const item = actions[index];
+      if (item) {
         this.$emit('select', item);
 
-        if (this.data.closeOnClickAction) {
+        if (closeOnClickAction) {
           this.onClose();
         }
+
+        if (item.openType === 'getUserInfo' && canIUseGetUserProfile) {
+          wx.getUserProfile({
+            desc: item.getUserProfileDesc || '  ',
+            complete: (userProfile) => {
+              this.$emit('getuserinfo', userProfile);
+            },
+          });
+        }
       }
     },
 

packages/action-sheet/index.wxml

@@ -27,18 +27,18 @@
     <button
       wx:for="{{ actions }}"
       wx:key="index"
-      open-type="{{ item.openType }}"
+      open-type="{{ item.disabled || item.loading || canIUseGetUserProfile ? '' : item.openType }}"
       style="{{ item.color ? 'color: ' + item.color : '' }}"
       class="{{ utils.bem('action-sheet__item', { disabled: item.disabled || item.loading }) }} {{ item.className || '' }}"
       hover-class="van-action-sheet__item--hover"
       data-index="{{ index }}"
-      bind:tap="onSelect"
+      bindtap="{{ item.disabled || item.loading ? '' : 'onSelect' }}"
-      bindgetuserinfo="bindGetUserInfo"
+      bindgetuserinfo="onGetUserInfo"
-      bindcontact="bindContact"
+      bindcontact="onContact"
-      bindgetphonenumber="bindGetPhoneNumber"
+      bindgetphonenumber="onGetPhoneNumber"
-      binderror="bindError"
+      binderror="onError"
-      bindlaunchapp="bindLaunchApp"
+      bindlaunchapp="onLaunchApp"
-      bindopensetting="bindOpenSetting"
+      bindopensetting="onOpenSetting"
       lang="{{ lang }}"
       session-from="{{ sessionFrom }}"
       send-message-title="{{ sendMessageTitle }}"

packages/button/index.ts

@@ -1,9 +1,8 @@
 import { VantComponent } from '../common/component';
 import { button } from '../mixins/button';
-import { openType } from '../mixins/open-type';
 import { canIUseFormFieldButton } from '../common/version';
 
-const mixins = [button, openType];
+const mixins = [button];
 if (canIUseFormFieldButton()) {
   mixins.push('wx://form-field-button');
 }
@@ -54,12 +53,19 @@ VantComponent({
   },
 
   methods: {
-    onClick() {
+    onClick(event: WechatMiniprogram.TouchEvent) {
-      if (!this.data.loading) {
+      this.$emit('click', event);
-        this.$emit('click');
+
+      const { canIUseGetUserProfile, openType, getUserProfileDesc } = this.data;
+
+      if (openType === 'getUserInfo' && canIUseGetUserProfile) {
+        wx.getUserProfile({
+          desc: getUserProfileDesc || '  ',
+          complete: (userProfile) => {
+            this.$emit('getuserinfo', userProfile);
+          },
+        });
       }
     },
-
-    noop() {},
   },
 });

packages/button/index.wxml

@@ -9,7 +9,7 @@
   lang="{{ lang }}"
   form-type="{{ formType }}"
   style="{{ computed.rootStyle({ plain, color, customStyle }) }}"
-  open-type="{{ disabled ? '' : openType }}"
+  open-type="{{ disabled || loading || canIUseGetUserProfile ? '' : openType }}"
   business-id="{{ businessId }}"
   session-from="{{ sessionFrom }}"
   send-message-title="{{ sendMessageTitle }}"
@@ -18,13 +18,13 @@
   show-message-card="{{ showMessageCard }}"
   app-parameter="{{ appParameter }}"
   aria-label="{{ ariaLabel }}"
-  bindtap="{{ !disabled ? 'onClick' : 'noop' }}"
+  bindtap="{{ disabled || loading ? '' : 'onClick' }}"
-  bindgetuserinfo="bindGetUserInfo"
+  bindgetuserinfo="onGetUserInfo"
-  bindcontact="bindContact"
+  bindcontact="onContact"
-  bindgetphonenumber="bindGetPhoneNumber"
+  bindgetphonenumber="onGetPhoneNumber"
-  binderror="bindError"
+  binderror="onError"
-  bindlaunchapp="bindLaunchApp"
+  bindlaunchapp="onLaunchApp"
-  bindopensetting="bindOpenSetting"
+  bindopensetting="onOpenSetting"
 >
   <block wx:if="{{ loading }}">
     <van-loading

packages/cell/index.wxml

@@ -20,6 +20,7 @@
     style="{{ computed.titleStyle({ titleWidth, titleStyle }) }}"
     class="van-cell__title title-class"
   >
+
     <block wx:if="{{ title }}">{{ title }}</block>
     <slot wx:else name="title" />
 

packages/common/version.ts

@@ -56,3 +56,7 @@ export function canIUseNextTick() {
 export function canIUseCanvas2d() {
   return gte('2.9.0');
 }
+
+export function canIUseGetUserProfile() {
+  return !!wx.getUserProfile;
+}

packages/definitions/index.ts

@@ -37,7 +37,7 @@ export type VantComponentOptions<
       Data & {
         name: string;
         value: any;
-      },
+      } & Record<string, any>,
       Props,
       Methods
     > &

packages/dialog/index.ts

@@ -1,12 +1,11 @@
 import { VantComponent } from '../common/component';
 import { button } from '../mixins/button';
-import { openType } from '../mixins/open-type';
 import { GRAY, RED } from '../common/color';
 import { toPromise } from '../common/utils';
 import type { Action } from './dialog';
 
 VantComponent({
-  mixins: [button, openType],
+  mixins: [button],
 
   props: {
     show: {
@@ -75,7 +74,7 @@ VantComponent({
     callback: ((() => {}) as unknown) as (
       action: string,
       context: WechatMiniprogram.Component.TrivialInstance
-    ) => {},
+    ) => void,
   },
 
   methods: {

packages/dialog/index.wxml

@@ -58,12 +58,12 @@
       app-parameter="{{ appParameter }}"
 
       bind:click="onConfirm"
-      bindgetuserinfo="bindGetUserInfo"
+      bindgetuserinfo="onGetUserInfo"
-      bindcontact="bindContact"
+      bindcontact="onContact"
-      bindgetphonenumber="bindGetPhoneNumber"
+      bindgetphonenumber="onGetPhoneNumber"
-      binderror="bindError"
+      binderror="onError"
-      bindlaunchapp="bindLaunchApp"
+      bindlaunchapp="onLaunchApp"
-      bindopensetting="bindOpenSetting"
+      bindopensetting="onOpenSetting"
     >
       {{ confirmButtonText }}
     </van-goods-action-button>
@@ -100,12 +100,12 @@
       app-parameter="{{ appParameter }}"
 
       bind:click="onConfirm"
-      bindgetuserinfo="bindGetUserInfo"
+      bindgetuserinfo="onGetUserInfo"
-      bindcontact="bindContact"
+      bindcontact="onContact"
-      bindgetphonenumber="bindGetPhoneNumber"
+      bindgetphonenumber="onGetPhoneNumber"
-      binderror="bindError"
+      binderror="onError"
-      bindlaunchapp="bindLaunchApp"
+      bindlaunchapp="onLaunchApp"
-      bindopensetting="bindOpenSetting"
+      bindopensetting="onOpenSetting"
     >
       {{ confirmButtonText }}
     </van-button>

packages/goods-action-button/index.ts

@@ -2,10 +2,9 @@ import { VantComponent } from '../common/component';
 import { useParent } from '../common/relation';
 import { button } from '../mixins/button';
 import { link } from '../mixins/link';
-import { openType } from '../mixins/open-type';
 
 VantComponent({
-  mixins: [link, button, openType],
+  mixins: [link, button],
 
   relation: useParent('goods-action'),
 

packages/goods-action-button/index.wxml

@@ -18,12 +18,12 @@
   show-message-card="{{ showMessageCard }}"
   send-message-title="{{ sendMessageTitle }}"
   bind:click="onClick"
-  binderror="bindError"
+  binderror="onError"
-  bindcontact="bindContact"
+  bindcontact="onContact"
-  bindopensetting="bindOpenSetting"
+  bindopensetting="onOpenSetting"
-  bindgetuserinfo="bindGetUserInfo"
+  bindgetuserinfo="onGetUserInfo"
-  bindgetphonenumber="bindGetPhoneNumber"
+  bindgetphonenumber="onGetPhoneNumber"
-  bindlaunchapp="bindLaunchApp"
+  bindlaunchapp="onLaunchApp"
 >
   {{ text }}
   <slot></slot>

packages/goods-action-icon/index.ts

@@ -1,12 +1,11 @@
 import { VantComponent } from '../common/component';
 import { button } from '../mixins/button';
 import { link } from '../mixins/link';
-import { openType } from '../mixins/open-type';
 
 VantComponent({
   classes: ['icon-class', 'text-class'],
 
-  mixins: [link, button, openType],
+  mixins: [link, button],
 
   props: {
     text: String,

packages/goods-action-icon/index.wxml

@@ -15,12 +15,12 @@
   show-message-card="{{ showMessageCard }}"
   send-message-title="{{ sendMessageTitle }}"
   bind:click="onClick"
-  binderror="bindError"
+  binderror="onError"
-  bindcontact="bindContact"
+  bindcontact="onContact"
-  bindopensetting="bindOpenSetting"
+  bindopensetting="onOpenSetting"
-  bindgetuserinfo="bindGetUserInfo"
+  bindgetuserinfo="onGetUserInfo"
-  bindgetphonenumber="bindGetPhoneNumber"
+  bindgetphonenumber="onGetPhoneNumber"
-  bindlaunchapp="bindLaunchApp"
+  bindlaunchapp="onLaunchApp"
 >
   <van-icon
     wx:if="{{ icon }}"

packages/image/index.ts

@@ -1,9 +1,8 @@
 import { VantComponent } from '../common/component';
 import { button } from '../mixins/button';
-import { openType } from '../mixins/open-type';
 
 VantComponent({
-  mixins: [button, openType],
+  mixins: [button],
 
   classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
 

packages/mixins/button.ts

@@ -1,3 +1,5 @@
+import { canIUseGetUserProfile } from '../common/version';
+
 export const button = Behavior({
   externalClasses: ['hover-class'],
 
@@ -12,5 +14,37 @@ export const button = Behavior({
     showMessageCard: Boolean,
     appParameter: String,
     ariaLabel: String,
+    openType: String,
+    getUserProfileDesc: String,
+  },
+
+  data: {
+    canIUseGetUserProfile: canIUseGetUserProfile(),
+  },
+
+  methods: {
+    onGetUserInfo(event: WechatMiniprogram.ButtonGetUserInfo) {
+      this.triggerEvent('getuserinfo', event.detail);
+    },
+
+    onContact(event: WechatMiniprogram.ButtonContact) {
+      this.triggerEvent('contact', event.detail);
+    },
+
+    onGetPhoneNumber(event: WechatMiniprogram.ButtonGetPhoneNumber) {
+      this.triggerEvent('getphonenumber', event.detail);
+    },
+
+    onError(event: WechatMiniprogram.ButtonError) {
+      this.triggerEvent('error', event.detail);
+    },
+
+    onLaunchApp(event: WechatMiniprogram.ButtonLaunchApp) {
+      this.triggerEvent('launchapp', event.detail);
+    },
+
+    onOpenSetting(event: WechatMiniprogram.ButtonOpenSetting) {
+      this.triggerEvent('opensetting', event.detail);
+    },
   },
 });

packages/mixins/open-type.ts

@@ -1,33 +0,0 @@
-// @ts-nocheck
-
-export const openType = Behavior({
-  properties: {
-    openType: String,
-  },
-
-  methods: {
-    bindGetUserInfo(event: WechatMiniprogram.ButtonGetUserInfo) {
-      this.$emit('getuserinfo', event.detail);
-    },
-
-    bindContact(event: WechatMiniprogram.ButtonContact) {
-      this.$emit('contact', event.detail);
-    },
-
-    bindGetPhoneNumber(event: WechatMiniprogram.ButtonGetPhoneNumber) {
-      this.$emit('getphonenumber', event.detail);
-    },
-
-    bindError(event: WechatMiniprogram.ButtonError) {
-      this.$emit('error', event.detail);
-    },
-
-    bindLaunchApp(event: WechatMiniprogram.ButtonLaunchApp) {
-      this.$emit('launchapp', event.detail);
-    },
-
-    bindOpenSetting(event: WechatMiniprogram.ButtonOpenSetting) {
-      this.$emit('opensetting', event.detail);
-    },
-  },
-});