@visactor/vstory 0.0.4-alpha.1 → 0.0.4

package/cjs/animate/typewirter.d.ts

@@ -1,12 +1,11 @@
 import { ACustomAnimate } from '@visactor/vrender';
-import type { IGraphic } from '@visactor/vrender';
+import type { IRichText, IRichTextCharacter } from '@visactor/vrender';
 export declare class TypeWriter extends ACustomAnimate<{
     text: string;
 }> {
     valid: boolean;
-    target: IGraphic;
-    private fromText;
-    private toText;
+    target: IRichText;
+    targetTextConfig: IRichTextCharacter[];
     getEndProps(): Record<string, any>;
     onBind(): void;
     onEnd(): void;

package/cjs/animate/typewirter.js

@@ -9,49 +9,63 @@ const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vu
 (0, vrender_1.registerShadowRootGraphic)();
 
 class TypeWriter extends vrender_1.ACustomAnimate {
-    constructor() {
-        super(...arguments), this.fromText = "", this.toText = "";
-    }
     getEndProps() {
         return !1 === this.valid ? {} : {
             text: this.to
         };
     }
     onBind() {
-        var _a, _b, _c, _d;
-        if (this.fromText = null !== (_b = null === (_a = this.from) || void 0 === _a ? void 0 : _a.text) && void 0 !== _b ? _b : "", 
-        this.toText = null !== (_d = null === (_c = this.to) || void 0 === _c ? void 0 : _c.text) && void 0 !== _d ? _d : "", 
-        !this.toText || (0, vutils_1.isArray)(this.toText)) this.valid = !1; else {
-            this.toText = this.toText.toString();
-            const root = this.target.attachShadow(), fontSize = this.target.getComputedAttribute("fontSize"), line = (0, 
-            vrender_1.createLine)({
+        const root = this.target.attachShadow(), fontSize = this.target.getComputedAttribute("fontSize");
+        this.target.attribute.textConfig;
+        const line = (0, vrender_1.createLine)({
+            x: 0,
+            y: 0,
+            dy: -fontSize / 2,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
                 x: 0,
-                y: 0,
-                dy: -fontSize / 2,
-                points: [ {
-                    x: 0,
-                    y: 0
-                }, {
-                    x: 0,
-                    y: fontSize
-                } ],
-                stroke: "black"
-            });
-            root.add(line);
-        }
+                y: fontSize
+            } ],
+            stroke: "black",
+            lineWidth: 1
+        });
+        root.add(line), this.targetTextConfig = (0, vutils_1.cloneDeep)(this.target.attribute.textConfig || []);
     }
     onEnd() {
         this.target.detachShadow();
     }
     onUpdate(end, ratio, out) {
-        var _a;
+        var _a, _b, _c;
         if (!1 === this.valid) return;
-        const fromCount = this.fromText.length, toCount = this.toText.length, count = Math.ceil(fromCount + (toCount - fromCount) * ratio);
-        out.text = this.toText.substr(0, count);
-        const line = null === (_a = this.target.shadowRoot) || void 0 === _a ? void 0 : _a.at(0), attr = Object.assign(Object.assign({}, this.target.attribute), out), width = (0, 
-        vrender_1.getTextBounds)(attr).width(), {textAlign: textAlign} = attr;
-        let x = width;
-        "center" === textAlign ? x = width / 2 : "right" === textAlign && (x = 0), line.setAttribute("x", x);
+        const nextLength = this.targetTextConfig.reduce(((a, b) => a + b.text ? b.text.toString().length : 1), 0) * ratio, nextTextConfig = [];
+        let curLen = 0;
+        this.targetTextConfig.forEach((config => {
+            if (curLen >= nextLength) return;
+            const len = config.text ? config.text.toString().length : 1;
+            curLen + len < nextLength ? (nextTextConfig.push(config), curLen += len) : (nextTextConfig.push(Object.assign(Object.assign({}, config), {
+                text: config.text.substr(0, nextLength - curLen)
+            })), curLen = nextLength);
+        })), this.target.setAttributes({
+            textConfig: nextTextConfig
+        });
+        const cache = this.target.getFrameCache();
+        if (!cache.lines || !cache.lines.length) return;
+        const lastLine = cache.lines[cache.lines.length - 1], x = cache.left + lastLine.left + lastLine.actualWidth, y = cache.top + lastLine.top, h = (null === (_b = null === (_a = lastLine.paragraphs) || void 0 === _a ? void 0 : _a[lastLine.paragraphs.length - 1]) || void 0 === _b ? void 0 : _b.fontSize) || lastLine.height, line = null === (_c = this.target.shadowRoot) || void 0 === _c ? void 0 : _c.at(0);
+        let dx = 0;
+        "center" === lastLine.textAlign ? dx = -lastLine.actualWidth / 2 : "right" === lastLine.textAlign && (dx = -lastLine.actualWidth), 
+        line.setAttributes({
+            x: x + dx,
+            y: y,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: h
+            } ]
+        });
     }
 }
 

