@tarojs/router 3.5.0-canary.1 → 3.5.0

package/dist/router/index.d.ts

@@ -0,0 +1,11 @@
+import type { MpaRouterConfig, SpaRouterConfig } from '../../types/router';
+export declare class RouterConfig {
+    private static __config;
+    static set config(e: SpaRouterConfig | MpaRouterConfig);
+    static get config(): SpaRouterConfig | MpaRouterConfig;
+    static get pages(): string[];
+    static get router(): import("../../types/router").Router;
+    static get mode(): "hash" | "browser" | "multi";
+    static get customRoutes(): Record<string, string | string[]>;
+    static isPage(url?: string): boolean;
+}

package/dist/router/index.js

@@ -0,0 +1,22 @@
+import { addLeadingSlash } from '../utils';
+export class RouterConfig {
+    static set config(e) {
+        this.__config = e;
+    }
+    static get config() {
+        return this.__config;
+    }
+    static get pages() {
+        return this.config.pages || [];
+    }
+    static get router() {
+        return this.config.router || {};
+    }
+    static get mode() {
+        return this.router.mode || 'hash';
+    }
+    static get customRoutes() { return this.router.customRoutes || {}; }
+    static isPage(url = '') {
+        return this.pages.findIndex(e => addLeadingSlash(e) === url) !== -1;
+    }
+}

package/dist/router/mpa.d.ts

@@ -0,0 +1,10 @@
+import { AppInstance } from '@tarojs/runtime';
+import type { MpaRouterConfig } from '../../types/router';
+/** Note: 关于多页面应用
+ * - 需要配置路由映射（根目录跳转、404 页面……）
+ * - app.onPageNotFound 事件不支持
+ * - 应用生命周期可能多次触发
+ * - TabBar 会多次加载
+ * - 不支持路由动画
+ */
+export declare function createMultiRouter(app: AppInstance, config: MpaRouterConfig, framework?: string): Promise<void>;

package/dist/router/mpa.js

@@ -0,0 +1,62 @@
+var __awaiter = (this && this.__awaiter) || function (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());
+    });
+};
+/* eslint-disable dot-notation */
+import { createPageConfig, eventCenter, hooks, stringify } from '@tarojs/runtime';
+import { setTitle } from '../utils/navigate';
+import { RouterConfig } from '.';
+import MultiPageHandler from './multi-page';
+// TODO 支持多路由 (APP 生命周期仅触发一次)
+/** Note: 关于多页面应用
+ * - 需要配置路由映射（根目录跳转、404 页面……）
+ * - app.onPageNotFound 事件不支持
+ * - 应用生命周期可能多次触发
+ * - TabBar 会多次加载
+ * - 不支持路由动画
+ */
+export 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;
+        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 = createPageConfig(enablePullDownRefresh ? hooks.call('createPullDownComponent', el, location.pathname, framework, config.PullDownRefresh) : el, pathName + stringify(launchParam), {}, loadConfig);
+        handler.load(page, pageConfig);
+        (_f = app.onShow) === null || _f === void 0 ? void 0 : _f.call(app, launchParam);
+    });
+}

package/dist/router/multi-page.d.ts

@@ -0,0 +1,27 @@
+import { PageInstance } from '@tarojs/runtime';
+import type { PageConfig } from '@tarojs/taro';
+import type { MpaRouterConfig, Route } from '../../types/router';
+export default class MultiPageHandler {
+    protected config: MpaRouterConfig;
+    constructor(config: MpaRouterConfig);
+    get appId(): string;
+    get router(): import("../../types/router").Router;
+    get routerMode(): "hash" | "browser" | "multi";
+    get customRoutes(): Record<string, string | string[]>;
+    get tabBarList(): import("@tarojs/taro").TabBarItem[];
+    get PullDownRefresh(): any;
+    set pathname(p: string);
+    get pathname(): string;
+    get basename(): string;
+    get pageConfig(): Route;
+    get isTabBar(): boolean;
+    get search(): string;
+    getQuery(search?: string, options?: Record<string, unknown>): {
+        [x: string]: unknown;
+    };
+    mount(): void;
+    onReady(page: PageInstance, onLoad?: boolean): void;
+    load(page: PageInstance, pageConfig?: Route): void;
+    getPageContainer(page?: PageInstance | null): HTMLElement | null;
+    bindPageEvents(page: PageInstance, pageEl?: HTMLElement | null, config?: Partial<PageConfig>): void;
+}

