@tarojs/runtime 3.7.0-canary.1 → 3.8.0-canary.0

package/dist/dom-external/mutation-observer/implements.d.ts

@@ -0,0 +1,52 @@
+import type { TaroNode } from '../../dom/node';
+import type { MutationRecord } from './record';
+export type MutationCallback = (mutations: MutationRecord[]) => any;
+/**
+ * @see https://dom.spec.whatwg.org/#dictdef-mutationobserverinit
+ */
+export interface MutationObserverInit {
+    attributeFilter?: string[];
+    attributeOldValue?: boolean;
+    attributes?: boolean;
+    characterData?: boolean;
+    characterDataOldValue?: boolean;
+    childList?: boolean;
+    subtree?: boolean;
+}
+/**
+ * The MutationObserver provides the ability
+ * to watch for changes being made to the DOM tree.
+ * It will invoke a specified callback function
+ * when DOM changes occur.
+ * @see https://dom.spec.whatwg.org/#mutationobserver
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
+ */
+export declare class MutationObserverImpl {
+    callback: MutationCallback;
+    target: TaroNode | null;
+    options: MutationObserverInit;
+    records: MutationRecord[];
+    constructor(callback: MutationCallback);
+    /**
+     * Configures the MutationObserver
+     * to begin receiving notifications
+     * through its callback function
+     * when DOM changes matching the given options occur.
+     *
+     * Options matching is to be implemented.
+     */
+    observe(target: TaroNode, options?: MutationObserverInit): void;
+    /**
+     * Stop the MutationObserver instance
+     * from receiving further notifications
+     * until and unless observe() is called again.
+     */
+    disconnect(): void;
+    /**
+     * Removes all pending notifications
+     * from the MutationObserver's notification queue
+     * and returns them in a new Array of MutationRecord objects.
+     */
+    takeRecords(): MutationRecord[];
+}
+export declare function recordMutation(record: MutationRecord): void;

package/dist/dom-external/mutation-observer/index.d.ts

@@ -0,0 +1,13 @@
+import { MutationObserverImpl } from './implements';
+import { MutationRecord, MutationRecordType } from './record';
+import type { TaroNode } from '../../dom/node';
+import type { MutationCallback, MutationObserverInit } from './implements';
+export declare class MutationObserver {
+    core: Pick<MutationObserverImpl, 'observe' | 'disconnect' | 'takeRecords'>;
+    constructor(callback: MutationCallback);
+    observe(...args: [TaroNode, MutationObserverInit?]): void;
+    disconnect(): void;
+    takeRecords(): MutationRecord[];
+    static record(record: MutationRecord): void;
+}
+export { MutationRecordType };

package/dist/dom-external/mutation-observer/record.d.ts

@@ -0,0 +1,24 @@
+import type { TaroNode } from '../../dom/node';
+/**
+ * A MutationRecord represents an individual DOM mutation.
+ * It is the object that is passed to MutationObserver's callback.
+ * @see https://dom.spec.whatwg.org/#interface-mutationrecord
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord
+*/
+export interface MutationRecord {
+    readonly target: TaroNode;
+    readonly addedNodes?: TaroNode[];
+    readonly removedNodes?: TaroNode[];
+    readonly previousSibling?: TaroNode | null;
+    readonly nextSibling?: TaroNode | null;
+    readonly attributeName?: string | null;
+    readonly attributeNamespace?: string | null;
+    oldValue?: string | null;
+    readonly type: MutationRecordType;
+    readonly value?: string | null;
+}
+export declare const enum MutationRecordType {
+    ATTRIBUTES = "attributes",
+    CHARACTER_DATA = "characterData",
+    CHILD_LIST = "childList"
+}

package/dist/dom-external/node.d.ts

