@splicetree/adapter-vue 3.0.2 → 3.1.0

package/dist/index.js

@@ -425,7 +425,10 @@ function createSpliceTree(data, options = {}) {
 				parentCache,
 				childrenCache,
 				expandedKeys,
-				notify: emitVisibility
+				notify: () => {
+					applyNodeExtensions();
+					emitVisibility();
+				}
 			}, parentId, children);
 		},
 		moveNode(id, newParentId, beforeId) {
@@ -452,6 +455,19 @@ function createSpliceTree(data, options = {}) {
 				notify: emitVisibility
 			}, ids);
 		},
+		updateOriginal(id, patch) {
+			const node = map.get(id);
+			if (!node) return false;
+			if (Object.prototype.hasOwnProperty.call(patch, keyField)) return false;
+			if (Object.prototype.hasOwnProperty.call(patch, parentField)) {
+				const nextParent = patch[parentField];
+				if (nextParent !== node.getParent()?.id) tree.moveNode(id, nextParent);
+				delete patch[parentField];
+			}
+			Object.assign(node.original, patch);
+			emitVisibility();
+			return true;
+		},
 		syncData(next) {
 			tree.data = next;
 			const built = buildTree(next, keyField, parentField, expandedKeys);
@@ -495,12 +511,56 @@ function createSpliceTree(data, options = {}) {
 				else if (expand) tree.expand(node.id);
 				else tree.collapse(node.id);
 			};
+			node.updateOriginal = (patch) => {
+				tree.updateOriginal(node.id, patch);
+			};
 		}
 	}
 	applyNodeExtensions();
 	return tree;
 }
 
+//#endregion
+//#region src/utils.ts
+function isStructuralChange(prev, next, keyField, parentField) {
+	const prevMap = /* @__PURE__ */ new Map();
+	for (const it of prev ?? []) {
+		const id = String(Reflect.get(it, keyField));
+		prevMap.set(id, it);
+	}
+	let structural = false;
+	const nextMap = /* @__PURE__ */ new Map();
+	for (const it of next ?? []) {
+		const id = String(Reflect.get(it, keyField));
+		nextMap.set(id, it);
+		const old = prevMap.get(id);
+		if (!old) {
+			structural = true;
+			continue;
+		}
+		if (Reflect.get(it, parentField) !== Reflect.get(old, parentField)) structural = true;
+	}
+	for (const id of prevMap.keys()) if (!nextMap.has(id)) {
+		structural = true;
+		break;
+	}
+	return structural;
+}
+function applyFieldPatches(api, next, keyField, parentField) {
+	for (const it of next ?? []) {
+		const id = String(Reflect.get(it, keyField));
+		const node = api.getNode(id);
+		if (!node) continue;
+		const patch = {};
+		for (const k of Object.keys(it)) {
+			if (k === keyField || k === parentField) continue;
+			const nv = it[k];
+			if (nv !== node.original?.[k]) patch[k] = nv;
+		}
+		if (Object.keys(patch).length) api.updateOriginal(id, patch);
+	}
+}
+
 //#endregion
 //#region src/index.ts
 /**
@@ -539,13 +599,14 @@ function useSpliceTree(data, options = {}) {
 		applyExpandedKeys(options?.expandedKeys ? toValue(options.expandedKeys) : void 0);
 	};
 	createTree();
-	watch(() => toValue(data), () => {
-		api.value.syncData(toValue(data));
+	watch(() => toValue(data), (next) => {
+		const cfg = options?.configuration ?? {};
+		const keyField = cfg.keyField ?? "id";
+		const parentField = cfg.parentField ?? "parent";
+		if (isStructuralChange(api.value?.data ?? [], next, keyField, parentField)) api.value.syncData(next);
+		else applyFieldPatches(api.value, next, keyField, parentField);
 		applyExpandedKeys(options?.expandedKeys ? toValue(options.expandedKeys) : void 0);
-	}, {
-		deep: true,
-		immediate: false
-	});
+	}, { immediate: false });
 	watch(() => options?.expandedKeys ? toValue(options.expandedKeys) : void 0, (val) => {
 		applyExpandedKeys(val);
 	}, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@splicetree/adapter-vue",
   "type": "module",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "author": {
     "email": "michael.cocova@gmail.com",
     "name": "Michael Cocova"
@@ -30,7 +30,7 @@
     "unplugin-vue": "^7.1.0",
     "vue": "^3.0.0",
     "vue-tsc": "^3.1.5",
-    "@splicetree/core": "3.0.2"
+    "@splicetree/core": "3.1.0"
   },
   "publishConfig": {
     "access": "public"