@tarojs/taro-h5 3.3.14 → 3.3.18

package/src/api/{interactive/toast.js → ui/interaction/toast.ts}

@@ -1,6 +1,4 @@
-import { inlineStyle } from '../utils'
-
-const noop = function () {}
+import { inlineStyle } from '../../utils'
 
 export default class Toast {
   options = {
@@ -8,10 +6,7 @@ export default class Toast {
     icon: 'none',
     image: '',
     duration: 1500,
-    mask: false,
-    success: noop,
-    fail: noop,
-    complete: noop
+    mask: false
   }
 
   style = {
@@ -45,13 +40,18 @@ export default class Toast {
       background: 'rgba(17, 17, 17, 0.7)'
     },
     successStyle: {
-      margin: '0',
-      'vertical-align': 'middle',
-      'font-family': 'taro',
-      '-webkit-font-smoothing': 'antialiased',
-      color: '#FFFFFF',
-      'font-size': '55px',
-      'line-height': '1'
+      margin: '6px auto',
+      width: '38px',
+      height: '38px',
+      background: 'transparent url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjM5NTQ4OTYzMjA0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQzNDgiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNMjE5Ljk1MiA1MTIuNTc2bDIxMC40MzIgMjEwLjQzMi00NS4yNDggNDUuMjU2LTIxMC40MzItMjEwLjQzMnoiIHAtaWQ9IjQzNDkiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNNzk5LjY3MiAyNjIuMjY0bDQ1LjI1NiA0NS4yNTYtNDYwLjQ2NCA0NjAuNDY0LTQ1LjI1Ni00NS4yNTZ6IiBwLWlkPSI0MzUwIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) no-repeat',
+      'background-size': '100%'
+    },
+    errrorStyle: {
+      margin: '6px auto',
+      width: '38px',
+      height: '38px',
+      background: 'transparent url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjM5NTUxMDU1MTgzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0MDc2IiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNTggNjQgNjQgMjY0LjU4IDY0IDUxMnMyMDAuNTggNDQ4IDQ0OCA0NDggNDQ4LTIwMC41OCA0NDgtNDQ4Uzc1OS40MiA2NCA1MTIgNjR6IG0wIDc1MmEzNiAzNiAwIDEgMSAzNi0zNiAzNiAzNiAwIDAgMS0zNiAzNnogbTUxLjgzLTU1MS45NUw1NDggNjM2YTM2IDM2IDAgMCAxLTcyIDBsLTE1LjgzLTM3MS45NWMtMC4xLTEuMzMtMC4xNy0yLjY4LTAuMTctNC4wNWE1MiA1MiAwIDAgMSAxMDQgMGMwIDEuMzctMC4wNyAyLjcyLTAuMTcgNC4wNXoiIHAtaWQ9IjE0MDc3IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+) no-repeat',
+      'background-size': '100%'
     },
     loadingStyle: {
       margin: '6px auto',
@@ -75,14 +75,24 @@ export default class Toast {
     }
   }
 
-  create (options = {}) {
+  el: HTMLDivElement
+  mask: HTMLDivElement
+  icon: HTMLParagraphElement
+  toast: HTMLDivElement
+  title: HTMLParagraphElement
+  type: any
+  hideOpacityTimer: any
+  hideDisplayTimer: any
+
+  create (options = {}, _type: 'loading' | 'toast' = 'toast') {
     // style
-    const { maskStyle, toastStyle, successStyle, loadingStyle, imageStyle, textStyle } = this.style
+    const { maskStyle, toastStyle, successStyle, errrorStyle, loadingStyle, imageStyle, textStyle } = this.style
 
     // configuration
     const config = {
       ...this.options,
-      ...options
+      ...options,
+      _type
     }
 
     // wrapper
@@ -104,12 +114,11 @@ export default class Toast {
         'background-image': `url(${config.image})`
       }))
     } else {
-      const iconStyle = config.icon === 'loading' ? loadingStyle : successStyle
+      const iconStyle = config.icon === 'loading' ? loadingStyle : config.icon === 'error' ? errrorStyle : successStyle
       this.icon.setAttribute('style', inlineStyle({
         ...iconStyle,
         ...(config.icon === 'none' ? { display: 'none' } : {})
       }))
-      if (config.icon !== 'loading') this.icon.textContent = ''
     }
 
     // toast
@@ -141,16 +150,14 @@ export default class Toast {
     // disappear after duration
     config.duration >= 0 && this.hide(config.duration, this.type)
 
-    const errMsg = this.type === 'loading' ? 'showLoading:ok' : 'showToast:ok'
-    config.success && config.success({ errMsg })
-    config.complete && config.complete({ errMsg })
-    return Promise.resolve({ errMsg })
+    return ''
   }
 
-  show (options = {}) {
+  show (options = {}, _type: 'loading' | 'toast' = 'toast') {
     const config = {
       ...this.options,
-      ...options
+      ...options,
+      _type
     }
 
     if (this.hideOpacityTimer) clearTimeout(this.hideOpacityTimer)
@@ -163,21 +170,19 @@ export default class Toast {
     this.mask.style.display = config.mask ? 'block' : 'none'
 
     // image
-    const { toastStyle, successStyle, loadingStyle, imageStyle } = this.style
+    const { toastStyle, successStyle, errrorStyle, loadingStyle, imageStyle } = this.style
     if (config.image) {
       this.icon.setAttribute('style', inlineStyle({
         ...imageStyle,
         'background-image': `url(${config.image})`
       }))
-      this.icon.textContent = ''
     } else {
       if (!config.image && config.icon) {
-        const iconStyle = config.icon === 'loading' ? loadingStyle : successStyle
+        const iconStyle = config.icon === 'loading' ? loadingStyle : config.icon === 'error' ? errrorStyle : successStyle
         this.icon.setAttribute('style', inlineStyle({
           ...iconStyle,
           ...(config.icon === 'none' ? { display: 'none' } : {})
         }))
-        this.icon.textContent = config.icon === 'loading' ? '' : ''
       }
     }
 
@@ -198,10 +203,7 @@ export default class Toast {
     // disappear after duration
     config.duration >= 0 && this.hide(config.duration, this.type)
 
-    const errMsg = this.type === 'loading' ? 'showLoading:ok' : 'showToast:ok'
-    config.success && config.success({ errMsg })
-    config.complete && config.complete({ errMsg })
-    return Promise.resolve({ errMsg })
+    return ''
   }
 
   hide (duration = 0, type) {

package/src/api/ui/menu.ts

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

package/src/api/ui/navigation-bar/index.ts

@@ -0,0 +1,52 @@
+import Taro from '@tarojs/taro'
+
+import { MethodHandler } from '../../utils/handler'
+import { getParameterError, shouldBeObject, temporarilyNotSupport } from '../../utils'
+
+// 导航栏
+export const showNavigationBarLoading = temporarilyNotSupport('showNavigationBarLoading')
+
+export function setNavigationBarTitle (options) {
+  // options must be an Object
+  const isObject = shouldBeObject(options)
+  if (!isObject.flag) {
+    const res = { errMsg: `setNavigationBarTitle:fail ${isObject.msg}` }
+    console.error(res.errMsg)
+    return Promise.reject(res)
+  }
+
+  const { title, success, fail, complete } = options
+  const handle = new MethodHandler({ name: 'makePhoneCall', success, fail, complete })
+
+  if (!title || typeof title !== 'string') {
+    return handle.fail({
+      errMsg: getParameterError({
+        para: 'title',
+        correct: 'String',
+        wrong: title
+      })
+    })
+  }
+
+  if (document.title !== title) {
+    document.title = title
+  }
+
+  return handle.success()
+}
+
+/**
+ * 设置页面导航条颜色
+ */
+export const setNavigationBarColor: typeof Taro.setNavigationBarColor = (options) => {
+  const { backgroundColor, success, fail, complete } = options
+  const handle = new MethodHandler({ name: 'setNavigationBarColor', success, fail, complete })
+  const meta = document.createElement('meta')
+  meta.setAttribute('name', 'theme-color')
+  meta.setAttribute('content', backgroundColor)
+  document.head.appendChild(meta)
+  return handle.success()
+}
+
+export const hideNavigationBarLoading = temporarilyNotSupport('hideNavigationBarLoading')
+export const hideHomeButton = temporarilyNotSupport('hideHomeButton')

package/src/api/ui/pull-down-refresh.ts

@@ -0,0 +1,27 @@
+import Taro from '@tarojs/api'
+import { MethodHandler } from '../utils/handler'
+/**
+ * 开始下拉刷新。调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
+ */
+export const startPullDownRefresh: typeof Taro.startPullDownRefresh = function ({ success, fail, complete } = {}) {
+  const handle = new MethodHandler({ name: 'startPullDownRefresh', success, fail, complete })
+  return new Promise((resolve, reject) => {
+    Taro.eventCenter.trigger('__taroStartPullDownRefresh', {
+      successHandler: (res = {}) => handle.success(res, resolve as any),
+      errorHandler: (res = {}) => handle.fail(res, reject as any)
+    })
+  })
+}
+
+/**
+ * 停止当前页面下拉刷新。
+ */
+export const stopPullDownRefresh: typeof Taro.stopPullDownRefresh = function ({ success, fail, complete } = {}) {
+  const handle = new MethodHandler({ name: 'stopPullDownRefresh', success, fail, complete })
+  return new Promise((resolve, reject) => {
+    Taro.eventCenter.trigger('__taroStopPullDownRefresh', {
+      successHandler: (res = {}) => handle.success(res, resolve as any),
+      errorHandler: (res = {}) => handle.fail(res, reject as any)
+    })
+  })
+}

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

@@ -0,0 +1,85 @@
+import Taro from '@tarojs/api'
+import { Current } from '@tarojs/runtime'
+
+import { MethodHandler } from '../../utils/handler'
+import { getTimingFunc, easeInOut } from '../../utils'
+
+let timer: NodeJS.Timeout
+const FRAME_DURATION = 17
+
+/**
+ * 将页面滚动到目标位置
+ */
+export const pageScrollTo: typeof Taro.pageScrollTo = ({ scrollTop, selector = '', duration = 300, success, fail, complete }) => {
+  let scrollFunc
+  const handle = new MethodHandler({ name: 'pageScrollTo', success, fail, complete })
+  return new Promise((resolve, reject) => {
+    try {
+      if (scrollTop === undefined && !selector) {
+        return handle.fail({
+          errMsg: 'scrollTop" 或 "selector" 需要其之一'
+        }, reject)
+      }
+
+      const id = Current.page?.path
+      const el: HTMLDivElement | null = (id
+        ? document.getElementById(id)
+        : document.querySelector('.taro_page') ||
+      document.querySelector('.taro_router')) as HTMLDivElement
+
+      if (!scrollFunc) {
+        if (!el) {
+          scrollFunc = pos => {
+            if (pos === undefined) {
+              return window.pageYOffset
+            } else {
+              window.scrollTo(0, pos)
+            }
+          }
+        } else {
+          scrollFunc = pos => {
+            if (pos === undefined) {
+              return el.scrollTop
+            } else {
+              el.scrollTop = pos
+            }
+          }
+        }
+      }
+
+      if (scrollTop && selector) {
+        console.warn('"scrollTop" 或 "selector" 建议只设一个值，全部设置会忽略selector')
+      }
+      const from = scrollFunc()
+      let to: number
+      if (typeof scrollTop === 'number') {
+        to = scrollTop
+      } else {
+        const el = document.querySelector(selector) as HTMLElement
+        to = el?.offsetTop || 0
+      }
+      const delta = to - from
+
+      const frameCnt = duration / FRAME_DURATION
+      const easeFunc = getTimingFunc(easeInOut, frameCnt)
+
+      const scroll = (frame = 0) => {
+        const dest = from + delta * easeFunc(frame)
+        scrollFunc(dest)
+        if (frame < frameCnt) {
+          timer && clearTimeout(timer)
+          timer = setTimeout(() => {
+            scroll(frame + 1)
+          }, FRAME_DURATION)
+        } else {
+          return handle.success({}, resolve)
+        }
+      }
+      scroll()
+    } catch (e) {
+      return handle.fail({
+        errMsg: e.message
+      }, reject)
+    }
+  })
+}

package/src/api/ui/sticky.ts

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

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

@@ -0,0 +1,326 @@
+import Taro, { AppConfig } from '@tarojs/api'
+import { shouldBeObject, getParameterError, isValidColor } 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

@@ -0,0 +1,37 @@
+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)
+  }
+}