@visactor/vstory 0.0.7 → 0.0.8-alpha.1

package/cjs/constants/character.d.ts

@@ -11,7 +11,8 @@ export declare enum StoryComponentType {
     TEXT = "Text",
     QIPAO = "Qipao",
     IMAGE = "Image",
-    TIMELINE = "Timeline"
+    TIMELINE = "Timeline",
+    UNIT = "Unit"
 }
 export declare const enum StoryChartComponentType {
     MARK_POINT = "markPoint",

package/cjs/constants/character.js

@@ -10,7 +10,8 @@ function(StoryChartType) {
 }(StoryChartType = exports.StoryChartType || (exports.StoryChartType = {})), function(StoryComponentType) {
     StoryComponentType.RECT = "Rect", StoryComponentType.SHAPE = "Shape", StoryComponentType.LINE = "Line", 
     StoryComponentType.ARC = "Arc", StoryComponentType.PATH = "Path", StoryComponentType.TEXT = "Text", 
-    StoryComponentType.QIPAO = "Qipao", StoryComponentType.IMAGE = "Image", StoryComponentType.TIMELINE = "Timeline";
+    StoryComponentType.QIPAO = "Qipao", StoryComponentType.IMAGE = "Image", StoryComponentType.TIMELINE = "Timeline", 
+    StoryComponentType.UNIT = "Unit";
 }(StoryComponentType = exports.StoryComponentType || (exports.StoryComponentType = {})), 
 function(StoryChartComponentType) {
     StoryChartComponentType.MARK_POINT = "markPoint", StoryChartComponentType.TITLE = "title";

package/cjs/constants/character.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants/character.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAGjB;AAHD,WAAkB,cAAc;IAC9B,mCAAiB,CAAA;IACjB,2CAAyB,CAAA;AAC3B,CAAC,EAHiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAG/B;AAED,IAAY,kBAYX;AAZD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IAEb,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;AACvB,CAAC,EAZW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAY7B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC","file":"character.js","sourcesContent":["export const enum StoryChartType {\n  VCHART = 'VChart',\n  RANKINGBAR = 'RankingBar'\n}\n\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  // RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}
+{"version":3,"sources":["../src/constants/character.ts"],"names":[],"mappings":";;;AAAA,IAAkB,cAGjB;AAHD,WAAkB,cAAc;IAC9B,mCAAiB,CAAA;IACjB,2CAAyB,CAAA;AAC3B,CAAC,EAHiB,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAG/B;AAED,IAAY,kBAaX;AAbD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,iCAAW,CAAA;IAEX,mCAAa,CAAA;IACb,mCAAa,CAAA;IAEb,qCAAe,CAAA;IACf,qCAAe,CAAA;IACf,2CAAqB,CAAA;IACrB,mCAAa,CAAA;AACf,CAAC,EAbW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAa7B;AAED,IAAkB,uBAGjB;AAHD,WAAkB,uBAAuB;IACvC,mDAAwB,CAAA;IACxB,0CAAe,CAAA;AACjB,CAAC,EAHiB,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGxC","file":"character.js","sourcesContent":["export const enum StoryChartType {\n  VCHART = 'VChart',\n  RANKINGBAR = 'RankingBar'\n}\n\nexport enum StoryComponentType {\n  RECT = 'Rect',\n  SHAPE = 'Shape',\n  LINE = 'Line',\n  ARC = 'Arc',\n  // AREA = 'AreaComponent',\n  PATH = 'Path',\n  TEXT = 'Text',\n  // RICH_TEXT = 'RichText',\n  QIPAO = 'Qipao',\n  IMAGE = 'Image',\n  TIMELINE = 'Timeline',\n  UNIT = 'Unit'\n}\n\nexport const enum StoryChartComponentType {\n  MARK_POINT = 'markPoint',\n  TITLE = 'title'\n}\n"]}

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

@@ -24,4 +24,4 @@ class StoryPie extends chart_1.StoryChart {
 }
 
 exports.StoryPie = StoryPie;
-//# sourceMappingURL=pie.js.map
+//# sourceMappingURL=pie.js.map

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

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

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

@@ -27,4 +27,4 @@ Object.defineProperty(exports, "processorMap", {
         return processorMap_1.processorMap;
     }
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -67,4 +67,4 @@ class ActionProcessor {
 }
 
 exports.ActionProcessor = ActionProcessor, ActionProcessor._instance = null;
-//# sourceMappingURL=processor.js.map
+//# sourceMappingURL=processor.js.map

package/cjs/dsl/types/Datum.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
-//# sourceMappingURL=Datum.js.map
+});

package/cjs/dsl/types/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./common"), exports), __exportStar(require("./chart"), exports), 
 __exportStar(require("./graphic"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/dsl/utils/datum.js

@@ -13,4 +13,4 @@ const vutils_1 = require("@visactor/vutils"), isDatumEqual = (source, target) =>
 };
 
 exports.isDatumEqual = isDatumEqual;
-//# sourceMappingURL=datum.js.map
+//# sourceMappingURL=datum.js.map

package/cjs/dsl/utils/flicker.js

@@ -15,4 +15,4 @@ const flickerEffect = group => {
 };
 
 exports.flickerEffect = flickerEffect;
-//# sourceMappingURL=flicker.js.map
+//# sourceMappingURL=flicker.js.map

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

@@ -13,4 +13,4 @@ class ImageSelection extends rect_selection_1.RectSelection {
 }
 
 exports.ImageSelection = ImageSelection;
-//# sourceMappingURL=image-selection.js.map
+//# sourceMappingURL=image-selection.js.map

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

@@ -13,4 +13,4 @@ function loadAllSelection() {
 }
 
 exports.loadAllSelection = loadAllSelection;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -27,4 +27,4 @@ class RectSelection extends richtext_selection_common_1.RichTextSelectionCommon
 }
 
 exports.RectSelection = RectSelection;
-//# sourceMappingURL=rect-selection.js.map
+//# sourceMappingURL=rect-selection.js.map

package/cjs/edit/edit-component/richtext-selection-common.js

@@ -32,4 +32,4 @@ class RichTextSelectionCommon extends base_selection_1.BaseSelection {
 }
 
 exports.RichTextSelectionCommon = RichTextSelectionCommon, (0, vutils_1.mixin)(RichTextSelectionCommon, richtext_1.RichTextMixin);
-//# sourceMappingURL=richtext-selection-common.js.map
+//# sourceMappingURL=richtext-selection-common.js.map

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

@@ -30,4 +30,4 @@ class RichTextSelection extends base_selection_1.BaseSelection {
 }
 
 exports.RichTextSelection = RichTextSelection;
-//# sourceMappingURL=richtext-selection.js.map
+//# sourceMappingURL=richtext-selection.js.map

package/cjs/edit/edit-component/shape-selection.js

@@ -32,4 +32,5 @@ class ShapeSelection extends rect_selection_1.RectSelection {
     }
 }
 
