@visactor/vstory 0.0.1-alpha.0

package/es/dsl/story-processor/vchart/components/title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/components/title/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC","file":"index.js","sourcesContent":["export { titleDisappearProcessor } from './disappear';\n"]}

package/es/dsl/story-processor/vchart/dance.d.ts

@@ -0,0 +1,3 @@
+import type { IChartSpec } from '@visactor/vchart';
+import type VChart from '@visactor/vchart';
+export declare const danceProcessor: (chartInstance: VChart, spec: IChartSpec, addAction: any) => void;

package/es/dsl/story-processor/vchart/dance.js

@@ -0,0 +1,43 @@
+import { getAllSeriesMarksWithoutRoot } from "../../../util/vchart-api";
+
+import { isDatumEqual } from "../../utils/datum";
+
+import { isNil } from "@visactor/vutils";
+
+export const danceProcessor = (chartInstance, spec, addAction) => {
+    if (!chartInstance) return;
+    const marks = getAllSeriesMarksWithoutRoot(chartInstance).filter((mark => "rect" === mark.type));
+    marks.length && marks.forEach((mark => {
+        const product = mark.getProduct(), {elements: elements} = product, element = elements.find((e => isDatumEqual(e.data, addAction.data)));
+        if (isNil(element)) return;
+        const queue = [ {
+            dy: -50,
+            scaleY: .5,
+            fill: "red"
+        }, {
+            dy: 0,
+            scaleY: .5,
+            fill: "red"
+        }, {
+            dy: -30,
+            scaleY: .7,
+            fill: "red"
+        }, {
+            dy: 0,
+            scaleY: .7,
+            fill: "red"
+        }, {
+            dy: -18,
+            scaleY: .9,
+            fill: "red"
+        }, {
+            dy: 0,
+            scaleY: 1,
+            fill: "red"
+        } ];
+        queue.forEach((v => {
+            element.getGraphicItem().animate().to(v, 500 / queue.length, "elasticIn");
+        }));
+    }));
+};
+//# sourceMappingURL=dance.js.map

package/es/dsl/story-processor/vchart/dance.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/dance.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,aAAqB,EAAE,IAAgB,EAAE,SAAc,EAAE,EAAE;IACxF,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO;KACR;IAED,MAAM,KAAK,GAAG,4BAA4B,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IAE/F,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;QACjB,OAAO;KACR;IAED,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;QAE7B,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QACzE,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;YAClB,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,GAAG,CAAC;QACrB,MAAM,KAAK,GAAG;YACZ,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE;YACrC,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE;YACnC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE;YACrC,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE;YACnC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE;YACrC,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;SAClC,CAAC;QAEF,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAChB,OAAO;iBACJ,cAAc,EAAE;iBAChB,OAAO,EAAE;iBACT,EAAE,CAAC,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","file":"dance.js","sourcesContent":["import type { IChartSpec } from '@visactor/vchart';\nimport type VChart from '@visactor/vchart';\nimport { getAllSeriesMarksWithoutRoot } from '../../../util/vchart-api';\nimport { isDatumEqual } from '../../utils/datum';\nimport { isNil } from '@visactor/vutils';\n\nexport const danceProcessor = (chartInstance: VChart, spec: IChartSpec, addAction: any) => {\n  if (!chartInstance) {\n    return;\n  }\n\n  const marks = getAllSeriesMarksWithoutRoot(chartInstance).filter(mark => mark.type === 'rect');\n\n  if (!marks.length) {\n    return;\n  }\n\n  marks.forEach(mark => {\n    const product = mark.getProduct();\n    const { elements } = product;\n\n    const element = elements.find(e => isDatumEqual(e.data, addAction.data));\n    if (isNil(element)) {\n      return;\n    }\n\n    const duration = 500;\n    const queue = [\n      { dy: -50, scaleY: 0.5, fill: 'red' },\n      { dy: 0, scaleY: 0.5, fill: 'red' },\n      { dy: -30, scaleY: 0.7, fill: 'red' },\n      { dy: 0, scaleY: 0.7, fill: 'red' },\n      { dy: -18, scaleY: 0.9, fill: 'red' },\n      { dy: 0, scaleY: 1, fill: 'red' }\n    ];\n\n    queue.forEach(v => {\n      element\n        .getGraphicItem()\n        .animate()\n        .to(v, duration / queue.length, 'elasticIn');\n    });\n  });\n};\n\n// 改mark的属性的方案有种\n// mark.encode样式;\n// Graphic.attrs;\n// 限制: 一定不能调用updateSpec;\n// 但可以调用updateData;\n\n// // 做动画 有2种\n// mark.animate.run(); //一组elements\n// 限制: 一定不能调用updateSpec;\n// 但可以调用updateData;\n\n// //\n// Graphic.animate(); // 单个element\n// 限制: 一定不能调用updateSpec;\n// 不能调用updateData;\n"]}