package/dist/router/multi-page.js

@@ -0,0 +1,112 @@
+/* eslint-disable dot-notation */
+import { Current } from '@tarojs/runtime';
+import queryString from 'query-string';
+import { bindPageResize } from '../events/resize';
+import { bindPageScroll } from '../events/scroll';
+import { setHistoryMode } from '../history';
+import { initTabbar } from '../tabbar';
+import { stripBasename } from '../utils';
+export default 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.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 = 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);
+    }
+}

package/dist/router/page.d.ts

@@ -0,0 +1,42 @@
+import { PageInstance } from '@tarojs/runtime';
+import type { PageConfig, RouterAnimate } from '@tarojs/taro';
+import type { Route, SpaRouterConfig } from '../../types/router';
+export default class PageHandler {
+    protected config: SpaRouterConfig;
+    protected readonly defaultAnimation: RouterAnimate;
+    protected unloadTimer: ReturnType<typeof setTimeout> | null;
+    protected hideTimer: ReturnType<typeof setTimeout> | null;
+    protected lastHidePage: HTMLElement | null;
+    protected lastUnloadPage: PageInstance | null;
+    constructor(config: SpaRouterConfig);
+    get appId(): string;
+    get router(): import("../../types/router").Router;
+    get routerMode(): "hash" | "browser" | "multi";
+    get customRoutes(): Record<string, string | string[]>;
+    get routes(): Route[];
+    get tabBarList(): import("@tarojs/taro").TabBarItem[];
+    get PullDownRefresh(): any;
+    get animation(): boolean | RouterAnimate;
+    get animationDelay(): number;
+    get animationDuration(): number;
+    set pathname(p: string);
+    get pathname(): string;
+    get basename(): string;
+    get homePage(): string;
+    get pageConfig(): Route | undefined;
+    get isTabBar(): boolean;
+    isSamePage(page?: PageInstance | null): boolean;
+    get search(): string;
+    getQuery(stamp?: number, search?: string, options?: Record<string, unknown>): {
+        [x: string]: unknown;
+    };
+    mount(): void;
+    onReady(page: PageInstance, onLoad?: boolean): void;
+    load(page: PageInstance, pageConfig?: Route, stacksIndex?: number): void;
+    unload(page?: PageInstance | null, delta?: number, top?: boolean): void;
+    show(page?: PageInstance | null, pageConfig?: Route, stacksIndex?: number): void;
+    hide(page?: PageInstance | null): void;
+    addAnimation(pageEl?: HTMLElement | null, first?: boolean): void;
+    getPageContainer(page?: PageInstance | null): HTMLElement | null;
+    bindPageEvents(page: PageInstance, pageEl?: HTMLElement | null, config?: Partial<PageConfig>): void;
+}

package/dist/router/page.js

