@visactor/vstory 0.0.3 → 0.0.4-alpha.1

package/es/dsl/story-processor/processorMap/processorMap.js

@@ -1,23 +1,15 @@
-import { StoryGraphicType } from "../../constant";
+import { StoryComponentType } from "../../constant";
 
 import { addProcessor } from "../vchart/add";
 
-import { createMarkStyleProcessorByMarkType } from "../vchart/style/style";
-
 import { updateProcessor } from "../vchart/update";
 
 import { graphicAppearProcessor } from "../graphic/appear";
 
-import { barAppearProcessor, barDisappearProcessor, lineAppearProcessor, areaAppearProcessor, areaDisappearProcessor, pieAppearProcessor, pieDisappearProcessor } from "../vchart/charts";
-
 import { createMarkPointProcessor, markPointFlickerProcessor } from "../vchart/markPoint";
 
 import { createTitleProcessor } from "../vchart/title";
 
-import { lineStyleProcessor } from "../vchart/style/lineStyle";
-
-import { danceProcessor } from "../vchart/dance";
-
 import { flickerProcessor } from "../graphic/flicker";
 
 import { darkenProcessor } from "../graphic/darken";
@@ -32,22 +24,6 @@ import { graphicDisappearProcessor } from "../graphic/disappear";
 
 import { bounceProcessor } from "../vchart/bounce";
 