package/es/dsl/story-processor/vchart/markPoint.d.ts

@@ -0,0 +1,5 @@
+import type { VChart, IChartSpec } from '@visactor/vchart';
+import type { IActionContext, IFlickerAction } from '../../types';
+import type { CreateMarkPointAction } from '../../types/chart/createComponent';
+export declare const createMarkPointProcessor: (chartInstance: VChart, spec: IChartSpec, createMarkPointAction: CreateMarkPointAction) => Promise<void>;
+export declare const markPointFlickerProcessor: (chartInstance: VChart, spec: any, markPointAction: IFlickerAction & IActionContext) => Promise<void>;

package/es/dsl/story-processor/vchart/markPoint.js

@@ -0,0 +1,49 @@
+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 { getComponentById } from "../../../util/vchart-api";
+
+import { flickerEffect } from "../../utils/flicker";
+
+export const createMarkPointProcessor = (chartInstance, spec, createMarkPointAction) => __awaiter(void 0, void 0, void 0, (function*() {
+    var _a;
+    const action = createMarkPointAction, markPoint = null !== (_a = spec.markPoint) && void 0 !== _a ? _a : [];
+    markPoint.push({
+        id: action.elementId,
+        coordinate: action.data,
+        itemContent: action.payload.itemContent,
+        itemLine: action.payload.itemLine
+    }), spec.markPoint = markPoint, chartInstance.updateSpecSync(spec);
+}));
+
+export const markPointFlickerProcessor = (chartInstance, spec, markPointAction) => __awaiter(void 0, void 0, void 0, (function*() {
+    const {elementId: elementId} = markPointAction, vchartMarkPoint = getComponentById(chartInstance, elementId);
+    if (vchartMarkPoint && vchartMarkPoint._markerComponent) {
+        const marker = vchartMarkPoint._markerComponent._item;
+        marker && flickerEffect(marker);
+    }
+}));
+//# sourceMappingURL=markPoint.js.map

package/es/dsl/story-processor/vchart/markPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/markPoint.ts"],"names":[],"mappings":";;;;;;;;;AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,aAAqB,EACrB,IAAgB,EAChB,qBAA4C,EAC5C,EAAE;;IACF,MAAM,MAAM,GAAG,qBAAqB,CAAC;IACrC,MAAM,SAAS,GAAqB,MAAC,IAAY,CAAC,SAAS,mCAAI,EAAE,CAAC;IAClE,SAAS,CAAC,IAAI,CAAC;QACb,EAAE,EAAE,MAAM,CAAC,SAAS;QACpB,UAAU,EAAE,MAAM,CAAC,IAAI;QACvB,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW;QACvC,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ;KAC3B,CAAC,CAAC;IACT,IAAY,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACrC,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,aAAqB,EACrB,IAAS,EACT,eAAgD,EAChD,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;IACtC,MAAM,eAAe,GAAG,gBAAgB,CAAC,aAAa,EAAE,SAAS,CAAQ,CAAC;IAC1E,IAAI,eAAe,IAAI,eAAe,CAAC,gBAAgB,EAAE;QACvD,MAAM,MAAM,GAAG,eAAe,CAAC,gBAAgB,CAAC,KAAK,CAAC;QACtD,IAAI,MAAM,EAAE;YACV,aAAa,CAAC,MAAM,CAAC,CAAC;SACvB;KACF;AACH,CAAC,CAAA,CAAC","file":"markPoint.js","sourcesContent":["import type { VChart, IChartSpec, IMarkPointSpec } from '@visactor/vchart';\nimport type { IActionContext, IFlickerAction } from '../../types';\nimport type { CreateMarkPointAction } from '../../types/chart/createComponent';\nimport { getComponentById } from '../../../util/vchart-api';\nimport { flickerEffect } from '../../utils/flicker';\n\nexport const createMarkPointProcessor = async (\n  chartInstance: VChart,\n  spec: IChartSpec,\n  createMarkPointAction: CreateMarkPointAction\n) => {\n  const action = createMarkPointAction;\n  const markPoint: IMarkPointSpec[] = (spec as any).markPoint ?? [];\n  markPoint.push({\n    id: action.elementId,\n    coordinate: action.data,\n    itemContent: action.payload.itemContent,\n    itemLine: action.payload.itemLine\n  } as any);\n  (spec as any).markPoint = markPoint;\n  chartInstance.updateSpecSync(spec);\n};\n\nexport const markPointFlickerProcessor = async (\n  chartInstance: VChart,\n  spec: any,\n  markPointAction: IFlickerAction & IActionContext\n) => {\n  const { elementId } = markPointAction;\n  const vchartMarkPoint = getComponentById(chartInstance, elementId) as any;\n  if (vchartMarkPoint && vchartMarkPoint._markerComponent) {\n    const marker = vchartMarkPoint._markerComponent._item;\n    if (marker) {\n      flickerEffect(marker);\n    }\n  }\n};\n"]}

