@visactor/vstory 0.0.8-alpha.9 → 0.0.8

package/es/edit/edit.js

@@ -1,70 +0,0 @@
-import { EditAction } from "./edit-action";
-
-import { EventEmitter } from "@visactor/vutils";
-
-import { EditActionEnum } from "./interface";
-
-import { createGroup } from "@visactor/vrender";
-
-export class Edit {
-    static registerEditComponent(key, cpt) {
-        Edit.componentConstructorMap[key] = cpt;
-    }
-    constructor(story) {
-        this.story = story, this._componentMap = {}, this.emitter = new EventEmitter, this.editAction = new EditAction(story), 
-        this.editAction.emitter.on("dispatchAction", this.onAction.bind(this)), this.story.canvas.getStage().addEventListener("*", this.onStoryEvent.bind(this)), 
-        this._initEditGroup(), this._initComponent();
-    }
-    _initEditGroup() {
-        this._editGroup = createGroup({}), this._editGroup.name = "edit_group";
-        const editLayer = this.story.canvas.getStage().createLayer();
-        editLayer.add(this._editGroup), this._overGraphicGroup = createGroup({}), this._overGraphicGroup.name = "over_group", 
-        editLayer.add(this._overGraphicGroup);
-    }
-    getEditGroup() {
-        return this._editGroup;
-    }
-    _initComponent() {
-        this._componentMap = {}, Object.keys(Edit.componentConstructorMap).forEach((key => {
-            this._componentMap[key] = new Edit.componentConstructorMap[key](this);
-        })), this._componentList = Object.values(this._componentMap).sort(((a, b) => a.level - b.level)).reverse();
-    }
-    onStoryEvent(event, type) {
-        if (event.path.find((g => g === this._editGroup || g === this._overGraphicGroup))) {
-            if (!event.path[event.path.length - 1].isContainer) return;
-        }
-        this.editAction.onStoryEvent(event, type);
-    }
-    onAction(actionInfo) {
-        if (this._currentComponent) {
-            if (this._currentComponent.checkAction(actionInfo)) return;
-            actionInfo.type === EditActionEnum.unSelection && this.stopEdit();
-        }
-        for (let i = 0; i < this._componentList.length; i++) {
-            const cpt = this._componentList[i];
-            if (cpt.checkAction(actionInfo)) return this.stopEdit(), void (this._currentComponent = cpt);
-        }
-    }
-    startEdit(msg) {
-        this.dispatchEditAction("startEdit", msg);
-    }
-    dispatchEditAction(type, msg) {
-        this.emitter.emit(type, msg);
-    }
-    triggerEditWithEvent(event) {}
-    triggerEditWithComponent(type, actionInfo) {}
-    stopEdit() {
-        var _a;
-        null === (_a = this._currentComponent) || void 0 === _a || _a.editEnd(), this._currentComponent = null;
-    }
-    release() {
-        var _a, _b;
-        null === (_b = null === (_a = this.story.canvas) || void 0 === _a ? void 0 : _a.getStage) || void 0 === _b || _b.call(_a).removeEventListener("*", this.onStoryEvent);
-    }
-    showOverGraphic(graphic, clearOther = !0) {
-        clearOther && this._overGraphicGroup.removeAllChild(!0), this._overGraphicGroup.add(graphic);
-    }
-}
-
-Edit.componentConstructorMap = {};
-//# sourceMappingURL=edit.js.map

