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

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.12';
 // 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]';
@@ -3007,10 +3015,6 @@ function updateElementInfo(node, appName) {
                 };
             }
         }
-        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
@@ -5927,7 +5931,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) {