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

package/src/api/media/image/previewImage.ts

@@ -1,80 +0,0 @@
-import Taro from '@tarojs/api'
-
-import { shouldBeObject } from '../../../utils'
-import { MethodHandler } from '../../../utils/handler'
-
-/**
- * previewImage api基于开源的React组件[react-wx-images-viewer](https://github.com/react-ld/react-wx-images-viewer)开发，感谢！
- */
-
-/**
- * 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。
- */
-export const previewImage: typeof Taro.previewImage = async (options) => {
-  function loadImage (url: string, loadFail: typeof fail): Promise<Node> {
-    return new Promise((resolve) => {
-      const item = document.createElement('taro-swiper-item-core')
-      item.style.cssText = 'display:flex;align-items:start;justify-content:center;overflow-y:scroll;'
-      const image = new Image()
-      image.style.maxWidth = '100%'
-      image.src = url
-      const div = document.createElement('div')
-      div.style.cssText = 'display:flex;align-items:center;justify-content:center;max-width:100%;min-height:100%;'
-      div.appendChild(image)
-      item.appendChild(div)
-      // Note: 等待图片加载完后返回，会导致轮播被卡住
-      resolve(item)
-      if (typeof loadFail === 'function') {
-        image.addEventListener('error', (err) => {
-          loadFail({ errMsg: err.message })
-        })
-      }
-    })
-  }
-
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `previewImage:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { urls = [], current = '', success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'previewImage', success, fail, complete })
-  const container = document.createElement('div')
-  container.classList.add('preview-image')
-  container.style.cssText = 'position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow:hidden;outline:0;background-color:#111;'
-  container.addEventListener('click', () => {
-    container.remove()
-  })
-
-  const swiper = document.createElement('taro-swiper-core')
-  // @ts-ignore
-  swiper.full = true
-
-  let children: Node[] = []
-  try {
-    children = await Promise.all(
-      urls.map(e => loadImage(e, fail))
-    )
-  } catch (error) {
-    return handle.fail({
-      errMsg: error
-    })
-  }
-
-  for (let i = 0; i < children.length; i++) {
-    const child = children[i]
-    swiper.appendChild(child)
-  }
-
-  const currentIndex = urls.indexOf(current)
-  // @ts-ignore
-  swiper.current = currentIndex
-
-  container.appendChild(swiper)
-  document.body.appendChild(container)
-
-  return handle.success()
-}

package/src/api/media/index.ts

@@ -1,12 +0,0 @@
-export * from './audio'
-export * from './background-audio'
-export * from './camera'
-export * from './image'
-export * from './live'
-export * from './map'
-export * from './media-recorder'
-export * from './recorder'
-export * from './video'
-export * from './video-decoder'
-export * from './video-processing'
-export * from './voip'

package/src/api/media/live.ts

@@ -1,5 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 实时音视频
-export const createLivePusherContext = temporarilyNotSupport('createLivePusherContext')
-export const createLivePlayerContext = temporarilyNotSupport('createLivePlayerContext')

package/src/api/media/map.ts

@@ -1,4 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 地图
-export const createMapContext = temporarilyNotSupport('createMapContext')

package/src/api/media/media-recorder.ts

@@ -1,4 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 画面录制器
-export const createMediaRecorder = temporarilyNotSupport('createMediaRecorder')

package/src/api/media/recorder.ts

@@ -1,6 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 录音
-export const stopRecord = temporarilyNotSupport('stopRecord')
-export const startRecord = temporarilyNotSupport('startRecord')
-export const getRecorderManager = temporarilyNotSupport('getRecorderManager')

package/src/api/media/video/index.ts

@@ -1,82 +0,0 @@
-import Taro from '@tarojs/api'
-
-import { findDOM, shouldBeObject, temporarilyNotSupport } from '../../../utils'
-import { MethodHandler } from '../../../utils/handler'
-
-// 视频
-export const saveVideoToPhotosAlbum = temporarilyNotSupport('saveVideoToPhotosAlbum')
-export const openVideoEditor = temporarilyNotSupport('openVideoEditor')
-export const getVideoInfo = temporarilyNotSupport('getVideoInfo')
-
-/**
- * 创建 video 上下文 VideoContext 对象。
- */
-export const createVideoContext: typeof Taro.createVideoContext = (id, inst) => {
-  const el = findDOM(inst) as HTMLVideoElement
-  // TODO HTMLVideoElement to VideoContext
-  return el?.querySelector(`taro-video-core[id=${id}]`) as unknown as Taro.VideoContext
-}
-
-export const compressVideo = temporarilyNotSupport('compressVideo')
-
-/**
- * 拍摄视频或从手机相册中选视频。
- */
-export const chooseVideo: typeof Taro.chooseVideo = (options) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `chooseVideo:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { success, fail, complete } = options
-  const handle = new MethodHandler<Taro.chooseVideo.SuccessCallbackResult>({ name: 'chooseVideo', success, fail, complete })
-  const res: Partial<Taro.chooseVideo.SuccessCallbackResult> = {
-    tempFilePath: '',
-    duration: 0,
-    size: 0,
-    height: 0,
-    width: 0
-  }
-
-  const inputEl = document.createElement('input')
-  inputEl.setAttribute('type', 'file')
-  inputEl.setAttribute('multiple', 'multiple')
-  inputEl.setAttribute('accept', 'video/*')
-  inputEl.setAttribute('style', 'position: fixed; top: -4000px; left: -3000px; z-index: -300;')
-  document.body.appendChild(inputEl)
-
-  return new Promise<Taro.chooseVideo.SuccessCallbackResult>(resolve => {
-    const TaroMouseEvents = document.createEvent('MouseEvents')
-    TaroMouseEvents.initEvent('click', true, true)
-    inputEl.dispatchEvent(TaroMouseEvents)
-    inputEl.onchange = function (e) {
-      const target = e.target as HTMLInputElement
-      const file = target.files?.[0]
-      const reader = new FileReader()
-      reader.onload = function (event: ProgressEvent<FileReader>) {
-        const videoEl = document.createElement('video')
-        const url = event.target?.result as string
-        videoEl.preload = 'metadata'
-        videoEl.src = url
-        videoEl.onloadedmetadata = () => {
-          res.tempFilePath = url
-          res.duration = videoEl.duration
-          res.size = event.total
-          res.height = videoEl.videoHeight
-          res.width = videoEl.videoHeight
-          return handle.success(res, resolve)
-        }
-      }
-      if (file) {
-        reader.readAsDataURL(file)
-      }
-    }
-  }).finally(() => {
-    document.body.removeChild(inputEl)
-  })
-}
-
-export const chooseMedia = temporarilyNotSupport('chooseMedia')

