feat(mp-alipay): getPhoneNumber

packages/uni-mp-alipay/dist/index.js

@@ -1829,6 +1829,33 @@ function parseApp (vm) {
     }
   });
 
+  Vue.prototype.$onAliGetAuthorize = function onAliGetAuthorize (method, $event) {
+    my.getPhoneNumber({
+      success: (res) => {
+        $event.type = 'getphonenumber';
+        const response = JSON.parse(res.response).response;
+        if (response.code === '10000') { // success
+          $event.detail.errMsg = 'getPhoneNumber:ok';
+          $event.detail.encryptedData = res.response;
+        } else {
+          $event.detail.errMsg = 'getPhoneNumber:fail Error: ' + res.response;
+        }
+        this[method]($event);
+      },
+      fail: (res) => {
+        $event.type = 'getphonenumber';
+        $event.detail.errMsg = 'getPhoneNumber:fail';
+        this[method]($event);
+      }
+    });
+  };
+
+  Vue.prototype.$onAliAuthError = function $onAliAuthError (method, $event) {
+    $event.type = 'getphonenumber';
+    $event.detail.errMsg = 'getPhoneNumber:fail Error: ' + $event.detail.errorMessage;
+    this[method]($event);
+  };
+
   return parseBaseApp(vm, {
     mocks,
     initRefs

packages/uni-mp-baidu/dist/index.js

@@ -415,7 +415,8 @@ const todos = [
   'stopBeaconDiscovery',
   'hideShareMenu',
   'onWindowResize',
-  'offWindowResize'
+  'offWindowResize',
+  'vibrate'
 ];
 
 // 存在兼容性的 API 列表

packages/uni-mp-qq/dist/index.js

@@ -428,7 +428,8 @@ const todos = [
   'checkIsSoterEnrolledInDevice',
   'reportMonitor',
   'getLogManager',
-  'reportAnalytics'
+  'reportAnalytics',
+  'vibrate'
 ];
 const canIUses = [
   'scanCode',

packages/uni-mp-toutiao/dist/index.js

@@ -451,7 +451,8 @@ const todos = [
   'onWindowResize',
   'offWindowResize',
   'compressImage',
-  'createOffscreenCanvas'
+  'createOffscreenCanvas',
+  'vibrate'
 ];
 
 // 存在兼容性的 API 列表

packages/uni-mp-weixin/dist/index.js

@@ -387,7 +387,9 @@ var previewImage = {
 const protocols = {
   previewImage
 };
-const todos = [];
+const todos = [
+  'vibrate'
+];
 const canIUses = [];
 
 const CALLBACKS = ['success', 'fail', 'cancel', 'complete'];

packages/uni-template-compiler/__tests__/compiler-mp-alipay.spec.js

@@ -104,6 +104,13 @@ describe('mp:compiler-mp-alipay', () => {
     )
   })
 
+  it('generate getPhoneNumber', () => {
+    assertCodegen(
+      '<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button>',
+      `<button open-type="getAuthorize" scope="phoneNumber" data-event-opts="{{[['getAuthorize',[['$onAliGetAuthorize',['getPhoneNumber','$event']]]],['error',[['$onAliAuthError',['getPhoneNumber','$event']]]]]}}" onGetAuthorize="__e" onError="__e">获取手机号</button>`
+    )
+  })
+
   it('generate events with v-on directive', () => {
     assertCodegen(
       `<uni-list-item title="标题文字" note="描述信息" show-extra-icon="true" :extra-icon="{color: '#4cd964',size: '22',type: 'spinner'}"></uni-list-item>`,

packages/uni-template-compiler/__tests__/demo.js

 const compiler = require('../lib')
-
 const res = compiler.compile(
   `
-<view @/>
+<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button>
     `, {
     resourcePath: '/User/fxy/Documents/test.wxml',
     mp: {

packages/uni-template-compiler/lib/index.js

@@ -18,6 +18,8 @@ const generateTemplate = require('./template/generate')
 
 const compilerModule = require('./module')
 
+const compilerAlipayModule = require('./module-alipay')
+
 const generateCodeFrame = require('./codeframe')
 
 module.exports = {
@@ -28,6 +30,10 @@ module.exports = {
 
     (options.modules || (options.modules = [])).push(compilerModule)
 
+    if (options.mp.platform === 'mp-alipay') {
+      options.modules.push(compilerAlipayModule)
+    }
+
     const res = compile(source, Object.assign(options, {
       optimize: false
     }))

packages/uni-template-compiler/lib/module-alipay.js

+module.exports = {
+  postTransformNode (el) {
+    const attrsMap = el.attrsMap
+    if (attrsMap['open-type'] !== 'getPhoneNumber') {
+      return
+    }
+    const getPhoneNumberValue = attrsMap['@getphonenumber'] || attrsMap['v-on:getphonenumber']
+    if (!getPhoneNumberValue) {
+      return
+    }
+
+    el.attrs.find(attr => attr.name === 'open-type').value = '"getAuthorize"'
+    el.attrs.push({
+      name: 'scope',
+      value: '"phoneNumber"'
+    })
+
+    delete el.events['getphonenumber']
+    el.events['getAuthorize'] = {
+      value: '$onAliGetAuthorize(\'' + getPhoneNumberValue + '\',$event)'
+    }
+    el.events['error'] = {
+      value: '$onAliAuthError(\'' + getPhoneNumberValue + '\',$event)'
+    }
+  }
+}

src/platforms/mp-alipay/runtime/wrapper/app-parser.js

@@ -25,6 +25,33 @@ export default function parseApp (vm) {
     }
   })
 
+  Vue.prototype.$onAliGetAuthorize = function onAliGetAuthorize (method, $event) {
+    my.getPhoneNumber({
+      success: (res) => {
+        $event.type = 'getphonenumber'
+        const response = JSON.parse(res.response).response
+        if (response.code === '10000') { // success
+          $event.detail.errMsg = 'getPhoneNumber:ok'
+          $event.detail.encryptedData = res.response
+        } else {
+          $event.detail.errMsg = 'getPhoneNumber:fail Error: ' + res.response
+        }
+        this[method]($event)
+      },
+      fail: (res) => {
+        $event.type = 'getphonenumber'
+        $event.detail.errMsg = 'getPhoneNumber:fail'
+        this[method]($event)
+      }
+    })
+  }
+
+  Vue.prototype.$onAliAuthError = function $onAliAuthError (method, $event) {
+    $event.type = 'getphonenumber'
+    $event.detail.errMsg = 'getPhoneNumber:fail Error: ' + $event.detail.errorMessage
+    this[method]($event)
+  }
+
   return parseBaseApp(vm, {
     mocks,
     initRefs