@lvce-editor/virtual-dom 6.1.0 → 6.3.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[], eventMap?: Record<string, any>) => void;
+export declare const applyPatch: ($Element: Node, patches: readonly Patch[], eventMap?: Record<string, any>, id?: 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)) {
@@ -767,41 +735,6 @@ const NavigateParent = 8;
 const RemoveChild = 9;
 const NavigateSibling = 10;
 
-const applyPatch = ($Element, patches, eventMap = {}) => {
-  let $Current = $Element;
-  for (const patch of patches) {
-    switch (patch.type) {
-      case Add:
-        add$1($Current, patch.nodes, eventMap);
-        break;
-      case NavigateChild:
-        $Current = $Current.childNodes[patch.index];
-        break;
-      case NavigateParent:
-        $Current = $Current.parentNode;
-        break;
-      case NavigateSibling:
-        $Current = $Current.parentNode.childNodes[patch.index];
-        break;
-      case RemoveAttribute:
-        removeAttribute($Current, patch.key);
-        break;
-      case RemoveChild:
-        removeChild($Current, patch.index);
-        break;
-      case Replace:
-        $Current = replace($Current, patch.nodes, eventMap);
-        break;
-      case SetAttribute:
-        setAttribute($Current, patch.key, patch.value);
-        break;
-      case SetText:
-        setText($Current, patch.value);
-        break;
-    }
-  }
-};
-
 const dragInfos = Object.create(null);
 const setDragInfo = (id, data) => {
   dragInfos[id] = data;
@@ -816,32 +749,6 @@ const isDragInfoOld = data => {
   return Array.isArray(data);
 };
 
-let id = 0;
-const create = () => {
-  return ++id;
-};
-
-const state = Object.create(null);
-const acquire = id => {
-  const promise = state[id];
-  delete state[id];
-  return promise;
-};
-const getFileHandles = async ids => {
-  const promises = ids.map(acquire);
-  const handles = await Promise.all(promises);
-  return handles;
-};
-const add = promise => {
-  const id = create();
-  state[id] = promise;
-  return id;
-};
-const addFileHandle = fileHandle => {
-  const promise = Promise.resolve(fileHandle);
-  return add(promise);
-};
-
 const setDragImage = (dataTransfer, label) => {
   const dragImage = document.createElement('div');
   dragImage.className = 'DragImage';
@@ -894,6 +801,32 @@ const enabled = () => {
   return ignore;
 };
 
+let id = 0;
+const create = () => {
+  return ++id;
+};
+
+const state = Object.create(null);
+const acquire = id => {
+  const promise = state[id];
+  delete state[id];
+  return promise;
+};
+const getFileHandles = async ids => {
+  const promises = ids.map(acquire);
+  const handles = await Promise.all(promises);
+  return handles;
+};
+const add = promise => {
+  const id = create();
+  state[id] = promise;
+  return id;
+};
+const addFileHandle = fileHandle => {
+  const promise = Promise.resolve(fileHandle);
+  return add(promise);
+};
+
 const unwrapItemString = async item => {
   const {
     resolve,
@@ -1088,6 +1021,42 @@ const getEventListenerMap = id => {
   return map;
 };
 
+const applyPatch = ($Element, patches, eventMap = {}, id = 0) => {
+  const events = getEventListenerMap(id) || eventMap;
+  let $Current = $Element;
+  for (const patch of patches) {
+    switch (patch.type) {
+      case Add:
+        add$1($Current, patch.nodes, events);
+        break;
+      case NavigateChild:
+        $Current = $Current.childNodes[patch.index];
+        break;
+      case NavigateParent:
+        $Current = $Current.parentNode;
+        break;
+      case NavigateSibling:
+        $Current = $Current.parentNode.childNodes[patch.index];
+        break;
+      case RemoveAttribute:
+        removeAttribute($Current, patch.key);
+        break;
+      case RemoveChild:
+        removeChild($Current, patch.index);
+        break;
+      case Replace:
+        $Current = replace($Current, patch.nodes, events);
+        break;
+      case SetAttribute:
+        setProp($Current, patch.key, patch.value, events);
+        break;
+      case SetText:
+        setText($Current, patch.value);
+        break;
+    }
+  }
+};
+
 const getActiveElementInside = $Viewlet => {
   if (!$Viewlet) {
     return undefined;

package/package.json

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