add 增加logicflow流程图预览

src/components/Process/js/serial.js

@@ -0,0 +1,55 @@
+import { h, PolygonNode, PolygonNodeModel } from '@logicflow/core';
+
+class SerialModel extends PolygonNodeModel {
+  static extendKey = 'SerialModel';
+  constructor(data, graphModel) {
+    if (!data.text) {
+      data.text = '';
+    }
+    if (data.text && typeof data.text === 'string') {
+      data.text = {
+        value: data.text,
+        x: data.x,
+        y: data.y + 40
+      };
+    }
+    super(data, graphModel);
+    this.points = [
+      [25, 0],
+      [50, 25],
+      [25, 50],
+      [0, 25]
+    ];
+  }
+}
+
+class SerialView extends PolygonNode {
+  static extendKey = 'SerialNode';
+  getShape() {
+    const { model } = this.props;
+    const { x, y, width, height, points } = model;
+    const style = model.getNodeStyle();
+    return h(
+      'g',
+      {
+        transform: `matrix(1 0 0 1 ${x - width / 2} ${y - height / 2})`
+      },
+      h('polygon', {
+        ...style,
+        x,
+        y,
+        points
+      }),
+      h('path', {
+        d: 'm 16,15 7.42857142857143,9.714285714285715 -7.42857142857143,9.714285714285715 3.428571428571429,0 5.714285714285715,-7.464228571428572 5.714285714285715,7.464228571428572 3.428571428571429,0 -7.42857142857143,-9.714285714285715 7.42857142857143,-9.714285714285715 -3.428571428571429,0 -5.714285714285715,7.464228571428572 -5.714285714285715,-7.464228571428572 -3.428571428571429,0 z',
+        ...style
+      })
+    );
+  }
+}
+
+export default {
+  type: 'serial',
+  view: SerialView,
+  model: SerialModel
+};