cnhis-design-vue 3.4.0-beta.4 → 3.4.0-beta.7

package/es/components/bpmn-workflow/src/custom/customModeler/customBpmn/BpmnRenderer.js

@@ -23,16 +23,16 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
   var markers = {};
   var computeStyle = styles.computeStyle;
   function addMarker(id, options) {
-    var attrs = assign({
-      fill: "black",
-      strokeWidth: 1,
-      strokeLinecap: "round",
-      strokeDasharray: "none"
-    }, options.attrs);
-    var ref = options.ref || {
-      x: 0,
-      y: 0
-    };
+    var attrs = assign(
+      {
+        fill: "black",
+        strokeWidth: 1,
+        strokeLinecap: "round",
+        strokeDasharray: "none"
+      },
+      options.attrs
+    );
+    var ref = options.ref || { x: 0, y: 0 };
     var scale = options.scale || 1;
     if (attrs.strokeDasharray === "none") {
       attrs.strokeDasharray = [1e4, 1];
@@ -70,15 +70,10 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
   function createMarker(id, type, fill, stroke) {
     if (type === "sequenceflow-end") {
       var sequenceflowEnd = create("path");
-      attr(sequenceflowEnd, {
-        d: "M 1 5 L 11 10 L 1 15 Z"
-      });
+      attr(sequenceflowEnd, { d: "M 1 5 L 11 10 L 1 15 Z" });
       addMarker(id, {
         element: sequenceflowEnd,
-        ref: {
-          x: 11,
-          y: 10
-        },
+        ref: { x: 11, y: 10 },
         scale: 0.5,
         attrs: {
           fill: stroke,
@@ -88,28 +83,19 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
     }
     if (type === "messageflow-start") {
       var messageflowStart = create("circle");
-      attr(messageflowStart, {
-        cx: 6,
-        cy: 6,
-        r: 3.5
-      });
+      attr(messageflowStart, { cx: 6, cy: 6, r: 3.5 });
       addMarker(id, {
         element: messageflowStart,
         attrs: {
           fill,
           stroke
         },
-        ref: {
-          x: 6,
-          y: 6
-        }
+        ref: { x: 6, y: 6 }
       });
     }
     if (type === "messageflow-end") {
       var messageflowEnd = create("path");
-      attr(messageflowEnd, {
-        d: "m 1 5 l 0 -3 l 7 3 l -7 3 z"
-      });
+      attr(messageflowEnd, { d: "m 1 5 l 0 -3 l 7 3 l -7 3 z" });
       addMarker(id, {
         element: messageflowEnd,
         attrs: {
@@ -117,17 +103,12 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
           stroke,
           strokeLinecap: "butt"
         },
-        ref: {
-          x: 8.5,
-          y: 5
-        }
+        ref: { x: 8.5, y: 5 }
       });
     }
     if (type === "association-start") {
       var associationStart = create("path");
-      attr(associationStart, {
-        d: "M 11 5 L 1 10 L 11 15"
-      });
+      attr(associationStart, { d: "M 11 5 L 1 10 L 11 15" });
       addMarker(id, {
         element: associationStart,
         attrs: {
@@ -135,18 +116,13 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
           stroke,
           strokeWidth: 1.5
         },
-        ref: {
-          x: 1,
-          y: 10
-        },
+        ref: { x: 1, y: 10 },
         scale: 0.5
       });
     }
     if (type === "association-end") {
       var associationEnd = create("path");
-      attr(associationEnd, {
-        d: "M 1 5 L 11 10 L 1 15"
-      });
+      attr(associationEnd, { d: "M 1 5 L 11 10 L 1 15" });
       addMarker(id, {
         element: associationEnd,
         attrs: {
@@ -154,45 +130,32 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
           stroke,
           strokeWidth: 1.5
         },
-        ref: {
-          x: 12,
-          y: 10
-        },
+        ref: { x: 12, y: 10 },
         scale: 0.5
       });
     }
     if (type === "conditional-flow-marker") {
       var conditionalflowMarker = create("path");
-      attr(conditionalflowMarker, {
-        d: "M 0 10 L 8 6 L 16 10 L 8 14 Z"
-      });
+      attr(conditionalflowMarker, { d: "M 0 10 L 8 6 L 16 10 L 8 14 Z" });
       addMarker(id, {
         element: conditionalflowMarker,
         attrs: {
           fill,
           stroke
         },
-        ref: {
-          x: -1,
-          y: 10
-        },
+        ref: { x: -1, y: 10 },
         scale: 0.5
       });
     }
     if (type === "conditional-default-flow-marker") {
       var conditionaldefaultflowMarker = create("path");
-      attr(conditionaldefaultflowMarker, {
-        d: "M 6 4 L 10 16"
-      });
+      attr(conditionaldefaultflowMarker, { d: "M 6 4 L 10 16" });
       addMarker(id, {
         element: conditionaldefaultflowMarker,
         attrs: {
           stroke
         },
-        ref: {
-          x: 0,
-          y: 10
-        },
+        ref: { x: 0, y: 10 },
         scale: 0.5
       });
     }
@@ -249,19 +212,12 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
   function drawDiamond(parentGfx, width, height, attrs) {
     var x_2 = width / 2;
     var y_2 = height / 2;
-    var points = [{
-      x: x_2,
-      y: 0
-    }, {
-      x: width,
-      y: y_2
-    }, {
-      x: x_2,
-      y: height
-    }, {
-      x: 0,
-      y: y_2
-    }];
+    var points = [
+      { x: x_2, y: 0 },
+      { x: width, y: y_2 },
+      { x: x_2, y: height },
+      { x: 0, y: y_2 }
+    ];
     var pointsString = points.map(function(point) {
       return point.x + "," + point.y;
     }).join(" ");
@@ -294,17 +250,13 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
       stroke: "black"
     });
     var path = create("path");
-    attr(path, {
-      d
-    });
+    attr(path, { d });
     attr(path, attrs);
     append(parentGfx, path);
     return path;
   }
   function drawMarker(type, parentGfx, path, attrs) {
-    return drawPath(parentGfx, path, assign({
-      "data-marker": type
-    }, attrs));
+    return drawPath(parentGfx, path, assign({ "data-marker": type }, attrs));
   }
   function as(type) {
     return function(parentGfx, element) {
@@ -357,11 +309,14 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
     return null;
   }
   function renderLabel(parentGfx, label, options) {
-    options = assign({
-      size: {
-        width: 100
-      }
-    }, options);
+    options = assign(
+      {
+        size: {
+          width: 100
+        }
+      },
+      options
+    );
     var text = textRenderer.createText(label || "", options);
     classes(text).add("djs-label");
     append(parentGfx, text);
@@ -760,9 +715,7 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
       var task = renderer("bpmn:Task")(parentGfx, element);
       var pathData;
       if (semantic.instantiate) {
-        drawCircle(parentGfx, 28, 28, 20 * 0.22, {
-          strokeWidth: 1
-        });
+        drawCircle(parentGfx, 28, 28, 20 * 0.22, { strokeWidth: 1 });
         pathData = pathMap.getScaledPath("TASK_TYPE_INSTANTIATING_SEND", {
           abspos: {
             x: 7.77,
@@ -820,10 +773,13 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
       return task;
     },
     "bpmn:SubProcess": function(parentGfx, element, attrs) {
-      attrs = assign({
-        fill: getFillColor(element, defaultFillColor),
-        stroke: getStrokeColor(element, defaultStrokeColor)
-      }, attrs);
+      attrs = assign(
+        {
+          fill: getFillColor(element, defaultFillColor),
+          stroke: getStrokeColor(element, defaultStrokeColor)
+        },
+        attrs
+      );
       var rect = renderer("bpmn:Activity")(parentGfx, element, attrs);
       var expanded = isExpanded(element);
       if (isEventSubProcess(element)) {
@@ -847,7 +803,14 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
       var innerAttrs = styles.style(["no-fill", "no-events"], {
         stroke: getStrokeColor(element, defaultStrokeColor)
       });
-      drawRect(parentGfx, element.width, element.height, TASK_BORDER_RADIUS - 2, INNER_OUTER_DIST, innerAttrs);
+      drawRect(
+        parentGfx,
+        element.width,
+        element.height,
+        TASK_BORDER_RADIUS - 2,
+        INNER_OUTER_DIST,
+        innerAttrs
+      );
       return outer;
     },
     "bpmn:CallActivity": function(parentGfx, element) {
@@ -864,15 +827,16 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
       var lane = renderer("bpmn:Lane")(parentGfx, element, attrs);
       var expandedPool = isExpanded(element);
       if (expandedPool) {
-        drawLine(parentGfx, [{
-          x: 30,
-          y: 0
-        }, {
-          x: 30,
-          y: element.height
-        }], {
-          stroke: getStrokeColor(element, defaultStrokeColor)
-        });
+        drawLine(
+          parentGfx,
+          [
+            { x: 30, y: 0 },
+            { x: 30, y: element.height }
+          ],
+          {
+            stroke: getStrokeColor(element, defaultStrokeColor)
+          }
+        );
         var text = getSemantic(element).name;
         renderLaneLabel(parentGfx, text, element);
       } else {
@@ -892,11 +856,20 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
       return lane;
     },
     "bpmn:Lane": function(parentGfx, element, attrs) {
-      var rect = drawRect(parentGfx, element.width, element.height, 0, assign({
-        fill: getFillColor(element, defaultFillColor),
-        fillOpacity: HIGH_FILL_OPACITY,
-        stroke: getStrokeColor(element, defaultStrokeColor)
-      }, attrs));
+      var rect = drawRect(
+        parentGfx,
+        element.width,
+        element.height,
+        0,
+        assign(
+          {
+            fill: getFillColor(element, defaultFillColor),
+            fillOpacity: HIGH_FILL_OPACITY,
+            stroke: getStrokeColor(element, defaultStrokeColor)
+          },
+          attrs
+        )
+      );
       var semantic = getSemantic(element);
       if (semantic.$type === "bpmn:Lane") {
         var text = semantic.name;
@@ -1066,12 +1039,15 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
     "bpmn:Association": function(parentGfx, element, attrs) {
       var semantic = getSemantic(element);
       var fill = getFillColor(element, defaultFillColor), stroke = getStrokeColor(element, defaultStrokeColor);
-      attrs = assign({
-        strokeDasharray: "0.5, 5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        stroke: getStrokeColor(element, defaultStrokeColor)
-      }, attrs || {});
+      attrs = assign(
+        {
+          strokeDasharray: "0.5, 5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          stroke: getStrokeColor(element, defaultStrokeColor)
+        },
+        attrs || {}
+      );
       if (semantic.associationDirection === "One" || semantic.associationDirection === "Both") {
         attrs.markerEnd = marker("association-end", fill, stroke);
       }
@@ -1114,9 +1090,7 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
             y: midPoint.y
           }
         });
-        var messageAttrs = {
-          strokeWidth: 1
-        };
+        var messageAttrs = { strokeWidth: 1 };
         if (di.messageVisibleKind === "initiating") {
           messageAttrs.fill = "white";
           messageAttrs.stroke = "black";
@@ -1165,9 +1139,7 @@ function BpmnRenderer(config, eventBus, styles, pathMap, canvas, textRenderer, p
     "bpmn:DataInput": function(parentGfx, element) {
       var arrowPathData = pathMap.getRawPath("DATA_ARROW");
       var elementObject = renderer("bpmn:DataObject")(parentGfx, element);
-      drawPath(parentGfx, arrowPathData, {
-        strokeWidth: 1
-      });
+      drawPath(parentGfx, arrowPathData, { strokeWidth: 1 });
       return elementObject;
     },
     "bpmn:DataOutput": function(parentGfx, element) {

package/es/components/bpmn-workflow/src/custom/customModeler/customBpmn/CustomRenderer.js

@@ -15,9 +15,7 @@ function CustomRenderer(config, eventBus, styles, textRenderer, bpmnRenderer, mo
       stroke: "black"
     });
     var path = create("path");
-    attr(path, {
-      d
-    });
+    attr(path, { d });
     attr(path, attrs);
     append(parentGfx, path);
     return path;
@@ -29,7 +27,9 @@ function CustomRenderer(config, eventBus, styles, textRenderer, bpmnRenderer, mo
       type = element.nodeType;
     } else if ((_b = (_a = element == null ? void 0 : element.businessObject) == null ? void 0 : _a.extensionElements) == null ? void 0 : _b.values) {
       element.nodeType = "api";
-      let headerHeader = element.businessObject.extensionElements.values.filter((item) => item.$type.toUpperCase() == "zeebe:TaskHeaders".toUpperCase());
+      let headerHeader = element.businessObject.extensionElements.values.filter(
+        (item) => item.$type.toUpperCase() == "zeebe:TaskHeaders".toUpperCase()
+      );
       if (headerHeader && headerHeader.length > 0) {
         let headerZbType = [];
         if ((_c = headerHeader[0]) == null ? void 0 : _c.header) {