@tarojs/runtime 3.8.0-canary.0 → 3.8.0-canary.1

package/dist/runtime.esm.js

@@ -1,5 +1,6 @@
-import { noop, isFunction, getComponentsAlias as getComponentsAlias$1, internalComponents, isWebPlatform, EMPTY_OBJ, hooks, toCamelCase, isObject, warn, isArray, ensure, isNull, isUndefined, toDashed, isString, controlledComponent, Events, isNumber } from '@tarojs/shared';
+import { noop, isFunction, getComponentsAlias as getComponentsAlias$1, internalComponents, EMPTY_OBJ, hooks, toCamelCase, isObject, warn, isArray, ensure, isNull, isUndefined, toDashed, isString, controlledComponent, Events, isNumber, EventChannel } from '@tarojs/shared';
 export { Events, hooks } from '@tarojs/shared';
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
 
 const PROPERTY_THRESHOLD = 2046;
 const TARO_RUNTIME = 'Taro runtime';
@@ -168,14 +169,14 @@ function recordMutation(record) {
     });
 }
 
-class MutationObserver {
+let MutationObserver$1 = class MutationObserver {
     constructor(callback) {
         if (ENABLE_MUTATION_OBSERVER) {
             this.core = new MutationObserverImpl(callback);
         }
         else {
             if (process.env.NODE_ENV !== 'production') {
-                console.warn('[Taro Warning] 若要使用 MutationObserver，请在 Taro 编译配置中设置 \'mini.enableMutationObserver: true\'');
+                console.warn('[Taro Warning] 若要使用 MutationObserver，请在 Taro 编译配置中设置 \'mini.runtime.enableMutationObserver: true\'');
             }
             this.core = {
                 observe: noop,
@@ -196,6 +197,26 @@ class MutationObserver {
     static record(record) {
         recordMutation(record);
     }
+};
+
+function throttle(fn, threshold = 250, scope) {
+    let lastTime = 0;
+    let deferTimer;
+    return function (...args) {
+        const context = scope || this;
+        const now = Date.now();
+        if (now - lastTime > threshold) {
+            fn.apply(this, args);
+            lastTime = now;
+        }
+        else {
+            clearTimeout(deferTimer);
+            deferTimer = setTimeout(() => {
+                lastTime = now;
+                fn.apply(context, args);
+            }, threshold);
+        }
+    };
 }
 
 const incrementId = () => {
@@ -249,15 +270,15 @@ function isHasExtractProp(el) {
  */
 function isParentBinded(node, type) {
     var _a;
-    let res = false;
-    while ((node === null || node === void 0 ? void 0 : node.parentElement) && node.parentElement._path !== ROOT_STR) {
-        if ((_a = node.parentElement.__handlers[type]) === null || _a === void 0 ? void 0 : _a.length) {
-            res = true;
-            break;
+    while ((node = (node === null || node === void 0 ? void 0 : node.parentElement) || null)) {
+        if (!node || node.nodeName === ROOT_STR || node.nodeName === 'root-portal') {
+            return false;
+        }
+        else if ((_a = node.__handlers[type]) === null || _a === void 0 ? void 0 : _a.length) {
+            return true;
         }
-        node = node.parentElement;
     }
-    return res;
+    return false;
 }
 function shortcutAttr(key) {
     switch (key) {
@@ -393,55 +414,47 @@ class EventSource extends Map {
 }
 const eventSource = new EventSource();
 
-const isWeb$1 = isWebPlatform();
 const env = {
-    window: isWeb$1 ? window : EMPTY_OBJ,
-    document: isWeb$1 ? document : EMPTY_OBJ
+    window: process.env.TARO_PLATFORM === 'web' ? window : EMPTY_OBJ,
+    document: process.env.TARO_PLATFORM === 'web' ? document : EMPTY_OBJ
 };
 
 let SPECIAL_NODES;
 let componentsAlias;
-function initConfig() {
-    // 初始化 SPECIAL_NODES
-    SPECIAL_NODES || (SPECIAL_NODES = hooks.call('getSpecialNodes'));
+/**
+ * React also has a fancy function's name for this: `hydrate()`.
+ * You may have been heard `hydrate` as a SSR-related function,
+ * actually, `hydrate` basicly do the `render()` thing, but ignore some properties,
+ * it's a vnode traverser and modifier: that's exactly what Taro's doing in here.
+ */
+function hydrate(node) {
+    var _a;
     // 初始化 componentsAlias
     componentsAlias || (componentsAlias = getComponentsAlias());
-}
-function hydrateTextNode(node) {
-    var _a;
-    return {
-        ["v" /* Shortcuts.Text */]: node.nodeValue,
-        ["nn" /* Shortcuts.NodeName */]: ((_a = componentsAlias[node.nodeName]) === null || _a === void 0 ? void 0 : _a._num) || '8'
-    };
-}
-function hydrateElementNode(node) {
+    // 初始化 SPECIAL_NODES
+    SPECIAL_NODES || (SPECIAL_NODES = hooks.call('getSpecialNodes'));
     const nodeName = node.nodeName;
-    let isCompileMode = false;
+    let compileModeName = null;
+    if (isText(node)) {
+        return {
+            sid: node.sid,
+            ["v" /* Shortcuts.Text */]: node.nodeValue,
+            ["nn" /* Shortcuts.NodeName */]: ((_a = componentsAlias[nodeName]) === null || _a === void 0 ? void 0 : _a._num) || '8'
+        };
+    }
     const data = {
         ["nn" /* Shortcuts.NodeName */]: nodeName,
         sid: node.sid
     };
-    // NodeName
+    if (node.uid !== node.sid) {
+        data.uid = node.uid;
+    }
     if (!node.isAnyEventBinded() && SPECIAL_NODES.indexOf(nodeName) > -1) {
         data["nn" /* Shortcuts.NodeName */] = `static-${nodeName}`;
         if (nodeName === VIEW && !isHasExtractProp(node)) {
             data["nn" /* Shortcuts.NodeName */] = PURE_VIEW;
         }
     }
-    // Id
-    if (node.uid !== node.sid) {
-        data.uid = node.uid;
-    }
-    // Class
-    if (node.className !== '') {
-        data["cl" /* Shortcuts.Class */] = node.className;
-    }
-    // Style
-    const cssText = node.cssText;
-    if (cssText !== '' && nodeName !== 'swiper-item') {
-        data["st" /* Shortcuts.Style */] = cssText;
-    }
-    // Attributes
     const { props } = node;
     for (const prop in props) {
         const propInCamelCase = toCamelCase(prop);
@@ -453,18 +466,26 @@ function hydrateElementNode(node) {
             propInCamelCase !== COMPILE_MODE) {
             data[propInCamelCase] = props[prop];
         }
-        if (nodeName === VIEW && propInCamelCase === CATCHMOVE && props[prop] !== false) {
+        if (process.env.TARO_ENV !== 'swan' &&
+            nodeName === VIEW &&
+            propInCamelCase === CATCHMOVE &&
+            props[prop] !== false) {
             data["nn" /* Shortcuts.NodeName */] = CATCH_VIEW;
         }
         if (propInCamelCase === COMPILE_MODE) {
-            isCompileMode = true;
+            compileModeName = props[prop];
         }
     }
     // Children
-    data["cn" /* Shortcuts.Childnodes */] = node.childNodes.filter(n => !isComment(n)).map(hydrate);
-    // Custom behavior
-    hooks.call('modifyHydrateData', data);
-    // Turn in alias
+    data["cn" /* Shortcuts.Childnodes */] = node.childNodes.filter(node => !isComment(node)).map(hydrate);
+    if (node.className !== '') {
+        data["cl" /* Shortcuts.Class */] = node.className;
+    }
+    const cssText = node.cssText;
+    if (cssText !== '' && nodeName !== 'swiper-item') {
+        data["st" /* Shortcuts.Style */] = cssText;
+    }
+    hooks.call('modifyHydrateData', data, node);
     const nn = data["nn" /* Shortcuts.NodeName */];
     const componentAlias = componentsAlias[nn];
     if (componentAlias) {
@@ -476,25 +497,11 @@ function hydrateElementNode(node) {
             }
         }
     }
-    if (isCompileMode) {
-        data["nn" /* Shortcuts.NodeName */] = props[COMPILE_MODE];
-    }
-    return data;
-}
-/**
- * React also has a fancy function's name for this: `hydrate()`.
- * You may have been heard `hydrate` as a SSR-related function,
- * actually, `hydrate` basicly do the `render()` thing, but ignore some properties,
- * it's a vnode traverser and modifier: that's exactly what Taro's doing in here.
- */
-function hydrate(node) {
-    initConfig();
-    if (isText(node)) {
-        return hydrateTextNode(node);
-    }
-    else {
-        return hydrateElementNode(node);
+    if (compileModeName !== null) {
+        data["nn" /* Shortcuts.NodeName */] = compileModeName;
     }
+    const resData = hooks.call('transferHydrateData', data, node, componentAlias);
+    return resData || data;
 }
 
 class TaroEventTarget {
@@ -670,7 +677,7 @@ class TaroNode extends TaroEventTarget {
             this.updateChildNodes();
         }
         // @Todo: appendChild 会多触发一次
-        MutationObserver.record({
+        MutationObserver$1.record({
             type: "childList" /* MutationRecordType.CHILD_LIST */,
             target: this,
             removedNodes,
@@ -755,7 +762,7 @@ class TaroNode extends TaroEventTarget {
                 }
             }
         }
-        MutationObserver.record({
+        MutationObserver$1.record({
             type: "childList" /* MutationRecordType.CHILD_LIST */,
             target: this,
             addedNodes: [newChild],
@@ -811,7 +818,7 @@ class TaroNode extends TaroEventTarget {
         if (cleanRef !== false && doUpdate !== false) {
             // appendChild/replaceChild/insertBefore 不应该触发
             // @Todo: 但其实如果 newChild 的父节点是另一颗子树的节点，应该是要触发的
-            MutationObserver.record({
+            MutationObserver$1.record({
                 type: "childList" /* MutationRecordType.CHILD_LIST */,
                 target: this,
                 removedNodes: [child],
@@ -1037,7 +1044,7 @@ combine('box', ['DecorationBreak', 'Shadow', 'Sizing', 'Snap'], true);
 combine(WEBKIT, ['LineClamp', 'BoxOrient', 'TextFillColor', 'TextStroke', 'TextStrokeColor', 'TextStrokeWidth'], true);
 
 function recordCss(obj) {
-    MutationObserver.record({
+    MutationObserver$1.record({
         type: "attributes" /* MutationRecordType.ATTRIBUTES */,
         target: obj._element,
         attributeName: 'style',
@@ -1059,7 +1066,7 @@ function setStyle(newVal, styleKey) {
     if (old === newVal)
         return;
     !this._pending && recordCss(this);
-    if (isNull(newVal) || isUndefined(newVal)) {
+    if (isNull(newVal) || isUndefined(newVal) || newVal === '') {
         this._usedStyleProp.delete(styleKey);
         delete this._value[styleKey];
     }
@@ -1318,7 +1325,7 @@ class TaroElement extends TaroNode {
         process.env.NODE_ENV !== 'production' && warn(isString(value) && value.length > PROPERTY_THRESHOLD, `元素 ${this.nodeName} 的 ${qualifiedName} 属性值数据量过大，可能会影响渲染性能。考虑降低图片转为 base64 的阈值或在 CSS 中使用 base64。`);
         const isPureView = this.nodeName === VIEW && !isHasExtractProp(this) && !this.isAnyEventBinded();
         if (qualifiedName !== STYLE) {
-            MutationObserver.record({
+            MutationObserver$1.record({
                 target: this,
                 type: "attributes" /* MutationRecordType.ATTRIBUTES */,
                 attributeName: qualifiedName,
@@ -1390,7 +1397,7 @@ class TaroElement extends TaroNode {
     }
     removeAttribute(qualifiedName) {
         const isStaticView = this.nodeName === VIEW && isHasExtractProp(this) && !this.isAnyEventBinded();
-        MutationObserver.record({
+        MutationObserver$1.record({
             target: this,
             type: "attributes" /* MutationRecordType.ATTRIBUTES */,
             attributeName: qualifiedName,
@@ -1483,7 +1490,10 @@ class TaroElement extends TaroNode {
                 event.defaultPrevented = true;
             }
             if (!isUndefined(result) && event.mpEvent) {
-                event.mpEvent[EVENT_CALLBACK_RESULT] = result;
+                const res = hooks.call('modifyTaroEventReturn', this, event, result);
+                if (res) {
+                    event.mpEvent[EVENT_CALLBACK_RESULT] = result;
+                }
             }
             if (event._end && event._stop) {
                 break;
@@ -1505,6 +1515,7 @@ class TaroElement extends TaroNode {
             sideEffect = false;
             delete options.sideEffect;
         }
+        hooks.call('modifyAddEventListener', this, sideEffect, getComponentsAlias);
         if (sideEffect !== false && !this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
             const componentsAlias = getComponentsAlias();
             const alias = componentsAlias[name]._num;
@@ -1519,6 +1530,7 @@ class TaroElement extends TaroNode {
         super.removeEventListener(type, handler);
         const name = this.nodeName;
         const SPECIAL_NODES = hooks.call('getSpecialNodes');
+        hooks.call('modifyRemoveEventListener', this, sideEffect, getComponentsAlias);
         if (sideEffect !== false && !this.isAnyEventBinded() && SPECIAL_NODES.indexOf(name) > -1) {
             const componentsAlias = getComponentsAlias();
             const value = isHasExtractProp(this) ? `static-${name}` : `pure-${name}`;
@@ -2092,15 +2104,30 @@ const specialMiniElements = {
     img: 'image',
     iframe: 'web-view'
 };
+const specialElements = new Map([
+    ['a', {
+            mapName(props) {
+                if (props.as && isString(props.as))
+                    return props.as.toLowerCase();
+                return !props.href || isString(props.href) && (/^javascript/.test(props.href)) ? 'view' : 'navigator';
+            }
+        }],
+]);
+const getSpecialElementMapping = (tag, expectsLowerCase = true) => {
+    tag = expectsLowerCase ? tag.toLowerCase() : tag;
+    return specialElements.get(tag);
+};
 const internalCompsList = Object.keys(internalComponents)
     .map(i => i.toLowerCase())
     .join(',');
 // https://developers.weixin.qq.com/miniprogram/dev/component
 const isMiniElements = makeMap(internalCompsList, true);
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements
-const isInlineElements = makeMap('a,i,abbr,iframe,select,acronym,slot,small,span,bdi,kbd,strong,big,map,sub,sup,br,mark,mark,meter,template,canvas,textarea,cite,object,time,code,output,u,data,picture,tt,datalist,var,dfn,del,q,em,s,embed,samp,b', true);
+const isInlineElements = makeMap('i,abbr,iframe,select,acronym,slot,small,span,bdi,kbd,strong,big,map,sub,sup,br,mark,mark,meter,template,canvas,textarea,cite,object,time,code,output,u,data,picture,tt,datalist,var,dfn,del,q,em,s,embed,samp,b', true);
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
 const isBlockElements = makeMap('address,fieldset,li,article,figcaption,main,aside,figure,nav,blockquote,footer,ol,details,form,p,dialog,h1,h2,h3,h4,h5,h6,pre,dd,header,section,div,hgroup,table,dl,hr,ul,dt', true);
+// specialElements
+const isSpecialElements = makeMap('a', true);
 
 const closingTagAncestorBreakers = {
     li: ['ul', 'ol', 'menu'],
@@ -2129,7 +2156,21 @@ function hasTerminalParent(tagName, stack) {
     }
     return false;
 }
-function getTagName(tag) {
+/**
+ * 将属性数组转换为属性对象
+ * @param attributes 字符串数组，包含属性信息
+ * @returns 属性对象，键为属性名，值为属性值或true
+ */
+function attributesArray2Props(attributes) {
+    const props = {};
+    for (let i = 0; i < attributes.length; i++) {
+        const attr = attributes[i];
+        const [key, value] = splitEqual(attr);
+        props[key] = value == null ? true : unquote(value);
+    }
+    return props;
+}
+function getTagName(tag, attributes) {
     if (options.html.renderHTMLTag) {
         return tag;
     }
@@ -2145,6 +2186,14 @@ function getTagName(tag) {
     else if (isInlineElements(tag)) {
         return 'text';
     }
+    else if (isSpecialElements(tag)) {
+        // if it's special tag, the real tag is determined by the config mapping
+        const mapping = getSpecialElementMapping(tag);
+        const props = attributesArray2Props(attributes);
+        if (mapping) {
+            return mapping.mapName(props);
+        }
+    }
     return 'view';
 }
 function splitEqual(str) {
@@ -2178,7 +2227,26 @@ function format(children, document, styleOptions, parent) {
             parent === null || parent === void 0 ? void 0 : parent.appendChild(text);
             return text;
         }
-        const el = document.createElement(getTagName(child.tagName));
+        // img标签,把width和height写入style,删除原有的width、height和style属性
+        if (child.tagName === 'img') {
+            let styleText = '';
+            const toBeRemovedIndexs = [];
+            for (let i = 0; i < child.attributes.length; i++) {
+                const attr = child.attributes[i];
+                const [key, value] = splitEqual(attr);
+                if (key === 'width' || key === 'height') {
+                    styleText += `${key}:${value};`;
+                    toBeRemovedIndexs.push(i);
+                }
+                else if (key === 'style') {
+                    styleText = `${styleText}${value};`;
+                    toBeRemovedIndexs.push(i);
+                }
+            }
+            child.attributes = child.attributes.filter((_, index) => !toBeRemovedIndexs.includes(index));
+            child.attributes.push(`style=${styleText.replace(/['"]/g, '')}`);
+        }
+        const el = document.createElement(getTagName(child.tagName, child.attributes));
         el.h5tagName = child.tagName;
         parent === null || parent === void 0 ? void 0 : parent.appendChild(el);
         if (!options.html.renderHTMLTag) {
@@ -2397,6 +2465,7 @@ function cloneNode(isDeep = false) {
     }
     for (const key in this) {
         const value = this[key];
+        // eslint-disable-next-line valid-typeof
         if ([PROPS, DATASET].includes(key) && typeof value === OBJECT) {
             newNode[key] = Object.assign({}, value);
         }
@@ -2425,7 +2494,7 @@ function contains(node) {
     return isContains;
 }
 
-if (!isWebPlatform()) {
+if (process.env.TARO_PLATFORM !== 'web') {
     if (ENABLE_INNER_HTML) {
         TaroNode.extend('innerHTML', {
             set(html) {
@@ -2483,13 +2552,15 @@ class TaroEvent {
         this.defaultPrevented = true;
     }
     get target() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const cacheTarget = this.cacheTarget;
         if (!cacheTarget) {
             const target = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target) || null);
-            const element = env.document.getElementById(((_b = target.dataset) === null || _b === void 0 ? void 0 : _b.sid) || target.id || null);
-            target.dataset = element !== null ? element.dataset : EMPTY_OBJ;
-            for (const key in (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.detail) {
+            const currentEle = env.document.getElementById(((_b = target.dataset) === null || _b === void 0 ? void 0 : _b.sid) || target.id || null);
+            // Note：优先判断冒泡场景alipay的targetDataset的sid, 不然冒泡场景target属性吐出不对，其余拿取当前绑定id
+            const element = env.document.getElementById(((_c = target.targetDataset) === null || _c === void 0 ? void 0 : _c.sid) || ((_d = target.dataset) === null || _d === void 0 ? void 0 : _d.sid) || target.id || null);
+            target.dataset = Object.assign(Object.assign({}, (currentEle !== null ? currentEle.dataset : EMPTY_OBJ)), (element !== null ? element.dataset : EMPTY_OBJ));
+            for (const key in (_e = this.mpEvent) === null || _e === void 0 ? void 0 : _e.detail) {
                 target[key] = this.mpEvent.detail[key];
             }
             this.cacheTarget = target;
@@ -2825,7 +2896,7 @@ class TaroText extends TaroNode {
         this._value = value;
     }
     set textContent(text) {
-        MutationObserver.record({
+        MutationObserver$1.record({
             target: this,
             type: "characterData" /* MutationRecordType.CHARACTER_DATA */,
             oldValue: this._value
@@ -2853,35 +2924,7 @@ class TaroText extends TaroNode {
     }
 }
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __classPrivateFieldGet(receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-}
-
-function __classPrivateFieldSet(receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-}
-
-var _URLSearchParams_dict;
+var _dict, _a;
 const findReg = /[!'()~]|%20|%00/g;
 const plusReg = /\+/g;
 const replaceCharMap = {
@@ -2912,93 +2955,102 @@ function decode(str) {
 function encode(str) {
     return encodeURIComponent(str).replace(findReg, replacer);
 }
-class URLSearchParams {
-    constructor(query) {
-        _URLSearchParams_dict.set(this, Object.create(null));
-        query !== null && query !== void 0 ? query : (query = '');
-        const dict = __classPrivateFieldGet(this, _URLSearchParams_dict, "f");
-        if (typeof query === 'string') {
-            if (query.charAt(0) === '?') {
-                query = query.slice(1);
-            }
-            for (let pairs = query.split('&'), i = 0, length = pairs.length; i < length; i++) {
-                const value = pairs[i];
-                const index = value.indexOf('=');
-                if (index > -1) {
-                    appendTo(dict, decode(value.slice(0, index)), decode(value.slice(index + 1)));
-                }
-                else if (value.length) {
-                    appendTo(dict, decode(value), '');
+const URLSearchParams = process.env.TARO_PLATFORM === 'web' ? env.window.URLSearchParams : (_a = class {
+        constructor(query) {
+            _dict.set(this, Object.create(null));
+            query !== null && query !== void 0 ? query : (query = '');
+            const dict = __classPrivateFieldGet(this, _dict, "f");
+            if (typeof query === 'string') {
+                if (query.charAt(0) === '?') {
+                    query = query.slice(1);
                 }
-            }
-        }
-        else {
-            if (isArray(query)) {
-                for (let i = 0, length = query.length; i < length; i++) {
-                    const value = query[i];
-                    appendTo(dict, value[0], value[1]);
+                for (let pairs = query.split('&'), i = 0, length = pairs.length; i < length; i++) {
+                    const value = pairs[i];
+                    const index = value.indexOf('=');
+                    // 针对不规范的 url 参数做容错处理，如：word=你%好
+                    try {
+                        if (index > -1) {
+                            appendTo(dict, decode(value.slice(0, index)), decode(value.slice(index + 1)));
+                        }
+                        else if (value.length) {
+                            appendTo(dict, decode(value), '');
+                        }
+                    }
+                    catch (err) {
+                        if (process.env.NODE_ENV !== 'production') {
+                            console.warn(`[Taro warn] URL 参数 ${value} decode 异常`);
+                        }
+                    }
                 }
             }
-            else if (query.forEach) {
-                query.forEach(addEach, dict);
-            }
             else {
-                for (const key in query) {
-                    appendTo(dict, key, query[key]);
+                if (isArray(query)) {
+                    for (let i = 0, length = query.length; i < length; i++) {
+                        const value = query[i];
+                        appendTo(dict, value[0], value[1]);
+                    }
+                }
+                else if (query.forEach) {
+                    query.forEach(addEach, dict);
+                }
+                else {
+                    for (const key in query) {
+                        appendTo(dict, key, query[key]);
+                    }
                 }
             }
         }
-    }
-    append(name, value) {
-        appendTo(__classPrivateFieldGet(this, _URLSearchParams_dict, "f"), name, value);
-    }
-    delete(name) {
-        delete __classPrivateFieldGet(this, _URLSearchParams_dict, "f")[name];
-    }
-    get(name) {
-        const dict = __classPrivateFieldGet(this, _URLSearchParams_dict, "f");
-        return name in dict ? dict[name][0] : null;
-    }
-    getAll(name) {
-        const dict = __classPrivateFieldGet(this, _URLSearchParams_dict, "f");
-        return name in dict ? dict[name].slice(0) : [];
-    }
-    has(name) {
-        return name in __classPrivateFieldGet(this, _URLSearchParams_dict, "f");
-    }
-    keys() {
-        return Object.keys(__classPrivateFieldGet(this, _URLSearchParams_dict, "f"));
-    }
-    set(name, value) {
-        __classPrivateFieldGet(this, _URLSearchParams_dict, "f")[name] = ['' + value];
-    }
-    forEach(callback, thisArg) {
-        const dict = __classPrivateFieldGet(this, _URLSearchParams_dict, "f");
-        Object.getOwnPropertyNames(dict).forEach(function (name) {
-            dict[name].forEach(function (value) {
-                callback.call(thisArg, value, name, this);
+        append(name, value) {
+            appendTo(__classPrivateFieldGet(this, _dict, "f"), name, value);
+        }
+        delete(name) {
+            delete __classPrivateFieldGet(this, _dict, "f")[name];
+        }
+        get(name) {
+            const dict = __classPrivateFieldGet(this, _dict, "f");
+            return name in dict ? dict[name][0] : null;
+        }
+        getAll(name) {
+            const dict = __classPrivateFieldGet(this, _dict, "f");
+            return name in dict ? dict[name].slice(0) : [];
+        }
+        has(name) {
+            return name in __classPrivateFieldGet(this, _dict, "f");
+        }
+        keys() {
+            return Object.keys(__classPrivateFieldGet(this, _dict, "f"));
+        }
+        set(name, value) {
+            __classPrivateFieldGet(this, _dict, "f")[name] = ['' + value];
+        }
+        forEach(callback, thisArg) {
+            const dict = __classPrivateFieldGet(this, _dict, "f");
+            Object.getOwnPropertyNames(dict).forEach(function (name) {
+                dict[name].forEach(function (value) {
+                    callback.call(thisArg, value, name, this);
+                }, this);
             }, this);
-        }, this);
-    }
-    toJSON() {
-        return {};
-    }
-    toString() {
-        const dict = __classPrivateFieldGet(this, _URLSearchParams_dict, "f");
-        const query = [];
-        for (const key in dict) {
-            const name = encode(key);
-            for (let i = 0, value = dict[key]; i < value.length; i++) {
-                query.push(name + '=' + encode(value[i]));
+        }
+        toJSON() {
+            return {};
+        }
+        toString() {
+            const dict = __classPrivateFieldGet(this, _dict, "f");
+            const query = [];
+            for (const key in dict) {
+                const name = encode(key);
+                for (let i = 0, value = dict[key]; i < value.length; i++) {
+                    query.push(name + '=' + encode(value[i]));
+                }
             }
+            return query.join('&');
         }
-        return query.join('&');
-    }
-}
-_URLSearchParams_dict = new WeakMap();
+    },
+    _dict = new WeakMap(),
+    _a);
 
-var _URL_hash, _URL_hostname, _URL_pathname, _URL_port, _URL_protocol, _URL_search;
-class URL {
+var _TaroURL_hash, _TaroURL_hostname, _TaroURL_pathname, _TaroURL_port, _TaroURL_protocol, _TaroURL_search;
+class TaroURL {
     static createObjectURL() {
         throw new Error('Oops, not support URL.createObjectURL() in miniprogram.');
     }
@@ -3007,29 +3059,29 @@ class URL {
     }
     constructor(url, base) {
         /* private property */
-        _URL_hash.set(this, '');
-        _URL_hostname.set(this, '');
-        _URL_pathname.set(this, '');
-        _URL_port.set(this, '');
-        _URL_protocol.set(this, '');
-        _URL_search.set(this, void 0);
+        _TaroURL_hash.set(this, '');
+        _TaroURL_hostname.set(this, '');
+        _TaroURL_pathname.set(this, '');
+        _TaroURL_port.set(this, '');
+        _TaroURL_protocol.set(this, '');
+        _TaroURL_search.set(this, void 0);
         if (!isString(url))
             url = String(url);
         const parseResult = parseUrlBase(url, base);
         const { hash, hostname, pathname, port, protocol, search } = parseResult;
-        __classPrivateFieldSet(this, _URL_hash, hash, "f");
-        __classPrivateFieldSet(this, _URL_hostname, hostname, "f");
-        __classPrivateFieldSet(this, _URL_pathname, pathname || '/', "f");
-        __classPrivateFieldSet(this, _URL_port, port, "f");
-        __classPrivateFieldSet(this, _URL_protocol, protocol, "f");
-        __classPrivateFieldSet(this, _URL_search, new URLSearchParams(search), "f");
+        __classPrivateFieldSet(this, _TaroURL_hash, hash, "f");
+        __classPrivateFieldSet(this, _TaroURL_hostname, hostname, "f");
+        __classPrivateFieldSet(this, _TaroURL_pathname, pathname || '/', "f");
+        __classPrivateFieldSet(this, _TaroURL_port, port, "f");
+        __classPrivateFieldSet(this, _TaroURL_protocol, protocol, "f");
+        __classPrivateFieldSet(this, _TaroURL_search, new URLSearchParams(search), "f");
     }
     /* public property */
     get protocol() {
-        return __classPrivateFieldGet(this, _URL_protocol, "f");
+        return __classPrivateFieldGet(this, _TaroURL_protocol, "f");
     }
     set protocol(val) {
-        isString(val) && (__classPrivateFieldSet(this, _URL_protocol, val.trim(), "f"));
+        isString(val) && (__classPrivateFieldSet(this, _TaroURL_protocol, val.trim(), "f"));
     }
     get host() {
         return this.hostname + (this.port ? ':' + this.port : '');
@@ -3043,19 +3095,19 @@ class URL {
         }
     }
     get hostname() {
-        return __classPrivateFieldGet(this, _URL_hostname, "f");
+        return __classPrivateFieldGet(this, _TaroURL_hostname, "f");
     }
     set hostname(val) {
-        val && isString(val) && (__classPrivateFieldSet(this, _URL_hostname, val.trim(), "f"));
+        val && isString(val) && (__classPrivateFieldSet(this, _TaroURL_hostname, val.trim(), "f"));
     }
     get port() {
-        return __classPrivateFieldGet(this, _URL_port, "f");
+        return __classPrivateFieldGet(this, _TaroURL_port, "f");
     }
     set port(val) {
-        isString(val) && (__classPrivateFieldSet(this, _URL_port, val.trim(), "f"));
+        isString(val) && (__classPrivateFieldSet(this, _TaroURL_port, val.trim(), "f"));
     }
     get pathname() {
-        return __classPrivateFieldGet(this, _URL_pathname, "f");
+        return __classPrivateFieldGet(this, _TaroURL_pathname, "f");
     }
     set pathname(val) {
         if (isString(val)) {
@@ -3066,31 +3118,31 @@ class URL {
                 temp = temp.replace(HEAD_REG, '');
             }
             if (temp)
-                __classPrivateFieldSet(this, _URL_pathname, '/' + temp, "f");
+                __classPrivateFieldSet(this, _TaroURL_pathname, '/' + temp, "f");
             else
-                __classPrivateFieldSet(this, _URL_pathname, '/', "f");
+                __classPrivateFieldSet(this, _TaroURL_pathname, '/', "f");
         }
     }
     get search() {
-        const val = __classPrivateFieldGet(this, _URL_search, "f").toString();
+        const val = __classPrivateFieldGet(this, _TaroURL_search, "f").toString();
         return (val.length === 0 || val.startsWith('?')) ? val : `?${val}`;
     }
     set search(val) {
         if (isString(val)) {
             val = val.trim();
-            __classPrivateFieldSet(this, _URL_search, new URLSearchParams(val), "f");
+            __classPrivateFieldSet(this, _TaroURL_search, new URLSearchParams(val), "f");
         }
     }
     get hash() {
-        return __classPrivateFieldGet(this, _URL_hash, "f");
+        return __classPrivateFieldGet(this, _TaroURL_hash, "f");
     }
     set hash(val) {
         if (isString(val)) {
             val = val.trim();
             if (val)
-                __classPrivateFieldSet(this, _URL_hash, val.startsWith('#') ? val : `#${val}`, "f");
+                __classPrivateFieldSet(this, _TaroURL_hash, val.startsWith('#') ? val : `#${val}`, "f");
             else
-                __classPrivateFieldSet(this, _URL_hash, '', "f");
+                __classPrivateFieldSet(this, _TaroURL_hash, '', "f");
         }
     }
     get href() {
@@ -3121,7 +3173,7 @@ class URL {
         }
     }
     get searchParams() {
-        return __classPrivateFieldGet(this, _URL_search, "f");
+        return __classPrivateFieldGet(this, _TaroURL_search, "f");
     }
     // public method
     toString() {
@@ -3145,7 +3197,8 @@ class URL {
         };
     }
 }
-_URL_hash = new WeakMap(), _URL_hostname = new WeakMap(), _URL_pathname = new WeakMap(), _URL_port = new WeakMap(), _URL_protocol = new WeakMap(), _URL_search = new WeakMap();
+_TaroURL_hash = new WeakMap(), _TaroURL_hostname = new WeakMap(), _TaroURL_pathname = new WeakMap(), _TaroURL_port = new WeakMap(), _TaroURL_protocol = new WeakMap(), _TaroURL_search = new WeakMap();
+const URL = process.env.TARO_PLATFORM === 'web' ? env.window.URL : TaroURL;
 function parseUrl(url = '') {
     const result = {
         href: '',
@@ -3259,6 +3312,17 @@ class AnchorElement extends TaroElement {
     }
 }
 
+class TransferElement extends TaroElement {
+    constructor(dataName) {
+        super();
+        this.dataName = dataName;
+        this.isTransferElement = true;
+    }
+    get _path() {
+        return this.dataName;
+    }
+}
+
 class TaroDocument extends TaroElement {
     constructor() {
         super();
@@ -3279,6 +3343,10 @@ class TaroDocument extends TaroElement {
             case nodeName === A:
                 element = new AnchorElement();
                 break;
+            case nodeName === 'page-meta':
+            case nodeName === 'navigation-bar':
+                element = new TransferElement(toCamelCase(nodeName));
+                break;
             default:
                 element = new TaroElement();
                 break;
@@ -3321,49 +3389,42 @@ class TaroDocument extends TaroElement {
     }
 }
 
-let document$1;
-if (process.env.TARO_ENV && !isWebPlatform()) {
-    /* eslint-disable no-inner-declarations */
-    function createDocument() {
-        /**
-           * <document>
-           *   <html>
-           *     <head></head>
-           *     <body>
-           *       <container>
-           *         <app id="app" />
-           *       </container>
-           *     </body>
-           *   </html>
-           * </document>
-           */
-        const doc = new TaroDocument();
-        const documentCreateElement = doc.createElement.bind(doc);
-        const html = documentCreateElement(HTML);
-        const head = documentCreateElement(HEAD);
-        const body = documentCreateElement(BODY);
-        const app = documentCreateElement(APP);
-        app.id = APP;
-        const container = documentCreateElement(CONTAINER); // 多包一层主要为了兼容 vue
-        doc.appendChild(html);
-        html.appendChild(head);
-        html.appendChild(body);
-        body.appendChild(container);
-        container.appendChild(app);
-        doc.documentElement = html;
-        doc.head = head;
-        doc.body = body;
-        return doc;
-    }
-    document$1 = env.document = createDocument();
-}
-else {
-    document$1 = env.document;
+function createDocument() {
+    /**
+       * <document>
+       *   <html>
+       *     <head></head>
+       *     <body>
+       *       <container>
+       *         <app id="app" />
+       *       </container>
+       *     </body>
+       *   </html>
+       * </document>
+       */
+    const doc = new TaroDocument();
+    const documentCreateElement = doc.createElement.bind(doc);
+    const html = documentCreateElement(HTML);
+    const head = documentCreateElement(HEAD);
+    const body = documentCreateElement(BODY);
+    const app = documentCreateElement(APP);
+    app.id = APP;
+    const container = documentCreateElement(CONTAINER); // 多包一层主要为了兼容 vue
+    doc.appendChild(html);
+    html.appendChild(head);
+    html.appendChild(body);
+    body.appendChild(container);
+    container.appendChild(app);
+    doc.documentElement = html;
+    doc.head = head;
+    doc.body = body;
+    return doc;
 }
+const document$1 = process.env.TARO_PLATFORM === 'web' ? env.document : (env.document = createDocument());
 
-function getComputedStyle(element) {
+const getComputedStyle = process.env.TARO_PLATFORM === 'web' ? env.window.getComputedStyle : function (element) {
     return element.style;
-}
+};
 
 const eventCenter = hooks.call('getEventCenter', Events);
 
@@ -3392,72 +3453,72 @@ class RuntimeCache {
     }
 }
 
-var _History_instances, _History_location, _History_stack, _History_cur, _History_window, _History_reset;
+var _TaroHistory_instances, _TaroHistory_location, _TaroHistory_stack, _TaroHistory_cur, _TaroHistory_window, _TaroHistory_reset;
 const cache$1 = new RuntimeCache('history');
-class History extends Events {
+class TaroHistory extends Events {
     constructor(location, options) {
         super();
-        _History_instances.add(this);
+        _TaroHistory_instances.add(this);
         /* private property */
-        _History_location.set(this, void 0);
-        _History_stack.set(this, []);
-        _History_cur.set(this, 0);
-        _History_window.set(this, void 0);
-        __classPrivateFieldSet(this, _History_window, options.window, "f");
-        __classPrivateFieldSet(this, _History_location, location, "f");
-        __classPrivateFieldGet(this, _History_location, "f").on('__record_history__', (href) => {
+        _TaroHistory_location.set(this, void 0);
+        _TaroHistory_stack.set(this, []);
+        _TaroHistory_cur.set(this, 0);
+        _TaroHistory_window.set(this, void 0);
+        __classPrivateFieldSet(this, _TaroHistory_window, options.window, "f");
+        __classPrivateFieldSet(this, _TaroHistory_location, location, "f");
+        __classPrivateFieldGet(this, _TaroHistory_location, "f").on('__record_history__', (href) => {
             var _a;
-            __classPrivateFieldSet(this, _History_cur, (_a = __classPrivateFieldGet(this, _History_cur, "f"), _a++, _a), "f");
-            __classPrivateFieldSet(this, _History_stack, __classPrivateFieldGet(this, _History_stack, "f").slice(0, __classPrivateFieldGet(this, _History_cur, "f")), "f");
-            __classPrivateFieldGet(this, _History_stack, "f").push({
+            __classPrivateFieldSet(this, _TaroHistory_cur, (_a = __classPrivateFieldGet(this, _TaroHistory_cur, "f"), _a++, _a), "f");
+            __classPrivateFieldSet(this, _TaroHistory_stack, __classPrivateFieldGet(this, _TaroHistory_stack, "f").slice(0, __classPrivateFieldGet(this, _TaroHistory_cur, "f")), "f");
+            __classPrivateFieldGet(this, _TaroHistory_stack, "f").push({
                 state: null,
                 title: '',
                 url: href
             });
         }, null);
-        __classPrivateFieldGet(this, _History_location, "f").on('__reset_history__', (href) => {
-            __classPrivateFieldGet(this, _History_instances, "m", _History_reset).call(this, href);
+        __classPrivateFieldGet(this, _TaroHistory_location, "f").on('__reset_history__', (href) => {
+            __classPrivateFieldGet(this, _TaroHistory_instances, "m", _TaroHistory_reset).call(this, href);
         }, null);
         // 切换上下文行为
         this.on(CONTEXT_ACTIONS.INIT, () => {
-            __classPrivateFieldGet(this, _History_instances, "m", _History_reset).call(this);
+            __classPrivateFieldGet(this, _TaroHistory_instances, "m", _TaroHistory_reset).call(this);
         }, null);
         this.on(CONTEXT_ACTIONS.RESTORE, (pageId) => {
             cache$1.set(pageId, {
-                location: __classPrivateFieldGet(this, _History_location, "f"),
-                stack: __classPrivateFieldGet(this, _History_stack, "f").slice(),
-                cur: __classPrivateFieldGet(this, _History_cur, "f")
+                location: __classPrivateFieldGet(this, _TaroHistory_location, "f"),
+                stack: __classPrivateFieldGet(this, _TaroHistory_stack, "f").slice(),
+                cur: __classPrivateFieldGet(this, _TaroHistory_cur, "f")
             });
         }, null);
         this.on(CONTEXT_ACTIONS.RECOVER, (pageId) => {
             if (cache$1.has(pageId)) {
                 const ctx = cache$1.get(pageId);
-                __classPrivateFieldSet(this, _History_location, ctx.location, "f");
-                __classPrivateFieldSet(this, _History_stack, ctx.stack, "f");
-                __classPrivateFieldSet(this, _History_cur, ctx.cur, "f");
+                __classPrivateFieldSet(this, _TaroHistory_location, ctx.location, "f");
+                __classPrivateFieldSet(this, _TaroHistory_stack, ctx.stack, "f");
+                __classPrivateFieldSet(this, _TaroHistory_cur, ctx.cur, "f");
             }
         }, null);
         this.on(CONTEXT_ACTIONS.DESTORY, (pageId) => {
             cache$1.delete(pageId);
         }, null);
-        __classPrivateFieldGet(this, _History_instances, "m", _History_reset).call(this);
+        __classPrivateFieldGet(this, _TaroHistory_instances, "m", _TaroHistory_reset).call(this);
     }
     /* public property */
     get length() {
-        return __classPrivateFieldGet(this, _History_stack, "f").length;
+        return __classPrivateFieldGet(this, _TaroHistory_stack, "f").length;
     }
     get state() {
-        return __classPrivateFieldGet(this, _History_stack, "f")[__classPrivateFieldGet(this, _History_cur, "f")].state;
+        return __classPrivateFieldGet(this, _TaroHistory_stack, "f")[__classPrivateFieldGet(this, _TaroHistory_cur, "f")].state;
     }
     /* public method */
     go(delta) {
         if (!isNumber(delta) || isNaN(delta))
             return;
-        let targetIdx = __classPrivateFieldGet(this, _History_cur, "f") + delta;
+        let targetIdx = __classPrivateFieldGet(this, _TaroHistory_cur, "f") + delta;
         targetIdx = Math.min(Math.max(targetIdx, 0), this.length - 1);
-        __classPrivateFieldSet(this, _History_cur, targetIdx, "f");
-        __classPrivateFieldGet(this, _History_location, "f").trigger('__set_href_without_history__', __classPrivateFieldGet(this, _History_stack, "f")[__classPrivateFieldGet(this, _History_cur, "f")].url);
-        __classPrivateFieldGet(this, _History_window, "f").trigger('popstate', __classPrivateFieldGet(this, _History_stack, "f")[__classPrivateFieldGet(this, _History_cur, "f")]);
+        __classPrivateFieldSet(this, _TaroHistory_cur, targetIdx, "f");
+        __classPrivateFieldGet(this, _TaroHistory_location, "f").trigger('__set_href_without_history__', __classPrivateFieldGet(this, _TaroHistory_stack, "f")[__classPrivateFieldGet(this, _TaroHistory_cur, "f")].url);
+        __classPrivateFieldGet(this, _TaroHistory_window, "f").trigger('popstate', __classPrivateFieldGet(this, _TaroHistory_stack, "f")[__classPrivateFieldGet(this, _TaroHistory_cur, "f")]);
     }
     back() {
         this.go(-1);
@@ -3468,40 +3529,41 @@ class History extends Events {
     pushState(state, title, url) {
         if (!url || !isString(url))
             return;
-        __classPrivateFieldSet(this, _History_stack, __classPrivateFieldGet(this, _History_stack, "f").slice(0, __classPrivateFieldGet(this, _History_cur, "f") + 1), "f");
-        __classPrivateFieldGet(this, _History_stack, "f").push({
+        __classPrivateFieldSet(this, _TaroHistory_stack, __classPrivateFieldGet(this, _TaroHistory_stack, "f").slice(0, __classPrivateFieldGet(this, _TaroHistory_cur, "f") + 1), "f");
+        __classPrivateFieldGet(this, _TaroHistory_stack, "f").push({
             state,
             title,
             url
         });
-        __classPrivateFieldSet(this, _History_cur, this.length - 1, "f");
-        __classPrivateFieldGet(this, _History_location, "f").trigger('__set_href_without_history__', url);
+        __classPrivateFieldSet(this, _TaroHistory_cur, this.length - 1, "f");
+        __classPrivateFieldGet(this, _TaroHistory_location, "f").trigger('__set_href_without_history__', url);
     }
     replaceState(state, title, url) {
         if (!url || !isString(url))
             return;
-        __classPrivateFieldGet(this, _History_stack, "f")[__classPrivateFieldGet(this, _History_cur, "f")] = {
+        __classPrivateFieldGet(this, _TaroHistory_stack, "f")[__classPrivateFieldGet(this, _TaroHistory_cur, "f")] = {
             state,
             title,
             url
         };
-        __classPrivateFieldGet(this, _History_location, "f").trigger('__set_href_without_history__', url);
+        __classPrivateFieldGet(this, _TaroHistory_location, "f").trigger('__set_href_without_history__', url);
     }
     // For debug
     get cache() {
         return cache$1;
     }
 }
-_History_location = new WeakMap(), _History_stack = new WeakMap(), _History_cur = new WeakMap(), _History_window = new WeakMap(), _History_instances = new WeakSet(), _History_reset = function _History_reset(href = '') {
-    __classPrivateFieldSet(this, _History_stack, [
+_TaroHistory_location = new WeakMap(), _TaroHistory_stack = new WeakMap(), _TaroHistory_cur = new WeakMap(), _TaroHistory_window = new WeakMap(), _TaroHistory_instances = new WeakSet(), _TaroHistory_reset = function _TaroHistory_reset(href = '') {
+    __classPrivateFieldSet(this, _TaroHistory_stack, [
         {
             state: null,
             title: '',
-            url: href || __classPrivateFieldGet(this, _History_location, "f").href
+            url: href || __classPrivateFieldGet(this, _TaroHistory_location, "f").href
         }
     ], "f");
-    __classPrivateFieldSet(this, _History_cur, 0, "f");
+    __classPrivateFieldSet(this, _TaroHistory_cur, 0, "f");
 };
+const History = process.env.TARO_PLATFORM === 'web' ? env.window.History : TaroHistory;
 
 const Current = {
     app: null,
@@ -3510,31 +3572,31 @@ const Current = {
 };
 const getCurrentInstance = () => Current;
 
-var _Location_instances, _Location_url, _Location_noCheckUrl, _Location_window, _Location_reset, _Location_getPreValue, _Location_rollBack, _Location_recordHistory, _Location_checkUrlChange;
+var _TaroLocation_instances, _TaroLocation_url, _TaroLocation_noCheckUrl, _TaroLocation_window, _TaroLocation_reset, _TaroLocation_getPreValue, _TaroLocation_rollBack, _TaroLocation_recordHistory, _TaroLocation_checkUrlChange;
 const INIT_URL = 'https://taro.com';
 const cache = new RuntimeCache('location');
-class Location extends Events {
+class TaroLocation extends Events {
     constructor(options) {
         super();
-        _Location_instances.add(this);
+        _TaroLocation_instances.add(this);
         /* private property */
-        _Location_url.set(this, new URL(INIT_URL));
-        _Location_noCheckUrl.set(this, false);
-        _Location_window.set(this, void 0);
-        __classPrivateFieldSet(this, _Location_window, options.window, "f");
-        __classPrivateFieldGet(this, _Location_instances, "m", _Location_reset).call(this);
+        _TaroLocation_url.set(this, new URL(INIT_URL));
+        _TaroLocation_noCheckUrl.set(this, false);
+        _TaroLocation_window.set(this, void 0);
+        __classPrivateFieldSet(this, _TaroLocation_window, options.window, "f");
+        __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_reset).call(this);
         this.on('__set_href_without_history__', (href) => {
-            __classPrivateFieldSet(this, _Location_noCheckUrl, true, "f");
-            const lastHash = __classPrivateFieldGet(this, _Location_url, "f").hash;
-            __classPrivateFieldGet(this, _Location_url, "f").href = generateFullUrl(href);
-            if (lastHash !== __classPrivateFieldGet(this, _Location_url, "f").hash) {
-                __classPrivateFieldGet(this, _Location_window, "f").trigger('hashchange');
+            __classPrivateFieldSet(this, _TaroLocation_noCheckUrl, true, "f");
+            const lastHash = __classPrivateFieldGet(this, _TaroLocation_url, "f").hash;
+            __classPrivateFieldGet(this, _TaroLocation_url, "f").href = generateFullUrl(href);
+            if (lastHash !== __classPrivateFieldGet(this, _TaroLocation_url, "f").hash) {
+                __classPrivateFieldGet(this, _TaroLocation_window, "f").trigger('hashchange');
             }
-            __classPrivateFieldSet(this, _Location_noCheckUrl, false, "f");
+            __classPrivateFieldSet(this, _TaroLocation_noCheckUrl, false, "f");
         }, null);
         // 切换上下文行为
         this.on(CONTEXT_ACTIONS.INIT, () => {
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_reset).call(this);
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_reset).call(this);
         }, null);
         this.on(CONTEXT_ACTIONS.RESTORE, (pageId) => {
             cache.set(pageId, {
@@ -3545,9 +3607,9 @@ class Location extends Events {
             // 数据恢复时，不需要执行跳转
             if (cache.has(pageId)) {
                 const ctx = cache.get(pageId);
-                __classPrivateFieldSet(this, _Location_noCheckUrl, true, "f");
-                __classPrivateFieldGet(this, _Location_url, "f").href = ctx.lastHref;
-                __classPrivateFieldSet(this, _Location_noCheckUrl, false, "f");
+                __classPrivateFieldSet(this, _TaroLocation_noCheckUrl, true, "f");
+                __classPrivateFieldGet(this, _TaroLocation_url, "f").href = ctx.lastHref;
+                __classPrivateFieldSet(this, _TaroLocation_noCheckUrl, false, "f");
             }
         }, null);
         this.on(CONTEXT_ACTIONS.DESTORY, (pageId) => {
@@ -3556,81 +3618,81 @@ class Location extends Events {
     }
     /* public property */
     get protocol() {
-        return __classPrivateFieldGet(this, _Location_url, "f").protocol;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").protocol;
     }
     set protocol(val) {
         const REG = /^(http|https):$/i;
         if (!val || !isString(val) || !REG.test(val.trim()))
             return;
         val = val.trim();
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").protocol = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").protocol = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     get host() {
-        return __classPrivateFieldGet(this, _Location_url, "f").host;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").host;
     }
     set host(val) {
         if (!val || !isString(val))
             return;
         val = val.trim();
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").host = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").host = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     get hostname() {
-        return __classPrivateFieldGet(this, _Location_url, "f").hostname;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").hostname;
     }
     set hostname(val) {
         if (!val || !isString(val))
             return;
         val = val.trim();
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").hostname = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").hostname = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     get port() {
-        return __classPrivateFieldGet(this, _Location_url, "f").port;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").port;
     }
     set port(val) {
         const xVal = Number((val = val.trim()));
         if (!isNumber(xVal) || xVal <= 0)
             return;
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").port = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").port = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     get pathname() {
-        return __classPrivateFieldGet(this, _Location_url, "f").pathname;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").pathname;
     }
     set pathname(val) {
         if (!val || !isString(val))
             return;
         val = val.trim();
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").pathname = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").pathname = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     get search() {
-        return __classPrivateFieldGet(this, _Location_url, "f").search;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").search;
     }
     set search(val) {
         if (!val || !isString(val))
             return;
         val = val.trim();
         val = val.startsWith('?') ? val : `?${val}`;
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").search = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").search = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     get hash() {
-        return __classPrivateFieldGet(this, _Location_url, "f").hash;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").hash;
     }
     // 小程序的navigateTo存在截断hash字符串的问题
     set hash(val) {
@@ -3638,34 +3700,34 @@ class Location extends Events {
             return;
         val = val.trim();
         val = val.startsWith('#') ? val : `#${val}`;
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").hash = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").hash = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     get href() {
-        return __classPrivateFieldGet(this, _Location_url, "f").href;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").href;
     }
     set href(val) {
         const REG = /^(http:|https:)?\/\/.+/;
         if (!val || !isString(val) || !REG.test((val = val.trim())))
             return;
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").href = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").href = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     get origin() {
-        return __classPrivateFieldGet(this, _Location_url, "f").origin;
+        return __classPrivateFieldGet(this, _TaroLocation_url, "f").origin;
     }
     set origin(val) {
         const REG = /^(http:|https:)?\/\/.+/;
         if (!val || !isString(val) || !REG.test((val = val.trim())))
             return;
-        const preValue = __classPrivateFieldGet(this, _Location_instances, "m", _Location_getPreValue).call(this);
-        __classPrivateFieldGet(this, _Location_url, "f").origin = val;
-        if (__classPrivateFieldGet(this, _Location_instances, "m", _Location_checkUrlChange).call(this, preValue))
-            __classPrivateFieldGet(this, _Location_instances, "m", _Location_recordHistory).call(this);
+        const preValue = __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_getPreValue).call(this);
+        __classPrivateFieldGet(this, _TaroLocation_url, "f").origin = val;
+        if (__classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_checkUrlChange).call(this, preValue))
+            __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_recordHistory).call(this);
     }
     /* public method */
     assign() {
@@ -3685,7 +3747,7 @@ class Location extends Events {
         return cache;
     }
 }
-_Location_url = new WeakMap(), _Location_noCheckUrl = new WeakMap(), _Location_window = new WeakMap(), _Location_instances = new WeakSet(), _Location_reset = function _Location_reset() {
+_TaroLocation_url = new WeakMap(), _TaroLocation_noCheckUrl = new WeakMap(), _TaroLocation_window = new WeakMap(), _TaroLocation_instances = new WeakSet(), _TaroLocation_reset = function _TaroLocation_reset() {
     const Current = getCurrentInstance();
     const router = Current.router;
     if (router) {
@@ -3695,23 +3757,23 @@ _Location_url = new WeakMap(), _Location_noCheckUrl = new WeakMap(), _Location_w
         });
         const searchStr = searchArr.length > 0 ? '?' + searchArr.join('&') : '';
         const url = `${INIT_URL}${path.startsWith('/') ? path : '/' + path}${searchStr}`;
-        __classPrivateFieldSet(this, _Location_url, new URL(url), "f");
+        __classPrivateFieldSet(this, _TaroLocation_url, new URL(url), "f");
         this.trigger('__reset_history__', this.href);
     }
-}, _Location_getPreValue = function _Location_getPreValue() {
-    return __classPrivateFieldGet(this, _Location_url, "f")._toRaw();
-}, _Location_rollBack = function _Location_rollBack(href) {
-    __classPrivateFieldGet(this, _Location_url, "f").href = href;
-}, _Location_recordHistory = function _Location_recordHistory() {
+}, _TaroLocation_getPreValue = function _TaroLocation_getPreValue() {
+    return __classPrivateFieldGet(this, _TaroLocation_url, "f")._toRaw();
+}, _TaroLocation_rollBack = function _TaroLocation_rollBack(href) {
+    __classPrivateFieldGet(this, _TaroLocation_url, "f").href = href;
+}, _TaroLocation_recordHistory = function _TaroLocation_recordHistory() {
     this.trigger('__record_history__', this.href);
-}, _Location_checkUrlChange = function _Location_checkUrlChange(preValue) {
-    if (__classPrivateFieldGet(this, _Location_noCheckUrl, "f")) {
+}, _TaroLocation_checkUrlChange = function _TaroLocation_checkUrlChange(preValue) {
+    if (__classPrivateFieldGet(this, _TaroLocation_noCheckUrl, "f")) {
         return false;
     }
-    const { protocol, hostname, port, pathname, search, hash } = __classPrivateFieldGet(this, _Location_url, "f")._toRaw();
+    const { protocol, hostname, port, pathname, search, hash } = __classPrivateFieldGet(this, _TaroLocation_url, "f")._toRaw();
     // 跨域三要素不允许修改
     if (protocol !== preValue.protocol || hostname !== preValue.hostname || port !== preValue.port) {
-        __classPrivateFieldGet(this, _Location_instances, "m", _Location_rollBack).call(this, preValue.href);
+        __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_rollBack).call(this, preValue.href);
         return false;
     }
     // pathname
@@ -3724,12 +3786,13 @@ _Location_url = new WeakMap(), _Location_noCheckUrl = new WeakMap(), _Location_w
     }
     // hashchange
     if (hash !== preValue.hash) {
-        __classPrivateFieldGet(this, _Location_window, "f").trigger('hashchange');
+        __classPrivateFieldGet(this, _TaroLocation_window, "f").trigger('hashchange');
         return true;
     }
-    __classPrivateFieldGet(this, _Location_instances, "m", _Location_rollBack).call(this, preValue.href);
+    __classPrivateFieldGet(this, _TaroLocation_instances, "m", _TaroLocation_rollBack).call(this, preValue.href);
     return false;
 };
+const Location = process.env.TARO_PLATFORM === 'web' ? env.window.Location : TaroLocation;
 function generateFullUrl(val = '') {
     const origin = INIT_URL;
     if (/^[/?#]/.test(val)) {
@@ -3742,7 +3805,7 @@ const machine = 'Macintosh';
 const arch = 'Intel Mac OS X 10_14_5';
 const engine = 'AppleWebKit/534.36 (KHTML, like Gecko) NodeJS/v4.1.0 Chrome/76.0.3809.132 Safari/534.36';
 const msg = '(' + machine + '; ' + arch + ') ' + engine;
-const nav = isWebPlatform() ? env.window.navigator : {
+const nav = process.env.TARO_PLATFORM === 'web' ? env.window.navigator : {
     appCodeName: 'Mozilla',
     appName: 'Netscape',
     appVersion: '5.0 ' + msg,
@@ -3789,88 +3852,83 @@ const _caf = typeof cancelAnimationFrame !== 'undefined' && cancelAnimationFrame
         clearTimeout(seed);
     };
 
-let window$1;
-if (process.env.TARO_ENV && !isWebPlatform()) {
-    class Window extends Events {
-        constructor() {
-            super();
-            this.navigator = nav;
-            this.requestAnimationFrame = _raf;
-            this.cancelAnimationFrame = _caf;
-            this.getComputedStyle = getComputedStyle;
-            const globalProperties = [
-                ...Object.getOwnPropertyNames(global || {}),
-                ...Object.getOwnPropertySymbols(global || {})
-            ];
-            globalProperties.forEach(property => {
-                if (property === 'atob' || property === 'document')
-                    return;
-                if (!Object.prototype.hasOwnProperty.call(this, property)) {
-                    // 防止小程序环境下，window 上的某些 get 属性在赋值时报错
-                    try {
-                        this[property] = global[property];
-                    }
-                    catch (e) {
-                        if (process.env.NODE_ENV !== 'production') {
-                            console.warn(`[Taro warn] window.${String(property)} 在赋值到 window 时报错`);
-                        }
+class TaroWindow extends Events {
+    constructor() {
+        super();
+        this.navigator = nav;
+        this.requestAnimationFrame = _raf;
+        this.cancelAnimationFrame = _caf;
+        this.getComputedStyle = getComputedStyle;
+        const globalProperties = [
+            ...Object.getOwnPropertyNames(global || {}),
+            ...Object.getOwnPropertySymbols(global || {})
+        ];
+        globalProperties.forEach(property => {
+            if (property === 'atob' || property === 'document')
+                return;
+            if (!Object.prototype.hasOwnProperty.call(this, property)) {
+                // 防止小程序环境下，window 上的某些 get 属性在赋值时报错
+                try {
+                    this[property] = global[property];
+                }
+                catch (e) {
+                    if (process.env.NODE_ENV !== 'production') {
+                        console.warn(`[Taro warn] window.${String(property)} 在赋值到 window 时报错`);
                     }
                 }
-            });
-            this.Date || (this.Date = Date);
-            // 应用启动时，提供给需要读取历史信息的库使用
-            this.location = new Location({ window: this });
-            this.history = new History(this.location, { window: this });
-            this.initEvent();
-        }
-        initEvent() {
-            const _location = this.location;
-            const _history = this.history;
-            this.on(CONTEXT_ACTIONS.INIT, (pageId) => {
-                // 页面onload，为该页面建立新的上下文信息
-                _location.trigger(CONTEXT_ACTIONS.INIT, pageId);
-            }, null);
-            this.on(CONTEXT_ACTIONS.RECOVER, (pageId) => {
-                // 页面onshow，恢复当前页面的上下文信息
-                _location.trigger(CONTEXT_ACTIONS.RECOVER, pageId);
-                _history.trigger(CONTEXT_ACTIONS.RECOVER, pageId);
-            }, null);
-            this.on(CONTEXT_ACTIONS.RESTORE, (pageId) => {
-                // 页面onhide，缓存当前页面的上下文信息
-                _location.trigger(CONTEXT_ACTIONS.RESTORE, pageId);
-                _history.trigger(CONTEXT_ACTIONS.RESTORE, pageId);
-            }, null);
-            this.on(CONTEXT_ACTIONS.DESTORY, (pageId) => {
-                // 页面onunload，清除当前页面的上下文信息
-                _location.trigger(CONTEXT_ACTIONS.DESTORY, pageId);
-                _history.trigger(CONTEXT_ACTIONS.DESTORY, pageId);
-            }, null);
-        }
-        get document() {
-            return env.document;
-        }
-        addEventListener(event, callback) {
-            if (!isString(event))
-                return;
-            this.on(event, callback, null);
-        }
-        removeEventListener(event, callback) {
-            if (!isString(event))
-                return;
-            this.off(event, callback, null);
-        }
-        setTimeout(...args) {
-            return setTimeout(...args);
-        }
-        clearTimeout(...args) {
-            return clearTimeout(...args);
-        }
+            }
+        });
+        this.Date || (this.Date = Date);
+        // 应用启动时，提供给需要读取历史信息的库使用
+        this.location = new Location({ window: this });
+        // @ts-ignore
+        this.history = new History(this.location, { window: this });
+        this.initEvent();
+    }
+    initEvent() {
+        const _location = this.location;
+        const _history = this.history;
+        this.on(CONTEXT_ACTIONS.INIT, (pageId) => {
+            // 页面onload，为该页面建立新的上下文信息
+            _location.trigger(CONTEXT_ACTIONS.INIT, pageId);
+        }, null);
+        this.on(CONTEXT_ACTIONS.RECOVER, (pageId) => {
+            // 页面onshow，恢复当前页面的上下文信息
+            _location.trigger(CONTEXT_ACTIONS.RECOVER, pageId);
+            _history.trigger(CONTEXT_ACTIONS.RECOVER, pageId);
+        }, null);
+        this.on(CONTEXT_ACTIONS.RESTORE, (pageId) => {
+            // 页面onhide，缓存当前页面的上下文信息
+            _location.trigger(CONTEXT_ACTIONS.RESTORE, pageId);
+            _history.trigger(CONTEXT_ACTIONS.RESTORE, pageId);
+        }, null);
+        this.on(CONTEXT_ACTIONS.DESTORY, (pageId) => {
+            // 页面onunload，清除当前页面的上下文信息
+            _location.trigger(CONTEXT_ACTIONS.DESTORY, pageId);
+            _history.trigger(CONTEXT_ACTIONS.DESTORY, pageId);
+        }, null);
+    }
+    get document() {
+        return env.document;
+    }
+    addEventListener(event, callback) {
+        if (!isString(event))
+            return;
+        this.on(event, callback, null);
+    }
+    removeEventListener(event, callback) {
+        if (!isString(event))
+            return;
+        this.off(event, callback, null);
+    }
+    setTimeout(...args) {
+        return setTimeout(...args);
+    }
+    clearTimeout(...args) {
+        return clearTimeout(...args);
     }
-    window$1 = env.window = new Window();
-}
-else {
-    window$1 = env.window;
 }
+const window$1 = process.env.TARO_PLATFORM === 'web' ? env.window : (env.window = new TaroWindow());
 const location = window$1.location;
 const history = window$1.history;
 
@@ -3878,10 +3936,29 @@ const history = window$1.history;
 class SVGElement extends TaroElement {
 }
 
+// export const removeLeadingSlash = (str = '') => str.replace(/^\.?\//, '')
+// export const removeTrailingSearch = (str = '') => str.replace(/\?[\s\S]*$/, '')
+const addLeadingSlash = (url = '') => (url.charAt(0) === '/' ? url : '/' + url);
+const hasBasename = (path = '', prefix = '') => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path) || path === prefix;
+const stripBasename = (path = '', prefix = '') => hasBasename(path, prefix) ? path.substring(prefix.length) : path;
+const stripTrailing = (str = '') => str.replace(/[?#][\s\S]*$/, '');
+const stripSuffix = (path = '', suffix = '') => path.includes(suffix) ? path.substring(0, path.length - suffix.length) : path;
+const getHomePage = (path = '', basename = '', customRoutes = {}, entryPagePath = '') => {
+    var _a;
+    const routePath = addLeadingSlash(stripBasename(path, basename));
+    const alias = ((_a = Object.entries(customRoutes).find(([key]) => key === routePath)) === null || _a === void 0 ? void 0 : _a[1]) || routePath;
+    return entryPagePath || (typeof alias === 'string' ? alias : alias[0]) || basename;
+};
+const getCurrentPage = (routerMode = 'hash', basename = '/') => {
+    const pagePath = routerMode === 'hash'
+        ? location.hash.slice(1).split('?')[0]
+        : location.pathname;
+    return addLeadingSlash(stripBasename(pagePath, basename));
+};
+
 /* eslint-disable dot-notation */
 const instances = new Map();
 const pageId = incrementId();
-const isWeb = isWebPlatform();
 function injectPageInstance(inst, id) {
     hooks.call('mergePageInstance', instances.get(id), inst);
     instances.set(id, inst);
@@ -3892,12 +3969,6 @@ function getPageInstance(id) {
 function removePageInstance(id) {
     instances.delete(id);
 }
-function addLeadingSlash(path) {
-    if (path == null) {
-        return '';
-    }
-    return path.charAt(0) === '/' ? path : '/' + path;
-}
 function safeExecute(path, lifecycle, ...args) {
     const instance = instances.get(path);
     if (instance == null) {
@@ -3924,7 +3995,7 @@ function stringify(obj) {
 }
 function getPath(id, options) {
     const idx = id.indexOf('?');
-    if (isWeb) {
+    if (process.env.TARO_PLATFORM === 'web') {
         return `${idx > -1 ? id.substring(0, idx) : id}${stringify((options === null || options === void 0 ? void 0 : options.stamp) ? { stamp: options.stamp } : {})}`;
     }
     else {
@@ -3948,7 +4019,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
     let unmounting = false;
     let prepareMountList = [];
     function setCurrentRouter(page) {
-        const router = isWeb ? page.$taroPath : page.route || page.__route__ || page.$taroPath;
+        const router = process.env.TARO_PLATFORM === 'web' ? page.$taroPath : page.route || page.__route__ || page.$taroPath;
         Current.router = {
             params: page.$taroParams,
             path: addLeadingSlash(router),
@@ -3972,7 +4043,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
             // this.$taroPath 是页面唯一标识
             const uniqueOptions = Object.assign({}, options, { $taroTimestamp: Date.now() });
             const $taroPath = this.$taroPath = getPath(id, uniqueOptions);
-            if (isWeb) {
+            if (process.env.TARO_PLATFORM === 'web') {
                 config.path = $taroPath;
             }
             // this.$taroParams 作为暴露给开发者的页面参数对象，可以被随意修改
@@ -3981,7 +4052,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
             }
             setCurrentRouter(this);
             // 初始化当前页面的上下文信息
-            if (!isWeb) {
+            if (process.env.TARO_PLATFORM !== 'web') {
                 window$1.trigger(CONTEXT_ACTIONS.INIT, $taroPath);
             }
             const mount = () => {
@@ -3990,7 +4061,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
                     ensure(pageElement !== null, '没有找到页面实例。');
                     safeExecute($taroPath, ON_LOAD, this.$taroParams);
                     loadResolver();
-                    if (!isWeb) {
+                    if (process.env.TARO_PLATFORM !== 'web') {
                         pageElement.ctx = this;
                         pageElement.performUpdate(true, cb);
                     }
@@ -4009,7 +4080,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
         [ONUNLOAD]() {
             const $taroPath = this.$taroPath;
             // 销毁当前页面的上下文信息
-            if (!isWeb) {
+            if (process.env.TARO_PLATFORM !== 'web') {
                 window$1.trigger(CONTEXT_ACTIONS.DESTORY, $taroPath);
             }
             // 触发onUnload生命周期
@@ -4043,7 +4114,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
                 Current.page = this;
                 setCurrentRouter(this);
                 // 恢复上下文信息
-                if (!isWeb) {
+                if (process.env.TARO_PLATFORM !== 'web') {
                     window$1.trigger(CONTEXT_ACTIONS.RECOVER, this.$taroPath);
                 }
                 // 触发生命周期
@@ -4054,7 +4125,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
         },
         [ONHIDE]() {
             // 缓存当前页面上下文信息
-            if (!isWeb) {
+            if (process.env.TARO_PLATFORM !== 'web') {
                 window$1.trigger(CONTEXT_ACTIONS.RESTORE, this.$taroPath);
             }
             // 设置 Current 的 page 和 router
@@ -4068,6 +4139,11 @@ function createPageConfig(component, pageName, data, pageConfig) {
             eventCenter.trigger(getOnHideEventKey(id));
         }
     };
+    if (process.env.TARO_PLATFORM === 'web') {
+        config.getOpenerEventChannel = () => {
+            return EventChannel.pageChannel;
+        };
+    }
     LIFECYCLES.forEach((lifecycle) => {
         let isDefer = false;
         lifecycle = lifecycle.replace(/^defer:/, () => {
@@ -4127,7 +4203,7 @@ function createComponentConfig(component, componentName, data) {
                 ensure(componentElement !== null, '没有找到组件实例。');
                 this.$taroInstances = instances.get(path);
                 safeExecute(path, ON_LOAD);
-                if (!isWeb) {
+                if (process.env.TARO_PLATFORM !== 'web') {
                     componentElement.ctx = this;
                     componentElement.performUpdate(true);
                 }
@@ -4184,7 +4260,7 @@ function createRecursiveComponentConfig(componentName) {
             }
         }
         : EMPTY_OBJ;
-    return Object.assign({ properties: {
+    return hooks.call('modifyRecursiveComponentConfig', Object.assign({ properties: {
             i: {
                 type: Object,
                 value: {
@@ -4200,7 +4276,7 @@ function createRecursiveComponentConfig(componentName) {
             virtualHost: !isCustomWrapper
         }, methods: {
             eh: eventHandler
-        } }, lifeCycles);
+        } }, lifeCycles), { isCustomWrapper });
 }
 
 const TIMEOUT = 100;
@@ -4225,7 +4301,7 @@ const nextTick = (cb, ctx) => {
         var _a, _b, _c;
         const pageElement = env.document.getElementById(path);
         if (pageElement === null || pageElement === void 0 ? void 0 : pageElement.pendingUpdate) {
-            if (isWebPlatform()) {
+            if (process.env.TARO_PLATFORM === 'web') {
                 // eslint-disable-next-line dot-notation
                 (_c = (_b = (_a = pageElement.firstChild) === null || _a === void 0 ? void 0 : _a['componentOnReady']) === null || _b === void 0 ? void 0 : _b.call(_a).then(() => {
                     timerFunc();
@@ -4245,5 +4321,775 @@ const nextTick = (cb, ctx) => {
     next();
 };
 
-export { A, APP, BEHAVIORS, BODY, CATCHMOVE, CATCH_VIEW, CHANGE, CLASS, COMMENT, COMPILE_MODE, CONFIRM, CONTAINER, CONTEXT_ACTIONS, CURRENT_TARGET, CUSTOM_WRAPPER, Current, DATASET, DATE, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, EVENT_CALLBACK_RESULT, EXTERNAL_CLASSES, FOCUS, FormElement, HEAD, HOOKS_APP_ID, HTML, History, ID, INPUT, KEY_CODE, Location, MutationObserver, OBJECT, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, PROPERTY_THRESHOLD, PROPS, PURE_VIEW, ROOT_STR, SET_DATA, SET_TIMEOUT, STATIC_VIEW, STYLE, SVGElement, Style, TARGET, TARO_RUNTIME, TIME_STAMP, TOUCHMOVE, TYPE, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, UID, URL, URLSearchParams, VALUE, VIEW, addLeadingSlash, _caf as cancelAnimationFrame, createComponentConfig, createEvent, createPageConfig, createRecursiveComponentConfig, document$1 as document, env, eventCenter, eventHandler, eventSource, getComputedStyle, getCurrentInstance, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, history, hydrate, incrementId, injectPageInstance, location, nav as navigator, nextTick, now, options, parseUrl, removePageInstance, _raf as requestAnimationFrame, safeExecute, stringify, window$1 as window };
+function handleArrayFindPolyfill() {
+    if (!isFunction(Array.prototype.find)) {
+        Object.defineProperty(Array.prototype, 'find', {
+            value(predicate) {
+                if (this == null) {
+                    throw new TypeError('"this" is null or not defined');
+                }
+                const o = Object(this);
+                const len = o.length >>> 0;
+                if (!isFunction(predicate)) {
+                    throw new TypeError('predicate must be a function');
+                }
+                const thisArg = arguments[1];
+                let k = 0;
+                while (k < len) {
+                    const kValue = o[k];
+                    if (predicate.call(thisArg, kValue, k, o)) {
+                        return kValue;
+                    }
+                    k++;
+                }
+                return undefined;
+            }
+        });
+    }
+}
+function handleArrayIncludesPolyfill() {
+    if (!isFunction(Array.prototype.includes)) {
+        Object.defineProperty(Array.prototype, 'includes', {
+            value(searchElement, fromIndex) {
+                if (this == null) {
+                    throw new TypeError('"this" is null or not defined');
+                }
+                const o = Object(this);
+                const len = o.length >>> 0;
+                if (len === 0) {
+                    return false;
+                }
+                const n = fromIndex | 0;
+                let k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
+                while (k < len) {
+                    if (o[k] === searchElement) {
+                        return true;
+                    }
+                    k++;
+                }
+                return false;
+            }
+        });
+    }
+}
+
+/* eslint-disable eqeqeq */
+function handleIntersectionObserverPolyfill() {
+    // Exit early if all IntersectionObserver and IntersectionObserverEntry
+    // features are natively supported.
+    if ('IntersectionObserver' in window &&
+        'IntersectionObserverEntry' in window &&
+        'intersectionRatio' in window.IntersectionObserverEntry.prototype) {
+        if (!('isIntersecting' in window.IntersectionObserverEntry.prototype)) {
+            // Minimal polyfill for Edge 15's lack of `isIntersecting`
+            // See: https://github.com/w3c/IntersectionObserver/issues/211
+            Object.defineProperty(window.IntersectionObserverEntry.prototype, 'isIntersecting', {
+                get: function () {
+                    return this.intersectionRatio > 0;
+                }
+            });
+        }
+    }
+    else {
+        handleIntersectionObserverObjectPolyfill();
+    }
+}
+function handleIntersectionObserverObjectPolyfill() {
+    const document = window.document;
+    /**
+     * Creates the global IntersectionObserverEntry constructor.
+     * https://w3c.github.io/IntersectionObserver/#intersection-observer-entry
+     * @param {Object} entry A dictionary of instance properties.
+     * @constructor
+     */
+    function IntersectionObserverEntry(entry) {
+        this.time = entry.time;
+        this.target = entry.target;
+        this.rootBounds = entry.rootBounds;
+        this.boundingClientRect = entry.boundingClientRect;
+        this.intersectionRect = entry.intersectionRect || getEmptyRect();
+        this.isIntersecting = !!entry.intersectionRect;
+        // Calculates the intersection ratio.
+        const targetRect = this.boundingClientRect;
+        const targetArea = targetRect.width * targetRect.height;
+        const intersectionRect = this.intersectionRect;
+        const intersectionArea = intersectionRect.width * intersectionRect.height;
+        // Sets intersection ratio.
+        if (targetArea) {
+            // Round the intersection ratio to avoid floating point math issues:
+            // https://github.com/w3c/IntersectionObserver/issues/324
+            this.intersectionRatio = Number((intersectionArea / targetArea).toFixed(4));
+        }
+        else {
+            // If area is zero and is intersecting, sets to 1, otherwise to 0
+            this.intersectionRatio = this.isIntersecting ? 1 : 0;
+        }
+    }
+    /**
+     * Creates the global IntersectionObserver constructor.
+     * https://w3c.github.io/IntersectionObserver/#intersection-observer-interface
+     * @param {Function} callback The function to be invoked after intersection
+     *     changes have queued. The function is not invoked if the queue has
+     *     been emptied by calling the `takeRecords` method.
+     * @param {Object=} opt_options Optional configuration options.
+     * @constructor
+     */
+    function IntersectionObserver(callback, options = {}) {
+        if (!isFunction(callback)) {
+            throw new Error('callback must be a function');
+        }
+        if (options.root && options.root.nodeType != 1) {
+            throw new Error('root must be an Element');
+        }
+        // Binds and throttles `this._checkForIntersections`.
+        this._checkForIntersections = throttle(this._checkForIntersections.bind(this), this.THROTTLE_TIMEOUT);
+        // Private properties.
+        this._callback = callback;
+        this._observationTargets = [];
+        this._queuedEntries = [];
+        this._rootMarginValues = this._parseRootMargin(options.rootMargin);
+        // Public properties.
+        this.thresholds = this._initThresholds(options.threshold);
+        this.root = options.root || null;
+        this.rootMargin = this._rootMarginValues.map(function (margin) {
+            return margin.value + margin.unit;
+        }).join(' ');
+    }
+    /**
+     * The minimum interval within which the document will be checked for
+     * intersection changes.
+     */
+    IntersectionObserver.prototype.THROTTLE_TIMEOUT = 100;
+    /**
+     * The frequency in which the polyfill polls for intersection changes.
+     * this can be updated on a per instance basis and must be set prior to
+     * calling `observe` on the first target.
+     */
+    IntersectionObserver.prototype.POLL_INTERVAL = null;
+    /**
+     * Use a mutation observer on the root element
+     * to detect intersection changes.
+     */
+    IntersectionObserver.prototype.USE_MUTATION_OBSERVER = true;
+    /**
+     * Starts observing a target element for intersection changes based on
+     * the thresholds values.
+     * @param {Element} target The DOM element to observe.
+     */
+    IntersectionObserver.prototype.observe = function (target) {
+        const isTargetAlreadyObserved = this._observationTargets.some(function (item) {
+            return item.element == target;
+        });
+        if (isTargetAlreadyObserved)
+            return;
+        if (!(target && target.nodeType == 1)) {
+            throw new Error('target must be an Element');
+        }
+        this._registerInstance();
+        this._observationTargets.push({ element: target, entry: null });
+        this._monitorIntersections();
+        this._checkForIntersections();
+    };
+    /**
+     * Stops observing a target element for intersection changes.
+     * @param {Element} target The DOM element to observe.
+     */
+    IntersectionObserver.prototype.unobserve = function (target) {
+        this._observationTargets =
+            this._observationTargets.filter(function (item) {
+                return item.element != target;
+            });
+        if (!this._observationTargets.length) {
+            this._unmonitorIntersections();
+            this._unregisterInstance();
+        }
+    };
+    /**
+     * Stops observing all target elements for intersection changes.
+     */
+    IntersectionObserver.prototype.disconnect = function () {
+        this._observationTargets = [];
+        this._unmonitorIntersections();
+        this._unregisterInstance();
+    };
+    /**
+     * Returns any queue entries that have not yet been reported to the
+     * callback and clears the queue. This can be used in conjunction with the
+     * callback to obtain the absolute most up-to-date intersection information.
+     * @return {Array} The currently queued entries.
+     */
+    IntersectionObserver.prototype.takeRecords = function () {
+        const records = this._queuedEntries.slice();
+        this._queuedEntries = [];
+        return records;
+    };
+    /**
+     * Accepts the threshold value from the user configuration object and
+     * returns a sorted array of unique threshold values. If a value is not
+     * between 0 and 1 and error is thrown.
+     * @private
+     * @param {Array|number=} opt_threshold An optional threshold value or
+     *     a list of threshold values, defaulting to [0].
+     * @return {Array} A sorted list of unique and valid threshold values.
+     */
+    IntersectionObserver.prototype._initThresholds = function (opt_threshold) {
+        let threshold = opt_threshold || [0];
+        if (!Array.isArray(threshold))
+            threshold = [threshold];
+        return threshold.sort().filter(function (t, i, a) {
+            if (!isNumber(t) || isNaN(t) || t < 0 || t > 1) {
+                throw new Error('threshold must be a number between 0 and 1 inclusively');
+            }
+            return t !== a[i - 1];
+        });
+    };
+    /**
+     * Accepts the rootMargin value from the user configuration object
+     * and returns an array of the four margin values as an object containing
+     * the value and unit properties. If any of the values are not properly
+     * formatted or use a unit other than px or %, and error is thrown.
+     * @private
+     * @param {string=} opt_rootMargin An optional rootMargin value,
+     *     defaulting to '0px'.
+     * @return {Array<Object>} An array of margin objects with the keys
+     *     value and unit.
+     */
+    IntersectionObserver.prototype._parseRootMargin = function (opt_rootMargin) {
+        const marginString = opt_rootMargin || '0px';
+        const margins = marginString.split(/\s+/).map(function (margin) {
+            const parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin);
+            if (!parts) {
+                throw new Error('rootMargin must be specified in pixels or percent');
+            }
+            return { value: parseFloat(parts[1]), unit: parts[2] };
+        });
+        // Handles shorthand.
+        margins[1] = margins[1] || margins[0];
+        margins[2] = margins[2] || margins[0];
+        margins[3] = margins[3] || margins[1];
+        return margins;
+    };
+    /**
+     * Starts polling for intersection changes if the polling is not already
+     * happening, and if the page's visibility state is visible.
+     * @private
+     */
+    IntersectionObserver.prototype._monitorIntersections = function () {
+        if (!this._monitoringIntersections) {
+            this._monitoringIntersections = true;
+            // If a poll interval is set, use polling instead of listening to
+            // resize and scroll events or DOM mutations.
+            if (this.POLL_INTERVAL) {
+                this._monitoringInterval = setInterval(this._checkForIntersections, this.POLL_INTERVAL);
+            }
+            else {
+                addEvent(window, 'resize', this._checkForIntersections, true);
+                addEvent(document, 'scroll', this._checkForIntersections, true);
+                if (this.USE_MUTATION_OBSERVER && 'MutationObserver' in window) {
+                    this._domObserver = new MutationObserver(this._checkForIntersections);
+                    this._domObserver.observe(document, {
+                        attributes: true,
+                        childList: true,
+                        characterData: true,
+                        subtree: true
+                    });
+                }
+            }
+        }
+    };
+    /**
+     * Stops polling for intersection changes.
+     * @private
+     */
+    IntersectionObserver.prototype._unmonitorIntersections = function () {
+        if (this._monitoringIntersections) {
+            this._monitoringIntersections = false;
+            clearInterval(this._monitoringInterval);
+            this._monitoringInterval = null;
+            removeEvent(window, 'resize', this._checkForIntersections, true);
+            removeEvent(document, 'scroll', this._checkForIntersections, true);
+            if (this._domObserver) {
+                this._domObserver.disconnect();
+                this._domObserver = null;
+            }
+        }
+    };
+    /**
+     * Scans each observation target for intersection changes and adds them
+     * to the internal entries queue. If new entries are found, it
+     * schedules the callback to be invoked.
+     * @private
+     */
+    IntersectionObserver.prototype._checkForIntersections = function () {
+        const rootIsInDom = this._rootIsInDom();
+        const rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect();
+        this._observationTargets.forEach(function (item) {
+            const target = item.element;
+            const targetRect = getBoundingClientRect(target);
+            const rootContainsTarget = this._rootContainsTarget(target);
+            const oldEntry = item.entry;
+            const intersectionRect = rootIsInDom && rootContainsTarget &&
+                this._computeTargetAndRootIntersection(target, rootRect);
+            const newEntry = item.entry = new IntersectionObserverEntry({
+                time: now(),
+                target: target,
+                boundingClientRect: targetRect,
+                rootBounds: rootRect,
+                intersectionRect: intersectionRect,
+                intersectionRatio: -1,
+                isIntersecting: false,
+            });
+            if (!oldEntry) {
+                this._queuedEntries.push(newEntry);
+            }
+            else if (rootIsInDom && rootContainsTarget) {
+                // If the new entry intersection ratio has crossed any of the
+                // thresholds, add a new entry.
+                if (this._hasCrossedThreshold(oldEntry, newEntry)) {
+                    this._queuedEntries.push(newEntry);
+                }
+            }
+            else {
+                // If the root is not in the DOM or target is not contained within
+                // root but the previous entry for this target had an intersection,
+                // add a new record indicating removal.
+                if (oldEntry && oldEntry.isIntersecting) {
+                    this._queuedEntries.push(newEntry);
+                }
+            }
+        }, this);
+        if (this._queuedEntries.length) {
+            this._callback(this.takeRecords(), this);
+        }
+    };
+    /**
+     * Accepts a target and root rect computes the intersection between then
+     * following the algorithm in the spec.
+     * TODO(philipwalton): at this time clip-path is not considered.
+     * https://w3c.github.io/IntersectionObserver/#calculate-intersection-rect-algo
+     * @param {Element} target The target DOM element
+     * @param {Object} rootRect The bounding rect of the root after being
+     *     expanded by the rootMargin value.
+     * @return {?Object} The final intersection rect object or undefined if no
+     *     intersection is found.
+     * @private
+     */
+    IntersectionObserver.prototype._computeTargetAndRootIntersection = function (target, rootRect) {
+        // If the element isn't displayed, an intersection can't happen.
+        if (window.getComputedStyle(target).display === 'none')
+            return;
+        const targetRect = getBoundingClientRect(target);
+        let intersectionRect = targetRect;
+        let parent = getParentNode(target);
+        let atRoot = false;
+        while (!atRoot) {
+            let parentRect = null;
+            const parentComputedStyle = parent.nodeType == 1 ?
+                window.getComputedStyle(parent) : {};
+            // If the parent isn't displayed, an intersection can't happen.
+            if (parentComputedStyle.display === 'none')
+                return;
+            if (parent == this.root || parent == document) {
+                atRoot = true;
+                parentRect = rootRect;
+            }
+            else {
+                // If the element has a non-visible overflow, and it's not the <body>
+                // or <html> element, update the intersection rect.
+                // Note: <body> and <html> cannot be clipped to a rect that's not also
+                // the document rect, so no need to compute a new intersection.
+                if (parent != document.body &&
+                    parent != document.documentElement &&
+                    parentComputedStyle.overflow != 'visible') {
+                    parentRect = getBoundingClientRect(parent);
+                }
+            }
+            // If either of the above conditionals set a new parentRect,
+            // calculate new intersection data.
+            if (parentRect) {
+                intersectionRect = computeRectIntersection(parentRect, intersectionRect);
+                if (!intersectionRect)
+                    break;
+            }
+            parent = getParentNode(parent);
+        }
+        return intersectionRect;
+    };
+    /**
+   * Returns the root rect after being expanded by the rootMargin value.
+   * @return {Object} The expanded root rect.
+   * @private
+   */
+    IntersectionObserver.prototype._getRootRect = function () {
+        let rootRect;
+        if (this.root) {
+            rootRect = getBoundingClientRect(this.root);
+        }
+        else {
+            // Use <html>/<body> instead of window since scroll bars affect size.
+            const html = document.documentElement;
+            const body = document.body;
+            rootRect = {
+                top: 0,
+                left: 0,
+                right: html.clientWidth || body.clientWidth,
+                width: html.clientWidth || body.clientWidth,
+                bottom: html.clientHeight || body.clientHeight,
+                height: html.clientHeight || body.clientHeight
+            };
+        }
+        return this._expandRectByRootMargin(rootRect);
+    };
+    /**
+     * Accepts a rect and expands it by the rootMargin value.
+     * @param {Object} rect The rect object to expand.
+     * @return {Object} The expanded rect.
+     * @private
+     */
+    IntersectionObserver.prototype._expandRectByRootMargin = function (rect) {
+        const margins = this._rootMarginValues.map(function (margin, i) {
+            return margin.unit === 'px' ? margin.value :
+                margin.value * (i % 2 ? rect.width : rect.height) / 100;
+        });
+        const newRect = {
+            top: rect.top - margins[0],
+            right: rect.right + margins[1],
+            bottom: rect.bottom + margins[2],
+            left: rect.left - margins[3]
+        };
+        newRect.width = newRect.right - newRect.left;
+        newRect.height = newRect.bottom - newRect.top;
+        return newRect;
+    };
+    /**
+     * Accepts an old and new entry and returns true if at least one of the
+     * threshold values has been crossed.
+     * @param {?IntersectionObserverEntry} oldEntry The previous entry for a
+     *    particular target element or null if no previous entry exists.
+     * @param {IntersectionObserverEntry} newEntry The current entry for a
+     *    particular target element.
+     * @return {boolean} Returns true if a any threshold has been crossed.
+     * @private
+     */
+    IntersectionObserver.prototype._hasCrossedThreshold =
+        function (oldEntry, newEntry) {
+            // To make comparing easier, an entry that has a ratio of 0
+            // but does not actually intersect is given a value of -1
+            const oldRatio = oldEntry && oldEntry.isIntersecting ? oldEntry.intersectionRatio || 0 : -1;
+            const newRatio = newEntry.isIntersecting ? newEntry.intersectionRatio || 0 : -1;
+            // Ignore unchanged ratios
+            if (oldRatio === newRatio)
+                return;
+            for (let i = 0; i < this.thresholds.length; i++) {
+                const threshold = this.thresholds[i];
+                // Return true if an entry matches a threshold or if the new ratio
+                // and the old ratio are on the opposite sides of a threshold.
+                if (threshold == oldRatio || threshold == newRatio ||
+                    threshold < oldRatio !== threshold < newRatio) {
+                    return true;
+                }
+            }
+        };
+    /**
+     * Returns whether or not the root element is an element and is in the DOM.
+     * @return {boolean} True if the root element is an element and is in the DOM.
+     * @private
+     */
+    IntersectionObserver.prototype._rootIsInDom = function () {
+        return !this.root || containsDeep(document, this.root);
+    };
+    /**
+     * Returns whether or not the target element is a child of root.
+     * @param {Element} target The target element to check.
+     * @return {boolean} True if the target element is a child of root.
+     * @private
+     */
+    IntersectionObserver.prototype._rootContainsTarget = function (target) {
+        return containsDeep(this.root || document, target);
+    };
+    /**
+     * Adds the instance to the global IntersectionObserver registry if it isn't
+     * already present.
+     * @private
+     */
+    IntersectionObserver.prototype._registerInstance = function () {
+    };
+    /**
+   * Removes the instance from the global IntersectionObserver registry.
+   * @private
+   */
+    IntersectionObserver.prototype._unregisterInstance = function () {
+    };
+    /**
+     * Returns the result of the performance.now() method or null in browsers
+     * that don't support the API.
+     * @return {number} The elapsed time since the page was requested.
+     */
+    function now() {
+        return window.performance && performance.now && performance.now();
+    }
+    /**
+     * Adds an event handler to a DOM node ensuring cross-browser compatibility.
+     * @param {Node} node The DOM node to add the event handler to.
+     * @param {string} event The event name.
+     * @param {Function} fn The event handler to add.
+     * @param {boolean} opt_useCapture Optionally adds the even to the capture
+     *     phase. Note: this only works in modern browsers.
+     */
+    function addEvent(node, event, fn, opt_useCapture) {
+        if (isFunction(node.addEventListener)) {
+            node.addEventListener(event, fn, opt_useCapture || false);
+        }
+        else if (isFunction(node.attachEvent)) {
+            node.attachEvent('on' + event, fn);
+        }
+    }
+    /**
+     * Removes a previously added event handler from a DOM node.
+     * @param {Node} node The DOM node to remove the event handler from.
+     * @param {string} event The event name.
+     * @param {Function} fn The event handler to remove.
+     * @param {boolean} opt_useCapture If the event handler was added with this
+     *     flag set to true, it should be set to true here in order to remove it.
+     */
+    function removeEvent(node, event, fn, opt_useCapture) {
+        if (isFunction(node.removeEventListener)) {
+            node.removeEventListener(event, fn, opt_useCapture || false);
+        }
+        else if (isFunction(node.detatchEvent)) {
+            node.detatchEvent('on' + event, fn);
+        }
+    }
+    /**
+     * Returns the intersection between two rect objects.
+     * @param {Object} rect1 The first rect.
+     * @param {Object} rect2 The second rect.
+     * @return {?Object} The intersection rect or undefined if no intersection
+     *     is found.
+     */
+    function computeRectIntersection(rect1, rect2) {
+        const top = Math.max(rect1.top, rect2.top);
+        const bottom = Math.min(rect1.bottom, rect2.bottom);
+        const left = Math.max(rect1.left, rect2.left);
+        const right = Math.min(rect1.right, rect2.right);
+        const width = right - left;
+        const height = bottom - top;
+        return (width >= 0 && height >= 0) && {
+            top: top,
+            bottom: bottom,
+            left: left,
+            right: right,
+            width: width,
+            height: height
+        };
+    }
+    /**
+     * Shims the native getBoundingClientRect for compatibility with older IE.
+     * @param {Element} el The element whose bounding rect to get.
+     * @return {Object} The (possibly shimmed) rect of the element.
+     */
+    function getBoundingClientRect(el) {
+        let rect;
+        try {
+            rect = el.getBoundingClientRect();
+        }
+        catch (err) {
+            // Ignore Windows 7 IE11 "Unspecified error"
+            // https://github.com/w3c/IntersectionObserver/pull/205
+        }
+        if (!rect)
+            return getEmptyRect();
+        // Older IE
+        if (!(rect.width && rect.height)) {
+            rect = {
+                top: rect.top,
+                right: rect.right,
+                bottom: rect.bottom,
+                left: rect.left,
+                width: rect.right - rect.left,
+                height: rect.bottom - rect.top
+            };
+        }
+        return rect;
+    }
+    /**
+     * Returns an empty rect object. An empty rect is returned when an element
+     * is not in the DOM.
+     * @return {Object} The empty rect.
+     */
+    function getEmptyRect() {
+        return {
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0,
+            width: 0,
+            height: 0
+        };
+    }
+    /**
+     * Checks to see if a parent element contains a child element (including inside
+     * shadow DOM).
+     * @param {Node} parent The parent element.
+     * @param {Node} child The child element.
+     * @return {boolean} True if the parent node contains the child node.
+     */
+    function containsDeep(parent, child) {
+        let node = child;
+        while (node) {
+            if (node == parent)
+                return true;
+            node = getParentNode(node);
+        }
+        return false;
+    }
+    /**
+     * Gets the parent node of an element or its host element if the parent node
+     * is a shadow root.
+     * @param {Node} node The node whose parent to get.
+     * @return {Node|null} The parent node or null if no parent exists.
+     */
+    function getParentNode(node) {
+        const parent = node.parentNode;
+        if (parent && parent.nodeType == 11 && parent.host) {
+            // If the parent is a shadow root, return the host element.
+            return parent.host;
+        }
+        if (parent && parent.assignedSlot) {
+            // If the parent is distributed in a <slot>, return the parent of a slot.
+            return parent.assignedSlot.parentNode;
+        }
+        return parent;
+    }
+    // Exposes the constructors globally.
+    window.IntersectionObserver = IntersectionObserver;
+    window.IntersectionObserverEntry = IntersectionObserverEntry;
+}
+
+function handleObjectAssignPolyfill() {
+    if (!isFunction(Object.assign)) {
+        // Must be writable: true, enumerable: false, configurable: true
+        Object.assign = function (target) {
+            if (target == null) { // TypeError if undefined or null
+                throw new TypeError('Cannot convert undefined or null to object');
+            }
+            const to = Object(target);
+            for (let index = 1; index < arguments.length; index++) {
+                const nextSource = arguments[index];
+                if (nextSource != null) { // Skip over if undefined or null
+                    for (const nextKey in nextSource) {
+                        // Avoid bugs when hasOwnProperty is shadowed
+                        if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+                            to[nextKey] = nextSource[nextKey];
+                        }
+                    }
+                }
+            }
+            return to;
+        };
+    }
+}
+function handleObjectEntriesPolyfill() {
+    if (!isFunction(Object.entries)) {
+        // Must be writable: true, enumerable: false, configurable: true
+        Object.entries = function (obj) {
+            if (obj == null) { // TypeError if undefined or null
+                throw new TypeError('Cannot convert undefined or null to object');
+            }
+            const to = [];
+            if (obj != null) { // Skip over if undefined or null
+                for (const key in obj) {
+                    // Avoid bugs when hasOwnProperty is shadowed
+                    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                        to.push([key, obj[key]]);
+                    }
+                }
+            }
+            return to;
+        };
+    }
+}
+function handleObjectDefinePropertyPolyfill() {
+    if (!isFunction(Object.defineProperties)) {
+        Object.defineProperties = function (obj, properties) {
+            function convertToDescriptor(desc) {
+                function hasProperty(obj, prop) {
+                    return Object.prototype.hasOwnProperty.call(obj, prop);
+                }
+                if (!isObject(desc)) {
+                    throw new TypeError('bad desc');
+                }
+                const d = {};
+                if (hasProperty(desc, 'enumerable'))
+                    d.enumerable = !!desc.enumerable;
+                if (hasProperty(desc, 'configurable')) {
+                    d.configurable = !!desc.configurable;
+                }
+                if (hasProperty(desc, 'value'))
+                    d.value = desc.value;
+                if (hasProperty(desc, 'writable'))
+                    d.writable = !!desc.writable;
+                if (hasProperty(desc, 'get')) {
+                    const g = desc.get;
+                    if (!isFunction(g) && !isUndefined(g)) {
+                        throw new TypeError('bad get');
+                    }
+                    d.get = g;
+                }
+                if (hasProperty(desc, 'set')) {
+                    const s = desc.set;
+                    if (!isFunction(s) && !isUndefined(s)) {
+                        throw new TypeError('bad set');
+                    }
+                    d.set = s;
+                }
+                if (('get' in d || 'set' in d) && ('value' in d || 'writable' in d)) {
+                    throw new TypeError('identity-confused descriptor');
+                }
+                return d;
+            }
+            if (!isObject(obj))
+                throw new TypeError('bad obj');
+            properties = Object(properties);
+            const keys = Object.keys(properties);
+            const descs = [];
+            for (let i = 0; i < keys.length; i++) {
+                descs.push([keys[i], convertToDescriptor(properties[keys[i]])]);
+            }
+            for (let i = 0; i < descs.length; i++) {
+                Object.defineProperty(obj, descs[i][0], descs[i][1]);
+            }
+            return obj;
+        };
+    }
+}
+
+function handlePolyfill() {
+    if (process.env.SUPPORT_TARO_POLYFILL === 'enabled' || process.env.SUPPORT_TARO_POLYFILL === 'Object' || process.env.SUPPORT_TARO_POLYFILL === 'Object.assign') {
+        handleObjectAssignPolyfill();
+    }
+    if (process.env.SUPPORT_TARO_POLYFILL === 'enabled' || process.env.SUPPORT_TARO_POLYFILL === 'Object' || process.env.SUPPORT_TARO_POLYFILL === 'Object.entries') {
+        handleObjectEntriesPolyfill();
+    }
+    if (process.env.SUPPORT_TARO_POLYFILL === 'enabled' || process.env.SUPPORT_TARO_POLYFILL === 'Object' || process.env.SUPPORT_TARO_POLYFILL === 'Object.defineProperty') {
+        handleObjectDefinePropertyPolyfill();
+    }
+    if (process.env.SUPPORT_TARO_POLYFILL === 'enabled' || process.env.SUPPORT_TARO_POLYFILL === 'Array' || process.env.SUPPORT_TARO_POLYFILL === 'Array.find') {
+        handleArrayFindPolyfill();
+    }
+    if (process.env.SUPPORT_TARO_POLYFILL === 'enabled' || process.env.SUPPORT_TARO_POLYFILL === 'Array' || process.env.SUPPORT_TARO_POLYFILL === 'Array.includes') {
+        handleArrayIncludesPolyfill();
+    }
+    // Exit early if we're not running in a browser.
+    if (process.env.TARO_PLATFORM === 'web' && isObject(window)) {
+        if (process.env.SUPPORT_TARO_POLYFILL === 'enabled' || process.env.SUPPORT_TARO_POLYFILL === 'IntersectionObserver') {
+            handleIntersectionObserverPolyfill();
+        }
+    }
+}
+if (process.env.SUPPORT_TARO_POLYFILL !== 'disabled' && process.env.TARO_PLATFORM !== 'web') {
+    handlePolyfill();
+}
+
+export { A, APP, BEHAVIORS, BODY, CATCHMOVE, CATCH_VIEW, CHANGE, CLASS, COMMENT, COMPILE_MODE, CONFIRM, CONTAINER, CONTEXT_ACTIONS, CURRENT_TARGET, CUSTOM_WRAPPER, Current, DATASET, DATE, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, EVENT_CALLBACK_RESULT, EXTERNAL_CLASSES, FOCUS, FormElement, HEAD, HOOKS_APP_ID, HTML, History, ID, INPUT, KEY_CODE, Location, MutationObserver$1 as MutationObserver, OBJECT, ON_HIDE, ON_LOAD, ON_READY, ON_SHOW, OPTIONS, PAGE_INIT, PROPERTY_THRESHOLD, PROPS, PURE_VIEW, ROOT_STR, SET_DATA, SET_TIMEOUT, STATIC_VIEW, STYLE, SVGElement, Style, TARGET, TARO_RUNTIME, TIME_STAMP, TOUCHMOVE, TYPE, TaroElement, TaroEvent, TaroNode, TaroRootElement, TaroText, UID, URL, URLSearchParams, VALUE, VIEW, addLeadingSlash, _caf as cancelAnimationFrame, createComponentConfig, createEvent, createPageConfig, createRecursiveComponentConfig, document$1 as document, env, eventCenter, eventHandler, eventSource, getComputedStyle, getCurrentInstance, getCurrentPage, getHomePage, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, handlePolyfill, hasBasename, history, hydrate, incrementId, injectPageInstance, isHasExtractProp, location, nav as navigator, nextTick, now, options, parseUrl, removePageInstance, _raf as requestAnimationFrame, safeExecute, stringify, stripBasename, stripSuffix, stripTrailing, window$1 as window };
 //# sourceMappingURL=runtime.esm.js.map