workflow-editor 0.9.83-dwtmp1 → 0.9.84-dw-tmp1

package/lib/workflow-editor.common.workflow-editor.common~e19cd708.js

@@ -0,0 +1,1585 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpworkflow_editor"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpworkflow_editor"] || []).push([[6],{
+
+/***/ "2466":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "8a10":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return getComponentList; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getComponentInfo; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return getJoint; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return getMousePosition; });
+/* unused harmony export getClientMousePosition */
+/* unused harmony export getMouseOffset */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "k", function() { return getVirtualRegion; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return getRealRegion; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "o", function() { return startDragTache; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return endDragTache; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return clearAllSelectedComponents; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "n", function() { return removeTextProperty; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "l", function() { return initializeProcessData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return findOutgoingTransitionsByTacheId; });
+/* unused harmony export findIncomingTransitionsByTacheId */
+/* unused harmony export findTacheById */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return deepCopy; });
+/* unused harmony export updateTransitionsWhenTacheIdChanged */
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "p", function() { return validateTacheCode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return getI18n; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "q", function() { return watchShowName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "m", function() { return processTemplate; });
+/* harmony import */ var core_js_modules_es7_symbol_async_iterator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ac4d");
+/* harmony import */ var core_js_modules_es7_symbol_async_iterator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es7_symbol_async_iterator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es6_symbol__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("8a81");
+/* harmony import */ var core_js_modules_es6_symbol__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_symbol__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("5df3");
+/* harmony import */ var core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_string_iterator__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("1c4c");
+/* harmony import */ var core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_array_from__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es6_regexp_to_string__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("6b54");
+/* harmony import */ var core_js_modules_es6_regexp_to_string__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_regexp_to_string__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es6_regexp_split__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("28a5");
+/* harmony import */ var core_js_modules_es6_regexp_split__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_regexp_split__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es6_array_iterator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("cadf");
+/* harmony import */ var core_js_modules_es6_array_iterator__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_array_iterator__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es6_object_keys__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("456d");
+/* harmony import */ var core_js_modules_es6_object_keys__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_object_keys__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var D_MyToolbox_ws_idea_plateform_dev_opt_workflow_editor_dev_opt_node_modules_babel_runtime_helpers_esm_typeof_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("53ca");
+/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("ac6a");
+/* harmony import */ var core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_iterable__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("7f7f");
+/* harmony import */ var core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var imatrix_ui_src_utils_util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("29b3");
+/* harmony import */ var _json_object_templates_process__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("ec92");
+/* harmony import */ var _json_object_templates_human_task__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("b8c0");
+/* harmony import */ var _json_object_templates_decision__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("ac8e");
+/* harmony import */ var _json_object_templates_start__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("e177");
+/* harmony import */ var _json_object_templates_end__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("9ab1");
+/* harmony import */ var _json_object_templates_transition__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__("10ab");
+/* harmony import */ var _json_object_templates_subprocess__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__("a045");
+/* harmony import */ var _json_object_templates_fork__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("93e0");
+/* harmony import */ var _json_object_templates_join__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__("6465");
+/* harmony import */ var _json_object_templates_human_decision__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__("fe3a");
+/* harmony import */ var _src_i18n_i18n__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__("0692");
+/* harmony import */ var _json_object_templates_copy_task__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__("beb3");
+
+
+
+
+
+
+
+
+
+
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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 getStore() {
+  return window.$store;
+}
+function getI18n() {
+  if (!window.$locale) {
+    _src_i18n_i18n__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"].locale = 'cn';
+  } else {
+    _src_i18n_i18n__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"].locale = window.$locale;
+  }
+  return _src_i18n_i18n__WEBPACK_IMPORTED_MODULE_22__[/* default */ "a"];
+}
+// 组件的初始信息
+function getComponentList() {
+  return [{
+    name: 'Start',
+    label: getI18n().t('workflowEditor.task.start'),
+    icon: 'start',
+    type: 'success',
+    round: true,
+    width: 48,
+    height: 48,
+    color: '#67C23A'
+  }, {
+    name: 'HumanTask',
+    label: getI18n().t('workflowEditor.task.humanTask'),
+    icon: 'human-task',
+    type: '',
+    round: false,
+    width: 80,
+    height: 40,
+    color: '#000'
+  }, {
+    name: 'Decision',
+    label: getI18n().t('workflowEditor.task.conditionJudgment'),
+    icon: 'decision',
+    type: '',
+    round: false,
+    width: 48,
+    height: 48,
+    color: '#999'
+  }, {
+    name: 'Fork',
+    label: getI18n().t('workflowEditor.task.branch'),
+    icon: 'fork',
+    type: '',
+    round: false,
+    width: 48,
+    height: 48,
+    color: '#999'
+  }, {
+    name: 'Join',
+    label: getI18n().t('workflowEditor.task.converge'),
+    icon: 'join',
+    type: '',
+    round: false,
+    width: 48,
+    height: 48,
+    color: '#999'
+  }, {
+    name: 'Subprocess',
+    label: getI18n().t('workflowEditor.task.subprocess'),
+    icon: 'subprocess',
+    type: 'warning',
+    round: false,
+    width: 80,
+    height: 40,
+    color: '#0777D4'
+  }, {
+    name: 'HumanDecision',
+    label: getI18n().t('workflowEditor.task.manualJudgment'),
+    icon: 'human-decision',
+    type: '',
+    round: false,
+    width: 48,
+    height: 48,
+    color: '#999'
+  }, {
+    name: 'CopyTask',
+    label: getI18n().t('workflowEditor.task.cCtask'),
+    icon: 'copy-task',
+    type: '',
+    round: false,
+    width: 80,
+    height: 40,
+    color: '#0777D4'
+  }, {
+    name: 'End',
+    label: getI18n().t('workflowEditor.task.end'),
+    icon: 'end',
+    type: 'danger',
+    round: true,
+    width: 48,
+    height: 48,
+    color: '#F56C6C'
+  }];
+}
+function getComponentInfo(name) {
+  var component = getComponentList().filter(function (item) {
+    return item.name === name;
+  });
+  if (component.length > 0) {
+    return component[0];
+  } else {
+    return null;
+  }
+}
+// 根据环节id找到环节对象
+function getParent(parent) {
+  var taches = getStore().getters['wfEditor/taches'];
+  var tache = taches.filter(function (tache) {
+    return tache.id === parent;
+  });
+  return tache[0];
+}
+function getJoint(parent, position) {
+  // 如果parent只是一个名称的时候需要先找到环节对象
+  if (typeof parent === 'string') {
+    parent = getParent(parent);
+  }
+  switch (position) {
+    case 'up':
+    case 'top':
+      return {
+        position: 'up',
+        x: parent.x + parent.width / 2,
+        y: parent.y
+      };
+    case 'right':
+      return {
+        position: 'right',
+        x: parent.x + parent.width,
+        y: parent.y + parent.height / 2
+      };
+    case 'down':
+    case 'bottom':
+      return {
+        position: 'down',
+        x: parent.x + parent.width / 2,
+        y: parent.y + parent.height
+      };
+    case 'left':
+      return {
+        position: 'left',
+        x: parent.x,
+        y: parent.y + parent.height / 2
+      };
+    default:
+      return {
+        position: '',
+        x: parent.x,
+        y: parent.y
+      };
+  }
+}
+// 根据鼠标的位置clientX,clientY算出对应的SVG中的坐标
+function getMousePosition(evt) {
+  var CTM = document.getElementById('svg').getScreenCTM();
+  return {
+    x: (evt.clientX - CTM.e) / CTM.a,
+    y: (evt.clientY - CTM.f) / CTM.d
+  };
+}
+// 根据svg中鼠标按下的位置算出对应在html中的鼠标位置
+function getClientMousePosition() {
+  var CTM = document.getElementById('svg').getScreenCTM();
+  var mouseDownPosition = getStore().getters['wfEditor/mouseDownPosition'];
+  return {
+    x: mouseDownPosition.x * CTM.a + CTM.e,
+    y: mouseDownPosition.y * CTM.d + CTM.f
+  };
+}
+function getMouseOffset(event, tache) {
+  if (event.target.classList.contains('draggable')) {
+    var offset = getMousePosition(event);
+    offset.x -= tache.x;
+    offset.y -= tache.y;
+    return offset;
+  }
+}
+function getVirtualRegion(startPoint, endPoint) {
+  if (!startPoint || !endPoint) {
+    return {};
+  }
+  var x1 = startPoint.x,
+    y1 = startPoint.y;
+  var x2 = endPoint.x,
+    y2 = endPoint.y;
+  var area = {
+    x: 0,
+    y: 0,
+    width: Math.abs(x2 - x1),
+    height: Math.abs(y2 - y1)
+  };
+  if (x1 <= x2) {
+    if (y1 <= y2) {
+      // p2在p1的右下方
+      area.x = x1;
+      area.y = y1;
+    } else {
+      // p2在p1的右上方
+      area.x = x1;
+      area.y = y2;
+    }
+  } else {
+    if (y1 >= y2) {
+      // p2在p1的左上方
+      area.x = x2;
+      area.y = y2;
+    } else {
+      area.x = x2;
+      area.y = y1;
+    }
+  }
+  return area;
+}
+// 根据选中的环节裁剪选择区域
+function getRealRegion(taches) {
+  var minX, minY;
+  minX = minY = 10000;
+  var maxX, maxY;
+  maxX = maxY = 0;
+  var _iterator = _createForOfIteratorHelper(taches),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var tache = _step.value;
+      if (minX > tache.x) {
+        minX = tache.x;
+      }
+      if (minY > tache.y) {
+        minY = tache.y;
+      }
+      if (maxX < tache.x + tache.width) {
+        maxX = tache.x + tache.width;
+      }
+      if (maxY < tache.y + tache.height) {
+        maxY = tache.y + tache.height;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return {
+    x: minX - 10,
+    y: minY - 10,
+    width: maxX - minX + 20,
+    height: maxY - minY + 20
+  };
+}
+function startDragTache(event, vm) {
+  // 清除选中的环节或者流向
+  clearAllSelectedComponents();
+  // 清除选择区域
+  vm.$parent.region = null;
+  // 不是显示流转历史的时候，需要选中当前环节
+  if (!vm.$parent.showHistory) {
+    vm.model.isSelected = true;
+  }
+  getStore().getters['wfEditor/selectedTaches'].push(vm.model);
+  var mouseDownPosition = getMousePosition(event);
+  getStore().commit('wfEditor/setMouseDownPosition', mouseDownPosition);
+  getStore().commit('wfEditor/setMovingTache', true);
+}
+function endDragTache() {
+  getStore().commit('wfEditor/setMovingTache', false);
+  getStore().commit('wfEditor/setMouseDownPosition', null);
+}
+function unselectTaches() {
+  var _iterator2 = _createForOfIteratorHelper(getStore().getters['wfEditor/selectedTaches']),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var tache = _step2.value;
+      tache.isSelected = false;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  getStore().commit('wfEditor/setSelectedTaches', []);
+}
+/**
+ * 包括选中的环节（可能有多个）和流向（0个或1个）
+ */
+function clearAllSelectedComponents() {
+  unselectTaches();
+  if (getStore().getters['wfEditor/selectedTransition']) {
+    getStore().getters['wfEditor/selectedTransition'].isSelected = false;
+  }
+  getStore().commit('wfEditor/setSelectedTransition', null);
+}
+
+/**
+ * 通过xml-js库生成的js对象包含_text属性，需要把这个属性去掉，把值复制给父属性
+ * 如x:{_text:50}需要变成x:50
+ * @param {包含_text属性的对象} obj
+ */
+function removeTextProperty(obj) {
+  var keys = Object.getOwnPropertyNames(obj);
+  keys.forEach(function (key) {
+    if (Object(D_MyToolbox_ws_idea_plateform_dev_opt_workflow_editor_dev_opt_node_modules_babel_runtime_helpers_esm_typeof_js__WEBPACK_IMPORTED_MODULE_8__[/* default */ "a"])(obj[key]) === 'object') {
+      if (obj[key]._text !== undefined) {
+        obj[key] = obj[key]._text;
+        return;
+      } else {
+        if (Object.keys(obj[key]).length > 0) {
+          removeTextProperty(obj[key]);
+        } else {
+          // 如果是空对象就转换为字符串，js-xml库会把每个xml节点都转换为对象，对底层的空节点应该是字符串，其他类型应该给默认值，true，0等
+          // variables和events节点不是最底层节点，有时候也会为空，不能处理他们
+          var specialNodes = ['variables', 'events', 'autoFilledFields'];
+          if (specialNodes.indexOf(key) < 0) {
+            obj[key] = '';
+          }
+        }
+      }
+    }
+  });
+}
+function generateTaches(type, arr) {
+  if (!arr) arr = [];
+  if (!Array.isArray(arr)) {
+    arr = [arr];
+  }
+  var taches = getStore().getters['wfEditor/taches'];
+  var _iterator3 = _createForOfIteratorHelper(arr),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var task = _step3.value;
+      var tache = {
+        id: task.attr.id,
+        name: task.attr.name,
+        // +号是把文本转换成数字的快捷方式
+        x: task.g.x,
+        y: task.g.y,
+        width: task.g.width,
+        height: task.g.height,
+        type: type,
+        isSelected: false,
+        ref: task
+      };
+      taches.push(tache);
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+}
+function generateTransitions(type, arr) {
+  if (!arr) arr = [];
+  if (!Array.isArray(arr)) {
+    arr = [arr];
+  }
+  var transitions = getStore().getters['wfEditor/transitions'];
+  var _iterator4 = _createForOfIteratorHelper(arr),
+    _step4;
+  try {
+    var _loop = function _loop() {
+      var transition = _step4.value;
+      var remark = transition.basicProperties.remark || '';
+      var model = {
+        id: transition.attr.id,
+        startJoint: {
+          parent: findTacheById(transition.attr.from),
+          position: transition.g.fromJoint
+        },
+        endJoint: {
+          parent: findTacheById(transition.attr.to),
+          position: transition.g.toJoint
+        },
+        isSelected: false,
+        remark: remark,
+        lineInfo: {
+          type: transition.g.lineType,
+          controlPoint: null
+        },
+        ref: transition
+      };
+      // 曲线的话会有控制点，如果以后要存多个控制点，就以'x1,y1 x2,y2 x3,y3'的形式来保存，目前只有一个控制点
+      if (transition.g.lineType === 'CurveLine' && transition.g.coordinate) {
+        var point = transition.g.coordinate.split(',');
+        model.lineInfo.controlPoint = {
+          x: point[0],
+          y: point[1]
+        };
+      } else if (transition.g.lineType === 'BrokenLine' && transition.g.coordinate) {
+        var points = transition.g.coordinate.split(';');
+        var controlPoints = [];
+        points.forEach(function (pointXY) {
+          if (pointXY !== '') {
+            var _point = pointXY.split(',');
+            controlPoints.push({
+              x: _point[0],
+              y: _point[1]
+            });
+          }
+        });
+        model.lineInfo.controlPoint = controlPoints;
+      }
+      transitions.push(model);
+    };
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator4.e(err);
+  } finally {
+    _iterator4.f();
+  }
+}
+function initializeProcessData(process) {
+  if (!process) return;
+  generateTaches('HumanTask', process.humanTask);
+  generateTaches('Decision', process.decision);
+  generateTaches('Fork', process.fork);
+  generateTaches('Join', process.join);
+  generateTaches('Subprocess', process.subprocess);
+  generateTaches('HumanDecision', process.humanDecision);
+  generateTaches('CopyTask', process.copyTask);
+  generateTaches('Start', process.start);
+  generateTaches('End', process.end);
+  generateTransitions('Transition', process.transition);
+}
+function findOutgoingTransitionsByTacheId(tacheId) {
+  var transitions = getStore().getters['wfEditor/transitions'];
+  var result = transitions.filter(function (transition) {
+    return transition.startJoint.parent.id === tacheId || transition.ref.attr.from === tacheId;
+  });
+  return result;
+}
+function findIncomingTransitionsByTacheId(tacheId) {
+  var transitions = getStore().getters['wfEditor/transitions'];
+  var result = transitions.filter(function (transition) {
+    return transition.endJoint.parent.id === tacheId || transition.ref.attr.to === tacheId;
+  });
+  return result;
+}
+function findTacheById(tacheId) {
+  var taches = getStore().getters['wfEditor/taches'];
+  var tache = taches.filter(function (tache) {
+    return tache.ref.attr.id === tacheId;
+  });
+  if (tache.length > 0) {
+    return tache[0];
+  } else {
+    return null;
+  }
+}
+function deepCopy(source) {
+  return JSON.parse(JSON.stringify(source));
+}
+function updateTransitionsWhenTacheIdChanged(newId, oldId) {
+  var incomingTransitions = findIncomingTransitionsByTacheId(oldId);
+  incomingTransitions.map(function (item) {
+    item.ref.attr.to = newId;
+    item.ref.attr.id = 'flow_' + item.ref.attr.from + '_to_' + item.ref.attr.to;
+    item.id = item.ref.attr.id;
+  });
+  var outgoingTransitions = findOutgoingTransitionsByTacheId(oldId);
+  outgoingTransitions.map(function (item) {
+    item.ref.attr.from = newId;
+    item.ref.attr.id = 'flow_' + item.ref.attr.from + '_to_' + item.ref.attr.to;
+    item.id = item.ref.attr.id;
+  });
+  return true;
+}
+function validateTacheCode(vm) {
+  var tache = findTacheById(vm.formModel.id);
+  if (tache && tache.id !== vm.id) {
+    vm.$alert(getI18n().t('workflowEditorMessage.itIsTheSameAsTheExistingLink', {
+      name: tache.name
+    }));
+    // 编码重复，立即还原id
+    vm.formModel.id = vm.id;
+    return;
+  }
+  // 环节编码不重复的时候，就需要更新流入流向的to和流出流向的from属性了，同时把编码值回传给父组件
+  updateTransitionsWhenTacheIdChanged(vm.formModel.id, vm.id);
+  //  支持.snyc修饰符的写法
+  vm.$emit('update:id', vm.formModel.id);
+}
+function watchShowName(vm, newVal) {
+  var showName = '';
+  if (vm.processI18n && vm.model.ref && vm.model.ref.basicProperties && vm.model.ref.basicProperties.i18nKey) {
+    var i18nKey = vm.model.ref.basicProperties.i18nKey;
+    var language = Object(imatrix_ui_src_utils_util__WEBPACK_IMPORTED_MODULE_11__[/* getLanguageWithLocale */ "c"])();
+    if (vm.processI18n[i18nKey]) {
+      showName = vm.processI18n[i18nKey][language];
+    }
+    if (!showName) {
+      showName = newVal;
+    }
+  } else {
+    showName = newVal;
+  }
+  return showName;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+var processTemplate = {
+  newProcess: _json_object_templates_process__WEBPACK_IMPORTED_MODULE_12__[/* default */ "a"],
+  newHumanTask: _json_object_templates_human_task__WEBPACK_IMPORTED_MODULE_13__[/* default */ "a"],
+  newDecision: _json_object_templates_decision__WEBPACK_IMPORTED_MODULE_14__[/* default */ "a"],
+  newStart: _json_object_templates_start__WEBPACK_IMPORTED_MODULE_15__[/* default */ "a"],
+  newEnd: _json_object_templates_end__WEBPACK_IMPORTED_MODULE_16__[/* default */ "a"],
+  newTransition: _json_object_templates_transition__WEBPACK_IMPORTED_MODULE_17__[/* default */ "a"],
+  newSubprocess: _json_object_templates_subprocess__WEBPACK_IMPORTED_MODULE_18__[/* default */ "a"],
+  newFork: _json_object_templates_fork__WEBPACK_IMPORTED_MODULE_19__[/* default */ "a"],
+  newJoin: _json_object_templates_join__WEBPACK_IMPORTED_MODULE_20__[/* default */ "a"],
+  newHumanDecision: _json_object_templates_human_decision__WEBPACK_IMPORTED_MODULE_21__[/* default */ "a"],
+  newCopyTask: _json_object_templates_copy_task__WEBPACK_IMPORTED_MODULE_23__[/* default */ "a"]
+};
+
+
+/***/ }),
+
+/***/ "9eb1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "a0da":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"813ecc90-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/workflow-editor/src/workflow-history.vue?vue&type=template&id=422096c3&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "wfEditor",
+    staticStyle: {
+      "position": "relative",
+      "height": "100%"
+    }
+  }, [_c('div', {
+    staticClass: "main"
+  }, [_c('section', [_c('wf-history-canvas', {
+    staticClass: "canvas",
+    attrs: {
+      "onselectstart": "return false",
+      "process": _vm.process,
+      "histories": _vm.histories,
+      "current-tasks": _vm.currentTasks,
+      "all-process-i18n": _vm.allProcessI18n,
+      "show-history": true
+    },
+    nativeOn: {
+      "contextmenu": function contextmenu($event) {
+        $event.preventDefault();
+        return _vm.showContextMenu.apply(null, arguments);
+      }
+    }
+  })], 1)])]);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/workflow-history.vue?vue&type=template&id=422096c3&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js
+var es7_object_get_own_property_descriptors = __webpack_require__("8e6e");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom.iterable.js
+var web_dom_iterable = __webpack_require__("ac6a");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.iterator.js
+var es6_array_iterator = __webpack_require__("cadf");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
+var es6_object_keys = __webpack_require__("456d");
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__("ade3");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
+var es6_number_constructor = __webpack_require__("c5f6");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/assets/wf-editor-icons.js
+var wf_editor_icons = __webpack_require__("67f7");
+
+// EXTERNAL MODULE: external "Vuex"
+var external_Vuex_ = __webpack_require__("5880");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/util.js
+var util = __webpack_require__("8a10");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/wf-history-canvas.vue + 9 modules
+var wf_history_canvas = __webpack_require__("d2b4");
+
+// EXTERNAL MODULE: ./node_modules/xml-js/lib/index.js
+var lib = __webpack_require__("c51a");
+var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/api.js
+var api = __webpack_require__("019f");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/workflow-editor/src/workflow-history.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+
+
+
+
+
+/* harmony default export */ var workflow_historyvue_type_script_lang_js_ = ({
+  name: 'WorkflowHistory',
+  components: {
+    WfHistoryCanvas: wf_history_canvas["a" /* default */]
+  },
+  props: {
+    // 实例id
+    id: {
+      type: Number,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      process: null,
+      histories: [],
+      currentTasks: [],
+      allProcessI18n: null
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['componentToDraw', 'taches', 'transitions', 'contextMenuVisible'])), Object(external_Vuex_["mapGetters"])(['sidebar'])),
+  watch: {},
+  created: function created() {
+    this.showHistory();
+  },
+  mounted: function mounted() {},
+  methods: _objectSpread(_objectSpread(_objectSpread({}, api["a" /* default */]), Object(external_Vuex_["mapMutations"])('wfEditor', ['setComponentToDraw', 'clearCanvas', 'setContextMenuVisible', 'setProcessI18n'])), {}, {
+    showHistory: function showHistory() {
+      var _this = this;
+      // 打开或新建流程图时先清空画布，开发过程中代码热更新的时候可以避免节点重复
+      this.clearCanvas();
+      if (this.id) {
+        this.$http.get(this.baseAPI + '/wf-editor/i18n-settings/get-bundle-info?workflowId=' + this.id).then(function (processI18n) {
+          _this.allProcessI18n = processI18n;
+          var url = _this.baseAPI + '/wf-editor/instance-histories/' + _this.id;
+          _this.$http.get(url).then(function (data) {
+            _this.initProcessByXml(data.xml);
+            var mainBundleCode;
+            if (data.histories && data.histories.length > 0) {
+              mainBundleCode = data.histories[0].bundleCode;
+            }
+            if (!mainBundleCode && data.currentTasks && data.currentTasks.length > 0) {
+              mainBundleCode = data.currentTasks[0].bundleCode;
+            }
+            if (mainBundleCode) {
+              _this.setProcessI18n(processI18n[mainBundleCode]);
+            }
+            _this.histories = data.histories;
+            _this.currentTasks = data.currentTasks;
+          });
+        });
+      } else {
+        this.process = util["m" /* processTemplate */].newProcess();
+        Object(util["l" /* initializeProcessData */])(this.process);
+      }
+    },
+    showContextMenu: function showContextMenu(event) {},
+    initProcessByXml: function initProcessByXml(xml) {
+      var options = {
+        nativeType: true,
+        attributesKey: 'attr',
+        compact: true,
+        ignoreComment: true,
+        spaces: 4
+      };
+      var processObj = lib_default.a.xml2js(xml, options);
+      Object(util["n" /* removeTextProperty */])(processObj.process);
+      this.process = processObj.process;
+      Object(util["l" /* initializeProcessData */])(this.process);
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/workflow-history.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_workflow_historyvue_type_script_lang_js_ = (workflow_historyvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/workflow-history.vue?vue&type=style&index=0&id=422096c3&prod&lang=scss&scoped=true&
+var workflow_historyvue_type_style_index_0_id_422096c3_prod_lang_scss_scoped_true_ = __webpack_require__("fd8e");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/workflow-history.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_workflow_historyvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "422096c3",
+  null
+  
+)
+
+/* harmony default export */ var workflow_history = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "d918":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_workflow_editor_vue_vue_type_style_index_0_id_37937af4_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2466");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_workflow_editor_vue_vue_type_style_index_0_id_37937af4_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_workflow_editor_vue_vue_type_style_index_0_id_37937af4_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "fa13":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"813ecc90-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/workflow-editor/src/workflow-editor.vue?vue&type=template&id=37937af4&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "wfEditor",
+    staticStyle: {
+      "position": "relative",
+      "height": "100%"
+    },
+    on: {
+      "mousedown": function mousedown($event) {
+        return _vm.setContextMenuVisible(false);
+      },
+      "mousewheel": function mousewheel($event) {
+        return _vm.setContextMenuVisible(false);
+      }
+    }
+  }, [_c('el-row', {
+    staticClass: "button-area"
+  }, [!_vm.readonly ? _c('el-button', {
+    attrs: {
+      "type": "primary",
+      "size": "small"
+    },
+    on: {
+      "click": _vm.saveXml
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorPublicModel.save')) + "\n    ")]) : _vm._e(), !_vm.readonly ? _c('el-button', {
+    directives: [{
+      name: "permission",
+      rawName: "v-permission",
+      value: 'wf.workflowDefinition.adminSave',
+      expression: "'wf.workflowDefinition.adminSave'"
+    }],
+    attrs: {
+      "type": "primary",
+      "size": "small"
+    },
+    on: {
+      "click": _vm.adminSave
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorPublicModel.adminSave')) + "\n    ")]) : _vm._e(), _c('el-button', {
+    attrs: {
+      "type": "primary",
+      "size": "small"
+    },
+    on: {
+      "click": _vm.exportProcessFromClient
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorPublicModel.export')) + "\n    ")]), !_vm.readonly ? _c('el-button', {
+    attrs: {
+      "size": "small",
+      "type": "primary"
+    },
+    on: {
+      "click": _vm.selectProcessFile
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorPublicModel.open')) + "\n      "), _c('input', {
+    ref: "processFile",
+    staticStyle: {
+      "display": "none"
+    },
+    attrs: {
+      "type": "file",
+      "name": "processFile",
+      "accept": ".xml"
+    },
+    on: {
+      "change": _vm.openXmlFromClient
+    }
+  })]) : _vm._e(), _c('el-button', {
+    attrs: {
+      "type": "primary",
+      "size": "small"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('back');
+      }
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorPublicModel.return')) + "\n    ")])], 1), _c('div', {
+    staticClass: "main",
+    on: {
+      "mousedown": _vm.startDrag,
+      "mousemove": _vm.drag,
+      "mouseup": _vm.endDrag,
+      "mouseleave": _vm.clearStatus
+    }
+  }, [!_vm.readonly ? _c('toolbox', {
+    staticClass: "toolbox",
+    attrs: {
+      "onselectstart": "return false",
+      "oncontextmenu": "return false"
+    }
+  }) : _vm._e(), _c('section', [_c('el-tabs', {
+    staticClass: "tabs",
+    attrs: {
+      "type": "border-card"
+    },
+    model: {
+      value: _vm.activeTab,
+      callback: function callback($$v) {
+        _vm.activeTab = $$v;
+      },
+      expression: "activeTab"
+    }
+  }, [_c('el-tab-pane', {
+    staticClass: "tab-pane",
+    attrs: {
+      "label": _vm.$t('workflowEditorPublicModel.flowChart'),
+      "name": "canvas"
+    }
+  }, [_c('workflow-canvas', {
+    staticClass: "canvas",
+    attrs: {
+      "onselectstart": "return false",
+      "process": _vm.process
+    },
+    nativeOn: {
+      "mouseup": function mouseup($event) {
+        return _vm.addTache.apply(null, arguments);
+      },
+      "contextmenu": function contextmenu($event) {
+        $event.preventDefault();
+        return _vm.showContextMenu.apply(null, arguments);
+      }
+    }
+  })], 1), _c('el-tab-pane', {
+    staticClass: "tab-pane",
+    attrs: {
+      "label": "XML",
+      "name": "xml"
+    }
+  }, [_vm.activeTab === 'xml' ? _c('pre', {
+    staticClass: "xml line-numbers"
+  }, [_c('code', {
+    ref: "xml",
+    staticClass: "language-xml"
+  }, [_vm._v(_vm._s(_vm.xml))])]) : _vm._e()])], 1)], 1)], 1), _vm.componentToDraw ? _c('icon-svg', {
+    staticClass: "component-icon",
+    style: {
+      height: _vm.componentInfo.height,
+      width: _vm.componentInfo.width,
+      color: _vm.componentInfo.color,
+      left: _vm.currentPosition.x + 'px',
+      top: _vm.currentPosition.y + 'px'
+    },
+    attrs: {
+      "icon": _vm.componentInfo.icon
+    }
+  }) : _vm._e(), _vm.contextMenuVisible ? _c('context-menu', {
+    style: {
+      position: 'absolute',
+      left: _vm.contextMenuPosition.x + 'px',
+      top: _vm.contextMenuPosition.y + 'px'
+    }
+  }) : _vm._e(), _vm.isAdminSave ? _c('admin-save-dialog', {
+    on: {
+      "close": function close($event) {
+        _vm.isAdminSave = false;
+      },
+      "update": _vm.updateWfVersion,
+      "add": _vm.addWfVersion
+    }
+  }) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/workflow-editor.vue?vue&type=template&id=37937af4&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js
+var es7_object_get_own_property_descriptors = __webpack_require__("8e6e");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.iterator.js
+var es6_array_iterator = __webpack_require__("cadf");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
+var es6_object_keys = __webpack_require__("456d");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
+var es6_function_name = __webpack_require__("7f7f");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.promise.js
+var es6_promise = __webpack_require__("551c");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom.iterable.js
+var web_dom_iterable = __webpack_require__("ac6a");
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__("ade3");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
+var es6_number_constructor = __webpack_require__("c5f6");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/assets/wf-editor-icons.js
+var wf_editor_icons = __webpack_require__("67f7");
+
+// EXTERNAL MODULE: external "Vuex"
+var external_Vuex_ = __webpack_require__("5880");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/util.js
+var util = __webpack_require__("8a10");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/toolbox.vue + 4 modules
+var toolbox = __webpack_require__("1842");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/canvas.vue + 9 modules
+var canvas = __webpack_require__("06a5");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/icon-svg.vue + 4 modules
+var icon_svg = __webpack_require__("e4fd");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/context-menu.vue + 4 modules
+var context_menu = __webpack_require__("ff16");
+
+// EXTERNAL MODULE: ./node_modules/xml-js/lib/index.js
+var lib = __webpack_require__("c51a");
+var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/process-service.js
+var process_service = __webpack_require__("1e79");
+
+// EXTERNAL MODULE: ./node_modules/file-saver/dist/FileSaver.min.js
+var FileSaver_min = __webpack_require__("21a6");
+var FileSaver_min_default = /*#__PURE__*/__webpack_require__.n(FileSaver_min);
+
+// EXTERNAL MODULE: ./node_modules/prismjs/components/prism-core.js
+var prism_core = __webpack_require__("8c7a");
+var prism_core_default = /*#__PURE__*/__webpack_require__.n(prism_core);
+
+// EXTERNAL MODULE: ./node_modules/prismjs/components/prism-clike.js
+var prism_clike = __webpack_require__("cb55");
+
+// EXTERNAL MODULE: ./node_modules/prismjs/components/prism-javascript.js
+var prism_javascript = __webpack_require__("416b");
+
+// EXTERNAL MODULE: ./node_modules/prismjs/components/prism-css.js
+var prism_css = __webpack_require__("6605");
+
+// EXTERNAL MODULE: ./node_modules/prismjs/components/prism-markup.js
+var prism_markup = __webpack_require__("6cf3");
+
+// EXTERNAL MODULE: ./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css
+var prism_line_numbers = __webpack_require__("4e93");
+
+// EXTERNAL MODULE: ./node_modules/prismjs/plugins/line-numbers/prism-line-numbers.js
+var line_numbers_prism_line_numbers = __webpack_require__("c0f1");
+
+// EXTERNAL MODULE: ./node_modules/prismjs/themes/prism-coy.css
+var prism_coy = __webpack_require__("6b2c");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/admin-save-dialog.vue + 4 modules
+var admin_save_dialog = __webpack_require__("98e7");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/workflow-editor/src/workflow-editor.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var workflow_editorvue_type_script_lang_js_ = ({
+  name: 'WorkflowEditor',
+  components: {
+    WorkflowCanvas: canvas["a" /* default */],
+    Toolbox: toolbox["a" /* default */],
+    IconSvg: icon_svg["a" /* default */],
+    ContextMenu: context_menu["a" /* default */],
+    AdminSaveDialog: admin_save_dialog["a" /* default */]
+  },
+  props: {
+    // 流程编码
+    code: {
+      type: String,
+      default: null
+    },
+    // 流程版本
+    version: {
+      type: Number,
+      default: null
+    },
+    // 流程id
+    id: {
+      type: Number,
+      default: null
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      activeTab: 'canvas',
+      count: 1,
+      currentPosition: {
+        x: 0,
+        y: 0
+      },
+      process: null,
+      definitionId: null,
+      xml: '',
+      contextMenuPosition: null,
+      isAdminSave: false // 是否点击了管理员保存按钮
+    };
+  },
+
+  computed: _objectSpread(_objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['componentToDraw', 'taches', 'transitions', 'contextMenuVisible'])), Object(external_Vuex_["mapGetters"])(['sidebar'])), {}, {
+    componentInfo: function componentInfo() {
+      return Object(util["e" /* getComponentInfo */])(this.componentToDraw);
+    }
+  }),
+  watch: {
+    activeTab: function activeTab(name) {
+      if (name === 'xml') {
+        this.xml = this.getProcessXml();
+        this.$nextTick(function () {
+          prism_core_default.a.highlightElement(this.$refs.xml);
+        });
+      }
+    }
+  },
+  created: function created() {
+    var _this = this;
+    // 打开或新建流程图时先清空画布，开发过程中代码热更新的时候可以避免节点重复
+    this.clearCanvas();
+    if (this.id) {
+      this.definitionId = this.id;
+    }
+    console.log('canvas-created=', this.code, this.id);
+    if (this.code || this.id) {
+      var url = this.baseAPI + '/wf-editor/open-xmls/with-definitions';
+      url = this.packageUrlParam(url);
+      this.$http.get(url).then(function (xml) {
+        _this.initProcessByXml(xml);
+      });
+    } else {
+      this.process = util["m" /* processTemplate */].newProcess();
+      Object(util["l" /* initializeProcessData */])(this.process);
+    }
+  },
+  mounted: function mounted() {},
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setComponentToDraw', 'clearCanvas', 'setContextMenuVisible', 'setSystemCode', 'setProcessCode'])), {}, {
+    showContextMenu: function showContextMenu(event) {
+      console.log(event);
+      this.setContextMenuVisible(true);
+      // 得到元素在页面上的位置信息，用来计算鼠标位置的偏移量
+      var offset = this.$refs.wfEditor.getBoundingClientRect();
+      this.contextMenuPosition = {
+        x: event.clientX - offset.x,
+        y: event.clientY - offset.y
+      };
+    },
+    initProcessByXml: function initProcessByXml(xml) {
+      var options = {
+        nativeType: true,
+        attributesKey: 'attr',
+        compact: true,
+        ignoreComment: true,
+        spaces: 4
+      };
+      var processObj = lib_default.a.xml2js(xml, options);
+      Object(util["n" /* removeTextProperty */])(processObj.process);
+      this.process = processObj.process;
+      if (this.process && this.process.properties && this.process.properties.basicProperties) {
+        this.setSystemCode(this.process.properties.basicProperties.systemCode);
+      }
+      if (this.process && this.process.attr) {
+        this.setProcessCode(this.process.attr.code);
+      }
+      // 得到表单字段放到vuex
+      this.fetchFormFields();
+      Object(util["l" /* initializeProcessData */])(this.process);
+      this.count = this.getMaxCount() + 1;
+    },
+    fetchFormFields: function fetchFormFields() {
+      var processProperties = this.process.properties.basicProperties;
+      var formCode = processProperties.formCode;
+      var formVersion = processProperties.formVersion;
+      if (formCode && formCode !== '' && formVersion) {
+        // 取出formFields放到vuex中
+        process_service["a" /* default */].fetchFormFields(processProperties.formCode, processProperties.formVersion);
+      }
+    },
+    packageUrlParam: function packageUrlParam(url) {
+      if (this.id) {
+        url = url + '?id=' + this.id;
+      } else if (this.code) {
+        url = url + '?code=' + this.code + '&version=' + this.version;
+      }
+      return url;
+    },
+    // 获得流程定义xml
+    getProcessXml: function getProcessXml() {
+      var process = {
+        start: [],
+        humanTask: [],
+        decision: [],
+        transition: [],
+        fork: [],
+        join: [],
+        subprocess: [],
+        humanDecision: [],
+        copyTask: [],
+        end: []
+      };
+      process.attr = this.process.attr;
+      process.properties = this.process.properties;
+      this.taches.map(function (tache) {
+        var type = tache.type;
+        // type的首字母小写形式就是process中各个数组的名字，ref才是真正的环节信息
+        process[type.charAt(0).toLowerCase() + type.substring(1)].push(tache.ref);
+        // 补充完整图形位置信息
+        tache.ref.g = {
+          x: tache.x,
+          y: tache.y,
+          width: tache.width,
+          height: tache.height
+        };
+      });
+      this.transitions.map(function (transition) {
+        // ref才是真正的流向信息
+        process.transition.push(transition.ref);
+        // 补充完整图形位置信息
+        transition.ref.g = {
+          fromJoint: transition.startJoint.position,
+          toJoint: transition.endJoint.position,
+          coordinate: '',
+          lineType: transition.lineInfo.type
+        };
+        if (transition.lineInfo.type === 'CurveLine' && transition.lineInfo.controlPoint) {
+          transition.ref.g.coordinate = transition.lineInfo.controlPoint.x + ',' + transition.lineInfo.controlPoint.y;
+        } else if (transition.lineInfo.type === 'BrokenLine' && transition.lineInfo.controlPoint) {
+          var coordinate = '';
+          transition.lineInfo.controlPoint.forEach(function (point) {
+            coordinate += point.x + ',' + point.y + ';';
+          });
+          transition.ref.g.coordinate = coordinate;
+        }
+      });
+      var options = {
+        attributesKey: 'attr',
+        compact: true,
+        ignoreComment: true,
+        spaces: 4
+      };
+      var result = lib_default.a.json2xml({
+        process: process
+      }, options);
+      result = '<?xml version="1.0" encoding="utf-8"?>\n' + result;
+      return result;
+    },
+    // 保存xml
+    saveXml: function saveXml() {
+      var _this2 = this;
+      var xml = this.getProcessXml();
+      // console.log(xml)
+      // 保存流程定义xml
+      if (this.code || this.id || this.definitionId) {
+        // 表示修改
+        this.saveWf(xml, this.baseAPI + '/wf-editor/workflow-definitions/updates').then(function () {
+          _this2.$alert(_this2.$t('workflowEditorMessage.updateSuccessful'));
+        });
+      } else {
+        // 表示新建
+        var param = {
+          xml: xml
+        };
+        this.$http.post(this.baseAPI + '/wf-editor/workflow-definitions', param).then(function (definition) {
+          _this2.definitionId = definition.id;
+          _this2.$alert(_this2.$t('workflowEditorMessage.savedSuccessfully'));
+          // console.log('新建成功' + this.definitionId)
+        });
+      }
+    },
+    saveWf: function saveWf(xml, url, message) {
+      var _this3 = this;
+      return new Promise(function (resolve, reject) {
+        var param = _this3.packageSaveXmlParam(xml);
+        _this3.$http.post(url, param).then(function (definition) {
+          _this3.definitionId = definition.id;
+          // console.log('更新成功' + this.definitionId)
+          resolve();
+        });
+      });
+    },
+    packageSaveXmlParam: function packageSaveXmlParam(xml) {
+      var param = {
+        xml: xml
+      };
+      if (this.definitionId) {
+        // 表示已保存过，新流程定义的id
+        param.id = this.definitionId;
+      } else {
+        if (this.id) {
+          param.id = this.id;
+        } else if (this.code) {
+          param.code = this.code;
+          param.version = this.version;
+        }
+      }
+      return param;
+    },
+    adminSave: function adminSave() {
+      var _this4 = this;
+      var xml = this.getProcessXml();
+      // console.log(xml)
+      // 保存流程定义xml
+      if (this.code || this.id || this.definitionId) {
+        // 表示修改
+        var url = this.baseAPI + '/wf-editor/workflow-definitions/states';
+        var param = {};
+        if (this.definitionId) {
+          // 表示已保存过，新流程定义的id
+          param.id = this.definitionId;
+        } else {
+          if (this.id) {
+            param.id = this.id;
+          } else if (this.code) {
+            param.code = this.code;
+            param.version = this.version;
+          }
+        }
+        this.$http.post(url, param).then(function (state) {
+          if (state === 'DRAFT') {
+            // 如果是草稿状态直接保存
+            _this4.saveWf(xml, _this4.baseAPI + '/wf-editor/workflow-definitions/updates').then(function () {
+              _this4.$alert(_this4.$t('workflowEditorMessage.updateSuccessful'));
+            });
+          } else {
+            // 如果是禁用或启用状态，让用户选择是增加版本还是更新版本
+            _this4.isAdminSave = true;
+          }
+        });
+      } else {
+        // 表示新建
+        var _param = {
+          xml: xml
+        };
+        this.$http.post(this.baseAPI + '/wf-editor/workflow-definitions', _param).then(function (definition) {
+          _this4.definitionId = definition.id;
+          _this4.$alert(_this4.$t('workflowEditorMessage.savedSuccessfully'));
+          // console.log('新建成功' + this.definitionId)
+        });
+      }
+    },
+    updateWfVersion: function updateWfVersion() {
+      var _this5 = this;
+      var xml = this.getProcessXml();
+      this.saveWf(xml, this.baseAPI + '/wf-editor/workflow-definitions/update-version').then(function () {
+        _this5.isAdminSave = false;
+        _this5.$alert(_this5.$t('workflowEditorMessage.updateVersionSuccessful'));
+      });
+    },
+    addWfVersion: function addWfVersion() {
+      var _this6 = this;
+      var xml = this.getProcessXml();
+      this.saveWf(xml, this.baseAPI + '/wf-editor/workflow-definitions/updates').then(function () {
+        _this6.isAdminSave = false;
+        _this6.$alert(_this6.$t('workflowEditorMessage.addVersionSuccessful'));
+      });
+    },
+    exportProcessFromClient: function exportProcessFromClient() {
+      var blob = new Blob([this.getProcessXml()], {
+        type: 'text/xml;charset=utf-8'
+      });
+      FileSaver_min_default.a.saveAs(blob, this.process.attr.name + '.xml');
+    },
+    // 导出xml
+    exportProcess: function exportProcess() {
+      var _this7 = this;
+      var xml = this.getProcessXml();
+      this.$http({
+        method: 'post',
+        url: this.baseAPI + '/wf-editor/save-as-xmls',
+        data: {
+          xmlContent: xml
+        }
+      }).then(function (response) {
+        _this7.download(response);
+        console.log(_this7.$t('workflowEditorMessage.exportSucceeded'));
+      });
+    },
+    // 下载文件
+    download: function download(data) {
+      if (!data) {
+        return;
+      }
+      var url = window.URL.createObjectURL(new Blob([data]));
+      var link = document.createElement('a');
+      link.style.display = 'none';
+      link.href = url;
+      link.setAttribute('download', 'myXml.xml');
+      document.body.appendChild(link);
+      link.click();
+    },
+    // 打开xml文件成功后
+    uploadSuccess: function uploadSuccess(response, file, fileList) {
+      var xml = response;
+      // console.log('xml=', xml)
+      // 打开或新建流程图时先清空画布，开发过程中代码热更新的时候可以避免节点重复
+      this.clearCanvas();
+      this.initProcessByXml(xml);
+      this.$refs.upload.clearFiles();
+    },
+    getCurrentPosition: function getCurrentPosition(event) {
+      if (this.componentToDraw) {
+        var offset = this.$refs.wfEditor.getBoundingClientRect();
+        this.currentPosition = {
+          x: event.clientX - offset.x - 22,
+          y: event.clientY - offset.y - 22
+        };
+      }
+    },
+    startDrag: function startDrag(event) {
+      this.getCurrentPosition(event);
+    },
+    drag: function drag(event) {
+      this.getCurrentPosition(event);
+    },
+    endDrag: function endDrag() {
+      if (this.componentToDraw) {
+        this.setComponentToDraw('');
+      }
+    },
+    addTache: function addTache(event) {
+      if (this.componentToDraw) {
+        var positionInSVG = Object(util["i" /* getMousePosition */])(event);
+        var ref = util["m" /* processTemplate */]['new' + this.componentToDraw]();
+        // 组件类型转换为首字母小写形式
+        ref.attr.id = this.componentToDraw.charAt(0).toLowerCase() + this.componentToDraw.substring(1) + '_' + this.count;
+        var tache = {
+          // 默认id是组件类型加上下划线和数字序号，每次打开流程图的时候都需要动态计算最大的序号，然后加1作为count的的初始值
+          id: ref.attr.id,
+          name: ref.attr.name,
+          x: positionInSVG.x - this.componentInfo.width / 2,
+          y: positionInSVG.y - this.componentInfo.height / 2,
+          width: this.componentInfo.width,
+          height: this.componentInfo.height,
+          type: this.componentToDraw,
+          isSelected: false
+        };
+        tache.ref = ref;
+        this.taches.push(tache);
+        this.count++;
+      }
+    },
+    clearStatus: function clearStatus() {
+      if (this.componentToDraw) {
+        this.setComponentToDraw('');
+      }
+    },
+    getMaxCount: function getMaxCount() {
+      var max = 0;
+      this.taches.map(function (item) {
+        // 自动生成的id以下划线加数字编号结尾
+        var index = item.id.substring(item.id.lastIndexOf('_') + 1);
+        index = +index;
+        if (max < index) {
+          max = index;
+        }
+      });
+      return max;
+    },
+    selectProcessFile: function selectProcessFile() {
+      this.$refs.processFile.click();
+    },
+    openXmlFromClient: function openXmlFromClient() {
+      if (this.$refs.processFile.value === '') return;
+      var file = this.$refs.processFile.files[0];
+      var reader = new FileReader();
+      // 本地直接读取文件
+      reader.readAsText(file);
+      var vm = this;
+      reader.onload = function () {
+        // 打开或新建流程图时先清空画布，开发过程中代码热更新的时候可以避免节点重复
+        vm.clearCanvas();
+        vm.initProcessByXml(reader.result);
+        vm.$refs.processFile.value = '';
+      };
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/workflow-editor.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_workflow_editorvue_type_script_lang_js_ = (workflow_editorvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/workflow-editor.vue?vue&type=style&index=0&id=37937af4&prod&lang=scss&scoped=true&
+var workflow_editorvue_type_style_index_0_id_37937af4_prod_lang_scss_scoped_true_ = __webpack_require__("d918");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/workflow-editor.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_workflow_editorvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "37937af4",
+  null
+  
+)
+
+/* harmony default export */ var workflow_editor = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "fd8e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_workflow_history_vue_vue_type_style_index_0_id_422096c3_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9eb1");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_workflow_history_vue_vue_type_style_index_0_id_422096c3_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_workflow_history_vue_vue_type_style_index_0_id_422096c3_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ })
+
+}]);