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

package/lib/workflow-editor.common.workflow-editor.common~247b300f.js

@@ -0,0 +1,1948 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpworkflow_editor"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpworkflow_editor"] || []).push([[3],{
+
+/***/ "06a5":
+/***/ (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/main/canvas.vue?vue&type=template&id=60271756&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "svgContainer",
+    staticStyle: {
+      "position": "relative"
+    }
+  }, [_c('svg', {
+    attrs: {
+      "id": "svg",
+      "width": "2000",
+      "height": "2000"
+    },
+    on: {
+      "mousedown": _vm.mousedown,
+      "mousemove": _vm.mousemove,
+      "mouseup": _vm.mouseup,
+      "mouseleave": _vm.mouseleave,
+      "dblclick": function dblclick($event) {
+        return _vm.setPropertiesEditorFor('Process');
+      }
+    }
+  }, [_c('defs', [_c('marker', {
+    attrs: {
+      "id": "arrow",
+      "markerWidth": "10",
+      "markerHeight": "10",
+      "refX": "6",
+      "refY": "2",
+      "orient": "auto",
+      "markerUnits": "strokeWidth"
+    }
+  }, [_c('path', {
+    attrs: {
+      "d": "M0,0 L0,4 L6,2 z",
+      "fill": "#666"
+    }
+  })])]), _vm._l(_vm.taches, function (tache) {
+    return _c(tache.type, {
+      key: tache.id,
+      tag: "component",
+      attrs: {
+        "model": tache
+      },
+      nativeOn: {
+        "mouseenter": function mouseenter($event) {
+          return _vm.showTacheHistoryTooltip.apply(null, arguments);
+        },
+        "mouseleave": function mouseleave($event) {
+          return _vm.hideTacheHistoryTooltip.apply(null, arguments);
+        },
+        "mousemove": function mousemove($event) {
+          return _vm.updateTacheHistoryTooltipPosition.apply(null, arguments);
+        }
+      }
+    });
+  }), _vm._l(_vm.transitions, function (transition) {
+    return _c('transition', {
+      key: transition.id,
+      attrs: {
+        "model": transition
+      }
+    });
+  }), _c('virtual-transition', {
+    attrs: {
+      "toPosition": _vm.currentPosition
+    }
+  }), _c('selection-region', {
+    attrs: {
+      "region": _vm.region
+    }
+  })], 2), !_vm.showHistory && _vm.propertiesEditorFor ? _c(_vm.propertiesEditorFor + 'PropertiesEditor', {
+    tag: "component",
+    attrs: {
+      "model": _vm.selectedTaches[0] || _vm.selectedTransition || _vm.process
+    },
+    on: {
+      "close": function close($event) {
+        return _vm.setPropertiesEditorFor('');
+      }
+    }
+  }) : _vm._e(), _vm.showHistory && _vm.showTacheHistory ? _c('tache-history-tooltip', {
+    style: _vm.tooltipPosition
+  }) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/canvas.vue?vue&type=template&id=60271756&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
+var es7_symbol_async_iterator = __webpack_require__("ac4d");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.symbol.js
+var es6_symbol = __webpack_require__("8a81");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.iterator.js
+var es6_string_iterator = __webpack_require__("5df3");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.from.js
+var es6_array_from = __webpack_require__("1c4c");
+
+// 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.regexp.to-string.js
+var es6_regexp_to_string = __webpack_require__("6b54");
+
+// 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/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: ./packages/workflow-editor/src/taches/start.vue + 4 modules
+var start = __webpack_require__("8707");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/end.vue + 4 modules
+var end = __webpack_require__("68ec");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/human-task.vue + 4 modules
+var human_task = __webpack_require__("2a9d");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/decision.vue + 4 modules
+var decision = __webpack_require__("a5e0");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/subprocess.vue + 4 modules
+var subprocess = __webpack_require__("fcd2");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/custom-task.vue + 4 modules
+var custom_task = __webpack_require__("70a2");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/fork.vue + 4 modules
+var fork = __webpack_require__("99cb");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/join.vue + 4 modules
+var join = __webpack_require__("a5b3");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/human-decision.vue + 4 modules
+var human_decision = __webpack_require__("2b13");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/copy-task.vue + 4 modules
+var copy_task = __webpack_require__("3fc5");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/transitions/transition.vue + 19 modules
+var transition = __webpack_require__("63a0");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/transitions/virtual-transition.vue + 4 modules
+var virtual_transition = __webpack_require__("543d");
+
+// 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/main/selection-region.vue?vue&type=template&id=36f44cc0&
+var selection_regionvue_type_template_id_36f44cc0_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', [_vm.region ? _c('rect', {
+    class: {
+      'draggable': true,
+      'selection-region': true,
+      'dashed': _vm.selectedTaches.length < 1
+    },
+    attrs: {
+      "x": _vm.region.x,
+      "y": _vm.region.y,
+      "width": _vm.region.width,
+      "height": _vm.region.height
+    },
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": function mouseup($event) {
+        $event.stopPropagation();
+        return _vm.endDrag.apply(null, arguments);
+      }
+    }
+  }) : _vm._e()]);
+};
+var selection_regionvue_type_template_id_36f44cc0_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/selection-region.vue?vue&type=template&id=36f44cc0&
+
+// EXTERNAL MODULE: external "Vuex"
+var external_Vuex_ = __webpack_require__("5880");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/util.js
+var util = __webpack_require__("8a10");
+
+// 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/main/selection-region.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 selection_regionvue_type_script_lang_js_ = ({
+  name: 'SelectionRegion',
+  props: {
+    region: {
+      type: Object,
+      default: null
+    }
+  },
+  computed: _objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches'])),
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setDrawingRegion', 'setMovingRegion', 'setMouseDownPosition'])), {}, {
+    startDrag: function startDrag(event) {
+      console.log('region mousedown');
+      var mouseDownPosition = Object(util["i" /* getMousePosition */])(event);
+      this.setMouseDownPosition(mouseDownPosition);
+      this.setMovingRegion(true);
+    },
+    endDrag: function endDrag(event) {
+      console.log('region mouseup');
+      this.setMovingRegion(false);
+      this.setMouseDownPosition(null);
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/selection-region.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_selection_regionvue_type_script_lang_js_ = (selection_regionvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/selection-region.vue?vue&type=style&index=0&id=36f44cc0&prod&lang=css&
+var selection_regionvue_type_style_index_0_id_36f44cc0_prod_lang_css_ = __webpack_require__("94cd");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/selection-region.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  main_selection_regionvue_type_script_lang_js_,
+  selection_regionvue_type_template_id_36f44cc0_render,
+  selection_regionvue_type_template_id_36f44cc0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var selection_region = (component.exports);
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/human-task.vue + 55 modules
+var properties_editors_human_task = __webpack_require__("ee38");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/process.vue + 34 modules
+var process = __webpack_require__("9ca4");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/decision.vue + 4 modules
+var properties_editors_decision = __webpack_require__("1dbd");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/transition.vue + 9 modules
+var properties_editors_transition = __webpack_require__("e04d");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/fork.vue + 4 modules
+var properties_editors_fork = __webpack_require__("17f3");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/join.vue + 4 modules
+var properties_editors_join = __webpack_require__("9100");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/human-decision.vue + 4 modules
+var properties_editors_human_decision = __webpack_require__("e4fc");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/copy-task.vue + 14 modules
+var properties_editors_copy_task = __webpack_require__("1866");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/properties-editors/subprocess.vue + 24 modules
+var properties_editors_subprocess = __webpack_require__("f8af");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/tache-history-tooltip.vue + 4 modules
+var tache_history_tooltip = __webpack_require__("d9f9");
+
+// 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/main/canvas.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+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 canvasvue_type_script_lang_js_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 canvasvue_type_script_lang_js_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? canvasvue_type_script_lang_js_ownKeys(Object(source), !0).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : canvasvue_type_script_lang_js_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var canvasvue_type_script_lang_js_ = ({
+  name: 'Canvas',
+  components: {
+    Start: start["a" /* default */],
+    End: end["a" /* default */],
+    HumanTask: human_task["a" /* default */],
+    Decision: decision["a" /* default */],
+    Subprocess: subprocess["a" /* default */],
+    CustomTask: custom_task["a" /* default */],
+    Fork: fork["a" /* default */],
+    Join: join["a" /* default */],
+    HumanDecision: human_decision["a" /* default */],
+    CopyTask: copy_task["a" /* default */],
+    Transition: transition["a" /* default */],
+    VirtualTransition: virtual_transition["a" /* default */],
+    SelectionRegion: selection_region,
+    HumanTaskPropertiesEditor: properties_editors_human_task["a" /* default */],
+    ProcessPropertiesEditor: process["a" /* default */],
+    DecisionPropertiesEditor: properties_editors_decision["a" /* default */],
+    TransitionPropertiesEditor: properties_editors_transition["a" /* default */],
+    ForkPropertiesEditor: properties_editors_fork["a" /* default */],
+    JoinPropertiesEditor: properties_editors_join["a" /* default */],
+    HumanDecisionPropertiesEditor: properties_editors_human_decision["a" /* default */],
+    CopyTaskPropertiesEditor: properties_editors_copy_task["a" /* default */],
+    SubprocessPropertiesEditor: properties_editors_subprocess["a" /* default */],
+    TacheHistoryTooltip: tache_history_tooltip["a" /* default */]
+  },
+  props: {
+    process: {
+      type: Object,
+      default: null
+    },
+    showHistory: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data: function data() {
+    return {
+      inputArea: null,
+      currentPosition: null,
+      originPosition: null,
+      offset: null,
+      startPoint: null,
+      region: null,
+      endPoint: null,
+      transitionsInRegion: [],
+      showTacheHistory: false,
+      tooltipPosition: null
+    };
+  },
+  computed: canvasvue_type_script_lang_js_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['taches', 'transitions', 'isMovingTache', 'mouseDownPosition', 'startJoint', 'endJoint', 'isDrawingRegion', 'isMovingRegion', 'selectedTransition', 'selectedTaches', 'resizerToMove', 'draggerToMove', 'controlPointToMove', 'propertiesEditorFor', 'contextMenuVisible'])),
+  mounted: function mounted() {},
+  methods: canvasvue_type_script_lang_js_objectSpread(canvasvue_type_script_lang_js_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setTaches', 'setTransitions', 'resetState', 'setMovingTache', 'stopDrawingLine', 'setSelectedTaches', 'setDrawingRegion', 'setResizerToMove', 'setDraggerToMove', 'setControlPointToMove', 'setPropertiesEditorFor'])), {}, {
+    forbidSelection: function forbidSelection() {
+      return false;
+    },
+    add: function add() {
+      // const tache = new TacheUI(this.snap, 50, 50)
+      // tache.draw()
+    },
+    // 各个组件上的mousedown，组件会自行处理，不会传播到canvas上来，这里发生的mousedown表示点击了canvas的空白区域
+    mousedown: function mousedown(event) {
+      console.log('mousedown');
+      // 鼠标按下时先清除上次选中的环节
+      this.unselectAll();
+
+      // 准备画新的选择区域
+      // isDrawingRegion标识是否可以开始画选择区域了，当mouseup时会重置
+      this.setDrawingRegion(true);
+      // startPoint和endPoint记录选择区域的起点和终点，当mouseup的时候如果有选中的tache则保留值，没有选中则清空值
+      this.startPoint = Object(util["i" /* getMousePosition */])(event);
+    },
+    mousemove: function mousemove(event) {
+      // console.log('mousemove')
+      // 显示流转历史的时候不需要拖动环节
+      if (this.showHistory) return;
+      // 给起始位置附上初始值，这个起始位置是个相对概念，每次mousemove后，这个值就变成最新的鼠标位置，作为下一次mousemove的起点
+      if (!this.originPosition && this.mouseDownPosition) {
+        this.originPosition = this.mouseDownPosition;
+      }
+      this.currentPosition = Object(util["i" /* getMousePosition */])(event);
+      if (this.isMovingTache) {
+        this.moveTache(this.selectedTaches[0]);
+      }
+      this.drawVirtualSelectionRegion();
+      this.moveSelectionRegion();
+      this.resizeSelectedTache();
+      this.moveTransition();
+      this.adjustCurveLine();
+      this.originPosition = this.currentPosition;
+    },
+    // 有些组件上的mouseup，会传播到canvas上来
+    mouseup: function mouseup(event) {
+      console.log('mouseup');
+      if (this.isMovingTache) {
+        this.setMovingTache(false);
+      }
+      // 在画布的空白地方mouseup时，停止画虚拟的流向，此时没有找到任何endJoint（在joint上mouseup才会设置endJoint）
+      if (this.startJoint) {
+        this.stopDrawingLine();
+      }
+      // 鼠标起来时，需要判断是否选中了tache，并显示选择区域
+      this.drawRegionWhenNeeded();
+
+      // tache变到最小时，继续移动鼠标会从resizer上移出去，如果此时松开鼠标就不会触发resizer的mouseup
+      if (this.resizerToMove) {
+        this.setResizerToMove(null);
+      }
+      this.resetMovedTransition();
+    },
+    mouseleave: function mouseleave(event) {
+      this.drawRegionWhenNeeded();
+      this.resetMovedTransition();
+      this.resetState();
+    },
+    drawRegionWhenNeeded: function drawRegionWhenNeeded() {
+      if (this.isDrawingRegion) {
+        this.selectComponents();
+        this.drawRealSelectionRegion();
+        this.setDrawingRegion(false);
+      }
+    },
+    resetMovedTransition: function resetMovedTransition() {
+      // 如果正在移动transition，那么要清除掉状态，并还原transition的位置
+      if (this.draggerToMove) {
+        this.draggerToMove.owner.startJoint = this.draggerToMove.originStartJoint;
+        this.draggerToMove.owner.endJoint = this.draggerToMove.originEndJoint;
+        this.setDraggerToMove(null);
+      }
+    },
+    unselectAll: function unselectAll() {
+      Object(util["a" /* clearAllSelectedComponents */])();
+      // 选中的线也清除掉，此时线的状态并不是selected，这个只是为了移动控制点而增加的组件变量
+      this.transitionsInRegion = [];
+      this.startPoint = null;
+      this.region = null;
+    },
+    selectComponents: function selectComponents() {
+      // 如果选择区域缺少起点或终点，那么不需要选中任何东西，同时清除已有起点或者终点信息
+      if (!this.startPoint || !this.region) {
+        this.startPoint = null;
+        this.region = null;
+        return;
+      }
+      // 判断环节是否在选择区域里面，如果在就选中
+      var _iterator = _createForOfIteratorHelper(this.taches),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var tache = _step.value;
+          if (this.isInsideSelectionRegion(tache)) {
+            tache.isSelected = true;
+            this.selectedTaches.push(tache);
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      var _iterator2 = _createForOfIteratorHelper(this.transitions),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var transition = _step2.value;
+          if (transition.startJoint.parent.isSelected && transition.endJoint.parent.isSelected) {
+            this.transitionsInRegion.push(transition);
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    },
+    isInsideSelectionRegion: function isInsideSelectionRegion(tache) {
+      var isLeftTopCornerInside = tache.x >= this.region.x && tache.y >= this.region.y;
+      var isRightDownCornerInside = tache.x + tache.width <= this.region.x + this.region.width && tache.y + tache.height <= this.region.y + this.region.height;
+      return isLeftTopCornerInside && isRightDownCornerInside;
+    },
+    moveTache: function moveTache(tache) {
+      var x = this.currentPosition.x - this.originPosition.x;
+      var y = this.currentPosition.y - this.originPosition.y;
+      tache.x += x;
+      tache.y += y;
+      if (tache.x < 0) {
+        tache.x = 2;
+      }
+      if (tache.y < 0) {
+        tache.y = 2;
+      }
+    },
+    drawVirtualSelectionRegion: function drawVirtualSelectionRegion() {
+      if (this.isDrawingRegion && this.startPoint) {
+        this.region = Object(util["k" /* getVirtualRegion */])(this.startPoint, this.currentPosition);
+      }
+    },
+    drawRealSelectionRegion: function drawRealSelectionRegion() {
+      // 如果只选中了一个环节，那么选择区域也不需要显示了，这时把起点和region也重置了
+      if (this.selectedTaches.length <= 1) {
+        this.startPoint = null;
+        this.region = null;
+        return;
+      }
+      this.region = Object(util["j" /* getRealRegion */])(this.selectedTaches);
+      // this.startPoint = area.startPoint
+    },
+    moveSelectionRegion: function moveSelectionRegion() {
+      if (!this.isMovingRegion) {
+        return;
+      }
+      // 移动选择区域
+      var dx = this.currentPosition.x - this.originPosition.x;
+      var dy = this.currentPosition.y - this.originPosition.y;
+      // 控制不能移出canvas的边界，保留2像素的间距
+      if (this.region.x + dx < 0) {
+        dx = 2 - this.region.x;
+      }
+      if (this.region.y + dy < 0) {
+        dy = 2 - this.region.y;
+      }
+      this.region.x = this.region.x + dx;
+      this.region.y = this.region.y + dy;
+      this.moveTachesInRegion(dx, dy);
+      this.moveTransitionControlPoints(dx, dy);
+    },
+    moveTachesInRegion: function moveTachesInRegion(dx, dy) {
+      var _iterator3 = _createForOfIteratorHelper(this.selectedTaches),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var tache = _step3.value;
+          tache.x += dx;
+          tache.y += dy;
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    },
+    moveTransitionControlPoints: function moveTransitionControlPoints(dx, dy) {
+      var _iterator4 = _createForOfIteratorHelper(this.transitionsInRegion),
+        _step4;
+      try {
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var transition = _step4.value;
+          if (transition.lineInfo.type === 'CurveLine') {
+            transition.lineInfo.controlPoint.x += dx;
+            transition.lineInfo.controlPoint.y += dy;
+          } else if (transition.lineInfo.type === 'BrokenLine') {
+            transition.lineInfo.controlPoint.forEach(function (point) {
+              point.x += dx;
+              point.y += dy;
+            });
+          }
+        }
+      } catch (err) {
+        _iterator4.e(err);
+      } finally {
+        _iterator4.f();
+      }
+    },
+    resizeSelectedTache: function resizeSelectedTache() {
+      if (!this.resizerToMove) {
+        return;
+      }
+      var dx = this.currentPosition.x - this.originPosition.x;
+      var dy = this.currentPosition.y - this.originPosition.y;
+      var tache = this.resizerToMove.owner;
+      /**
+       * 1.拖动某个resizer时，对角线上的另一个resizer是不动的
+       * 2.拖动不同的resizer时，dx，dy即使出现负数时也可能是变大，这个时候就得做减法了
+      */
+      switch (this.resizerToMove.position) {
+        case 'NW':
+          if (tache.width - dx < 80) {
+            dx = tache.width - 80;
+          }
+          if (tache.height - dy < 40) {
+            dy = tache.height - 40;
+          }
+          tache.width -= dx;
+          tache.height -= dy;
+          tache.x += dx;
+          tache.y += dy;
+          break;
+        case 'NE':
+          if (tache.width + dx < 80) {
+            dx = 80 - tache.width;
+          }
+          if (tache.height - dy < 40) {
+            dy = tache.height - 40;
+          }
+          tache.width += dx;
+          tache.height -= dy;
+          tache.y += dy;
+          break;
+        case 'SW':
+          if (tache.width - dx < 80) {
+            dx = tache.width - 80;
+          }
+          if (tache.height + dy < 40) {
+            dy = 40 - tache.height;
+          }
+          tache.width -= dx;
+          tache.height += dy;
+          tache.x += dx;
+          break;
+        case 'SE':
+          if (tache.width + dx < 80) {
+            dx = 80 - tache.width;
+          }
+          if (tache.height + dy < 40) {
+            dy = 40 - tache.height;
+          }
+          tache.width += dx;
+          tache.height += dy;
+          break;
+      }
+    },
+    moveTransition: function moveTransition() {
+      if (!this.draggerToMove) {
+        return;
+      }
+      var transition = this.draggerToMove.owner;
+      var position = this.draggerToMove.position;
+      var virtualJoint = {
+        parent: this.currentPosition,
+        position: ''
+      };
+      if (position === 'start') {
+        transition.startJoint = virtualJoint;
+      } else {
+        transition.endJoint = virtualJoint;
+      }
+    },
+    adjustCurveLine: function adjustCurveLine() {
+      if (!this.controlPointToMove) {
+        return;
+      }
+      var transition = this.controlPointToMove.owner;
+      if (transition.lineInfo && transition.lineInfo.type === 'CurveLine') {
+        transition.lineInfo.controlPoint = this.currentPosition;
+      } else if (transition.lineInfo && transition.lineInfo.type === 'BrokenLine') {
+        var pointIndex = this.controlPointToMove.pointIndex;
+        var controlPoints = transition.lineInfo.controlPoint;
+        this.$set(controlPoints, pointIndex, this.currentPosition);
+      }
+    },
+    endDrag: function endDrag(event) {},
+    showTacheHistoryTooltip: function showTacheHistoryTooltip(event) {
+      this.showTacheHistory = true;
+    },
+    hideTacheHistoryTooltip: function hideTacheHistoryTooltip() {
+      this.showTacheHistory = false;
+    },
+    updateTacheHistoryTooltipPosition: function updateTacheHistoryTooltipPosition(event) {
+      var position = Object(util["i" /* getMousePosition */])(event);
+      this.tooltipPosition = {
+        left: position.x + 'px',
+        top: position.y + 'px'
+      };
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/canvas.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_canvasvue_type_script_lang_js_ = (canvasvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/canvas.vue?vue&type=style&index=0&id=60271756&prod&lang=css&
+var canvasvue_type_style_index_0_id_60271756_prod_lang_css_ = __webpack_require__("61ed");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/canvas.vue
+
+
+
+
+
+
+/* normalize component */
+
+var canvas_component = Object(componentNormalizer["a" /* default */])(
+  main_canvasvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var canvas = __webpack_exports__["a"] = (canvas_component.exports);
+
+/***/ }),
+
+/***/ "0d92":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "1336":
+/***/ (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_tache_history_tooltip_vue_vue_type_style_index_0_id_dd12406c_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("62da");
+/* 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_tache_history_tooltip_vue_vue_type_style_index_0_id_dd12406c_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_tache_history_tooltip_vue_vue_type_style_index_0_id_dd12406c_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "1842":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
+var es6_function_name = __webpack_require__("7f7f");
+
+// 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/main/toolbox.vue?vue&type=template&id=9c5970fe&scoped=true&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_c('h3', [_vm._v(_vm._s(_vm.$t('workflowEditor.main.tacheType')))]), _vm._l(_vm.componentList, function (component) {
+    return _c('el-button', {
+      key: component.name,
+      attrs: {
+        "type": component.type,
+        "size": "medium",
+        "round": component.round
+      },
+      nativeOn: {
+        "mousedown": function mousedown($event) {
+          return _vm.select(component.name);
+        }
+      }
+    }, [_c('icon-svg', {
+      attrs: {
+        "icon": component.icon
+      }
+    }), _vm._v("\n    " + _vm._s(component.label) + "\n  ")], 1);
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/toolbox.vue?vue&type=template&id=9c5970fe&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: external "Vuex"
+var external_Vuex_ = __webpack_require__("5880");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/icon-svg.vue + 4 modules
+var icon_svg = __webpack_require__("e4fd");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/util.js
+var util = __webpack_require__("8a10");
+
+// 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/main/toolbox.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 toolboxvue_type_script_lang_js_ = ({
+  name: 'Toolbox',
+  components: {
+    IconSvg: icon_svg["a" /* default */]
+  },
+  data: function data() {
+    return {
+      componentList: Object(util["f" /* getComponentList */])()
+    };
+  },
+  computed: _objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['componentToDraw'])),
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setComponentToDraw'])), {}, {
+    select: function select(name) {
+      this.setComponentToDraw(name);
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/toolbox.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_toolboxvue_type_script_lang_js_ = (toolboxvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/toolbox.vue?vue&type=style&index=0&id=9c5970fe&prod&lang=scss&scoped=true&
+var toolboxvue_type_style_index_0_id_9c5970fe_prod_lang_scss_scoped_true_ = __webpack_require__("790e");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/toolbox.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  main_toolboxvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "9c5970fe",
+  null
+  
+)
+
+/* harmony default export */ var toolbox = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "2f57":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wf_history_canvas_vue_vue_type_style_index_0_id_673e88e8_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8e68");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wf_history_canvas_vue_vue_type_style_index_0_id_673e88e8_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_wf_history_canvas_vue_vue_type_style_index_0_id_673e88e8_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "4bca":
+/***/ (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_context_menu_vue_vue_type_style_index_0_id_2554d9c6_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fc3f");
+/* 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_context_menu_vue_vue_type_style_index_0_id_2554d9c6_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_context_menu_vue_vue_type_style_index_0_id_2554d9c6_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "4e21":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "61ed":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_canvas_vue_vue_type_style_index_0_id_60271756_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6430");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_canvas_vue_vue_type_style_index_0_id_60271756_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_canvas_vue_vue_type_style_index_0_id_60271756_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "62da":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "6430":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "7423":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "790e":
+/***/ (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_toolbox_vue_vue_type_style_index_0_id_9c5970fe_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4e21");
+/* 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_toolbox_vue_vue_type_style_index_0_id_9c5970fe_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_toolbox_vue_vue_type_style_index_0_id_9c5970fe_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "8960":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "8e68":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "94cd":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_selection_region_vue_vue_type_style_index_0_id_36f44cc0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7423");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_selection_region_vue_vue_type_style_index_0_id_36f44cc0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_selection_region_vue_vue_type_style_index_0_id_36f44cc0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "98e7":
+/***/ (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/main/admin-save-dialog.vue?vue&type=template&id=09b0f728&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-dialog', {
+    attrs: {
+      "visible": "",
+      "title": _vm.$t('workflowEditorPublicModel.tipTitle'),
+      "center": true,
+      "top": "10vh",
+      "append-to-body": ""
+    },
+    on: {
+      "open": function open($event) {
+        return _vm.$emit('open');
+      },
+      "opend": function opend($event) {
+        return _vm.$emit('opend');
+      },
+      "close": function close($event) {
+        return _vm.$emit('close');
+      },
+      "closed": function closed($event) {
+        return _vm.$emit('closed');
+      }
+    }
+  }, [_c('div', [_vm._v("\n    " + _vm._s(_vm.$t('workflowEditorMessage.adminSaveTip')) + "\n  ")]), _c('ul', [_c('li', [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorMessage.adminSaveTip1')) + "\n    ")]), _c('li', [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorMessage.adminSaveTip2')) + "\n    ")]), _c('li', [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorMessage.adminSaveTip3')) + "\n    ")]), _c('li', [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorMessage.adminSaveTip4')) + "\n    ")])]), _c('div', [_vm._v("\n    " + _vm._s(_vm.$t('workflowEditorMessage.adminSaveTip5')) + "\n  ")]), _c('div', {
+    staticClass: "dialog-footer",
+    attrs: {
+      "slot": "footer"
+    },
+    slot: "footer"
+  }, [_c('el-button', {
+    on: {
+      "click": _vm.updateWfVersion
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorMessage.updateVersion')) + "\n    ")]), _c('el-button', {
+    attrs: {
+      "type": "primary"
+    },
+    on: {
+      "click": _vm.addWfVersion
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorMessage.addVersion')) + "\n    ")]), _c('el-button', {
+    on: {
+      "click": function click($event) {
+        return _vm.$emit('close');
+      }
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.$t('workflowEditorPublicModel.cancel')) + "\n    ")])], 1)]);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/admin-save-dialog.vue?vue&type=template&id=09b0f728&
+
+// 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/main/admin-save-dialog.vue?vue&type=script&lang=js&
+/* harmony default export */ var admin_save_dialogvue_type_script_lang_js_ = ({
+  name: 'AdminSaveDialog',
+  data: function data() {
+    return {};
+  },
+  methods: {
+    updateWfVersion: function updateWfVersion() {
+      this.$emit('update');
+    },
+    addWfVersion: function addWfVersion() {
+      this.$emit('add');
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/admin-save-dialog.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_admin_save_dialogvue_type_script_lang_js_ = (admin_save_dialogvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/admin-save-dialog.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  main_admin_save_dialogvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var admin_save_dialog = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "d2b4":
+/***/ (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/main/wf-history-canvas.vue?vue&type=template&id=673e88e8&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "svgContainer",
+    staticStyle: {
+      "position": "relative"
+    }
+  }, [_c('svg', {
+    attrs: {
+      "id": "svg",
+      "width": "2000",
+      "height": "2000"
+    },
+    on: {
+      "mousedown": _vm.mousedown,
+      "mousemove": _vm.mousemove,
+      "mouseup": _vm.mouseup,
+      "mouseleave": _vm.mouseleave
+    }
+  }, [_c('defs', [_c('marker', {
+    attrs: {
+      "id": "arrow",
+      "markerWidth": "10",
+      "markerHeight": "10",
+      "refX": "6",
+      "refY": "2",
+      "orient": "auto",
+      "markerUnits": "strokeWidth"
+    }
+  }, [_c('path', {
+    attrs: {
+      "d": "M0,0 L0,4 L6,2 z",
+      "fill": "#666"
+    }
+  })])]), _vm._l(_vm.taches, function (tache) {
+    return _c(tache.type, {
+      key: tache.id,
+      tag: "component",
+      class: [_vm.getTacheClass(tache)],
+      attrs: {
+        "model": tache,
+        "display-mode": tache.displayMode
+      },
+      nativeOn: {
+        "mouseenter": function mouseenter($event) {
+          return _vm.showTacheHistoryTooltip(tache, $event);
+        },
+        "mouseleave": function mouseleave($event) {
+          return _vm.hideTacheHistoryTooltip(tache);
+        },
+        "mousemove": function mousemove($event) {
+          return _vm.updateTacheHistoryTooltipPosition.apply(null, arguments);
+        },
+        "click": function click($event) {
+          return _vm.showSubprocessHistory(tache);
+        }
+      }
+    });
+  }), _vm._l(_vm.transitions, function (transition) {
+    return _c('transition', {
+      key: transition.id,
+      attrs: {
+        "model": transition
+      }
+    });
+  })], 2), _vm.showHistory && _vm.tacheHistoryInfo ? _c('tache-history-tooltip', {
+    style: _vm.tooltipPosition,
+    attrs: {
+      "content": _vm.tacheHistoryInfo
+    }
+  }) : _vm._e(), _vm.showSubprocessDialog ? _c('tache-subprocess-history-dialog', {
+    attrs: {
+      "workflow-id": _vm.subWorkflowId
+    },
+    on: {
+      "close": _vm.closeSubprocessHistory
+    }
+  }) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/wf-history-canvas.vue?vue&type=template&id=673e88e8&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es7.symbol.async-iterator.js
+var es7_symbol_async_iterator = __webpack_require__("ac4d");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.symbol.js
+var es6_symbol = __webpack_require__("8a81");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.iterator.js
+var es6_string_iterator = __webpack_require__("5df3");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.from.js
+var es6_array_from = __webpack_require__("1c4c");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.regexp.to-string.js
+var es6_regexp_to_string = __webpack_require__("6b54");
+
+// 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/core-js/modules/es6.function.name.js
+var es6_function_name = __webpack_require__("7f7f");
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__("ade3");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/start.vue + 4 modules
+var start = __webpack_require__("8707");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/end.vue + 4 modules
+var end = __webpack_require__("68ec");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/human-task.vue + 4 modules
+var human_task = __webpack_require__("2a9d");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/decision.vue + 4 modules
+var decision = __webpack_require__("a5e0");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/subprocess.vue + 4 modules
+var subprocess = __webpack_require__("fcd2");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/custom-task.vue + 4 modules
+var custom_task = __webpack_require__("70a2");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/fork.vue + 4 modules
+var fork = __webpack_require__("99cb");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/join.vue + 4 modules
+var join = __webpack_require__("a5b3");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/human-decision.vue + 4 modules
+var human_decision = __webpack_require__("2b13");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/copy-task.vue + 4 modules
+var copy_task = __webpack_require__("3fc5");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/transitions/transition.vue + 19 modules
+var transition = __webpack_require__("63a0");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/tache-history-tooltip.vue + 4 modules
+var tache_history_tooltip = __webpack_require__("d9f9");
+
+// 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: ./node_modules/imatrix-ui/src/utils/workflow-util.js
+var workflow_util = __webpack_require__("74d4");
+
+// EXTERNAL MODULE: ./node_modules/imatrix-ui/src/utils/util.js
+var utils_util = __webpack_require__("29b3");
+
+// 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/main/tache-subprocess-history-dialog.vue?vue&type=template&id=d95c25fc&scoped=true&
+var tache_subprocess_history_dialogvue_type_template_id_d95c25fc_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-dialog', {
+    attrs: {
+      "visible": "",
+      "title": _vm.$t('workflowEditorPublicModel.subprocessTitle'),
+      "close-on-click-modal": false,
+      "append-to-body": "",
+      "width": "90%",
+      "top": "5vh"
+    },
+    on: {
+      "open": function open($event) {
+        return _vm.$emit('open');
+      },
+      "opend": function opend($event) {
+        return _vm.$emit('opend');
+      },
+      "close": function close($event) {
+        return _vm.$emit('close');
+      },
+      "closed": function closed($event) {
+        return _vm.$emit('closed');
+      }
+    }
+  }, [_c('iframe', {
+    attrs: {
+      "id": "_subprocess-content",
+      "src": '#/show-sub-wf-history?workflowId=' + _vm.workflowId,
+      "name": "_subprocess-content",
+      "title": "Subprocess Content",
+      "frameborder": "0"
+    }
+  })]);
+};
+var tache_subprocess_history_dialogvue_type_template_id_d95c25fc_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/tache-subprocess-history-dialog.vue?vue&type=template&id=d95c25fc&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js
+var es6_number_constructor = __webpack_require__("c5f6");
+
+// 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/main/tache-subprocess-history-dialog.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var tache_subprocess_history_dialogvue_type_script_lang_js_ = ({
+  name: 'TacheSubprocessHistoryDialog',
+  props: {
+    // 当前子流程最新流程实例id
+    workflowId: {
+      type: Number,
+      default: null
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/tache-subprocess-history-dialog.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_tache_subprocess_history_dialogvue_type_script_lang_js_ = (tache_subprocess_history_dialogvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/tache-subprocess-history-dialog.vue?vue&type=style&index=0&id=d95c25fc&prod&lang=scss&scoped=true&
+var tache_subprocess_history_dialogvue_type_style_index_0_id_d95c25fc_prod_lang_scss_scoped_true_ = __webpack_require__("f7d9");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/tache-subprocess-history-dialog.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  main_tache_subprocess_history_dialogvue_type_script_lang_js_,
+  tache_subprocess_history_dialogvue_type_template_id_d95c25fc_scoped_true_render,
+  tache_subprocess_history_dialogvue_type_template_id_d95c25fc_scoped_true_staticRenderFns,
+  false,
+  null,
+  "d95c25fc",
+  null
+  
+)
+
+/* harmony default export */ var tache_subprocess_history_dialog = (component.exports);
+// 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/main/wf-history-canvas.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+
+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 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 wf_history_canvasvue_type_script_lang_js_ = ({
+  name: 'WfHistoryCanvas',
+  components: {
+    Start: start["a" /* default */],
+    End: end["a" /* default */],
+    HumanTask: human_task["a" /* default */],
+    Decision: decision["a" /* default */],
+    Subprocess: subprocess["a" /* default */],
+    CustomTask: custom_task["a" /* default */],
+    Fork: fork["a" /* default */],
+    Join: join["a" /* default */],
+    HumanDecision: human_decision["a" /* default */],
+    CopyTask: copy_task["a" /* default */],
+    Transition: transition["a" /* default */],
+    TacheHistoryTooltip: tache_history_tooltip["a" /* default */],
+    TacheSubprocessHistoryDialog: tache_subprocess_history_dialog
+  },
+  props: {
+    process: {
+      type: Object,
+      default: null
+    },
+    histories: {
+      type: Array,
+      default: null
+    },
+    currentTasks: {
+      type: Array,
+      default: null
+    },
+    // 主子流程的国际化配置
+    allProcessI18n: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      showHistory: false,
+      tooltipPosition: null,
+      tacheHistoryInfo: null,
+      showSubprocessDialog: false,
+      subWorkflowId: null // 子流程最新实例
+    };
+  },
+
+  computed: _objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['taches', 'transitions', 'processI18n'])),
+  mounted: function mounted() {},
+  methods: {
+    getTacheClass: function getTacheClass(tache) {
+      // 先判断是否为当前节点 （流程中一个节点可能走多次，这个节点会同时出现在当前和历史节点中）
+      if (this.getCurrentTache(tache)) {
+        return 'current-tache';
+      } else {
+        var passTache = this.getPassedTache(tache);
+        if (passTache && passTache.current) {
+          // 子流程时会进入该判断
+          return 'current-tache';
+        } else if (passTache) {
+          return 'passed-tache';
+        } else {
+          return '';
+        }
+      }
+    },
+    getPassedTache: function getPassedTache(tache) {
+      var result = null;
+      var _iterator = _createForOfIteratorHelper(this.histories),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var item = _step.value;
+          if (item.historyType === 'PROCESS_START' && tache.ref.attr.id && tache.ref.attr.id === 'start' || item.historyType === 'PROCESS_END' && tache.ref.attr.id && tache.ref.attr.id === 'end' || tache.ref.attr.name && item.taskName && item.taskName === tache.ref.attr.name) {
+            result = item;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return result;
+    },
+    // 获得当前环节的流转历史信息，多条件流转历史记录之间换行显示。因为一个环节可能会走多次
+    getPassedTacheHistories: function getPassedTacheHistories(tache) {
+      var result = [];
+      var _iterator2 = _createForOfIteratorHelper(this.histories),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var item = _step2.value;
+          if (item.historyType === 'PROCESS_START' && tache.ref.attr.id && tache.ref.attr.id === 'start' || item.historyType === 'PROCESS_END' && tache.ref.attr.id && tache.ref.attr.id === 'end' || tache.ref.attr.name && item.taskName && item.taskName === tache.ref.attr.name) {
+            result.push(this.i18nOperation(item));
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      return result;
+    },
+    i18nOperation: function i18nOperation(item) {
+      var oneProcessI18n;
+      var processNameI18n;
+      var language = Object(utils_util["c" /* getLanguageWithLocale */])();
+      var bundleCode = item.bundleCode;
+      if (bundleCode && bundleCode !== '' && this.processI18n) {
+        oneProcessI18n = this.processI18n[bundleCode];
+      }
+      if (oneProcessI18n && oneProcessI18n['processName']) {
+        processNameI18n = oneProcessI18n['processName'][language];
+      }
+      return Object(workflow_util["a" /* i18nOperation */])(item, processNameI18n, oneProcessI18n, language);
+    },
+    getCurrentTache: function getCurrentTache(tache) {
+      var result = null;
+      var _iterator3 = _createForOfIteratorHelper(this.currentTasks),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var item = _step3.value;
+          if (item.taskName === tache.ref.attr.name) {
+            result = item;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      return result;
+    },
+    getTacheHistory: function getTacheHistory(tache) {
+      var content = null;
+      var historyText;
+      var histories = this.getPassedTacheHistories(tache);
+      if (histories && histories.length > 0) {
+        historyText = histories.join('</br>');
+      }
+      var current = this.getCurrentTache(tache);
+      if (current) {
+        content = this.$t('workflowEditorMessage.currentHandlingPersonnel') + ': ' + current.transactionResult;
+        if (historyText) {
+          content += '</br>' + historyText;
+        }
+      } else {
+        content = historyText;
+      }
+      return content;
+    },
+    forbidSelection: function forbidSelection() {
+      return false;
+    },
+    mousedown: function mousedown(event) {
+      console.log('mousedown');
+    },
+    mousemove: function mousemove(event) {},
+    // 有些组件上的mouseup，会传播到canvas上来
+    mouseup: function mouseup(event) {},
+    mouseleave: function mouseleave(event) {},
+    endDrag: function endDrag(event) {},
+    showTacheHistoryTooltip: function showTacheHistoryTooltip(tache, event) {
+      this.tacheHistoryInfo = this.getTacheHistory(tache);
+      this.showHistory = true;
+    },
+    hideTacheHistoryTooltip: function hideTacheHistoryTooltip() {
+      // this.tacheHistoryInfo = null
+      this.showHistory = false;
+    },
+    updateTacheHistoryTooltipPosition: function updateTacheHistoryTooltipPosition(event) {
+      var position = Object(util["i" /* getMousePosition */])(event);
+      this.tooltipPosition = {
+        // 提示框的位置要偏离鼠标指针5px，防止提示框不停闪烁
+        left: position.x + 5 + 'px',
+        top: position.y + 5 + 'px'
+      };
+    },
+    // 查看子流程流转历史
+    showSubprocessHistory: function showSubprocessHistory(tache) {
+      var history = this.getPassedTache(tache);
+      if (history && history.hasChildren !== undefined && history.hasChildren === true) {
+        if (history.children && history.children.length > 0) {
+          this.subWorkflowId = history.children[0].workflowId;
+        }
+        this.showSubprocessDialog = true;
+      }
+    },
+    closeSubprocessHistory: function closeSubprocessHistory() {
+      this.showSubprocessDialog = false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/wf-history-canvas.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_wf_history_canvasvue_type_script_lang_js_ = (wf_history_canvasvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/wf-history-canvas.vue?vue&type=style&index=0&id=673e88e8&prod&lang=css&
+var wf_history_canvasvue_type_style_index_0_id_673e88e8_prod_lang_css_ = __webpack_require__("2f57");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/wf-history-canvas.vue
+
+
+
+
+
+
+/* normalize component */
+
+var wf_history_canvas_component = Object(componentNormalizer["a" /* default */])(
+  main_wf_history_canvasvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var wf_history_canvas = __webpack_exports__["a"] = (wf_history_canvas_component.exports);
+
+/***/ }),
+
+/***/ "d982":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_icon_svg_vue_vue_type_style_index_0_id_45abefee_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8960");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_icon_svg_vue_vue_type_style_index_0_id_45abefee_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_icon_svg_vue_vue_type_style_index_0_id_45abefee_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "d9f9":
+/***/ (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/main/tache-history-tooltip.vue?vue&type=template&id=dd12406c&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "tooltip"
+  }, [_c('div', {
+    domProps: {
+      "innerHTML": _vm._s(_vm.content)
+    }
+  })]);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/tache-history-tooltip.vue?vue&type=template&id=dd12406c&scoped=true&
+
+// 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/main/tache-history-tooltip.vue?vue&type=script&lang=js&
+/* harmony default export */ var tache_history_tooltipvue_type_script_lang_js_ = ({
+  name: 'TacheHistoryTooltip',
+  props: {
+    content: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {}
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/tache-history-tooltip.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_tache_history_tooltipvue_type_script_lang_js_ = (tache_history_tooltipvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/tache-history-tooltip.vue?vue&type=style&index=0&id=dd12406c&prod&lang=scss&scoped=true&
+var tache_history_tooltipvue_type_style_index_0_id_dd12406c_prod_lang_scss_scoped_true_ = __webpack_require__("1336");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/tache-history-tooltip.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  main_tache_history_tooltipvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "dd12406c",
+  null
+  
+)
+
+/* harmony default export */ var tache_history_tooltip = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "e4fd":
+/***/ (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/main/icon-svg.vue?vue&type=template&id=45abefee&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('svg', {
+    staticClass: "svg-icon",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_c('use', {
+    attrs: {
+      "xlink:href": _vm.iconName
+    }
+  })]);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/icon-svg.vue?vue&type=template&id=45abefee&
+
+// 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/main/icon-svg.vue?vue&type=script&lang=js&
+/* harmony default export */ var icon_svgvue_type_script_lang_js_ = ({
+  name: 'IconSvg',
+  props: {
+    icon: {
+      type: String,
+      required: true
+    }
+  },
+  computed: {
+    iconName: function iconName() {
+      return "#icon-".concat(this.icon);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/icon-svg.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_icon_svgvue_type_script_lang_js_ = (icon_svgvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/icon-svg.vue?vue&type=style&index=0&id=45abefee&prod&lang=css&
+var icon_svgvue_type_style_index_0_id_45abefee_prod_lang_css_ = __webpack_require__("d982");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/icon-svg.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  main_icon_svgvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var icon_svg = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "f7d9":
+/***/ (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_tache_subprocess_history_dialog_vue_vue_type_style_index_0_id_d95c25fc_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0d92");
+/* 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_tache_subprocess_history_dialog_vue_vue_type_style_index_0_id_d95c25fc_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_tache_subprocess_history_dialog_vue_vue_type_style_index_0_id_d95c25fc_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "fc3f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "ff16":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
+var es6_function_name = __webpack_require__("7f7f");
+
+// 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/main/context-menu.vue?vue&type=template&id=2554d9c6&scoped=true&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('ul', {
+    staticClass: "context-menu"
+  }, _vm._l(_vm.menus, function (menu) {
+    return _c('li', {
+      key: menu.name,
+      on: {
+        "mousedown": function mousedown($event) {
+          $event.stopPropagation();
+          return _vm.execute(menu.name);
+        }
+      }
+    }, [_c('icon-svg', {
+      attrs: {
+        "icon": menu.icon
+      }
+    }), _c('span', [_vm._v(_vm._s(menu.label))])], 1);
+  }), 0);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/context-menu.vue?vue&type=template&id=2554d9c6&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: external "Vuex"
+var external_Vuex_ = __webpack_require__("5880");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/icon-svg.vue + 4 modules
+var icon_svg = __webpack_require__("e4fd");
+
+// 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/main/context-menu.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 context_menuvue_type_script_lang_js_ = ({
+  name: 'ContextMenu',
+  components: {
+    IconSvg: icon_svg["a" /* default */]
+  },
+  data: function data() {
+    return {
+      menusForTransition: [{
+        name: 'switch-line-type-StraightLine',
+        label: this.$t('workflowEditor.main.straightLine'),
+        icon: 'switch'
+      }, {
+        name: 'switch-line-type-CurveLine',
+        label: this.$t('workflowEditor.main.curveLine'),
+        icon: 'switch'
+      }, {
+        name: 'switch-line-type-BrokenLine',
+        label: this.$t('workflowEditor.main.brokenLine'),
+        icon: 'switch'
+      }, {
+        name: 'remove',
+        label: this.$t('workflowEditor.common.remove'),
+        icon: 'delete'
+      }, {
+        name: 'properties',
+        label: this.$t('workflowEditor.common.attribute'),
+        icon: 'properties'
+      }],
+      menusForTache: [{
+        name: 'remove',
+        label: this.$t('workflowEditor.common.remove'),
+        icon: 'delete'
+      }, {
+        name: 'properties',
+        label: this.$t('workflowEditor.common.attribute'),
+        icon: 'properties'
+      }],
+      menusForProcess: [{
+        name: 'properties',
+        label: this.$t('workflowEditor.common.attribute'),
+        icon: 'properties'
+      }]
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['taches', 'transitions', 'selectedTransition', 'selectedTaches'])), {}, {
+    menuType: function menuType() {
+      var type = '';
+      if (this.selectedTransition) {
+        type = 'Transition';
+      } else if (this.selectedTaches.length === 1) {
+        type = 'Tache';
+      }
+      if (this.selectedTransition === null && this.selectedTaches.length === 0) {
+        type = 'Process';
+      }
+      return type;
+    },
+    menus: function menus() {
+      if (this.menuType) {
+        return this['menusFor' + this.menuType];
+      } else {
+        return [];
+      }
+    }
+  }),
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), {}, {
+    switchLineType: function switchLineType(lineType) {
+      this.selectedTransition.lineInfo.controlPoint = null;
+      this.selectedTransition.lineInfo.type = lineType;
+    },
+    execute: function execute(menu) {
+      console.log('menu:' + menu);
+      if (menu.indexOf('switch-line-type-') >= 0) {
+        var lineType = menu.substring(menu.lastIndexOf('-') + 1);
+        this.switchLineType(lineType);
+      }
+      if (menu === 'remove') {
+        if (this.menuType === 'Tache') {
+          this.taches.splice(this.taches.indexOf(this.selectedTaches[0]), 1);
+        } else if (this.menuType === 'Transition') {
+          this.transitions.splice(this.transitions.indexOf(this.selectedTransition), 1);
+        }
+      }
+      var componentsWithoutPropertiesEditor = ['Start', 'End'];
+      if (menu === 'properties') {
+        if (this.menuType === 'Tache') {
+          this.setPropertiesEditorFor(componentsWithoutPropertiesEditor.indexOf(this.selectedTaches[0].type) >= 0 ? '' : this.selectedTaches[0].type);
+        } else if (this.menuType === 'Transition') {
+          this.setPropertiesEditorFor('Transition');
+        } else {
+          this.setPropertiesEditorFor('Process');
+        }
+      }
+      this.setContextMenuVisible(false);
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/context-menu.vue?vue&type=script&lang=js&
+ /* harmony default export */ var main_context_menuvue_type_script_lang_js_ = (context_menuvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/main/context-menu.vue?vue&type=style&index=0&id=2554d9c6&prod&lang=scss&scoped=true&
+var context_menuvue_type_style_index_0_id_2554d9c6_prod_lang_scss_scoped_true_ = __webpack_require__("4bca");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/main/context-menu.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  main_context_menuvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "2554d9c6",
+  null
+  
+)
+
+/* harmony default export */ var context_menu = __webpack_exports__["a"] = (component.exports);
+
+/***/ })
+
+}]);