-exports.ShapeSelection = ShapeSelection;
+exports.ShapeSelection = ShapeSelection;
+//# sourceMappingURL=shape-selection.js.map

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

@@ -20,4 +20,4 @@ class TextSelection extends base_selection_1.BaseSelection {
 }
 
 exports.TextSelection = TextSelection;
-//# sourceMappingURL=text-selection.js.map
+//# sourceMappingURL=text-selection.js.map

package/cjs/index.d.ts

@@ -3,3 +3,4 @@ export * from './edit';
 export * from './story/utils/vchart-pick';
 export * from './story/utils/chart';
 export * from './story/utils/layout';
+export * from './template/unit';

package/cjs/index.js

@@ -23,4 +23,4 @@ const story_1 = require("./story");
 
 (0, story_1.registerCharacter)(), __exportStar(require("./story"), exports), __exportStar(require("./edit"), exports), 
 __exportStar(require("./story/utils/vchart-pick"), exports), __exportStar(require("./story/utils/chart"), exports), 
-__exportStar(require("./story/utils/layout"), exports);
+__exportStar(require("./story/utils/layout"), exports), __exportStar(require("./template/unit"), exports);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mCAA4C;AAE5C,IAAA,yBAAiB,GAAE,CAAC;AAEpB,0CAAwB;AACxB,yCAAuB;AACvB,4DAA0C;AAC1C,sDAAoC;AACpC,uDAAqC","file":"index.js","sourcesContent":["import { registerCharacter } from './story';\n\nregisterCharacter();\n\nexport * from './story';\nexport * from './edit';\nexport * from './story/utils/vchart-pick';\nexport * from './story/utils/chart';\nexport * from './story/utils/layout';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mCAA4C;AAE5C,IAAA,yBAAiB,GAAE,CAAC;AAEpB,0CAAwB;AACxB,yCAAuB;AACvB,4DAA0C;AAC1C,sDAAoC;AACpC,uDAAqC;AAErC,kDAAgC","file":"index.js","sourcesContent":["import { registerCharacter } from './story';\n\nregisterCharacter();\n\nexport * from './story';\nexport * from './edit';\nexport * from './story/utils/vchart-pick';\nexport * from './story/utils/chart';\nexport * from './story/utils/layout';\n\nexport * from './template/unit';\n"]}

package/cjs/interface/type.js

@@ -2,5 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
-//# sourceMappingURL=type.js.map
+});

package/cjs/player/processor/component/unit/unit-action.d.ts

@@ -0,0 +1,11 @@
+import type { ICharacter } from '../../../../story/character';
+import type { IStyleParams, IUnitStyleAction } from '../../interface/unit-action';
+import { CommonStyleActionProcessor, CommonVisibilityActionProcessor } from '../common-component';
+export declare class UnitVisibilityActionProcessor extends CommonVisibilityActionProcessor {
+    name: 'appearOrDisAppear';
+    getEffectFunc(effect: string, appear: boolean): typeof import("../../common/scale-processor").scaleIn | typeof import("../../common/move-processor").moveIn | typeof style;
+}
+export declare class UnitStyleActionProcessor extends CommonStyleActionProcessor {
+    run(character: ICharacter, actionSpec: IUnitStyleAction): void;
+}
+export declare function style(character: ICharacter, animation: IStyleParams, effect: string): void;

package/cjs/player/processor/component/unit/unit-action.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.style = exports.UnitStyleActionProcessor = exports.UnitVisibilityActionProcessor = void 0;
+
+const common_1 = require("../../common/common"), common_component_1 = require("../common-component");
+
+class UnitVisibilityActionProcessor extends common_component_1.CommonVisibilityActionProcessor {
+    getEffectFunc(effect, appear) {
+        return "style" === effect ? style : super.getEffectFunc(effect, appear);
+    }
+}
+
+exports.UnitVisibilityActionProcessor = UnitVisibilityActionProcessor;
+
+class UnitStyleActionProcessor extends common_component_1.CommonStyleActionProcessor {
+    run(character, actionSpec) {
+        style(character, actionSpec.payload.animation, actionSpec.payload.animation.effect);
+    }
+}
+
+function style(character, animation, effect) {
+    _style((0, common_1.getCharacterByEffect)(character, effect)[0], animation);
+}
+
+function _style(graphic, params) {
+    const {styleFunc: styleFunc, startIndex: startIndex, endIndex: endIndex, style: style, stagger: {enable: staggerEnable, ratio: staggerRatio = .25}} = params, symbols = graphic.getChildren(), start = null != startIndex ? startIndex : 0, end = null != endIndex ? endIndex : symbols.length - 1;
+    symbols.forEach(((symbol, index) => {
+        const duration = staggerEnable ? params.duration * staggerRatio : params.duration, delay = staggerEnable ? Math.random() * params.duration * (1 - staggerRatio) : 1;
+        styleFunc ? symbol.animate().wait(delay).to(styleFunc(index), duration, params.easing) : index >= start && index <= end && style && symbol.animate().wait(delay).to(style, duration, params.easing);
+    }));
+}
+
+exports.UnitStyleActionProcessor = UnitStyleActionProcessor, exports.style = style;
+//# sourceMappingURL=unit-action.js.map

