Merge pull request #2030 from VisActor/fix/fix-stage-animate-afterRender-check

fix: fix issue of stageAniamte afterRender

Author: xuefei1313

packages/vrender-animate/src/custom/custom-animate.ts

@@ -1,5 +1,11 @@
 import type { ComponentAnimator } from '../component';
-import type { EasingType, IAnimateStepType, ICustomAnimate, Stage } from '@visactor/vrender-core';
+import {
+  AnimateStatus,
+  type EasingType,
+  type IAnimateStepType,
+  type ICustomAnimate,
+  type Stage
+} from '@visactor/vrender-core';
 import { Step } from '../step';
 
 export abstract class ACustomAnimate<T> extends Step implements ICustomAnimate {
@@ -56,6 +62,7 @@ export abstract class AComponentAnimate<T> extends ACustomAnimate<T> {
 export abstract class AStageAnimate<T> extends ACustomAnimate<T> {
   willCallBeforeStageRender: boolean = true;
   willCallAfterStageRender: boolean = true;
+  checkStatusAfterRender: boolean = true;
   constructor(customFrom: T, customTo: T, duration: number, easing: EasingType, params?: any) {
     super(customFrom, customTo, duration, easing, params);
     this.props = {} as T;
@@ -114,6 +121,10 @@ export abstract class AStageAnimate<T> extends ACustomAnimate<T> {
     if (outputCanvas) {
       this.renderToStage(stage, outputCanvas);
     }
+    // 检查是否需要移除动画
+    if (this.checkStatusAfterRender && this.animate.status === AnimateStatus.END) {
+      this.animate.timeline.removeAnimate(this.animate);
+    }
   };
 
   protected renderToStage(stage: Stage, canvas: HTMLCanvasElement): HTMLCanvasElement | void | null | false {

packages/vrender-animate/src/timeline.ts

@@ -14,7 +14,7 @@ export class DefaultTimeline extends EventEmitter implements ITimeline {
   protected tail: AnimateNode | null = null;
   protected animateMap: Map<IAnimate, AnimateNode> = new Map();
   protected _animateCount: number = 0;
-  declare protected paused: boolean;
+  protected declare paused: boolean;
 
   // 添加必要的属性
   protected _playSpeed: number = 1;