@visactor/vstory 0.0.1-alpha.0

package/es/dsl/story-processor/vchart/marks/line/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 { transformLineAppear } from "./transformLineAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const lineAppearProcessor = (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, "line");
+        symbolMarks.length && symbolMarks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformLineAppear(instance, mergePayload.animation, {
+                disappear: !1,
+                markIndex: 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/line/appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/line/appear.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,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,WAAW,GAAG,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAE7D,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,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 { IChartAppearAction } from '../../../../types/chart/appear';\nimport { transformLineAppear } from './transformLineAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const lineAppearProcessor = 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, 'line');\n\n    if (!symbolMarks.length) {\n      return;\n    }\n\n    symbolMarks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformLineAppear(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: 'grow',\n    duration: 2000,\n    easing: 'cubicOut',\n    oneByOne: false,\n    loop: false\n  }\n};\n"]}

package/es/dsl/story-processor/vchart/marks/line/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 lineDisappearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;

package/es/dsl/story-processor/vchart/marks/line/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 { transformLineAppear } from "./transformLineAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const lineDisappearProcessor = (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, "line");
+        symbolMarks.length && symbolMarks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformLineAppear(instance, mergePayload.animation, {
+                disappear: !0,
+                markIndex: 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/line/disappear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/line/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,WAAW,GAAG,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAE7D,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,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 { transformLineAppear } from './transformLineAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const lineDisappearProcessor = 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, 'line');\n\n    if (!symbolMarks.length) {\n      return;\n    }\n\n    symbolMarks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformLineAppear(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: 'grow',\n    duration: 2000,\n    easing: 'cubicOut',\n    oneByOne: false,\n    loop: false\n  }\n};\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/line/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 { lineAppearProcessor } from './appear';\nexport { lineDisappearProcessor } from './disappear';\n"]}

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

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

package/es/dsl/story-processor/vchart/marks/line/transformLineAppear.js

@@ -0,0 +1,22 @@
+export const transformLineAppear = (instance, animation, option) => "grow" === animation.effect ? lineGrow(instance, animation, option) : lineFade(instance, animation, option);
+
+const lineGrow = (instance, animation, option) => {
+    const {duration: duration, loop: loop, oneByOne: oneByOne, easing: easing} = animation, {disappear: disappear} = option;
+    return {
+        type: disappear ? "clipOut" : "clipIn",
+        duration: duration,
+        loop: loop,
+        oneByOne: oneByOne,
+        easing: easing
+    };
+}, lineFade = (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=transformLineAppear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/line/transformLineAppear.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,QAAgB,EAChB,SAAqD,EACrD,MAAiD,EACjD,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,MAAiD,EACjD,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;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CACf,QAAgB,EAChB,SAAqD,EACrD,MAAiD,EACjD,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,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE9C,OAAO;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,QAAQ;QACR,MAAM;KACP,CAAC;AACJ,CAAC,CAAC","file":"transformLineAppear.js","sourcesContent":["import VChart from '@visactor/vchart';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\n\nexport const transformLineAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return lineGrow(instance, animation, option);\n    }\n    case 'fade': {\n      return lineFade(instance, animation, option);\n    }\n    default: {\n      return lineFade(instance, animation, option);\n    }\n  }\n};\n\nconst lineGrow = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { 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 lineFade = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { markIndex: number; disappear: boolean }\n) => {\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/rect/appear.d.ts

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

package/es/dsl/story-processor/vchart/marks/rect/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 { transformRectAppear } from "./transformRectAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const rectAppearProcessor = (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, "rect");
+        marks.length && marks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformRectAppear(instance, mergePayload.animation, {
+                index: seriesIndex + markIndex,
+                disappear: !1
+            });
+            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/rect/appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/rect/appear.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,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,KAAK,EAAE,WAAW,GAAG,SAAS;gBAC9B,SAAS,EAAE,KAAK;aACjB,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 type { VChart, ISpec } from '@visactor/vchart';\nimport { merge } from '@visactor/vutils';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\nimport { transformRectAppear } from './transformRectAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const rectAppearProcessor = 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, 'rect');\n\n    if (!marks.length) {\n      return;\n    }\n\n    marks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformRectAppear(instance, mergePayload.animation, {\n        index: seriesIndex + markIndex,\n        disappear: false\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/rect/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 rectDisappearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;

package/es/dsl/story-processor/vchart/marks/rect/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 { transformRectAppear } from "./transformRectAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const rectDisappearProcessor = (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, "rect");
+        marks.length && marks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformRectAppear(instance, mergePayload.animation, {
+                index: seriesIndex + markIndex,
+                disappear: !0
+            });
+            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/rect/disappear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/rect/disappear.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,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,KAAK,EAAE,WAAW,GAAG,SAAS;gBAC9B,SAAS,EAAE,IAAI;aAChB,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 { getAllSeriesMarksByMarkType } from '../../utils';\nimport { IChartAppearAction } from '../../../../types/chart/appear';\nimport { transformRectAppear } from './transformRectAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const rectDisappearProcessor = 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, 'rect');\n\n    if (!marks.length) {\n      return;\n    }\n\n    marks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformRectAppear(instance, mergePayload.animation, {\n        index: seriesIndex + markIndex,\n        disappear: true\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/rect/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/rect/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 { rectAppearProcessor } from './appear';\nexport { rectDisappearProcessor } from './disappear';\n"]}

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

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

package/es/dsl/story-processor/vchart/marks/rect/transformRectAppear.js

@@ -0,0 +1,73 @@
+export const transformRectAppear = (instance, animation, option) => {
+    switch (animation.effect) {
+      case "grow":
+        return rectGrow(instance, animation, Object.assign(Object.assign({}, option), {
+            center: !1
+        }));
+
+      case "centerGrow":
+        return rectGrow(instance, animation, Object.assign(Object.assign({}, option), {
+            center: !0
+        }));
+
+      case "fade":
+        return rectFade(instance, animation, Object.assign(Object.assign({}, option), {
+            center: !1
+        }));
+    }
+};
+
+const rectGrow = (instance, animation, option = {
+    center: !1,
+    disappear: !1
+}) => {
+    var _a;
+    const {duration: duration, loop: loop, oneByOne: oneByOne, easing: easing} = animation, {center: center, disappear: disappear} = option, direction = null !== (_a = instance.getChart().getSpec().direction) && void 0 !== _a ? _a : "vertical", xField = instance.getChart().getSpec().xField, yField = instance.getChart().getSpec().yField, [xAxis, yAxis] = getXYAxis(instance);
+    return {
+        type: disappear ? center ? "growCenterOut" : "growHeightOut" : center ? "growCenterIn" : "growHeightIn",
+        duration: duration,
+        loop: loop,
+        oneByOne: oneByOne,
+        easing: easing,
+        options: (datum, element, params) => {
+            const data = null == datum ? void 0 : datum["vertical" === direction ? yField : xField];
+            return "vertical" === direction ? {
+                overall: null == yAxis ? void 0 : yAxis.getScale(0).scale(0),
+                orient: data > 0 ? "negative" : "positive"
+            } : {
+                overall: null == xAxis ? void 0 : xAxis.getScale(0).scale(0),
+                orient: data > 0 ? "negative" : "positive"
+            };
+        }
+    };
+}, rectFade = (instance, animation, option = {
+    center: !1,
+    disappear: !1
+}) => {
+    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
+    };
+};
+
+function isXAxis(orient) {
+    return "bottom" === orient || "top" === orient;
+}
+
+function isYAxis(orient) {
+    return "left" === orient || "right" === orient;
+}
+
+const getXYAxis = instance => {
+    const axes = instance.getChart().getComponentsByKey("axes");
+    return [ axes.find((axis => {
+        if (isXAxis(axis.getOrient())) return !0;
+    })), axes.find((axis => {
+        if (isYAxis(axis.getOrient())) return !0;
+    })) ];
+};
+//# sourceMappingURL=transformRectAppear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/rect/transformRectAppear.ts"],"names":[],"mappings":"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","file":"transformRectAppear.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IChartAppearAction } from '../../../../types/chart/appear';\nimport type { IOrientType } from '@visactor/vrender-components';\n\n// 将payload转换为chart内置的动画type\nexport const transformRectAppear = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option: { index: number; disappear: boolean }\n) => {\n  switch (animation.effect) {\n    case 'grow': {\n      return rectGrow(instance, animation, {\n        ...option,\n        center: false\n      });\n    }\n    case 'centerGrow': {\n      return rectGrow(instance, animation, {\n        ...option,\n        center: true\n      });\n    }\n    case 'fade': {\n      return rectFade(instance, animation, {\n        ...option,\n        center: false\n      });\n    }\n  }\n};\n\nconst rectGrow = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option = { center: false, disappear: false }\n) => {\n  const { duration, loop, oneByOne, easing } = animation;\n  const { center, disappear } = option;\n  const direction = instance.getChart().getSpec().direction ?? 'vertical';\n  const xField = instance.getChart().getSpec().xField;\n  const yField = instance.getChart().getSpec().yField;\n  const [xAxis, yAxis] = getXYAxis(instance);\n\n  const type = disappear ? (center ? 'growCenterOut' : 'growHeightOut') : center ? 'growCenterIn' : 'growHeightIn';\n\n  return {\n    type: type,\n    duration,\n    loop,\n    oneByOne,\n    easing,\n    options: (datum: any, element: any, params: any) => {\n      const field = direction === 'vertical' ? yField : xField;\n      const data = datum?.[field];\n\n      if (direction === 'vertical') {\n        return {\n          overall: yAxis?.getScale(0).scale(0),\n          orient: data > 0 ? 'negative' : 'positive'\n        };\n      }\n      return {\n        overall: xAxis?.getScale(0).scale(0),\n        orient: data > 0 ? 'negative' : 'positive'\n      };\n    }\n  };\n};\n\nconst rectFade = (\n  instance: VChart,\n  animation: IChartAppearAction['payload']['animation'],\n  option = { center: false, disappear: false }\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\nfunction isXAxis(orient: IOrientType) {\n  return orient === 'bottom' || orient === 'top';\n}\n\nfunction isYAxis(orient: IOrientType) {\n  return orient === 'left' || orient === 'right';\n}\n\nconst getXYAxis = (instance: VChart) => {\n  const axes = instance.getChart().getComponentsByKey('axes');\n  const xAxis = axes.find(axis => {\n    const orient = (axis as any).getOrient();\n    if (isXAxis(orient)) {\n      return true;\n    }\n  }) as any;\n  const yAxis = axes.find(axis => {\n    const orient = (axis as any).getOrient();\n    if (isYAxis(orient)) {\n      return true;\n    }\n  }) as any;\n\n  return [xAxis, yAxis];\n};\n"]}

package/es/dsl/story-processor/vchart/marks/symbol/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 symbolAppearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;

package/es/dsl/story-processor/vchart/marks/symbol/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 { transformSymbolAppear } from "./transformSymbolAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const symbolAppearProcessor = (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, "symbol");
+        marks.length && marks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformSymbolAppear(instance, mergePayload.animation, {
+                disappear: !1,
+                markIndex: 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/symbol/appear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/symbol/appear.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,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,KAAK,GAAG,wBAAwB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEzD,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,qBAAqB,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,EAAE;gBACrE,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 { IChartAppearAction } from '../../../../types/chart/appear';\nimport { transformSymbolAppear } from './transformSymbolAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const symbolAppearProcessor = 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, 'symbol');\n\n    if (!marks.length) {\n      return;\n    }\n\n    marks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformSymbolAppear(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: 'grow',\n    duration: 2000,\n    easing: 'cubicOut',\n    oneByOne: false,\n    loop: false\n  }\n};\n"]}

package/es/dsl/story-processor/vchart/marks/symbol/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 symbolDisappearProcessor: (chartInstance: ICharacterVisactor, spec: ISpec, action: IChartAppearAction) => Promise<void>;

package/es/dsl/story-processor/vchart/marks/symbol/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 { transformSymbolAppear } from "./transformSymbolAppear";
+
+import { getAllSeries, getSeriesMarksByMarkType } from "../../utils/series";
+
+export const symbolDisappearProcessor = (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, "symbol");
+        marks.length && marks.forEach(((mark, markIndex) => {
+            const product = mark.getProduct(), config = transformSymbolAppear(instance, mergePayload.animation, {
+                disappear: !0,
+                markIndex: 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/symbol/disappear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/vchart/marks/symbol/disappear.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,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,QAAQ,CAAC,CAAC;QAEzD,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,qBAAqB,CAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,EAAE;gBACrE,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 { transformSymbolAppear } from './transformSymbolAppear';\nimport { ICharacterVisactor } from '../../../../../story/character/visactor/interface';\nimport { getAllSeries, getSeriesMarksByMarkType } from '../../utils/series';\n\nexport const symbolDisappearProcessor = 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, 'symbol');\n\n    if (!marks.length) {\n      return;\n    }\n\n    marks.forEach((mark, markIndex) => {\n      const product = mark.getProduct();\n      const config = transformSymbolAppear(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: 'grow',\n    duration: 2000,\n    easing: 'cubicOut',\n    oneByOne: false,\n    loop: false\n  }\n};\n"]}

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

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

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

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

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

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