fix: 初始time不生效

packages/f-engine/src/canvas/timeline.ts

@@ -18,7 +18,7 @@ class Timeline extends EE {
 
   constructor(props) {
     super();
-    const { animUnits, playState, root, speed = 1, goto } = props;
+    const { animUnits, playState, root, speed = 1, time } = props;
     this.animator = new Animator();
     const rootShape = new Group();
     this.animator.reset(rootShape);
@@ -28,7 +28,7 @@ class Timeline extends EE {
     this.playState = playState;
     this.endFrame = animUnits.length - 1;
     this.speed = speed;
-    this.time = goto;
+    this.time = time;
   }
 
   start() {

packages/f-engine/test/timeline/player.test.tsx

@@ -372,4 +372,89 @@ describe('clip animation', () => {
 
     expect(context).toMatchImageSnapshot();
   });
+
+  it('跳转超出总时长', async () => {
+    const context = createContext('跳转超出总时长');
+
+    //结束后重播
+    const { props } = (
+      <Canvas context={context}>
+        <Player
+          state="finish"
+          keyFrames={[
+            {
+              view: {
+                to: {
+                  visible: true,
+                },
+                duration: 1000,
+              },
+            },
+          ]}
+        >
+          <View key={'view'} visible={false} />
+        </Player>
+      </Canvas>
+    );
+
+    const canvas = new Canvas(props);
+    await canvas.render();
+    await delay(100);
+
+    const { props: newProps } = (
+      <Canvas context={context}>
+        <Player
+          state="pause"
+          goTo={1200}
+          keyFrames={[
+            {
+              view: {
+                to: {
+                  visible: true,
+                },
+                duration: 1000,
+              },
+            },
+          ]}
+        >
+          <View key={'view'} visible={false} />
+        </Player>
+      </Canvas>
+    );
+
+    await canvas.update(newProps);
+    await delay(100);
+    expect(context).toMatchImageSnapshot();
+  });
+
+  it('暂停', async () => {
+    const context = createContext('暂停');
+
+    const { props } = (
+      <Canvas context={context}>
+        <Player
+          state="pause"
+          goTo={200}
+          keyFrames={[
+            {
+              view: {
+                to: {
+                  visible: true,
+                },
+                duration: 1000,
+              },
+            },
+          ]}
+        >
+          <View key={'view'} visible={false} />
+        </Player>
+      </Canvas>
+    );
+
+    const canvas = new Canvas(props);
+    await canvas.render();
+    await delay(100);
+
+    expect(context).toMatchImageSnapshot();
+  });
 });