@lvce-editor/renderer-process 30.53.0 → 30.53.1

package/dist/rendererProcessMain.js

@@ -9656,6 +9656,30 @@ const setDragData = (viewletId, dragData) => {
 const getDragData = () => {
   return getCurrent();
 };
+const preserveComponentDomFocus = $Viewlet => {
+  const $Active = document.activeElement;
+  const hadFocus = $Active instanceof HTMLElement && $Viewlet.contains($Active);
+  const hadRootFocus = $Active === $Viewlet;
+  const name = $Active?.getAttribute('name');
+  return $Replacement => {
+    if (!hadFocus || !($Active instanceof HTMLElement)) {
+      return;
+    }
+    let $Target;
+    if ($Replacement.contains($Active)) {
+      $Target = $Active;
+    } else if (hadRootFocus) {
+      $Target = $Replacement;
+    } else if (name) {
+      $Target = [...$Replacement.querySelectorAll('[name]')].find(element => element.getAttribute('name') === name);
+    } else if ($Active.getAttribute('role') === 'tree') {
+      $Target = $Replacement.querySelector('[role="tree"]');
+    }
+    $Target?.focus({
+      preventScroll: true
+    });
+  };
+};
 
 // Keep the actual patch baseline intact while a component DOM preview is displayed.
 const restoreComponentDom = viewletId => {
@@ -9664,6 +9688,7 @@ const restoreComponentDom = viewletId => {
   if (!$Original) {
     return;
   }
+  const restoreFocus = preserveComponentDomFocus(instance.state.$Viewlet);
   const references = instance.componentDomReferences || [];
   for (const {
     placeholder,
@@ -9687,6 +9712,7 @@ const restoreComponentDom = viewletId => {
       $Viewlet: $Original
     }
   });
+  restoreFocus($Original);
 };
 const setComponentDom = (viewletId, dom) => {
   const instance = get$a(viewletId);
@@ -9696,6 +9722,7 @@ const setComponentDom = (viewletId, dom) => {
   const {
     $Viewlet
   } = instance.state;
+  const restoreFocus = preserveComponentDomFocus($Viewlet);
   const $Original = instance.componentDomOriginal || $Viewlet;
   const references = [...(instance.componentDomReferences || [])];
   const newReferences = [];
@@ -9747,6 +9774,7 @@ const setComponentDom = (viewletId, dom) => {
       $Viewlet: $Preview
     }
   });
+  restoreFocus($Preview);
 };
 const getComponentDom = viewletId => get$a(viewletId)?.componentDom;
 const setDom = (viewletId, dom) => {

package/package.json

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