package/src/api/media/video-decoder.ts

@@ -1,4 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 视频解码器
-export const createVideoDecoder = temporarilyNotSupport('createVideoDecoder')

package/src/api/media/video-processing.ts

@@ -1,4 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 音视频合成
-export const createMediaContainer = temporarilyNotSupport('createMediaContainer')

package/src/api/media/voip.ts

@@ -1,17 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 实时语音
-export const updateVoIPChatMuteConfig = temporarilyNotSupport('updateVoIPChatMuteConfig')
-export const subscribeVoIPVideoMembers = temporarilyNotSupport('subscribeVoIPVideoMembers')
-export const setEnable1v1Chat = temporarilyNotSupport('setEnable1v1Chat')
-export const onVoIPVideoMembersChanged = temporarilyNotSupport('onVoIPVideoMembersChanged')
-export const onVoIPChatStateChanged = temporarilyNotSupport('onVoIPChatStateChanged')
-export const onVoIPChatSpeakersChanged = temporarilyNotSupport('onVoIPChatSpeakersChanged')
-export const onVoIPChatMembersChanged = temporarilyNotSupport('onVoIPChatMembersChanged')
-export const onVoIPChatInterrupted = temporarilyNotSupport('onVoIPChatInterrupted')
-export const offVoIPVideoMembersChanged = temporarilyNotSupport('offVoIPVideoMembersChanged')
-export const offVoIPChatStateChanged = temporarilyNotSupport('offVoIPChatStateChanged')
-export const offVoIPChatMembersChanged = temporarilyNotSupport('offVoIPChatMembersChanged')
-export const offVoIPChatInterrupted = temporarilyNotSupport('offVoIPChatInterrupted')
-export const joinVoIPChat = temporarilyNotSupport('joinVoIPChat')
-export const exitVoIPChat = temporarilyNotSupport('exitVoIPChat')

