ks-fwork 2.0.0 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ks-fwork",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Demo Frontend Framework",
   "license": "ISC",
   "author": "",

package/src/patch-dom.js

@@ -11,7 +11,7 @@ import { addEventListener } from "./events.js";
 export function patchDOM(oldVNode, newVNode, parentEl) {
     if (!areNodesEqual(oldVNode, newVNode)) {
         const index = findIndexInParent(parentEl, oldVNode.el);
-        destroyDOM();
+        destroyDOM(oldVNode);
         mountDOM(newVNode, parentEl, index);
 
         return newVNode;
@@ -61,14 +61,14 @@ function patchElement(oldVNode, newVNode) {
         style: oldStyle,
         on: oldEvents,
         ...oldAttrs
-    } = oldVNode.props
+    } = oldVNode.props;
 
     const {
         class: newClass,
         style: newStyle,
         on: newEvents,
         ...newAttrs
-    } = newVNode.props
+    } = newVNode.props;
 
     const { listeners: oldListeners } = oldVNode;
 
@@ -148,7 +148,7 @@ function patchChildren(oldVNode, newVNode) {
     const diffSeq = arraysDiffSequence(oldChildren, newChildren, areNodesEqual);
 
     for (const operation of diffSeq) {
-        const { from, index, item } = operation;
+        const { originalIndex, from, index, item } = operation;
 
         switch (operation.op) {
             case ARRAY_DIFF_OP.ADD: {
@@ -166,12 +166,13 @@ function patchChildren(oldVNode, newVNode) {
                 const elAtTargetIndex = parentEl.childNodes[index];
 
                 parentEl.insertBefore(el, elAtTargetIndex);
-                patchDOM(oldChildren[from], newChildren[index], parentEl)
+                patchDOM(oldChildren[from], newChildren[index], parentEl);
                 break;
             }
 
             case ARRAY_DIFF_OP.NOOP: {
-                patchDOM(oldChildren[from], newChildren[index], parentEl)
+                patchDOM(oldChildren[originalIndex], newChildren[index], parentEl)
+                break;
             }
         }
     }