@tarojs/router 4.0.0-beta.0 → 4.0.0-beta.2

package/dist/index.cjs.js

@@ -1,44 +1,39 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var history = require('history');
-var runtime = require('@tarojs/runtime');
-var MobileDetect = require('mobile-detect');
-var queryString = require('query-string');
 var components = require('@tarojs/components/dist/components');
 var taro = require('@tarojs/taro');
+var tslib = require('tslib');
+var runtime = require('@tarojs/runtime');
+var history = require('history');
+var queryString = require('query-string');
 var UniversalRouter = require('universal-router');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var MobileDetect__default = /*#__PURE__*/_interopDefaultLegacy(MobileDetect);
-var queryString__default = /*#__PURE__*/_interopDefaultLegacy(queryString);
-var UniversalRouter__default = /*#__PURE__*/_interopDefaultLegacy(UniversalRouter);
-
-/******************************************************************************
-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 __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
+function initTabbar(config, history) {
+    if (config.tabBar == null || config.tabBar.custom) {
+        return;
+    }
+    // TODO: custom-tab-bar
+    components.defineCustomElementTaroTabbar();
+    const tabbar = document.createElement('taro-tabbar');
+    const homePage = config.entryPagePath || (config.pages ? config.pages[0] : '');
+    tabbar.conf = config.tabBar;
+    tabbar.conf.homePage = history.location.pathname === '/' ? homePage : history.location.pathname;
+    const routerConfig = config.router;
+    tabbar.conf.mode = routerConfig && routerConfig.mode ? routerConfig.mode : 'hash';
+    if (routerConfig.customRoutes) {
+        tabbar.conf.custom = true;
+        tabbar.conf.customRoutes = routerConfig.customRoutes;
+    }
+    else {
+        tabbar.conf.custom = false;
+        tabbar.conf.customRoutes = {};
+    }
+    if (typeof routerConfig.basename !== 'undefined') {
+        tabbar.conf.basename = routerConfig.basename;
+    }
+    const container = document.getElementById('container');
+    container === null || container === void 0 ? void 0 : container.appendChild(tabbar);
+    taro.initTabBarApis(config);
 }
 
 class RouterConfig {
@@ -142,6 +137,13 @@ class MpaHistory {
         };
     }
 }
+function setHistory(h, base = '/') {
+    exports.history = h;
+    basename = base;
+}
+function createMpaHistory(_) {
+    return new MpaHistory();
+}
 function setHistoryMode(mode, base = '/') {
     const options = {
         window
@@ -151,7 +153,7 @@ function setHistoryMode(mode, base = '/') {
         exports.history = history.createBrowserHistory(options);
     }
     else if (mode === 'multi') {
-        exports.history = new MpaHistory();
+        exports.history = createMpaHistory();
     }
     else {
         // default is hash
@@ -243,24 +245,28 @@ class Stacks {
 }
 const stacks = new Stacks();
 
-// 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 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));
-};
+let preTitle = document.title;
+let isLoadDdEntry = false;
+const isWeixin = () => !!navigator.userAgent.match(/\bMicroMessenger\b/ig);
+const isDingTalk = () => !!navigator.userAgent.match(/\bDingTalk\b/ig);
+function setTitle(title) {
+    return tslib.__awaiter(this, void 0, void 0, function* () {
+        if (preTitle === title)
+            return title;
+        document.title = title;
+        preTitle = title;
+        if (process.env.SUPPORT_DINGTALK_NAVIGATE !== 'disabled' && isDingTalk()) {
+            if (!isLoadDdEntry) {
+                isLoadDdEntry = true;
+                require('dingtalk-jsapi/platform');
+            }
+            const setDingTitle = require('dingtalk-jsapi/api/biz/navigation/setTitle').default;
+            setDingTitle({ title });
+        }
+        return title;
+    });
+}
+
 class RoutesAlias {
     constructor() {
         this.conf = [];
@@ -290,12 +296,12 @@ class RoutesAlias {
     set(customRoutes = {}) {
         for (let key in customRoutes) {
             const path = customRoutes[key];
-            key = addLeadingSlash(key);
+            key = runtime.addLeadingSlash(key);
             if (typeof path === 'string') {
-                this.conf.push([key, addLeadingSlash(path)]);
+                this.conf.push([key, runtime.addLeadingSlash(path)]);
             }
             else if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
-                this.conf.push(...path.map(p => [key, addLeadingSlash(p)]));
+                this.conf.push(...path.map(p => [key, runtime.addLeadingSlash(p)]));
             }
         }
     }
@@ -318,7 +324,7 @@ function processNavigateUrl(option) {
         pathPieces.pathname = parts.join('/');
     }
     // 处理自定义路由
-    pathPieces.pathname = routesAlias.getAlias(addLeadingSlash(pathPieces.pathname));
+    pathPieces.pathname = routesAlias.getAlias(runtime.addLeadingSlash(pathPieces.pathname));
     // 处理 basename
     pathPieces.pathname = prependBasename(pathPieces.pathname);
     // hack fix history v5 bug: https://github.com/remix-run/history/issues/814
@@ -327,7 +333,7 @@ function processNavigateUrl(option) {
     return pathPieces;
 }
 function navigate(option, method) {
-    return __awaiter(this, void 0, void 0, function* () {
+    return tslib.__awaiter(this, void 0, void 0, function* () {
         return new Promise((resolve, reject) => {
             stacks.method = method;
             const { success, complete, fail } = option;
@@ -398,37 +404,6 @@ function getCurrentPages() {
     return pages.map(e => { var _a; return (Object.assign(Object.assign({}, e), { route: ((_a = e.path) === null || _a === void 0 ? void 0 : _a.replace(/\?.*/g, '')) || '' })); });
 }
 
