@tarojs/taro-h5 3.5.0-alpha.9 → 3.5.0-beta.2

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import Taro from '@tarojs/api';
 import { history, navigateBack, navigateTo, reLaunch, redirectTo, getCurrentPages, switchTab } from '@tarojs/router';
 export { getCurrentPages, history, navigateBack, navigateTo, reLaunch, redirectTo, switchTab } from '@tarojs/router';
-import { container, SERVICE_IDENTIFIER, Current as Current$1 } from '@tarojs/runtime';
+import { hooks, Current as Current$1 } from '@tarojs/runtime';
 import { fromByteArray, toByteArray } from 'base64-js';
 import MobileDetect from 'mobile-detect';
 import { stringify } from 'query-string';
@@ -74,12 +74,8 @@ function shouldBeObject(target) {
     };
 }
 function findDOM(inst) {
-    const runtimeHooks = container.get(SERVICE_IDENTIFIER.Hooks);
-    if (inst) {
-        const find = runtimeHooks.getDOMNode;
-        if (typeof find === 'function') {
-            return find(inst);
-        }
+    if (inst && hooks.isExist('getDOMNode')) {
+        return hooks.call('getDOMNode', inst);
     }
     const page = Current$1.page;
     const path = page === null || page === void 0 ? void 0 : page.path;
@@ -231,6 +227,20 @@ const isVKSupport = temporarilyNotSupport('isVKSupport');
 // 视觉算法
 const createVKSession = temporarilyNotSupport('createVKSession');
 
+// AliPay
+const getOpenUserInfo = temporarilyNotSupport('getOpenUserInfo');
+
+// 加密
+const getUserCryptoManager = temporarilyNotSupport('getUserCryptoManager');
+
+const setEnableDebug = temporarilyNotSupport('setEnableDebug');
+const getRealtimeLogManager = temporarilyNotSupport('getRealtimeLogManager');
+const getLogManager = temporarilyNotSupport('getLogManager');
+
+// 性能
+const reportPerformance = temporarilyNotSupport('reportPerformance');
+const getPerformance = temporarilyNotSupport('getPerformance');
+
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -736,10 +746,6 @@ const getSystemInfo = (options = {}) => __awaiter(void 0, void 0, void 0, functi
 const updateWeChatApp = temporarilyNotSupport('updateWeChatApp');
 const getUpdateManager = temporarilyNotSupport('getUpdateManager');
 
-// 生命周期
-const getLaunchOptionsSync = temporarilyNotSupport('getLaunchOptionsSync');
-const getEnterOptionsSync = temporarilyNotSupport('getEnterOptionsSync');
-
 // 应用级事件
 const onUnhandledRejection = temporarilyNotSupport('onUnhandledRejection');
 const onThemeChange = temporarilyNotSupport('onThemeChange');
@@ -758,16 +764,9 @@ const offAudioInterruptionBegin = temporarilyNotSupport('offAudioInterruptionBeg
 const offAppShow = temporarilyNotSupport('offAppShow');
 const offAppHide = temporarilyNotSupport('offAppHide');
 
-const setEnableDebug = temporarilyNotSupport('setEnableDebug');
-const getRealtimeLogManager = temporarilyNotSupport('getRealtimeLogManager');
-const getLogManager = temporarilyNotSupport('getLogManager');
-
-// 性能
-const reportPerformance = temporarilyNotSupport('reportPerformance');
-const getPerformance = temporarilyNotSupport('getPerformance');
-
-// 加密
-const getUserCryptoManager = temporarilyNotSupport('getUserCryptoManager');
+// 生命周期
+const getLaunchOptionsSync = temporarilyNotSupport('getLaunchOptionsSync');
+const getEnterOptionsSync = temporarilyNotSupport('getEnterOptionsSync');
 
 // TODO env 环境变量
 const canIUse = temporarilyNotSupport('canIUse');
@@ -2221,6 +2220,51 @@ const getBackgroundAudioManager = () => new BackgroundAudioManager();
 // 相机
 const createCameraContext = temporarilyNotSupport('createCameraContext');
 
+/**
+ * 获取图片信息。网络图片需先配置download域名才能生效。
+ */
+const getImageInfo = (options) => {
+    // options must be an Object
+    const isObject = shouldBeObject(options);
+    if (!isObject.flag) {
+        const res = { errMsg: `getImageInfo:fail ${isObject.msg}` };
+        console.error(res.errMsg);
+        return Promise.reject(res);
+    }
+    const getBase64Image = (image) => {
+        try {
+            const canvas = document.createElement('canvas');
+            canvas.width = image.width;
+            canvas.height = image.height;
+            const ctx = canvas.getContext('2d');
+            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(image, 0, 0, image.width, image.height);
+            return canvas.toDataURL('image/png');
+        }
+        catch (e) {
+            console.error('getImageInfo:get base64 fail', e);
+        }
+    };
+    const { src, success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'getImageInfo', success, fail, complete });
+    return new Promise((resolve, reject) => {
+        const image = new Image();
+        image.crossOrigin = '';
+        image.onload = () => {
+            handle.success({
+                width: image.naturalWidth,
+                height: image.naturalHeight,
+                path: getBase64Image(image) || src
+            }, resolve);
+        };
+        image.onerror = (e) => {
+            handle.fail({
+                errMsg: e.message
+            }, reject);
+        };
+        image.src = src;
+    });
+};
+
 /**
  * previewImage api基于开源的React组件[react-wx-images-viewer](https://github.com/react-ld/react-wx-images-viewer)开发，感谢！
  */
@@ -2287,51 +2331,6 @@ const previewImage = (options) => __awaiter(void 0, void 0, void 0, function* ()
     return handle.success();
 });
 
-/**
- * 获取图片信息。网络图片需先配置download域名才能生效。
- */
-const getImageInfo = (options) => {
-    // options must be an Object
-    const isObject = shouldBeObject(options);
-    if (!isObject.flag) {
-        const res = { errMsg: `getImageInfo:fail ${isObject.msg}` };
-        console.error(res.errMsg);
-        return Promise.reject(res);
-    }
-    const getBase64Image = (image) => {
-        try {
-            const canvas = document.createElement('canvas');
-            canvas.width = image.width;
-            canvas.height = image.height;
-            const ctx = canvas.getContext('2d');
-            ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(image, 0, 0, image.width, image.height);
-            return canvas.toDataURL('image/png');
-        }
-        catch (e) {
-            console.error('getImageInfo:get base64 fail', e);
-        }
-    };
-    const { src, success, fail, complete } = options;
-    const handle = new MethodHandler({ name: 'getImageInfo', success, fail, complete });
-    return new Promise((resolve, reject) => {
-        const image = new Image();
-        image.crossOrigin = '';
-        image.onload = () => {
-            handle.success({
-                width: image.naturalWidth,
-                height: image.naturalHeight,
-                path: getBase64Image(image) || src
-            }, resolve);
-        };
-        image.onerror = (e) => {
-            handle.fail({
-                errMsg: e.message
-            }, reject);
-        };
-        image.src = src;
-    });
-};
-
 /**
  * 从本地相册选择图片或使用相机拍照。
  */
@@ -2591,6 +2590,7 @@ const convertObjectUrlToBlob = url => {
         const xhr = new XMLHttpRequest();
         xhr.open('GET', url, true);
         xhr.responseType = 'blob';
+        xhr.withCredentials = true;
         xhr.onload = function () {
             if (this.status === 200) {
                 resolve(this.response);
@@ -2613,6 +2613,7 @@ const createDownloadTask = ({ url, header, success, error }) => {
         progressUpdate: new CallbackManager()
     };
     xhr.open('GET', url, true);
+    xhr.withCredentials = true;
     xhr.responseType = 'blob';
     setHeader(xhr, header);
     xhr.onprogress = e => {
@@ -2882,6 +2883,7 @@ const createUploadTask = ({ url, filePath, formData = {}, name, header, timeout,
         progressUpdate: new CallbackManager()
     };
     xhr.open('POST', url);
+    xhr.withCredentials = true;
     setHeader(xhr, header);
     for (formKey in formData) {
         form.append(formKey, formData[formKey]);
@@ -2891,7 +2893,7 @@ const createUploadTask = ({ url, filePath, formData = {}, name, header, timeout,
         callbackManager.progressUpdate.trigger({
             progress: Math.round(loaded / total * 100),
             totalBytesSent: loaded,
-            totalBytesExpectedToSent: total
+            totalBytesExpectedToSend: total
         });
     };
     xhr.onreadystatechange = () => {
@@ -3240,6 +3242,32 @@ const hideShareMenu = temporarilyNotSupport('hideShareMenu');
 const getShareInfo = temporarilyNotSupport('getShareInfo');
 const authPrivateMessage = temporarilyNotSupport('authPrivateMessage');
 
+const setPageInfo = temporarilyNotSupport('setPageInfo');
+// 百度小程序 AI 相关
+const ocrIdCard = temporarilyNotSupport('ocrIdCard');
+const ocrBankCard = temporarilyNotSupport('ocrBankCard');
+const ocrDrivingLicense = temporarilyNotSupport('ocrDrivingLicense');
+const ocrVehicleLicense = temporarilyNotSupport('ocrVehicleLicense');
+const textReview = temporarilyNotSupport('textReview');
+const textToAudio = temporarilyNotSupport('textToAudio');
+const imageAudit = temporarilyNotSupport('imageAudit');
+const advancedGeneralIdentify = temporarilyNotSupport('advancedGeneralIdentify');
+const objectDetectIdentify = temporarilyNotSupport('objectDetectIdentify');
+const carClassify = temporarilyNotSupport('carClassify');
+const dishClassify = temporarilyNotSupport('dishClassify');
+const logoClassify = temporarilyNotSupport('logoClassify');
+const animalClassify = temporarilyNotSupport('animalClassify');
+const plantClassify = temporarilyNotSupport('plantClassify');
+// 用户信息
+const getSwanId = temporarilyNotSupport('getSwanId');
+// 百度收银台支付
+const requestPolymerPayment = temporarilyNotSupport('requestPolymerPayment');
+// 打开小程序
+const navigateToSmartGameProgram = temporarilyNotSupport('navigateToSmartGameProgram');
+const navigateToSmartProgram = temporarilyNotSupport('navigateToSmartProgram');
+const navigateBackSmartProgram = temporarilyNotSupport('navigateBackSmartProgram');
+const preloadSubPackage = temporarilyNotSupport('preloadSubPackage');
+
 /**
  * H5 下的 styleSheet 操作
  * @author leeenx
@@ -3587,468 +3615,370 @@ const loadFontFace = (options) => __awaiter(void 0, void 0, void 0, function* ()
     }
 });
 
-// 菜单
-const getMenuButtonBoundingClientRect = temporarilyNotSupport('getMenuButtonBoundingClientRect');
-
-// 导航栏
-const showNavigationBarLoading = temporarilyNotSupport('showNavigationBarLoading');
-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: 'setNavigationBarTitle', 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;
+const noop = function () { };
+class ActionSheet {
+    constructor() {
+        this.options = {
+            itemList: [],
+            itemColor: '#000000',
+            success: noop,
+            fail: noop,
+            complete: noop
+        };
+        this.style = {
+            maskStyle: {
+                position: 'fixed',
+                'z-index': '1000',
+                top: '0',
+                right: '0',
+                left: '0',
+                bottom: '0',
+                background: 'rgba(0,0,0,0.6)'
+            },
+            actionSheetStyle: {
+                'z-index': '4999',
+                position: 'fixed',
+                left: '0',
+                bottom: '0',
+                '-webkit-transform': 'translate(0, 100%)',
+                transform: 'translate(0, 100%)',
+                width: '100%',
+                'line-height': '1.6',
+                background: '#EFEFF4',
+                '-webkit-transition': '-webkit-transform .3s',
+                transition: 'transform .3s'
+            },
+            menuStyle: {
+                'background-color': '#FCFCFD'
+            },
+            cellStyle: {
+                position: 'relative',
+                padding: '10px 0',
+                'text-align': 'center',
+                'font-size': '18px'
+            },
+            cancelStyle: {
+                'margin-top': '6px',
+                padding: '10px 0',
+                'text-align': 'center',
+                'font-size': '18px',
+                color: '#000000',
+                'background-color': '#FCFCFD'
+            }
+        };
+        this.lastConfig = {};
     }
-    return handle.success();
-}
-/**
- * 设置页面导航条颜色
- */
-const 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();
-};
-const hideNavigationBarLoading = temporarilyNotSupport('hideNavigationBarLoading');
-const hideHomeButton = temporarilyNotSupport('hideHomeButton');
-
-/**
- * 开始下拉刷新。调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
- */
-const 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),
-            errorHandler: (res = {}) => handle.fail(res, reject)
-        });
-    });
-};
-/**
- * 停止当前页面下拉刷新。
- */
-const 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),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+    create(options = {}) {
+        return new Promise((resolve) => {
+            // style
+            const { maskStyle, actionSheetStyle, menuStyle, cellStyle, cancelStyle } = this.style;
+            // configuration
+            const config = Object.assign(Object.assign({}, this.options), options);
+            this.lastConfig = config;
+            // wrapper
+            this.el = document.createElement('div');
+            this.el.className = 'taro__actionSheet';
+            this.el.style.opacity = '0';
+            this.el.style.transition = 'opacity 0.2s linear';
+            // mask
+            const mask = document.createElement('div');
+            mask.setAttribute('style', inlineStyle(maskStyle));
+            // actionSheet
+            this.actionSheet = document.createElement('div');
+            this.actionSheet.setAttribute('style', inlineStyle(actionSheetStyle));
+            // menu
+            this.menu = document.createElement('div');
+            this.menu.setAttribute('style', inlineStyle(Object.assign(Object.assign({}, menuStyle), { color: config.itemColor })));
+            // cells
+            this.cells = config.itemList.map((item, index) => {
+                const cell = document.createElement('div');
+                cell.className = 'taro-actionsheet__cell';
+                cell.setAttribute('style', inlineStyle(cellStyle));
+                cell.textContent = item;
+                cell.dataset.tapIndex = `${index}`;
+                cell.onclick = e => {
+                    this.hide();
+                    const target = e.currentTarget;
+                    const index = Number(target === null || target === void 0 ? void 0 : target.dataset.tapIndex) || 0;
+                    resolve(index);
+                };
+                return cell;
+            });
+            // cancel
+            this.cancel = document.createElement('div');
+            this.cancel.setAttribute('style', inlineStyle(cancelStyle));
+            this.cancel.textContent = '取消';
+            // result
+            this.cells.forEach(item => this.menu.appendChild(item));
+            this.actionSheet.appendChild(this.menu);
+            this.actionSheet.appendChild(this.cancel);
+            this.el.appendChild(mask);
+            this.el.appendChild(this.actionSheet);
+            // callbacks
+            const cb = () => {
+                this.hide();
+                resolve('cancel');
+            };
+            mask.onclick = cb;
+            this.cancel.onclick = cb;
+            // show immediately
+            document.body.appendChild(this.el);
+            setTimeout(() => {
+                this.el.style.opacity = '1';
+                setTransform(this.actionSheet, 'translate(0, 0)');
+            }, 0);
         });
-    });
-};
-
-let timer;
-const FRAME_DURATION = 17;
-/**
- * 将页面滚动到目标位置
- */
-const pageScrollTo = ({ scrollTop, selector = '', duration = 300, success, fail, complete }) => {
-    let scrollFunc;
-    const handle = new MethodHandler({ name: 'pageScrollTo', success, fail, complete });
-    return new Promise((resolve, reject) => {
-        var _a, _b;
-        try {
-            if (scrollTop === undefined && !selector) {
-                return handle.fail({
-                    errMsg: 'scrollTop" 或 "selector" 需要其之一'
-                }, reject);
-            }
-            const id = (_b = (_a = Current$1.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
-                ? document.querySelector(`.taro_page#${id}`)
-                : document.querySelector('.taro_page') ||
-                    document.querySelector('.taro_router'));
-            if (!scrollFunc) {
-                if (!el) {
-                    scrollFunc = pos => {
-                        if (pos === undefined) {
-                            return window.pageYOffset;
-                        }
-                        else {
-                            window.scrollTo(0, pos);
-                        }
-                    };
+    }
+    show(options = {}) {
+        return new Promise((resolve) => {
+            const config = Object.assign(Object.assign({}, this.options), options);
+            this.lastConfig = config;
+            if (this.hideOpacityTimer)
+                clearTimeout(this.hideOpacityTimer);
+            if (this.hideDisplayTimer)
+                clearTimeout(this.hideDisplayTimer);
+            // itemColor
+            if (config.itemColor)
+                this.menu.style.color = config.itemColor;
+            // cells
+            const { cellStyle } = this.style;
+            config.itemList.forEach((item, index) => {
+                let cell;
+                if (this.cells[index]) {
+                    // assign new content
+                    cell = this.cells[index];
                 }
                 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;
-            if (typeof scrollTop === 'number') {
-                to = scrollTop;
-            }
-            else {
-                const el = document.querySelector(selector);
-                to = (el === null || el === void 0 ? void 0 : 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);
+                    // create new cell
+                    cell = document.createElement('div');
+                    cell.className = 'taro-actionsheet__cell';
+                    cell.setAttribute('style', inlineStyle(cellStyle));
+                    cell.dataset.tapIndex = `${index}`;
+                    this.cells.push(cell);
+                    this.menu.appendChild(cell);
                 }
-                else {
-                    return handle.success({}, resolve);
+                cell.textContent = item;
+                cell.onclick = e => {
+                    this.hide();
+                    const target = e.currentTarget;
+                    const index = Number(target === null || target === void 0 ? void 0 : target.dataset.tapIndex) || 0;
+                    resolve(index);
+                };
+            });
+            const cellsLen = this.cells.length;
+            const itemListLen = config.itemList.length;
+            if (cellsLen > itemListLen) {
+                for (let i = itemListLen; i < cellsLen; i++) {
+                    this.menu.removeChild(this.cells[i]);
                 }
-            };
-            scroll();
-        }
-        catch (e) {
-            return handle.fail({
-                errMsg: e.message
-            }, reject);
-        }
-    });
-};
-
-// 置顶
-const setTopBarText = temporarilyNotSupport('setTopBarText');
-
-let tabConf;
-function initTabBarApis(config = {}) {
-    tabConf = config.tabBar;
-}
-/**
- * 显示 tabBar 某一项的右上角的红点
- */
-const 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
-            })
+                this.cells.splice(itemListLen);
+            }
+            // show
+            this.el.style.display = 'block';
+            setTimeout(() => {
+                this.el.style.opacity = '1';
+                setTransform(this.actionSheet, 'translate(0, 0)');
+            }, 0);
         });
     }
