@visactor/vstory 0.0.1-alpha.0

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

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

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryPie = void 0;
+
+const vutils_1 = require("@visactor/vutils"), chart_1 = require("./chart");
+
+class StoryPie extends chart_1.StoryChart {
+    constructor() {
+        super(...arguments), this.storyChartType = "PieChart";
+    }
+    arcStyle(data, payload) {
+        const styleNode = (0, vutils_1.merge)({
+            action: "arcStyle"
+        }, {
+            elementType: this.storyChartType,
+            elementId: this.uid,
+            data: data,
+            payload: payload
+        });
+        this.snapshot(styleNode);
+    }
+}
+
+exports.StoryPie = StoryPie;
+//# sourceMappingURL=pie.js.map

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

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

package/cjs/dsl/story-executor/index.d.ts

@@ -0,0 +1,14 @@
+import { IVChart, IChartSpec } from '@visactor/vchart';
+import { StoryChart } from '../story-chart';
+export interface StoryPlayerOption {
+    chartInstance: IVChart;
+    spec: IChartSpec;
+}
+export declare class StoryExecutor {
+    private storyChart;
+    protected processor: Record<string, Function>;
+    private option;
+    private snapshots;
+    constructor(storyChart: StoryChart, option: StoryPlayerOption);
+    play: () => Promise<void>;
+}

package/cjs/dsl/story-executor/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+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());
+    }));
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StoryExecutor = void 0;
+
+const story_processor_1 = require("../story-processor");
+
+class StoryExecutor {
+    constructor(storyChart, option) {
+        this.processor = {}, this.snapshots = [], this.play = () => __awaiter(this, void 0, void 0, (function*() {
+            console.log(this.snapshots);
+            for (let i = 0; i < this.snapshots.length; i++) {
+                yield new Promise((res => {
+                    setTimeout(res, 500);
+                }));
+                const snapshot = this.snapshots[i], {action: action, elementId: elementId, elementType: elementType, callback: callback} = snapshot;
+                let processor;
+                processor = elementId === this.storyChart.uid ? this.processor[action] : story_processor_1.processorMap[elementType][action], 
+                processor && (yield processor(this.option.chartInstance, this.option.spec, snapshot), 
+                callback && callback(this.option.chartInstance, this.option.spec, snapshot));
+            }
+        })), this.storyChart = storyChart, this.processor = story_processor_1.processorMap[storyChart.storyChartType], 
+        this.option = option, this.snapshots = this.storyChart.exportSnapshot();
+    }
+}
+
+exports.StoryExecutor = StoryExecutor;
+//# sourceMappingURL=index.js.map

