@tarojs/taro-h5 3.4.0 → 3.4.1

package/src/api/media/background-audio/BackgroundAudioManager.ts

@@ -0,0 +1,103 @@
+import Taro from '@tarojs/api'
+import { permanentlyNotSupport } from '../../utils'
+import { CallbackManager } from '../../utils/handler'
+
+export class BackgroundAudioManager implements Taro.BackgroundAudioManager {
+  Instance?: HTMLAudioElement
+  errorStack: CallbackManager
+  stopStack: CallbackManager
+  __startTime = 0
+
+  constructor () {
+    this.Instance = new Audio()
+    this.errorStack = new CallbackManager()
+    this.stopStack = new CallbackManager()
+    this.Instance.autoplay = true
+    this.onPlay(() => {
+      if (this.currentTime !== this.startTime) {
+        this.seek(this.startTime)
+      }
+    })
+  }
+
+  set src (e) { this.setProperty('src', e) }
+  get src () { return this.Instance?.src || '' }
+  set startTime (e) { this.__startTime = e }
+  get startTime () { return this.__startTime || 0 }
+  set title (e) { this.dataset('title', e) }
+  get title () { return this.Instance?.dataset.title || '' }
+  set epname (e) { this.dataset('epname', e) }
+  get epname () { return this.Instance?.dataset.epname || '' }
+  set singer (e) { this.dataset('singer', e) }
+  get singer () { return this.Instance?.dataset.singer || '' }
+  set coverImgUrl (e) { this.dataset('coverImgUrl', e) }
+  get coverImgUrl () { return this.Instance?.dataset.coverImgUrl || '' }
+  set webUrl (e) { this.dataset('webUrl', e) }
+  get webUrl () { return this.Instance?.dataset.webUrl || '' }
+  set protocol (e) { this.dataset('protocol', e) }
+  get protocol () { return this.Instance?.dataset.protocol || '' }
+  set playbackRate (e) { this.setProperty('playbackRate', e) }
+  get playbackRate () { return this.Instance?.playbackRate || 0 }
+  get duration () { return this.Instance?.duration || 0 }
+  get currentTime () { return this.Instance?.currentTime || 0 }
+  get paused () { return this.Instance?.paused || false }
+  get buffered () { return this.Instance?.buffered.length || 0 }
+  set referrerPolicy (e) { this.Instance?.setAttribute('referrerpolicy', e) }
+  get referrerPolicy () { return this.Instance?.getAttribute('referrerpolicy') || 'origin' }
+
+  private setProperty (key: string, value: unknown) {
+    if (this.Instance) {
+      this.Instance[key] = value
+    }
+  }
+
+  private dataset (key: string, value: string) {
+    if (this.Instance) {
+      this.Instance.dataset[key] = value
+    }
+  }
+
+  play = () => this.Instance?.play()
+
+  pause = () => this.Instance?.pause()
+
+  seek = (position: number) => {
+    if (this.Instance) {
+      this.Instance.currentTime = position
+    }
+  }
+
+  stop = () => {
+    this.pause()
+    this.seek(0)
+    this.stopStack.trigger()
+  }
+
+  onCanplay = (callback = () => {}) => this.Instance?.addEventListener('canplay', callback)
+  onWaiting = (callback = () => {}) => this.Instance?.addEventListener('waiting', callback)
+  onError = (callback?: ((res: Taro.InnerAudioContext.onErrorDetail) => void)) => this.errorStack.add(callback)
+  onPlay = (callback = () => {}) => this.Instance?.addEventListener('play', callback)
+  onPause = (callback = () => {}) => this.Instance?.addEventListener('pause', callback)
+  onSeeking = (callback = () => {}) => this.Instance?.addEventListener('seeking', callback)
+  onSeeked = (callback = () => {}) => this.Instance?.addEventListener('seeked', callback)
+
+  onEnded = (callback = () => {}) => this.Instance?.addEventListener('ended', callback)
+  onStop = (callback = () => {}) => this.stopStack.add(callback)
+  onTimeUpdate = (callback = () => {}) => this.Instance?.addEventListener('timeupdate', callback)
+  onPrev = permanentlyNotSupport('BackgroundAudioManager.onPrev')
+  onNext = permanentlyNotSupport('BackgroundAudioManager.onNext')
+
+  offCanplay = (callback = () => {}) => this.Instance?.removeEventListener('canplay', callback)
+  offWaiting = (callback = () => {}) => this.Instance?.removeEventListener('waiting', callback)
+  offError = (callback = () => {}) => this.errorStack.remove(callback)
+  offPlay = (callback = () => {}) => this.Instance?.removeEventListener('play', callback)
+  offPause = (callback = () => {}) => this.Instance?.removeEventListener('pause', callback)
+  offSeeking = (callback = () => {}) => this.Instance?.removeEventListener('seeking', callback)
+  offSeeked = (callback = () => {}) => this.Instance?.removeEventListener('seeked', callback)
+
+  offEnded = (callback = () => {}) => this.Instance?.removeEventListener('ended', callback)
+  offStop = (callback = () => {}) => this.stopStack.remove(callback)
+  offTimeUpdate = (callback = () => {}) => this.Instance?.removeEventListener('timeupdate', callback)
+  offPrev = permanentlyNotSupport('BackgroundAudioManager.offPrev')
+  offNext = permanentlyNotSupport('BackgroundAudioManager.offNext')
+}

