@tarojs/router 4.0.0-alpha.0 → 4.0.0-alpha.3

package/dist/index.js

@@ -1,4 +1,52 @@
-export * from './api';
-export { history } from './history';
-export { createMultiRouter } from './router/mpa';
-export { createRouter } from './router/spa';
+import { initNavigationBar } from './navigationBar.js';
+import { initTabbar } from './tabbar.js';
+export { getCurrentPages, navigateBack, navigateTo, reLaunch, redirectTo, switchTab } from './api.js';
+export { createMpaHistory, history, prependBasename, setHistory, setHistoryMode } from './history.js';
+export { createMultiRouter } from './router/mpa.js';
+export { createRouter } from './router/spa.js';
+export { routesAlias } from './utils/index.js';
+export { createBrowserHistory, createHashHistory } from 'history';
+export { isDingTalk, isWeixin, setMpaTitle, setNavigationBarStyle, setTitle } from './utils/navigate.js';
+
+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);
+    initNavigationBar(appWrapper);
+}
+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);
+    initNavigationBar(container);
+}
+
+export { handleAppMount, handleAppMountWithTabbar };

package/dist/navigationBar.d.ts

@@ -0,0 +1,2 @@
+declare function initNavigationBar(container: HTMLElement): void;
+export { initNavigationBar };

package/dist/navigationBar.js

@@ -0,0 +1,27 @@
+const home_svg_str = `
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M23.8899 12.2737C23.8232 12.3584 23.7237 12.3997 23.6198 12.3974H20.7994V23.5996C20.7994 23.8194 20.6213 24 20.4001 24H14.7994C14.5791 24 14.4002 23.8194 14.4002 23.5996V15.6H9.59963V23.5996C9.59963 23.8194 9.42075 24 9.20033 24H3.59968C3.48981 24 3.38964 23.954 3.31764 23.8811C3.24495 23.8091 3.2004 23.7087 3.2004 23.5996V12.3975H0.398546V12.3967C0.296893 12.396 0.194446 12.3544 0.11579 12.2738C-0.0371146 12.114 -0.0400714 11.864 0.11579 11.7076L11.7201 0.117284C11.8767 -0.0390948 12.1298 -0.0390948 12.2863 0.117284L23.8899 11.7076C24.0465 11.864 24.0265 12.0995 23.8899 12.2737ZM12.0029 0.964625L1.37086 11.5854L3.59968 11.5839V11.5999C3.65537 11.5999 3.70804 11.611 3.75557 11.6307C3.89952 11.692 4.00046 11.8339 4.00046 11.9996V23.1991H8.79955V15.2003C8.79955 14.9789 8.97917 14.8002 9.20033 14.8002H14.7995C15.0207 14.8002 15.2003 14.9789 15.2003 15.2003V23.1991H20.0001V11.9996C20.0001 11.8339 20.1003 11.692 20.2443 11.6307C20.2918 11.611 20.3453 11.5999 20.4001 11.5999V11.5713L22.6193 11.5691L12.0029 0.964625Z" fill="currentColor"/>
+</svg>
+`;
+const back_svg_str = `
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.8206 22.9016L7.45515 11.8756L17.8206 1.09845C18.0598 0.849741 18.0598 0.435233 17.8206 0.186528C17.5814 -0.0621762 17.1827 -0.0621762 16.9435 0.186528L6.1794 11.4611C5.9402 11.7098 5.9402 12.1244 6.1794 12.3731L16.9435 23.8135C17.1827 24.0622 17.5814 24.0622 17.8206 23.8135C18.0598 23.5648 18.0598 23.1503 17.8206 22.9016Z" fill="currentColor"/>
+</svg>
+
+`;
+function initNavigationBar(container) {
+    const navigationBar = document.createElement('taro-navigation-bar-wrap');
+    navigationBar.classList.add('taro-navigation-bar-no-icon');
+    const navigationBarBackBtn = document.createElement('taro-navigation-bar-back');
+    const navigationBarHomeBtn = document.createElement('taro-navigation-bar-home');
+    navigationBarBackBtn.innerHTML = back_svg_str;
+    navigationBarHomeBtn.innerHTML = home_svg_str;
+    const navigationBarTitle = document.createElement('taro-navigation-bar-title');
+    navigationBar.appendChild(navigationBarHomeBtn);
+    navigationBar.appendChild(navigationBarBackBtn);
+    navigationBar.appendChild(navigationBarTitle);
+    navigationBar.id = 'taro-navigation-bar';
+    container.prepend(navigationBar);
+}
+
+export { initNavigationBar };