-    return new Promise((resolve, reject) => {
-        Taro.eventCenter.trigger('__taroShowTabBarRedDotHandler', {
-            index,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
-        });
-    });
-};
-/**
- * 显示 tabBar
- */
-const 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);
+    hide() {
+        if (this.hideOpacityTimer)
+            clearTimeout(this.hideOpacityTimer);
+        if (this.hideDisplayTimer)
+            clearTimeout(this.hideDisplayTimer);
+        this.hideOpacityTimer = setTimeout(() => {
+            this.el.style.opacity = '0';
+            setTransform(this.actionSheet, 'translate(0, 100%)');
+            this.hideDisplayTimer = setTimeout(() => { this.el.style.display = 'none'; }, 200);
+        }, 0);
     }
-    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),
-            errorHandler: (res = {}) => handle.fail(res, reject)
-        });
-    });
-};
-/**
- * 动态设置 tabBar 的整体样式
- */
-const 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 = {};
-    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),
-            errorHandler: (res = {}) => handle.fail(res, reject)
-        });
-    });
-};
-/**
- * 动态设置 tabBar 某一项的内容
- */
-const 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),
-            errorHandler: (res = {}) => handle.fail(res, reject)
-        });
-    });
-};
-/**
- * 为 tabBar 某一项的右上角添加文本
- */
-const 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),
-            errorHandler: (res = {}) => handle.fail(res, reject)
-        });
-    });
-};
-/**
- * 移除 tabBar 某一项右上角的文本
- */
-const 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),
-            errorHandler: (res = {}) => handle.fail(res, reject)
-        });
-    });
-};
-/**
- * 隐藏 tabBar 某一项的右上角的红点
- */
-const 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),
-            errorHandler: (res = {}) => handle.fail(res, reject)
-        });
-    });
-};
-/**
- * 隐藏 tabBar
- */
-const 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);
+}
+
+class Modal {
+    constructor() {
+        this.options = {
+            title: '',
+            content: '',
+            showCancel: true,
+            cancelText: '取消',
+            cancelColor: '#000000',
+            confirmText: '确定',
+            confirmColor: '#3CC51F'
+        };
+        this.style = {
+            maskStyle: {
+                position: 'fixed',
+                'z-index': '1000',
+                top: '0',
+                right: '0',
+                left: '0',
+                bottom: '0',
+                background: 'rgba(0,0,0,0.6)'
+            },
+            modalStyle: {
+                'z-index': '4999',
+                position: 'fixed',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                width: '80%',
+                'max-width': '300px',
+                'border-radius': '3px',
+                'text-align': 'center',
+                'line-height': '1.6',
+                overflow: 'hidden',
+                background: '#FFFFFF'
+            },
+            titleStyle: {
+                padding: '20px 24px 9px',
+                'font-size': '18px'
+            },
+            textStyle: {
+                padding: '0 24px 12px',
+                'min-height': '40px',
+                'font-size': '15px',
+                'line-height': '1.3',
+                color: '#808080'
+            },
+            footStyle: {
+                position: 'relative',
+                'line-height': '48px',
+                'font-size': '18px',
+                display: 'flex'
+            },
+            btnStyle: {
+                position: 'relative',
+                '-webkit-box-flex': '1',
+                '-webkit-flex': '1',
+                flex: '1'
+            }
+        };
     }
-    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
-            })
+    create(options = {}) {
+        return new Promise((resolve) => {
+            // style
+            const { maskStyle, modalStyle, titleStyle, textStyle, footStyle, btnStyle } = this.style;
+            // configuration
+            const config = Object.assign(Object.assign({}, this.options), options);
+            // wrapper
+            this.el = document.createElement('div');
+            this.el.className = 'taro__modal';
+            this.el.style.opacity = '0';
+            this.el.style.transition = 'opacity 0.2s linear';
+            // mask
+            const mask = document.createElement('div');
+            mask.className = 'taro-modal__mask';
+            mask.setAttribute('style', inlineStyle(maskStyle));
+            // modal
+            const modal = document.createElement('div');
+            modal.className = 'taro-modal__content';
+            modal.setAttribute('style', inlineStyle(modalStyle));
+            // title
+            const titleCSS = config.title ? titleStyle : Object.assign(Object.assign({}, titleStyle), { display: 'none' });
+            this.title = document.createElement('div');
+            this.title.className = 'taro-modal__title';
+            this.title.setAttribute('style', inlineStyle(titleCSS));
+            this.title.textContent = config.title;
+            // text
+            const textCSS = config.title ? textStyle : Object.assign(Object.assign({}, textStyle), { padding: '40px 20px 26px', color: '#353535' });
+            this.text = document.createElement('div');
+            this.text.className = 'taro-modal__text';
+            this.text.setAttribute('style', inlineStyle(textCSS));
+            this.text.textContent = config.content;
+            // foot
+            const foot = document.createElement('div');
+            foot.className = 'taro-modal__foot';
+            foot.setAttribute('style', inlineStyle(footStyle));
+            // cancel button
+            const cancelCSS = Object.assign(Object.assign({}, btnStyle), { color: config.cancelColor, display: config.showCancel ? 'block' : 'none' });
+            this.cancel = document.createElement('div');
+            this.cancel.className = 'taro-model__btn taro-model__cancel';
+            this.cancel.setAttribute('style', inlineStyle(cancelCSS));
+            this.cancel.textContent = config.cancelText;
+            this.cancel.onclick = () => {
+                this.hide();
+                resolve('cancel');
+            };
+            // confirm button
+            this.confirm = document.createElement('div');
+            this.confirm.className = 'taro-model__btn taro-model__confirm';
+            this.confirm.setAttribute('style', inlineStyle(btnStyle));
+            this.confirm.style.color = config.confirmColor;
+            this.confirm.textContent = config.confirmText;
+            this.confirm.onclick = () => {
+                this.hide();
+                resolve('confirm');
+            };
+            // result
+            foot.appendChild(this.cancel);
+            foot.appendChild(this.confirm);
+            modal.appendChild(this.title);
+            modal.appendChild(this.text);
+            modal.appendChild(foot);
+            this.el.appendChild(mask);
+            this.el.appendChild(modal);
+            // show immediately
+            document.body.appendChild(this.el);
+            setTimeout(() => { this.el.style.opacity = '1'; }, 0);
         });
     }
