Add slot for the item text itself
Employee87 opened this issue · 11 comments
I see there is a slot for before and after. But what if I want to replace the actual text itself to some template code?
that could be a good idea, you can propose a P%R if you want :)
Hey what is exactly the use case ? Can't you use existing slots ?
It's because by default the code will always take the text prop and show it in the treeview main text area. But for example I wanted to replace that with a highlight plugin like <highlight :search="search_text" :value="node.text" /> (which highlights part of the content based on the search text), and since I can't override the main text, I have to set text prop to empty string so that nothing shows in the main text area, and override the before or after slots with this highlight component. I then have to make a new property like text2 to use for the actual text. Plus I then have to inject some custom css to remove the margin around the main text area.
This could all be solved, if I have a slot for the main text area.
Why not just a custom class ?
I am not sure how that would help me though? Does the main area (i.e. not the before or after area) have a prop to insert a custom class?
Another use-cases:
- Adding an
idto uniquely identify each node for test automation purposes, including whether it's a leaf node or not - Adding a
titleproperty
Isn't this slot a most basic feature users of a tree view would expect?
This would help in many situations, i want to add tool tips to the nodes and would need to have a custom slot for the text to do this.
How about making the label clickable? and not just the checkbox.
Hi! I made a MR with the original changes by @Employee87, but avoid all no required changes about styling, package, etc.
There should be slot for node content, not just text. What if I want to add checkbox label or add bootstrap classes into checkbox? There isn't any way to configure element classes anyway.