@tarojs/taro-h5 3.4.6 → 3.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/taro-h5",
-  "version": "3.4.6",
+  "version": "3.4.7",
   "description": "Taro h5 framework",
   "main:h5": "dist/index.js",
   "main": "dist/index.cjs.js",
@@ -16,7 +16,7 @@
     "test:ci": "jest -i --coverage false",
     "test:dev": "jest --watch",
     "test:coverage": "jest --coverage",
-    "copy:assets": "copy src/**/*.css dist",
+    "copy:assets": "copy-cli src/**/*.css dist",
     "build": "rollup -c && tsc",
     "dev": "tsc -w",
     "prebuild": "npm run copy:assets",
@@ -32,15 +32,15 @@
   "author": "O2Team",
   "license": "MIT",
   "dependencies": {
-    "@tarojs/api": "3.4.6",
-    "@tarojs/router": "3.4.6",
-    "@tarojs/runtime": "3.4.6",
-    "@tarojs/taro": "3.4.6",
+    "@tarojs/api": "3.4.7",
+    "@tarojs/router": "3.4.7",
+    "@tarojs/runtime": "3.4.7",
+    "@tarojs/taro": "3.4.7",
     "base64-js": "^1.3.0",
     "jsonp-retry": "^1.0.3",
     "mobile-detect": "^1.4.2",
     "query-string": "^7.1.1",
     "whatwg-fetch": "^3.4.0"
   },
-  "gitHead": "c12d65079a197af709bfeec2498588291160dfb3"
+  "gitHead": "bb62ad5d4f099940c8c4d6dfcba9b743bc3d2acf"
 }

package/src/api/device/scan.ts

@@ -1,7 +1,11 @@
 import { processOpenApi } from '../utils'
 
 // 扫码
-export const scanCode = processOpenApi('scanQRCode', { needResult: 1 }, res => ({
-  errMsg: res.errMsg === 'scanQRCode:ok' ? 'scanCode:ok' : res.errMsg,
-  result: res.resultStr
-}))
+export const scanCode = processOpenApi({
+  name: 'scanQRCode',
+  defaultOptions: { needResult: 1 },
+  formatResult: res => ({
+    errMsg: res.errMsg === 'scanQRCode:ok' ? 'scanCode:ok' : res.errMsg,
+    result: res.resultStr
+  })
+})

package/src/api/location/getLocation.ts

@@ -0,0 +1,80 @@
+import Taro from '@tarojs/api'
+import { processOpenApi, shouldBeObject } from '../utils'
+import { MethodHandler } from '../utils/handler'
+
+const getLocationByW3CApi: (options: Taro.getLocation.Option) => Promise<Taro.getLocation.SuccessCallbackResult> = (options: Taro.getLocation.Option): Promise<Taro.getLocation.SuccessCallbackResult> => {
+  // 断言 options 必须是 Object
+  const isObject = shouldBeObject(options)
+  if (!isObject.flag) {
+    const res = { errMsg: `getLocation:fail ${isObject.msg}` }
+    console.error(res.errMsg)
+    return Promise.reject(res)
+  }
+
+  // 解构回调函数
+  const { success, fail, complete } = options
+
+  const handle = new MethodHandler({ name: 'getLocation', success, fail, complete })
+
+  // const defaultMaximumAge = 5 * 1000
+
+  const positionOptions: PositionOptions = {
+    enableHighAccuracy: options.isHighAccuracy || (options.altitude != null), // 海拔定位需要高精度
+    // maximumAge: defaultMaximumAge, // 允许取多久以内的缓存位置
+    timeout: options.highAccuracyExpireTime // 高精度定位超时时间
+  }
+
+  // Web端API实现暂时仅支持GPS坐标系
+  if (options.type?.toUpperCase() !== 'WGS84') {
+    return handle.fail({
+      errMsg: 'This coordinate system type is not temporarily supported'
+    })
+  }
+
+  // 判断当前浏览器是否支持位置API
+  const geolocationSupported = navigator.geolocation
+
+  if (!geolocationSupported) {
+    return handle.fail({
+      errMsg: 'The current browser does not support this feature'
+    })
+  }
+
+  // 开始获取位置
+  return new Promise<Taro.getLocation.SuccessCallbackResult>(
+    (resolve, reject) => {
+      navigator.geolocation.getCurrentPosition(
+        (position) => {
+          const result: Taro.getLocation.SuccessCallbackResult = {
+            /** 位置的精确度 */
+            accuracy: position.coords.accuracy,
+            /** 高度，单位 m */
+            altitude: position.coords.altitude!,
+            /** 水平精度，单位 m */
+            horizontalAccuracy: position.coords.accuracy,
+            /** 纬度，范围为 -90~90，负数表示南纬 */
+            latitude: position.coords.latitude,
+            /** 经度，范围为 -180~180，负数表示西经 */
+            longitude: position.coords.longitude,
+            /** 速度，单位 m/s */
+            speed: position.coords.speed!,
+            /** 垂直精度，单位 m（Android 无法获取，返回 0） */
+            verticalAccuracy: position.coords.altitudeAccuracy || 0,
+            /** 调用结果,自动补充 */
+            errMsg: ''
+          }
+          handle.success(result, resolve)
+        },
+        (error) => {
+          handle.fail({ errMsg: error.message }, reject)
+        },
+        positionOptions
+      )
+    }
+  )
+}
+
+export const getLocation = processOpenApi({
+  name: 'getLocation',
+  standardMethod: getLocationByW3CApi
+})

