@tarojs/taro-h5 3.3.13 → 3.3.17

package/src/api/share/index.ts

@@ -0,0 +1,13 @@
+import { temporarilyNotSupport } from '../utils'
+
+// 转发
+export const updateShareMenu = temporarilyNotSupport('updateShareMenu')
+export const showShareMenu = temporarilyNotSupport('showShareMenu')
+export const showShareImageMenu = temporarilyNotSupport('showShareImageMenu')
+export const shareVideoMessage = temporarilyNotSupport('shareVideoMessage')
+export const shareFileMessage = temporarilyNotSupport('shareFileMessage')
+export const onCopyUrl = temporarilyNotSupport('onCopyUrl')
+export const offCopyUrl = temporarilyNotSupport('offCopyUrl')
+export const hideShareMenu = temporarilyNotSupport('hideShareMenu')
+export const getShareInfo = temporarilyNotSupport('getShareInfo')
+export const authPrivateMessage = temporarilyNotSupport('authPrivateMessage')

package/src/api/storage/background-fetch.ts

@@ -0,0 +1,7 @@
+import { temporarilyNotSupport } from '../utils'
+
+// 周期性更新
+export const setBackgroundFetchToken = temporarilyNotSupport('setBackgroundFetchToken')
+export const onBackgroundFetchData = temporarilyNotSupport('onBackgroundFetchData')
+export const getBackgroundFetchToken = temporarilyNotSupport('getBackgroundFetchToken')
+export const getBackgroundFetchData = temporarilyNotSupport('getBackgroundFetchData')

package/src/api/storage/index.ts

@@ -0,0 +1,193 @@
+import Taro from '@tarojs/api'
+import { shouldBeObject, getParameterError, temporarilyNotSupport } from '../utils'
+import { MethodHandler } from '../utils/handler'
+
+// 数据缓存
+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))
+}
+
+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()
+}
+
+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'
+    })
+  }
+}
+
+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 ''
+}
+
+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 }
+  }
+}
+
+const getStorageInfoSync: typeof Taro.getStorageInfoSync = () => {
+  const res: Taro.getStorageInfoSync.Option = {
+    keys: Object.keys(localStorage),
+    limitSize: NaN,
+    currentSize: NaN
+  }
+  return res
+}
+
+const getStorageInfo: typeof Taro.getStorageInfo = ({ success, fail, complete } = {}) => {
+  const handle = new MethodHandler<Taro.getStorageInfo.SuccessCallbackOption>({ name: 'getStorageInfo', success, fail, complete })
+  return handle.success(getStorageInfoSync())
+}
+
+const removeStorageSync: typeof Taro.removeStorageSync = (key: string) => {
+  if (typeof key !== 'string') {
+    console.error(getParameterError({
+      name: 'removeStorage',
+      correct: 'String',
+      wrong: key
+    }))
+    return
+  }
+
+  localStorage.removeItem(key)
+}
+
+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()
+}
+
+const clearStorage: typeof Taro.clearStorage = ({ success, fail, complete } = {}) => {
+  const handle = new MethodHandler({ name: 'clearStorage', success, fail, complete })
+  localStorage.clear()
+  return handle.success()
+}
+
+const clearStorageSync: typeof Taro.clearStorageSync = () => {
+  clearStorage()
+}
+
+const revokeBufferURL = temporarilyNotSupport('revokeBufferURL')
+
+export {
+  setStorageSync,
+  setStorage,
+  revokeBufferURL,
+  removeStorageSync,
+  removeStorage,
+  getStorageSync,
+  getStorageInfoSync,
+  getStorageInfo,
+  getStorage,
+  clearStorageSync,
+  clearStorage
+}
+
+export * from './background-fetch'

package/src/api/swan/index.ts

@@ -0,0 +1,31 @@
+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/{taro/index.js → api/taro.ts}