@@ -0,0 +1,11 @@
+import type { TaroNode } from '../dom/node';
+export type IPosition = 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';
+/**
+ * An implementation of `Element.insertAdjacentHTML()`
+ * to support Vue 3 with a version of or greater than `vue@3.1.2`
+ */
+export declare function insertAdjacentHTML(this: TaroNode, position: IPosition, html: string): void;
+export declare function cloneNode(this: TaroNode, isDeep?: boolean): any;
+export declare function contains(this: TaroNode, node: TaroNode & {
+    id?: string;
+}): boolean;

package/dist/dsl/common.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { PageConfig } from '@tarojs/taro';
+import type { Instance, PageInstance, PageProps } from './instance';
+export declare function injectPageInstance(inst: Instance<PageProps>, id: string): void;
+export declare function getPageInstance(id: string): Instance | undefined;
+export declare function removePageInstance(id: string): void;
+export declare function addLeadingSlash(path?: string): string;
+export declare function safeExecute(path: string, lifecycle: string, ...args: unknown[]): any;
+export declare function stringify(obj?: Record<string, unknown>): string;
+export declare function getPath(id: string, options?: Record<string, unknown>): string;
+export declare function getOnReadyEventKey(path: string): string;
+export declare function getOnShowEventKey(path: string): string;
+export declare function getOnHideEventKey(path: string): string;
+export declare function createPageConfig(component: any, pageName?: string, data?: Record<string, unknown>, pageConfig?: PageConfig): PageInstance;
+export declare function createComponentConfig(component: React.ComponentClass, componentName?: string, data?: Record<string, unknown>): any;
+export declare function createRecursiveComponentConfig(componentName?: string): any;

package/dist/dsl/instance.d.ts

@@ -0,0 +1,91 @@
+import VueCtor, { ComponentOptions, VNode } from 'vue';
+import type { Component as Vue3Component } from '@vue/runtime-core';
+import type { Component, ComponentClass } from 'react';
+import type { CombinedVueInstance } from 'vue/types/vue';
+import type { TaroElement } from '../dom/element';
+import type { Func, MpEvent } from '../interface';
+export interface Instance<T = Record<string, any>> extends Component<T>, Show, PageInstance {
+    tid?: string;
+    node?: TaroElement;
+    $forceUpdate?(): void;
+    $nextTick?(cb: () => void): void;
+    $options: Instance;
+}
+export interface VueAppInstance extends ComponentOptions<VueCtor> {
+    $options: AppInstance;
+}
+export type VueInstance<M = Record<string, any>, P = Record<string, any>> = CombinedVueInstance<VueCtor, Record<string, any>, M, P, Record<never, any>> & VueInternal;
+interface VueInternal {
+    _render(): VNode;
+    _update(vnode: VNode, hyrate: boolean): void;
+}
+export interface PageProps {
+    tid?: string;
+}
+export interface ReactPageComponent<T = PageProps> extends ComponentClass<T>, PageInstance {
+}
+export interface ReactPageInstance<T = PageProps> extends Component<T>, PageInstance {
+    componentDidShow?(): void;
+    componentDidHide?(): void;
+}
+export interface ReactAppInstance<T = AppInstance> extends Component<T>, AppInstance {
+}
+export interface PageLifeCycle extends Show {
+    eh?(event: MpEvent): void;
+    onAddToFavorites?(): void;
+    onLoad?(options: Record<string, unknown>, cb?: Func): void;
+    onOptionMenuClick?(): void;
+    onPageScroll?(obj: {
+        scrollTop: number;
+    }): void;
+    onPullDownRefresh?(): void;
+    onPullIntercept?(): void;
+    onPopMenuClick?(): void;
+    onReachBottom?(): void;
+    onReady?(): void;
+    onResize?(options: unknown): void;
+    onSaveExitState?(): void;
+    onShareAppMessage?(obj: {
+        from: string;
+        target?: TaroElement;
+        webViewUrl: string;
+    }): void;
+    onShareTimeline?(): void;
+    onTabItemTap?(obj: {
+        index: string;
+        pagePath: string;
+        text: string;
+    }): void;
+    onTitleClick?(): void;
+    onUnload?(): void;
+}
+export interface PageInstance extends PageLifeCycle {
+    /** 页面的初始数据 */
+    data?: Record<string, unknown>;
+    /** 页面路径 */
+    path?: string;
+    /** 页面的组件选项 */
+    options?: Record<string, unknown>;
+    /** 页面渲染引擎类型 */
+    renderer?: 'webview' | 'skyline';
+}
+interface Show {
+    componentDidShow?(): void;
+    componentDidHide?(): void;
+    onShow?(): void;
+    onHide?(): void;
+}
+export 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;
+    onUnhandledRejection?(error: any): void;
+    onShow?(options?: Record<string, unknown>): void;
+    unmount?(id: string, cb?: () => void): void;
+    taroGlobalData?: Record<any, any>;
+    config?: Record<any, any>;
+}
+export {};

