epicmaxco / vuestic-ui

Free and Open Source UI Library for Vue 3 🤘
https://vuestic.dev
MIT License
3.33k stars 323 forks source link

feat(VaTreeView): add selected node class #3464

Closed mengqiuleo closed 11 months ago

mengqiuleo commented 1 year ago

closes #3456

add active property in treeNodeClassComputed, and control active with selectedNodeComputed.value === props.node.id, add style for active class.

Description

active class style is consistent with hover style

Markup:

```vue const treeNodeClassComputed = useBem('va-tree-node', () => ({ disabled: !!props.node.disabled, active: selectedNodeComputed.value === props.node.id, })) ``` ```scss &--active > &-root::before { border-radius: var(--va-tree-node-border-radius); opacity: var(--va-tree-node-interactive-bg-opacity); } ```

Types of changes

m0ksem commented 11 months ago

I'll merge this PR to include in next release, we can extend it later if needed.

codeonmoon commented 10 months ago

@m0ksem - Could you please let us know how to use this merged feature?

raizdev commented 2 weeks ago

I see this is implemented? @m0ksem how can I use this feature? I don't see active class in the DOM for selectedNodes