package/src/api/navigate/index.ts

@@ -1,7 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// 跳转
-export const openEmbeddedMiniProgram = temporarilyNotSupport('openEmbeddedMiniProgram')
-export const navigateToMiniProgram = temporarilyNotSupport('navigateToMiniProgram')
-export const navigateBackMiniProgram = temporarilyNotSupport('navigateBackMiniProgram')
-export const exitMiniProgram = temporarilyNotSupport('exitMiniProgram')

package/src/api/network/download.ts

@@ -1,141 +0,0 @@
-import Taro from '@tarojs/api'
-
-import { CallbackManager } from '../../utils/handler'
-import { NETWORK_TIMEOUT, setHeader, XHR_STATS } from './utils'
-
-const createDownloadTask = ({ url, header, success, error }): Taro.DownloadTask => {
-  let timeout: ReturnType<typeof setTimeout>
-  const apiName = 'downloadFile'
-  const xhr = new XMLHttpRequest()
-  const callbackManager = {
-    headersReceived: new CallbackManager(),
-    progressUpdate: new CallbackManager()
-  }
-
-  xhr.open('GET', url, true)
-  xhr.responseType = 'blob'
-  setHeader(xhr, header)
-
-  xhr.onprogress = e => {
-    const { loaded, total } = e
-    callbackManager.progressUpdate.trigger({
-      progress: Math.round(loaded / total * 100),
-      totalBytesWritten: loaded,
-      totalBytesExpectedToWrite: total
-    })
-  }
-
-  xhr.onreadystatechange = () => {
-    if (xhr.readyState !== XHR_STATS.HEADERS_RECEIVED) return
-    callbackManager.headersReceived.trigger({
-      header: xhr.getAllResponseHeaders()
-    })
-  }
-
-  xhr.onload = () => {
-    const response = xhr.response
-    const status = xhr.status
-    success({
-      errMsg: `${apiName}:ok`,
-      statusCode: status,
-      tempFilePath: window.URL.createObjectURL(response)
-    })
-  }
-
-  xhr.onabort = () => {
-    clearTimeout(timeout)
-    error({
-      errMsg: `${apiName}:fail abort`
-    })
-  }
-
-  xhr.onerror = (e: ProgressEvent<EventTarget> & { message?: string }) => {
-    error({
-      errMsg: `${apiName}:fail ${e.message}`
-    })
-  }
-
-  /**
-   * 中断任务
-   */
-  const abort = () => {
-    xhr.abort()
-  }
-
-  const send = () => {
-    xhr.send()
-    timeout = setTimeout(() => {
-      xhr.onabort = null
-      xhr.onload = null
-      xhr.onprogress = null
-      xhr.onreadystatechange = null
-      xhr.onerror = null
-      abort()
-      error({
-        errMsg: `${apiName}:fail timeout`
-      })
-    }, NETWORK_TIMEOUT)
-  }
-
-  send()
-
-  /**
-   * 监听 HTTP Response Header 事件。会比请求完成事件更早
-   * @param {HeadersReceivedCallback} callback HTTP Response Header 事件的回调函数
-   */
-  const onHeadersReceived = callbackManager.headersReceived.add
-  /**
-   * 取消监听 HTTP Response Header 事件
-   * @param {HeadersReceivedCallback} callback HTTP Response Header 事件的回调函数
-   */
-  const offHeadersReceived = callbackManager.headersReceived.remove
-
-  /**
-   * 监听进度变化事件
-   * @param {ProgressUpdateCallback} callback HTTP Response Header 事件的回调函数
-   */
-  const onProgressUpdate = callbackManager.progressUpdate.add
-  /**
-   * 取消监听进度变化事件
-   * @param {ProgressUpdateCallback} callback HTTP Response Header 事件的回调函数
-   */
-  const offProgressUpdate = callbackManager.progressUpdate.remove
-
-  return {
-    abort,
-    onHeadersReceived,
-    offHeadersReceived,
-    onProgressUpdate,
-    offProgressUpdate
-  }
-}
-
-/**
- * 下载文件资源到本地。客户端直接发起一个 HTTPS GET 请求，返回文件的本地临时路径。使用前请注意阅读相关说明。
- * 注意：请在服务端响应的 header 中指定合理的 Content-Type 字段，以保证客户端正确处理文件类型。
- */
-export const downloadFile: typeof Taro.downloadFile = ({ url, header, success, fail, complete }) => {
-  let task!: Taro.DownloadTask
-  const result: ReturnType<typeof Taro.downloadFile> = new Promise((resolve, reject) => {
-    task = createDownloadTask({
-      url,
-      header,
-      success: res => {
-        success && success(res)
-        complete && complete(res)
-        resolve(res)
-      },
-      error: res => {
-        fail && fail(res)
-        complete && complete(res)
-        reject(res)
-      }
-    })
-  }) as any
-
-  result.headersReceive = task.onHeadersReceived
-  result.progress = task.onProgressUpdate
-  result.abort = task.abort
-
-  return result
-}

