cnhis-design-vue 3.4.0-beta.3 → 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) {

package/es/components/branch-notice/src/BranchNotice.vue2.js

@@ -9,25 +9,14 @@ import NoticeItem from './components/NoticeItem.vue.js';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BranchNotice",
   props: {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    rowCapacity: {
-      type: Number,
-      default: 7
-    },
-    colSpace: {
-      type: [Number, String],
-      default: 125
-    }
+    items: { type: Array, default: () => [] },
+    rowCapacity: { type: Number, default: 7 },
+    colSpace: { type: [Number, String], default: 125 }
   },
   emits: [
     "itemClick"
   ],
-  setup(__props, {
-    emit
-  }) {
+  setup(__props, { emit }) {
     const props = __props;
     const theme = useBranchNoticeTheme();
     function onClick(item) {
@@ -111,16 +100,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", {
         style: normalizeStyle(unref(fullWrapperStyle))
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(positionedItems), (positionedItem) => {
-        return openBlock(), createElementBlock("div", {
-          style: normalizeStyle(positionedItem.style),
-          class: normalizeClass(positionedItem.class)
-        }, [positionedItem.item ? (openBlock(), createBlock(NoticeItem, {
-          key: 0,
-          item: positionedItem.item,
-          onClick: ($event) => onClick(positionedItem.item)
-        }, null, 8, ["item", "onClick"])) : createCommentVNode("v-if", true)], 6);
-      }), 256))], 4);
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(positionedItems), (positionedItem) => {
+          return openBlock(), createElementBlock("div", {
+            style: normalizeStyle(positionedItem.style),
+            class: normalizeClass(positionedItem.class)
+          }, [
+            positionedItem.item ? (openBlock(), createBlock(NoticeItem, {
+              key: 0,
+              item: positionedItem.item,
+              onClick: ($event) => onClick(positionedItem.item)
+            }, null, 8, ["item", "onClick"])) : createCommentVNode("v-if", true)
+          ], 6);
+        }), 256))
+      ], 4);
     };
   }
 });

package/es/components/branch-notice/src/components/NoticeItem.vue2.js

@@ -5,12 +5,8 @@ import NoticeOperationList from './NoticeOperationList.vue.js';
 import { NPopover } from 'naive-ui';
 import { parseRender, parseTitle } from '../../../step-notice/src/utils.js';
 