-    return new Promise((resolve, reject) => {
-        Taro.eventCenter.trigger('__taroHideTabBar', {
-            animation,
-            successHandler: (res = {}) => handle.success(res, resolve),
-            errorHandler: (res = {}) => handle.fail(res, reject)
+    show(options = {}) {
+        return new Promise((resolve) => {
+            const config = Object.assign(Object.assign({}, this.options), options);
+            if (this.hideOpacityTimer)
+                clearTimeout(this.hideOpacityTimer);
+            if (this.hideDisplayTimer)
+                clearTimeout(this.hideDisplayTimer);
+            // title & text
+            const { textStyle } = this.style;
+            if (config.title) {
+                this.title.textContent = config.title;
+                // none => block
+                this.title.style.display = 'block';
+                this.text.setAttribute('style', inlineStyle(textStyle));
+            }
+            else {
+                // block => none
+                this.title.style.display = 'none';
+                const textCSS = Object.assign(Object.assign({}, textStyle), { padding: '40px 20px 26px', color: '#353535' });
+                this.text.setAttribute('style', inlineStyle(textCSS));
+            }
+            this.text.textContent = config.content || '';
+            // showCancel
+            this.cancel.style.display = config.showCancel ? 'block' : 'none';
+            // cancelText
+            this.cancel.textContent = config.cancelText || '';
+            // cancelColor
+            this.cancel.style.color = config.cancelColor || '';
+            // confirmText
+            this.confirm.textContent = config.confirmText || '';
+            // confirmColor
+            this.confirm.style.color = config.confirmColor || '';
+            // cbs
+            this.cancel.onclick = () => {
+                this.hide();
+                resolve('cancel');
+            };
+            this.confirm.onclick = () => {
+                this.hide();
+                resolve('confirm');
+            };
+            // show
+            this.el.style.display = 'block';
+            setTimeout(() => { this.el.style.opacity = '1'; }, 0);
         });
-    });
-};
-
-const callbackManager = new CallbackManager();
-const resizeListener = () => {
-    callbackManager.trigger({
-        windowWidth: window.screen.width,
-        windowHeight: window.screen.height
-    });
-};
-/**
- * 设置窗口大小，该接口仅适用于 PC 平台，使用细则请参见指南
- */
-const setWindowSize = temporarilyNotSupport('setWindowSize');
-/**
- * 监听窗口尺寸变化事件
- */
-const onWindowResize = callback => {
-    callbackManager.add(callback);
-    if (callbackManager.count() === 1) {
-        window.addEventListener('resize', resizeListener);
     }
-};
-/**
- * 取消监听窗口尺寸变化事件
- */
-const offWindowResize = callback => {
-    callbackManager.remove(callback);
-    if (callbackManager.count() === 0) {
-        window.removeEventListener('resize', resizeListener);
+    hide() {
+        if (this.hideOpacityTimer)
+            clearTimeout(this.hideOpacityTimer);
+        if (this.hideDisplayTimer)
+            clearTimeout(this.hideDisplayTimer);
+        this.hideOpacityTimer = setTimeout(() => {
+            this.el.style.opacity = '0';
+            this.hideDisplayTimer = setTimeout(() => { this.el.style.display = 'none'; }, 200);
+        }, 0);
     }
-};
+}
 
 class Toast {
     constructor() {
@@ -4219,632 +4149,730 @@ class Toast {
     }
 }
 
-class Modal {
-    constructor() {
-        this.options = {
-            title: '',
-            content: '',
-            showCancel: true,
-            cancelText: '取消',
-            cancelColor: '#000000',
-            confirmText: '确定',
-            confirmColor: '#3CC51F'
-        };
-        this.style = {
-            maskStyle: {
-                position: 'fixed',
-                'z-index': '1000',
-                top: '0',
-                right: '0',
-                left: '0',
-                bottom: '0',
-                background: 'rgba(0,0,0,0.6)'
-            },
-            modalStyle: {
-                'z-index': '4999',
-                position: 'fixed',
-                top: '50%',
-                left: '50%',
-                transform: 'translate(-50%, -50%)',
-                width: '80%',
-                'max-width': '300px',
-                'border-radius': '3px',
-                'text-align': 'center',
-                'line-height': '1.6',
-                overflow: 'hidden',
-                background: '#FFFFFF'
-            },
-            titleStyle: {
-                padding: '20px 24px 9px',
-                'font-size': '18px'
-            },
-            textStyle: {
-                padding: '0 24px 12px',
-                'min-height': '40px',
-                'font-size': '15px',
-                'line-height': '1.3',
-                color: '#808080'
-            },
-            footStyle: {
-                position: 'relative',
-                'line-height': '48px',
-                'font-size': '18px',
-                display: 'flex'
-            },
-            btnStyle: {
-                position: 'relative',
-                '-webkit-box-flex': '1',
-                '-webkit-flex': '1',
-                flex: '1'
-            }
-        };
+// 交互
+let status = 'default';
+// inject necessary style
+function init(doc) {
+    if (status === 'ready')
+        return;
+    const taroStyle = doc.createElement('style');
+    taroStyle.textContent = '@font-face{font-weight:normal;font-style:normal;font-family:"taro";src:url("data:application/x-font-ttf;charset=utf-8;base64, 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") format("truetype");}@-webkit-keyframes taroLoading{0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);}100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg);}}@keyframes taroLoading{0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);}100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg);}}.taro-modal__foot:after {content: "";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);} .taro-model__btn:active {background-color: #EEEEEE}.taro-model__btn:not(:first-child):after {content: "";position: absolute;left: 0;top: 0;width: 1px;bottom: 0;border-left: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(0.5);transform: scaleX(0.5);}.taro-actionsheet__cell:not(:first-child):after {content: "";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #e5e5e5;color: #e5e5e5;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}';
+    doc.querySelector('head').appendChild(taroStyle);
+    status = 'ready';
+}
+const toast = new Toast();
+const modal = new Modal();
+const actionSheet = new ActionSheet();
+const showToast = (options = { title: '' }) => {
+    init(document);
+    options = Object.assign({
+        title: '',
+        icon: 'success',
+        image: '',
+        duration: 1500,
+        mask: false
+    }, options);
+    const { success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'showToast', success, fail, complete });
+    if (typeof options.title !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'title',
+                correct: 'String',
+                wrong: options.title
+            })
+        });
     }
-    create(options = {}) {
-        return new Promise((resolve) => {
-            // style
-            const { maskStyle, modalStyle, titleStyle, textStyle, footStyle, btnStyle } = this.style;
-            // configuration
-            const config = Object.assign(Object.assign({}, this.options), options);
-            // wrapper
-            this.el = document.createElement('div');
-            this.el.className = 'taro__modal';
-            this.el.style.opacity = '0';
-            this.el.style.transition = 'opacity 0.2s linear';
-            // mask
-            const mask = document.createElement('div');
-            mask.className = 'taro-modal__mask';
-            mask.setAttribute('style', inlineStyle(maskStyle));
-            // modal
-            const modal = document.createElement('div');
-            modal.className = 'taro-modal__content';
-            modal.setAttribute('style', inlineStyle(modalStyle));
-            // title
-            const titleCSS = config.title ? titleStyle : Object.assign(Object.assign({}, titleStyle), { display: 'none' });
-            this.title = document.createElement('div');
-            this.title.className = 'taro-modal__title';
-            this.title.setAttribute('style', inlineStyle(titleCSS));
-            this.title.textContent = config.title;
-            // text
-            const textCSS = config.title ? textStyle : Object.assign(Object.assign({}, textStyle), { padding: '40px 20px 26px', color: '#353535' });
-            this.text = document.createElement('div');
-            this.text.className = 'taro-modal__text';
-            this.text.setAttribute('style', inlineStyle(textCSS));
-            this.text.textContent = config.content;
-            // foot
-            const foot = document.createElement('div');
-            foot.className = 'taro-modal__foot';
-            foot.setAttribute('style', inlineStyle(footStyle));
-            // cancel button
-            const cancelCSS = Object.assign(Object.assign({}, btnStyle), { color: config.cancelColor, display: config.showCancel ? 'block' : 'none' });
-            this.cancel = document.createElement('div');
-            this.cancel.className = 'taro-model__btn taro-model__cancel';
-            this.cancel.setAttribute('style', inlineStyle(cancelCSS));
-            this.cancel.textContent = config.cancelText;
-            this.cancel.onclick = () => {
-                this.hide();
-                resolve('cancel');
-            };
-            // confirm button
-            this.confirm = document.createElement('div');
-            this.confirm.className = 'taro-model__btn taro-model__confirm';
-            this.confirm.setAttribute('style', inlineStyle(btnStyle));
-            this.confirm.style.color = config.confirmColor;
-            this.confirm.textContent = config.confirmText;
-            this.confirm.onclick = () => {
-                this.hide();
-                resolve('confirm');
-            };
-            // result
-            foot.appendChild(this.cancel);
-            foot.appendChild(this.confirm);
-            modal.appendChild(this.title);
-            modal.appendChild(this.text);
-            modal.appendChild(foot);
-            this.el.appendChild(mask);
-            this.el.appendChild(modal);
-            // show immediately
-            document.body.appendChild(this.el);
-            setTimeout(() => { this.el.style.opacity = '1'; }, 0);
+    if (typeof options.duration !== 'number') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'duration',
+                correct: 'Number',
+                wrong: options.duration
+            })
+        });
+    }
+    if (options.image && typeof options.image !== 'string')
+        options.image = '';
+    options.mask = !!options.mask;
+    let errMsg = '';
+    if (!toast.el) {
+        errMsg = toast.create(options, 'toast');
+    }
+    else {
+        errMsg = toast.show(options, 'toast');
+    }
+    return handle.success({ errMsg });
+};
+const hideToast = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'hideToast', success, fail, complete });
+    if (!toast.el)
+        return handle.success();
+    toast.hide(0, 'toast');
+    return handle.success();
+};
+const showLoading = (options = { title: '' }) => {
+    init(document);
+    options = Object.assign({
+        title: '',
+        mask: false
+    }, options);
+    const { success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'showLoading', success, fail, complete });
+    const config = {
+        icon: 'loading',
+        image: '',
+        duration: -1
+    };
+    options = Object.assign({}, options, config);
+    if (typeof options.title !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'title',
+                correct: 'String',
+                wrong: options.title
+            })
+        });
+    }
+    options.mask = !!options.mask;
+    let errMsg = '';
+    if (!toast.el) {
+        errMsg = toast.create(options, 'loading');
+    }
+    else {
+        errMsg = toast.show(options, 'loading');
+    }
+    return handle.success({ errMsg });
+};
+const hideLoading = ({ success, fail, complete } = {}) => {
+    const handle = new MethodHandler({ name: 'hideLoading', success, fail, complete });
+    if (!toast.el)
+        return handle.success();
+    toast.hide(0, 'loading');
+    return handle.success();
+};
+const showModal = (options = {}) => __awaiter(void 0, void 0, void 0, function* () {
+    init(document);
+    options = Object.assign({
+        title: '',
+        content: '',
+        showCancel: true,
+        cancelText: '取消',
+        cancelColor: '#000000',
+        confirmText: '确定',
+        confirmColor: '#3CC51F'
+    }, options);
+    const { success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'showModal', success, fail, complete });
+    if (typeof options.title !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'title',
+                correct: 'String',
+                wrong: options.title
+            })
         });
     }
