@visactor/vstory 0.0.1-alpha.0

package/es/story/player/index.js

@@ -0,0 +1,130 @@
+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 { isNumber } from "@visactor/vutils";
+
+import { processorMap, ActionProcessor } from "../../dsl/story-processor";
+
+export class Ticker {
+    constructor() {
+        this.rafIdx = 0, this._tick = lt => {
+            const ct = Date.now();
+            this.cb && this.cb(0 === lt ? 0 : ct - lt), this.rafIdx = requestAnimationFrame((() => this._tick(ct)));
+        };
+    }
+    start(cb) {
+        this.stop(), this.cb = cb, this._tick(0);
+    }
+    stop() {
+        this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0;
+    }
+}
+
+export class Player {
+    constructor(c) {
+        this._canvas = c, this._acts = [], this._ticker = new Ticker, this._currTime = 0, 
+        this._actionProcessor = new ActionProcessor(processorMap);
+    }
+    addAct(c, characters) {
+        const scenes = [], characterSet = new Set;
+        c.scenes.forEach((item => {
+            var _a;
+            const scene = {
+                scene: [],
+                delay: null !== (_a = item.delay) && void 0 !== _a ? _a : 0
+            };
+            item.actions.forEach((({characterActions: characterActions, characterId: characterId}) => {
+                const _actions = characterActions.slice();
+                _actions.sort(((a, b) => a.startTime - b.startTime)), _actions.forEach((action => {
+                    const character = characters[characterId];
+                    scene.scene.push({
+                        character: character,
+                        action: action
+                    }), characterSet.add(character);
+                }));
+            })), scenes.push(scene);
+        })), this._acts.push({
+            id: c.id,
+            scenes: scenes,
+            characters: Array.from(characterSet.values())
+        });
+    }
+    setCurrentAct(id) {
+        isNumber(id) ? this._currAct = this._acts[id] : this._currAct = this._acts.filter((item => item.id === id))[0];
+    }
+    getCurrentAct() {
+        var _a;
+        return null === (_a = this._currAct) || void 0 === _a ? void 0 : _a.id;
+    }
+    reset() {
+        this._currAct.characters.forEach((item => {
+            item.reset();
+        }));
+    }
+    tickTo(t) {
+        const lastTime = this._currTime;
+        lastTime > t && (this.reset(), this._currTime = 0, this.tickTo(0));
+        const characterSet = new Set;
+        let baseStartTime = 0;
+        for (let i = 0; i < this._currAct.scenes.length; i++) {
+            const scene = this._currAct.scenes[i];
+            baseStartTime += scene.delay, baseStartTime <= t && scene.scene.forEach((({character: character, action: action}) => {
+                const {startTime: st} = action, startTime = st + baseStartTime;
+                if (!(startTime > t)) {
+                    if (characterSet.add(character), startTime > lastTime && startTime <= t) {
+                        const {type: type} = character.spec;
+                        this._actionProcessor.doAction(type, action.action, [ character, {}, action ]);
+                    }
+                    character.show();
+                }
+            }));
+            let sceneTime = 0;
+            scene.scene.forEach((({action: action}) => {
+                const {startTime: startTime, duration: duration} = action;
+                sceneTime = Math.max(startTime + duration, startTime);
+            })), baseStartTime += sceneTime;
+        }
+        this._currTime = t, this._canvas.getStage().ticker.tickAt(t), this._canvas.getStage().render();
+    }
+    play() {
+        this._currAct && (this._ticker.stop(), this._currTime = 0, this.reset(), this._ticker.start((t => {
+            this.tickTo(this._currTime + t);
+        })));
+    }
+    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=index.js.map

package/es/story/player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/player/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { isNumber } from '@visactor/vutils';\nimport type { StoryCanvas } from '../canvas/canvas';\nimport type { IActSpec, IAction } from '../interface';\nimport type { IPlayer } from '../interface/player';\nimport { processorMap, ActionProcessor } from '../../dsl/story-processor';\n// import { Encoder } from './encode';\nimport type { ICharacter } from '../character';\n\nexport class Ticker {\n  cb?: (delta: number) => void;\n  rafIdx = 0;\n  start(cb: (t: number) => void) {\n    this.stop();\n    this.cb = cb;\n    this._tick(0);\n  }\n\n  _tick = (lt: number) => {\n    const ct = Date.now();\n    this.cb && this.cb(lt === 0 ? 0 : ct - lt);\n    this.rafIdx = requestAnimationFrame(() => this._tick(ct));\n  };\n\n  stop() {\n    this.rafIdx && cancelAnimationFrame(this.rafIdx);\n    this.rafIdx = 0;\n  }\n}\n\ntype IChapterInstanceItem = {\n  id: string;\n  scenes: Array<{\n    scene: {\n      character: ICharacter;\n      action: IAction;\n    }[];\n    delay: number;\n  }>;\n  characters: ICharacter[];\n};\n\nexport class Player implements IPlayer {\n  protected _canvas: StoryCanvas;\n  protected _acts: IChapterInstanceItem[];\n  protected _currAct: IChapterInstanceItem;\n  protected _ticker: Ticker;\n  protected _currTime: number;\n  // protected _encoder: Encoder;\n  protected _actionProcessor: ActionProcessor;\n\n  constructor(c: StoryCanvas) {\n    this._canvas = c;\n    this._acts = [];\n    this._ticker = new Ticker();\n    this._currTime = 0;\n    // this._encoder = new Encoder();\n    this._actionProcessor = new ActionProcessor(processorMap);\n  }\n\n  addAct(\n    c: IActSpec,\n    characters: {\n      [key: string]: ICharacter;\n    }\n  ): void {\n    const scenes: IChapterInstanceItem['scenes'] = [];\n    const characterSet: Set<ICharacter> = new Set();\n    c.scenes.forEach(item => {\n      const scene: IChapterInstanceItem['scenes'][0] = { scene: [], delay: item.delay ?? 0 };\n      item.actions.forEach(({ characterActions, characterId }) => {\n        const _actions = characterActions.slice();\n        _actions.sort((a, b) => a.startTime - b.startTime);\n        _actions.forEach(action => {\n          const character = characters[characterId];\n          scene.scene.push({\n            character,\n            action: action\n          });\n          characterSet.add(character);\n        });\n      });\n      scenes.push(scene);\n    });\n    this._acts.push({\n      id: c.id,\n      scenes: scenes,\n      characters: Array.from(characterSet.values())\n    });\n  }\n\n  setCurrentAct(id: number | string) {\n    if (isNumber(id)) {\n      this._currAct = this._acts[id];\n    } else {\n      this._currAct = this._acts.filter(item => item.id === id)[0];\n    }\n  }\n\n  getCurrentAct() {\n    return this._currAct?.id;\n  }\n\n  // 清除当前状态，一般用于回放操作\n  reset() {\n    this._currAct.characters.forEach(item => {\n      item.reset();\n    });\n  }\n\n  tickTo(t: number) {\n    const lastTime = this._currTime;\n    if (lastTime > t) {\n      // 如果时间回退，那就重新走一遍\n      this.reset();\n      this._currTime = 0;\n      this.tickTo(0);\n    }\n    const characterSet = new Set<ICharacter>();\n\n    let baseStartTime = 0;\n    for (let i = 0; i < this._currAct.scenes.length; i++) {\n      const scene = this._currAct.scenes[i];\n      baseStartTime += scene.delay;\n      if (baseStartTime <= t) {\n        scene.scene.forEach(({ character, action }) => {\n          const { startTime: st } = action;\n          const startTime = st + baseStartTime;\n          if (startTime > t) {\n            return;\n          }\n          characterSet.add(character);\n          // 之前没走过，现在走\n          if (startTime > lastTime && startTime <= t) {\n            const { type } = character.spec;\n            this._actionProcessor.doAction(type, action.action, [character, {}, action]);\n          }\n          character.show();\n        });\n      }\n      let sceneTime = 0;\n      scene.scene.forEach(({ action }) => {\n        const { startTime, duration } = action;\n        sceneTime = Math.max(startTime + duration, startTime);\n      });\n      baseStartTime += sceneTime;\n      // if (baseStartTime > t) {\n      //   break;\n      // }\n    }\n\n    // roleSet.forEach(r => {\n    //   r.tickTo && r.tickTo(t);\n    // });\n\n    this._currTime = t;\n    this._canvas.getStage().ticker.tickAt(t);\n    this._canvas.getStage().render();\n  }\n\n  play(): void {\n    if (!this._currAct) {\n      return;\n    }\n    this._ticker.stop();\n    this._currTime = 0;\n    this.reset();\n    this._ticker.start(t => {\n      this.tickTo(this._currTime + t);\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/story/player/ticker.d.ts

@@ -0,0 +1 @@
+

package/es/story/player/ticker.js

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

package/es/story/player/ticker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/player/ticker.ts"],"names":[],"mappings":"","file":"ticker.js","sourcesContent":[""]}

package/es/story/story.d.ts

@@ -0,0 +1,27 @@
+import type { IStory, IStoryInitOption } from './interface/runtime-interface';
+import type { ICharacter } from './character/runtime-interface';
+import { StoryCanvas } from './canvas/canvas';
+import type { IStorySpec } from './interface';
+import type { IPlayer } from './interface/player';
+export declare class Story implements IStory {
+    static _id_: number;
+    protected _player: IPlayer;
+    readonly id: string;
+    protected _canvas: StoryCanvas;
+    get canvas(): StoryCanvas;
+    protected _characters: {
+        [key: string]: ICharacter;
+    };
+    constructor(spec: IStorySpec, option: IStoryInitOption);
+    load(spec: IStorySpec): void;
+    getCharacters(): {
+        [key: string]: ICharacter;
+    };
+    private _createCharacter;
+    private _createAct;
+    play(actIndex?: string | number): void;
+    pause(): string | number;
+    encodeToVideo(actIndex: number, millsecond: number, fps: number): Promise<string>;
+    getPlayer(): IPlayer;
+    release(): void;
+}

package/es/story/story.js

@@ -0,0 +1,89 @@
+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 { isString } from "@visactor/vutils";
+
+import { StoryCanvas } from "./canvas/canvas";
+
+import { StoryFactory } from "./factory/factory";
+
+import { defaultTicker, defaultTimeline } from "@visactor/vrender";
+
+import { Player } from "./player";
+
+defaultTicker.remTimeline(defaultTimeline);
+
+export class Story {
+    get canvas() {
+        return this._canvas;
+    }
+    constructor(spec, option) {
+        this._characters = {}, this.id = "test-mvp_" + Story._id_++, this._canvas = new StoryCanvas(this, isString(option.dom) ? document.getElementById(option.dom) : option.dom), 
+        this._player = new Player(this._canvas), spec && this.load(spec);
+    }
+    load(spec) {
+        spec.characters.forEach((e => {
+            this._createCharacter(e);
+        })), spec.acts.forEach((e => {
+            this._createAct(e);
+        }));
+    }
+    getCharacters() {
+        return this._characters;
+    }
+    _createCharacter(spec) {
+        const option = {
+            story: this,
+            canvas: this._canvas,
+            graphicParent: this._canvas.getStage().defaultLayer
+        };
+        return spec.id ? (this._characters[spec.id] || (this._characters[spec.id] = StoryFactory.createCharacter(spec, option)), 
+        this._characters[spec.id]) : null;
+    }
+    _createAct(spec) {
+        this._player.addAct(spec, this._characters);
+    }
+    play(actIndex = 0) {
+        this._player.setCurrentAct(actIndex), this._player.play();
+    }
+    pause() {
+        return this._player.pause(), this._player.getCurrentAct();
+    }
+    encodeToVideo(actIndex, millsecond, fps) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return this._player.setCurrentAct(actIndex), this._player.encodeToVideo(millsecond, fps);
+        }));
+    }
+    getPlayer() {
+        return this._player;
+    }
+    release() {
+        this._player.release(), this._canvas.release();
+    }
+}
+
+Story._id_ = 0;
+//# sourceMappingURL=story.js.map