-import { roseProcessorMap } from "./rose";
-
-import { scatterProcessorMap } from "./scatter";
-
-import { rangeColumnProcessorMap } from "./rangeColumn";
-
-import { radarProcessorMap } from "./radar";
-
-import { wordCloudProcessorMap } from "./wordCloud";
-
-import { sunburstProcessorMap } from "./sunburst";
-
-import { treeMapProcessorMap } from "./treeMap";
-
-import { commonProcessorMap } from "./common";
-
 export const editProcessor = {
     add: addProcessor,
     addPatch: addProcessor,
@@ -63,39 +39,7 @@ export const componentProcessor = {
     createTitle: createTitleProcessor
 };
 
-export const processorChartMap = {
-    CharacterChart: commonProcessorMap,
-    BarChart: Object.assign(Object.assign(Object.assign({}, editProcessor), viewProcessor), {
-        createMarkPoint: createMarkPointProcessor,
-        createTitle: createTitleProcessor,
-        barStyle: createMarkStyleProcessorByMarkType("rect"),
-        appear: barAppearProcessor,
-        disappear: barDisappearProcessor,
-        dance: danceProcessor
-    }),
-    LineChart: Object.assign(Object.assign(Object.assign(Object.assign({}, editProcessor), viewProcessor), componentProcessor), {
-        lineStyle: lineStyleProcessor,
-        appear: lineAppearProcessor,
-        symbolStyle: createMarkStyleProcessorByMarkType("symbol")
-    }),
-    PieChart: Object.assign(Object.assign(Object.assign(Object.assign({}, editProcessor), viewProcessor), componentProcessor), {
-        arcStyle: createMarkStyleProcessorByMarkType("arc"),
-        appear: pieAppearProcessor,
-        disappear: pieDisappearProcessor
-    }),
-    AreaChart: Object.assign(Object.assign(Object.assign(Object.assign({}, editProcessor), viewProcessor), componentProcessor), {
-        appear: areaAppearProcessor,
-        disappear: areaDisappearProcessor,
-        arcStyle: createMarkStyleProcessorByMarkType("arc")
-    }),
-    RangeColumnChart: rangeColumnProcessorMap,
-    ScatterChart: scatterProcessorMap,
-    RoseChart: roseProcessorMap,
-    RadarChart: radarProcessorMap,
-    WordCloudChart: wordCloudProcessorMap,
-    TreeMapChart: treeMapProcessorMap,
-    SunburstChart: sunburstProcessorMap
-};
+export const processorChartMap = {};
 
 export const processorComponentMap = {
     markPoint: {
@@ -116,7 +60,7 @@ export const commonMarkProcessor = {
 
 export const processorMarkMap = {};
 
-Object.values(StoryGraphicType).forEach((type => {
+Object.values(StoryComponentType).forEach((type => {
     processorMarkMap[type] = commonMarkProcessor;
 }));
 

package/es/dsl/story-processor/processorMap/processorMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/story-processor/processorMap/processorMap.ts"],"names":[],"mappings":"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","file":"processorMap.js","sourcesContent":["import { StoryChartComponentType, StoryChartType, StoryGraphicType } from '../../constant';\n\nimport { addProcessor } from '../vchart/add';\nimport { createMarkStyleProcessorByMarkType } from '../vchart/style/style';\nimport { updateProcessor } from '../vchart/update';\nimport { graphicAppearProcessor } from '../graphic/appear';\nimport {\n  barAppearProcessor,\n  barDisappearProcessor,\n  lineAppearProcessor,\n  areaAppearProcessor,\n  areaDisappearProcessor,\n  pieAppearProcessor,\n  pieDisappearProcessor\n} from '../vchart/charts';\nimport { createMarkPointProcessor, markPointFlickerProcessor } from '../vchart/markPoint';\nimport { createTitleProcessor } from '../vchart/title';\nimport { lineStyleProcessor } from '../vchart/style/lineStyle';\nimport { danceProcessor } from '../vchart/dance';\nimport { flickerProcessor } from '../graphic/flicker';\nimport { darkenProcessor } from '../graphic/darken';\nimport { brightenProcessor } from '../graphic/brighten';\nimport { moveToProcessor } from '../graphic/moveTo';\nimport { styleProcessor } from '../graphic/style';\nimport { graphicDisappearProcessor } from '../graphic/disappear';\nimport { bounceProcessor } from '../vchart/bounce';\nimport { roseProcessorMap } from './rose';\nimport { scatterProcessorMap } from './scatter';\nimport { rangeColumnProcessorMap } from './rangeColumn';\nimport { radarProcessorMap } from './radar';\nimport { wordCloudProcessorMap } from './wordCloud';\nimport { sunburstProcessorMap } from './sunburst';\nimport { treeMapProcessorMap } from './treeMap';\nimport { commonProcessorMap } from './common';\nimport { characterProcessorMap } from '../vchart/charts/character';\n/**\n * 通用的编辑processor\n */\nexport const editProcessor = {\n  add: addProcessor,\n  addPatch: addProcessor,\n  update: updateProcessor\n};\n\n/**\n * 通用的查看processor\n */\nexport const viewProcessor = {\n  bounce: bounceProcessor\n};\n\n/**\n * 通用的组件行为processor\n */\n\nexport const componentProcessor = {\n  createMarkPoint: createMarkPointProcessor,\n  createTitle: createTitleProcessor\n};\n\n// 图表processor\nexport const processorChartMap = {\n  [StoryChartType.CHARACTER_CHART]: commonProcessorMap,\n  // [StoryChartType.CHARACTER_CHART]: characterProcessorMap,\n  [StoryChartType.BAR]: {\n    // 大多数都是通用的, 可以复用.\n    ...editProcessor,\n    ...viewProcessor,\n    // 通用的, 但实现不同的, 可以直接覆盖\n    createMarkPoint: createMarkPointProcessor,\n    createTitle: createTitleProcessor,\n    // 不通用的, 可直接覆盖, 重新定义\n    barStyle: createMarkStyleProcessorByMarkType('rect'),\n    appear: barAppearProcessor,\n    disappear: barDisappearProcessor,\n    dance: danceProcessor\n  },\n  [StoryChartType.LINE]: {\n    ...editProcessor,\n    ...viewProcessor,\n    ...componentProcessor,\n    lineStyle: lineStyleProcessor,\n    appear: lineAppearProcessor,\n    symbolStyle: createMarkStyleProcessorByMarkType('symbol')\n  },\n  [StoryChartType.PIE]: {\n    ...editProcessor,\n    ...viewProcessor,\n    ...componentProcessor,\n    arcStyle: createMarkStyleProcessorByMarkType('arc'),\n    appear: pieAppearProcessor,\n    disappear: pieDisappearProcessor\n  },\n  [StoryChartType.AREA]: {\n    ...editProcessor,\n    ...viewProcessor,\n    ...componentProcessor,\n    appear: areaAppearProcessor,\n    disappear: areaDisappearProcessor,\n    arcStyle: createMarkStyleProcessorByMarkType('arc')\n  },\n  [StoryChartType.RANGE_COLUMN]: rangeColumnProcessorMap,\n  [StoryChartType.SCATTER]: scatterProcessorMap,\n  [StoryChartType.ROSE]: roseProcessorMap,\n  [StoryChartType.RADAR]: radarProcessorMap,\n  [StoryChartType.WORD_CLOUD]: wordCloudProcessorMap,\n  [StoryChartType.TREE_MAP]: treeMapProcessorMap,\n  [StoryChartType.SUNBURST]: sunburstProcessorMap\n};\n\n// 组件processor\nexport const processorComponentMap = {\n  [StoryChartComponentType.MARK_POINT]: {\n    flicker: markPointFlickerProcessor\n  }\n};\n\n// 图元processor\nexport const commonMarkProcessor = {\n  appear: graphicAppearProcessor,\n  disappear: graphicDisappearProcessor,\n  flicker: flickerProcessor,\n  darken: darkenProcessor,\n  brighten: brightenProcessor,\n  moveTo: moveToProcessor,\n  style: styleProcessor,\n  bounce: bounceProcessor\n};\n\nexport const processorMarkMap = {};\nObject.values(StoryGraphicType).forEach(type => {\n  processorMarkMap[type] = commonMarkProcessor;\n});\n\n// TODO: 按需引用, 所有processor\nexport const processorMap = {\n  ...processorChartMap,\n  ...processorComponentMap,\n  ...processorMarkMap\n};\n"]}
+{"version":3,"sources":["../src/dsl/story-processor/processorMap/processorMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAE7F,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAU3D,OAAO,EAAE,wBAAwB,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAanD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,GAAG,EAAE,YAAY;IACjB,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,eAAe;CACxB,CAAC;AAKF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE,eAAe;CACxB,CAAC;AAMF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,eAAe,EAAE,wBAAwB;IACzC,WAAW,EAAE,oBAAoB;CAClC,CAAC;AAGF,MAAM,CAAC,MAAM,iBAAiB,GAAG,EA+ChC,CAAC;AAGF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,aAAoC,EAAE;QACpC,OAAO,EAAE,yBAAyB;KACnC;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,sBAAsB;IAC9B,SAAS,EAAE,yBAAyB;IACpC,OAAO,EAAE,gBAAgB;IACzB,MAAM,EAAE,eAAe;IACvB,QAAQ,EAAE,iBAAiB;IAC3B,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,cAAc;IACrB,MAAM,EAAE,eAAe;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAwB,EAAE,CAAC;AACxD,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;IAC/C,gBAAgB,CAAC,IAAI,CAAC,GAAG,mBAAmB,CAAC;AAC/C,CAAC,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,YAAY,iDACpB,iBAAiB,GACjB,qBAAqB,GACrB,gBAAgB,CACpB,CAAC","file":"processorMap.js","sourcesContent":["import { StoryChartComponentType, StoryChartType, StoryComponentType } from '../../constant';\n\nimport { addProcessor } from '../vchart/add';\nimport { createMarkStyleProcessorByMarkType } from '../vchart/style/style';\nimport { updateProcessor } from '../vchart/update';\nimport { graphicAppearProcessor } from '../graphic/appear';\nimport {\n  barAppearProcessor,\n  barDisappearProcessor,\n  lineAppearProcessor,\n  areaAppearProcessor,\n  areaDisappearProcessor,\n  pieAppearProcessor,\n  pieDisappearProcessor\n} from '../vchart/charts';\nimport { createMarkPointProcessor, markPointFlickerProcessor } from '../vchart/markPoint';\nimport { createTitleProcessor } from '../vchart/title';\nimport { lineStyleProcessor } from '../vchart/style/lineStyle';\nimport { danceProcessor } from '../vchart/dance';\nimport { flickerProcessor } from '../graphic/flicker';\nimport { darkenProcessor } from '../graphic/darken';\nimport { brightenProcessor } from '../graphic/brighten';\nimport { moveToProcessor } from '../graphic/moveTo';\nimport { styleProcessor } from '../graphic/style';\nimport { graphicDisappearProcessor } from '../graphic/disappear';\nimport { bounceProcessor } from '../vchart/bounce';\nimport { roseProcessorMap } from './rose';\nimport { scatterProcessorMap } from './scatter';\nimport { rangeColumnProcessorMap } from './rangeColumn';\nimport { radarProcessorMap } from './radar';\nimport { wordCloudProcessorMap } from './wordCloud';\nimport { sunburstProcessorMap } from './sunburst';\nimport { treeMapProcessorMap } from './treeMap';\nimport { commonProcessorMap } from './common';\nimport { characterProcessorMap } from '../vchart/charts/character';\n/**\n * 通用的编辑processor\n */\nexport const editProcessor = {\n  add: addProcessor,\n  addPatch: addProcessor,\n  update: updateProcessor\n};\n\n/**\n * 通用的查看processor\n */\nexport const viewProcessor = {\n  bounce: bounceProcessor\n};\n\n/**\n * 通用的组件行为processor\n */\n\nexport const componentProcessor = {\n  createMarkPoint: createMarkPointProcessor,\n  createTitle: createTitleProcessor\n};\n\n// 图表processor\nexport const processorChartMap = {\n  // [StoryChartType.CHARACTER_CHART]: commonProcessorMap,\n  // // [StoryChartType.CHARACTER_CHART]: characterProcessorMap,\n  // [StoryChartType.BAR]: {\n  //   // 大多数都是通用的, 可以复用.\n  //   ...editProcessor,\n  //   ...viewProcessor,\n  //   // 通用的, 但实现不同的, 可以直接覆盖\n  //   createMarkPoint: createMarkPointProcessor,\n  //   createTitle: createTitleProcessor,\n  //   // 不通用的, 可直接覆盖, 重新定义\n  //   barStyle: createMarkStyleProcessorByMarkType('rect'),\n  //   appear: barAppearProcessor,\n  //   disappear: barDisappearProcessor,\n  //   dance: danceProcessor\n  // },\n  // [StoryChartType.LINE]: {\n  //   ...editProcessor,\n  //   ...viewProcessor,\n  //   ...componentProcessor,\n  //   lineStyle: lineStyleProcessor,\n  //   appear: lineAppearProcessor,\n  //   symbolStyle: createMarkStyleProcessorByMarkType('symbol')\n  // },\n  // [StoryChartType.PIE]: {\n  //   ...editProcessor,\n  //   ...viewProcessor,\n  //   ...componentProcessor,\n  //   arcStyle: createMarkStyleProcessorByMarkType('arc'),\n  //   appear: pieAppearProcessor,\n  //   disappear: pieDisappearProcessor\n  // },\n  // [StoryChartType.AREA]: {\n  //   ...editProcessor,\n  //   ...viewProcessor,\n  //   ...componentProcessor,\n  //   appear: areaAppearProcessor,\n  //   disappear: areaDisappearProcessor,\n  //   arcStyle: createMarkStyleProcessorByMarkType('arc')\n  // },\n  // [StoryChartType.RANGE_COLUMN]: rangeColumnProcessorMap,\n  // [StoryChartType.SCATTER]: scatterProcessorMap,\n  // [StoryChartType.ROSE]: roseProcessorMap,\n  // [StoryChartType.RADAR]: radarProcessorMap,\n  // [StoryChartType.WORD_CLOUD]: wordCloudProcessorMap,\n  // [StoryChartType.TREE_MAP]: treeMapProcessorMap,\n  // [StoryChartType.SUNBURST]: sunburstProcessorMap\n};\n\n// 组件processor\nexport const processorComponentMap = {\n  [StoryChartComponentType.MARK_POINT]: {\n    flicker: markPointFlickerProcessor\n  }\n};\n\n// 图元processor\nexport const commonMarkProcessor = {\n  appear: graphicAppearProcessor,\n  disappear: graphicDisappearProcessor,\n  flicker: flickerProcessor,\n  darken: darkenProcessor,\n  brighten: brightenProcessor,\n  moveTo: moveToProcessor,\n  style: styleProcessor,\n  bounce: bounceProcessor\n};\n\nexport const processorMarkMap: Record<string, any> = {};\nObject.values(StoryComponentType).forEach(type => {\n  processorMarkMap[type] = commonMarkProcessor;\n});\n\n// TODO: 按需引用, 所有processor\nexport const processorMap = {\n  ...processorChartMap,\n  ...processorComponentMap,\n  ...processorMarkMap\n};\n"]}

package/es/dsl/story-processor/processorMap/rose.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/dsl/story-processor/processorMap/rose.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,kCAAkC,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE,YAAY;IACjB,QAAQ,EAAE,YAAY;IACtB,eAAe;IAEf,MAAM,EAAE,eAAe;IAEvB,eAAe,EAAE,wBAAwB;IACzC,WAAW,EAAE,oBAAoB;IAEjC,MAAM,EAAE,mBAAmB;IAC3B,SAAS,EAAE,sBAAsB;IACjC,QAAQ,EAAE,kCAAkC,CAAC,KAAK,CAAC;CACpD,CAAC","file":"rose.js","sourcesContent":["import { StoryChartComponentType, StoryChartType, StoryGraphicType } from '../../constant';\n\nimport { addProcessor } from '../vchart/add';\nimport { createMarkStyleProcessorByMarkType } from '../vchart/style/style';\nimport { updateProcessor } from '../vchart/update';\nimport { createMarkPointProcessor } from '../vchart/markPoint';\nimport { createTitleProcessor } from '../vchart/title';\n\nimport { bounceProcessor } from '../vchart/bounce';\nimport { roseAppearProcessor, roseDisappearProcessor } from '../vchart/charts/rose';\n\nexport const roseProcessorMap = {\n  add: addProcessor,\n  addPatch: addProcessor,\n  updateProcessor,\n\n  bounce: bounceProcessor,\n\n  createMarkPoint: createMarkPointProcessor,\n  createTitle: createTitleProcessor,\n\n  appear: roseAppearProcessor,\n  disappear: roseDisappearProcessor,\n  arcStyle: createMarkStyleProcessorByMarkType('arc')\n};\n"]}
+{"version":3,"sources":["../src/dsl/story-processor/processorMap/rose.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,kCAAkC,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE,YAAY;IACjB,QAAQ,EAAE,YAAY;IACtB,eAAe;IAEf,MAAM,EAAE,eAAe;IAEvB,eAAe,EAAE,wBAAwB;IACzC,WAAW,EAAE,oBAAoB;IAEjC,MAAM,EAAE,mBAAmB;IAC3B,SAAS,EAAE,sBAAsB;IACjC,QAAQ,EAAE,kCAAkC,CAAC,KAAK,CAAC;CACpD,CAAC","file":"rose.js","sourcesContent":["import { StoryChartComponentType, StoryChartType, StoryComponentType } from '../../constant';\n\nimport { addProcessor } from '../vchart/add';\nimport { createMarkStyleProcessorByMarkType } from '../vchart/style/style';\nimport { updateProcessor } from '../vchart/update';\nimport { createMarkPointProcessor } from '../vchart/markPoint';\nimport { createTitleProcessor } from '../vchart/title';\n\nimport { bounceProcessor } from '../vchart/bounce';\nimport { roseAppearProcessor, roseDisappearProcessor } from '../vchart/charts/rose';\n\nexport const roseProcessorMap = {\n  add: addProcessor,\n  addPatch: addProcessor,\n  updateProcessor,\n\n  bounce: bounceProcessor,\n\n  createMarkPoint: createMarkPointProcessor,\n  createTitle: createTitleProcessor,\n\n  appear: roseAppearProcessor,\n  disappear: roseDisappearProcessor,\n  arcStyle: createMarkStyleProcessorByMarkType('arc')\n};\n"]}

package/es/dsl/types/Datum.js

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

package/es/edit/edit-component/box-selection.js

@@ -15,4 +15,5 @@ export class BoxSelection extends BaseSelection {
             event: actionInfo.event
         })), !0) : "pointerdown" === actionInfo.type;
     }
-}
+}
+//# sourceMappingURL=box-selection.js.map

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

@@ -10,4 +10,4 @@ export class ImageSelection extends RectSelection {
         return new TransformControl(this, attributes);
     }
 }
-//# sourceMappingURL=image-selection.js.map
+//# sourceMappingURL=image-selection.js.map

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

@@ -17,4 +17,4 @@ export function loadAllSelection() {
     Edit.registerEditComponent("richtext", RichTextSelection), Edit.registerEditComponent("rect", RectSelection), 
     Edit.registerEditComponent("box-selection", BoxSelection), Edit.registerEditComponent("image-selection", ImageSelection);
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -28,4 +28,4 @@ export class RectSelection extends BaseSelection {
         !0);
     }
 }
-//# sourceMappingURL=rect-selection.js.map
+//# sourceMappingURL=rect-selection.js.map

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

@@ -32,4 +32,4 @@ export class RichTextSelection extends BaseSelection {
         });
     }
 }