package/cjs/dsl/story-executor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-executor/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA,wDAAkD;AAQlD,MAAa,aAAa;IAOxB,YAAY,UAAsB,EAAE,MAAyB;QALnD,cAAS,GAA6B,EAAE,CAAC;QAG3C,cAAS,GAAiB,EAAE,CAAC;QASrC,SAAI,GAAG,GAAS,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAG9C,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE;oBACtB,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;gBACvB,CAAC,CAAC,CAAC;gBAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;gBACnC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;gBAE9D,IAAI,SAAS,CAAC;gBACd,IAAI,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;oBACrC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;iBACpC;qBAAM;oBACL,SAAS,GAAG,8BAAY,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;iBAC/C;gBAED,IAAI,SAAS,EAAE;oBACb,MAAM,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;oBACvE,IAAI,QAAQ,EAAE;wBACZ,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,QAAe,CAAC,CAAC;qBACxE;iBACF;aACF;QACH,CAAC,CAAA,CAAC;QAhCA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,8BAAY,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;IACpD,CAAC;CA6BF;AAzCD,sCAyCC","file":"index.js","sourcesContent":["import { IVChart, IChartSpec } from '@visactor/vchart';\nimport { StoryChart } from '../story-chart';\nimport { processorMap } from '../story-processor';\nimport { ActionNode } from '../types';\n\nexport interface StoryPlayerOption {\n  chartInstance: IVChart;\n  spec: IChartSpec;\n}\n\nexport class StoryExecutor {\n  private storyChart: StoryChart;\n  protected processor: Record<string, Function> = {};\n\n  private option: StoryPlayerOption;\n  private snapshots: ActionNode[] = [];\n\n  constructor(storyChart: StoryChart, option: StoryPlayerOption) {\n    this.storyChart = storyChart;\n    this.processor = processorMap[storyChart.storyChartType];\n    this.option = option;\n    this.snapshots = this.storyChart.exportSnapshot();\n  }\n\n  play = async () => {\n    console.log(this.snapshots);\n    for (let i = 0; i < this.snapshots.length; i++) {\n      // TODO: 上个动作执行完后, 执行下一个.\n      // eslint-disable-next-line promise/param-names\n      await new Promise(res => {\n        setTimeout(res, 500);\n      });\n\n      const snapshot = this.snapshots[i];\n      const { action, elementId, elementType, callback } = snapshot;\n\n      let processor;\n      if (elementId === this.storyChart.uid) {\n        processor = this.processor[action];\n      } else {\n        processor = processorMap[elementType][action];\n      }\n\n      if (processor) {\n        await processor(this.option.chartInstance, this.option.spec, snapshot);\n        if (callback) {\n          callback(this.option.chartInstance, this.option.spec, snapshot as any);\n        }\n      }\n    }\n  };\n}\n"]}

package/cjs/dsl/story-processor/graphic/appear.d.ts

@@ -0,0 +1,3 @@
+import type { ICharacter } from '../../../story/character';
+import type { IGraphicAppearAction } from '../../types/graphic/appear';
+export declare const graphicAppearProcessor: (character: ICharacter, spec: {}, action: IGraphicAppearAction) => Promise<void>;

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

@@ -0,0 +1,46 @@
+"use strict";
+
+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());
+    }));
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.graphicAppearProcessor = void 0;
+
+const appear_1 = require("./effect/appear"), util_1 = require("./util"), graphicAppearProcessor = (character, spec = {}, action) => __awaiter(void 0, void 0, void 0, (function*() {
+    var _a;
+    const {animation: animation} = null !== (_a = action.payload) && void 0 !== _a ? _a : {}, {effect: effect} = null != animation ? animation : {};
+    (effect && appear_1.appearEffectMap[effect] ? [ effect ] : Object.keys(appear_1.appearEffectMap)).forEach((effect => {
+        if (animation.effect === effect || animation[effect]) {
+            const appearEffect = appear_1.appearEffectMap[effect];
+            (0, util_1.getCharacterByEffect)(character, effect).forEach((graphic => appearEffect(graphic, animation)));
+        }
+        return !1;
+    }));
+}));
+
+exports.graphicAppearProcessor = graphicAppearProcessor;
+//# sourceMappingURL=appear.js.map

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

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

package/cjs/dsl/story-processor/graphic/brighten.d.ts

@@ -0,0 +1,3 @@
+import type { ICharacter } from '../../../story/character';
+import type { IBrightenAction } from '../../types/common/brighten';
+export declare const brightenProcessor: (character: ICharacter, spec: {}, brightenAction: IBrightenAction) => Promise<void>;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+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());
+    }));
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.brightenProcessor = void 0;
+
+const shade_1 = require("./effect/shade"), util_1 = require("./util"), brightenProcessor = (character, spec = {}, brightenAction) => __awaiter(void 0, void 0, void 0, (function*() {
+    var _a;
+    const {animation: animation} = null !== (_a = brightenAction.payload) && void 0 !== _a ? _a : {};
+    (0, util_1.getCharacterGraphic)(character).forEach((graphic => {
+        (0, shade_1.brighten)(graphic, animation);
+    }));
+}));
+
+exports.brightenProcessor = brightenProcessor;
+//# sourceMappingURL=brighten.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/graphic/brighten.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA,0CAA0C;AAC1C,iCAA6C;AAEtC,MAAM,iBAAiB,GAAG,CAAO,SAAqB,EAAE,IAAI,GAAG,EAAE,EAAE,cAA+B,EAAE,EAAE;;IAC3G,MAAM,EAAE,SAAS,EAAE,GAAG,MAAA,cAAc,CAAC,OAAO,mCAAI,EAAE,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAA,0BAAmB,EAAC,SAAS,CAAC,CAAC;IAChD,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACzB,IAAA,gBAAQ,EAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AANW,QAAA,iBAAiB,qBAM5B","file":"brighten.js","sourcesContent":["import type { ICharacter } from '../../../story/character';\nimport type { IBrightenAction } from '../../types/common/brighten';\nimport { brighten } from './effect/shade';\nimport { getCharacterGraphic } from './util';\n\nexport const brightenProcessor = async (character: ICharacter, spec = {}, brightenAction: IBrightenAction) => {\n  const { animation } = brightenAction.payload ?? {};\n  const graphics = getCharacterGraphic(character);\n  graphics.forEach(graphic => {\n    brighten(graphic, animation);\n  });\n};\n"]}

