@tarojs/router 3.6.22 → 3.6.23

package/dist/router/mpa.js

@@ -1,17 +1,9 @@
-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 { setTitle } from '../utils/navigate.js';
+import { RouterConfig } from './index.js';
+import MultiPageHandler from './multi-page.js';
+
 const createStampId = incrementId();
 const launchStampId = createStampId();
 // TODO 支持多路由 (APP 生命周期仅触发一次)
@@ -22,14 +14,14 @@ 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);
         }
         RouterConfig.config = config;
-        const handler = new MultiPageHandler(config);
+        const handler = new MultiPageHandler(config, history);
         const launchParam = {
             path: config.pageName,
             query: handler.getQuery(launchStampId),
@@ -75,3 +67,5 @@ export function createMultiRouter(app, config, framework) {
         (_f = app.onShow) === null || _f === void 0 ? void 0 : _f.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[];
@@ -25,6 +27,7 @@ export default class MultiPageHandler {
     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;
 }
+export { MultiPageHandler as default };

package/dist/router/multi-page.js

@@ -1,14 +1,14 @@
-/* eslint-disable dot-notation */
-import { Current } from '@tarojs/runtime';
+import { addLeadingSlash, stripBasename, Current } 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();
     }
@@ -64,38 +64,9 @@ export default 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;
@@ -163,3 +134,5 @@ export default class MultiPageHandler {
         bindPageResize(page);
     }
 }
+
+export { MultiPageHandler as default };

package/dist/router/page.d.ts

@@ -1,7 +1,9 @@
 import { PageInstance } from '@tarojs/runtime';
