@cloud-app-dev/vidc 1.0.12 → 1.0.16

package/es/WorkerFlow/Nodes/Start.d.ts

@@ -0,0 +1,11 @@
+import { NodeItem, NodeUserType } from '../interface';
+interface IStartNode {
+    objRef: NodeItem;
+    onContentClick: () => void;
+    nodeName: string;
+    id: string;
+    owner?: string;
+    nodeUserList?: NodeUserType[];
+}
+declare function StartNode({ id, objRef, onContentClick, nodeName, owner }: IStartNode): JSX.Element;
+export default StartNode;

package/es/WorkerFlow/Nodes/Start.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import NodeWrap from './Wrap';
+
+function StartNode(_ref) {
+  var id = _ref.id,
+      objRef = _ref.objRef,
+      onContentClick = _ref.onContentClick,
+      nodeName = _ref.nodeName,
+      owner = _ref.owner;
+  // const allowSetUser = useMemo(() => !nodeUserList.map((v) => v.type).includes('system'), []);
+  return /*#__PURE__*/React.createElement(NodeWrap, {
+    id: id,
+    type: 0,
+    objRef: objRef,
+    onContentClick: onContentClick,
+    title: /*#__PURE__*/React.createElement("span", null, nodeName)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "text"
+  }, owner ? /*#__PURE__*/React.createElement("span", {
+    title: owner
+  }, owner) : /*#__PURE__*/React.createElement("span", {
+    className: "placeholder"
+  }, "\u8BF7\u9009\u62E9\u53D1\u8D77\u4EBA")));
+}
+
+export default StartNode;

package/es/WorkerFlow/Nodes/TitleElement.d.ts

@@ -0,0 +1,9 @@
+interface ITitleElementProps {
+    placeholder: string;
+    nodeName: string;
+    onTitleChange: (val: string) => void;
+    icon?: string;
+    delNode: () => void;
+}
+declare function TitleElement({ nodeName, placeholder, onTitleChange, icon, delNode }: ITitleElementProps): JSX.Element;
+export default TitleElement;

package/es/WorkerFlow/Nodes/TitleElement.js

@@ -0,0 +1,92 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState, useEffect, useRef } from 'react';
+
+function TitleElement(_ref) {
+  var nodeName = _ref.nodeName,
+      placeholder = _ref.placeholder,
+      onTitleChange = _ref.onTitleChange,
+      icon = _ref.icon,
+      delNode = _ref.delNode;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      title = _useState2[0],
+      setTitle = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      editable = _useState4[0],
+      setEditable = _useState4[1];
+
+  var input = useRef(null);
+  useEffect(function () {
+    setTitle(nodeName);
+  }, []);
+
+  function onFocus(e) {
+    e.currentTarget.select();
+  }
+
+  function onBlur() {
+    setEditable(false);
+
+    if (!title) {
+      setTitle(placeholder);
+    }
+  }
+
+  function onClick() {
+    setEditable(true);
+  }
+
+  useEffect(function () {
+    if (editable) {
+      input.current.focus();
+    }
+  }, [editable]);
+
+  function onChange(e) {
+    var val = e.target.value;
+    onTitleChange && onTitleChange(val);
+    setTitle(val);
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_IconFont, {
+    type: icon,
+    style: {
+      paddingRight: 4
+    }
+  }), editable ? /*#__PURE__*/React.createElement("input", {
+    ref: input,
+    type: "text",
+    className: "ant-input editable-title-input",
+    onBlur: onBlur,
+    onChange: onChange,
+    onFocus: onFocus,
+    value: title,
+    placeholder: placeholder
+  }) : /*#__PURE__*/React.createElement("span", {
+    className: "editable-title",
+    onClick: onClick
+  }, title), /*#__PURE__*/React.createElement(_IconFont, {
+    className: "worker-flow-node-del",
+    type: "icon-MarkNo",
+    onClick: delNode,
+    title: "\u5220\u9664\u8282\u70B9"
+  }));
+}
+
+export default TitleElement;

package/es/WorkerFlow/Nodes/Wrap.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { NodeItem, NodeType } from '../interface';
+interface INodeWrapProps {
+    titleStyle?: React.CSSProperties;
+    type?: NodeType;
+    onContentClick: () => void;
+    title: React.ReactNode;
+    children: React.ReactNode;
+    objRef: NodeItem;
+    id: string;
+}
+declare function NodeWrap({ type, title, onContentClick, objRef, children, titleStyle, id }: INodeWrapProps): JSX.Element;
+export default NodeWrap;