package/dist/router/index.d.ts

@@ -1,11 +1,12 @@
-import type { MpaRouterConfig, SpaRouterConfig } from '../../types/router';
-export declare class RouterConfig {
+import { MpaRouterConfig, SpaRouterConfig } from '../../types/router';
+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 router(): import("../types/router").Router;
     static get mode(): "hash" | "browser" | "multi";
     static get customRoutes(): Record<string, string | string[]>;
     static isPage(url?: string): boolean;
 }
+export { RouterConfig };

package/dist/router/index.js

@@ -1,5 +1,6 @@
-import { prependBasename } from '../history';
-export class RouterConfig {
+import { prependBasename } from '../history.js';
+
+class RouterConfig {
     static set config(e) {
         this.__config = e;
     }
@@ -20,3 +21,5 @@ export class RouterConfig {
         return this.pages.findIndex(e => prependBasename(e) === url) !== -1;
     }
 }
+
+export { RouterConfig };

package/dist/router/mpa.d.ts

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

package/dist/router/mpa.js

@@ -1,17 +1,10 @@
-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, incrementId, stringify, } from '@tarojs/runtime';
-import { setTitle } from '../utils/navigate';
-import { RouterConfig } from '.';
-import MultiPageHandler from './multi-page';
+import { __awaiter } from 'tslib';
+import { incrementId, eventCenter, createPageConfig, hooks, stringify } from '@tarojs/runtime';
+import '../utils/index.js';
+import { RouterConfig } from './index.js';
+import MultiPageHandler from './multi-page.js';
+import { setMpaTitle } from '../utils/navigate.js';
+
 const createStampId = incrementId();
 const launchStampId = createStampId();
 // TODO 支持多路由 (APP 生命周期仅触发一次)
@@ -22,14 +15,15 @@ const launchStampId = createStampId();
  * - TabBar 会多次加载
  * - 不支持路由动画
  */
