radix-vue / shadcn-vue

Vue port of shadcn-ui
https://www.shadcn-vue.com/
MIT License
3.51k stars 203 forks source link

[Feature]: use virtual list for command (or components when use list for render lots of items) #629

Open davsaniuv opened 1 week ago

davsaniuv commented 1 week ago

Describe the feature

Im trying to use filters on task example but when i put a lot of items on some filters it crashes and it runs slow, i’ve tried to use virtual list on radix ui and it works better but i dont how to know to style it as good as shadcn styles so i wonder if is there are plans to bring this component (s)

Additional information

romanhrynevych commented 6 days ago

@davsaniuv hello! I was previously worked on this example feature, but don't have much time to end this for a reasonable PR. I just updated my working branch with dev, here you can find some example how to implement this feature with vue-virtual-scroller

https://github.com/radix-vue/shadcn-vue/assets/82209198/2006be2d-424b-4783-8c04-e0e350944a06

This example is inside /src/examples/big-data/Example.vue, if you have some additional questions feel free to ask 🙌

image

Branch where you can find all code: link

wrtisans commented 6 days ago

that's awesome, but is there a way to implement this with command and filters ? this one: CleanShot 2024-06-25 at 07 19 22

at this moment have filters with 100+ options