@visactor/vstory 0.0.2 → 0.0.4-alpha.1

package/cjs/animate/animate.d.ts

@@ -1,13 +1 @@
-import type { IAnimate as IVRenderAnimate, IGraphic } from '@visactor/vrender';
-import type { IContext } from '../interface/type';
-import type { ITask, TaskCb } from '../task';
-import { AbstractTask } from '../task';
-export declare class GraphicAnimate extends AbstractTask {
-    protected _animate: IVRenderAnimate;
-    prev: ITask;
-    next: ITask;
-    protected _target: IGraphic;
-    constructor(target: IGraphic);
-    runCb(cb: TaskCb): void;
-    run(context: Partial<IContext>): void;
-}
+

package/cjs/animate/animate.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.GraphicAnimate = void 0;
-
-const task_1 = require("../task");
-
-class GraphicAnimate extends task_1.AbstractTask {
-    constructor(target) {
-        super(), this._target = target, this._target && (this._animate = this._target.animate().afterAll(Array.from(this._target.animates.values())));
-    }
-    runCb(cb) {
-        this._animate && this._animate.runCb(cb);
-    }
-    run(context) {}
-}
-
-exports.GraphicAnimate = GraphicAnimate;
-//# sourceMappingURL=animate.js.map
+//# sourceMappingURL=animate.js.map

