@micro-zoe/micro-app 1.0.0-rc.1 → 1.0.0-rc.3

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '1.0.0-rc.1';
+const version = '1.0.0-rc.3';
 // do not use isUndefined
 const isBrowser = typeof window !== 'undefined';
 // do not use isUndefined
@@ -15,7 +15,9 @@ const assign = Object.assign;
 // Object prototype methods
 const rawDefineProperty = Object.defineProperty;
 const rawDefineProperties = Object.defineProperties;
+const rawToString = Object.prototype.toString;
 const rawHasOwnProperty = Object.prototype.hasOwnProperty;
+const toTypeString = (value) => rawToString.call(value);
 // is Undefined
 function isUndefined(target) {
     return target === undefined;
@@ -42,15 +44,15 @@ function isFunction(target) {
 }
 // is PlainObject
 function isPlainObject(target) {
-    return toString.call(target) === '[object Object]';
+    return toTypeString(target) === '[object Object]';
 }
 // is Object
 function isObject(target) {
-    return typeof target === 'object';
+    return !isNull(target) && typeof target === 'object';
 }
 // is Promise
 function isPromise(target) {
-    return toString.call(target) === '[object Promise]';
+    return toTypeString(target) === '[object Promise]';
 }
 // is bind function
 function isBoundFunction(target) {
@@ -87,40 +89,32 @@ function isNode(target) {
     return target instanceof Node || isNumber((_a = target) === null || _a === void 0 ? void 0 : _a.nodeType);
 }
 function isLinkElement(target) {
-    var _a, _b;
-    return ((_b = (_a = target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'LINK';
+    return toTypeString(target) === '[object HTMLLinkElement]';
 }
 function isStyleElement(target) {
-    var _a, _b;
-    return ((_b = (_a = target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'STYLE';
+    return toTypeString(target) === '[object HTMLStyleElement]';
 }
 function isScriptElement(target) {
-    var _a, _b;
-    return ((_b = (_a = target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'SCRIPT';
+    return toTypeString(target) === '[object HTMLScriptElement]';
 }
 function isIFrameElement(target) {
-    var _a, _b;
-    return ((_b = (_a = target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'IFRAME';
+    return toTypeString(target) === '[object HTMLIFrameElement]';
 }
 function isDivElement(target) {
-    var _a, _b;
-    return ((_b = (_a = target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'DIV';
+    return toTypeString(target) === '[object HTMLDivElement]';
 }
 function isImageElement(target) {
-    var _a, _b;
-    return ((_b = (_a = target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'IMG';
+    return toTypeString(target) === '[object HTMLImageElement]';
 }
 function isBaseElement(target) {
-    var _a, _b;
-    return ((_b = (_a = target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'BASE';
+    return toTypeString(target) === '[object HTMLBaseElement]';
 }
 function isMicroAppBody(target) {
-    var _a, _b;
-    return ((_b = (_a = target) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'MICRO-APP-BODY';
+    return isElement(target) && target.tagName.toUpperCase() === 'MICRO-APP-BODY';
 }
 // is ProxyDocument
 function isProxyDocument(target) {
-    return toString.call(target) === '[object ProxyDocument]';
+    return toTypeString(target) === '[object ProxyDocument]';
 }
 /**
  * format error log
@@ -344,7 +338,7 @@ function removeDomScope() {
  * Create pure elements
  */
 function pureCreateElement(tagName, options) {
-    const element = document.createElement(tagName, options);
+    const element = (window.rawDocument || document).createElement(tagName, options);
     if (element.__MICRO_APP_NAME__)
         delete element.__MICRO_APP_NAME__;
     element.__PURE_ELEMENT__ = true;
@@ -550,11 +544,23 @@ function execMicroAppGlobalHook(fn, appName, hookName, ...args) {
         logError(`An error occurred in app ${appName} window.${hookName} \n`, null, e);
     }
 }
+/**
+ * remove all childNode from target node
+ * @param $dom target node
+ */
 function clearDOM($dom) {
     while ($dom === null || $dom === void 0 ? void 0 : $dom.firstChild) {
         $dom.removeChild($dom.firstChild);
     }
 }
+/**
+ * get HTMLElement from base app
+ * @returns HTMLElement
+ */
+function getBaseHTMLElement() {
+    var _a;
+    return (((_a = window.rawWindow) === null || _a === void 0 ? void 0 : _a.HTMLElement) || window.HTMLElement);
+}
 
 function formatEventInfo(event, element) {
     Object.defineProperties(event, {
@@ -654,7 +660,10 @@ class HTMLLoader {
     run(app, successCb) {
         const appName = app.name;
         const htmlUrl = app.ssrUrl || app.url;
-        fetchSource(htmlUrl, appName, { cache: 'no-cache' }).then((htmlStr) => {
+        const htmlPromise = htmlUrl.includes('.js')
+            ? Promise.resolve(`<micro-app-head><script src='${htmlUrl}'></script></micro-app-head><micro-app-body></micro-app-body>`)
+            : fetchSource(htmlUrl, appName, { cache: 'no-cache' });
+        htmlPromise.then((htmlStr) => {
             if (!htmlStr) {
                 const msg = 'html is empty, please check in detail';
                 app.onerror(new Error(msg));
@@ -809,8 +818,8 @@ class CSSParser {
             return parseError("Declaration missing '}'", this.linkPath);
         return true;
     }
-    matchAllDeclarations() {
-        let cssValue = this.commonMatch(/^(?:url\(["']?(?:[^)"'}]+)["']?\)|[^}/])*/, true)[0];
+    matchAllDeclarations(nesting = 1) {
+        let cssValue = this.commonMatch(/^(?:url\(["']?(?:[^)"'}]+)["']?\)|[^{}/])*/, true)[0];
         if (cssValue) {
             if (!this.scopecssDisableNextLine &&
                 (!this.scopecssDisable || this.scopecssDisableSelectors.length)) {
@@ -829,16 +838,30 @@ class CSSParser {
         }
         // reset scopecssDisableNextLine
         this.scopecssDisableNextLine = false;
-        if (!this.cssText || this.cssText.charAt(0) === '}')
+        if (!this.cssText)
             return;
+        if (this.cssText.charAt(0) === '}') {
+            if (!nesting)
+                return;
+            if (nesting > 1) {
+                this.commonMatch(/}+/);
+            }
+            return this.matchAllDeclarations(nesting - 1);
+        }
         // extract comments in declarations
-        if (this.cssText.charAt(0) === '/' && this.cssText.charAt(1) === '*') {
-            this.matchComments();
+        if (this.cssText.charAt(0) === '/') {
+            if (this.cssText.charAt(1) === '*') {
+                this.matchComments();
+            }
+            else {
+                this.commonMatch(/\/+/);
+            }
         }
-        else {
-            this.commonMatch(/\/+/);
+        if (this.cssText.charAt(0) === '{') {
+            this.commonMatch(/{+\s*/);
+            nesting++;
         }
-        return this.matchAllDeclarations();
+        return this.matchAllDeclarations(nesting);
     }
     matchAtRule() {
         if (this.cssText[0] !== '@')
@@ -1467,6 +1490,8 @@ const SCOPE_WINDOW_EVENT = [
     'unload',
     'unmount',
     'appstate-change',
+    'statechange',
+    'mounted',
 ];
 // on event bound to child app window
 const SCOPE_WINDOW_ON_EVENT = [
@@ -1475,6 +1500,7 @@ const SCOPE_WINDOW_ON_EVENT = [
     'onload',
     'onbeforeunload',
     'onunload',
+    'onerror'
 ];
 // event bound to child app document
 const SCOPE_DOCUMENT_EVENT = [
@@ -1524,8 +1550,7 @@ function isInlineMode(app, scriptInfo) {
     return (app.inline ||
         scriptInfo.appSpace[app.name].inline ||
         isTypeModule(app, scriptInfo) ||
-        isSpecialScript(app, scriptInfo) ||
-        app.iframe);
+        isSpecialScript(app, scriptInfo));
 }
 // TODO: iframe重新插入window前后不一致，通过iframe Function创建的函数无法复用
 function getEffectWindow(app) {
@@ -1941,6 +1966,8 @@ function runScript(address, app, scriptInfo, callback, replaceElement) {
     }
     catch (e) {
         console.error(`[micro-app from ${replaceElement ? 'runDynamicScript' : 'runScript'}] app ${app.name}: `, e, address);
+        // throw error in with sandbox to parent app
+        throw e;
     }
 }
 /**
@@ -2687,148 +2714,6 @@ function bindFunctionToRawTarget(value, rawTarget, key = 'WINDOW') {
     return value;
 }
 
-class Adapter {
-    constructor() {
-        // keys that can only assigned to rawWindow
-        this.escapeSetterKeyList = [
-            'location',
-        ];
-        // keys that can escape to rawWindow
-        this.staticEscapeProperties = [
-            'System',
-            '__cjsWrapper',
-        ];
-        // keys that scoped in child app
-        this.staticScopeProperties = [
-            'webpackJsonp',
-            'webpackHotUpdate',
-            'Vue',
-        ];
-        this.injectReactHMRProperty();
-    }
-    // adapter for react
-    injectReactHMRProperty() {
-        if ((process.env.NODE_ENV !== 'production')) {
-            // react child in non-react env
-            this.staticEscapeProperties.push('__REACT_ERROR_OVERLAY_GLOBAL_HOOK__');
-            // in react parent
-            if (globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__) {
-                this.staticScopeProperties = this.staticScopeProperties.concat([
-                    '__REACT_ERROR_OVERLAY_GLOBAL_HOOK__',
-                    '__reactRefreshInjected',
-                ]);
-            }
-        }
-    }
-}
-// Fix conflict of babel-polyfill@6.x
-function fixBabelPolyfill6() {
-    if (globalEnv.rawWindow._babelPolyfill)
-        globalEnv.rawWindow._babelPolyfill = false;
-}
-/**
- * Fix error of hot reload when parent&child created by create-react-app in development environment
- * Issue: https://github.com/micro-zoe/micro-app/issues/382
- */
-function fixReactHMRConflict(app) {
-    var _a;
-    if ((process.env.NODE_ENV !== 'production')) {
-        const rawReactErrorHook = globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__;
-        const childReactErrorHook = (_a = app.sandBox) === null || _a === void 0 ? void 0 : _a.proxyWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__;
-        if (rawReactErrorHook && childReactErrorHook) {
-            globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__ = childReactErrorHook;
-            defer(() => {
-                globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__ = rawReactErrorHook;
-            });
-        }
-    }
-}
-/**
- * reDefine parentNode of html
- * Scenes:
- *  1. element-ui@2/lib/utils/popper.js
- *    var parent = element.parentNode;
- *    // root is child app window
- *    if (parent === root.document) ...
- */
-function throttleDeferForParentNode(microDocument) {
-    const html = globalEnv.rawDocument.firstElementChild;
-    if ((html === null || html === void 0 ? void 0 : html.parentNode) === globalEnv.rawDocument) {
-        setParentNode(html, microDocument);
-        defer(() => {
-            setParentNode(html, globalEnv.rawDocument);
-        });
-    }
-}
-/**
- * Modify the point of parentNode
- * @param target target Node
- * @param value parentNode
- */
-function setParentNode(target, value) {
-    const descriptor = Object.getOwnPropertyDescriptor(target, 'parentNode');
-    if (!descriptor || descriptor.configurable) {
-        rawDefineProperty(target, 'parentNode', {
-            value,
-            configurable: true,
-        });
-    }
-}
-/**
- * update dom tree of target dom
- * @param container target dom
- * @param appName app name
- */
-function patchElementTree(container, appName) {
-    const children = Array.from(container.children);
-    children.length && children.forEach((child) => {
-        patchElementTree(child, appName);
-    });
-    for (const child of children) {
-        updateElementInfo(child, appName);
-    }
-}
-/**
- * rewrite baseURI, ownerDocument, __MICRO_APP_NAME__ of target node
- * @param node target node
- * @param appName app name
- * @returns target node
- */
-function updateElementInfo(node, appName) {
-    var _a, _b;
-    const proxyWindow = (_b = (_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.sandBox) === null || _b === void 0 ? void 0 : _b.proxyWindow;
-    if (isNode(node) &&
-        !node.__MICRO_APP_NAME__ &&
-        !node.__PURE_ELEMENT__ &&
-        proxyWindow) {
-        /**
-         * TODO:
-         *  1. 测试baseURI和ownerDocument在with沙箱中是否正确
-         *    经过验证with沙箱不能重写ownerDocument，否则react点击事件会触发两次
-         *  2. with沙箱所有node设置__MICRO_APP_NAME__都使用updateElementInfo
-         *  3. 性能: defineProperty的性能肯定不如直接设置
-        */
-        rawDefineProperties(node, {
-            baseURI: {
-                configurable: true,
-                get: () => proxyWindow.location.href,
-            },
-            __MICRO_APP_NAME__: {
-                configurable: true,
-                writable: true,
-                value: appName,
-            },
-        });
-        if (isIframeSandbox(appName)) {
-            rawDefineProperty(node, 'ownerDocument', {
-                configurable: true,
-                get: () => proxyWindow.document,
-            });
-        }
-    }
-    return node;
-}
-
 /**
  * create proxyDocument and MicroDocument, rewrite document of child app
  * @param appName app name
@@ -2955,11 +2840,36 @@ function createProxyDocument(appName, sandbox) {
             eventListenerMap.clear();
         }
     };
+    const genProxyDocumentProps = () => {
+        var _a;
+        // microApp framework built-in Proxy
+        const builtInProxyProps = new Map([
+            ['onclick', (value) => {
+                    if (isFunction(onClickHandler)) {
+                        rawRemoveEventListener.call(rawDocument, 'click', onClickHandler, false);
+                    }
+                    // TODO: listener 是否需要绑定proxyDocument，否则函数中的this指向原生window
+                    if (isFunction(value)) {
+                        rawAddEventListener.call(rawDocument, 'click', value, false);
+                    }
+                    onClickHandler = value;
+                }]
+        ]);
+        // external custom proxy
+        const customProxyDocumentProps = ((_a = microApp.options) === null || _a === void 0 ? void 0 : _a.customProxyDocumentProps) || new Map();
+        // External has higher priority than built-in
+        const mergedProxyDocumentProps = new Map([
+            ...builtInProxyProps,
+            ...customProxyDocumentProps,
+        ]);
+        return mergedProxyDocumentProps;
+    };
+    const mergedProxyDocumentProps = genProxyDocumentProps();
     const proxyDocument = new Proxy(rawDocument, {
         get: (target, key) => {
             var _a;
             throttleDeferForSetAppName(appName);
-            throttleDeferForParentNode(proxyDocument);
+            // TODO: 转换成数据形式，类似iframe的方式
             if (key === 'createElement')
                 return createElement;
             if (key === Symbol.toStringTag)
@@ -2974,18 +2884,14 @@ function createProxyDocument(appName, sandbox) {
                 return removeEventListener;
             if (key === 'microAppElement')
                 return (_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.container;
+            if (key === '__MICRO_APP_NAME__')
+                return appName;
             return bindFunctionToRawTarget(Reflect.get(target, key), rawDocument, 'DOCUMENT');
         },
         set: (target, key, value) => {
-            if (key === 'onclick') {
-                if (isFunction(onClickHandler)) {
-                    rawRemoveEventListener.call(rawDocument, 'click', onClickHandler, false);
-                }
-                // TODO: listener 是否需要绑定proxyDocument，否则函数中的this指向原生window
-                if (isFunction(value)) {
-                    rawAddEventListener.call(rawDocument, 'click', value, false);
-                }
-                onClickHandler = value;
+            if (mergedProxyDocumentProps.has(key)) {
+                const proxyCallback = mergedProxyDocumentProps.get(key);
+                proxyCallback(value);
             }
             else if (key !== 'microAppElement') {
                 /**
@@ -3018,7 +2924,8 @@ function createMicroDocument(appName, proxyDocument) {
     class MicroDocument {
         static [Symbol.hasInstance](target) {
             let proto = target;
-            while (proto = Object.getPrototypeOf(proto)) {
+            while (proto) {
+                proto = Object.getPrototypeOf(proto);
                 if (proto === MicroDocument.prototype) {
                     return true;
                 }
@@ -3784,7 +3691,11 @@ function navigateWithNativeEvent(appName, methodName, result, onlyForBrowser, st
         const oldHref = result.isAttach2Hash && oldFullPath !== result.fullPath ? rawLocation.href : null;
         // navigate with native history method
         nativeHistoryNavigate(appName, methodName, result.fullPath, state, title);
-        // TODO: 如果所有模式统一发送popstate事件，则!isRouterModeCustom(appName)要去掉
+        /**
+         * TODO:
+         *  1. 如果所有模式统一发送popstate事件，则!isRouterModeCustom(appName)要去掉
+         *  2. 如果发送事件，则会导致vue router-view :key='router.path'绑定，无限卸载应用，死循环
+         */
         if (oldFullPath !== result.fullPath && !isRouterModeCustom(appName)) {
             dispatchNativeEvent(appName, onlyForBrowser, oldHref);
         }
@@ -3913,52 +3824,53 @@ function createRouterApi() {
      */
     function createNavigationMethod(replace) {
         return function (to) {
-            const appName = formatAppName(to.name);
-            if (appName && isString(to.path)) {
-                /**
-                 * active apps, exclude prerender app or hidden keep-alive app
-                 * NOTE:
-                 *  1. prerender app or hidden keep-alive app clear and record popstate event, so we cannot control app jump through the API
-                 *  2. disable memory-router
-                 */
-                /**
-                 * TODO: 子应用开始渲染但是还没渲染完成
-                 *  1、调用跳转改如何处理
-                 *  2、iframe的沙箱还没初始化时执行跳转报错，如何处理。。。
-                 *  3、hidden app 是否支持跳转
-                 */
-                if (getActiveApps({ excludeHiddenApp: true, excludePreRender: true }).includes(appName)) {
-                    const app = appInstanceMap.get(appName);
-                    const navigateAction = () => handleNavigate(appName, app, to, replace);
-                    app.iframe ? app.sandBox.sandboxReady.then(navigateAction) : navigateAction();
+            return new Promise((resolve, reject) => {
+                const appName = formatAppName(to.name);
+                if (appName && isString(to.path)) {
+                    /**
+                     * active apps, exclude prerender app or hidden keep-alive app
+                     * NOTE:
+                     *  1. prerender app or hidden keep-alive app clear and record popstate event, so we cannot control app jump through the API
+                     *  2. disable memory-router
+                     */
+                    /**
+                     * TODO: 子应用开始渲染但是还没渲染完成
+                     *  1、调用跳转改如何处理
+                     *  2、iframe的沙箱还没初始化时执行跳转报错，如何处理。。。
+                     *  3、hidden app 是否支持跳转
+                     */
+                    if (getActiveApps({ excludeHiddenApp: true, excludePreRender: true }).includes(appName)) {
+                        const app = appInstanceMap.get(appName);
+                        resolve(app.sandBox.sandboxReady.then(() => handleNavigate(appName, app, to, replace)));
+                    }
+                    else {
+                        reject(logError('navigation failed, app does not exist or is inactive'));
+                    }
+                    // /**
+                    //  * app not exit or unmounted, update browser URL with replaceState
+                    //  * use base app location.origin as baseURL
+                    //  * 应用不存在或已卸载，依然使用replaceState来更新浏览器地址 -- 不合理
+                    //  */
+                    // /**
+                    //  * TODO: 应用还没渲染或已经卸载最好不要支持跳转了，我知道这是因为解决一些特殊场景，但这么做是非常反直觉的
+                    //  * 并且在新版本中有多种路由模式，如果应用不存在，我们根本无法知道是哪种模式，那么这里的操作就无意义了。
+                    //  */
+                    // const rawLocation = globalEnv.rawWindow.location
+                    // const targetLocation = createURL(to.path, rawLocation.origin)
+                    // const targetFullPath = targetLocation.pathname + targetLocation.search + targetLocation.hash
+                    // if (getMicroPathFromURL(appName) !== targetFullPath) {
+                    //   navigateWithRawHistory(
+                    //     appName,
+                    //     to.replace === false ? 'pushState' : 'replaceState',
+                    //     targetLocation,
+                    //     to.state,
+                    //   )
+                    // }
                 }
                 else {
-                    logWarn('navigation failed, app does not exist or is inactive');
+                    reject(logError(`navigation failed, name & path are required when use router.${replace ? 'replace' : 'push'}`));
                 }
-                // /**
-                //  * app not exit or unmounted, update browser URL with replaceState
-                //  * use base app location.origin as baseURL
-                //  * 应用不存在或已卸载，依然使用replaceState来更新浏览器地址 -- 不合理
-                //  */
-                // /**
-                //  * TODO: 应用还没渲染或已经卸载最好不要支持跳转了，我知道这是因为解决一些特殊场景，但这么做是非常反直觉的
-                //  * 并且在新版本中有多种路由模式，如果应用不存在，我们根本无法知道是哪种模式，那么这里的操作就无意义了。
-                //  */
-                // const rawLocation = globalEnv.rawWindow.location
-                // const targetLocation = createURL(to.path, rawLocation.origin)
-                // const targetFullPath = targetLocation.pathname + targetLocation.search + targetLocation.hash
-                // if (getMicroPathFromURL(appName) !== targetFullPath) {
-                //   navigateWithRawHistory(
-                //     appName,
-                //     to.replace === false ? 'pushState' : 'replaceState',
-                //     targetLocation,
-                //     to.state,
-                //   )
-                // }
-            }
-            else {
-                logError(`navigation failed, name & path are required when use router.${replace ? 'replace' : 'push'}`);
-            }
+            });
         };
     }
     // create method of router.go/back/forward
@@ -4540,6 +4452,159 @@ function removePathFromBrowser(appName) {
     attachRouteToBrowserURL(appName, removeMicroPathFromURL(appName), removeMicroState(appName, globalEnv.rawWindow.history.state));
 }
 
+class Adapter {
+    constructor() {
+        // keys that can only assigned to rawWindow
+        this.escapeSetterKeyList = [
+            'location',
+        ];
+        // keys that can escape to rawWindow
+        this.staticEscapeProperties = [
+            'System',
+            '__cjsWrapper',
+        ];
+        // keys that scoped in child app
+        this.staticScopeProperties = [
+            'webpackJsonp',
+            'webpackHotUpdate',
+            'Vue',
+        ];
+        this.injectReactHMRProperty();
+    }
+    // adapter for react
+    injectReactHMRProperty() {
+        if ((process.env.NODE_ENV !== 'production')) {
+            // react child in non-react env
+            this.staticEscapeProperties.push('__REACT_ERROR_OVERLAY_GLOBAL_HOOK__');
+            // in react parent
+            if (globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__) {
+                this.staticScopeProperties = this.staticScopeProperties.concat([
+                    '__REACT_ERROR_OVERLAY_GLOBAL_HOOK__',
+                    '__reactRefreshInjected',
+                ]);
+            }
+        }
+    }
+}
+// Fix conflict of babel-polyfill@6.x
+function fixBabelPolyfill6() {
+    if (globalEnv.rawWindow._babelPolyfill)
+        globalEnv.rawWindow._babelPolyfill = false;
+}
+/**
+ * Fix error of hot reload when parent&child created by create-react-app in development environment
+ * Issue: https://github.com/micro-zoe/micro-app/issues/382
+ */
+function fixReactHMRConflict(app) {
+    var _a;
+    if ((process.env.NODE_ENV !== 'production')) {
+        const rawReactErrorHook = globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__;
+        const childReactErrorHook = (_a = app.sandBox) === null || _a === void 0 ? void 0 : _a.proxyWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__;
+        if (rawReactErrorHook && childReactErrorHook) {
+            globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__ = childReactErrorHook;
+            defer(() => {
+                globalEnv.rawWindow.__REACT_ERROR_OVERLAY_GLOBAL_HOOK__ = rawReactErrorHook;
+            });
+        }
+    }
+}
+/**
+ * update dom tree of target dom
+ * @param container target dom
+ * @param appName app name
+ */
+function patchElementTree(container, appName) {
+    const children = Array.from(container.children);
+    children.length && children.forEach((child) => {
+        patchElementTree(child, appName);
+    });
+    for (const child of children) {
+        updateElementInfo(child, appName);
+    }
+}
+/**
+ * rewrite baseURI, ownerDocument, __MICRO_APP_NAME__ of target node
+ * @param node target node
+ * @param appName app name
+ * @returns target node
+ */
+function updateElementInfo(node, appName) {
+    var _a, _b;
+    const proxyWindow = (_b = (_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.sandBox) === null || _b === void 0 ? void 0 : _b.proxyWindow;
+    if (isNode(node) &&
+        !node.__MICRO_APP_NAME__ &&
+        !node.__PURE_ELEMENT__ &&
+        proxyWindow) {
+        /**
+         * TODO:
+         *  1. 测试baseURI和ownerDocument在with沙箱中是否正确
+         *    经过验证with沙箱不能重写ownerDocument，否则react点击事件会触发两次
+         *  2. with沙箱所有node设置__MICRO_APP_NAME__都使用updateElementInfo
+        */
+        rawDefineProperties(node, {
+            baseURI: {
+                configurable: true,
+                get: () => proxyWindow.location.href,
+            },
+            __MICRO_APP_NAME__: {
+                configurable: true,
+                writable: true,
+                value: appName,
+            },
+        });
+        if (isIframeSandbox(appName)) {
+            /**
+             * If HTML built-in node belongs to base app, it needs to be handled separately for parentNode
+             * Fix error for nuxt@2.x + ElementUI@2.x
+             */
+            if (node instanceof globalEnv.rawRootNode) {
+                rawDefineProperty(node, 'parentNode', {
+                    configurable: true,
+                    get: createGetterForIframeParentNode(appName, globalEnv.rawParentNodeDesc, true)
+                });
+            }
+        }
+    }
+    return node;
+}
+/**
+ * patch iframe node parentNode
+ * Scenes:
+ *  1. iframe common node: patch Node.prototype.parentNode to hijack parentNode
+ *  2. iframe HTML built-in node: belongs to base app, we should rewrite parentNode for every built-in node
+ * NOTE:
+ *  1. HTML built-in node parentNode cannot point to raw body, otherwise Vue2 will render failed
+ * @param appName app name
+ * @param parentNode parentNode Descriptor of iframe or browser
+ * @param HTMLBuildInNode is HTML built-in node
+ */
+function createGetterForIframeParentNode(appName, parentNodeDesc, HTMLBuildInNode) {
+    return function () {
+        var _a, _b, _c;
+        /**
+         * set current appName for hijack parentNode of html
+         * NOTE:
+         *  1. Is there a problem with setting the current appName in iframe mode
+         */
+        throttleDeferForSetAppName(appName);
+        const result = parentNodeDesc.get.call(this);
+        /**
+          * If parentNode is <micro-app-body>, return rawDocument.body
+          * Scenes:
+          *  1. element-ui@2/lib/utils/vue-popper.js
+          *    if (this.popperElm.parentNode === document.body) ...
+          * WARNING:
+          *  Will it cause other problems ?
+          *  e.g. target.parentNode.remove(target)
+          */
+        if (!HTMLBuildInNode &&
+            isMicroAppBody(result) && ((_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.container)) {
+            return ((_c = (_b = microApp.options).getRootElementParentNode) === null || _c === void 0 ? void 0 : _c.call(_b, this, appName)) || globalEnv.rawDocument.body;
+        }
+        return result;
+    };
+}
+
 /**
  * https://developer.mozilla.org/en-US/docs/Web/API/fetch
  * Promise<Response> fetch(input[, init])
@@ -4657,17 +4722,20 @@ class WithSandBox {
         // Properties newly added to microAppWindow
         this.injectedKeys = new Set();
         this.microAppWindow = new EventTarget(); // Proxy target
-        this.adapter = new Adapter();
-        // get scopeProperties and escapeProperties from plugins
-        this.getSpecialProperties(appName);
-        // create location, history for child app
-        this.patchRouter(appName, url, this.microAppWindow);
-        // patch window of child app
-        this.windowEffect = patchWindow(appName, this.microAppWindow, this);
-        // patch document of child app
-        this.documentEffect = patchDocument(appName, this.microAppWindow, this);
-        // inject global properties
-        this.initStaticGlobalKeys(appName, url, this.microAppWindow);
+        this.patchWith((resolve) => {
+            this.adapter = new Adapter();
+            // get scopeProperties and escapeProperties from plugins
+            this.getSpecialProperties(appName);
+            // create location, history for child app
+            this.patchRouter(appName, url, this.microAppWindow);
+            // patch window of child app
+            this.windowEffect = patchWindow(appName, this.microAppWindow, this);
+            // patch document of child app
+            this.documentEffect = patchDocument(appName, this.microAppWindow, this);
+            // inject global properties
+            this.initStaticGlobalKeys(appName, url, this.microAppWindow);
+            resolve();
+        });
     }
     /**
      * open sandbox and perform some initial actions
@@ -4685,7 +4753,9 @@ class WithSandBox {
         this.initRouteState(defaultPage);
         // unique listener of popstate event for sub app
         this.removeHistoryListener = addHistoryListener(this.microAppWindow.__MICRO_APP_NAME__);
-        this.microAppWindow.__MICRO_APP_BASE_ROUTE__ = this.microAppWindow.__MICRO_APP_BASE_URL__ = baseroute;
+        if (isRouterModeCustom(this.microAppWindow.__MICRO_APP_NAME__)) {
+            this.microAppWindow.__MICRO_APP_BASE_ROUTE__ = this.microAppWindow.__MICRO_APP_BASE_URL__ = baseroute;
+        }
         /* --- memory router part --- end */
         /**
          * Target: Ensure default mode action exactly same to first time when render again
@@ -4883,6 +4953,9 @@ class WithSandBox {
     markUmdMode(state) {
         this.microAppWindow.__MICRO_APP_UMD_MODE__ = state;
     }
+    patchWith(cb) {
+        this.sandboxReady = new Promise((resolve) => cb(resolve));
+    }
     // properties associated with the native window
     setMappingPropertiesWithRawDescriptor(microAppWindow) {
         let topValue, parentValue;
@@ -4934,7 +5007,7 @@ class WithSandBox {
                 enumerable: false,
                 get() {
                     throttleDeferForSetAppName(appName);
-                    return modifiedEval || eval;
+                    return modifiedEval || globalEnv.rawWindow.eval;
                 },
                 set: (value) => {
                     modifiedEval = value;
@@ -5054,6 +5127,9 @@ class WithSandBox {
     actionBeforeExecScripts(container) {
         this.patchStaticElement(container);
     }
+    setStaticAppState(state) {
+        this.microAppWindow.__MICRO_APP_STATE__ = state;
+    }
 }
 WithSandBox.activeCount = 0; // number of active sandbox
 
@@ -5368,17 +5444,18 @@ function patchDocumentPrototype(appName, microAppWindow) {
         }
     };
     microRootDocument.prototype.getElementsByTagName = function getElementsByTagName(key) {
-        var _a;
         const _this = getDefaultRawTarget(this);
         if (isUniqueElement(key) ||
-            isInvalidQuerySelectorKey(key) ||
-            (!((_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.inline) && /^script$/i.test(key))) {
+            isInvalidQuerySelectorKey(key)) {
             return rawMicroGetElementsByTagName.call(_this, key);
         }
+        else if (/^script|base$/i.test(key)) {
+            return rawMicroGetElementsByTagName.call(microDocument, key);
+        }
         try {
             return querySelectorAll.call(this, key);
         }
-        catch (_b) {
+        catch (_a) {
             return rawMicroGetElementsByTagName.call(_this, key);
         }
     };
@@ -5421,6 +5498,7 @@ function patchDocumentProperty(appName, microAppWindow, sandbox) {
             ['links', () => microRootDocument.prototype.querySelectorAll.call(microDocument, 'a')],
             // unique keys of micro-app
             ['microAppElement', () => { var _a; return (_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.container; }],
+            ['__MICRO_APP_NAME__', () => appName],
         ];
         descList.forEach((desc) => {
             result[desc[0]] = getCommonDescriptor(desc[0], desc[1]);
@@ -5447,7 +5525,10 @@ function patchDocumentProperty(appName, microAppWindow, sandbox) {
         rawDefineProperty(microDocument, tagName, {
             enumerable: true,
             configurable: true,
-            get: () => rawDocument[tagName],
+            get: () => {
+                throttleDeferForSetAppName(appName);
+                return rawDocument[tagName];
+            },
             set: (value) => { rawDocument[tagName] = value; },
         });
     });
@@ -5619,7 +5700,8 @@ function patchIframeNode(appName, microAppWindow, sandbox) {
     const rawMicroInsertAdjacentElement = microRootElement.prototype.insertAdjacentElement;
     const rawMicroCloneNode = microRootNode.prototype.cloneNode;
     const rawInnerHTMLDesc = Object.getOwnPropertyDescriptor(microRootElement.prototype, 'innerHTML');
-    const rawParentNodeLDesc = Object.getOwnPropertyDescriptor(microRootNode.prototype, 'parentNode');
+    const rawParentNodeDesc = Object.getOwnPropertyDescriptor(microRootNode.prototype, 'parentNode');
+    const rawOwnerDocumentDesc = Object.getOwnPropertyDescriptor(microRootNode.prototype, 'ownerDocument');
     const isPureNode = (target) => {
         return (isScriptElement(target) || isBaseElement(target)) && target.__PURE_ELEMENT__;
     };
@@ -5711,6 +5793,15 @@ function patchIframeNode(appName, microAppWindow, sandbox) {
         const clonedNode = rawMicroCloneNode.call(this, deep);
         return updateElementInfo(clonedNode, appName);
     };
+    rawDefineProperty(microRootNode.prototype, 'ownerDocument', {
+        configurable: true,
+        enumerable: true,
+        get() {
+            return this.__PURE_ELEMENT__
+                ? rawOwnerDocumentDesc.get.call(this)
+                : microDocument;
+        },
+    });
     rawDefineProperty(microRootElement.prototype, 'innerHTML', {
         configurable: true,
         enumerable: true,
@@ -5730,25 +5821,7 @@ function patchIframeNode(appName, microAppWindow, sandbox) {
     rawDefineProperty(microRootNode.prototype, 'parentNode', {
         configurable: true,
         enumerable: true,
-        get() {
-            var _a, _b, _c;
-            // set html.parentNode to microDocument
-            throttleDeferForParentNode(microDocument);
-            const result = rawParentNodeLDesc.get.call(this);
-            /**
-             * If parentNode is <micro-app-body>, return rawDocument.body
-             * Scenes:
-             *  1. element-ui@2/lib/utils/vue-popper.js
-             *    if (this.popperElm.parentNode === document.body) ...
-             * WARNING:
-             *  Will it cause other problems ?
-             *  e.g. target.parentNode.remove(target)
-             */
-            if (isMicroAppBody(result) && ((_a = appInstanceMap.get(appName)) === null || _a === void 0 ? void 0 : _a.container)) {
-                return ((_c = (_b = microApp.options).getRootElementParentNode) === null || _c === void 0 ? void 0 : _c.call(_b, this, appName)) || rawDocument.body;
-            }
-            return result;
-        },
+        get: createGetterForIframeParentNode(appName, rawParentNodeDesc),
     });
     // Adapt to new image(...) scene
     const ImageProxy = new Proxy(microAppWindow.Image, {
@@ -5899,7 +5972,9 @@ class IframeSandbox {
         this.initRouteState(defaultPage);
         // unique listener of popstate event for child app
         this.removeHistoryListener = addHistoryListener(this.microAppWindow.__MICRO_APP_NAME__);
-        this.microAppWindow.__MICRO_APP_BASE_ROUTE__ = this.microAppWindow.__MICRO_APP_BASE_URL__ = baseroute;
+        if (isRouterModeCustom(this.microAppWindow.__MICRO_APP_NAME__)) {
+            this.microAppWindow.__MICRO_APP_BASE_ROUTE__ = this.microAppWindow.__MICRO_APP_BASE_URL__ = baseroute;
+        }
         /* --- memory router part --- end */
         /**
          * create base element to iframe
@@ -6152,6 +6227,9 @@ class IframeSandbox {
     actionBeforeExecScripts(container) {
         this.patchStaticElement(container);
     }
+    setStaticAppState(state) {
+        this.microAppWindow.__MICRO_APP_STATE__ = state;
+    }
 }
 IframeSandbox.activeCount = 0; // number of active sandbox
 
@@ -6164,6 +6242,7 @@ class CreateApp {
         this.loadSourceLevel = 0;
         this.umdHookMount = null;
         this.umdHookUnmount = null;
+        this.lifeCycleState = null;
         this.umdMode = false;
         // TODO: 类型优化，加上iframe沙箱
         this.sandBox = null;
@@ -6174,8 +6253,9 @@ class CreateApp {
         this.url = url;
         this.useSandbox = useSandbox;
         this.scopecss = this.useSandbox && scopecss;
-        this.inline = inline !== null && inline !== void 0 ? inline : false;
+        // exec before getInlineModeState
         this.iframe = iframe !== null && iframe !== void 0 ? iframe : false;
+        this.inline = this.getInlineModeState(inline);
         /**
          * NOTE:
          *  1. Navigate after micro-app created, before mount
@@ -6272,6 +6352,10 @@ class CreateApp {
             this.container = container;
             // mount before prerender exec mount (loading source), set isPrerender to false
             this.isPrerender = false;
+            // dispatch state event to micro app
+            dispatchCustomEventToMicroApp(this, 'statechange', {
+                appState: appStates.LOADING
+            });
             // reset app state to LOADING
             return this.setAppState(appStates.LOADING);
         }
@@ -6318,10 +6402,13 @@ class CreateApp {
             }
             else {
                 this.container = container;
-                this.inline = inline;
+                this.inline = this.getInlineModeState(inline);
                 this.fiber = fiber;
                 this.routerMode = routerMode;
-                const dispatchBeforeMount = () => dispatchLifecyclesEvent(this.container, this.name, lifeCycles.BEFOREMOUNT);
+                const dispatchBeforeMount = () => {
+                    this.setLifeCycleState(lifeCycles.BEFOREMOUNT);
+                    dispatchLifecyclesEvent(this.container, this.name, lifeCycles.BEFOREMOUNT);
+                };
                 if (this.isPrerender) {
                     ((_d = this.preRenderEvents) !== null && _d !== void 0 ? _d : (this.preRenderEvents = [])).push(dispatchBeforeMount);
                 }
@@ -6329,6 +6416,10 @@ class CreateApp {
                     dispatchBeforeMount();
                 }
                 this.setAppState(appStates.MOUNTING);
+                // dispatch state event to micro app
+                dispatchCustomEventToMicroApp(this, 'statechange', {
+                    appState: appStates.MOUNTING
+                });
                 // TODO: 将所有cloneContainer中的'as Element'去掉，兼容shadowRoot的场景
                 cloneContainer(this.container, this.source.html, !this.umdMode);
                 (_e = this.sandBox) === null || _e === void 0 ? void 0 : _e.start({
@@ -6383,8 +6474,8 @@ class CreateApp {
                 }
             }
         };
-        // TODO: any替换为iframe沙箱类型
-        this.iframe ? this.sandBox.sandboxReady.then(nextAction) : nextAction();
+        // TODO: 可优化？
+        this.sandBox ? this.sandBox.sandboxReady.then(nextAction) : nextAction();
     }
     /**
      * handle for promise umdHookMount
@@ -6422,6 +6513,13 @@ class CreateApp {
             this.setAppState(appStates.MOUNTED);
             // call window.onmount of child app
             execMicroAppGlobalHook(this.getMicroAppGlobalHook(microGlobalEvent.ONMOUNT), this.name, microGlobalEvent.ONMOUNT, microApp.getData(this.name, true));
+            // dispatch state event to micro app
+            dispatchCustomEventToMicroApp(this, 'statechange', {
+                appState: appStates.MOUNTED
+            });
+            // dispatch mounted event to micro app
+            dispatchCustomEventToMicroApp(this, 'mounted');
+            this.setLifeCycleState(lifeCycles.MOUNTED);
             // dispatch event mounted to parent
             dispatchLifecyclesEvent(this.container, this.name, lifeCycles.MOUNTED);
             /**
@@ -6461,6 +6559,10 @@ class CreateApp {
         catch (e) {
             logError('An error occurred in window.unmount \n', this.name, e);
         }
+        // dispatch state event to micro app
+        dispatchCustomEventToMicroApp(this, 'statechange', {
+            appState: appStates.UNMOUNT
+        });
         // dispatch unmount event to micro app
         dispatchCustomEventToMicroApp(this, 'unmount');
         // call window.onunmount of child app
@@ -6521,6 +6623,7 @@ class CreateApp {
             destroy,
             clearData: clearData || destroy,
         });
+        this.setLifeCycleState(lifeCycles.UNMOUNT);
         // dispatch unmount event to base app
         dispatchLifecyclesEvent(this.container, this.name, lifeCycles.UNMOUNT);
         this.clearOptions(destroy);
@@ -6561,6 +6664,7 @@ class CreateApp {
         dispatchCustomEventToMicroApp(this, 'appstate-change', {
             appState: 'afterhidden',
         });
+        this.setLifeCycleState(lifeCycles.AFTERHIDDEN);
         // dispatch afterHidden event to base app
         dispatchLifecyclesEvent(this.container, this.name, lifeCycles.AFTERHIDDEN);
         if (this.routerMode !== ROUTER_MODE_CUSTOM) {
@@ -6604,6 +6708,7 @@ class CreateApp {
         dispatchCustomEventToMicroApp(this, 'appstate-change', {
             appState: 'aftershow',
         });
+        this.setLifeCycleState(lifeCycles.AFTERSHOW);
         // dispatch afterShow event to base app
         dispatchLifecyclesEvent(this.container, this.name, lifeCycles.AFTERSHOW);
     }
@@ -6612,6 +6717,11 @@ class CreateApp {
      * @param e Error
      */
     onerror(e) {
+        this.setLifeCycleState(lifeCycles.ERROR);
+        // dispatch state event to micro app
+        dispatchCustomEventToMicroApp(this, 'statechange', {
+            appState: appStates.LOAD_FAILED
+        });
         dispatchLifecyclesEvent(this.container, this.name, lifeCycles.ERROR, e);
     }
     /**
@@ -6632,12 +6742,23 @@ class CreateApp {
     }
     // set app state
     setAppState(state) {
+        var _a;
         this.state = state;
+        // set window.__MICRO_APP_STATE__
+        (_a = this.sandBox) === null || _a === void 0 ? void 0 : _a.setStaticAppState(state);
     }
     // get app state
     getAppState() {
         return this.state;
     }
+    // set app lifeCycleState
+    setLifeCycleState(state) {
+        this.lifeCycleState = state;
+    }
+    // get app lifeCycleState
+    getLifeCycleState() {
+        return this.lifeCycleState || '';
+    }
     // set keep-alive state
     setKeepAliveState(state) {
         this.keepAliveState = state;
@@ -6682,6 +6803,15 @@ class CreateApp {
     querySelectorAll(selectors) {
         return this.container ? globalEnv.rawElementQuerySelectorAll.call(this.container, selectors) : [];
     }
+    /**
+     * NOTE:
+     * 1. If the iframe sandbox no longer enforces the use of inline mode in the future, the way getElementsByTagName retrieves the script from the iframe by default needs to be changed, because in non inline mode, the script in the iframe may be empty
+     * @param inline inline mode config
+     */
+    getInlineModeState(inline) {
+        var _a;
+        return (_a = (this.iframe || inline)) !== null && _a !== void 0 ? _a : false;
+    }
 }
 // iframe route mode
 function isIframeSandbox(appName) {
@@ -6917,6 +7047,7 @@ function commonElementHandler(parent, newChild, passiveChild, rawMethod) {
 function patchElementAndDocument() {
     patchDocument$2();
     const rawRootElement = globalEnv.rawRootElement;
+    const rawRootNode = globalEnv.rawRootNode;
     // prototype methods of add element👇
     rawRootElement.prototype.appendChild = function appendChild(newChild) {
         return commonElementHandler(this, newChild, null, globalEnv.rawAppendChild);
@@ -7068,37 +7199,48 @@ function patchElementAndDocument() {
             const currentAppName = getCurrentAppName();
             Array.from(this.children).forEach((child) => {
                 if (isElement(child) && currentAppName) {
+                    // TODO: 使用updateElementInfo进行更新
                     child.__MICRO_APP_NAME__ = currentAppName;
                 }
             });
         }
     });
-    /**
-     * NOTE:Abandon this way at 2023.2.28 before v1.0.0-beta.0, it will cause vue2 throw error when render again
-     */
-    // rawDefineProperty(Node.prototype, 'parentNode', {
-    //   configurable: true,
-    //   enumerable: true,
-    //   get () {
-    //     const result = globalEnv.rawParentNodeDesc.get.call(this)
-    //     /**
-    //      * If parentNode is <micro-app-body>, return rawDocument.body
-    //      * Scenes:
-    //      *  1. element-ui@2/lib/utils/vue-popper.js
-    //      *    if (this.popperElm.parentNode === document.body) ...
-    //      * WARNING:
-    //      *  Will it cause other problems ?
-    //      *  e.g. target.parentNode.remove(target)
-    //      * BUG:
-    //      *  1. vue2 umdMode, throw error when render again (<div id='app'></div> will be deleted when render again )
-    //      */
-    //     if (isMicroAppBody(result) && appInstanceMap.get(this.__MICRO_APP_NAME__)?.container) {
-    //       return document.body
-    //     }
-    //     return result
-    //   },
-    //   set: undefined,
-    // })
+    rawDefineProperty(rawRootNode.prototype, 'parentNode', {
+        configurable: true,
+        enumerable: true,
+        get() {
+            var _a, _b, _c;
+            /**
+             * hijack parentNode of html
+             * Scenes:
+             *  1. element-ui@2/lib/utils/popper.js
+             *    // root is child app window, so root.document is proxyDocument or microDocument
+             *    if (element.parentNode === root.document) ...
+            */
+            const currentAppName = getCurrentAppName();
+            if (currentAppName && this === globalEnv.rawDocument.firstElementChild) {
+                const microDocument = (_c = (_b = (_a = appInstanceMap.get(currentAppName)) === null || _a === void 0 ? void 0 : _a.sandBox) === null || _b === void 0 ? void 0 : _b.proxyWindow) === null || _c === void 0 ? void 0 : _c.document;
+                if (microDocument)
+                    return microDocument;
+            }
+            const result = globalEnv.rawParentNodeDesc.get.call(this);
+            /**
+             * If parentNode is <micro-app-body>, return rawDocument.body
+             * Scenes:
+             *  1. element-ui@2/lib/utils/vue-popper.js
+             *    if (this.popperElm.parentNode === document.body) ...
+             * WARNING:
+             *  Will it cause other problems ?
+             *  e.g. target.parentNode.remove(target)
+             * BUG:
+             *  1. vue2 umdMode, throw error when render again (<div id='app'></div> will be deleted when render again ) -- Abandon this way at 2023.2.28 before v1.0.0-beta.0, it will cause vue2 throw error when render again
+             */
+            // if (isMicroAppBody(result) && appInstanceMap.get(this.__MICRO_APP_NAME__)?.container) {
+            //   return document.body
+            // }
+            return result;
+        },
+    });
 }
 /**
  * Mark the newly created element in the micro application
@@ -7237,6 +7379,7 @@ function releasePatchElementAndDocument() {
     removeDomScope();
     releasePatchDocument();
     const rawRootElement = globalEnv.rawRootElement;
+    const rawRootNode = globalEnv.rawRootNode;
     rawRootElement.prototype.appendChild = globalEnv.rawAppendChild;
     rawRootElement.prototype.insertBefore = globalEnv.rawInsertBefore;
     rawRootElement.prototype.replaceChild = globalEnv.rawReplaceChild;
@@ -7248,6 +7391,7 @@ function releasePatchElementAndDocument() {
     rawRootElement.prototype.querySelectorAll = globalEnv.rawElementQuerySelectorAll;
     rawRootElement.prototype.setAttribute = globalEnv.rawSetAttribute;
     rawDefineProperty(rawRootElement.prototype, 'innerHTML', globalEnv.rawInnerHTMLDesc);
+    rawDefineProperty(rawRootNode.prototype, 'parentNode', globalEnv.rawParentNodeDesc);
 }
 // Set the style of micro-app-head and micro-app-body
 let hasRejectMicroAppStyle = false;
@@ -7380,9 +7524,9 @@ function initGlobalEnv() {
 /**
  * define element
  * @param tagName element name
- */
+*/
 function defineElement(tagName) {
-    class MicroAppElement extends HTMLElement {
+    class MicroAppElement extends getBaseHTMLElement() {
         constructor() {
             super(...arguments);
             this.isWaiting = false;
@@ -8244,6 +8388,20 @@ function renderApp(options) {
         container.appendChild(microAppElement);
     });
 }
+/**
+ * get app state
+ * @param appName app.name
+ * @returns app.state
+ */
+function getAppStatus(appName) {
+    const app = appInstanceMap.get(formatAppName(appName));
+    if (app) {
+        return app.getLifeCycleState();
+    }
+    else {
+        logWarn(`app ${appName} does not exist`);
+    }
+}
 class MicroApp extends EventCenterForBaseApp {
     constructor() {
         super(...arguments);
@@ -8258,6 +8416,7 @@ class MicroApp extends EventCenterForBaseApp {
         this.getAllApps = getAllApps;
         this.reload = reload;
         this.renderApp = renderApp;
+        this.getAppStatus = getAppStatus;
     }
     start(options) {
         var _a, _b;
@@ -8313,5 +8472,5 @@ class MicroApp extends EventCenterForBaseApp {
 const microApp = new MicroApp();
 
 export default microApp;
-export { EventCenterForMicroApp, MicroApp, getActiveApps, getAllApps, preFetch, pureCreateElement, reload, removeDomScope, renderApp, unmountAllApps, unmountApp, version };
+export { EventCenterForMicroApp, MicroApp, getActiveApps, getAllApps, getAppStatus, preFetch, pureCreateElement, reload, removeDomScope, renderApp, unmountAllApps, unmountApp, version };
 //# sourceMappingURL=index.esm.js.map