@tarojs/taro-h5 3.4.0-beta.0 → 3.4.0

package/src/api/others/index.js

@@ -1,43 +0,0 @@
-import { fromByteArray, toByteArray } from 'base64-js'
-import { shouldBeObject, getParameterError } from '../utils'
-
-export function arrayBufferToBase64 (arrayBuffer) {
-  return fromByteArray(arrayBuffer)
-}
-
-export function base64ToArrayBuffer (base64) {
-  return toByteArray(base64)
-}
-
-export function makePhoneCall (options) {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.res) {
-    const res = { errMsg: `makePhoneCall${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { phoneNumber, success, fail, complete } = options
-  const res = { errMsg: 'makePhoneCall:ok' }
-
-  if (typeof phoneNumber !== 'string') {
-    res.errMsg = getParameterError({
-      name: 'makePhoneCall',
-      para: 'phoneNumber',
-      correct: 'String',
-      wrong: phoneNumber
-    })
-    console.error(res.errMsg)
-    typeof fail === 'function' && fail(res)
-    typeof complete === 'function' && complete(res)
-    return Promise.reject(res)
-  }
-
-  window.location.href = `tel:${phoneNumber}`
-
-  typeof success === 'function' && success(res)
-  typeof complete === 'function' && complete(res)
-
-  return Promise.resolve(res)
-}

package/src/api/pullDownRefresh/index.js

@@ -1,51 +0,0 @@
-import Taro from '@tarojs/api'
-/**
- * 开始下拉刷新。调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
- * @param {Object} object 参数
- */
-const startPullDownRefresh = function (object = {}) {
-  return new Promise((resolve, reject) => {
-    const { success, fail, complete } = object
-    const res = {}
-    Taro.eventCenter.trigger('__taroStartPullDownRefresh', {
-      successHandler: () => {
-        success && success(res)
-        complete && complete()
-        resolve(res)
-      },
-      errorHandler: () => {
-        fail && fail(res)
-        complete && complete()
-        reject(res)
-      }
-    })
-  })
-}
-
-/**
- * 停止当前页面下拉刷新。
- * @param {Object} object 参数
- */
-const stopPullDownRefresh = function (object = {}) {
-  return new Promise((resolve, reject) => {
-    const { success, fail, complete } = object
-    const res = {}
-    Taro.eventCenter.trigger('__taroStopPullDownRefresh', {
-      successHandler: () => {
-        success && success(res)
-        complete && complete()
-        resolve(res)
-      },
-      errorHandler: () => {
-        fail && fail(res)
-        complete && complete()
-        reject(res)
-      }
-    })
-  })
-}
-
-export {
-  startPullDownRefresh,
-  stopPullDownRefresh
-}

package/src/api/scroll/index.js

@@ -1,99 +0,0 @@
-import { getTimingFunc, easeInOut } from '../utils/index'
-
-/**
- * @typedef {object} PageScrollToParam pageScrollTo参数
- * @property {number} scrollTop 滚动到页面的目标位置，单位 px
- * @property {string} selector 选择器, css selector
- * @property {number} [duration=300] 滚动动画的时长，单位 ms
- * @property {function} [success] 接口调用成功的回调函数
- * @property {function} [fail] 接口调用失败的回调函数
- * @property {function} [complete] 接口调用结束的回调函数（调用成功、失败都会执行）
- */
-
-let scrollFunc
-let timer
-const FRAME_DURATION = 17
-
-/**
- * 将页面滚动到目标位置
- * @param {PageScrollToParam} object 参数
- */
-export const pageScrollTo = ({ scrollTop, selector, duration = 300, success, fail, complete }) => {
-  return new Promise((resolve, reject) => {
-    try {
-      if (scrollTop === undefined && !selector) {
-        throw Error('"scrollTop" 或 "selector" 需要其之一')
-      }
-
-      let el
-      if (document.querySelector('.taro-tabbar__tabbar') === null) {
-        // 没设置tabbar
-        el = window
-      } else {
-        // 有设置tabbar
-        el = document.querySelector('.taro-tabbar__panel') || window
-      }
-
-      if (!scrollFunc) {
-        if (el === window) {
-          scrollFunc = pos => {
-            if (pos === undefined) {
-              return window.pageYOffset
-            } else {
-              window.scrollTo(0, pos)
-            }
-          }
-        } else {
-          scrollFunc = pos => {
-            if (pos === undefined) {
-              return el.scrollTop
-            } else {
-              el.scrollTop = pos
-            }
-          }
-        }
-      }
-
-      if (scrollTop && selector) {
-        console.warn('"scrollTop" 或 "selector" 建议只设一个值，全部设置会忽略selector')
-      }
-      const from = scrollFunc()
-      let to
-      if (typeof scrollTop === 'number') {
-        to = scrollTop
-      } else {
-        to = document.querySelector(selector).offsetTop
-      }
-      const delta = to - from
-
-      const frameCnt = duration / FRAME_DURATION
-      const easeFunc = getTimingFunc(easeInOut, frameCnt)
-
-      const scroll = (frame = 0) => {
-        const dest = from + delta * easeFunc(frame)
-        scrollFunc(dest)
-        if (frame < frameCnt) {
-          timer && clearTimeout(timer)
-          timer = setTimeout(() => {
-            scroll(frame + 1)
-          }, FRAME_DURATION)
-        } else {
-          const res = {
-            errMsg: 'pageScrollTo:ok'
-          }
-          success && success(res)
-          complete && complete()
-          resolve(res)
-        }
-      }
-      scroll()
-    } catch (e) {
-      const res = {
-        errMsg: `pageScrollTo:fail ${e.message}`
-      }
-      fail && fail(res)
-      complete && complete()
-      reject(res)
-    }
-  })
-}

package/src/api/storage/index.js

@@ -1,211 +0,0 @@
-import { shouldBeObject, getParameterError } from '../utils'
-
-function setStorage (options) {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.res) {
-    const res = { errMsg: `setStorage${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { key, data, success, fail, complete } = options
-  const res = { errMsg: 'setStorage:ok' }
-
-  if (typeof key !== 'string') {
-    res.errMsg = getParameterError({
-      name: 'setStorage',
-      para: 'key',
-      correct: 'String',
-      wrong: key
-    })
-    console.error(res.errMsg)
-    typeof fail === 'function' && fail(res)
-    typeof complete === 'function' && complete(res)
-    return Promise.reject(res)
-  }
-
-  setStorageSync(key, data)
-
-  typeof success === 'function' && success(res)
-  typeof complete === 'function' && complete(res)
-
-  return Promise.resolve(res)
-}
-
-function setStorageSync (key, data = '') {
-  if (typeof key !== 'string') {
-    console.error(getParameterError({
-      name: 'setStorage',
-      correct: 'String',
-      wrong: key
-    }))
-    return
-  }
-
-  const type = typeof data
-  let obj = {}
-
-  if (type === 'symbol') {
-    obj = { data: '' }
-  } else {
-    obj = { data }
-  }
-  localStorage.setItem(key, JSON.stringify(obj))
-}
-
-function getStorage (options) {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.res) {
-    const res = { errMsg: `getStorage${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { key, success, fail, complete } = options
-  const res = { errMsg: 'getStorage:ok' }
-
-  if (typeof key !== 'string') {
-    res.errMsg = getParameterError({
-      name: 'getStorage',
-      para: 'key',
-      correct: 'String',
-      wrong: key
-    })
-    console.error(res.errMsg)
-    typeof fail === 'function' && fail(res)
-    typeof complete === 'function' && complete(res)
-    return Promise.reject(res)
-  }
-
-  const { result, data } = getItem(key)
-  if (result) {
-    res.data = data
-  } else {
-    res.errMsg = 'getStorage:fail data not found'
-    typeof fail === 'function' && fail(res)
-    typeof complete === 'function' && complete(res)
-    return Promise.reject(res)
-  }
-
-  typeof success === 'function' && success(res)
-  typeof complete === 'function' && complete(res)
-
-  return Promise.resolve(res)
-}
-
-function getStorageSync (key) {
-  if (typeof key !== 'string') {
-    console.error(getParameterError({
-      name: 'getStorage',
-      correct: 'String',
-      wrong: key
-    }))
-    return
-  }
-
-  const res = getItem(key)
-  if (res.result) return res.data
-
-  return ''
-}
-
-function getItem (key) {
-  let item
-  try {
-    item = JSON.parse(localStorage.getItem(key))
-  } catch (e) {}
-
-  // 只返回使用 Taro.setStorage API 存储的数据
-  if (item && typeof item === 'object' && item.hasOwnProperty('data')) {
-    return { result: true, data: item.data }
-  } else {
-    return { result: false }
-  }
-}
-
-function getStorageInfo (options = {}) {
-  const { success, complete } = options
-  const res = { errMsg: 'getStorageInfo:ok' }
-
-  const info = getStorageInfoSync()
-
-  Object.assign(res, info)
-
-  success && success(res)
-  complete && complete(res)
-
-  return Promise.resolve(res)
-}
-
-function getStorageInfoSync () {
-  const res = {}
-  res.keys = Object.keys(localStorage)
-  res.limitSize = null
-  res.currentSize = null
-  return res
-}
-
-function removeStorage (options) {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.res) {
-    const res = { errMsg: `removeStorage${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { key, success, fail, complete } = options
-  const res = { errMsg: 'removeStorage:ok' }
-
-  if (typeof key !== 'string') {
-    res.errMsg = getParameterError({
-      name: 'removeStorage',
-      para: 'key',
-      correct: 'String',
-      wrong: key
-    })
-    console.error(res.errMsg)
-    typeof fail === 'function' && fail(res)
-    typeof complete === 'function' && complete(res)
-    return Promise.reject(res)
-  }
-
-  removeStorageSync(key)
-
-  success && success(res)
-  complete && complete(res)
-
-  return Promise.resolve(res)
-}
-
-function removeStorageSync (key) {
-  if (typeof key !== 'string') {
-    console.error(getParameterError({
-      name: 'removeStorage',
-      correct: 'String',
-      wrong: key
-    }))
-    return
-  }
-
-  localStorage.removeItem(key)
-}
-
-function clearStorage () {
-  localStorage.clear()
-}
-
-export {
-  setStorage,
-  setStorageSync,
-  getStorage,
-  getStorageSync,
-  getStorageInfo,
-  getStorageInfoSync,
-  removeStorage,
-  removeStorageSync,
-  clearStorage,
-  clearStorage as clearStorageSync
-}

package/src/api/system/index.js

@@ -1,9 +0,0 @@
-import { getSystemInfo, getSystemInfoSync } from './info'
-import { getNetworkType, onNetworkStatusChange } from './network'
-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 { getSystemInfo, getSystemInfoSync, getNetworkType, onNetworkStatusChange }

package/src/api/system/info.js

@@ -1,36 +0,0 @@
-import MobileDetect from 'mobile-detect'
-
-function getSystemInfoSync () {
-  const md = new MobileDetect(navigator.userAgent)
-
-  const info = {
-    brand: md.mobile(), // 手机品牌
-    model: md.mobile(), // 手机型号
-    system: md.os(), // 操作系统版本
-    pixelRatio: window.devicePixelRatio, // 设备像素比
-    screenWidth: window.screen.width, // 屏幕宽度
-    screenHeight: window.screen.height, // 屏幕高度
-    windowWidth: document.documentElement.clientWidth, // 可使用窗口宽度
-    windowHeight: document.documentElement.clientHeight, // 可使用窗口高度
-    version: '', // 微信版本号
-    statusBarHeight: '', // 状态栏的高度
-    platform: navigator.platform, // 客户端平台
-    language: navigator.language, // 微信设置的语言
-    fontSizeSetting: '', // 用户字体大小设置。以“我-设置-通用-字体大小”中的设置为准，单位：px
-    SDKVersion: '' // 客户端基础库版本
-  }
-
-  return info
-}
-
-function getSystemInfo (options = {}) {
-  const { success, complete } = options
-  return new Promise(resolve => {
-    const info = getSystemInfoSync()
-    typeof success === 'function' && success(info)
-    typeof complete === 'function' && complete(info)
-    resolve(info)
-  })
-}
-
-export { getSystemInfoSync, getSystemInfo }

package/src/api/system/network.js

@@ -1,68 +0,0 @@
-function getConnection () {
-  return navigator.connection || navigator.mozConnection || navigator.webkitConnection || navigator.msConnection
-}
-
-function getNetworkType (options = {}) {
-  const connection = getConnection()
-  const { success, complete } = options
-  const res = {
-    errMsg: 'getNetworkType:ok'
-  }
-
-  // 浏览器不支持获取网络状态
-  if (!connection) {
-    res.networkType = 'unknown'
-    typeof success === 'function' && success(res)
-    typeof complete === 'function' && complete(res)
-    return Promise.resolve(res)
-  }
-
-  let type = 'unknown'
-
-  // Supports only the navigator.connection.type value which doesn't match the latest spec.
-  // https://www.davidbcalhoun.com/2010/using-navigator-connection-android/
-  if (!isNaN(Number(connection.type))) {
-    switch (connection.type) {
-      case connection.WIFI:
-        type = 'wifi'
-        break
-      case connection.CELL_3G:
-        type = '3g'
-        break
-      case connection.CELL_2G:
-        type = '2g'
-        break
-      default:
-        // ETHERNET, UNKNOWN
-        type = 'unknown'
-    }
-  } else if (connection.type) {
-    // Only supports the type value.
-    type = connection.type
-  } else if (connection.effectiveType) {
-    //  effectiveType
-    type = connection.effectiveType
-  }
-
-  res.networkType = type
-  typeof success === 'function' && success(res)
-  typeof complete === 'function' && complete(res)
-  return Promise.resolve(res)
-}
-
-function onNetworkStatusChange (cb) {
-  const connection = getConnection()
-  if (connection) {
-    connection.addEventListener('change', function () {
-      getNetworkType()
-        .then(res => {
-          const { networkType } = res
-          const isConnected = networkType !== 'none'
-          const obj = { isConnected, networkType }
-          cb(obj)
-        })
-    })
-  }
-}
-
-export { getNetworkType, onNetworkStatusChange }