package/es/WorkerFlow/Nodes/Wrap.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { NodeTypes } from './Constants';
+import AddNode from './Add';
+
+function NodeWrap(_ref) {
+  var type = _ref.type,
+      title = _ref.title,
+      onContentClick = _ref.onContentClick,
+      objRef = _ref.objRef,
+      children = _ref.children,
+      titleStyle = _ref.titleStyle,
+      id = _ref.id;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "node-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'node-wrap-box ' + (type === NodeTypes.START ? 'start-node' : ''),
+    id: id
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "title",
+    style: titleStyle
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "content",
+    onClick: onContentClick
+  }, children)), /*#__PURE__*/React.createElement(AddNode, {
+    objRef: objRef
+  })));
+}
+
+export default NodeWrap;

package/es/WorkerFlow/OperatorContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { WorkerFlowContext } from './interface';
+declare const WFC: React.Context<WorkerFlowContext>;
+export default WFC;

package/es/WorkerFlow/OperatorContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+var WFC = /*#__PURE__*/React.createContext(null);
+export default WFC;

package/es/WorkerFlow/Tools.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IZoomLayoutProps {
+    children: React.ReactNode;
+    onCreateXML?: () => any;
+    exportBpmnFile?: () => any;
+}
+declare function ZoomLayout({ children, onCreateXML, exportBpmnFile }: IZoomLayoutProps): JSX.Element;
+export default ZoomLayout;

package/es/WorkerFlow/Tools.js

@@ -0,0 +1,80 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+var ZOOM = {
+  DOWN: 1,
+  UP: 2,
+  MIN: 50,
+  MAX: 300
+};
+
+function ZoomLayout(_ref) {
+  var children = _ref.children,
+      onCreateXML = _ref.onCreateXML,
+      exportBpmnFile = _ref.exportBpmnFile;
+
+  // 放大比例, 按百分制给 100 为 100%
+  var _useState = useState(100),
+      _useState2 = _slicedToArray(_useState, 2),
+      scale = _useState2[0],
+      setScale = _useState2[1];
+
+  function zoomSize(type) {
+    if (type === ZOOM.DOWN) {
+      if (scale === ZOOM.MIN) {
+        return;
+      }
+
+      scale -= 10;
+      setScale(scale);
+    }
+
+    if (type === ZOOM.UP) {
+      if (scale === ZOOM.MAX) {
+        return;
+      }
+
+      scale += 10;
+      setScale(scale);
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "zoom"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'zoom-out' + (scale === ZOOM.MIN ? ' disabled' : ''),
+    onClick: function onClick() {
+      return zoomSize(ZOOM.DOWN);
+    }
+  }), /*#__PURE__*/React.createElement("span", null, scale, "%"), /*#__PURE__*/React.createElement("div", {
+    className: 'zoom-in' + (scale === ZOOM.MAX ? ' disabled' : ''),
+    onClick: function onClick() {
+      return zoomSize(ZOOM.UP);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "tools"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: onCreateXML
+  }, "\u751F\u6210XML"), /*#__PURE__*/React.createElement("button", {
+    onClick: exportBpmnFile
+  }, "\u5BFC\u51FAbpmn")), /*#__PURE__*/React.createElement("div", {
+    className: "box-scale",
+    id: "box-scale",
+    style: {
+      transform: "scale(".concat(scale / 100, ")"),
+      transformOrigin: '50% 0px 0px'
+    }
+  }, children));
+}
+
+export default ZoomLayout;

package/es/WorkerFlow/XML/CanvasTag.d.ts

@@ -0,0 +1,3 @@
+import { WorkerFlowRequest } from '../interface';
+export declare function createEdges(xml: Document, eles: HTMLElement[], data: WorkerFlowRequest): HTMLElement[];
+export declare function createShape(xml: Document, eles: HTMLElement[], data: WorkerFlowRequest): HTMLElement[];

package/es/WorkerFlow/XML/CanvasTag.js

