@lvce-editor/virtual-dom 0.6.0 → 0.7.0

package/dist/index.d.ts

@@ -12,7 +12,7 @@ export const setComponentUid: ($Element: HTMLElement, uid: number) => void
 
 export const getComponentUid: ($Element: HTMLElement) => void
 
-export const getComponentFromEvent: (event: Event) => void
+export const getComponentUidFromEvent: (event: Event) => void
 
 export const rememberFocus: (
   $Viewlet: HTMLElement,

package/dist/index.js

@@ -438,9 +438,50 @@ var render2 = (elements, eventMap = {}) => {
   renderInternal2($Root, elements, eventMap);
   return $Root;
 };
+
+// src/parts/RememberFocus/RememberFocus.ts
+var queryInputs = ($Viewlet) => {
+  return [...$Viewlet.querySelectorAll("input, textarea")];
+};
+var rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
+  const oldLeft = $Viewlet.style.left;
+  const oldTop = $Viewlet.style.top;
+  const oldWidth = $Viewlet.style.width;
+  const oldHeight = $Viewlet.style.height;
+  const focused = document.activeElement.getAttribute("name");
+  const $$Inputs = queryInputs($Viewlet);
+  const inputMap = /* @__PURE__ */ Object.create(null);
+  for (const $Input of $$Inputs) {
+    inputMap[$Input.name] = $Input.value;
+  }
+  if (uid) {
+    const $New = render2(dom, eventMap).firstChild;
+    setComponentUid($New, uid);
+    $Viewlet.replaceWith($New);
+    $Viewlet = $New;
+  } else {
+    renderInto($Viewlet, dom, eventMap);
+  }
+  const $$NewInputs = queryInputs($Viewlet);
+  for (const $Input of $$NewInputs) {
+    $Input.value = inputMap[$Input.name] || $Input.value || "";
+  }
+  if (focused) {
+    const $Focused = $Viewlet.querySelector(`[name="${focused}"]`);
+    if ($Focused) {
+      $Focused.focus();
+    }
+  }
+  $Viewlet.style.top = oldTop;
+  $Viewlet.style.left = oldLeft;
+  $Viewlet.style.height = oldHeight;
+  $Viewlet.style.width = oldWidth;
+  return $Viewlet;
+};
 export {
   getComponentUid,
   getComponentUidFromEvent,
+  rememberFocus,
   render2 as render,
   renderInto,
   setComponentUid,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "main": "dist/index.js",
   "type": "module",
   "keywords": [],

package/src/parts/Main/Main.ts

@@ -1,7 +1,8 @@
 export {
-  setComponentUid,
   getComponentUid,
   getComponentUidFromEvent,
+  setComponentUid,
 } from '../ComponentUid/ComponentUid.ts'
 export { setIpc } from '../IpcState/IpcState.ts'
+export { rememberFocus } from '../RememberFocus/RememberFocus.ts'
 export { render, renderInto } from '../VirtualDom/VirtualDom.ts'