@visactor/vstory 0.0.4-alpha.2 → 0.0.5-alpha.0

package/cjs/player/player.js

@@ -30,58 +30,68 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Player = exports.Ticker = void 0;
 
-const processor_1 = require("./processor/processor"), processorMap_1 = require("./processor/processorMap"), scheduler_1 = require("./scheduler");
+const processor_1 = require("./processor/processor"), processorMap_1 = require("./processor/processorMap"), scheduler_1 = require("./scheduler"), vutils_1 = require("@visactor/vutils");
 
 class Ticker {
     constructor() {
-        this.rafIdx = 0, this._tick = lt => {
+        this.rafIdx = 0, this.speed = 1, this._tick = lt => {
+            if (!this.running) return;
             const ct = Date.now();
-            this.cb && this.cb(0 === lt ? 0 : ct - lt), this.rafIdx = requestAnimationFrame((() => this._tick(ct)));
+            this.rafIdx = requestAnimationFrame((() => this._tick(ct))), this.cb && this.cb((0 === lt ? 0 : ct - lt) * this.speed);
         };
     }
     start(cb) {
-        this.stop(), this.cb = cb, this._tick(0);
+        this.stop(), this.cb = cb, this.running = !0, this._tick(0);
     }
     stop() {
-        this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0;
+        this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0, this.running = !1;
     }
 }
 
 exports.Ticker = Ticker;
 
-class Player {
+class Player extends vutils_1.EventEmitter {
+    set speed(speed) {
+        this._scheduler && (this._ticker.speed = speed);
+    }
+    get speed() {
+        return this._ticker ? this._ticker.speed : 1;
+    }
     constructor(story, options) {
         var _a, _b;
-        this._story = story, this._ticker = new Ticker, this._currTime = 0, this._story.canvas.getStage().defaultLayer.setAttributes({
-            scaleX: null !== (_a = null == options ? void 0 : options.scaleX) && void 0 !== _a ? _a : 1,
-            scaleY: null !== (_b = null == options ? void 0 : options.scaleY) && void 0 !== _b ? _b : 1
-        }), this._actionProcessor = new processor_1.ActionProcessor(story, processorMap_1.processorMap), 
+        super(), this._story = story, this._ticker = new Ticker, this._currTime = 0;
+        const stage = this._story.canvas.getStage(), scaleX = null !== (_a = null == options ? void 0 : options.scaleX) && void 0 !== _a ? _a : 1, scaleY = null !== (_b = null == options ? void 0 : options.scaleY) && void 0 !== _b ? _b : 1;
+        stage.window.setViewBoxTransform(scaleX, 0, 0, scaleY, 0, 0), this._actionProcessor = new processor_1.ActionProcessor(story, processorMap_1.processorMap), 
         this._scheduler = new scheduler_1.Scheduler(this._actionProcessor);
     }
     initActs(acts) {
-        this._scheduler.initActs(acts);
+        this._scheduler.init(acts);
     }
     reset() {
-        this._scheduler.clearState(), this._story.canvas.getStage().getTimeline().clear();
+        this._scheduler.clearState(), this._story.canvas.getStage().getTimeline().clear(), 
+        this._currTime = 0;
     }
     tickTo(t) {
-        const lastTime = this._currTime, totalTime = this._scheduler.getTotalTime();
-        for (0 === totalTime && (t = 0); t > totalTime; ) t -= totalTime;
-        lastTime > t && (lastTime < totalTime ? t = totalTime + .01 : (this.reset(), this._currTime = 0, 
-        this.tickTo(0)));
+        const lastTime = this._currTime;
+        lastTime > t && this.reset();
         const actions = this._scheduler.getActionsInRange(lastTime, t), characterSet = new Set;
         actions.forEach((action => {
             const character = this._story.getCharactersById(action.characterId);
             characterSet.add(character), this._actionProcessor.doAction(character.spec.type, action.actionSpec.action, character, action.actionSpec);
         })), characterSet.forEach((character => {
             character.show();
-        })), this._currTime = t, this._story.canvas.getStage().ticker.tickAt(t), this._story.canvas.getStage().render();
+        })), this._currTime = t;
+        const stage = this._story.canvas.getStage();
+        stage.ticker.tickAt(t), stage.render();
     }
