vue-swipe-actions icon indicating copy to clipboard operation
vue-swipe-actions copied to clipboard

Transition group

Open fadion opened this issue 5 years ago • 4 comments
trafficstars

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.

fadion avatar Dec 02 '19 16:12 fadion

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

nanov avatar Dec 03 '19 04:12 nanov

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.

fadion avatar Dec 03 '19 10:12 fadion

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.

nanov avatar Dec 03 '19 11:12 nanov

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.

fadion avatar Dec 03 '19 12:12 fadion