@visactor/vstory 0.0.11 → 0.0.13

package/dist/index.js

@@ -25359,7 +25359,7 @@
         scaleX = _params$scaleX === void 0 ? 1 : _params$scaleX,
         _params$scaleY = params.scaleY,
         scaleY = _params$scaleY === void 0 ? 1 : _params$scaleY;
-      this._container && this._initCanvasByContainer(dpr), params.canvas && this._initCanvasByCanvas(canvas, width, height, dpr), this._stage.background = background, this._stage.defaultLayer.setAttributes({
+      this._container && this._initCanvasByContainer(width, height, dpr), params.canvas && this._initCanvasByCanvas(canvas, width, height, dpr), this._stage.background = background, this._stage.defaultLayer.setAttributes({
         background: layerBackground
       }), this._stage.defaultLayer.scale(scaleX, scaleY);
     }
@@ -25380,12 +25380,12 @@
       }
     }, {
       key: "_initCanvasByContainer",
-      value: function _initCanvasByContainer(dpr) {
+      value: function _initCanvasByContainer(width, height, dpr) {
         var container = this._container;
         if (!container) return;
         var canvas = document.createElement("canvas");
         canvas.id = "_visactor_story_canvas_".concat(this._story.id), this._canvas = canvas, container.appendChild(canvas);
-        var stage = this._initCanvas(canvas, container.clientWidth, container.clientHeight, dpr);
+        var stage = this._initCanvas(canvas, null != width ? width : container.clientWidth, null != height ? height : container.clientHeight, dpr);
         this._stage = stage;
       }
     }, {
@@ -108581,10 +108581,12 @@
     }
   };
   var arcGrowRadius = function arcGrowRadius(instance, animation, option) {
-      var duration = animation.duration,
-        loop = animation.loop,
-        oneByOne = animation.oneByOne,
-        easing = animation.easing,
+      var _a, _b;
+      var _getCustomParams = getCustomParams(animation, null !== (_a = animation.delayPerTime) && void 0 !== _a ? _a : 60, null !== (_b = animation.enterPerTime) && void 0 !== _b ? _b : 100),
+        duration = _getCustomParams.duration,
+        loop = _getCustomParams.loop,
+        oneByOne = _getCustomParams.oneByOne,
+        easing = _getCustomParams.easing,
         disappear = option.disappear;
       return {
         type: disappear ? "growRadiusOut" : "growRadiusIn",
@@ -108595,10 +108597,12 @@
       };
     },
     arcGrowAngle = function arcGrowAngle(instance, animation, option) {
-      var duration = animation.duration,
-        loop = animation.loop,
-        oneByOne = animation.oneByOne,
-        easing = animation.easing,
+      var _a, _b;
+      var _getCustomParams2 = getCustomParams(animation, null !== (_a = animation.delayPerTime) && void 0 !== _a ? _a : 60, null !== (_b = animation.enterPerTime) && void 0 !== _b ? _b : 100),
+        duration = _getCustomParams2.duration,
+        loop = _getCustomParams2.loop,
+        oneByOne = _getCustomParams2.oneByOne,
+        easing = _getCustomParams2.easing,
         disappear = option.disappear;
       return {
         type: disappear ? "growAngleOut" : "growAngleIn",
@@ -108612,10 +108616,12 @@
       };
     },
     arcFade = function arcFade(instance, animation, option) {
-      var duration = animation.duration,
-        loop = animation.loop,
-        oneByOne = animation.oneByOne,
-        easing = animation.easing,
+      var _a, _b;
+      var _getCustomParams3 = getCustomParams(animation, null !== (_a = animation.delayPerTime) && void 0 !== _a ? _a : 60, null !== (_b = animation.enterPerTime) && void 0 !== _b ? _b : 100),
+        duration = _getCustomParams3.duration,
+        loop = _getCustomParams3.loop,
+        oneByOne = _getCustomParams3.oneByOne,
+        easing = _getCustomParams3.easing,
         disappear = option.disappear;
       return {
         type: disappear ? "fadeOut" : "fadeIn",
@@ -108627,11 +108633,11 @@
     },
     pieLeap = function pieLeap(instance, animation) {
       var _a, _b, _c, _d;
-      var _getCustomParams = getCustomParams(animation, null !== (_b = null !== (_a = animation.delayPerTime) && void 0 !== _a ? _a : PieLeap.delayPerTime) && void 0 !== _b ? _b : 50, null !== (_d = null !== (_c = animation.enterPerTime) && void 0 !== _c ? _c : PieLeap.enterPerTime) && void 0 !== _d ? _d : 300),
-        duration = _getCustomParams.duration,
-        loop = _getCustomParams.loop,
-        oneByOne = _getCustomParams.oneByOne,
-        easing = _getCustomParams.easing;
+      var _getCustomParams4 = getCustomParams(animation, null !== (_b = null !== (_a = animation.delayPerTime) && void 0 !== _a ? _a : PieLeap.delayPerTime) && void 0 !== _b ? _b : 50, null !== (_d = null !== (_c = animation.enterPerTime) && void 0 !== _c ? _c : PieLeap.enterPerTime) && void 0 !== _d ? _d : 300),
+        duration = _getCustomParams4.duration,
+        loop = _getCustomParams4.loop,
+        oneByOne = _getCustomParams4.oneByOne,
+        easing = _getCustomParams4.easing;
       return {
         channel: ["x", "y", "innerRadius", "outerRadius"],
         custom: PieLeap,
@@ -108896,6 +108902,14 @@
     return getCharacterGraphic(character);
   }
 
+  var bounce2Str = "M 0 -0.545 C 0.024 -0.045 0.068 0.414 0.21 0.429 C 0.36 0.436 0.396 -0.258 0.521 -0.237 C 0.626 -0.232 0.634 0.131 0.717 0.128 C 0.827 0.133 0.827 -0.073 0.91 -0.083 C 0.962 -0.086 1 0 1 0",
+    bounce3Str = "M 0 -0.545 C 0.024 -0.045 0.052 0.358 0.216 0.381 C 0.321 0.368 0.37 -0.122 0.506 -0.114 C 0.615 -0.12 0.668 0.094 0.837 0.092 C 0.923 0.087 0.973 0.034 1.004 -0.005",
+    bounce4Str = "M 0 -0.545 C 0.024 -0.045 0.075 0.389 0.216 0.381 C 0.36 0.376 0.425 -0.133 0.756 -0.127 C 0.918 -0.109 0.973 -0.057 1.007 0.003",
+    bounceMap = {
+      bounce2: bounce2Str,
+      bounce3: bounce3Str,
+      bounce4: bounce4Str
+    };
   function bounce(character, animation, params) {
     var graphic = getCharacterParentGraphic(character);
     if (graphic) {
@@ -108906,7 +108920,8 @@
       !1 === visible && (graphic.attribute.visible = !0);
       var height = graphic.AABBBounds.height();
       !1 === visible && graphic.setAttribute("visible", !1), graphic.animate().play(new Bounce({}, {}, duration, easing, {
-        dy: null != dy ? dy : .2 * height
+        dy: (params.flipY ? -1 : 1) * (null != dy ? dy : .2 * height),
+        customEase: params.customEase || bounceMap[params.type]
       }));
     }
   }
@@ -108988,7 +109003,7 @@
           graphic = characters[characters.length - 1],
           componentStyle = Object.assign({}, panelStyle);
         ["x", "y", "dx", "dy", "scaleX", "scaleY", "width", "height"].forEach(function (key) {
-          key in componentStyle && (componentStyle[key] = graphicStyle[key], delete componentStyle[key]);
+          key in graphicStyle && (componentStyle[key] = graphicStyle[key], delete graphicStyle[key]);
         }), component && (component.styleAnimate ? component.styleAnimate(componentStyle, animation) : component.animate().to(componentStyle, duration, easing)), graphic && graphicStyle && (graphic.styleAnimate ? graphic.styleAnimate(graphicStyle, animation) : graphic.animate().to(graphicStyle, duration, easing)), text && textStyle && text.animate().to(textStyle, duration, easing);
       }
     }]);