package/es/story/story.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/story.ts"],"names":[],"mappings":"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","file":"story.js","sourcesContent":["import type { ICharacterSpec } from './character/dsl-interface';\nimport { isString } from '@visactor/vutils';\nimport type { IStory, IStoryInitOption } from './interface/runtime-interface';\nimport type { ICharacter } from './character/runtime-interface';\nimport { StoryCanvas } from './canvas/canvas';\nimport type { IStorySpec, IActSpec } from './interface';\nimport { StoryFactory } from './factory/factory';\nimport { defaultTicker, defaultTimeline } from '@visactor/vrender';\nimport type { IPlayer } from './interface/player';\nimport { Player } from './player';\n\ndefaultTicker.remTimeline(defaultTimeline);\n\nexport class Story implements IStory {\n  static _id_ = 0;\n\n  protected _player: IPlayer;\n\n  readonly id: string;\n\n  protected _canvas: StoryCanvas;\n  get canvas() {\n    return this._canvas;\n  }\n\n  protected _characters: { [key: string]: ICharacter } = {};\n\n  constructor(spec: IStorySpec, option: IStoryInitOption) {\n    this.id = 'test-mvp_' + Story._id_++;\n    this._canvas = new StoryCanvas(\n      this,\n      isString(option.dom) ? (document.getElementById(option.dom) as HTMLDivElement) : option.dom\n    );\n    this._player = new Player(this._canvas);\n\n    if (spec) {\n      this.load(spec);\n    }\n  }\n\n  load(spec: IStorySpec) {\n    spec.characters.forEach(e => {\n      this._createCharacter(e);\n    });\n    // @ts-ignore\n    spec.acts.forEach(e => {\n      this._createAct(e);\n    });\n  }\n\n  getCharacters(): { [key: string]: ICharacter } {\n    return this._characters;\n  }\n\n  private _createCharacter(spec: ICharacterSpec) {\n    const option = { story: this, canvas: this._canvas, graphicParent: this._canvas.getStage().defaultLayer };\n    if ((<ICharacterSpec>spec).id) {\n      if (!this._characters[(<ICharacterSpec>spec).id]) {\n        this._characters[(<ICharacterSpec>spec).id] = StoryFactory.createCharacter(<ICharacterSpec>spec, option);\n      }\n      return this._characters[(<ICharacterSpec>spec).id];\n    }\n    //  else if ((<ICharacterLink>spec).characterId) {\n    //   return this._characters[(<ICharacterLink>spec).characterId];\n    // }\n    return null;\n  }\n\n  private _createAct(spec: IActSpec) {\n    this._player.addAct(spec, this._characters);\n  }\n\n  play(actIndex: string | number = 0) {\n    // player 开始播放\n    this._player.setCurrentAct(actIndex);\n    this._player.play();\n  }\n\n  pause() {\n    this._player.pause();\n    return this._player.getCurrentAct();\n  }\n\n  async encodeToVideo(actIndex: number, millsecond: number, fps: number) {\n    this._player.setCurrentAct(actIndex);\n    return this._player.encodeToVideo(millsecond, fps);\n  }\n\n  getPlayer() {\n    return this._player;\n  }\n\n  release() {\n    this._player.release();\n    this._canvas.release();\n  }\n}\n"]}

package/es/story/utils/chart.d.ts

@@ -0,0 +1,8 @@
+import { ISpec } from '@visactor/vchart';
+export declare function isModelInfoMatchSpec(info: any, spec: {
+    id: string | number;
+}, specKey: string, index: number, option?: {
+    ignoreIdMatch: boolean;
+}): boolean;
+export declare function mergeSpec(target: any, ...sources: any[]): any;
+export declare function findChartSpec(s: any, vchartSpec: ISpec): any;

package/es/story/utils/chart.js

@@ -0,0 +1,65 @@
+import { isArray, isArrayLike, isNil, isObject, isPlainObject, isString, isValid } from "@visactor/vutils";
+
+const directlyAssignSpecKeys = [ "seriesId", "text" ];
+
+export function isModelInfoMatchSpec(info, spec, specKey, index, option = {
+    ignoreIdMatch: !1
+}) {
+    if (!isNil(info.id)) {
+        const match = info.id === spec.id;
+        if (match || !0 !== option.ignoreIdMatch) return match;
+    }
+    return info.specKey === specKey && info.specIndex === index;
+}
+
+function baseMerge(target, source, shallowArray = !1) {
+    if (source) {
+        if (target === source) return;
+        if (isValid(source) && "object" == typeof source) {
+            const iterable = Object(source), props = [];
+            for (const key in iterable) props.push(key);
+            let {length: length} = props, propIndex = -1;
+            for (;length--; ) {
+                const key = props[++propIndex];
+                isValid(iterable[key]) && "object" == typeof iterable[key] ? baseMergeDeep(target, source, key, shallowArray) : assignMergeValue(target, key, iterable[key]);
+            }
+        }
+    }
+}
+
+function baseMergeDeep(target, source, key, shallowArray = !1) {
+    const objValue = target[key], srcValue = source[key];
+    let newValue = source[key], isCommon = !0;
+    if (directlyAssignSpecKeys.includes(key)) isCommon = !1; else if (isArray(srcValue)) {
+        if (shallowArray || !objValue) newValue = []; else if (isArray(objValue)) newValue = objValue; else if (isArrayLike(objValue) && !isString(objValue)) {
+            newValue = new Array(objValue.length);
+            let index = -1;
+            const length = objValue.length;
+            for (;++index < length; ) newValue[index] = objValue[index];
+        }
+    } else isPlainObject(srcValue) ? (newValue = null != objValue ? objValue : {}, "function" != typeof objValue && "object" == typeof objValue || (newValue = {})) : isCommon = !1;
+    isCommon && baseMerge(newValue, srcValue, shallowArray), assignMergeValue(target, key, newValue);
+}
+
+function assignMergeValue(target, key, value) {
+    (void 0 !== value && !eq(target[key], value) || void 0 === value && !(key in target)) && (target[key] = value);
+}
+
+function eq(value, other) {
+    return value === other || Number.isNaN(value) && Number.isNaN(other);
+}
+
+export function mergeSpec(target, ...sources) {
+    let sourceIndex = -1;
+    const length = sources.length;
+    for (;++sourceIndex < length; ) {
+        baseMerge(target, sources[sourceIndex], !1);
+    }
+    return target;
+}
+
+export function findChartSpec(s, vchartSpec) {
+    const chartSpec = vchartSpec[s.specKey];
+    return chartSpec ? isArray(chartSpec) ? chartSpec.find(((_s, index) => isModelInfoMatchSpec(s, _s, s.specKey, index))) : isObject(chartSpec) && isModelInfoMatchSpec(s, chartSpec, s.specKey, 0) ? chartSpec : null : null;
+}
+//# sourceMappingURL=chart.js.map

package/es/story/utils/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/utils/chart.ts"],"names":[],"mappings":"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","file":"chart.js","sourcesContent":["import { ISpec } from '@visactor/vchart';\nimport { isArray, isArrayLike, isNil, isObject, isPlainObject, isString, isValid } from '@visactor/vutils';\n\nconst directlyAssignSpecKeys = ['seriesId', 'text'];\n\nexport function isModelInfoMatchSpec(\n  info: any,\n  spec: { id: string | number },\n  specKey: string,\n  index: number,\n  option: {\n    ignoreIdMatch: boolean;\n  } = {\n    ignoreIdMatch: false\n  }\n) {\n  if (!isNil(info.id)) {\n    const match = info.id === spec.id;\n    if (match || option.ignoreIdMatch !== true) {\n      return match;\n    }\n  }\n  return info.specKey === specKey && info.specIndex === index;\n}\n\nfunction baseMerge(target: any, source: any, shallowArray = false) {\n  if (source) {\n    if (target === source) {\n      return;\n    }\n    if (isValid(source) && typeof source === 'object') {\n      // baseFor\n      const iterable = Object(source);\n      const props = [];\n      // keysIn\n      for (const key in iterable) {\n        props.push(key);\n      }\n      let { length } = props;\n      let propIndex = -1;\n      while (length--) {\n        const key = props[++propIndex];\n        if (isValid(iterable[key]) && typeof iterable[key] === 'object') {\n          baseMergeDeep(target, source, key, shallowArray);\n        } else {\n          assignMergeValue(target, key, iterable[key]);\n        }\n      }\n    }\n  }\n}\n\nfunction baseMergeDeep(target: object, source: object, key: string, shallowArray = false) {\n  const objValue = target[key];\n  const srcValue = source[key];\n  let newValue = source[key];\n  let isCommon = true;\n  // handle excluded spec keys\n  if (directlyAssignSpecKeys.includes(key)) {\n    isCommon = false;\n  }\n  // 不考虑 buffer / typedArray 类型\n  else if (isArray(srcValue)) {\n    if (shallowArray || !objValue) {\n      // 依据参数对数组做浅拷贝\n      newValue = [];\n    } else if (isArray(objValue)) {\n      newValue = objValue;\n    } else if (isArrayLike(objValue) && !isString(objValue)) {\n      // 如果 objValue 是字符串则直接赋值\n      // 如果 source 为数组，则 target 的 arrayLike 对象也视作为数组处理\n      newValue = new Array(objValue.length);\n      let index = -1;\n      const length = objValue.length;\n      while (++index < length) {\n        newValue[index] = objValue[index];\n      }\n    }\n  }\n  // else if (isArray(srcValue) && shallowArray) {\n  //   newValue = [];\n  // }\n  // 不考虑 argument 类型\n  else if (isPlainObject(srcValue)) {\n    newValue = objValue ?? {};\n    // 不考虑 prototype 的额外处理\n    if (typeof objValue === 'function' || typeof objValue !== 'object') {\n      newValue = {};\n    }\n  } else {\n    isCommon = false;\n  }\n  // 对 class 等复杂对象或者浅拷贝的 array 不做拷贝处理\n  if (isCommon) {\n    baseMerge(newValue, srcValue, shallowArray);\n  }\n  assignMergeValue(target, key, newValue);\n}\n\nfunction assignMergeValue(target: object, key: string, value: any) {\n  if ((value !== undefined && !eq(target[key], value)) || (value === undefined && !(key in target))) {\n    // 不考虑 __proto__ 的赋值处理\n    target[key] = value;\n  }\n}\n\nfunction eq(value: any, other: any) {\n  return value === other || (Number.isNaN(value) && Number.isNaN(other));\n}\n\nexport function mergeSpec(target: any, ...sources: any[]): any {\n  let sourceIndex = -1;\n  const length = sources.length;\n  while (++sourceIndex < length) {\n    const source = sources[sourceIndex];\n    baseMerge(target, source, false);\n  }\n  return target;\n}\n\nexport function findChartSpec(s: any, vchartSpec: ISpec) {\n  const chartSpec = vchartSpec[s.specKey];\n  if (!chartSpec) {\n    return null;\n  }\n  if (isArray(chartSpec)) {\n    return chartSpec.find((_s, index) => {\n      return isModelInfoMatchSpec(s, _s, s.specKey, index);\n    });\n  } else if (isObject(chartSpec)) {\n    return isModelInfoMatchSpec(s, chartSpec as { id: string | number }, s.specKey, 0) ? chartSpec : null;\n  }\n  return null;\n}\n"]}

package/es/story/utils/layout.d.ts

@@ -0,0 +1,2 @@
+import type { ILayoutAttribute, IWidgetData } from '../character';
+export declare function getLayoutFromWidget(w: Partial<IWidgetData>): Partial<ILayoutAttribute>;

package/es/story/utils/layout.js

@@ -0,0 +1,9 @@
+export function getLayoutFromWidget(w) {
+    return {
+        x: w.left,
+        y: w.top,
+        width: "width" in w ? w.width : w.right - w.left,
+        height: "height" in w ? w.height : w.bottom - w.top
+    };
+}
+//# sourceMappingURL=layout.js.map

package/es/story/utils/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/utils/layout.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,CAAuB;IACzD,OAAO;QACL,CAAC,EAAE,CAAC,CAAC,IAAI;QACT,CAAC,EAAE,CAAC,CAAC,GAAG;QACR,KAAK,EAAE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAU,CAAS,CAAC,KAAK,GAAW,CAAC,CAAC,IAAI;QACzE,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAU,CAAS,CAAC,MAAM,GAAW,CAAC,CAAC,GAAG;KAC7E,CAAC;AACJ,CAAC","file":"layout.js","sourcesContent":["import type { ILayoutAttribute, IWidgetData } from '../character';\n\nexport function getLayoutFromWidget(w: Partial<IWidgetData>): Partial<ILayoutAttribute> {\n  return {\n    x: w.left,\n    y: w.top,\n    width: 'width' in w ? w.width : <number>(w as any).right - <number>w.left,\n    height: 'height' in w ? w.height : <number>(w as any).bottom - <number>w.top\n  };\n}\n"]}

package/es/task.d.ts

@@ -0,0 +1,21 @@
+import { IContext } from './interface/type';
+export type TaskCb = () => void;
+export interface ITask {
+    runCb: (cb: TaskCb) => void;
+    run: (context?: Partial<IContext>) => void;
+    next: ITask | null;
+    prev: ITask | null;
+}
+export declare abstract class AbstractTask implements ITask {
+    prev: ITask;
+    next: ITask;
+    abstract runCb(cb: TaskCb): void;
+    abstract run(context?: Partial<IContext>): void;
+}
+export declare class TaskManager {
+    protected _tail: ITask;
+    protected _head: ITask;
+    protected _context: Partial<IContext>;
+    setContext(context: Partial<IContext>): void;
+    next(task: ITask): void;
+}

package/es/task.js

@@ -0,0 +1,13 @@
+export class AbstractTask {}
+
+export class TaskManager {
+    setContext(context) {
+        this._context = context;
+    }
+    next(task) {
+        this._tail ? (this._tail.next = task, task.prev = this._tail, this._tail.runCb((() => {
+            task.run(this._context);
+        })), this._tail = task) : (this._tail = task, this._head = task, task.run(this._context));
+    }
+}
+//# sourceMappingURL=task.js.map

package/es/task.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/task.ts"],"names":[],"mappings":"AAWA,MAAM,OAAgB,YAAY;CAMjC;AAED,MAAM,OAAO,WAAW;IAKtB,UAAU,CAAC,OAA0B;QACnC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;IAED,IAAI,CAAC,IAAW;QACd,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACzB;aAAM;YACL,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE;gBACpB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC1B,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;SACnB;IACH,CAAC;CACF","file":"task.js","sourcesContent":["import { IContext } from './interface/type';\n\nexport type TaskCb = () => void;\n\nexport interface ITask {\n  runCb: (cb: TaskCb) => void;\n  run: (context?: Partial<IContext>) => void;\n  next: ITask | null;\n  prev: ITask | null;\n}\n\nexport abstract class AbstractTask implements ITask {\n  prev: ITask;\n  next: ITask;\n\n  abstract runCb(cb: TaskCb): void;\n  abstract run(context?: Partial<IContext>): void;\n}\n\nexport class TaskManager {\n  protected _tail: ITask;\n  protected _head: ITask;\n\n  protected _context: Partial<IContext>;\n  setContext(context: Partial<IContext>) {\n    this._context = context;\n  }\n\n  next(task: ITask) {\n    if (!this._tail) {\n      this._tail = task;\n      this._head = task;\n      task.run(this._context);\n    } else {\n      this._tail.next = task;\n      task.prev = this._tail;\n      this._tail.runCb(() => {\n        task.run(this._context);\n      });\n      this._tail = task;\n    }\n  }\n}\n"]}

package/es/template/base-template.d.ts

@@ -0,0 +1,13 @@
+import type VChart from '@visactor/vchart';
+import type { IContext } from '../interface/type';
+export declare abstract class Template {
+    spec: Record<string, any>;
+    protected _chartInstance: VChart;
+    vchartInstance(): VChart;
+    constructor(spec: Record<string, any>);
+    protected abstract isValid(): boolean;
+    protected abstract setUp(): Record<string, any>;
+    abstract render(context: Partial<IContext>): void;
+    onRenderEnd(context: Partial<IContext>): void;
+    release(): void;
+}

package/es/template/base-template.js

@@ -0,0 +1,13 @@
+export class Template {
+    vchartInstance() {
+        return this._chartInstance;
+    }
+    constructor(spec) {
+        this.spec = spec;
+    }
+    onRenderEnd(context) {}
+    release() {
+        this._chartInstance.release(), this._chartInstance = null;
+    }
+}
+//# sourceMappingURL=base-template.js.map

package/es/template/base-template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/template/base-template.ts"],"names":[],"mappings":"AAMA,MAAM,OAAgB,QAAQ;IAG5B,cAAc;QACZ,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAID,YAAY,IAAyB;QACnC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAQD,WAAW,CAAC,OAA0B;IAUtC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAG7B,CAAC;CACF","file":"base-template.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IContext } from '../interface/type';\nimport { IGraphic } from '@visactor/vrender';\nimport { TaskManager } from '../task';\nimport { forEachGraphicItem } from '../util/vrender-api';\n\nexport abstract class Template {\n  declare spec: Record<string, any>;\n  protected _chartInstance: VChart;\n  vchartInstance() {\n    return this._chartInstance;\n  }\n\n  // protected _graphicAnimationManager = new Map<IGraphic, TaskManager>();\n\n  constructor(spec: Record<string, any>) {\n    this.spec = spec;\n  }\n\n  protected abstract isValid(): boolean;\n\n  protected abstract setUp(): Record<string, any>;\n\n  abstract render(context: Partial<IContext>): void;\n\n  onRenderEnd(context: Partial<IContext>) {\n    // const { stage } = context;\n    // if (stage && this._chartInstance) {\n    //   forEachGraphicItem(stage as unknown as IGraphic, graphic => {\n    //     if (!this._graphicAnimationManager.get(graphic)) {\n    //       const manager = new TaskManager();\n    //       this._graphicAnimationManager.set(graphic, manager);\n    //     }\n    //   });\n    // }\n  }\n\n  release() {\n    this._chartInstance.release();\n    this._chartInstance = null;\n    // this._graphicAnimationManager.clear();\n    // this._graphicAnimationManager = null;\n  }\n}\n"]}

package/es/template/charts/simple-chart.d.ts

@@ -0,0 +1,8 @@
+import { IContext } from '../../interface/type';
+import { Template } from '../base-template';
+export declare const CHART_TYPES: string[];
+export declare class Bar extends Template {
+    protected isValid(): boolean;
+    protected setUp(): Record<string, any>;
+    render(context?: Partial<IContext>): void;
+}

package/es/template/charts/simple-chart.js

@@ -0,0 +1,26 @@
+import VChart from "@visactor/vchart";
+
+import { Template } from "../base-template";
+
+export const CHART_TYPES = [ "line", "bar" ];
+
+export class Bar extends Template {
+    isValid() {
+        const {xField: xField, yField: yField, data: data} = this.spec;
+        if (!xField || !yField) throw new Error("Missing config: `xField`,`yField`");
+        if (!data) throw new Error("Missing data");
+        return !0;
+    }
+    setUp() {
+        return this.spec && (this.spec.background = "rgba(0,0,0,0)"), this.spec;
+    }
+    render(context = {}) {
+        const spec = this.setUp();
+        spec && context.dom && (this._chartInstance = new VChart(spec, {
+            dom: context.dom,
+            stage: context.stage,
+            renderCanvas: context.canvas
+        }), this._chartInstance && this._chartInstance.renderSync());
+    }
+}
+//# sourceMappingURL=simple-chart.js.map

package/es/template/charts/simple-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/template/charts/simple-chart.ts"],"names":[],"mappings":"AAAA,OAAO,MAAsB,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE3C,MAAM,OAAO,GAAI,SAAQ,QAAQ;IACrB,OAAO;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;SACtD;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;SACjC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAES,KAAK;QACb,IAAI,IAAI,CAAC,IAAI,EAAE;YAEb,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC;SACxC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,MAAM,CAAC,UAA6B,EAAE;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC1B,IAAI,IAAI,IAAI,OAAO,CAAC,GAAG,EAAE;YACvB,IAAI,CAAC,cAAc,GAAG,IAAI,MAAM,CAAC,IAAkB,EAAE;gBACnD,GAAG,EAAE,OAAO,CAAC,GAAG;gBAChB,KAAK,EAAE,OAAO,CAAC,KAAK;gBACpB,YAAY,EAAE,OAAO,CAAC,MAAM;aAC7B,CAAC,CAAC;YACH,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;aAElC;SACF;IACH,CAAC;CACF","file":"simple-chart.js","sourcesContent":["import VChart, { IChartSpec } from '@visactor/vchart';\nimport { IContext } from '../../interface/type';\nimport { Template } from '../base-template';\n\n// TODO: 动态生成\nexport const CHART_TYPES = ['line', 'bar'];\n\nexport class Bar extends Template {\n  protected isValid() {\n    const { xField, yField, data } = this.spec;\n    if (!xField || !yField) {\n      throw new Error('Missing config: `xField`,`yField`');\n    }\n    if (!data) {\n      throw new Error('Missing data');\n    }\n    return true;\n  }\n\n  protected setUp() {\n    if (this.spec) {\n      // TODO chart 会绘制整个background\n      this.spec.background = 'rgba(0,0,0,0)';\n    }\n    return this.spec;\n  }\n\n  render(context: Partial<IContext> = {}) {\n    const spec = this.setUp();\n    if (spec && context.dom) {\n      this._chartInstance = new VChart(spec as IChartSpec, {\n        dom: context.dom,\n        stage: context.stage,\n        renderCanvas: context.canvas\n      });\n      if (this._chartInstance) {\n        this._chartInstance.renderSync();\n        // this.onRenderEnd(context);\n      }\n    }\n  }\n}\n"]}

package/es/template/ranking-bar/interface.d.ts

@@ -0,0 +1,41 @@
+import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';
+export type IRankingBarData = any[];
+export interface IPlayConfig {
+    interval?: number;
+}
+export interface IRankingBarSpec extends IPlayConfig {
+    data: IRankingBarData;
+    timeField: string;
+    xField: string;
+    yField: string;
+    topN?: number;
+    bar?: {
+        padding?: number;
+        cornerRadius?: number;
+    };
+    color?: Record<string, string>;
+    icon?: Record<string, string>;
+    iconPosition?: 'bar-end' | 'bar-start' | 'axis';
+    iconShape?: 'circle' | 'rect';
+    background?: string;
+    label?: {
+        visible?: boolean;
+        style?: ITextGraphicAttribute;
+    };
+    nameLabel?: ITextGraphicAttribute & {
+        visible?: boolean;
+        position?: 'bar-end' | 'bar-start';
+        style?: ITextGraphicAttribute;
+    };
+    timeLabel?: ITextGraphicAttribute;
+    xAxis?: {
+        label?: ITextGraphicAttribute;
+        domainLine?: ILineGraphicAttribute;
+        grid?: ILineGraphicAttribute;
+    };
+    yAxis?: {
+        label?: ITextGraphicAttribute;
+        domainLine?: ILineGraphicAttribute;
+        grid?: ILineGraphicAttribute;
+    };
+}

package/es/template/ranking-bar/interface.js

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

package/es/template/ranking-bar/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/template/ranking-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';\n\nexport type IRankingBarData = any[];\n\nexport interface IPlayConfig {\n  interval?: number; // 单位毫秒\n}\n\nexport interface IRankingBarSpec extends IPlayConfig {\n  data: IRankingBarData;\n\n  timeField: string;\n  xField: string;\n  yField: string;\n\n  topN?: number;\n\n  bar?: {\n    padding?: number;\n    cornerRadius?: number;\n  };\n\n  color?: Record<string, string>;\n\n  icon?: Record<string, string>;\n\n  iconPosition?: 'bar-end' | 'bar-start' | 'axis';\n\n  iconShape?: 'circle' | 'rect';\n\n  background?: string;\n\n  label?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  nameLabel?: ITextGraphicAttribute & {\n    visible?: boolean;\n    position?: 'bar-end' | 'bar-start';\n    style?: ITextGraphicAttribute;\n  };\n\n  timeLabel?: ITextGraphicAttribute;\n\n  xAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n\n  yAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n}\n"]}

package/es/template/ranking-bar/ranking-bar.d.ts

@@ -0,0 +1,16 @@
+import { IContext } from 'src/interface/type';
+import { IRankingBarSpec } from './interface';
+import { VChart } from '@visactor/vchart';
+import { Template } from '../base-template';
+export declare class RankingBar extends Template {
+    spec: IRankingBarSpec;
+    protected _chartInstance: VChart;
+    protected _timeNodes: string[];
+    protected _timeData: Map<string, any[]>;
+    constructor(spec: IRankingBarSpec);
+    protected init(): void;
+    protected isValid(): boolean;
+    protected setUp(): import("@visactor/vchart").ICommonChartSpec;
+    render(context?: Partial<IContext>): void;
+    release(): void;
+}

package/es/template/ranking-bar/ranking-bar.js

@@ -0,0 +1,35 @@
+import { VChart } from "@visactor/vchart";
+
+import { specParser } from "./spec-parser";
+
+import { Template } from "../base-template";
+
+export class RankingBar extends Template {
+    constructor(spec) {
+        super(spec), this.init();
+    }
+    init() {
+        this.isValid() && (this._timeData = new Map, this._timeNodes = []);
+    }
+    isValid() {
+        const {xField: xField, yField: yField, timeField: timeField, data: data} = this.spec;
+        if (!xField || !yField || !timeField) throw new Error("Missing config: `xField`,`yField`, `timeField`");
+        if (!data) throw new Error("Missing data");
+        return !0;
+    }
+    setUp() {
+        const {vchartSpec: vchartSpec} = specParser(this.spec);
+        return vchartSpec;
+    }
+    render(context = {}) {
+        const spec = this.setUp();
+        spec && context.dom && (this._chartInstance = new VChart(spec, {
+            dom: context.dom,
+            stage: context.stage
+        }), this._chartInstance && (this._chartInstance.renderSync(), this.onRenderEnd(context)));
+    }
+    release() {
+        super.release(), this._timeData = null, this._timeNodes = null;
+    }
+}
+//# sourceMappingURL=ranking-bar.js.map