-export 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* () {
         if (typeof app.onUnhandledRejection === 'function') {
             window.addEventListener('unhandledrejection', app.onUnhandledRejection);
         }
+        eventCenter.on('__taroH5SetNavigationTitle', setMpaTitle);
         RouterConfig.config = config;
-        const handler = new MultiPageHandler(config);
+        const handler = new MultiPageHandler(config, history);
         const launchParam = {
             path: config.pageName,
             query: handler.getQuery(launchStampId),
@@ -61,7 +55,7 @@ export function createMultiRouter(app, config, framework) {
             return;
         let enablePullDownRefresh = ((_c = config === null || config === void 0 ? void 0 : config.window) === null || _c === void 0 ? void 0 : _c.enablePullDownRefresh) || false;
         if (pageConfig) {
-            setTitle((_d = pageConfig.navigationBarTitleText) !== null && _d !== void 0 ? _d : document.title);
+            setMpaTitle((_d = pageConfig.navigationBarTitleText) !== null && _d !== void 0 ? _d : document.title);
             if (typeof pageConfig.enablePullDownRefresh === 'boolean') {
                 enablePullDownRefresh = pageConfig.enablePullDownRefresh;
             }
@@ -73,5 +67,16 @@ export function createMultiRouter(app, config, framework) {
         const page = createPageConfig(enablePullDownRefresh ? hooks.call('createPullDownComponent', el, pathName, framework, handler.PullDownRefresh) : el, pathName + stringify(launchParam), {}, loadConfig);
         handler.load(page, pageConfig);
         (_f = app.onShow) === null || _f === void 0 ? void 0 : _f.call(app, launchParam);
+        window.addEventListener('visibilitychange', () => {
+            var _a, _b;
+            if (document.visibilityState === 'visible') {
+                (_a = app.onShow) === null || _a === void 0 ? void 0 : _a.call(app, launchParam);
+            }
+            else {
+                (_b = app.onHide) === null || _b === void 0 ? void 0 : _b.call(app, launchParam);
+            }
+        });
     });
 }
+
+export { createMultiRouter };

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

@@ -1,11 +1,13 @@
 import { PageInstance } from '@tarojs/runtime';
-import type { PageConfig } from '@tarojs/taro';
-import type { MpaRouterConfig, Route } from '../../types/router';
-export default class MultiPageHandler {
+import { PageConfig } from '@tarojs/taro';
+import { History } from "../history.js";
+import { MpaRouterConfig, Route } from '../../types/router';
+declare class MultiPageHandler {
+    history: History;
     protected config: MpaRouterConfig;
-    constructor(config: MpaRouterConfig);
+    constructor(config: MpaRouterConfig, history: History);
     get appId(): string;
-    get router(): import("../../types/router").Router;
+    get router(): import("../types/router").Router;
     get routerMode(): "hash" | "browser" | "multi";
     get customRoutes(): Record<string, string | string[]>;
     get tabBarList(): import("@tarojs/taro").TabBarItem[];
@@ -20,11 +22,13 @@ export default class MultiPageHandler {
     getQuery(search?: string, options?: Record<string, unknown>): {
         [x: string]: unknown;
     };
+    isDefaultNavigationStyle(): boolean;
     mount(): void;
     onReady(page: PageInstance, onLoad?: boolean): void;
     load(page: PageInstance, pageConfig?: Route): void;
     getPageContainer(page?: PageInstance | null): HTMLElement | null;
-    getScrollingElement(page?: PageInstance | null): (Window & typeof globalThis) | HTMLElement;
+    getScrollingElement(page?: PageInstance | null): HTMLElement | (Window & typeof globalThis);
     bindPageEvents(page: PageInstance, config?: Partial<PageConfig>): void;
     triggerRouterChange(): void;
 }
+export { MultiPageHandler as default };

package/dist/router/multi-page.js

@@ -1,14 +1,14 @@
-/* eslint-disable dot-notation */
-import { Current, eventCenter } from '@tarojs/runtime';
+import { addLeadingSlash, stripBasename, Current, eventCenter } from '@tarojs/runtime';
 import queryString from 'query-string';
-import { bindPageResize } from '../events/resize';
-import { bindPageScroll } from '../events/scroll';
-import { setHistoryMode } from '../history';
-import { loadRouterStyle } from '../style';
-import { initTabbar } from '../tabbar';
-import { addLeadingSlash, stripBasename } from '../utils';
-export default class MultiPageHandler {
-    constructor(config) {
+import { bindPageResize } from '../events/resize.js';
+import { bindPageScroll } from '../events/scroll.js';
+import { setHistory } from '../history.js';
+import { loadRouterStyle } from '../style.js';
+
+/* eslint-disable dot-notation */
+class MultiPageHandler {
+    constructor(config, history) {
+        this.history = history;
         this.config = config;
         this.mount();
     }
@@ -55,39 +55,18 @@ export default class MultiPageHandler {
             : {};
         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;
@@ -117,10 +96,13 @@ export default 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);
@@ -166,3 +148,5 @@ export default class MultiPageHandler {
         }, 0);
     }
 }
+
+export { MultiPageHandler as default };

package/dist/router/navigation-bar.d.ts

@@ -0,0 +1,32 @@
+import PageHandler from "./page.js";
+interface NavigationBarCache {
+    backgroundColor?: string;
+    fontColor?: string;
+    title?: string;
+    show?: boolean;
+}
+declare class NavigationBarHandler {
+    pageContext: PageHandler;
+    navigationBarElement: Element;
+    cache: Record<string, NavigationBarCache>;
+    isLoadDdEntry: boolean;
+    constructor(pageContext: PageHandler);
+    private toHomeFn;
+    private backFn;
+    get homeBtnElement(): Element | null;
+    get backBtnElement(): Element | null;
+    get titleElement(): Element | null;
+    init(): void;
+    setNavigationBarElement(): void;
+    load(): void;
+    setCacheValue(): void;
+    setFnBtnState(): void;
+    setNavigationBarBackground(backgroundColor?: string): void;
+    setNavigationBarTextStyle(fontColor?: string): void;
+    setTitle(title?: any): void;
+    fnBtnToggleToHome(): void;
+    fnBtnToggleToBack(): void;
+    fnBtnToggleToNone(): void;
+    setNavigationBarVisible(show?: any): void;
+}
+export { NavigationBarHandler as default };

package/dist/router/navigation-bar.js

@@ -0,0 +1,209 @@
+import { eventCenter } from '@tarojs/runtime';
+import { reLaunch, navigateBack } from '../api.js';
+import { loadNavigationBarStyle } from '../style.js';
+import '../utils/index.js';
+import stacks from './stack.js';
+import { isDingTalk } from '../utils/navigate.js';
+
+class NavigationBarHandler {
+    constructor(pageContext) {
+        this.isLoadDdEntry = false;
+        this.cache = {};
+        this.pageContext = pageContext;
+        this.init();
+        loadNavigationBarStyle();
+        eventCenter.on('__taroH5SetNavigationTitle', (title) => {
+            this.setTitle(title);
+        });
+        eventCenter.on('__taroH5setNavigationBarColor', ({ backgroundColor, frontColor }) => {
+            if (typeof backgroundColor === 'string')
+                this.setNavigationBarBackground(backgroundColor);
+            if (typeof frontColor === 'string')
+                this.setNavigationBarTextStyle(frontColor);
+        });
+    }
+    toHomeFn() {
+        reLaunch({ url: this.pageContext.homePage });
+    }
+    backFn() {
+        navigateBack();
+    }
+    get homeBtnElement() {
+        var _a;
+        if (!this.navigationBarElement)
+            return null;
+        return (_a = this.navigationBarElement.getElementsByTagName('taro-navigation-bar-home')) === null || _a === void 0 ? void 0 : _a[0];
+    }
+    get backBtnElement() {
+        var _a;
+        if (!this.navigationBarElement)
+            return null;
+        return (_a = this.navigationBarElement.getElementsByTagName('taro-navigation-bar-back')) === null || _a === void 0 ? void 0 : _a[0];
+    }
+    get titleElement() {
+        var _a;
+        if (!this.navigationBarElement)
+            return null;
+        return (_a = this.navigationBarElement.getElementsByTagName('taro-navigation-bar-title')) === null || _a === void 0 ? void 0 : _a[0];
+    }
+    init() {
+        var _a, _b;
+        this.setNavigationBarElement();
+        if (!this.navigationBarElement)
+            return;
+        (_a = this.homeBtnElement) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.toHomeFn.bind(this));
+        (_b = this.backBtnElement) === null || _b === void 0 ? void 0 : _b.addEventListener('click', this.backFn.bind(this));
+    }
+    setNavigationBarElement() {
+        var _a;
+        this.navigationBarElement = (_a = document.getElementsByTagName('taro-navigation-bar-wrap')) === null || _a === void 0 ? void 0 : _a[0];
+    }
+    load() {
+        this.setCacheValue();
+        this.setTitle();
+        this.setNavigationBarVisible();
+        this.setFnBtnState();
+        this.setNavigationBarBackground();
+        this.setNavigationBarTextStyle();
+    }
+    setCacheValue() {
+        const currentPage = this.pageContext.currentPage;
+        if (typeof this.cache[currentPage] !== 'object') {
+            this.cache[currentPage] = {};
+        }
+    }
+    setFnBtnState() {
+        const currentRouter = this.pageContext.currentPage;
+        if (this.pageContext.isTabBar(currentRouter) || this.pageContext.homePage === currentRouter) {
+            this.fnBtnToggleToNone();
+        }
+        else if (stacks.length > 1) {
+            this.fnBtnToggleToBack();
+        }
+        else {
+            this.fnBtnToggleToHome();
+        }
+    }
+    setNavigationBarBackground(backgroundColor) {
+        var _a, _b, _c;
+        if (!this.navigationBarElement)
+            return;
+        const currentPage = this.pageContext.currentPage;
+        let color;
+        if (typeof backgroundColor === 'string') {
+            color = backgroundColor;
+            this.cache[currentPage] &&
+                (this.cache[currentPage].backgroundColor = color);
+        }
+        else {
+            const cacheValue = (_a = this.cache[currentPage]) === null || _a === void 0 ? void 0 : _a.backgroundColor;
+            if (typeof cacheValue === 'string') {
+                color = cacheValue;
+            }
+            else {
+                color = ((_c = (_b = this.pageContext.config) === null || _b === void 0 ? void 0 : _b.window) === null || _c === void 0 ? void 0 : _c.navigationBarBackgroundColor) || '#000000';
+                this.cache[currentPage] &&
+                    (this.cache[currentPage].backgroundColor = color);
+            }
+        }
+        this.navigationBarElement.style.background = color;
+    }
+    setNavigationBarTextStyle(fontColor) {
+        var _a, _b, _c;
+        if (!this.navigationBarElement)
+            return;
+        const currentPage = this.pageContext.currentPage;
+        let color;
+        if (typeof fontColor === 'string') {
+            color = fontColor;
+            this.cache[currentPage] &&
+                (this.cache[currentPage].fontColor = color);
+        }
+        else {
+            const cacheValue = (_a = this.cache[currentPage]) === null || _a === void 0 ? void 0 : _a.fontColor;
+            if (typeof cacheValue === 'string') {
+                color = cacheValue;
+            }
+            else {
+                color = ((_c = (_b = this.pageContext.config) === null || _b === void 0 ? void 0 : _b.window) === null || _c === void 0 ? void 0 : _c.navigationBarTextStyle) || 'white';
+                this.cache[currentPage] &&
+                    (this.cache[currentPage].fontColor = color);
+            }
+        }
+        this.navigationBarElement.style.color = color;
+    }
+    setTitle(title) {
+        var _a, _b, _c;
+        const currentPage = this.pageContext.currentPage;
+        let proceedTitle;
+        if (typeof title === 'string') {
+            proceedTitle = title;
+            this.cache[currentPage] &&
+                (this.cache[currentPage].title = proceedTitle);
+        }
+        else {
+            const cacheValue = (_a = this.cache[currentPage]) === null || _a === void 0 ? void 0 : _a.title;
+            if (typeof cacheValue === 'string') {
+                proceedTitle = cacheValue;
+            }
+            else {
+                proceedTitle = (_c = (_b = this.pageContext.pageConfig) === null || _b === void 0 ? void 0 : _b.navigationBarTitleText) !== null && _c !== void 0 ? _c : document.title;
+                this.cache[currentPage] &&
+                    (this.cache[currentPage].title = proceedTitle);
+            }
+        }
+        if (process.env.SUPPORT_DINGTALK_NAVIGATE !== 'disabled' && isDingTalk()) {
+            if (!this.isLoadDdEntry) {
+                this.isLoadDdEntry = true;
+                require('dingtalk-jsapi/platform');
+            }
+            const setDingTitle = require('dingtalk-jsapi/api/biz/navigation/setTitle').default;
+            setDingTitle({ proceedTitle });
+        }
+        document.title = proceedTitle;
+        if (!this.titleElement)
+            return;
+        this.titleElement.innerHTML = proceedTitle;
+    }
+    fnBtnToggleToHome() {
+        if (!this.navigationBarElement)
+            return;
+        this.navigationBarElement.classList.add('taro-navigation-bar-home');
+        this.navigationBarElement.classList.remove('taro-navigation-bar-back');
+    }
+    fnBtnToggleToBack() {
+        if (!this.navigationBarElement)
+            return;
+        this.navigationBarElement.classList.remove('taro-navigation-bar-home');
+        this.navigationBarElement.classList.add('taro-navigation-bar-back');
+    }
+    fnBtnToggleToNone() {
+        if (!this.navigationBarElement)
+            return;
+        this.navigationBarElement.classList.remove('taro-navigation-bar-home');
+        this.navigationBarElement.classList.remove('taro-navigation-bar-back');
+    }
+    setNavigationBarVisible(show) {
+        var _a, _b;
+        let shouldShow;
+        if (typeof show === 'boolean') {
+            shouldShow = show;
+        }
+        else {
+            shouldShow = (_a = this.pageContext.config.window) === null || _a === void 0 ? void 0 : _a.navigationStyle;
+            if (typeof ((_b = this.pageContext.pageConfig) === null || _b === void 0 ? void 0 : _b.navigationStyle) === 'string') {
+                shouldShow = this.pageContext.pageConfig.navigationStyle;
+            }
+        }
+        if (shouldShow === 'default') {
+            this.navigationBarElement.classList.add('taro-navigation-bar-show');
+            this.navigationBarElement.classList.remove('taro-navigation-bar-hide');
+        }
+        else {
+            this.navigationBarElement.classList.add('taro-navigation-bar-hide');
+            this.navigationBarElement.classList.remove('taro-navigation-bar-show');
+        }
+    }
+}
+
+export { NavigationBarHandler as default };

package/dist/router/page.d.ts

@@ -1,18 +1,22 @@
+import NavigationBarHandler from "./navigation-bar.js";
 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;
+import { PageConfig, RouterAnimate } from '@tarojs/taro';
+import { History } from "../history.js";
+import { Route, SpaRouterConfig } from '../../types/router';
+declare class PageHandler {
+    history: History;
+    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;
+    protected navigationBarHandler: NavigationBarHandler;
     homePage: string;
-    constructor(config: SpaRouterConfig);
+    constructor(config: SpaRouterConfig, history: History);
     get currentPage(): string;
     get appId(): string;
-    get router(): import("../../types/router").Router;
+    get router(): import("../types/router").Router;
     get routerMode(): "hash" | "browser" | "multi";
     get customRoutes(): Record<string, string | string[]>;
     get routes(): Route[];
@@ -26,6 +30,7 @@ export default class PageHandler {
     get basename(): string;
     get pageConfig(): Route | undefined;
     isTabBar(pathname: string): boolean;
+    isDefaultNavigationStyle(): boolean;
     isSamePage(page?: PageInstance | null): boolean;
     get search(): string;
     get usingWindowScroll(): boolean;
@@ -40,7 +45,8 @@ export default class PageHandler {
     hide(page?: PageInstance | null): void;
     addAnimation(pageEl?: HTMLElement | null, first?: boolean): void;
     getPageContainer(page?: PageInstance | null): HTMLElement | null;
-    getScrollingElement(page?: PageInstance | null): (Window & typeof globalThis) | HTMLElement;
+    getScrollingElement(page?: PageInstance | null): HTMLElement | (Window & typeof globalThis);
     bindPageEvents(page: PageInstance, config?: Partial<PageConfig>): void;
     triggerRouterChange(): void;
 }
+export { PageHandler as default };