package/cjs/player/processor/component/unit/unit-action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/component/unit/unit-action.ts"],"names":[],"mappings":";;;AAEA,gDAA2D;AAE3D,0DAAkG;AAElG,MAAa,6BAA8B,SAAQ,kDAA+B;IAGhF,aAAa,CAAC,MAAc,EAAE,MAAe;QAC3C,QAAQ,MAAM,EAAE;YACd,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC;SAChB;QACD,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,CAAC;CACF;AAVD,sEAUC;AAED,MAAa,wBAAyB,SAAQ,6CAA0B;IACtE,GAAG,CAAC,SAAqB,EAAE,UAA4B;QACrD,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACtF,CAAC;CACF;AAJD,4DAIC;AAED,SAAgB,KAAK,CAAC,SAAqB,EAAE,SAAuB,EAAE,MAAc;IAClF,MAAM,QAAQ,GAAG,IAAA,6BAAoB,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAC9B,CAAC;AAHD,sBAGC;AAED,SAAS,MAAM,CAAC,OAAiB,EAAE,MAAoB;IACrD,MAAM,EACJ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,EAAE,EAC/D,GAAG,MAAM,CAAC;IACX,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IACtC,MAAM,KAAK,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3C,OAAO,CAAC,OAAO,CAAC,CAAC,MAAe,EAAE,KAAK,EAAE,EAAE;QACzC,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC;QAClF,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvF,IAAI,SAAS,EAAE;YACb,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;SAC5E;aAAM,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;YAClD,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;SACjE;IACH,CAAC,CAAC,CAAC;AACL,CAAC","file":"unit-action.js","sourcesContent":["import type { IGraphic, ISymbol } from '@visactor/vrender-core';\nimport type { ICharacter } from '../../../../story/character';\nimport { getCharacterByEffect } from '../../common/common';\nimport type { IStyleParams, IUnitStyleAction } from '../../interface/unit-action';\nimport { CommonStyleActionProcessor, CommonVisibilityActionProcessor } from '../common-component';\n\nexport class UnitVisibilityActionProcessor extends CommonVisibilityActionProcessor {\n  name: 'appearOrDisAppear';\n\n  getEffectFunc(effect: string, appear: boolean) {\n    switch (effect) {\n      case 'style':\n        return style;\n    }\n    return super.getEffectFunc(effect, appear);\n  }\n}\n\nexport class UnitStyleActionProcessor extends CommonStyleActionProcessor {\n  run(character: ICharacter, actionSpec: IUnitStyleAction): void {\n    style(character, actionSpec.payload.animation, actionSpec.payload.animation.effect);\n  }\n}\n\nexport function style(character: ICharacter, animation: IStyleParams, effect: string) {\n  const graphics = getCharacterByEffect(character, effect)[0];\n  _style(graphics, animation);\n}\n\nfunction _style(graphic: IGraphic, params: IStyleParams) {\n  const {\n    styleFunc,\n    startIndex,\n    endIndex,\n    style,\n    stagger: { enable: staggerEnable, ratio: staggerRatio = 0.25 }\n  } = params;\n  const symbols = graphic.getChildren();\n  const start = startIndex ?? 0;\n  const end = endIndex ?? symbols.length - 1;\n  symbols.forEach((symbol: ISymbol, index) => {\n    const duration = staggerEnable ? params.duration * staggerRatio : params.duration;\n    const delay = staggerEnable ? Math.random() * params.duration * (1 - staggerRatio) : 1;\n    if (styleFunc) {\n      symbol.animate().wait(delay).to(styleFunc(index), duration, params.easing);\n    } else if (index >= start && index <= end && style) {\n      symbol.animate().wait(delay).to(style, duration, params.easing);\n    }\n  });\n}\n"]}

package/cjs/player/processor/interface/appear-action.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/interface/appear-action.ts"],"names":[],"mappings":"","file":"appear-action.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\nimport type { IAction, IActionPayload, IAnimationParams } from './common-action';\n\nexport interface IChartVisibilityPayload extends IActionPayload {\n  animation: IAnimationParams & {\n    oneByOne: boolean;\n    /**\n     * 柱状图支持: 'grow' | 'fade' | 'bounce'\n     * 折线图支持: 'grow' | 'fade'\n     * 饼图支持: 'grow' | 'fade' | 'growAngle' | 'growRadius'\n     */\n    effect: string | string[];\n  };\n  fade?: { isBaseOpacity?: boolean };\n}\n\nexport interface IChartVisibilityAction extends IAction<IChartVisibilityPayload> {\n  action: 'appear';\n}\n\n// components\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 interface IMoveToParams extends IAnimationParams {\n  destination: { x: number; y: number };\n}\n\nexport interface IMoveParams extends IAnimationParams {\n  pos?: 'left' | 'right' | 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\n  move?: {\n    /**\n     * @default left\n     */\n    pos?: IMoveParams['pos'];\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 IScaleToParams extends IAnimationParams {\n  scale: { scaleX: number; scaleY: number };\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 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 type ITypeWriterParams = IAnimationParams;\nexport interface IComponentAppearPayLoad extends IActionPayload {\n  animation: IFadeInParams | IScaleInParams | IWipeInParams;\n}\n\nexport interface IComponentVisibilityAction extends IAction<IComponentAppearPayLoad> {\n  action: 'appear' | 'disappear';\n}\n\nexport type AppearOption = Omit<IChartVisibilityAction, 'action' | 'data'>;\n"]}
+{"version":3,"sources":["../src/player/processor/interface/appear-action.ts"],"names":[],"mappings":"","file":"appear-action.js","sourcesContent":["import type { EasingType, ISymbolGraphicAttribute } from '@visactor/vrender-core';\nimport type { IAction, IActionPayload, IAnimationParams } from './common-action';\n\nexport interface IChartVisibilityPayload extends IActionPayload {\n  animation: IAnimationParams & {\n    oneByOne: boolean;\n    /**\n     * 柱状图支持: 'grow' | 'fade' | 'bounce'\n     * 折线图支持: 'grow' | 'fade'\n     * 饼图支持: 'grow' | 'fade' | 'growAngle' | 'growRadius'\n     */\n    effect: string | string[];\n  };\n  fade?: { isBaseOpacity?: boolean };\n}\n\nexport interface IChartVisibilityAction extends IAction<IChartVisibilityPayload> {\n  action: 'appear';\n}\n\n// components\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 interface IMoveToParams extends IAnimationParams {\n  destination: { x: number; y: number };\n}\n\nexport interface IMoveParams extends IAnimationParams {\n  pos?: 'left' | 'right' | 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\n  move?: {\n    /**\n     * @default left\n     */\n    pos?: IMoveParams['pos'];\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 IScaleToParams extends IAnimationParams {\n  scale: { scaleX: number; scaleY: number };\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 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 type ITypeWriterParams = IAnimationParams;\nexport interface IComponentAppearPayLoad extends IActionPayload {\n  animation: IFadeInParams | IScaleInParams | IWipeInParams;\n}\n\nexport interface IComponentVisibilityAction extends IAction<IComponentAppearPayLoad> {\n  action: 'appear' | 'disappear';\n}\n\nexport type AppearOption = Omit<IChartVisibilityAction, 'action' | 'data'>;\n"]}

