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

package/src/api/ui/tab-bar.ts

@@ -1,327 +0,0 @@
-import Taro, { AppConfig } from '@tarojs/api'
-
-import { getParameterError, isValidColor, shouldBeObject } from '../../utils'
-import { MethodHandler } from '../../utils/handler'
-
-let tabConf
-
-export function initTabBarApis (config: AppConfig = {}) {
-  tabConf = config.tabBar
-}
-
-/**
- * 显示 tabBar 某一项的右上角的红点
- */
-export const showTabBarRedDot: typeof Taro.showTabBarRedDot = (options) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `showTabBarRedDot:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const {
-    index,
-    success,
-    fail,
-    complete
-  } = options
-  const handle = new MethodHandler({ name: 'showTabBarRedDot', success, fail, complete })
-
-  if (typeof index !== 'number') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'index',
-        correct: 'Number',
-        wrong: index
-      })
-    })
-  }
-
-  return new Promise((resolve, reject) => {
-    Taro.eventCenter.trigger('__taroShowTabBarRedDotHandler', {
-      index,
-      successHandler: (res = {}) => handle.success(res, resolve as any),
-      errorHandler: (res = {}) => handle.fail(res, reject as any)
-    })
-  })
-}
-
-/**
- * 显示 tabBar
- */
-export const showTabBar: typeof Taro.showTabBar = (options = {}) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `showTabBar:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { animation, success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'showTabBar', success, fail, complete })
-
-  if (options.hasOwnProperty('animation') && typeof animation !== 'boolean') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'animation',
-        correct: 'Boolean',
-        wrong: animation
-      })
-    })
-  }
-
-  return new Promise((resolve, reject) => {
-    Taro.eventCenter.trigger('__taroShowTabBar', {
-      animation,
-      successHandler: (res = {}) => handle.success(res, resolve as any),
-      errorHandler: (res = {}) => handle.fail(res, reject as any)
-    })
-  })
-}
-
-/**
- * 动态设置 tabBar 的整体样式
- */
-export const setTabBarStyle: typeof Taro.setTabBarStyle = (options = {}) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `setTabBarStyle:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { color, selectedColor, backgroundColor, borderStyle, success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'setTabBarStyle', success, fail, complete })
-
-  let errMsg
-  if (color && !isValidColor(color)) {
-    errMsg = 'color'
-  } else if (selectedColor && !isValidColor(selectedColor)) {
-    errMsg = 'selectedColor'
-  } else if (backgroundColor && !isValidColor(backgroundColor)) {
-    errMsg = 'backgroundColor'
-  } else if (borderStyle && !/^(black|white)$/.test(borderStyle)) {
-    errMsg = 'borderStyle'
-  }
-
-  if (errMsg) {
-    return handle.fail({ errMsg: `invalid ${errMsg}` })
-  }
-
-  if (!tabConf) {
-    return handle.fail()
-  }
-
-  const obj: Taro.setTabBarStyle.Option = {}
-  if (color) obj.color = color
-  if (selectedColor) obj.selectedColor = selectedColor
-  if (backgroundColor) obj.backgroundColor = backgroundColor
-  if (borderStyle) obj.borderStyle = borderStyle
-
-  return new Promise((resolve, reject) => {
-    Taro.eventCenter.trigger('__taroSetTabBarStyle', {
-      color,
-      selectedColor,
-      backgroundColor,
-      borderStyle,
-      successHandler: (res = {}) => handle.success(res, resolve as any),
-      errorHandler: (res = {}) => handle.fail(res, reject as any)
-    })
-  })
-}
-
-/**
- * 动态设置 tabBar 某一项的内容
- */
-export const setTabBarItem: typeof Taro.setTabBarItem = (options) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `setTabBarItem:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const {
-    index,
-    text,
-    iconPath,
-    selectedIconPath,
-    success,
-    fail,
-    complete
-  } = options
-  const handle = new MethodHandler({ name: 'setTabBarItem', success, fail, complete })
-
-  if (typeof index !== 'number') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'index',
-        correct: 'Number',
-        wrong: index
-      })
-    })
-  }
-
-  return new Promise((resolve, reject) => {
-    Taro.eventCenter.trigger('__taroSetTabBarItem', {
-      index,
-      text,
-      iconPath,
-      selectedIconPath,
-      successHandler: (res = {}) => handle.success(res, resolve as any),
-      errorHandler: (res = {}) => handle.fail(res, reject as any)
-    })
-  })
-}
-
-/**
- * 为 tabBar 某一项的右上角添加文本
- */
-export const setTabBarBadge: typeof Taro.setTabBarBadge = (options) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `setTabBarBadge:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { index, text, success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'setTabBarBadge', success, fail, complete })
-
-  if (typeof index !== 'number') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'index',
-        correct: 'Number',
-        wrong: index
-      })
-    })
-  }
-
-  if (typeof text !== 'string') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'text',
-        correct: 'String',
-        wrong: text
-      })
-    })
-  }
-
-  return new Promise((resolve, reject) => {
-    Taro.eventCenter.trigger('__taroSetTabBarBadge', {
-      index,
-      text,
-      successHandler: (res = {}) => handle.success(res, resolve as any),
-      errorHandler: (res = {}) => handle.fail(res, reject as any)
-    })
-  })
-}
-
-/**
- * 移除 tabBar 某一项右上角的文本
- */
-export const removeTabBarBadge: typeof Taro.removeTabBarBadge = (options) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `removeTabBarBadge:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { index, success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'removeTabBarBadge', success, fail, complete })
-
-  if (typeof index !== 'number') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'index',
-        correct: 'Number',
-        wrong: index
-      })
-    })
-  }
-
-  return new Promise((resolve, reject) => {
-    Taro.eventCenter.trigger('__taroRemoveTabBarBadge', {
-      index,
-      successHandler: (res = {}) => handle.success(res, resolve as any),
-      errorHandler: (res = {}) => handle.fail(res, reject as any)
-    })
-  })
-}
-
-/**
- * 隐藏 tabBar 某一项的右上角的红点
- */
-export const hideTabBarRedDot: typeof Taro.hideTabBarRedDot = (options) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `hideTabBarRedDot:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { index, success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'hideTabBarRedDot', success, fail, complete })
-
-  if (typeof index !== 'number') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'index',
-        correct: 'Number',
-        wrong: index
-      })
-    })
-  }
-
-  return new Promise((resolve, reject) => {
-    Taro.eventCenter.trigger('__taroHideTabBarRedDotHandler', {
-      index,
-      successHandler: (res = {}) => handle.success(res, resolve as any),
-      errorHandler: (res = {}) => handle.fail(res, reject as any)
-    })
-  })
-}
-
-/**
- * 隐藏 tabBar
- */
-export const hideTabBar: typeof Taro.hideTabBar = (options = {}) => {
-  // options must be an Object
-  const isObject = shouldBeObject(options)
-  if (!isObject.flag) {
-    const res = { errMsg: `hideTabBar:fail ${isObject.msg}` }
-    console.error(res.errMsg)
-    return Promise.reject(res)
-  }
-
-  const { animation, success, fail, complete } = options
-  const handle = new MethodHandler({ name: 'hideTabBar', success, fail, complete })
-
-  if (options.hasOwnProperty('animation') && typeof animation !== 'boolean') {
-    return handle.fail({
-      errMsg: getParameterError({
-        para: 'animation',
-        correct: 'Boolean',
-        wrong: animation
-      })
-    })
-  }
-
-  return new Promise((resolve, reject) => {
-    Taro.eventCenter.trigger('__taroHideTabBar', {
-      animation,
-      successHandler: (res = {}) => handle.success(res, resolve as any),
-      errorHandler: (res = {}) => handle.fail(res, reject as any)
-    })
-  })
-}

package/src/api/ui/window.ts

@@ -1,38 +0,0 @@
-import Taro from '@tarojs/api'
-
-import { temporarilyNotSupport } from '../../utils'
-import { CallbackManager } from '../../utils/handler'
-
-const callbackManager = new CallbackManager()
-
-const resizeListener = () => {
-  callbackManager.trigger({
-    windowWidth: window.screen.width,
-    windowHeight: window.screen.height
-  })
-}
-
-/**
- * 设置窗口大小，该接口仅适用于 PC 平台，使用细则请参见指南
- */
-export const setWindowSize = temporarilyNotSupport('setWindowSize')
-
-/**
- * 监听窗口尺寸变化事件
- */
-export const onWindowResize: typeof Taro.onWindowResize = callback => {
-  callbackManager.add(callback)
-  if (callbackManager.count() === 1) {
-    window.addEventListener('resize', resizeListener)
-  }
-}
-
-/**
- * 取消监听窗口尺寸变化事件
- */
-export const offWindowResize: typeof Taro.offWindowResize = callback => {
-  callbackManager.remove(callback)
-  if (callbackManager.count() === 0) {
-    window.removeEventListener('resize', resizeListener)
-  }
-}

package/src/api/worker/index.ts

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

package/src/api/wxml/index.ts

@@ -1,10 +0,0 @@
-import Taro from '@tarojs/api'
-
-import { temporarilyNotSupport } from '../../utils'
-import { SelectorQuery } from './selectorQuery'
-
-export const createSelectorQuery: typeof Taro.createSelectorQuery = () => {
-  return new SelectorQuery()
-}
-
-export const createIntersectionObserver = temporarilyNotSupport('createIntersectionObserver')

package/src/api/wxml/nodesRef.ts

@@ -1,56 +0,0 @@
-import { SelectorQuery } from './selectorQuery'
-
-export class NodesRef implements Taro.NodesRef {
-  _component?: TaroGeneral.IAnyObject
-  _selector: string
-  _selectorQuery: SelectorQuery
-  _single: boolean
-
-  constructor (selector: string, querySelectorQuery: SelectorQuery, single: boolean) {
-    this._component = querySelectorQuery._component
-    this._selector = selector
-    this._selectorQuery = querySelectorQuery
-    this._single = single
-  }
-
-  context (cb) {
-    const { _selector, _component, _single, _selectorQuery } = this
-    _selectorQuery._push(_selector, _component, _single, { context: !0 }, cb)
-    return _selectorQuery
-  }
-
-  node (cb) {
-    const { _selector, _component, _single, _selectorQuery } = this
-    _selectorQuery._push(_selector, _component, _single, { nodeCanvasType: !0, node: !0 }, cb)
-    return _selectorQuery
-  }
-
-  boundingClientRect (cb) {
-    const { _selector, _component, _single, _selectorQuery } = this
-    _selectorQuery._push(_selector, _component, _single, { id: !0, dataset: !0, rect: !0, size: !0 }, cb)
-    return _selectorQuery
-  }
-
-  scrollOffset (cb) {
-    const { _selector, _component, _single, _selectorQuery } = this
-    _selectorQuery._push(_selector, _component, _single, { id: !0, dataset: !0, scrollOffset: !0 }, cb)
-    return _selectorQuery
-  }
-
-  fields (fields, cb) {
-    const { _selector, _component, _single, _selectorQuery } = this
-    const { id, dataset, rect, size, scrollOffset, properties = [], computedStyle = [] } = fields
-
-    _selectorQuery._push(_selector, _component, _single, {
-      id,
-      dataset,
-      rect,
-      size,
-      scrollOffset,
-      properties,
-      computedStyle
-    }, cb)
-
-    return _selectorQuery
-  }
-}

package/src/api/wxml/selectorQuery.ts

@@ -1,220 +0,0 @@
-import Taro from '@tarojs/api'
-
-import { findDOM } from '../../utils'
-import { CanvasContext } from '../canvas/CanvasContext'
-import { NodesRef } from './nodesRef'
-
-type TElement = Document | HTMLElement | Element
-
-interface ISelectorQueryQueue {
-  component: TaroGeneral.IAnyObject
-  selector: string
-  single: boolean
-  fields
-}
-
-type TSelectorQueryQueueCallback = (res: ISelectorQueryQueue) => void
-
-function filter (fields, dom?: HTMLElement, selector?: string) {
-  if (!dom) return null
-
-  const isViewport = selector === '.taro_page'
-  const { id, dataset, rect, size, scrollOffset, properties = [], computedStyle = [], nodeCanvasType, node, context } = fields
-  const res: any = {}
-
-  if (nodeCanvasType && node) {
-    const tagName = dom.tagName
-    res.node = {
-      id: dom.id,
-      $taroElement: dom
-    }
-    if (/^taro-canvas-core/i.test(tagName)) {
-      const type = (dom as any).type! || ''
-      res.nodeCanvasType = type
-      const canvas = dom.getElementsByTagName('canvas')[0]
-      if (/^(2d|webgl)/i.test(type) && canvas) {
-        res.node = canvas
-      } else {
-        res.node = null
-      }
-    } else {
-      // TODO https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
-      // if (/^taro-scroll-view-core/i.test(tagName))
-      res.nodeCanvasType = ''
-      res.node = dom
-    }
-    return res
-  }
-  if (context) {
-    const tagName = dom.tagName
-    if (/^taro-video-core/i.test(tagName)) {
-      // TODO HTMLVideoElement to VideoContext
-      return { context: dom as unknown as Taro.VideoContext }
-    } else if (/^taro-canvas-core/i.test(tagName)) {
-      const type = (dom as any).type! || '2d'
-      const canvas = dom?.querySelector('canvas') as HTMLCanvasElement
-      const ctx = canvas?.getContext(type) as CanvasRenderingContext2D
-      return { context: new CanvasContext(canvas, ctx) }
-    } else if (/^taro-live-player-core/i.test(tagName)) {
-      console.error('暂时不支持通过 NodesRef.context 获取 LivePlayerContext')
-    } else if (/^taro-editor-core/i.test(tagName)) {
-      console.error('暂时不支持通过 NodesRef.context 获取 EditorContext')
-    } else if (/^taro-map-core/i.test(tagName)) {
-      console.error('暂时不支持通过 NodesRef.context 获取 MapContext')
-    }
-    return
-  }
-  if (id) res.id = dom.id
-  if (dataset) res.dataset = Object.assign({}, dom.dataset)
-  if (rect || size) {
-    const { left, right, top, bottom, width, height } = dom.getBoundingClientRect()
-    if (rect) {
-      if (!isViewport) {
-        res.left = left
-        res.right = right
-        res.top = top
-        res.bottom = bottom
-      } else {
-        res.left = 0
-        res.right = 0
-        res.top = 0
-        res.bottom = 0
-      }
-    }
-    if (size) {
-      if (!isViewport) {
-        res.width = width
-        res.height = height
-      } else {
-        res.width = dom.clientWidth
-        res.height = dom.clientHeight
-      }
-    }
-  }
-  if (scrollOffset) {
-    res.scrollLeft = dom.scrollLeft
-    res.scrollTop = dom.scrollTop
-  }
-  if (properties.length) {
-    properties.forEach(prop => {
-      const attr = dom.getAttribute(prop)
-      if (attr) res[prop] = attr
-    })
-  }
-  if (computedStyle.length) {
-    const styles = window.getComputedStyle(dom)
-    computedStyle.forEach(key => {
-      const value = styles.getPropertyValue(key) || styles[key]
-      if (value) res[key] = value
-    })
-  }
-
-  return res
-}
-
-/**
- * WXML节点信息API
- * @return {Object} SelectorQuery 对象实例
- */
-function queryBat (queue: ISelectorQueryQueue[], cb: (...args: any[]) => any): void {
-  const result: any[] = []
-
-  queue.forEach(item => {
-    const { selector, single, fields, component } = item
-    // selector 的容器节点
-    /* eslint-disable */
-    const container: TElement = (
-      component !== null ?
-        (findDOM(component) as HTMLElement || document) :
-        document
-    )
-    /* eslint-enable */
-
-    // 特殊处理 ---- 选自己
-    let selectSelf = false
-    if (container !== document) {
-      const $nodeList = container.parentNode?.querySelectorAll(selector)
-      if ($nodeList) {
-        for (let i = 0, len = $nodeList.length; i < len; ++i) {
-          if (container === $nodeList[i]) {
-            selectSelf = true
-            break
-          }
-        }
-      }
-    }
-
-    if (single) {
-      const el = selectSelf === true ? container : container.querySelector(selector)
-      result.push(filter(fields, el as HTMLElement, selector))
-    } else {
-      const $children = container.querySelectorAll(selector)
-      const children: TElement[] = []
-      selectSelf === true && children.push(container)
-      for (let i = 0, len = $children.length; i < len; ++i) {
-        children.push($children[i])
-      }
-      result.push(children.map(dom => filter(fields, dom as HTMLElement)))
-    }
-  })
-  cb(result)
-}
-
-export class SelectorQuery implements Taro.SelectorQuery {
-  _defaultWebviewId: string | null
-  _webviewId: string | null
-  _queue: ISelectorQueryQueue[]
-  _queueCb: (TSelectorQueryQueueCallback | null)[]
-  _component?: TaroGeneral.IAnyObject
-
-  constructor () {
-    this._defaultWebviewId = null
-    this._webviewId = null
-    this._queue = []
-    this._queueCb = []
-    this._component
-  }
-
-  in (component: TaroGeneral.IAnyObject) {
-    this._component = component
-    return this
-  }
-
-  select (selector: string) {
-    // 小程序里跨自定义组件的后代选择器 '>>>' 在 h5 替换为普通后代选择器 '>'
-    if (typeof selector === 'string') selector = selector.replace('>>>', '>')
-    return new NodesRef(selector, this, true)
-  }
-
-  selectAll (selector: string) {
-    // 小程序里跨自定义组件的后代选择器 '>>>' 在 h5 替换为普通后代选择器 '>'
-    if (typeof selector === 'string') selector = selector.replace('>>>', '>')
-    return new NodesRef(selector, this, false)
-  }
-
-  selectViewport () {
-    return new NodesRef('.taro_page', this, true)
-  }
-
-  exec (cb) {
-    queryBat(this._queue, res => {
-      const _queueCb = this._queueCb
-      res.forEach((item, index) => {
-        const cb = _queueCb[index]
-        typeof cb === 'function' && cb.call(this, item)
-      })
-      typeof cb === 'function' && cb.call(this, res)
-    })
-    return this as unknown as Taro.NodesRef
-  }
-
-  _push (selector: string, component, single, fields, callback: TSelectorQueryQueueCallback | null = null) {
-    this._queue.push({
-      component,
-      selector,
-      single,
-      fields
-    })
-    this._queueCb.push(callback)
-  }
-}

package/src/index.ts

@@ -1,6 +0,0 @@
-import taro from './api/taro'
-
-export * from './api/index'
-export * from './api/taro'
-
-export default taro

package/src/utils/animation.ts

@@ -1,15 +0,0 @@
-/**
- * ease-in-out的函数
- * @param t 0-1的数字
- */
-export const easeInOut = (t: number) => (t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1)
-
-export const getTimingFunc = (easeFunc, frameCnt) => {
-  return x => {
-    if (frameCnt <= 1) {
-      return easeFunc(1)
-    }
-    const t = x / (frameCnt - 1)
-    return easeFunc(t)
-  }
-}