@splicetree/adapter-vue 2.0.0 → 3.0.1

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

@@ -462,6 +462,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 +485,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": "2.0.0",
+  "version": "3.0.1",
   "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": "2.0.0"
+    "@splicetree/core": "3.0.1"
   },
   "publishConfig": {
     "access": "public"