Can provide a way to achieve loop

[FreezingRiver]

as title

[mubaidr]

circular option is intended for the same purpose. Set it to true to start from top again and false if you want to start list in reverse when completed.

Let me know if it serve the purpose.

[FreezingRiver]

I know circular , what i mean is the seamless loop，not back to the top. Such as when the first loop end, copy the loop data and push it.I have tried to modify your code but failed.

[mubaidr]

Now I understand, but currently it is not possible. I will add this in next version.

[gongzemin]

Any update on loop? Thanks
@mubaidr

[mubaidr]

I do plant to push this feature over the coming days. Stay tuned!

[gongzemin]

Great!
Can you tell me what's your thoughts? How to copy the loop data and push it?
Many thanks

[mubaidr]

This should work:

• Use computed list instead of directly rendering prop words
• Add new option continuous to component as prop
• If the new option (continuous) is true then on completion (final item), slice all the items from the list and insert into array at the end. https://github.com/mubaidr/vue-swimlane/blob/master/src/component/vue-swimlane.vue#L155

You are most welcome to try and implement this, It would be appreciated. 👍

@FreezingRiver

[FreezingRiver]

I probably know how to do it.But I have too much work to do this month , I will try after the work is done.

[mubaidr]

I have cleaned and refactor the plugin code to improve readability and major layout refinements.

Continuous option can be implemented here: https://github.com/mubaidr/vue-swimlane/blob/master/src/component/vue-swimlane.vue#L156

[mubaidr]

Continuous option is implemented but the animation breaks for this option. Seems like have to opt for Vue transitions for this.

[gongzemin]

Hi, any update?

[mubaidr]

Please use the continous option for this effect.