@visactor/vstory 0.0.1-alpha.0

package/cjs/component/title.d.ts

@@ -0,0 +1,18 @@
+import type { IAnimate as IVRenderAnimate } from '@visactor/vrender';
+import { GraphicAnimate } from '../animate/animate';
+import type { Title } from '@visactor/vrender-components';
+import type { IContext } from '../interface/type';
+import { Action } from '../scene/action';
+import type { TaskCb } from '../task';
+export declare function textWriter(title: Title, duration: number): Action;
+export declare class TextWriter extends GraphicAnimate {
+    protected _title: Title;
+    getEntity(): Title;
+    protected _duration: number;
+    protected _mainAnimate: IVRenderAnimate;
+    protected _subAnimate: IVRenderAnimate;
+    constructor(title: Title, duration: number);
+    run(context: Partial<IContext>): void;
+    runCb(cb: TaskCb): void;
+}
+export { Title } from '@visactor/vrender-components';

package/cjs/component/title.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Title = exports.TextWriter = exports.textWriter = void 0;
+
+const vrender_1 = require("@visactor/vrender"), animate_1 = require("../animate/animate"), action_1 = require("../scene/action");
+
+function textWriter(title, duration) {
+    const _textWriter = new TextWriter(title, duration);
+    return new action_1.Action(_textWriter, ((_textWriter, context) => {
+        context && context.stage && (context.stage.defaultLayer.add(_textWriter.getEntity()), 
+        _textWriter.run());
+    }));
+}
+
+exports.textWriter = textWriter;
+
+class TextWriter extends animate_1.GraphicAnimate {
+    getEntity() {
+        return this._title;
+    }
+    constructor(title, duration) {
+        super(null), this._title = title, this._duration = duration;
+    }
+    run(context) {
+        if (this._title && this._duration > 0) {
+            const {_subtitle: subtitle, _mainTitle: mainTitle} = this._title;
+            mainTitle && (this._mainAnimate = mainTitle.animate().play(new vrender_1.InputText({
+                text: ""
+            }, {
+                text: mainTitle.attribute.text[0]
+            }, this._duration, "linear"))), subtitle && (this._subAnimate = subtitle.animate().play(new vrender_1.InputText({
+                text: ""
+            }, {
+                text: subtitle.attribute.text
+            }, this._duration, "linear")));
+        }
+    }
+    runCb(cb) {
+        this._mainAnimate && this._mainAnimate.runCb(cb), this._subAnimate && this._subAnimate.runCb(cb);
+    }
+}
+
+exports.TextWriter = TextWriter;
+
+var vrender_components_1 = require("@visactor/vrender-components");
+
+Object.defineProperty(exports, "Title", {
+    enumerable: !0,
+    get: function() {
+        return vrender_components_1.Title;
+    }
+});
+//# sourceMappingURL=title.js.map