package/cjs/player/processor/interface/unit-action.d.ts

@@ -0,0 +1,23 @@
+import type { ISymbolGraphicAttribute } from '@visactor/vrender-core';
+import type { IAction, IActionPayload, IAnimationParams } from './common-action';
+export interface IStyleParams extends IAnimationParams {
+    effect: 'style';
+    stagger?: {
+        enable?: boolean;
+        ratio?: number;
+    };
+    startIndex?: number;
+    endIndex?: number;
+    style?: ISymbolGraphicAttribute;
+    styleFunc?: (index: number) => ISymbolGraphicAttribute;
+}
+export interface IComponentUnitStylePayload extends IActionPayload {
+    animation: IStyleParams;
+}
+export interface IUnitStyleAction extends IAction<IComponentUnitStylePayload> {
+    action: 'style';
+    payload: IComponentUnitStylePayload;
+}
+export interface IUnitVisibilityAction extends IAction<IComponentUnitStylePayload> {
+    action: 'appear';
+}

package/cjs/player/processor/interface/unit-action.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=unit-action.js.map

package/cjs/player/processor/interface/unit-action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/processor/interface/unit-action.ts"],"names":[],"mappings":"","file":"unit-action.js","sourcesContent":["import type { ISymbolGraphicAttribute } from '@visactor/vrender-core';\nimport type { IAction, IActionPayload, IAnimationParams } from './common-action';\n\nexport interface IStyleParams extends IAnimationParams {\n  effect: 'style';\n  stagger?: {\n    /**\n     * @description Stagger the animation of multiple elements\n     * @default false\n     */\n    enable?: boolean;\n    /**\n     * @description The ratio of real animation duration to the total duration\n     * @default 1/4\n     */\n    ratio?: number;\n  };\n  startIndex?: number;\n  endIndex?: number;\n  style?: ISymbolGraphicAttribute;\n  styleFunc?: (index: number) => ISymbolGraphicAttribute;\n}\n\nexport interface IComponentUnitStylePayload extends IActionPayload {\n  animation: IStyleParams;\n}\n\nexport interface IUnitStyleAction extends IAction<IComponentUnitStylePayload> {\n  action: 'style';\n  payload: IComponentUnitStylePayload;\n}\n\nexport interface IUnitVisibilityAction extends IAction<IComponentUnitStylePayload> {\n  action: 'appear';\n}\n"]}

package/cjs/player/processor/processorMap.d.ts

@@ -7,6 +7,7 @@ import { TextVisibilityActionProcessor } from './component/text/text-visibility'
 import { TimelineStateActionProcessor, TimelineVisibilityActionProcessor } from './component/timeline/timeline-visibility';
 import { CommonBounceActionProcessor, CommonMoveToActionProcessor, CommonScaleToActionProcessor, CommonStyleActionProcessor } from './component/common-component';
 import { RankingBarPlayActionProcessor } from './chart/rankingBar/rankingBar';