package/cjs/animate/animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animate/animate.ts"],"names":[],"mappings":";;;AAGA,kCAAuC;AAEvC,MAAa,cAAe,SAAQ,mBAAY;IAQ9C,YAAY,MAAgB;QAC1B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;SAC7F;IACH,CAAC;IAED,KAAK,CAAC,EAAU;QACd,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SACzB;IACH,CAAC;IAGD,GAAG,CAAC,OAA0B;QAC5B,OAAO;IACT,CAAC;CACF;AA1BD,wCA0BC","file":"animate.js","sourcesContent":["import type { IAnimate as IVRenderAnimate, IGraphic } from '@visactor/vrender';\nimport type { IContext } from '../interface/type';\nimport type { ITask, TaskCb } from '../task';\nimport { AbstractTask } from '../task';\n\nexport class GraphicAnimate extends AbstractTask {\n  protected _animate: IVRenderAnimate;\n\n  prev: ITask;\n  next: ITask;\n\n  protected _target: IGraphic;\n\n  constructor(target: IGraphic) {\n    super();\n    this._target = target;\n    if (this._target) {\n      this._animate = this._target.animate().afterAll(Array.from(this._target.animates.values()));\n    }\n  }\n\n  runCb(cb: TaskCb) {\n    if (this._animate) {\n      this._animate.runCb(cb);\n    }\n  }\n\n  // 覆写这个方法\n  run(context: Partial<IContext>) {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/animate/animate.ts"],"names":[],"mappings":"","file":"animate.js","sourcesContent":["// import type { IAnimate as IVRenderAnimate, IGraphic } from '@visactor/vrender';\n// import type { IContext } from '../interface/type';\n// import type { ITask, TaskCb } from '../task';\n// import { AbstractTask } from '../task';\n\n// export class GraphicAnimate extends AbstractTask {\n//   protected _animate: IVRenderAnimate;\n\n//   prev: ITask;\n//   next: ITask;\n\n//   protected _target: IGraphic;\n\n//   constructor(target: IGraphic) {\n//     super();\n//     this._target = target;\n//     if (this._target) {\n//       this._animate = this._target.animate().afterAll(Array.from(this._target.animates.values()));\n//     }\n//   }\n\n//   runCb(cb: TaskCb) {\n//     if (this._animate) {\n//       this._animate.runCb(cb);\n//     }\n//   }\n\n//   // 覆写这个方法\n//   run(context: Partial<IContext>) {\n//     return;\n//   }\n// }\n"]}

package/cjs/animate/highlight.d.ts

@@ -1,5 +1 @@
-import type { Dict } from '@visactor/vutils';
-import type { Template } from '../template/base-template';
-import type { Data, MaybeArray } from '../type/common';
-import { Action } from '../scene/action';
-export declare function highlight(template: Template, data: MaybeArray<Data>, style: Dict<any>): Action;
+

package/cjs/animate/highlight.js

@@ -1,43 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.highlight = void 0;
-
-const vutils_1 = require("@visactor/vutils"), vchart_api_1 = require("../util/vchart-api"), animate_1 = require("./animate"), action_1 = require("../scene/action");
-
-function highlight(template, data, style) {
-    if (!data || !template) return null;
-    const highlight = new HighLight(template, data, style);
-    return new action_1.Action(highlight, (highlight => {
-        highlight.run();
-    }));
-}
-
-exports.highlight = highlight;
-
-class HighLight extends animate_1.GraphicAnimate {
-    constructor(target, data, style, duration) {
-        super(null), this.type = "highlight", this._duration = duration, this._dataList = (0, 
-        vutils_1.isArray)(data) ? data : [ data ], this._template = target, this._style = style;
-    }
-    run() {
-        if (this._dataList.length) {
-            const {_dataList: _dataList, _style: _style} = this, vchart = this._template.vchartInstance();
-            if (vchart) {
-                const marks = (0, vchart_api_1.getAllSeriesMarksWithoutRoot)(vchart);
-                marks && marks.length && (marks.forEach((mark => {
-                    mark.getProduct().encodeState("highlight", _style);
-                })), vchart.updateState({
-                    highlight: {
-                        filter: {
-                            datums: _dataList,
-                            dataKeys: void 0
-                        }
-                    }
-                }));
-            }
-        }
-    }
-}
-//# sourceMappingURL=highlight.js.map
+//# sourceMappingURL=highlight.js.map

package/cjs/animate/highlight.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animate/highlight.ts"],"names":[],"mappings":";;;AACA,6CAA2C;AAG3C,mDAAkE;AAClE,uCAA2C;AAC3C,4CAAyC;AAEzC,SAAgB,SAAS,CAAC,QAAkB,EAAE,IAAsB,EAAE,KAAgB;IACpF,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;QACtB,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IACvD,OAAO,IAAI,eAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE;QACvC,SAAS,CAAC,GAAG,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC;AARD,8BAQC;AAED,MAAM,SAAU,SAAQ,wBAAc;IAQpC,YAAY,MAAgB,EAAE,IAAsB,EAAE,KAAU,EAAE,QAAiB;QACjF,KAAK,CAAC,IAAI,CAAC,CAAC;QARd,SAAI,GAAG,WAAW,CAAC;QASjB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,GAAG;QACD,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;YACzB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;YACnC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;YAC/C,IAAI,MAAM,EAAE;gBACV,MAAM,KAAK,GAAG,IAAA,yCAA4B,EAAC,MAAM,CAAC,CAAC;gBACnD,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;oBACzB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;wBACnB,IAAI,CAAC,UAAU,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;oBACrD,CAAC,CAAC,CAAC;oBACH,MAAM,CAAC,WAAW,CAAC;wBACjB,SAAS,EAAE;4BACT,MAAM,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAS;yBAC1D;qBACF,CAAC,CAAC;iBACJ;aACF;SACF;IACH,CAAC;CACF","file":"highlight.js","sourcesContent":["import type { Dict } from '@visactor/vutils';\nimport { isArray } from '@visactor/vutils';\nimport type { Template } from '../template/base-template';\nimport type { Data, MaybeArray } from '../type/common';\nimport { getAllSeriesMarksWithoutRoot } from '../util/vchart-api';\nimport { GraphicAnimate } from './animate';\nimport { Action } from '../scene/action';\n\nexport function highlight(template: Template, data: MaybeArray<Data>, style: Dict<any>) {\n  if (!data || !template) {\n    return null;\n  }\n  const highlight = new HighLight(template, data, style);\n  return new Action(highlight, highlight => {\n    highlight.run();\n  });\n}\n\nclass HighLight extends GraphicAnimate {\n  type = 'highlight';\n\n  protected _duration: number;\n  protected _dataList: Data[];\n  protected _template: Template;\n  protected _style: any;\n\n  constructor(target: Template, data: MaybeArray<Data>, style: any, duration?: number) {\n    super(null);\n    this._duration = duration;\n    this._dataList = isArray(data) ? data : [data];\n    this._template = target;\n    this._style = style;\n  }\n\n  run() {\n    if (this._dataList.length) {\n      const { _dataList, _style } = this;\n      const vchart = this._template.vchartInstance();\n      if (vchart) {\n        const marks = getAllSeriesMarksWithoutRoot(vchart);\n        if (marks && marks.length) {\n          marks.forEach(mark => {\n            mark.getProduct().encodeState('highlight', _style);\n          });\n          vchart.updateState({\n            highlight: {\n              filter: { datums: _dataList, dataKeys: undefined } as any\n            }\n          });\n        }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/animate/highlight.ts"],"names":[],"mappings":"","file":"highlight.js","sourcesContent":["// import type { Dict } from '@visactor/vutils';\n// import { isArray } from '@visactor/vutils';\n// import type { Template } from '../template/base-template';\n// import type { Data, MaybeArray } from '../type/common';\n// import { getAllSeriesMarksWithoutRoot } from '../util/vchart-api';\n// import { GraphicAnimate } from './animate';\n// import { Action } from '../scene/action';\n\n// export function highlight(template: Template, data: MaybeArray<Data>, style: Dict<any>) {\n//   if (!data || !template) {\n//     return null;\n//   }\n//   const highlight = new HighLight(template, data, style);\n//   return new Action(highlight, highlight => {\n//     highlight.run();\n//   });\n// }\n\n// class HighLight extends GraphicAnimate {\n//   type = 'highlight';\n\n//   protected _duration: number;\n//   protected _dataList: Data[];\n//   protected _template: Template;\n//   protected _style: any;\n\n//   constructor(target: Template, data: MaybeArray<Data>, style: any, duration?: number) {\n//     super(null);\n//     this._duration = duration;\n//     this._dataList = isArray(data) ? data : [data];\n//     this._template = target;\n//     this._style = style;\n//   }\n\n//   run() {\n//     if (this._dataList.length) {\n//       const { _dataList, _style } = this;\n//       const vchart = this._template.vchartInstance();\n//       if (vchart) {\n//         const marks = getAllSeriesMarksWithoutRoot(vchart);\n//         if (marks && marks.length) {\n//           marks.forEach(mark => {\n//             mark.getProduct().encodeState('highlight', _style);\n//           });\n//           vchart.updateState({\n//             highlight: {\n//               filter: { datums: _dataList, dataKeys: undefined } as any\n//             }\n//           });\n//         }\n//       }\n//     }\n//   }\n// }\n"]}

package/cjs/animate/typewirter.js

@@ -48,9 +48,10 @@ class TypeWriter extends vrender_1.ACustomAnimate {
         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), endX = (0, 
-        vrender_1.getTextBounds)(Object.assign(Object.assign({}, this.target.attribute), out)).width() / 2 + 2;
-        line.setAttribute("x", endX);
+        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);
     }
 }
 

package/cjs/animate/typewirter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animate/typewirter.ts"],"names":[],"mappings":";;;AAAA,+CAAyG;AAEzG,6CAA2C;AAC3C,IAAA,mCAAyB,GAAE,CAAC;AAC5B,MAAa,UAAW,SAAQ,wBAAgC;IAAhE;;QAIU,aAAQ,GAAG,EAAE,CAAC;QACd,WAAM,GAAG,EAAE,CAAC;IAyDtB,CAAC;IAvDC,WAAW;QACT,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,OAAO,EAAE,CAAC;SACX;QACD,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,EAAE;SACd,CAAC;IACJ,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,mCAAI,EAAE,CAAC;QACtC,IAAI,CAAC,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,EAAE,0CAAE,IAAI,mCAAI,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACpB;aAAM;YACL,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YACrC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;YACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,IAAI,GAAG,IAAA,oBAAU,EAAC;gBACtB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC;gBACjB,MAAM,EAAE;oBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;oBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE;iBACtB;gBACD,MAAM,EAAE,OAAO;aAChB,CAAC,CAAC;YACH,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SAChB;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;QAC3B,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;;QAC5D,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,OAAO;SACR;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;QAEnE,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QAGxC,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,MAAM,CAAC,UAAU,0CAAE,EAAE,CAAC,CAAC,CAAa,CAAC;QAEvD,MAAM,IAAI,GAAG,IAAA,uBAAa,kCAAM,IAAI,CAAC,MAAM,CAAC,SAAS,GAAK,GAAG,EAAG,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAEjF,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC/B,CAAC;CACF;AA9DD,gCA8DC","file":"typewirter.js","sourcesContent":["import { ACustomAnimate, createLine, getTextBounds, registerShadowRootGraphic } from '@visactor/vrender';\nimport type { IGraphic } 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 endX = getTextBounds({ ...this.target.attribute, ...out }).width() / 2 + 2;\n\n    line.setAttribute('x', endX);\n  }\n}\n"]}
+{"version":3,"sources":["../src/animate/typewirter.ts"],"names":[],"mappings":";;;AAAA,+CAAyG;AAEzG,6CAA2C;AAC3C,IAAA,mCAAyB,GAAE,CAAC;AAC5B,MAAa,UAAW,SAAQ,wBAAgC;IAAhE;;QAIU,aAAQ,GAAG,EAAE,CAAC;QACd,WAAM,GAAG,EAAE,CAAC;IAiEtB,CAAC;IA/DC,WAAW;QACT,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,OAAO,EAAE,CAAC;SACX;QACD,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,EAAE;SACd,CAAC;IACJ,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,QAAQ,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,mCAAI,EAAE,CAAC;QACtC,IAAI,CAAC,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,EAAE,0CAAE,IAAI,mCAAI,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;SACpB;aAAM;YACL,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YACrC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;YACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;YAC9D,MAAM,IAAI,GAAG,IAAA,oBAAU,EAAC;gBACtB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;gBACJ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC;gBACjB,MAAM,EAAE;oBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;oBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE;iBACtB;gBACD,MAAM,EAAE,OAAO;aAChB,CAAC,CAAC;YACH,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SAChB;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;QAC3B,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;;QAC5D,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,OAAO;SACR;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;QAEnE,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QAGxC,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,MAAM,CAAC,UAAU,0CAAE,EAAE,CAAC,CAAC,CAAa,CAAC;QAEvD,MAAM,IAAI,mCAAQ,IAAI,CAAC,MAAM,CAAC,SAAS,GAAK,GAAG,CAAE,CAAC;QAClD,MAAM,KAAK,GAAG,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAA6B,CAAC;QACpD,IAAI,CAAC,GAAG,KAAK,CAAC;QACd,IAAI,SAAS,KAAK,QAAQ,EAAE;YAC1B,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;SACf;aAAM,IAAI,SAAS,KAAK,OAAO,EAAE;YAChC,CAAC,GAAG,CAAC,CAAC;SACP;QAED,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAC5B,CAAC;CACF;AAtED,gCAsEC","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"]}