package/cjs/component/title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/title.ts"],"names":[],"mappings":";;;AACA,+CAA8C;AAC9C,gDAAoD;AAGpD,4CAAyC;AAGzC,SAAgB,UAAU,CAAC,KAAY,EAAE,QAAgB;IACvD,MAAM,WAAW,GAAG,IAAI,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACpD,OAAO,IAAI,eAAM,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE;QACtD,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE;YAC5B,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC;YACxD,WAAW,CAAC,GAAG,EAAE,CAAC;SACnB;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AARD,gCAQC;AAED,MAAa,UAAW,SAAQ,wBAAc;IAE5C,SAAS;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAMD,YAAY,KAAY,EAAE,QAAgB;QACxC,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC5B,CAAC;IAED,GAAG,CAAC,OAA0B;QAC5B,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE;YAErC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;YACnE,IAAI,SAAS,EAAE;gBACb,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAC1C,IAAI,mBAAS,CACX,EAAE,IAAI,EAAE,EAAE,EAAE,EACZ;oBACE,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;iBAClC,EACD,IAAI,CAAC,SAAS,EACd,QAAQ,CACT,CACF,CAAC;aACH;YACD,IAAI,QAAQ,EAAE;gBACZ,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,CACxC,IAAI,mBAAS,CACX,EAAE,IAAI,EAAE,EAAE,EAAE,EACZ;oBACE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI;iBAC9B,EACD,IAAI,CAAC,SAAS,EACd,QAAQ,CACT,CACF,CAAC;aACH;SACF;IACH,CAAC;IAED,KAAK,CAAC,EAAU;QACd,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAC7B;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAC5B;IACH,CAAC;CACF;AAxDD,gCAwDC;AAED,mEAAqD;AAA5C,2GAAA,KAAK,OAAA","file":"title.js","sourcesContent":["import type { IAnimate as IVRenderAnimate } from '@visactor/vrender';\nimport { InputText } from '@visactor/vrender';\nimport { GraphicAnimate } from '../animate/animate';\nimport type { Title } from '@visactor/vrender-components';\nimport type { IContext } from '../interface/type';\nimport { Action } from '../scene/action';\nimport type { TaskCb } from '../task';\n\nexport function textWriter(title: Title, duration: number) {\n  const _textWriter = new TextWriter(title, duration);\n  return new Action(_textWriter, (_textWriter, context) => {\n    if (context && context.stage) {\n      context.stage.defaultLayer.add(_textWriter.getEntity());\n      _textWriter.run();\n    }\n  });\n}\n\nexport class TextWriter extends GraphicAnimate {\n  protected _title: Title;\n  getEntity() {\n    return this._title;\n  }\n  protected _duration: number;\n\n  protected _mainAnimate: IVRenderAnimate;\n  protected _subAnimate: IVRenderAnimate;\n\n  constructor(title: Title, duration: number) {\n    super(null);\n    this._title = title;\n    this._duration = duration;\n  }\n\n  run(context: Partial<IContext>): void {\n    if (this._title && this._duration > 0) {\n      // @ts-ignore\n      const { _subtitle: subtitle, _mainTitle: mainTitle } = this._title;\n      if (mainTitle) {\n        this._mainAnimate = mainTitle.animate().play(\n          new InputText(\n            { text: '' },\n            {\n              text: mainTitle.attribute.text[0]\n            },\n            this._duration,\n            'linear'\n          )\n        );\n      }\n      if (subtitle) {\n        this._subAnimate = subtitle.animate().play(\n          new InputText(\n            { text: '' },\n            {\n              text: subtitle.attribute.text\n            },\n            this._duration,\n            'linear'\n          )\n        );\n      }\n    }\n  }\n\n  runCb(cb: TaskCb): void {\n    if (this._mainAnimate) {\n      this._mainAnimate.runCb(cb);\n    }\n\n    if (this._subAnimate) {\n      this._subAnimate.runCb(cb);\n    }\n  }\n}\n\nexport { Title } from '@visactor/vrender-components';\n"]}

package/cjs/constants/attribute.d.ts

@@ -0,0 +1,2 @@
+export declare const MinFontSize = 8;
+export declare const MinSize = 20;

package/cjs/constants/attribute.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MinSize = exports.MinFontSize = void 0, exports.MinFontSize = 8, exports.MinSize = 20;
+//# sourceMappingURL=attribute.js.map

package/cjs/constants/attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants/attribute.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,CAAC,CAAC;AAChB,QAAA,OAAO,GAAG,EAAE,CAAC","file":"attribute.js","sourcesContent":["export const MinFontSize = 8;\nexport const MinSize = 20;\n"]}

package/cjs/dsl/constant/index.d.ts

@@ -0,0 +1,29 @@
+export declare const enum StoryChartType {
+    CHARACTER_CHART = "CharacterChart",
+    BAR = "BarChart",
+    LINE = "LineChart",
+    AREA = "AreaChart",
+    HISTOGRAM = "HistogramChart",
+    PIE = "PieChart",
+    ROSE = "RoseChart",
+    RADAR = "RadarChart",
+    RANGE_COLUMN = "RangeColumnChart",
+    SCATTER = "ScatterChart",
+    WORD_CLOUD = "WordCloudChart",
+    TREE_MAP = "TreeMapChart",
+    SUNBURST = "SunburstChart"
+}
+export declare enum StoryGraphicType {
+    RECT = "RectComponent",
+    LINE = "LineComponent",
+    ARC = "ArcComponent",
+    PATH = "PathComponent",
+    TEXT = "TextComponent",
+    RICH_TEXT = "RichTextComponent",
+    QIPAO = "QipaoComponent",
+    IMAGE = "ImageComponent"
+}
+export declare const enum StoryChartComponentType {
+    MARK_POINT = "markPoint",
+    TITLE = "title"
+}

package/cjs/dsl/constant/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var StoryChartType, StoryGraphicType, StoryChartComponentType;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryChartComponentType = exports.StoryGraphicType = exports.StoryChartType = void 0, 
+function(StoryChartType) {
+    StoryChartType.CHARACTER_CHART = "CharacterChart", StoryChartType.BAR = "BarChart", 
+    StoryChartType.LINE = "LineChart", StoryChartType.AREA = "AreaChart", StoryChartType.HISTOGRAM = "HistogramChart", 
+    StoryChartType.PIE = "PieChart", StoryChartType.ROSE = "RoseChart", StoryChartType.RADAR = "RadarChart", 
+    StoryChartType.RANGE_COLUMN = "RangeColumnChart", StoryChartType.SCATTER = "ScatterChart", 
+    StoryChartType.WORD_CLOUD = "WordCloudChart", StoryChartType.TREE_MAP = "TreeMapChart", 
+    StoryChartType.SUNBURST = "SunburstChart";
+}(StoryChartType = exports.StoryChartType || (exports.StoryChartType = {})), function(StoryGraphicType) {
+    StoryGraphicType.RECT = "RectComponent", StoryGraphicType.LINE = "LineComponent", 
+    StoryGraphicType.ARC = "ArcComponent", StoryGraphicType.PATH = "PathComponent", 
+    StoryGraphicType.TEXT = "TextComponent", StoryGraphicType.RICH_TEXT = "RichTextComponent", 
+    StoryGraphicType.QIPAO = "QipaoComponent", StoryGraphicType.IMAGE = "ImageComponent";
+}(StoryGraphicType = exports.StoryGraphicType || (exports.StoryGraphicType = {})), 
+function(StoryChartComponentType) {
+    StoryChartComponentType.MARK_POINT = "markPoint", StoryChartComponentType.TITLE = "title";
+}(StoryChartComponentType = exports.StoryChartComponentType || (exports.StoryChartComponentType = {}));
+//# sourceMappingURL=index.js.map

package/cjs/dsl/constant/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/constant/index.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAcjB;AAdD,WAAkB,cAAc;IAC9B,oDAAkC,CAAA;IAClC,kCAAgB,CAAA;IAChB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,8CAA4B,CAAA;IAC5B,kCAAgB,CAAA;IAChB,oCAAkB,CAAA;IAClB,sCAAoB,CAAA;IACpB,mDAAiC,CAAA;IACjC,0CAAwB,CAAA;IACxB,+CAA6B,CAAA;IAC7B,2CAAyB,CAAA;IACzB,4CAA0B,CAAA;AAC5B,CAAC,EAdiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAc/B;AACD,IAAY,gBAWX;AAXD,WAAY,gBAAgB;IAC1B,0CAAsB,CAAA;IAEtB,0CAAsB,CAAA;IACtB,wCAAoB,CAAA;IAEpB,0CAAsB,CAAA;IACtB,0CAAsB,CAAA;IACtB,mDAA+B,CAAA;IAC/B,4CAAwB,CAAA;IACxB,4CAAwB,CAAA;AAC1B,CAAC,EAXW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAW3B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC","file":"index.js","sourcesContent":["export const enum StoryChartType {\n  CHARACTER_CHART = 'CharacterChart',\n  BAR = 'BarChart',\n  LINE = 'LineChart',\n  AREA = 'AreaChart',\n  HISTOGRAM = 'HistogramChart',\n  PIE = 'PieChart',\n  ROSE = 'RoseChart',\n  RADAR = 'RadarChart',\n  RANGE_COLUMN = 'RangeColumnChart',\n  SCATTER = 'ScatterChart',\n  WORD_CLOUD = 'WordCloudChart',\n  TREE_MAP = 'TreeMapChart',\n  SUNBURST = 'SunburstChart'\n}\nexport enum StoryGraphicType {\n  RECT = 'RectComponent',\n  // Shape = 'SymbolComponent',\n  LINE = 'LineComponent',\n  ARC = 'ArcComponent',\n  // AREA = 'AreaComponent',\n  PATH = 'PathComponent',\n  TEXT = 'TextComponent',\n  RICH_TEXT = 'RichTextComponent',\n  QIPAO = 'QipaoComponent',\n  IMAGE = 'ImageComponent'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}

package/cjs/dsl/story-chart/area.d.ts

@@ -0,0 +1,5 @@
+import { StoryChartType } from '../constant';
+import { StoryChart } from './chart';
+export declare class StoryArea extends StoryChart {
+    storyChartType: StoryChartType;
+}

package/cjs/dsl/story-chart/area.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryArea = void 0;
+
+const chart_1 = require("./chart");
+
+class StoryArea extends chart_1.StoryChart {
+    constructor() {
+        super(...arguments), this.storyChartType = "AreaChart";
+    }
+}
+
+exports.StoryArea = StoryArea;
+//# sourceMappingURL=area.js.map

package/cjs/dsl/story-chart/area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/area.ts"],"names":[],"mappings":";;;AACA,mCAAqC;AAErC,MAAa,SAAU,SAAQ,kBAAU;IAAzC;;QACS,mBAAc,eAAuB;IAC9C,CAAC;CAAA;AAFD,8BAEC","file":"area.js","sourcesContent":["import { StoryChartType } from '../constant';\nimport { StoryChart } from './chart';\n\nexport class StoryArea extends StoryChart {\n  public storyChartType = StoryChartType.AREA;\n}\n"]}

package/cjs/dsl/story-chart/bar.d.ts

@@ -0,0 +1,13 @@
+import { StoryChartType } from '../constant';
+import { StoryChart } from './chart';
+import { Datum } from '../types/Datum';
+import { IChartSpec, IInitOption } from '@visactor/vchart';
+import { IChartStylePayload } from '../types/chart/style';
+import { IChartAppearPayLoad } from '../types/chart/appear';
+export declare class StoryBar extends StoryChart {
+    storyChartType: StoryChartType;
+    constructor(spec: IChartSpec, option: IInitOption);
+    barStyle(data: Datum, payload: IChartStylePayload): void;
+    dance(data: Datum, payload: any): void;
+    appear(payload: IChartAppearPayLoad): void;
+}

package/cjs/dsl/story-chart/bar.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryBar = void 0;
+
+const vutils_1 = require("@visactor/vutils"), chart_1 = require("./chart");
+
+class StoryBar extends chart_1.StoryChart {
+    constructor(spec, option) {
+        super(spec, option), this.storyChartType = "BarChart";
+    }
+    barStyle(data, payload) {
+        const styleNode = (0, vutils_1.merge)({
+            action: "barStyle",
+            elementType: this.storyChartType,
+            elementId: this.uid
+        }, {
+            payload: payload
+        });
+        this.snapshot(styleNode);
+    }
+    dance(data, payload) {
+        const action = (0, vutils_1.merge)({
+            action: "dance",
+            elementType: this.storyChartType,
+            elementId: this.uid
+        }, {
+            payload: Object.assign({
+                data: data
+            }, payload)
+        });
+        this.snapshot(action);
+    }
+    appear(payload) {
+        const action = (0, vutils_1.merge)({
+            action: "appear",
+            elementType: this.storyChartType,
+            elementId: this.uid
+        }, {
+            payload: payload
+        });
+        this.snapshot(action);
+    }
+}
+
+exports.StoryBar = StoryBar;
+//# sourceMappingURL=bar.js.map

package/cjs/dsl/story-chart/bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/bar.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAEzC,mCAAqC;AAMrC,MAAa,QAAS,SAAQ,kBAAU;IAGtC,YAAY,IAAgB,EAAE,MAAmB;QAC/C,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAHf,mBAAc,cAAsB;IAI3C,CAAC;IAED,QAAQ,CAAC,IAAW,EAAE,OAA2B;QAC/C,MAAM,SAAS,GAAsB,IAAA,cAAK,EACxC,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAC7E,EAAE,OAAO,EAAE,CACZ,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,IAAW,EAAE,OAAY;QAC7B,MAAM,MAAM,GAAsB,IAAA,cAAK,EACrC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAC1E,EAAE,OAAO,kBAAI,IAAI,IAAK,OAAO,CAAE,EAAE,CAClC,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,OAA4B;QACjC,MAAM,MAAM,GAAuB,IAAA,cAAK,EACtC,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAC3E,EAAE,OAAO,EAAE,CACZ,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;CACF;AA9BD,4BA8BC","file":"bar.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { StoryChartType } from '../constant';\nimport { StoryChart } from './chart';\nimport { Datum } from '../types/Datum';\nimport { IChartSpec, IInitOption } from '@visactor/vchart';\nimport { IChartStyleAction, IChartStylePayload } from '../types/chart/style';\nimport { IChartAppearAction, IChartAppearPayLoad } from '../types/chart/appear';\n\nexport class StoryBar extends StoryChart {\n  public storyChartType = StoryChartType.BAR;\n\n  constructor(spec: IChartSpec, option: IInitOption) {\n    super(spec, option);\n  }\n\n  barStyle(data: Datum, payload: IChartStylePayload) {\n    const styleNode: IChartStyleAction = merge(\n      { action: 'barStyle', elementType: this.storyChartType, elementId: this.uid },\n      { payload }\n    );\n    this.snapshot(styleNode);\n  }\n\n  dance(data: Datum, payload: any) {\n    const action: IChartStyleAction = merge(\n      { action: 'dance', elementType: this.storyChartType, elementId: this.uid },\n      { payload: { data, ...payload } }\n    );\n    this.snapshot(action);\n  }\n\n  appear(payload: IChartAppearPayLoad) {\n    const action: IChartAppearAction = merge(\n      { action: 'appear', elementType: this.storyChartType, elementId: this.uid },\n      { payload }\n    );\n    this.snapshot(action);\n  }\n}\n"]}

package/cjs/dsl/story-chart/chart.d.ts

@@ -0,0 +1,25 @@
+import type { Datum } from '../types/Datum';
+import type { StoryComponent } from './component/base';
+import { IInitOption, ISpec, IVChart } from '@visactor/vchart';
+import { StoryElement } from './element';
+import { MarkPoint } from './component/markPoint';
+import { CreateMarkPointAction } from '../types/chart/createComponent';
+import { ChartAction, ChartActionNode } from '../types';
+import { StoryChartType } from '../constant';
+import { IChartAddPayload } from '../types/chart/add';
+export declare abstract class StoryChart extends StoryElement {
+    storyChartType: StoryChartType;
+    private snapshots;
+    private instance;
+    private components;
+    getComponent(id: number): StoryComponent;
+    constructor(spec?: ISpec, option?: IInitOption);
+    getInstance(): IVChart;
+    setInstance(instance: IVChart): this;
+    snapshot(node: ChartActionNode): void;
+    exportSnapshot(): ChartAction[];
+    add(payload: Partial<IChartAddPayload>): void;
+    updateStyle(): void;
+    createMarkPoint(data: Datum, option?: Partial<CreateMarkPointAction['payload']>): MarkPoint;
+    protected createComponent(component: StoryComponent): void;
+}

package/cjs/dsl/story-chart/chart.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryChart = void 0;
+
+const vchart_1 = require("@visactor/vchart"), vutils_1 = require("@visactor/vutils"), add_1 = require("./default/add"), element_1 = require("./element"), markPoint_1 = require("./component/markPoint"), vchart_api_1 = require("../../util/vchart-api");
+
+class StoryChart extends element_1.StoryElement {
+    getComponent(id) {
+        return this.components.get(id);
+    }
+    constructor(spec, option) {
+        super(), this.snapshots = [], this.components = new Map, spec && option && (this.instance = new vchart_1.VChart(spec, option));
+    }
+    getInstance() {
+        return this.instance;
+    }
+    setInstance(instance) {
+        return this.instance = instance, this;
+    }
+    snapshot(node) {
+        this.snapshots.push(node);
+    }
+    exportSnapshot() {
+        return this.snapshots;
+    }
+    add(payload) {
+        const editNode = (0, vutils_1.merge)({
+            action: "add",
+            payload: add_1.defaultAdd
+        }, {
+            payload: payload
+        }, {
+            elementType: this.storyChartType,
+            elementId: this.uid
+        });
+        this.snapshot(editNode);
+    }
+    updateStyle() {}
+    createMarkPoint(data, option) {
+        const markPoint = new markPoint_1.MarkPoint(this.snapshot.bind(this)), componentNode = (0, 
+        vutils_1.merge)({
+            action: "createMarkPoint",
+            data: data
+        }, {
+            payload: option,
+            elementId: markPoint.uid,
+            elementType: this.storyChartType
+        });
+        return componentNode.callback = chartInstance => {
+            const vchartMarkPoint = (0, vchart_api_1.getComponentById)(chartInstance, markPoint.uid);
+            vchartMarkPoint && markPoint.setComponentInstance(vchartMarkPoint);
+        }, this.createComponent(markPoint), this.snapshot(componentNode), markPoint;
+    }
+    createComponent(component) {
+        this.components.set(component.uid, component);
+    }
+}
+
+exports.StoryChart = StoryChart;

package/cjs/dsl/story-chart/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/chart.ts"],"names":[],"mappings":";;;AAEA,6CAAuE;AACvE,6CAAyC;AACzC,uCAA2C;AAC3C,uCAAyC;AACzC,qDAAkD;AAGlD,sDAAyD;AAOzD,MAAsB,UAAW,SAAQ,sBAAY;IAMnD,YAAY,CAAC,EAAU;QACrB,OAAO,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,YAAY,IAAY,EAAE,MAAoB;QAC5C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;QAC5B,IAAI,IAAI,IAAI,MAAM,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,eAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;SAC1C;IACH,CAAC;IAEM,WAAW;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAEM,WAAW,CAAC,QAAiB;QAClC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,QAAQ,CAAC,IAAqB;QACnC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAEM,cAAc;QACnB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAEM,GAAG,CAAC,OAAkC;QAC3C,MAAM,QAAQ,GAAoB,IAAA,cAAK,EACrC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAU,EAAE,EACtC,EAAE,OAAO,EAAE,EACX,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAC1D,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IAEM,WAAW;IAWlB,CAAC;IAEM,eAAe,CAAC,IAAW,EAAE,MAAkD;QACpF,MAAM,SAAS,GAAG,IAAI,qBAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1D,MAAM,aAAa,GAA0B,IAAA,cAAK,EAChD,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,EACnC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,CAChF,CAAC;QAEF,aAAa,CAAC,QAAQ,GAAG,CAAC,aAAqB,EAAE,EAAE;YACjD,MAAM,eAAe,GAAG,IAAA,6BAAgB,EAAC,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;YACvE,IAAI,eAAe,EAAE;gBACnB,SAAS,CAAC,oBAAoB,CAAC,eAAsB,CAAC,CAAC;aACxD;QACH,CAAC,CAAC;QACF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,aAAoB,CAAC,CAAC;QACpC,OAAO,SAAS,CAAC;IACnB,CAAC;IAES,eAAe,CAAC,SAAyB;QACjD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAChD,CAAC;CACF;AA/ED,gCA+EC","file":"chart.js","sourcesContent":["import type { Datum } from '../types/Datum';\nimport type { StoryComponent } from './component/base';\nimport { IInitOption, ISpec, IVChart, VChart } from '@visactor/vchart';\nimport { merge } from '@visactor/vutils';\nimport { defaultAdd } from './default/add';\nimport { StoryElement } from './element';\nimport { MarkPoint } from './component/markPoint';\nimport { CreateMarkPointAction } from '../types/chart/createComponent';\nimport { ChartAction, ChartActionNode } from '../types';\nimport { getComponentById } from '../../util/vchart-api';\nimport { StoryChartType } from '../constant';\nimport { IChartAddAction, IChartAddPayload } from '../types/chart/add';\n\n/**\n * 1. 禁用一些图表默认的基础操作。如 tooltip/crosshair\n */\nexport abstract class StoryChart extends StoryElement {\n  public declare storyChartType: StoryChartType;\n  private snapshots: ChartAction[];\n  private instance: IVChart;\n\n  private components: Map<number, StoryComponent>;\n  getComponent(id: number) {\n    return this.components.get(id);\n  }\n\n  constructor(spec?: ISpec, option?: IInitOption) {\n    super();\n    this.snapshots = [];\n    this.components = new Map();\n    if (spec && option) {\n      this.instance = new VChart(spec, option);\n    }\n  }\n\n  public getInstance() {\n    return this.instance;\n  }\n\n  public setInstance(instance: IVChart) {\n    this.instance = instance;\n    return this;\n  }\n\n  public snapshot(node: ChartActionNode) {\n    this.snapshots.push(node);\n  }\n\n  public exportSnapshot() {\n    return this.snapshots;\n  }\n\n  public add(payload: Partial<IChartAddPayload>) {\n    const editNode: IChartAddAction = merge(\n      { action: 'add', payload: defaultAdd },\n      { payload },\n      { elementType: this.storyChartType, elementId: this.uid }\n    );\n    this.snapshot(editNode);\n  }\n\n  public updateStyle() {\n    // TODO:\n    // const editNode: AddAction = merge(\n    //   {\n    //     action: 'updateStyle',\n    //     data\n    //   },\n    //   defaultUpdateStyle,\n    //   { payload: option, elementType: this.storyChartType, elementId: this.uid }\n    // );\n    // this.snapshot(editNode);\n  }\n\n  public createMarkPoint(data: Datum, option?: Partial<CreateMarkPointAction['payload']>) {\n    const markPoint = new MarkPoint(this.snapshot.bind(this));\n    const componentNode: CreateMarkPointAction = merge(\n      { action: 'createMarkPoint', data },\n      { payload: option, elementId: markPoint.uid, elementType: this.storyChartType }\n    );\n\n    componentNode.callback = (chartInstance: VChart) => {\n      const vchartMarkPoint = getComponentById(chartInstance, markPoint.uid);\n      if (vchartMarkPoint) {\n        markPoint.setComponentInstance(vchartMarkPoint as any);\n      }\n    };\n    this.createComponent(markPoint);\n    this.snapshot(componentNode as any);\n    return markPoint;\n  }\n\n  protected createComponent(component: StoryComponent) {\n    this.components.set(component.uid, component);\n  }\n}\n"]}

package/cjs/dsl/story-chart/component/base.d.ts

@@ -0,0 +1,9 @@
+import { StoryElement } from '../element';
+import { StoryChartComponentType } from '../../constant';
+import type { Action, IFlickerPayload } from '../../types';
+export declare abstract class StoryComponent extends StoryElement {
+    protected snapshot: (node: Action) => void;
+    protected type: StoryChartComponentType;
+    constructor(snapshot: (node: Action) => void);
+    flicker(option: IFlickerPayload): this;
+}

package/cjs/dsl/story-chart/component/base.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryComponent = void 0;
+
+const vutils_1 = require("@visactor/vutils"), element_1 = require("../element");
+
+class StoryComponent extends element_1.StoryElement {
+    constructor(snapshot) {
+        super(), this.snapshot = snapshot;
+    }
+    flicker(option) {
+        const actionNode = (0, vutils_1.merge)(option, {
+            action: "flicker",
+            elementId: this.uid,
+            elementType: this.type
+        });
+        return this.snapshot(actionNode), this;
+    }
+}
+
+exports.StoryComponent = StoryComponent;
+//# sourceMappingURL=base.js.map

package/cjs/dsl/story-chart/component/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/component/base.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AACzC,wCAA0C;AAI1C,MAAsB,cAAe,SAAQ,sBAAY;IAKvD,YAAY,QAAgC;QAC1C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAEM,OAAO,CAAC,MAAuB;QACpC,MAAM,UAAU,GAAmB,IAAA,cAAK,EAAC,MAAM,EAAE;YAC/C,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,IAAI,CAAC,GAAG;YACnB,WAAW,EAAE,IAAI,CAAC,IAAI;SACvB,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAnBD,wCAmBC","file":"base.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { StoryElement } from '../element';\nimport { StoryChartComponentType } from '../../constant';\nimport type { Action, IFlickerAction, IFlickerPayload } from '../../types';\n\nexport abstract class StoryComponent extends StoryElement {\n  protected snapshot: (node: Action) => void;\n\n  protected declare type: StoryChartComponentType;\n\n  constructor(snapshot: (node: Action) => void) {\n    super();\n    this.snapshot = snapshot;\n  }\n\n  public flicker(option: IFlickerPayload) {\n    const actionNode: IFlickerAction = merge(option, {\n      action: 'flicker',\n      elementId: this.uid,\n      elementType: this.type\n    });\n    this.snapshot(actionNode);\n    return this;\n  }\n}\n"]}

package/cjs/dsl/story-chart/component/markPoint.d.ts

@@ -0,0 +1,11 @@
+import { StoryComponent } from './base';
+import { StoryChartComponentType } from '../../constant';
+import type { IGroup } from '@visactor/vrender';
+import type { GeoMarkPoint as VChartMarkPoint } from '@visactor/vchart';
+export declare class MarkPoint extends StoryComponent {
+    protected type: StoryChartComponentType;
+    private _componentInstance;
+    setComponentInstance(_componentInstance: VChartMarkPoint): void;
+    getGroupGraphic(): IGroup;
+    coordinate(): void;
+}

package/cjs/dsl/story-chart/component/markPoint.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MarkPoint = void 0;
+
+const base_1 = require("./base");
+
+class MarkPoint extends base_1.StoryComponent {
+    constructor() {
+        super(...arguments), this.type = "markPoint";
+    }
+    setComponentInstance(_componentInstance) {
+        this._componentInstance = _componentInstance;
+    }
+    getGroupGraphic() {
+        var _a, _b;
+        return null === (_b = null === (_a = this._componentInstance) || void 0 === _a ? void 0 : _a._markerComponent) || void 0 === _b ? void 0 : _b._item;
+    }
+    coordinate() {}
+}
+
+exports.MarkPoint = MarkPoint;
+//# sourceMappingURL=markPoint.js.map

package/cjs/dsl/story-chart/component/markPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/component/markPoint.ts"],"names":[],"mappings":";;;AAAA,iCAAwC;AAKxC,MAAa,SAAU,SAAQ,qBAAc;IAA7C;;QACY,SAAI,eAAsC;IActD,CAAC;IAXC,oBAAoB,CAAC,kBAAmC;QACtD,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;IAC/C,CAAC;IACD,eAAe;;QAEb,OAAO,MAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,gBAAgB,0CAAE,KAAK,CAAC;IAC1D,CAAC;IAED,UAAU;QACR,OAAO;IACT,CAAC;CACF;AAfD,8BAeC","file":"markPoint.js","sourcesContent":["import { StoryComponent } from './base';\nimport { StoryChartComponentType } from '../../constant';\nimport type { IGroup } from '@visactor/vrender';\nimport type { GeoMarkPoint as VChartMarkPoint } from '@visactor/vchart';\n\nexport class MarkPoint extends StoryComponent {\n  protected type = StoryChartComponentType.MARK_POINT;\n\n  private _componentInstance: VChartMarkPoint;\n  setComponentInstance(_componentInstance: VChartMarkPoint) {\n    this._componentInstance = _componentInstance;\n  }\n  getGroupGraphic(): IGroup {\n    // @ts-ignore\n    return this._componentInstance?._markerComponent?._item;\n  }\n\n  coordinate() {\n    return;\n  }\n}\n"]}

package/cjs/dsl/story-chart/component/title.d.ts

@@ -0,0 +1 @@
+

package/cjs/dsl/story-chart/component/title.js

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

package/cjs/dsl/story-chart/component/title.js.map

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

package/cjs/dsl/story-chart/default/add.d.ts

@@ -0,0 +1,4 @@
+import type { IChartAddPayload } from '../../types/chart/add';
+export declare const defaultAdd: {
+    payload: Partial<IChartAddPayload>;
+};

package/cjs/dsl/story-chart/default/add.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.defaultAdd = void 0, exports.defaultAdd = {
+    payload: {
+        style: {},
+        animation: {
+            duration: 500,
+            easing: "linear"
+        }
+    }
+};
+//# sourceMappingURL=add.js.map

package/cjs/dsl/story-chart/default/add.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/default/add.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAA2C;IAChE,OAAO,EAAE;QACP,KAAK,EAAE,EAAE;QACT,SAAS,EAAE;YACT,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,QAAQ;SACjB;KACF;CACF,CAAC","file":"add.js","sourcesContent":["import type { IChartAddPayload } from '../../types/chart/add';\n\nexport const defaultAdd: { payload: Partial<IChartAddPayload> } = {\n  payload: {\n    style: {},\n    animation: {\n      duration: 500,\n      easing: 'linear'\n    }\n  }\n};\n"]}

package/cjs/dsl/story-chart/default/updateStyle.d.ts

@@ -0,0 +1,2 @@
+import type { IChartStylePayload } from '../../types/chart/style';
+export declare const defaultUpdateStyle: Partial<IChartStylePayload>;

package/cjs/dsl/story-chart/default/updateStyle.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.defaultUpdateStyle = void 0, exports.defaultUpdateStyle = {
+    animation: {
+        duration: 500,
+        easing: "linear"
+    }
+};
+//# sourceMappingURL=updateStyle.js.map

package/cjs/dsl/story-chart/default/updateStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/default/updateStyle.ts"],"names":[],"mappings":";;;AAEa,QAAA,kBAAkB,GAAgC;IAC7D,SAAS,EAAE;QACT,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC","file":"updateStyle.js","sourcesContent":["import type { IChartStylePayload } from '../../types/chart/style';\n\nexport const defaultUpdateStyle: Partial<IChartStylePayload> = {\n  animation: {\n    duration: 500,\n    easing: 'linear'\n  }\n};\n"]}

package/cjs/dsl/story-chart/element.d.ts

@@ -0,0 +1,3 @@
+export declare abstract class StoryElement {
+    uid: number;
+}

package/cjs/dsl/story-chart/element.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryElement = void 0;
+
+const common_1 = require("../../util/common");
+
+class StoryElement {
+    constructor() {
+        this.uid = (0, common_1.CreateUID)();
+    }
+}
+
+exports.StoryElement = StoryElement;
+//# sourceMappingURL=element.js.map

package/cjs/dsl/story-chart/element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/element.ts"],"names":[],"mappings":";;;AAAA,8CAA8C;AAE9C,MAAsB,YAAY;IAAlC;QACS,QAAG,GAAW,IAAA,kBAAS,GAAE,CAAC;IACnC,CAAC;CAAA;AAFD,oCAEC","file":"element.js","sourcesContent":["import { CreateUID } from '../../util/common';\n\nexport abstract class StoryElement {\n  public uid: number = CreateUID();\n}\n"]}

package/cjs/dsl/story-chart/index.d.ts

@@ -0,0 +1,6 @@
+import { StoryBar } from './bar';
+import { StoryPie } from './pie';
+import { StoryArea } from './area';
+import { StoryLine } from './line';
+export { StoryBar, StoryArea, StoryPie, StoryLine };
+export type StoryChart = StoryBar | StoryArea | StoryPie | StoryLine;

package/cjs/dsl/story-chart/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryLine = exports.StoryPie = exports.StoryArea = exports.StoryBar = void 0;
+
+const bar_1 = require("./bar");
+
+Object.defineProperty(exports, "StoryBar", {
+    enumerable: !0,
+    get: function() {
+        return bar_1.StoryBar;
+    }
+});
+
+const pie_1 = require("./pie");
+
+Object.defineProperty(exports, "StoryPie", {
+    enumerable: !0,
+    get: function() {
+        return pie_1.StoryPie;
+    }
+});
+
+const area_1 = require("./area");
+
+Object.defineProperty(exports, "StoryArea", {
+    enumerable: !0,
+    get: function() {
+        return area_1.StoryArea;
+    }
+});
+
+const line_1 = require("./line");
+
+Object.defineProperty(exports, "StoryLine", {
+    enumerable: !0,
+    get: function() {
+        return line_1.StoryLine;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/dsl/story-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-chart/index.ts"],"names":[],"mappings":";;;AAAA,+BAAiC;AAMxB,yFANA,cAAQ,OAMA;AALjB,+BAAiC;AAKH,yFALrB,cAAQ,OAKqB;AAHtC,iCAAmC;AAGhB,0FAHV,gBAAS,OAGU;AAF5B,iCAAmC;AAEK,0FAF/B,gBAAS,OAE+B","file":"index.js","sourcesContent":["import { StoryBar } from './bar';\nimport { StoryPie } from './pie';\n\nimport { StoryArea } from './area';\nimport { StoryLine } from './line';\n\nexport { StoryBar, StoryArea, StoryPie, StoryLine };\nexport type StoryChart = StoryBar | StoryArea | StoryPie | StoryLine;\n"]}

package/cjs/dsl/story-chart/line.d.ts

@@ -0,0 +1,10 @@
+import { StoryChartType } from '../constant';
+import { Datum } from '../types/Datum';
+import { StoryChart } from './chart';
+import { IChartStylePayload } from '../types/chart/style';
+export declare class StoryLine extends StoryChart {
+    storyChartType: StoryChartType;
+    constructor();
+    lineStyle(data: Datum, payload: IChartStylePayload): void;
+    symbolStyle(data: Datum, payload: IChartStylePayload): void;
+}

package/cjs/dsl/story-chart/line.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryLine = void 0;
+
+const vutils_1 = require("@visactor/vutils"), chart_1 = require("./chart");
+
+class StoryLine extends chart_1.StoryChart {
+    constructor() {
+        super(), this.storyChartType = "LineChart";
+    }
+    lineStyle(data, payload) {
+        const styleNode = (0, vutils_1.merge)({
+            action: "lineStyle"
+        }, {
+            elementType: this.storyChartType,
+            elementId: this.uid,
+            data: data,
+            payload: payload
+        });
+        this.snapshot(styleNode);
+    }
+    symbolStyle(data, payload) {
+        const styleNode = (0, vutils_1.merge)({
+            action: "symbolStyle"
+        }, {
+            elementType: this.storyChartType,
+            elementId: this.uid,
+            data: data,
+            payload: payload
+        });
+        this.snapshot(styleNode);
+    }
+}
+
+exports.StoryLine = StoryLine;
+//# sourceMappingURL=line.js.map