-    show(options = {}) {
-        return new Promise((resolve) => {
-            const config = Object.assign(Object.assign({}, this.options), options);
-            if (this.hideOpacityTimer)
-                clearTimeout(this.hideOpacityTimer);
-            if (this.hideDisplayTimer)
-                clearTimeout(this.hideDisplayTimer);
-            // title & text
-            const { textStyle } = this.style;
-            if (config.title) {
-                this.title.textContent = config.title;
-                // none => block
-                this.title.style.display = 'block';
-                this.text.setAttribute('style', inlineStyle(textStyle));
-            }
-            else {
-                // block => none
-                this.title.style.display = 'none';
-                const textCSS = Object.assign(Object.assign({}, textStyle), { padding: '40px 20px 26px', color: '#353535' });
-                this.text.setAttribute('style', inlineStyle(textCSS));
-            }
-            this.text.textContent = config.content || '';
-            // showCancel
-            this.cancel.style.display = config.showCancel ? 'block' : 'none';
-            // cancelText
-            this.cancel.textContent = config.cancelText || '';
-            // cancelColor
-            this.cancel.style.color = config.cancelColor || '';
-            // confirmText
-            this.confirm.textContent = config.confirmText || '';
-            // confirmColor
-            this.confirm.style.color = config.confirmColor || '';
-            // cbs
-            this.cancel.onclick = () => {
-                this.hide();
-                resolve('cancel');
-            };
-            this.confirm.onclick = () => {
-                this.hide();
-                resolve('confirm');
-            };
-            // show
-            this.el.style.display = 'block';
-            setTimeout(() => { this.el.style.opacity = '1'; }, 0);
+    if (typeof options.content !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'content',
+                correct: 'String',
+                wrong: options.content
+            })
         });
     }