package/src/api/location/index.ts

@@ -5,15 +5,18 @@ export const stopLocationUpdate = temporarilyNotSupport('stopLocationUpdate')
 export const startLocationUpdateBackground = temporarilyNotSupport('startLocationUpdateBackground')
 export const startLocationUpdate = temporarilyNotSupport('startLocationUpdate')
 
-export const openLocation = processOpenApi('openLocation', { scale: 18 })
+export const openLocation = processOpenApi({
+  name: 'openLocation',
+  defaultOptions: { scale: 18 }
+})
 
 export const onLocationChangeError = temporarilyNotSupport('onLocationChangeError')
 export const onLocationChange = temporarilyNotSupport('onLocationChange')
 export const offLocationChangeError = temporarilyNotSupport('offLocationChangeError')
 export const offLocationChange = temporarilyNotSupport('offLocationChange')
 
-export const getLocation = processOpenApi('getLocation')
+export { getLocation } from './getLocation'
 
 export const choosePoi = temporarilyNotSupport('choosePoi')
 
-export * from './chooseLocation'
+export { chooseLocation } from './chooseLocation'

package/src/api/utils/index.ts

@@ -104,7 +104,7 @@ export function temporarilyNotSupport (apiName) {
 
 export function weixinCorpSupport (apiName) {
   return () => {
-    const errMsg = `h5端仅在微信公众号中支持 API ${apiName}`
+    const errMsg = `h5端当前仅在微信公众号JS-SDK环境下支持此 API ${apiName}`
     if (process.env.NODE_ENV !== 'production') {
       console.error(errMsg)
       return Promise.reject({
@@ -146,30 +146,46 @@ export const isValidColor = (color) => {
   return VALID_COLOR_REG.test(color)
 }
 
-export function processOpenApi (apiName: string, defaultOptions?: Record<string, unknown>, formatResult = res => res, formatParams = options => options) {
-  // @ts-ignore
-  if (!window.wx) {
-    return weixinCorpSupport(apiName)
-  }
-  return options => {
-    options = options || {}
-    const obj = Object.assign({}, defaultOptions, options)
-    const p = new Promise((resolve, reject) => {
-      ['fail', 'success', 'complete'].forEach(k => {
-        obj[k] = oriRes => {
-          const res = formatResult(oriRes)
-          options[k] && options[k](res)
-          if (k === 'success') {
-            resolve(res)
-          } else if (k === 'fail') {
-            reject(res)
+interface IProcessOpenApi<TOptions = Record<string, unknown>, TResult extends TaroGeneral.CallbackResult = any> {
+  name: string
+  defaultOptions?: TOptions
+  standardMethod?: (opts: TOptions) => Promise<TResult>
+  formatOptions?: (opts: TOptions) => TOptions
+  formatResult?: (res: TResult) => TResult
+}
+
+export function processOpenApi<TOptions = Record<string, unknown>, TResult extends TaroGeneral.CallbackResult = any> ({
+  name,
+  defaultOptions,
+  standardMethod,
+  formatOptions = options => options,
+  formatResult = res => res
+}: IProcessOpenApi<TOptions, TResult>) {
+  const notSupported = weixinCorpSupport(name)
+  return (options: Partial<TOptions> = {}): Promise<TResult> => {
+    // @ts-ignore
+    const targetApi = window?.wx?.[name]
+    const opts = formatOptions(Object.assign({}, defaultOptions, options))
+    if (typeof targetApi === 'function') {
+      return new Promise<TResult>((resolve, reject) => {
+        ['fail', 'success', 'complete'].forEach(k => {
+          opts[k] = preRef => {
+            const res = formatResult(preRef)
+            options[k] && options[k](res)
+            if (k === 'success') {
+              resolve(res)
+            } else if (k === 'fail') {
+              reject(res)
+            }
           }
-        }
+          return targetApi(opts)
+        })
       })
-      // @ts-ignore
-      wx[apiName](formatParams(obj))
-    })
-    return p
+    } else if (typeof standardMethod === 'function') {
+      return standardMethod(opts)
+    } else {
+      return notSupported() as Promise<TResult>
+    }
   }
 }