fix: rename options of setAnimation methods

kmkzt · Jun 23, 2020 · 30ca1f7 · 30ca1f7
1 parent 1f9cf34
commit 30ca1f7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/animation.ts b/src/animation.ts
@@ -41,11 +41,14 @@ export class SvgAnimation extends Renderer {
    */
   public setAnimation(
     fn: FrameAnimation,
-    { frame, repeat }: { frame?: number; repeat?: number } = {}
+    {
+      frames,
+      repeatCount
+    }: { frames?: number; repeatCount?: number | string } = {}
   ): void {
     this._anim = fn
-    this._framesNumber = frame
-    this._repeatCount = repeat ? `${repeat}` : 'indefinite'
+    this._framesNumber = frames
+    this._repeatCount = repeatCount ? `${repeatCount}` : 'indefinite'
   }
 
   public stop(): boolean {

diff --git a/src/example/app.tsx b/src/example/app.tsx
@@ -265,8 +265,8 @@ const Example = () => {
     if (!animationRef.current) return
     if (!drawingRef.current) return
     animationRef.current.setAnimation(shake, {
-      frame: 3,
-      repeat: 100
+      frames: 3,
+      repeatCount: 100
     })
     animationRef.current.copy(drawingRef.current)
     animationRef.current.start()
@@ -275,7 +275,7 @@ const Example = () => {
     if (!animationRef.current) return
     if (!drawingRef.current) return
     animationRef.current.setAnimation(drawingAnimation, {
-      repeat: 1
+      repeatCount: 1
     })
     animationRef.current.copy(drawingRef.current)
     animationRef.current.start()