-    hide() {
-        if (this.hideOpacityTimer)
-            clearTimeout(this.hideOpacityTimer);
-        if (this.hideDisplayTimer)
-            clearTimeout(this.hideDisplayTimer);
-        this.hideOpacityTimer = setTimeout(() => {
-            this.el.style.opacity = '0';
-            this.hideDisplayTimer = setTimeout(() => { this.el.style.display = 'none'; }, 200);
-        }, 0);
+    if (typeof options.cancelText !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'cancelText',
+                correct: 'String',
+                wrong: options.cancelText
+            })
+        });
     }
-}
-
-const noop = function () { };
-class ActionSheet {
-    constructor() {
-        this.options = {
-            itemList: [],
-            itemColor: '#000000',
-            success: noop,
-            fail: noop,
-            complete: noop
-        };
-        this.style = {
-            maskStyle: {
-                position: 'fixed',
-                'z-index': '1000',
-                top: '0',
-                right: '0',
-                left: '0',
-                bottom: '0',
-                background: 'rgba(0,0,0,0.6)'
-            },
-            actionSheetStyle: {
-                'z-index': '4999',
-                position: 'fixed',
-                left: '0',
-                bottom: '0',
-                '-webkit-transform': 'translate(0, 100%)',
-                transform: 'translate(0, 100%)',
-                width: '100%',
-                'line-height': '1.6',
-                background: '#EFEFF4',
-                '-webkit-transition': '-webkit-transform .3s',
-                transition: 'transform .3s'
-            },
-            menuStyle: {
-                'background-color': '#FCFCFD'
-            },
-            cellStyle: {
-                position: 'relative',
-                padding: '10px 0',
-                'text-align': 'center',
-                'font-size': '18px'
-            },
-            cancelStyle: {
-                'margin-top': '6px',
-                padding: '10px 0',
-                'text-align': 'center',
-                'font-size': '18px',
-                color: '#000000',
-                'background-color': '#FCFCFD'
-            }
-        };
-        this.lastConfig = {};
+    if (options.cancelText.replace(/[\u0391-\uFFE5]/g, 'aa').length > 8) {
+        return handle.fail({
+            errMsg: 'cancelText length should not larger then 4 Chinese characters'
+        });
     }
-    create(options = {}) {
-        return new Promise((resolve) => {
-            // style
-            const { maskStyle, actionSheetStyle, menuStyle, cellStyle, cancelStyle } = this.style;
-            // configuration
-            const config = Object.assign(Object.assign({}, this.options), options);
-            this.lastConfig = config;
-            // wrapper
-            this.el = document.createElement('div');
-            this.el.className = 'taro__actionSheet';
-            this.el.style.opacity = '0';
-            this.el.style.transition = 'opacity 0.2s linear';
-            // mask
-            const mask = document.createElement('div');
-            mask.setAttribute('style', inlineStyle(maskStyle));
-            // actionSheet
-            this.actionSheet = document.createElement('div');
-            this.actionSheet.setAttribute('style', inlineStyle(actionSheetStyle));
-            // menu
-            this.menu = document.createElement('div');
-            this.menu.setAttribute('style', inlineStyle(Object.assign(Object.assign({}, menuStyle), { color: config.itemColor })));
-            // cells
-            this.cells = config.itemList.map((item, index) => {
-                const cell = document.createElement('div');
-                cell.className = 'taro-actionsheet__cell';
-                cell.setAttribute('style', inlineStyle(cellStyle));
-                cell.textContent = item;
-                cell.dataset.tapIndex = `${index}`;
-                cell.onclick = e => {
-                    this.hide();
-                    const target = e.currentTarget;
-                    const index = Number(target === null || target === void 0 ? void 0 : target.dataset.tapIndex) || 0;
-                    resolve(index);
-                };
-                return cell;
-            });
-            // cancel
-            this.cancel = document.createElement('div');
-            this.cancel.setAttribute('style', inlineStyle(cancelStyle));
-            this.cancel.textContent = '取消';
-            // result
-            this.cells.forEach(item => this.menu.appendChild(item));
-            this.actionSheet.appendChild(this.menu);
-            this.actionSheet.appendChild(this.cancel);
-            this.el.appendChild(mask);
-            this.el.appendChild(this.actionSheet);
-            // callbacks
-            const cb = () => {
-                this.hide();
-                resolve('cancel');
-            };
-            mask.onclick = cb;
-            this.cancel.onclick = cb;
-            // show immediately
-            document.body.appendChild(this.el);
-            setTimeout(() => {
-                this.el.style.opacity = '1';
-                setTransform(this.actionSheet, 'translate(0, 0)');
-            }, 0);
+    if (typeof options.confirmText !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'confirmText',
+                correct: 'String',
+                wrong: options.confirmText
+            })
+        });
+    }
+    if (options.confirmText.replace(/[\u0391-\uFFE5]/g, 'aa').length > 8) {
+        return handle.fail({
+            errMsg: 'confirmText length should not larger then 4 Chinese characters'
+        });
+    }
+    if (typeof options.cancelColor !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'cancelColor',
+                correct: 'String',
+                wrong: options.cancelColor
+            })
+        });
+    }
+    if (typeof options.confirmColor !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'confirmColor',
+                correct: 'String',
+                wrong: options.confirmColor
+            })
+        });
+    }
+    options.showCancel = !!options.showCancel;
+    let result = '';
+    if (!modal.el) {
+        result = yield modal.create(options);
+    }
+    else {
+        result = yield modal.show(options);
+    }
+    const res = { cancel: !1, confirm: !1 };
+    res[result] = !0;
+    return handle.success(res);
+});
+function hideModal() {
+    if (!modal.el)
+        return;
+    modal.hide();
+}
+const showActionSheet = (options = { itemList: [] }) => __awaiter(void 0, void 0, void 0, function* () {
+    init(document);
+    options = Object.assign({
+        itemColor: '#000000',
+        itemList: []
+    }, options);
+    const { success, fail, complete } = options;
+    const handle = new MethodHandler({ name: 'showActionSheet', success, fail, complete });
+    // list item String
+    if (!Array.isArray(options.itemList)) {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'itemList',
+                correct: 'Array',
+                wrong: options.itemList
+            })
         });
     }
