Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Standalone enter/leave animations #3

Open
denisinvader opened this issue Mar 3, 2019 · 0 comments
Open

Standalone enter/leave animations #3

denisinvader opened this issue Mar 3, 2019 · 0 comments
Labels
enhancement New feature or request

Comments

@denisinvader
Copy link
Owner

This should affect only arrays and objects animations.

For now, enter and leave keys are just added or removed from target eg. It would be nice to add enterValue and leaveValue (names are just for reference) and animate enter keys from enterValue to provided values and leave keys to leaveValue.

It will allow avoiding usage of <transition-group /> and animation parameters duplication.

Example

enterValue = leaveValue = 0

State 1:

{ x: 10, y: 15 }

State 2:

{ x: 20, z: 10 }

target (slot scope) updates:

  • x animated from 10 to 20;
  • y animated from 15 to 0, when the animation is finished, this key removes from target;
  • z added to target then animated from 0 to 10.
@denisinvader denisinvader added the enhancement New feature or request label Sep 18, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant