@tarojs/taro-h5 3.5.0-alpha.13 → 3.5.0-alpha.16

package/src/api/storage/index.ts

@@ -1,182 +0,0 @@
-import Taro from '@tarojs/api'
-
-import { getParameterError, shouldBeObject, temporarilyNotSupport } from '../../utils'
-import { MethodHandler } from '../../utils/handler'
-
-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 }
-  }
-}
-
-// 数据缓存
-export const setStorageSync: typeof Taro.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))
-}
-
-export const setStorage: typeof Taro.setStorage = (options) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `setStorage:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { key, data, success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'setStorage', success, fail, complete })
-
-  if (typeof key !== 'string') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'key',
-        correct: 'String',
-        wrong: key
-      })
-    })
-  }
-
-  setStorageSync(key, data)
-  return handle.success()
-}
-
-export const revokeBufferURL = temporarilyNotSupport('revokeBufferURL')
-
-export const removeStorageSync: typeof Taro.removeStorageSync = (key: string) => {
-  if (typeof key !== 'string') {
-    console.error(getParameterError({
-      name: 'removeStorage',
-      correct: 'String',
-      wrong: key
-    }))
-    return
-  }
-
-  localStorage.removeItem(key)
-}
-
-export const removeStorage: typeof Taro.removeStorage = (options: Taro.removeStorage.Option) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `removeStorage:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-  const { key, success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'removeStorage', success, fail, complete })
-
-  if (typeof key !== 'string') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'key',
-        correct: 'String',
-        wrong: key
-      })
-    })
-  }
-
-  removeStorageSync(key)
-  return handle.success()
-}
-
-export const getStorageSync: typeof Taro.getStorageSync = (key) => {
-  if (typeof key !== 'string') {
-    console.error(getParameterError({
-      name: 'getStorageSync',
-      correct: 'String',
-      wrong: key
-    }))
-    return
-  }
-
-  const res = getItem(key)
-  if (res.result) return res.data
-
-  return ''
-}
-
-export const getStorageInfoSync: typeof Taro.getStorageInfoSync = () => {
-  const res: Taro.getStorageInfoSync.Option = {
-    keys: Object.keys(localStorage),
-    limitSize: NaN,
-    currentSize: NaN
-  }
-  return res
-}
-
-export const getStorageInfo: typeof Taro.getStorageInfo = ({ success, fail, complete } = {}) => {
-  const handle = new MethodHandler<Taro.getStorageInfo.SuccessCallbackOption>({ name: 'getStorageInfo', success, fail, complete })
-  return handle.success(getStorageInfoSync())
-}
-
-export const getStorage: typeof Taro.getStorage = <T>(options) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `getStorage:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { key, success, fail, complete } = options
-  const handle = new MethodHandler<Taro.getStorage.SuccessCallbackResult<T>>({ name: 'getStorage', success, fail, complete })
-
-  if (typeof key !== 'string') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'key',
-        correct: 'String',
-        wrong: key
-      })
-    })
-  }
-
-  const { result, data } = getItem(key)
-  if (result) {
-    return handle.success({ data })
-  } else {
-    return handle.fail({
-      errMsg: 'data not found'
-    })
-  }
-}
-
-export const createBufferURL = temporarilyNotSupport('createBufferURL')
-
-export const clearStorageSync: typeof Taro.clearStorageSync = () => {
-  localStorage.clear()
-}
-
-export const clearStorage: typeof Taro.clearStorage = ({ success, fail, complete } = {}) => {
-  const handle = new MethodHandler({ name: 'clearStorage', success, fail, complete })
-  clearStorageSync()
-  return handle.success()
-}
-
-export * from './background-fetch'

package/src/api/swan/index.ts

@@ -1,31 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-export const setPageInfo = temporarilyNotSupport('setPageInfo')
-
-// 百度小程序 AI 相关
-export const ocrIdCard = temporarilyNotSupport('ocrIdCard')
-export const ocrBankCard = temporarilyNotSupport('ocrBankCard')
-export const ocrDrivingLicense = temporarilyNotSupport('ocrDrivingLicense')
-export const ocrVehicleLicense = temporarilyNotSupport('ocrVehicleLicense')
-export const textReview = temporarilyNotSupport('textReview')
-export const textToAudio = temporarilyNotSupport('textToAudio')
-export const imageAudit = temporarilyNotSupport('imageAudit')
-export const advancedGeneralIdentify = temporarilyNotSupport('advancedGeneralIdentify')
-export const objectDetectIdentify = temporarilyNotSupport('objectDetectIdentify')
-export const carClassify = temporarilyNotSupport('carClassify')
-export const dishClassify = temporarilyNotSupport('dishClassify')
-export const logoClassify = temporarilyNotSupport('logoClassify')
-export const animalClassify = temporarilyNotSupport('animalClassify')
-export const plantClassify = temporarilyNotSupport('plantClassify')
-
-// 用户信息
-export const getSwanId = temporarilyNotSupport('getSwanId')
-
-// 百度收银台支付
-export const requestPolymerPayment = temporarilyNotSupport('requestPolymerPayment')
-
-// 打开小程序
-export const navigateToSmartGameProgram = temporarilyNotSupport('navigateToSmartGameProgram')
-export const navigateToSmartProgram = temporarilyNotSupport('navigateToSmartProgram')
-export const navigateBackSmartProgram = temporarilyNotSupport('navigateBackSmartProgram')
-export const preloadSubPackage = temporarilyNotSupport('preloadSubPackage')

package/src/api/taro.ts

@@ -1,84 +0,0 @@
-import Taro from '@tarojs/api'
-import { history } from '@tarojs/router'
-
-import { getApp, getCurrentInstance, getCurrentPages, navigateBack, navigateTo, nextTick, redirectTo, reLaunch, switchTab } from '../api'
-import { permanentlyNotSupport } from '../utils'
-
-const {
-  Behavior,
-  getEnv,
-  ENV_TYPE,
-  Link,
-  interceptors,
-  getInitPxTransform,
-  Current,
-  options,
-  eventCenter,
-  Events,
-  preload
-} = Taro as any
-
-const taro: typeof Taro = {
-  // @ts-ignore
-  Behavior,
-  getEnv,
-  ENV_TYPE,
-  Link,
-  interceptors,
-  Current,
-  getCurrentInstance,
-  options,
-  nextTick,
-  eventCenter,
-  Events,
-  preload,
-  history,
-  navigateBack,
-  navigateTo,
-  reLaunch,
-  redirectTo,
-  getCurrentPages,
-  switchTab
-}
-
-const initPxTransform = getInitPxTransform(taro)
-
-const requirePlugin = permanentlyNotSupport('requirePlugin')
-
-const pxTransform = function (size) {
-  // @ts-ignore
-  const { designWidth } = taro.config
-  return Math.ceil((((parseInt(size, 10) / 40) * 640) / designWidth) * 10000) / 10000 + 'rem'
-}
-
-const canIUseWebp = function () {
-  const canvas = document.createElement('canvas')
-  return canvas.toDataURL('image/webp').indexOf('data:image/webp') === 0
-}
-
-taro.requirePlugin = requirePlugin
-taro.getApp = getApp
-taro.pxTransform = pxTransform
-taro.initPxTransform = initPxTransform
-// @ts-ignore
-taro.canIUseWebp = canIUseWebp
-
-export default taro
-
-export {
-  Behavior,
-  canIUseWebp,
-  Current,
-  ENV_TYPE,
-  eventCenter,
-  Events,
-  getEnv,
-  history,
-  initPxTransform,
-  interceptors,
-  Link,
-  options,
-  preload,
-  pxTransform,
-  requirePlugin
-}

package/src/api/ui/animation/index.ts

@@ -1,356 +0,0 @@
-import Taro from '@tarojs/api'
-
-/**
- * H5 下的 styleSheet 操作
- * @author leeenx
- */
-class StyleSheet {
-  constructor () {
-    this.$style = document.createElement('style')
-  }
-
-  $style?: HTMLStyleElement | null = null
-  sheet?: CSSStyleSheet | null = null
-
-  appendStyleSheet = () => {
-    if (this.$style) {
-      const head = document.getElementsByTagName('head')[0]
-      this.$style.setAttribute('type', 'text/css')
-      this.$style.setAttribute('data-type', 'Taro')
-      head.appendChild(this.$style)
-      this.sheet = this.$style.sheet
-    }
-    if (this.sheet && !('insertRule' in this.sheet)) {
-      console.warn('当前浏览器不支持 stylesheet.insertRule 接口')
-    }
-  }
-
-  // 添加样式命令
-  add = (cssText, index = 0) => {
-    if (this.sheet === null) {
-      // $style 未插入到 DOM
-      this.appendStyleSheet()
-    }
-    this.sheet?.insertRule(cssText, index)
-  }
-}
-
-const styleSheet = new StyleSheet()
-
-// 监听事件
-let TRANSITION_END = 'transitionend'
-let TRANSFORM = 'transform'
-
-const $detect = document.createElement('div')
-$detect.style.cssText = '-webkit-animation-name:webkit;-moz-animation-name:moz;-ms-animation-name:ms;animation-name:standard;'
-if ($detect.style['animation-name'] === 'standard') {
-  // 支持标准写法
-  TRANSITION_END = 'transitionend'
-  TRANSFORM = 'transform'
-} else if ($detect.style['-webkit-animation-name'] === 'webkit') {
-  // webkit 前缀
-  TRANSITION_END = 'webkitTransitionEnd'
-  TRANSFORM = '-webkit-transform'
-} else if ($detect.style['-moz-animation-name'] === 'moz') {
-  // moz 前缀
-  TRANSITION_END = 'mozTransitionEnd'
-  TRANSFORM = '-moz-transform'
-} else if ($detect.style['-ms-animation-name'] === 'ms') {
-  // ms 前缀
-  TRANSITION_END = 'msTransitionEnd'
-  TRANSFORM = '-ms-transform'
-}
-
-let animId = 0
-
-interface IAnimationAttr {
-  duration: number
-  delay: number
-  timingFunction: string
-  transformOrigin: string
-}
-
-class Animation implements Taro.Animation {
-  unit: string
-  id: number
-  DEFAULT: IAnimationAttr
-
-  constructor (
-    {
-      duration = 400,
-      delay = 0,
-      timingFunction = 'linear',
-      transformOrigin = '50% 50% 0',
-      unit = 'px'
-    }: Taro.createAnimation.Option = {}
-  ) {
-    // 默认值
-    this.setDefault(duration, delay, timingFunction, transformOrigin)
-    this.unit = unit
-    // atom 环境下，animation 属性不会显示，所以要改成 data-animation
-    let animAttr = 'animation'
-    // 动画 id
-    this.id = ++animId
-    // 监听事件
-    document.body.addEventListener(TRANSITION_END, (e: TransitionEvent) => {
-      const target = e.target as HTMLElement
-      if (target.getAttribute(animAttr) === null) {
-        animAttr = 'data-animation'
-      }
-      const animData = target.getAttribute(animAttr)
-      // 没有动画存在
-      if (animData === null) return
-      const [animName, animPath] = animData.split('__')
-      if (animName === `taro-h5-poly-fill/${this.id}/create-animation`) {
-        const [animIndex, __stepIndex = 0] = animPath.split('--')
-        const stepIndex = Number(__stepIndex)
-        // 动画总的关键帧
-        const animStepsCount = this.animationMap[`${animName}__${animIndex}`]
-        const animStepsMaxIndex = animStepsCount - 1
-        if (stepIndex < animStepsMaxIndex) {
-          // 播放下一个关键帧（因为 nerv 和 react 有差异所以 animation & data-animation 都需要写）
-          target.setAttribute(animAttr, `${animName}__${animIndex}--${stepIndex + 1}`)
-          if (animAttr === 'animation') {
-            // Nerv 环境，animation & data-animation 双重保险
-            target.setAttribute('data-animation', `${animName}__${animIndex}--${stepIndex + 1}`)
-          }
-        }
-      }
-    })
-  }
-
-  transformUnit (...args) {
-    const ret: string[] = []
-    args.forEach(each => {
-      ret.push(isNaN(each) ? each : `${each}${this.unit}`)
-    })
-    return ret
-  }
-
-  // 设置默认值
-  setDefault (duration, delay, timingFunction, transformOrigin) {
-    this.DEFAULT = { duration, delay, timingFunction, transformOrigin }
-  }
-
-  // 属性组合
-  rules: string[] = []
-  // transform 对象
-  transform = [`${TRANSFORM}:`]
-  // 组合动画
-  steps: string[] = []
-  // 动画 map ----- 永久保留
-  animationMap = {}
-  // animationMap 的长度
-  animationMapCount = 0
-
-  matrix (a: number, b: number, c: number, d: number, tx: number, ty: number) {
-    this.transform.push(`matrix(${a}, ${b}, ${c}, ${d}, ${tx}, ${ty})`)
-    return this
-  }
-
-  matrix3d (a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number) {
-    this.transform.push(`matrix3d(${a1}, ${b1}, ${c1}, ${d1}, ${a2}, ${b2}, ${c2}, ${d2}, ${a3}, ${b3}, ${c3}, ${d3}, ${a4}, ${b4}, ${c4}, ${d4})`)
-    return this
-  }
-
-  rotate (angle: number) {
-    this.transform.push(`rotate(${angle}deg)`)
-    return this
-  }
-
-  rotate3d (x: number, y?: number, z?: number, angle?: number) {
-    if (typeof y !== 'number') {
-      this.transform.push(`rotate3d(${x})`)
-    } else {
-      this.transform.push(`rotate3d(${x}, ${y || 0}, ${z || 0}, ${angle || 0}deg)`)
-    }
-    return this
-  }
-
-  rotateX (angle) {
-    this.transform.push(`rotateX(${angle}deg)`)
-    return this
-  }
-
-  rotateY (angle) {
-    this.transform.push(`rotateY(${angle}deg)`)
-    return this
-  }
-
-  rotateZ (angle) {
-    this.transform.push(`rotateZ(${angle}deg)`)
-    return this
-  }
-
-  scale (x, y) {
-    this.transform.push(`scale(${x}, ${y})`)
-    return this
-  }
-
-  scale3d (x, y, z) {
-    this.transform.push(`scale3d(${x}, ${y}, ${z})`)
-    return this
-  }
-
-  scaleX (scale) {
-    this.transform.push(`scaleX(${scale})`)
-    return this
-  }
-
-  scaleY (scale) {
-    this.transform.push(`scaleY(${scale})`)
-    return this
-  }
-
-  scaleZ (scale) {
-    this.transform.push(`scaleZ(${scale})`)
-    return this
-  }
-
-  skew (x, y) {
-    this.transform.push(`skew(${x}, ${y})`)
-    return this
-  }
-
-  skewX (angle) {
-    this.transform.push(`skewX(${angle})`)
-    return this
-  }
-
-  skewY (angle) {
-    this.transform.push(`skewY(${angle})`)
-    return this
-  }
-
-  translate (x, y) {
-    [x, y] = this.transformUnit(x, y)
-    this.transform.push(`translate(${x}, ${y})`)
-    return this
-  }
-
-  translate3d (x, y, z) {
-    [x, y, z] = this.transformUnit(x, y, z)
-    this.transform.push(
-      `translate3d(${x}, ${y}, ${z})`
-    )
-    return this
-  }
-
-  translateX (translate) {
-    [translate] = this.transformUnit(translate)
-    this.transform.push(`translateX(${translate})`)
-    return this
-  }
-
-  translateY (translate) {
-    [translate] = this.transformUnit(translate)
-    this.transform.push(`translateY(${translate})`)
-    return this
-  }
-
-  translateZ (translate) {
-    [translate] = this.transformUnit(translate)
-    this.transform.push(`translateZ(${translate})`)
-    return this
-  }
-
-  opacity (value) {
-    this.rules.push(`opacity: ${value}`)
-    return this
-  }
-
-  backgroundColor (value) {
-    this.rules.push(`background-color: ${value}`)
-    return this
-  }
-
-  width (value) {
-    [value] = this.transformUnit(value)
-    this.rules.push(`width: ${value}`)
-    return this
-  }
-
-  height (value) {
-    [value] = this.transformUnit(value)
-    this.rules.push(`height: ${value}`)
-    return this
-  }
-
-  top (value) {
-    [value] = this.transformUnit(value)
-    this.rules.push(`top: ${value}`)
-    return this
-  }
-
-  right (value) {
-    [value] = this.transformUnit(value)
-    this.rules.push(`right: ${value}`)
-    return this
-  }
-
-  bottom (value) {
-    [value] = this.transformUnit(value)
-    this.rules.push(`bottom: ${value}`)
-    return this
-  }
-
-  left (value) {
-    [value] = this.transformUnit(value)
-    this.rules.push(`left: ${value}`)
-    return this
-  }
-
-  // 关键帧载入
-  step (arg: Partial<IAnimationAttr> = {}) {
-    const { DEFAULT } = this
-    const {
-      duration = DEFAULT.duration,
-      delay = DEFAULT.delay,
-      timingFunction = DEFAULT.timingFunction,
-      transformOrigin = DEFAULT.transformOrigin
-    } = arg
-    // 生成一条 transition 动画
-    this.steps.push(
-      [
-        this.rules.map(rule => `${rule}!important`).join(';'),
-        `${this.transform.join(' ')}!important`,
-        `${TRANSFORM}-origin: ${transformOrigin}`,
-        `transition: all ${duration}ms ${timingFunction} ${delay}ms`
-      ]
-        .filter(item => item !== '' && item !== `${TRANSFORM}:`)
-        .join(';')
-    )
-    // 清空 rules 和 transform
-    this.rules = []
-    this.transform = [`${TRANSFORM}:`]
-    return this as Taro.Animation
-  }
-
-  // 创建底层数据
-  createAnimationData () {
-    const animIndex = `taro-h5-poly-fill/${this.id}/create-animation__${this.animationMapCount++}`
-    // 记录动画分几个 step
-    this.animationMap[animIndex] = this.steps.length
-    // 吐出 step
-    this.steps.forEach((step, index) => {
-      const selector = index === 0
-        ? `[animation="${animIndex}"], [data-animation="${animIndex}"]`
-        : `[animation="${animIndex}--${index}"], [data-animation="${animIndex}--${index}"]`
-      styleSheet.add(`${selector} { ${step} }`)
-    })
-
-    // 清空 steps
-    this.steps = []
-    return animIndex
-  }
-
-  // 动画数据产出
-  export () {
-    return this.createAnimationData() as unknown as ReturnType<Taro.Animation['export']>
-  }
-}
-
-// h5 的 createAnimation
-export const createAnimation: typeof Taro.createAnimation = (option) => {
-  return new Animation(option)
-}

package/src/api/ui/background.ts

@@ -1,5 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 背景
-export const setBackgroundTextStyle = temporarilyNotSupport('setBackgroundTextStyle')
-export const setBackgroundColor = temporarilyNotSupport('setBackgroundColor')

package/src/api/ui/custom-component.ts

@@ -1,4 +0,0 @@
-import Taro from '@tarojs/api'
-
-// 自定义组件
-export const nextTick = Taro.nextTick