-//# sourceMappingURL=richtext-selection.js.map
+//# sourceMappingURL=richtext-selection.js.map

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

@@ -21,4 +21,4 @@ export class TextSelection extends BaseSelection {
         });
     }
 }
-//# sourceMappingURL=text-selection.js.map
+//# sourceMappingURL=text-selection.js.map

package/es/index.d.ts

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

package/es/index.js

@@ -4,4 +4,6 @@ registerCharacter();
 
 export * from "./story";
 
-export * from "./edit";
+export * from "./edit";
+
+export * from "@visactor/vrender";

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,iBAAiB,EAAE,CAAC;AAEpB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["import { registerCharacter } from './story';\n\nregisterCharacter();\n\nexport * from './story';\nexport * from './edit';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,iBAAiB,EAAE,CAAC;AAEpB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC","file":"index.js","sourcesContent":["import { registerCharacter } from './story';\n\nregisterCharacter();\n\nexport * from './story';\nexport * from './edit';\nexport * from '@visactor/vrender';\n"]}

package/es/player/encode.d.ts

@@ -0,0 +1 @@
+

package/es/player/encode.js

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

package/es/player/encode.js.map

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

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

@@ -0,0 +1,9 @@
+import type { IActSpec } from '../../story/interface/dsl-interface';
+export interface IPlayer {
+    tickTo: (t: number) => void;
+    play: (loop?: boolean) => void;
+    encodeToVideo: (millsecond: number, fps: number) => Promise<string>;
+    pause: () => void;
+    release: () => void;
+    initActs: (acts: IActSpec[]) => void;
+}