@@ -0,0 +1,281 @@
+/* eslint-disable dot-notation */
+import { Current, requestAnimationFrame } from '@tarojs/runtime';
+import queryString from 'query-string';
+import { loadAnimateStyle } from '../animation';
+import { bindPageResize } from '../events/resize';
+import { bindPageScroll } from '../events/scroll';
+import { setHistoryMode } from '../history';
+import { initTabbar } from '../tabbar';
+import { addLeadingSlash, routesAlias, stripBasename, stripTrailing } from '../utils';
+import stacks from './stack';
+function setDisplay(el, type = '') {
+    if (el) {
+        el.style.display = type;
+    }
+}
+export default class PageHandler {
+    constructor(config) {
+        this.defaultAnimation = { duration: 300, delay: 50 };
+        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 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; }
+    get animationDelay() {
+        var _a;
+        return (typeof this.animation === 'object'
+            ? this.animation.delay
+            : this.animation
+                ? (_a = this.defaultAnimation) === null || _a === void 0 ? void 0 : _a.delay
+                : 0) || 0;
+    }
+    get animationDuration() {
+        var _a;
+        return (typeof this.animation === 'object'
+            ? this.animation.duration
+            : this.animation
+                ? (_a = this.defaultAnimation) === null || _a === void 0 ? void 0 : _a.duration
+                : 0) || 0;
+    }
+    set pathname(p) { this.router.pathname = p; }
+    get pathname() { return this.router.pathname; }
+    get basename() { return this.router.basename || ''; }
+    get homePage() {
+        return this.config.entryPagePath || this.routes[0].path || this.basename;
+    }
+    get pageConfig() {
+        const routePath = stripBasename(this.pathname, this.basename);
+        const homePage = this.homePage;
+        return this.routes.find(r => {
+            var _a;
+            const pagePath = addLeadingSlash(r.path);
+            return [pagePath, homePage].includes(routePath) || ((_a = routesAlias.getConfig(pagePath)) === null || _a === void 0 ? void 0 : _a.includes(routePath));
+        });
+    }
+    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 => stripTrailing(t.pagePath) === pagePath);
+    }
+    isSamePage(page) {
+        const routePath = stripBasename(this.pathname, this.basename);
+        const pagePath = stripBasename(page === null || page === void 0 ? void 0 : page.path, this.basename);
+        return pagePath.startsWith(routePath + '?');
+    }
+    get search() {
+        let search = '?';
+        if (this.routerMode === 'hash') {
+            const idx = location.hash.indexOf('?');
+            if (idx > -1) {
+                search = location.hash.slice(idx);
+            }
+        }
+        else {
+            search = location.search;
+        }
+        return search.substr(1);
+    }
+    getQuery(stamp = 0, search = '', options = {}) {
+        search = search ? `${search}&${this.search}` : this.search;
+        const query = search
+            ? queryString.parse(search, { decode: false })
+            : {};
+        query.stamp = stamp.toString();
+        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();
+        this.animation && loadAnimateStyle(this.animationDuration);
+        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, _b;
+        const pageEl = this.getPageContainer(page);
+        if (pageEl && !(pageEl === null || pageEl === void 0 ? void 0 : pageEl['__isReady'])) {
+            const el = pageEl.firstElementChild;
+            (_b = (_a = el === null || el === void 0 ? void 0 : el['componentOnReady']) === null || _a === void 0 ? void 0 : _a.call(el)) === null || _b === void 0 ? void 0 : _b.then(() => {
+                requestAnimationFrame(() => {
+                    var _a;
+                    (_a = page.onReady) === null || _a === void 0 ? void 0 : _a.call(page);
+                    pageEl['__isReady'] = true;
+                });
+            });
+            onLoad && (pageEl['__page'] = page);
+        }
+    }
+    load(page, pageConfig = {}, stacksIndex = 0) {
+        var _a, _b;
+        if (!page)
+            return;
+        // NOTE: 页面栈推入太晚可能导致 getCurrentPages 无法获取到当前页面实例
+        stacks.push(page);
+        const param = this.getQuery(stacks.length, '', page.options);
+        let pageEl = this.getPageContainer(page);
+        if (pageEl) {
+            setDisplay(pageEl);
+            this.isTabBar && pageEl.classList.add('taro_tabbar_page');
+            this.addAnimation(pageEl, stacksIndex === 0);
+            (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
+            this.bindPageEvents(page, pageEl, pageConfig);
+        }
+        else {
+            (_b = page.onLoad) === null || _b === void 0 ? void 0 : _b.call(page, param, () => {
+                var _a;
+                pageEl = this.getPageContainer(page);
+                this.isTabBar && (pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.add('taro_tabbar_page'));
+                this.addAnimation(pageEl, stacksIndex === 0);
+                this.onReady(page, true);
+                (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
+                this.bindPageEvents(page, pageEl, pageConfig);
+            });
+        }
+    }
+    unload(page, delta = 1, top = false) {
+        var _a, _b, _c;
+        if (!page)
+            return;
+        stacks.delta = --delta;
+        stacks.pop();
+        if (this.animation && top) {
+            if (this.unloadTimer) {
+                clearTimeout(this.unloadTimer);
+                (_b = (_a = this.lastUnloadPage) === null || _a === void 0 ? void 0 : _a.onUnload) === null || _b === void 0 ? void 0 : _b.call(_a);
+                this.unloadTimer = null;
+            }
+            this.lastUnloadPage = page;
+            const pageEl = this.getPageContainer(page);
+            pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.remove('taro_page_stationed');
+            pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.remove('taro_page_show');
+            this.unloadTimer = setTimeout(() => {
+                var _a, _b;
+                this.unloadTimer = null;
+                (_b = (_a = this.lastUnloadPage) === null || _a === void 0 ? void 0 : _a.onUnload) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }, this.animationDuration);
+        }
+        else {
+            const pageEl = this.getPageContainer(page);
+            pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.remove('taro_page_stationed');
+            pageEl === null || pageEl === void 0 ? void 0 : pageEl.classList.remove('taro_page_show');
+            (_c = page === null || page === void 0 ? void 0 : page.onUnload) === null || _c === void 0 ? void 0 : _c.call(page);
+        }
+        if (delta >= 1)
+            this.unload(stacks.last, delta);
+    }
+    show(page, pageConfig = {}, stacksIndex = 0) {
+        var _a, _b;
+        if (!page)
+            return;
+        const param = this.getQuery(stacks.length, '', page.options);
+        let pageEl = this.getPageContainer(page);
+        if (pageEl) {
+            setDisplay(pageEl);
+            this.addAnimation(pageEl, stacksIndex === 0);
+            (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
+            this.bindPageEvents(page, pageEl, pageConfig);
+        }
+        else {
+            (_b = page.onLoad) === null || _b === void 0 ? void 0 : _b.call(page, param, () => {
+                var _a;
+                pageEl = this.getPageContainer(page);
+                this.addAnimation(pageEl, stacksIndex === 0);
+                this.onReady(page, false);
+                (_a = page.onShow) === null || _a === void 0 ? void 0 : _a.call(page);
+                this.bindPageEvents(page, pageEl, pageConfig);
+            });
+        }
+    }
+    hide(page) {
+        var _a;
+        if (!page)
+            return;
+        // NOTE: 修复多页并发问题，此处可能因为路由跳转过快，执行时页面可能还没有创建成功
+        const pageEl = this.getPageContainer(page);
+        if (pageEl) {
+            if (this.hideTimer) {
+                clearTimeout(this.hideTimer);
+                this.hideTimer = null;
+                setDisplay(this.lastHidePage, 'none');
+            }
+            this.lastHidePage = pageEl;
+            this.hideTimer = setTimeout(() => {
+                this.hideTimer = null;
+                setDisplay(this.lastHidePage, 'none');
+            }, this.animationDuration + this.animationDelay);
+            (_a = page.onHide) === null || _a === void 0 ? void 0 : _a.call(page);
+        }
+        else {
+            setTimeout(() => this.hide(page), 0);
+        }
+    }
+    addAnimation(pageEl, first = false) {
+        if (!pageEl)
+            return;
+        if (this.animation && !first) {
+            setTimeout(() => {
+                pageEl.classList.add('taro_page_show');
+                setTimeout(() => {
+                    pageEl.classList.add('taro_page_stationed');
+                }, this.animationDuration);
+            }, this.animationDelay);
+        }
+        else {
+            pageEl.classList.add('taro_page_show');
+            pageEl.classList.add('taro_page_stationed');
+        }
+    }
+    getPageContainer(page) {
+        var _a;
+        const path = page ? page === null || page === void 0 ? void 0 : page.path : (_a = 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);
+    }
+}

package/dist/router/spa.d.ts

@@ -0,0 +1,3 @@
+import { AppInstance } from '@tarojs/runtime';
+import type { SpaRouterConfig } from '../../types/router';
+export declare function createRouter(app: AppInstance, config: SpaRouterConfig, framework?: string): () => void;