@lvce-editor/virtual-dom 6.1.0 → 6.2.0

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)) {
@@ -793,7 +761,7 @@ const applyPatch = ($Element, patches, eventMap = {}) => {
         $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.1.0",
+  "version": "6.2.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/virtual-dom.git"