@visactor/vstory 0.0.4-alpha.1 → 0.0.4

package/cjs/player/scheduler.d.ts

@@ -1,4 +1,4 @@
-import type { IAction, IActSpec, ISceneSpec } from '../story/interface';
+import type { IActionSpec, IActSpec, ISceneSpec } from '../story/interface';
 import type { IActionProcessor } from './processor/interface/action-processor';
 import type { IScheduler } from './interface/scheduler';
 interface IActInfo {
@@ -16,7 +16,7 @@ interface ISceneInfo {
 export interface IActionItem {
     startTime: number;
     duration: number;
-    actionSpec: IAction;
+    actionSpec: IActionSpec;
     characterId: string;
 }
 export declare class Scheduler implements IScheduler {
@@ -24,6 +24,7 @@ export declare class Scheduler implements IScheduler {
     protected _actsInfo: IActInfo[];
     protected _runnedAct: Set<IActionItem>;
     constructor(actionProcessor: IActionProcessor);
+    init(acts: IActSpec[]): void;
     clearState(): void;
     getTotalTime(): number;
     findActByTime(t: number): {
@@ -31,7 +32,7 @@ export declare class Scheduler implements IScheduler {
         t: number;
     };
     getActionsInRange(fromTime: number, toTime: number): IActionItem[];
-    initActs(acts: IActSpec[]): void;
+    protected initActs(acts: IActSpec[]): void;
     protected _getActInfo(act: IActSpec, actStartTime: number): IActInfo;
     protected _getSceneInfo(scene: ISceneSpec, sceneStartTime: number): ISceneInfo;
 }

package/cjs/player/scheduler.js

@@ -14,6 +14,9 @@ class Scheduler {
     constructor(actionProcessor) {
         this._actionProcessor = actionProcessor, this._runnedAct = new Set;
     }
+    init(acts) {
+        this.clearState(), this.initActs(acts);
+    }
     clearState() {
         this._runnedAct.clear();
     }
@@ -42,7 +45,7 @@ class Scheduler {
         return toAct.sceneInfoList.forEach((sceneInfo => {
             const {startTime: sceneStartTime} = sceneInfo;
             sceneInfo.actionList.forEach((actionInfo => {
-                sceneStartTime + actionInfo.startTime <= formatToTime && (this._runnedAct.has(actionInfo) || (this._runnedAct.add(actionInfo), 
+                sceneStartTime + actionInfo.startTime < formatToTime && (this._runnedAct.has(actionInfo) || (this._runnedAct.add(actionInfo), 
                 actions.push(actionInfo)));
             }));
         })), actions;
@@ -58,9 +61,8 @@ class Scheduler {
         let sceneStartTime = 0;
         const sceneInfoList = act.scenes.map((scene => {
             var _a;
-            const sceneInfo = this._getSceneInfo(scene, sceneStartTime);
-            return sceneStartTime = sceneInfo.startTime + (null !== (_a = scene.delay) && void 0 !== _a ? _a : 0) + sceneInfo.duration, 
-            sceneInfo;
+            const sceneInfo = this._getSceneInfo(scene, sceneStartTime + (null !== (_a = scene.delay) && void 0 !== _a ? _a : 0));
+            return sceneStartTime = sceneInfo.startTime + sceneInfo.duration, sceneInfo;
         })), startTime = sceneInfoList.reduce(((st, info) => Math.min(info.startTime, st)), 0);
         return {
             startTime: actStartTime,
@@ -85,7 +87,7 @@ class Scheduler {
         }));
         return {
             startTime: sceneStartTime + scene_st,
-            duration: sceneStartTime + scene_et - scene_st,
+            duration: scene_et - scene_st,
             id: scene.id,
             actionList: actionList
         };

package/cjs/player/scheduler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/scheduler.ts"],"names":[],"mappings":";;;AA0BA,MAAM,UAAU;IAMd,YAAY,EAAU,EAAE,CAAS,EAAE,EAAW,EAAE,EAAU;QACxD,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,CAAC;CACF;AAED,MAAa,SAAS;IAKpB,YAAY,eAAiC;QAC3C,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;IAC9B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACrG,CAAC;IAED,aAAa,CAAC,CAAS;QAErB,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACtC,IAAI,SAAS,IAAI,CAAC,EAAE;YAClB,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gBAC1B,CAAC,EAAE,CAAC;aACL,CAAC;SACH;QACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,OAAO,CAAC,SAAS,IAAI,CAAC,IAAI,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,GAAG,CAAC,EAAE;gBACtE,OAAO;oBACL,OAAO,EAAE,OAAO;oBAChB,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,SAAS;iBACzB,CAAC;aACH;SACF;QACD,OAAO;YACL,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;YAClD,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS;SAC3D,CAAC;IACJ,CAAC;IAQD,iBAAiB,CAAC,QAAgB,EAAE,MAAc;QAEhD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC7E,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACvE,IAAI,OAAO,KAAK,KAAK,EAAE;SAEtB;QAID,MAAM,OAAO,GAAkB,EAAE,CAAC;QAClC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACtC,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;YAChD,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBACxC,MAAM,SAAS,GAAG,cAAc,GAAG,UAAU,CAAC,SAAS,CAAC;gBACxD,IAAI,SAAS,IAAI,YAAY,EAAE;oBAC7B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;wBACpC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;wBAChC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;qBAC1B;iBACF;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,QAAQ,CAAC,IAAgB;QAEvB,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;YACjD,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC;YAC9B,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IAES,WAAW,CAAC,GAAa,EAAE,YAAoB;QACvD,IAAI,cAAc,GAAG,CAAC,CAAC;QACvB,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;;YAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;YAC5D,cAAc,GAAG,SAAS,CAAC,SAAS,GAAG,CAAC,MAAA,KAAK,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC;YAC/E,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC,CAAC;QACH,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACtF,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACpG,OAAO;YACL,SAAS,EAAE,YAAY;YACvB,QAAQ,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS;YACzC,EAAE,EAAE,GAAG,CAAC,EAAE;YACV,aAAa;SACd,CAAC;IACJ,CAAC;IAES,aAAa,CAAC,KAAiB,EAAE,cAAsB;QAC/D,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,MAAM,UAAU,GAAkB,EAAE,CAAC;QACrC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;YACvC,IAAI,YAAY,GAAG,QAAQ,CAAC;YAC5B,IAAI,YAAY,GAAG,CAAC,QAAQ,CAAC;YAC7B,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBACnC,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;gBACtE,IAAI,CAAC,IAAI,EAAE;oBACT,OAAO;iBACR;gBACD,MAAM,IAAI,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;gBAEnF,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;gBACnE,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;gBACtE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;YAEH,QAAQ,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;YAClF,QAAQ,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,MAAM,SAAS,GAAe;YAC5B,SAAS,EAAE,cAAc,GAAG,QAAQ;YACpC,QAAQ,EAAE,cAAc,GAAG,QAAQ,GAAG,QAAQ;YAC9C,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,UAAU;SACX,CAAC;QAEF,OAAO,SAAS,CAAC;IACnB,CAAC;CACF;AArID,8BAqIC","file":"scheduler.js","sourcesContent":["import { isNumber } from '@visactor/vutils';\nimport type { IAction, IActSpec, ISceneSpec } from '../story/interface';\nimport { IStory } from '../story/interface';\nimport type { IActionProcessor } from './processor/interface/action-processor';\nimport type { IScheduler } from './interface/scheduler';\n\ninterface IActInfo {\n  startTime: number;\n  duration: number;\n  id: string;\n  sceneInfoList: ISceneInfo[];\n}\ninterface ISceneInfo {\n  startTime: number;\n  duration: number;\n  id: string;\n  actionList: IActionItem[];\n}\n\nexport interface IActionItem {\n  startTime: number;\n  duration: number;\n  actionSpec: IAction;\n  characterId: string;\n}\n\nclass ActionItem implements IActionItem {\n  startTime: number;\n  duration: number;\n  actionSpec: IAction;\n  characterId: string;\n\n  constructor(st: number, d: number, as: IAction, ci: string) {\n    this.startTime = st;\n    this.duration = d;\n    this.actionSpec = as;\n    this.characterId = ci;\n  }\n}\n\nexport class Scheduler implements IScheduler {\n  protected _actionProcessor: IActionProcessor;\n  protected _actsInfo: IActInfo[];\n  protected _runnedAct: Set<IActionItem>;\n\n  constructor(actionProcessor: IActionProcessor) {\n    this._actionProcessor = actionProcessor;\n    this._runnedAct = new Set();\n  }\n\n  clearState(): void {\n    this._runnedAct.clear();\n  }\n\n  getTotalTime(): number {\n    return this._actsInfo.reduce((t, actInfo) => Math.max(t, actInfo.startTime + actInfo.duration), 0);\n  }\n\n  findActByTime(t: number) {\n    // 规范化t\n    const totalTime = this.getTotalTime();\n    if (totalTime <= 0) {\n      return {\n        actInfo: this._actsInfo[0],\n        t: 0\n      };\n    }\n    for (let i = 0; i < this._actsInfo.length; i++) {\n      const actInfo = this._actsInfo[i];\n      if (actInfo.startTime <= t && actInfo.startTime + actInfo.duration > t) {\n        return {\n          actInfo: actInfo,\n          t: t - actInfo.startTime\n        };\n      }\n    }\n    return {\n      actInfo: this._actsInfo[this._actsInfo.length - 1],\n      t: t - this._actsInfo[this._actsInfo.length - 1].startTime\n    };\n  }\n\n  /**\n   * 获取某个时间区间的所有Action，toTime实际上是当前时间，fromTime是上一次的时间\n   * 避免跳帧\n   * @param fromTime 上一次的时间\n   * @param toTime 当前时间\n   */\n  getActionsInRange(fromTime: number, toTime: number) {\n    // 先找到目前是在哪个幕中\n    const { actInfo: fromAct, t: formatFromTime } = this.findActByTime(fromTime);\n    const { actInfo: toAct, t: formatToTime } = this.findActByTime(toTime);\n    if (fromAct !== toAct) {\n      // TODO 跳帧了\n    }\n    // const formatFromTime = Scheduler.formatTimeInAction(fromTime, toAct);\n    // const formatToTime = Scheduler.formatTimeInAction(toTime, toAct);\n\n    const actions: IActionItem[] = [];\n    toAct.sceneInfoList.forEach(sceneInfo => {\n      const { startTime: sceneStartTime } = sceneInfo;\n      sceneInfo.actionList.forEach(actionInfo => {\n        const startTime = sceneStartTime + actionInfo.startTime;\n        if (startTime <= formatToTime) {\n          if (!this._runnedAct.has(actionInfo)) {\n            this._runnedAct.add(actionInfo);\n            actions.push(actionInfo);\n          }\n        }\n      });\n    });\n    return actions;\n  }\n\n  initActs(acts: IActSpec[]) {\n    // act与act之间是串联的\n    let startTime = 0;\n    this._actsInfo = acts.map(act => {\n      const actInfo = this._getActInfo(act, startTime);\n      startTime += actInfo.duration;\n      return actInfo;\n    });\n  }\n\n  protected _getActInfo(act: IActSpec, actStartTime: number): IActInfo {\n    let sceneStartTime = 0;\n    const sceneInfoList = act.scenes.map(scene => {\n      const sceneInfo = this._getSceneInfo(scene, sceneStartTime);\n      sceneStartTime = sceneInfo.startTime + (scene.delay ?? 0) + sceneInfo.duration;\n      return sceneInfo;\n    });\n    const startTime = sceneInfoList.reduce((st, info) => Math.min(info.startTime, st), 0);\n    const endTime = sceneInfoList.reduce((et, info) => Math.max(info.startTime + info.duration, et), 0);\n    return {\n      startTime: actStartTime,\n      duration: startTime + endTime - startTime,\n      id: act.id,\n      sceneInfoList\n    };\n  }\n\n  protected _getSceneInfo(scene: ISceneSpec, sceneStartTime: number): ISceneInfo {\n    let scene_st = 0;\n    let scene_et = 0;\n    const actionList: IActionItem[] = [];\n    scene.actions.forEach((action, actIdx) => {\n      let character_st = Infinity;\n      let character_et = -Infinity;\n      action.characterActions.forEach(ca => {\n        const info = this._actionProcessor.getActInfo(action.characterId, ca);\n        if (!info) {\n          return;\n        }\n        const item = new ActionItem(info.startTime, info.duration, ca, action.characterId);\n\n        character_st = Math.max(Math.min(item.startTime, character_st), 0);\n        character_et = Math.max(item.startTime + item.duration, character_et);\n        actionList.push(item);\n      });\n\n      scene_st = !actIdx ? character_st : Math.max(Math.min(character_st, scene_st), 0);\n      scene_et = !actIdx ? character_et : Math.max(character_et, scene_et);\n    });\n\n    const sceneInfo: ISceneInfo = {\n      startTime: sceneStartTime + scene_st,\n      duration: sceneStartTime + scene_et - scene_st,\n      id: scene.id,\n      actionList\n    };\n\n    return sceneInfo;\n  }\n}\n"]}
+{"version":3,"sources":["../src/player/scheduler.ts"],"names":[],"mappings":"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","file":"scheduler.js","sourcesContent":["import { isNumber } from '@visactor/vutils';\nimport type { IActionSpec, IActSpec, ISceneSpec } from '../story/interface';\nimport { IStory } from '../story/interface';\nimport type { IActionProcessor } from './processor/interface/action-processor';\nimport type { IScheduler } from './interface/scheduler';\n\ninterface IActInfo {\n  startTime: number;\n  duration: number;\n  id: string;\n  sceneInfoList: ISceneInfo[];\n}\ninterface ISceneInfo {\n  startTime: number;\n  duration: number;\n  id: string;\n  actionList: IActionItem[];\n}\n\nexport interface IActionItem {\n  startTime: number;\n  duration: number;\n  actionSpec: IActionSpec;\n  characterId: string;\n}\n\nclass ActionItem implements IActionItem {\n  startTime: number;\n  duration: number;\n  actionSpec: IActionSpec;\n  characterId: string;\n\n  constructor(st: number, d: number, as: IActionSpec, ci: string) {\n    this.startTime = st;\n    this.duration = d;\n    this.actionSpec = as;\n    this.characterId = ci;\n  }\n}\n\nexport class Scheduler implements IScheduler {\n  protected _actionProcessor: IActionProcessor;\n  protected _actsInfo: IActInfo[];\n  protected _runnedAct: Set<IActionItem>;\n\n  constructor(actionProcessor: IActionProcessor) {\n    this._actionProcessor = actionProcessor;\n    this._runnedAct = new Set();\n  }\n\n  init(acts: IActSpec[]) {\n    this.clearState();\n    this.initActs(acts);\n  }\n\n  clearState(): void {\n    this._runnedAct.clear();\n  }\n\n  getTotalTime(): number {\n    return this._actsInfo.reduce((t, actInfo) => Math.max(t, actInfo.startTime + actInfo.duration), 0);\n  }\n\n  findActByTime(t: number) {\n    // 规范化t\n    const totalTime = this.getTotalTime();\n    if (totalTime <= 0) {\n      return {\n        actInfo: this._actsInfo[0],\n        t: 0\n      };\n    }\n    for (let i = 0; i < this._actsInfo.length; i++) {\n      const actInfo = this._actsInfo[i];\n      if (actInfo.startTime <= t && actInfo.startTime + actInfo.duration > t) {\n        return {\n          actInfo: actInfo,\n          t: t - actInfo.startTime\n        };\n      }\n    }\n    return {\n      actInfo: this._actsInfo[this._actsInfo.length - 1],\n      t: t - this._actsInfo[this._actsInfo.length - 1].startTime\n    };\n  }\n\n  /**\n   * 获取某个时间区间的所有Action，toTime实际上是当前时间，fromTime是上一次的时间\n   * 避免跳帧\n   * @param fromTime 上一次的时间\n   * @param toTime 当前时间\n   */\n  getActionsInRange(fromTime: number, toTime: number) {\n    // 先找到目前是在哪个幕中\n    const { actInfo: fromAct, t: formatFromTime } = this.findActByTime(fromTime);\n    const { actInfo: toAct, t: formatToTime } = this.findActByTime(toTime);\n    if (fromAct !== toAct) {\n      // TODO 跳帧了\n    }\n    // const formatFromTime = Scheduler.formatTimeInAction(fromTime, toAct);\n    // const formatToTime = Scheduler.formatTimeInAction(toTime, toAct);\n\n    const actions: IActionItem[] = [];\n    toAct.sceneInfoList.forEach(sceneInfo => {\n      const { startTime: sceneStartTime } = sceneInfo;\n      sceneInfo.actionList.forEach(actionInfo => {\n        const startTime = sceneStartTime + actionInfo.startTime;\n        if (startTime < formatToTime) {\n          if (!this._runnedAct.has(actionInfo)) {\n            this._runnedAct.add(actionInfo);\n            actions.push(actionInfo);\n          }\n        }\n      });\n    });\n    // actions.length && console.log('找到', fromTime, toTime, actions);\n    return actions;\n  }\n\n  protected initActs(acts: IActSpec[]) {\n    // act与act之间是串联的\n    let startTime = 0;\n    this._actsInfo = acts.map(act => {\n      const actInfo = this._getActInfo(act, startTime);\n      startTime += actInfo.duration;\n      return actInfo;\n    });\n  }\n\n  protected _getActInfo(act: IActSpec, actStartTime: number): IActInfo {\n    let sceneStartTime = 0;\n    const sceneInfoList = act.scenes.map(scene => {\n      const sceneInfo = this._getSceneInfo(scene, sceneStartTime + (scene.delay ?? 0));\n      sceneStartTime = sceneInfo.startTime + sceneInfo.duration;\n      return sceneInfo;\n    });\n    const startTime = sceneInfoList.reduce((st, info) => Math.min(info.startTime, st), 0);\n    const endTime = sceneInfoList.reduce((et, info) => Math.max(info.startTime + info.duration, et), 0);\n    return {\n      startTime: actStartTime,\n      duration: startTime + endTime - startTime,\n      id: act.id,\n      sceneInfoList\n    };\n  }\n\n  protected _getSceneInfo(scene: ISceneSpec, sceneStartTime: number): ISceneInfo {\n    let scene_st = 0;\n    let scene_et = 0;\n    const actionList: IActionItem[] = [];\n    scene.actions.forEach((action, actIdx) => {\n      let character_st = Infinity;\n      let character_et = -Infinity;\n      action.characterActions.forEach(ca => {\n        const info = this._actionProcessor.getActInfo(action.characterId, ca);\n        if (!info) {\n          return;\n        }\n        const item = new ActionItem(info.startTime, info.duration, ca, action.characterId);\n\n        character_st = Math.max(Math.min(item.startTime, character_st), 0);\n        character_et = Math.max(item.startTime + item.duration, character_et);\n        actionList.push(item);\n      });\n\n      scene_st = !actIdx ? character_st : Math.max(Math.min(character_st, scene_st), 0);\n      scene_et = !actIdx ? character_et : Math.max(character_et, scene_et);\n    });\n\n    const sceneInfo: ISceneInfo = {\n      startTime: sceneStartTime + scene_st,\n      duration: scene_et - scene_st,\n      id: scene.id,\n      actionList\n    };\n\n    return sceneInfo;\n  }\n}\n"]}

package/cjs/scene/action.js

@@ -1,3 +1 @@
-
-
 //# sourceMappingURL=action.js.map

package/cjs/story/canvas/canvas.js

@@ -62,4 +62,4 @@ class StoryCanvas {
 }
 
 exports.StoryCanvas = StoryCanvas;
-//# sourceMappingURL=canvas.js.map
+//# sourceMappingURL=canvas.js.map

package/cjs/story/character/base/base.d.ts

@@ -2,14 +2,12 @@ import type { ICharacterInitOption, ICharacterPickInfo } from '../runtime-interf
 import type { ICharacter, ICharacterSpec } from '..';
 import type { IGroup } from '@visactor/vrender';
 import type { StoryEvent } from '../../interface';
-import { Graphic } from '../component/graphic/graphic';
-import { IVisactorGraphic } from '../visactor/interface';
 export declare abstract class CharacterBase implements ICharacter {
     readonly id: string;
-    protected _graphic: Graphic | IVisactorGraphic;
-    get graphic(): IVisactorGraphic | Graphic;
     protected _spec: ICharacterSpec;
     get spec(): ICharacterSpec;
+    protected _graphic: any;
+    get graphic(): any;
     protected _option: ICharacterInitOption;
     get option(): ICharacterInitOption;
     constructor(spec: ICharacterSpec, option: ICharacterInitOption);
@@ -27,4 +25,5 @@ export declare abstract class CharacterBase implements ICharacter {
     abstract getGraphicParent(): IGroup;
     abstract clearCharacter(): void;
     abstract checkEvent(event: StoryEvent): false | ICharacterPickInfo;
+    release(): void;
 }

package/cjs/story/character/base/base.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 const vutils_1 = require("@visactor/vutils");
 
 class CharacterBase {
-    get graphic() {
-        return this._graphic;
-    }
     get spec() {
         return this._spec;
     }
+    get graphic() {
+        return this._graphic;
+    }
     get option() {
         return this._option;
     }
@@ -37,6 +37,9 @@ class CharacterBase {
         this.clearCharacter(), this.init();
     }
     getPositionData() {}
+    release() {
+        this.graphic && this.graphic.release && this.graphic.release();
+    }
 }
 
 exports.CharacterBase = CharacterBase;

package/cjs/story/character/base/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/base/base.ts"],"names":[],"mappings":";;;AAAA,6CAAkD;AAQlD,MAAsB,aAAa;IAGjC,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAGD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,IAAoB,EAAE,MAA4B;QAC5D,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IACD,UAAU,CAAC,IAAkD;;QAC3D,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;SACrC;QACD,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SACjC;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAA,cAAK,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SACpE;IACH,CAAC;IAED,aAAa,CAAC,IAAyB;QACrC,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,CAAC,CAAS;QACd,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI;QACF,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IASD,eAAe;QACb,OAAO;IACT,CAAC;CAOF;AApED,sCAoEC","file":"base.js","sourcesContent":["import { isValid, merge } from '@visactor/vutils';\nimport type { ICharacterInitOption, ICharacterPickInfo } from '../runtime-interface';\nimport type { ICharacter, ICharacterSpec } from '..';\nimport type { IGroup } from '@visactor/vrender';\nimport type { StoryEvent } from '../../interface';\nimport { Graphic } from '../component/graphic/graphic';\nimport { IVisactorGraphic } from '../visactor/interface';\n\nexport abstract class CharacterBase implements ICharacter {\n  readonly id: string;\n  protected declare _graphic: Graphic | IVisactorGraphic;\n  get graphic() {\n    return this._graphic;\n  }\n  protected _spec: ICharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n\n  protected _option: ICharacterInitOption;\n  get option() {\n    return this._option;\n  }\n\n  constructor(spec: ICharacterSpec, option: ICharacterInitOption) {\n    this.id = spec.id;\n    this._spec = spec;\n    this._option = option;\n  }\n  updateSpec(spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>): void {\n    if (spec.position) {\n      this._spec.position = spec.position;\n    }\n    if (isValid(spec.zIndex)) {\n      this._spec.zIndex = spec.zIndex;\n    }\n    if (spec.options) {\n      this._spec.options = merge(this._spec.options ?? {}, spec.options);\n    }\n  }\n\n  setAttributes(attr: Record<string, any>) {\n    throw new Error('请重载setAttributes函数');\n  }\n\n  tickTo(t: number): void {\n    throw new Error('Method not implemented.');\n  }\n\n  init() {\n    this._initRuntime();\n    this._parserSpec();\n    this._initGraphics();\n  }\n\n  reset() {\n    this.clearCharacter();\n    this.init();\n  }\n\n  protected abstract _initRuntime(): void;\n  protected abstract _parserSpec(): void;\n  protected abstract _initGraphics(): void;\n\n  abstract show(): void;\n  abstract hide(): void;\n\n  getPositionData() {\n    return;\n  }\n\n  abstract getGraphicParent(): IGroup;\n\n  abstract clearCharacter(): void;\n\n  abstract checkEvent(event: StoryEvent): false | ICharacterPickInfo;\n}\n"]}
+{"version":3,"sources":["../src/story/character/base/base.ts"],"names":[],"mappings":";;;AAAA,6CAAkD;AAOlD,MAAsB,aAAa;IAGjC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAGD,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,YAAY,IAAoB,EAAE,MAA4B;QAC5D,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IACD,UAAU,CAAC,IAAkD;;QAC3D,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;SACrC;QACD,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SACjC;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAA,cAAK,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,mCAAI,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;SACpE;IACH,CAAC;IAED,aAAa,CAAC,IAAyB;QACrC,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,MAAM,CAAC,CAAS;QACd,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;IAED,IAAI;QACF,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IASD,eAAe;QACb,OAAO;IACT,CAAC;IAOD,OAAO;QACL,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IACjE,CAAC;CACF;AAvED,sCAuEC","file":"base.js","sourcesContent":["import { isValid, merge } from '@visactor/vutils';\nimport type { ICharacterInitOption, ICharacterPickInfo } from '../runtime-interface';\nimport type { ICharacter, ICharacterSpec } from '..';\nimport type { IGroup } from '@visactor/vrender';\nimport type { StoryEvent } from '../../interface';\nimport { IVisactorGraphic } from '../visactor/interface';\n\nexport abstract class CharacterBase implements ICharacter {\n  readonly id: string;\n  protected _spec: ICharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n  protected declare _graphic: any;\n  get graphic() {\n    return this._graphic;\n  }\n\n  protected _option: ICharacterInitOption;\n  get option() {\n    return this._option;\n  }\n\n  constructor(spec: ICharacterSpec, option: ICharacterInitOption) {\n    this.id = spec.id;\n    this._spec = spec;\n    this._option = option;\n  }\n  updateSpec(spec: Omit<Partial<ICharacterSpec>, 'id' | 'type'>): void {\n    if (spec.position) {\n      this._spec.position = spec.position;\n    }\n    if (isValid(spec.zIndex)) {\n      this._spec.zIndex = spec.zIndex;\n    }\n    if (spec.options) {\n      this._spec.options = merge(this._spec.options ?? {}, spec.options);\n    }\n  }\n\n  setAttributes(attr: Record<string, any>) {\n    throw new Error('请重载setAttributes函数');\n  }\n\n  tickTo(t: number): void {\n    throw new Error('Method not implemented.');\n  }\n\n  init() {\n    this._initRuntime();\n    this._parserSpec();\n    this._initGraphics();\n  }\n\n  reset() {\n    this.clearCharacter();\n    this.init();\n  }\n\n  protected abstract _initRuntime(): void;\n  protected abstract _parserSpec(): void;\n  protected abstract _initGraphics(): void;\n\n  abstract show(): void;\n  abstract hide(): void;\n\n  getPositionData() {\n    return;\n  }\n\n  abstract getGraphicParent(): IGroup;\n\n  abstract clearCharacter(): void;\n\n  abstract checkEvent(event: StoryEvent): false | ICharacterPickInfo;\n  release() {\n    this.graphic && this.graphic.release && this.graphic.release();\n  }\n}\n"]}

package/cjs/story/character/chart/character.d.ts

@@ -21,4 +21,5 @@ export declare class CharacterChart extends CharacterVisactor {
     clearCharacter(): void;
     tickTo(t: number): void;
     checkEvent(event: StoryEvent): false | ICharacterPickInfo;
+    release(): void;
 }

package/cjs/story/character/chart/character.js

@@ -81,6 +81,9 @@ class CharacterChart extends character_1.CharacterVisactor {
     checkEvent(event) {
         return !1;
     }
+    release() {
+        this.option.graphicParent.removeChild(this._graphic), this._graphic.release && this._graphic.release();
+    }
 }
 
 exports.CharacterChart = CharacterChart, CharacterChart.type = "CharacterChart", 

package/cjs/story/character/chart/character.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/character.ts"],"names":[],"mappings":"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","file":"character.js","sourcesContent":["import { CommonSpecRuntime } from './runtime/common-spec';\nimport { ComponentSpecRuntime } from './runtime/component-spec';\nimport type { IChartCharacterRuntimeConstructor } from './runtime/interface';\nimport { cloneDeep } from '@visactor/vutils';\nimport { VChart } from '@visactor/vchart';\nimport type { IChartCharacterSpec } from '../dsl-interface';\nimport { Chart } from './graphic/vchart-graphic';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport { CharacterVisactor } from '../visactor/character';\nimport { SpecProcess } from './spec-process/spec-process';\nimport { ChartDataTempTransform } from './spec-process/data-temp-transform';\nimport type { ITicker } from '@visactor/vrender';\nimport type { IChartTemp } from './temp/interface';\nimport { SeriesSpecRuntime } from './runtime/series-spec';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\n\nexport class CharacterChart extends CharacterVisactor {\n  static type = 'CharacterChart';\n  static RunTime: IChartCharacterRuntimeConstructor[] = [\n    ComponentSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    CommonSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    SeriesSpecRuntime as unknown as IChartCharacterRuntimeConstructor\n  ];\n\n  protected declare _specProcess: SpecProcess;\n  protected _ticker: ITicker;\n\n  protected declare _spec: IChartCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n\n  protected _initSpecProcess(): void {\n    this._specProcess = new SpecProcess(this as any, ChartDataTempTransform, this.onSpecReady);\n  }\n\n  protected _initRuntime(): void {\n    CharacterChart.RunTime.forEach(R => {\n      this._runtime.push(new R(this));\n    });\n  }\n\n  protected _parserSpec(): void {\n    this._specProcess.updateConfig(this._spec);\n  }\n  protected _initGraphics(): void {\n    // this._ticker = new ManualTicker([]);\n    const layout = getLayoutFromWidget(this._spec.position);\n    const viewBox = {\n      x1: layout.x,\n      x2: layout.x + layout.width,\n      y1: layout.y,\n      y2: layout.y + layout.height\n    };\n    const spec = cloneDeep(this._specProcess.getVisSpec());\n    spec.width = layout.width;\n    spec.height = layout.height;\n    // @ts-ignore\n    this._graphic = new Chart({\n      renderCanvas: this._option.canvas.getCanvas(),\n      spec: spec,\n      ClassType: VChart,\n      vchart: null,\n      zIndex: this._spec.zIndex,\n      mode: 'desktop-browser',\n      dpr: window.devicePixelRatio,\n      interactive: false,\n      autoRender: false,\n      disableDirtyBounds: true,\n      viewBox,\n      ticker: this._option.canvas.getStage().ticker,\n      visibleAll: false,\n      ...(this._spec.options.panel ?? {}),\n      chartInitOptions: {\n        animation: true,\n        disableTriggerEvent: true,\n        performanceHook: {\n          afterInitializeChart: () => {\n            (<IChartTemp>this.specProcess.dataTempTransform?.specTemp)?.afterInitializeChart({ character: this });\n            this._runtime.forEach(r => r.afterInitializeChart?.());\n          },\n          afterVRenderDraw: () => {\n            this._runtime.forEach(r => r.afterVRenderDraw?.());\n          }\n        }\n      }\n    });\n    this.option.graphicParent.add(this._graphic as any);\n  }\n\n  protected _afterRender(): void {\n    // console.log('afterRender');\n    return;\n  }\n  protected _updateVisactorSpec(): void {\n    // console.log('_updateVisactorSpec', this._specProcess.getVisSpec());\n    this._graphic?.updateSpec(this._specProcess.getVisSpec());\n  }\n\n  clearCharacter(): void {\n    this._graphic.vProduct.release();\n    this._graphic.parent.removeChild(this._graphic);\n  }\n\n  tickTo(t: number): void {\n    this._ticker.tickAt(t);\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    return false;\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/character.ts"],"names":[],"mappings":"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","file":"character.js","sourcesContent":["import { CommonSpecRuntime } from './runtime/common-spec';\nimport { ComponentSpecRuntime } from './runtime/component-spec';\nimport type { IChartCharacterRuntimeConstructor } from './runtime/interface';\nimport { cloneDeep } from '@visactor/vutils';\nimport { VChart } from '@visactor/vchart';\nimport type { IChartCharacterSpec } from '../dsl-interface';\nimport { Chart } from './graphic/vchart-graphic';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport { CharacterVisactor } from '../visactor/character';\nimport { SpecProcess } from './spec-process/spec-process';\nimport { ChartDataTempTransform } from './spec-process/data-temp-transform';\nimport type { ITicker } from '@visactor/vrender';\nimport type { IChartTemp } from './temp/interface';\nimport { SeriesSpecRuntime } from './runtime/series-spec';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\n\nexport class CharacterChart extends CharacterVisactor {\n  static type = 'CharacterChart';\n  static RunTime: IChartCharacterRuntimeConstructor[] = [\n    ComponentSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    CommonSpecRuntime as unknown as IChartCharacterRuntimeConstructor,\n    SeriesSpecRuntime as unknown as IChartCharacterRuntimeConstructor\n  ];\n\n  protected declare _specProcess: SpecProcess;\n  protected _ticker: ITicker;\n\n  protected declare _spec: IChartCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n\n  protected _initSpecProcess(): void {\n    this._specProcess = new SpecProcess(this as any, ChartDataTempTransform, this.onSpecReady);\n  }\n\n  protected _initRuntime(): void {\n    CharacterChart.RunTime.forEach(R => {\n      this._runtime.push(new R(this));\n    });\n  }\n\n  protected _parserSpec(): void {\n    this._specProcess.updateConfig(this._spec);\n  }\n  protected _initGraphics(): void {\n    // this._ticker = new ManualTicker([]);\n    const layout = getLayoutFromWidget(this._spec.position);\n    const viewBox = {\n      x1: layout.x,\n      x2: layout.x + layout.width,\n      y1: layout.y,\n      y2: layout.y + layout.height\n    };\n    const spec = cloneDeep(this._specProcess.getVisSpec());\n    spec.width = layout.width;\n    spec.height = layout.height;\n    // @ts-ignore\n    this._graphic = new Chart({\n      renderCanvas: this._option.canvas.getCanvas(),\n      spec: spec,\n      ClassType: VChart,\n      vchart: null,\n      zIndex: this._spec.zIndex,\n      mode: 'desktop-browser',\n      dpr: window.devicePixelRatio,\n      interactive: false,\n      autoRender: false,\n      disableDirtyBounds: true,\n      viewBox,\n      ticker: this._option.canvas.getStage().ticker,\n      visibleAll: false,\n      ...(this._spec.options.panel ?? {}),\n      chartInitOptions: {\n        animation: true,\n        disableTriggerEvent: true,\n        performanceHook: {\n          afterInitializeChart: () => {\n            (<IChartTemp>this.specProcess.dataTempTransform?.specTemp)?.afterInitializeChart({ character: this });\n            this._runtime.forEach(r => r.afterInitializeChart?.());\n          },\n          afterVRenderDraw: () => {\n            this._runtime.forEach(r => r.afterVRenderDraw?.());\n          }\n        }\n      }\n    });\n    this.option.graphicParent.add(this._graphic as any);\n  }\n\n  protected _afterRender(): void {\n    // console.log('afterRender');\n    return;\n  }\n  protected _updateVisactorSpec(): void {\n    // console.log('_updateVisactorSpec', this._specProcess.getVisSpec());\n    this._graphic?.updateSpec(this._specProcess.getVisSpec());\n  }\n\n  clearCharacter(): void {\n    this._graphic.vProduct.release();\n    this._graphic.parent.removeChild(this._graphic);\n  }\n\n  tickTo(t: number): void {\n    this._ticker.tickAt(t);\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    return false;\n  }\n\n  release(): void {\n    this.option.graphicParent.removeChild(this._graphic as any);\n    this._graphic.release && this._graphic.release();\n  }\n}\n"]}

package/cjs/story/character/chart/graphic/vchart-graphic-render.js

@@ -26,9 +26,9 @@ let VChartRender = class extends vrender_1.DefaultCanvasRectRender {
         context.baseGlobalAlpha /= baseOpacity;
         const chartStage = chart.vchart.getStage(), chartCtx = chartStage.window.getContext();
         chartCtx.baseGlobalAlpha *= baseOpacity, chartStage._editor_needRender = !0;
-        const matrix = chart.globalTransMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform();
-        matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
-        chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
+        const matrix = chart.globalTransMatrix.clone(), stageMatrix = chart.stage.window.getViewBoxTransform().clone();
+        stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), 
+        chartStage.window.setViewBoxTransform(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), 
         null === (_a = chartStage.dirtyBounds) || void 0 === _a || _a.clear(), chartStage.render(), 
         chartCtx.baseGlobalAlpha /= baseOpacity;
     }

package/cjs/story/character/chart/graphic/vchart-graphic-render.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-render.ts"],"names":[],"mappings":";;;;;;;;;AAWA,+CAAwE;AAExE,qDAAqD;AAExC,QAAA,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AACxC,QAAA,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AAGtE,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,iCAAuB;IAAlD;;QAEL,eAAU,GAAW,kCAAiB,CAAC;IAiDzC,CAAC;IA/CC,SAAS,CACP,KAAU,EACV,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;;QAEZ,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;QAC5C,IAAI,WAAW,IAAI,CAAC,EAAE;YACpB,OAAO;SACR;QACD,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7E,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAChD,QAAQ,CAAC,eAAe,IAAI,WAAW,CAAC;QAExC,UAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;QAC1G,UAAU,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QAClG,MAAA,UAAU,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QAChC,UAAU,CAAC,MAAM,EAAE,CAAC;QACpB,QAAQ,CAAC,eAAe,IAAI,WAAW,CAAC;IAI1C,CAAC;IAED,IAAI,CAAC,KAAU,EAAE,aAA6B,EAAE,WAAyB,EAAE,MAAiC;QAE1G,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;CACF,CAAA;AAnDY,YAAY;IADxB,IAAA,oBAAU,GAAE;GACA,YAAY,CAmDxB;AAnDY,oCAAY","file":"vchart-graphic-render.js","sourcesContent":["import type {\n  IContext2d,\n  IDrawContext,\n  IGraphicAttribute,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute,\n  IGraphic\n} from '@visactor/vrender';\nimport { injectable, DefaultCanvasRectRender } from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\nexport const ChartRender = Symbol.for('ChartRender');\nexport const ChartRenderContribution = Symbol.for('ChartRenderContribution');\n\n@injectable()\nexport class VChartRender extends DefaultCanvasRectRender implements IGraphicRender {\n  type: 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  drawShape(\n    chart: any,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const { baseOpacity = 1 } = chart.attribute;\n    if (baseOpacity <= 0) {\n      return;\n    }\n    context.baseGlobalAlpha *= baseOpacity;\n    super.drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb);\n    context.baseGlobalAlpha /= baseOpacity;\n    const vChart = (chart as Chart).vchart;\n    const chartStage = vChart.getStage();\n    const chartCtx = chartStage.window.getContext();\n    chartCtx.baseGlobalAlpha *= baseOpacity;\n    // @ts-ignore\n    chartStage._editor_needRender = true;\n    const matrix = chart.globalTransMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform();\n    matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f);\n    chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    chartStage.dirtyBounds?.clear();\n    chartStage.render();\n    chartCtx.baseGlobalAlpha /= baseOpacity;\n    // const ctx = chartStage.window.getContext();\n    // ctx.fillStyle = 'green';\n    // ctx.fillRect(0, 0, 100, 100);\n  }\n\n  draw(chart: any, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    // const chartAttribute = getTheme(chart, params?.theme).circle;\n    this._draw(chart, {} as any, false, drawContext, params);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic-render.ts"],"names":[],"mappings":";;;;;;;;;AAWA,+CAAwE;AAExE,qDAAqD;AAExC,QAAA,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AACxC,QAAA,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AAGtE,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,iCAAuB;IAAlD;;QAEL,eAAU,GAAW,kCAAiB,CAAC;IAwDzC,CAAC;IAtDC,SAAS,CACP,KAAU,EACV,OAAmB,EACnB,CAAS,EACT,CAAS,EACT,WAAyB,EACzB,MAAiC,EACjC,MAIY,EACZ,QAIY;;QAEZ,MAAM,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;QAC5C,IAAI,WAAW,IAAI,CAAC,EAAE;YACpB,OAAO;SACR;QACD,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7E,OAAO,CAAC,eAAe,IAAI,WAAW,CAAC;QACvC,MAAM,MAAM,GAAI,KAAe,CAAC,MAAM,CAAC;QACvC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACrC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAChD,QAAQ,CAAC,eAAe,IAAI,WAAW,CAAC;QAExC,UAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,KAAK,EAAE,CAAC;QACrE,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;QACjF,UAAU,CAAC,MAAM,CAAC,mBAAmB,CACnC,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,EACb,WAAW,CAAC,CAAC,CACd,CAAC;QACF,MAAA,UAAU,CAAC,WAAW,0CAAE,KAAK,EAAE,CAAC;QAChC,UAAU,CAAC,MAAM,EAAE,CAAC;QACpB,QAAQ,CAAC,eAAe,IAAI,WAAW,CAAC;IAI1C,CAAC;IAED,IAAI,CAAC,KAAU,EAAE,aAA6B,EAAE,WAAyB,EAAE,MAAiC;QAE1G,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAC3D,CAAC;CACF,CAAA;AA1DY,YAAY;IADxB,IAAA,oBAAU,GAAE;GACA,YAAY,CA0DxB;AA1DY,oCAAY","file":"vchart-graphic-render.js","sourcesContent":["import type {\n  IContext2d,\n  IDrawContext,\n  IGraphicAttribute,\n  IGraphicRender,\n  IGraphicRenderDrawParams,\n  IMarkAttribute,\n  IRenderService,\n  IThemeAttribute,\n  IGraphic\n} from '@visactor/vrender';\nimport { injectable, DefaultCanvasRectRender } from '@visactor/vrender';\nimport type { Chart } from './vchart-graphic';\nimport { CHART_NUMBER_TYPE } from './vchart-graphic';\n\nexport const ChartRender = Symbol.for('ChartRender');\nexport const ChartRenderContribution = Symbol.for('ChartRenderContribution');\n\n@injectable()\nexport class VChartRender extends DefaultCanvasRectRender implements IGraphicRender {\n  type: 'chart';\n  numberType: number = CHART_NUMBER_TYPE;\n\n  drawShape(\n    chart: any,\n    context: IContext2d,\n    x: number,\n    y: number,\n    drawContext: IDrawContext,\n    params?: IGraphicRenderDrawParams,\n    fillCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean,\n    strokeCb?: (\n      ctx: IContext2d,\n      markAttribute: Partial<IMarkAttribute & IGraphicAttribute>,\n      themeAttribute: IThemeAttribute\n    ) => boolean\n  ) {\n    const { baseOpacity = 1 } = chart.attribute;\n    if (baseOpacity <= 0) {\n      return;\n    }\n    context.baseGlobalAlpha *= baseOpacity;\n    super.drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb);\n    context.baseGlobalAlpha /= baseOpacity;\n    const vChart = (chart as Chart).vchart;\n    const chartStage = vChart.getStage();\n    const chartCtx = chartStage.window.getContext();\n    chartCtx.baseGlobalAlpha *= baseOpacity;\n    // @ts-ignore\n    chartStage._editor_needRender = true;\n    const matrix = chart.globalTransMatrix.clone();\n    const stageMatrix = chart.stage.window.getViewBoxTransform().clone();\n    stageMatrix.multiply(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f);\n    chartStage.window.setViewBoxTransform(\n      stageMatrix.a,\n      stageMatrix.b,\n      stageMatrix.c,\n      stageMatrix.d,\n      stageMatrix.e,\n      stageMatrix.f\n    );\n    chartStage.dirtyBounds?.clear();\n    chartStage.render();\n    chartCtx.baseGlobalAlpha /= baseOpacity;\n    // const ctx = chartStage.window.getContext();\n    // ctx.fillStyle = 'green';\n    // ctx.fillRect(0, 0, 100, 100);\n  }\n\n  draw(chart: any, renderService: IRenderService, drawContext: IDrawContext, params?: IGraphicRenderDrawParams) {\n    // const chartAttribute = getTheme(chart, params?.theme).circle;\n    this._draw(chart, {} as any, false, drawContext, params);\n  }\n}\n"]}

package/cjs/story/character/chart/graphic/vchart-graphic.d.ts

@@ -32,4 +32,5 @@ export declare class Chart extends Group implements IVisactorGraphic {
     updateSpec(spec: ISpec, forceMerge?: boolean, morphConfig?: boolean): void;
     updateViewBox(viewBox: IBoundsLike): void;
     private _updateViewBox;
+    release(): void;
 }

package/cjs/story/character/chart/graphic/vchart-graphic.js

@@ -41,8 +41,9 @@ class Chart extends vrender_1.Group {
                 this._vchart && this.stage && (this._vchart.getStage()._editor_needRender = !1, 
                 this._vchart.getStage().stage.resumeRender());
             }
-        }, null !== (_a = params.chartInitOptions) && void 0 !== _a ? _a : {})), this._vchart.renderSync();
+        }, null !== (_a = params.chartInitOptions) && void 0 !== _a ? _a : {}));
         const stage = this._vchart.getStage();
+        stage.stage.pauseRender(), this._vchart.renderSync(), stage.stage.resumeRender(), 
         stage && (stage.background = !1, stage.pauseTriggerEvent()), params.viewBox && this.updateViewBox(params.viewBox);
     }
     updateSpec(spec, forceMerge = !1, morphConfig = !1) {
@@ -61,6 +62,9 @@ class Chart extends vrender_1.Group {
         }), viewBox.x2 -= viewBox.x1, viewBox.y2 -= viewBox.y1, viewBox.x1 = 0, viewBox.y1 = 0, 
         this._vchart.resize(viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1), this._vchart.updateViewBox(viewBox);
     }
+    release() {
+        this._vchart && this._vchart.release();
+    }
 }
 
 exports.Chart = Chart;

package/cjs/story/character/chart/graphic/vchart-graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic.ts"],"names":[],"mappings":"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","file":"vchart-graphic.js","sourcesContent":["import type { IVisactorGraphic } from '../../visactor/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\n\nexport interface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  renderCanvas: HTMLCanvasElement;\n  spec: any;\n  ClassType: any;\n  vchart: IVChart;\n  mode: string;\n  modeParams?: any;\n  dpr: number;\n  interactive: boolean;\n  animation: boolean;\n  disableTriggerEvent: boolean;\n  disableDirtyBounds: boolean;\n  viewBox: IBoundsLike;\n  ticker?: ITicker;\n  autoRender?: boolean;\n  chartInitOptions?: any;\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\n// @ts-ignore\nexport class Chart extends Group implements IVisactorGraphic {\n  type: GraphicType = 'chart' as any;\n  declare attribute: IChartGraphicAttribute;\n  protected _vchart: IVChart;\n  get vchart() {\n    return this._vchart;\n  }\n  get vProduct() {\n    return this._vchart;\n  }\n\n  drawTag = false;\n\n  constructor(params: IChartGraphicAttribute) {\n    super(params);\n    this.numberType = CHART_NUMBER_TYPE;\n\n    // 创建chart\n    if (!params.vchart) {\n      params.vchart = this._vchart = new params.ClassType(params.spec, {\n        renderCanvas: params.renderCanvas,\n        mode: params.mode,\n        modeParams: params.modeParams,\n        canvasControled: false,\n        // viewBox: params.vi\n        dpr: params.dpr,\n        interactive: params.interactive,\n        animation: false,\n        autoFit: false,\n        disableTriggerEvent: params.disableTriggerEvent,\n        disableDirtyBounds: params.disableDirtyBounds,\n        ticker: params.ticker,\n        beforeRender: () => {\n          if (!this.stage) {\n            return;\n          }\n          const chartStage = this._vchart.getStage();\n          if (!(chartStage as any)._editor_needRender) {\n            chartStage.pauseRender();\n            this.stage.dirtyBounds?.union(this.globalAABBBounds);\n            this.stage.renderNextFrame();\n          }\n        },\n        afterRender: () => {\n          if (!this._vchart) {\n            return;\n          }\n          if (!this.stage) {\n            return;\n          }\n          // @ts-ignore\n          this._vchart.getStage()._editor_needRender = false;\n          this._vchart.getStage().stage.resumeRender();\n        },\n        ...(params.chartInitOptions ?? {})\n      });\n    } else {\n      this._vchart = params.vchart;\n    }\n    this._vchart.renderSync();\n    // 背景设置为false后，不会擦除画布内容，可以实现元素正常堆叠绘制\n    const stage = this._vchart.getStage();\n    if (stage) {\n      stage.background = false as any;\n      // 关闭交互\n      stage.pauseTriggerEvent();\n    }\n    if (params.viewBox) {\n      this.updateViewBox(params.viewBox);\n    }\n  }\n\n  updateSpec(spec: ISpec, forceMerge = false, morphConfig = false) {\n    this._vchart.updateSpecSync(spec, forceMerge, morphConfig as any);\n  }\n\n  updateViewBox(viewBox: IBoundsLike) {\n    this._updateViewBox(viewBox);\n  }\n\n  private _updateViewBox(_viewBox: IBoundsLike) {\n    const viewBox = { ..._viewBox };\n    this.setAttributes({\n      x: viewBox.x1,\n      y: viewBox.y1,\n      width: viewBox.x2 - viewBox.x1,\n      height: viewBox.y2 - viewBox.y1\n    });\n    //\n    viewBox.x2 -= viewBox.x1;\n    viewBox.y2 -= viewBox.y1;\n    viewBox.x1 = 0;\n    viewBox.y1 = 0;\n    this._vchart.resize(viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1);\n    this._vchart.updateViewBox(viewBox);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/chart/graphic/vchart-graphic.ts"],"names":[],"mappings":"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","file":"vchart-graphic.js","sourcesContent":["import type { IVisactorGraphic } from '../../visactor/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\n\nexport interface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  renderCanvas: HTMLCanvasElement;\n  spec: any;\n  ClassType: any;\n  vchart: IVChart;\n  mode: string;\n  modeParams?: any;\n  dpr: number;\n  interactive: boolean;\n  animation: boolean;\n  disableTriggerEvent: boolean;\n  disableDirtyBounds: boolean;\n  viewBox: IBoundsLike;\n  ticker?: ITicker;\n  autoRender?: boolean;\n  chartInitOptions?: any;\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\n// @ts-ignore\nexport class Chart extends Group implements IVisactorGraphic {\n  type: GraphicType = 'chart' as any;\n  declare attribute: IChartGraphicAttribute;\n  protected _vchart: IVChart;\n  // 是否试一次空render，目的是只生成场景树，不会真实渲染\n  // protected _emptyRenderCall: boolean;\n  get vchart() {\n    return this._vchart;\n  }\n  get vProduct() {\n    return this._vchart;\n  }\n\n  drawTag = false;\n\n  constructor(params: IChartGraphicAttribute) {\n    super(params);\n    this.numberType = CHART_NUMBER_TYPE;\n\n    // 创建chart\n    if (!params.vchart) {\n      params.vchart = this._vchart = new params.ClassType(params.spec, {\n        renderCanvas: params.renderCanvas,\n        mode: params.mode,\n        modeParams: params.modeParams,\n        canvasControled: false,\n        // viewBox: params.vi\n        dpr: params.dpr,\n        interactive: params.interactive,\n        animation: false,\n        autoFit: false,\n        disableTriggerEvent: params.disableTriggerEvent,\n        disableDirtyBounds: params.disableDirtyBounds,\n        ticker: params.ticker,\n        beforeRender: () => {\n          if (!this.stage) {\n            return;\n          }\n          const chartStage = this._vchart.getStage();\n          if (!(chartStage as any)._editor_needRender) {\n            chartStage.pauseRender();\n            this.stage.dirtyBounds?.union(this.globalAABBBounds);\n            this.stage.renderNextFrame();\n          }\n        },\n        afterRender: () => {\n          if (!this._vchart) {\n            return;\n          }\n          if (!this.stage) {\n            return;\n          }\n          // @ts-ignore\n          this._vchart.getStage()._editor_needRender = false;\n          this._vchart.getStage().stage.resumeRender();\n        },\n        ...(params.chartInitOptions ?? {})\n      });\n    } else {\n      this._vchart = params.vchart;\n    }\n    // 背景设置为false后，不会擦除画布内容，可以实现元素正常堆叠绘制\n    const stage = this._vchart.getStage();\n    stage.stage.pauseRender();\n    this._vchart.renderSync();\n    stage.stage.resumeRender();\n    if (stage) {\n      stage.background = false as any;\n      // 关闭交互\n      stage.pauseTriggerEvent();\n    }\n    if (params.viewBox) {\n      this.updateViewBox(params.viewBox);\n    }\n  }\n\n  updateSpec(spec: ISpec, forceMerge = false, morphConfig = false) {\n    this._vchart.updateSpecSync(spec, forceMerge, morphConfig as any);\n  }\n\n  updateViewBox(viewBox: IBoundsLike) {\n    this._updateViewBox(viewBox);\n  }\n\n  private _updateViewBox(_viewBox: IBoundsLike) {\n    const viewBox = { ..._viewBox };\n    this.setAttributes({\n      x: viewBox.x1,\n      y: viewBox.y1,\n      width: viewBox.x2 - viewBox.x1,\n      height: viewBox.y2 - viewBox.y1\n    });\n    //\n    viewBox.x2 -= viewBox.x1;\n    viewBox.y2 -= viewBox.y1;\n    viewBox.x1 = 0;\n    viewBox.y1 = 0;\n    this._vchart.resize(viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1);\n    this._vchart.updateViewBox(viewBox);\n  }\n\n  release() {\n    this._vchart && this._vchart.release();\n  }\n}\n"]}

package/cjs/story/character/component/character-group/component-group-graphic.d.ts

@@ -24,4 +24,5 @@ export declare const CHART_NUMBER_TYPE: number;
 export declare class ComponentGroup extends Group implements IVisactorGraphic {
     type: GraphicType;
     numberType: number;
+    constructor(attrs: IGroupGraphicAttribute);
 }

package/cjs/story/character/component/character-group/component-group-graphic.js

@@ -9,8 +9,14 @@ const vrender_1 = require("@visactor/vrender");
 exports.CHART_NUMBER_TYPE = (0, vrender_1.genNumberType)();
 
 class ComponentGroup extends vrender_1.Group {
-    constructor() {
-        super(...arguments), this.type = "vstory-component-group", this.numberType = exports.CHART_NUMBER_TYPE;
+    constructor(attrs) {
+        super(Object.assign({
+            scaleX: 1,
+            scaleY: 1,
+            x: 0,
+            y: 0,
+            angle: 0
+        }, attrs)), this.type = "vstory-component-group", this.numberType = exports.CHART_NUMBER_TYPE;
     }
 }
 

package/cjs/story/character/component/character-group/component-group-graphic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/character-group/component-group-graphic.ts"],"names":[],"mappings":";;;AAIA,+CAAyD;AAoB5C,QAAA,iBAAiB,GAAG,IAAA,uBAAa,GAAE,CAAC;AAGjD,MAAa,cAAe,SAAQ,eAAK;IAAzC;;QACE,SAAI,GAAgB,wBAA+B,CAAC;QACpD,eAAU,GAAW,yBAAiB,CAAC;IACzC,CAAC;CAAA;AAHD,wCAGC","file":"component-group-graphic.js","sourcesContent":["import type { IVisactorGraphic } from '../../visactor/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\n\nexport interface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  renderCanvas: HTMLCanvasElement;\n  spec: any;\n  ClassType: any;\n  vchart: IVChart;\n  mode: string;\n  modeParams?: any;\n  dpr: number;\n  interactive: boolean;\n  animation: boolean;\n  disableTriggerEvent: boolean;\n  disableDirtyBounds: boolean;\n  viewBox: IBoundsLike;\n  ticker?: ITicker;\n  autoRender?: boolean;\n  chartInitOptions?: any;\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\n// @ts-ignore\nexport class ComponentGroup extends Group implements IVisactorGraphic {\n  type: GraphicType = 'vstory-component-group' as any;\n  numberType: number = CHART_NUMBER_TYPE;\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/character-group/component-group-graphic.ts"],"names":[],"mappings":";;;AAIA,+CAAyD;AAoB5C,QAAA,iBAAiB,GAAG,IAAA,uBAAa,GAAE,CAAC;AAGjD,MAAa,cAAe,SAAQ,eAAK;IAIvC,YAAY,KAA6B;QAEvC,KAAK,iBAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IAAK,KAAK,EAAG,CAAC;QALlE,SAAI,GAAgB,wBAA+B,CAAC;QACpD,eAAU,GAAW,yBAAiB,CAAC;IAKvC,CAAC;CACF;AARD,wCAQC","file":"component-group-graphic.js","sourcesContent":["import type { IVisactorGraphic } from '../../visactor/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ISpec, IVChart } from '@visactor/vchart';\nimport type { GraphicType, IGroupGraphicAttribute, ITicker } from '@visactor/vrender';\nimport { genNumberType, Group } from '@visactor/vrender';\n\nexport interface IChartGraphicAttribute extends IGroupGraphicAttribute {\n  renderCanvas: HTMLCanvasElement;\n  spec: any;\n  ClassType: any;\n  vchart: IVChart;\n  mode: string;\n  modeParams?: any;\n  dpr: number;\n  interactive: boolean;\n  animation: boolean;\n  disableTriggerEvent: boolean;\n  disableDirtyBounds: boolean;\n  viewBox: IBoundsLike;\n  ticker?: ITicker;\n  autoRender?: boolean;\n  chartInitOptions?: any;\n}\n\nexport const CHART_NUMBER_TYPE = genNumberType();\n\n// @ts-ignore\nexport class ComponentGroup extends Group implements IVisactorGraphic {\n  type: GraphicType = 'vstory-component-group' as any;\n  numberType: number = CHART_NUMBER_TYPE;\n\n  constructor(attrs: IGroupGraphicAttribute) {\n    // vstory-component-group没有主题，必须都初始化，否则动画会找不到属性\n    super({ scaleX: 1, scaleY: 1, x: 0, y: 0, angle: 0, ...attrs });\n  }\n}\n"]}

package/cjs/story/character/component/character.d.ts

@@ -1,5 +1,5 @@
 import type { IGroup } from '@visactor/vrender';
-import { GraphicText } from './graphic/graphic-text';
+import { GraphicBaseText } from './graphic/graphic-base-text';
 import type { IComponentCharacterSpec } from '../dsl-interface';
 import { CharacterBase } from '../base/base';
 import type { Graphic } from './graphic/graphic';
@@ -8,8 +8,8 @@ import type { ICharacterPickInfo } from '../runtime-interface';
 export declare abstract class CharacterComponent extends CharacterBase {
     protected _spec: IComponentCharacterSpec;
     get spec(): IComponentCharacterSpec;
-    protected _text: GraphicText;
-    get text(): GraphicText;
+    protected _text: GraphicBaseText;
+    get text(): GraphicBaseText;
     protected _group: IGroup;
     get group(): IGroup;
     readonly graphicType: string;
@@ -29,4 +29,5 @@ export declare abstract class CharacterComponent extends CharacterBase {
     clearCharacter(): void;
     getGraphicParent(): IGroup;
     checkEvent(event: StoryEvent): false | ICharacterPickInfo;
+    release(): void;
 }

package/cjs/story/character/component/character.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.CharacterComponent = void 0;
 
-const graphic_text_1 = require("./graphic/graphic-text"), base_1 = require("../base/base"), layout_1 = require("../../utils/layout"), component_group_graphic_1 = require("./character-group/component-group-graphic");
+const graphic_base_text_1 = require("./graphic/graphic-base-text"), base_1 = require("../base/base"), layout_1 = require("../../utils/layout"), component_group_graphic_1 = require("./character-group/component-group-graphic");
 
 class CharacterComponent extends base_1.CharacterBase {
     constructor() {
@@ -26,10 +26,10 @@ class CharacterComponent extends base_1.CharacterBase {
             angle: this._spec.options.angle,
             zIndex: this._spec.zIndex
         })), this.option.graphicParent.add(this._group), this._graphic = this._createGraphic(), 
-        this._text = new graphic_text_1.GraphicText(this), this._graphic.init(), this._text.init(), 
-        this._graphic.applyGraphicAttribute(this._spec.options.graphic), this._text.applyGraphicAttribute(this._spec.options.text), 
-        this._graphic.applyLayoutData(this._spec.position), this._text.applyLayoutData(this._spec.position), 
-        this.hide();
+        this._text = new graphic_base_text_1.GraphicBaseText(this), this._graphic.init(), 
+        this._text.init(), this._graphic.applyGraphicAttribute(this._spec.options.graphic), 
+        this._text.applyGraphicAttribute(this._spec.options.text), this._graphic.applyLayoutData(this._spec.position), 
+        this._text.applyLayoutData(this._spec.position), this.hide();
     }
     setAttributes(attr) {
         this.group.setAttributes(attr), this._graphic.setAttributes(Object.assign(Object.assign({}, attr), {
@@ -67,6 +67,9 @@ class CharacterComponent extends base_1.CharacterBase {
             graphicType: this.graphicType
         };
     }
+    release() {
+        this.option.graphicParent.removeChild(this._group);
+    }
 }
 
 exports.CharacterComponent = CharacterComponent;

package/cjs/story/character/component/character.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/character.ts"],"names":[],"mappings":"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","file":"character.js","sourcesContent":["import type { IGroup } from '@visactor/vrender';\nimport { createGroup } from '@visactor/vrender';\nimport { GraphicText } from './graphic/graphic-text';\nimport type { IComponentCharacterSpec } from '../dsl-interface';\nimport { CharacterBase } from '../base/base';\nimport type { Graphic } from './graphic/graphic';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\nimport { ComponentGroup } from './character-group/component-group-graphic';\n\nexport abstract class CharacterComponent extends CharacterBase {\n  protected declare _spec: IComponentCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n  protected declare _text: GraphicText;\n  get text() {\n    return this._text;\n  }\n\n  protected declare _group: IGroup;\n  get group() {\n    return this._group;\n  }\n\n  readonly graphicType: string = 'rect';\n\n  protected _parserSpec(): void {\n    return;\n  }\n\n  protected _initGraphics(): void {\n    this._group = new ComponentGroup({\n      ...getLayoutFromWidget(this._spec.position),\n      angle: this._spec.options.angle,\n      zIndex: this._spec.zIndex\n    });\n    this.option.graphicParent.add(this._group);\n\n    this._graphic = this._createGraphic();\n    this._text = new GraphicText(this);\n    this._graphic.init();\n    this._text.init();\n\n    this._graphic.applyGraphicAttribute(this._spec.options.graphic);\n    this._text.applyGraphicAttribute(this._spec.options.text);\n\n    this._graphic.applyLayoutData(this._spec.position);\n    this._text.applyLayoutData(this._spec.position);\n    this.hide();\n  }\n\n  setAttributes(attr: Record<string, any>): void {\n    this.group.setAttributes(attr);\n    this._graphic.setAttributes({ ...attr, x: 0, y: 0, angle: 0 });\n    this._text.updateAttribute({});\n  }\n\n  protected abstract _createGraphic(): Graphic;\n\n  protected _initRuntime(): void {\n    return;\n  }\n\n  show(): void {\n    this._group.setAttributes({ visible: true });\n    this._text.show();\n    this._graphic.show();\n  }\n  hide(): void {\n    this._group.setAttributes({ visible: false });\n    this._text.hide();\n    this._graphic.hide();\n  }\n\n  getTextLayoutRatio(): { left: number; right: number; top: number; bottom: number } {\n    return this._graphic.getTextLayoutRatio();\n  }\n\n  clearCharacter(): void {\n    this._group?.parent.removeChild(this._group);\n    this._group = null;\n  }\n\n  getGraphicParent() {\n    return this._group;\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    if (!(event.detailPath ?? event.path).some(g => g === this._group)) {\n      return false;\n    }\n    return {\n      part: event.path[event.path.length - 1] === this._graphic.graphic ? 'graphic' : 'text',\n      graphicType: this.graphicType\n    };\n  }\n}\n\n// export abstract class CharacterGraphicComponent extends CharacterBase {\n//   protected declare _spec: IComponentCharacterSpec;\n\n//   get spec() {\n//     return this._spec;\n//   }\n//   protected declare _graphic: Graphic;\n//   get graphic() {\n//     return this._graphic;\n//   }\n\n//   protected declare _group: IGroup;\n//   get group() {\n//     return this._group;\n//   }\n\n//   protected abstract _createGraphic(): Graphic;\n\n//   protected _initRuntime(): void {\n//     return;\n//   }\n\n//   protected _parserSpec(): void {\n//     return;\n//   }\n\n//   protected _initGraphics(): void {\n//     this._group = createGroup({\n//       ...getLayoutFromWidget(this._spec.position),\n//       angle: this._spec.options.angle,\n//       zIndex: this._spec.zIndex\n//     });\n//     this.option.graphicParent.add(this._group);\n\n//     this._graphic = this._createGraphic();\n//     this._graphic.init();\n\n//     this._graphic.applyGraphicAttribute(this._spec.options.graphic);\n\n//     this._graphic.applyLayoutData(this._spec.position);\n//     this.hide();\n//   }\n\n//   show(): void {\n//     this._graphic?.show();\n//   }\n//   hide(): void {\n//     this._graphic?.hide();\n//   }\n\n//   getGraphicParent() {\n//     return this._group;\n//   }\n\n//   clearCharacter(): void {\n//     if (this._group) {\n//       this._group.parent.removeChild(this._group);\n//       this._graphic = null;\n//     }\n//   }\n// }\n"]}
+{"version":3,"sources":["../src/story/character/component/character.ts"],"names":[],"mappings":"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","file":"character.js","sourcesContent":["import type { IGroup } from '@visactor/vrender';\nimport { createGroup } from '@visactor/vrender';\nimport { GraphicBaseText } from './graphic/graphic-base-text';\nimport type { IComponentCharacterSpec } from '../dsl-interface';\nimport { CharacterBase } from '../base/base';\nimport type { Graphic } from './graphic/graphic';\nimport { getLayoutFromWidget } from '../../utils/layout';\nimport type { StoryEvent } from '../../interface/runtime-interface';\nimport type { ICharacterPickInfo } from '../runtime-interface';\nimport { ComponentGroup } from './character-group/component-group-graphic';\n\nexport abstract class CharacterComponent extends CharacterBase {\n  protected declare _spec: IComponentCharacterSpec;\n  get spec() {\n    return this._spec;\n  }\n  // protected declare _graphic: Graphic;\n  // get graphic() {\n  //   return this._graphic;\n  // }\n  protected declare _text: GraphicBaseText;\n  get text() {\n    return this._text;\n  }\n\n  protected declare _group: IGroup;\n  get group() {\n    return this._group;\n  }\n\n  readonly graphicType: string = 'rect';\n\n  protected _parserSpec(): void {\n    return;\n  }\n\n  protected _initGraphics(): void {\n    this._group = new ComponentGroup({\n      ...getLayoutFromWidget(this._spec.position),\n      angle: this._spec.options.angle,\n      zIndex: this._spec.zIndex\n    });\n    this.option.graphicParent.add(this._group);\n\n    this._graphic = this._createGraphic();\n    this._text = new GraphicBaseText(this);\n    this._graphic.init();\n    this._text.init();\n\n    this._graphic.applyGraphicAttribute(this._spec.options.graphic);\n    this._text.applyGraphicAttribute(this._spec.options.text);\n\n    this._graphic.applyLayoutData(this._spec.position);\n    this._text.applyLayoutData(this._spec.position);\n    this.hide();\n  }\n\n  setAttributes(attr: Record<string, any>): void {\n    this.group.setAttributes(attr);\n    this._graphic.setAttributes({ ...attr, x: 0, y: 0, angle: 0 });\n    this._text.updateAttribute({});\n  }\n\n  protected abstract _createGraphic(): Graphic;\n\n  protected _initRuntime(): void {\n    return;\n  }\n\n  show(): void {\n    this._group.setAttributes({ visible: true });\n    this._text.show();\n    this._graphic.show();\n  }\n  hide(): void {\n    this._group.setAttributes({ visible: false });\n    this._text.hide();\n    this._graphic.hide();\n  }\n\n  getTextLayoutRatio(): { left: number; right: number; top: number; bottom: number } {\n    return this._graphic.getTextLayoutRatio();\n  }\n\n  clearCharacter(): void {\n    this._group?.parent.removeChild(this._group);\n    this._group = null;\n  }\n\n  getGraphicParent() {\n    return this._group;\n  }\n\n  checkEvent(event: StoryEvent): false | ICharacterPickInfo {\n    if (!(event.detailPath ?? event.path).some(g => g === this._group)) {\n      return false;\n    }\n    return {\n      part: event.path[event.path.length - 1] === this._graphic.graphic ? 'graphic' : 'text',\n      graphicType: this.graphicType\n    };\n  }\n\n  release() {\n    this.option.graphicParent.removeChild(this._group);\n  }\n}\n\n// export abstract class CharacterGraphicComponent extends CharacterBase {\n//   protected declare _spec: IComponentCharacterSpec;\n\n//   get spec() {\n//     return this._spec;\n//   }\n//   protected declare _graphic: Graphic;\n//   get graphic() {\n//     return this._graphic;\n//   }\n\n//   protected declare _group: IGroup;\n//   get group() {\n//     return this._group;\n//   }\n\n//   protected abstract _createGraphic(): Graphic;\n\n//   protected _initRuntime(): void {\n//     return;\n//   }\n\n//   protected _parserSpec(): void {\n//     return;\n//   }\n\n//   protected _initGraphics(): void {\n//     this._group = createGroup({\n//       ...getLayoutFromWidget(this._spec.position),\n//       angle: this._spec.options.angle,\n//       zIndex: this._spec.zIndex\n//     });\n//     this.option.graphicParent.add(this._group);\n\n//     this._graphic = this._createGraphic();\n//     this._graphic.init();\n\n//     this._graphic.applyGraphicAttribute(this._spec.options.graphic);\n\n//     this._graphic.applyLayoutData(this._spec.position);\n//     this.hide();\n//   }\n\n//   show(): void {\n//     this._graphic?.show();\n//   }\n//   hide(): void {\n//     this._graphic?.hide();\n//   }\n\n//   getGraphicParent() {\n//     return this._group;\n//   }\n\n//   clearCharacter(): void {\n//     if (this._group) {\n//       this._group.parent.removeChild(this._group);\n//       this._graphic = null;\n//     }\n//   }\n// }\n"]}

package/cjs/story/character/component/characters/character-richtext.d.ts

@@ -1,6 +1 @@
-import type { Graphic } from '../graphic/graphic';
-import { CharacterComponent } from '../character';
-export declare class CharacterComponentRichText extends CharacterComponent {
-    readonly graphicType: string;
-    protected _createGraphic(): Graphic;
-}
+

package/cjs/story/character/component/characters/character-richtext.js

@@ -1,19 +1,3 @@
-"use strict";
 
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.CharacterComponentRichText = void 0;
 
-const richtext_1 = require("../graphic/richtext"), character_1 = require("../character"), character_2 = require("../../../../constants/character");
-
-class CharacterComponentRichText extends character_1.CharacterComponent {
-    constructor() {
-        super(...arguments), this.graphicType = "richtext";
-    }
-    _createGraphic() {
-        return new richtext_1.GraphicRichText(character_2.StoryComponentType.RICH_TEXT, this);
-    }
-}
-
-exports.CharacterComponentRichText = CharacterComponentRichText;
 //# sourceMappingURL=character-richtext.js.map

package/cjs/story/character/component/characters/character-richtext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-richtext.ts"],"names":[],"mappings":";;;AACA,kDAAsD;AACtD,4CAAkD;AAClD,+DAAqE;AAErE,MAAa,0BAA2B,SAAQ,8BAAkB;IAAlE;;QACW,gBAAW,GAAW,UAAU,CAAC;IAI5C,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,0BAAe,CAAC,8BAAkB,CAAC,SAAS,EAAE,IAAW,CAAC,CAAC;IACxE,CAAC;CACF;AALD,gEAKC","file":"character-richtext.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicRichText } from '../graphic/richtext';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\nexport class CharacterComponentRichText extends CharacterComponent {\n  readonly graphicType: string = 'richtext';\n  protected _createGraphic(): Graphic {\n    return new GraphicRichText(StoryComponentType.RICH_TEXT, this as any);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-richtext.ts"],"names":[],"mappings":"","file":"character-richtext.js","sourcesContent":["// import type { Graphic } from '../graphic/graphic';\n// import { GraphicRichText } from '../graphic/richtext';\n// import { CharacterComponent } from '../character';\n// import { StoryComponentType } from '../../../../constants/character';\n\n// export class CharacterComponentRichText extends CharacterComponent {\n//   readonly graphicType: string = 'richtext';\n//   protected _createGraphic(): Graphic {\n//     return new GraphicRichText(StoryComponentType.RICH_TEXT, this as any);\n//   }\n// }\n"]}

package/cjs/story/character/component/characters/character-text.js

@@ -11,7 +11,7 @@ class CharacterComponentText extends character_1.CharacterComponent {
         super(...arguments), this.graphicType = "text";
     }
     _createGraphic() {
-        return new text_1.GraphicPureText(character_2.StoryComponentType.TEXT, this);
+        return new text_1.GraphicText(character_2.StoryComponentType.TEXT, this);
     }
 }
 

package/cjs/story/character/component/characters/character-text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/character/component/characters/character-text.ts"],"names":[],"mappings":";;;AACA,0CAAkD;AAClD,4CAAkD;AAClD,+DAAqE;AAKrE,MAAa,sBAAuB,SAAQ,8BAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,sBAAe,CAAC,8BAAkB,CAAC,IAAI,EAAE,IAAW,CAAC,CAAC;IACnE,CAAC;CACF;AALD,wDAKC","file":"character-text.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicPureText } from '../graphic/text';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\n/**\n * text component 没有关联 graphic，逻辑与 GraphicText 有所不同\n */\nexport class CharacterComponentText extends CharacterComponent {\n  readonly graphicType: string = 'text';\n  protected _createGraphic(): Graphic {\n    return new GraphicPureText(StoryComponentType.TEXT, this as any);\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/character/component/characters/character-text.ts"],"names":[],"mappings":";;;AACA,0CAA8C;AAC9C,4CAAkD;AAClD,+DAAqE;AAKrE,MAAa,sBAAuB,SAAQ,8BAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,kBAAW,CAAC,8BAAkB,CAAC,IAAI,EAAE,IAAW,CAAC,CAAC;IAC/D,CAAC;CACF;AALD,wDAKC","file":"character-text.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { GraphicText } from '../graphic/text';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\n\n/**\n * text component 没有关联 graphic，逻辑与 GraphicText 有所不同\n */\nexport class CharacterComponentText extends CharacterComponent {\n  readonly graphicType: string = 'text';\n  protected _createGraphic(): Graphic {\n    return new GraphicText(StoryComponentType.TEXT, this as any);\n  }\n}\n"]}

package/cjs/story/character/component/graphic/graphic-base-text.d.ts

@@ -0,0 +1,23 @@
+import type { IWidgetData } from '../../dsl-interface';
+import type { IRichTextGraphicAttribute } from '@visactor/vrender';
+import type { CharacterComponent } from '../character';
+export declare const MAX_LAYOUT_SIZE = 999999;
+export declare class GraphicBaseText {
+    private _character;
+    private _graphic;
+    constructor(graphicCharacter: CharacterComponent);
+    getInitialAttributes(): IRichTextGraphicAttribute & {
+        graphicAlign: string;
+        graphicBaseline: string;
+    };
+    show(): void;
+    hide(): void;
+    transformTextAttrsToRichTextConfig(): import("@visactor/vrender").IRichTextCharacter[];
+    init(): void;
+    applyGraphicAttribute(graphicAttribute: Partial<IRichTextGraphicAttribute>): void;
+    getGraphicAttribute(): IRichTextGraphicAttribute;
+    updateAttribute: (attribute: Partial<IRichTextGraphicAttribute>) => void;
+    applyLayoutData(w: Partial<IWidgetData>): void;
+    private _updateGraphicCharacterSize;
+    private _transformTextAttributes;
+}