@lvce-editor/virtual-dom 1.10.0 → 1.12.0

package/dist/index.js

@@ -386,7 +386,6 @@ var setProp = ($Element, key, value, eventMap, newEventMap) => {
     case "onDblClick":
     case "onFocus":
     case "onFocusIn":
-    case "onFocusIn":
     case "onFocusOut":
     case "onInput":
     case "onKeyDown":
@@ -532,18 +531,51 @@ var applyPatch = ($Element, patches) => {
   }
 };
 
-// src/parts/RegisterEventListeners/RegisterEventListeners.ts
-var listeners = /* @__PURE__ */ Object.create(null);
-var getArgs = (params, event) => {
-  return [...params];
+// src/parts/GetEventListenerArg/GetEventListenerArg.ts
+var getEventListenerArg = (param, event) => {
+  switch (param) {
+    case "event.clientX":
+      return event.clientX;
+    case "event.clientY":
+      return event.clientY;
+    case "event.button":
+      return event.button;
+    case "event.target.value":
+      return event.target.value;
+    case "event.data":
+      return event.data;
+    case "event.deltaMode":
+      return event.deltaMode;
+    case "event.deltaX":
+      return event.deltaX;
+    case "event.deltaY":
+      return event.deltaY;
+    case "event.detail":
+      return event.detail;
+    case "event.target.name":
+      return event.target.name;
+    default:
+      return param;
+  }
+};
+
+// src/parts/GetEventListenerArgs/GetEventListenerArgs.ts
+var getEventListenerArgs = (params, event) => {
+  const serialized = [];
+  for (const param of params) {
+    serialized.push(getEventListenerArg(param, event));
+  }
+  return serialized;
 };
+
+// src/parts/CreateEventListenerFunction/CreateEventListenerFunction.ts
 var createFn = (info) => {
   const fn = (event) => {
     if (info.preventDefault) {
       event.preventDefault(event);
     }
     const uid = getComponentUidFromEvent(event);
-    const args = getArgs(info.params, event);
+    const args = getEventListenerArgs(info.params, event);
     if (args.length === 0) {
       return;
     }
@@ -553,6 +585,9 @@ var createFn = (info) => {
   nameAnonymousFunction(fn, info.name);
   return fn;
 };
+
+// src/parts/RegisterEventListeners/RegisterEventListeners.ts
+var listeners = /* @__PURE__ */ Object.create(null);
 var registerEventListeners = (id, eventListeners) => {
   const map = /* @__PURE__ */ Object.create(null);
   for (const info of eventListeners) {
@@ -591,7 +626,7 @@ var rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
   const oldTop = $Viewlet.style.top;
   const oldWidth = $Viewlet.style.width;
   const oldHeight = $Viewlet.style.height;
-  const activeElement = document.activeElement;
+  const { activeElement } = document;
   const isTreeFocused = activeElement?.getAttribute("role") === "tree";
   const isRootTree = $Viewlet.getAttribute("role") === "tree" && activeElement === $Viewlet;
   const focused = activeElement?.getAttribute("name");

package/package.json

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

package/src/parts/ApplyPatch/ApplyPatch.ts

@@ -1,4 +1,4 @@
-import { Patch } from '../Patch/Patch.ts'
+import type { Patch } from '../Patch/Patch.ts'
 import * as PatchFunctions from '../PatchFunctions/PatchFunctions.ts'
 import * as PatchType from '../PatchType/PatchType.ts'
 

package/src/parts/CreateEventListenerFunction/CreateEventListenerFunction.ts

@@ -0,0 +1,21 @@
+import * as ComponentUid from '../ComponentUid/ComponentUid.ts'
+import * as GetEventListenerArgs from '../GetEventListenerArgs/GetEventListenerArgs.ts'
+import * as IpcState from '../IpcState/IpcState.ts'
+import * as NameAnonymousFunction from '../NameAnonymousFunction/NameAnonymousFunction.ts'
+
+export const createFn = (info) => {
+  const fn = (event) => {
+    if (info.preventDefault) {
+      event.preventDefault(event)
+    }
+    const uid = ComponentUid.getComponentUidFromEvent(event)
+    const args = GetEventListenerArgs.getEventListenerArgs(info.params, event)
+    if (args.length === 0) {
+      return
+    }
+    const ipc = IpcState.getIpc()
+    ipc.send('Viewlet.executeViewletCommand', uid, ...args)
+  }
+  NameAnonymousFunction.nameAnonymousFunction(fn, info.name)
+  return fn
+}

package/src/parts/GetEventListenerArg/GetEventListenerArg.ts

@@ -0,0 +1,26 @@
+export const getEventListenerArg = (param: string, event: any): any => {
+  switch (param) {
+    case 'event.clientX':
+      return event.clientX
+    case 'event.clientY':
+      return event.clientY
+    case 'event.button':
+      return event.button
+    case 'event.target.value':
+      return event.target.value
+    case 'event.data':
+      return event.data
+    case 'event.deltaMode':
+      return event.deltaMode
+    case 'event.deltaX':
+      return event.deltaX
+    case 'event.deltaY':
+      return event.deltaY
+    case 'event.detail':
+      return event.detail
+    case 'event.target.name':
+      return event.target.name
+    default:
+      return param
+  }
+}

package/src/parts/GetEventListenerArgs/GetEventListenerArgs.ts

@@ -0,0 +1,12 @@
+import * as GetEventListenerArg from '../GetEventListenerArg/GetEventListenerArg.ts'
+
+export const getEventListenerArgs = (
+  params: readonly string[],
+  event: any,
+): readonly any[] => {
+  const serialized: any[] = []
+  for (const param of params) {
+    serialized.push(GetEventListenerArg.getEventListenerArg(param, event))
+  }
+  return serialized
+}

package/src/parts/PatchFunctions/PatchFunctions.ts

@@ -1,5 +1,5 @@
+import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 import * as RenderInternal from '../RenderInternal/RenderInternal.ts'
-import { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 
 export const setAttribute = (
   $Element: HTMLElement,

package/src/parts/RegisterEventListeners/RegisterEventListeners.ts

@@ -1,34 +1,11 @@
-import * as ComponentUid from '../ComponentUid/ComponentUid.ts'
-import * as IpcState from '../IpcState/IpcState.ts'
-import * as NameAnonymousFunction from '../NameAnonymousFunction/NameAnonymousFunction.ts'
+import * as CreateEventListenerFunction from '../CreateEventListenerFunction/CreateEventListenerFunction.ts'
 
 const listeners = Object.create(null)
 
-const getArgs = (params, event) => {
-  return [...params]
-}
-
-const createFn = (info) => {
-  const fn = (event) => {
-    if (info.preventDefault) {
-      event.preventDefault(event)
-    }
-    const uid = ComponentUid.getComponentUidFromEvent(event)
-    const args = getArgs(info.params, event)
-    if (args.length === 0) {
-      return
-    }
-    const ipc = IpcState.getIpc()
-    ipc.send('Viewlet.executeViewletCommand', uid, ...args)
-  }
-  NameAnonymousFunction.nameAnonymousFunction(fn, info.name)
-  return fn
-}
-
 export const registerEventListeners = (id, eventListeners) => {
   const map = Object.create(null)
   for (const info of eventListeners) {
-    const fn = createFn(info)
+    const fn = CreateEventListenerFunction.createFn(info)
     map[info.name] = fn
   }
   listeners[id] = map

package/src/parts/RememberFocus/RememberFocus.ts

@@ -17,7 +17,7 @@ export const rememberFocus = (
   const oldWidth = $Viewlet.style.width
   const oldHeight = $Viewlet.style.height
 
-  const activeElement = document.activeElement
+  const {activeElement} = document
   const isTreeFocused = activeElement?.getAttribute('role') === 'tree'
   const isRootTree =
     $Viewlet.getAttribute('role') === 'tree' && activeElement === $Viewlet

package/src/parts/VirtualDomElementProp/VirtualDomElementProp.ts

@@ -61,7 +61,6 @@ export const setProp = (
     case 'onDblClick':
     case 'onFocus':
     case 'onFocusIn':
-    case 'onFocusIn':
     case 'onFocusOut':
     case 'onInput':
     case 'onKeyDown':