fix: fix issue of animation channel

Author: xuefei1313

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

@@ -358,6 +358,9 @@ export class AnimateExecutor implements IAnimateExecutor {
       }
       from = parsedFromProps.from;
     }
+    if (parsedFromProps.hasAttrs) {
+      graphic.setAttributes(parsedFromProps.attrOutChannel);
+    }
 
     this._handleRunAnimate(
       animate,
@@ -559,6 +562,9 @@ export class AnimateExecutor implements IAnimateExecutor {
         }
         from = parsedFromProps.from;
       }
+      if (parsedFromProps.hasAttrs) {
+        graphic.setAttributes(parsedFromProps.attrOutChannel);
+      }
       const custom = effect.custom ?? AnimateExecutor.builtInAnimateMap[type];
       const customType = effect.custom ? (effect as any).customType : getCustomType(custom);
       this._handleRunAnimate(
@@ -645,14 +651,22 @@ export class AnimateExecutor implements IAnimateExecutor {
   private createPropsFromChannel(
     channel: IAnimationChannelAttrs | IAnimationChannelAttributes | undefined,
     graphic: IGraphic
-  ): { from: Record<string, any> | null; props: Record<string, any> } {
+  ): {
+    from: Record<string, any> | null;
+    props: Record<string, any>;
+    attrOutChannel: Record<string, any> | null;
+    hasAttrs: boolean;
+  } {
     const props: Record<string, any> = {};
     let from: Record<string, any> | null = null;
-
+    const attrOutChannel: Record<string, any> | null = {};
+    let hasAttrs = false;
     if (!channel) {
       return {
         from,
-        props
+        props,
+        attrOutChannel,
+        hasAttrs
       };
     }
 
@@ -681,31 +695,21 @@ export class AnimateExecutor implements IAnimateExecutor {
 
       const diffAttrs = graphic.context?.diffAttrs;
       if (diffAttrs) {
-        const batchAttrs: Record<string, any> = {};
-        let hasAttrs = false;
         for (const key in diffAttrs) {
           const value = (diffAttrs as any)[key];
           if (value === undefined) {
             continue;
           }
           if (!props.hasOwnProperty(key)) {
-            batchAttrs[key] = value;
+            attrOutChannel[key] = value;
             hasAttrs = true;
           }
         }
-        if (hasAttrs) {
-          const batchKeys = Object.keys(batchAttrs);
-          if (batchKeys.length) {
-            graphic.setAttributes(batchAttrs);
-          }
-        }
       }
     } else {
       const diffAttrs = graphic.context?.diffAttrs;
       if (diffAttrs) {
         const channelSet = new Set(channel as string[]);
-        const batchAttrs: Record<string, any> = {};
-        let hasAttrs = false;
         for (const key in diffAttrs) {
           const value = (diffAttrs as any)[key];
           if (value === undefined) {
@@ -714,22 +718,18 @@ export class AnimateExecutor implements IAnimateExecutor {
           if (channelSet.has(key)) {
             props[key] = value;
           } else {
-            batchAttrs[key] = value;
+            attrOutChannel[key] = value;
             hasAttrs = true;
           }
         }
-        if (hasAttrs) {
-          const batchKeys = Object.keys(batchAttrs);
-          if (batchKeys.length) {
-            graphic.setAttributes(batchAttrs);
-          }
-        }
       }
     }
 
     return {
       from,
-      props
+      props,
+      attrOutChannel,
+      hasAttrs
     };
   }