feat(tree):树形控件选中节点添加选中类名 (#1881)

wwt444 · web-flow · commit 94f99c38bfac · 2024-06-16T23:20:40.000+08:00
diff --git a/packages/devui-vue/devui/tree/src/composables/use-tree-node.ts b/packages/devui-vue/devui/tree/src/composables/use-tree-node.ts
@@ -20,7 +20,7 @@ export interface IUseTreeNode {
 }
 
 export function useTreeNode(data: ComputedRef<IInnerTreeNode>): IUseTreeNode {
-  const nodeClass = computed(() => [ns.e('node'), data.value?.expanded && ns.em('node', 'open')]);
+  const nodeClass = computed(() => [ns.e('node'), data.value?.expanded && ns.em('node', 'open'), data.value?.selected && 'active']);
   const nodeStyle = computed(() => {
     return { paddingLeft: `${NODE_INDENT * (data.value?.level - 1)}px` };
   });

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ export interface IUseTreeNode {`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`export function useTreeNode(data: ComputedRef<IInnerTreeNode>): IUseTreeNode {`
`23`		`- const nodeClass = computed(() => [ns.e('node'), data.value?.expanded && ns.em('node', 'open')]);`
	`23`	`+ const nodeClass = computed(() => [ns.e('node'), data.value?.expanded && ns.em('node', 'open'), data.value?.selected && 'active']);`
`24`	`24`	`const nodeStyle = computed(() => {`
`25`	`25`	return { paddingLeft: `${NODE_INDENT * (data.value?.level - 1)}px` };
`26`	`26`	`});`