@splicetree/adapter-vue 3.0.1 → 3.1.0

package/dist/index.js

@@ -318,6 +318,36 @@ function moveNode(ctx, id, newParentId, beforeId) {
 	setLevelRecursively(node, ctx.childrenCache, node.level);
 	ctx.notify();
 }
+function removeNodes(ctx, ids) {
+	const list = Array.isArray(ids) ? ids : [ids];
+	const toRemove = /* @__PURE__ */ new Set();
+	const collect = (id) => {
+		if (toRemove.has(id)) return;
+		toRemove.add(id);
+		const children = ctx.childrenCache.get(id) ?? [];
+		for (const c of children) collect(c.id);
+	};
+	for (const id of list) if (ctx.map.has(id)) collect(id);
+	for (const id of toRemove) {
+		const parent = ctx.parentCache.get(id);
+		if (parent) {
+			const arr = ctx.childrenCache.get(parent.id) ?? [];
+			const idx = arr.findIndex((n) => n.id === id);
+			if (idx >= 0) arr.splice(idx, 1);
+		} else {
+			const idx = ctx.roots.findIndex((n) => n.id === id);
+			if (idx >= 0) ctx.roots.splice(idx, 1);
+		}
+	}
+	for (const id of toRemove) {
+		ctx.childrenCache.delete(id);
+		ctx.parentCache.delete(id);
+		ctx.map.delete(id);
+		ctx.expandedKeys.delete(id);
+	}
+	for (const r of ctx.roots) setLevelRecursively(r, ctx.childrenCache, 0);
+	ctx.notify();
+}
 /**
 * 创建 SpliceTree 树实例
 * - 构建缓存结构
@@ -325,6 +355,7 @@ function moveNode(ctx, id, newParentId, beforeId) {
 * - 提供插件扩展点（setup/extendNode）
 */
 function createSpliceTree(data, options = {}) {
+	let pluginCtx;
 	const cfg = options.configuration ?? {};
 	const keyField = cfg.keyField ?? "id";
 	const parentField = cfg.parentField ?? "parent";
@@ -394,7 +425,10 @@ function createSpliceTree(data, options = {}) {
 				parentCache,
 				childrenCache,
 				expandedKeys,
-				notify: emitVisibility
+				notify: () => {
+					applyNodeExtensions();
+					emitVisibility();
+				}
 			}, parentId, children);
 		},
 		moveNode(id, newParentId, beforeId) {
@@ -409,6 +443,31 @@ function createSpliceTree(data, options = {}) {
 				notify: emitVisibility
 			}, id, newParentId, beforeId);
 		},
+		remove(ids) {
+			removeNodes({
+				map,
+				tree,
+				roots,
+				keyField,
+				parentCache,
+				childrenCache,
+				expandedKeys,
+				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);
@@ -423,13 +482,21 @@ function createSpliceTree(data, options = {}) {
 			});
 			for (const id of toDelete) expandedKeys.delete(id);
 			applyNodeExtensions();
+			pluginCtx.roots = roots;
+			pluginCtx.map = map;
+			pluginCtx.parentCache = parentCache;
+			pluginCtx.childrenCache = childrenCache;
 			emitVisibility();
 		}
 	};
-	const pluginCtx = {
+	pluginCtx = {
 		tree,
 		options,
-		events
+		events,
+		roots,
+		map,
+		parentCache,
+		childrenCache
 	};
 	options?.plugins?.forEach((plugin) => {
 		const api = plugin.setup?.(pluginCtx);
@@ -444,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
 /**
@@ -488,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.1",
+  "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.1"
+    "@splicetree/core": "3.1.0"
   },
   "publishConfig": {
     "access": "public"