package/cjs/animate/typewirter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animate/typewirter.ts"],"names":[],"mappings":"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","file":"typewirter.js","sourcesContent":["import { ACustomAnimate, createLine, getTextBounds, registerShadowRootGraphic } from '@visactor/vrender';\nimport type { IGraphic, ITextGraphicAttribute } from '@visactor/vrender';\nimport { isArray } from '@visactor/vutils';\nregisterShadowRootGraphic();\nexport class TypeWriter extends ACustomAnimate<{ text: string }> {\n  declare valid: boolean;\n  declare target: IGraphic;\n\n  private fromText = '';\n  private toText = '';\n\n  getEndProps(): Record<string, any> {\n    if (this.valid === false) {\n      return {};\n    }\n    return {\n      text: this.to\n    };\n  }\n\n  onBind(): void {\n    this.fromText = this.from?.text ?? '';\n    this.toText = this.to?.text ?? '';\n    if (!this.toText || isArray(this.toText)) {\n      this.valid = false;\n    } else {\n      this.toText = this.toText.toString();\n      const root = this.target.attachShadow();\n      const fontSize = this.target.getComputedAttribute('fontSize');\n      const line = createLine({\n        x: 0,\n        y: 0,\n        dy: -fontSize / 2,\n        points: [\n          { x: 0, y: 0 },\n          { x: 0, y: fontSize }\n        ],\n        stroke: 'black'\n      });\n      root.add(line);\n    }\n  }\n\n  onEnd(): void {\n    this.target.detachShadow();\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (this.valid === false) {\n      return;\n    }\n    // update text\n    const fromCount = this.fromText.length;\n    const toCount = this.toText.length;\n    const count = Math.ceil(fromCount + (toCount - fromCount) * ratio);\n\n    out.text = this.toText.substr(0, count);\n\n    // update line position\n    const line = this.target.shadowRoot?.at(0) as IGraphic;\n\n    const attr = { ...this.target.attribute, ...out };\n    const width = getTextBounds(attr).width();\n    const { textAlign } = attr as ITextGraphicAttribute;\n    let x = width;\n    if (textAlign === 'center') {\n      x = width / 2;\n    } else if (textAlign === 'right') {\n      x = 0;\n    }\n\n    line.setAttribute('x', x);\n  }\n}\n"]}
+{"version":3,"sources":["../src/animate/typewirter.ts"],"names":[],"mappings":"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","file":"typewirter.js","sourcesContent":["import { ACustomAnimate, createLine, getTextBounds, registerShadowRootGraphic } from '@visactor/vrender';\nimport type { IGraphic, IRichText, IRichTextCharacter, ITextGraphicAttribute } from '@visactor/vrender';\nimport { clone, cloneDeep, isArray } from '@visactor/vutils';\nregisterShadowRootGraphic();\nexport class TypeWriter extends ACustomAnimate<{ text: string }> {\n  declare valid: boolean;\n  declare target: IRichText;\n  declare targetTextConfig: IRichTextCharacter[];\n\n  getEndProps(): Record<string, any> {\n    if (this.valid === false) {\n      return {};\n    }\n    return {\n      text: this.to\n    };\n  }\n\n  onBind(): void {\n    const root = this.target.attachShadow();\n    const fontSize = this.target.getComputedAttribute('fontSize');\n    this.target.attribute.textConfig;\n    const line = createLine({\n      x: 0,\n      y: 0,\n      dy: -fontSize / 2,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: fontSize }\n      ],\n      stroke: 'black',\n      lineWidth: 1\n    });\n    root.add(line);\n    this.targetTextConfig = cloneDeep(this.target.attribute.textConfig || []);\n  }\n\n  onEnd(): void {\n    this.target.detachShadow();\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (this.valid === false) {\n      return;\n    }\n    // update text\n    // const { textConfig = [] } = this.target.attribute;\n    const totalLength = this.targetTextConfig.reduce(\n      (a, b) => (a + (b as any).text ? (b as any).text.toString().length : 1),\n      0\n    );\n    const nextLength = totalLength * ratio;\n    const nextTextConfig: IRichTextCharacter[] = [];\n    let curLen = 0;\n    this.targetTextConfig.forEach(config => {\n      if (curLen >= nextLength) {\n        return;\n      }\n      const len = (config as any).text ? (config as any).text.toString().length : 1;\n      if (curLen + len < nextLength) {\n        nextTextConfig.push(config);\n        curLen += len;\n      } else {\n        nextTextConfig.push({\n          ...config,\n          text: (config as any).text.substr(0, nextLength - curLen)\n        });\n        curLen = nextLength;\n      }\n    });\n    this.target.setAttributes({\n      textConfig: nextTextConfig\n    });\n\n    const cache = this.target.getFrameCache();\n    if (!(cache.lines && cache.lines.length)) {\n      return;\n    }\n    const lastLine = cache.lines[cache.lines.length - 1];\n    const x = cache.left + lastLine.left + lastLine.actualWidth;\n    const y = cache.top + lastLine.top;\n    const h = lastLine.paragraphs?.[lastLine.paragraphs.length - 1]?.fontSize || lastLine.height;\n    const line = this.target.shadowRoot?.at(0) as IGraphic;\n\n    // console.log(x, y, h, line);\n    // const attr = { ...this.target.attribute, ...out };\n    // const width = getTextBounds(attr).width();\n    // const { textAlign } = attr as ITextGraphicAttribute;\n    // let x = width;\n    let dx = 0;\n    if (lastLine.textAlign === 'center') {\n      dx = -lastLine.actualWidth / 2;\n    } else if (lastLine.textAlign === 'right') {\n      dx = -lastLine.actualWidth;\n    }\n\n    line.setAttributes({\n      x: x + dx,\n      y,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: h }\n      ]\n    } as any);\n  }\n}\n"]}

package/cjs/constants/action.d.ts

@@ -1,4 +1,13 @@
 export declare const ACTION_TYPE: {
     APPEAR: string;
     DISAPPEAR: string;
+    STYLE: string;
+    MOVETO: string;
+    SCALETO: string;
+    STATE: string;
+    BOUNCE: string;
+};
+export declare const VCHART_ACTION_TYPE: {
+    UPDATE: string;
+    ADD: string;
 };

package/cjs/constants/action.js

@@ -2,8 +2,16 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.ACTION_TYPE = void 0, exports.ACTION_TYPE = {
+}), exports.VCHART_ACTION_TYPE = exports.ACTION_TYPE = void 0, exports.ACTION_TYPE = {
     APPEAR: "appear",
-    DISAPPEAR: "disappear"
+    DISAPPEAR: "disappear",
+    STYLE: "style",
+    MOVETO: "moveTo",
+    SCALETO: "scaleTo",
+    STATE: "state",
+    BOUNCE: "bounce"
+}, exports.VCHART_ACTION_TYPE = {
+    UPDATE: "update",
+    ADD: "add"
 };
 //# sourceMappingURL=action.js.map

package/cjs/constants/action.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants/action.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;CACvB,CAAC","file":"action.js","sourcesContent":["export const ACTION_TYPE = {\n  APPEAR: 'appear',\n  DISAPPEAR: 'disappear'\n};\n"]}
+{"version":3,"sources":["../src/constants/action.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;CACX,CAAC","file":"action.js","sourcesContent":["export const ACTION_TYPE = {\n  APPEAR: 'appear',\n  DISAPPEAR: 'disappear',\n  STYLE: 'style',\n  MOVETO: 'moveTo',\n  SCALETO: 'scaleTo',\n  STATE: 'state',\n  BOUNCE: 'bounce'\n};\n\nexport const VCHART_ACTION_TYPE = {\n  UPDATE: 'update',\n  ADD: 'add'\n};\n"]}

package/cjs/constants/character.d.ts

@@ -8,7 +8,6 @@ export declare enum StoryComponentType {
     ARC = "Arc",
     PATH = "Path",
     TEXT = "Text",
-    RICH_TEXT = "RichText",
     QIPAO = "Qipao",
     IMAGE = "Image",
     TIMELINE = "Timeline"

package/cjs/constants/character.js

@@ -10,8 +10,7 @@ function(StoryChartType) {
 }(StoryChartType = exports.StoryChartType || (exports.StoryChartType = {})), function(StoryComponentType) {
     StoryComponentType.RECT = "Rect", StoryComponentType.SHAPE = "Shape", StoryComponentType.LINE = "Line", 
     StoryComponentType.ARC = "Arc", StoryComponentType.PATH = "Path", StoryComponentType.TEXT = "Text", 
-    StoryComponentType.RICH_TEXT = "RichText", StoryComponentType.QIPAO = "Qipao", StoryComponentType.IMAGE = "Image", 
-    StoryComponentType.TIMELINE = "Timeline";
+    StoryComponentType.QIPAO = "Qipao", StoryComponentType.IMAGE = "Image", StoryComponentType.TIMELINE = "Timeline";
 }(StoryComponentType = exports.StoryComponentType || (exports.StoryComponentType = {})), 
 function(StoryChartComponentType) {
     StoryChartComponentType.MARK_POINT = "markPoint", StoryChartComponentType.TITLE = "title";

package/cjs/constants/character.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants/character.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAEjB;AAFD,WAAkB,cAAc;IAC9B,mCAAiB,CAAA;AACnB,CAAC,EAFiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAE/B;AAED,IAAY,kBAYX;AAZD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,4CAAsB,CAAA;IACtB,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;AACvB,CAAC,EAZW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAY7B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC","file":"character.js","sourcesContent":["export const enum StoryChartType {\n  VCHART = 'VChart'\n}\n\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}
+{"version":3,"sources":["../src/constants/character.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAEjB;AAFD,WAAkB,cAAc;IAC9B,mCAAiB,CAAA;AACnB,CAAC,EAFiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAE/B;AAED,IAAY,kBAYX;AAZD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IAEb,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;AACvB,CAAC,EAZW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAY7B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC","file":"character.js","sourcesContent":["export const enum StoryChartType {\n  VCHART = 'VChart'\n}\n\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  // RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}

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

@@ -1,4 +1,17 @@
 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",
     VCHART = "VChart"
 }
 export declare enum StoryComponentType {

package/cjs/dsl/constant/index.js

@@ -6,7 +6,12 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.StoryChartComponentType = exports.StoryComponentType = exports.StoryChartType = void 0, 
 function(StoryChartType) {
-    StoryChartType.VCHART = "VChart";
+    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.VCHART = "VChart";
 }(StoryChartType = exports.StoryChartType || (exports.StoryChartType = {})), function(StoryComponentType) {
     StoryComponentType.RECT = "Rect", StoryComponentType.SHAPE = "Shape", StoryComponentType.LINE = "Line", 
     StoryComponentType.ARC = "Arc", StoryComponentType.PATH = "Path", StoryComponentType.TEXT = "Text", 

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/constant/index.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAejB;AAfD,WAAkB,cAAc;IAc9B,mCAAiB,CAAA;AACnB,CAAC,EAfiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAe/B;AACD,IAAY,kBAYX;AAZD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,4CAAsB,CAAA;IACtB,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;AACvB,CAAC,EAZW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAY7B;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  VCHART = 'VChart'\n}\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}
+{"version":3,"sources":["../src/dsl/constant/index.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAejB;AAfD,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;IAC1B,mCAAiB,CAAA;AACnB,CAAC,EAfiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAe/B;AACD,IAAY,kBAYX;AAZD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,4CAAsB,CAAA;IACtB,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;AACvB,CAAC,EAZW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAY7B;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  VCHART = 'VChart'\n}\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}

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

@@ -1,3 +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

@@ -6,7 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 
 const chart_1 = require("./chart");
 
-class StoryArea extends chart_1.StoryChart {}
+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

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/story-chart/area.ts"],"names":[],"mappings":";;;AACA,mCAAqC;AAErC,MAAa,SAAU,SAAQ,kBAAU;CAExC;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"]}
+{"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

@@ -1,9 +1,11 @@
+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;

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

@@ -8,7 +8,7 @@ const vutils_1 = require("@visactor/vutils"), chart_1 = require("./chart");
 
 class StoryBar extends chart_1.StoryChart {
     constructor(spec, option) {
-        super(spec, option);
+        super(spec, option), this.storyChartType = "BarChart";
     }
     barStyle(data, payload) {
         const styleNode = (0, vutils_1.merge)({

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

@@ -1 +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;IACtB,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"]}
+{"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.js

@@ -58,5 +58,4 @@ class StoryChart extends element_1.StoryElement {
     }
 }
 
-exports.StoryChart = StoryChart;
-//# sourceMappingURL=chart.js.map
+exports.StoryChart = StoryChart;

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

@@ -1,7 +1,9 @@
+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

@@ -8,7 +8,7 @@ const vutils_1 = require("@visactor/vutils"), chart_1 = require("./chart");
 
 class StoryLine extends chart_1.StoryChart {
     constructor() {
-        super();
+        super(), this.storyChartType = "LineChart";
     }
     lineStyle(data, payload) {
         const styleNode = (0, vutils_1.merge)({

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/story-chart/line.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAGzC,mCAAqC;AAIrC,MAAa,SAAU,SAAQ,kBAAU;IAGvC;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAED,SAAS,CAAC,IAAW,EAAE,OAA2B;QAChD,MAAM,SAAS,GAAoB,IAAA,cAAK,EACtC,EAAE,MAAM,EAAE,WAAW,EAAE,EACvB,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CACzE,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;IAED,WAAW,CAAC,IAAW,EAAE,OAA2B;QAClD,MAAM,SAAS,GAAoB,IAAA,cAAK,EACtC,EAAE,MAAM,EAAE,aAAa,EAAE,EACzB,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CACzE,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;CACF;AAtBD,8BAsBC","file":"line.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { StoryChartType } from '../constant';\nimport { Datum } from '../types/Datum';\nimport { StoryChart } from './chart';\nimport { IChartStylePayload } from '../types/chart/style';\nimport { ChartActionNode } from '../types';\n\nexport class StoryLine extends StoryChart {\n  // public storyChartType = StoryChartType.LINE;\n\n  constructor() {\n    super();\n  }\n\n  lineStyle(data: Datum, payload: IChartStylePayload) {\n    const styleNode: ChartActionNode = merge(\n      { action: 'lineStyle' },\n      { elementType: this.storyChartType, elementId: this.uid, data, payload }\n    );\n    this.snapshot(styleNode);\n  }\n\n  symbolStyle(data: Datum, payload: IChartStylePayload) {\n    const styleNode: ChartActionNode = merge(\n      { action: 'symbolStyle' },\n      { elementType: this.storyChartType, elementId: this.uid, data, payload }\n    );\n    this.snapshot(styleNode);\n  }\n}\n"]}
+{"version":3,"sources":["../src/dsl/story-chart/line.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAGzC,mCAAqC;AAIrC,MAAa,SAAU,SAAQ,kBAAU;IAGvC;QACE,KAAK,EAAE,CAAC;QAHH,mBAAc,eAAuB;IAI5C,CAAC;IAED,SAAS,CAAC,IAAW,EAAE,OAA2B;QAChD,MAAM,SAAS,GAAoB,IAAA,cAAK,EACtC,EAAE,MAAM,EAAE,WAAW,EAAE,EACvB,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CACzE,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;IAED,WAAW,CAAC,IAAW,EAAE,OAA2B;QAClD,MAAM,SAAS,GAAoB,IAAA,cAAK,EACtC,EAAE,MAAM,EAAE,aAAa,EAAE,EACzB,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CACzE,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;CACF;AAtBD,8BAsBC","file":"line.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { StoryChartType } from '../constant';\nimport { Datum } from '../types/Datum';\nimport { StoryChart } from './chart';\nimport { IChartStylePayload } from '../types/chart/style';\nimport { ChartActionNode } from '../types';\n\nexport class StoryLine extends StoryChart {\n  public storyChartType = StoryChartType.LINE;\n\n  constructor() {\n    super();\n  }\n\n  lineStyle(data: Datum, payload: IChartStylePayload) {\n    const styleNode: ChartActionNode = merge(\n      { action: 'lineStyle' },\n      { elementType: this.storyChartType, elementId: this.uid, data, payload }\n    );\n    this.snapshot(styleNode);\n  }\n\n  symbolStyle(data: Datum, payload: IChartStylePayload) {\n    const styleNode: ChartActionNode = merge(\n      { action: 'symbolStyle' },\n      { elementType: this.storyChartType, elementId: this.uid, data, payload }\n    );\n    this.snapshot(styleNode);\n  }\n}\n"]}

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

@@ -1,6 +1,8 @@
+import { StoryChartType } from '../constant';
 import { StoryChart } from './chart';
 import { Datum } from '../types/Datum';
 import { IChartStylePayload } from '../types/chart/style';
 export declare class StoryPie extends StoryChart {
+    storyChartType: StoryChartType;
     arcStyle(data: Datum, payload: IChartStylePayload): void;
 }

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

@@ -7,6 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 const vutils_1 = require("@visactor/vutils"), chart_1 = require("./chart");
 
 class StoryPie extends chart_1.StoryChart {
+    constructor() {
+        super(...arguments), this.storyChartType = "PieChart";
+    }
     arcStyle(data, payload) {
         const styleNode = (0, vutils_1.merge)({
             action: "arcStyle"

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/story-chart/pie.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAEzC,mCAAqC;AAKrC,MAAa,QAAS,SAAQ,kBAAU;IAGtC,QAAQ,CAAC,IAAW,EAAE,OAA2B;QAC/C,MAAM,SAAS,GAAoB,IAAA,cAAK,EACtC,EAAE,MAAM,EAAE,UAAU,EAAE,EACtB,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CACzE,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;CACF;AAVD,4BAUC","file":"pie.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { StoryChartType } from '../constant';\nimport { StoryChart } from './chart';\nimport { Datum } from '../types/Datum';\nimport { IChartStylePayload } from '../types/chart/style';\nimport { ChartActionNode } from '../types';\n\nexport class StoryPie extends StoryChart {\n  // public storyChartType = StoryChartType.PIE;\n\n  arcStyle(data: Datum, payload: IChartStylePayload) {\n    const styleNode: ChartActionNode = merge(\n      { action: 'arcStyle' },\n      { elementType: this.storyChartType, elementId: this.uid, data, payload }\n    );\n    this.snapshot(styleNode);\n  }\n}\n"]}
+{"version":3,"sources":["../src/dsl/story-chart/pie.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAEzC,mCAAqC;AAKrC,MAAa,QAAS,SAAQ,kBAAU;IAAxC;;QACS,mBAAc,cAAsB;IAS7C,CAAC;IAPC,QAAQ,CAAC,IAAW,EAAE,OAA2B;QAC/C,MAAM,SAAS,GAAoB,IAAA,cAAK,EACtC,EAAE,MAAM,EAAE,UAAU,EAAE,EACtB,EAAE,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,CACzE,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;CACF;AAVD,4BAUC","file":"pie.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { StoryChartType } from '../constant';\nimport { StoryChart } from './chart';\nimport { Datum } from '../types/Datum';\nimport { IChartStylePayload } from '../types/chart/style';\nimport { ChartActionNode } from '../types';\n\nexport class StoryPie extends StoryChart {\n  public storyChartType = StoryChartType.PIE;\n\n  arcStyle(data: Datum, payload: IChartStylePayload) {\n    const styleNode: ChartActionNode = merge(\n      { action: 'arcStyle' },\n      { elementType: this.storyChartType, elementId: this.uid, data, payload }\n    );\n    this.snapshot(styleNode);\n  }\n}\n"]}

package/cjs/dsl/story-processor/graphic/appear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/story-processor/graphic/appear.ts"],"names":[],"mappings":";;;;;;;;;;;;AAGA,4CAAkD;AAClD,iCAA8C;AAEvC,MAAM,sBAAsB,GAAG,CAAO,SAAqB,EAAE,IAAI,GAAG,EAAE,EAAE,MAA4B,EAAE,EAAE;;IAC7G,MAAM,EAAE,SAAS,EAAE,GAAG,MAAA,MAAM,CAAC,OAAO,mCAAI,EAAE,CAAC;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC;IAEnC,MAAM,OAAO,GAAG,MAAM,IAAI,wBAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,wBAAe,CAAC,CAAC;IAE5F,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,IAAI,SAAS,CAAC,MAAM,KAAK,MAAM,IAAI,SAAS,CAAC,MAAM,CAAC,EAAE;YAEpD,MAAM,YAAY,GAAG,wBAAe,CAAC,MAAM,CAAC,CAAC;YAE7C,MAAM,QAAQ,GAAG,IAAA,2BAAoB,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAEzD,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;SAC/D;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC","file":"appear.js","sourcesContent":["import type { ICharacter } from '../../../story/character';\nimport type { IText } from '@visactor/vrender';\nimport type { IGraphicAppearAction } from '../../types/graphic/appear';\nimport { appearEffectMap } from './effect/appear';\nimport { getCharacterByEffect } from './util';\n\nexport const graphicAppearProcessor = async (character: ICharacter, spec = {}, action: IGraphicAppearAction) => {\n  const { animation } = action.payload ?? {};\n  const { effect } = animation ?? {};\n\n  const effects = effect && appearEffectMap[effect] ? [effect] : Object.keys(appearEffectMap);\n\n  effects.forEach(effect => {\n    if (animation.effect === effect || animation[effect]) {\n      // 获取执行方法\n      const appearEffect = appearEffectMap[effect];\n      // 获取相关图形\n      const graphics = getCharacterByEffect(character, effect);\n      // 执行appearEffect\n      graphics.forEach(graphic => appearEffect(graphic, animation));\n    }\n    return false;\n  });\n};\n"]}
+{"version":3,"sources":["../src/dsl/story-processor/graphic/appear.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA,4CAAkD;AAClD,iCAA8C;AAEvC,MAAM,sBAAsB,GAAG,CAAO,SAAqB,EAAE,IAAI,GAAG,EAAE,EAAE,MAA4B,EAAE,EAAE;;IAC7G,MAAM,EAAE,SAAS,EAAE,GAAG,MAAA,MAAM,CAAC,OAAO,mCAAI,EAAE,CAAC;IAC3C,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC;IAEnC,MAAM,OAAO,GAAG,MAAM,IAAI,wBAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,wBAAe,CAAC,CAAC;IAE5F,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,IAAI,SAAS,CAAC,MAAM,KAAK,MAAM,IAAI,SAAS,CAAC,MAAM,CAAC,EAAE;YAEpD,MAAM,YAAY,GAAG,wBAAe,CAAC,MAAM,CAAC,CAAC;YAE7C,MAAM,QAAQ,GAAG,IAAA,2BAAoB,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAEzD,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;SAC/D;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAjBW,QAAA,sBAAsB,0BAiBjC","file":"appear.js","sourcesContent":["import type { ICharacter } from '../../../story/character';\nimport type { IGraphicAppearAction } from '../../types/graphic/appear';\nimport { appearEffectMap } from './effect/appear';\nimport { getCharacterByEffect } from './util';\n\nexport const graphicAppearProcessor = async (character: ICharacter, spec = {}, action: IGraphicAppearAction) => {\n  const { animation } = action.payload ?? {};\n  const { effect } = animation ?? {};\n\n  const effects = effect && appearEffectMap[effect] ? [effect] : Object.keys(appearEffectMap);\n\n  effects.forEach(effect => {\n    if (animation.effect === effect || animation[effect]) {\n      // 获取执行方法\n      const appearEffect = appearEffectMap[effect];\n      // 获取相关图形\n      const graphics = getCharacterByEffect(character, effect);\n      // 执行appearEffect\n      graphics.forEach(graphic => appearEffect(graphic, animation));\n    }\n    return false;\n  });\n};\n"]}

package/cjs/dsl/story-processor/graphic/effect/appear.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.appearEffectMap = exports.wipeIn = exports.moveIn = exports.scaleIn = exports.fadeIn = void 0;
 
-const vutils_1 = require("@visactor/vutils"), typewriter_1 = require("../effect/typewriter"), util_1 = require("../util");
+const typewriter_1 = require("../effect/typewriter"), util_1 = require("../util");
 
 function fadeIn(graphic, params) {
     var _a, _b, _c, _d, _e;
@@ -108,12 +108,7 @@ function moveIn(graphic, params) {
 }
 
 function wipeIn(graphic, params) {
-    var _a, _b, _c, _d;
-    if (!(0, util_1.canDoGraphicAnimation)(graphic, params)) return !1;
-    const {wipe: wipe = {}} = params, {fill: fill} = (_b = null !== (_a = wipe.from) && void 0 !== _a ? _a : params.from, 
-    null !== (_c = wipe.duration) && void 0 !== _c || params.duration, null !== (_d = wipe.easing) && void 0 !== _d || params.easing, 
-    graphic.attribute);
-    return (0, vutils_1.isString)(fill) || (0, vutils_1.isObject)(fill), !0;
+    return !!(0, util_1.canDoGraphicAnimation)(graphic, params);
 }
 
 exports.fadeIn = fadeIn, exports.scaleIn = scaleIn, exports.moveIn = moveIn, exports.wipeIn = wipeIn, 

package/cjs/dsl/story-processor/graphic/effect/appear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/story-processor/graphic/effect/appear.ts"],"names":[],"mappings":"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","file":"appear.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender';\nimport type { IAnimationParams } from '../../../types';\nimport { isObject, isString } from '@visactor/vutils';\n// import { Wipe } from '../../../../animate/wipeIn';\nimport { typewriter } from '../effect/typewriter';\nimport { canDoGraphicAnimation } from '../util';\n\nexport interface IMoveInParams extends IAnimationParams {\n  from?: 'left' | 'right' | 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\n  move?: {\n    /**\n     * @default left\n     */\n    from?: IMoveInParams['from'];\n    /**\n     * @default true\n     * @description 若为true: 多个图形的move距离不同, duration相同, 使多个图形同时抵达目标位置;  若为false: 多个图形move的距离相同, duration相同, 即可使多个图形达到相同的速度, 以保持图形的相对位置不变.\n     */\n    isVariableSpeed?: boolean;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IWipeInParams extends IAnimationParams {\n  from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n  wipe?: {\n    /**\n     * @default left\n     */\n    from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IScaleInParams extends IAnimationParams {\n  ratio?: number;\n  scale?: {\n    /**\n     * @default 1\n     */\n    ratio?: number;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IFadeInParams extends IAnimationParams {\n  opacity?: number;\n  fade?: {\n    /**\n     * @default 1\n     */\n    opacity?: number;\n    duration?: number;\n    easing?: EasingType;\n    /**\n     * 作用于全局的透明度\n     * @default false\n     */\n    isBaseOpacity?: string;\n  };\n}\n\nexport function fadeIn(graphic: IGraphic, params: IFadeInParams): boolean {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { fade = {} } = params;\n  const opacity = fade.opacity ?? params.opacity ?? 1;\n  const duration = fade.duration ?? params.duration;\n  const easing = fade.easing ?? params.easing;\n  const isBaseOpacity = fade.isBaseOpacity ?? false;\n  const opacityKey = isBaseOpacity ? 'baseOpacity' : 'opacity';\n  graphic.setAttributes({\n    [opacityKey]: 0\n  });\n\n  graphic.animate().to({ [opacityKey]: opacity }, duration, easing as EasingType);\n\n  return true;\n}\n\nexport function scaleIn(graphic: IGraphic, params: IScaleInParams): boolean {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { scale = {} } = params;\n  const ratio = scale.ratio ?? params.ratio ?? 1;\n  const duration = scale.duration ?? params.duration;\n  const easing = scale.easing ?? params.easing;\n\n  graphic.setAttributes({\n    scaleX: 0,\n    scaleY: 0\n  });\n  graphic.animate().to({ scaleX: ratio, scaleY: ratio }, duration, easing as EasingType);\n\n  return true;\n}\n\nexport function moveIn(graphic: IGraphic, params: IMoveInParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n\n  const { move = {} } = params;\n  const from = move.from ?? params.from ?? 1;\n  const duration = move.duration ?? params.duration;\n  const easing = move.easing ?? params.easing;\n  const isVariableSpeed = move.isVariableSpeed ?? true;\n\n  // 图形宽高\n  const width = Math.abs(graphic.AABBBounds.x2 - graphic.AABBBounds.x1);\n  const height = Math.abs(graphic.AABBBounds.y2 - graphic.AABBBounds.y1);\n\n  let fromX = graphic.attribute.x;\n  let fromY = graphic.attribute.y;\n  if (isVariableSpeed) {\n    // 同时从边缘进入, 速度不同, 同时抵达目标.\n    switch (from) {\n      case 'right':\n        // 图形左边缘为起点\n        fromX = graphic.parent.width;\n        break;\n      case 'left':\n        // 图形右边缘为起点\n        fromX = -width;\n        break;\n      case 'bottom':\n        // 从下往上进入\n        fromY = graphic.parent.height + height;\n        break;\n      case 'top':\n        // 从上往下进入\n        fromY = -height;\n        break;\n      case 'top-right':\n        // 从右上进入 ↗️\n        fromY = -height;\n        fromX = graphic.parent.width;\n        break;\n      case 'top-left':\n        // 从左上进入 ↖️\n        fromY = -height;\n        fromX = -width;\n        break;\n      case 'bottom-left':\n        // 从左下进入 ↙️\n        fromY = graphic.parent.height + height;\n        fromX = -width;\n        break;\n      case 'bottom-right':\n        // 从右下进入 ↘️\n        fromY = graphic.parent.height + height;\n        fromX = graphic.parent.width;\n        break;\n    }\n  } else {\n    // 速度相同, 相对位置不变, 但不同时出现.\n    const distance = Math.max(graphic.parent.width, graphic.parent.height);\n    switch (from) {\n      case 'right':\n        // 从右往左进入\n        fromX += distance;\n        break;\n      case 'left':\n        // 从左往右进入\n        fromX += -distance;\n        break;\n      case 'bottom':\n        // 从下往上进入\n        fromY += distance;\n        break;\n      case 'top':\n        // 从上往下进入\n        fromY += -distance;\n        break;\n      case 'top-right':\n        // 从右上进入 ↗️\n        fromX += distance;\n        fromY += -distance;\n        break;\n      case 'top-left':\n        // 从左上进入 ↖️\n        fromX += -distance;\n        fromY += -distance;\n        break;\n      case 'bottom-left':\n        // 从左下进入 ↙️\n        fromY += distance;\n        fromX += -distance;\n        break;\n      case 'bottom-right':\n        // 从右下进入 ↘️\n        fromX += distance;\n        fromY += distance;\n        break;\n    }\n  }\n\n  graphic.animate().from({ x: fromX, y: fromY }, duration, easing as EasingType);\n  return true;\n}\n\nexport function wipeIn(graphic: IGraphic, params: IWipeInParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n\n  const { wipe = {} } = params;\n  const from = wipe.from ?? params.from ?? 1;\n  const duration = wipe.duration ?? params.duration;\n  const easing = wipe.easing ?? params.easing;\n\n  const { fill } = graphic.attribute;\n  if (isString(fill)) {\n    // graphic.animate().play(\n    //   new Wipe({}, {}, duration, easing as EasingType, {\n    //     direction: Direction[from]\n    //   })\n    // );\n  } else if (isObject(fill)) {\n    // 渐变色支持\n  }\n  return true;\n}\n\nexport const appearEffectMap = {\n  fade: fadeIn,\n  scale: scaleIn,\n  move: moveIn,\n  wipe: wipeIn,\n  typewriter\n};\n\nconst Direction = {\n  left: 0,\n  right: 1,\n  top: 2,\n  bottom: 3,\n  stroke: 4\n};\n"]}
+{"version":3,"sources":["../src/dsl/story-processor/graphic/effect/appear.ts"],"names":[],"mappings":";;;AAIA,qDAAkD;AAClD,kCAAgD;AA4DhD,SAAgB,MAAM,CAAC,OAAiB,EAAE,MAAqB;;IAC7D,IAAI,CAAC,IAAA,4BAAqB,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;KACd;IACD,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,OAAO,GAAG,MAAA,MAAA,IAAI,CAAC,OAAO,mCAAI,MAAM,CAAC,OAAO,mCAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,QAAQ,mCAAI,MAAM,CAAC,QAAQ,CAAC;IAClD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,MAAM,CAAC,MAAM,CAAC;IAC5C,MAAM,aAAa,GAAG,MAAA,IAAI,CAAC,aAAa,mCAAI,KAAK,CAAC;IAClD,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,OAAO,CAAC,aAAa,CAAC;QACpB,CAAC,UAAU,CAAC,EAAE,CAAC;KAChB,CAAC,CAAC;IAEH,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;IAEhF,OAAO,IAAI,CAAC;AACd,CAAC;AAjBD,wBAiBC;AAED,SAAgB,OAAO,CAAC,OAAiB,EAAE,MAAsB;;IAC/D,IAAI,CAAC,IAAA,4BAAqB,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;KACd;IACD,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAC9B,MAAM,KAAK,GAAG,MAAA,MAAA,KAAK,CAAC,KAAK,mCAAI,MAAM,CAAC,KAAK,mCAAI,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,QAAQ,mCAAI,MAAM,CAAC,QAAQ,CAAC;IACnD,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,MAAM,CAAC,MAAM,CAAC;IAE7C,OAAO,CAAC,aAAa,CAAC;QACpB,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IACH,OAAO,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;IAEvF,OAAO,IAAI,CAAC;AACd,CAAC;AAhBD,0BAgBC;AAED,SAAgB,MAAM,CAAC,OAAiB,EAAE,MAAqB;;IAC7D,IAAI,CAAC,IAAA,4BAAqB,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;KACd;IAED,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,MAAM,CAAC,IAAI,mCAAI,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,QAAQ,mCAAI,MAAM,CAAC,QAAQ,CAAC;IAClD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,MAAM,CAAC,MAAM,CAAC;IAC5C,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,eAAe,mCAAI,IAAI,CAAC;IAGrD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACtE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IAEvE,IAAI,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAChC,IAAI,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAChC,IAAI,eAAe,EAAE;QAEnB,QAAQ,IAAI,EAAE;YACZ,KAAK,OAAO;gBAEV,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC7B,MAAM;YACR,KAAK,MAAM;gBAET,KAAK,GAAG,CAAC,KAAK,CAAC;gBACf,MAAM;YACR,KAAK,QAAQ;gBAEX,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;gBACvC,MAAM;YACR,KAAK,KAAK;gBAER,KAAK,GAAG,CAAC,MAAM,CAAC;gBAChB,MAAM;YACR,KAAK,WAAW;gBAEd,KAAK,GAAG,CAAC,MAAM,CAAC;gBAChB,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC7B,MAAM;YACR,KAAK,UAAU;gBAEb,KAAK,GAAG,CAAC,MAAM,CAAC;gBAChB,KAAK,GAAG,CAAC,KAAK,CAAC;gBACf,MAAM;YACR,KAAK,aAAa;gBAEhB,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;gBACvC,KAAK,GAAG,CAAC,KAAK,CAAC;gBACf,MAAM;YACR,KAAK,cAAc;gBAEjB,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;gBACvC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC7B,MAAM;SACT;KACF;SAAM;QAEL,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACvE,QAAQ,IAAI,EAAE;YACZ,KAAK,OAAO;gBAEV,KAAK,IAAI,QAAQ,CAAC;gBAClB,MAAM;YACR,KAAK,MAAM;gBAET,KAAK,IAAI,CAAC,QAAQ,CAAC;gBACnB,MAAM;YACR,KAAK,QAAQ;gBAEX,KAAK,IAAI,QAAQ,CAAC;gBAClB,MAAM;YACR,KAAK,KAAK;gBAER,KAAK,IAAI,CAAC,QAAQ,CAAC;gBACnB,MAAM;YACR,KAAK,WAAW;gBAEd,KAAK,IAAI,QAAQ,CAAC;gBAClB,KAAK,IAAI,CAAC,QAAQ,CAAC;gBACnB,MAAM;YACR,KAAK,UAAU;gBAEb,KAAK,IAAI,CAAC,QAAQ,CAAC;gBACnB,KAAK,IAAI,CAAC,QAAQ,CAAC;gBACnB,MAAM;YACR,KAAK,aAAa;gBAEhB,KAAK,IAAI,QAAQ,CAAC;gBAClB,KAAK,IAAI,CAAC,QAAQ,CAAC;gBACnB,MAAM;YACR,KAAK,cAAc;gBAEjB,KAAK,IAAI,QAAQ,CAAC;gBAClB,KAAK,IAAI,QAAQ,CAAC;gBAClB,MAAM;SACT;KACF;IAED,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;IAC/E,OAAO,IAAI,CAAC;AACd,CAAC;AAtGD,wBAsGC;AAED,SAAgB,MAAM,CAAC,OAAiB,EAAE,MAAqB;IAC7D,IAAI,CAAC,IAAA,4BAAqB,EAAC,OAAO,EAAE,MAAM,CAAC,EAAE;QAC3C,OAAO,KAAK,CAAC;KACd;IAmBD,OAAO,IAAI,CAAC;AACd,CAAC;AAvBD,wBAuBC;AAEY,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,UAAU,EAAV,uBAAU;CACX,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;CACV,CAAC","file":"appear.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender';\nimport type { IAnimationParams } from '../../../types';\nimport { isObject, isString } from '@visactor/vutils';\n// import { Wipe } from '../../../../animate/wipeIn';\nimport { typewriter } from '../effect/typewriter';\nimport { canDoGraphicAnimation } from '../util';\n\nexport interface IMoveInParams extends IAnimationParams {\n  from?: 'left' | 'right' | 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\n  move?: {\n    /**\n     * @default left\n     */\n    from?: IMoveInParams['from'];\n    /**\n     * @default true\n     * @description 若为true: 多个图形的move距离不同, duration相同, 使多个图形同时抵达目标位置;  若为false: 多个图形move的距离相同, duration相同, 即可使多个图形达到相同的速度, 以保持图形的相对位置不变.\n     */\n    isVariableSpeed?: boolean;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IWipeInParams extends IAnimationParams {\n  from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n  wipe?: {\n    /**\n     * @default left\n     */\n    from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IScaleInParams extends IAnimationParams {\n  ratio?: number;\n  scale?: {\n    /**\n     * @default 1\n     */\n    ratio?: number;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IFadeInParams extends IAnimationParams {\n  opacity?: number;\n  fade?: {\n    /**\n     * @default 1\n     */\n    opacity?: number;\n    duration?: number;\n    easing?: EasingType;\n    /**\n     * 作用于全局的透明度\n     * @default false\n     */\n    isBaseOpacity?: string;\n  };\n}\n\nexport function fadeIn(graphic: IGraphic, params: IFadeInParams): boolean {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { fade = {} } = params;\n  const opacity = fade.opacity ?? params.opacity ?? 1;\n  const duration = fade.duration ?? params.duration;\n  const easing = fade.easing ?? params.easing;\n  const isBaseOpacity = fade.isBaseOpacity ?? false;\n  const opacityKey = isBaseOpacity ? 'baseOpacity' : 'opacity';\n  graphic.setAttributes({\n    [opacityKey]: 0\n  });\n\n  graphic.animate().to({ [opacityKey]: opacity }, duration, easing as EasingType);\n\n  return true;\n}\n\nexport function scaleIn(graphic: IGraphic, params: IScaleInParams): boolean {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { scale = {} } = params;\n  const ratio = scale.ratio ?? params.ratio ?? 1;\n  const duration = scale.duration ?? params.duration;\n  const easing = scale.easing ?? params.easing;\n\n  graphic.setAttributes({\n    scaleX: 0,\n    scaleY: 0\n  });\n  graphic.animate().to({ scaleX: ratio, scaleY: ratio }, duration, easing as EasingType);\n\n  return true;\n}\n\nexport function moveIn(graphic: IGraphic, params: IMoveInParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n\n  const { move = {} } = params;\n  const from = move.from ?? params.from ?? 1;\n  const duration = move.duration ?? params.duration;\n  const easing = move.easing ?? params.easing;\n  const isVariableSpeed = move.isVariableSpeed ?? true;\n\n  // 图形宽高\n  const width = Math.abs(graphic.AABBBounds.x2 - graphic.AABBBounds.x1);\n  const height = Math.abs(graphic.AABBBounds.y2 - graphic.AABBBounds.y1);\n\n  let fromX = graphic.attribute.x;\n  let fromY = graphic.attribute.y;\n  if (isVariableSpeed) {\n    // 同时从边缘进入, 速度不同, 同时抵达目标.\n    switch (from) {\n      case 'right':\n        // 图形左边缘为起点\n        fromX = graphic.parent.width;\n        break;\n      case 'left':\n        // 图形右边缘为起点\n        fromX = -width;\n        break;\n      case 'bottom':\n        // 从下往上进入\n        fromY = graphic.parent.height + height;\n        break;\n      case 'top':\n        // 从上往下进入\n        fromY = -height;\n        break;\n      case 'top-right':\n        // 从右上进入 ↗️\n        fromY = -height;\n        fromX = graphic.parent.width;\n        break;\n      case 'top-left':\n        // 从左上进入 ↖️\n        fromY = -height;\n        fromX = -width;\n        break;\n      case 'bottom-left':\n        // 从左下进入 ↙️\n        fromY = graphic.parent.height + height;\n        fromX = -width;\n        break;\n      case 'bottom-right':\n        // 从右下进入 ↘️\n        fromY = graphic.parent.height + height;\n        fromX = graphic.parent.width;\n        break;\n    }\n  } else {\n    // 速度相同, 相对位置不变, 但不同时出现.\n    const distance = Math.max(graphic.parent.width, graphic.parent.height);\n    switch (from) {\n      case 'right':\n        // 从右往左进入\n        fromX += distance;\n        break;\n      case 'left':\n        // 从左往右进入\n        fromX += -distance;\n        break;\n      case 'bottom':\n        // 从下往上进入\n        fromY += distance;\n        break;\n      case 'top':\n        // 从上往下进入\n        fromY += -distance;\n        break;\n      case 'top-right':\n        // 从右上进入 ↗️\n        fromX += distance;\n        fromY += -distance;\n        break;\n      case 'top-left':\n        // 从左上进入 ↖️\n        fromX += -distance;\n        fromY += -distance;\n        break;\n      case 'bottom-left':\n        // 从左下进入 ↙️\n        fromY += distance;\n        fromX += -distance;\n        break;\n      case 'bottom-right':\n        // 从右下进入 ↘️\n        fromX += distance;\n        fromY += distance;\n        break;\n    }\n  }\n\n  graphic.animate().from({ x: fromX, y: fromY }, duration, easing as EasingType);\n  return true;\n}\n\nexport function wipeIn(graphic: IGraphic, params: IWipeInParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n\n  // const { wipe = {} } = params;\n  // const from = wipe.from ?? params.from ?? 1;\n  // const duration = wipe.duration ?? params.duration;\n  // const easing = wipe.easing ?? params.easing;\n\n  // const { fill } = graphic.attribute;\n  // if (isString(fill)) {\n  //   // graphic\n  //   //   .animate()\n  //   //   .play\n  //   //   // new Wipe({}, {}, duration, easing as EasingType, {\n  //   //   //   direction: Direction[from]\n  //   //   // })\n  //   //   ();\n  // } else if (isObject(fill)) {\n  //   // 渐变色支持\n  // }\n  return true;\n}\n\nexport const appearEffectMap = {\n  fade: fadeIn,\n  scale: scaleIn,\n  move: moveIn,\n  wipe: wipeIn,\n  typewriter\n};\n\nconst Direction = {\n  left: 0,\n  right: 1,\n  top: 2,\n  bottom: 3,\n  stroke: 4\n};\n"]}

package/cjs/dsl/story-processor/graphic/effect/typewriter.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 const typewirter_1 = require("../../../../animate/typewirter"), vutils_1 = require("@visactor/vutils");
 
 function typewriter(graphic, params) {
-    if (graphic && "text" === graphic.type) {
+    if (graphic && ("text" === graphic.type || "richtext" === graphic.type)) {
         const {duration: duration, easing: easing} = params, {text: text} = graphic.attribute;
         (0, vutils_1.isString)(text) && graphic.animate().play(new typewirter_1.TypeWriter({
             text: ""

package/cjs/dsl/story-processor/graphic/effect/typewriter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/story-processor/graphic/effect/typewriter.ts"],"names":[],"mappings":";;;AACA,+DAA4D;AAC5D,6CAA4C;AAE5C,SAAgB,UAAU,CAAC,OAAc,EAAE,MAAW;IACpD,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;QACtC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACpC,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,IAAA,iBAAQ,EAAC,IAAI,CAAC,EAAE;YAClB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,uBAAU,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC,CAAC;SAChG;KACF;AACH,CAAC;AARD,gCAQC","file":"typewriter.js","sourcesContent":["import type { EasingType, IText } from '@visactor/vrender';\nimport { TypeWriter } from '../../../../animate/typewirter';\nimport { isString } from '@visactor/vutils';\n\nexport function typewriter(graphic: IText, params: any) {\n  if (graphic && graphic.type === 'text') {\n    const { duration, easing } = params;\n    const { text } = graphic.attribute;\n    if (isString(text)) {\n      graphic.animate().play(new TypeWriter({ text: '' }, { text }, duration, easing as EasingType));\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/dsl/story-processor/graphic/effect/typewriter.ts"],"names":[],"mappings":";;;AACA,+DAA4D;AAC5D,6CAA4C;AAE5C,SAAgB,UAAU,CAAC,OAAc,EAAE,MAAW;IACpD,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,EAAE;QACvE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QACpC,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;QACnC,IAAI,IAAA,iBAAQ,EAAC,IAAI,CAAC,EAAE;YAClB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,uBAAU,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC,CAAC;SAChG;KACF;AACH,CAAC;AARD,gCAQC","file":"typewriter.js","sourcesContent":["import type { EasingType, IText } from '@visactor/vrender';\nimport { TypeWriter } from '../../../../animate/typewirter';\nimport { isString } from '@visactor/vutils';\n\nexport function typewriter(graphic: IText, params: any) {\n  if (graphic && (graphic.type === 'text' || graphic.type === 'richtext')) {\n    const { duration, easing } = params;\n    const { text } = graphic.attribute;\n    if (isString(text)) {\n      graphic.animate().play(new TypeWriter({ text: '' }, { text }, duration, easing as EasingType));\n    }\n  }\n}\n"]}

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

@@ -67,4 +67,4 @@ class ActionProcessor {
 }
 
 exports.ActionProcessor = ActionProcessor, ActionProcessor._instance = null;
-//# sourceMappingURL=processor.js.map
+//# sourceMappingURL=processor.js.map

package/cjs/dsl/types/Datum.js

@@ -2,4 +2,5 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
+});
+//# sourceMappingURL=Datum.js.map

package/cjs/dsl/types/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./common"), exports), __exportStar(require("./chart"), exports), 
 __exportStar(require("./graphic"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/dsl/utils/datum.js

@@ -13,4 +13,4 @@ const vutils_1 = require("@visactor/vutils"), isDatumEqual = (source, target) =>
 };
 
 exports.isDatumEqual = isDatumEqual;
-//# sourceMappingURL=datum.js.map
+//# sourceMappingURL=datum.js.map

package/cjs/dsl/utils/flicker.js

@@ -15,4 +15,4 @@ const flickerEffect = group => {
 };
 
 exports.flickerEffect = flickerEffect;
-//# sourceMappingURL=flicker.js.map
+//# sourceMappingURL=flicker.js.map

package/cjs/edit/edit-component/image-selection.js

@@ -16,4 +16,4 @@ class ImageSelection extends rect_selection_1.RectSelection {
 }
 
 exports.ImageSelection = ImageSelection;
-//# sourceMappingURL=image-selection.js.map
+//# sourceMappingURL=image-selection.js.map

package/cjs/edit/edit-component/index.js

@@ -14,4 +14,4 @@ function loadAllSelection() {
 }
 
 exports.loadAllSelection = loadAllSelection;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/edit/edit-component/layer-edit.js

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

package/cjs/edit/edit-component/rect-selection.js

@@ -32,4 +32,4 @@ class RectSelection extends base_selection_1.BaseSelection {
 }
 
 exports.RectSelection = RectSelection;
-//# sourceMappingURL=rect-selection.js.map
+//# sourceMappingURL=rect-selection.js.map

package/cjs/edit/edit-component/richtext-selection.js

@@ -36,4 +36,4 @@ class RichTextSelection extends base_selection_1.BaseSelection {
 }
 
 exports.RichTextSelection = RichTextSelection;
-//# sourceMappingURL=richtext-selection.js.map
+//# sourceMappingURL=richtext-selection.js.map

package/cjs/edit/edit-component/text-selection.js

@@ -27,4 +27,4 @@ class TextSelection extends base_selection_1.BaseSelection {
 }
 
 exports.TextSelection = TextSelection;
-//# sourceMappingURL=text-selection.js.map
+//# sourceMappingURL=text-selection.js.map

package/cjs/index.d.ts

@@ -1,3 +1,2 @@
 export * from './story';
 export * from './edit';
-export * from '@visactor/vrender';