package/es/edit/edit.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/edit.ts"],"names":[],"mappings":"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","file":"edit.js","sourcesContent":["import type { StoryEvent } from '../story/interface/runtime-interface';\nimport type { Story } from './../story/story';\nimport { EditAction } from './edit-action';\nimport { EventEmitter } from '@visactor/vutils';\nimport {\n  EditActionEnum,\n  type IEditActionInfo,\n  type IEditComponent,\n  type IEditComponentConstructor,\n  type IEditMessage\n} from './interface';\nimport type { IGroup, IGraphic } from '@visactor/vrender';\nimport { createGroup } from '@visactor/vrender';\n\nexport class Edit {\n  readonly editAction: EditAction;\n  readonly emitter: EventEmitter;\n\n  protected static componentConstructorMap: { [key: string]: IEditComponentConstructor } = {};\n\n  static registerEditComponent(key: string, cpt: IEditComponentConstructor) {\n    Edit.componentConstructorMap[key] = cpt;\n  }\n\n  protected _componentMap: { [key: string]: IEditComponent } = {};\n  protected _componentList: IEditComponent[];\n\n  protected _currentComponent: IEditComponent;\n  protected _overGraphicGroup: IGroup;\n\n  protected _editGroup: IGroup;\n\n  constructor(public readonly story: Story) {\n    this.emitter = new EventEmitter();\n    this.editAction = new EditAction(story);\n    this.editAction.emitter.on('dispatchAction', this.onAction.bind(this));\n    this.story.canvas.getStage().addEventListener('*', this.onStoryEvent.bind(this) as any);\n    this._initEditGroup();\n    this._initComponent();\n  }\n\n  _initEditGroup() {\n    this._editGroup = createGroup({});\n    this._editGroup.name = 'edit_group';\n    const editLayer = this.story.canvas.getStage().createLayer();\n    editLayer.add(this._editGroup);\n\n    this._overGraphicGroup = createGroup({});\n    this._overGraphicGroup.name = 'over_group';\n    editLayer.add(this._overGraphicGroup);\n  }\n\n  getEditGroup() {\n    return this._editGroup;\n  }\n\n  protected _initComponent() {\n    this._componentMap = {};\n    Object.keys(Edit.componentConstructorMap).forEach(key => {\n      this._componentMap[key] = new Edit.componentConstructorMap[key](this);\n    });\n    this._componentList = Object.values(this._componentMap)\n      .sort((a, b) => a.level - b.level)\n      .reverse();\n  }\n\n  onStoryEvent(event: StoryEvent, type: string) {\n    // 如果交互到编辑元素忽略\n    if (event.path.find(g => g === this._editGroup || g === this._overGraphicGroup)) {\n      // 具体判断是否编辑到交互元素，如果pick到group，就不算\n      const pathTarget = event.path[event.path.length - 1];\n      if (!pathTarget.isContainer) {\n        return;\n      }\n    }\n    this.editAction.onStoryEvent(event, type);\n  }\n\n  onAction(actionInfo: IEditActionInfo) {\n    if (this._currentComponent) {\n      // 优先上一次的编辑组件\n      if (this._currentComponent.checkAction(actionInfo)) {\n        return;\n      } else if (actionInfo.type === EditActionEnum.unSelection) {\n        this.stopEdit();\n      }\n    }\n    for (let i = 0; i < this._componentList.length; i++) {\n      const cpt = this._componentList[i];\n      if (cpt.checkAction(actionInfo)) {\n        this.stopEdit();\n        this._currentComponent = cpt;\n        return;\n      }\n    }\n  }\n\n  startEdit(msg: IEditMessage) {\n    this.dispatchEditAction('startEdit', msg);\n  }\n\n  dispatchEditAction(type: string, msg: IEditMessage) {\n    this.emitter.emit(type, msg);\n  }\n\n  triggerEditWithEvent(event: StoryEvent) {\n    return;\n  }\n\n  triggerEditWithComponent(type: string, actionInfo: IEditActionInfo) {\n    return;\n  }\n\n  stopEdit() {\n    this._currentComponent?.editEnd();\n    this._currentComponent = null;\n  }\n\n  release() {\n    this.story.canvas?.getStage?.().removeEventListener('*', this.onStoryEvent as any);\n  }\n\n  showOverGraphic(graphic: IGraphic, clearOther: boolean = true) {\n    if (clearOther) {\n      this._overGraphicGroup.removeAllChild(true);\n    }\n    this._overGraphicGroup.add(graphic);\n  }\n}\n"]}

package/es/edit/index.d.ts

@@ -1,3 +0,0 @@
-export * from './edit';
-export * from './edit-component';
-export * from './interface';

package/es/edit/index.js

@@ -1,6 +0,0 @@
-export * from "./edit";
-
-export * from "./edit-component";
-
-export * from "./interface";
-//# sourceMappingURL=index.js.map

package/es/edit/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './edit';\nexport * from './edit-component';\nexport * from './interface';\n"]}

package/es/edit/interface.d.ts

@@ -1,65 +0,0 @@
-import type { Edit } from './edit';
-import type { ICharacter, ICharacterPickInfo } from './../story/character/runtime-interface';
-import type { IRect } from '../type/space';
-import type { IGraphic } from '@visactor/vrender';
-export declare enum EditActionEnum {
-    singleSelection = "singleSelect",
-    multipleSelection = "multipleSelect",
-    unSelection = "unSelect",
-    pointerOverCharacter = "pointerOverCharacter",
-    pointerOutCharacter = "pointerOutCharacter",
-    richTextPluginEdit = "richTextPluginEdit"
-}
-export interface IEditSelectionDetailChart extends ICharacterPickInfo {
-    model: string;
-    mark: any;
-    datum: any;
-}
-export type IEditSelectionDetailComponent = ICharacterPickInfo;
-export interface IEditSelectionInfo extends IEditActionInfoBase {
-    characterId?: string | string[];
-    character?: ICharacter;
-    detail: IEditSelectionDetailChart | IEditSelectionDetailComponent;
-}
-export interface VREvent extends Event {
-    pickParams?: {
-        shadowTarget?: IGraphic;
-    };
-}
-export interface IEditActionInfoBase {
-    type: keyof typeof EditActionEnum | string;
-    event: VREvent;
-}
-export type IEditActionInfo = IEditActionInfoBase | IEditSelectionInfo;
-export type ContinuousActionType = 'boxSelection' | 'layerZoom' | 'layerMove';
-export interface IEditComponent {
-    readonly type: string;
-    readonly level: number;
-    isEditing: boolean;
-    checkAction: (actionInfo: IEditActionInfo | IEditSelectionInfo) => boolean;
-    editEnd: () => void;
-    getActiveCharacter: () => ICharacter | null | undefined;
-}
-export type IModelInfoSpecKey = {
-    specKey: string;
-    specIndex: number;
-};
-export type IModelInfo = IModelInfoSpecKey & {
-    id?: string | number;
-};
-export interface ILayoutLine extends Partial<IModelInfo> {
-    orient: 'x' | 'y';
-    type: 'start' | 'middle' | 'end';
-    value: number;
-    start: number;
-    end: number;
-    rect: IRect;
-}
-export interface IEditComponentConstructor {
-    new (edit: Edit): IEditComponent;
-}
-export interface IEditMessage {
-    type: string;
-    actionInfo: IEditActionInfo;
-    updateCharacter: (updateParams: any) => void;
-}

package/es/edit/interface.js

@@ -1,8 +0,0 @@
-export var EditActionEnum;
-
-!function(EditActionEnum) {
-    EditActionEnum.singleSelection = "singleSelect", EditActionEnum.multipleSelection = "multipleSelect", 
-    EditActionEnum.unSelection = "unSelect", EditActionEnum.pointerOverCharacter = "pointerOverCharacter", 
-    EditActionEnum.pointerOutCharacter = "pointerOutCharacter", EditActionEnum.richTextPluginEdit = "richTextPluginEdit";
-}(EditActionEnum || (EditActionEnum = {}));
-//# sourceMappingURL=interface.js.map

package/es/edit/interface.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/edit/interface.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,IAAY,cASX;AATD,WAAY,cAAc;IACxB,kDAAgC,CAAA;IAChC,sDAAoC,CAAA;IACpC,0CAAwB,CAAA;IAExB,+DAA6C,CAAA;IAC7C,6DAA2C,CAAA;IAE3C,2DAAyC,CAAA;AAC3C,CAAC,EATW,cAAc,KAAd,cAAc,QASzB","file":"interface.js","sourcesContent":["import type { Edit } from './edit';\nimport type { ICharacter, ICharacterPickInfo } from './../story/character/runtime-interface';\nimport type { IRect } from '../type/space';\nimport type { IGraphic } from '@visactor/vrender';\n\nexport enum EditActionEnum {\n  singleSelection = 'singleSelect', // 单选\n  multipleSelection = 'multipleSelect', // 多选\n  unSelection = 'unSelect', // 为选中\n\n  pointerOverCharacter = 'pointerOverCharacter', // 悬浮到角色上\n  pointerOutCharacter = 'pointerOutCharacter', // 从角色上悬浮出去，从角色的 a子模块到 b子模块也会触发\n\n  richTextPluginEdit = 'richTextPluginEdit' // 富文本插件的编辑消息\n}\n\nexport interface IEditSelectionDetailChart extends ICharacterPickInfo {\n  model: string;\n  mark: any;\n  datum: any;\n}\n\nexport type IEditSelectionDetailComponent = ICharacterPickInfo;\n\nexport interface IEditSelectionInfo extends IEditActionInfoBase {\n  characterId?: string | string[];\n  character?: ICharacter;\n  detail: IEditSelectionDetailChart | IEditSelectionDetailComponent;\n}\n\nexport interface VREvent extends Event {\n  pickParams?: {\n    shadowTarget?: IGraphic;\n  };\n}\n\nexport interface IEditActionInfoBase {\n  type: keyof typeof EditActionEnum | string;\n  event: VREvent;\n}\n\nexport type IEditActionInfo = IEditActionInfoBase | IEditSelectionInfo;\n\nexport type ContinuousActionType = 'boxSelection' | 'layerZoom' | 'layerMove';\n\nexport interface IEditComponent {\n  readonly type: string;\n  readonly level: number;\n  isEditing: boolean;\n\n  // 是否 开始/继续 编辑 返回false的话，会导致当前编辑结束\n  checkAction: (actionInfo: IEditActionInfo | IEditSelectionInfo) => boolean;\n\n  // 编辑结束\n  editEnd: () => void;\n\n  getActiveCharacter: () => ICharacter | null | undefined;\n}\n\nexport type IModelInfoSpecKey = {\n  specKey: string;\n  specIndex: number;\n};\nexport type IModelInfo = IModelInfoSpecKey & {\n  id?: string | number; // id in spec, model.userId\n};\n\nexport interface ILayoutLine extends Partial<IModelInfo> {\n  orient: 'x' | 'y';\n  type: 'start' | 'middle' | 'end';\n  value: number;\n  start: number;\n  end: number;\n  rect: IRect;\n}\n\nexport interface IEditComponentConstructor {\n  new (edit: Edit): IEditComponent;\n}\n\nexport interface IEditMessage {\n  type: string; // 编辑组件类型，\n  actionInfo: IEditActionInfo;\n  updateCharacter: (updateParams: any) => void;\n}\n"]}

package/es/index.d.ts

@@ -1,6 +0,0 @@
-export * from './story';
-export * from './edit';
-export * from './story/utils/vchart-pick';
-export * from './story/utils/chart';
-export * from './story/utils/layout';
-export * from './template/unit';

package/es/index.js

@@ -1,15 +0,0 @@
-import { registerCharacter } from "./story";
-
-registerCharacter();
-
-export * from "./story";
-
-export * from "./edit";
-
-export * from "./story/utils/vchart-pick";
-
-export * from "./story/utils/chart";
-
-export * from "./story/utils/layout";
-
-export * from "./template/unit";

package/es/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,iBAAiB,EAAE,CAAC;AAEpB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAErC,cAAc,iBAAiB,CAAC","file":"index.js","sourcesContent":["import { registerCharacter } from './story';\n\nregisterCharacter();\n\nexport * from './story';\nexport * from './edit';\nexport * from './story/utils/vchart-pick';\nexport * from './story/utils/chart';\nexport * from './story/utils/layout';\n\nexport * from './template/unit';\n"]}

package/es/interface/type.d.ts

@@ -1,26 +0,0 @@
-import type { IGraphic, IStage } from '@visactor/vrender';
-import type { IPointLike } from '@visactor/vutils';
-export type IContext = {
-    dom: string | HTMLElement;
-    width: number;
-    height: number;
-    stage: IStage;
-    canvas: HTMLCanvasElement;
-};
-type ILayoutNumber = {
-    percent?: number;
-    offset: number;
-};
-export type ILayoutRect = {
-    x: ILayoutNumber;
-    y: ILayoutNumber;
-    width: ILayoutNumber;
-    height: ILayoutNumber;
-};
-export type VRenderPointerEvent = PointerEvent & {
-    target: Partial<IGraphic>;
-} & {
-    canvas: IPointLike;
-    _layerPoint: IPointLike;
-};
-export {};

package/es/interface/type.js

@@ -1 +0,0 @@
-export { };

package/es/interface/type.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/interface/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGraphic, IStage } from '@visactor/vrender';\nimport type { IPointLike } from '@visactor/vutils';\n\nexport type IContext = {\n  dom: string | HTMLElement;\n  width: number;\n  height: number;\n  stage: IStage;\n  canvas: HTMLCanvasElement;\n};\n\ntype ILayoutNumber = { percent?: number; offset: number };\nexport type ILayoutRect = {\n  // 所有模块统一使用如下结构记录布局信息\n  x: ILayoutNumber;\n  y: ILayoutNumber;\n  width: ILayoutNumber;\n  height: ILayoutNumber;\n};\n\nexport type VRenderPointerEvent = PointerEvent & { target: Partial<IGraphic> } & {\n  canvas: IPointLike;\n  _layerPoint: IPointLike;\n};\n"]}

package/es/player/encode.d.ts

@@ -1 +0,0 @@
-

package/es/player/encode.js

@@ -1 +0,0 @@
-//# sourceMappingURL=encode.js.map

package/es/player/encode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/encode.ts"],"names":[],"mappings":"","file":"encode.js","sourcesContent":["// import { FFmpeg, createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg';\n\n// export class Encoder {\n//   private _FFMPEG: FFmpeg | null = null;\n//   private _FFMPEG_Loaded = false;\n\n//   constructor() {\n//     this.initFFMPEG();\n//   }\n\n//   async initFFMPEG() {\n//     this._FFMPEG = createFFmpeg({ log: true });\n//     await this.loadFFmpeg();\n//   }\n//   async loadFFmpeg() {\n//     if (this._FFMPEG_Loaded) {\n//       return;\n//     }\n//     if (!this._FFMPEG) {\n//       this._FFMPEG = createFFmpeg({ log: true });\n//     }\n//     await this._FFMPEG.load();\n//     console.log('加载');\n//     this._FFMPEG_Loaded = true;\n//   }\n\n//   async exportVideo(frameNum: number, fps: number, cb: (i: number) => Promise<Blob | null>) {\n//     const outName = `out`;\n//     await this.loadFFmpeg();\n//     const ffmpeg = this._FFMPEG;\n//     if (!ffmpeg) {\n//       return;\n//     }\n//     console.log(ffmpeg.isLoaded());\n\n//     for (let i = 0; i < frameNum; i++) {\n//       const data = await cb(i);\n//       console.log(frameNum, i, data);\n//       const num = `0000${i}`.slice(-3);\n\n//       ffmpeg.FS('writeFile', `vstory.${num}.png`, await fetchFile(data));\n//     }\n\n//     await ffmpeg.run(\n//       '-framerate',\n//       fps.toString(),\n//       '-pattern_type',\n//       'glob',\n//       '-i',\n//       '*.png',\n//       '-c:v',\n//       'libx264',\n//       '-pix_fmt',\n//       'yuv420p',\n//       `${outName}.mp4`\n//     );\n//     for (let i = 0; i < frameNum; i++) {\n//       const num = `0000${i}`.slice(-3);\n//       ffmpeg.FS('unlink', `vstory.${num}.png`);\n//     }\n//     console.log('readFile');\n//     const data = (this._FFMPEG as FFmpeg).FS('readFile', `${outName}.mp4`);\n//     console.log('data', data);\n//     const objUrl = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));\n//     return objUrl;\n//   }\n// }\n"]}

package/es/player/interface/player.d.ts

@@ -1,12 +0,0 @@
-import type { EventEmitter } from '@visactor/vutils';
-import type { IActSpec } from '../../story/interface/dsl-interface';
-export interface IPlayer extends EventEmitter {
-    speed: number;
-    tickTo: (t: number) => void;
-    play: () => void;
-    encodeToVideo: (millsecond: number, fps: number) => Promise<string>;
-    pause: () => void;
-    release: () => void;
-    initActs: (acts: IActSpec[]) => void;
-    reset: () => void;
-}

package/es/player/interface/player.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=player.js.map

package/es/player/interface/player.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/interface/player.ts"],"names":[],"mappings":"","file":"player.js","sourcesContent":["import type { EventEmitter } from '@visactor/vutils';\nimport { ICharacter } from '../../story/character';\nimport type { IActSpec } from '../../story/interface/dsl-interface';\n\nexport interface IPlayer extends EventEmitter {\n  speed: number;\n  tickTo: (t: number) => void;\n  play: () => void;\n  encodeToVideo: (millsecond: number, fps: number) => Promise<string>;\n  pause: () => void;\n  release: () => void;\n  initActs: (acts: IActSpec[]) => void;\n  reset: () => void;\n}\n"]}

package/es/player/interface/scheduler.d.ts

@@ -1,8 +0,0 @@
-import type { IActSpec } from '../../story/interface';
-import type { IActionItem } from '../scheduler';
-export interface IScheduler {
-    init: (acts: IActSpec[]) => void;
-    getActionsInRange: (fromTime: number, toTime: number) => IActionItem[];
-    clearState: () => void;
-    getTotalTime: () => number;
-}

package/es/player/interface/scheduler.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=scheduler.js.map

package/es/player/interface/scheduler.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/interface/scheduler.ts"],"names":[],"mappings":"","file":"scheduler.js","sourcesContent":["import type { IActSpec } from '../../story/interface';\nimport type { IActionItem } from '../scheduler';\n\nexport interface IScheduler {\n  init: (acts: IActSpec[]) => void;\n  getActionsInRange: (fromTime: number, toTime: number) => IActionItem[];\n  clearState: () => void;\n  getTotalTime: () => number;\n}\n"]}

package/es/player/player.d.ts

@@ -1,35 +0,0 @@
-import type { IActSpec, IStory } from '../story/interface';
-import type { IPlayer } from './interface/player';
-import type { IActionProcessor } from './processor/interface/action-processor';
-import type { IScheduler } from './interface/scheduler';
-import { EventEmitter } from '@visactor/vutils';
-export declare class Ticker {
-    cb?: (delta: number) => void;
-    rafIdx: number;
-    running: boolean;
-    speed: number;
-    start(cb: (t: number) => void): void;
-    _tick: (lt: number) => void;
-    stop(): void;
-}
-export declare class Player extends EventEmitter implements IPlayer {
-    protected _story: IStory;
-    protected _ticker: Ticker;
-    protected _currTime: number;
-    protected _actionProcessor: IActionProcessor;
-    protected _scheduler: IScheduler;
-    set speed(speed: number);
-    get speed(): number;
-    constructor(story: IStory, options?: {
-        scaleX?: number;
-        scaleY?: number;
-    });
-    initActs(acts: IActSpec[]): void;
-    reset(): void;
-    tickTo(t: number): void;
-    play(): void;
-    encodeToVideo(millsecond: number, fps: number): Promise<any>;
-    pause(): void;
-    resume(): void;
-    release(): void;
-}

package/es/player/player.js

@@ -1,108 +0,0 @@
-var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
-    return new (P || (P = Promise))((function(resolve, reject) {
-        function fulfilled(value) {
-            try {
-                step(generator.next(value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function rejected(value) {
-            try {
-                step(generator.throw(value));
-            } catch (e) {
-                reject(e);
-            }
-        }
-        function step(result) {
-            var value;
-            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
-                resolve(value);
-            }))).then(fulfilled, rejected);
-        }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    }));
-};
-
-import { ActionProcessor } from "./processor/processor";
-
-import { processorMap } from "./processor/processorMap";
-
-import { Scheduler } from "./scheduler";
-
-import { EventEmitter } from "@visactor/vutils";
-
-export class Ticker {
-    constructor() {
-        this.rafIdx = 0, this.speed = 1, this._tick = lt => {
-            if (!this.running) return;
-            const ct = Date.now();
-            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.running = !0, this._tick(0);
-    }
-    stop() {
-        this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0, this.running = !1;
-    }
-}
-
-export class Player extends 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;
-        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 ActionProcessor(story, processorMap), 
-        this._scheduler = new Scheduler(this._actionProcessor);
-    }
-    initActs(acts) {
-        this._scheduler.init(acts);
-    }
-    reset() {
-        this._scheduler.clearState(), this._story.canvas.getStage().getTimeline().clear(), 
-        this._currTime = 0;
-    }
-    tickTo(t) {
-        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;
-        const stage = this._story.canvas.getStage();
-        stage.ticker.tickAt(t), stage.render();
-    }
-    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;
-            const totalTime = this._scheduler.getTotalTime();
-            nextT >= totalTime ? (nextT = totalTime, this.tickTo(nextT), this._ticker.stop(), 
-            this.emit("onstop")) : this.tickTo(nextT);
-        }));
-    }
-    encodeToVideo(millsecond, fps) {
-        return __awaiter(this, void 0, void 0, (function*() {
-            return null;
-        }));
-    }
-    pause() {
-        this._ticker.stop();
-    }
-    resume() {
-        this._ticker._tick(this._currTime);
-    }
-    release() {}
-}
-//# sourceMappingURL=player.js.map