@@ -1,149 +1,133 @@
-import Taro from '@tarojs/api'
-
-import {
-  history,
-  navigateBack,
-  navigateTo,
-  createRouter,
-  reLaunch,
-  redirectTo,
-  getCurrentPages,
-  switchTab
-} from '@tarojs/router'
-import { permanentlyNotSupport } from '../api/utils'
-
-const {
-  Behavior,
-  getEnv,
-  ENV_TYPE,
-  Link,
-  interceptors,
-  getInitPxTransform,
-  Current,
-  getCurrentInstance,
-  options,
-  nextTick,
-  eventCenter,
-  Events,
-  preload,
-  useDidShow,
-  useDidHide,
-  usePullDownRefresh,
-  useReachBottom,
-  usePageScroll,
-  useResize,
-  useShareAppMessage,
-  useTabItemTap,
-  useTitleClick,
-  useOptionMenuClick,
-  usePullIntercept,
-  useShareTimeline,
-  useAddToFavorites,
-  useReady,
-  useRouter
-} = Taro
-
-const taro = {
-  Behavior,
-  getEnv,
-  ENV_TYPE,
-  Link,
-  interceptors,
-  Current,
-  getCurrentInstance,
-  options,
-  nextTick,
-  eventCenter,
-  Events,
-  preload,
-  history,
-  navigateBack,
-  navigateTo,
-  createRouter,
-  reLaunch,
-  redirectTo,
-  getCurrentPages,
-  switchTab,
-  useDidShow,
-  useDidHide,
-  usePullDownRefresh,
-  useReachBottom,
-  usePageScroll,
-  useResize,
-  useShareAppMessage,
-  useTabItemTap,
-  useTitleClick,
-  useOptionMenuClick,
-  usePullIntercept,
-  useShareTimeline,
-  useAddToFavorites,
-  useReady,
-  useRouter
-}
-
-const initPxTransform = getInitPxTransform(taro)
-
-const requirePlugin = permanentlyNotSupport('requirePlugin')
-const getApp = function () {
-  return getCurrentInstance().app
-}
-
-const pxTransform = function (size) {
-  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
-taro.canIUseWebp = canIUseWebp
-
-export default taro
-
-export {
-  Behavior,
-  getEnv,
-  ENV_TYPE,
-  Link,
-  interceptors,
-  initPxTransform,
-  Current,
-  getCurrentInstance,
-  options,
-  nextTick,
-  eventCenter,
-  Events,
-  preload,
-  requirePlugin,
-  getApp,
-  pxTransform,
-  canIUseWebp,
-  history,
-  navigateBack,
-  navigateTo,
-  createRouter,
-  reLaunch,
-  redirectTo,
-  getCurrentPages,
-  switchTab,
-  useDidShow,
-  useDidHide,
-  usePullDownRefresh,
-  useReachBottom,
-  usePageScroll,
-  useResize,
-  useShareAppMessage,
-  useTabItemTap,
-  useTitleClick,
-  useOptionMenuClick,
-  usePullIntercept,
-  useShareTimeline,
-  useAddToFavorites,
-  useReady,
-  useRouter
-}
+import Taro from '@tarojs/api'
+
+import {
+  history,
+  createRouter
+} from '@tarojs/router'
+import { getApp, getCurrentInstance, getCurrentPages, nextTick, navigateBack, navigateTo, reLaunch, redirectTo, switchTab } from '../api'
+import { permanentlyNotSupport } from '../api/utils'
+
+const {
+  Behavior,
+  getEnv,
+  ENV_TYPE,
+  Link,
+  interceptors,
+  getInitPxTransform,
+  Current,
+  options,
+  eventCenter,
+  Events,
+  preload,
+  useDidShow,
+  useDidHide,
+  usePullDownRefresh,
+  useReachBottom,
+  usePageScroll,
+  useResize,
+  useShareAppMessage,
+  useTabItemTap,
+  useTitleClick,
+  useOptionMenuClick,
+  usePullIntercept,
+  useShareTimeline,
+  useAddToFavorites,
+  useReady,
+  useRouter
+} = Taro as any
+
+const taro: typeof Taro = {
+  // @ts-ignore
+  Behavior,
+  getEnv,
+  ENV_TYPE,
+  Link,
+  interceptors,
+  Current,
+  getCurrentInstance,
+  options,
+  nextTick,
+  eventCenter,
+  Events,
+  preload,
+  history,
+  createRouter,
+  navigateBack,
+  navigateTo,
+  reLaunch,
+  redirectTo,
+  getCurrentPages,
+  switchTab,
+  useDidShow,
+  useDidHide,
+  usePullDownRefresh,
+  useReachBottom,
+  usePageScroll,
+  useResize,
+  useShareAppMessage,
+  useTabItemTap,
+  useTitleClick,
+  useOptionMenuClick,
+  usePullIntercept,
+  useShareTimeline,
+  useAddToFavorites,
+  useReady,
+  useRouter
+}
+
+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,
+  getEnv,
+  ENV_TYPE,
+  Link,
+  interceptors,
+  initPxTransform,
+  Current,
+  options,
+  eventCenter,
+  Events,
+  preload,
+  requirePlugin,
+  pxTransform,
+  canIUseWebp,
+  history,
+  createRouter,
+  useDidShow,
+  useDidHide,
+  usePullDownRefresh,
+  useReachBottom,
+  usePageScroll,
+  useResize,
+  useShareAppMessage,
+  useTabItemTap,
+  useTitleClick,
+  useOptionMenuClick,
+  usePullIntercept,
+  useShareTimeline,
+  useAddToFavorites,
+  useReady,
+  useRouter
+}

