pudui 0.0.2 → 0.0.4

package/dist/index.mjs

@@ -753,7 +753,9 @@ function patchRenderNode(node, nextChild, context) {
 }
 function patchArrayRenderNode(node, nextChildren, context) {
 	const normalizedChildren = normalizeChildren(nextChildren);
+	if (patchRemovedKeyedArrayRenderNode(node, normalizedChildren, context)) return node;
 	if (shouldPatchKeyedArray(node.c, normalizedChildren)) return patchKeyedArrayRenderNode(node, reuseKeyedArrayChildren(node, normalizedChildren), context);
+	if (patchSameLengthKeyedArrayRenderNode(node, normalizedChildren, context)) return node;
 	const sharedLength = Math.min(node.c.length, normalizedChildren.length);
 	for (let index = 0; index < sharedLength; index++) node.c[index] = patchRenderNode(node.c[index], normalizedChildren[index], context);
 	const parent = node.e.parentNode;
@@ -806,13 +808,17 @@ function canReuseKeyedChild(previousChild, nextChild) {
 function shallowEqualProps(previousProps, nextProps) {
 	if (previousProps === nextProps) return true;
 	if (previousProps === void 0) return false;
-	const previousKeys = Object.keys(previousProps);
-	const nextKeys = Object.keys(nextProps);
-	if (previousKeys.length !== nextKeys.length) return false;
 	const previousRecord = previousProps;
 	const nextRecord = nextProps;
-	for (const key of previousKeys) if (previousRecord[key] !== nextRecord[key] || !Object.hasOwn(nextProps, key)) return false;
-	return true;
+	let previousKeyCount = 0;
+	for (const key in previousRecord) {
+		if (!Object.hasOwn(previousRecord, key)) continue;
+		previousKeyCount++;
+		if (previousRecord[key] !== nextRecord[key] || !Object.hasOwn(nextProps, key)) return false;
+	}
+	let nextKeyCount = 0;
+	for (const key in nextRecord) if (Object.hasOwn(nextRecord, key)) nextKeyCount++;
+	return previousKeyCount === nextKeyCount;
 }
 function patchKeyedArrayRenderNode(node, normalizedChildren, context) {
 	if (patchSameLengthKeyedArrayRenderNode(node, normalizedChildren, context)) return node;
@@ -892,6 +898,37 @@ function patchSameLengthKeyedArrayRenderNode(node, normalizedChildren, context)
 	node.c = nextNodes;
 	return true;
 }
+function patchRemovedKeyedArrayRenderNode(node, normalizedChildren, context) {
+	const oldLength = node.c.length;
+	const nextLength = normalizedChildren.length;
+	if (oldLength <= nextLength) return false;
+	const nextNodes = [];
+	const removedNodes = [];
+	let nextIndex = 0;
+	for (let oldIndex = 0; oldIndex < oldLength; oldIndex++) {
+		const oldNode = node.c[oldIndex];
+		const oldKey = readRenderNodeKey(oldNode);
+		if (oldKey === void 0) return false;
+		const nextChild = normalizedChildren[nextIndex];
+		if (nextChild !== void 0) {
+			const nextKey = readChildKey(nextChild);
+			if (nextKey === void 0) return false;
+			if (oldKey === nextKey) {
+				nextNodes.push(patchStableKeyedRenderNode(oldNode, nextChild, context));
+				nextIndex++;
+				continue;
+			}
+		}
+		removedNodes.push(oldNode);
+	}
+	if (nextIndex !== nextLength) return false;
+	for (const removedNode of removedNodes) {
+		cleanupRenderNode(removedNode);
+		removeRenderNode(removedNode);
+	}
+	node.c = nextNodes;
+	return true;
+}
 function patchStableKeyedRenderNode(node, nextChild, context) {
 	if (canSkipStableKeyedRenderNodePatch(node, nextChild, context)) return node;
 	return patchRenderNode(node, nextChild, context);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pudui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "A tiny JSX UI runtime built from the ground up.",
   "license": "MIT",
   "files": [