-let md;
-let preTitle = document.title;
-let isLoadDdEntry = false;
-function getMobileDetect() {
-    if (!md) {
-        md = new MobileDetect__default["default"](navigator.userAgent);
-    }
-    return md;
-}
-function setTitle(title) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (preTitle === title)
-            return title;
-        document.title = title;
-        preTitle = title;
-        if (process.env.SUPPORT_DINGTALK_NAVIGATE !== 'disabled' && isDingTalk()) {
-            if (!isLoadDdEntry) {
-                isLoadDdEntry = true;
-                require('dingtalk-jsapi/platform');
-            }
-            const setDingTitle = require('dingtalk-jsapi/api/biz/navigation/setTitle').default;
-            setDingTitle({ title });
-        }
-        return title;
-    });
-}
-function isDingTalk() {
-    const md = getMobileDetect();
-    return md.match(/DingTalk/ig);
-}
-
 let pageResizeFn;
 function bindPageResize(page) {
     pageResizeFn && window.removeEventListener('resize', pageResizeFn);
@@ -508,7 +483,7 @@ function loadAnimateStyle(ms = 300) {
 /**
  * 插入路由相关样式
  */
-function loadRouterStyle(usingWindowScroll) {
+function loadRouterStyle(enableTabBar, enableWindowScroll) {
     const css = `
   .taro_router {
     position: relative;
@@ -519,13 +494,13 @@ function loadRouterStyle(usingWindowScroll) {
   .taro_page {
     width: 100%;
     height: 100%;
-  ${usingWindowScroll ? '' : `
+${enableWindowScroll ? '' : `
     overflow-x: hidden;
     overflow-y: scroll;
     max-height: 100vh;
-  `}
+`}
   }
-
+${enableTabBar ? `
   .taro-tabbar__container > .taro-tabbar__panel {
     overflow: hidden;
   }
@@ -535,6 +510,7 @@ function loadRouterStyle(usingWindowScroll) {
     max-height: calc(100vh - var(--taro-tabbar-height) - env(safe-area-inset-bottom));
   }
 
+` : ''}
   .taro_page_shade,
   .taro_router > .taro_page.taro_page_show.taro_page_stationed:not(.taro_page_shade):not(.taro_tabbar_page):not(:last-child) {
     display: none;
@@ -550,38 +526,10 @@ function addStyle(css) {
     document.getElementsByTagName('head')[0].appendChild(style);
 }
 
-// @ts-nocheck
-function initTabbar(config) {
-    if (config.tabBar == null || config.tabBar.custom) {
-        return;
-    }
-    // TODO: custom-tab-bar
-    components.defineCustomElementTaroTabbar();
-    const tabbar = document.createElement('taro-tabbar');
-    const homePage = config.entryPagePath || (config.pages ? config.pages[0] : '');
-    tabbar.conf = config.tabBar;
-    tabbar.conf.homePage = exports.history.location.pathname === '/' ? homePage : exports.history.location.pathname;
-    const routerConfig = config.router;
-    tabbar.conf.mode = routerConfig && routerConfig.mode ? routerConfig.mode : 'hash';
-    if (routerConfig.customRoutes) {
-        tabbar.conf.custom = true;
-        tabbar.conf.customRoutes = routerConfig.customRoutes;
-    }
-    else {
-        tabbar.conf.custom = false;
-        tabbar.conf.customRoutes = {};
-    }
-    if (typeof routerConfig.basename !== 'undefined') {
-        tabbar.conf.basename = routerConfig.basename;
-    }
-    const container = document.getElementById('container');
-    container === null || container === void 0 ? void 0 : container.appendChild(tabbar);
-    taro.initTabBarApis(config);
-}
-
 /* eslint-disable dot-notation */
 class MultiPageHandler {
-    constructor(config) {
+    constructor(config, history) {
+        this.history = history;
         this.config = config;
         this.mount();
     }
@@ -597,7 +545,7 @@ class MultiPageHandler {
     get pageConfig() { return this.config.route; }
     get isTabBar() {
         var _a;
-        const routePath = addLeadingSlash(stripBasename(this.pathname, this.basename));
+        const routePath = runtime.addLeadingSlash(runtime.stripBasename(this.pathname, this.basename));
         const pagePath = ((_a = Object.entries(this.customRoutes).find(([, target]) => {
             if (typeof target === 'string') {
                 return target === routePath;
@@ -624,43 +572,22 @@ class MultiPageHandler {
     getQuery(search = '', options = {}) {
         search = search ? `${search}&${this.search}` : this.search;
         const query = search
-            ? queryString__default["default"].parse(search)
+            ? queryString.parse(search)
             : {};
         return Object.assign(Object.assign({}, query), options);
     }
-    mount() {
-        setHistoryMode(this.routerMode, this.router.basename);
-        loadRouterStyle(this.usingWindowScroll);
-        const appId = this.appId;
-        let app = document.getElementById(appId);
-        let isPosition = true;
-        if (!app) {
-            app = document.createElement('div');
-            app.id = appId;
-            isPosition = false;
-        }
-        const appWrapper = (app === null || app === void 0 ? void 0 : app.parentNode) || (app === null || app === void 0 ? void 0 : app.parentElement) || document.body;
-        app.classList.add('taro_router');
-        if (this.tabBarList.length > 1) {
-            const container = document.createElement('div');
-            container.classList.add('taro-tabbar__container');
-            container.id = 'container';
-            const panel = document.createElement('div');
-            panel.classList.add('taro-tabbar__panel');
-            panel.appendChild(app.cloneNode(true));
-            container.appendChild(panel);
-            if (!isPosition) {
-                appWrapper.appendChild(container);
-            }
-            else {
-                appWrapper.replaceChild(container, app);
-            }
-            initTabbar(this.config);
-        }
-        else {
-            if (!isPosition)
-                appWrapper.appendChild(app);
+    isDefaultNavigationStyle() {
+        var _a, _b;
+        let style = (_a = this.config.window) === null || _a === void 0 ? void 0 : _a.navigationStyle;
+        if (typeof ((_b = this.pageConfig) === null || _b === void 0 ? void 0 : _b.navigationStyle) === 'string') {
+            style = this.pageConfig.navigationStyle;
         }
+        return style !== 'custom';
+    }
+    mount() {
+        setHistory(this.history, this.basename);
+        // Note: 注入页面样式
+        loadRouterStyle(this.tabBarList.length > 1, this.usingWindowScroll);
     }
     onReady(page, onLoad = true) {
         var _a;
@@ -690,10 +617,13 @@ class MultiPageHandler {
             return;
         (_a = page.onLoad) === null || _a === void 0 ? void 0 : _a.call(page, this.getQuery('', page.options), () => {
             var _a;
+            const pageEl = this.getPageContainer(page);
             if (this.isTabBar) {
-                const pageEl = this.getPageContainer(page);
                 pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.add('taro_tabbar_page');
             }
+            if (this.isDefaultNavigationStyle()) {
+                pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.add('taro_navigation_page');
+            }
             this.onReady(page, true);
             (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
             this.bindPageEvents(page, pageConfig);
@@ -750,14 +680,14 @@ const launchStampId$1 = createStampId$1();
  * - TabBar 会多次加载
  * - 不支持路由动画
  */
-function createMultiRouter(app, config, framework) {
+function createMultiRouter(history, app, config, framework) {
     var _a, _b, _c, _d, _e, _f;
-    return __awaiter(this, void 0, void 0, function* () {
+    return tslib.__awaiter(this, void 0, void 0, function* () {
         if (typeof app.onUnhandledRejection === 'function') {
             window.addEventListener('unhandledrejection', app.onUnhandledRejection);
         }
         RouterConfig.config = config;
-        const handler = new MultiPageHandler(config);
+        const handler = new MultiPageHandler(config, history);
         const launchParam = {
             path: config.pageName,
             query: handler.getQuery(launchStampId$1),
@@ -806,14 +736,15 @@ function createMultiRouter(app, config, framework) {
 
 /* eslint-disable dot-notation */
 class PageHandler {
-    constructor(config) {
+    constructor(config, history) {
+        this.history = history;
         this.defaultAnimation = { duration: 300, delay: 50 };
         this.config = config;
-        this.homePage = getHomePage(this.routes[0].path, this.basename, this.customRoutes, this.config.entryPagePath);
+        this.homePage = runtime.getHomePage(this.routes[0].path, this.basename, this.customRoutes, this.config.entryPagePath);
         this.mount();
     }
     get currentPage() {
-        const routePath = getCurrentPage(this.routerMode, this.basename);
+        const routePath = runtime.getCurrentPage(this.routerMode, this.basename);
         return routePath === '/' ? this.homePage : routePath;
     }
     get appId() { return this.config.appId || 'app'; }
@@ -844,17 +775,17 @@ class PageHandler {
     get pathname() { return this.router.pathname; }
     get basename() { return this.router.basename || ''; }
     get pageConfig() {
-        const routePath = addLeadingSlash(stripBasename(this.pathname, this.basename));
-        const homePage = addLeadingSlash(this.homePage);
+        const routePath = runtime.addLeadingSlash(runtime.stripBasename(this.pathname, this.basename));
+        const homePage = runtime.addLeadingSlash(this.homePage);
         return this.routes.find(r => {
             var _a;
-            const pagePath = addLeadingSlash(r.path);
+            const pagePath = runtime.addLeadingSlash(r.path);
             return [pagePath, homePage].includes(routePath) || ((_a = routesAlias.getConfig(pagePath)) === null || _a === void 0 ? void 0 : _a.includes(routePath));
         });
     }
     isTabBar(pathname) {
         var _a;
-        const routePath = addLeadingSlash(stripBasename(pathname, this.basename)).split('?')[0];
+        const routePath = runtime.addLeadingSlash(runtime.stripBasename(pathname, this.basename)).split('?')[0];
         const pagePath = ((_a = Object.entries(this.customRoutes).find(([, target]) => {
             if (typeof target === 'string') {
                 return target === routePath;
@@ -864,11 +795,19 @@ class PageHandler {
             }
             return false;
         })) === null || _a === void 0 ? void 0 : _a[0]) || routePath;
-        return !!pagePath && this.tabBarList.some(t => stripTrailing(t.pagePath) === pagePath);
+        return !!pagePath && this.tabBarList.some(t => runtime.stripTrailing(t.pagePath) === pagePath);
+    }
+    isDefaultNavigationStyle() {
+        var _a, _b;
+        let style = (_a = this.config.window) === null || _a === void 0 ? void 0 : _a.navigationStyle;
+        if (typeof ((_b = this.pageConfig) === null || _b === void 0 ? void 0 : _b.navigationStyle) === 'string') {
+            style = this.pageConfig.navigationStyle;
+        }
+        return style !== 'custom';
     }
     isSamePage(page) {
-        const routePath = stripBasename(this.pathname, this.basename);
-        const pagePath = stripBasename(page === null || page === void 0 ? void 0 : page.path, this.basename);
+        const routePath = runtime.stripBasename(this.pathname, this.basename);
+        const pagePath = runtime.stripBasename(page === null || page === void 0 ? void 0 : page.path, this.basename);
         return pagePath.startsWith(routePath + '?');
     }
     get search() {
@@ -898,46 +837,17 @@ class PageHandler {
     getQuery(stamp = '', search = '', options = {}) {
         search = search ? `${search}&${this.search}` : this.search;
         const query = search
-            ? queryString__default["default"].parse(search, { decode: false })
+            ? queryString.parse(search, { decode: false })
             : {};
         query.stamp = stamp;
         return Object.assign(Object.assign({}, query), options);
     }
     mount() {
-        setHistoryMode(this.routerMode, this.router.basename);
+        setHistory(this.history, this.basename);
         this.pathname = exports.history.location.pathname;
+        // Note: 注入页面样式
         this.animation && loadAnimateStyle(this.animationDuration);
-        loadRouterStyle(this.usingWindowScroll);
-        const appId = this.appId;
-        let app = document.getElementById(appId);
-        let isPosition = true;
-        if (!app) {
-            app = document.createElement('div');
-            app.id = appId;
-            isPosition = false;
-        }
-        const appWrapper = (app === null || app === void 0 ? void 0 : app.parentNode) || (app === null || app === void 0 ? void 0 : app.parentElement) || document.body;
-        app.classList.add('taro_router');
-        if (this.tabBarList.length > 1) {
-            const container = document.createElement('div');
-            container.classList.add('taro-tabbar__container');
-            container.id = 'container';
-            const panel = document.createElement('div');
-            panel.classList.add('taro-tabbar__panel');
-            panel.appendChild(app.cloneNode(true));
-            container.appendChild(panel);
-            if (!isPosition) {
-                appWrapper.appendChild(container);
-            }
-            else {
-                appWrapper.replaceChild(container, app);
-            }
-            initTabbar(this.config);
-        }
-        else {
-            if (!isPosition)
-                appWrapper.appendChild(app);
-        }
+        loadRouterStyle(this.tabBarList.length > 1, this.usingWindowScroll);
     }
     onReady(page, onLoad = true) {
         var _a;
@@ -972,19 +882,22 @@ class PageHandler {
         if (pageEl) {
             pageEl.classList.remove('taro_page_shade');
             this.isTabBar(this.pathname) && pageEl.classList.add('taro_tabbar_page');
+            this.isDefaultNavigationStyle() && pageEl.classList.add('taro_navigation_page');
             this.addAnimation(pageEl, pageNo === 0);
             (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
             this.bindPageEvents(page, pageConfig);
             this.triggerRouterChange();
         }
         else {
+            // FIXME 在 iOS 端快速切换页面时，可能不会执行回调注入对应类名导致 TabBar 白屏
             (_b = page.onLoad) === null || _b === void 0 ? void 0 : _b.call(page, param, () => {
                 var _a;
                 pageEl = this.getPageContainer(page);
                 this.isTabBar(this.pathname) && (pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.add('taro_tabbar_page'));
+                this.isDefaultNavigationStyle() && (pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.add('taro_navigation_page'));
                 this.addAnimation(pageEl, pageNo === 0);
-                this.onReady(page, true);
                 (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
+                this.onReady(page, true);
                 this.bindPageEvents(page, pageConfig);
                 this.triggerRouterChange();
             });
@@ -1046,8 +959,8 @@ class PageHandler {
                 var _a;
                 pageEl = this.getPageContainer(page);
                 this.addAnimation(pageEl, pageNo === 0);
-                this.onReady(page, false);
                 (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
+                this.onReady(page, false);
                 this.bindPageEvents(page, pageConfig);
                 this.triggerRouterChange();
             });
@@ -1134,24 +1047,24 @@ class PageHandler {
 
 const createStampId = runtime.incrementId();
 let launchStampId = createStampId();
-function createRouter(app, config, framework) {
+function createRouter(history$1, app, config, framework) {
     var _a, _b;
     if (typeof app.onUnhandledRejection === 'function') {
         window.addEventListener('unhandledrejection', app.onUnhandledRejection);
     }
     RouterConfig.config = config;
-    const handler = new PageHandler(config);
+    const handler = new PageHandler(config, history$1);
     routesAlias.set(handler.router.customRoutes);
     const basename = handler.router.basename;
     const routes = handler.routes.map(route => {
-        const routePath = addLeadingSlash(route.path);
+        const routePath = runtime.addLeadingSlash(route.path);
         const paths = routesAlias.getAll(routePath);
         return {
             path: paths.length < 1 ? routePath : paths,
             action: route.load
         };
     });
-    const router = new UniversalRouter__default["default"](routes, { baseUrl: basename || '' });
+    const router = new UniversalRouter(routes, { baseUrl: basename || '' });
     const launchParam = {
         path: handler.currentPage,
         query: handler.getQuery(launchStampId),
@@ -1162,8 +1075,8 @@ function createRouter(app, config, framework) {
     runtime.eventCenter.trigger('__taroRouterLaunch', launchParam);
     (_a = app.onLaunch) === null || _a === void 0 ? void 0 : _a.call(app, launchParam);
     app.onError && window.addEventListener('error', e => { var _a; return (_a = app.onError) === null || _a === void 0 ? void 0 : _a.call(app, e.message); });
-    const render = ({ location, action }) => __awaiter(this, void 0, void 0, function* () {
-        var _c, _d, _e, _f, _g, _h;
+    const render = ({ location, action }) => tslib.__awaiter(this, void 0, void 0, function* () {
+        var _c, _d, _e, _f, _g, _h, _j, _k, _l;
         handler.pathname = decodeURI(location.pathname);
         if ((_c = window.__taroAppConfig) === null || _c === void 0 ? void 0 : _c.usingWindowScroll)
             window.scrollTo(0, 0);
@@ -1192,22 +1105,35 @@ function createRouter(app, config, framework) {
                 window.location.reload();
             }
             else {
-                throw new Error(error);
+                throw error;
             }
         }
         if (!element)
             return;
         const pageConfig = handler.pageConfig;
         let enablePullDownRefresh = ((_e = config === null || config === void 0 ? void 0 : config.window) === null || _e === void 0 ? void 0 : _e.enablePullDownRefresh) || false;
+        let navigationStyle = ((_f = config === null || config === void 0 ? void 0 : config.window) === null || _f === void 0 ? void 0 : _f.navigationStyle) || 'default';
+        let navigationBarTextStyle = ((_g = config === null || config === void 0 ? void 0 : config.window) === null || _g === void 0 ? void 0 : _g.navigationBarTextStyle) || 'white';
+        let navigationBarBackgroundColor = ((_h = config === null || config === void 0 ? void 0 : config.window) === null || _h === void 0 ? void 0 : _h.navigationBarBackgroundColor) || '#000000';
         if (pageConfig) {
-            setTitle((_f = pageConfig.navigationBarTitleText) !== null && _f !== void 0 ? _f : document.title);
+            setTitle((_j = pageConfig.navigationBarTitleText) !== null && _j !== void 0 ? _j : document.title);
             if (typeof pageConfig.enablePullDownRefresh === 'boolean') {
                 enablePullDownRefresh = pageConfig.enablePullDownRefresh;
             }
+            if (typeof pageConfig.navigationStyle === 'string') {
+                navigationStyle = pageConfig.navigationStyle;
+            }
+            if (typeof pageConfig.navigationBarTextStyle === 'string') {
+                navigationBarTextStyle = pageConfig.navigationBarTextStyle;
+            }
+            if (typeof pageConfig.navigationBarBackgroundColor === 'string') {
+                navigationBarBackgroundColor = pageConfig.navigationBarBackgroundColor;
+            }
         }
+        runtime.eventCenter.trigger('__taroSetNavigationStyle', navigationStyle, navigationBarTextStyle, navigationBarBackgroundColor);
         const currentPage = runtime.Current.page;
         const pathname = handler.pathname;
-        const methodName = (_g = stacks.method) !== null && _g !== void 0 ? _g : '';
+        const methodName = (_k = stacks.method) !== null && _k !== void 0 ? _k : '';
         const cacheTabs = stacks.getTabs();
         let shouldLoad = false;
         stacks.method = '';
@@ -1273,7 +1199,7 @@ function createRouter(app, config, framework) {
             shouldLoad = true;
         }
         if (shouldLoad || stacks.length < 1) {
-            const el = (_h = element.default) !== null && _h !== void 0 ? _h : element;
+            const el = (_l = element.default) !== null && _l !== void 0 ? _l : element;
             const loadConfig = Object.assign({}, pageConfig);
             const stacksIndex = stacks.length;
             delete loadConfig['path'];
@@ -1292,21 +1218,77 @@ function createRouter(app, config, framework) {
             handler.load(page, pageConfig, pageStampId, stacksIndex);
         }
     });
-    const routePath = addLeadingSlash(stripBasename(exports.history.location.pathname, handler.basename));
+    const routePath = runtime.addLeadingSlash(runtime.stripBasename(history$1.location.pathname, handler.basename));
     if (routePath === '/') {
-        exports.history.replace(prependBasename(handler.homePage + exports.history.location.search));
+        history$1.replace(prependBasename(handler.homePage + history$1.location.search));
     }
-    render({ location: exports.history.location, action: history.Action.Push });
+    render({ location: history$1.location, action: history.Action.Push });
     (_b = app.onShow) === null || _b === void 0 ? void 0 : _b.call(app, launchParam);
-    return exports.history.listen(render);
+    return history$1.listen(render);
+}
+
+function handleAppMount(config, _, appId = config.appId || 'app') {
+    let app = document.getElementById(appId);
+    let isPosition = true;
+    if (!app) {
+        app = document.createElement('div');
+        app.id = appId;
+        isPosition = false;
+    }
+    const appWrapper = (app === null || app === void 0 ? void 0 : app.parentNode) || (app === null || app === void 0 ? void 0 : app.parentElement) || document.body;
+    app.classList.add('taro_router');
+    if (!isPosition)
+        appWrapper.appendChild(app);
+}
+function handleAppMountWithTabbar(config, history, appId = config.appId || 'app') {
+    let app = document.getElementById(appId);
+    let isPosition = true;
+    if (!app) {
+        app = document.createElement('div');
+        app.id = appId;
+        isPosition = false;
+    }
+    const appWrapper = (app === null || app === void 0 ? void 0 : app.parentNode) || (app === null || app === void 0 ? void 0 : app.parentElement) || document.body;
+    app.classList.add('taro_router');
+    const container = document.createElement('div');
+    container.classList.add('taro-tabbar__container');
+    container.id = 'container';
+    const panel = document.createElement('div');
+    panel.classList.add('taro-tabbar__panel');
+    panel.appendChild(app.cloneNode(true));
+    container.appendChild(panel);
+    if (!isPosition) {
+        appWrapper.appendChild(container);
+    }
+    else {
+        appWrapper.replaceChild(container, app);
+    }
+    initTabbar(config, history);
 }
 
+Object.defineProperty(exports, 'createBrowserHistory', {
+  enumerable: true,
+  get: function () { return history.createBrowserHistory; }
+});
+Object.defineProperty(exports, 'createHashHistory', {
+  enumerable: true,
+  get: function () { return history.createHashHistory; }
+});
+exports.createMpaHistory = createMpaHistory;
 exports.createMultiRouter = createMultiRouter;
 exports.createRouter = createRouter;
 exports.getCurrentPages = getCurrentPages;
+exports.handleAppMount = handleAppMount;
+exports.handleAppMountWithTabbar = handleAppMountWithTabbar;
+exports.isDingTalk = isDingTalk;
+exports.isWeixin = isWeixin;
 exports.navigateBack = navigateBack;
 exports.navigateTo = navigateTo;
+exports.prependBasename = prependBasename;
 exports.reLaunch = reLaunch;
 exports.redirectTo = redirectTo;
+exports.routesAlias = routesAlias;
+exports.setHistory = setHistory;
+exports.setHistoryMode = setHistoryMode;
+exports.setTitle = setTitle;
 exports.switchTab = switchTab;
-//# sourceMappingURL=index.cjs.js.map