@tarojs/taro-h5 3.5.10 → 3.6.0-alpha.0

package/dist/index.cjs.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Taro = require('@tarojs/api');
 var router = require('@tarojs/router');
+var shared = require('@tarojs/shared');
+var utils = require('@tarojs/router/dist/utils');
 var runtime = require('@tarojs/runtime');
 var base64Js = require('base64-js');
 var navigate = require('@tarojs/router/dist/utils/navigate');
@@ -13,35 +15,61 @@ var jsonpRetry = require('jsonp-retry');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var Taro__default = /*#__PURE__*/_interopDefaultLegacy(Taro);
 var jsonpRetry__default = /*#__PURE__*/_interopDefaultLegacy(jsonpRetry);
 
 class MethodHandler {
     constructor({ name, success, fail, complete }) {
+        this.isHandlerError = false;
         this.methodName = name;
         this.__success = success;
         this.__fail = fail;
         this.__complete = complete;
+        this.isHandlerError = shared.isFunction(this.__complete) || shared.isFunction(this.__fail);
     }
-    success(res = {}, resolve = Promise.resolve.bind(Promise)) {
+    success(res = {}, promise = {}) {
         if (!res.errMsg) {
             res.errMsg = `${this.methodName}:ok`;
         }
-        typeof this.__success === 'function' && this.__success(res);
-        typeof this.__complete === 'function' && this.__complete(res);
+        shared.isFunction(this.__success) && this.__success(res);
+        shared.isFunction(this.__complete) && this.__complete(res);
+        const { resolve = Promise.resolve.bind(Promise) } = promise;
         return resolve(res);
     }
-    fail(res = {}, reject = Promise.reject.bind(Promise)) {
+    fail(res = {}, promise = {}) {
         if (!res.errMsg) {
             res.errMsg = `${this.methodName}:fail`;
         }
         else {
             res.errMsg = `${this.methodName}:fail ${res.errMsg}`;
         }
-        console.error(res.errMsg);
-        typeof this.__fail === 'function' && this.__fail(res);
-        typeof this.__complete === 'function' && this.__complete(res);
-        return reject(res);
+        if (process.env.NODE_ENV !== 'production') {
+            console.error(res.errMsg);
+        }
+        shared.isFunction(this.__fail) && this.__fail(res);
+        shared.isFunction(this.__complete) && this.__complete(res);
+        const { resolve = Promise.resolve.bind(Promise), reject = Promise.reject.bind(Promise) } = promise;
+        return this.isHandlerError
+            ? resolve(res)
+            : reject(res);
     }
 }
 class CallbackManager {
@@ -85,12 +113,12 @@ class CallbackManager {
          */
         this.trigger = (...args) => {
             this.callbacks.forEach(opt => {
-                if (typeof opt === 'function') {
+                if (shared.isFunction(opt)) {
                     opt(...args);
                 }
                 else {
                     const { callback, ctx } = opt;
-                    typeof callback === 'function' && callback.call(ctx, ...args);
+                    shared.isFunction(callback) && callback.call(ctx, ...args);
                 }
             });
         };
@@ -142,16 +170,12 @@ function debounce(fn, ms = 250, scope) {
     };
 }
 
-function isFunction(obj) {
-    return typeof obj === 'function';
-}
 const VALID_COLOR_REG = /^#[0-9a-fA-F]{6}$/;
 const isValidColor = (color) => {
     return VALID_COLOR_REG.test(color);
 };
 
 /* eslint-disable prefer-promise-reject-errors */
-const isProd = process.env.NODE_ENV === 'production';
 function shouldBeObject(target) {
     if (target && typeof target === 'object')
         return { flag: true };
@@ -195,6 +219,9 @@ function upperCaseFirstLetter(string) {
     string = string.replace(/^./, match => match.toUpperCase());
     return string;
 }
+const toKebabCase = function (string) {
+    return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+};
 function inlineStyle(style) {
     let res = '';
     for (const attr in style)
@@ -230,7 +257,7 @@ function temporarilyNotSupport(name = '') {
             type: 'method',
             category: 'temporarily',
         });
-        if (isProd) {
+        if (process.env.NODE_ENV === 'production') {
             console.warn(errMsg);
             return handle.success({ errMsg });
         }
@@ -250,7 +277,7 @@ function weixinCorpSupport(name) {
             type: 'method',
             category: 'weixin_corp',
         });
-        if (isProd) {
+        if (process.env.NODE_ENV === 'production') {
             console.warn(errMsg);
             return handle.success({ errMsg });
         }
@@ -270,7 +297,7 @@ function permanentlyNotSupport(name = '') {
             type: 'method',
             category: 'permanently',
         });
-        if (isProd) {
+        if (process.env.NODE_ENV === 'production') {
             console.warn(errMsg);
             return handle.success({ errMsg });
         }
@@ -286,7 +313,7 @@ function processOpenApi({ name, defaultOptions, standardMethod, formatOptions =
         // @ts-ignore
         const targetApi = (_a = window === null || window === void 0 ? void 0 : window.wx) === null || _a === void 0 ? void 0 : _a[name];
         const opts = formatOptions(Object.assign({}, defaultOptions, options));
-        if (typeof targetApi === 'function') {
+        if (shared.isFunction(targetApi)) {
             return new Promise((resolve, reject) => {
                 ['fail', 'success', 'complete'].forEach(k => {
                     opts[k] = preRef => {
@@ -303,7 +330,7 @@ function processOpenApi({ name, defaultOptions, standardMethod, formatOptions =
                 });
             });
         }
-        else if (typeof standardMethod === 'function') {
+        else if (shared.isFunction(standardMethod)) {
             return standardMethod(opts);
         }
         else {
@@ -311,6 +338,30 @@ function processOpenApi({ name, defaultOptions, standardMethod, formatOptions =
         }
     };
 }
+/**
+ * 根据url获取应用的启动页面
+ * @returns
+ */
+function getLaunchPage() {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const appConfig = window.__taroAppConfig || {};
+    // createPageConfig时根据stack的长度来设置stamp以保证页面path的唯一，此函数是在createPageConfig之前调用，预先设置stamp=1
+    const stamp = '?stamp=1';
+    let entryPath = '';
+    if (((_a = appConfig.router) === null || _a === void 0 ? void 0 : _a.mode) === 'browser' || ((_b = appConfig.router) === null || _b === void 0 ? void 0 : _b.mode) === 'multi') {
+        entryPath = location.pathname;
+    }
+    else {
+        entryPath = location.hash.slice(1).split('?')[0];
+    }
+    const routePath = utils.addLeadingSlash(utils.stripBasename(entryPath, (_c = appConfig.router) === null || _c === void 0 ? void 0 : _c.basename));
+    const homePath = utils.addLeadingSlash(utils.getHomePage((_e = (_d = appConfig.routes) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.path, (_f = appConfig.router) === null || _f === void 0 ? void 0 : _f.basename, (_g = appConfig.router) === null || _g === void 0 ? void 0 : _g.customRoutes, appConfig.entryPagePath));
+    // url上没有指定应用的启动页面时使用homePath
+    if (routePath === '/') {
+        return homePath + stamp;
+    }
+    return routePath + stamp;
+}
 
 // 广告
 const createRewardedVideoAd = temporarilyNotSupport('createRewardedVideoAd');
@@ -1466,7 +1517,7 @@ const setClipboardData = ({ data, success, fail, complete }) => __awaiter(void 0
          * iOS < 10 的系统可能无法使用编程方式访问剪贴板，参考：
          * https://stackoverflow.com/questions/34045777/copy-to-clipboard-using-javascript-in-ios/34046084
          */
-        if (typeof document.execCommand === 'function') {
+        if (shared.isFunction(document.execCommand)) {
             const textarea = document.createElement('textarea');
             textarea.readOnly = true;
             textarea.value = data;
@@ -1926,9 +1977,9 @@ const getLocationByW3CApi = (options) => {
                 /** 调用结果,自动补充 */
                 errMsg: ''
             };
-            handle.success(result, resolve);
+            handle.success(result, { resolve, reject });
         }, (error) => {
-            handle.fail({ errMsg: error.message }, reject);
+            handle.fail({ errMsg: error.message }, { resolve, reject });
         }, positionOptions);
     });
 };
@@ -2026,7 +2077,7 @@ const chooseLocation = ({ success, fail, complete, mapOpts } = {}) => {
             console.warn('chooseLocation api 依赖腾讯地图定位api，需要在 defineConstants 中配置 LOCATION_APIKEY');
             return handle.fail({
                 errMsg: 'LOCATION_APIKEY needed'
-            }, reject);
+            }, { resolve, reject });
         }
         const onMessage = event => {
             // 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
@@ -2045,14 +2096,14 @@ const chooseLocation = ({ success, fail, complete, mapOpts } = {}) => {
                 chooser.remove();
             }, 300);
             if (res) {
-                return handle.fail(res, reject);
+                return handle.fail(res, { resolve, reject });
             }
             else {
                 if (chooseLocation.latitude && chooseLocation.longitude) {
-                    return handle.success(chooseLocation, resolve);
+                    return handle.success(chooseLocation, { resolve, reject });
                 }
                 else {
-                    return handle.fail({}, reject);
+                    return handle.fail({}, { resolve, reject });
                 }
             }
         }, key, mapOpts);
@@ -2309,12 +2360,12 @@ const getImageInfo = (options) => {
                 width: image.naturalWidth,
                 height: image.naturalHeight,
                 path: getBase64Image(image) || src
-            }, resolve);
+            }, { resolve, reject });
         };
         image.onerror = (e) => {
             handle.fail({
                 errMsg: e.message
-            }, reject);
+            }, { resolve, reject });
         };
         image.src = src;
     });