+import { UnitVisibilityActionProcessor, UnitStyleActionProcessor } from './component/unit/unit-action';
 export declare const processorChartMap: {
     VChart: {
         [x: string]: VChartVisibilityActionProcessor | VChartUpdateActionProcessor | VChartAddActionProcessor | CommonBounceActionProcessor;
@@ -35,6 +36,9 @@ export declare const processorComponentMap: {
     Timeline: {
         [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | TimelineVisibilityActionProcessor | TimelineStateActionProcessor;
     };
+    Unit: {
+        [x: string]: CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | UnitVisibilityActionProcessor | UnitStyleActionProcessor;
+    };
 };
 export declare const processorMap: {
     Rect: {
@@ -55,6 +59,9 @@ export declare const processorMap: {
     Timeline: {
         [x: string]: CommonStyleActionProcessor | CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | TimelineVisibilityActionProcessor | TimelineStateActionProcessor;
     };
+    Unit: {
+        [x: string]: CommonMoveToActionProcessor | CommonScaleToActionProcessor | CommonBounceActionProcessor | UnitVisibilityActionProcessor | UnitStyleActionProcessor;
+    };
     VChart: {
         [x: string]: VChartVisibilityActionProcessor | VChartUpdateActionProcessor | VChartAddActionProcessor | CommonBounceActionProcessor;
     };

package/cjs/player/processor/processorMap.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.processorMap = exports.processorComponentMap = exports.processorChartMap = void 0;
 
-const action_1 = require("../../constants/action"), character_1 = require("../../constants/character"), image_visibility_1 = require("./component/image/image-visibility"), vchart_1 = require("./chart/vchart"), line_visibility_1 = require("./component/line/line-visibility"), rect_visibility_1 = require("./component/rect/rect-visibility"), shape_visibility_1 = require("./component/shape/shape-visibility"), text_visibility_1 = require("./component/text/text-visibility"), timeline_visibility_1 = require("./component/timeline/timeline-visibility"), common_component_1 = require("./component/common-component"), rankingBar_1 = require("./chart/rankingBar/rankingBar");
+const action_1 = require("../../constants/action"), character_1 = require("../../constants/character"), image_visibility_1 = require("./component/image/image-visibility"), vchart_1 = require("./chart/vchart"), line_visibility_1 = require("./component/line/line-visibility"), rect_visibility_1 = require("./component/rect/rect-visibility"), shape_visibility_1 = require("./component/shape/shape-visibility"), text_visibility_1 = require("./component/text/text-visibility"), timeline_visibility_1 = require("./component/timeline/timeline-visibility"), common_component_1 = require("./component/common-component"), rankingBar_1 = require("./chart/rankingBar/rankingBar"), unit_action_1 = require("./component/unit/unit-action");
 
 exports.processorChartMap = {
     VChart: {
@@ -69,6 +69,14 @@ exports.processorChartMap = {
         [action_1.ACTION_TYPE.SCALETO]: new common_component_1.CommonScaleToActionProcessor,
         [action_1.ACTION_TYPE.STATE]: new timeline_visibility_1.TimelineStateActionProcessor,
         [action_1.ACTION_TYPE.BOUNCE]: new common_component_1.CommonBounceActionProcessor
+    },
+    [character_1.StoryComponentType.UNIT]: {
+        [action_1.ACTION_TYPE.APPEAR]: new unit_action_1.UnitVisibilityActionProcessor,
+        [action_1.ACTION_TYPE.DISAPPEAR]: new unit_action_1.UnitVisibilityActionProcessor,
+        [action_1.ACTION_TYPE.STYLE]: new unit_action_1.UnitStyleActionProcessor,
+        [action_1.ACTION_TYPE.MOVETO]: new common_component_1.CommonMoveToActionProcessor,
+        [action_1.ACTION_TYPE.SCALETO]: new common_component_1.CommonScaleToActionProcessor,
+        [action_1.ACTION_TYPE.BOUNCE]: new common_component_1.CommonBounceActionProcessor
     }
 }, exports.processorMap = Object.assign(Object.assign({}, exports.processorChartMap), exports.processorComponentMap);
 //# sourceMappingURL=processorMap.js.map

package/cjs/player/processor/processorMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/processor/processorMap.ts"],"names":[],"mappings":"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","file":"processorMap.js","sourcesContent":["import { ACTION_TYPE, VCHART_ACTION_TYPE } from '../../constants/action';\nimport { StoryChartType, StoryComponentType } from '../../constants/character';\nimport { ImageVisibilityActionProcessor } from './component/image/image-visibility';\nimport { VChartAddActionProcessor, VChartUpdateActionProcessor, VChartVisibilityActionProcessor } from './chart/vchart';\nimport { LineVisibilityActionProcessor } from './component/line/line-visibility';\nimport { RectVisibilityActionProcessor } from './component/rect/rect-visibility';\nimport { ShapeVisibilityActionProcessor } from './component/shape/shape-visibility';\nimport { TextVisibilityActionProcessor } from './component/text/text-visibility';\nimport {\n  TimelineStateActionProcessor,\n  TimelineVisibilityActionProcessor\n} from './component/timeline/timeline-visibility';\nimport {\n  CommonBounceActionProcessor,\n  CommonMoveToActionProcessor,\n  CommonScaleToActionProcessor,\n  CommonStyleActionProcessor\n} from './component/common-component';\nimport { RankingBarPlayActionProcessor } from './chart/rankingBar/rankingBar';\n\nexport const processorChartMap = {\n  [StoryChartType.VCHART]: {\n    [ACTION_TYPE.APPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor(),\n    [VCHART_ACTION_TYPE.UPDATE]: new VChartUpdateActionProcessor(),\n    [VCHART_ACTION_TYPE.ADD]: new VChartAddActionProcessor()\n  },\n  [StoryChartType.RANKINGBAR]: {\n    [ACTION_TYPE.APPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor(),\n    play: new RankingBarPlayActionProcessor()\n  }\n};\n\nexport const processorComponentMap = {\n  [StoryComponentType.RECT]: {\n    [ACTION_TYPE.APPEAR]: new RectVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new RectVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.LINE]: {\n    [ACTION_TYPE.APPEAR]: new LineVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new LineVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.SHAPE]: {\n    [ACTION_TYPE.APPEAR]: new ShapeVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new ShapeVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.IMAGE]: {\n    [ACTION_TYPE.APPEAR]: new ImageVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new ImageVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.TEXT]: {\n    [ACTION_TYPE.APPEAR]: new TextVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new TextVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.TIMELINE]: {\n    [ACTION_TYPE.APPEAR]: new TimelineVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new TimelineVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.STATE]: new TimelineStateActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  }\n};\n\nexport const processorMap = {\n  ...processorChartMap,\n  ...processorComponentMap\n};\n"]}
+{"version":3,"sources":["../src/player/processor/processorMap.ts"],"names":[],"mappings":"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","file":"processorMap.js","sourcesContent":["import { ACTION_TYPE, VCHART_ACTION_TYPE } from '../../constants/action';\nimport { StoryChartType, StoryComponentType } from '../../constants/character';\nimport { ImageVisibilityActionProcessor } from './component/image/image-visibility';\nimport { VChartAddActionProcessor, VChartUpdateActionProcessor, VChartVisibilityActionProcessor } from './chart/vchart';\nimport { LineVisibilityActionProcessor } from './component/line/line-visibility';\nimport { RectVisibilityActionProcessor } from './component/rect/rect-visibility';\nimport { ShapeVisibilityActionProcessor } from './component/shape/shape-visibility';\nimport { TextVisibilityActionProcessor } from './component/text/text-visibility';\nimport {\n  TimelineStateActionProcessor,\n  TimelineVisibilityActionProcessor\n} from './component/timeline/timeline-visibility';\nimport {\n  CommonBounceActionProcessor,\n  CommonMoveToActionProcessor,\n  CommonScaleToActionProcessor,\n  CommonStyleActionProcessor\n} from './component/common-component';\nimport { RankingBarPlayActionProcessor } from './chart/rankingBar/rankingBar';\nimport { UnitVisibilityActionProcessor, UnitStyleActionProcessor } from './component/unit/unit-action';\n\nexport const processorChartMap = {\n  [StoryChartType.VCHART]: {\n    [ACTION_TYPE.APPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor(),\n    [VCHART_ACTION_TYPE.UPDATE]: new VChartUpdateActionProcessor(),\n    [VCHART_ACTION_TYPE.ADD]: new VChartAddActionProcessor()\n  },\n  [StoryChartType.RANKINGBAR]: {\n    [ACTION_TYPE.APPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new VChartVisibilityActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor(),\n    play: new RankingBarPlayActionProcessor()\n  }\n};\n\nexport const processorComponentMap = {\n  [StoryComponentType.RECT]: {\n    [ACTION_TYPE.APPEAR]: new RectVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new RectVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.LINE]: {\n    [ACTION_TYPE.APPEAR]: new LineVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new LineVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.SHAPE]: {\n    [ACTION_TYPE.APPEAR]: new ShapeVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new ShapeVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.IMAGE]: {\n    [ACTION_TYPE.APPEAR]: new ImageVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new ImageVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.TEXT]: {\n    [ACTION_TYPE.APPEAR]: new TextVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new TextVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.TIMELINE]: {\n    [ACTION_TYPE.APPEAR]: new TimelineVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new TimelineVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new CommonStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.STATE]: new TimelineStateActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  },\n  [StoryComponentType.UNIT]: {\n    [ACTION_TYPE.APPEAR]: new UnitVisibilityActionProcessor(),\n    [ACTION_TYPE.DISAPPEAR]: new UnitVisibilityActionProcessor(),\n    [ACTION_TYPE.STYLE]: new UnitStyleActionProcessor(),\n    [ACTION_TYPE.MOVETO]: new CommonMoveToActionProcessor(),\n    [ACTION_TYPE.SCALETO]: new CommonScaleToActionProcessor(),\n    [ACTION_TYPE.BOUNCE]: new CommonBounceActionProcessor()\n  }\n};\n\nexport const processorMap = {\n  ...processorChartMap,\n  ...processorComponentMap\n};\n"]}

package/cjs/scene/action.js

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

package/cjs/story/canvas/canvas.d.ts

@@ -8,10 +8,17 @@ export declare class StoryCanvas implements IStoryCanvas {
     protected _stage: IStage;
     getStage(): IStage;
     getCanvas(): HTMLCanvasElement;
-    protected _container: HTMLDivElement;
+    protected _container: HTMLDivElement | null;
     get container(): HTMLDivElement;
-    constructor(story: Story, container: HTMLDivElement);
-    protected _initCanvas(): void;
+    constructor(story: Story, params: {
+        container?: HTMLDivElement;
+        canvas?: HTMLCanvasElement;
+        width?: number;
+        height?: number;
+    });
+    resize(w: number, h: number): void;
+    protected _initCanvasByContainer(): void;
+    protected _initCanvasByCanvas(canvas: HTMLCanvasElement, width: number, height: number): void;
     getEventDetail(event: StoryEvent): {
         character: ICharacter;
         characterInfo: undefined;

package/cjs/story/canvas/canvas.js

@@ -19,25 +19,46 @@ class StoryCanvas {
     get container() {
         return this._container;
     }
-    constructor(story, container) {
-        this._story = story, this._container = container, this._initCanvas();
+    constructor(story, params) {
+        this._story = story, this._container = params.container, this._container && this._initCanvasByContainer(), 
+        params.canvas && this._initCanvasByCanvas(params.canvas, params.width || 500, params.height || 500);
     }
-    _initCanvas() {
+    resize(w, h) {
+        this._canvas && (this._canvas.width = w * vrender_1.vglobal.devicePixelRatio, this._canvas.height = h * vrender_1.vglobal.devicePixelRatio, 
+        this._canvas.style.width = w + "px", this._canvas.style.height = h + "px", this._stage.resize(w, h));
+    }
+    _initCanvasByContainer() {
         const canvas = document.createElement("canvas");
-        canvas.width = this._container.clientWidth * window.devicePixelRatio, canvas.height = this._container.clientHeight * window.devicePixelRatio, 
-        canvas.style.width = this._container.clientWidth + "px", canvas.style.height = this._container.clientHeight + "px", 
         canvas.style.position = "absolute", canvas.id = `_visactor_story_canvas_${this._story.id}`, 
         this._container.appendChild(canvas), this._canvas = canvas;
         const stage = (0, vrender_1.createStage)({
             canvas: this._canvas,
-            width: this._canvas.clientWidth,
-            height: this._canvas.clientHeight,
+            width: this._container.clientWidth,
+            height: this._container.clientHeight,
+            dpr: vrender_1.vglobal.devicePixelRatio,
+            canvasControled: !0,
+            autoRender: !0,
+            disableDirtyBounds: !0,
+            ticker: new vrender_1.ManualTicker([]),
+            pluginList: [ "RichTextEditPlugin" ],
+            event: {
+                clickInterval: 300
+            }
+        });
+        this._stage = stage;
+    }
+    _initCanvasByCanvas(canvas, width, height) {
+        this._canvas = canvas;
+        const stage = (0, vrender_1.createStage)({
+            canvas: this._canvas,
+            width: width,
+            height: height,
             canvasControled: !0,
             autoRender: !0,
             disableDirtyBounds: !0,
             ticker: new vrender_1.ManualTicker([]),
             pluginList: [ "RichTextEditPlugin" ],
-            dpr: window.devicePixelRatio,
+            dpr: vrender_1.vglobal.devicePixelRatio,
             event: {
                 clickInterval: 300
             }

package/cjs/story/canvas/canvas.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/story/canvas/canvas.ts"],"names":[],"mappings":";;;AAEA,+CAAoG;AACpG,+CAAmD;AAInD,IAAA,0BAAgB,GAAE,CAAC;AACnB,IAAA,wBAAc,EAAC,mBAAS,CAAC,CAAC;AAC1B,iBAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AAE1B,MAAa,WAAW;IAItB,QAAQ;QACN,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAGD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,YAAY,KAAY,EAAE,SAAyB;QACjD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAES,WAAW;QACnB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC;QACrE,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC;QACvE,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC;QACxD,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC;QAC1D,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACnC,MAAM,CAAC,EAAE,GAAG,0BAA0B,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;QACvD,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,MAAM,KAAK,GAAG,IAAA,qBAAW,EAAC;YACxB,MAAM,EAAE,IAAI,CAAC,OAAO;YACpB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW;YAC/B,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY;YACjC,eAAe,EAAE,IAAI;YAErB,UAAU,EAAE,IAAI;YAChB,kBAAkB,EAAE,IAAI;YACxB,MAAM,EAAE,IAAI,sBAAY,CAAC,EAAE,CAAC;YAC5B,UAAU,EAAE,CAAC,oBAAoB,CAAC;YAClC,GAAG,EAAE,MAAM,CAAC,gBAAgB;YAC5B,KAAK,EAAE;gBACL,aAAa,EAAE,GAAG;aACnB;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,cAAc,CAAC,KAAiB;QAE9B,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QACjD,IAAI,aAAa,CAAC;QAClB,IAAI,SAAqB,CAAC;QAC1B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YACjD,MAAM,aAAa,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC;YACvC,MAAM,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,IAAI,EAAE;gBACR,aAAa,GAAG,IAAI,CAAC;gBACrB,SAAS,GAAG,aAAa,CAAC;gBAC1B,OAAO,IAAI,CAAC;aACb;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,SAAS;YACT,aAAa;SACd,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;CACF;AA7ED,kCA6EC","file":"canvas.js","sourcesContent":["import type { Story } from '../story';\nimport type { IStage } from '@visactor/vrender';\nimport { createStage, vglobal, container, preLoadAllModule, ManualTicker } from '@visactor/vrender';\nimport { loadBrowserEnv } from '@visactor/vrender';\nimport type { IStoryCanvas, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacter } from '../character/runtime-interface';\n\npreLoadAllModule();\nloadBrowserEnv(container);\nvglobal.setEnv('browser');\n\nexport class StoryCanvas implements IStoryCanvas {\n  protected _story: Story;\n  protected _canvas: HTMLCanvasElement;\n  protected _stage: IStage;\n  getStage() {\n    return this._stage;\n  }\n\n  getCanvas() {\n    return this._canvas;\n  }\n\n  protected _container: HTMLDivElement;\n  get container() {\n    return this._container;\n  }\n\n  constructor(story: Story, container: HTMLDivElement) {\n    this._story = story;\n    this._container = container;\n    this._initCanvas();\n  }\n\n  protected _initCanvas() {\n    const canvas = document.createElement('canvas');\n    canvas.width = this._container.clientWidth * window.devicePixelRatio;\n    canvas.height = this._container.clientHeight * window.devicePixelRatio;\n    canvas.style.width = this._container.clientWidth + 'px';\n    canvas.style.height = this._container.clientHeight + 'px';\n    canvas.style.position = 'absolute';\n    canvas.id = `_visactor_story_canvas_${this._story.id}`;\n    this._container.appendChild(canvas);\n    this._canvas = canvas;\n    const stage = createStage({\n      canvas: this._canvas,\n      width: this._canvas.clientWidth,\n      height: this._canvas.clientHeight,\n      canvasControled: true,\n      // 得开启自动渲染，否则编辑场景中无法触发视图更新\n      autoRender: true,\n      disableDirtyBounds: true,\n      ticker: new ManualTicker([]),\n      pluginList: ['RichTextEditPlugin'],\n      dpr: window.devicePixelRatio,\n      event: {\n        clickInterval: 300\n      }\n    });\n    // @ts-ignore\n    this._stage = stage;\n  }\n\n  getEventDetail(event: StoryEvent) {\n    // 得到交互元素的详细信息\n    const characterMap = this._story.getCharacters();\n    let characterInfo;\n    let character: ICharacter;\n    Object.keys(this._story.getCharacters()).find(id => {\n      const characterTemp = characterMap[id];\n      const info = characterTemp.checkEvent(event);\n      if (info) {\n        characterInfo = info;\n        character = characterTemp;\n        return true;\n      }\n      return false;\n    });\n\n    return {\n      character,\n      characterInfo\n    };\n  }\n\n  release() {\n    this._stage.release();\n  }\n}\n"]}
+{"version":3,"sources":["../src/story/canvas/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import type { Story } from '../story';\nimport type { IStage } from '@visactor/vrender';\nimport { createStage, vglobal, container, preLoadAllModule, ManualTicker } from '@visactor/vrender';\nimport { loadBrowserEnv } from '@visactor/vrender';\nimport type { IStoryCanvas, StoryEvent } from '../interface/runtime-interface';\nimport type { ICharacter } from '../character/runtime-interface';\n\npreLoadAllModule();\nloadBrowserEnv(container);\nvglobal.setEnv('browser');\n\nexport class StoryCanvas implements IStoryCanvas {\n  protected _story: Story;\n  protected _canvas: HTMLCanvasElement;\n  protected _stage: IStage;\n  getStage() {\n    return this._stage;\n  }\n\n  getCanvas() {\n    return this._canvas;\n  }\n\n  protected _container: HTMLDivElement | null;\n  get container() {\n    return this._container;\n  }\n\n  constructor(\n    story: Story,\n    params: {\n      container?: HTMLDivElement;\n      canvas?: HTMLCanvasElement;\n      width?: number;\n      height?: number;\n    }\n  ) {\n    this._story = story;\n    this._container = params.container;\n    this._container && this._initCanvasByContainer();\n    params.canvas && this._initCanvasByCanvas(params.canvas, params.width || 500, params.height || 500);\n  }\n\n  resize(w: number, h: number) {\n    if (this._canvas) {\n      this._canvas.width = w * vglobal.devicePixelRatio;\n      this._canvas.height = h * vglobal.devicePixelRatio;\n      this._canvas.style.width = w + 'px';\n      this._canvas.style.height = h + 'px';\n      this._stage.resize(w, h);\n    }\n  }\n\n  protected _initCanvasByContainer() {\n    const canvas = document.createElement('canvas');\n    canvas.style.position = 'absolute';\n    canvas.id = `_visactor_story_canvas_${this._story.id}`;\n    this._container.appendChild(canvas);\n    this._canvas = canvas;\n    const stage = createStage({\n      canvas: this._canvas,\n      width: this._container.clientWidth,\n      height: this._container.clientHeight,\n      dpr: vglobal.devicePixelRatio,\n      canvasControled: true,\n      // 得开启自动渲染，否则编辑场景中无法触发视图更新\n      autoRender: true,\n      disableDirtyBounds: true,\n      ticker: new ManualTicker([]),\n      pluginList: ['RichTextEditPlugin'],\n      event: {\n        clickInterval: 300\n      }\n    });\n    // @ts-ignore\n    this._stage = stage;\n  }\n\n  protected _initCanvasByCanvas(canvas: HTMLCanvasElement, width: number, height: number) {\n    this._canvas = canvas;\n    const stage = createStage({\n      canvas: this._canvas,\n      width,\n      height,\n      canvasControled: true,\n      // 得开启自动渲染，否则编辑场景中无法触发视图更新\n      autoRender: true,\n      disableDirtyBounds: true,\n      ticker: new ManualTicker([]),\n      pluginList: ['RichTextEditPlugin'],\n      dpr: vglobal.devicePixelRatio,\n      event: {\n        clickInterval: 300\n      }\n    });\n    // @ts-ignore\n    this._stage = stage;\n  }\n\n  getEventDetail(event: StoryEvent) {\n    // 得到交互元素的详细信息\n    const characterMap = this._story.getCharacters();\n    let characterInfo;\n    let character: ICharacter;\n    Object.keys(this._story.getCharacters()).find(id => {\n      const characterTemp = characterMap[id];\n      const info = characterTemp.checkEvent(event);\n      if (info) {\n        characterInfo = info;\n        character = characterTemp;\n        return true;\n      }\n      return false;\n    });\n\n    return {\n      character,\n      characterInfo\n    };\n  }\n\n  release() {\n    this._stage.release();\n  }\n}\n"]}

package/cjs/story/character/component/characters/character-unit.d.ts

@@ -0,0 +1,6 @@
+import type { Graphic } from '../graphic/graphic';
+import { CharacterComponent } from '../character';
+export declare class CharacterComponentUnit extends CharacterComponent {
+    readonly graphicType: string;
+    protected _createGraphic(): Graphic;
+}

package/cjs/story/character/component/characters/character-unit.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CharacterComponentUnit = void 0;
+
+const character_1 = require("../character"), character_2 = require("../../../../constants/character"), unit_1 = require("../graphic/unit");
+
+class CharacterComponentUnit extends character_1.CharacterComponent {
+    constructor() {
+        super(...arguments), this.graphicType = "unit";
+    }
+    _createGraphic() {
+        return new unit_1.GraphicUnit(character_2.StoryComponentType.UNIT, this);
+    }
+}
+
+exports.CharacterComponentUnit = CharacterComponentUnit;
+//# sourceMappingURL=character-unit.js.map

package/cjs/story/character/component/characters/character-unit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/story/character/component/characters/character-unit.ts"],"names":[],"mappings":";;;AACA,4CAAkD;AAClD,+DAAqE;AACrE,0CAA8C;AAE9C,MAAa,sBAAuB,SAAQ,8BAAkB;IAA9D;;QACW,gBAAW,GAAW,MAAM,CAAC;IAIxC,CAAC;IAHW,cAAc;QACtB,OAAO,IAAI,kBAAW,CAAC,8BAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACxD,CAAC;CACF;AALD,wDAKC","file":"character-unit.js","sourcesContent":["import type { Graphic } from '../graphic/graphic';\nimport { CharacterComponent } from '../character';\nimport { StoryComponentType } from '../../../../constants/character';\nimport { GraphicUnit } from '../graphic/unit';\n\nexport class CharacterComponentUnit extends CharacterComponent {\n  readonly graphicType: string = 'unit';\n  protected _createGraphic(): Graphic {\n    return new GraphicUnit(StoryComponentType.UNIT, this);\n  }\n}\n"]}

package/cjs/story/character/component/graphic/unit.d.ts

@@ -0,0 +1,28 @@
+import { type IGroup, type ISymbolGraphicAttribute } from '@visactor/vrender';
+import { Graphic } from './graphic';
+interface IGraphicUnitAttributes {
+    width?: number;
+    height?: number;
+    padding?: {
+        top?: number;
+        bottom?: number;
+        right?: number;
+        left?: number;
+    };
+    count?: number;
+    styleFunc?: (index: number) => ISymbolGraphicAttribute;
+    gap?: [number, number];
+    aspect?: number;
+    direction?: 'horizontal' | 'vertical';
+}
+export declare class GraphicUnit extends Graphic {
+    protected _graphic: IGroup;
+    getInitialAttributes(): IGraphicUnitAttributes;
+    init(): void;
+    private _getContainerSize;
+    private _calculateGrid;
+    private _calculateMinPrimaryCount;
+    private _convergeGrid;
+    private _addUnitsToGraphic;
+}
+export {};