-import type { PageConfig, RouterAnimate } from '@tarojs/taro';
-import type { Route, SpaRouterConfig } from '../../types/router';
-export default class PageHandler {
+import { PageConfig, RouterAnimate } from '@tarojs/taro';
+import { History } from "../history.js";
+import { Route, SpaRouterConfig } from '../../types/router';
+declare class PageHandler {
+    history: History;
     protected config: SpaRouterConfig;
     protected readonly defaultAnimation: RouterAnimate;
     protected unloadTimer: ReturnType<typeof setTimeout> | null;
@@ -9,10 +11,10 @@ export default class PageHandler {
     protected lastHidePage: HTMLElement | null;
     protected lastUnloadPage: PageInstance | null;
     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[];
@@ -41,7 +43,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 };

package/dist/router/page.js

@@ -1,15 +1,16 @@
-/* eslint-disable dot-notation */
-import { Current, eventCenter, requestAnimationFrame } from '@tarojs/runtime';
+import { getHomePage, getCurrentPage, addLeadingSlash, stripBasename, stripTrailing, requestAnimationFrame, eventCenter, Current } from '@tarojs/runtime';
 import queryString from 'query-string';
-import { bindPageResize } from '../events/resize';
-import { bindPageScroll } from '../events/scroll';
-import { history, setHistoryMode } from '../history';
-import { loadAnimateStyle, loadRouterStyle } from '../style';
-import { initTabbar } from '../tabbar';
-import { addLeadingSlash, getCurrentPage, getHomePage, routesAlias, stripBasename, stripTrailing } from '../utils';
-import stacks from './stack';
-export default class PageHandler {
-    constructor(config) {
+import { bindPageResize } from '../events/resize.js';
+import { bindPageScroll } from '../events/scroll.js';
+import { setHistory, history } from '../history.js';
+import { loadAnimateStyle, loadRouterStyle } from '../style.js';
+import { routesAlias } from '../utils/index.js';
+import stacks from './stack.js';
+
+/* eslint-disable dot-notation */
+class PageHandler {
+    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);
@@ -115,40 +116,11 @@ export default class PageHandler {
         return Object.assign(Object.assign({}, query), options);
     }
     mount() {
-        setHistoryMode(this.routerMode, this.router.basename);
+        setHistory(this.history, this.basename);
         this.pathname = 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;
@@ -345,3 +317,5 @@ export default class PageHandler {
         }, 0);
     }
 }
+
+export { PageHandler as default };

package/dist/router/spa.d.ts

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

package/dist/router/spa.js

@@ -1,31 +1,23 @@
-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, Current, eventCenter, hooks, incrementId, stringify, } from '@tarojs/runtime';
-import { Action as LocationAction } from 'history';
+import { __awaiter } from 'tslib';
+import { incrementId, addLeadingSlash, eventCenter, stripBasename, Current, createPageConfig, hooks, stringify } from '@tarojs/runtime';
+import { Action } from 'history';
 import UniversalRouter from 'universal-router';
-import { history, prependBasename } from '../history';
-import { addLeadingSlash, routesAlias, stripBasename } from '../utils';
-import { setTitle } from '../utils/navigate';
-import { RouterConfig } from '.';
-import PageHandler from './page';
-import stacks from './stack';
+import { prependBasename } from '../history.js';
+import { routesAlias } from '../utils/index.js';
+import { setTitle } from '../utils/navigate.js';
+import { RouterConfig } from './index.js';
+import PageHandler from './page.js';
+import stacks from './stack.js';
+
 const createStampId = incrementId();
 let launchStampId = createStampId();
-export function createRouter(app, config, framework) {
+function createRouter(history, 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);
     routesAlias.set(handler.router.customRoutes);
     const basename = handler.router.basename;
     const routes = handler.routes.map(route => {
@@ -194,7 +186,9 @@ export function createRouter(app, config, framework) {
     if (routePath === '/') {
         history.replace(prependBasename(handler.homePage + history.location.search));
     }
-    render({ location: history.location, action: LocationAction.Push });
+    render({ location: history.location, action: Action.Push });
     (_b = app.onShow) === null || _b === void 0 ? void 0 : _b.call(app, launchParam);
     return history.listen(render);
 }
+
+export { createRouter };

package/dist/router/stack.d.ts

@@ -23,4 +23,4 @@ declare class Stacks {
     removeTab(path: string): void;
 }
 declare const stacks: Stacks;
-export default stacks;
+export { stacks as default };

package/dist/router/stack.js

@@ -78,4 +78,5 @@ class Stacks {
     }
 }
 const stacks = new Stacks();
-export default stacks;
+
+export { stacks as default };

package/dist/style.d.ts

@@ -1,9 +1,10 @@
 /**
  * 插入页面动画需要的样式
  */
-export declare function loadAnimateStyle(ms?: number): void;
+declare function loadAnimateStyle(ms?: number): void;
 /**
  * 插入路由相关样式
  */
-export declare function loadRouterStyle(usingWindowScroll: boolean): void;
-export declare function addStyle(css: any): void;
+declare function loadRouterStyle(enableTabBar: boolean, enableWindowScroll: boolean): void;
+declare function addStyle(css: any): void;
+export { loadAnimateStyle, loadRouterStyle, addStyle };

package/dist/style.js

@@ -1,8 +1,11 @@
 /**
  * 插入页面动画需要的样式
  */
-export function loadAnimateStyle(ms = 300) {
+function loadAnimateStyle(ms = 300) {
     const css = `
+body {
+  overflow: hidden; // 防止 iOS 页面滚动
+}
 .taro_router > .taro_page {
   position: absolute;
   left: 0;
@@ -29,7 +32,7 @@ export function loadAnimateStyle(ms = 300) {
 /**
  * 插入路由相关样式
  */
-export function loadRouterStyle(usingWindowScroll) {
+function loadRouterStyle(enableTabBar, enableWindowScroll) {
     const css = `
   .taro_router {
     position: relative;
@@ -40,13 +43,13 @@ export 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;
   }
@@ -56,6 +59,7 @@ export 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;
@@ -63,10 +67,12 @@ export function loadRouterStyle(usingWindowScroll) {
 `;
     addStyle(css);
 }
-export function addStyle(css) {
+function addStyle(css) {
     if (!css)
         return;
     const style = document.createElement('style');
     style.innerHTML = css;
     document.getElementsByTagName('head')[0].appendChild(style);
 }
+
+export { addStyle, loadAnimateStyle, loadRouterStyle };

package/dist/tabbar.d.ts

@@ -1,2 +1,4 @@
 import { AppConfig } from '@tarojs/taro';
-export declare function initTabbar(config: AppConfig): void;
+import { History } from "./history.js";
+declare function initTabbar(config: AppConfig, history: History): void;
+export { initTabbar };

package/dist/tabbar.js

@@ -1,8 +1,7 @@
-// @ts-nocheck
 import { defineCustomElementTaroTabbar } from '@tarojs/components/dist/components';
 import { initTabBarApis } from '@tarojs/taro';
-import { history } from './history';
-export function initTabbar(config) {
+
+function initTabbar(config, history) {
     if (config.tabBar == null) {
         return;
     }
@@ -29,3 +28,5 @@ export function initTabbar(config) {
     container === null || container === void 0 ? void 0 : container.appendChild(tabbar);
     initTabBarApis(config);
 }
+
+export { initTabbar };

package/dist/utils/index.d.ts

@@ -1,10 +1,3 @@
-export declare const addLeadingSlash: (url?: string) => string;
-export declare const hasBasename: (path?: string, prefix?: string) => boolean;
-export declare const stripBasename: (path?: string, prefix?: string) => string;
-export declare const stripTrailing: (str?: string) => string;
-export declare const stripSuffix: (path?: string, suffix?: string) => string;
-export declare const getHomePage: (path?: string, basename?: string, customRoutes?: Record<string, string | string[]>, entryPagePath?: string) => string;
-export declare const getCurrentPage: (routerMode?: string, basename?: string) => string;
 declare class RoutesAlias {
     conf: Array<string[]>;
     set(customRoutes?: Record<string, string | string[]>): void;
@@ -13,5 +6,6 @@ declare class RoutesAlias {
     getAlias: (url?: string) => string;
     getAll: (url?: string) => string[];
 }
-export declare const routesAlias: RoutesAlias;
-export {};
+declare const routesAlias: RoutesAlias;
+export { routesAlias };
+export * from "./navigate.js";

package/dist/utils/index.js

@@ -1,22 +1,6 @@
-// export const removeLeadingSlash = (str = '') => str.replace(/^\.?\//, '')
-// export const removeTrailingSearch = (str = '') => str.replace(/\?[\s\S]*$/, '')
-export const addLeadingSlash = (url = '') => (url.charAt(0) === '/' ? url : '/' + url);
-export const hasBasename = (path = '', prefix = '') => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path) || path === prefix;
-export const stripBasename = (path = '', prefix = '') => hasBasename(path, prefix) ? path.substring(prefix.length) : path;
-export const stripTrailing = (str = '') => str.replace(/[?#][\s\S]*$/, '');
-export const stripSuffix = (path = '', suffix = '') => path.includes(suffix) ? path.substring(0, path.length - suffix.length) : path;
-export 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;
-};
-export const getCurrentPage = (routerMode = 'hash', basename = '/') => {
-    const pagePath = routerMode === 'hash'
-        ? location.hash.slice(1).split('?')[0]
-        : location.pathname;
-    return addLeadingSlash(stripBasename(pagePath, basename));
-};
+import { addLeadingSlash } from '@tarojs/runtime';
+import 'tslib';
+
 class RoutesAlias {
     constructor() {
         this.conf = [];
@@ -56,4 +40,6 @@ class RoutesAlias {
         }
     }
 }
-export const routesAlias = new RoutesAlias();
+const routesAlias = new RoutesAlias();
+
+export { routesAlias };

package/dist/utils/navigate.d.ts

@@ -1,3 +1,4 @@
-export declare const isWeixin: () => boolean;
-export declare const isDingTalk: () => boolean;
-export declare function setTitle(title: string): Promise<string>;
+declare const isWeixin: () => boolean;
+declare const isDingTalk: () => boolean;
+declare function setTitle(title: string): Promise<string>;
+export { isWeixin, isDingTalk, setTitle };

package/dist/utils/navigate.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());
-    });
-};
+import { __awaiter } from 'tslib';
+
 let preTitle = document.title;
 let isLoadDdEntry = false;
-export const isWeixin = () => !!navigator.userAgent.match(/\bMicroMessenger\b/ig);
-export const isDingTalk = () => !!navigator.userAgent.match(/\bDingTalk\b/ig);
-export function setTitle(title) {
+const isWeixin = () => !!navigator.userAgent.match(/\bMicroMessenger\b/ig);
+const isDingTalk = () => !!navigator.userAgent.match(/\bDingTalk\b/ig);
+function setTitle(title) {
     return __awaiter(this, void 0, void 0, function* () {
         if (preTitle === title)
             return title;
@@ -28,3 +21,5 @@ export function setTitle(title) {
         return title;
     });
 }
+
+export { isDingTalk, isWeixin, setTitle };

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "@tarojs/router",
-  "version": "3.6.22",
+  "version": "3.6.23",
   "description": "Taro-router",
-  "browser": "dist/index.esm.js",
-  "main:h5": "dist/index.js",
+  "browser": "dist/index.js",
+  "main:h5": "dist/index.esm.js",
   "main": "dist/index.js",
   "module": "dist/index.cjs.js",
-  "typings": "dist/index.d.ts",
+  "typings": "dist/index.esm.d.ts",
   "files": [
     "dist",
     "types",
     "index.js"
   ],
+  "sideEffects": [],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/NervJS/taro.git"
@@ -26,29 +27,38 @@
     "history": "^5.1.0",
     "mobile-detect": "^1.4.2",
     "query-string": "^7.1.1",
-    "universal-router": "^8.3.0",
-    "@tarojs/runtime": "3.6.22",
-    "@tarojs/taro": "3.6.22"
+    "tslib": "^2.6.2",
+    "universal-router": "^8.3.0"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^20.0.0",
-    "@rollup/plugin-node-resolve": "^8.0.0",
+    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.1.0",
     "@types/jest": "^29.4.0",
     "jest": "^29.3.1",
     "jest-cli": "^29.3.1",
     "jest-environment-jsdom": "^29.5.0",
     "jsdom": "^21.1.0",
-    "rollup": "^2.79.0",
+    "rollup": "^3.8.1",
     "rollup-plugin-node-externals": "^5.0.0",
     "rollup-plugin-ts": "^3.0.2",
     "ts-jest": "^29.0.5",
-    "typescript": "^4.7.4"
+    "typescript": "^4.7.4",
+    "@tarojs/runtime": "3.6.23",
+    "@tarojs/taro": "3.6.23"
+  },
+  "peerDependencies": {
+    "@tarojs/runtime": "3.6.23",
+    "@tarojs/taro": "3.6.23"
   },
   "scripts": {
-    "build": "rimraf ./dist && tsc && rollup -c",
-    "dev": "tsc -w",
+    "prebuild": "pnpm run clean",
+    "build": "pnpm run rollup --environment NODE_ENV:production",
+    "clean": "rimraf ./dist",
+    "dev": "pnpm run rollup --environment NODE_ENV:development -w",
+    "rollup": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript --bundleConfigAsCjs",
     "test": "cross-env NODE_ENV=jest jest",
-    "test:ci": "cross-env NODE_ENV=jest jest --ci",
+    "test:ci": "cross-env NODE_ENV=jest jest --ci -i --coverage --silent",
     "test:dev": "cross-env NODE_ENV=jest jest --watch"
   }
 }

package/types/component.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Note: @tarojs/router 不能依赖 @tarojs/components,
+ *  因为 @tarojs/components 依赖 @tarojs/router，
+ *  且仅通过 peerDependencies 引用依赖会在 pnpm publish 时抛出错误
+ */
 declare module '@tarojs/components/dist/components' {
   export function defineCustomElementTaroTabbar() {}
 

package/types/taro.d.ts

@@ -0,0 +1,8 @@
+import Taro from '@tarojs/taro'
+
+declare module '@tarojs/taro' {
+  interface TaroStatic {
+    initTabBarApis(config: AppConfig): void
+  }
+}
+