package/es/player/interface/player.js

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

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

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

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

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

package/es/player/interface/scheduler.js

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

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

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

package/es/player/player.d.ts

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

package/es/player/player.js

@@ -0,0 +1,95 @@
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+};
+
+import { ActionProcessor } from "./processor/processor";
+
+import { processorMap } from "./processor/processorMap";
+
+import { Scheduler } from "./scheduler";
+
+export class Ticker {
+    constructor() {
+        this.rafIdx = 0, this._tick = lt => {
+            const ct = Date.now();
+            this.cb && this.cb(0 === lt ? 0 : ct - lt), this.rafIdx = requestAnimationFrame((() => this._tick(ct)));
+        };
+    }
+    start(cb) {
+        this.stop(), this.cb = cb, this._tick(0);
+    }
+    stop() {
+        this.rafIdx && cancelAnimationFrame(this.rafIdx), this.rafIdx = 0;
+    }
+}
+
+export class Player {
+    constructor(story, options) {
+        var _a, _b;
+        this._story = story, this._ticker = new Ticker, this._currTime = 0, this._story.canvas.getStage().defaultLayer.setAttributes({
+            scaleX: null !== (_a = null == options ? void 0 : options.scaleX) && void 0 !== _a ? _a : 1,
+            scaleY: null !== (_b = null == options ? void 0 : options.scaleY) && void 0 !== _b ? _b : 1
+        }), this._actionProcessor = new ActionProcessor(story, processorMap), this._scheduler = new Scheduler(this._actionProcessor);
+    }
+    initActs(acts) {
+        this._scheduler.initActs(acts);
+    }
+    reset() {
+        this._scheduler.clearState(), this._story.canvas.getStage().getTimeline().clear();
+    }
+    tickTo(t) {
+        const lastTime = this._currTime, totalTime = this._scheduler.getTotalTime();
+        for (0 === totalTime && (t = 0); t > totalTime; ) t -= totalTime;
+        lastTime > t && (lastTime < totalTime ? t = totalTime + .01 : (this.reset(), this._currTime = 0, 
+        this.tickTo(0)));
+        const actions = this._scheduler.getActionsInRange(lastTime, t), characterSet = new Set;
+        actions.forEach((action => {
+            const character = this._story.getCharactersById(action.characterId);
+            characterSet.add(character), this._actionProcessor.doAction(character.spec.type, action.actionSpec.action, character, action.actionSpec);
+        })), characterSet.forEach((character => {
+            character.show();
+        })), this._currTime = t, this._story.canvas.getStage().ticker.tickAt(t), this._story.canvas.getStage().render();
+    }
+    play(loop = !0) {
+        this._ticker.stop(), this._currTime = 0, this.reset(), this._ticker.start((t => {
+            const totalTime = this._scheduler.getTotalTime();
+            let nextT = this._currTime + t;
+            !loop && nextT > totalTime && (nextT = totalTime, this._ticker.stop()), this.tickTo(nextT);
+        }));
+    }
+    encodeToVideo(millsecond, fps) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return null;
+        }));
+    }
+    pause() {
+        this._ticker.stop();
+    }
+    resume() {
+        this._ticker._tick(this._currTime);
+    }
+    release() {}
+}
+//# sourceMappingURL=player.js.map

