[Optimize][Event] Add the nodeIndex parameter to events in the mini-program.

description: During the adaptation process of mini-programs, the framework side needs to use nodeIndex to find the actual event callback function. Therefore, the engine side needs to add nodeIndex to the event parameters.

issue: m-6577415519

Author: rAY-ooo

core/renderer/dom/element.cc

@@ -2346,6 +2346,7 @@ lepus::Value Element::GetEventTargetInfo(bool is_core_event) {
     BASE_STATIC_STRING_DECL(kId, "id");
     BASE_STATIC_STRING_DECL(kDataset, "dataset");
     BASE_STATIC_STRING_DECL(kUid, "uid");
+    BASE_STATIC_STRING_DECL(kNodeIndex, "nodeIndex");
 
     dict.get()->SetValue(kId, data_model_->idSelector());
     auto dataset = lepus::Dictionary::Create();
@@ -2354,6 +2355,7 @@ lepus::Value Element::GetEventTargetInfo(bool is_core_event) {
     }
     dict.get()->SetValue(kDataset, std::move(dataset));
     dict.get()->SetValue(kUid, id_);
+    dict.get()->SetValue(kNodeIndex, node_index_);
   }
 
   // element ref needed in fiber element worklet

core/renderer/events/touch_event_handler.cc

@@ -1047,6 +1047,7 @@ lepus::Value TouchEventHandler::GetTargetInfo(int32_t impl_id,
     BASE_STATIC_STRING_DECL(kId, "id");
     BASE_STATIC_STRING_DECL(kDataset, "dataset");
     BASE_STATIC_STRING_DECL(kUid, "uid");
+    BASE_STATIC_STRING_DECL(kNodeIndex, "nodeIndex");
 
     dict.get()->SetValue(kId, holder->idSelector());
     auto data_set = lepus::Dictionary::Create();
@@ -1055,6 +1056,7 @@ lepus::Value TouchEventHandler::GetTargetInfo(int32_t impl_id,
     }
     dict.get()->SetValue(kDataset, std::move(data_set));
     dict.get()->SetValue(kUid, impl_id);
+    dict.get()->SetValue(kNodeIndex, element->NodeIndex());
   }
 
   // element ref needed in fiber element worklet

core/renderer/events/touch_event_handler_unittest.cc

@@ -114,8 +114,10 @@ TEST_F(TouchEventHandlerTest, TestHandleTriggerComponentEvent2) {
   touch_event_handler_->HandleTriggerComponentEvent(tasm_.get(), "xxxx", obj);
   EXPECT_EQ(delegate_->DumpDelegate(),
             "SendPageEvent  onXXXX "
-            "{\"currentTarget\":{\"dataset\":{},\"id\":\"\"},\"detail\":null,"
-            "\"target\":{\"dataset\":{},\"id\":\"\"},\"type\":\"xxxx\"}\n");
+            "{\"currentTarget\":{\"dataset\":{},\"id\":\"\",\"nodeIndex\":1},"
+            "\"detail\":null,"
+            "\"target\":{\"dataset\":{},\"id\":\"\",\"nodeIndex\":1},\"type\":"
+            "\"xxxx\"}\n");
 }
 
 TEST_F(TouchEventHandlerTest, TestHandleTriggerComponentEvent3) {

core/runtime/lepus/bindings/renderer_functions.cc

@@ -2705,6 +2705,14 @@ RENDERER_FUNCTION_CC(FiberCreateComponent) {
     component_element->SetConfig(arg6->ToLepusValue());
   }
 
+  if (argc >= 8) {
+    CONVERT_ARG(arg7, 7);
+    const auto& nid = arg7->GetProperty(BASE_STATIC_STRING(kNodeIndex));
+    if (nid.IsNumber()) {
+      component_element->SetNodeIndex(nid.Number());
+    }
+  }
+
   ON_NODE_CREATE(component_element);
   RETURN(lepus::Value(std::move(component_element)));
 }

js_libraries/type-element-api/CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## 0.0.8
+
+### Patch Changes
+
+- Add ElementInfo for `__CreateComponent` API.
+
 ## 0.0.7
 
 ### Patch Changes

js_libraries/type-element-api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/type-element-api",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Type definitions for all Element PAPI provided by the Lynx team, used to improve Element PAPI support in your framework.",
   "keywords": ["element-api" , "types"],
   "repository": {

js_libraries/type-element-api/types/element-api.d.ts

@@ -148,7 +148,8 @@ declare global {
     entryName: string,
     name: string,
     path: string,
-    config?: Record<string, unknown>
+    config?: Record<string, unknown>,
+    info?: ElementInfo,
   ): ComponentElementRef;
 
   function __CreateView(parentComponentUniId: number, info?: ElementInfo): ViewElementRef;