-    play(loop = !0) {
-        this._ticker.stop(), this._currTime = 0, this.reset(), this._ticker.start((t => {
-            const totalTime = this._scheduler.getTotalTime();
+    play() {
+        this._ticker.stop(), this._currTime = 0, this.reset();
+        const stage = this._story.canvas.getStage();
+        stage.ticker.start(!0), stage.getTimeline().resume(), this._ticker.start((t => {
             let nextT = this._currTime + t;
-            !loop && nextT > totalTime && (nextT = totalTime, this._ticker.stop()), this.tickTo(nextT);
+            const totalTime = this._scheduler.getTotalTime();
+            nextT >= totalTime ? (nextT = totalTime, this.tickTo(nextT), this._ticker.stop(), 
+            this.emit("onstop")) : this.tickTo(nextT);
         }));
     }
     encodeToVideo(millsecond, fps) {

package/cjs/player/player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/player.ts"],"names":[],"mappings":"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","file":"player.js","sourcesContent":["import type { IActSpec, IStory } from '../story/interface';\nimport { IAction } from '../story/interface';\nimport type { ICharacter } from '../story/character';\nimport type { IPlayer } from './interface/player';\nimport type { IActionProcessor } from './processor/interface/action-processor';\nimport { ActionProcessor } from './processor/processor';\nimport { processorMap } from './processor/processorMap';\nimport type { IScheduler } from './interface/scheduler';\nimport { Scheduler } from './scheduler';\n\nexport class Ticker {\n  cb?: (delta: number) => void;\n  rafIdx = 0;\n  start(cb: (t: number) => void) {\n    this.stop();\n    this.cb = cb;\n    this._tick(0);\n  }\n\n  _tick = (lt: number) => {\n    const ct = Date.now();\n    this.cb && this.cb(lt === 0 ? 0 : ct - lt);\n    this.rafIdx = requestAnimationFrame(() => this._tick(ct));\n  };\n\n  stop() {\n    this.rafIdx && cancelAnimationFrame(this.rafIdx);\n    this.rafIdx = 0;\n  }\n}\n\nexport class Player implements IPlayer {\n  protected _story: IStory;\n  protected _ticker: Ticker;\n  protected _currTime: number;\n  // protected _encoder: Encoder;\n  protected _actionProcessor: IActionProcessor;\n  protected _scheduler: IScheduler;\n\n  constructor(story: IStory, options?: { scaleX?: number; scaleY?: number }) {\n    this._story = story;\n    this._ticker = new Ticker();\n    this._currTime = 0;\n    this._story.canvas.getStage().defaultLayer.setAttributes({\n      scaleX: options?.scaleX ?? 1,\n      scaleY: options?.scaleY ?? 1\n    });\n    // this._encoder = new Encoder();\n    this._actionProcessor = new ActionProcessor(story, processorMap);\n    this._scheduler = new Scheduler(this._actionProcessor);\n  }\n\n  initActs(acts: IActSpec[]) {\n    this._scheduler.initActs(acts);\n  }\n\n  // 清除当前状态，一般用于回放操作\n  reset() {\n    this._scheduler.clearState();\n    this._story.canvas.getStage().getTimeline().clear();\n    return;\n  }\n\n  tickTo(t: number) {\n    // console.log(t);\n    const lastTime = this._currTime;\n    const totalTime = this._scheduler.getTotalTime();\n    if (totalTime === 0) {\n      t = 0;\n    }\n    while (t > totalTime) {\n      t -= totalTime;\n    }\n    if (lastTime > t) {\n      // 先结束这一块内容，设置到totalTime，让动画结束\n      if (lastTime < totalTime) {\n        t = totalTime + 0.01;\n      } else {\n        this.reset();\n        this._currTime = 0;\n        this.tickTo(0);\n      }\n    }\n\n    const actions = this._scheduler.getActionsInRange(lastTime, t);\n    const characterSet = new Set<ICharacter>();\n    actions.forEach(action => {\n      const character = this._story.getCharactersById(action.characterId);\n      characterSet.add(character);\n      this._actionProcessor.doAction(character.spec.type, action.actionSpec.action, character, action.actionSpec);\n    });\n\n    // 将character show出来\n    // TODO 后续放在appear处理，因为现在创建之后就会展示，所以只能先visible为false\n    characterSet.forEach(character => {\n      character.show();\n    });\n\n    this._currTime = t;\n    this._story.canvas.getStage().ticker.tickAt(t);\n    this._story.canvas.getStage().render();\n  }\n\n  play(loop: boolean = true): void {\n    this._ticker.stop();\n    this._currTime = 0;\n    this.reset();\n    this._ticker.start(t => {\n      const totalTime = this._scheduler.getTotalTime();\n      let nextT = this._currTime + t;\n      if (!loop && nextT > totalTime) {\n        nextT = totalTime;\n        this._ticker.stop();\n      }\n      this.tickTo(nextT);\n    });\n  }\n\n  async encodeToVideo(millsecond: number, fps: number): Promise<any> {\n    // // if (!this._currChapter) {\n    // //   return;\n    // // }\n    // const frameNum = (millsecond / 1000) * fps;\n    // const deltaT = 1000 / fps;\n    // this.tickTo(0);\n    // const objUrl = await this._encoder.exportVideo(frameNum, fps, async i => {\n    //   const t = deltaT * i;\n    //   this.tickTo(t);\n    //   return new Promise((resolve, reject) => {\n    //     this._canvas\n    //       .getStage()\n    //       .window.getContext()\n    //       .canvas.nativeCanvas.toBlob((blob: any) => {\n    //         if (blob) {\n    //           resolve(blob);\n    //         } else {\n    //           // console.log('no blob');\n    //           reject('no blob');\n    //         }\n    //       }, `image/png`);\n    //   });\n    // });\n\n    // return objUrl;\n    return null;\n  }\n\n  pause(): void {\n    this._ticker.stop();\n  }\n\n  resume(): void {\n    this._ticker._tick(this._currTime);\n  }\n\n  release(): void {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/player/player.ts"],"names":[],"mappings":"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","file":"player.js","sourcesContent":["import type { IActSpec, IStory } from '../story/interface';\nimport type { ICharacter } from '../story/character';\nimport type { IPlayer } from './interface/player';\nimport type { IActionProcessor } from './processor/interface/action-processor';\nimport { ActionProcessor } from './processor/processor';\nimport { processorMap } from './processor/processorMap';\nimport type { IScheduler } from './interface/scheduler';\nimport { Scheduler } from './scheduler';\nimport { EventEmitter } from '@visactor/vutils';\nimport { createRect } from '@visactor/vrender-core';\n\nexport class Ticker {\n  cb?: (delta: number) => void;\n  rafIdx = 0;\n  running: boolean;\n  speed: number = 1;\n  start(cb: (t: number) => void) {\n    this.stop();\n    this.cb = cb;\n    this.running = true;\n    this._tick(0);\n  }\n\n  _tick = (lt: number) => {\n    if (!this.running) {\n      return;\n    }\n    const ct = Date.now();\n    this.rafIdx = requestAnimationFrame(() => this._tick(ct));\n    this.cb && this.cb((lt === 0 ? 0 : ct - lt) * this.speed);\n  };\n\n  stop() {\n    this.rafIdx && cancelAnimationFrame(this.rafIdx);\n    this.rafIdx = 0;\n    this.running = false;\n  }\n}\n\nexport class Player extends EventEmitter implements IPlayer {\n  protected _story: IStory;\n  protected _ticker: Ticker;\n  protected _currTime: number;\n  // protected _encoder: Encoder;\n  protected _actionProcessor: IActionProcessor;\n  protected _scheduler: IScheduler;\n\n  set speed(speed: number) {\n    if (this._scheduler) {\n      this._ticker.speed = speed;\n    }\n  }\n\n  get speed(): number {\n    return this._ticker ? this._ticker.speed : 1;\n  }\n\n  constructor(story: IStory, options?: { scaleX?: number; scaleY?: number }) {\n    super();\n    this._story = story;\n    this._ticker = new Ticker();\n    this._currTime = 0;\n    const stage = this._story.canvas.getStage();\n    const scaleX = options?.scaleX ?? 1;\n    const scaleY = options?.scaleY ?? 1;\n\n    stage.window.setViewBoxTransform(scaleX, 0, 0, scaleY, 0, 0);\n\n    // stage.defaultLayer.setAttributes({\n    //   scaleX,\n    //   scaleY\n    // });\n    // const b = stage.defaultLayer.AABBBounds;\n    // const width = b.width() * scaleX;\n    // const height = b.height() * scaleY;\n    // (stage as any).setViewBox({ x1: 0, x2: width, y1: 0, y2: height }, false);\n    // const b = this._story.canvas.getStage().defaultLayer.AABBBounds;\n    // this._encoder = new Encoder();\n    this._actionProcessor = new ActionProcessor(story, processorMap);\n    this._scheduler = new Scheduler(this._actionProcessor);\n  }\n\n  initActs(acts: IActSpec[]) {\n    this._scheduler.init(acts);\n  }\n\n  // 清除当前状态，一般用于回放操作\n  reset() {\n    this._scheduler.clearState();\n    this._story.canvas.getStage().getTimeline().clear();\n    this._currTime = 0;\n    return;\n  }\n\n  tickTo(t: number) {\n    // console.log(t);\n    const lastTime = this._currTime;\n    // 如果时间倒退，那就重置，从头开始（需要上层场景树也重置）\n    if (lastTime > t) {\n      this.reset();\n      // this._currTime = 0;\n      // this.tickTo(0);\n    }\n\n    const actions = this._scheduler.getActionsInRange(lastTime, t);\n    const characterSet = new Set<ICharacter>();\n    actions.forEach(action => {\n      const character = this._story.getCharactersById(action.characterId);\n      characterSet.add(character);\n      this._actionProcessor.doAction(character.spec.type, action.actionSpec.action, character, action.actionSpec);\n    });\n\n    // 将character show出来\n    // TODO 后续放在appear处理，因为现在创建之后就会展示，所以只能先visible为false\n    characterSet.forEach(character => {\n      character.show();\n    });\n\n    this._currTime = t;\n\n    const stage = this._story.canvas.getStage();\n    stage.ticker.tickAt(t);\n    stage.render();\n  }\n\n  play(): void {\n    this._ticker.stop();\n    this._currTime = 0;\n    this.reset();\n    const stage = this._story.canvas.getStage();\n    // 开启ticker\n    stage.ticker.start(true);\n    stage.getTimeline().resume();\n\n    this._ticker.start(t => {\n      let nextT = this._currTime + t;\n      const totalTime = this._scheduler.getTotalTime();\n      // 时间超过总时长之后，停止ticker执行\n      if (nextT >= totalTime) {\n        nextT = totalTime;\n        this.tickTo(nextT);\n        this._ticker.stop();\n        this.emit('onstop');\n      } else {\n        this.tickTo(nextT);\n      }\n    });\n  }\n\n  async encodeToVideo(millsecond: number, fps: number): Promise<any> {\n    // // if (!this._currChapter) {\n    // //   return;\n    // // }\n    // const frameNum = (millsecond / 1000) * fps;\n    // const deltaT = 1000 / fps;\n    // this.tickTo(0);\n    // const objUrl = await this._encoder.exportVideo(frameNum, fps, async i => {\n    //   const t = deltaT * i;\n    //   this.tickTo(t);\n    //   return new Promise((resolve, reject) => {\n    //     this._canvas\n    //       .getStage()\n    //       .window.getContext()\n    //       .canvas.nativeCanvas.toBlob((blob: any) => {\n    //         if (blob) {\n    //           resolve(blob);\n    //         } else {\n    //           // console.log('no blob');\n    //           reject('no blob');\n    //         }\n    //       }, `image/png`);\n    //   });\n    // });\n\n    // return objUrl;\n    return null;\n  }\n\n  pause(): void {\n    this._ticker.stop();\n  }\n\n  resume(): void {\n    this._ticker._tick(this._currTime);\n  }\n\n  release(): void {\n    return;\n  }\n}\n"]}

package/cjs/player/processor/chart/common/chartAppear.d.ts

@@ -0,0 +1,5 @@
+import type { IChartVisibilityPayload } from '../../interface/appear-action';
+import type { IGroup } from '@visactor/vrender-core';
+export declare const runChartAppear: (instance: IGroup, animation: IChartVisibilityPayload['animation'], option: {
+    disappear: boolean;
+}) => void;

package/cjs/player/processor/chart/common/chartAppear.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.runChartAppear = void 0;
+
+const commonAppear_1 = require("./commonAppear"), runChartAppear = (instance, animation, option) => "grow" === animation.effect ? (0, 
+commonAppear_1.commonGrow)(instance, animation, option) : (0, commonAppear_1.commonFade)(instance, animation, option);
+
+exports.runChartAppear = runChartAppear;
+//# sourceMappingURL=chartAppear.js.map

package/cjs/player/processor/chart/common/chartAppear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/common/chartAppear.ts"],"names":[],"mappings":";;;AAEA,iDAAwD;AAGjD,MAAM,cAAc,GAAG,CAC5B,QAAgB,EAChB,SAA+C,EAC/C,MAA8B,EAC9B,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB","file":"chartAppear.js","sourcesContent":["import type { IChartVisibilityPayload } from '../../interface/appear-action';\nimport type { IGroup } from '@visactor/vrender-core';\nimport { commonFade, commonGrow } from './commonAppear';\n\n// TODO: 区分直角坐标系和极坐标系\nexport const runChartAppear = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}

package/cjs/player/processor/chart/common/commonAppear.d.ts

@@ -0,0 +1,8 @@
+import type { IGroup } from '@visactor/vrender-core';
+import type { IChartVisibilityPayload } from '../../interface/appear-action';
+export declare const commonFade: (instance: IGroup, animation: IChartVisibilityPayload['animation'], option: {
+    disappear: boolean;
+}) => void;
+export declare const commonGrow: (instance: IGroup, animation: IChartVisibilityPayload['animation'], option: {
+    disappear: boolean;
+}) => void;

package/cjs/player/processor/chart/common/commonAppear.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.commonGrow = exports.commonFade = void 0;
+
+const commonFade = (instance, animation, option) => {
+    const {duration: duration, easing: easing} = animation, {disappear: disappear} = option, currOpacity = instance.attribute.baseOpacity, opacityMap = disappear ? {
+        from: null != currOpacity ? currOpacity : 1,
+        to: 0
+    } : {
+        from: 0,
+        to: null != currOpacity ? currOpacity : 1
+    };
+    instance.setAttributes({
+        baseOpacity: opacityMap.from
+    }), instance.animate().to({
+        baseOpacity: opacityMap.to
+    }, duration, easing);
+};
+
+exports.commonFade = commonFade;
+
+const commonGrow = (instance, animation, option) => {
+    const {duration: duration, easing: easing} = animation, {disappear: disappear} = option, currScaleX = instance.attribute.scaleX, currScaleY = instance.attribute.scaleY, opacityMap = disappear ? {
+        fromX: null != currScaleX ? currScaleX : 1,
+        fromY: null != currScaleY ? currScaleY : 1,
+        toX: 0,
+        toY: 0
+    } : {
+        fromX: 0,
+        fromY: 0,
+        toX: null != currScaleX ? currScaleX : 1,
+        toY: null != currScaleY ? currScaleY : 1
+    };
+    instance.setAttributes({
+        scaleX: opacityMap.fromX,
+        scaleY: opacityMap.fromY
+    }), instance.animate().to({
+        scaleX: opacityMap.toX,
+        scaleY: opacityMap.toY
+    }, duration, easing);
+};
+
+exports.commonGrow = commonGrow;
+//# sourceMappingURL=commonAppear.js.map

package/cjs/player/processor/chart/common/commonAppear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/common/commonAppear.ts"],"names":[],"mappings":";;;AAGO,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAA+C,EAC/C,MAA8B,EAC9B,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC;IACnD,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,EAAE,CAAC;IAErG,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;IACzD,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC1E,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AACK,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAA+C,EAC/C,MAA8B,EAC9B,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC;IAC7C,MAAM,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC;IAC7C,MAAM,UAAU,GAAG,SAAS;QAC1B,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,EAAE,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;QACpE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,EAAE,GAAG,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,EAAE,CAAC;IAEvE,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/E,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC9F,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB","file":"commonAppear.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport type { IChartVisibilityPayload } from '../../interface/appear-action';\n\nexport const commonFade = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const currOpacity = instance.attribute.baseOpacity;\n  const opacityMap = disappear ? { from: currOpacity ?? 1, to: 0 } : { from: 0, to: currOpacity ?? 1 };\n\n  instance.setAttributes({ baseOpacity: opacityMap.from });\n  instance.animate().to({ baseOpacity: opacityMap.to }, duration, easing);\n};\nexport const commonGrow = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const currScaleX = instance.attribute.scaleX;\n  const currScaleY = instance.attribute.scaleY;\n  const opacityMap = disappear\n    ? { fromX: currScaleX ?? 1, fromY: currScaleY ?? 1, toX: 0, toY: 0 }\n    : { fromX: 0, fromY: 0, toX: currScaleX ?? 1, toY: currScaleY ?? 1 };\n\n  instance.setAttributes({ scaleX: opacityMap.fromX, scaleY: opacityMap.fromY });\n  instance.animate().to({ scaleX: opacityMap.toX, scaleY: opacityMap.toY }, duration, easing);\n};\n"]}

package/cjs/player/processor/chart/component/axisAppear.d.ts

@@ -1,5 +1,5 @@
-import type { IChartAppearAction } from '../../interface/appear-action';
+import type { IChartVisibilityPayload } from '../../interface/appear-action';
 import type { IGroup } from '@visactor/vrender-core';
-export declare const runAxisAppear: (instance: IGroup, animation: IChartAppearAction['payload']['animation'], option: {
+export declare const runAxisAppear: (instance: IGroup, animation: IChartVisibilityPayload['animation'], option: {
     disappear: boolean;
 }) => void;

package/cjs/player/processor/chart/component/axisAppear.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.runAxisAppear = void 0;
 
-const commonAppear_1 = require("./commonAppear"), runAxisAppear = (instance, animation, option) => "grow" === animation.effect ? axisGrow(instance, animation, option) : (0, 
+const commonAppear_1 = require("../common/commonAppear"), commonAppear_2 = require("./commonAppear"), runAxisAppear = (instance, animation, option) => "grow" === animation.effect ? axisGrow(instance, animation, option) : (0, 
 commonAppear_1.commonFade)(instance, animation, option);
 
 function axisGrow(instance, animation, option) {
@@ -76,7 +76,7 @@ function mainAxisGrow(instance, animation, option) {
 }
 
 function gridGrow(instance, animation, option) {
-    instance && (0, commonAppear_1.commonGrow)(instance, animation, option);
+    instance && (0, commonAppear_2.commonGrow)(instance, animation, option);
 }
 
 exports.runAxisAppear = runAxisAppear;

package/cjs/player/processor/chart/component/axisAppear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/chart/component/axisAppear.ts"],"names":[],"mappings":"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","file":"axisAppear.js","sourcesContent":["import type { IChartAppearAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonAppear';\nimport type { IGroup, ILine, IText } from '@visactor/vrender-core';\n\n// TODO: 区分直角坐标系和极坐标系\nexport const runAxisAppear = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      // return commonGrow(instance, animation, option);\n      return axisGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n\nfunction axisGrow(\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  const isGrid = instance.name?.includes('grid');\n  if (isGrid) {\n    gridGrow(instance, animation, option);\n  } else {\n    mainAxisGrow(instance, animation, option);\n  }\n}\n\nfunction mainAxisGrow(\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  const { duration, easing } = animation;\n  const { disappear, direction = 'positive', orient } = option;\n  const axisLine = instance.getElementsByName('axis-line')[0] as unknown as IGroup;\n  const axisTicks = instance.getElementsByName('axis-tick-container')[0] as unknown as IGroup;\n  const axisLabel = instance.getElementsByName('axis-label-container')[0] as unknown as IGroup;\n\n  if (axisLine && axisLine.childrenCount > 0) {\n    const shouldReverse =\n      orient === 'height'\n        ? direction === 'positive' || disappear //\n        : false;\n\n    const line = axisLine.getElementsByType('line')[0] as unknown as ILine;\n    if (line) {\n      if (shouldReverse) {\n        line.setAttributes({ points: line.attribute.points.reverse() });\n      }\n      const attributeMap = disappear\n        ? { from: { clipRange: 1 }, to: { clipRange: 0 } }\n        : { from: { clipRange: 0 }, to: { clipRange: 1 } };\n\n      line.setAttributes(attributeMap.from);\n      line\n        .animate()\n        .to(attributeMap.to, duration, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            line.setAttributes({ points: line.attribute.points.reverse() });\n          }\n        });\n    }\n  }\n\n  const opacityMap = disappear\n    ? { from: { opacity: 1 }, to: { opacity: 0 } }\n    : { from: { opacity: 0 }, to: { opacity: 1 } };\n\n  if (axisTicks && axisTicks.childrenCount > 0) {\n    const shouldReverse = disappear;\n    const ticks = axisTicks.getElementsByType('line');\n    if (shouldReverse) {\n      ticks.reverse();\n    }\n    ticks.forEach((tick: IText, i: number) => {\n      tick.setAttributes(opacityMap.from);\n      tick\n        .animate()\n        .wait((duration / ticks.length) * i)\n        .to(opacityMap.to, duration / ticks.length, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            ticks.reverse();\n          }\n        });\n    });\n  }\n\n  if (axisLabel && axisLabel.childrenCount > 0) {\n    const shouldReverse = disappear;\n    const text = axisLabel.getElementsByType('text');\n    if (shouldReverse) {\n      text.reverse();\n    }\n    text.forEach((t: IText, i: number) => {\n      t.setAttributes(opacityMap.from);\n      t.animate()\n        .wait((duration / text.length) * i)\n        .to(opacityMap.to, duration / text.length, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            text.reverse();\n          }\n        });\n    });\n  }\n}\n\nfunction gridGrow(\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  if (instance) {\n    commonGrow(instance, animation, option);\n  }\n}\n"]}
+{"version":3,"sources":["../src/player/processor/chart/component/axisAppear.ts"],"names":[],"mappings":"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","file":"axisAppear.js","sourcesContent":["import type { IChartVisibilityPayload } from '../../interface/appear-action';\nimport { commonFade } from '../common/commonAppear';\nimport { commonGrow } from './commonAppear';\nimport type { IGroup, ILine, IText } from '@visactor/vrender-core';\n\n// TODO: 区分直角坐标系和极坐标系\nexport const runAxisAppear = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return axisGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n\nfunction axisGrow(\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  const isGrid = instance.name?.includes('grid');\n  if (isGrid) {\n    gridGrow(instance, animation, option);\n  } else {\n    mainAxisGrow(instance, animation, option);\n  }\n}\n\nfunction mainAxisGrow(\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  const { duration, easing } = animation;\n  const { disappear, direction = 'positive', orient } = option;\n  const axisLine = instance.getElementsByName('axis-line')[0] as unknown as IGroup;\n  const axisTicks = instance.getElementsByName('axis-tick-container')[0] as unknown as IGroup;\n  const axisLabel = instance.getElementsByName('axis-label-container')[0] as unknown as IGroup;\n\n  if (axisLine && axisLine.childrenCount > 0) {\n    const shouldReverse =\n      orient === 'height'\n        ? direction === 'positive' || disappear //\n        : false;\n\n    const line = axisLine.getElementsByType('line')[0] as unknown as ILine;\n    if (line) {\n      if (shouldReverse) {\n        line.setAttributes({ points: line.attribute.points.reverse() });\n      }\n      const attributeMap = disappear\n        ? { from: { clipRange: 1 }, to: { clipRange: 0 } }\n        : { from: { clipRange: 0 }, to: { clipRange: 1 } };\n\n      line.setAttributes(attributeMap.from);\n      line\n        .animate()\n        .to(attributeMap.to, duration, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            line.setAttributes({ points: line.attribute.points.reverse() });\n          }\n        });\n    }\n  }\n\n  const opacityMap = disappear\n    ? { from: { opacity: 1 }, to: { opacity: 0 } }\n    : { from: { opacity: 0 }, to: { opacity: 1 } };\n\n  if (axisTicks && axisTicks.childrenCount > 0) {\n    const shouldReverse = disappear;\n    const ticks = axisTicks.getElementsByType('line');\n    if (shouldReverse) {\n      ticks.reverse();\n    }\n    ticks.forEach((tick: IText, i: number) => {\n      tick.setAttributes(opacityMap.from);\n      tick\n        .animate()\n        .wait((duration / ticks.length) * i)\n        .to(opacityMap.to, duration / ticks.length, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            ticks.reverse();\n          }\n        });\n    });\n  }\n\n  if (axisLabel && axisLabel.childrenCount > 0) {\n    const shouldReverse = disappear;\n    const text = axisLabel.getElementsByType('text');\n    if (shouldReverse) {\n      text.reverse();\n    }\n    text.forEach((t: IText, i: number) => {\n      t.setAttributes(opacityMap.from);\n      t.animate()\n        .wait((duration / text.length) * i)\n        .to(opacityMap.to, duration / text.length, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            text.reverse();\n          }\n        });\n    });\n  }\n}\n\nfunction gridGrow(\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  if (instance) {\n    commonGrow(instance, animation, option);\n  }\n}\n"]}

package/cjs/player/processor/chart/component/commonAppear.d.ts

@@ -1,9 +1,9 @@
 import type { IGroup } from '@visactor/vrender-core';
-import type { IChartAppearAction } from '../../interface/appear-action';
-export declare const commonGrow: (instance: IGroup, animation: IChartAppearAction['payload']['animation'], option: {
+import type { IChartVisibilityPayload } from '../../interface/appear-action';
+export declare const commonGrow: (instance: IGroup, animation: IChartVisibilityPayload['animation'], option: {
     disappear: boolean;
     orient?: 'width' | 'height';
 }) => void;
-export declare const commonFade: (instance: IGroup, animation: IChartAppearAction['payload']['animation'], option: {
+export declare const runAppearOrDisAppear: (instance: IGroup, animation: IChartVisibilityPayload['animation'], option: {
     disappear: boolean;
 }) => void;

package/cjs/player/processor/chart/component/commonAppear.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.commonFade = exports.commonGrow = void 0;
+}), exports.runAppearOrDisAppear = exports.commonGrow = void 0;
 
-const commonGrow = (instance, animation, option) => {
+const commonAppear_1 = require("../common/commonAppear"), commonGrow = (instance, animation, option) => {
     const {duration: duration, easing: easing} = animation, {disappear: disappear, orient: orient = "width"} = option, width = (instance = instance.getChildAt(0)).AABBBounds.width(), height = instance.AABBBounds.height();
     if ("width" === orient) {
         const opacityMap = disappear ? {
@@ -41,20 +41,8 @@ const commonGrow = (instance, animation, option) => {
 
 exports.commonGrow = commonGrow;
 
-const commonFade = (instance, animation, option) => {
-    const {duration: duration, easing: easing} = animation, {disappear: disappear} = option, opacityMap = disappear ? {
-        from: 1,
-        to: 0
-    } : {
-        from: 0,
-        to: 1
-    };
-    instance.setAttributes({
-        baseOpacity: opacityMap.from
-    }), instance.animate().to({
-        baseOpacity: opacityMap.to
-    }, duration, easing);
-};
+const runAppearOrDisAppear = (instance, animation, option) => "grow" === animation.effect ? (0, 
+exports.commonGrow)(instance, animation, option) : (0, commonAppear_1.commonFade)(instance, animation, option);
 
-exports.commonFade = commonFade;
+exports.runAppearOrDisAppear = runAppearOrDisAppear;
 //# sourceMappingURL=commonAppear.js.map

package/cjs/player/processor/chart/component/commonAppear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/chart/component/commonAppear.ts"],"names":[],"mappings":";;;AAGO,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAqD,EACrD,MAA2D,EAC3D,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC;IAE/C,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAW,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;IAC5C,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QAC/E,QAAQ,CAAC,aAAa,CAAC;YACrB,KAAK,EAAE,UAAU,CAAC,IAAI;YACtB,MAAM;YACN,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACnE;SAAM;QACL,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;QAEjF,QAAQ,CAAC,aAAa,CAAC;YACrB,KAAK,EAAE,KAAK,GAAG,CAAC;YAChB,MAAM,EAAE,UAAU,CAAC,IAAI;YACvB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACpE;AACH,CAAC,CAAC;AA7BW,QAAA,UAAU,cA6BrB;AAEK,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAqD,EACrD,MAA8B,EAC9B,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IAEvE,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;IACzD,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC1E,CAAC,CAAC;AAXW,QAAA,UAAU,cAWrB","file":"commonAppear.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport type { IChartAppearAction } from '../../interface/appear-action';\n\nexport const commonGrow = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height' }\n) => {\n  const { duration, easing } = animation;\n  const { disappear, orient = 'width' } = option;\n\n  instance = instance.getChildAt(0) as IGroup;\n  const width = instance.AABBBounds.width();\n  const height = instance.AABBBounds.height();\n  if (orient === 'width') {\n    const opacityMap = disappear ? { from: width, to: 0 } : { from: 0, to: width };\n    instance.setAttributes({\n      width: opacityMap.from,\n      height,\n      clip: true\n    });\n    instance.animate().to({ width: opacityMap.to }, duration, easing);\n  } else {\n    const opacityMap = disappear ? { from: height, to: 0 } : { from: 0, to: height };\n    // TODO: 轴 bounds 不准确\n    instance.setAttributes({\n      width: width * 2,\n      height: opacityMap.from,\n      clip: true\n    });\n    instance.animate().to({ height: opacityMap.to }, duration, easing);\n  }\n};\n\nexport const commonFade = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const opacityMap = disappear ? { from: 1, to: 0 } : { from: 0, to: 1 };\n\n  instance.setAttributes({ baseOpacity: opacityMap.from });\n  instance.animate().to({ baseOpacity: opacityMap.to }, duration, easing);\n};\n"]}
+{"version":3,"sources":["../src/player/processor/chart/component/commonAppear.ts"],"names":[],"mappings":";;;AAEA,yDAAoD;AAE7C,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAA+C,EAC/C,MAA2D,EAC3D,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC;IAE/C,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAW,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;IAC5C,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QAC/E,QAAQ,CAAC,aAAa,CAAC;YACrB,KAAK,EAAE,UAAU,CAAC,IAAI;YACtB,MAAM;YACN,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACnE;SAAM;QACL,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;QAEjF,QAAQ,CAAC,aAAa,CAAC;YACrB,KAAK,EAAE,KAAK,GAAG,CAAC;YAChB,MAAM,EAAE,UAAU,CAAC,IAAI;YACvB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACpE;AACH,CAAC,CAAC;AA7BW,QAAA,UAAU,cA6BrB;AAEK,MAAM,oBAAoB,GAAG,CAClC,QAAgB,EAChB,SAA+C,EAC/C,MAA8B,EAC9B,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,kBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAhBW,QAAA,oBAAoB,wBAgB/B","file":"commonAppear.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport type { IChartVisibilityPayload } from '../../interface/appear-action';\nimport { commonFade } from '../common/commonAppear';\n\nexport const commonGrow = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height' }\n) => {\n  const { duration, easing } = animation;\n  const { disappear, orient = 'width' } = option;\n\n  instance = instance.getChildAt(0) as IGroup;\n  const width = instance.AABBBounds.width();\n  const height = instance.AABBBounds.height();\n  if (orient === 'width') {\n    const opacityMap = disappear ? { from: width, to: 0 } : { from: 0, to: width };\n    instance.setAttributes({\n      width: opacityMap.from,\n      height,\n      clip: true\n    });\n    instance.animate().to({ width: opacityMap.to }, duration, easing);\n  } else {\n    const opacityMap = disappear ? { from: height, to: 0 } : { from: 0, to: height };\n    // TODO: 轴 bounds 不准确\n    instance.setAttributes({\n      width: width * 2,\n      height: opacityMap.from,\n      clip: true\n    });\n    instance.animate().to({ height: opacityMap.to }, duration, easing);\n  }\n};\n\nexport const runAppearOrDisAppear = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}

package/cjs/player/processor/chart/component/labelAppear.d.ts

@@ -1,5 +1,5 @@
-import type { IChartAppearAction } from '../../interface/appear-action';
+import type { IChartVisibilityPayload } from '../../interface/appear-action';
 import type { IGroup } from '@visactor/vrender-core';
-export declare const runLabelAppear: (instance: IGroup, animation: IChartAppearAction['payload']['animation'], option: {
+export declare const runLabelAppear: (instance: IGroup, animation: IChartVisibilityPayload['animation'], option: {
     disappear: boolean;
 }) => void;

package/cjs/player/processor/chart/component/labelAppear.js

@@ -56,7 +56,7 @@ const labelGrow = (instance, animation, option) => {
         text.setAttributes({
             opacity: opacityMap.from
         }), text.animate().to({
-            opacity: 1
+            opacity: opacityMap.to
         }, duration, easing);
     })), instance.getElementsByType("richtext").forEach((text => {
         text.setAttributes({

package/cjs/player/processor/chart/component/labelAppear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/chart/component/labelAppear.ts"],"names":[],"mappings":"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","file":"labelAppear.js","sourcesContent":["import type { IChartAppearAction } from '../../interface/appear-action';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\n\nexport const runLabelAppear = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return labelGrow(instance, animation, option);\n    }\n    case 'followGraphic': {\n      return labelFollowGraphic(instance, animation, option);\n    }\n    case 'fade': {\n      return labelFade(instance, animation, option);\n    }\n    default: {\n      return labelFade(instance, animation, option);\n    }\n  }\n};\n\nconst labelGrow = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const sizeMap = disappear ? { from: 1, to: 0 } : { from: 0, to: 1 };\n\n  instance.getElementsByType('text').forEach((text: IGraphic) => {\n    text.setAttributes({ scaleX: sizeMap.from, scaleY: sizeMap.from });\n    text.animate().to({ scaleX: sizeMap.to, scaleY: sizeMap.to }, duration, easing);\n  });\n\n  instance.getElementsByType('richtext').forEach((text: IGraphic) => {\n    text.setAttributes({ scaleX: sizeMap.from, scaleY: sizeMap.from });\n    text.animate().to({ scaleX: sizeMap.to, scaleY: sizeMap.to }, duration, easing);\n  });\n};\n\nconst labelFade = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const opacityMap = disappear ? { from: 1, to: 0 } : { from: 0, to: 1 };\n\n  instance.getElementsByType('text').forEach((text: IGraphic) => {\n    text.setAttributes({ opacity: opacityMap.from });\n    text.animate().to({ opacity: 1 }, duration, easing);\n  });\n\n  instance.getElementsByType('richtext').forEach((text: IGraphic) => {\n    text.setAttributes({ opacity: opacityMap.from });\n    text.animate().to({ opacity: opacityMap.to }, duration, easing);\n  });\n};\n\nconst labelFollowGraphic = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const opacityMap = disappear ? { from: 1, to: 0 } : { from: 1, to: 1 };\n  instance.setAttributes({ baseOpacity: opacityMap.from });\n  instance.animate().to({ baseOpacity: opacityMap.to }, duration, easing);\n};\n"]}
+{"version":3,"sources":["../src/player/processor/chart/component/labelAppear.ts"],"names":[],"mappings":"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","file":"labelAppear.js","sourcesContent":["import type { IChartVisibilityPayload } from '../../interface/appear-action';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\n\nexport const runLabelAppear = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return labelGrow(instance, animation, option);\n    }\n    case 'followGraphic': {\n      return labelFollowGraphic(instance, animation, option);\n    }\n    case 'fade': {\n      return labelFade(instance, animation, option);\n    }\n    default: {\n      return labelFade(instance, animation, option);\n    }\n  }\n};\n\nconst labelGrow = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const sizeMap = disappear ? { from: 1, to: 0 } : { from: 0, to: 1 };\n\n  instance.getElementsByType('text').forEach((text: IGraphic) => {\n    text.setAttributes({ scaleX: sizeMap.from, scaleY: sizeMap.from });\n    text.animate().to({ scaleX: sizeMap.to, scaleY: sizeMap.to }, duration, easing);\n  });\n\n  instance.getElementsByType('richtext').forEach((text: IGraphic) => {\n    text.setAttributes({ scaleX: sizeMap.from, scaleY: sizeMap.from });\n    text.animate().to({ scaleX: sizeMap.to, scaleY: sizeMap.to }, duration, easing);\n  });\n};\n\nconst labelFade = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const opacityMap = disappear ? { from: 1, to: 0 } : { from: 0, to: 1 };\n  instance.getElementsByType('text').forEach((text: IGraphic) => {\n    text.setAttributes({ opacity: opacityMap.from });\n    text.animate().to({ opacity: opacityMap.to }, duration, easing);\n  });\n\n  instance.getElementsByType('richtext').forEach((text: IGraphic) => {\n    text.setAttributes({ opacity: opacityMap.from });\n    text.animate().to({ opacity: opacityMap.to }, duration, easing);\n  });\n};\n\nconst labelFollowGraphic = (\n  instance: IGroup,\n  animation: IChartVisibilityPayload['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const opacityMap = disappear ? { from: 1, to: 0 } : { from: 1, to: 1 };\n  instance.setAttributes({ baseOpacity: opacityMap.from });\n  instance.animate().to({ baseOpacity: opacityMap.to }, duration, easing);\n};\n"]}

package/cjs/player/processor/chart/component/legendsAppear.d.ts

@@ -1,5 +1,6 @@
-import type { IChartAppearAction } from '../../interface/appear-action';
-import type { IGroup } from '@visactor/vrender-core';
-export declare const runLegendsAppear: (instance: IGroup, animation: IChartAppearAction['payload']['animation'], option: {
+export declare const runLegendsAppear: (instance: import("@visactor/vrender-core").IGroup, animation: import("../../interface/common-action").IAnimationParams & {
+    oneByOne: boolean;
+    effect: string | string[];
+}, option: {
     disappear: boolean;
 }) => void;

package/cjs/player/processor/chart/component/legendsAppear.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.runLegendsAppear = void 0;
 
-const commonAppear_1 = require("./commonAppear"), runLegendsAppear = (instance, animation, option) => "grow" === animation.effect ? (0, 
-commonAppear_1.commonGrow)(instance, animation, option) : (0, commonAppear_1.commonFade)(instance, animation, option);
+const commonAppear_1 = require("./commonAppear");
 
-exports.runLegendsAppear = runLegendsAppear;
+exports.runLegendsAppear = commonAppear_1.runAppearOrDisAppear;
 //# sourceMappingURL=legendsAppear.js.map

package/cjs/player/processor/chart/component/legendsAppear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/chart/component/legendsAppear.ts"],"names":[],"mappings":";;;AACA,iDAAwD;AAGjD,MAAM,gBAAgB,GAAG,CAC9B,QAAgB,EAChB,SAAqD,EACrD,MAA8B,EAC9B,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAhBW,QAAA,gBAAgB,oBAgB3B","file":"legendsAppear.js","sourcesContent":["import type { IChartAppearAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonAppear';\nimport type { IGroup } from '@visactor/vrender-core';\n\nexport const runLegendsAppear = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/player/processor/chart/component/legendsAppear.ts"],"names":[],"mappings":";;;AAAA,iDAAsD;AAEzC,QAAA,gBAAgB,GAAG,mCAAoB,CAAC","file":"legendsAppear.js","sourcesContent":["import { runAppearOrDisAppear } from './commonAppear';\n\nexport const runLegendsAppear = runAppearOrDisAppear;\n"]}

package/cjs/player/processor/chart/component/titleAppear.d.ts

@@ -1,5 +1,6 @@
-import type { IChartAppearAction } from '../../interface/appear-action';
-import type { IGroup } from '@visactor/vrender-core';
-export declare const runTitleAppear: (instance: IGroup, animation: IChartAppearAction['payload']['animation'], option: {
+export declare const runTitleAppear: (instance: import("@visactor/vrender-core").IGroup, animation: import("../../interface/common-action").IAnimationParams & {
+    oneByOne: boolean;
+    effect: string | string[];
+}, option: {
     disappear: boolean;
 }) => void;

package/cjs/player/processor/chart/component/titleAppear.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.runTitleAppear = void 0;
 
-const commonAppear_1 = require("./commonAppear"), runTitleAppear = (instance, animation, option) => "grow" === animation.effect ? (0, 
-commonAppear_1.commonGrow)(instance, animation, option) : (0, commonAppear_1.commonFade)(instance, animation, option);
+const commonAppear_1 = require("./commonAppear");
 
-exports.runTitleAppear = runTitleAppear;
+exports.runTitleAppear = commonAppear_1.runAppearOrDisAppear;
 //# sourceMappingURL=titleAppear.js.map

package/cjs/player/processor/chart/component/titleAppear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/chart/component/titleAppear.ts"],"names":[],"mappings":";;;AAEA,iDAAwD;AAMjD,MAAM,cAAc,GAAG,CAC5B,QAAgB,EAChB,SAAqD,EACrD,MAA8B,EAC9B,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QAED,OAAO,CAAC,CAAC;YACP,OAAO,IAAA,yBAAU,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC;AAjBW,QAAA,cAAc,kBAiBzB","file":"titleAppear.js","sourcesContent":["import { TypeWriter } from '../../../../animate/typewirter';\nimport type { IChartAppearAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonAppear';\nimport { typewriter as textTypeWriter } from '../../../../dsl/story-processor/graphic/effect/typewriter';\n\nimport type { IGroup, IText } from '@visactor/vrender-core';\nimport { isArray } from '@visactor/vutils';\n\nexport const runTitleAppear = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return commonGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/player/processor/chart/component/titleAppear.ts"],"names":[],"mappings":";;;AAAA,iDAAsD;AAEzC,QAAA,cAAc,GAAG,mCAAoB,CAAC","file":"titleAppear.js","sourcesContent":["import { runAppearOrDisAppear } from './commonAppear';\n\nexport const runTitleAppear = runAppearOrDisAppear;\n"]}

package/cjs/player/processor/chart/rankingBar/rankingBar.d.ts

@@ -0,0 +1,29 @@
+import type { Player } from '@visactor/vchart';
+import type { ICharacter } from '../../../../story/character';
+import type { IActionSpec } from '../../../../story/interface';
+import type { BasePlayer } from '@visactor/vrender-components';
+import { ActionProcessorItem } from '../../processor-item';
+import type { IAction, IActionPayload } from '../../interface/common-action';
+export type IRankingBarPlayPayload = IActionPayload;
+export interface IRankingBarPlayAction extends IAction<IRankingBarPlayPayload> {
+    action: 'play';
+}
+export declare class RankingBarPlayActionProcessor extends ActionProcessorItem {
+    name: 'rankingBar-play';
+    rafId: any;
+    duration: number;
+    interval: number;
+    count: number;
+    start: number;
+    prevIndex: number;
+    done: boolean;
+    vchartPlayer: Player;
+    vrenderPlayer: BasePlayer<any>;
+    constructor();
+    getStartTimeAndDuration(action: IActionSpec, character?: ICharacter): {
+        startTime: number;
+        duration: number;
+    };
+    run(character: ICharacter, actionSpec: any): void;
+    forward: (timestamp: number) => void;
+}

package/cjs/player/processor/chart/rankingBar/rankingBar.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RankingBarPlayActionProcessor = void 0;
+
+const processor_item_1 = require("../../processor-item"), vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils");
+
+function _forward(vchartPlayer, vrenderPlayer, params) {
+    if (!vrenderPlayer) return !1;
+    const {index: index} = params;
+    return !(!(0, vutils_1.isValid)(index) || index === vrenderPlayer.getMaxIndex()) && (vchartPlayer.changePlayerIndex(vrenderPlayer.getDataIndex()), 
+    !0);
+}
+
+class RankingBarPlayActionProcessor extends processor_item_1.ActionProcessorItem {
+    constructor() {
+        super(), this.duration = 0, this.interval = 0, this.count = 0, this.done = !1, this.forward = timestamp => {
+            (0, vutils_1.isValid)(this.start) || (this.start = timestamp, this.vrenderPlayer.play());
+            const progress = (timestamp - this.start) / this.duration, curIndex = Math.floor(Math.min(progress * this.count, this.count));
+            if (!(curIndex < this.count - 1)) return this.start = void 0, this.prevIndex = void 0, 
+            void vrender_1.vglobal.getCancelAnimationFrame()(this.rafId);
+            if (this.prevIndex !== curIndex) {
+                _forward(this.vchartPlayer, this.vrenderPlayer, {
+                    index: curIndex,
+                    progress: progress
+                }) && (this.prevIndex = curIndex);
+            } else _forward(this.vchartPlayer, this.vrenderPlayer, {
+                progress: progress
+            });
+            this.rafId = vrender_1.vglobal.getRequestAnimationFrame()(this.forward.bind(this));
+        };
+    }
+    getStartTimeAndDuration(action, character) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const {startTime: globalStartTime = 0} = action, {startTime: startTime = 0} = null !== (_b = null === (_a = action.payload) || void 0 === _a ? void 0 : _a.animation) && void 0 !== _b ? _b : {}, instance = character.graphic._vchart, interval = null !== (_d = null === (_c = null == instance ? void 0 : instance.getSpec()) || void 0 === _c ? void 0 : _c.interval) && void 0 !== _d ? _d : 0, count = null !== (_h = null === (_g = null === (_f = null === (_e = null == instance ? void 0 : instance.getSpec()) || void 0 === _e ? void 0 : _e.player) || void 0 === _f ? void 0 : _f.specs) || void 0 === _g ? void 0 : _g.length) && void 0 !== _h ? _h : 0, duration = interval * count, st = globalStartTime + startTime;
+        return this.duration = duration, this.interval = interval, this.count = count, {
+            startTime: st,
+            duration: duration
+        };
+    }
+    run(character, actionSpec) {
+        const instance = character.graphic._vchart;
+        if (!instance) return;
+        const vchartPlayer = instance.getComponents().find((cmp => "player" === cmp.type));
+        if (!vchartPlayer) return;
+        const vrenderPlayer = vchartPlayer.getVRenderComponents()[0];
+        vrenderPlayer && (this.vchartPlayer = vchartPlayer, this.vrenderPlayer = vrenderPlayer, 
+        this.rafId = vrender_1.vglobal.getRequestAnimationFrame()(this.forward.bind(this)));
+    }
+}
+
+exports.RankingBarPlayActionProcessor = RankingBarPlayActionProcessor;
+//# sourceMappingURL=rankingBar.js.map

package/cjs/player/processor/chart/rankingBar/rankingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/rankingBar/rankingBar.ts"],"names":[],"mappings":"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","file":"rankingBar.js","sourcesContent":["import type { IVChart, Player } from '@visactor/vchart';\nimport type { ICharacter } from '../../../../story/character';\nimport type { IActionSpec } from '../../../../story/interface';\nimport type { BasePlayer } from '@visactor/vrender-components';\nimport { ActionProcessorItem } from '../../processor-item';\nimport { vglobal } from '@visactor/vrender';\nimport { isValid } from '@visactor/vutils';\nimport type { IAction, IActionPayload } from '../../interface/common-action';\n\n// TODO: move to interface folder\n// export type IRankingBarPlayPayload = Omit<IActionPayload, 'animation'>;\nexport type IRankingBarPlayPayload = IActionPayload;\n\nexport interface IRankingBarPlayAction extends IAction<IRankingBarPlayPayload> {\n  action: 'play';\n}\n\nfunction _forward(\n  vchartPlayer: Player,\n  vrenderPlayer: BasePlayer<any>,\n  params: {\n    progress: number;\n    index?: number;\n  }\n): boolean {\n  if (!vrenderPlayer) {\n    return false;\n  }\n  const { index } = params;\n  if (isValid(index) && index !== vrenderPlayer.getMaxIndex()) {\n    vchartPlayer.changePlayerIndex(vrenderPlayer.getDataIndex());\n    return true;\n  }\n  return false;\n}\n\nexport class RankingBarPlayActionProcessor extends ActionProcessorItem {\n  name: 'rankingBar-play';\n  rafId: any;\n\n  duration = 0;\n  interval = 0;\n  count = 0;\n\n  start: number;\n  prevIndex: number;\n  done = false;\n\n  vchartPlayer: Player;\n  vrenderPlayer: BasePlayer<any>;\n\n  constructor() {\n    super();\n  }\n\n  getStartTimeAndDuration(action: IActionSpec, character?: ICharacter): { startTime: number; duration: number } {\n    const { startTime: globalStartTime = 0 } = action;\n    // @ts-ignore\n    const { startTime = 0 } = action.payload?.animation ?? ({} as any);\n    const instance = (character.graphic as any)._vchart as IVChart;\n    const interval = instance?.getSpec()?.interval ?? 0;\n    const count = instance?.getSpec()?.player?.specs?.length ?? 0;\n    const duration = interval * count;\n    const st = globalStartTime + startTime;\n    this.duration = duration;\n    this.interval = interval;\n    this.count = count;\n    return {\n      startTime: st,\n      duration\n    };\n  }\n\n  run(character: ICharacter, actionSpec: any): void {\n    const instance = (character.graphic as any)._vchart as IVChart;\n    if (!instance) {\n      return;\n    }\n\n    const vchartPlayer = instance.getComponents().find(cmp => cmp.type === 'player') as Player;\n    if (!vchartPlayer) {\n      return;\n    }\n    const vrenderPlayer = vchartPlayer.getVRenderComponents()[0] as BasePlayer<any>;\n    if (!vrenderPlayer) {\n      return;\n    }\n    this.vchartPlayer = vchartPlayer;\n    this.vrenderPlayer = vrenderPlayer;\n\n    this.rafId = vglobal.getRequestAnimationFrame()(this.forward.bind(this));\n  }\n\n  forward = (timestamp: number) => {\n    if (!isValid(this.start)) {\n      this.start = timestamp;\n      this.vrenderPlayer.play();\n    }\n    const elapsed = timestamp - this.start;\n    const progress = elapsed / this.duration;\n    const curIndex = Math.floor(Math.min(progress * this.count, this.count));\n\n    if (curIndex < this.count - 1) {\n      if (this.prevIndex !== curIndex) {\n        const result = _forward(this.vchartPlayer, this.vrenderPlayer, { index: curIndex, progress });\n        if (result) {\n          this.prevIndex = curIndex;\n        }\n      } else {\n        _forward(this.vchartPlayer, this.vrenderPlayer, { progress });\n      }\n\n      this.rafId = vglobal.getRequestAnimationFrame()(this.forward.bind(this));\n    } else {\n      this.start = undefined;\n      this.prevIndex = undefined;\n      vglobal.getCancelAnimationFrame()(this.rafId);\n      return;\n    }\n  };\n}\n"]}