package/es/player/player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/player.ts"],"names":[],"mappings":"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","file":"player.js","sourcesContent":["import type { IActSpec, IStory } from '../story/interface';\nimport { IAction } from '../story/interface';\nimport type { ICharacter } from '../story/character';\nimport type { IPlayer } from './interface/player';\nimport type { IActionProcessor } from './processor/interface/action-processor';\nimport { ActionProcessor } from './processor/processor';\nimport { processorMap } from './processor/processorMap';\nimport type { IScheduler } from './interface/scheduler';\nimport { Scheduler } from './scheduler';\n\nexport class Ticker {\n  cb?: (delta: number) => void;\n  rafIdx = 0;\n  start(cb: (t: number) => void) {\n    this.stop();\n    this.cb = cb;\n    this._tick(0);\n  }\n\n  _tick = (lt: number) => {\n    const ct = Date.now();\n    this.cb && this.cb(lt === 0 ? 0 : ct - lt);\n    this.rafIdx = requestAnimationFrame(() => this._tick(ct));\n  };\n\n  stop() {\n    this.rafIdx && cancelAnimationFrame(this.rafIdx);\n    this.rafIdx = 0;\n  }\n}\n\nexport class Player implements IPlayer {\n  protected _story: IStory;\n  protected _ticker: Ticker;\n  protected _currTime: number;\n  // protected _encoder: Encoder;\n  protected _actionProcessor: IActionProcessor;\n  protected _scheduler: IScheduler;\n\n  constructor(story: IStory, options?: { scaleX?: number; scaleY?: number }) {\n    this._story = story;\n    this._ticker = new Ticker();\n    this._currTime = 0;\n    this._story.canvas.getStage().defaultLayer.setAttributes({\n      scaleX: options?.scaleX ?? 1,\n      scaleY: options?.scaleY ?? 1\n    });\n    // this._encoder = new Encoder();\n    this._actionProcessor = new ActionProcessor(story, processorMap);\n    this._scheduler = new Scheduler(this._actionProcessor);\n  }\n\n  initActs(acts: IActSpec[]) {\n    this._scheduler.initActs(acts);\n  }\n\n  // 清除当前状态，一般用于回放操作\n  reset() {\n    this._scheduler.clearState();\n    this._story.canvas.getStage().getTimeline().clear();\n    return;\n  }\n\n  tickTo(t: number) {\n    // console.log(t);\n    const lastTime = this._currTime;\n    const totalTime = this._scheduler.getTotalTime();\n    if (totalTime === 0) {\n      t = 0;\n    }\n    while (t > totalTime) {\n      t -= totalTime;\n    }\n    if (lastTime > t) {\n      // 先结束这一块内容，设置到totalTime，让动画结束\n      if (lastTime < totalTime) {\n        t = totalTime + 0.01;\n      } else {\n        this.reset();\n        this._currTime = 0;\n        this.tickTo(0);\n      }\n    }\n\n    const actions = this._scheduler.getActionsInRange(lastTime, t);\n    const characterSet = new Set<ICharacter>();\n    actions.forEach(action => {\n      const character = this._story.getCharactersById(action.characterId);\n      characterSet.add(character);\n      this._actionProcessor.doAction(character.spec.type, action.actionSpec.action, character, action.actionSpec);\n    });\n\n    // 将character show出来\n    // TODO 后续放在appear处理，因为现在创建之后就会展示，所以只能先visible为false\n    characterSet.forEach(character => {\n      character.show();\n    });\n\n    this._currTime = t;\n    this._story.canvas.getStage().ticker.tickAt(t);\n    this._story.canvas.getStage().render();\n  }\n\n  play(loop: boolean = true): void {\n    this._ticker.stop();\n    this._currTime = 0;\n    this.reset();\n    this._ticker.start(t => {\n      const totalTime = this._scheduler.getTotalTime();\n      let nextT = this._currTime + t;\n      if (!loop && nextT > totalTime) {\n        nextT = totalTime;\n        this._ticker.stop();\n      }\n      this.tickTo(nextT);\n    });\n  }\n\n  async encodeToVideo(millsecond: number, fps: number): Promise<any> {\n    // // if (!this._currChapter) {\n    // //   return;\n    // // }\n    // const frameNum = (millsecond / 1000) * fps;\n    // const deltaT = 1000 / fps;\n    // this.tickTo(0);\n    // const objUrl = await this._encoder.exportVideo(frameNum, fps, async i => {\n    //   const t = deltaT * i;\n    //   this.tickTo(t);\n    //   return new Promise((resolve, reject) => {\n    //     this._canvas\n    //       .getStage()\n    //       .window.getContext()\n    //       .canvas.nativeCanvas.toBlob((blob: any) => {\n    //         if (blob) {\n    //           resolve(blob);\n    //         } else {\n    //           // console.log('no blob');\n    //           reject('no blob');\n    //         }\n    //       }, `image/png`);\n    //   });\n    // });\n\n    // return objUrl;\n    return null;\n  }\n\n  pause(): void {\n    this._ticker.stop();\n  }\n\n  resume(): void {\n    this._ticker._tick(this._currTime);\n  }\n\n  release(): void {\n    return;\n  }\n}\n"]}

package/es/player/processor/chart/component/axisAppear.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/component/axisAppear.ts"],"names":[],"mappings":"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","file":"axisAppear.js","sourcesContent":["import type { IChartAppearAction } from '../../interface/appear-action';\nimport { commonFade, commonGrow } from './commonAppear';\nimport type { IGroup, ILine, IText } from '@visactor/vrender-core';\n\n// TODO: 区分直角坐标系和极坐标系\nexport const runAxisAppear = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      // return commonGrow(instance, animation, option);\n      return axisGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return commonFade(instance, animation, option);\n    }\n    default: {\n      return commonFade(instance, animation, option);\n    }\n  }\n};\n\nfunction axisGrow(\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  const isGrid = instance.name?.includes('grid');\n  if (isGrid) {\n    gridGrow(instance, animation, option);\n  } else {\n    mainAxisGrow(instance, animation, option);\n  }\n}\n\nfunction mainAxisGrow(\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  const { duration, easing } = animation;\n  const { disappear, direction = 'positive', orient } = option;\n  const axisLine = instance.getElementsByName('axis-line')[0] as unknown as IGroup;\n  const axisTicks = instance.getElementsByName('axis-tick-container')[0] as unknown as IGroup;\n  const axisLabel = instance.getElementsByName('axis-label-container')[0] as unknown as IGroup;\n\n  if (axisLine && axisLine.childrenCount > 0) {\n    const shouldReverse =\n      orient === 'height'\n        ? direction === 'positive' || disappear //\n        : false;\n\n    const line = axisLine.getElementsByType('line')[0] as unknown as ILine;\n    if (line) {\n      if (shouldReverse) {\n        line.setAttributes({ points: line.attribute.points.reverse() });\n      }\n      const attributeMap = disappear\n        ? { from: { clipRange: 1 }, to: { clipRange: 0 } }\n        : { from: { clipRange: 0 }, to: { clipRange: 1 } };\n\n      line.setAttributes(attributeMap.from);\n      line\n        .animate()\n        .to(attributeMap.to, duration, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            line.setAttributes({ points: line.attribute.points.reverse() });\n          }\n        });\n    }\n  }\n\n  const opacityMap = disappear\n    ? { from: { opacity: 1 }, to: { opacity: 0 } }\n    : { from: { opacity: 0 }, to: { opacity: 1 } };\n\n  if (axisTicks && axisTicks.childrenCount > 0) {\n    const shouldReverse = disappear;\n    const ticks = axisTicks.getElementsByType('line');\n    if (shouldReverse) {\n      ticks.reverse();\n    }\n    ticks.forEach((tick: IText, i: number) => {\n      tick.setAttributes(opacityMap.from);\n      tick\n        .animate()\n        .wait((duration / ticks.length) * i)\n        .to(opacityMap.to, duration / ticks.length, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            ticks.reverse();\n          }\n        });\n    });\n  }\n\n  if (axisLabel && axisLabel.childrenCount > 0) {\n    const shouldReverse = disappear;\n    const text = axisLabel.getElementsByType('text');\n    if (shouldReverse) {\n      text.reverse();\n    }\n    text.forEach((t: IText, i: number) => {\n      t.setAttributes(opacityMap.from);\n      t.animate()\n        .wait((duration / text.length) * i)\n        .to(opacityMap.to, duration / text.length, easing)\n        .onEnd(() => {\n          if (shouldReverse) {\n            text.reverse();\n          }\n        });\n    });\n  }\n}\n\nfunction gridGrow(\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height'; direction?: 'negative' | 'positive' }\n) {\n  if (instance) {\n    commonGrow(instance, animation, option);\n  }\n}\n"]}

package/es/player/processor/chart/component/commonAppear.d.ts

@@ -0,0 +1,9 @@
+import type { IGroup } from '@visactor/vrender-core';
+import type { IChartAppearAction } from '../../interface/appear-action';
+export declare const commonGrow: (instance: IGroup, animation: IChartAppearAction['payload']['animation'], option: {
+    disappear: boolean;
+    orient?: 'width' | 'height';
+}) => void;
+export declare const commonFade: (instance: IGroup, animation: IChartAppearAction['payload']['animation'], option: {
+    disappear: boolean;
+}) => void;

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

@@ -0,0 +1,50 @@
+export const commonGrow = (instance, animation, option) => {
+    const {duration: duration, easing: easing} = animation, {disappear: disappear, orient: orient = "width"} = option, width = (instance = instance.getChildAt(0)).AABBBounds.width(), height = instance.AABBBounds.height();
+    if ("width" === orient) {
+        const opacityMap = disappear ? {
+            from: width,
+            to: 0
+        } : {
+            from: 0,
+            to: width
+        };
+        instance.setAttributes({
+            width: opacityMap.from,
+            height: height,
+            clip: !0
+        }), instance.animate().to({
+            width: opacityMap.to
+        }, duration, easing);
+    } else {
+        const opacityMap = disappear ? {
+            from: height,
+            to: 0
+        } : {
+            from: 0,
+            to: height
+        };
+        instance.setAttributes({
+            width: 2 * width,
+            height: opacityMap.from,
+            clip: !0
+        }), instance.animate().to({
+            height: opacityMap.to
+        }, duration, easing);
+    }
+};
+
+export const commonFade = (instance, animation, option) => {
+    const {duration: duration, easing: easing} = animation, {disappear: disappear} = option, opacityMap = disappear ? {
+        from: 1,
+        to: 0
+    } : {
+        from: 0,
+        to: 1
+    };
+    instance.setAttributes({
+        baseOpacity: opacityMap.from
+    }), instance.animate().to({
+        baseOpacity: opacityMap.to
+    }, duration, easing);
+};
+//# sourceMappingURL=commonAppear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/chart/component/commonAppear.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAqD,EACrD,MAA2D,EAC3D,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC;IAE/C,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAW,CAAC;IAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;IAC5C,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;QAC/E,QAAQ,CAAC,aAAa,CAAC;YACrB,KAAK,EAAE,UAAU,CAAC,IAAI;YACtB,MAAM;YACN,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACnE;SAAM;QACL,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;QAEjF,QAAQ,CAAC,aAAa,CAAC;YACrB,KAAK,EAAE,KAAK,GAAG,CAAC;YAChB,MAAM,EAAE,UAAU,CAAC,IAAI;YACvB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;KACpE;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,QAAgB,EAChB,SAAqD,EACrD,MAA8B,EAC9B,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;IAEvE,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;IACzD,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC1E,CAAC,CAAC","file":"commonAppear.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport type { IChartAppearAction } from '../../interface/appear-action';\n\nexport const commonGrow = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean; orient?: 'width' | 'height' }\n) => {\n  const { duration, easing } = animation;\n  const { disappear, orient = 'width' } = option;\n\n  instance = instance.getChildAt(0) as IGroup;\n  const width = instance.AABBBounds.width();\n  const height = instance.AABBBounds.height();\n  if (orient === 'width') {\n    const opacityMap = disappear ? { from: width, to: 0 } : { from: 0, to: width };\n    instance.setAttributes({\n      width: opacityMap.from,\n      height,\n      clip: true\n    });\n    instance.animate().to({ width: opacityMap.to }, duration, easing);\n  } else {\n    const opacityMap = disappear ? { from: height, to: 0 } : { from: 0, to: height };\n    // TODO: 轴 bounds 不准确\n    instance.setAttributes({\n      width: width * 2,\n      height: opacityMap.from,\n      clip: true\n    });\n    instance.animate().to({ height: opacityMap.to }, duration, easing);\n  }\n};\n\nexport const commonFade = (\n  instance: IGroup,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { disappear: boolean }\n) => {\n  const { duration, easing } = animation;\n  const { disappear } = option;\n  const opacityMap = disappear ? { from: 1, to: 0 } : { from: 0, to: 1 };\n\n  instance.setAttributes({ baseOpacity: opacityMap.from });\n  instance.animate().to({ baseOpacity: opacityMap.to }, duration, easing);\n};\n"]}

package/es/player/processor/chart/component/labelAppear.d.ts

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