Skip to content

Releases: BinarCode/vue2-transitions

v0.3.0

26 Feb 21:42
Compare
Choose a tag to compare

Minor Changes

  • Add typescript type definitions: 8451cdc
  • Merge pull request #13 from joeistas/add-types: 526da70
  • Added delay option: fb703c8
  • Added delay to example: 3eaf810

Thanks to @ycmjason you can now specify delay prop on each transition.
For example

<fade-transition :delay="1000">
  <div v-if="condition"></div>
</fade-transition>

will delay the transition with 1000ms and trigger it only after this delay period. This allows chained/sequenced transitions (e.g 1 element appears, then another one and so on)

Patches

v0.2.3

06 Feb 12:14
Compare
Choose a tag to compare

Patches

  • #4 Cleanup el style after transition enter: bedd22d

v0.2.2

05 Jan 16:21
Compare
Choose a tag to compare

Patches

  • Make tag as a prop for each transition: 24ea699

v0.2.1

05 Jan 14:21
Compare
Choose a tag to compare

Patches

  • Minor cleanups in App.vue Add docs about group transition in readme Add contribution tips in readme: 16bedfe
  • Fix exporting transition components: cfb3d83
  • #3 Add "tag" option to each transition to avoid warn during render (transition-group): 679eb28

v0.2.0

02 Jan 18:26
Compare
Choose a tag to compare

Minor Changes

  • Add support for transition-group with dynamic component is attribute: 80ad403
    Each transition can be used as a group transition now.
    Example
<fade-transition group>
   <!--keyed children here-->
</fade-transition>

There are some details/things to take care when you use group transitions in order to achieve really smooth transitions which are addressed in the Readme.

Patches

  • Place all event hooks under a computed property: 7723f59
  • Add transition groups to demo: d993506

v0.1.2

30 Dec 19:57
Compare
Choose a tag to compare

Commits

  • Update README.md: aa565e5
  • Add appear to transitions in demo Adjust duration to 500ms: e9974bf
  • Add Scale, Slide transitions Add origin prop: 147d2b7

New Transitions

Slide

  • SlideYUpTransition
  • SlideYDownTransition
  • SlideXRightTransition
  • SlideXLeftTransition

Scale

  • ScaleTransition

  • Added origin prop to control transform-origin. Can be also set through styles prop

Initial release

30 Dec 14:25
Compare
Choose a tag to compare

Initial release with the following transitions:

  • FadeTransition
  • ZoomCenterTransition
  • ZoomXTransition
  • ZoomYTransition
  • ZoomUpTransition
  • CollapseTransition