@micro-zoe/micro-app 1.0.0-rc.11 → 1.0.0-rc.13

package/lib/index.d.ts

@@ -158,6 +158,7 @@ declare module '@micro-zoe/micro-app/libs/utils' {
     export function isDocumentShadowRoot(target: unknown): target is DocumentFragment;
     export function isMicroAppBody(target: unknown): target is HTMLElement;
     export function isMicroAppHead(target: unknown): target is HTMLElement;
+    export function isWebComponentElement(target: unknown): boolean;
     export function isProxyDocument(target: unknown): target is Document;
     export function isTargetExtension(path: string, suffix: string): boolean;
     export function includes(target: unknown[], searchElement: unknown, fromIndex?: number): boolean;

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-const version = '1.0.0-rc.11';
+const version = '1.0.0-rc.13';
 // do not use isUndefined
 const isBrowser = typeof window !== 'undefined';
 // do not use isUndefined
@@ -131,6 +131,14 @@ function isMicroAppBody(target) {
 function isMicroAppHead(target) {
     return isElement(target) && target.tagName.toUpperCase() === 'MICRO-APP-HEAD';
 }
+function isWebComponentElement(target) {
+    let result = toTypeString(target) === '[object HTMLElement]';
+    if (result) {
+        const tagName = target.tagName.toUpperCase();
+        result = result && !tagName.startsWith('MICRO-APP');
+    }
+    return result;
+}
 // is ProxyDocument
 function isProxyDocument(target) {
     return toTypeString(target) === '[object ProxyDocument]';
@@ -3002,15 +3010,14 @@ function updateElementInfo(node, appName) {
                         return this.getAttribute('href');
                     },
                     set(value) {
+                        if (value === undefined) {
+                            return;
+                        }
                         this.setAttribute('href', value);
                     },
                 };
             }
         }
-        if (isImageElement(node) || isVideoElement(node) || isAudioElement(node)) {
-            // @ts-ignore
-            node.crossOrigin = 'anonymous';
-        }
         rawDefineProperties(node, props);
         /**
          * In FireFox, iframe Node.prototype will point to native Node.prototype after insert to document
@@ -5482,8 +5489,10 @@ function patchRouter(appName, url, microAppWindow, browserHost) {
     return createMicroLocation(appName, url, microAppWindow, childStaticLocation, browserHost, childHost);
 }
 
+const UN_PROXY_INSTANCEOF_KEYS = [
+    'Array'
+];
 const escape2RawWindowKeys = [
-    'Array',
     'getComputedStyle',
     // FIX ISSUE: https://github.com/micro-zoe/micro-app/issues/1292
     'DOMParser',
@@ -5688,7 +5697,7 @@ function patchWindowProperty$1(appName, microAppWindow, sandbox) {
          *  4. native url instanceof iframe window.URL
          *  ...
          */
-        if (isConstructor(microAppWindow[key]) && key in rawWindow) {
+        if (isConstructor(microAppWindow[key]) && key in rawWindow && !UN_PROXY_INSTANCEOF_KEYS.includes(key)) {
             rawDefineProperty(microAppWindow[key], Symbol.hasInstance, {
                 configurable: true,
                 enumerable: false,
@@ -5927,7 +5936,10 @@ function patchDocumentPrototype(appName, microAppWindow) {
         return range;
     };
     microRootDocument.prototype.createElement = function createElement(tagName, options) {
-        const element = rawMicroCreateElement.call(this, tagName, options);
+        let element = rawMicroCreateElement.call(this, tagName, options);
+        if (isWebComponentElement(element)) {
+            element = rawMicroCreateElement.call(rawDocument, tagName, options);
+        }
         return updateElementInfo(element, appName);
     };
     microRootDocument.prototype.createElementNS = function createElementNS(namespaceURI, name, options) {
@@ -6448,7 +6460,11 @@ function patchIframeAttribute(url, microAppWindow) {
         else {
             if (((key === 'src' || key === 'srcset') && /^(img|script|video|audio|source|embed)$/i.test(this.tagName)) ||
                 (key === 'href' && /^(a|link|image)$/i.test(this.tagName))) {
-                value = CompletionPath(value, url);
+                let _url = url;
+                if (isBrowser && key === 'href' && /^a$/i.test(this.tagName) && isFunction(microApp.options.excludeAssetFilter) && microApp.options.excludeAssetFilter(value)) {
+                    _url = document.baseURI;
+                }
+                value = CompletionPath(value, _url);
             }
             rawMicroSetAttribute.call(this, key, value);
         }