package/cjs/animate/wipeIn.d.ts

@@ -1,32 +1 @@
-import { ACustomAnimate } from '@visactor/vrender';
-import type { EasingType, ILinearGradient } from '@visactor/vrender';
-export declare enum Direction {
-    LEFT_TO_RIGHT = 0,
-    RIGHT_TO_LEFT = 1,
-    TOP_TO_BOTTOM = 2,
-    BOTTOM_TO_TOP = 3,
-    STROKE = 4
-}
-export declare class Wipe extends ACustomAnimate<any> {
-    direction: number;
-    toFill: string;
-    toStroke: string;
-    fillGradient: ILinearGradient;
-    strokeGradient: ILinearGradient;
-    fill: boolean;
-    stroke: boolean;
-    constructor(from: any, to: any, duration: number, easing: EasingType, params?: {
-        direction?: number;
-        fill?: boolean;
-        stroke?: boolean;
-    });
-    getEndProps(): Record<string, any>;
-    onBind(): void;
-    onEnd(): void;
-    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
-    leftToRight(end: boolean, ratio: number, out: Record<string, any>): void;
-    strokePath(end: boolean, ratio: number, out: Record<string, any>): void;
-    rightToLeft(end: boolean, ratio: number, out: Record<string, any>): void;
-    topToBottom(end: boolean, ratio: number, out: Record<string, any>): void;
-    bottomToTop(end: boolean, ratio: number, out: Record<string, any>): void;
-}
+