package/es/dsl/story-processor/vchart/marks/arc/appear.d.ts

@@ -0,0 +1,4 @@
+import { ISpec } from '@visactor/vchart';
+import { IChartAppearAction } from '../../../../types/chart/appear';
+import { ICharacterVisactor } from '../../../../../story/character/visactor/interface';
+export declare const arcAppearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;

package/es/dsl/story-processor/vchart/marks/arc/appear.js

@@ -0,0 +1,58 @@
+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 { merge } from "@visactor/vutils";
+
+import { transformArcAppear } from "./transformArcAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const arcAppearProcessor = (chartInstance, spec, action) => __awaiter(void 0, void 0, void 0, (function*() {
+    const chart = chartInstance.getGraphicParent(), vchart = null == chart ? void 0 : chart._vchart, instance = vchart || chartInstance;
+    if (!instance) return;
+    const {payload: payload} = action, mergePayload = merge({}, defaultPayload, payload);
+    getAllSeries(instance).forEach(((series, seriesIndex) => {
+        const symbolMarks = getSeriesMarksByMarkType(series, "arc");
+        symbolMarks.length && symbolMarks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformArcAppear(instance, mergePayload.animation, {
+                disappear: !1,
+                index: seriesIndex + markIndex
+            });
+            product && product.animate.run(config);
+        }));
+    }));
+}));
+
+const defaultPayload = {
+    animation: {
+        effect: "grow",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
+};
+//# sourceMappingURL=appear.js.map

package/es/dsl/story-processor/vchart/marks/arc/appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/arc/appear.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,aAAiC,EACjC,IAAW,EACX,MAA0B,EAC1B,EAAE;IACF,MAAM,KAAK,GAAG,aAAa,CAAC,gBAAgB,EAAE,CAAC;IAC/C,MAAM,MAAM,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;IAC9B,MAAM,QAAQ,GAAW,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IAEzD,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAkC,CAAC;IAEzF,YAAY,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;QACrD,MAAM,WAAW,GAAG,wBAAwB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAE5D,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;YACvB,OAAO;SACR;QAED,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YACtC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,MAAM,MAAM,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,EAAE;gBAClE,SAAS,EAAE,KAAK;gBAChB,KAAK,EAAE,WAAW,GAAG,SAAS;aAC/B,CAAC,CAAC;YAEH,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAEF,MAAM,cAAc,GAAkC;IACpD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,KAAK;KACZ;CACF,CAAC","file":"appear.js","sourcesContent":["import VChart, { ISpec } from '@visactor/vchart';\nimport { merge } from '@visactor/vutils';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\nimport { transformArcAppear } from './transformArcAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const arcAppearProcessor = async (\n  chartInstance: ICharacterVisactor,\n  spec: ISpec,\n  action: IChartAppearAction\n) => {\n  const chart = chartInstance.getGraphicParent();\n  const vchart = chart?._vchart;\n  const instance: VChart = vchart ? vchart : chartInstance;\n\n  if (!instance) {\n    return;\n  }\n\n  const { payload } = action;\n  const mergePayload = merge({}, defaultPayload, payload) as IChartAppearAction['payload'];\n\n  getAllSeries(instance).forEach((series, seriesIndex) => {\n    const symbolMarks = getSeriesMarksByMarkType(series, 'arc');\n\n    if (!symbolMarks.length) {\n      return;\n    }\n\n    symbolMarks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformArcAppear(instance, mergePayload.animation, {\n        disappear: false,\n        index: seriesIndex + markIndex\n      });\n      // @ts-ignore\n      product && product.animate.run(config);\n    });\n  });\n};\n\nconst defaultPayload: IChartAppearAction['payload'] = {\n  animation: {\n    effect: 'grow',\n    duration: 2000,\n    easing: 'cubicOut',\n    oneByOne: false,\n    loop: false\n  }\n};\n"]}

package/es/dsl/story-processor/vchart/marks/arc/disappear.d.ts

@@ -0,0 +1,4 @@
+import { ISpec } from '@visactor/vchart';
+import { IChartAppearAction } from '../../../../types/chart/appear';
+import { ICharacterVisactor } from '../../../../../story/character/visactor/interface';
+export declare const arcDisappearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;

package/es/dsl/story-processor/vchart/marks/arc/disappear.js

@@ -0,0 +1,58 @@
+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 { merge } from "@visactor/vutils";
+
+import { transformArcAppear } from "./transformArcAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const arcDisappearProcessor = (chartInstance, spec, action) => __awaiter(void 0, void 0, void 0, (function*() {
+    const chart = chartInstance.getGraphicParent(), vchart = null == chart ? void 0 : chart._vchart, instance = vchart || chartInstance;
+    if (!instance) return;
+    const {payload: payload} = action, mergePayload = merge({}, defaultPayload, payload);
+    getAllSeries(instance).forEach(((series, seriesIndex) => {
+        const symbolMarks = getSeriesMarksByMarkType(series, "arc");
+        symbolMarks.length && symbolMarks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformArcAppear(instance, mergePayload.animation, {
+                disappear: !0,
+                index: seriesIndex + markIndex
+            });
+            product && product.animate.run(config);
+        }));
+    }));
+}));
+
+const defaultPayload = {
+    animation: {
+        effect: "grow",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
+};
+//# sourceMappingURL=disappear.js.map

package/es/dsl/story-processor/vchart/marks/arc/disappear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/arc/disappear.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,aAAiC,EACjC,IAAW,EACX,MAA0B,EAC1B,EAAE;IACF,MAAM,KAAK,GAAG,aAAa,CAAC,gBAAgB,EAAE,CAAC;IAC/C,MAAM,MAAM,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;IAC9B,MAAM,QAAQ,GAAW,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IAEzD,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAkC,CAAC;IAEzF,YAAY,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;QACrD,MAAM,WAAW,GAAG,wBAAwB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAE5D,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;YACvB,OAAO;SACR;QAED,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YACtC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,MAAM,MAAM,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,EAAE;gBAClE,SAAS,EAAE,IAAI;gBACf,KAAK,EAAE,WAAW,GAAG,SAAS;aAC/B,CAAC,CAAC;YAEH,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAEF,MAAM,cAAc,GAAkC;IACpD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,KAAK;KACZ;CACF,CAAC","file":"disappear.js","sourcesContent":["import VChart, { ISpec } from '@visactor/vchart';\nimport { merge } from '@visactor/vutils';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\nimport { transformArcAppear } from './transformArcAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const arcDisappearProcessor = async (\n  chartInstance: ICharacterVisactor,\n  spec: ISpec,\n  action: IChartAppearAction\n) => {\n  const chart = chartInstance.getGraphicParent();\n  const vchart = chart?._vchart;\n  const instance: VChart = vchart ? vchart : chartInstance;\n\n  if (!instance) {\n    return;\n  }\n\n  const { payload } = action;\n  const mergePayload = merge({}, defaultPayload, payload) as IChartAppearAction['payload'];\n\n  getAllSeries(instance).forEach((series, seriesIndex) => {\n    const symbolMarks = getSeriesMarksByMarkType(series, 'arc');\n\n    if (!symbolMarks.length) {\n      return;\n    }\n\n    symbolMarks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformArcAppear(instance, mergePayload.animation, {\n        disappear: true,\n        index: seriesIndex + markIndex\n      });\n      // @ts-ignore\n      product && product.animate.run(config);\n    });\n  });\n};\n\nconst defaultPayload: IChartAppearAction['payload'] = {\n  animation: {\n    effect: 'grow',\n    duration: 2000,\n    easing: 'cubicOut',\n    oneByOne: false,\n    loop: false\n  }\n};\n"]}

package/es/dsl/story-processor/vchart/marks/arc/index.d.ts

@@ -0,0 +1,2 @@
+export { arcAppearProcessor } from './appear';
+export { arcDisappearProcessor } from './disappear';

package/es/dsl/story-processor/vchart/marks/arc/index.js

@@ -0,0 +1,4 @@
+export { arcAppearProcessor } from "./appear";
+
+export { arcDisappearProcessor } from "./disappear";
+//# sourceMappingURL=index.js.map

package/es/dsl/story-processor/vchart/marks/arc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/arc/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC","file":"index.js","sourcesContent":["export { arcAppearProcessor } from './appear';\nexport { arcDisappearProcessor } from './disappear';\n"]}

package/es/dsl/story-processor/vchart/marks/arc/transformArcAppear.d.ts

@@ -0,0 +1,14 @@
+import VChart from '@visactor/vchart';
+import { IChartAppearAction } from '../../../../types/chart/appear';
+interface ArcAppearOption {
+    disappear: boolean;
+    index: number;
+}
+export declare const transformArcAppear: (instance: VChart, animation: IChartAppearAction['payload']['animation'], option: ArcAppearOption) => {
+    type: string;
+    duration: number;
+    loop: number | boolean;
+    oneByOne: boolean;
+    easing: import("@visactor/vrender").EasingType;
+};
+export {};

package/es/dsl/story-processor/vchart/marks/arc/transformArcAppear.js

@@ -0,0 +1,43 @@
+export const transformArcAppear = (instance, animation, option) => {
+    switch (animation.effect) {
+      case "grow":
+      case "growRadius":
+        return arcGrowRadius(instance, animation, option);
+
+      case "growAngle":
+        return arcGrowAngle(instance, animation, option);
+
+      default:
+        return arcFade(instance, animation, option);
+    }
+};
+
+const arcGrowRadius = (instance, animation, option) => {
+    const {duration: duration, loop: loop, oneByOne: oneByOne, easing: easing} = animation, {disappear: disappear} = option;
+    return {
+        type: disappear ? "growRadiusOut" : "growRadiusIn",
+        duration: duration,
+        loop: loop,
+        oneByOne: oneByOne,
+        easing: easing
+    };
+}, arcGrowAngle = (instance, animation, option) => {
+    const {duration: duration, loop: loop, oneByOne: oneByOne, easing: easing} = animation, {disappear: disappear} = option;
+    return {
+        type: disappear ? "growAngleOut" : "growAngleIn",
+        duration: duration,
+        loop: loop,
+        oneByOne: oneByOne,
+        easing: easing
+    };
+}, arcFade = (instance, animation, option) => {
+    const {duration: duration, loop: loop, oneByOne: oneByOne, easing: easing} = animation, {disappear: disappear} = option;
+    return {
+        type: disappear ? "fadeOut" : "fadeIn",
+        duration: duration,
+        loop: loop,
+        oneByOne: oneByOne,
+        easing: easing
+    };
+};
+//# sourceMappingURL=transformArcAppear.js.map

package/es/dsl/story-processor/vchart/marks/arc/transformArcAppear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/arc/transformArcAppear.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAAgB,EAChB,SAAqD,EACrD,MAAuB,EACvB,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SACnD;QACD,KAAK,YAAY,CAAC,CAAC;YACjB,OAAO,aAAa,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SACnD;QACD,KAAK,WAAW,CAAC,CAAC;YAChB,OAAO,YAAY,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAClD;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC7C;QACD,OAAO,CAAC,CAAC;YACP,OAAO,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC7C;KACF;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CACpB,QAAgB,EAChB,SAAqD,EACrD,MAAuB,EACvB,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC;IAE1D,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,QAAgB,EAChB,SAAqD,EACrD,MAAuB,EACvB,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAExD,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,QAAgB,EAAE,SAAqD,EAAE,MAAuB,EAAE,EAAE;IACnH,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAC7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9C,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC","file":"transformArcAppear.js","sourcesContent":["import VChart from '@visactor/vchart';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\n\ninterface ArcAppearOption {\n  disappear: boolean;\n  index: number;\n}\n\n// 将payload转换为chart内置的动画type\nexport const transformArcAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: ArcAppearOption\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return arcGrowRadius(instance, animation, option);\n    }\n    case 'growRadius': {\n      return arcGrowRadius(instance, animation, option);\n    }\n    case 'growAngle': {\n      return arcGrowAngle(instance, animation, option);\n    }\n    case 'fade': {\n      return arcFade(instance, animation, option);\n    }\n    default: {\n      return arcFade(instance, animation, option);\n    }\n  }\n};\n\nconst arcGrowRadius = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: ArcAppearOption\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'growRadiusOut' : 'growRadiusIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n\nconst arcGrowAngle = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: ArcAppearOption\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'growAngleOut' : 'growAngleIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n\nconst arcFade = (instance: VChart, animation: IChartAppearAction['payload']['animation'], option: ArcAppearOption) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n  const type = disappear ? 'fadeOut' : 'fadeIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n"]}

package/es/dsl/story-processor/vchart/marks/area/appear.d.ts

@@ -0,0 +1,4 @@
+import { ISpec } from '@visactor/vchart';
+import { IChartAppearAction } from '../../../../types/chart/appear';
+import { ICharacterVisactor } from '../../../../../story/character/visactor/interface';
+export declare const areaAppearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;

package/es/dsl/story-processor/vchart/marks/area/appear.js

@@ -0,0 +1,58 @@
+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 { merge } from "@visactor/vutils";
+
+import { transformAreaAppear } from "./transformAreaAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const areaAppearProcessor = (chartInstance, spec, action) => __awaiter(void 0, void 0, void 0, (function*() {
+    const chart = chartInstance.getGraphicParent(), vchart = null == chart ? void 0 : chart._vchart, instance = vchart || chartInstance;
+    if (!instance) return;
+    const {payload: payload} = action, mergePayload = merge({}, defaultPayload, payload);
+    getAllSeries(instance).forEach(((series, seriesIndex) => {
+        const marks = getSeriesMarksByMarkType(series, "area");
+        marks.length && marks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformAreaAppear(instance, mergePayload.animation, {
+                disappear: !1,
+                markIndex: seriesIndex + markIndex
+            });
+            product && product.animate.run(config);
+        }));
+    }));
+}));
+
+const defaultPayload = {
+    animation: {
+        effect: "fade",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
+};
+//# sourceMappingURL=appear.js.map

package/es/dsl/story-processor/vchart/marks/area/appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/area/appear.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,aAAiC,EACjC,IAAW,EACX,MAA0B,EAC1B,EAAE;IACF,MAAM,KAAK,GAAG,aAAa,CAAC,gBAAgB,EAAE,CAAC;IAC/C,MAAM,MAAM,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;IAC9B,MAAM,QAAQ,GAAW,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IAEzD,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAkC,CAAC;IAEzF,YAAY,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;QACrD,MAAM,KAAK,GAAG,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAEvD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAO;SACR;QAED,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,EAAE;gBACnE,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,WAAW,GAAG,SAAS;aACnC,CAAC,CAAC;YAEH,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAEF,MAAM,cAAc,GAAkC;IACpD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,KAAK;KACZ;CACF,CAAC","file":"appear.js","sourcesContent":["import VChart, { ISpec } from '@visactor/vchart';\nimport { merge } from '@visactor/vutils';\nimport { getAllSeriesMarksByMarkType } from '../../utils';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\nimport { transformAreaAppear } from './transformAreaAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const areaAppearProcessor = async (\n  chartInstance: ICharacterVisactor,\n  spec: ISpec,\n  action: IChartAppearAction\n) => {\n  const chart = chartInstance.getGraphicParent();\n  const vchart = chart?._vchart;\n  const instance: VChart = vchart ? vchart : chartInstance;\n\n  if (!instance) {\n    return;\n  }\n\n  const { payload } = action;\n  const mergePayload = merge({}, defaultPayload, payload) as IChartAppearAction['payload'];\n\n  getAllSeries(instance).forEach((series, seriesIndex) => {\n    const marks = getSeriesMarksByMarkType(series, 'area');\n\n    if (!marks.length) {\n      return;\n    }\n\n    marks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformAreaAppear(instance, mergePayload.animation, {\n        disappear: false,\n        markIndex: seriesIndex + markIndex\n      });\n      // @ts-ignore\n      product && product.animate.run(config);\n    });\n  });\n};\n\nconst defaultPayload: IChartAppearAction['payload'] = {\n  animation: {\n    effect: 'fade',\n    duration: 2000,\n    easing: 'cubicOut',\n    oneByOne: false,\n    loop: false\n  }\n};\n"]}

package/es/dsl/story-processor/vchart/marks/area/disappear.d.ts

@@ -0,0 +1,4 @@
+import { ISpec } from '@visactor/vchart';
+import { IChartAppearAction } from '../../../../types/chart/appear';
+import { ICharacterVisactor } from '../../../../../story/character/visactor/interface';
+export declare const areaDisappearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;

package/es/dsl/story-processor/vchart/marks/area/disappear.js

@@ -0,0 +1,58 @@
+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 { merge } from "@visactor/vutils";
+
+import { transformAreaAppear } from "./transformAreaAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const areaDisappearProcessor = (chartInstance, spec, action) => __awaiter(void 0, void 0, void 0, (function*() {
+    const chart = chartInstance.getGraphicParent(), vchart = null == chart ? void 0 : chart._vchart, instance = vchart || chartInstance;
+    if (!instance) return;
+    const {payload: payload} = action, mergePayload = merge({}, defaultPayload, payload);
+    getAllSeries(instance).forEach(((series, seriesIndex) => {
+        const marks = getSeriesMarksByMarkType(series, "area");
+        marks.length && marks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformAreaAppear(instance, mergePayload.animation, {
+                disappear: !0,
+                markIndex: seriesIndex + markIndex
+            });
+            product && product.animate.run(config);
+        }));
+    }));
+}));
+
+const defaultPayload = {
+    animation: {
+        effect: "fade",
+        duration: 2e3,
+        easing: "cubicOut",
+        oneByOne: !1,
+        loop: !1
+    }
+};
+//# sourceMappingURL=disappear.js.map

