@splicetree/adapter-vue 3.0.0 → 3.0.2

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Ref, ShallowRef, WritableComputedRef } from "vue";
+import { ComputedRef, Ref, ShallowRef, WritableComputedRef } from "vue";
 import { SpliceTreeData, SpliceTreeData as SpliceTreeData$1, SpliceTreeInstance, SpliceTreeInstance as SpliceTreeInstance$1, SpliceTreeNode, SpliceTreeNode as SpliceTreeNode$1, UseSpliceTreeOptions, UseSpliceTreeOptions as UseSpliceTreeOptions$1 } from "@splicetree/core";
 
 //#region src/index.d.ts
@@ -8,12 +8,15 @@ interface UseSpliceTreeReturn<T extends SpliceTreeData$1 = SpliceTreeData$1> ext
   /** 原始 Set 引用（当启用 selectable 插件时存在） */
   selectedKeysSet?: Set<string>;
 }
+type UseSpliceTreeVueOptions<T extends SpliceTreeData$1 = SpliceTreeData$1> = UseSpliceTreeOptions$1<T> & {
+  expandedKeys?: ComputedRef<string | string[]> | Ref<string | string[]> | WritableComputedRef<string | string[]>;
+};
 /**
  * Vue 3 适配器
  * - 以 shallowRef 暴露 items，使其在核心派发 visibility 事件时刷新
  * - 保留核心 API 的完整返回（展开/收起/移动等方法）
  * - 适用于任意自定义渲染逻辑与组件绑定
  */
-declare function useSpliceTree<T extends SpliceTreeData$1 = SpliceTreeData$1>(data: Ref<T[]> | T[] | WritableComputedRef<T[]>, options?: UseSpliceTreeOptions$1<T>): UseSpliceTreeReturn<T>;
+declare function useSpliceTree<T extends SpliceTreeData$1 = SpliceTreeData$1>(data: T[] | Ref<T[]> | ComputedRef<T[]> | WritableComputedRef<T[]>, options?: UseSpliceTreeVueOptions<T>): UseSpliceTreeReturn<T>;
 //#endregion
-export { type SpliceTreeData, type SpliceTreeInstance, type SpliceTreeNode, type UseSpliceTreeOptions, UseSpliceTreeReturn, useSpliceTree };
+export { type SpliceTreeData, type SpliceTreeInstance, type SpliceTreeNode, type UseSpliceTreeOptions, UseSpliceTreeReturn, UseSpliceTreeVueOptions, useSpliceTree };

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";
@@ -409,6 +440,18 @@ function createSpliceTree(data, options = {}) {
 				notify: emitVisibility
 			}, id, newParentId, beforeId);
 		},
+		remove(ids) {
+			removeNodes({
+				map,
+				tree,
+				roots,
+				keyField,
+				parentCache,
+				childrenCache,
+				expandedKeys,
+				notify: emitVisibility
+			}, ids);
+		},
 		syncData(next) {
 			tree.data = next;
 			const built = buildTree(next, keyField, parentField, expandedKeys);
@@ -423,13 +466,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);
@@ -462,6 +513,21 @@ function useSpliceTree(data, options = {}) {
 	const api = shallowRef();
 	const items = shallowRef(api.value?.items?.() ?? []);
 	const selectedKeys = shallowRef([]);
+	const applyExpandedKeys = (value) => {
+		if (!api.value || value === void 0) return;
+		const list = Array.isArray(value) ? value : [value];
+		const toExpand = /* @__PURE__ */ new Set();
+		for (const id of list) {
+			const node = api.value.getNode(id);
+			if (!node) continue;
+			let cur = node;
+			while (cur) {
+				toExpand.add(cur.id);
+				cur = cur.getParent();
+			}
+		}
+		if (toExpand.size) api.value.expand(Array.from(toExpand));
+	};
 	const createTree = () => {
 		api.value = createSpliceTree(toValue(data), options);
 		api.value.events.on("visibility", () => {
@@ -470,14 +536,22 @@ function useSpliceTree(data, options = {}) {
 		});
 		items.value = api.value.items();
 		if (api.value?.selectedKeys instanceof Set) selectedKeys.value = Array.from(api.value.selectedKeys);
+		applyExpandedKeys(options?.expandedKeys ? toValue(options.expandedKeys) : void 0);
 	};
 	createTree();
 	watch(() => toValue(data), () => {
 		api.value.syncData(toValue(data));
+		applyExpandedKeys(options?.expandedKeys ? toValue(options.expandedKeys) : void 0);
 	}, {
 		deep: true,
 		immediate: false
 	});
+	watch(() => options?.expandedKeys ? toValue(options.expandedKeys) : void 0, (val) => {
+		applyExpandedKeys(val);
+	}, {
+		deep: true,
+		immediate: true
+	});
 	return {
 		...api.value,
 		items,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@splicetree/adapter-vue",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "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.0"
+    "@splicetree/core": "3.0.2"
   },
   "publishConfig": {
     "access": "public"