-    show(options = {}) {
-        return new Promise((resolve) => {
-            const config = Object.assign(Object.assign({}, this.options), options);
-            this.lastConfig = config;
-            if (this.hideOpacityTimer)
-                clearTimeout(this.hideOpacityTimer);
-            if (this.hideDisplayTimer)
-                clearTimeout(this.hideDisplayTimer);
-            // itemColor
-            if (config.itemColor)
-                this.menu.style.color = config.itemColor;
-            // cells
-            const { cellStyle } = this.style;
-            config.itemList.forEach((item, index) => {
-                let cell;
-                if (this.cells[index]) {
-                    // assign new content
-                    cell = this.cells[index];
-                }
-                else {
-                    // create new cell
-                    cell = document.createElement('div');
-                    cell.className = 'taro-actionsheet__cell';
-                    cell.setAttribute('style', inlineStyle(cellStyle));
-                    cell.dataset.tapIndex = `${index}`;
-                    this.cells.push(cell);
-                    this.menu.appendChild(cell);
-                }
-                cell.textContent = item;
-                cell.onclick = e => {
-                    this.hide();
-                    const target = e.currentTarget;
-                    const index = Number(target === null || target === void 0 ? void 0 : target.dataset.tapIndex) || 0;
-                    resolve(index);
-                };
+    if (options.itemList.length < 1) {
+        return handle.fail({ errMsg: 'parameter error: parameter.itemList should have at least 1 item' });
+    }
+    if (options.itemList.length > 6) {
+        return handle.fail({ errMsg: 'parameter error: parameter.itemList should not be large than 6' });
+    }
+    for (let i = 0; i < options.itemList.length; i++) {
+        if (typeof options.itemList[i] !== 'string') {
+            return handle.fail({
+                errMsg: getParameterError({
+                    para: `itemList[${i}]`,
+                    correct: 'String',
+                    wrong: options.itemList[i]
+                })
             });
-            const cellsLen = this.cells.length;
-            const itemListLen = config.itemList.length;
-            if (cellsLen > itemListLen) {
-                for (let i = itemListLen; i < cellsLen; i++) {
-                    this.menu.removeChild(this.cells[i]);
-                }
-                this.cells.splice(itemListLen);
-            }
-            // show
-            this.el.style.display = 'block';
-            setTimeout(() => {
-                this.el.style.opacity = '1';
-                setTransform(this.actionSheet, 'translate(0, 0)');
-            }, 0);
+        }
+    }
+    if (typeof options.itemColor !== 'string') {
+        return handle.fail({
+            errMsg: getParameterError({
+                para: 'itemColor',
+                correct: 'String',
+                wrong: options.itemColor
+            })
         });
     }
-    hide() {
-        if (this.hideOpacityTimer)
-            clearTimeout(this.hideOpacityTimer);
-        if (this.hideDisplayTimer)
-            clearTimeout(this.hideDisplayTimer);
-        this.hideOpacityTimer = setTimeout(() => {
-            this.el.style.opacity = '0';
-            setTransform(this.actionSheet, 'translate(0, 100%)');
-            this.hideDisplayTimer = setTimeout(() => { this.el.style.display = 'none'; }, 200);
-        }, 0);
+    let result = '';
+    if (!actionSheet.el) {
+        result = yield actionSheet.create(options);
+    }
+    else {
+        result = yield actionSheet.show(options);
+    }
+    if (typeof result === 'string') {
+        return handle.fail(({ errMsg: result }));
+    }
+    else {
+        return handle.success(({ tapIndex: result }));
+    }
+});
+Taro.eventCenter.on('__taroRouterChange', () => {
+    hideToast();
+    hideLoading();
+    hideModal();
+});
+const enableAlertBeforeUnload = temporarilyNotSupport('enableAlertBeforeUnload');
+const disableAlertBeforeUnload = temporarilyNotSupport('disableAlertBeforeUnload');
+
+// 菜单
+const getMenuButtonBoundingClientRect = temporarilyNotSupport('getMenuButtonBoundingClientRect');
+
+// 导航栏
+const showNavigationBarLoading = temporarilyNotSupport('showNavigationBarLoading');
+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: 'setNavigationBarTitle', 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();
 }
+/**
+ * 设置页面导航条颜色
+ */
+const 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();
+};
+const hideNavigationBarLoading = temporarilyNotSupport('hideNavigationBarLoading');
+const hideHomeButton = temporarilyNotSupport('hideHomeButton');
+
+/**
+ * 开始下拉刷新。调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。
+ */
+const 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),
+            errorHandler: (res = {}) => handle.fail(res, reject)
+        });
+    });
+};
+/**
+ * 停止当前页面下拉刷新。
+ */
+const 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),
+            errorHandler: (res = {}) => handle.fail(res, reject)
+        });
+    });
+};
+
+let timer;
+const FRAME_DURATION = 17;
+/**
+ * 将页面滚动到目标位置
+ */
+const pageScrollTo = ({ scrollTop, selector = '', duration = 300, success, fail, complete }) => {
+    let scrollFunc;
+    const handle = new MethodHandler({ name: 'pageScrollTo', success, fail, complete });
+    return new Promise((resolve, reject) => {
+        var _a, _b;
+        try {
+            if (scrollTop === undefined && !selector) {
+                return handle.fail({
+                    errMsg: 'scrollTop" 或 "selector" 需要其之一'
+                }, reject);
+            }
+            const id = (_b = (_a = Current$1.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
+                ? document.querySelector(`.taro_page#${id}`)
+                : document.querySelector('.taro_page') ||
+                    document.querySelector('.taro_router'));
+            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;
+            if (typeof scrollTop === 'number') {
+                to = scrollTop;
+            }
+            else {
+                const el = document.querySelector(selector);
+                to = (el === null || el === void 0 ? void 0 : 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);
+        }
+    });
+};
 
-// 交互
-let status = 'default';
-// inject necessary style
-function init(doc) {
-    if (status === 'ready')
-        return;
-    const taroStyle = doc.createElement('style');
-    taroStyle.textContent = '@font-face{font-weight:normal;font-style:normal;font-family:"taro";src:url("data:application/x-font-ttf;charset=utf-8;base64, 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") format("truetype");}@-webkit-keyframes taroLoading{0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);}100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg);}}@keyframes taroLoading{0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);}100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg);}}.taro-modal__foot:after {content: "";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);} .taro-model__btn:active {background-color: #EEEEEE}.taro-model__btn:not(:first-child):after {content: "";position: absolute;left: 0;top: 0;width: 1px;bottom: 0;border-left: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(0.5);transform: scaleX(0.5);}.taro-actionsheet__cell:not(:first-child):after {content: "";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #e5e5e5;color: #e5e5e5;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}';
-    doc.querySelector('head').appendChild(taroStyle);
-    status = 'ready';
+// 置顶
+const setTopBarText = temporarilyNotSupport('setTopBarText');
+
+let tabConf;
+function initTabBarApis(config = {}) {
+    tabConf = config.tabBar;
 }
-const toast = new Toast();
-const modal = new Modal();
-const actionSheet = new ActionSheet();
-const showToast = (options = { title: '' }) => {
-    init(document);
-    options = Object.assign({
-        title: '',
-        icon: 'success',
-        image: '',
-        duration: 1500,
-        mask: false
-    }, options);
-    const { success, fail, complete } = options;
-    const handle = new MethodHandler({ name: 'showToast', success, fail, complete });
-    if (typeof options.title !== 'string') {
-        return handle.fail({
-            errMsg: getParameterError({
-                para: 'title',
-                correct: 'String',
-                wrong: options.title
-            })
-        });
+/**
+ * 显示 tabBar 某一项的右上角的红点
+ */
+const 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);
     }
-    if (typeof options.duration !== 'number') {
+    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: 'duration',
+                para: 'index',
                 correct: 'Number',
-                wrong: options.duration
+                wrong: index
             })
         });
     }
