xpe 1.0.3 → 1.0.4

package/dist/kernel/effect.js

@@ -21,13 +21,30 @@ function patchCustomEvent(e, elementGetter) {
 /**
  * 手动触发事件回调
  */
-function manualInvokeElementEvent(element, event) {
+function manualInvokeElementEvent(element, event, sandboxId) {
+    // 动态 link/script 节点由子应用 realm 创建，但被 XPE 转发到宿主
+    // shadowRoot。此时节点上的原生 dispatchEvent 可能无法命中由子应用
+    // Node.prototype.addEventListener 注册的回调。事件代理已经把回调保存在
+    // sandbox 的缓存中，优先从缓存派发，保证 Vite 的 load/error Promise 收敛。
     const customEvent = new CustomEvent(event);
     const patchedEvent = patchCustomEvent(customEvent, () => element);
-    if (isFunction(element[`on${event}`])) {
+    const hasPropertyHandler = isFunction(element[`on${event}`]);
+    if (hasPropertyHandler) {
         element[`on${event}`](patchedEvent);
     }
-    else {
+    const listeners = sandboxId
+        ? getSandboxById(sandboxId)?.elementEventCacheMap.get(element)
+        : undefined;
+    const cachedListeners = listeners?.filter((listener) => listener.type === event) ?? [];
+    if (cachedListeners.length) {
+        cachedListeners.forEach((listener) => {
+            if (typeof listener.callback === "function")
+                listener.callback.call(element, patchedEvent);
+            else
+                listener.callback.handleEvent(patchedEvent);
+        });
+    }
+    else if (!hasPropertyHandler) {
         element.dispatchEvent(patchedEvent);
     }
 }
@@ -235,7 +252,7 @@ export function deferStyleSheetByHref(opts) {
         const target = element;
         finalize();
         if (target)
-            manualInvokeElementEvent(target, "error");
+            manualInvokeElementEvent(target, "error", sandboxId);
     }, DEFER_STYLE_HREF_TIMEOUT);
 }
 function rewriteAppendOrInsertChild(opts) {
@@ -296,12 +313,12 @@ function rewriteAppendOrInsertChild(opts) {
                                 rawDOMAppendOrInsertBefore.call(this, stylesheetElement, refChild);
                                 // 处理样式补丁
                                 handleStylesheetElementPatch(stylesheetElement, latestContext.sandbox);
-                                manualInvokeElementEvent(linkElement, "load");
+                                manualInvokeElementEvent(linkElement, "load", sandboxId);
                             }
                             if (element === linkElement)
                                 element = null;
                         }, () => {
-                            manualInvokeElementEvent(linkElement, "error");
+                            manualInvokeElementEvent(linkElement, "error", sandboxId);
                             if (element === linkElement)
                                 element = null;
                         }));
@@ -346,7 +363,7 @@ function rewriteAppendOrInsertChild(opts) {
                             if (!latestContext)
                                 return warn(XPE_TIPS_REPEAT_RENDER);
                             const onload = () => {
-                                manualInvokeElementEvent(element, "load");
+                                manualInvokeElementEvent(element, "load", sandboxId);
                                 element = null;
                             };
                             insertScriptToIframe({ ...scriptResult, onload }, latestContext.iframeWindow, element);
@@ -373,7 +390,7 @@ function rewriteAppendOrInsertChild(opts) {
                                 if (!execQueueLength)
                                     sandbox.execQueue.shift()();
                             }, () => {
-                                manualInvokeElementEvent(element, "error");
+                                manualInvokeElementEvent(element, "error", sandboxId);
                                 element = null;
                             }));
                         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xpe",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "下一代微前端应用运行底座",
   "type": "module",
   "license": "MIT",