@@ -110447,14 +110462,26 @@
       initVR();
   }
 
+  exports.ACTION_TYPE = ACTION_TYPE;
+  exports.BaseComponentWithText = BaseComponentWithText;
+  exports.BaseRuntime = BaseRuntime;
+  exports.CharacterComponent = CharacterComponent;
   exports.CommonBounceActionProcessor = CommonBounceActionProcessor;
+  exports.CommonMoveToActionProcessor = CommonMoveToActionProcessor;
+  exports.CommonScaleToActionProcessor = CommonScaleToActionProcessor;
+  exports.CommonStyleActionProcessor = CommonStyleActionProcessor;
+  exports.CommonVisibilityActionProcessor = CommonVisibilityActionProcessor;
   exports.GlobalTickerStore = GlobalTickerStore;
   exports.Player = Player$1;
   exports.ProcessorRegistry = ProcessorRegistry;
   exports.Story = Story;
+  exports.StoryFactory = StoryFactory;
   exports.createStory = createStory;
   exports.createUnitTemplate = createUnitTemplate;
   exports.decompressData = decompressData;
+  exports.getCharacterByEffect = getCharacterByEffect;
+  exports.getCharacterGraphic = getCharacterGraphic;
+  exports.getCharacterParentGraphic = getCharacterParentGraphic;
   exports.globalProcessorRegistry = globalProcessorRegistry;
   exports.globalTickerStore = globalTickerStore;
   exports.initVR = initVR;