@@ -0,0 +1,126 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { getNodeById } from './utils';
+export function createEdges(xml, eles, data) {
+  var arr = [];
+  var edgeIds = eles.filter(function (v) {
+    return v.tagName === 'bpmn:sequenceFlow';
+  }).map(function (v) {
+    return [v.getAttribute('sourceRef'), v.getAttribute('targetRef'), v.getAttribute('id')];
+  }); //生成线，计算位置
+
+  edgeIds.forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 3),
+        sourceId = _ref2[0],
+        targetId = _ref2[1],
+        id = _ref2[2];
+
+    var BPMNEdge = xml.createElement('bpmndi:BPMNEdge');
+    BPMNEdge.setAttribute('id', "".concat(id, "_di"));
+    BPMNEdge.setAttribute('bpmnElement', id);
+    var sourceDom = document.getElementById(sourceId);
+    var targetDom = document.getElementById(targetId);
+    var sourceRect = sourceDom.getBoundingClientRect();
+    var targetRect = targetDom.getBoundingClientRect();
+    var x1 = sourceRect.x + sourceRect.width / 2;
+    var x2 = targetRect.x + targetRect.width / 2;
+
+    if (x1 === x2) {
+      var waypoint1 = xml.createElement('di:waypoint');
+      var waypoint2 = xml.createElement('di:waypoint');
+      waypoint1.setAttribute('x', "".concat(x1));
+      waypoint1.setAttribute('y', "".concat(sourceRect.y + sourceRect.height));
+      waypoint2.setAttribute('x', "".concat(x2));
+      waypoint2.setAttribute('y', "".concat(targetRect.y));
+      BPMNEdge.appendChild(waypoint1);
+      BPMNEdge.appendChild(waypoint2);
+    }
+
+    if (x1 > x2) {
+      var _waypoint = xml.createElement('di:waypoint');
+
+      var _waypoint2 = xml.createElement('di:waypoint');
+
+      var waypoint3 = xml.createElement('di:waypoint');
+
+      _waypoint.setAttribute('x', "".concat(sourceRect.x));
+
+      _waypoint.setAttribute('y', "".concat(sourceRect.y + sourceRect.height / 2));
+
+      _waypoint2.setAttribute('x', "".concat(targetRect.x + targetRect.width / 2));
+
+      _waypoint2.setAttribute('y', "".concat(sourceRect.y + sourceRect.height / 2));
+
+      waypoint3.setAttribute('x', "".concat(targetRect.x + targetRect.width / 2));
+      waypoint3.setAttribute('y', "".concat(targetRect.y));
+      BPMNEdge.appendChild(_waypoint);
+      BPMNEdge.appendChild(_waypoint2);
+      BPMNEdge.appendChild(waypoint3);
+    }
+
+    if (x1 < x2) {
+      var _waypoint3 = xml.createElement('di:waypoint');
+
+      var _waypoint4 = xml.createElement('di:waypoint');
+
+      var _waypoint5 = xml.createElement('di:waypoint');
+
+      _waypoint3.setAttribute('x', "".concat(sourceRect.x + sourceRect.width));
+
+      _waypoint3.setAttribute('y', "".concat(sourceRect.y + sourceRect.height / 2));
+
+      _waypoint4.setAttribute('x', "".concat(targetRect.x + targetRect.width / 2));
+
+      _waypoint4.setAttribute('y', "".concat(sourceRect.y + sourceRect.height / 2));
+
+      _waypoint5.setAttribute('x', "".concat(targetRect.x + targetRect.width / 2));
+
+      _waypoint5.setAttribute('y', "".concat(targetRect.y));
+
+      BPMNEdge.appendChild(_waypoint3);
+      BPMNEdge.appendChild(_waypoint4);
+      BPMNEdge.appendChild(_waypoint5);
+    }
+
+    arr.push(BPMNEdge);
+  });
+  return arr;
+}
+export function createShape(xml, eles, data) {
+  var arr = [];
+  var shapeEles = eles.filter(function (v) {
+    return v.tagName !== 'bpmn:sequenceFlow';
+  });
+  shapeEles.forEach(function (item) {
+    var id = item.getAttribute('id');
+    var dom = document.getElementById(id);
+    var rect = dom.getBoundingClientRect();
+    var BPMNShape = xml.createElement('bpmndi:BPMNShape');
+    BPMNShape.setAttribute('id', "".concat(id, "_di"));
+    BPMNShape.setAttribute('bpmnElement', id);
+    var node = getNodeById(data, id);
+
+    if (node.bpmnType === 'exclusiveGateway') {
+      BPMNShape.setAttribute('isMarkerVisible', 'true');
+    }
+
+    var dcBounds = xml.createElement('dc:Bounds');
+    dcBounds.setAttribute('x', "".concat(rect.x));
+    dcBounds.setAttribute('y', "".concat(rect.y));
+    dcBounds.setAttribute('width', "".concat(rect.width));
+    dcBounds.setAttribute('height', "".concat(rect.height));
+    BPMNShape.appendChild(dcBounds);
+    arr.push(BPMNShape);
+  });
+  return arr;
+}

package/es/WorkerFlow/XML/EndEvent.d.ts

