@visactor/vstory 0.0.2 → 0.0.4-alpha.1

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

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

@@ -1,8 +1,6 @@
-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

@@ -7,9 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 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"

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

@@ -1 +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"]}
+{"version":3,"sources":["../src/dsl/story-chart/pie.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAEzC,mCAAqC;AAKrC,MAAa,QAAS,SAAQ,kBAAU;IAGtC,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

@@ -1,14 +1 @@
-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

@@ -1,55 +1 @@
-"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
+//# sourceMappingURL=index.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../src/dsl/story-executor/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["// import { IVChart, IChartSpec } from '@visactor/vchart';\n// import { StoryChart } from '../story-chart';\n// import { processorMap } from '../story-processor';\n// import { ActionNode } from '../types';\n\n// export interface StoryPlayerOption {\n//   chartInstance: IVChart;\n//   spec: IChartSpec;\n// }\n\n// export 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/effect/appear.js

@@ -4,7 +4,7 @@ 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");
+const vutils_1 = require("@visactor/vutils"), typewriter_1 = require("../effect/typewriter"), util_1 = require("../util");
 
 function fadeIn(graphic, params) {
     var _a, _b, _c, _d, _e;
@@ -110,10 +110,10 @@ function moveIn(graphic, params) {
 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;
+    const {wipe: wipe = {}} = params, {fill: fill} = (_b = null !== (_a = wipe.from) && void 0 !== _a ? _a : params.from, 
+    null !== (_c = wipe.duration) && void 0 !== _c || params.duration, null !== (_d = wipe.easing) && void 0 !== _d || params.easing, 
+    graphic.attribute);
+    return (0, vutils_1.isString)(fill) || (0, vutils_1.isObject)(fill), !0;
 }
 
 exports.fadeIn = fadeIn, exports.scaleIn = scaleIn, exports.moveIn = moveIn, exports.wipeIn = wipeIn, 

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

@@ -1 +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"]}
+{"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';\n// import { 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"]}