package/cjs/dsl/story-processor/graphic/darken.d.ts

@@ -0,0 +1,3 @@
+import { ICharacter } from '../../../story/character';
+import { IDarkenAction } from '../../types/common/darken';
+export declare const darkenProcessor: (character: ICharacter, spec: {}, darkenAction: IDarkenAction) => Promise<void>;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+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());
+    }));
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.darkenProcessor = void 0;
+
+const shade_1 = require("./effect/shade"), util_1 = require("./util"), darkenProcessor = (character, spec = {}, darkenAction) => __awaiter(void 0, void 0, void 0, (function*() {
+    var _a;
+    const {animation: animation} = null !== (_a = darkenAction.payload) && void 0 !== _a ? _a : {};
+    (0, util_1.getCharacterGraphic)(character).forEach((graphic => {
+        (0, shade_1.darken)(graphic, animation);
+    }));
+}));
+
+exports.darkenProcessor = darkenProcessor;
+//# sourceMappingURL=darken.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/graphic/darken.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA,0CAAwC;AACxC,iCAA6C;AAEtC,MAAM,eAAe,GAAG,CAAO,SAAqB,EAAE,IAAI,GAAG,EAAE,EAAE,YAA2B,EAAE,EAAE;;IACrG,MAAM,EAAE,SAAS,EAAE,GAAG,MAAA,YAAY,CAAC,OAAO,mCAAI,EAAE,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAA,0BAAmB,EAAC,SAAS,CAAC,CAAC;IAChD,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACzB,IAAA,cAAM,EAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AANW,QAAA,eAAe,mBAM1B","file":"darken.js","sourcesContent":["import { ICharacter } from '../../../story/character';\nimport { IDarkenAction } from '../../types/common/darken';\nimport { darken } from './effect/shade';\nimport { getCharacterGraphic } from './util';\n\nexport const darkenProcessor = async (character: ICharacter, spec = {}, darkenAction: IDarkenAction) => {\n  const { animation } = darkenAction.payload ?? {};\n  const graphics = getCharacterGraphic(character);\n  graphics.forEach(graphic => {\n    darken(graphic, animation);\n  });\n};\n"]}

package/cjs/dsl/story-processor/graphic/disappear.d.ts

@@ -0,0 +1,3 @@
+import type { ICharacter } from '../../../story/character';
+import type { IGraphicDisappearAction } from '../../types/graphic/disappear';
+export declare const graphicDisappearProcessor: (character: ICharacter, spec: {}, IGraphicAppearAction: IGraphicDisappearAction) => Promise<void>;

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

