@lvce-editor/virtual-dom 6.0.0 → 6.2.0

package/dist/index.d.ts

@@ -45,7 +45,7 @@ export interface TextPatch {
 	readonly value: string;
 }
 export type Patch = TextPatch | AttributePatch | ReplacePatch | RemoveAttributePatch | RemovePatch | AddPatch | NavigateChildPatch | NavigateParentPatch | RemoveChildPatch | NavigateSiblingPatch;
-export declare const applyPatch: ($Element: Node, patches: readonly Patch[]) => void;
+export declare const applyPatch: ($Element: Node, patches: readonly Patch[], eventMap?: Record<string, any>) => void;
 export declare const setComponentUid: ($Element: any, uid: any) => void;
 export declare const getComponentUid: ($Element: any) => number;
 export declare const getComponentUidFromEvent: (event: any) => number;

package/dist/index.js

@@ -695,38 +695,6 @@ const propertyToAttribute = {
 
 // Style properties that need to be set on element.style
 const styleProperties = new Set(['width', 'height', 'top', 'left', 'marginTop', 'paddingLeft', 'paddingRight']);
-
-// TODO merge this with the setProp function
-
-const setAttribute = ($Element, key, value) => {
-  // Handle width/height for images (set as attributes, not style)
-  if ((key === 'width' || key === 'height') && $Element instanceof HTMLImageElement) {
-    // @ts-ignore - dynamic property access
-    $Element[key] = value;
-    return;
-  }
-
-  // Handle style properties
-  if (styleProperties.has(key)) {
-    // @ts-ignore - dynamic style property access
-    $Element.style[key] = typeof value === 'number' ? `${value}px` : value;
-    return;
-  }
-
-  // Handle aria attributes - map camelCase to hyphenated form
-  if (key in propertyToAttribute) {
-    $Element.setAttribute(propertyToAttribute[key], value);
-    return;
-  }
-
-  // Use property assignment for known DOM properties, attribute for others
-  if (key in $Element) {
-    // @ts-ignore - dynamic property access
-    $Element[key] = value;
-  } else {
-    $Element.setAttribute(key, value);
-  }
-};
 const removeAttribute = ($Element, key) => {
   // Handle style properties
   if (styleProperties.has(key)) {
@@ -744,13 +712,13 @@ const removeChild = ($Element, index) => {
   const $Child = $Element.children[index];
   $Child.remove();
 };
-const add$1 = ($Element, nodes) => {
-  renderInternal($Element, nodes, {}, {});
+const add$1 = ($Element, nodes, eventMap = {}) => {
+  renderInternal($Element, nodes, eventMap, eventMap);
 };
-const replace = ($Element, nodes) => {
+const replace = ($Element, nodes, eventMap = {}) => {
   // Create a temporary container to render the new nodes
   const $Temp = document.createElement('div');
-  renderInternal($Temp, nodes, {}, {});
+  renderInternal($Temp, nodes, eventMap, eventMap);
   // Replace the current element with the new ones
   const $NewElement = $Temp.firstElementChild;
   $Element.replaceWith($NewElement);
@@ -767,12 +735,12 @@ const NavigateParent = 8;
 const RemoveChild = 9;
 const NavigateSibling = 10;
 
-const applyPatch = ($Element, patches) => {
+const applyPatch = ($Element, patches, eventMap = {}) => {
   let $Current = $Element;
   for (const patch of patches) {
     switch (patch.type) {
       case Add:
-        add$1($Current, patch.nodes);
+        add$1($Current, patch.nodes, eventMap);
         break;
       case NavigateChild:
         $Current = $Current.childNodes[patch.index];
@@ -790,10 +758,10 @@ const applyPatch = ($Element, patches) => {
         removeChild($Current, patch.index);
         break;
       case Replace:
-        $Current = replace($Current, patch.nodes);
+        $Current = replace($Current, patch.nodes, eventMap);
         break;
       case SetAttribute:
-        setAttribute($Current, patch.key, patch.value);
+        setProp($Current, patch.key, patch.value, eventMap);
         break;
       case SetText:
         setText($Current, patch.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "6.0.0",
+  "version": "6.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/virtual-dom.git"