package/dist/emitter/emitter.d.ts

@@ -0,0 +1,4 @@
+import { Events } from '@tarojs/shared';
+declare const eventCenter: Events;
+export type EventsType = typeof Events;
+export { eventCenter, Events };

package/dist/env.d.ts

@@ -0,0 +1,7 @@
+import type { TaroDocument } from './dom/document';
+interface Env {
+    window: any;
+    document: TaroDocument;
+}
+declare const env: Env;
+export default env;

package/dist/hydrate.d.ts

@@ -0,0 +1,10 @@
+import type { TaroElement } from './dom/element';
+import type { TaroText } from './dom/text';
+import type { MiniData } from './interface';
+/**
+ * React also has a fancy function's name for this: `hydrate()`.
+ * You may have been heard `hydrate` as a SSR-related function,
+ * actually, `hydrate` basicly do the `render()` thing, but ignore some properties,
+ * it's a vnode traverser and modifier: that's exactly what Taro's doing in here.
+ */
+export declare function hydrate(node: TaroElement | TaroText): MiniData;

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+import './dom-external';
+import env from './env';
+export { hooks } from '@tarojs/shared';
+export { document } from './bom/document';
+export { getComputedStyle } from './bom/getComputedStyle';
+export { History } from './bom/history';
+export { Location } from './bom/location';
+export { nav as navigator } from './bom/navigator';
+export { caf as cancelAnimationFrame, now, raf as requestAnimationFrame } from './bom/raf';
+export { parseUrl, URL } from './bom/URL';
+export { URLSearchParams } from './bom/URLSearchParams';
+export { history, location, window } from './bom/window';
+export { TaroElement } from './dom/element';
+export { createEvent, eventHandler, TaroEvent } from './dom/event';
+export { FormElement } from './dom/form';
+export { TaroNode } from './dom/node';
+export { TaroRootElement } from './dom/root';
+export { Style } from './dom/style';
+export { SVGElement } from './dom/svg';
+export { TaroText } from './dom/text';
+export { MutationObserver } from './dom-external/mutation-observer';
+export { env };
+export * from './constants';
+export { Current, getCurrentInstance } from './current';
+export { eventSource } from './dom/event-source';
+export { addLeadingSlash, createComponentConfig, createPageConfig, createRecursiveComponentConfig, getOnHideEventKey, getOnReadyEventKey, getOnShowEventKey, getPageInstance, getPath, injectPageInstance, removePageInstance, safeExecute, stringify } from './dsl/common';
+export * from './emitter/emitter';
+export { hydrate } from './hydrate';
+export { nextTick } from './next-tick';
+export { options } from './options';
+export { incrementId } from './utils';
+export * from './dsl/instance';
+export * from './interface';

package/dist/interface/element.d.ts

@@ -0,0 +1,4 @@
+export interface Attributes {
+    name: string;
+    value: string;
+}

package/dist/interface/event-target.d.ts

@@ -0,0 +1,10 @@
+export interface EventListenerOptions {
+    capture?: boolean;
+}
+export interface AddEventListenerOptions extends EventListenerOptions {
+    once?: boolean;
+    passive?: boolean;
+}
+export interface EventHandler extends Function {
+    _stop?: boolean;
+}