@@ -0,0 +1,45 @@
+"use strict";
+
+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());
+    }));
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.graphicDisappearProcessor = void 0;
+
+const util_1 = require("./util"), disappear_1 = require("./effect/disappear"), graphicDisappearProcessor = (character, spec = {}, IGraphicAppearAction) => __awaiter(void 0, void 0, void 0, (function*() {
+    var _a;
+    const {animation: animation} = null !== (_a = IGraphicAppearAction.payload) && void 0 !== _a ? _a : {}, {effect: effect} = null != animation ? animation : {};
+    (effect && disappear_1.disappearEffectMap[effect] ? [ effect ] : Object.keys(disappear_1.disappearEffectMap)).forEach((effect => {
+        if (animation.effect === effect || animation[effect]) {
+            const disappearEffect = disappear_1.disappearEffectMap[effect];
+            (0, util_1.getCharacterByEffect)(character, effect).forEach((graphic => disappearEffect(graphic, animation)));
+        }
+    }));
+}));
+
+exports.graphicDisappearProcessor = graphicDisappearProcessor;
+//# sourceMappingURL=disappear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/graphic/disappear.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA,iCAA8C;AAC9C,kDAAwD;AAEjD,MAAM,yBAAyB,GAAG,CACvC,SAAqB,EACrB,IAAI,GAAG,EAAE,EACT,oBAA6C,EAC7C,EAAE;;IACF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAA,oBAAoB,CAAC,OAAO,mCAAI,EAAE,CAAC;IACzD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAC;IAEnC,MAAM,OAAO,GAAG,MAAM,IAAI,8BAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,8BAAkB,CAAC,CAAC;IAClG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,IAAI,SAAS,CAAC,MAAM,KAAK,MAAM,IAAI,SAAS,CAAC,MAAM,CAAC,EAAE;YAEpD,MAAM,eAAe,GAAG,8BAAkB,CAAC,MAAM,CAAC,CAAC;YAEnD,MAAM,QAAQ,GAAG,IAAA,2BAAoB,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAEzD,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;SAClE;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAnBW,QAAA,yBAAyB,6BAmBpC","file":"disappear.js","sourcesContent":["import type { ICharacter } from '../../../story/character';\nimport type { IGraphicDisappearAction } from '../../types/graphic/disappear';\nimport { getCharacterByEffect } from './util';\nimport { disappearEffectMap } from './effect/disappear';\n\nexport const graphicDisappearProcessor = async (\n  character: ICharacter,\n  spec = {},\n  IGraphicAppearAction: IGraphicDisappearAction\n) => {\n  const { animation } = IGraphicAppearAction.payload ?? {};\n  const { effect } = animation ?? {};\n\n  const effects = effect && disappearEffectMap[effect] ? [effect] : Object.keys(disappearEffectMap);\n  effects.forEach(effect => {\n    if (animation.effect === effect || animation[effect]) {\n      // 获取执行方法\n      const disappearEffect = disappearEffectMap[effect];\n      // 获取相关图形\n      const graphics = getCharacterByEffect(character, effect);\n      // 执行disappearEffect\n      graphics.forEach(graphic => disappearEffect(graphic, animation));\n    }\n  });\n};\n"]}

package/cjs/dsl/story-processor/graphic/effect/appear.d.ts