package/cjs/animate/wipeIn.js

@@ -1,121 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.Wipe = exports.Direction = void 0;
-
-const vrender_1 = require("@visactor/vrender");
-
-var Direction;
-
-!function(Direction) {
-    Direction[Direction.LEFT_TO_RIGHT = 0] = "LEFT_TO_RIGHT", Direction[Direction.RIGHT_TO_LEFT = 1] = "RIGHT_TO_LEFT", 
-    Direction[Direction.TOP_TO_BOTTOM = 2] = "TOP_TO_BOTTOM", Direction[Direction.BOTTOM_TO_TOP = 3] = "BOTTOM_TO_TOP", 
-    Direction[Direction.STROKE = 4] = "STROKE";
-}(Direction = exports.Direction || (exports.Direction = {}));
-
-class Wipe extends vrender_1.ACustomAnimate {
-    constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params);
-        const {direction: direction = Direction.LEFT_TO_RIGHT, fill: fill = !0, stroke: stroke = !0} = params || {};
-        this.direction = direction, this.fill = fill, this.stroke = stroke, this.fillGradient = {
-            gradient: "linear",
-            stops: []
-        }, this.strokeGradient = {
-            gradient: "linear",
-            stops: []
-        };
-    }
-    getEndProps() {
-        return {
-            fill: this.toFill,
-            stroke: this.toStroke
-        };
-    }
-    onBind() {
-        this.toFill = this.target.getComputedAttribute("fill"), this.toStroke = this.target.getComputedAttribute("stroke");
-    }
-    onEnd() {}
-    onUpdate(end, ratio, out) {
-        if (this.toFill && this.toStroke) {
-            switch (this.direction) {
-              case Direction.RIGHT_TO_LEFT:
-                this.rightToLeft(end, ratio, out);
-                break;
-
-              case Direction.TOP_TO_BOTTOM:
-                this.topToBottom(end, ratio, out);
-                break;
-
-              case Direction.BOTTOM_TO_TOP:
-                this.bottomToTop(end, ratio, out);
-                break;
-
-              case Direction.STROKE:
-                this.strokePath(end, ratio, out);
-                break;
-
-              default:
-                this.leftToRight(end, ratio, out);
-            }
-            if (end) out.fill = this.toFill, out.stroke = this.toStroke; else {
-                if (this.fill) {
-                    const toFillColor = this.toFill;
-                    this.fillGradient.stops = [ {
-                        offset: 0,
-                        color: toFillColor
-                    }, {
-                        offset: ratio,
-                        color: toFillColor
-                    }, {
-                        offset: Math.min(1, 2 * ratio),
-                        color: "white"
-                    } ], out.fill = this.fillGradient;
-                }
-                if (this.stroke) {
-                    const toStrokeColor = this.toStroke;
-                    this.strokeGradient.stops = [ {
-                        offset: 0,
-                        color: toStrokeColor
-                    }, {
-                        offset: ratio,
-                        color: toStrokeColor
-                    }, {
-                        offset: Math.min(1, 2 * ratio),
-                        color: "white"
-                    } ], out.stroke = this.strokeGradient;
-                }
-            }
-        }
-    }
-    leftToRight(end, ratio, out) {
-        this.fill && (this.fillGradient.x0 = 0, this.fillGradient.y0 = 0, this.fillGradient.x1 = 1, 
-        this.fillGradient.y1 = 0), this.stroke && (this.strokeGradient.x0 = 0, this.strokeGradient.y0 = 0, 
-        this.strokeGradient.x1 = 1, this.strokeGradient.y1 = 0);
-    }
-    strokePath(end, ratio, out) {
-        if (this.fill && (this.fillGradient.x0 = 0, this.fillGradient.y0 = 0, this.fillGradient.x1 = 1, 
-        this.fillGradient.y1 = 0), this.stroke) {
-            const dashLen = 300, offset = ratio * dashLen;
-            out.lineDash = [ offset, dashLen - offset ];
-        }
-    }
-    rightToLeft(end, ratio, out) {
-        this.fill && (this.fillGradient.x0 = 1, this.fillGradient.y0 = 0, this.fillGradient.x1 = 0, 
-        this.fillGradient.y1 = 0), this.stroke && (this.strokeGradient.x0 = 1, this.strokeGradient.y0 = 0, 
-        this.strokeGradient.x1 = 0, this.strokeGradient.y1 = 0);
-    }
-    topToBottom(end, ratio, out) {
-        this.fill && (this.fillGradient.x0 = 0, this.fillGradient.y0 = 0, this.fillGradient.x1 = 0, 
-        this.fillGradient.y1 = 1), this.stroke && (this.strokeGradient.x0 = 0, this.strokeGradient.y0 = 0, 
-        this.strokeGradient.x1 = 0, this.strokeGradient.y1 = 1);
-    }
-    bottomToTop(end, ratio, out) {
-        this.fill && (this.fillGradient.x0 = 0, this.fillGradient.y0 = 1, this.fillGradient.x1 = 0, 
-        this.fillGradient.y1 = 0), this.stroke && (this.strokeGradient.x0 = 0, this.strokeGradient.y0 = 1, 
-        this.strokeGradient.x1 = 0, this.strokeGradient.y1 = 0);
-    }
-}
-
-exports.Wipe = Wipe;
-//# sourceMappingURL=wipeIn.js.map
+//# sourceMappingURL=wipeIn.js.map

