@tarojs/runtime 3.7.0-alpha.7 → 3.7.0-beta.1

package/dist/runtime.cjs.d.ts

@@ -5,7 +5,6 @@ import { ComponentOptions, VNode } from "vue";
 import { Component as Vue3Component } from "@vue/runtime-core";
 import { Component, ComponentClass } from "react";
 import { CombinedVueInstance } from "vue/types/vue";
-declare let document: any;
 declare class ClassList {
     private el;
     private tokenList;
@@ -104,70 +103,6 @@ declare class TaroText extends TaroNode {
     set data(text: string);
     get data(): string;
 }
-// Taro 事件对象。以 Web 标准的事件对象为基础，加入小程序事件对象中携带的部分信息，并模拟实现事件冒泡。
-declare class TaroEvent {
-    private cacheTarget;
-    private cacheCurrentTarget;
-    type: string;
-    bubbles: boolean;
-    cancelable: boolean;
-    _stop: boolean;
-    _end: boolean;
-    defaultPrevented: boolean;
-    // Mouse Event botton property, it's used in 3rd lib, like react-router. default 0 in general
-    button: number;
-    // timestamp can either be hi-res ( relative to page load) or low-res (relative to UNIX epoch)
-    // here use hi-res timestamp
-    timeStamp: number;
-    mpEvent: MpEvent | undefined;
-    constructor(type: string, opts: EventOptions, event?: MpEvent);
-    stopPropagation(): void;
-    stopImmediatePropagation(): void;
-    preventDefault(): void;
-    get target(): any;
-    get currentTarget(): any;
-}
-declare function createEvent(event: MpEvent | string, node?: TaroElement): TaroEvent;
-// 小程序的事件代理回调函数
-declare function eventHandler(event: MpEvent): any;
-declare class FormElement extends TaroElement {
-    get type(): string;
-    set type(val: string);
-    get value(): string | boolean | number | any[];
-    set value(val: string | boolean | number | any[]);
-    dispatchEvent(event: TaroEvent): boolean;
-}
-declare class TaroRootElement extends TaroElement {
-    private updatePayloads;
-    private updateCallbacks;
-    pendingUpdate: boolean;
-    ctx: null | MpInstance;
-    constructor();
-    get _path(): string;
-    get _root(): TaroRootElement;
-    enqueueUpdate(payload: UpdatePayload): void;
-    performUpdate(initRender?: boolean, prerender?: Func): void;
-    enqueueUpdateCallback(cb: Func, ctx?: Record<string, any>): void;
-    flushUpdateCallback(): void;
-}
-declare class TaroDocument extends TaroElement {
-    documentElement: TaroElement;
-    head: TaroElement;
-    body: TaroElement;
-    createEvent: typeof createEvent;
-    constructor();
-    createElement(type: string): TaroElement | TaroRootElement | FormElement;
-    // an ugly fake createElementNS to deal with @vue/runtime-dom's
-    // support mounting app to svg container since vue@3.0.8
-    createElementNS(_svgNS: string, type: string): TaroElement | TaroRootElement | FormElement;
-    createTextNode(text: string): TaroText;
-    getElementById<T extends TaroElement>(id: string | undefined | null): T | null;
-    querySelector<T extends TaroElement>(query: string): T | null;
-    querySelectorAll(): never[];
-    // @TODO: @PERF: 在 hydrate 移除掉空的 node
-    createComment(): TaroText;
-    get defaultView(): any;
-}
 interface Node {
     type: string;
 }
@@ -207,6 +142,19 @@ declare class TaroEventTarget {
     removeEventListener(type: string, handler: EventHandler): void;
     isAnyEventBinded(): boolean;
 }
+declare class TaroRootElement extends TaroElement {
+    private updatePayloads;
+    private updateCallbacks;
+    pendingUpdate: boolean;
+    ctx: null | MpInstance;
+    constructor();
+    get _path(): string;
+    get _root(): TaroRootElement;
+    enqueueUpdate(payload: UpdatePayload): void;
+    performUpdate(initRender?: boolean, prerender?: Func): void;
+    enqueueUpdateCallback(cb: Func, ctx?: Record<string, any>): void;
+    flushUpdateCallback(): void;
+}
 interface RemoveChildOptions {
     cleanRef?: boolean;
     doUpdate?: boolean;
@@ -290,7 +238,34 @@ declare class Style {
     removeProperty(propertyName: string): string;
     getPropertyValue(propertyName: string): any;
 }
+// Taro 事件对象。以 Web 标准的事件对象为基础，加入小程序事件对象中携带的部分信息，并模拟实现事件冒泡。
+declare class TaroEvent {
+    private cacheTarget;
+    private cacheCurrentTarget;
+    type: string;
+    bubbles: boolean;
+    cancelable: boolean;
+    _stop: boolean;
+    _end: boolean;
+    defaultPrevented: boolean;
+    // Mouse Event botton property, it's used in 3rd lib, like react-router. default 0 in general
+    button: number;
+    // timestamp can either be hi-res ( relative to page load) or low-res (relative to UNIX epoch)
+    // here use hi-res timestamp
+    timeStamp: number;
+    mpEvent: MpEvent | undefined;
+    constructor(type: string, opts: EventOptions, event?: MpEvent);
+    stopPropagation(): void;
+    stopImmediatePropagation(): void;
+    preventDefault(): void;
+    get target(): any;
+    get currentTarget(): any;
+}
+declare function createEvent(event: MpEvent | string, node?: TaroElement): TaroEvent;
+// 小程序的事件代理回调函数
+declare function eventHandler(event: MpEvent): any;
 declare class TaroElement extends TaroNode {
+    ctx?: any;
     tagName: string;
     props: Record<string, any>;
     style: Style;
@@ -324,6 +299,37 @@ declare class TaroElement extends TaroNode {
     removeEventListener(type: any, handler: any, sideEffect?: boolean): void;
     static extend(methodName: string, options: Func | Record<string, any>): void;
 }
+declare class FormElement extends TaroElement {
+    get type(): string;
+    set type(val: string);
+    get value(): string | boolean | number | any[];
+    set value(val: string | boolean | number | any[]);
+    dispatchEvent(event: TaroEvent): boolean;
+}
+declare class TaroDocument extends TaroElement {
+    documentElement: TaroElement;
+    head: TaroElement;
+    body: TaroElement;
+    createEvent: typeof createEvent;
+    constructor();
+    createElement(type: string): TaroElement | TaroRootElement | FormElement;
+    // an ugly fake createElementNS to deal with @vue/runtime-dom's
+    // support mounting app to svg container since vue@3.0.8
+    createElementNS(_svgNS: string, type: string): TaroElement | TaroRootElement | FormElement;
+    createTextNode(text: string): TaroText;
+    getElementById<T extends TaroElement>(id: string | undefined | null): T | null;
+    querySelector<T extends TaroElement>(query: string): T | null;
+    querySelectorAll(): never[];
+    // @TODO: @PERF: 在 hydrate 移除掉空的 node
+    createComment(): TaroText;
+    get defaultView(): any;
+}
+interface Env {
+    window: any;
+    document: TaroDocument;
+}
+declare const env: Env;
+declare let document: any;
 declare function getComputedStyle(element: TaroElement): Style;
 declare const eventCenter: Events;
 type EventsType = typeof Events;
@@ -583,8 +589,67 @@ declare class MutationObserver {
     takeRecords(): MutationRecord[];
     static record(record: MutationRecord): void;
 }
+declare const PROPERTY_THRESHOLD = 2046;
+declare const TARO_RUNTIME = "Taro runtime";
+declare const HOOKS_APP_ID = "taro-app";
+declare const SET_DATA = "\u5C0F\u7A0B\u5E8F setData";
+declare const PAGE_INIT = "\u9875\u9762\u521D\u59CB\u5316";
+declare const ROOT_STR = "root";
+declare const HTML = "html";
+declare const HEAD = "head";
+declare const BODY = "body";
+declare const APP = "app";
+declare const CONTAINER = "container";
+declare const DOCUMENT_ELEMENT_NAME = "#document";
+declare const DOCUMENT_FRAGMENT = "document-fragment";
+declare const ID = "id";
+declare const UID = "uid";
+declare const CLASS = "class";
+declare const STYLE = "style";
+declare const FOCUS = "focus";
+declare const VIEW = "view";
+declare const STATIC_VIEW = "static-view";
+declare const PURE_VIEW = "pure-view";
+declare const PROPS = "props";
+declare const DATASET = "dataset";
+declare const OBJECT = "object";
+declare const VALUE = "value";
+declare const INPUT = "input";
+declare const CHANGE = "change";
+declare const CUSTOM_WRAPPER = "custom-wrapper";
+declare const TARGET = "target";
+declare const CURRENT_TARGET = "currentTarget";
+declare const TYPE = "type";
+declare const CONFIRM = "confirm";
+declare const TIME_STAMP = "timeStamp";
+declare const KEY_CODE = "keyCode";
+declare const TOUCHMOVE = "touchmove";
+declare const DATE = "Date";
+declare const SET_TIMEOUT = "setTimeout";
+declare const CATCHMOVE = "catchMove";
+declare const CATCH_VIEW = "catch-view";
+declare const COMMENT = "comment";
+declare const ON_LOAD = "onLoad";
+declare const ON_READY = "onReady";
+declare const ON_SHOW = "onShow";
+declare const ON_HIDE = "onHide";
+declare const OPTIONS = "options";
+declare const EXTERNAL_CLASSES = "externalClasses";
+declare const EVENT_CALLBACK_RESULT = "e_result";
+declare const BEHAVIORS = "behaviors";
+declare const A = "a";
+/**
+ * 页面上下文切换时的行为
+ */
+declare enum CONTEXT_ACTIONS {
+    INIT = "0",
+    RESTORE = "1",
+    RECOVER = "2",
+    DESTORY = "3"
+}
 interface Instance<T = Record<string, any>> extends Component<T>, Show, PageInstance {
     tid?: string;
+    node?: TaroElement;
     $forceUpdate?(): void;
     $nextTick?(cb: () => void): void;
     $options: Instance;
@@ -656,6 +721,7 @@ interface Show {
 interface AppInstance extends Show {
     componentDidShow?(options?: Record<string, unknown>): void;
     mount?(component: React.ComponentClass | ComponentOptions<VueCtor> | Vue3Component, id: string, cb: (...args: any[]) => void): void;
+    mount?(component: React.ComponentClass | ComponentOptions<VueCtor> | Vue3Component, id: string, getCtx: (...args: any[]) => void, cb: (...args: any[]) => void): void;
     onError?(error: string): void;
     onLaunch?(options?: Record<string, unknown>): void;
     onPageNotFound?(res: any): void;
@@ -694,6 +760,9 @@ declare function addLeadingSlash(path?: string): string;
 declare function safeExecute(path: string, lifecycle: string, ...args: unknown[]): any;
 declare function stringify(obj?: Record<string, unknown>): string;
 declare function getPath(id: string, options?: Record<string, unknown>): string;
+declare function getOnReadyEventKey(path: string): string;
+declare function getOnShowEventKey(path: string): string;
+declare function getOnHideEventKey(path: string): string;
 declare function createPageConfig(component: any, pageName?: string, data?: Record<string, unknown>, pageConfig?: PageConfig): PageInstance;
 declare function createComponentConfig(component: React.ComponentClass, componentName?: string, data?: Record<string, unknown>): any;
 declare function createRecursiveComponentConfig(componentName?: string): any;
@@ -708,4 +777,4 @@ declare const nextTick: (cb: Func, ctx?: Record<string, any>) => void;
 declare const options: Options;
 declare const incrementId: () => () => string;
 export { hooks } from '@tarojs/shared';
-export { document, getComputedStyle, History, Location, nav as navigator, _caf as cancelAnimationFrame, now, _raf as requestAnimationFrame, parseUrl, URL, URLSearchParams, history, location, window, TaroElement, createEvent, eventHandler, TaroEvent, FormElement, TaroNode, TaroRootElement, Style, SVGElement, TaroText, MutationObserver, Current, getCurrentInstance, eventSource, addLeadingSlash, createComponentConfig, createPageConfig, createRecursiveComponentConfig, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify, EventsType, eventCenter, Events, hydrate, nextTick, options, incrementId, Instance, VueAppInstance, VueInstance, PageProps, ReactPageComponent, ReactPageInstance, ReactAppInstance, PageLifeCycle, PageInstance, AppInstance, Attributes, EventOptions, MpEvent, EventListenerOptions, AddEventListenerOptions, EventHandler, MpInstance, MiniElementData, MiniData, HydratedData, UpdatePayloadValue, DataTree, UpdatePayload, Options$0 as Options, Func, Ctx };
+export { document, getComputedStyle, History, Location, nav as navigator, _caf as cancelAnimationFrame, now, _raf as requestAnimationFrame, parseUrl, URL, URLSearchParams, history, location, window, TaroElement, createEvent, eventHandler, TaroEvent, FormElement, TaroNode, TaroRootElement, Style, SVGElement, TaroText, MutationObserver, env, PROPERTY_THRESHOLD, TARO_RUNTIME, HOOKS_APP_ID, SET_DATA, PAGE_INIT, ROOT_STR, HTML, HEAD, BODY, APP, CONTAINER, DOCUMENT_ELEMENT_NAME, DOCUMENT_FRAGMENT, ID, UID, CLASS, STYLE, FOCUS, VIEW, STATIC_VIEW, PURE_VIEW, PROPS, DATASET, OBJECT, VALUE, INPUT, CHANGE, CUSTOM_WRAPPER, TARGET, CURRENT_TARGET, TYPE, CONFIRM, TIME_STAMP, KEY_CODE, TOUCHMOVE, DATE, SET_TIMEOUT, CATCHMOVE, CATCH_VIEW, COMMENT, ON_LOAD, ON_READY, ON_SHOW, ON_HIDE, OPTIONS, EXTERNAL_CLASSES, EVENT_CALLBACK_RESULT, BEHAVIORS, A, CONTEXT_ACTIONS, Current, getCurrentInstance, eventSource, addLeadingSlash, createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify, EventsType, eventCenter, Events, hydrate, nextTick, options, incrementId, Instance, VueAppInstance, VueInstance, PageProps, ReactPageComponent, ReactPageInstance, ReactAppInstance, PageLifeCycle, PageInstance, AppInstance, Attributes, EventOptions, MpEvent, EventListenerOptions, AddEventListenerOptions, EventHandler, MpInstance, MiniElementData, MiniData, HydratedData, UpdatePayloadValue, DataTree, UpdatePayload, Options$0 as Options, Func, Ctx };

package/dist/runtime.cjs.js

@@ -3,6 +3,8 @@
 var shared = require('@tarojs/shared');
 
 var PROPERTY_THRESHOLD = 2046;
+var TARO_RUNTIME = 'Taro runtime';
+var HOOKS_APP_ID = 'taro-app';
 var SET_DATA = '小程序 setData';
 var PAGE_INIT = '页面初始化';
 var ROOT_STR = 'root';
@@ -35,6 +37,8 @@ var CONFIRM = 'confirm';
 var TIME_STAMP = 'timeStamp';
 var KEY_CODE = 'keyCode';
 var TOUCHMOVE = 'touchmove';
+var DATE = 'Date';
+var SET_TIMEOUT = 'setTimeout';
 var CATCHMOVE = 'catchMove';
 var CATCH_VIEW = 'catch-view';
 var COMMENT = 'comment';
@@ -50,13 +54,13 @@ var A = 'a';
 /**
  * 页面上下文切换时的行为
  */
-var CONTEXT_ACTIONS;
+exports.CONTEXT_ACTIONS = void 0;
 (function (CONTEXT_ACTIONS) {
     CONTEXT_ACTIONS["INIT"] = "0";
     CONTEXT_ACTIONS["RESTORE"] = "1";
     CONTEXT_ACTIONS["RECOVER"] = "2";
     CONTEXT_ACTIONS["DESTORY"] = "3";
-})(CONTEXT_ACTIONS || (CONTEXT_ACTIONS = {}));
+})(exports.CONTEXT_ACTIONS || (exports.CONTEXT_ACTIONS = {}));
 
 var observers = [];
 /**
@@ -427,6 +431,7 @@ var componentsAlias;
 function hydrate(node) {
     var obj;
 
+    var _a;
     if (!componentsAlias) {
         // 初始化 componentsAlias
         componentsAlias = getComponentsAlias();
@@ -437,7 +442,7 @@ function hydrate(node) {
     }
     var nodeName = node.nodeName;
     if (isText(node)) {
-        return ( obj = {}, obj["v" /* Shortcuts.Text */] = node.nodeValue, obj["nn" /* Shortcuts.NodeName */] = componentsAlias[nodeName]._num, obj );
+        return ( obj = {}, obj["v" /* Shortcuts.Text */] = node.nodeValue, obj["nn" /* Shortcuts.NodeName */] = ((_a = componentsAlias[nodeName]) === null || _a === void 0 ? void 0 : _a._num) || '8', obj );
     }
     var data = {};
     data["nn" /* Shortcuts.NodeName */] = nodeName;
@@ -2537,13 +2542,13 @@ TaroEvent.prototype.preventDefault = function preventDefault () {
     this.defaultPrevented = true;
 };
 prototypeAccessors$1.target.get = function () {
-    var _a, _b;
+    var _a, _b, _c;
     var cacheTarget = this.cacheTarget;
     if (!cacheTarget) {
         var target = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.target) || null);
-        var element = env.document.getElementById(target.id);
+        var element = env.document.getElementById(((_b = target.dataset) === null || _b === void 0 ? void 0 : _b.sid) || target.id || null);
         target.dataset = element !== null ? element.dataset : shared.EMPTY_OBJ;
-        for (var key in (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.detail) {
+        for (var key in (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.detail) {
             target[key] = this.mpEvent.detail[key];
         }
         this.cacheTarget = target;
@@ -2554,19 +2559,19 @@ prototypeAccessors$1.target.get = function () {
     }
 };
 prototypeAccessors$1.currentTarget.get = function () {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     var cacheCurrentTarget = this.cacheCurrentTarget;
     if (!cacheCurrentTarget) {
         var doc = env.document;
         var currentTarget = Object.create(((_a = this.mpEvent) === null || _a === void 0 ? void 0 : _a.currentTarget) || null);
-        var element = doc.getElementById(currentTarget.id);
-        var targetElement = doc.getElementById(((_c = (_b = this.mpEvent) === null || _b === void 0 ? void 0 : _b.target) === null || _c === void 0 ? void 0 : _c.id) || null);
+        var element = doc.getElementById(((_b = currentTarget.dataset) === null || _b === void 0 ? void 0 : _b.sid) || currentTarget.id || null);
+        var targetElement = doc.getElementById(((_e = (_d = (_c = this.mpEvent) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.dataset) === null || _e === void 0 ? void 0 : _e.sid) || ((_g = (_f = this.mpEvent) === null || _f === void 0 ? void 0 : _f.target) === null || _g === void 0 ? void 0 : _g.id) || null);
         if (element === null || (element && element === targetElement)) {
             this.cacheCurrentTarget = this.target;
             return this.target;
         }
         currentTarget.dataset = element.dataset;
-        for (var key in (_d = this.mpEvent) === null || _d === void 0 ? void 0 : _d.detail) {
+        for (var key in (_h = this.mpEvent) === null || _h === void 0 ? void 0 : _h.detail) {
             currentTarget[key] = this.mpEvent.detail[key];
         }
         this.cacheCurrentTarget = currentTarget;
@@ -3393,18 +3398,6 @@ var AnchorElement = /*@__PURE__*/(function (TaroElement) {
     return AnchorElement;
 }(TaroElement));
 
-var CustomWrapperElement = /*@__PURE__*/(function (TaroElement) {
-	function CustomWrapperElement () {
-		TaroElement.apply(this, arguments);
-	}if ( TaroElement ) CustomWrapperElement.__proto__ = TaroElement;
-	CustomWrapperElement.prototype = Object.create( TaroElement && TaroElement.prototype );
-	CustomWrapperElement.prototype.constructor = CustomWrapperElement;
-
-	
-
-	return CustomWrapperElement;
-}(TaroElement));
-
 var TaroDocument = /*@__PURE__*/(function (TaroElement) {
     function TaroDocument() {
         TaroElement.call(this);
@@ -3431,9 +3424,6 @@ var TaroDocument = /*@__PURE__*/(function (TaroElement) {
             case nodeName === A:
                 element = new AnchorElement();
                 break;
-            case nodeName === CUSTOM_WRAPPER:
-                element = new CustomWrapperElement();
-                break;
             default:
                 element = new TaroElement();
                 break;
@@ -3578,17 +3568,17 @@ var History = /*@__PURE__*/(function (Events) {
             __classPrivateFieldGet(this$1$1, _History_instances, "m", _History_reset).call(this$1$1, href);
         }, null);
         // 切换上下文行为
-        this.on(CONTEXT_ACTIONS.INIT, function () {
+        this.on(exports.CONTEXT_ACTIONS.INIT, function () {
             __classPrivateFieldGet(this$1$1, _History_instances, "m", _History_reset).call(this$1$1);
         }, null);
-        this.on(CONTEXT_ACTIONS.RESTORE, function (pageId) {
+        this.on(exports.CONTEXT_ACTIONS.RESTORE, function (pageId) {
             cache$1.set(pageId, {
                 location: __classPrivateFieldGet(this$1$1, _History_location, "f"),
                 stack: __classPrivateFieldGet(this$1$1, _History_stack, "f").slice(),
                 cur: __classPrivateFieldGet(this$1$1, _History_cur, "f")
             });
         }, null);
-        this.on(CONTEXT_ACTIONS.RECOVER, function (pageId) {
+        this.on(exports.CONTEXT_ACTIONS.RECOVER, function (pageId) {
             if (cache$1.has(pageId)) {
                 var ctx = cache$1.get(pageId);
                 __classPrivateFieldSet(this$1$1, _History_location, ctx.location, "f");
@@ -3596,7 +3586,7 @@ var History = /*@__PURE__*/(function (Events) {
                 __classPrivateFieldSet(this$1$1, _History_cur, ctx.cur, "f");
             }
         }, null);
-        this.on(CONTEXT_ACTIONS.DESTORY, function (pageId) {
+        this.on(exports.CONTEXT_ACTIONS.DESTORY, function (pageId) {
             cache$1.delete(pageId);
         }, null);
         __classPrivateFieldGet(this, _History_instances, "m", _History_reset).call(this);
@@ -3706,15 +3696,15 @@ var Location = /*@__PURE__*/(function (Events) {
             __classPrivateFieldSet(this$1$1, _Location_noCheckUrl, false, "f");
         }, null);
         // 切换上下文行为
-        this.on(CONTEXT_ACTIONS.INIT, function () {
+        this.on(exports.CONTEXT_ACTIONS.INIT, function () {
             __classPrivateFieldGet(this$1$1, _Location_instances, "m", _Location_reset).call(this$1$1);
         }, null);
-        this.on(CONTEXT_ACTIONS.RESTORE, function (pageId) {
+        this.on(exports.CONTEXT_ACTIONS.RESTORE, function (pageId) {
             cache.set(pageId, {
                 lastHref: this$1$1.href,
             });
         }, null);
-        this.on(CONTEXT_ACTIONS.RECOVER, function (pageId) {
+        this.on(exports.CONTEXT_ACTIONS.RECOVER, function (pageId) {
             // 数据恢复时，不需要执行跳转
             if (cache.has(pageId)) {
                 var ctx = cache.get(pageId);
@@ -3723,7 +3713,7 @@ var Location = /*@__PURE__*/(function (Events) {
                 __classPrivateFieldSet(this$1$1, _Location_noCheckUrl, false, "f");
             }
         }, null);
-        this.on(CONTEXT_ACTIONS.DESTORY, function (pageId) {
+        this.on(exports.CONTEXT_ACTIONS.DESTORY, function (pageId) {
             cache.delete(pageId);
         }, null);
     }
@@ -4024,24 +4014,24 @@ if (process.env.TARO_ENV && !shared.isWebPlatform()) {
         Window.prototype.initEvent = function initEvent () {
             var _location = this.location;
             var _history = this.history;
-            this.on(CONTEXT_ACTIONS.INIT, function (pageId) {
+            this.on(exports.CONTEXT_ACTIONS.INIT, function (pageId) {
                 // 页面onload，为该页面建立新的上下文信息
-                _location.trigger(CONTEXT_ACTIONS.INIT, pageId);
+                _location.trigger(exports.CONTEXT_ACTIONS.INIT, pageId);
             }, null);
-            this.on(CONTEXT_ACTIONS.RECOVER, function (pageId) {
+            this.on(exports.CONTEXT_ACTIONS.RECOVER, function (pageId) {
                 // 页面onshow，恢复当前页面的上下文信息
-                _location.trigger(CONTEXT_ACTIONS.RECOVER, pageId);
-                _history.trigger(CONTEXT_ACTIONS.RECOVER, pageId);
+                _location.trigger(exports.CONTEXT_ACTIONS.RECOVER, pageId);
+                _history.trigger(exports.CONTEXT_ACTIONS.RECOVER, pageId);
             }, null);
-            this.on(CONTEXT_ACTIONS.RESTORE, function (pageId) {
+            this.on(exports.CONTEXT_ACTIONS.RESTORE, function (pageId) {
                 // 页面onhide，缓存当前页面的上下文信息
-                _location.trigger(CONTEXT_ACTIONS.RESTORE, pageId);
-                _history.trigger(CONTEXT_ACTIONS.RESTORE, pageId);
+                _location.trigger(exports.CONTEXT_ACTIONS.RESTORE, pageId);
+                _history.trigger(exports.CONTEXT_ACTIONS.RESTORE, pageId);
             }, null);
-            this.on(CONTEXT_ACTIONS.DESTORY, function (pageId) {
+            this.on(exports.CONTEXT_ACTIONS.DESTORY, function (pageId) {
                 // 页面onunload，清除当前页面的上下文信息
-                _location.trigger(CONTEXT_ACTIONS.DESTORY, pageId);
-                _history.trigger(CONTEXT_ACTIONS.DESTORY, pageId);
+                _location.trigger(exports.CONTEXT_ACTIONS.DESTORY, pageId);
+                _history.trigger(exports.CONTEXT_ACTIONS.DESTORY, pageId);
             }, null);
         };
         prototypeAccessors.document.get = function () {
@@ -4212,7 +4202,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
             setCurrentRouter(this);
             // 初始化当前页面的上下文信息
             if (!isWeb) {
-                exports.window.trigger(CONTEXT_ACTIONS.INIT, $taroPath);
+                exports.window.trigger(exports.CONTEXT_ACTIONS.INIT, $taroPath);
             }
             var mount = function () {
                 Current.app.mount(component, $taroPath, function () {
@@ -4240,7 +4230,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
             var $taroPath = this.$taroPath;
             // 销毁当前页面的上下文信息
             if (!isWeb) {
-                exports.window.trigger(CONTEXT_ACTIONS.DESTORY, $taroPath);
+                exports.window.trigger(exports.CONTEXT_ACTIONS.DESTORY, $taroPath);
             }
             // 触发onUnload生命周期
             safeExecute($taroPath, ONUNLOAD);
@@ -4279,7 +4269,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
                 setCurrentRouter(this$1$1);
                 // 恢复上下文信息
                 if (!isWeb) {
-                    exports.window.trigger(CONTEXT_ACTIONS.RECOVER, this$1$1.$taroPath);
+                    exports.window.trigger(exports.CONTEXT_ACTIONS.RECOVER, this$1$1.$taroPath);
                 }
                 // 触发生命周期
                 safeExecute(this$1$1.$taroPath, ON_SHOW, options);
@@ -4290,7 +4280,7 @@ function createPageConfig(component, pageName, data, pageConfig) {
     config[ONHIDE] = function () {
             // 缓存当前页面上下文信息
             if (!isWeb) {
-                exports.window.trigger(CONTEXT_ACTIONS.RESTORE, this.$taroPath);
+                exports.window.trigger(exports.CONTEXT_ACTIONS.RESTORE, this.$taroPath);
             }
             // 设置 Current 的 page 和 router
             if (Current.page === this) {
@@ -4303,11 +4293,24 @@ function createPageConfig(component, pageName, data, pageConfig) {
             eventCenter.trigger(getOnHideEventKey(id));
         };
     LIFECYCLES.forEach(function (lifecycle) {
+        var isDefer = false;
+        lifecycle = lifecycle.replace(/^defer:/, function () {
+            isDefer = true;
+            return '';
+        });
         config[lifecycle] = function () {
+            var arguments$1 = arguments;
+            var this$1$1 = this;
             var i = arguments.length, argsArray = Array(i);
             while ( i-- ) argsArray[i] = arguments[i];
 
-            return safeExecute.apply(void 0, [ this.$taroPath, lifecycle ].concat( argsArray ));
+            var exec = function () { return safeExecute.apply(void 0, [ this$1$1.$taroPath, lifecycle ].concat( arguments$1 )); };
+            if (isDefer) {
+                hasLoaded.then(exec);
+            }
+            else {
+                return exec();
+            }
         };
     });
     // onShareAppMessage 和 onShareTimeline 一样，会影响小程序右上方按钮的选项，因此不能默认注册。
@@ -4353,7 +4356,8 @@ function createComponentConfig(component, componentName, data) {
 
             var _a;
             perf.start(PAGE_INIT);
-            var path = getPath(id, { id: ((_a = this.getPageId) === null || _a === void 0 ? void 0 : _a.call(this)) || pageId() });
+            this.pageIdCache = ((_a = this.getPageId) === null || _a === void 0 ? void 0 : _a.call(this)) || pageId();
+            var path = getPath(id, { id: this.pageIdCache });
             Current.app.mount(component, path, function () {
                 componentElement = env.document.getElementById(path);
                 shared.ensure(componentElement !== null, '没有找到组件实例。');
@@ -4366,7 +4370,7 @@ function createComponentConfig(component, componentName, data) {
             });
         };
     config[DETACHED] = function () {
-            var path = getPath(id, { id: this.getPageId() });
+            var path = getPath(id, { id: this.pageIdCache });
             Current.app.unmount(path, function () {
                 instances.delete(path);
                 if (componentElement) {
@@ -4483,31 +4487,84 @@ Object.defineProperty(exports, 'hooks', {
   enumerable: true,
   get: function () { return shared.hooks; }
 });
+exports.A = A;
+exports.APP = APP;
+exports.BEHAVIORS = BEHAVIORS;
+exports.BODY = BODY;
+exports.CATCHMOVE = CATCHMOVE;
+exports.CATCH_VIEW = CATCH_VIEW;
+exports.CHANGE = CHANGE;
+exports.CLASS = CLASS;
+exports.COMMENT = COMMENT;
+exports.CONFIRM = CONFIRM;
+exports.CONTAINER = CONTAINER;
+exports.CURRENT_TARGET = CURRENT_TARGET;
+exports.CUSTOM_WRAPPER = CUSTOM_WRAPPER;
 exports.Current = Current;
+exports.DATASET = DATASET;
+exports.DATE = DATE;
+exports.DOCUMENT_ELEMENT_NAME = DOCUMENT_ELEMENT_NAME;
+exports.DOCUMENT_FRAGMENT = DOCUMENT_FRAGMENT;
+exports.EVENT_CALLBACK_RESULT = EVENT_CALLBACK_RESULT;
+exports.EXTERNAL_CLASSES = EXTERNAL_CLASSES;
+exports.FOCUS = FOCUS;
 exports.FormElement = FormElement;
+exports.HEAD = HEAD;
+exports.HOOKS_APP_ID = HOOKS_APP_ID;
+exports.HTML = HTML;
 exports.History = History;
+exports.ID = ID;
+exports.INPUT = INPUT;
+exports.KEY_CODE = KEY_CODE;
 exports.Location = Location;
 exports.MutationObserver = MutationObserver;
+exports.OBJECT = OBJECT;
+exports.ON_HIDE = ON_HIDE;
+exports.ON_LOAD = ON_LOAD;
+exports.ON_READY = ON_READY;
+exports.ON_SHOW = ON_SHOW;
+exports.OPTIONS = OPTIONS;
+exports.PAGE_INIT = PAGE_INIT;
+exports.PROPERTY_THRESHOLD = PROPERTY_THRESHOLD;
+exports.PROPS = PROPS;
+exports.PURE_VIEW = PURE_VIEW;
+exports.ROOT_STR = ROOT_STR;
+exports.SET_DATA = SET_DATA;
+exports.SET_TIMEOUT = SET_TIMEOUT;
+exports.STATIC_VIEW = STATIC_VIEW;
+exports.STYLE = STYLE;
 exports.SVGElement = SVGElement;
 exports.Style = Style;
+exports.TARGET = TARGET;
+exports.TARO_RUNTIME = TARO_RUNTIME;
+exports.TIME_STAMP = TIME_STAMP;
+exports.TOUCHMOVE = TOUCHMOVE;
+exports.TYPE = TYPE;
 exports.TaroElement = TaroElement;
 exports.TaroEvent = TaroEvent;
 exports.TaroNode = TaroNode;
 exports.TaroRootElement = TaroRootElement;
 exports.TaroText = TaroText;
+exports.UID = UID;
 exports.URL = URL;
 exports.URLSearchParams = URLSearchParams;
+exports.VALUE = VALUE;
+exports.VIEW = VIEW;
 exports.addLeadingSlash = addLeadingSlash;
 exports.cancelAnimationFrame = _caf;
 exports.createComponentConfig = createComponentConfig;
 exports.createEvent = createEvent;
 exports.createPageConfig = createPageConfig;
 exports.createRecursiveComponentConfig = createRecursiveComponentConfig;
+exports.env = env;
 exports.eventCenter = eventCenter;
 exports.eventHandler = eventHandler;
 exports.eventSource = eventSource;
 exports.getComputedStyle = getComputedStyle;
 exports.getCurrentInstance = getCurrentInstance;
+exports.getOnHideEventKey = getOnHideEventKey;
+exports.getOnReadyEventKey = getOnReadyEventKey;
+exports.getOnShowEventKey = getOnShowEventKey;
 exports.getPageInstance = getPageInstance;
 exports.getPath = getPath;
 exports.history = history;