-    if (options.image && typeof options.image !== 'string')
-        options.image = '';
-    options.mask = !!options.mask;
-    let errMsg = '';
-    if (!toast.el) {
-        errMsg = toast.create(options, 'toast');
-    }
-    else {
-        errMsg = toast.show(options, 'toast');
-    }
-    return handle.success({ errMsg });
-};
-const hideToast = ({ success, fail, complete } = {}) => {
-    const handle = new MethodHandler({ name: 'hideToast', success, fail, complete });
-    if (!toast.el)
-        return handle.success();
-    toast.hide(0, 'toast');
-    return handle.success();
+    return new Promise((resolve, reject) => {
+        Taro.eventCenter.trigger('__taroShowTabBarRedDotHandler', {
+            index,
+            successHandler: (res = {}) => handle.success(res, resolve),
+            errorHandler: (res = {}) => handle.fail(res, reject)
+        });
+    });
 };
-const showLoading = (options = { title: '' }) => {
-    init(document);
-    options = Object.assign({
-        title: '',
-        mask: false
-    }, options);
-    const { success, fail, complete } = options;
-    const handle = new MethodHandler({ name: 'showLoading', success, fail, complete });
-    const config = {
-        icon: 'loading',
-        image: '',
-        duration: -1
-    };
-    options = Object.assign({}, options, config);
-    if (typeof options.title !== 'string') {
+/**
+ * 显示 tabBar
+ */
+const 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: 'title',
-                correct: 'String',
-                wrong: options.title
+                para: 'animation',
+                correct: 'Boolean',
+                wrong: animation
             })
         });
     }
-    options.mask = !!options.mask;
-    let errMsg = '';
-    if (!toast.el) {
-        errMsg = toast.create(options, 'loading');
+    return new Promise((resolve, reject) => {
+        Taro.eventCenter.trigger('__taroShowTabBar', {
+            animation,
+            successHandler: (res = {}) => handle.success(res, resolve),
+            errorHandler: (res = {}) => handle.fail(res, reject)
+        });
+    });
+};
+/**
+ * 动态设置 tabBar 的整体样式
+ */
+const 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);
     }
-    else {
-        errMsg = toast.show(options, 'loading');
+    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';
     }
-    return handle.success({ errMsg });
-};
-const hideLoading = ({ success, fail, complete } = {}) => {
-    const handle = new MethodHandler({ name: 'hideLoading', success, fail, complete });
-    if (!toast.el)
-        return handle.success();
-    toast.hide(0, 'loading');
-    return handle.success();
+    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 = {};
+    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),
+            errorHandler: (res = {}) => handle.fail(res, reject)
+        });
+    });
 };
-const showModal = (options = {}) => __awaiter(void 0, void 0, void 0, function* () {
-    init(document);
-    options = Object.assign({
-        title: '',
-        content: '',
-        showCancel: true,
-        cancelText: '取消',
-        cancelColor: '#000000',
-        confirmText: '确定',
-        confirmColor: '#3CC51F'
-    }, options);
-    const { success, fail, complete } = options;
-    const handle = new MethodHandler({ name: 'showModal', success, fail, complete });
-    if (typeof options.title !== 'string') {
+/**
+ * 动态设置 tabBar 某一项的内容
+ */
+const 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: 'title',
-                correct: 'String',
-                wrong: options.title
+                para: 'index',
+                correct: 'Number',
+                wrong: index
             })
         });
     }
-    if (typeof options.content !== 'string') {
+    return new Promise((resolve, reject) => {
+        Taro.eventCenter.trigger('__taroSetTabBarItem', {
+            index,
+            text,
+            iconPath,
+            selectedIconPath,
+            successHandler: (res = {}) => handle.success(res, resolve),
+            errorHandler: (res = {}) => handle.fail(res, reject)
+        });
+    });
+};
+/**
+ * 为 tabBar 某一项的右上角添加文本
+ */
+const 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: 'content',
-                correct: 'String',
-                wrong: options.content
+                para: 'index',
+                correct: 'Number',
+                wrong: index
             })
         });
     }