package/es/player/player.js.map

@@ -1 +0,0 @@
-{"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/es/player/processor/chart/common/chartAppear.d.ts

@@ -1,5 +0,0 @@
-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/es/player/processor/chart/common/chartAppear.js

@@ -1,4 +0,0 @@
-import { commonFade, commonGrow } from "./commonAppear";
-
-export const runChartAppear = (instance, animation, option) => "grow" === animation.effect ? commonGrow(instance, animation, option) : commonFade(instance, animation, option);
-//# sourceMappingURL=chartAppear.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/processor/chart/common/chartAppear.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,CAAC,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,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,OAAO,CAAC,CAAC;YACP,OAAO,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;KACF;AACH,CAAC,CAAC","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/es/player/processor/chart/common/commonAppear.d.ts

@@ -1,8 +0,0 @@
-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/es/player/processor/chart/common/commonAppear.js

@@ -1,36 +0,0 @@
-export 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);
-};
-
-export 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);
-};
-//# sourceMappingURL=commonAppear.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/player/processor/chart/common/commonAppear.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,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;AACF,MAAM,CAAC,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","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/es/player/processor/chart/component/axisAppear.d.ts

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

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

@@ -1,78 +0,0 @@
-import { commonFade } from "../common/commonAppear";
-
-import { commonGrow } from "./commonAppear";
-
-export const runAxisAppear = (instance, animation, option) => "grow" === animation.effect ? axisGrow(instance, animation, option) : commonFade(instance, animation, option);
-
-function axisGrow(instance, animation, option) {
-    var _a;
-    (null === (_a = instance.name) || void 0 === _a ? void 0 : _a.includes("grid")) ? gridGrow(instance, animation, option) : mainAxisGrow(instance, animation, option);
-}
-
-function mainAxisGrow(instance, animation, option) {
-    const {duration: duration, easing: easing} = animation, {disappear: disappear, direction: direction = "positive", orient: orient} = option, axisLine = instance.getElementsByName("axis-line")[0], axisTicks = instance.getElementsByName("axis-tick-container")[0], axisLabel = instance.getElementsByName("axis-label-container")[0];
-    if (axisLine && axisLine.childrenCount > 0) {
-        const shouldReverse = "height" === orient && ("positive" === direction || disappear), line = axisLine.getElementsByType("line")[0];
-        if (line) {
-            shouldReverse && line.setAttributes({
-                points: line.attribute.points.reverse()
-            });
-            const attributeMap = disappear ? {
-                from: {
-                    clipRange: 1
-                },
-                to: {
-                    clipRange: 0
-                }
-            } : {
-                from: {
-                    clipRange: 0
-                },
-                to: {
-                    clipRange: 1
-                }
-            };
-            line.setAttributes(attributeMap.from), line.animate().to(attributeMap.to, duration, easing).onEnd((() => {
-                shouldReverse && line.setAttributes({
-                    points: line.attribute.points.reverse()
-                });
-            }));
-        }
-    }
-    const opacityMap = disappear ? {
-        from: {
-            opacity: 1
-        },
-        to: {
-            opacity: 0
-        }
-    } : {
-        from: {
-            opacity: 0
-        },
-        to: {
-            opacity: 1
-        }
-    };
-    if (axisTicks && axisTicks.childrenCount > 0) {
-        const shouldReverse = disappear, ticks = axisTicks.getElementsByType("line");
-        shouldReverse && ticks.reverse(), ticks.forEach(((tick, i) => {
-            tick.setAttributes(opacityMap.from), tick.animate().wait(duration / ticks.length * i).to(opacityMap.to, duration / ticks.length, easing).onEnd((() => {
-                shouldReverse && ticks.reverse();
-            }));
-        }));
-    }
-    if (axisLabel && axisLabel.childrenCount > 0) {
-        const shouldReverse = disappear, text = axisLabel.getElementsByType("text");
-        shouldReverse && text.reverse(), text.forEach(((t, i) => {
-            t.setAttributes(opacityMap.from), t.animate().wait(duration / text.length * i).to(opacityMap.to, duration / text.length, easing).onEnd((() => {
-                shouldReverse && text.reverse();
-            }));
-        }));
-    }
-}
-
-function gridGrow(instance, animation, option) {
-    instance && commonGrow(instance, animation, option);
-}
-//# sourceMappingURL=axisAppear.js.map