package/cjs/animate/wipeIn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animate/wipeIn.ts"],"names":[],"mappings":";;;AAAA,+CAAmD;AAGnD,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,2DAAiB,CAAA;IACjB,2DAAiB,CAAA;IACjB,2DAAiB,CAAA;IACjB,2DAAiB,CAAA;IACjB,6CAAU,CAAA;AACZ,CAAC,EANW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAMpB;AAED,MAAa,IAAK,SAAQ,wBAAmB;IAQ3C,YACE,IAAS,EACT,EAAO,EACP,QAAgB,EAChB,MAAkB,EAClB,MAAiE;QAEjE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1C,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC,aAAa,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;QACzF,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG;YAClB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,EAAE;SACV,CAAC;QACF,IAAI,CAAC,cAAc,GAAG;YACpB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,EAAE;SACV,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,MAAM;YACjB,MAAM,EAAE,IAAI,CAAC,QAAQ;SACtB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC;IAED,KAAK;QACH,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO;SACR;QACD,QAAQ,IAAI,CAAC,SAAS,EAAE;YACtB,KAAK,SAAS,CAAC,aAAa;gBAC1B,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;gBAClC,MAAM;YACR,KAAK,SAAS,CAAC,aAAa;gBAC1B,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;gBAClC,MAAM;YACR,KAAK,SAAS,CAAC,aAAa;gBAC1B,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;gBAClC,MAAM;YACR,KAAK,SAAS,CAAC,MAAM;gBACnB,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;gBACjC,MAAM;YACR;gBACE,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;gBAClC,MAAM;SACT;QAED,IAAI,GAAG,EAAE;YACP,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;YACvB,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;SAC5B;aAAM;YACL,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;gBAChC,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG;oBACxB,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE;oBACjC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE;oBACrC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;iBACnD,CAAC;gBACF,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;aAC9B;YAED,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;gBACpC,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG;oBAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE;oBACnC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE;oBACvC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;iBACnD,CAAC;gBACF,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC;aAClC;SACF;IACH,CAAC;IAED,WAAW,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC/D,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;SAC1B;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;SAC5B;IACH,CAAC;IAED,UAAU,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC9D,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;SAC1B;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,OAAO,GAAG,GAAG,CAAC;YACpB,MAAM,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;YAC/B,GAAG,CAAC,QAAQ,GAAG,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;SAC3C;QACD,OAAO;IACT,CAAC;IAED,WAAW,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC/D,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;SAC1B;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;SAC5B;IACH,CAAC;IAED,WAAW,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC/D,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;SAC1B;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;SAC5B;IACH,CAAC;IAED,WAAW,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC/D,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;YACzB,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;SAC1B;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,CAAC,CAAC;SAC5B;IACH,CAAC;CACF;AA3KD,oBA2KC","file":"wipeIn.js","sourcesContent":["import { ACustomAnimate } from '@visactor/vrender';\nimport type { EasingType, ILinearGradient } from '@visactor/vrender';\n\nexport enum Direction {\n  LEFT_TO_RIGHT = 0,\n  RIGHT_TO_LEFT = 1,\n  TOP_TO_BOTTOM = 2,\n  BOTTOM_TO_TOP = 3,\n  STROKE = 4\n}\n\nexport class Wipe extends ACustomAnimate<any> {\n  declare direction: number;\n  declare toFill: string;\n  declare toStroke: string;\n  declare fillGradient: ILinearGradient;\n  declare strokeGradient: ILinearGradient;\n  declare fill: boolean;\n  declare stroke: boolean;\n  constructor(\n    from: any,\n    to: any,\n    duration: number,\n    easing: EasingType,\n    params?: { direction?: number; fill?: boolean; stroke?: boolean }\n  ) {\n    super(from, to, duration, easing, params);\n    const { direction = Direction.LEFT_TO_RIGHT, fill = true, stroke = true } = params || {};\n    this.direction = direction;\n    this.fill = fill;\n    this.stroke = stroke;\n    this.fillGradient = {\n      gradient: 'linear',\n      stops: []\n    };\n    this.strokeGradient = {\n      gradient: 'linear',\n      stops: []\n    };\n  }\n\n  getEndProps(): Record<string, any> {\n    return {\n      fill: this.toFill,\n      stroke: this.toStroke\n    };\n  }\n\n  onBind(): void {\n    this.toFill = this.target.getComputedAttribute('fill');\n    this.toStroke = this.target.getComputedAttribute('stroke');\n  }\n\n  onEnd(): void {\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.toFill) {\n      return;\n    }\n    if (!this.toStroke) {\n      return;\n    }\n    switch (this.direction) {\n      case Direction.RIGHT_TO_LEFT:\n        this.rightToLeft(end, ratio, out);\n        break;\n      case Direction.TOP_TO_BOTTOM:\n        this.topToBottom(end, ratio, out);\n        break;\n      case Direction.BOTTOM_TO_TOP:\n        this.bottomToTop(end, ratio, out);\n        break;\n      case Direction.STROKE:\n        this.strokePath(end, ratio, out);\n        break;\n      default:\n        this.leftToRight(end, ratio, out);\n        break;\n    }\n\n    if (end) {\n      out.fill = this.toFill;\n      out.stroke = this.toStroke;\n    } else {\n      if (this.fill) {\n        const toFillColor = this.toFill;\n        this.fillGradient.stops = [\n          { offset: 0, color: toFillColor },\n          { offset: ratio, color: toFillColor },\n          { offset: Math.min(1, ratio * 2), color: 'white' }\n        ];\n        out.fill = this.fillGradient;\n      }\n\n      if (this.stroke) {\n        const toStrokeColor = this.toStroke;\n        this.strokeGradient.stops = [\n          { offset: 0, color: toStrokeColor },\n          { offset: ratio, color: toStrokeColor },\n          { offset: Math.min(1, ratio * 2), color: 'white' }\n        ];\n        out.stroke = this.strokeGradient;\n      }\n    }\n  }\n\n  leftToRight(end: boolean, ratio: number, out: Record<string, any>) {\n    if (this.fill) {\n      this.fillGradient.x0 = 0;\n      this.fillGradient.y0 = 0;\n      this.fillGradient.x1 = 1;\n      this.fillGradient.y1 = 0;\n    }\n    if (this.stroke) {\n      this.strokeGradient.x0 = 0;\n      this.strokeGradient.y0 = 0;\n      this.strokeGradient.x1 = 1;\n      this.strokeGradient.y1 = 0;\n    }\n  }\n\n  strokePath(end: boolean, ratio: number, out: Record<string, any>) {\n    if (this.fill) {\n      this.fillGradient.x0 = 0;\n      this.fillGradient.y0 = 0;\n      this.fillGradient.x1 = 1;\n      this.fillGradient.y1 = 0;\n    }\n    if (this.stroke) {\n      const dashLen = 300;\n      const offset = ratio * dashLen;\n      out.lineDash = [offset, dashLen - offset];\n    }\n    return;\n  }\n\n  rightToLeft(end: boolean, ratio: number, out: Record<string, any>) {\n    if (this.fill) {\n      this.fillGradient.x0 = 1;\n      this.fillGradient.y0 = 0;\n      this.fillGradient.x1 = 0;\n      this.fillGradient.y1 = 0;\n    }\n    if (this.stroke) {\n      this.strokeGradient.x0 = 1;\n      this.strokeGradient.y0 = 0;\n      this.strokeGradient.x1 = 0;\n      this.strokeGradient.y1 = 0;\n    }\n  }\n\n  topToBottom(end: boolean, ratio: number, out: Record<string, any>) {\n    if (this.fill) {\n      this.fillGradient.x0 = 0;\n      this.fillGradient.y0 = 0;\n      this.fillGradient.x1 = 0;\n      this.fillGradient.y1 = 1;\n    }\n    if (this.stroke) {\n      this.strokeGradient.x0 = 0;\n      this.strokeGradient.y0 = 0;\n      this.strokeGradient.x1 = 0;\n      this.strokeGradient.y1 = 1;\n    }\n  }\n\n  bottomToTop(end: boolean, ratio: number, out: Record<string, any>) {\n    if (this.fill) {\n      this.fillGradient.x0 = 0;\n      this.fillGradient.y0 = 1;\n      this.fillGradient.x1 = 0;\n      this.fillGradient.y1 = 0;\n    }\n    if (this.stroke) {\n      this.strokeGradient.x0 = 0;\n      this.strokeGradient.y0 = 1;\n      this.strokeGradient.x1 = 0;\n      this.strokeGradient.y1 = 0;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/animate/wipeIn.ts"],"names":[],"mappings":"","file":"wipeIn.js","sourcesContent":["// import { ACustomAnimate } from '@visactor/vrender';\n// import type { EasingType, ILinearGradient } from '@visactor/vrender';\n\n// export enum Direction {\n//   LEFT_TO_RIGHT = 0,\n//   RIGHT_TO_LEFT = 1,\n//   TOP_TO_BOTTOM = 2,\n//   BOTTOM_TO_TOP = 3\n// }\n\n// export class Wipe extends ACustomAnimate<any> {\n//   declare direction: number;\n\n//   constructor(\n//     from: any,\n//     to: any,\n//     duration: number,\n//     easing: EasingType,\n//     params?: { direction?: number; fill?: boolean; stroke?: boolean }\n//   ) {\n//     super(from, to, duration, easing, params);\n//     const { direction = Direction.LEFT_TO_RIGHT, fill = true, stroke = true } = params || {};\n//     this.direction = direction;\n\n//   }\n\n//   getEndProps(): Record<string, any> {\n//     return {\n//     };\n//   }\n\n//   onBind(): void {\n\n//   }\n\n//   onEnd(): void {\n//     return;\n//   }\n\n//   onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n//     console.log('onUpdate');\n\n//     switch (this.direction) {\n//       case Direction.RIGHT_TO_LEFT:\n//         this.rightToLeft(end, ratio, out);\n//         break;\n//       case Direction.TOP_TO_BOTTOM:\n//         this.topToBottom(end, ratio, out);\n//         break;\n//       case Direction.BOTTOM_TO_TOP:\n//         this.bottomToTop(end, ratio, out);\n//         break;\n//       case Direction.STROKE:\n//         this.strokePath(end, ratio, out);\n//         break;\n//       default:\n//         this.leftToRight(end, ratio, out);\n//         break;\n//     }\n\n//     if (end) {\n//       out.fill = this.toFill;\n//       out.stroke = this.toStroke;\n//     } else {\n//       if (this.fill && this.toFill) {\n//         const toFillColor = this.toFill;\n//         this.fillGradient.stops = [\n//           { offset: 0, color: toFillColor },\n//           { offset: ratio, color: toFillColor },\n//           { offset: Math.min(1, ratio * 2), color: 'white' }\n//         ];\n//         out.fill = this.fillGradient;\n//       }\n\n//       if (this.stroke && this.toStroke) {\n//         const toStrokeColor = this.toStroke;\n//         this.strokeGradient.stops = [\n//           { offset: 0, color: toStrokeColor },\n//           { offset: ratio, color: toStrokeColor },\n//           { offset: Math.min(1, ratio * 2), color: 'white' }\n//         ];\n//         out.stroke = this.strokeGradient;\n//       }\n//     }\n//   }\n\n// }\n"]}

package/cjs/constants/action.d.ts

@@ -0,0 +1,4 @@
+export declare const ACTION_TYPE: {
+    APPEAR: string;
+    DISAPPEAR: string;
+};

package/cjs/constants/action.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ACTION_TYPE = void 0, exports.ACTION_TYPE = {
+    APPEAR: "appear",
+    DISAPPEAR: "disappear"
+};
+//# sourceMappingURL=action.js.map

package/cjs/constants/action.js.map

@@ -0,0 +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"]}

package/cjs/constants/character.d.ts

@@ -0,0 +1,19 @@
+export declare const enum StoryChartType {
+    VCHART = "VChart"
+}
+export declare enum StoryComponentType {
+    RECT = "Rect",
+    SHAPE = "Shape",
+    LINE = "Line",
+    ARC = "Arc",
+    PATH = "Path",
+    TEXT = "Text",
+    RICH_TEXT = "RichText",
+    QIPAO = "Qipao",
+    IMAGE = "Image",
+    TIMELINE = "Timeline"
+}
+export declare const enum StoryChartComponentType {
+    MARK_POINT = "markPoint",
+    TITLE = "title"
+}

package/cjs/constants/character.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var StoryChartType, StoryComponentType, StoryChartComponentType;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryChartComponentType = exports.StoryComponentType = exports.StoryChartType = void 0, 
+function(StoryChartType) {
+    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", 
+    StoryComponentType.RICH_TEXT = "RichText", StoryComponentType.QIPAO = "Qipao", StoryComponentType.IMAGE = "Image", 
+    StoryComponentType.TIMELINE = "Timeline";
+}(StoryComponentType = exports.StoryComponentType || (exports.StoryComponentType = {})), 
+function(StoryChartComponentType) {
+    StoryChartComponentType.MARK_POINT = "markPoint", StoryChartComponentType.TITLE = "title";
+}(StoryChartComponentType = exports.StoryChartComponentType || (exports.StoryChartComponentType = {}));
+//# sourceMappingURL=character.js.map

package/cjs/constants/character.js.map

@@ -0,0 +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"]}

package/cjs/constants/config.d.ts

@@ -0,0 +1,6 @@
+export declare enum Direction {
+    LEFT_TO_RIGHT = 0,
+    RIGHT_TO_LEFT = 1,
+    TOP_TO_BOTTOM = 2,
+    BOTTOM_TO_TOP = 3
+}

package/cjs/constants/config.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var Direction;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Direction = void 0, function(Direction) {
+    Direction[Direction.LEFT_TO_RIGHT = 0] = "LEFT_TO_RIGHT", Direction[Direction.RIGHT_TO_LEFT = 1] = "RIGHT_TO_LEFT", 
+    Direction[Direction.TOP_TO_BOTTOM = 2] = "TOP_TO_BOTTOM", Direction[Direction.BOTTOM_TO_TOP = 3] = "BOTTOM_TO_TOP";
+}(Direction = exports.Direction || (exports.Direction = {}));
+//# sourceMappingURL=config.js.map

package/cjs/constants/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants/config.ts"],"names":[],"mappings":";;;AAAA,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,2DAAiB,CAAA;IACjB,2DAAiB,CAAA;IACjB,2DAAiB,CAAA;IACjB,2DAAiB,CAAA;AACnB,CAAC,EALW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAKpB","file":"config.js","sourcesContent":["export enum Direction {\n  LEFT_TO_RIGHT = 0,\n  RIGHT_TO_LEFT = 1,\n  TOP_TO_BOTTOM = 2,\n  BOTTOM_TO_TOP = 3\n}\n"]}

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

@@ -1,27 +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 StoryGraphicType {
-    RECT = "RectComponent",
-    LINE = "LineComponent",
-    ARC = "ArcComponent",
-    PATH = "PathComponent",
-    TEXT = "TextComponent",
-    RICH_TEXT = "RichTextComponent",
-    QIPAO = "QipaoComponent",
-    IMAGE = "ImageComponent"
+export declare enum StoryComponentType {
+    RECT = "Rect",
+    SHAPE = "Shape",
+    LINE = "Line",
+    ARC = "Arc",
+    PATH = "Path",
+    TEXT = "Text",
+    RICH_TEXT = "RichText",
+    QIPAO = "Qipao",
+    IMAGE = "Image",
+    TIMELINE = "Timeline"
 }
 export declare const enum StoryChartComponentType {
     MARK_POINT = "markPoint",

package/cjs/dsl/constant/index.js

@@ -1,23 +1,18 @@
 "use strict";
 
-var StoryChartType, StoryGraphicType, StoryChartComponentType;
+var StoryChartType, StoryComponentType, StoryChartComponentType;
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.StoryChartComponentType = exports.StoryGraphicType = exports.StoryChartType = void 0, 
+}), exports.StoryChartComponentType = exports.StoryComponentType = 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 = {})), 
+    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", 
+    StoryComponentType.RICH_TEXT = "RichText", StoryComponentType.QIPAO = "Qipao", StoryComponentType.IMAGE = "Image", 
+    StoryComponentType.TIMELINE = "Timeline";
+}(StoryComponentType = exports.StoryComponentType || (exports.StoryComponentType = {})), 
 function(StoryChartComponentType) {
     StoryChartComponentType.MARK_POINT = "markPoint", StoryChartComponentType.TITLE = "title";
 }(StoryChartComponentType = exports.StoryChartComponentType || (exports.StoryChartComponentType = {}));

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

@@ -1 +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"]}
+{"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"]}

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

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

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

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

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

@@ -1,11 +1,9 @@
-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), this.storyChartType = "BarChart";
+        super(spec, option);
     }
     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;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"]}
+{"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"]}

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

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

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

@@ -1,9 +1,7 @@
-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(), this.storyChartType = "LineChart";
+        super();
     }
     lineStyle(data, payload) {
         const styleNode = (0, vutils_1.merge)({