package/src/api/network/index.ts

@@ -1,7 +0,0 @@
-export * from './download'
-export * from './mdns'
-export * from './request'
-export * from './tcp'
-export * from './udp'
-export * from './upload'
-export * from './websocket'

package/src/api/network/mdns.ts

@@ -1,13 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// mDNS
-export const stopLocalServiceDiscovery = temporarilyNotSupport('stopLocalServiceDiscovery')
-export const startLocalServiceDiscovery = temporarilyNotSupport('startLocalServiceDiscovery')
-export const onLocalServiceResolveFail = temporarilyNotSupport('onLocalServiceResolveFail')
-export const onLocalServiceLost = temporarilyNotSupport('onLocalServiceLost')
-export const onLocalServiceFound = temporarilyNotSupport('onLocalServiceFound')
-export const onLocalServiceDiscoveryStop = temporarilyNotSupport('onLocalServiceDiscoveryStop')
-export const offLocalServiceResolveFail = temporarilyNotSupport('offLocalServiceResolveFail')
-export const offLocalServiceLost = temporarilyNotSupport('offLocalServiceLost')
-export const offLocalServiceFound = temporarilyNotSupport('offLocalServiceFound')
-export const offLocalServiceDiscoveryStop = temporarilyNotSupport('offLocalServiceDiscoveryStop')

package/src/api/network/request/index.ts