package/src/api/{createAnimation/index.js → ui/animation/index.ts}

@@ -7,14 +7,14 @@ class StyleSheet {
     this.$style = document.createElement('style')
   }
 
-  $style = null
-  sheet = null
+  $style: HTMLStyleElement
+  sheet?: CSSStyleSheet | null
   appendStyleSheet = () => {
-    this.$style.setAttribute('type', 'text/css')
-    this.$style.setAttribute('data-type', 'Taro')
+    this.$style?.setAttribute('type', 'text/css')
+    this.$style?.setAttribute('data-type', 'Taro')
     document.getElementsByTagName('head')[0].appendChild(this.$style)
-    this.sheet = this.$style.sheet
-    if (!('insertRule' in this.sheet)) {
+    this.sheet = this.$style?.sheet
+    if (this.sheet && !('insertRule' in this.sheet)) {
       console.warn('当前浏览器不支持 stylesheet.insertRule 接口')
     }
   }
@@ -25,7 +25,7 @@ class StyleSheet {
       // $style 未插入到 DOM
       this.appendStyleSheet()
     }
-    this.sheet.insertRule(cssText, index)
+    this.sheet?.insertRule(cssText, index)
   }
 }
 
@@ -62,8 +62,19 @@ if ($detect.style['animation-name'] === 'standard') {
 
 let animId = 0
 
+interface IAnimationAttr {
+  duration: number
+  delay: number
+  timingFunction: string
+  transformOrigin: string
+}
+
 // Animation 类
 class Animation {
+  unit: string
+  id: number
+  DEFAULT: IAnimationAttr
+
   constructor (
     {
       duration = 400,
@@ -81,8 +92,8 @@ class Animation {
     // 动画 id
     this.id = ++animId
     // 监听事件
-    document.body.addEventListener(TRANSITION_END, e => {
-      const { target } = e
+    document.body.addEventListener(TRANSITION_END, (e: TransitionEvent) => {
+      const target = e.target as HTMLElement
       if (target.getAttribute(animAttr) === null) {
         animAttr = 'data-animation'
       }
@@ -91,7 +102,8 @@ class Animation {
       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 [animIndex, __stepIndex = 0] = animPath.split('--')
+        const stepIndex = Number(__stepIndex)
         // 动画总的关键帧
         const animStepsCount = this.animationMap[`${animName}__${animIndex}`]
         const animStepsMaxIndex = animStepsCount - 1
@@ -108,7 +120,7 @@ class Animation {
   }
 
   transformUnit (...args) {
-    const ret = []
+    const ret: string[] = []
     args.forEach(each => {
       ret.push(isNaN(each) ? each : `${each}${this.unit}`)
     })
@@ -121,11 +133,11 @@ class Animation {
   }
 
   // 属性组合
-  rules = []
+  rules: string[] = []
   // transform 对象
   transform = [`${TRANSFORM}:`]
   // 组合动画
-  steps = []
+  steps: string[] = []
   // 动画 map ----- 永久保留
   animationMap = {}
   // animationMap 的长度
@@ -284,7 +296,7 @@ class Animation {
   }
 
   // 关键帧载入
-  step (arg = {}) {
+  step (arg: Partial<IAnimationAttr> = {}) {
     const { DEFAULT } = this
     const {
       duration = DEFAULT.duration,

package/src/api/ui/background.ts

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

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

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

package/src/api/ui/fonts.ts

@@ -0,0 +1,4 @@
+import { temporarilyNotSupport } from '../utils'
+
+// 字体
+export const loadFontFace = temporarilyNotSupport('loadFontFace')

package/src/api/ui/index.ts

@@ -0,0 +1,12 @@
+export * from './animation'
+export * from './background'
+export * from './custom-component'
+export * from './fonts'
+export * from './menu'
+export * from './navigation-bar'
+export * from './pull-down-refresh'
+export * from './scroll'
+export * from './sticky'
+export * from './tab-bar'
+export * from './window'
+export * from './interaction'