@@ -0,0 +1 @@
+export declare function createEndEvent(xml: Document, stopId: string, pIds: string[]): HTMLElement;

package/es/WorkerFlow/XML/EndEvent.js

@@ -0,0 +1,14 @@
+import { createId } from './utils';
+export function createEndEvent(xml, stopId, pIds) {
+  var endId = stopId || createId('EndEvent'); //结束流程
+
+  var endEvent = xml.createElement('bpmn:endEvent');
+  endEvent.setAttribute('id', endId); // 基于startEvent 创建outgoing
+
+  pIds.forEach(function (prevId) {
+    var endEventIn = xml.createElement('bpmn:incoming');
+    endEventIn.innerHTML = prevId;
+    endEvent.appendChild(endEventIn);
+  });
+  return endEvent;
+}

package/es/WorkerFlow/XML/ExclusiveGateway.d.ts

@@ -0,0 +1,8 @@
+import { NodeItem } from '../interface';
+export declare function createExclusiveGateway(xml: Document, node: NodeItem, pIds?: string[], flag?: boolean): {
+    eles: HTMLElement[];
+};
+export declare function createConditionNode(xml: Document, data: NodeItem, exclusiveGatewayId: string, stopId: string): {
+    eles: HTMLElement[];
+    prevId: string;
+};

package/es/WorkerFlow/XML/ExclusiveGateway.js

@@ -0,0 +1,120 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import { createUserTask } from './UserTask';
+export function createExclusiveGateway(xml, node, pIds, flag) {
+  var data = {
+    eles: []
+  };
+
+  if (node.bpmnType === 'userTask') {
+    var _data$eles;
+
+    var res = createUserTask(xml, node, pIds);
+
+    (_data$eles = data.eles).push.apply(_data$eles, _toConsumableArray(res.eles));
+
+    if (flag && node.childNode) {
+      var _data$eles2;
+
+      var res2 = createExclusiveGateway(xml, node.childNode, [res.prevId]);
+
+      (_data$eles2 = data.eles).push.apply(_data$eles2, _toConsumableArray(res2.eles));
+    }
+  } else {
+    var exclusiveGateway = xml.createElement('bpmn:exclusiveGateway');
+    exclusiveGateway.setAttribute('id', node.id); // 子节点创建输入节点
+
+    pIds.forEach(function (prevId) {
+      var incoming = xml.createElement('bpmn:incoming');
+      incoming.innerHTML = prevId;
+      exclusiveGateway.appendChild(incoming);
+    });
+    data.eles.push(exclusiveGateway);
+
+    if (node.conditionNodes && node.conditionNodes.length > 0) {
+      // 子节点存在需要创建输出节点
+      node.conditionNodes.forEach(function (item) {
+        var outgoing = xml.createElement('bpmn:outgoing');
+        outgoing.innerHTML = item.id;
+        exclusiveGateway.appendChild(outgoing);
+      });
+    }
+  }
+
+  return data;
+}
+
+function createSequenceFlow(xml, node, exclusiveGatewayId, nextId) {
+  //生成条件连线
+  var sequenceFlow = xml.createElement('bpmn:sequenceFlow');
+  sequenceFlow.setAttribute('id', node.id);
+  sequenceFlow.setAttribute('sourceRef', exclusiveGatewayId);
+  sequenceFlow.setAttribute('targetRef', node.childNode ? node.childNode.id : nextId); // 子节点插入条件
+
+  var conditionExpression = xml.createElement('bpmn:conditionExpression');
+  conditionExpression.setAttribute('xsi:type', 'bpmn:tFormalExpression');
+  conditionExpression.innerHTML = node.expression;
+  sequenceFlow.appendChild(conditionExpression);
+  return sequenceFlow;
+}
+
+export function createConditionNode(xml, data, exclusiveGatewayId, stopId) {
+  var eles = [];
+  var pIds = [];
+  var gatwayId = ''; // 根据节点数据成次bpmn XML元素
+
+  var createElement = function createElement(node) {
+    var _a, _b;
+
+    switch (node.bpmnType) {
+      case 'sequenceFlow':
+        eles.push(createSequenceFlow(xml, node, gatwayId || exclusiveGatewayId, ((_a = node === null || node === void 0 ? void 0 : node.childNode) === null || _a === void 0 ? void 0 : _a.id) || stopId));
+        pIds = [node.id];
+        break;
+
+      case 'userTask':
+        var userTask = createUserTask(xml, node, pIds, ((_b = node === null || node === void 0 ? void 0 : node.childNode) === null || _b === void 0 ? void 0 : _b.id) || stopId);
+        eles.push.apply(eles, _toConsumableArray(userTask.eles));
+        pIds = userTask.prevId ? [userTask.prevId] : pIds;
+        break;
+
+      case 'exclusiveGateway':
+        var exclusiveGateway = createExclusiveGateway(xml, node, pIds);
+        eles.push.apply(eles, _toConsumableArray(exclusiveGateway.eles));
+        gatwayId = node.id;
+        break;
+    }
+
+    if (node.conditionNodes && node.conditionNodes.length > 0) {
+      var ids = [];
+      node.conditionNodes.forEach(function (item) {
+        var _a;
+
+        var data = createConditionNode(xml, item, gatwayId, ((_a = node.childNode) === null || _a === void 0 ? void 0 : _a.id) || stopId);
+        eles.push.apply(eles, _toConsumableArray(data.eles));
+        ids.push(data.prevId);
+      });
+      pIds = ids;
+    }
+
+    if (node.childNode) {
+      createElement(node.childNode);
+    }
+  };
+
+  createElement(data);
+  return {
+    eles: eles,
+    prevId: pIds[0]
+  };
+}