@@ -1,135 +0,0 @@
-import 'whatwg-fetch'
-
-import Taro from '@tarojs/api'
-import jsonpRetry from 'jsonp-retry'
-
-import { serializeParams } from '../../../utils'
-
-// @ts-ignore
-const { Link } = Taro
-
-function generateRequestUrlWithParams (url: string, params?: unknown) {
-  params = typeof params === 'string' ? params : serializeParams(params)
-  if (params) {
-    url += (~url.indexOf('?') ? '&' : '?') + params
-  }
-  url = url.replace('?&', '?')
-  return url
-}
-
-// FIXME 移除 any 标注
-function _request (options) {
-  options = options || {}
-  if (typeof options === 'string') {
-    options = {
-      url: options
-    }
-  }
-  const { success, complete, fail } = options
-  let url = options.url
-  const params: any = {}
-  const res: any = {}
-  if (options.jsonp) {
-    Object.assign(params, options)
-    params.params = options.data
-    params.cache = options.jsonpCache
-    if (typeof options.jsonp === 'string') {
-      params.name = options.jsonp
-    }
-    delete params.jsonp
-    return jsonpRetry(url, params)
-      .then(data => {
-        res.statusCode = 200
-        res.data = data
-        typeof success === 'function' && success(res)
-        typeof complete === 'function' && complete(res)
-        return res
-      })
-      .catch(err => {
-        typeof fail === 'function' && fail(err)
-        typeof complete === 'function' && complete(res)
-        return Promise.reject(err)
-      })
-  }
-  params.method = options.method || 'GET'
-  const methodUpper = params.method.toUpperCase()
-  params.cache = options.cache || 'default'
-  if (methodUpper === 'GET' || methodUpper === 'HEAD') {
-    url = generateRequestUrlWithParams(url, options.data)
-  } else if (typeof options.data === 'object') {
-    options.header = options.header || {}
-
-    const keyOfContentType = Object.keys(options.header).find(item => item.toLowerCase() === 'content-type')
-    if (!keyOfContentType) {
-      options.header['Content-Type'] = 'application/json'
-    }
-    const contentType = options.header[keyOfContentType || 'Content-Type']
-
-    if (contentType.indexOf('application/json') >= 0) {
-      params.body = JSON.stringify(options.data)
-    } else if (contentType.indexOf('application/x-www-form-urlencoded') >= 0) {
-      params.body = serializeParams(options.data)
-    } else {
-      params.body = options.data
-    }
-  } else {
-    params.body = options.data
-  }
-  if (options.header) {
-    params.headers = options.header
-  }
-  if (options.mode) {
-    params.mode = options.mode
-  }
-  if (options.signal) {
-    params.signal = options.signal
-  }
-  params.credentials = options.credentials
-  return fetch(url, params)
-    .then(response => {
-      if (!response) {
-        const errorResponse = { ok: false }
-        throw errorResponse
-      }
-      res.statusCode = response.status
-      res.header = {}
-      for (const key of response.headers.keys()) {
-        res.header[key] = response.headers.get(key)
-      }
-      if (!response.ok) {
-        throw response
-      }
-      if (options.responseType === 'arraybuffer') {
-        return response.arrayBuffer()
-      }
-      if (res.statusCode !== 204) {
-        if (options.dataType === 'json' || typeof options.dataType === 'undefined') {
-          return response.json()
-        }
-      }
-      if (options.responseType === 'text' || options.dataType === 'text') {
-        return response.text()
-      }
-      return Promise.resolve(null)
-    })
-    .then(data => {
-      res.data = data
-      typeof success === 'function' && success(res)
-      typeof complete === 'function' && complete(res)
-      return res
-    })
-    .catch(err => {
-      typeof fail === 'function' && fail(err)
-      typeof complete === 'function' && complete(res)
-      return Promise.reject(err)
-    })
-}
-
-function taroInterceptor (chain) {
-  return _request(chain.requestParams)
-}
-
-const link = new Link(taroInterceptor)
-
-export const request: typeof Taro.request = link.request.bind(link)
-export const addInterceptor = link.addInterceptor.bind(link)

package/src/api/network/tcp.ts

@@ -1,4 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// TCP 通信
-export const createTCPSocket = temporarilyNotSupport('createTCPSocket')

package/src/api/network/udp.ts

@@ -1,4 +0,0 @@
-import { temporarilyNotSupport } from '../../utils'
-
-// UDP 通信
-export const createUDPSocket = temporarilyNotSupport('createUDPSocket')