@tarojs/router 3.6.22 → 3.6.23

package/dist/index.cjs.js

@@ -1,102 +1,40 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var history = require('history');
-var runtime = require('@tarojs/runtime');
-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 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());
-    });
-}
-
-// 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));
-};
-class RoutesAlias {
-    constructor() {
-        this.conf = [];
-        this.getConfig = (url = '') => {
-            const customRoute = this.conf.filter((arr) => {
-                return arr.includes(url);
-            });
-            return customRoute[0];
-        };
-        this.getOrigin = (url = '') => {
-            var _a;
-            return ((_a = this.getConfig(url)) === null || _a === void 0 ? void 0 : _a[0]) || url;
-        };
-        this.getAlias = (url = '') => {
-            var _a;
-            return ((_a = this.getConfig(url)) === null || _a === void 0 ? void 0 : _a[1]) || url;
-        };
-        this.getAll = (url = '') => {
-            return this.conf
-                .filter((arr) => arr.includes(url))
-                .reduceRight((p, a) => {
-                p.unshift(a[1]);
-                return p;
-            }, []);
-        };
+function initTabbar(config, history) {
+    if (config.tabBar == null) {
+        return;
     }
-    set(customRoutes = {}) {
-        for (let key in customRoutes) {
-            const path = customRoutes[key];
-            key = addLeadingSlash(key);
-            if (typeof path === 'string') {
-                this.conf.push([key, addLeadingSlash(path)]);
-            }
-            else if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
-                this.conf.push(...path.map(p => [key, addLeadingSlash(p)]));
-            }
-        }
+    // 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);
 }
-const routesAlias = new RoutesAlias();
 
 class RouterConfig {
     static set config(e) {
@@ -116,7 +54,7 @@ class RouterConfig {
     }
     static get customRoutes() { return this.router.customRoutes || {}; }
     static isPage(url = '') {
-        return this.pages.findIndex(e => addLeadingSlash(e) === url) !== -1;
+        return this.pages.findIndex(e => runtime.addLeadingSlash(e) === url) !== -1;
     }
 }
 
@@ -199,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
@@ -208,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
@@ -300,6 +245,69 @@ class Stacks {
 }
 const stacks = new Stacks();
 
+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 = [];
+        this.getConfig = (url = '') => {
+            const customRoute = this.conf.filter((arr) => {
+                return arr.includes(url);
+            });
+            return customRoute[0];
+        };
+        this.getOrigin = (url = '') => {
+            var _a;
+            return ((_a = this.getConfig(url)) === null || _a === void 0 ? void 0 : _a[0]) || url;
+        };
+        this.getAlias = (url = '') => {
+            var _a;
+            return ((_a = this.getConfig(url)) === null || _a === void 0 ? void 0 : _a[1]) || url;
+        };
+        this.getAll = (url = '') => {
+            return this.conf
+                .filter((arr) => arr.includes(url))
+                .reduceRight((p, a) => {
+                p.unshift(a[1]);
+                return p;
+            }, []);
+        };
+    }
+    set(customRoutes = {}) {
+        for (let key in customRoutes) {
+            const path = customRoutes[key];
+            key = runtime.addLeadingSlash(key);
+            if (typeof path === 'string') {
+                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, runtime.addLeadingSlash(p)]));
+            }
+        }
+    }
+}
+const routesAlias = new RoutesAlias();
+
 function processNavigateUrl(option) {
     var _a;
     const pathPieces = history.parsePath(option.url);
@@ -316,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
@@ -325,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;
@@ -396,27 +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 preTitle = document.title;
-let isLoadDdEntry = false;
-const isDingTalk = () => !!navigator.userAgent.match(/\bDingTalk\b/ig);
-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;
-    });
-}
-
 let pageResizeFn;
 function bindPageResize(page) {
     pageResizeFn && window.removeEventListener('resize', pageResizeFn);
@@ -470,6 +457,9 @@ function getOffset() {
  */
 function loadAnimateStyle(ms = 300) {
     const css = `
+body {
+  overflow: hidden; // 防止 iOS 页面滚动
+}
 .taro_router > .taro_page {
   position: absolute;
   left: 0;
@@ -496,7 +486,7 @@ function loadAnimateStyle(ms = 300) {
 /**
  * 插入路由相关样式
  */
-function loadRouterStyle(usingWindowScroll) {
+function loadRouterStyle(enableTabBar, enableWindowScroll) {
     const css = `
   .taro_router {
     position: relative;
@@ -507,13 +497,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;
   }
@@ -523,6 +513,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;
@@ -538,38 +529,10 @@ function addStyle(css) {
     document.getElementsByTagName('head')[0].appendChild(style);
 }
 
-// @ts-nocheck
-function initTabbar(config) {
-    if (config.tabBar == null) {
-        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();
     }
@@ -585,7 +548,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;
@@ -612,7 +575,7 @@ 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);
     }
@@ -625,38 +588,9 @@ class MultiPageHandler {
         return style !== 'custom';
     }
     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);
-        }
+        setHistory(this.history, this.basename);
+        // Note: 注入页面样式
+        loadRouterStyle(this.tabBarList.length > 1, this.usingWindowScroll);
     }
     onReady(page, onLoad = true) {
         var _a;
@@ -735,14 +669,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),
@@ -791,14 +725,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'; }
@@ -829,17 +764,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;
@@ -849,7 +784,7 @@ 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;
@@ -860,8 +795,8 @@ class PageHandler {
         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() {
@@ -891,46 +826,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;
@@ -1130,24 +1036,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),
@@ -1158,7 +1064,7 @@ 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* () {
+    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)
@@ -1301,21 +1207,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

package/dist/index.d.ts

@@ -1,4 +1,10 @@
-export * from './api';
-export { history } from './history';
-export { createMultiRouter } from './router/mpa';
-export { createRouter } from './router/spa';
+import { History } from "./history.js";
+import { MpaRouterConfig, SpaRouterConfig } from '../types/router';
+declare function handleAppMount(config: SpaRouterConfig | MpaRouterConfig, _: History, appId?: string): void;
+declare function handleAppMountWithTabbar(config: SpaRouterConfig | MpaRouterConfig, history: History, appId?: string): void;
+export * from "./api.js";
+export * from "./history.js";
+export { createMultiRouter } from "./router/mpa.js";
+export { createRouter } from "./router/spa.js";
+export * from "./utils/index.js";
+export { handleAppMount, handleAppMountWithTabbar };