package/dist/interface/event.d.ts

@@ -0,0 +1,15 @@
+export interface EventOptions {
+    bubbles: boolean;
+    cancelable: boolean;
+}
+type Target = Record<string, unknown> & {
+    dataset: Record<string, unknown>;
+    id: string;
+};
+export interface MpEvent {
+    type: string;
+    detail: Record<string, unknown>;
+    target: Target;
+    currentTarget: Target;
+}
+export {};

package/dist/interface/hydrate.d.ts

@@ -0,0 +1,29 @@
+import type { Shortcuts } from '@tarojs/shared';
+import type { PageConfig } from '@tarojs/taro';
+export interface MpInstance {
+    config: PageConfig;
+    setData: (data: unknown, cb: () => void) => void;
+    route?: string;
+    __route__: string;
+    $taroParams?: Record<string, unknown>;
+    $taroPath: string;
+    __data__: any;
+    data: any;
+    exitState?: any;
+    selectComponent: (selector: string) => any;
+}
+export interface MiniElementData {
+    [Shortcuts.Childnodes]?: MiniData[];
+    [Shortcuts.NodeName]: string;
+    [Shortcuts.Class]?: string;
+    [Shortcuts.Style]?: string;
+    uid?: string;
+    sid: string;
+    [key: string]: unknown;
+}
+export interface MiniTextData {
+    [Shortcuts.Text]: string;
+    [Shortcuts.NodeName]: string;
+}
+export type MiniData = MiniElementData | MiniTextData;
+export type HydratedData = () => MiniData | MiniData[];

package/dist/interface/index.d.ts

@@ -0,0 +1,7 @@
+export * from './element';
+export * from './event';
+export * from './event-target';
+export * from './hydrate';
+export * from './node';
+export * from './options';
+export * from './utils';

package/dist/interface/node.d.ts

@@ -0,0 +1,7 @@
+import { HydratedData } from './index';
+export type UpdatePayloadValue = string | boolean | HydratedData;
+export type DataTree = Record<string, UpdatePayloadValue | ReturnType<HydratedData>>;
+export interface UpdatePayload {
+    path: string;
+    value: UpdatePayloadValue;
+}

package/dist/interface/options.d.ts

@@ -0,0 +1,16 @@
+import type { TaroElement } from '../dom/element';
+import type { TaroText } from '../dom/text';
+import type { Element, Text } from '../dom-external/inner-html/parser';
+export interface Options {
+    prerender: boolean;
+    debug: boolean;
+    html?: {
+        skipElements: Set<string>;
+        voidElements: Set<string>;
+        closingElements: Set<string>;
+        transformText?: (taroText: TaroText, text: Text) => TaroText;
+        transformElement?: (taroElement: TaroElement, element: Element) => TaroElement;
+        renderHTMLTag: boolean;
+    };
+    miniGlobal?: any;
+}

package/dist/interface/utils.d.ts

@@ -0,0 +1,2 @@
+export type Func = (...args: any[]) => any;
+export type Ctx = Record<string, any>;

package/dist/next-tick.d.ts

@@ -0,0 +1,2 @@
+import type { Func } from './interface';
+export declare const nextTick: (cb: Func, ctx?: Record<string, any>) => void;

package/dist/options.d.ts

@@ -0,0 +1,2 @@
+import type { Options } from './interface';
+export declare const options: Options;

package/dist/perf.d.ts

@@ -0,0 +1,7 @@
+declare class Performance {
+    private recorder;
+    start(id: string): void;
+    stop(id: string): void;
+}
+export declare const perf: Performance;
+export {};

package/dist/runtime.esm.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,68 @@ 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 COMPILE_MODE = "compileMode";
+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 +722,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 +761,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 +778,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, COMPILE_MODE, 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, MiniTextData, MiniData, HydratedData, UpdatePayloadValue, DataTree, UpdatePayload, Options$0 as Options, Func, Ctx };