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

[mengqiuleo]

close #3465

Description

display as cursor style when the mouse moves over the tree node.
Add cursor: pointer to va-tree-node-root, then the whole node can have cursor: pointer, because class va-tree-node-root wrap the whole node. And now can removes the arrow style.

Markup:

.va-tree-node {
  &-root {
    // other style
    cursor: pointer;
  }
  // other style
}

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

[codeonmoon]

@m0ksem - Could you please let us know when this will be available for usage

[m0ksem]

@m0ksem - Could you please let us know when this will be available for usage

Hi. It will be available in next release after this Friday.

[m0ksem]

I change it a little bit, so if expand-by set to node cursor pointer shows on all node. Double check if this is what we needed and let's merge it.

[codeonmoon]

@m0ksem - We want to take this change in our project, could you please guide how to use this?
I assume it is updating the version in package.json file. As of now my project is on 1.6.5. I can see on this link -
https://ui.vuestic.dev/ui-elements/tree-view it is 1.7.1

[m0ksem]

@m0ksem - We want to take this change in our project, could you please guide how to use this? I assume it is updating the version in package.json file. As of now my project is on 1.6.5. I can see on this link - ui.vuestic.dev/ui-elements/tree-view it is 1.7.1

@codeonmoon, Yeah. You need to update vuestic-ui in package.json to 1.7.0 or even better to "^1.7.2" and just run npm install (or whatever you use). That should be enought. You might also need to clean node_modules/.vite/deps folder to remove changed files.

[codeonmoon]

@m0ksem - We want to take this change in our project, could you please guide how to use this? I assume it is updating the version in package.json file. As of now my project is on 1.6.5. I can see on this link - ui.vuestic.dev/ui-elements/tree-view it is 1.7.1

@codeonmoon, Yeah. You need to update vuestic-ui in package.json to 1.7.0 or even better to "^1.7.2" and just run npm install (or whatever you use). That should be enought. You might also need to clean node_modules/.vite/deps folder to remove changed files.

@m0ksem I tried following your instructions here, but I am getting below error now in compile time. The version is
"vuestic-ui": "^1.7.2"
Seems like it is complaining about the import statements. vuestic-ui is being imported as -

import { createVuestic } from "vuestic-ui";
import "vuestic-ui/css";

**Module not found: Error: Default condition should be last one**

Could you please assist.

[m0ksem]

@m0ksem - We want to take this change in our project, could you please guide how to use this? I assume it is updating the version in package.json file. As of now my project is on 1.6.5. I can see on this link - ui.vuestic.dev/ui-elements/tree-view it is 1.7.1

@codeonmoon, Yeah. You need to update vuestic-ui in package.json to 1.7.0 or even better to "^1.7.2" and just run npm install (or whatever you use). That should be enought. You might also need to clean node_modules/.vite/deps folder to remove changed files.

@m0ksem I tried following your instructions here, but I am getting below error now in compile time. The version is "vuestic-ui": "^1.7.2" Seems like it is complaining about the import statements. vuestic-ui is being imported as -

import { createVuestic } from "vuestic-ui";
import "vuestic-ui/css";

**Module not found: Error: Default condition should be last one**

Could you please assist.

Can you try 1.7.0? What's your package manager? Maybe create a discussion instead or visit our Discord, so we don't spam to PR author.