package/es/dsl/story-processor/vchart/marks/area/disappear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/area/disappear.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,aAAiC,EACjC,IAAW,EACX,MAA0B,EAC1B,EAAE;IACF,MAAM,KAAK,GAAG,aAAa,CAAC,gBAAgB,EAAE,CAAC;IAC/C,MAAM,MAAM,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC;IAC9B,MAAM,QAAQ,GAAW,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IAEzD,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO;KACR;IAED,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC3B,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAkC,CAAC;IAEzF,YAAY,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;QACrD,MAAM,KAAK,GAAG,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAEvD,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAO;SACR;QAED,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YAChC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,EAAE;gBACnE,SAAS,EAAE,IAAI;gBACf,SAAS,EAAE,WAAW,GAAG,SAAS;aACnC,CAAC,CAAC;YAEH,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAEF,MAAM,cAAc,GAAkC;IACpD,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,KAAK;KACZ;CACF,CAAC","file":"disappear.js","sourcesContent":["import VChart, { ISpec } from '@visactor/vchart';\nimport { merge } from '@visactor/vutils';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\nimport { transformAreaAppear } from './transformAreaAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const areaDisappearProcessor = async (\n  chartInstance: ICharacterVisactor,\n  spec: ISpec,\n  action: IChartAppearAction\n) => {\n  const chart = chartInstance.getGraphicParent();\n  const vchart = chart?._vchart;\n  const instance: VChart = vchart ? vchart : chartInstance;\n\n  if (!instance) {\n    return;\n  }\n\n  const { payload } = action;\n  const mergePayload = merge({}, defaultPayload, payload) as IChartAppearAction['payload'];\n\n  getAllSeries(instance).forEach((series, seriesIndex) => {\n    const marks = getSeriesMarksByMarkType(series, 'area');\n\n    if (!marks.length) {\n      return;\n    }\n\n    marks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformAreaAppear(instance, mergePayload.animation, {\n        disappear: true,\n        markIndex: seriesIndex + markIndex\n      });\n      // @ts-ignore\n      product && product.animate.run(config);\n    });\n  });\n};\n\nconst defaultPayload: IChartAppearAction['payload'] = {\n  animation: {\n    effect: 'fade',\n    duration: 2000,\n    easing: 'cubicOut',\n    oneByOne: false,\n    loop: false\n  }\n};\n"]}

