@lynx-js/web-mainthread-apis 0.18.4 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @lynx-js/web-mainthread-apis
 
+## 0.19.0
+
+### Patch Changes
+
+- fix: capture and bind event listener should be trigger correctly ([#1972](https://github.com/lynx-family/lynx-stack/pull/1972))
+
+- fix: the l-p-comp-uid of page should be '1' ([#1970](https://github.com/lynx-family/lynx-stack/pull/1970))
+
+- Updated dependencies []:
+  - @lynx-js/web-constants@0.19.0
+
 ## 0.18.4
 
 ### Patch Changes

package/dist/createMainThreadGlobalThis.js

@@ -27,12 +27,22 @@ export function createMainThreadGlobalThis(config) {
         ?.deref();
     let uniqueIdInc = lynxUniqueIdToElement.length || 1;
     const exposureChangedElements = new Set();
-    const commonHandler = (event) => {
+    const commonHandler = (event, capture) => {
         if (!event.currentTarget) {
             return;
         }
+        // The `capture false` event should not be triggered during the capture-phase
+        // The `capture true` event should not be triggered during the bubbling phase
+        if ((event.eventPhase === Event.CAPTURING_PHASE && capture === false)
+            || (event.eventPhase === Event.BUBBLING_PHASE && capture === true)) {
+            return;
+        }
         const currentTarget = event.currentTarget;
-        const isCapture = event.eventPhase === Event.CAPTURING_PHASE;
+        // When the event is triggered by the target element, `event.eventPhase` is always `target`, and the listener type is determined by the passed-in `capture`.
+        // When the event is triggered by a non-target element, the listener type is determined by `event.eventPhase` (1, 3).
+        const isCapture = event.eventPhase === Event.AT_TARGET
+            ? capture
+            : event.eventPhase === event.CAPTURING_PHASE;
         const lynxEventName = W3cEventNameToLynx[event.type] ?? event.type;
         const runtimeInfo = elementToRuntimeInfoMap.get(currentTarget);
         if (runtimeInfo) {
@@ -70,11 +80,23 @@ export function createMainThreadGlobalThis(config) {
         }
         return false;
     };
-    const commonCatchHandler = (event) => {
-        const handlerTriggered = commonHandler(event);
+    const captureHandler = (e) => {
+        commonHandler(e, true);
+    };
+    const defaultHandler = (e) => {
+        commonHandler(e, false);
+    };
+    const commonCatchHandler = (event, isCapture) => {
+        const handlerTriggered = commonHandler(event, isCapture);
         if (handlerTriggered)
             event.stopPropagation();
     };
+    const catchCaptureHandler = (e) => {
+        commonCatchHandler(e, true);
+    };
+    const defaultCatchHandler = (e) => {
+        commonCatchHandler(e, false);
+    };
     const __AddEvent = (element, eventType, eventName, newEventHandler) => {
         eventName = eventName.toLowerCase();
         const isCatch = eventType === 'catchEvent' || eventType === 'capture-catch';
@@ -88,8 +110,8 @@ export function createMainThreadGlobalThis(config) {
             ? runtimeInfo.eventHandlerMap[eventName]?.capture
             : runtimeInfo.eventHandlerMap[eventName]?.bind;
         const currentRegisteredHandler = isCatch
-            ? commonCatchHandler
-            : commonHandler;
+            ? (isCapture ? catchCaptureHandler : defaultCatchHandler)
+            : (isCapture ? captureHandler : defaultHandler);
         if (currentHandler) {
             if (!newEventHandler) {
                 /**
@@ -210,7 +232,7 @@ export function createMainThreadGlobalThis(config) {
         const page = __CreateElement('page', 0);
         page.setAttribute('part', 'page');
         page.setAttribute(cssIdAttribute, cssID + '');
-        page.setAttribute(parentComponentUniqueIdAttribute, '0');
+        page.setAttribute(parentComponentUniqueIdAttribute, '1');
         page.setAttribute(componentIdAttribute, componentID);
         __MarkTemplateElement(page);
         if (pageConfig.defaultDisplayLinear === false) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/web-mainthread-apis",
-  "version": "0.18.4",
+  "version": "0.19.0",
   "private": false,
   "description": "",
   "keywords": [],
@@ -28,7 +28,7 @@
   "dependencies": {
     "hyphenate-style-name": "^1.1.0",
     "wasm-feature-detect": "^1.8.0",
-    "@lynx-js/web-constants": "0.18.4"
+    "@lynx-js/web-constants": "0.19.0"
   },
   "devDependencies": {
     "binaryen": "^125.0.0",