-    if (typeof options.cancelText !== 'string') {
+    if (typeof text !== 'string') {
         return handle.fail({
             errMsg: getParameterError({
-                para: 'cancelText',
+                para: 'text',
                 correct: 'String',
-                wrong: options.cancelText
+                wrong: text
             })
         });
     }
-    if (options.cancelText.replace(/[\u0391-\uFFE5]/g, 'aa').length > 8) {
-        return handle.fail({
-            errMsg: 'cancelText length should not larger then 4 Chinese characters'
+    return new Promise((resolve, reject) => {
+        Taro.eventCenter.trigger('__taroSetTabBarBadge', {
+            index,
+            text,
+            successHandler: (res = {}) => handle.success(res, resolve),
+            errorHandler: (res = {}) => handle.fail(res, reject)
         });
+    });
+};
+/**
+ * 移除 tabBar 某一项右上角的文本
+ */
+const 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);
     }
-    if (typeof options.confirmText !== 'string') {
+    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: 'confirmText',
-                correct: 'String',
-                wrong: options.confirmText
+                para: 'index',
+                correct: 'Number',
+                wrong: index
             })
         });
     }
-    if (options.confirmText.replace(/[\u0391-\uFFE5]/g, 'aa').length > 8) {
-        return handle.fail({
-            errMsg: 'confirmText length should not larger then 4 Chinese characters'
+    return new Promise((resolve, reject) => {
+        Taro.eventCenter.trigger('__taroRemoveTabBarBadge', {
+            index,
+            successHandler: (res = {}) => handle.success(res, resolve),
+            errorHandler: (res = {}) => handle.fail(res, reject)
         });
+    });
+};
+/**
+ * 隐藏 tabBar 某一项的右上角的红点
+ */
+const 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);
     }
-    if (typeof options.cancelColor !== 'string') {
+    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: 'cancelColor',
-                correct: 'String',
-                wrong: options.cancelColor
+                para: 'index',
+                correct: 'Number',
+                wrong: index
             })
         });
     }
-    if (typeof options.confirmColor !== 'string') {
-        return handle.fail({
-            errMsg: getParameterError({
-                para: 'confirmColor',
-                correct: 'String',
-                wrong: options.confirmColor
-            })
+    return new Promise((resolve, reject) => {
+        Taro.eventCenter.trigger('__taroHideTabBarRedDotHandler', {
+            index,
+            successHandler: (res = {}) => handle.success(res, resolve),
+            errorHandler: (res = {}) => handle.fail(res, reject)
         });
+    });
+};
+/**
+ * 隐藏 tabBar
+ */
+const 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);
     }
-    options.showCancel = !!options.showCancel;
-    let result = '';
-    if (!modal.el) {
-        result = yield modal.create(options);
-    }
-    else {
-        result = yield modal.show(options);
-    }
-    const res = { cancel: !1, confirm: !1 };
-    res[result] = !0;
-    return handle.success(res);
-});
-function hideModal() {
-    if (!modal.el)
-        return;
-    modal.hide();
-}
-const showActionSheet = (options = { itemList: [] }) => __awaiter(void 0, void 0, void 0, function* () {
-    init(document);
-    options = Object.assign({
-        itemColor: '#000000',
-        itemList: []
-    }, options);
-    const { success, fail, complete } = options;
-    const handle = new MethodHandler({ name: 'showActionSheet', success, fail, complete });
-    // list item String
-    if (!Array.isArray(options.itemList)) {
+    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: 'itemList',
-                correct: 'Array',
-                wrong: options.itemList
+                para: 'animation',
+                correct: 'Boolean',
+                wrong: animation
             })
         });
     }
-    if (options.itemList.length < 1) {
-        return handle.fail({ errMsg: 'parameter error: parameter.itemList should have at least 1 item' });
-    }
-    if (options.itemList.length > 6) {
-        return handle.fail({ errMsg: 'parameter error: parameter.itemList should not be large than 6' });
-    }
-    for (let i = 0; i < options.itemList.length; i++) {
-        if (typeof options.itemList[i] !== 'string') {
-            return handle.fail({
-                errMsg: getParameterError({
-                    para: `itemList[${i}]`,
-                    correct: 'String',
-                    wrong: options.itemList[i]
-                })
-            });
-        }
-    }
-    if (typeof options.itemColor !== 'string') {
-        return handle.fail({
-            errMsg: getParameterError({
-                para: 'itemColor',
-                correct: 'String',
-                wrong: options.itemColor
-            })
+    return new Promise((resolve, reject) => {
+        Taro.eventCenter.trigger('__taroHideTabBar', {
+            animation,
+            successHandler: (res = {}) => handle.success(res, resolve),
+            errorHandler: (res = {}) => handle.fail(res, reject)
         });
+    });
+};
+
+const callbackManager = new CallbackManager();
+const resizeListener = () => {
+    callbackManager.trigger({
+        windowWidth: window.screen.width,
+        windowHeight: window.screen.height
+    });
+};
+/**
+ * 设置窗口大小，该接口仅适用于 PC 平台，使用细则请参见指南
+ */
+const setWindowSize = temporarilyNotSupport('setWindowSize');
+/**
+ * 监听窗口尺寸变化事件
+ */
+const onWindowResize = callback => {
+    callbackManager.add(callback);
+    if (callbackManager.count() === 1) {
+        window.addEventListener('resize', resizeListener);
     }
-    let result = '';
-    if (!actionSheet.el) {
-        result = yield actionSheet.create(options);
-    }
-    else {
-        result = yield actionSheet.show(options);
-    }
-    if (typeof result === 'string') {
-        return handle.fail(({ errMsg: result }));
-    }
-    else {
-        return handle.success(({ tapIndex: result }));
+};
+/**
+ * 取消监听窗口尺寸变化事件
+ */
+const offWindowResize = callback => {
+    callbackManager.remove(callback);
+    if (callbackManager.count() === 0) {
+        window.removeEventListener('resize', resizeListener);
     }
-});
-Taro.eventCenter.on('__taroRouterChange', () => {
-    hideToast();
-    hideLoading();
-    hideModal();
-});
-const enableAlertBeforeUnload = temporarilyNotSupport('enableAlertBeforeUnload');
-const disableAlertBeforeUnload = temporarilyNotSupport('disableAlertBeforeUnload');
+};
 
 // Worker
 const createWorker = temporarilyNotSupport('createWorker');
@@ -5096,35 +5124,6 @@ const createSelectorQuery = () => {
 };
 const createIntersectionObserver = temporarilyNotSupport('createIntersectionObserver');
 
-// AliPay
-const getOpenUserInfo = temporarilyNotSupport('getOpenUserInfo');
-
-const setPageInfo = temporarilyNotSupport('setPageInfo');
-// 百度小程序 AI 相关
-const ocrIdCard = temporarilyNotSupport('ocrIdCard');
-const ocrBankCard = temporarilyNotSupport('ocrBankCard');
-const ocrDrivingLicense = temporarilyNotSupport('ocrDrivingLicense');
-const ocrVehicleLicense = temporarilyNotSupport('ocrVehicleLicense');
-const textReview = temporarilyNotSupport('textReview');
-const textToAudio = temporarilyNotSupport('textToAudio');
-const imageAudit = temporarilyNotSupport('imageAudit');
-const advancedGeneralIdentify = temporarilyNotSupport('advancedGeneralIdentify');
-const objectDetectIdentify = temporarilyNotSupport('objectDetectIdentify');
-const carClassify = temporarilyNotSupport('carClassify');
-const dishClassify = temporarilyNotSupport('dishClassify');
-const logoClassify = temporarilyNotSupport('logoClassify');
-const animalClassify = temporarilyNotSupport('animalClassify');
-const plantClassify = temporarilyNotSupport('plantClassify');
-// 用户信息
-const getSwanId = temporarilyNotSupport('getSwanId');
-// 百度收银台支付
-const requestPolymerPayment = temporarilyNotSupport('requestPolymerPayment');
-// 打开小程序
-const navigateToSmartGameProgram = temporarilyNotSupport('navigateToSmartGameProgram');
-const navigateToSmartProgram = temporarilyNotSupport('navigateToSmartProgram');
-const navigateBackSmartProgram = temporarilyNotSupport('navigateBackSmartProgram');
-const preloadSubPackage = temporarilyNotSupport('preloadSubPackage');
-
 const { Behavior, getEnv, ENV_TYPE, Link, interceptors, getInitPxTransform, Current, options, eventCenter, Events, preload } = Taro;
 const taro = {
     // @ts-ignore