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

package/lib/workflow-editor.common.workflow-editor.common~95b80cda.js

@@ -0,0 +1,3300 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpworkflow_editor"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpworkflow_editor"] || []).push([[5],{
+
+/***/ "0b53":
+/***/ (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_curve_line_vue_vue_type_style_index_0_id_41f44015_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d87c");
+/* 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_curve_line_vue_vue_type_style_index_0_id_41f44015_prod_scoped_true_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_curve_line_vue_vue_type_style_index_0_id_41f44015_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "1f27":
+/***/ (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_decision_vue_vue_type_style_index_0_id_85ac2034_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ed59");
+/* 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_decision_vue_vue_type_style_index_0_id_85ac2034_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_decision_vue_vue_type_style_index_0_id_85ac2034_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "254c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "2a9d":
+/***/ (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/taches/human-task.vue?vue&type=template&id=b7d9f59a&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('HumanTask');
+      }
+    }
+  }, [_c('rect', {
+    ref: "tache",
+    class: ['draggable', 'task-tache', {
+      'selected': _vm.model.isSelected
+    }],
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.name) + "\n  ")]), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  }), _vm._l(_vm.resizers, function (position) {
+    return _c('tache-resizer', {
+      key: position,
+      attrs: {
+        "owner": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/human-task.vue?vue&type=template&id=b7d9f59a&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/tache-resizer.vue + 4 modules
+var tache_resizer = __webpack_require__("c7c2");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/human-task.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 human_taskvue_type_script_lang_js_ = ({
+  name: 'HumanTask',
+  components: {
+    Joint: joint["a" /* default */],
+    TacheResizer: tache_resizer["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+    // displayMode: {
+    //   type: String,
+    //   default: 'normal'
+    // }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: [],
+      resizers: ['NW', 'NE', 'SW', 'SE'],
+      name: this.model.name
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches', 'processI18n'])), {}, {
+    text: function text() {
+      return {
+        x: this.model.x + this.model.width / 2,
+        y: this.model.y + this.model.height / 2
+      };
+    } // tacheStyle() {
+    //   switch (this.displayMode) {
+    //     case 'passed':
+    //       return 'passed-tache'
+    //     case 'current':
+    //       return 'current-tache'
+    //     default:
+    //       return 'task-tache'
+    //   }
+    // }
+  }),
+  created: function created() {
+    this.name = Object(util["q" /* watchShowName */])(this, this.name);
+  },
+  mounted: function mounted() {
+    this.$watch('model.name', function (newVal) {
+      this.name = Object(util["q" /* watchShowName */])(this, newVal);
+    });
+  },
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/human-task.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_human_taskvue_type_script_lang_js_ = (human_taskvue_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/taches/human-task.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_human_taskvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var human_task = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "2b13":
+/***/ (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/taches/human-decision.vue?vue&type=template&id=c16ca78c&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('HumanDecision');
+      }
+    }
+  }, [_c('rect', {
+    class: {
+      'draggable': true,
+      'human-decision': !_vm.model.isSelected,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('use', {
+    staticClass: "draggable",
+    attrs: {
+      "xlink:href": "#icon-human-decision",
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "fill": "#999"
+    }
+  }), _c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.name) + "\n  ")]), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/human-decision.vue?vue&type=template&id=c16ca78c&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/human-decision.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 human_decisionvue_type_script_lang_js_ = ({
+  name: 'HumanDecision',
+  components: {
+    Joint: joint["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: [],
+      name: this.model.name
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches', 'processI18n'])), {}, {
+    text: function text() {
+      return {
+        x: this.model.x + this.model.width / 2,
+        // TODO: 12应该是字体大小加上一点空隙，换成变量值表示
+        y: this.model.y + this.model.height + 12
+      };
+    }
+  }),
+  created: function created() {
+    this.name = Object(util["q" /* watchShowName */])(this, this.name);
+  },
+  mounted: function mounted() {
+    this.$watch('model.name', function (newVal) {
+      this.name = Object(util["q" /* watchShowName */])(this, newVal);
+    });
+  },
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/human-decision.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_human_decisionvue_type_script_lang_js_ = (human_decisionvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/human-decision.vue?vue&type=style&index=0&id=c16ca78c&prod&lang=css&
+var human_decisionvue_type_style_index_0_id_c16ca78c_prod_lang_css_ = __webpack_require__("561e");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/human-decision.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_human_decisionvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var human_decision = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "2c01":
+/***/ (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_end_vue_vue_type_style_index_0_id_1c373df5_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("defc");
+/* 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_end_vue_vue_type_style_index_0_id_1c373df5_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_end_vue_vue_type_style_index_0_id_1c373df5_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "3740":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "38dc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "3fc5":
+/***/ (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/taches/copy-task.vue?vue&type=template&id=57a633de&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('CopyTask');
+      }
+    }
+  }, [_c('rect', {
+    ref: "tache",
+    class: {
+      'draggable': true,
+      'task-tache': true,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.name) + "\n  ")]), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  }), _vm._l(_vm.resizers, function (position) {
+    return _c('tache-resizer', {
+      key: position,
+      attrs: {
+        "owner": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/copy-task.vue?vue&type=template&id=57a633de&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/tache-resizer.vue + 4 modules
+var tache_resizer = __webpack_require__("c7c2");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/copy-task.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 copy_taskvue_type_script_lang_js_ = ({
+  name: 'CopyTask',
+  components: {
+    Joint: joint["a" /* default */],
+    TacheResizer: tache_resizer["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: [],
+      resizers: ['NW', 'NE', 'SW', 'SE'],
+      name: this.model.name
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches', 'processI18n'])), {}, {
+    text: function text() {
+      return {
+        x: this.model.x + this.model.width / 2,
+        y: this.model.y + this.model.height / 2
+      };
+    }
+  }),
+  created: function created() {
+    this.name = Object(util["q" /* watchShowName */])(this, this.name);
+  },
+  mounted: function mounted() {
+    this.$watch('model.name', function (newVal) {
+      this.name = Object(util["q" /* watchShowName */])(this, newVal);
+    });
+  },
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/copy-task.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_copy_taskvue_type_script_lang_js_ = (copy_taskvue_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/taches/copy-task.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_copy_taskvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var copy_task = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "4866":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/store/getters.js
+var getters = {
+  taches: function taches(state) {
+    return state.taches;
+  },
+  transitions: function transitions(state) {
+    return state.transitions;
+  },
+  startJoint: function startJoint(state) {
+    return state.startJoint;
+  },
+  endJoint: function endJoint(state) {
+    return state.endJoint;
+  },
+  isMovingTache: function isMovingTache(state) {
+    return state.isMovingTache;
+  },
+  mouseDownPosition: function mouseDownPosition(state) {
+    return state.mouseDownPosition;
+  },
+  isDrawingRegion: function isDrawingRegion(state) {
+    return state.isDrawingRegion;
+  },
+  isMovingRegion: function isMovingRegion(state) {
+    return state.isMovingRegion;
+  },
+  selectedTaches: function selectedTaches(state) {
+    return state.selectedTaches;
+  },
+  selectedTransition: function selectedTransition(state) {
+    return state.selectedTransition;
+  },
+  resizerToMove: function resizerToMove(state) {
+    return state.resizerToMove;
+  },
+  draggerToMove: function draggerToMove(state) {
+    return state.draggerToMove;
+  },
+  propertiesEditorFor: function propertiesEditorFor(state) {
+    return state.propertiesEditorFor;
+  },
+  componentToDraw: function componentToDraw(state) {
+    return state.componentToDraw;
+  },
+  controlPointToMove: function controlPointToMove(state) {
+    return state.controlPointToMove;
+  },
+  formFields: function formFields(state) {
+    return state.formFields;
+  },
+  formCode: function formCode(state) {
+    return state.formCode;
+  },
+  formFieldsWithSub: function formFieldsWithSub(state) {
+    return state.formFieldsWithSub;
+  },
+  contextMenuVisible: function contextMenuVisible(state) {
+    return state.contextMenuVisible;
+  },
+  systemCode: function systemCode(state) {
+    return state.systemCode;
+  },
+  processCode: function processCode(state) {
+    return state.processCode;
+  },
+  processI18n: function processI18n(state) {
+    return state.processI18n;
+  },
+  subtableConditionMap: function subtableConditionMap(state) {
+    return state.subtableConditionMap;
+  },
+  propSettingKeyList: function propSettingKeyList(state) {
+    return state.propSettingKeyList;
+  }
+};
+/* harmony default export */ var store_getters = (getters);
+// CONCATENATED MODULE: ./packages/workflow-editor/src/store/workflow-editor.js
+
+var wfEditor = {
+  namespaced: true,
+  state: {
+    taches: [],
+    transitions: [],
+    startJoint: null,
+    endJoint: null,
+    isMovingTache: false,
+    mouseDownPosition: null,
+    isDrawingRegion: false,
+    isMovingRegion: false,
+    selectedTaches: [],
+    selectedTransition: null,
+    resizerToMove: null,
+    draggerToMove: null,
+    propertiesEditorFor: '',
+    componentToDraw: '',
+    controlPointToMove: null,
+    formFields: [],
+    formFieldsWithSub: [],
+    contextMenuVisible: false,
+    formCode: null,
+    systemCode: null,
+    processCode: null,
+    processI18n: null,
+    subtableConditionMap: null,
+    propSettingKeyList: null
+  },
+  getters: store_getters,
+  mutations: {
+    setTaches: function setTaches(state, taches) {
+      state.taches = taches;
+    },
+    setTransitions: function setTransitions(state, transitions) {
+      state.transitions = transitions;
+    },
+    clearCanvas: function clearCanvas(state) {
+      state.taches = [];
+      state.transitions = [];
+    },
+    resetState: function resetState(state) {
+      state.isMovingTache = false;
+      state.startJoint = null;
+      state.endJoint = null;
+      state.isDrawingRegion = false;
+      state.isMovingRegion = false;
+      state.resizerToMove = null;
+      state.draggerToMove = null;
+      state.controlPointToMove = null;
+    },
+    stopDrawingLine: function stopDrawingLine(state) {
+      state.startJoint = null;
+      state.endJoint = null;
+    },
+    setStartJoint: function setStartJoint(state, startJoint) {
+      state.startJoint = startJoint;
+    },
+    setEndJoint: function setEndJoint(state, endJoint) {
+      state.endJoint = endJoint;
+    },
+    setMovingTache: function setMovingTache(state, isMovingTache) {
+      state.isMovingTache = isMovingTache;
+    },
+    setMouseDownPosition: function setMouseDownPosition(state, mouseDownPosition) {
+      state.mouseDownPosition = mouseDownPosition;
+    },
+    setDrawingRegion: function setDrawingRegion(state, isDrawingRegion) {
+      state.isDrawingRegion = isDrawingRegion;
+    },
+    setMovingRegion: function setMovingRegion(state, isMovingRegion) {
+      state.isMovingRegion = isMovingRegion;
+    },
+    setSelectedTaches: function setSelectedTaches(state, selectedTaches) {
+      state.selectedTaches = selectedTaches;
+    },
+    setSelectedTransition: function setSelectedTransition(state, selectedTransition) {
+      state.selectedTransition = selectedTransition;
+    },
+    setResizerToMove: function setResizerToMove(state, resizer) {
+      state.resizerToMove = resizer;
+    },
+    setDraggerToMove: function setDraggerToMove(state, transition) {
+      state.draggerToMove = transition;
+    },
+    setPropertiesEditorFor: function setPropertiesEditorFor(state, propertiesEditorFor) {
+      state.propertiesEditorFor = propertiesEditorFor;
+    },
+    setComponentToDraw: function setComponentToDraw(state, componentToDraw) {
+      state.componentToDraw = componentToDraw;
+    },
+    setControlPointToMove: function setControlPointToMove(state, controlPointToMove) {
+      state.controlPointToMove = controlPointToMove;
+    },
+    setFormFields: function setFormFields(state, formFields) {
+      state.formFields = formFields;
+    },
+    setFormCode: function setFormCode(state, formCode) {
+      state.formCode = formCode;
+    },
+    setFormFieldsWithSub: function setFormFieldsWithSub(state, formFieldsWithSub) {
+      state.formFieldsWithSub = formFieldsWithSub;
+    },
+    setContextMenuVisible: function setContextMenuVisible(state, contextMenuVisible) {
+      state.contextMenuVisible = contextMenuVisible;
+    },
+    setSystemCode: function setSystemCode(state, systemCode) {
+      state.systemCode = systemCode;
+    },
+    setProcessCode: function setProcessCode(state, processCode) {
+      state.processCode = processCode;
+    },
+    setProcessI18n: function setProcessI18n(state, processI18n) {
+      state.processI18n = processI18n;
+    },
+    setSubtableConditionMap: function setSubtableConditionMap(state, subtableConditionMap) {
+      state.subtableConditionMap = subtableConditionMap;
+    },
+    setPropSettingKeyList: function setPropSettingKeyList(state, propSettingKeyList) {
+      state.propSettingKeyList = propSettingKeyList;
+    }
+  }
+};
+/* harmony default export */ var workflow_editor = __webpack_exports__["a"] = (wfEditor);
+
+/***/ }),
+
+/***/ "4954":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "4fc0":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "5343":
+/***/ (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_start_vue_vue_type_style_index_0_id_03874b43_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6318");
+/* 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_start_vue_vue_type_style_index_0_id_03874b43_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_start_vue_vue_type_style_index_0_id_03874b43_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "543d":
+/***/ (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/transitions/virtual-transition.vue?vue&type=template&id=0787f34a&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', [_c('path', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.path,
+      expression: "path"
+    }],
+    staticClass: "virtual-transition",
+    attrs: {
+      "d": _vm.path,
+      "marker-end": "url(#arrow)"
+    }
+  })]);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/virtual-transition.vue?vue&type=template&id=0787f34a&
+
+// 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: ./packages/workflow-editor/src/util.js
+var util = __webpack_require__("8a10");
+
+// EXTERNAL MODULE: external "Vuex"
+var external_Vuex_ = __webpack_require__("5880");
+
+// 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/transitions/virtual-transition.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 virtual_transitionvue_type_script_lang_js_ = ({
+  name: 'VirtualTransition',
+  props: {
+    toPosition: {
+      type: Object,
+      default: null
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['startJoint'])), {}, {
+    path: function path() {
+      if (!this.startJoint) {
+        return null;
+      }
+      var startJoint = Object(util["h" /* getJoint */])(this.startJoint.parent, this.startJoint.position);
+      // 虚线的endJoint存的就是鼠标的当前位置，此时还没有连接到任何环节上
+      var endJoint = this.toPosition;
+      return 'M' + startJoint.x + ' ' + startJoint.y + ' L' + endJoint.x + ' ' + endJoint.y;
+    }
+  }),
+  methods: {}
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/virtual-transition.vue?vue&type=script&lang=js&
+ /* harmony default export */ var transitions_virtual_transitionvue_type_script_lang_js_ = (virtual_transitionvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/transitions/virtual-transition.vue?vue&type=style&index=0&id=0787f34a&prod&lang=css&
+var virtual_transitionvue_type_style_index_0_id_0787f34a_prod_lang_css_ = __webpack_require__("b87e");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/virtual-transition.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  transitions_virtual_transitionvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var virtual_transition = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "561e":
+/***/ (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_human_decision_vue_vue_type_style_index_0_id_c16ca78c_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7529");
+/* 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_human_decision_vue_vue_type_style_index_0_id_c16ca78c_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_human_decision_vue_vue_type_style_index_0_id_c16ca78c_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "5ccf":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "5fad":
+/***/ (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_join_vue_vue_type_style_index_0_id_4f32e2be_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fe56");
+/* 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_join_vue_vue_type_style_index_0_id_4f32e2be_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_join_vue_vue_type_style_index_0_id_4f32e2be_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "6318":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "63a0":
+/***/ (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/transitions/transition.vue?vue&type=template&id=e5a42fd4&scoped=true&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    class: {
+      'no-events': _vm.draggerToMove != null
+    },
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.select.apply(null, arguments);
+      },
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.showPropertiesEditor.apply(null, arguments);
+      }
+    }
+  }, [_c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.name) + "\n  ")]), _c(_vm.model.lineInfo.type, {
+    tag: "component",
+    class: {
+      'transition': true,
+      'selected': _vm.model.isSelected || _vm.model.startJoint.parent.isSelected && _vm.model.endJoint.parent.isSelected
+    },
+    attrs: {
+      "owner": _vm.model
+    }
+  }), _vm.model.isSelected ? _c('g', _vm._l(_vm.draggers, function (dragger) {
+    return _c('circle', {
+      key: dragger.position,
+      staticClass: "transition-dragger",
+      attrs: {
+        "cx": dragger.x,
+        "cy": dragger.y,
+        "r": "4"
+      },
+      on: {
+        "mousedown": function mousedown($event) {
+          $event.stopPropagation();
+          return _vm.startDrag($event, dragger.position);
+        },
+        "mouseup": _vm.endDrag
+      }
+    });
+  }), 0) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/transition.vue?vue&type=template&id=e5a42fd4&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: ./packages/workflow-editor/src/util.js
+var util = __webpack_require__("8a10");
+
+// EXTERNAL MODULE: external "Vuex"
+var external_Vuex_ = __webpack_require__("5880");
+
+// 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/transitions/straight-line.vue?vue&type=template&id=9fd5730c&
+var straight_linevue_type_template_id_9fd5730c_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('path', {
+    attrs: {
+      "d": _vm.path,
+      "marker-end": "url(#arrow)"
+    }
+  });
+};
+var straight_linevue_type_template_id_9fd5730c_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/straight-line.vue?vue&type=template&id=9fd5730c&
+
+// 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/transitions/straight-line.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var straight_linevue_type_script_lang_js_ = ({
+  name: 'StraightLine',
+  props: {
+    owner: {
+      type: Object,
+      default: null
+    }
+  },
+  computed: {
+    path: function path() {
+      var startPoint = Object(util["h" /* getJoint */])(this.owner.startJoint.parent, this.owner.startJoint.position);
+      var endPoint = Object(util["h" /* getJoint */])(this.owner.endJoint.parent, this.owner.endJoint.position);
+      return 'M' + startPoint.x + ' ' + startPoint.y + ' L' + endPoint.x + ' ' + endPoint.y;
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/straight-line.vue?vue&type=script&lang=js&
+ /* harmony default export */ var transitions_straight_linevue_type_script_lang_js_ = (straight_linevue_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/transitions/straight-line.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  transitions_straight_linevue_type_script_lang_js_,
+  straight_linevue_type_template_id_9fd5730c_render,
+  straight_linevue_type_template_id_9fd5730c_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var straight_line = (component.exports);
+// 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/transitions/curve-line.vue?vue&type=template&id=41f44015&scoped=true&
+var curve_linevue_type_template_id_41f44015_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', [_c('path', {
+    attrs: {
+      "d": _vm.path,
+      "marker-end": "url(#arrow)"
+    }
+  }), _vm.owner.isSelected ? [_c('path', {
+    staticClass: "control-line",
+    attrs: {
+      "d": _vm.pathToStartPoint
+    }
+  }), _c('path', {
+    staticClass: "control-line",
+    attrs: {
+      "d": _vm.pathToEndPoint
+    }
+  }), _c('circle', {
+    staticClass: "control-point",
+    attrs: {
+      "cx": _vm.controlPoint.x,
+      "cy": _vm.controlPoint.y,
+      "r": "3"
+    },
+    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()], 2);
+};
+var curve_linevue_type_template_id_41f44015_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/curve-line.vue?vue&type=template&id=41f44015&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/transitions/curve-line.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 curve_linevue_type_script_lang_js_ = ({
+  name: 'CurveLine',
+  props: {
+    owner: {
+      type: Object,
+      default: null
+    }
+  },
+  computed: {
+    // 二次贝塞尔曲线由两个端点和一个控制点组成，Q命令就是用来画二次曲线的
+    startPoint: function startPoint() {
+      return Object(util["h" /* getJoint */])(this.owner.startJoint.parent, this.owner.startJoint.position);
+    },
+    endPoint: function endPoint() {
+      return Object(util["h" /* getJoint */])(this.owner.endJoint.parent, this.owner.endJoint.position);
+    },
+    controlPoint: function controlPoint() {
+      return this.owner.lineInfo.controlPoint;
+    },
+    path: function path() {
+      return 'M ' + this.startPoint.x + ' ' + this.startPoint.y + ' ' + 'Q ' + this.controlPoint.x + ' ' + this.controlPoint.y + ' ' + this.endPoint.x + ' ' + this.endPoint.y;
+    },
+    pathToStartPoint: function pathToStartPoint() {
+      return 'M ' + this.controlPoint.x + ' ' + this.controlPoint.y + 'L ' + this.startPoint.x + ' ' + this.startPoint.y;
+    },
+    pathToEndPoint: function pathToEndPoint() {
+      return 'M ' + this.controlPoint.x + ' ' + this.controlPoint.y + 'L ' + this.endPoint.x + ' ' + this.endPoint.y;
+    }
+  },
+  created: function created() {
+    // controlPoint没有值是需要给一个初始值：默认的控制点是起点的x坐标和终点的y坐标结合
+    if (!this.owner.lineInfo.controlPoint) {
+      var x = this.startPoint.x + (this.endPoint.x - this.startPoint.x) / 2;
+      if (x + 10 < this.startPoint.x || x < this.startPoint.x + 10) {
+        x = this.startPoint.x + 30;
+      }
+      this.owner.lineInfo.controlPoint = {
+        x: x,
+        y: this.endPoint.y
+      };
+    }
+  },
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setControlPointToMove'])), {}, {
+    startDrag: function startDrag(event) {
+      this.setControlPointToMove({
+        owner: this.owner
+      });
+    },
+    endDrag: function endDrag() {
+      this.setControlPointToMove(null);
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/curve-line.vue?vue&type=script&lang=js&
+ /* harmony default export */ var transitions_curve_linevue_type_script_lang_js_ = (curve_linevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/transitions/curve-line.vue?vue&type=style&index=0&id=41f44015&prod&scoped=true&lang=css&
+var curve_linevue_type_style_index_0_id_41f44015_prod_scoped_true_lang_css_ = __webpack_require__("0b53");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/curve-line.vue
+
+
+
+
+
+
+/* normalize component */
+
+var curve_line_component = Object(componentNormalizer["a" /* default */])(
+  transitions_curve_linevue_type_script_lang_js_,
+  curve_linevue_type_template_id_41f44015_scoped_true_render,
+  curve_linevue_type_template_id_41f44015_scoped_true_staticRenderFns,
+  false,
+  null,
+  "41f44015",
+  null
+  
+)
+
+/* harmony default export */ var curve_line = (curve_line_component.exports);
+// 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/transitions/broken-line.vue?vue&type=template&id=58d8ad5f&scoped=true&
+var broken_linevue_type_template_id_58d8ad5f_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', [_c('path', {
+    attrs: {
+      "d": _vm.path,
+      "marker-end": "url(#arrow)"
+    }
+  }), _vm.owner.isSelected ? [_vm.controlPoint ? _vm._l(_vm.controlPoint, function (point, index) {
+    return _c('circle', {
+      key: point.x + point.y,
+      staticClass: "control-point",
+      attrs: {
+        "cx": point.x,
+        "cy": point.y,
+        "r": "3"
+      },
+      on: {
+        "mousedown": function mousedown($event) {
+          $event.stopPropagation();
+          return _vm.startDrag(index, $event);
+        },
+        "mouseup": function mouseup($event) {
+          $event.stopPropagation();
+          return _vm.endDrag.apply(null, arguments);
+        }
+      }
+    });
+  }) : _vm._e()] : _vm._e()], 2);
+};
+var broken_linevue_type_template_id_58d8ad5f_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/broken-line.vue?vue&type=template&id=58d8ad5f&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/transitions/broken-line.vue?vue&type=script&lang=js&
+
+
+
+
+
+function broken_linevue_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 broken_linevue_type_script_lang_js_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? broken_linevue_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)) : broken_linevue_type_script_lang_js_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+
+/* harmony default export */ var broken_linevue_type_script_lang_js_ = ({
+  name: 'BrokenLine',
+  props: {
+    owner: {
+      type: Object,
+      default: null
+    }
+  },
+  computed: {
+    // 二次贝塞尔曲线由两个端点和一个控制点组成，Q命令就是用来画二次曲线的
+    startPoint: function startPoint() {
+      return Object(util["h" /* getJoint */])(this.owner.startJoint.parent, this.owner.startJoint.position);
+    },
+    endPoint: function endPoint() {
+      return Object(util["h" /* getJoint */])(this.owner.endJoint.parent, this.owner.endJoint.position);
+    },
+    controlPoint: function controlPoint() {
+      return this.owner.lineInfo.controlPoint;
+    },
+    path: function path() {
+      var myPath = 'M ' + this.startPoint.x + ' ' + this.startPoint.y + ' ';
+      if (this.controlPoint) {
+        this.controlPoint.forEach(function (point) {
+          myPath += 'L ' + point.x + ' ' + point.y;
+        });
+      }
+      myPath += 'L ' + this.endPoint.x + ' ' + this.endPoint.y;
+      return myPath;
+    }
+  },
+  created: function created() {
+    console.log('this.owner.lineInfo=', this.owner.lineInfo);
+    // controlPoint没有值是需要给一个初始值：默认的控制点是起点的x坐标和终点的y坐标结合
+    if (!this.owner.lineInfo.controlPoint) {
+      var x = this.startPoint.x + (this.endPoint.x - this.startPoint.x) / 2;
+      var y = this.startPoint.y + (this.endPoint.y - this.startPoint.y) / 2;
+      this.owner.lineInfo.controlPoint = [{
+        x: x,
+        y: y
+      }];
+    }
+  },
+  methods: broken_linevue_type_script_lang_js_objectSpread(broken_linevue_type_script_lang_js_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setControlPointToMove'])), {}, {
+    startDrag: function startDrag(pointIndex, $event) {
+      console.log('brokenLine--startDrag-----');
+      this.setControlPointToMove({
+        owner: this.owner,
+        pointIndex: pointIndex
+      });
+    },
+    endDrag: function endDrag() {
+      this.setControlPointToMove(null);
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/broken-line.vue?vue&type=script&lang=js&
+ /* harmony default export */ var transitions_broken_linevue_type_script_lang_js_ = (broken_linevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/transitions/broken-line.vue?vue&type=style&index=0&id=58d8ad5f&prod&scoped=true&lang=css&
+var broken_linevue_type_style_index_0_id_58d8ad5f_prod_scoped_true_lang_css_ = __webpack_require__("b43c");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/broken-line.vue
+
+
+
+
+
+
+/* normalize component */
+
+var broken_line_component = Object(componentNormalizer["a" /* default */])(
+  transitions_broken_linevue_type_script_lang_js_,
+  broken_linevue_type_template_id_58d8ad5f_scoped_true_render,
+  broken_linevue_type_template_id_58d8ad5f_scoped_true_staticRenderFns,
+  false,
+  null,
+  "58d8ad5f",
+  null
+  
+)
+
+/* harmony default export */ var broken_line = (broken_line_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/transitions/transition.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+function transitionvue_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 transitionvue_type_script_lang_js_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? transitionvue_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)) : transitionvue_type_script_lang_js_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+
+
+
+
+/* harmony default export */ var transitionvue_type_script_lang_js_ = ({
+  name: 'Transition',
+  components: {
+    StraightLine: straight_line,
+    CurveLine: curve_line,
+    BrokenLine: broken_line
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    var point = this.getTextPoint();
+    return {
+      text: {
+        x: point.x,
+        y: point.y
+      },
+      name: this.model.remark
+    };
+  },
+  computed: transitionvue_type_script_lang_js_objectSpread(transitionvue_type_script_lang_js_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['draggerToMove', 'processI18n'])), {}, {
+    draggers: function draggers() {
+      var startPoint = Object(util["h" /* getJoint */])(this.model.startJoint.parent, this.model.startJoint.position);
+      startPoint.position = 'start';
+      var endPoint = Object(util["h" /* getJoint */])(this.model.endJoint.parent, this.model.endJoint.position);
+      endPoint.position = 'end';
+      return [startPoint, endPoint];
+    },
+    path: function path() {
+      return 'M' + this.draggers[0].x + ' ' + this.draggers[0].y + ' L' + this.draggers[1].x + ' ' + this.draggers[1].y;
+    }
+  }),
+  created: function created() {
+    this.name = Object(util["q" /* watchShowName */])(this, this.name);
+  },
+  mounted: function mounted() {
+    // 线条名称内容修改时
+    this.$watch('model.remark', function (newVal) {
+      this.name = Object(util["q" /* watchShowName */])(this, newVal);
+      if (this.name && this.name !== '') {
+        // 计算文本框的x、y坐标
+        var point = this.getTextPoint();
+        this.text.x = point.x;
+        this.text.y = point.y;
+      }
+    });
+    // 右键菜单更改线条方式时
+    this.$watch('model.lineInfo.type', function (newVal) {
+      // 计算文本框的x、y坐标
+      var point = this.getTextPoint();
+      this.text.x = point.x;
+      this.text.y = point.y;
+    });
+    // 拖动控制点的位置时
+    this.$watch('model.lineInfo.controlPoint', function (newVal) {
+      // 计算文本框的x、y坐标
+      var point = this.getTextPoint();
+      this.text.x = point.x;
+      this.text.y = point.y;
+    });
+    // 水平拖动起点节点
+    this.$watch('model.startJoint.parent.x', function (newVal) {
+      // 计算文本框的x、y坐标
+      var point = this.getTextPoint();
+      this.text.x = point.x;
+      this.text.y = point.y;
+    });
+    // 垂直拖动起点节点
+    this.$watch('model.startJoint.parent.y', function (newVal) {
+      // 计算文本框的x、y坐标
+      var point = this.getTextPoint();
+      this.text.x = point.x;
+      this.text.y = point.y;
+    });
+    // 水平拖动终点节点
+    this.$watch('model.endJoint.parent.x', function (newVal) {
+      // 计算文本框的x、y坐标
+      var point = this.getTextPoint();
+      this.text.x = point.x;
+      this.text.y = point.y;
+    });
+    // 垂直拖动终点节点
+    this.$watch('model.endJoint.parent.y', function (newVal) {
+      // 计算文本框的x、y坐标
+      var point = this.getTextPoint();
+      this.text.x = point.x;
+      this.text.y = point.y;
+    });
+  },
+  methods: transitionvue_type_script_lang_js_objectSpread(transitionvue_type_script_lang_js_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setMouseDownPosition', 'setDraggerToMove', 'setSelectedTransition', 'setPropertiesEditorFor'])), {}, {
+    getTextPoint: function getTextPoint() {
+      var startPoint = Object(util["h" /* getJoint */])(this.model.startJoint.parent, this.model.startJoint.position);
+      var endPoint = Object(util["h" /* getJoint */])(this.model.endJoint.parent, this.model.endJoint.position);
+      var minX = startPoint.x < endPoint.x ? startPoint.x : endPoint.x;
+      var minY = startPoint.y < endPoint.y ? startPoint.y : endPoint.y;
+      var textX = minX + Math.abs(startPoint.x - endPoint.x) / 2;
+      var textY = minY + Math.abs(startPoint.y - endPoint.y) / 2;
+      if (this.model.lineInfo.type === 'CurveLine') {
+        // 曲线
+        var point = this.model.lineInfo.controlPoint;
+        if (point) {
+          minX = startPoint.x < point.x ? startPoint.x : parseFloat(point.x);
+          minY = startPoint.y < point.y ? startPoint.y : parseFloat(point.y);
+          textX = minX + Math.abs(startPoint.x - point.x) / 2 + 10;
+          textY = minY + Math.abs(startPoint.y - point.y) / 2 - 10;
+        }
+      } else if (this.model.lineInfo.type === 'BrokenLine') {
+        var _point = this.model.lineInfo.controlPoint[0];
+        if (_point) {
+          minX = startPoint.x < _point.x ? startPoint.x : parseFloat(_point.x);
+          minY = startPoint.y < _point.y ? startPoint.y : parseFloat(_point.y);
+          textX = minX + Math.abs(startPoint.x - _point.x) / 2;
+          textY = minY + Math.abs(startPoint.y - _point.y) / 2 - 10;
+        }
+      }
+      return {
+        x: textX,
+        y: textY
+      };
+    },
+    select: function select(event) {
+      Object(util["a" /* clearAllSelectedComponents */])();
+      this.model.isSelected = true;
+      this.setSelectedTransition(this.model);
+    },
+    startDrag: function startDrag(event, position) {
+      console.log('start dragging line');
+      this.setMouseDownPosition(Object(util["i" /* getMousePosition */])(event));
+      this.setDraggerToMove({
+        owner: this.model,
+        position: position,
+        originStartJoint: this.model.startJoint,
+        originEndJoint: this.model.endJoint
+      });
+    },
+    endDrag: function endDrag() {
+      // this.setSe
+    },
+    showPropertiesEditor: function showPropertiesEditor() {
+      if (this.model.endJoint.parent.type !== 'Decision') {
+        this.setPropertiesEditorFor('Transition');
+      }
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/transition.vue?vue&type=script&lang=js&
+ /* harmony default export */ var transitions_transitionvue_type_script_lang_js_ = (transitionvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/transitions/transition.vue?vue&type=style&index=0&id=e5a42fd4&prod&scoped=true&lang=css&
+var transitionvue_type_style_index_0_id_e5a42fd4_prod_scoped_true_lang_css_ = __webpack_require__("6835");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/transitions/transition.vue
+
+
+
+
+
+
+/* normalize component */
+
+var transition_component = Object(componentNormalizer["a" /* default */])(
+  transitions_transitionvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "e5a42fd4",
+  null
+  
+)
+
+/* harmony default export */ var transition = __webpack_exports__["a"] = (transition_component.exports);
+
+/***/ }),
+
+/***/ "6835":
+/***/ (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_transition_vue_vue_type_style_index_0_id_e5a42fd4_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("38dc");
+/* 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_transition_vue_vue_type_style_index_0_id_e5a42fd4_prod_scoped_true_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_transition_vue_vue_type_style_index_0_id_e5a42fd4_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "68ec":
+/***/ (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/taches/end.vue?vue&type=template&id=1c373df5&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('');
+      }
+    }
+  }, [_c('rect', {
+    class: {
+      'draggable': true,
+      'end': !_vm.model.isSelected,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('use', {
+    staticClass: "draggable",
+    attrs: {
+      "xlink:href": "#icon-end",
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "fill": "#F56C6C"
+    }
+  }), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/end.vue?vue&type=template&id=1c373df5&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/end.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 endvue_type_script_lang_js_ = ({
+  name: 'End',
+  components: {
+    Joint: joint["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: []
+    };
+  },
+  computed: _objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches'])),
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/end.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_endvue_type_script_lang_js_ = (endvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/end.vue?vue&type=style&index=0&id=1c373df5&prod&lang=css&
+var endvue_type_style_index_0_id_1c373df5_prod_lang_css_ = __webpack_require__("2c01");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/end.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_endvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var end = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "690d":
+/***/ (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_joint_vue_vue_type_style_index_0_id_b703b6d0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4fc0");
+/* 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_joint_vue_vue_type_style_index_0_id_b703b6d0_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_joint_vue_vue_type_style_index_0_id_b703b6d0_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "70a2":
+/***/ (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/taches/custom-task.vue?vue&type=template&id=058cdf84&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('HumanTask');
+      }
+    }
+  }, [_c('rect', {
+    ref: "tache",
+    class: {
+      'draggable': true,
+      'task-tache': true,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.model.name) + "\n  ")]), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  }), _vm._l(_vm.resizers, function (position) {
+    return _c('tache-resizer', {
+      key: position,
+      attrs: {
+        "owner": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/custom-task.vue?vue&type=template&id=058cdf84&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/tache-resizer.vue + 4 modules
+var tache_resizer = __webpack_require__("c7c2");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/custom-task.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 custom_taskvue_type_script_lang_js_ = ({
+  name: 'CustomTask',
+  components: {
+    Joint: joint["a" /* default */],
+    TacheResizer: tache_resizer["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: [],
+      resizers: ['NW', 'NE', 'SW', 'SE']
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches'])), {}, {
+    text: function text() {
+      return {
+        x: this.model.x + this.model.width / 2,
+        y: this.model.y + this.model.height / 2
+      };
+    }
+  }),
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/custom-task.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_custom_taskvue_type_script_lang_js_ = (custom_taskvue_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/taches/custom-task.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_custom_taskvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var custom_task = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "7529":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "8707":
+/***/ (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/taches/start.vue?vue&type=template&id=03874b43&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('');
+      }
+    }
+  }, [_c('rect', {
+    class: {
+      'draggable': true,
+      'start': !_vm.model.isSelected,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('use', {
+    staticClass: "draggable",
+    attrs: {
+      "xlink:href": "#icon-start",
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "fill": "#67C23A"
+    }
+  }), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/start.vue?vue&type=template&id=03874b43&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/start.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 startvue_type_script_lang_js_ = ({
+  name: 'Start',
+  components: {
+    Joint: joint["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: []
+    };
+  },
+  computed: _objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches'])),
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/start.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_startvue_type_script_lang_js_ = (startvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/start.vue?vue&type=style&index=0&id=03874b43&prod&lang=css&
+var startvue_type_style_index_0_id_03874b43_prod_lang_css_ = __webpack_require__("5343");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/start.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_startvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var start = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "883a":
+/***/ (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_fork_vue_vue_type_style_index_0_id_de73c364_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("254c");
+/* 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_fork_vue_vue_type_style_index_0_id_de73c364_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_fork_vue_vue_type_style_index_0_id_de73c364_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "93b9":
+/***/ (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/taches/joint.vue?vue&type=template&id=b703b6d0&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c('rect', {
+    class: {
+      'joint-container': true,
+      'joint-activated': _vm.isActivated
+    },
+    attrs: {
+      "x": _vm.jointContainer.x,
+      "y": _vm.jointContainer.y,
+      "width": "20",
+      "height": "20",
+      "rx": "3",
+      "ry": "3"
+    },
+    on: {
+      "mousemove": function mousemove($event) {
+        $event.stopPropagation();
+        return _vm.enterJoint.apply(null, arguments);
+      },
+      "mouseout": function mouseout($event) {
+        $event.stopPropagation();
+        return _vm.leaveJoint.apply(null, arguments);
+      },
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        _vm.setContextMenuVisible(false);
+        _vm.setStartJoint({
+          parent: _vm.parent,
+          position: _vm.position
+        });
+      },
+      "mouseup": _vm.mouseup
+    }
+  }), _c('circle', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.isActivated,
+      expression: "!isActivated"
+    }],
+    staticClass: "joint",
+    attrs: {
+      "cx": _vm.joint.x,
+      "cy": _vm.joint.y,
+      "r": "3"
+    }
+  })]);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/joint.vue?vue&type=template&id=b703b6d0&
+
+// 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/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/taches/joint.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 jointvue_type_script_lang_js_ = ({
+  name: 'Joint',
+  props: {
+    parent: {
+      type: Object,
+      default: null
+    },
+    position: {
+      type: String,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      isActivated: false
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['transitions', 'startJoint', 'endJoint', 'draggerToMove'])), {}, {
+    joint: function joint() {
+      return Object(util["h" /* getJoint */])(this.parent, this.position);
+    },
+    jointContainer: function jointContainer() {
+      return {
+        x: this.joint.x - 10,
+        y: this.joint.y - 10
+      };
+    }
+  }),
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setStartJoint', 'setEndJoint', 'stopDrawingLine', 'setDraggerToMove', 'setContextMenuVisible'])), {}, {
+    // 流向是否有效的判断规则
+    isValidTransition: function isValidTransition(startJoint, endJoint) {
+      // 防御性编程，没有起点就直接是无效流向了，确保后续代码一定能取到startJoint
+      if (!startJoint) return false;
+      // 目前不支持transition的起点和终点都在同一个环节上，如果需要自循环的节点，可以改这里
+      if (startJoint.parent === endJoint.parent) {
+        this.$alert(this.$t('workflowEditorMessage.theStartAndEndOfTheFlowDirectionCannotBeTheSame'));
+        return false;
+      }
+      if (startJoint.parent.type !== 'Decision' && startJoint.parent.type !== 'Fork' && startJoint.parent.type !== 'HumanDecision') {
+        // 除了分支和条件判断节点外，其他节点只能有一条外出流向，那么新建流向时，这些节点上的流向数量应该为零
+        var maxCount = 0;
+        // 移动流向的端点后，流向的起始环节上最多只能有一条外出流向
+        if (this.draggerToMove) {
+          maxCount = 1;
+        }
+        var transitions = Object(util["d" /* findOutgoingTransitionsByTacheId */])(startJoint.parent.id);
+        if (transitions.length > maxCount) {
+          this.$alert(this.$t('workflowEditorMessage.onlyConditionJudgmentBranchAndManualJudgmentCanHaveMultipleOutboundFlows'));
+          return false;
+        }
+      }
+      if (startJoint.parent.type === 'Start' && endJoint.parent.type === 'End') {
+        this.$alert(this.$t('workflowEditorMessage.startAndEndNodesCannotBeConnectedDirectly'));
+        return false;
+      }
+      if (startJoint.parent.type === 'End') {
+        this.$alert(this.$t('workflowEditorMessage.endNodeCannotHaveOutFlowDirection'));
+        return false;
+      }
+      return true;
+    },
+    mouseup: function mouseup() {
+      console.log('joint mouseup');
+      // 如果正在移动transition
+      if (this.draggerToMove) {
+        var position = this.draggerToMove.position;
+        var joint = {
+          parent: this.parent,
+          position: this.position
+        };
+        if (position === 'start') {
+          this.draggerToMove.owner.startJoint = joint;
+        } else {
+          this.draggerToMove.owner.endJoint = joint;
+        }
+        if (this.isValidTransition(this.draggerToMove.owner.startJoint, this.draggerToMove.owner.endJoint)) {
+          // 改变流向的id和xml的对应信息
+          var transition = this.draggerToMove.owner;
+          transition.id = 'flow_' + transition.startJoint.parent.id + '_to_' + transition.endJoint.parent.id;
+          transition.ref.attr = {
+            id: transition.id,
+            from: transition.startJoint.parent.id,
+            to: transition.endJoint.parent.id
+          };
+        } else {
+          // 改变端点无效时还原流向
+          this.draggerToMove.owner.startJoint = this.draggerToMove.originStartJoint;
+          this.draggerToMove.owner.endJoint = this.draggerToMove.originEndJoint;
+        }
+        this.setDraggerToMove(null);
+      } else {
+        // 说明正在画流向
+        this.addTransition();
+      }
+    },
+    addTransition: function addTransition() {
+      var endJoint = {
+        parent: this.parent,
+        position: this.position
+      };
+      if (this.isValidTransition(this.startJoint, endJoint)) {
+        this.setEndJoint(endJoint);
+        var transition = {
+          id: 'flow_' + this.startJoint.parent.id + '_to_' + this.endJoint.parent.id,
+          startJoint: this.startJoint,
+          endJoint: this.endJoint,
+          isSelected: false,
+          // controlPoint这个属性也得定义，动态增加的属性vue默认是不监听的（除非用vue.$set方法），就不会有任何动态效果
+          lineInfo: {
+            type: 'StraightLine',
+            controlPoint: null
+          }
+        };
+        transition.ref = util["m" /* processTemplate */].newTransition();
+        transition.ref.attr = {
+          id: transition.id,
+          from: this.startJoint.parent.id,
+          to: this.endJoint.parent.id
+        };
+        this.transitions.push(transition);
+      }
+      this.stopDrawingLine();
+    },
+    enterJoint: function enterJoint() {
+      this.isActivated = true;
+      this.$emit('enter-joint');
+    },
+    leaveJoint: function leaveJoint() {
+      this.isActivated = false;
+      this.$emit('leave-joint');
+    }
+  })
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/joint.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_jointvue_type_script_lang_js_ = (jointvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/joint.vue?vue&type=style&index=0&id=b703b6d0&prod&lang=css&
+var jointvue_type_style_index_0_id_b703b6d0_prod_lang_css_ = __webpack_require__("690d");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/joint.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_jointvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var taches_joint = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "99cb":
+/***/ (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/taches/fork.vue?vue&type=template&id=de73c364&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('Fork');
+      }
+    }
+  }, [_c('rect', {
+    class: {
+      'draggable': true,
+      'decision': !_vm.model.isSelected,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('use', {
+    staticClass: "draggable",
+    attrs: {
+      "xlink:href": "#icon-fork",
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "fill": "#999"
+    }
+  }), _c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.name) + "\n  ")]), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/fork.vue?vue&type=template&id=de73c364&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/fork.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 forkvue_type_script_lang_js_ = ({
+  name: 'Fork',
+  components: {
+    Joint: joint["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: [],
+      name: this.model.name
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches', 'processI18n'])), {}, {
+    text: function text() {
+      return {
+        x: this.model.x + this.model.width / 2,
+        // TODO: 12应该是字体大小加上一点空隙，换成变量值表示
+        y: this.model.y + this.model.height + 12
+      };
+    }
+  }),
+  created: function created() {
+    this.name = Object(util["q" /* watchShowName */])(this, this.name);
+  },
+  mounted: function mounted() {
+    this.$watch('model.name', function (newVal) {
+      this.name = Object(util["q" /* watchShowName */])(this, newVal);
+    });
+  },
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/fork.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_forkvue_type_script_lang_js_ = (forkvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/fork.vue?vue&type=style&index=0&id=de73c364&prod&lang=css&
+var forkvue_type_style_index_0_id_de73c364_prod_lang_css_ = __webpack_require__("883a");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/fork.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_forkvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var fork = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "a5b3":
+/***/ (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/taches/join.vue?vue&type=template&id=4f32e2be&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('Join');
+      }
+    }
+  }, [_c('rect', {
+    class: {
+      'draggable': true,
+      'decision': !_vm.model.isSelected,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('use', {
+    staticClass: "draggable",
+    attrs: {
+      "xlink:href": "#icon-join",
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "fill": "#999"
+    }
+  }), _c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.model.name) + "\n  ")]), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/join.vue?vue&type=template&id=4f32e2be&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/join.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 joinvue_type_script_lang_js_ = ({
+  name: 'Join',
+  components: {
+    Joint: joint["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: []
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches'])), {}, {
+    text: function text() {
+      return {
+        x: this.model.x + this.model.width / 2,
+        // TODO: 12应该是字体大小加上一点空隙，换成变量值表示
+        y: this.model.y + this.model.height + 12
+      };
+    }
+  }),
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/join.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_joinvue_type_script_lang_js_ = (joinvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/join.vue?vue&type=style&index=0&id=4f32e2be&prod&lang=css&
+var joinvue_type_style_index_0_id_4f32e2be_prod_lang_css_ = __webpack_require__("5fad");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/join.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_joinvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var join = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "a5e0":
+/***/ (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/taches/decision.vue?vue&type=template&id=85ac2034&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('Decision');
+      }
+    }
+  }, [_c('rect', {
+    class: {
+      'draggable': true,
+      'decision': !_vm.model.isSelected,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('use', {
+    staticClass: "draggable",
+    attrs: {
+      "xlink:href": "#icon-decision",
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "fill": "#999"
+    }
+  }), _c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.name) + "\n  ")]), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/decision.vue?vue&type=template&id=85ac2034&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/decision.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 decisionvue_type_script_lang_js_ = ({
+  name: 'Decision',
+  components: {
+    Joint: joint["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: [],
+      name: this.model.name
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches', 'processI18n'])), {}, {
+    text: function text() {
+      return {
+        x: this.model.x + this.model.width / 2,
+        // TODO: 12应该是字体大小加上一点空隙，换成变量值表示
+        y: this.model.y + this.model.height + 12
+      };
+    }
+  }),
+  created: function created() {
+    this.name = Object(util["q" /* watchShowName */])(this, this.name);
+  },
+  mounted: function mounted() {
+    this.$watch('model.name', function (newVal) {
+      this.name = Object(util["q" /* watchShowName */])(this, newVal);
+    });
+  },
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/decision.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_decisionvue_type_script_lang_js_ = (decisionvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/decision.vue?vue&type=style&index=0&id=85ac2034&prod&lang=css&
+var decisionvue_type_style_index_0_id_85ac2034_prod_lang_css_ = __webpack_require__("1f27");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/decision.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_decisionvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var decision = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "ae39":
+/***/ (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_tache_resizer_vue_vue_type_style_index_0_id_284f9b09_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4954");
+/* 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_tache_resizer_vue_vue_type_style_index_0_id_284f9b09_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_tache_resizer_vue_vue_type_style_index_0_id_284f9b09_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "b43c":
+/***/ (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_broken_line_vue_vue_type_style_index_0_id_58d8ad5f_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3740");
+/* 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_broken_line_vue_vue_type_style_index_0_id_58d8ad5f_prod_scoped_true_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_broken_line_vue_vue_type_style_index_0_id_58d8ad5f_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "b87e":
+/***/ (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_virtual_transition_vue_vue_type_style_index_0_id_0787f34a_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5ccf");
+/* 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_virtual_transition_vue_vue_type_style_index_0_id_0787f34a_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_virtual_transition_vue_vue_type_style_index_0_id_0787f34a_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "c7c2":
+/***/ (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/taches/tache-resizer.vue?vue&type=template&id=284f9b09&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.owner.isSelected && _vm.selectedTaches.length == 1 ? _c('rect', {
+    staticClass: "resizer",
+    style: {
+      cursor: _vm.area.cursor
+    },
+    attrs: {
+      "x": _vm.area.x,
+      "y": _vm.area.y,
+      "width": _vm.area.width,
+      "height": _vm.area.height
+    },
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        _vm.setContextMenuVisible(false);
+        _vm.setResizerToMove({
+          owner: _vm.owner,
+          position: _vm.position
+        });
+      },
+      "mouseup": function mouseup($event) {
+        $event.stopPropagation();
+        return _vm.setResizerToMove(null);
+      }
+    }
+  }) : _vm._e();
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/tache-resizer.vue?vue&type=template&id=284f9b09&
+
+// 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");
+
+// 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/taches/tache-resizer.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 tache_resizervue_type_script_lang_js_ = ({
+  name: 'TacheResizer',
+  props: {
+    owner: {
+      type: Object,
+      default: null
+    },
+    position: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches'])), {}, {
+    area: function area() {
+      var width = 8;
+      var height = 8;
+      var x, y;
+      switch (this.position) {
+        case 'NW':
+          x = this.owner.x;
+          y = this.owner.y;
+          break;
+        case 'NE':
+          x = this.owner.x + this.owner.width;
+          y = this.owner.y;
+          break;
+        case 'SW':
+          x = this.owner.x;
+          y = this.owner.y + this.owner.height;
+          break;
+        case 'SE':
+          x = this.owner.x + this.owner.width;
+          y = this.owner.y + this.owner.height;
+          break;
+      }
+      // 环节的四个顶点是resizer的中心点
+      x = x - width / 2;
+      y = y - height / 2;
+      var cursor = this.position.toLowerCase() + '-resize';
+      return {
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        cursor: cursor
+      };
+    }
+  }),
+  methods: _objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setMovingResizer', 'setResizerToMove', 'setContextMenuVisible']))
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/tache-resizer.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_tache_resizervue_type_script_lang_js_ = (tache_resizervue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/tache-resizer.vue?vue&type=style&index=0&id=284f9b09&prod&lang=css&
+var tache_resizervue_type_style_index_0_id_284f9b09_prod_lang_css_ = __webpack_require__("ae39");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/tache-resizer.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_tache_resizervue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var tache_resizer = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "d87c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "de87":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7f7f");
+/* harmony import */ var core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_function_name__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("8a10");
+
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  startDrag: function startDrag(event) {
+    console.log(this.model.name + ' mousedown');
+    this.setContextMenuVisible(false);
+    Object(_util__WEBPACK_IMPORTED_MODULE_1__[/* startDragTache */ "o"])(event, this);
+  },
+  endDrag: function endDrag() {
+    console.log(this.model.name + ' mouseup');
+    Object(_util__WEBPACK_IMPORTED_MODULE_1__[/* endDragTache */ "c"])();
+  },
+  showJoints: function showJoints() {
+    if (this.$parent.showHistory) return;
+    this.jointPoints = ['up', 'right', 'down', 'left'];
+  },
+  hideJoints: function hideJoints() {
+    this.jointPoints = [];
+  }
+});
+
+/***/ }),
+
+/***/ "defc":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "ed59":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "fcd2":
+/***/ (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/taches/subprocess.vue?vue&type=template&id=1a9d9b58&
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('g', {
+    on: {
+      "mousedown": function mousedown($event) {
+        $event.stopPropagation();
+        return _vm.startDrag.apply(null, arguments);
+      },
+      "mouseup": _vm.endDrag,
+      "mouseenter": _vm.showJoints,
+      "mouseleave": _vm.hideJoints,
+      "dblclick": function dblclick($event) {
+        $event.stopPropagation();
+        return _vm.setPropertiesEditorFor('Subprocess');
+      }
+    }
+  }, [_c('rect', {
+    ref: "tache",
+    class: {
+      'draggable': true,
+      'task-tache': true,
+      'selected': _vm.model.isSelected
+    },
+    attrs: {
+      "width": _vm.model.width,
+      "height": _vm.model.height,
+      "x": _vm.model.x,
+      "y": _vm.model.y,
+      "rx": "6",
+      "ry": "6"
+    }
+  }), _c('text', {
+    staticClass: "draggable",
+    attrs: {
+      "x": _vm.text.x,
+      "y": _vm.text.y,
+      "text-anchor": "middle"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.name) + "\n  ")]), _vm._l(_vm.jointPoints, function (position) {
+    return _c('joint', {
+      key: position,
+      attrs: {
+        "parent": _vm.model,
+        "position": position
+      }
+    });
+  }), _vm._l(_vm.resizers, function (position) {
+    return _c('tache-resizer', {
+      key: position,
+      attrs: {
+        "owner": _vm.model,
+        "position": position
+      }
+    });
+  })], 2);
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/subprocess.vue?vue&type=template&id=1a9d9b58&
+
+// 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/taches/joint.vue + 4 modules
+var joint = __webpack_require__("93b9");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/tache-resizer.vue + 4 modules
+var tache_resizer = __webpack_require__("c7c2");
+
+// EXTERNAL MODULE: ./packages/workflow-editor/src/taches/common-methods.js
+var common_methods = __webpack_require__("de87");
+
+// 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/taches/subprocess.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 subprocessvue_type_script_lang_js_ = ({
+  name: 'Subprocess',
+  components: {
+    Joint: joint["a" /* default */],
+    TacheResizer: tache_resizer["a" /* default */]
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data: function data() {
+    return {
+      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
+      jointPoints: [],
+      resizers: ['NW', 'NE', 'SW', 'SE'],
+      name: this.model.name
+    };
+  },
+  computed: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapGetters"])('wfEditor', ['selectedTaches', 'processI18n'])), {}, {
+    text: function text() {
+      return {
+        x: this.model.x + this.model.width / 2,
+        y: this.model.y + this.model.height / 2
+      };
+    }
+  }),
+  created: function created() {
+    this.name = Object(util["q" /* watchShowName */])(this, this.name);
+  },
+  mounted: function mounted() {
+    this.$watch('model.name', function (newVal) {
+      this.name = Object(util["q" /* watchShowName */])(this, newVal);
+    });
+  },
+  methods: _objectSpread(_objectSpread({}, Object(external_Vuex_["mapMutations"])('wfEditor', ['setPropertiesEditorFor', 'setContextMenuVisible'])), common_methods["a" /* default */])
+});
+// CONCATENATED MODULE: ./packages/workflow-editor/src/taches/subprocess.vue?vue&type=script&lang=js&
+ /* harmony default export */ var taches_subprocessvue_type_script_lang_js_ = (subprocessvue_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/taches/subprocess.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  taches_subprocessvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var subprocess = __webpack_exports__["a"] = (component.exports);
+
+/***/ }),
+
+/***/ "fe56":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ })
+
+}]);