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

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '1.0.0-rc.2';
+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
@@ -666,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));
@@ -821,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)) {
@@ -841,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] !== '@')
@@ -1479,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 = [
@@ -1487,6 +1500,7 @@ const SCOPE_WINDOW_ON_EVENT = [
     'onload',
     'onbeforeunload',
     'onunload',
+    'onerror'
 ];
 // event bound to child app document
 const SCOPE_DOCUMENT_EVENT = [
@@ -1952,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;
     }
 }
 /**
@@ -2908,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;
                 }
@@ -3807,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
@@ -4522,7 +4540,6 @@ function updateElementInfo(node, appName) {
          *  1. 测试baseURI和ownerDocument在with沙箱中是否正确
          *    经过验证with沙箱不能重写ownerDocument，否则react点击事件会触发两次
          *  2. with沙箱所有node设置__MICRO_APP_NAME__都使用updateElementInfo
-         *  3. 性能: defineProperty的性能肯定不如直接设置
         */
         rawDefineProperties(node, {
             baseURI: {
@@ -4536,14 +4553,57 @@ function updateElementInfo(node, appName) {
             },
         });
         if (isIframeSandbox(appName)) {
-            rawDefineProperty(node, 'ownerDocument', {
-                configurable: true,
-                get: () => proxyWindow.document,
-            });
+            /**
+             * 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
@@ -4662,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
@@ -4690,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
@@ -4888,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;
@@ -5059,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
 
@@ -5454,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; },
         });
     });
@@ -5626,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__;
     };
@@ -5718,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,
@@ -5737,29 +5821,7 @@ function patchIframeNode(appName, microAppWindow, sandbox) {
     rawDefineProperty(microRootNode.prototype, 'parentNode', {
         configurable: true,
         enumerable: true,
-        get() {
-            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 = 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, {
@@ -5910,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
@@ -6163,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
 
@@ -6175,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;
@@ -6284,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);
         }
@@ -6333,7 +6405,10 @@ class CreateApp {
                 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);
                 }
@@ -6341,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({
@@ -6395,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
@@ -6434,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);
             /**
@@ -6473,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
@@ -6533,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);
@@ -6573,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) {
@@ -6616,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);
     }
@@ -6624,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);
     }
     /**
@@ -6644,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;
@@ -7090,6 +7199,7 @@ function patchElementAndDocument() {
             const currentAppName = getCurrentAppName();
             Array.from(this.children).forEach((child) => {
                 if (isElement(child) && currentAppName) {
+                    // TODO: 使用updateElementInfo进行更新
                     child.__MICRO_APP_NAME__ = currentAppName;
                 }
             });
@@ -7106,7 +7216,7 @@ function patchElementAndDocument() {
              *  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;
@@ -8278,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);
@@ -8292,6 +8416,7 @@ class MicroApp extends EventCenterForBaseApp {
         this.getAllApps = getAllApps;
         this.reload = reload;
         this.renderApp = renderApp;
+        this.getAppStatus = getAppStatus;
     }
     start(options) {
         var _a, _b;
@@ -8347,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