@visactor/vstory 0.0.1 → 0.0.3

package/dist/index.js

@@ -29441,6 +29441,7 @@
   var StoryGraphicType;
   (function (StoryGraphicType) {
       StoryGraphicType["RECT"] = "RectComponent";
+      StoryGraphicType["SHAPE"] = "ShapeComponent";
       StoryGraphicType["LINE"] = "LineComponent";
       StoryGraphicType["ARC"] = "ArcComponent";
       StoryGraphicType["PATH"] = "PathComponent";
@@ -49912,6 +49913,41 @@
       }
   }
 
+  class GraphicSymbol extends Graphic {
+      getInitialAttributes() {
+          return {
+              x: 0,
+              y: 0,
+              width: 120,
+              height: 80,
+              angle: 0,
+              anchor: [60, 40],
+              lineWidth: 2,
+              stroke: '#000000',
+              shapePoints: [],
+              symbolType: 'circle'
+          };
+      }
+      init() {
+          var _a, _b;
+          if (!this._graphic) {
+              this._graphic = createSymbol(this._transformAttributes(Object.assign(Object.assign({}, this.getInitialAttributes()), ((_b = (_a = this._character.spec.options) === null || _a === void 0 ? void 0 : _a.graphic) !== null && _b !== void 0 ? _b : {}))));
+              this._graphic.name = `graphic-symbol-${this._character.id}`;
+              this._character.getGraphicParent().add(this._graphic);
+          }
+      }
+  }
+
+  class CharacterComponentShape extends CharacterComponent {
+      constructor() {
+          super(...arguments);
+          this.graphicType = 'shape';
+      }
+      _createGraphic() {
+          return new GraphicSymbol(StoryGraphicType.SHAPE, this);
+      }
+  }
+
   preLoadAllModule();
   loadBrowserEnv(container);
   vglobal.setEnv('browser');
@@ -51350,7 +51386,12 @@
                   break;
           }
       }
-      graphic.animate().to({ x: toX, y: toY }, duration, easing);
+      graphic
+          .animate()
+          .to({ x: toX, y: toY }, duration, easing)
+          .onEnd(() => {
+          graphic.setAttributes({ visible: false, visibleAll: false });
+      });
       return true;
   }
   const disappearEffectMap = {
@@ -52668,14 +52709,10 @@
       style: styleProcessor,
       bounce: bounceProcessor
   };
-  const processorMarkMap = {
-      [StoryGraphicType.RECT]: Object.assign({}, commonMarkProcessor),
-      [StoryGraphicType.QIPAO]: Object.assign({}, commonMarkProcessor),
-      [StoryGraphicType.TEXT]: Object.assign({}, commonMarkProcessor),
-      [StoryGraphicType.RICH_TEXT]: Object.assign({}, commonMarkProcessor),
-      [StoryGraphicType.LINE]: Object.assign({}, commonMarkProcessor),
-      [StoryGraphicType.IMAGE]: Object.assign({}, commonMarkProcessor)
-  };
+  const processorMarkMap = {};
+  Object.values(StoryGraphicType).forEach(type => {
+      processorMarkMap[type] = commonMarkProcessor;
+  });
   const processorMap = Object.assign(Object.assign(Object.assign({}, processorChartMap), processorComponentMap), processorMarkMap);
 
   class Ticker {
@@ -52911,6 +52948,7 @@
       StoryFactory.registerCharacter(StoryGraphicType.QIPAO, CharacterComponentQipao);
       StoryFactory.registerCharacter(StoryGraphicType.LINE, CharacterComponentLine);
       StoryFactory.registerCharacter(StoryGraphicType.IMAGE, CharacterComponentImage);
+      StoryFactory.registerCharacter(StoryGraphicType.SHAPE, CharacterComponentShape);
       container.load(splitModule);
   }
   registerCharacter();