@lvce-editor/renderer-process 23.1.0 → 23.3.0

package/dist/rendererProcessMain.js

@@ -1091,12 +1091,20 @@ const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
           break;
         case NavigateChild:
           {
-            const $Child = $Current.childNodes[patch.index];
+            const $Children = $Current.childNodes;
+            const $Child = $Children[patch.index];
             if (!$Child) {
+              const nextPatch = patches[patchIndex + 1];
+              if (nextPatch && nextPatch.type === Replace && patch.index === $Children.length) {
+                const $Placeholder = document.createComment('virtual-dom-placeholder');
+                $Current.append($Placeholder);
+                $Current = $Placeholder;
+                break;
+              }
               console.error('Cannot navigate to child: child not found at index', {
                 $Current,
                 index: patch.index,
-                childCount: $Current.childNodes.length
+                childCount: $Children.length
               });
               return;
             }
@@ -3730,7 +3738,18 @@ const getEventClass = eventType => {
 };
 
 const mouseEvent = (element, eventType, options) => {
-  const event = new MouseEvent(eventType, options);
+  // Get the element's bounding rect and calculate center position
+  const rect = element.getBoundingClientRect();
+  const centerX = rect.left + rect.width / 2;
+  const centerY = rect.top + rect.height / 2;
+
+  // Ensure clientX and clientY are set if not provided
+  const eventOptions = {
+    ...options,
+    clientX: options?.clientX ?? centerX,
+    clientY: options?.clientY ?? centerY
+  };
+  const event = new MouseEvent(eventType, eventOptions);
   element.dispatchEvent(event);
 };
 const mouseDown = (element, options) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "23.1.0",
+  "version": "23.3.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"