package/src/api/media/{background-audio.ts → background-audio/index.ts}

@@ -1,4 +1,5 @@
-import { temporarilyNotSupport } from '../utils'
+import { temporarilyNotSupport } from '../../utils'
+import { BackgroundAudioManager } from './BackgroundAudioManager'
 
 // 背景音频
 export const stopBackgroundAudio = temporarilyNotSupport('stopBackgroundAudio')
@@ -9,4 +10,8 @@ export const onBackgroundAudioStop = temporarilyNotSupport('onBackgroundAudioSto
 export const onBackgroundAudioPlay = temporarilyNotSupport('onBackgroundAudioPlay')
 export const onBackgroundAudioPause = temporarilyNotSupport('onBackgroundAudioPause')
 export const getBackgroundAudioPlayerState = temporarilyNotSupport('getBackgroundAudioPlayerState')
-export const getBackgroundAudioManager = temporarilyNotSupport('getBackgroundAudioManager')
+
+/**
+ * 获取全局唯一的背景音频管理器
+ */
+export const getBackgroundAudioManager = () => new BackgroundAudioManager()

package/src/api/media/index.ts

@@ -1,7 +1,6 @@
 export * from './audio'
 export * from './background-audio'
 export * from './camera'
-export * from './editor'
 export * from './image'
 export * from './live'
 export * from './map'

package/src/api/network/upload.ts

@@ -8,7 +8,7 @@ import {
   XHR_STATS
 } from './utils'
 
-const createUploadTask = ({ url, filePath, formData, name, header, timeout, fileName, success, error }): Taro.UploadTask => {
+const createUploadTask = ({ url, filePath, formData = {}, name, header, timeout, fileName, success, error }): Taro.UploadTask => {
   let timeoutInter
   let formKey
   const apiName = 'uploadFile'

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

@@ -9,13 +9,17 @@ class StyleSheet {
     this.$style = document.createElement('style')
   }
 
-  $style: HTMLStyleElement
-  sheet?: CSSStyleSheet | null
+  $style?: HTMLStyleElement | null = null
+  sheet?: CSSStyleSheet | null = null
+
   appendStyleSheet = () => {
-    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 (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 接口')
     }

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

@@ -4,7 +4,7 @@ import { Current } from '@tarojs/runtime'
 import { MethodHandler } from '../../utils/handler'
 import { getTimingFunc, easeInOut } from '../../utils'
 
-let timer: number
+let timer: NodeJS.Timer
 const FRAME_DURATION = 17
 
 /**
@@ -21,9 +21,9 @@ export const pageScrollTo: typeof Taro.pageScrollTo = ({ scrollTop, selector = '
         }, reject)
       }
 
-      const id = Current.page?.path
+      const id = Current.page?.path?.replace(/([^a-z0-9\u00a0-\uffff_-])/ig, '\\$1')
       const el: HTMLDivElement | null = (id
-        ? document.getElementById(id)
+        ? document.querySelector(`.taro_page#${id}`)
         : document.querySelector('.taro_page') ||
       document.querySelector('.taro_router')) as HTMLDivElement
 

package/src/api/utils/index.ts

@@ -88,30 +88,51 @@ export function serializeParams (params) {
 export function temporarilyNotSupport (apiName) {
   return () => {
     const errMsg = `暂时不支持 API ${apiName}`
-    console.error(errMsg)
-    return Promise.reject({
-      errMsg
-    })
+    if (process.env.NODE_ENV !== 'production') {
+      console.error(errMsg)
+      return Promise.reject({
+        errMsg
+      })
+    } else {
+      console.warn(errMsg)
+      return Promise.resolve({
+        errMsg
+      })
+    }
   }
 }
 
 export function weixinCorpSupport (apiName) {
   return () => {
     const errMsg = `h5端仅在微信公众号中支持 API ${apiName}`
-    console.error(errMsg)
-    return Promise.reject({
-      errMsg
-    })
+    if (process.env.NODE_ENV !== 'production') {
+      console.error(errMsg)
+      return Promise.reject({
+        errMsg
+      })
+    } else {
+      console.warn(errMsg)
+      return Promise.resolve({
+        errMsg
+      })
+    }
   }
 }
 
 export function permanentlyNotSupport (apiName) {
   return () => {
     const errMsg = `不支持 API ${apiName}`
-    console.error(errMsg)
-    return Promise.reject({
-      errMsg
-    })
+    if (process.env.NODE_ENV !== 'production') {
+      console.error(errMsg)
+      return Promise.reject({
+        errMsg
+      })
+    } else {
+      console.warn(errMsg)
+      return Promise.resolve({
+        errMsg
+      })
+    }
   }
 }