@@ -0,0 +1,48 @@
+import type { EasingType, IGraphic } from '@visactor/vrender';
+import type { IAnimationParams } from '../../../types';
+import { typewriter } from '../effect/typewriter';
+export interface IMoveInParams extends IAnimationParams {
+    from?: 'left' | 'right' | 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';
+    move?: {
+        from?: IMoveInParams['from'];
+        isVariableSpeed?: boolean;
+        duration?: number;
+        easing?: EasingType;
+    };
+}
+export interface IWipeInParams extends IAnimationParams {
+    from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';
+    wipe?: {
+        from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';
+        duration?: number;
+        easing?: EasingType;
+    };
+}
+export interface IScaleInParams extends IAnimationParams {
+    ratio?: number;
+    scale?: {
+        ratio?: number;
+        duration?: number;
+        easing?: EasingType;
+    };
+}
+export interface IFadeInParams extends IAnimationParams {
+    opacity?: number;
+    fade?: {
+        opacity?: number;
+        duration?: number;
+        easing?: EasingType;
+        isBaseOpacity?: string;
+    };
+}
+export declare function fadeIn(graphic: IGraphic, params: IFadeInParams): boolean;
+export declare function scaleIn(graphic: IGraphic, params: IScaleInParams): boolean;
+export declare function moveIn(graphic: IGraphic, params: IMoveInParams): boolean;
+export declare function wipeIn(graphic: IGraphic, params: IWipeInParams): boolean;
+export declare const appearEffectMap: {
+    fade: typeof fadeIn;
+    scale: typeof scaleIn;
+    move: typeof moveIn;
+    wipe: typeof wipeIn;
+    typewriter: typeof typewriter;
+};

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

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.appearEffectMap = exports.wipeIn = exports.moveIn = exports.scaleIn = exports.fadeIn = void 0;
+
+const vutils_1 = require("@visactor/vutils"), wipeIn_1 = require("../../../../animate/wipeIn"), typewriter_1 = require("../effect/typewriter"), util_1 = require("../util");
+
+function fadeIn(graphic, params) {
+    var _a, _b, _c, _d, _e;
+    if (!(0, util_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {fade: fade = {}} = params, opacity = null !== (_b = null !== (_a = fade.opacity) && void 0 !== _a ? _a : params.opacity) && void 0 !== _b ? _b : 1, duration = null !== (_c = fade.duration) && void 0 !== _c ? _c : params.duration, easing = null !== (_d = fade.easing) && void 0 !== _d ? _d : params.easing, opacityKey = null !== (_e = fade.isBaseOpacity) && void 0 !== _e && _e ? "baseOpacity" : "opacity";
+    return graphic.setAttributes({
+        [opacityKey]: 0
+    }), graphic.animate().to({
+        [opacityKey]: opacity
+    }, duration, easing), !0;
+}
+
+function scaleIn(graphic, params) {
+    var _a, _b, _c, _d;
+    if (!(0, util_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {scale: scale = {}} = params, ratio = null !== (_b = null !== (_a = scale.ratio) && void 0 !== _a ? _a : params.ratio) && void 0 !== _b ? _b : 1, duration = null !== (_c = scale.duration) && void 0 !== _c ? _c : params.duration, easing = null !== (_d = scale.easing) && void 0 !== _d ? _d : params.easing;
+    return graphic.setAttributes({
+        scaleX: 0,
+        scaleY: 0
+    }), graphic.animate().to({
+        scaleX: ratio,
+        scaleY: ratio
+    }, duration, easing), !0;
+}
+
+function moveIn(graphic, params) {
+    var _a, _b, _c, _d, _e;
+    if (!(0, util_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {move: move = {}} = params, from = null !== (_b = null !== (_a = move.from) && void 0 !== _a ? _a : params.from) && void 0 !== _b ? _b : 1, duration = null !== (_c = move.duration) && void 0 !== _c ? _c : params.duration, easing = null !== (_d = move.easing) && void 0 !== _d ? _d : params.easing, isVariableSpeed = null === (_e = move.isVariableSpeed) || void 0 === _e || _e, width = Math.abs(graphic.AABBBounds.x2 - graphic.AABBBounds.x1), height = Math.abs(graphic.AABBBounds.y2 - graphic.AABBBounds.y1);
+    let fromX = graphic.attribute.x, fromY = graphic.attribute.y;
+    if (isVariableSpeed) switch (from) {
+      case "right":
+        fromX = graphic.parent.width;
+        break;
+
+      case "left":
+        fromX = -width;
+        break;
+
+      case "bottom":
+        fromY = graphic.parent.height + height;
+        break;
+
+      case "top":
+        fromY = -height;
+        break;
+
+      case "top-right":
+        fromY = -height, fromX = graphic.parent.width;
+        break;
+
+      case "top-left":
+        fromY = -height, fromX = -width;
+        break;
+
+      case "bottom-left":
+        fromY = graphic.parent.height + height, fromX = -width;
+        break;
+
+      case "bottom-right":
+        fromY = graphic.parent.height + height, fromX = graphic.parent.width;
+    } else {
+        const distance = Math.max(graphic.parent.width, graphic.parent.height);
+        switch (from) {
+          case "right":
+            fromX += distance;
+            break;
+
+          case "left":
+            fromX += -distance;
+            break;
+
+          case "bottom":
+            fromY += distance;
+            break;
+
+          case "top":
+            fromY += -distance;
+            break;
+
+          case "top-right":
+            fromX += distance, fromY += -distance;
+            break;
+
+          case "top-left":
+            fromX += -distance, fromY += -distance;
+            break;
+
+          case "bottom-left":
+            fromY += distance, fromX += -distance;
+            break;
+
+          case "bottom-right":
+            fromX += distance, fromY += distance;
+        }
+    }
+    return graphic.animate().from({
+        x: fromX,
+        y: fromY
+    }, duration, easing), !0;
+}
+
+function wipeIn(graphic, params) {
+    var _a, _b, _c, _d;
+    if (!(0, util_1.canDoGraphicAnimation)(graphic, params)) return !1;
+    const {wipe: wipe = {}} = params, from = null !== (_b = null !== (_a = wipe.from) && void 0 !== _a ? _a : params.from) && void 0 !== _b ? _b : 1, duration = null !== (_c = wipe.duration) && void 0 !== _c ? _c : params.duration, easing = null !== (_d = wipe.easing) && void 0 !== _d ? _d : params.easing, {fill: fill} = graphic.attribute;
+    return (0, vutils_1.isString)(fill) ? graphic.animate().play(new wipeIn_1.Wipe({}, {}, duration, easing, {
+        direction: Direction[from]
+    })) : (0, vutils_1.isObject)(fill), !0;
+}
+
+exports.fadeIn = fadeIn, exports.scaleIn = scaleIn, exports.moveIn = moveIn, exports.wipeIn = wipeIn, 
+exports.appearEffectMap = {
+    fade: fadeIn,
+    scale: scaleIn,
+    move: moveIn,
+    wipe: wipeIn,
+    typewriter: typewriter_1.typewriter
+};
+
+const Direction = {
+    left: 0,
+    right: 1,
+    top: 2,
+    bottom: 3,
+    stroke: 4
+};
+//# sourceMappingURL=appear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/graphic/effect/appear.ts"],"names":[],"mappings":"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","file":"appear.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender';\nimport type { IAnimationParams } from '../../../types';\nimport { isObject, isString } from '@visactor/vutils';\nimport { Wipe } from '../../../../animate/wipeIn';\nimport { typewriter } from '../effect/typewriter';\nimport { canDoGraphicAnimation } from '../util';\n\nexport interface IMoveInParams extends IAnimationParams {\n  from?: 'left' | 'right' | 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\n  move?: {\n    /**\n     * @default left\n     */\n    from?: IMoveInParams['from'];\n    /**\n     * @default true\n     * @description 若为true: 多个图形的move距离不同, duration相同, 使多个图形同时抵达目标位置;  若为false: 多个图形move的距离相同, duration相同, 即可使多个图形达到相同的速度, 以保持图形的相对位置不变.\n     */\n    isVariableSpeed?: boolean;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IWipeInParams extends IAnimationParams {\n  from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n  wipe?: {\n    /**\n     * @default left\n     */\n    from?: 'left' | 'right' | 'top' | 'bottom' | 'stroke';\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IScaleInParams extends IAnimationParams {\n  ratio?: number;\n  scale?: {\n    /**\n     * @default 1\n     */\n    ratio?: number;\n    duration?: number;\n    easing?: EasingType;\n  };\n}\n\nexport interface IFadeInParams extends IAnimationParams {\n  opacity?: number;\n  fade?: {\n    /**\n     * @default 1\n     */\n    opacity?: number;\n    duration?: number;\n    easing?: EasingType;\n    /**\n     * 作用于全局的透明度\n     * @default false\n     */\n    isBaseOpacity?: string;\n  };\n}\n\nexport function fadeIn(graphic: IGraphic, params: IFadeInParams): boolean {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { fade = {} } = params;\n  const opacity = fade.opacity ?? params.opacity ?? 1;\n  const duration = fade.duration ?? params.duration;\n  const easing = fade.easing ?? params.easing;\n  const isBaseOpacity = fade.isBaseOpacity ?? false;\n  const opacityKey = isBaseOpacity ? 'baseOpacity' : 'opacity';\n  graphic.setAttributes({\n    [opacityKey]: 0\n  });\n\n  graphic.animate().to({ [opacityKey]: opacity }, duration, easing as EasingType);\n\n  return true;\n}\n\nexport function scaleIn(graphic: IGraphic, params: IScaleInParams): boolean {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n  const { scale = {} } = params;\n  const ratio = scale.ratio ?? params.ratio ?? 1;\n  const duration = scale.duration ?? params.duration;\n  const easing = scale.easing ?? params.easing;\n\n  graphic.setAttributes({\n    scaleX: 0,\n    scaleY: 0\n  });\n  graphic.animate().to({ scaleX: ratio, scaleY: ratio }, duration, easing as EasingType);\n\n  return true;\n}\n\nexport function moveIn(graphic: IGraphic, params: IMoveInParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n\n  const { move = {} } = params;\n  const from = move.from ?? params.from ?? 1;\n  const duration = move.duration ?? params.duration;\n  const easing = move.easing ?? params.easing;\n  const isVariableSpeed = move.isVariableSpeed ?? true;\n\n  // 图形宽高\n  const width = Math.abs(graphic.AABBBounds.x2 - graphic.AABBBounds.x1);\n  const height = Math.abs(graphic.AABBBounds.y2 - graphic.AABBBounds.y1);\n\n  let fromX = graphic.attribute.x;\n  let fromY = graphic.attribute.y;\n  if (isVariableSpeed) {\n    // 同时从边缘进入, 速度不同, 同时抵达目标.\n    switch (from) {\n      case 'right':\n        // 图形左边缘为起点\n        fromX = graphic.parent.width;\n        break;\n      case 'left':\n        // 图形右边缘为起点\n        fromX = -width;\n        break;\n      case 'bottom':\n        // 从下往上进入\n        fromY = graphic.parent.height + height;\n        break;\n      case 'top':\n        // 从上往下进入\n        fromY = -height;\n        break;\n      case 'top-right':\n        // 从右上进入 ↗️\n        fromY = -height;\n        fromX = graphic.parent.width;\n        break;\n      case 'top-left':\n        // 从左上进入 ↖️\n        fromY = -height;\n        fromX = -width;\n        break;\n      case 'bottom-left':\n        // 从左下进入 ↙️\n        fromY = graphic.parent.height + height;\n        fromX = -width;\n        break;\n      case 'bottom-right':\n        // 从右下进入 ↘️\n        fromY = graphic.parent.height + height;\n        fromX = graphic.parent.width;\n        break;\n    }\n  } else {\n    // 速度相同, 相对位置不变, 但不同时出现.\n    const distance = Math.max(graphic.parent.width, graphic.parent.height);\n    switch (from) {\n      case 'right':\n        // 从右往左进入\n        fromX += distance;\n        break;\n      case 'left':\n        // 从左往右进入\n        fromX += -distance;\n        break;\n      case 'bottom':\n        // 从下往上进入\n        fromY += distance;\n        break;\n      case 'top':\n        // 从上往下进入\n        fromY += -distance;\n        break;\n      case 'top-right':\n        // 从右上进入 ↗️\n        fromX += distance;\n        fromY += -distance;\n        break;\n      case 'top-left':\n        // 从左上进入 ↖️\n        fromX += -distance;\n        fromY += -distance;\n        break;\n      case 'bottom-left':\n        // 从左下进入 ↙️\n        fromY += distance;\n        fromX += -distance;\n        break;\n      case 'bottom-right':\n        // 从右下进入 ↘️\n        fromX += distance;\n        fromY += distance;\n        break;\n    }\n  }\n\n  graphic.animate().from({ x: fromX, y: fromY }, duration, easing as EasingType);\n  return true;\n}\n\nexport function wipeIn(graphic: IGraphic, params: IWipeInParams) {\n  if (!canDoGraphicAnimation(graphic, params)) {\n    return false;\n  }\n\n  const { wipe = {} } = params;\n  const from = wipe.from ?? params.from ?? 1;\n  const duration = wipe.duration ?? params.duration;\n  const easing = wipe.easing ?? params.easing;\n\n  const { fill } = graphic.attribute;\n  if (isString(fill)) {\n    graphic.animate().play(\n      new Wipe({}, {}, duration, easing as EasingType, {\n        direction: Direction[from]\n      })\n    );\n  } else if (isObject(fill)) {\n    // 渐变色支持\n  }\n  return true;\n}\n\nexport const appearEffectMap = {\n  fade: fadeIn,\n  scale: scaleIn,\n  move: moveIn,\n  wipe: wipeIn,\n  typewriter\n};\n\nconst Direction = {\n  left: 0,\n  right: 1,\n  top: 2,\n  bottom: 3,\n  stroke: 4\n};\n"]}

package/cjs/dsl/story-processor/graphic/effect/bounce.d.ts

@@ -0,0 +1,3 @@
+import type { IGraphic } from '@visactor/vrender';
+import type { IBounceParams } from '../../../types/common/bounce';
+export declare function bounce(graphic: IGraphic, params: IBounceParams): void;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bounce = void 0;
+
+const util_1 = require("./../../../../animate/util/util"), bounce_1 = require("../../../../animate/bounce");
+
+function bounce(graphic, params) {
+    if (graphic) {
+        const {dy: dy} = params;
+        let {customEase: customEase} = params;
+        const {y1: y1, y2: y2} = graphic.AABBBounds, height = Math.abs(y1 - y2);
+        customEase || (customEase = util_1.CustomEase.create("bounce", "M0,0 C0,0 0.058,1 0.2,1 0.346,1 0.41,0 0.53,0 0.559,0 0.681,-0.002 0.702,0.011 0.788,0.065 0.774,0.212 0.853,0.212 0.928,0.212 1,0 1,0 ", {})), 
+        graphic.animate().play(new bounce_1.Bounce({}, {}, 3e3, "linear", {
+            dy: null != dy ? dy : .2 * height,
+            customEase: customEase
+        }));
+    }
+}
+
+exports.bounce = bounce;
+//# sourceMappingURL=bounce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dsl/story-processor/graphic/effect/bounce.ts"],"names":[],"mappings":";;;AAEA,0DAA6D;AAC7D,uDAAoD;AAEpD,SAAgB,MAAM,CAAC,OAAiB,EAAE,MAAqB;IAC7D,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC;QACtB,IAAI,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC;QAC5B,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,OAAO,CAAC,UAAU,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACjC,IAAI,CAAC,UAAU,EAAE;YACf,UAAU,GAAG,iBAAU,CAAC,MAAM,CAC5B,QAAQ,EACR,yIAAyI,EACzI,EAAE,CACH,CAAC;SACH;QACD,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,IAAI,eAAM,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAsB,EAAE,EAAE,EAAE,EAAE,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,MAAM,GAAG,GAAG,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;KAClH;AACH,CAAC;AAfD,wBAeC","file":"bounce.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender';\nimport type { IBounceParams } from '../../../types/common/bounce';\nimport { CustomEase } from './../../../../animate/util/util';\nimport { Bounce } from '../../../../animate/bounce';\n\nexport function bounce(graphic: IGraphic, params: IBounceParams) {\n  if (graphic) {\n    const { dy } = params;\n    let { customEase } = params;\n    const { y1, y2 } = graphic.AABBBounds;\n    const height = Math.abs(y1 - y2);\n    if (!customEase) {\n      customEase = CustomEase.create(\n        'bounce',\n        'M0,0 C0,0 0.058,1 0.2,1 0.346,1 0.41,0 0.53,0 0.559,0 0.681,-0.002 0.702,0.011 0.788,0.065 0.774,0.212 0.853,0.212 0.928,0.212 1,0 1,0 ',\n        {}\n      );\n    }\n    graphic.animate().play(new Bounce({}, {}, 3000, 'linear' as EasingType, { dy: dy ?? height * 0.2, customEase }));\n  }\n}\n"]}

package/cjs/dsl/story-processor/graphic/effect/disappear.d.ts

@@ -0,0 +1,38 @@
+import type { IGraphic } from '@visactor/vrender';
+import type { IAnimationParams } from '../../../types';
+import type { IGraphicDisappearPayLoad } from '../../../types/graphic/disappear';
+export interface IFadeOutParams extends IAnimationParams {
+    opacity?: 'left' | 'right' | 'top' | 'bottom';
+    fade?: {
+        opacity?: number;
+        duration?: number;
+        easing?: string;
+        isBaseOpacity?: string;
+    };
+}
+export interface IScaleOutParams extends IAnimationParams {
+    ratio?: number;
+    scale?: {
+        ratio?: number;
+        duration?: number;
+        easing?: string;
+    };
+}
+export interface IMoveOutParams extends IAnimationParams {
+    to?: 'left' | 'right' | 'top' | 'bottom';
+    move?: {
+        to?: 'left' | 'right' | 'top' | 'bottom';
+        isVariableSpeed?: boolean;
+        duration?: number;
+        easing?: string;
+    };
+}
+export declare function fadeOut(graphic: IGraphic, params: IFadeOutParams): boolean;
+export declare function scaleOut(graphic: IGraphic, params: IScaleOutParams): boolean;
+export declare function moveOut(graphic: IGraphic, params: IMoveOutParams): boolean;
+export declare const disappearEffectMap: {
+    fade: typeof fadeOut;
+    scale: typeof scaleOut;
+    move: typeof moveOut;
+};
+export declare function commonDisappearEffect(graphic: IGraphic, effect: string, params: IGraphicDisappearPayLoad['animation']): boolean;