@tarojs/taro-h5 3.3.17 → 3.3.18

package/src/api/wxml/selectorQuery.ts

@@ -1,5 +1,6 @@
 import Taro from '@tarojs/api'
-import { findDOM, temporarilyNotSupport } from '../utils'
+import { findDOM } from '../utils'
+import { NodesRef } from './nodesRef'
 
 type TElement = Document | HTMLElement | Element
 
@@ -171,50 +172,3 @@ export class SelectorQuery implements Taro.SelectorQuery {
     this._queueCb.push(callback)
   }
 }
-
-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 = temporarilyNotSupport('NodesRef.context') as unknown as Taro.NodesRef['context']
-
-  node = temporarilyNotSupport('NodesRef.node') as unknown as Taro.NodesRef['node']
-
-  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/media/image/getImageInfo.js

@@ -1,74 +0,0 @@
-// const ORIENTATION_MAP = {
-//   // up 默认方向（手机横持拍照），对应 Exif 中的 1。或无 orientation 信息。
-//   1: 'up',
-
-//   // up-mirrored 同 up，但镜像翻转，对应 Exif 中的 2
-//   2: 'up-mirrored',
-
-//   // down 旋转180度，对应 Exif 中的 3
-//   3: 'down',
-
-//   // down-mirrored 同 down，但镜像翻转，对应 Exif 中的 4
-//   4: 'down-mirrored',
-
-//   // left-mirrored 同 left，但镜像翻转，对应 Exif 中的 5
-//   5: 'left-mirrored',
-
-//   // right 顺时针旋转90度，对应 Exif 中的 6
-//   6: 'right',
-
-//   // right-mirrored 同 right，但镜像翻转，对应 Exif 中的 7
-//   7: 'right-mirrored',
-
-//   // left 逆时针旋转90度，对应 Exif 中的 8
-//   8: 'left'
-// }
-
-/**
- * @typedef {'up'|'up-mirrored'|'down'|'down-mirrored'|'left-mirrored'|'right'|'right-mirrored'|'left'} Orientation
- * @typedef ImageInfo object.success 回调函数的参数
- * @property {number} width 图片原始宽度，单位px。不考虑旋转。
- * @property {number} height 图片原始高度，单位px。不考虑旋转。
- * @property {string} path 图片的本地路径
- * @property {Orientation} orientation 拍照时设备方向
- * @property {string} type 图片格式
- */
-
-/**
- * 获取图片信息。网络图片需先配置download域名才能生效。
- * @param {Object} object 参数
- * @param {string} object.src 图片的路径，可以是相对路径、临时文件路径、存储文件路径、网络图片路径
- * @param {(res: ImageInfo) => void} [object.success] 接口调用成功的回调函数
- * @param {function} [object.fail] 接口调用失败的回调函数
- * @param {function} [object.complete] 接口调用结束的回调函数（调用成功、失败都会执行）
- */
-const getImageInfo = ({ src, success, fail, complete } = {}) => {
-  return new Promise((resolve, reject) => {
-    const onSuccess = res => {
-      success && success(res)
-      complete && complete()
-      resolve(res)
-    }
-    const onError = res => {
-      fail && fail(res)
-      complete && complete()
-      reject(res)
-    }
-    const image = new Image()
-    image.onload = () => {
-      onSuccess({
-        errMsg: 'getImageInfo:ok',
-        width: image.naturalWidth,
-        height: image.naturalHeight
-      })
-    }
-    image.onerror = e => {
-      onError({
-        errMsg: `getImageInfo:fail ${e.message}`
-      })
-    }
-    image.src = src
-  })
-}
-
-export default getImageInfo

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

@@ -1,98 +0,0 @@
-/**
- * previewImage api基于开源的React组件[react-wx-images-viewer](https://github.com/react-ld/react-wx-images-viewer)开发，感谢！
- */
-
-/**
- * 在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。
- * @param {Object} options
- * @param {Array.<string>} options.urls 需要预览的图片链接列表。2.2.3 起支持云文件ID。
- * @param {string} [options.current=options.urls[0]]  urls的第一张 当前显示图片的链接
- * @param {function} [options.success] 接口调用成功的回调函数
- * @param {function} [options.fail] 接口调用失败的回调函数
- * @param {function} [options.complete] 接口调用结束的回调函数（调用成功、失败都会执行）
- */
-export async function previewImage (options) {
-  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')
-  swiper.full = true
-
-  const { urls = [], current = '' } = options
-
-  let children = []
-  try {
-    children = await Promise.all(
-      urls.map(e => loadImage(e, options.fail))
-    )
-  } catch (error) {
-    if (options.fail) {
-      options.fail(error)
-    }
-  }
-
-  for (let i = 0; i < children.length; i++) {
-    const child = children[i]
-    swiper.appendChild(child)
-  }
-
-  const currentIndex = urls.indexOf(current)
-  swiper.current = currentIndex
-
-  container.appendChild(swiper)
-  document.body.appendChild(container)
-
-  if (options.success) {
-    options.success()
-  }
-
-  if (options.complete) {
-    options.complete()
-  }
-}
-
-function loadImage (url, fail) {
-  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 fail === 'function') {
-      image.addEventListener('error', (err) => {
-        fail(err)
-      })
-    }
-  })
-}