-const _hoisted_1 = {
-  class: "branch-notice__itemWrapper"
-};
-const _hoisted_2 = {
-  class: "branch-notice__icon"
-};
+const _hoisted_1 = { class: "branch-notice__itemWrapper" };
+const _hoisted_2 = { class: "branch-notice__icon" };
 const _hoisted_3 = {
   key: 0,
   class: "branch-notice__itemHeader"
@@ -29,10 +25,7 @@ const _hoisted_8 = {
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NoticeItem",
   props: {
-    item: {
-      type: Object,
-      required: true
-    }
+    item: { type: Object, required: true }
   },
   setup(__props) {
     const props = __props;
@@ -41,9 +34,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return [`branch-notice__item--${itemRef.value.type || "primary"}`];
     });
     const frontStyle = computed(() => {
-      return {
-        minHeight: "74px"
-      };
+      return { minHeight: "74px" };
     });
     const popperDisabled = computed(() => {
       var _a, _b;
@@ -55,54 +46,79 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (!icon)
         return null;
       if (icon === "warning")
-        return h(AlertCircle, {
-          class: "branch-notice__icon--warning"
-        });
+        return h(AlertCircle, { class: "branch-notice__icon--warning" });
       return icon;
     }
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("section", {
         class: normalizeClass(unref(classList)),
-        style: {
-          "width": "100%",
-          "height": "100%"
-        }
-      }, [createVNode(unref(NPopover), {
-        disabled: unref(popperDisabled),
-        "keep-alive-on-hover": "",
-        placement: "bottom-start",
-        animated: false,
-        "show-arrow": false
-      }, {
-        trigger: withCtx(() => {
-          var _a2;
-          return [createElementVNode("section", _hoisted_1, [createElementVNode("span", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(renderIcon)))]), ((_a2 = __props.item.topText) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("section", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.topText, (text, index) => {
-            return openBlock(), createElementBlock("span", {
-              key: index
-            }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(text))))]);
-          }), 128))])) : createCommentVNode("v-if", true), createElementVNode("section", {
-            class: "branch-notice__itemFront",
-            style: normalizeStyle(unref(frontStyle))
-          }, [createElementVNode("header", {
-            class: "branch-notice__itemFrontHeader",
-            title: unref(parseTitle)(__props.item.header)
-          }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.header))))], 8, _hoisted_4), __props.item.content || __props.item.subContent ? (openBlock(), createElementBlock("section", _hoisted_5, [createElementVNode("div", {
-            class: "branch-notice__itemFrontContentText",
-            title: unref(parseTitle)(__props.item.content)
-          }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.content))))], 8, _hoisted_6), createElementVNode("div", {
-            class: "branch-notice__itemFrontContentSubText",
-            title: unref(parseTitle)(__props.item.subContent)
-          }, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.subContent))))], 8, _hoisted_7)])) : createCommentVNode("v-if", true)], 4), __props.item.footerText ? (openBlock(), createElementBlock("footer", _hoisted_8, [(openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.footerText))))])) : createCommentVNode("v-if", true)])];
-        }),
-        default: withCtx(() => [createVNode(NoticeOperationList, {
-          "operation-list": __props.item.operationList
-        }, null, 8, ["operation-list"])]),
-        _: 1
-      }, 8, ["disabled"]), ((_a = __props.item.noticeList) == null ? void 0 : _a.length) ? (openBlock(), createBlock(NoticeItemAside, {
-        key: 0,
-        item: __props.item
-      }, null, 8, ["item"])) : createCommentVNode("v-if", true)], 2);
+        style: { "width": "100%", "height": "100%" }
+      }, [
+        createVNode(unref(NPopover), {
+          disabled: unref(popperDisabled),
+          "keep-alive-on-hover": "",
+          placement: "bottom-start",
+          animated: false,
+          "show-arrow": false
+        }, {
+          trigger: withCtx(() => {
+            var _a2;
+            return [
+              createElementVNode("section", _hoisted_1, [
+                createElementVNode("span", _hoisted_2, [
+                  (openBlock(), createBlock(resolveDynamicComponent(renderIcon)))
+                ]),
+                ((_a2 = __props.item.topText) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("section", _hoisted_3, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.item.topText, (text, index) => {
+                    return openBlock(), createElementBlock("span", { key: index }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(text))))
+                    ]);
+                  }), 128))
+                ])) : createCommentVNode("v-if", true),
+                createElementVNode("section", {
+                  class: "branch-notice__itemFront",
+                  style: normalizeStyle(unref(frontStyle))
+                }, [
+                  createElementVNode("header", {
+                    class: "branch-notice__itemFrontHeader",
+                    title: unref(parseTitle)(__props.item.header)
+                  }, [
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.header))))
+                  ], 8, _hoisted_4),
+                  __props.item.content || __props.item.subContent ? (openBlock(), createElementBlock("section", _hoisted_5, [
+                    createElementVNode("div", {
+                      class: "branch-notice__itemFrontContentText",
+                      title: unref(parseTitle)(__props.item.content)
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.content))))
+                    ], 8, _hoisted_6),
+                    createElementVNode("div", {
+                      class: "branch-notice__itemFrontContentSubText",
+                      title: unref(parseTitle)(__props.item.subContent)
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.subContent))))
+                    ], 8, _hoisted_7)
+                  ])) : createCommentVNode("v-if", true)
+                ], 4),
+                __props.item.footerText ? (openBlock(), createElementBlock("footer", _hoisted_8, [
+                  (openBlock(), createBlock(resolveDynamicComponent(unref(parseRender)(__props.item.footerText))))
+                ])) : createCommentVNode("v-if", true)
+              ])
+            ];
+          }),
+          default: withCtx(() => [
+            createVNode(NoticeOperationList, {
+              "operation-list": __props.item.operationList
+            }, null, 8, ["operation-list"])
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        ((_a = __props.item.noticeList) == null ? void 0 : _a.length) ? (openBlock(), createBlock(NoticeItemAside, {
+          key: 0,
+          item: __props.item
+        }, null, 8, ["item"])) : createCommentVNode("v-if", true)
+      ], 2);
     };
   }
 });