@tarojs/router 3.5.0-alpha.13 → 3.5.0-alpha.16

package/dist/animation.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 插入页面动画需要的样式
+ */
+export declare function loadAnimateStyle(ms?: number): void;

package/dist/api.d.ts

@@ -0,0 +1,7 @@
+import Taro from '@tarojs/taro';
+export declare function navigateTo(option: Taro.navigateTo.Option): ReturnType<typeof Taro.navigateTo>;
+export declare function redirectTo(option: Taro.redirectTo.Option): ReturnType<typeof Taro.redirectTo>;
+export declare function navigateBack(option?: Taro.navigateBack.Option): ReturnType<typeof Taro.navigateBack>;
+export declare function switchTab(option: Taro.switchTab.Option): ReturnType<typeof Taro.switchTab>;
+export declare function reLaunch(option: Taro.reLaunch.Option): ReturnType<typeof Taro.reLaunch>;
+export declare function getCurrentPages(): Taro.Page[];

package/dist/api.js

@@ -8,10 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { parsePath } from 'history';
-import stacks from './router/stack';
 import { history, prependBasename } from './history';
-import { routesAlias, addLeadingSlash } from './utils';
 import { RouterConfig } from './router';
+import stacks from './router/stack';
+import { addLeadingSlash, routesAlias } from './utils';
 function processNavigateUrl(option) {
     var _a;
     const pathPieces = parsePath(option.url);

package/dist/events/resize.d.ts

@@ -0,0 +1,2 @@
+import { PageInstance } from '@tarojs/runtime';
+export declare function bindPageResize(page: PageInstance): void;

package/dist/events/scroll.d.ts

@@ -0,0 +1,2 @@
+import { PageInstance } from '@tarojs/runtime';
+export declare function bindPageScroll(page: PageInstance, pageEl: HTMLElement, distance?: number): void;

package/dist/events/scroll.js

@@ -5,7 +5,8 @@ export function bindPageScroll(page, pageEl, distance = 50) {
     pageDOM = pageEl;
     let isReachBottom = false;
     pageScrollFn = function () {
-        page.onPageScroll && page.onPageScroll({
+        var _a;
+        (_a = page.onPageScroll) === null || _a === void 0 ? void 0 : _a.call(page, {
             scrollTop: pageDOM instanceof Window ? window.scrollY : pageDOM.scrollTop
         });
         if (isReachBottom && getOffset() > distance) {

package/dist/history.d.ts

@@ -0,0 +1,5 @@
+import { IH5RouterConfig } from '@tarojs/taro/types/compile';
+import { History } from 'history';
+export declare let history: History;
+export declare function setHistoryMode(mode?: IH5RouterConfig['mode'], base?: string): void;
+export declare function prependBasename(url?: string): string;

package/dist/index.cjs.d.ts

@@ -0,0 +1,23 @@
+import Taro from "@tarojs/taro";
+import { History } from "history";
+/* eslint-disable dot-notation */
+import { AppInstance } from "@tarojs/runtime";
+import { MpaRouterConfig, SpaRouterConfig } from "../../types/router";
+declare function navigateTo(option: Taro.navigateTo.Option): ReturnType<typeof Taro.navigateTo>;
+declare function redirectTo(option: Taro.redirectTo.Option): ReturnType<typeof Taro.redirectTo>;
+declare function navigateBack(option?: Taro.navigateBack.Option): ReturnType<typeof Taro.navigateBack>;
+declare function switchTab(option: Taro.switchTab.Option): ReturnType<typeof Taro.switchTab>;
+declare function reLaunch(option: Taro.reLaunch.Option): ReturnType<typeof Taro.reLaunch>;
+declare function getCurrentPages(): Taro.Page[];
+declare let history: History;
+// TODO 支持多路由 (APP 生命周期仅触发一次)
+/** Note: 关于多页面应用
+ * - 需要配置路由映射（根目录跳转、404 页面……）
+ * - app.onPageNotFound 事件不支持
+ * - 应用生命周期可能多次触发
+ * - TabBar 会多次加载
+ * - 不支持路由动画
+ */
+declare function createMultiRouter(app: AppInstance, config: MpaRouterConfig, framework?: string): Promise<void>;
+declare function createRouter(app: AppInstance, config: SpaRouterConfig, framework?: string): () => void;
+export { navigateTo, redirectTo, navigateBack, switchTab, reLaunch, getCurrentPages, history, createMultiRouter, createRouter };

package/dist/index.cjs.js

@@ -4,18 +4,48 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var history = require('history');
 var runtime = require('@tarojs/runtime');
-var UniversalRouter = require('universal-router');
+var MobileDetect = require('mobile-detect');
 var queryString = require('query-string');
 var taro = require('@tarojs/taro');
+var UniversalRouter = require('universal-router');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var UniversalRouter__default = /*#__PURE__*/_interopDefaultLegacy(UniversalRouter);
+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());
+    });
+}
+
+// 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.substr(prefix.length) : path;
+const stripBasename = (path = '', prefix = '') => hasBasename(path, prefix) ? path.substring(prefix.length) : path;
+const stripTrailing = (str = '') => str.replace(/[?#][\s\S]*$/, '');
 class RoutesAlias {
     constructor() {
         this.conf = [];
@@ -178,31 +208,6 @@ function prependBasename(url = '') {
     return basename.replace(/\/$/, '') + '/' + url.replace(/^\//, '');
 }
 
-/*! *****************************************************************************
-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());
-    });
-}
-
 class Stacks {
     constructor() {
         this.stacks = [];
@@ -352,34 +357,35 @@ function getCurrentPages() {
     return pages.map(e => (Object.assign(Object.assign({}, e), { route: e.path || '' })));
 }
 
-/**
- * 插入页面动画需要的样式
- */
-function loadAnimateStyle(ms = 300) {
-    const css = `
-.taro_router .taro_page {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: #fff;
-  transform: translate(100%, 0);
-  transition: transform ${ms}ms;
-  z-index: 0;
+let md;
+let preTitle = document.title;
+let isLoadDdEntry = false;
+function getMobileDetect() {
+    if (!md) {
+        md = new MobileDetect__default["default"](navigator.userAgent);
+    }
+    return md;
 }
-
-.taro_router .taro_page.taro_tabbar_page,
-.taro_router .taro_page.taro_page_show.taro_page_stationed {
-  transform: none;
+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;
+    });
 }
-
-.taro_router .taro_page.taro_page_show {
-  transform: translate(0, 0);
-}`;
-    const style = document.createElement('style');
-    style.innerHTML = css;
-    document.getElementsByTagName('head')[0].appendChild(style);
+function isDingTalk() {
+    const md = getMobileDetect();
+    return md.match(/DingTalk/ig);
 }
 
 let pageResizeFn;
@@ -403,7 +409,8 @@ function bindPageScroll(page, pageEl, distance = 50) {
     pageDOM = pageEl;
     let isReachBottom = false;
     pageScrollFn = function () {
-        page.onPageScroll && page.onPageScroll({
+        var _a;
+        (_a = page.onPageScroll) === null || _a === void 0 ? void 0 : _a.call(page, {
             scrollTop: pageDOM instanceof Window ? window.scrollY : pageDOM.scrollTop
         });
         if (isReachBottom && getOffset() > distance) {
@@ -455,6 +462,192 @@ function initTabbar(config) {
     taro.initTabBarApis(config);
 }
 
+/* eslint-disable dot-notation */
+class MultiPageHandler {
+    constructor(config) {
+        this.config = config;
+        this.mount();
+    }
+    get appId() { return 'app'; }
+    get router() { return this.config.router || {}; }
+    get routerMode() { return this.router.mode || 'hash'; }
+    get customRoutes() { return this.router.customRoutes || {}; }
+    get tabBarList() { var _a; return ((_a = this.config.tabBar) === null || _a === void 0 ? void 0 : _a.list) || []; }
+    get PullDownRefresh() { return this.config.PullDownRefresh; }
+    set pathname(p) { this.router.pathname = p; }
+    get pathname() { return this.router.pathname; }
+    get basename() { return this.router.basename || ''; }
+    get pageConfig() { return this.config.route; }
+    get isTabBar() {
+        var _a;
+        const routePath = stripBasename(this.pathname, this.basename);
+        const pagePath = ((_a = Object.entries(this.customRoutes).find(([, target]) => {
+            if (typeof target === 'string') {
+                return target === routePath;
+            }
+            else if ((target === null || target === void 0 ? void 0 : target.length) > 0) {
+                return target.includes(routePath);
+            }
+            return false;
+        })) === null || _a === void 0 ? void 0 : _a[0]) || routePath;
+        return !!pagePath && this.tabBarList.some(t => t.pagePath === pagePath);
+    }
+    get search() { return location.search.substr(1); }
+    getQuery(search = '', options = {}) {
+        search = search ? `${search}&${this.search}` : this.search;
+        const query = search
+            ? queryString__default["default"].parse(search)
+            : {};
+        return Object.assign(Object.assign({}, query), options);
+    }
+    mount() {
+        var _a;
+        setHistoryMode(this.routerMode, this.router.basename);
+        (_a = document.getElementById('app')) === null || _a === void 0 ? void 0 : _a.remove();
+        const app = document.createElement('div');
+        app.id = this.appId;
+        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);
+            container.appendChild(panel);
+            document.body.appendChild(container);
+            initTabbar(this.config);
+        }
+        else {
+            document.body.appendChild(app);
+        }
+    }
+    onReady(page, onLoad = true) {
+        var _a;
+        const pageEl = this.getPageContainer(page);
+        if (pageEl && !(pageEl === null || pageEl === void 0 ? void 0 : pageEl['__isReady'])) {
+            const el = pageEl.firstElementChild;
+            (_a = el === null || el === void 0 ? void 0 : el['componentOnReady']) === null || _a === void 0 ? void 0 : _a.call(el);
+            onLoad && (pageEl['__page'] = page);
+        }
+    }
+    load(page, pageConfig = {}) {
+        var _a;
+        if (!page)
+            return;
+        (_a = page.onLoad) === null || _a === void 0 ? void 0 : _a.call(page, this.getQuery('', page.options), () => {
+            var _a;
+            const pageEl = this.getPageContainer(page);
+            this.isTabBar && (pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.add('taro_tabbar_page'));
+            this.onReady(page, true);
+            (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
+            this.bindPageEvents(page, pageEl, pageConfig);
+        });
+    }
+    getPageContainer(page) {
+        var _a;
+        const path = page ? page === null || page === void 0 ? void 0 : page.path : (_a = runtime.Current.page) === null || _a === void 0 ? void 0 : _a.path;
+        const id = path === null || path === void 0 ? void 0 : path.replace(/([^a-z0-9\u00a0-\uffff_-])/ig, '\\$1');
+        if (page) {
+            return document.querySelector(`.taro_page#${id}`);
+        }
+        const el = (id
+            ? document.querySelector(`.taro_page#${id}`)
+            : document.querySelector('.taro_page') ||
+                document.querySelector('.taro_router'));
+        return el || window;
+    }
+    bindPageEvents(page, pageEl, config = {}) {
+        var _a;
+        if (!pageEl) {
+            pageEl = this.getPageContainer();
+        }
+        const distance = config.onReachBottomDistance || ((_a = this.config.window) === null || _a === void 0 ? void 0 : _a.onReachBottomDistance) || 50;
+        bindPageScroll(page, pageEl, distance);
+        bindPageResize(page);
+    }
+}
+
+// TODO 支持多路由 (APP 生命周期仅触发一次)
+/** Note: 关于多页面应用
+ * - 需要配置路由映射（根目录跳转、404 页面……）
+ * - app.onPageNotFound 事件不支持
+ * - 应用生命周期可能多次触发
+ * - TabBar 会多次加载
+ * - 不支持路由动画
+ */
+function createMultiRouter(app, config, framework) {
+    var _a, _b, _c, _d, _e, _f;
+    return __awaiter(this, void 0, void 0, function* () {
+        RouterConfig.config = config;
+        const handler = new MultiPageHandler(config);
+        const launchParam = handler.getQuery();
+        (_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 pathName = config.pageName;
+        const pageConfig = handler.pageConfig;
+        let element;
+        try {
+            element = yield ((_b = pageConfig.load) === null || _b === void 0 ? void 0 : _b.call(pageConfig));
+        }
+        catch (error) {
+            throw new Error(error);
+        }
+        if (!element)
+            return;
+        let enablePullDownRefresh = ((_c = config === null || config === void 0 ? void 0 : config.window) === null || _c === void 0 ? void 0 : _c.enablePullDownRefresh) || false;
+        runtime.eventCenter.trigger('__taroRouterChange', {
+            toLocation: {
+                path: pathName
+            }
+        });
+        if (pageConfig) {
+            setTitle((_d = pageConfig.navigationBarTitleText) !== null && _d !== void 0 ? _d : document.title);
+            if (typeof pageConfig.enablePullDownRefresh === 'boolean') {
+                enablePullDownRefresh = pageConfig.enablePullDownRefresh;
+            }
+        }
+        const el = (_e = element.default) !== null && _e !== void 0 ? _e : element;
+        const loadConfig = Object.assign({}, pageConfig);
+        delete loadConfig['path'];
+        delete loadConfig['load'];
+        const page = runtime.createPageConfig(enablePullDownRefresh ? runtime.hooks.call('createPullDownComponent', el, location.pathname, framework, config.PullDownRefresh) : el, pathName + runtime.stringify(launchParam), {}, loadConfig);
+        handler.load(page, pageConfig);
+        (_f = app.onShow) === null || _f === void 0 ? void 0 : _f.call(app, launchParam);
+    });
+}
+
+/**
+ * 插入页面动画需要的样式
+ */
+function loadAnimateStyle(ms = 300) {
+    const css = `
+.taro_router .taro_page {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  transform: translate(100%, 0);
+  transition: transform ${ms}ms;
+  z-index: 0;
+}
+
+.taro_router .taro_page.taro_tabbar_page,
+.taro_router .taro_page.taro_page_show.taro_page_stationed {
+  transform: none;
+}
+
+.taro_router .taro_page.taro_page_show {
+  transform: translate(0, 0);
+}`;
+    const style = document.createElement('style');
+    style.innerHTML = css;
+    document.getElementsByTagName('head')[0].appendChild(style);
+}
+
+/* eslint-disable dot-notation */
 function setDisplay(el, type = '') {
     if (el) {
         el.style.display = type;
@@ -467,10 +660,10 @@ class PageHandler {
         this.mount();
     }
     get appId() { return 'app'; }
-    get router() { return this.config.router; }
+    get router() { return this.config.router || {}; }
     get routerMode() { return this.router.mode || 'hash'; }
     get customRoutes() { return this.router.customRoutes || {}; }
-    get routes() { return this.config.routes; }
+    get routes() { return this.config.routes || []; }
     get tabBarList() { var _a; return ((_a = this.config.tabBar) === null || _a === void 0 ? void 0 : _a.list) || []; }
     get PullDownRefresh() { return this.config.PullDownRefresh; }
     get animation() { var _a, _b; return (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.animation) !== null && _b !== void 0 ? _b : this.defaultAnimation; }
@@ -517,7 +710,7 @@ class PageHandler {
             }
             return false;
         })) === null || _a === void 0 ? void 0 : _a[0]) || routePath;
-        return !!pagePath && this.tabBarList.some(t => t.pagePath === pagePath);
+        return !!pagePath && this.tabBarList.some(t => stripTrailing(t.pagePath) === pagePath);
     }
     isSamePage(page) {
         const routePath = stripBasename(this.pathname, this.basename);
@@ -731,7 +924,6 @@ function createRouter(app, config, framework) {
     var _a, _b;
     RouterConfig.config = config;
     const handler = new PageHandler(config);
-    const runtimeHooks = runtime.container.get(runtime.SERVICE_IDENTIFIER.Hooks);
     routesAlias.set(handler.router.customRoutes);
     const basename = handler.router.basename;
     const routes = handler.routes.map(route => {
@@ -745,6 +937,7 @@ function createRouter(app, config, framework) {
     const router = new UniversalRouter__default["default"](routes, { baseUrl: basename || '' });
     const launchParam = handler.getQuery(stacks.length);
     (_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;
         handler.pathname = decodeURI(location.pathname);
@@ -774,6 +967,7 @@ function createRouter(app, config, framework) {
         });
         if (pageConfig) {
             document.title = (_e = pageConfig.navigationBarTitleText) !== null && _e !== void 0 ? _e : document.title;
+            setTitle((_f = pageConfig.navigationBarTitleText) !== null && _f !== void 0 ? _f : document.title);
             if (typeof pageConfig.enablePullDownRefresh === 'boolean') {
                 enablePullDownRefresh = pageConfig.enablePullDownRefresh;
             }
@@ -785,12 +979,15 @@ function createRouter(app, config, framework) {
             // NOTE: 浏览器事件退后多次时，该事件只会被触发一次
             const prevIndex = stacks.getPrevIndex(pathname);
             const delta = stacks.getDelta(pathname);
-            handler.unload(currentPage, delta, prevIndex > -1);
-            if (prevIndex > -1) {
-                handler.show(stacks.getItem(prevIndex), pageConfig, prevIndex);
-            }
-            else {
-                shouldLoad = true;
+            // NOTE: Safari 内核浏览器在非应用页面返回上一页时，会触发额外的 POP 事件，此处需避免当前页面被错误卸载
+            if (currentPage !== stacks.getItem(prevIndex)) {
+                handler.unload(currentPage, delta, prevIndex > -1);
+                if (prevIndex > -1) {
+                    handler.show(stacks.getItem(prevIndex), pageConfig, prevIndex);
+                }
+                else {
+                    shouldLoad = true;
+                }
             }
         }
         else {
@@ -815,12 +1012,12 @@ function createRouter(app, config, framework) {
             shouldLoad = true;
         }
         if (shouldLoad || stacks.length < 1) {
-            const el = (_f = element.default) !== null && _f !== void 0 ? _f : element;
+            const el = (_g = element.default) !== null && _g !== void 0 ? _g : element;
             const loadConfig = Object.assign({}, pageConfig);
             const stacksIndex = stacks.length;
             delete loadConfig['path'];
             delete loadConfig['load'];
-            const page = runtime.createPageConfig(enablePullDownRefresh ? (_g = runtimeHooks.createPullDownComponent) === null || _g === void 0 ? void 0 : _g.call(runtimeHooks, el, location.pathname, framework, handler.PullDownRefresh) : el, pathname + runtime.stringify(handler.getQuery(stacksIndex)), {}, loadConfig);
+            const page = runtime.createPageConfig(enablePullDownRefresh ? runtime.hooks.call('createPullDownComponent', el, location.pathname, framework, handler.PullDownRefresh) : el, pathname + runtime.stringify(handler.getQuery(stacksIndex)), {}, loadConfig);
             if (params)
                 page.options = params;
             return handler.load(page, pageConfig, stacksIndex);
@@ -835,160 +1032,6 @@ function createRouter(app, config, framework) {
     return exports.history.listen(render);
 }
 
-class MultiPageHandler {
-    constructor(config) {
-        this.config = config;
-        this.mount();
-    }
-    get appId() { return 'app'; }
-    get router() { return this.config.router; }
-    get routerMode() { return this.router.mode || 'hash'; }
-    get customRoutes() { return this.router.customRoutes || {}; }
-    get tabBarList() { var _a; return ((_a = this.config.tabBar) === null || _a === void 0 ? void 0 : _a.list) || []; }
-    get PullDownRefresh() { return this.config.PullDownRefresh; }
-    set pathname(p) { this.router.pathname = p; }
-    get pathname() { return this.router.pathname; }
-    get basename() { return this.router.basename || ''; }
-    get pageConfig() { return this.config.route; }
-    get isTabBar() {
-        var _a;
-        const routePath = stripBasename(this.pathname, this.basename);
-        const pagePath = ((_a = Object.entries(this.customRoutes).find(([, target]) => {
-            if (typeof target === 'string') {
-                return target === routePath;
-            }
-            else if ((target === null || target === void 0 ? void 0 : target.length) > 0) {
-                return target.includes(routePath);
-            }
-            return false;
-        })) === null || _a === void 0 ? void 0 : _a[0]) || routePath;
-        return !!pagePath && this.tabBarList.some(t => t.pagePath === pagePath);
-    }
-    get search() { return location.search.substr(1); }
-    getQuery(search = '', options = {}) {
-        search = search ? `${search}&${this.search}` : this.search;
-        const query = search
-            ? queryString__default["default"].parse(search)
-            : {};
-        return Object.assign(Object.assign({}, query), options);
-    }
-    mount() {
-        var _a;
-        setHistoryMode(this.routerMode, this.router.basename);
-        (_a = document.getElementById('app')) === null || _a === void 0 ? void 0 : _a.remove();
-        const app = document.createElement('div');
-        app.id = this.appId;
-        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);
-            container.appendChild(panel);
-            document.body.appendChild(container);
-            initTabbar(this.config);
-        }
-        else {
-            document.body.appendChild(app);
-        }
-    }
-    onReady(page, onLoad = true) {
-        var _a;
-        const pageEl = this.getPageContainer(page);
-        if (pageEl && !(pageEl === null || pageEl === void 0 ? void 0 : pageEl['__isReady'])) {
-            const el = pageEl.firstElementChild;
-            (_a = el === null || el === void 0 ? void 0 : el['componentOnReady']) === null || _a === void 0 ? void 0 : _a.call(el);
-            onLoad && (pageEl['__page'] = page);
-        }
-    }
-    load(page, pageConfig = {}) {
-        var _a;
-        if (!page)
-            return;
-        (_a = page.onLoad) === null || _a === void 0 ? void 0 : _a.call(page, this.getQuery('', page.options), () => {
-            var _a;
-            const pageEl = this.getPageContainer(page);
-            this.isTabBar && (pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.add('taro_tabbar_page'));
-            this.onReady(page, true);
-            (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
-            this.bindPageEvents(page, pageEl, pageConfig);
-        });
-    }
-    getPageContainer(page) {
-        var _a;
-        const path = page ? page === null || page === void 0 ? void 0 : page.path : (_a = runtime.Current.page) === null || _a === void 0 ? void 0 : _a.path;
-        const id = path === null || path === void 0 ? void 0 : path.replace(/([^a-z0-9\u00a0-\uffff_-])/ig, '\\$1');
-        if (page) {
-            return document.querySelector(`.taro_page#${id}`);
-        }
-        const el = (id
-            ? document.querySelector(`.taro_page#${id}`)
-            : document.querySelector('.taro_page') ||
-                document.querySelector('.taro_router'));
-        return el || window;
-    }
-    bindPageEvents(page, pageEl, config = {}) {
-        var _a;
-        if (!pageEl) {
-            pageEl = this.getPageContainer();
-        }
-        const distance = config.onReachBottomDistance || ((_a = this.config.window) === null || _a === void 0 ? void 0 : _a.onReachBottomDistance) || 50;
-        bindPageScroll(page, pageEl, distance);
-        bindPageResize(page);
-    }
-}
-
-// TODO 支持多路由 (APP 生命周期仅触发一次)
-/** Note: 关于多页面应用
- * - 需要配置路由映射（根目录跳转、404 页面……）
- * - app.onPageNotFound 事件不支持
- * - 应用生命周期可能多次触发
- * - TabBar 会多次加载
- * - 不支持路由动画
- */
-function createMultiRouter(app, config, framework) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    return __awaiter(this, void 0, void 0, function* () {
-        RouterConfig.config = config;
-        const handler = new MultiPageHandler(config);
-        const runtimeHooks = runtime.container.get(runtime.SERVICE_IDENTIFIER.Hooks);
-        const launchParam = handler.getQuery();
-        (_a = app.onLaunch) === null || _a === void 0 ? void 0 : _a.call(app, launchParam);
-        const pathName = config.pageName;
-        const pageConfig = handler.pageConfig;
-        let element;
-        try {
-            element = yield ((_b = pageConfig.load) === null || _b === void 0 ? void 0 : _b.call(pageConfig));
-        }
-        catch (error) {
-            throw new Error(error);
-        }
-        if (!element)
-            return;
-        let enablePullDownRefresh = ((_c = config === null || config === void 0 ? void 0 : config.window) === null || _c === void 0 ? void 0 : _c.enablePullDownRefresh) || false;
-        runtime.eventCenter.trigger('__taroRouterChange', {
-            toLocation: {
-                path: pathName
-            }
-        });
-        if (pageConfig) {
-            document.title = (_d = pageConfig.navigationBarTitleText) !== null && _d !== void 0 ? _d : document.title;
-            if (typeof pageConfig.enablePullDownRefresh === 'boolean') {
-                enablePullDownRefresh = pageConfig.enablePullDownRefresh;
-            }
-        }
-        const el = (_e = element.default) !== null && _e !== void 0 ? _e : element;
-        const loadConfig = Object.assign({}, pageConfig);
-        delete loadConfig['path'];
-        delete loadConfig['load'];
-        const page = runtime.createPageConfig(enablePullDownRefresh ? (_f = runtimeHooks.createPullDownComponent) === null || _f === void 0 ? void 0 : _f.call(runtimeHooks, el, location.pathname, framework, config.PullDownRefresh) : el, pathName + runtime.stringify(launchParam), {}, loadConfig);
-        handler.load(page, pageConfig);
-        (_g = app.onShow) === null || _g === void 0 ? void 0 : _g.call(app, launchParam);
-    });
-}
-
 exports.createMultiRouter = createMultiRouter;
 exports.createRouter = createRouter;
 exports.getCurrentPages = getCurrentPages;