feat(VaTreeView): add cursor style when mouse moves over node (#3473)

* feat(VaTreeView): add selected node class

* feat(VaTreeView): add cursor style when mouse moves over node

* fix(tree-view): show cursor on expand-by-node.

---------

Co-authored-by: Maksim Nedoshev <m0ksem1337@gmail.com>

packages/ui/src/components/va-tree-view/components/VaTreeNode/VaTreeNode.vue

@@ -119,6 +119,7 @@ export default defineComponent({
       checked: Boolean(props.node.checked),
       hasChildren: Boolean(props.node.hasChildren),
       [`level-${props.node.level}`]: true,
+      [`expand-by-${expandNodeBy}`]: true,
     }))
 
     const expandedClassComputed = useBem('va-tree-node-children', () => ({
@@ -209,10 +210,6 @@ export default defineComponent({
       flex: var(--va-tree-node-content-item-flex);
       min-width: var(--va-tree-node-indent);
       line-height: 1;
-
-      &--leaf {
-        cursor: pointer;
-      }
     }
 
     &__body {
@@ -260,5 +257,17 @@ export default defineComponent({
       opacity: var(--va-tree-node-interactive-bg-opacity);
     }
   }
+
+  &--expand-by-node {
+    .va-tree-node-content {
+      cursor: pointer;
+    }
+  }
+
+  &--expand-by-leaf {
+    .va-tree-node-content__item--leaf {
+      cursor: pointer;
+    }
+  }
 }
 </style>