package/es/dsl/story-processor/vchart/marks/area/index.d.ts

@@ -0,0 +1,2 @@
+export { areaAppearProcessor } from './appear';
+export { areaDisappearProcessor } from './disappear';

package/es/dsl/story-processor/vchart/marks/area/index.js

@@ -0,0 +1,4 @@
+export { areaAppearProcessor } from "./appear";
+
+export { areaDisappearProcessor } from "./disappear";
+//# sourceMappingURL=index.js.map

package/es/dsl/story-processor/vchart/marks/area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/area/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC","file":"index.js","sourcesContent":["export { areaAppearProcessor } from './appear';\nexport { areaDisappearProcessor } from './disappear';\n"]}

package/es/dsl/story-processor/vchart/marks/area/transformAreaAppear.d.ts

@@ -0,0 +1,14 @@
+import VChart from '@visactor/vchart';
+import { IChartAppearAction } from '../../../../types/chart/appear';
+interface AreaAppearOption {
+    markIndex: number;
+    disappear: boolean;
+}
+export declare const transformAreaAppear: (instance: VChart, animation: IChartAppearAction['payload']['animation'], option: AreaAppearOption) => {
+    type: string;
+    duration: number;
+    loop: number | boolean;
+    oneByOne: boolean;
+    easing: import("@visactor/vrender").EasingType;
+};
+export {};

