@micro-zoe/micro-app 1.0.0-rc.24 → 1.0.0-rc.26

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '1.0.0-rc.24';
+const version = '1.0.0-rc.26';
 // do not use isUndefined
 const isBrowser = typeof window !== 'undefined';
 // do not use isUndefined
@@ -919,8 +919,8 @@ class CSSParser {
          *    should be ==> micro-app[name=xxx] :where(.a, .b, .c) a {}
          */
         const attributeValues = {};
-        const matchRes = m[0].replace(/\[([^\]=]+)(?:=([^\]]+))?\]/g, (match, p1, p2) => {
-            const mock = `__mock_${p1}Value__`;
+        const matchRes = m[0].replace(/\[([^\]=]+)(?:=([^\]]+))?\]/g, (match, p1, p2, offset) => {
+            const mock = `__mock_${p1}_${offset}Value__`;
             attributeValues[mock] = p2;
             return match.replace(p2, mock);
         });
@@ -3118,7 +3118,7 @@ function getIframeParentNodeDesc(appName, parentNodeDesc) {
         configurable: true,
         enumerable: true,
         get() {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f, _g;
             throttleDeferForIframeAppName(appName);
             const result = (_a = parentNodeDesc.get) === null || _a === void 0 ? void 0 : _a.call(this);
             /**
@@ -3133,7 +3133,14 @@ function getIframeParentNodeDesc(appName, parentNodeDesc) {
              *  e.g. target.parentNode.remove(target)
              */
             if (isMicroAppBody(result) && ((_b = appInstanceMap.get(appName)) === null || _b === void 0 ? void 0 : _b.container)) {
-                return ((_d = (_c = microApp.options).getRootElementParentNode) === null || _d === void 0 ? void 0 : _d.call(_c, this, appName)) || globalEnv.rawDocument.body;
+                const customParent = (_d = (_c = microApp.options).getRootElementParentNode) === null || _d === void 0 ? void 0 : _d.call(_c, this, appName);
+                if (customParent) {
+                    return customParent;
+                }
+                if (((_e = microApp === null || microApp === void 0 ? void 0 : microApp.options) === null || _e === void 0 ? void 0 : _e.inheritBaseBody) !== true) {
+                    return ((_g = (_f = appInstanceMap.get(appName)) === null || _f === void 0 ? void 0 : _f.container) === null || _g === void 0 ? void 0 : _g.querySelector('micro-app-body')) || globalEnv.rawDocument.body;
+                }
+                return globalEnv.rawDocument.body;
             }
             return result;
         }
@@ -5867,11 +5874,17 @@ function patchWindowEffect$1(microAppWindow) {
     const eventListenerMap = new Map();
     const sstEventListenerMap = new Map();
     function getEventTarget(type) {
+        var _a;
         /**
          * TODO: SCOPE_WINDOW_EVENT_OF_IFRAME的事件非常少，有可能导致问题
          *  1、一些未知的需要绑定到iframe的事件被错误的绑定到原生window上
          */
-        return SCOPE_WINDOW_EVENT_OF_IFRAME.includes(type) ? microAppWindow : rawWindow;
+        let escapeSandboxEvent = [];
+        if (Array.isArray((_a = microApp === null || microApp === void 0 ? void 0 : microApp.options) === null || _a === void 0 ? void 0 : _a.escapeIframeWindowEvents)) {
+            escapeSandboxEvent = microApp.options.escapeIframeWindowEvents;
+        }
+        const scopeWindowEvent = SCOPE_WINDOW_EVENT_OF_IFRAME.filter(item => !escapeSandboxEvent.includes(item));
+        return scopeWindowEvent.includes(type) ? microAppWindow : rawWindow;
     }
     // TODO: listener 是否需要绑定microAppWindow，否则函数中的this指向原生window
     microAppWindow.addEventListener = function (type, listener, options) {
@@ -5962,6 +5975,13 @@ function patchDocument$1(appName, microAppWindow, sandbox) {
     patchDocumentProperty(appName, microAppWindow, sandbox);
     return patchDocumentEffect(appName, microAppWindow);
 }
+function getElementDocument(microDocument, rawDocument) {
+    var _a;
+    if ((_a = microApp === null || microApp === void 0 ? void 0 : microApp.options) === null || _a === void 0 ? void 0 : _a.disableIframeRootDocument) {
+        return rawDocument;
+    }
+    return microDocument;
+}
 function patchDocumentPrototype(appName, microAppWindow) {
     const rawDocument = globalEnv.rawDocument;
     const microRootDocument = microAppWindow.Document;
@@ -5987,26 +6007,26 @@ function patchDocumentPrototype(appName, microAppWindow) {
         return range;
     };
     microRootDocument.prototype.createElement = function createElement(tagName, options) {
-        let element = rawMicroCreateElement.call(this, tagName, options);
+        let element = rawMicroCreateElement.call(getElementDocument(this, rawDocument), tagName, options);
         if (isWebComponentElement(element)) {
             element = rawMicroCreateElement.call(rawDocument, tagName, options);
         }
         return updateElementInfo(element, appName);
     };
     microRootDocument.prototype.createElementNS = function createElementNS(namespaceURI, name, options) {
-        const element = rawMicroCreateElementNS.call(this, namespaceURI, name, options);
+        const element = rawMicroCreateElementNS.call(getElementDocument(this, rawDocument), namespaceURI, name, options);
         return updateElementInfo(element, appName);
     };
     microRootDocument.prototype.createTextNode = function createTextNode(data) {
-        const element = rawMicroCreateTextNode.call(this, data);
+        const element = rawMicroCreateTextNode.call(getElementDocument(this, rawDocument), data);
         return updateElementInfo(element, appName);
     };
     microRootDocument.prototype.createDocumentFragment = function createDocumentFragment() {
-        const element = rawMicroCreateDocumentFragment.call(this);
+        const element = rawMicroCreateDocumentFragment.call(getElementDocument(this, rawDocument));
         return updateElementInfo(element, appName);
     };
     microRootDocument.prototype.createComment = function createComment(data) {
-        const element = rawMicroCreateComment.call(this, data);
+        const element = rawMicroCreateComment.call(getElementDocument(this, rawDocument), data);
         return updateElementInfo(element, appName);
     };
     function getBindTarget(target) {
@@ -6065,7 +6085,7 @@ function patchDocumentPrototype(appName, microAppWindow) {
             return rawMicroGetElementById.call(_this, key);
         }
         try {
-            return querySelector.call(this, `#${key}`);
+            return querySelector.call(getElementDocument(this, rawDocument), `#${key}`);
         }
         catch (_a) {
             return rawMicroGetElementById.call(_this, key);
@@ -6077,14 +6097,14 @@ function patchDocumentPrototype(appName, microAppWindow) {
             return rawMicroGetElementsByClassName.call(_this, key);
         }
         try {
-            return querySelectorAll.call(this, `.${key}`);
+            return querySelectorAll.call(getElementDocument(this, rawDocument), `.${key}`);
         }
         catch (_a) {
             return rawMicroGetElementsByClassName.call(_this, key);
         }
     };
     microRootDocument.prototype.getElementsByTagName = function getElementsByTagName(key) {
-        const _this = getBindTarget(this);
+        const _this = getBindTarget(getElementDocument(this, rawDocument));
         if (isUniqueElement(key) ||
             isInvalidQuerySelectorKey(key)) {
             return rawMicroGetElementsByTagName.call(_this, key);
@@ -6094,19 +6114,19 @@ function patchDocumentPrototype(appName, microAppWindow) {
             return rawMicroGetElementsByTagName.call(microDocument, key);
         }
         try {
-            return querySelectorAll.call(this, key);
+            return querySelectorAll.call(getElementDocument(this, rawDocument), key);
         }
         catch (_a) {
             return rawMicroGetElementsByTagName.call(_this, key);
         }
     };
     microRootDocument.prototype.getElementsByName = function getElementsByName(key) {
-        const _this = getBindTarget(this);
+        const _this = getBindTarget(getElementDocument(this, rawDocument));
         if (isInvalidQuerySelectorKey(key)) {
             return rawMicroGetElementsByName.call(_this, key);
         }
         try {
-            return querySelectorAll.call(this, `[name=${key}]`);
+            return querySelectorAll.call(getElementDocument(this, rawDocument), `[name=${key}]`);
         }
         catch (_a) {
             return rawMicroGetElementsByName.call(_this, key);