package/es/WorkerFlow/XML/Root.d.ts

@@ -0,0 +1 @@
+export declare function createRootElement(id: string, name: string): Document;

package/es/WorkerFlow/XML/Root.js

@@ -0,0 +1,5 @@
+export function createRootElement(id, name) {
+  var parser = new DOMParser();
+  var xml = parser.parseFromString("<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n    <bpmn:definitions xmlns:bpmn=\"http://www.omg.org/spec/BPMN/20100524/MODEL\" xmlns:bpmndi=\"http://www.omg.org/spec/BPMN/20100524/DI\" xmlns:di=\"http://www.omg.org/spec/DD/20100524/DI\" xmlns:dc=\"http://www.omg.org/spec/DD/20100524/DC\" xmlns:camunda=\"http://camunda.org/schema/1.0/bpmn\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" id=\"Definitions_0vip0x3\" targetNamespace=\"http://bpmn.io/schema/bpmn\" exporter=\"Camunda Modeler\" exporterVersion=\"1.16.2\">\n      <bpmn:process id=\"".concat(id, "\" name=\"").concat(name, "\" processType=\"None\" isClosed=\"false\" isExecutable=\"true\"></bpmn:process>\n      <bpmndi:BPMNDiagram id=\"BPMNDiagram_").concat(id, "\" >\n        <bpmndi:BPMNPlane id=\"BPMNPlane_").concat(id, "\" bpmnElement=\"").concat(id, "\"></bpmndi:BPMNPlane>\n      </bpmndi:BPMNDiagram>\n    </bpmn:definitions>"), 'text/xml');
+  return xml;
+}

package/es/WorkerFlow/XML/StartEvent.d.ts

@@ -0,0 +1,5 @@
+import { NodeItem } from '../interface';
+export declare function createStartEvent(xml: Document, node: NodeItem): {
+    eles: HTMLElement[];
+    pId: string;
+};

package/es/WorkerFlow/XML/StartEvent.js

@@ -0,0 +1,28 @@
+import { createId } from './utils';
+export function createStartEvent(xml, node) {
+  var eles = []; // 创建 startEvent
+
+  var startEvent = xml.createElement('bpmn:startEvent');
+  startEvent.setAttribute('id', node.id);
+  var startSequenceFlowId = createId('SequenceFlow'); //预先生成startSequenceId
+
+  eles.push(startEvent); // startEvent存在子节点的时候需要创建输出节点和连线节点
+
+  if (node.childNode) {
+    // 基于startEvent 创建outgoing
+    var startEventOut = xml.createElement('bpmn:outgoing');
+    startEventOut.innerHTML = startSequenceFlowId;
+    startEvent.appendChild(startEventOut); // 创建startEvent的连线sequenceFlow
+
+    var sequenceFlow = xml.createElement('bpmn:sequenceFlow');
+    sequenceFlow.setAttribute('id', startSequenceFlowId);
+    sequenceFlow.setAttribute('sourceRef', node.id);
+    sequenceFlow.setAttribute('targetRef', node.childNode.id);
+    eles.push(sequenceFlow);
+  }
+
+  return {
+    eles: eles,
+    pId: startSequenceFlowId
+  };
+}

package/es/WorkerFlow/XML/UserTask.d.ts

@@ -0,0 +1,5 @@
+import { NodeItem } from '../interface';
+export declare function createUserTask(xml: Document, node: NodeItem, pids: string[], stopId?: string): {
+    prevId: string;
+    eles: HTMLElement[];
+};