package/es/dsl/story-processor/vchart/marks/area/transformAreaAppear.js

@@ -0,0 +1,22 @@
+export const transformAreaAppear = (instance, animation, option) => "grow" === animation.effect ? areaGrow(instance, animation, option) : areaFade(instance, animation, option);
+
+const areaGrow = (instance, animation, option) => {
+    const {duration: duration, loop: loop, oneByOne: oneByOne, easing: easing} = animation, {markIndex: markIndex, disappear: disappear} = option;
+    return {
+        type: disappear ? "clipOut" : "clipIn",
+        duration: duration,
+        loop: loop,
+        oneByOne: oneByOne,
+        easing: easing
+    };
+}, areaFade = (instance, animation, option) => {
+    const {duration: duration, loop: loop, oneByOne: oneByOne, easing: easing} = animation, {disappear: disappear} = option;
+    return {
+        type: disappear ? "fadeOut" : "fadeIn",
+        duration: duration,
+        loop: loop,
+        oneByOne: oneByOne,
+        easing: easing
+    };
+};
+//# sourceMappingURL=transformAreaAppear.js.map

package/es/dsl/story-processor/vchart/marks/area/transformAreaAppear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/area/transformAreaAppear.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,QAAgB,EAChB,SAAqD,EACrD,MAAwB,EACxB,EAAE;IACF,QAAQ,SAAS,CAAC,MAAM,EAAE;QACxB,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC9C;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC9C;QACD,OAAO,CAAC,CAAC;YACP,OAAO,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;SAC9C;KACF;AACH,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CACf,QAAgB,EAChB,SAAqD,EACrD,MAAwB,EACxB,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAExC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9C,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CACf,QAAgB,EAChB,SAAqD,EACrD,MAAwB,EACxB,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IAE7B,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9C,OAAO;QACL,IAAI,EAAE,IAAI;QACV,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC","file":"transformAreaAppear.js","sourcesContent":["import VChart from '@visactor/vchart';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\n\ninterface AreaAppearOption {\n  markIndex: number;\n  disappear: boolean;\n}\n\nexport const transformAreaAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: AreaAppearOption\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return areaGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return areaFade(instance, animation, option);\n    }\n    default: {\n      return areaFade(instance, animation, option);\n    }\n  }\n};\n\nconst areaGrow = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: AreaAppearOption\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { markIndex, disappear } = option;\n\n  const type = disappear ? 'clipOut' : 'clipIn';\n\n  return {\n    type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n\nconst areaFade = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: AreaAppearOption\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { disappear } = option;\n\n  const type = disappear ? 'fadeOut' : 'fadeIn';\n\n  return {\n    type: type,\n    duration,\n    loop,\n    oneByOne,\n    easing\n  };\n};\n"]}

package/es/dsl/story-processor/vchart/marks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './rect';
+export * from './symbol';
+export * from './area';
+export * from './line';
+export * from './arc';
+export * from './text';

package/es/dsl/story-processor/vchart/marks/index.js

@@ -0,0 +1,12 @@
+export * from "./rect";
+
+export * from "./symbol";
+
+export * from "./area";
+
+export * from "./line";
+
+export * from "./arc";
+
+export * from "./text";
+//# sourceMappingURL=index.js.map

package/es/dsl/story-processor/vchart/marks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './rect';\nexport * from './symbol';\nexport * from './area';\nexport * from './line';\nexport * from './arc';\nexport * from './text';\n"]}

package/es/dsl/story-processor/vchart/marks/line/appear.d.ts

@@ -0,0 +1,4 @@
+import { ISpec } from '@visactor/vchart';
+import { IChartAppearAction } from '../../../../types/chart/appear';
+import { ICharacterVisactor } from '../../../../../story/character/visactor/interface';
+export declare const lineAppearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;