@@ -2341,7 +2392,7 @@ const previewImage = (options) => __awaiter(void 0, void 0, void 0, function* ()
             item.appendChild(div);
             // Note: 等待图片加载完后返回，会导致轮播被卡住
             resolve(item);
-            if (typeof loadFail === 'function') {
+            if (shared.isFunction(loadFail)) {
                 image.addEventListener('error', (err) => {
                     loadFail({ errMsg: err.message });
                 });
@@ -2446,7 +2497,7 @@ const chooseImage = function (options) {
             el.removeAttribute('capture');
         }
     }
-    return new Promise(resolve => {
+    return new Promise((resolve, reject) => {
         const TaroMouseEvents = document.createEvent('MouseEvents');
         TaroMouseEvents.initEvent('click', true, true);
         if (el) {
@@ -2465,7 +2516,7 @@ const chooseImage = function (options) {
                         (_a = res.tempFilePaths) === null || _a === void 0 ? void 0 : _a.push(url);
                         (_b = res.tempFiles) === null || _b === void 0 ? void 0 : _b.push({ path: url, size: item.size, type: item.type, originalFileObj: item });
                     });
-                    handle.success(res, resolve);
+                    handle.success(res, { resolve, reject });
                     target.value = '';
                 }
             };
@@ -2533,7 +2584,7 @@ const chooseVideo = (options) => {
     inputEl.setAttribute('accept', 'video/*');
     inputEl.setAttribute('style', 'position: fixed; top: -4000px; left: -3000px; z-index: -300;');
     document.body.appendChild(inputEl);
-    return new Promise(resolve => {
+    return new Promise((resolve, reject) => {
         const TaroMouseEvents = document.createEvent('MouseEvents');
         TaroMouseEvents.initEvent('click', true, true);
         inputEl.dispatchEvent(TaroMouseEvents);
@@ -2554,7 +2605,7 @@ const chooseVideo = (options) => {
                     res.size = event.total;
                     res.height = videoEl.videoHeight;
                     res.width = videoEl.videoHeight;
-                    return handle.success(res, resolve);
+                    return handle.success(res, { resolve, reject });
                 };
             };
             if (file) {
@@ -2835,13 +2886,13 @@ function _request(options) {
             .then(data => {
             res.statusCode = 200;
             res.data = data;
-            typeof success === 'function' && success(res);
-            typeof complete === 'function' && complete(res);
+            shared.isFunction(success) && success(res);
+            shared.isFunction(complete) && complete(res);
             return res;
         })
             .catch(err => {
-            typeof fail === 'function' && fail(err);
-            typeof complete === 'function' && complete(res);
+            shared.isFunction(fail) && fail(err);
+            shared.isFunction(complete) && complete(res);
             return Promise.reject(err);
         });
     }
@@ -2909,13 +2960,13 @@ function _request(options) {
     })
         .then(data => {
         res.data = data;
-        typeof success === 'function' && success(res);
-        typeof complete === 'function' && complete(res);
+        shared.isFunction(success) && success(res);
+        shared.isFunction(complete) && complete(res);
         return res;
     })
         .catch(err => {
-        typeof fail === 'function' && fail(err);
-        typeof complete === 'function' && complete(res);
+        shared.isFunction(fail) && fail(err);
+        shared.isFunction(complete) && complete(res);
         err.statusCode = res.statusCode;
         err.errMsg = err.message;
         return Promise.reject(err);
@@ -3104,14 +3155,14 @@ class SocketTask {
         if (this.readyState !== 1) {
             const res = { errMsg: 'SocketTask.send:fail SocketTask.readState is not OPEN' };
             console.error(res.errMsg);
-            typeof fail === 'function' && fail(res);
-            typeof complete === 'function' && complete(res);
+            shared.isFunction(fail) && fail(res);
+            shared.isFunction(complete) && complete(res);
             return Promise.reject(res);
         }
         this.ws.send(data);
         const res = { errMsg: 'sendSocketMessage:ok' };
-        typeof success === 'function' && success(res);
-        typeof complete === 'function' && complete(res);
+        shared.isFunction(success) && success(res);
+        shared.isFunction(complete) && complete(res);
         return Promise.resolve(res);
     }
     close(opts = {}) {
@@ -3123,8 +3174,8 @@ class SocketTask {
         this._destroyWhenClose && this._destroyWhenClose();
         this.ws.close();
         const res = { errMsg: 'closeSocket:ok' };
-        typeof success === 'function' && success(res);
-        typeof complete === 'function' && complete(res);
+        shared.isFunction(success) && success(res);
+        shared.isFunction(complete) && complete(res);
         return Promise.resolve(res);
     }
     onOpen(func) {
@@ -3182,13 +3233,13 @@ function connectSocket(options) {
                     correct: 'String',
                     wrong: url
                 })
-            }, reject);
+            }, { resolve, reject });
         }
         // options.url must be invalid
         if (!url.startsWith('ws://') && !url.startsWith('wss://')) {
             return handle.fail({
                 errMsg: `request:fail invalid url "${url}"`
-            }, reject);
+            }, { resolve, reject });
         }
         // protocols must be array
         const _protocols = Array.isArray(protocols) ? protocols : null;
@@ -3196,7 +3247,7 @@ function connectSocket(options) {
         if (socketTasks.length > 1) {
             return handle.fail({
                 errMsg: '同时最多发起 2 个 socket 请求，更多请参考文档。'
-            }, reject);
+            }, { resolve, reject });
         }
         const task = new SocketTask(url, _protocols);
         task._destroyWhenClose = function () {
@@ -3926,6 +3977,7 @@ class Modal {
     }
     create(options = {}) {
         return new Promise((resolve) => {
+            var _a, _b;
             // style
             const { maskStyle, modalStyle, titleStyle, textStyle, footStyle, btnStyle } = this.style;
             // configuration
@@ -3990,10 +4042,13 @@ class Modal {
             // show immediately
             document.body.appendChild(this.el);
             setTimeout(() => { this.el.style.opacity = '1'; }, 0);
+            // Current.page不存在时说明路由还未挂载，此时需根据url来分配将要渲染的页面path
+            this.currentPath = (_b = (_a = runtime.Current.page) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : getLaunchPage();
         });
     }
     show(options = {}) {
         return new Promise((resolve) => {
+            var _a, _b;
             const config = Object.assign(Object.assign({}, this.options), options);
             if (this.hideOpacityTimer)
                 clearTimeout(this.hideOpacityTimer);
@@ -4037,6 +4092,8 @@ class Modal {
             // show
             this.el.style.display = 'block';
             setTimeout(() => { this.el.style.opacity = '1'; }, 0);
+            // Current.page不存在时说明路由还未挂载，此时需根据url来分配将要渲染的页面path
+            this.currentPath = (_b = (_a = runtime.Current.page) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : getLaunchPage();
         });
     }
     hide() {
@@ -4044,6 +4101,7 @@ class Modal {
             clearTimeout(this.hideOpacityTimer);
         if (this.hideDisplayTimer)
             clearTimeout(this.hideDisplayTimer);
+        this.currentPath = null;
         this.hideOpacityTimer = setTimeout(() => {
             this.el.style.opacity = '0';
             this.hideDisplayTimer = setTimeout(() => { this.el.style.display = 'none'; }, 200);
@@ -4127,6 +4185,7 @@ class Toast {
         };
     }
     create(options = {}, _type = 'toast') {
+        var _a, _b;
         // style
         const { maskStyle, toastStyle, successStyle, errrorStyle, loadingStyle, imageStyle, textStyle } = this.style;
         // configuration
@@ -4170,9 +4229,12 @@ class Toast {
         this.type = config._type;
         // disappear after duration
         config.duration >= 0 && this.hide(config.duration, this.type);
+        // Current.page不存在时说明路由还未挂载，此时需根据url来分配将要渲染的页面path
+        this.currentPath = (_b = (_a = runtime.Current.page) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : getLaunchPage();
         return '';
     }
     show(options = {}, _type = 'toast') {
+        var _a, _b;
         const config = Object.assign(Object.assign(Object.assign({}, this.options), options), { _type });
         if (this.hideOpacityTimer)
             clearTimeout(this.hideOpacityTimer);
@@ -4204,6 +4266,8 @@ class Toast {
         this.type = config._type;
         // disappear after duration
         config.duration >= 0 && this.hide(config.duration, this.type);
+        // Current.page不存在时说明路由还未挂载，此时需根据url来分配将要渲染的页面path
+        this.currentPath = (_b = (_a = runtime.Current.page) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : getLaunchPage();
         return '';
     }
     hide(duration = 0, type) {
@@ -4213,6 +4277,7 @@ class Toast {
             clearTimeout(this.hideOpacityTimer);
         if (this.hideDisplayTimer)
             clearTimeout(this.hideDisplayTimer);
+        this.currentPath = null;
         this.hideOpacityTimer = setTimeout(() => {
             this.el.style.opacity = '0';
             this.hideDisplayTimer = setTimeout(() => { this.el.style.display = 'none'; }, 100);
@@ -4474,10 +4539,15 @@ const showActionSheet = (options = { itemList: [] }) => __awaiter(void 0, void 0
         return handle.success(({ tapIndex: result }));
     }
 });
-Taro__default["default"].eventCenter.on('__taroRouterChange', () => {
-    hideToast();
-    hideLoading();
-    hideModal();
+Taro__default["default"].eventCenter.on('__afterTaroRouterChange', () => {
+    var _a, _b;
+    if (toast.currentPath && toast.currentPath !== ((_a = runtime.Current.page) === null || _a === void 0 ? void 0 : _a.path)) {
+        hideToast();
+        hideLoading();
+    }
+    if (modal.currentPath && modal.currentPath !== ((_b = runtime.Current.page) === null || _b === void 0 ? void 0 : _b.path)) {
+        hideModal();
+    }
 });
 const enableAlertBeforeUnload = temporarilyNotSupport('enableAlertBeforeUnload');
 const disableAlertBeforeUnload = temporarilyNotSupport('disableAlertBeforeUnload');
@@ -4531,8 +4601,8 @@ const startPullDownRefresh = function ({ success, fail, complete } = {}) {
     const handle = new MethodHandler({ name: 'startPullDownRefresh', success, fail, complete });
     return new Promise((resolve, reject) => {
         Taro__default["default"].eventCenter.trigger('__taroStartPullDownRefresh', {
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4543,8 +4613,8 @@ const stopPullDownRefresh = function ({ success, fail, complete } = {}) {
     const handle = new MethodHandler({ name: 'stopPullDownRefresh', success, fail, complete });
     return new Promise((resolve, reject) => {
         Taro__default["default"].eventCenter.trigger('__taroStopPullDownRefresh', {
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4563,7 +4633,7 @@ const pageScrollTo = ({ scrollTop, selector = '', offsetTop = 0, duration = 300,
             if (scrollTop === undefined && !selector) {
                 return handle.fail({
                     errMsg: 'scrollTop" 或 "selector" 需要其之一'
-                }, reject);
+                }, { resolve, reject });
             }
             const id = (_b = (_a = runtime.Current.page) === null || _a === void 0 ? void 0 : _a.path) === null || _b === void 0 ? void 0 : _b.replace(/([^a-z0-9\u00a0-\uffff_-])/ig, '\\$1');
             const el = (id
@@ -4617,7 +4687,7 @@ const pageScrollTo = ({ scrollTop, selector = '', offsetTop = 0, duration = 300,
                     }, FRAME_DURATION);
                 }
                 else {
-                    return handle.success({}, resolve);
+                    return handle.success({}, { resolve, reject });
                 }
             };
             scroll();
@@ -4625,7 +4695,7 @@ const pageScrollTo = ({ scrollTop, selector = '', offsetTop = 0, duration = 300,
         catch (e) {
             return handle.fail({
                 errMsg: e.message
-            }, reject);
+            }, { resolve, reject });
         }
     });
 };
@@ -4662,8 +4732,8 @@ const showTabBarRedDot = (options) => {
     return new Promise((resolve, reject) => {
         Taro__default["default"].eventCenter.trigger('__taroShowTabBarRedDotHandler', {
             index,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4692,8 +4762,8 @@ const showTabBar = (options = {}) => {
     return new Promise((resolve, reject) => {
         Taro__default["default"].eventCenter.trigger('__taroShowTabBar', {
             animation,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4744,8 +4814,8 @@ const setTabBarStyle = (options = {}) => {
             selectedColor,
             backgroundColor,
             borderStyle,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4777,8 +4847,8 @@ const setTabBarItem = (options) => {
             text,
             iconPath,
             selectedIconPath,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4817,8 +4887,8 @@ const setTabBarBadge = (options) => {
         Taro__default["default"].eventCenter.trigger('__taroSetTabBarBadge', {
             index,
             text,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4847,8 +4917,8 @@ const removeTabBarBadge = (options) => {
     return new Promise((resolve, reject) => {
         Taro__default["default"].eventCenter.trigger('__taroRemoveTabBarBadge', {
             index,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4877,8 +4947,8 @@ const hideTabBarRedDot = (options) => {
     return new Promise((resolve, reject) => {
         Taro__default["default"].eventCenter.trigger('__taroHideTabBarRedDotHandler', {
             index,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4907,8 +4977,8 @@ const hideTabBar = (options = {}) => {
     return new Promise((resolve, reject) => {
         Taro__default["default"].eventCenter.trigger('__taroHideTabBar', {
             animation,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+            successHandler: (res = {}) => handle.success(res, { resolve, reject }),
+            errorHandler: (res = {}) => handle.fail(res, { resolve, reject })
         });
     });
 };
@@ -4946,6 +5016,159 @@ const offWindowResize = callback => {
 // Worker
 const createWorker = temporarilyNotSupport('createWorker');
 
+// pollify
+Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('intersection-observer')); });
+class TaroH5IntersectionObserver {
+    constructor(component, options = {}) {
+        // 选项
+        this._options = {
+            thresholds: [0],
+            initialRatio: 0,
+            observeAll: false
+        };
+        // 监控中的选择器
+        this._listeners = [];
+        // 用来扩展（或收缩）参照节点布局区域的边界
+        this._rootMargin = {};
+        // 是否已初始化
+        this._isInited = false;
+        this._component = component;
+        Object.assign(this._options, options);
+    }
+    // selector 的容器节点
+    get container() {
+        const container = (this._component !== null
+            ? (findDOM(this._component) || document)
+            : document);
+        return container;
+    }
+    createInst() {
+        // 去除原本的实例
+        this.disconnect();
+        const { left = 0, top = 0, bottom = 0, right = 0 } = this._rootMargin;
+        return new IntersectionObserver(entries => {
+            entries.forEach(entry => {
+                const _callback = this._getCallbackByElement(entry.target);
+                const result = {
+                    boundingClientRect: entry.boundingClientRect,
+                    intersectionRatio: entry.intersectionRatio,
+                    intersectionRect: entry.intersectionRect,
+                    relativeRect: entry.rootBounds || { left: 0, right: 0, top: 0, bottom: 0 },
+                    time: entry.time
+                };
+                // web端会默认首次触发
+                if (!this._isInited && this._options.initialRatio <= Math.min.apply(Math, this._options.thresholds)) {
+                    // 初始的相交比例，如果调用时检测到的相交比例与这个值不相等且达到阈值，则会触发一次监听器的回调函数。
+                    return;
+                }
+                _callback && _callback.call(this, result);
+            });
+            this._isInited = true;
+        }, {
+            root: this._root,
+            rootMargin: [`${top}px`, `${right}px`, `${bottom}px`, `${left}px`].join(' '),
+            threshold: this._options.thresholds
+        });
+    }
+    disconnect() {
+        if (this._observerInst) {
+            let listener;
+            while ((listener = this._listeners.pop())) {
+                this._observerInst.unobserve(listener.element);
+            }
+            this._observerInst.disconnect();
+        }
+    }
+    observe(targetSelector, callback) {
+        // 同wx小程序效果一致，每个实例监听一个Selector
+        if (this._listeners.length)
+            return;
+        // 监听前没有设置关联的节点
+        if (!this._observerInst) {
+            console.warn('Intersection observer will be ignored because no relative nodes are found.');
+            return;
+        }
+        const nodeList = this._options.observeAll
+            ? this.container.querySelectorAll(targetSelector)
+            : [this.container.querySelector(targetSelector)];
+        nodeList.forEach(element => {
+            if (!element)
+                return;
+            this._observerInst.observe(element);
+            this._listeners.push({ element, callback });
+        });
+    }
+    relativeTo(selector, margins) {
+        // 已设置observe监听后，重新关联节点
+        if (this._listeners.length) {
+            console.error('Relative nodes cannot be added after "observe" call in IntersectionObserver');
+            return this;
+        }
+        this._root = this.container.querySelector(selector) || null;
+        if (margins) {
+            this._rootMargin = margins;
+        }
+        this._observerInst = this.createInst();
+        return this;
+    }
+    relativeToViewport(margins) {
+        return this.relativeTo('.taro_page', margins);
+    }
+    _getCallbackByElement(element) {
+        const listener = this._listeners.find(listener => listener.element === element);
+        return listener ? listener.callback : null;
+    }
+}
+
+function generateMediaQueryStr(descriptor) {
+    const mediaQueryArr = [];
+    const descriptorMenu = ['width', 'minWidth', 'maxWidth', 'height', 'minHeight', 'maxHeight', 'orientation'];
+    for (const item of descriptorMenu) {
+        if (item !== 'orientation' &&
+            descriptor[item] &&
+            Number(descriptor[item]) >= 0) {
+            mediaQueryArr.push(`(${(toKebabCase(item))}: ${Number(descriptor[item])}px)`);
+        }
+        if (item === 'orientation' && descriptor[item]) {
+            mediaQueryArr.push(`(${toKebabCase(item)}: ${descriptor[item]})`);
+        }
+    }
+    return mediaQueryArr.join(' and ');
+}
+class MediaQueryObserver {
+    // 监听页面媒体查询变化情况
+    observe(descriptor, callback) {
+        if (shared.isFunction(callback)) {
+            // 创建媒体查询对象
+            this._mediaQueryObserver = window.matchMedia(generateMediaQueryStr(descriptor));
+            // 监听器
+            this._listener = (ev) => {
+                callback({ matches: ev.matches });
+            };
+            callback({ matches: this._mediaQueryObserver.matches });
+            // 兼容旧浏览器中 MediaQueryList 尚未继承于 EventTarget 导致不存在 'addEventListener'
+            if ('addEventListener' in this._mediaQueryObserver) {
+                this._mediaQueryObserver.addEventListener('change', this._listener);
+            }
+            else {
+                this._mediaQueryObserver.addListener(this._listener);
+            }
+        }
+    }
+    // 停止监听，销毁媒体查询对象
+    disconnect() {
+        if (this._mediaQueryObserver && this._listener) {
+            // 兼容旧浏览器中 MediaQueryList 尚未继承于 EventTarget 导致不存在 'removeEventListener'
+            if ('removeEventListener' in this._mediaQueryObserver) {
+                this._mediaQueryObserver.removeEventListener('change', this._listener);
+            }
+            else {
+                this._mediaQueryObserver.removeListener(this._listener);
+            }
+        }
+    }
+}
+
 class NodesRef {
     constructor(selector, querySelectorQuery, single) {
         this._component = querySelectorQuery._component;
@@ -5171,9 +5394,9 @@ class SelectorQuery {
             const _queueCb = this._queueCb;
             res.forEach((item, index) => {
                 const cb = _queueCb[index];
-                typeof cb === 'function' && cb.call(this, item);
+                shared.isFunction(cb) && cb.call(this, item);
             });
-            typeof cb === 'function' && cb.call(this, res);
+            shared.isFunction(cb) && cb.call(this, res);
         });
         return this;
     }
@@ -5191,7 +5414,12 @@ class SelectorQuery {
 const createSelectorQuery = () => {
     return new SelectorQuery();
 };
-const createIntersectionObserver = temporarilyNotSupport('createIntersectionObserver');
+const createIntersectionObserver = (component, options) => {
+    return new TaroH5IntersectionObserver(component, options);
+};
+const createMediaQueryObserver = () => {
+    return new MediaQueryObserver();
+};
 
 const { Behavior, getEnv, ENV_TYPE, Link, interceptors, getInitPxTransform, Current, options, eventCenter, Events, preload } = Taro__default["default"];
 const taro = {
@@ -5221,7 +5449,7 @@ const requirePlugin = permanentlyNotSupport('requirePlugin');
 const pxTransform = function (size) {
     const options = taro.config;
     const baseFontSize = options.baseFontSize || 20;
-    const designWidth = ((input = 0) => typeof options.designWidth === 'function'
+    const designWidth = ((input = 0) => shared.isFunction(options.designWidth)
         ? options.designWidth(input)
         : options.designWidth);
     const rootValue = (input = 0) => baseFontSize / options.deviceRatio[designWidth(input)] * 2;
@@ -5332,6 +5560,7 @@ exports.createLivePusherContext = createLivePusherContext;
 exports.createMapContext = createMapContext;
 exports.createMediaAudioPlayer = createMediaAudioPlayer;
 exports.createMediaContainer = createMediaContainer;
+exports.createMediaQueryObserver = createMediaQueryObserver;
 exports.createMediaRecorder = createMediaRecorder;
 exports.createOffscreenCanvas = createOffscreenCanvas;
 exports.createRewardedVideoAd = createRewardedVideoAd;