{{ target: partial-animation}}

#${prefix} animation(boolean) = true

Whether to enable animation.

#${prefix} animationThreshold(number) = ${defaultAnimationThreshold|default(2000)}

Whether to set graphic number threshold to animation. Animation will be disabled when graphic number is larger than threshold.

{{ use: partial-animation-init( prefix=${prefix}, galleryEditorPath=${galleryEditorPath}, defaultAnimationDuration=${defaultAnimationDuration}, defaultAnimationEasing=${defaultAnimationEasing}, noAnimationDelay=${noAnimationDelay} ) }}

#${prefix} animationDurationUpdate(number|Function) = ${defaultAnimationDurationUpdate|default(300)}

Time for animation to complete, which supports callback function for different data to have different animation effect:

animationDurationUpdate: function (idx) {
    // delay for later data is larger
    return idx * 100;
}

#${prefix} animationEasingUpdate(string) = ${defaultAnimationEasingUpdate|default(‘cubicOut’)}

Easing method used for animation.

{{ if: !${noAnimationDelay} }} #${prefix} animationDelayUpdate(number|Function) = 0

Delay before updating animation, which supports callback function for different data to have different animation effects.

For example:

animationDelayUpdate: function (idx) {
    // delay for later data is larger
    return idx * 100;
}

See this example for more information. {{ /if }}

{{ target: partial-animation-init}}

#${prefix} animationDuration(number|Function) = ${defaultAnimationDuration|default(1000)}

Duration of the first animation, which supports callback function for different data to have different animation effect:

animationDuration: function (idx) {
    // delay for later data is larger
    return idx * 100;
}

#${prefix} animationEasing(string) = ${defaultAnimationEasing|default(‘cubicOut’)}

Easing method used for the first animation. Varied easing effects can be found at easing effect example.

{{ if: !${noAnimationDelay} }} #${prefix} animationDelay(number|Function) = 0

Delay before updating the first animation, which supports callback function for different data to have different animation effect.

For example:

animationDelay: function (idx) {
    // delay for later data is larger
    return idx * 100;
}

See this example for more information. {{ /if }}