search

eCollect / vue-swipe-actions

iOS style swipe actions
https://ecollect.github.io/vue-swipe-actions/
MIT License
231 stars 48 forks source link

Transition group #38

Open fadion opened 4 years ago

fadion commented 4 years ago

Is there any way to wrap the swipe-list in a transition group? It would be really useful when doing deletes (for animating the row removal) or when dynamically inserting new rows.

nanov commented 4 years ago

Well, you could throw your own list component using SwipeOut base component, the list component just loops items and renders individual swipeouts.

fadion commented 4 years ago

That would work, although more involved. In my view, having a with-transition prop on the SwipeList component that instead of rendering a plain <div>, renders a <transition-group> would be much more usable.

Maybe that's a functionality that only a few need, so not sure how much it makes sense. Just a thought.

nanov commented 4 years ago

Maybe that's a functionality that only a few need, so not sure how much it makes sense. Just a thought.

Well it totally makes sense, and we are more than open for PRs. As I am not the biggest expert on transition groups, I have to do some analysis on how one would define all the possibilities that would be passed to the transition-group element so we could decide on some simple, but yet feature-rich, api.

fadion commented 4 years ago

I may try and implement a version that uses transition groups in the following days. Will investigate it further and open a PR when it's ready.