ecinc-cloud-wappaio 9.7.3 → 9.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/ecwappaio.common.js +663 -129
- package/lib/ecwappaio.umd.js +663 -129
- package/lib/ecwappaio.umd.min.js +1 -1
- package/package.json +1 -1
package/lib/ecwappaio.umd.js
CHANGED
|
@@ -116365,7 +116365,7 @@ var UdmGenerator_UserModuleForm = UserModuleForm;
|
|
|
116365
116365
|
|
|
116366
116366
|
/***/ }),
|
|
116367
116367
|
|
|
116368
|
-
/***/
|
|
116368
|
+
/***/ 26687:
|
|
116369
116369
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
116370
116370
|
|
|
116371
116371
|
"use strict";
|
|
@@ -117032,8 +117032,8 @@ var SideBar_component = (0,componentNormalizer/* default */.A)(
|
|
|
117032
117032
|
)
|
|
117033
117033
|
|
|
117034
117034
|
/* harmony default export */ var SideBar = (SideBar_component.exports);
|
|
117035
|
-
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=template&id=
|
|
117036
|
-
var
|
|
117035
|
+
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=template&id=5c4008d4&scoped=true
|
|
117036
|
+
var Centervue_type_template_id_5c4008d4_scoped_true_render = function render() {
|
|
117037
117037
|
var _vm = this,
|
|
117038
117038
|
_c = _vm._self._c;
|
|
117039
117039
|
return _c('el-scrollbar', {
|
|
@@ -117152,7 +117152,7 @@ var Centervue_type_template_id_cf0d53e6_scoped_true_render = function render() {
|
|
|
117152
117152
|
}
|
|
117153
117153
|
})], 1)], 1)]);
|
|
117154
117154
|
};
|
|
117155
|
-
var
|
|
117155
|
+
var Centervue_type_template_id_5c4008d4_scoped_true_staticRenderFns = [];
|
|
117156
117156
|
|
|
117157
117157
|
// EXTERNAL MODULE: ./node_modules/jquery/dist/jquery.js
|
|
117158
117158
|
var jquery = __webpack_require__(74692);
|
|
@@ -117197,8 +117197,13 @@ var _require5 = __webpack_require__(31787),
|
|
|
117197
117197
|
dragLine = _require5.dragLine;
|
|
117198
117198
|
var _require6 = __webpack_require__(31787),
|
|
117199
117199
|
dragAddNode = _require6.dragAddNode;
|
|
117200
|
+
var _require7 = __webpack_require__(31787),
|
|
117201
|
+
bindConnectionEvents = _require7.bindConnectionEvents;
|
|
117200
117202
|
// 按需加载 globalStyle 模块
|
|
117201
117203
|
var hollowCircle, createPathLine, createConnect;
|
|
117204
|
+
var resetEndpointSourceFlags, clearEndpointFillStyle, applyConnectionStyle;
|
|
117205
|
+
var checkAndAddArrow, initConnectionEndpointMode, setAnchorCreateMode, setConnectionEndpointCreateMode, resetAllAnchorEndpoints, resetAllConnectionEndpoints;
|
|
117206
|
+
var CONNECTION_DEFAULT_STYLE;
|
|
117202
117207
|
var loadGlobalStyle = /*#__PURE__*/function () {
|
|
117203
117208
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
117204
117209
|
var module;
|
|
@@ -117218,7 +117223,17 @@ var loadGlobalStyle = /*#__PURE__*/function () {
|
|
|
117218
117223
|
hollowCircle = module.hollowCircle;
|
|
117219
117224
|
createPathLine = module.createPathLine;
|
|
117220
117225
|
createConnect = module.createConnect;
|
|
117221
|
-
|
|
117226
|
+
CONNECTION_DEFAULT_STYLE = module.CONNECTION_DEFAULT_STYLE;
|
|
117227
|
+
resetEndpointSourceFlags = module.resetEndpointSourceFlags;
|
|
117228
|
+
clearEndpointFillStyle = module.clearEndpointFillStyle;
|
|
117229
|
+
applyConnectionStyle = module.applyConnectionStyle;
|
|
117230
|
+
checkAndAddArrow = module.checkAndAddArrow;
|
|
117231
|
+
initConnectionEndpointMode = module.initConnectionEndpointMode;
|
|
117232
|
+
setAnchorCreateMode = module.setAnchorCreateMode;
|
|
117233
|
+
setConnectionEndpointCreateMode = module.setConnectionEndpointCreateMode;
|
|
117234
|
+
resetAllAnchorEndpoints = module.resetAllAnchorEndpoints;
|
|
117235
|
+
resetAllConnectionEndpoints = module.resetAllConnectionEndpoints;
|
|
117236
|
+
case 17:
|
|
117222
117237
|
case "end":
|
|
117223
117238
|
return _context.stop();
|
|
117224
117239
|
}
|
|
@@ -117228,37 +117243,37 @@ var loadGlobalStyle = /*#__PURE__*/function () {
|
|
|
117228
117243
|
return _ref.apply(this, arguments);
|
|
117229
117244
|
};
|
|
117230
117245
|
}();
|
|
117231
|
-
var _require7 = __webpack_require__(43478),
|
|
117232
|
-
startMove = _require7.startMove;
|
|
117233
117246
|
var _require8 = __webpack_require__(43478),
|
|
117234
|
-
|
|
117247
|
+
startMove = _require8.startMove;
|
|
117235
117248
|
var _require9 = __webpack_require__(43478),
|
|
117236
|
-
|
|
117249
|
+
MoveSelectDiv = _require9.MoveSelectDiv;
|
|
117237
117250
|
var _require10 = __webpack_require__(43478),
|
|
117238
|
-
|
|
117251
|
+
getSelectedRegions = _require10.getSelectedRegions;
|
|
117239
117252
|
var _require11 = __webpack_require__(43478),
|
|
117240
|
-
|
|
117253
|
+
resetLocation = _require11.resetLocation;
|
|
117241
117254
|
var _require12 = __webpack_require__(43478),
|
|
117242
|
-
|
|
117255
|
+
RegionSelect = _require12.RegionSelect;
|
|
117243
117256
|
var _require13 = __webpack_require__(43478),
|
|
117244
|
-
|
|
117257
|
+
SelectAlignCenter = _require13.SelectAlignCenter;
|
|
117245
117258
|
var _require14 = __webpack_require__(43478),
|
|
117246
|
-
|
|
117259
|
+
SelectAlignMean = _require14.SelectAlignMean;
|
|
117247
117260
|
var _require15 = __webpack_require__(43478),
|
|
117248
|
-
|
|
117261
|
+
SelectMeanCenter = _require15.SelectMeanCenter;
|
|
117249
117262
|
var _require16 = __webpack_require__(43478),
|
|
117250
|
-
|
|
117263
|
+
SelectAlignTop = _require16.SelectAlignTop;
|
|
117251
117264
|
var _require17 = __webpack_require__(43478),
|
|
117252
|
-
|
|
117265
|
+
SelectAlignMiddle = _require17.SelectAlignMiddle;
|
|
117253
117266
|
var _require18 = __webpack_require__(43478),
|
|
117254
|
-
|
|
117267
|
+
SelectAlignLeft = _require18.SelectAlignLeft;
|
|
117255
117268
|
var _require19 = __webpack_require__(43478),
|
|
117256
|
-
|
|
117257
|
-
|
|
117258
|
-
|
|
117259
|
-
|
|
117269
|
+
showProcessDesc = _require19.showProcessDesc;
|
|
117270
|
+
var _require20 = __webpack_require__(43478),
|
|
117271
|
+
showAddNodeBtn = _require20.showAddNodeBtn,
|
|
117272
|
+
addNodeBtnClick = _require20.addNodeBtnClick;
|
|
117260
117273
|
var _require21 = __webpack_require__(61289),
|
|
117261
|
-
|
|
117274
|
+
ecinc_process = _require21.ecinc_process;
|
|
117275
|
+
var _require22 = __webpack_require__(61289),
|
|
117276
|
+
ecinc_attr_panel = _require22.ecinc_attr_panel;
|
|
117262
117277
|
|
|
117263
117278
|
/* harmony default export */ var Centervue_type_script_lang_js = ({
|
|
117264
117279
|
components: {},
|
|
@@ -117423,7 +117438,20 @@ var _require21 = __webpack_require__(61289),
|
|
|
117423
117438
|
initWfDesigner: function initWfDesigner() {
|
|
117424
117439
|
var _this4 = this;
|
|
117425
117440
|
Centervue_type_script_lang_js_jsPlumb.importDefaults({
|
|
117426
|
-
ReattachConnections: true
|
|
117441
|
+
ReattachConnections: true,
|
|
117442
|
+
// 统一拖拽创建的新连接线类型(Flowchart折线,与createPathLine一致)
|
|
117443
|
+
Connector: ['Flowchart', {
|
|
117444
|
+
stub: [10, 50],
|
|
117445
|
+
alwaysRespectStubs: false,
|
|
117446
|
+
midpoint: 0,
|
|
117447
|
+
cornerRadius: 5
|
|
117448
|
+
}],
|
|
117449
|
+
// 统一连接线颜色(覆盖 loadGlobalStyle 的绿色 PaintStyle)
|
|
117450
|
+
PaintStyle: {
|
|
117451
|
+
stroke: '#438eb9',
|
|
117452
|
+
strokeWidth: 2
|
|
117453
|
+
}
|
|
117454
|
+
// 注:不设 ConnectionOverlays,避免与 createConnect 的 overlays 叠加产生双箭头
|
|
117427
117455
|
});
|
|
117428
117456
|
Centervue_type_script_lang_js_jsPlumb.connectorClass += ' line_path';
|
|
117429
117457
|
this.dragLineObj.init = function (connection, thisConnect) {
|
|
@@ -117734,6 +117762,14 @@ var _require21 = __webpack_require__(61289),
|
|
|
117734
117762
|
}
|
|
117735
117763
|
}
|
|
117736
117764
|
|
|
117765
|
+
// 标记所有锚点端点为原始源端点(区别于连接端点)
|
|
117766
|
+
jquery_default()('.process').each(function () {
|
|
117767
|
+
var eps = Centervue_type_script_lang_js_jsPlumb.getEndpoints(this);
|
|
117768
|
+
for (var i = 0; i < eps.length; i++) {
|
|
117769
|
+
if (eps[i].isSource) eps[i]._wfOrigSource = true;
|
|
117770
|
+
}
|
|
117771
|
+
});
|
|
117772
|
+
|
|
117737
117773
|
//节点连接线
|
|
117738
117774
|
createPathLine(_this4.connectsArr);
|
|
117739
117775
|
setTimeout(function () {
|
|
@@ -117790,6 +117826,32 @@ var _require21 = __webpack_require__(61289),
|
|
|
117790
117826
|
jquery_default()('.process').bind('click', function (el) {
|
|
117791
117827
|
jquery_default()('.process').removeClass('seled');
|
|
117792
117828
|
jquery_default()(el.currentTarget).addClass('seled');
|
|
117829
|
+
// === 新增:点击节点时清除连接 active 状态 ===
|
|
117830
|
+
jquery_default()('.jtk-connector').removeClass('wf-conn-active');
|
|
117831
|
+
jquery_default()('.jtk-endpoint').removeClass('wf-ep-active');
|
|
117832
|
+
// 移除所有连接端点的永久标记,让锚点 (z-index:5) 置顶,捕获拖拽事件
|
|
117833
|
+
jquery_default()('.jtk-endpoint').removeClass('wf-conn-ep');
|
|
117834
|
+
_this4._connectionSelected = false; // 取消连接线选中
|
|
117835
|
+
// === 清除所有端点的选中样式,恢复端点默认属性 ===
|
|
117836
|
+
jquery_default()('.jtk-endpoint').removeClass('wf-sel-ep');
|
|
117837
|
+
resetAllAnchorEndpoints(jquery_default()('.process').get());
|
|
117838
|
+
resetAllConnectionEndpoints(); // 显式重置所有连接端点(恢复移动模式)
|
|
117839
|
+
// 重置所有连接线为默认蓝色(清除连接选中红色)
|
|
117840
|
+
var resetConns = Centervue_type_script_lang_js_jsPlumb.getAllConnections();
|
|
117841
|
+
for (var ri = 0; ri < resetConns.length; ri++) {
|
|
117842
|
+
resetConns[ri].setPaintStyle(CONNECTION_DEFAULT_STYLE);
|
|
117843
|
+
}
|
|
117844
|
+
|
|
117845
|
+
// === 选中节点:锚点变红 + 锚点端点启用源模式 ===
|
|
117846
|
+
// 1. 锚点端点加 wf-sel-ep 类(CSS 控制红色)
|
|
117847
|
+
var selEndpoints = Centervue_type_script_lang_js_jsPlumb.getEndpoints(el.currentTarget);
|
|
117848
|
+
for (var ei = 0; ei < selEndpoints.length; ei++) {
|
|
117849
|
+
jquery_default()(selEndpoints[ei].canvas).addClass('wf-sel-ep');
|
|
117850
|
+
}
|
|
117851
|
+
// 2. 选中节点的锚点端点启用源模式(拖拽时创建新连接而非移动已有连接)
|
|
117852
|
+
setAnchorCreateMode(selEndpoints);
|
|
117853
|
+
// 3. 选中节点的连接端点也启用创建模式(拖拽连接端点也生成新连接)
|
|
117854
|
+
setConnectionEndpointCreateMode(el.currentTarget);
|
|
117793
117855
|
_this4.getHistroyNodes();
|
|
117794
117856
|
var curId = jquery_default()(el.currentTarget).attr('id');
|
|
117795
117857
|
for (var j = 0; j < _this.wflow.nodes.length; j++) {
|
|
@@ -117831,6 +117893,8 @@ var _require21 = __webpack_require__(61289),
|
|
|
117831
117893
|
|
|
117832
117894
|
// 获取需要等待的环节
|
|
117833
117895
|
_this4.getWaitNode();
|
|
117896
|
+
// === 新增:清除连接选中状态,保证节点/连接互斥 ===
|
|
117897
|
+
_this4.curPath = {};
|
|
117834
117898
|
_this4.emitData();
|
|
117835
117899
|
});
|
|
117836
117900
|
|
|
@@ -117862,54 +117926,44 @@ var _require21 = __webpack_require__(61289),
|
|
|
117862
117926
|
|
|
117863
117927
|
/** *************************************路径数据******************************************/
|
|
117864
117928
|
|
|
117929
|
+
// beforeDrag: 从空锚点/未满端点拖拽新建连接时触发(jpc==null,源模式走此分支)
|
|
117930
|
+
Centervue_type_script_lang_js_jsPlumb.bind('beforeDrag', function (info) {
|
|
117931
|
+
// 连接线被选中时,阻止从锚点创建新连接(用户应拖拽连接端点来移动)
|
|
117932
|
+
if (_this4._connectionSelected) {
|
|
117933
|
+
return false;
|
|
117934
|
+
}
|
|
117935
|
+
clearEndpointFillStyle(info.endpoint);
|
|
117936
|
+
return true;
|
|
117937
|
+
});
|
|
117938
|
+
// beforeStartDetach: 从已有连接线的端点拖拽时触发(jpc!=null)
|
|
117939
|
+
Centervue_type_script_lang_js_jsPlumb.bind('beforeStartDetach', function (info) {
|
|
117940
|
+
clearEndpointFillStyle(info.endpoint);
|
|
117941
|
+
return true;
|
|
117942
|
+
});
|
|
117943
|
+
|
|
117944
|
+
// connectionDrag、connectionMoved、connectionDetached、connectionAborted、mousedown、click
|
|
117945
|
+
// 已提取到 drag.js 的 bindConnectionEvents(vm) 函数
|
|
117946
|
+
bindConnectionEvents(this);
|
|
117947
|
+
|
|
117865
117948
|
// 1路径创建
|
|
117866
117949
|
Centervue_type_script_lang_js_jsPlumb.bind('connection', function (info) {
|
|
117867
|
-
|
|
117868
|
-
|
|
117869
|
-
|
|
117950
|
+
// 已移除 setHoverPaintStyle({ stroke: 'red' }):避免节点选中时悬停连接线端点导致变红
|
|
117951
|
+
|
|
117952
|
+
// 设置新连接线样式 + 检查并添加 Arrow 箭头覆盖
|
|
117953
|
+
applyConnectionStyle(info.connection);
|
|
117954
|
+
checkAndAddArrow(info.connection);
|
|
117955
|
+
|
|
117956
|
+
// === 连接端点标记 + 设置永久源模式(始终可拖拽) ===
|
|
117957
|
+
if (info.connection.endpoints) {
|
|
117958
|
+
info.connection.endpoints.forEach(function (ep) {
|
|
117959
|
+
initConnectionEndpointMode(ep);
|
|
117870
117960
|
});
|
|
117871
117961
|
}
|
|
117872
|
-
info.connection.setPaintStyle({
|
|
117873
|
-
stroke: '#438eb9',
|
|
117874
|
-
fillStyle: '#438eb9',
|
|
117875
|
-
radius: 5
|
|
117876
|
-
});
|
|
117877
117962
|
_this4.dragPath(info);
|
|
117878
117963
|
_this4.ComparePath();
|
|
117879
117964
|
_this4.emitData();
|
|
117880
117965
|
return false;
|
|
117881
117966
|
});
|
|
117882
|
-
Centervue_type_script_lang_js_jsPlumb.bind('mousedown', function (connection, originalEvent) {
|
|
117883
|
-
var thisConnect = {};
|
|
117884
|
-
var len = _this4.connectsArr.length;
|
|
117885
|
-
for (var i = 0; i < len; i++) {
|
|
117886
|
-
if (connection.id === _this4.connectsArr[i].ConnectionId) {
|
|
117887
|
-
thisConnect = _this4.connectsArr[i];
|
|
117888
|
-
break;
|
|
117889
|
-
}
|
|
117890
|
-
}
|
|
117891
|
-
_this4.clickPath(connection); //, 此事件会跟click事件冲突,可以把事件函数放在这里执行
|
|
117892
|
-
// 设置路径颜色
|
|
117893
|
-
_this4.dragLineObj.init(connection, thisConnect);
|
|
117894
|
-
_this4.emitData();
|
|
117895
|
-
// $scope.$apply();
|
|
117896
|
-
return false;
|
|
117897
|
-
});
|
|
117898
|
-
// 2路径点击
|
|
117899
|
-
Centervue_type_script_lang_js_jsPlumb.bind('click', function (conn, originalEvent) {
|
|
117900
|
-
conn.endpoints[0]._jsPlumb.maxConnections = 1;
|
|
117901
|
-
conn.endpoints[1]._jsPlumb.maxConnections = 1;
|
|
117902
|
-
if (jquery_default()('.panel_path').css('display') !== 'none') {
|
|
117903
|
-
if (!jquery_default()(conn.source).hasClass('dfzjd') && !jquery_default()(conn.source).hasClass('zyjd')) {
|
|
117904
|
-
conn.setPaintStyle({
|
|
117905
|
-
stroke: 'red',
|
|
117906
|
-
corsor: 'move'
|
|
117907
|
-
});
|
|
117908
|
-
}
|
|
117909
|
-
}
|
|
117910
|
-
jquery_default()('.process').removeClass('seled');
|
|
117911
|
-
return false;
|
|
117912
|
-
});
|
|
117913
117967
|
|
|
117914
117968
|
// 3自定义右键菜单
|
|
117915
117969
|
jquery_default()(document).bind('contextmenu', function () {
|
|
@@ -118010,16 +118064,35 @@ var _require21 = __webpack_require__(61289),
|
|
|
118010
118064
|
jquery_default()(document).click(function () {
|
|
118011
118065
|
jquery_default()('#centextMenu').remove();
|
|
118012
118066
|
});
|
|
118013
|
-
|
|
118014
|
-
|
|
118015
|
-
|
|
118016
|
-
|
|
118017
|
-
|
|
118018
|
-
|
|
118019
|
-
|
|
118020
|
-
|
|
118021
|
-
|
|
118022
|
-
|
|
118067
|
+
|
|
118068
|
+
// connectionDrag/connectionDragStop 已提取到 bindConnectionEvents
|
|
118069
|
+
|
|
118070
|
+
jquery_default()('#center').click(function (e) {
|
|
118071
|
+
// 若点击目标是节点或其子元素,不取消节点选中(事件已冒泡处理)
|
|
118072
|
+
if (jquery_default()(e.target).closest('.process').length > 0) return;
|
|
118073
|
+
// 若点击目标是连接线或端点,不取消选中(由 jsPlumb mousedown/click 事件处理)
|
|
118074
|
+
if (jquery_default()(e.target).closest('.jtk-connector, .jtk-endpoint').length > 0) return;
|
|
118075
|
+
// 拖拽创建连接后的 mouseup 会触发 click,此时不应取消选中
|
|
118076
|
+
if (_this4._connectionDragging) {
|
|
118077
|
+
_this4._connectionDragging = false;
|
|
118078
|
+
return;
|
|
118079
|
+
}
|
|
118080
|
+
// 点击画布空白处:清除节点选中和连接选中
|
|
118081
|
+
var prevSelNodes2 = jquery_default()('.process.seled');
|
|
118082
|
+
jquery_default()('.process').removeClass('seled');
|
|
118083
|
+
jquery_default()('.jtk-endpoint').removeClass('wf-sel-ep');
|
|
118084
|
+
_this4._connectionSelected = false; // 取消连接线选中
|
|
118085
|
+
// 仅重置之前选中的节点的锚点端点源模式标志
|
|
118086
|
+
resetAllAnchorEndpoints(prevSelNodes2.get());
|
|
118087
|
+
resetAllConnectionEndpoints(); // 显式重置所有连接端点(恢复移动模式)
|
|
118088
|
+
var allConns2 = Centervue_type_script_lang_js_jsPlumb.getAllConnections();
|
|
118089
|
+
for (var ci = 0; ci < allConns2.length; ci++) {
|
|
118090
|
+
allConns2[ci].setDetachable(true);
|
|
118091
|
+
}
|
|
118092
|
+
// 清除连接选中状态
|
|
118093
|
+
jquery_default()('.jtk-connector').removeClass('wf-conn-active');
|
|
118094
|
+
for (var i = 0; i < allConns2.length; i++) {
|
|
118095
|
+
applyConnectionStyle(allConns2[i]);
|
|
118023
118096
|
}
|
|
118024
118097
|
_this4.ComparePath();
|
|
118025
118098
|
if (window.getSelection) {
|
|
@@ -118031,17 +118104,21 @@ var _require21 = __webpack_require__(61289),
|
|
|
118031
118104
|
jquery_default()('#centextMenu').remove();
|
|
118032
118105
|
}
|
|
118033
118106
|
var aConn = Centervue_type_script_lang_js_jsPlumb.getConnections(); // 获取容器所有的连接线
|
|
118107
|
+
// 清除所有连接选中状态
|
|
118108
|
+
jquery_default()('.jtk-connector').removeClass('wf-conn-active');
|
|
118034
118109
|
for (var i = 0; i < aConn.length; i++) {
|
|
118035
118110
|
if (aConn[i].id !== conn.id) {
|
|
118036
|
-
aConn[i]
|
|
118037
|
-
stroke: '#438eb9',
|
|
118038
|
-
fillStyle: '#438eb9',
|
|
118039
|
-
radius: 5
|
|
118040
|
-
});
|
|
118111
|
+
applyConnectionStyle(aConn[i]);
|
|
118041
118112
|
} else {
|
|
118042
118113
|
aConn[i].setPaintStyle({
|
|
118043
|
-
stroke: 'red'
|
|
118114
|
+
stroke: 'red',
|
|
118115
|
+
strokeWidth: 2
|
|
118044
118116
|
});
|
|
118117
|
+
jquery_default()(aConn[i].connector.canvas).closest('.jtk-connector').addClass('wf-conn-active');
|
|
118118
|
+
// 将选中连接线 DOM 移到父容器末尾,确保最上层渲染
|
|
118119
|
+
var _ctxConn = jquery_default()(aConn[i].connector.canvas).closest('.jtk-connector');
|
|
118120
|
+
var _ctxParent = _ctxConn.parent();
|
|
118121
|
+
if (_ctxParent.length > 0) _ctxParent[0].appendChild(_ctxConn[0]);
|
|
118045
118122
|
}
|
|
118046
118123
|
}
|
|
118047
118124
|
var centextMenu = '<div id="centextMenu" style=" top:' + originalEvent.pageY + 'px;left:' + originalEvent.pageX + 'px;">' + '<a class="delete_line" href="javascript:;">删除连接线</a><a class="change_line_workline" href="javascript:;">转变为折线</a>' + '<a class="change_line_stright" href="javascript:;">转变为直线</a><a class="change_line_Bezier" href="javascript:;">转变为曲线</a>' + '<div style="height:2px;margin:8px 0 8px 8px;width:90%;background-color:#F5F7FA"/><a class="change_label_left" href="javascript:;">标签靠前</a>' + '<a class="change_label_center" href="javascript:;">标签居中</a><a class="change_label_right" href="javascript:;">标签靠后</a></div>';
|
|
@@ -118411,6 +118488,29 @@ var _require21 = __webpack_require__(61289),
|
|
|
118411
118488
|
},
|
|
118412
118489
|
dragPath: function dragPath(pathTarget) {
|
|
118413
118490
|
var _this7 = this;
|
|
118491
|
+
// 同一节点并且同一锚点时:删除已创建的连接线并退出
|
|
118492
|
+
if (pathTarget.sourceId === pathTarget.targetId) {
|
|
118493
|
+
var sameAnchor = false;
|
|
118494
|
+
try {
|
|
118495
|
+
// 获取源端点和目标端点的锚点位置进行比较
|
|
118496
|
+
var srcEp = pathTarget.sourceEndpoint || pathTarget.connection && pathTarget.connection.endpoints && pathTarget.connection.endpoints[0];
|
|
118497
|
+
var tgtEp = pathTarget.targetEndpoint || pathTarget.connection && pathTarget.connection.endpoints && pathTarget.connection.endpoints[1];
|
|
118498
|
+
if (srcEp && tgtEp && srcEp.anchor && tgtEp.anchor) {
|
|
118499
|
+
sameAnchor = srcEp.anchor.x === tgtEp.anchor.x && srcEp.anchor.y === tgtEp.anchor.y;
|
|
118500
|
+
}
|
|
118501
|
+
} catch (e) {
|
|
118502
|
+
// 无法获取锚点信息时默认视为同锚点
|
|
118503
|
+
sameAnchor = true;
|
|
118504
|
+
}
|
|
118505
|
+
if (sameAnchor) {
|
|
118506
|
+
try {
|
|
118507
|
+
Centervue_type_script_lang_js_jsPlumb.deleteConnection(pathTarget.connection);
|
|
118508
|
+
} catch (e) {
|
|
118509
|
+
console.warn('dragPath: deleteConnection failed', e);
|
|
118510
|
+
}
|
|
118511
|
+
return;
|
|
118512
|
+
}
|
|
118513
|
+
}
|
|
118414
118514
|
this.curPath = {};
|
|
118415
118515
|
for (var p = 0; p < this.pathObj.length; p++) {
|
|
118416
118516
|
if (this.pathObj[p].id === pathTarget.connection._jsPlumb.parameters.pathId) {
|
|
@@ -118889,9 +118989,12 @@ var _require21 = __webpack_require__(61289),
|
|
|
118889
118989
|
validatePath: function validatePath(target, msg, allConn) {
|
|
118890
118990
|
this.curPath = target;
|
|
118891
118991
|
this.emitData();
|
|
118992
|
+
// 清除所有连接选中状态
|
|
118993
|
+
jquery_default()('.jtk-connector').removeClass('wf-conn-active');
|
|
118892
118994
|
for (var i = 0; i < allConn.length; i++) {
|
|
118893
118995
|
allConn[i].setPaintStyle({
|
|
118894
|
-
stroke: '#42546c'
|
|
118996
|
+
stroke: '#42546c',
|
|
118997
|
+
strokeWidth: 2
|
|
118895
118998
|
});
|
|
118896
118999
|
}
|
|
118897
119000
|
var found = false;
|
|
@@ -118899,8 +119002,14 @@ var _require21 = __webpack_require__(61289),
|
|
|
118899
119002
|
if (target.id === allConn[u].id) {
|
|
118900
119003
|
ecinc_process.connection = allConn[u];
|
|
118901
119004
|
allConn[u].setPaintStyle({
|
|
118902
|
-
stroke: 'red'
|
|
119005
|
+
stroke: 'red',
|
|
119006
|
+
strokeWidth: 2
|
|
118903
119007
|
});
|
|
119008
|
+
jquery_default()(allConn[u].connector.canvas).closest('.jtk-connector').addClass('wf-conn-active');
|
|
119009
|
+
// 将选中连接线 DOM 移到父容器末尾,确保最上层渲染
|
|
119010
|
+
var _vpConn = jquery_default()(allConn[u].connector.canvas).closest('.jtk-connector');
|
|
119011
|
+
var _vpParent = _vpConn.parent();
|
|
119012
|
+
if (_vpParent.length > 0) _vpParent[0].appendChild(_vpConn[0]);
|
|
118904
119013
|
found = true;
|
|
118905
119014
|
break;
|
|
118906
119015
|
}
|
|
@@ -119666,13 +119775,13 @@ var _require21 = __webpack_require__(61289),
|
|
|
119666
119775
|
});
|
|
119667
119776
|
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=script&lang=js
|
|
119668
119777
|
/* harmony default export */ var components_Centervue_type_script_lang_js = (Centervue_type_script_lang_js);
|
|
119669
|
-
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=style&index=0&id=
|
|
119670
|
-
var
|
|
119671
|
-
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=style&index=0&id=
|
|
119778
|
+
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=style&index=0&id=5c4008d4&prod&scoped=true&lang=scss
|
|
119779
|
+
var Centervue_type_style_index_0_id_5c4008d4_prod_scoped_true_lang_scss = __webpack_require__(21510);
|
|
119780
|
+
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=style&index=0&id=5c4008d4&prod&scoped=true&lang=scss
|
|
119672
119781
|
|
|
119673
|
-
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=style&index=1&id=
|
|
119674
|
-
var
|
|
119675
|
-
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=style&index=1&id=
|
|
119782
|
+
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=style&index=1&id=5c4008d4&prod&lang=scss
|
|
119783
|
+
var Centervue_type_style_index_1_id_5c4008d4_prod_lang_scss = __webpack_require__(90250);
|
|
119784
|
+
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue?vue&type=style&index=1&id=5c4008d4&prod&lang=scss
|
|
119676
119785
|
|
|
119677
119786
|
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/Center/index.vue
|
|
119678
119787
|
|
|
@@ -119686,11 +119795,11 @@ var Centervue_type_style_index_1_id_cf0d53e6_prod_lang_scss = __webpack_require_
|
|
|
119686
119795
|
|
|
119687
119796
|
var Center_component = (0,componentNormalizer/* default */.A)(
|
|
119688
119797
|
components_Centervue_type_script_lang_js,
|
|
119689
|
-
|
|
119690
|
-
|
|
119798
|
+
Centervue_type_template_id_5c4008d4_scoped_true_render,
|
|
119799
|
+
Centervue_type_template_id_5c4008d4_scoped_true_staticRenderFns,
|
|
119691
119800
|
false,
|
|
119692
119801
|
null,
|
|
119693
|
-
"
|
|
119802
|
+
"5c4008d4",
|
|
119694
119803
|
null
|
|
119695
119804
|
|
|
119696
119805
|
)
|
|
@@ -124988,8 +125097,8 @@ var Tab3_component = (0,componentNormalizer/* default */.A)(
|
|
|
124988
125097
|
)
|
|
124989
125098
|
|
|
124990
125099
|
/* harmony default export */ var Tab3 = (Tab3_component.exports);
|
|
124991
|
-
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=template&id=
|
|
124992
|
-
var
|
|
125100
|
+
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=template&id=4c5b4236&scoped=true
|
|
125101
|
+
var Tab4vue_type_template_id_4c5b4236_scoped_true_render = function render() {
|
|
124993
125102
|
var _vm = this,
|
|
124994
125103
|
_c = _vm._self._c;
|
|
124995
125104
|
return _vm.wflow.wfdEvents ? _c('div', {
|
|
@@ -125080,7 +125189,7 @@ var Tab4vue_type_template_id_1251ec84_scoped_true_render = function render() {
|
|
|
125080
125189
|
})])]);
|
|
125081
125190
|
})], 2)])]) : _vm._e();
|
|
125082
125191
|
};
|
|
125083
|
-
var
|
|
125192
|
+
var Tab4vue_type_template_id_4c5b4236_scoped_true_staticRenderFns = [function () {
|
|
125084
125193
|
var _vm = this,
|
|
125085
125194
|
_c = _vm._self._c;
|
|
125086
125195
|
return _c('tr', [_c('th', {
|
|
@@ -125108,7 +125217,7 @@ var Tab4vue_type_template_id_1251ec84_scoped_true_staticRenderFns = [function ()
|
|
|
125108
125217
|
}, [_vm._v("操作")])]);
|
|
125109
125218
|
}];
|
|
125110
125219
|
|
|
125111
|
-
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=template&id=
|
|
125220
|
+
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=template&id=4c5b4236&scoped=true
|
|
125112
125221
|
|
|
125113
125222
|
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=script&lang=js
|
|
125114
125223
|
/* harmony default export */ var Tab4vue_type_script_lang_js = ({
|
|
@@ -125267,9 +125376,9 @@ var Tab4vue_type_template_id_1251ec84_scoped_true_staticRenderFns = [function ()
|
|
|
125267
125376
|
});
|
|
125268
125377
|
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=script&lang=js
|
|
125269
125378
|
/* harmony default export */ var PanelProcess_Tab4vue_type_script_lang_js = (Tab4vue_type_script_lang_js);
|
|
125270
|
-
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=style&index=0&id=
|
|
125271
|
-
var
|
|
125272
|
-
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=style&index=0&id=
|
|
125379
|
+
// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=style&index=0&id=4c5b4236&prod&scoped=true&lang=scss
|
|
125380
|
+
var Tab4vue_type_style_index_0_id_4c5b4236_prod_scoped_true_lang_scss = __webpack_require__(21465);
|
|
125381
|
+
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue?vue&type=style&index=0&id=4c5b4236&prod&scoped=true&lang=scss
|
|
125273
125382
|
|
|
125274
125383
|
;// CONCATENATED MODULE: ./packages/ecwplus/WorkflowDesigner/src/components/RightForm/PanelProcess/Tab4.vue
|
|
125275
125384
|
|
|
@@ -125282,11 +125391,11 @@ var Tab4vue_type_style_index_0_id_1251ec84_prod_scoped_true_lang_scss = __webpac
|
|
|
125282
125391
|
|
|
125283
125392
|
var Tab4_component = (0,componentNormalizer/* default */.A)(
|
|
125284
125393
|
PanelProcess_Tab4vue_type_script_lang_js,
|
|
125285
|
-
|
|
125286
|
-
|
|
125394
|
+
Tab4vue_type_template_id_4c5b4236_scoped_true_render,
|
|
125395
|
+
Tab4vue_type_template_id_4c5b4236_scoped_true_staticRenderFns,
|
|
125287
125396
|
false,
|
|
125288
125397
|
null,
|
|
125289
|
-
"
|
|
125398
|
+
"4c5b4236",
|
|
125290
125399
|
null
|
|
125291
125400
|
|
|
125292
125401
|
)
|
|
@@ -137916,6 +138025,7 @@ var Base64 = {
|
|
|
137916
138025
|
"use strict";
|
|
137917
138026
|
__webpack_require__.r(__webpack_exports__);
|
|
137918
138027
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
138028
|
+
/* harmony export */ bindConnectionEvents: function() { return /* binding */ bindConnectionEvents; },
|
|
137919
138029
|
/* harmony export */ dragAddNode: function() { return /* binding */ dragAddNode; },
|
|
137920
138030
|
/* harmony export */ dragLine: function() { return /* binding */ dragLine; },
|
|
137921
138031
|
/* harmony export */ getPathXyData: function() { return /* binding */ getPathXyData; },
|
|
@@ -137998,7 +138108,7 @@ function nodeEvents(id, wflow, $scope) {
|
|
|
137998
138108
|
$scope.$confirm('您是否确认删除选择的节点?', $scope.$t('common.confirm'), {
|
|
137999
138109
|
type: 'warning'
|
|
138000
138110
|
}).then(function () {
|
|
138001
|
-
var targetId, sourceId;
|
|
138111
|
+
var targetId, sourceId, targetPrevPath, sourceNextPath;
|
|
138002
138112
|
for (var i = 0; i < allConnection.length; i++) {
|
|
138003
138113
|
// targetId,sourceId
|
|
138004
138114
|
if (allConnection[i].targetId == curNodeId) {
|
|
@@ -138006,11 +138116,19 @@ function nodeEvents(id, wflow, $scope) {
|
|
|
138006
138116
|
pathArr.push(allConnection[i]);
|
|
138007
138117
|
}
|
|
138008
138118
|
if (allConnection[i].sourceId == curNodeId) {
|
|
138009
|
-
targetId = allConnection[i].
|
|
138119
|
+
targetId = allConnection[i].targetId;
|
|
138010
138120
|
pathArr.push(allConnection[i]);
|
|
138011
138121
|
}
|
|
138012
138122
|
}
|
|
138013
|
-
|
|
138123
|
+
for (var i = 0; i < allConnection.length; i++) {
|
|
138124
|
+
if (allConnection[i].targetId == targetId && allConnection[i].sourceId !== curNodeId) {
|
|
138125
|
+
targetPrevPath = true;
|
|
138126
|
+
}
|
|
138127
|
+
if (allConnection[i].sourceId == sourceId && allConnection[i].targetId !== curNodeId) {
|
|
138128
|
+
sourceNextPath = true;
|
|
138129
|
+
}
|
|
138130
|
+
}
|
|
138131
|
+
if (targetId && sourceId && (!sourceNextPath || !targetPrevPath)) {
|
|
138014
138132
|
var pathLine = {
|
|
138015
138133
|
ConnectionId: '',
|
|
138016
138134
|
PageSourceId: '',
|
|
@@ -138759,6 +138877,145 @@ function viewLinkedProcess(wflow, curNodeId) {
|
|
|
138759
138877
|
}
|
|
138760
138878
|
|
|
138761
138879
|
|
|
138880
|
+
// ========== 连接线交互事件绑定(从 Center/index.vue 提取) ==========
|
|
138881
|
+
|
|
138882
|
+
/**
|
|
138883
|
+
* 选中连接线:设置样式 + DOM 重排序 + 端点高亮
|
|
138884
|
+
* @param {Object} vm - Vue 实例
|
|
138885
|
+
* @param {Object} connection - jsPlumb 连接对象
|
|
138886
|
+
*/
|
|
138887
|
+
function selectConnection(vm, connection) {
|
|
138888
|
+
// === 连接 active 状态管理 ===
|
|
138889
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()('.jtk-connector').removeClass('wf-conn-active');
|
|
138890
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()('.jtk-endpoint').removeClass('wf-ep-active');
|
|
138891
|
+
|
|
138892
|
+
// 找到连接的 SVG 容器添加 wf-conn-active
|
|
138893
|
+
if (connection.connector && connection.connector.canvas) {
|
|
138894
|
+
var $selectedConn = jquery__WEBPACK_IMPORTED_MODULE_0___default()(connection.connector.canvas).closest('.jtk-connector');
|
|
138895
|
+
$selectedConn.addClass('wf-conn-active');
|
|
138896
|
+
// 将选中的连接线 DOM 元素移到父容器末尾,确保在最上层渲染
|
|
138897
|
+
var connParent = $selectedConn.parent();
|
|
138898
|
+
if (connParent.length > 0) {
|
|
138899
|
+
connParent[0].appendChild($selectedConn[0]);
|
|
138900
|
+
}
|
|
138901
|
+
}
|
|
138902
|
+
|
|
138903
|
+
// 选中连接线显示红色(setPaintStyle + setTimeout 双重保障)
|
|
138904
|
+
if (!jquery__WEBPACK_IMPORTED_MODULE_0___default()(connection.source).hasClass('dfzjd') && !jquery__WEBPACK_IMPORTED_MODULE_0___default()(connection.source).hasClass('zyjd')) {
|
|
138905
|
+
connection.setPaintStyle({
|
|
138906
|
+
stroke: 'red',
|
|
138907
|
+
strokeWidth: 2
|
|
138908
|
+
});
|
|
138909
|
+
setTimeout(function () {
|
|
138910
|
+
connection.setPaintStyle({
|
|
138911
|
+
stroke: 'red',
|
|
138912
|
+
strokeWidth: 2
|
|
138913
|
+
});
|
|
138914
|
+
}, 0);
|
|
138915
|
+
}
|
|
138916
|
+
|
|
138917
|
+
// 给连接两端端点添加 wf-ep-active 和 wf-conn-ep
|
|
138918
|
+
if (connection.endpoints) {
|
|
138919
|
+
connection.endpoints.forEach(function (ep) {
|
|
138920
|
+
if (ep.canvas) {
|
|
138921
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()(ep.canvas).addClass('wf-ep-active');
|
|
138922
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()(ep.canvas).addClass('wf-conn-ep');
|
|
138923
|
+
}
|
|
138924
|
+
});
|
|
138925
|
+
}
|
|
138926
|
+
}
|
|
138927
|
+
|
|
138928
|
+
/**
|
|
138929
|
+
* 绑定所有连接线交互事件(mousedown/click/moved/detached/aborted/drag)
|
|
138930
|
+
* @param {Object} vm - Vue 实例
|
|
138931
|
+
*/
|
|
138932
|
+
function bindConnectionEvents(vm) {
|
|
138933
|
+
// connectionDetached: 连接线断开时重置端点标志
|
|
138934
|
+
jsPlumb.bind('connectionDetached', function (info) {
|
|
138935
|
+
if (info.connection && info.connection.endpoints) {
|
|
138936
|
+
info.connection.endpoints.forEach(function (ep) {
|
|
138937
|
+
(0,_globalStyle_js__WEBPACK_IMPORTED_MODULE_3__.resetEndpointSourceFlags)(ep);
|
|
138938
|
+
});
|
|
138939
|
+
}
|
|
138940
|
+
});
|
|
138941
|
+
|
|
138942
|
+
// connectionAborted: 拖拽连接线取消时重置端点状态
|
|
138943
|
+
jsPlumb.bind('connectionAborted', function (info) {
|
|
138944
|
+
if (info.connection && info.connection.endpoints) {
|
|
138945
|
+
info.connection.endpoints.forEach(function (ep) {
|
|
138946
|
+
(0,_globalStyle_js__WEBPACK_IMPORTED_MODULE_3__.resetEndpointSourceFlags)(ep);
|
|
138947
|
+
});
|
|
138948
|
+
}
|
|
138949
|
+
});
|
|
138950
|
+
|
|
138951
|
+
// mousedown: 连接线点击选中(状态管理 + 样式设置 + 节点清除)
|
|
138952
|
+
jsPlumb.bind('mousedown', function (connection, originalEvent) {
|
|
138953
|
+
var thisConnect = {};
|
|
138954
|
+
var len = vm.connectsArr.length;
|
|
138955
|
+
for (var i = 0; i < len; i++) {
|
|
138956
|
+
if (connection.id === vm.connectsArr[i].ConnectionId) {
|
|
138957
|
+
thisConnect = vm.connectsArr[i];
|
|
138958
|
+
break;
|
|
138959
|
+
}
|
|
138960
|
+
}
|
|
138961
|
+
|
|
138962
|
+
// === 节点/连接互斥,清除节点选中 ===
|
|
138963
|
+
var prevSelNodes = jquery__WEBPACK_IMPORTED_MODULE_0___default()('.process.seled');
|
|
138964
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()('.process').removeClass('seled');
|
|
138965
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()('.jtk-endpoint').removeClass('wf-sel-ep');
|
|
138966
|
+
(0,_globalStyle_js__WEBPACK_IMPORTED_MODULE_3__.resetAllAnchorEndpoints)(prevSelNodes.get());
|
|
138967
|
+
(0,_globalStyle_js__WEBPACK_IMPORTED_MODULE_3__.resetAllConnectionEndpoints)(); // 显式重置所有连接端点(恢复移动模式)
|
|
138968
|
+
|
|
138969
|
+
var allConns = jsPlumb.getAllConnections();
|
|
138970
|
+
for (var ci = 0; ci < allConns.length; ci++) {
|
|
138971
|
+
allConns[ci].setDetachable(true);
|
|
138972
|
+
(0,_globalStyle_js__WEBPACK_IMPORTED_MODULE_3__.applyConnectionStyle)(allConns[ci]);
|
|
138973
|
+
}
|
|
138974
|
+
vm._connectionSelected = true;
|
|
138975
|
+
vm.clickPath(connection);
|
|
138976
|
+
vm.dragLineObj.init(connection, thisConnect);
|
|
138977
|
+
selectConnection(vm, connection);
|
|
138978
|
+
vm.emitData();
|
|
138979
|
+
return false;
|
|
138980
|
+
});
|
|
138981
|
+
|
|
138982
|
+
// click: 路径面板展示(状态管理由 mousedown 处理)
|
|
138983
|
+
jsPlumb.bind('click', function (conn) {
|
|
138984
|
+
vm.clickPath(conn);
|
|
138985
|
+
return false;
|
|
138986
|
+
});
|
|
138987
|
+
|
|
138988
|
+
// connectionMoved: 连接端点拖移完成后同步数据模型 + 重置端点状态
|
|
138989
|
+
jsPlumb.bind('connectionMoved', function (info) {
|
|
138990
|
+
vm.dragPath({
|
|
138991
|
+
connection: info.connection,
|
|
138992
|
+
source: info.connection.source,
|
|
138993
|
+
target: info.connection.target,
|
|
138994
|
+
sourceId: info.connection.sourceId,
|
|
138995
|
+
targetId: info.connection.targetId
|
|
138996
|
+
});
|
|
138997
|
+
var idx = info.index;
|
|
138998
|
+
if (idx === 0 && info.originalSourceEndpoint) {
|
|
138999
|
+
(0,_globalStyle_js__WEBPACK_IMPORTED_MODULE_3__.resetEndpointSourceFlags)(info.originalSourceEndpoint);
|
|
139000
|
+
} else if (idx === 1 && info.originalTargetEndpoint) {
|
|
139001
|
+
(0,_globalStyle_js__WEBPACK_IMPORTED_MODULE_3__.resetEndpointSourceFlags)(info.originalTargetEndpoint);
|
|
139002
|
+
}
|
|
139003
|
+
vm.ComparePath();
|
|
139004
|
+
vm.emitData();
|
|
139005
|
+
});
|
|
139006
|
+
|
|
139007
|
+
// connectionDrag: 拖拽创建新连接线时强制设置样式 + 拖拽状态追踪
|
|
139008
|
+
jsPlumb.bind('connectionDrag', function (conn) {
|
|
139009
|
+
(0,_globalStyle_js__WEBPACK_IMPORTED_MODULE_3__.applyConnectionStyle)(conn);
|
|
139010
|
+
vm._connectionDragging = true;
|
|
139011
|
+
});
|
|
139012
|
+
|
|
139013
|
+
// connectionDragStop: 拖拽停止后重置状态标志
|
|
139014
|
+
jsPlumb.bind('connectionDragStop', function () {
|
|
139015
|
+
vm._connectionDragging = false;
|
|
139016
|
+
});
|
|
139017
|
+
}
|
|
139018
|
+
|
|
138762
139019
|
/***/ }),
|
|
138763
139020
|
|
|
138764
139021
|
/***/ 52641:
|
|
@@ -138767,12 +139024,31 @@ function viewLinkedProcess(wflow, curNodeId) {
|
|
|
138767
139024
|
"use strict";
|
|
138768
139025
|
__webpack_require__.r(__webpack_exports__);
|
|
138769
139026
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
139027
|
+
/* harmony export */ CONNECTION_DEFAULT_STYLE: function() { return /* binding */ CONNECTION_DEFAULT_STYLE; },
|
|
139028
|
+
/* harmony export */ applyConnectionStyle: function() { return /* binding */ applyConnectionStyle; },
|
|
139029
|
+
/* harmony export */ checkAndAddArrow: function() { return /* binding */ checkAndAddArrow; },
|
|
139030
|
+
/* harmony export */ clearEndpointFillStyle: function() { return /* binding */ clearEndpointFillStyle; },
|
|
138770
139031
|
/* harmony export */ createConnect: function() { return /* binding */ createConnect; },
|
|
138771
139032
|
/* harmony export */ createPathLine: function() { return /* binding */ createPathLine; },
|
|
138772
|
-
/* harmony export */ hollowCircle: function() { return /* binding */ hollowCircle; }
|
|
139033
|
+
/* harmony export */ hollowCircle: function() { return /* binding */ hollowCircle; },
|
|
139034
|
+
/* harmony export */ initConnectionEndpointMode: function() { return /* binding */ initConnectionEndpointMode; },
|
|
139035
|
+
/* harmony export */ resetAllAnchorEndpoints: function() { return /* binding */ resetAllAnchorEndpoints; },
|
|
139036
|
+
/* harmony export */ resetAllConnectionEndpoints: function() { return /* binding */ resetAllConnectionEndpoints; },
|
|
139037
|
+
/* harmony export */ resetEndpointSourceFlags: function() { return /* binding */ resetEndpointSourceFlags; },
|
|
139038
|
+
/* harmony export */ setAnchorCreateMode: function() { return /* binding */ setAnchorCreateMode; },
|
|
139039
|
+
/* harmony export */ setConnectionEndpointCreateMode: function() { return /* binding */ setConnectionEndpointCreateMode; }
|
|
138773
139040
|
/* harmony export */ });
|
|
139041
|
+
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(74692);
|
|
139042
|
+
/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_0__);
|
|
139043
|
+
|
|
138774
139044
|
var jsPlumb = window.jsPlumb;
|
|
138775
139045
|
|
|
139046
|
+
// ========== 连接线默认样式常量 ==========
|
|
139047
|
+
var CONNECTION_DEFAULT_STYLE = {
|
|
139048
|
+
stroke: '#438eb9',
|
|
139049
|
+
strokeWidth: 2
|
|
139050
|
+
};
|
|
139051
|
+
|
|
138776
139052
|
// 端点样式,(修改变量名)
|
|
138777
139053
|
var hollowCircle = {
|
|
138778
139054
|
DragOptions: {
|
|
@@ -138816,7 +139092,7 @@ var hollowCircle = {
|
|
|
138816
139092
|
cssClass: 'line_text',
|
|
138817
139093
|
events: {
|
|
138818
139094
|
mousedown: function mousedown(labelOverlay, originalEvent) {
|
|
138819
|
-
jsPlumb.draggable(
|
|
139095
|
+
jsPlumb.draggable(jquery__WEBPACK_IMPORTED_MODULE_0___default()('.line_text'));
|
|
138820
139096
|
},
|
|
138821
139097
|
mouseout: function mouseout() {
|
|
138822
139098
|
return false;
|
|
@@ -138832,6 +139108,8 @@ function createConnect(conn, connector, anchors) {
|
|
|
138832
139108
|
target: conn.targetId || conn.PageTargetId,
|
|
138833
139109
|
anchors: anchors,
|
|
138834
139110
|
editable: true,
|
|
139111
|
+
connectionsDetachable: true,
|
|
139112
|
+
// 允许拖移连接端点(jsPlumb 2.15.6 默认即为 true,此处显式声明)
|
|
138835
139113
|
parameters: {
|
|
138836
139114
|
pathId: conn.id || conn.ConnectionId
|
|
138837
139115
|
},
|
|
@@ -138851,11 +139129,25 @@ function createConnect(conn, connector, anchors) {
|
|
|
138851
139129
|
}]
|
|
138852
139130
|
});
|
|
138853
139131
|
if (a) {
|
|
138854
|
-
|
|
138855
|
-
|
|
138856
|
-
|
|
138857
|
-
|
|
138858
|
-
|
|
139132
|
+
// 安全检查:确保连接内部状态完整后再设标签,防止 _jsPlumb.overlays 为 null
|
|
139133
|
+
if (a._jsPlumb && a._jsPlumb.overlays) {
|
|
139134
|
+
a.setLabel({
|
|
139135
|
+
label: conn.label || ' ',
|
|
139136
|
+
cssClass: 'line_text',
|
|
139137
|
+
location: conn.labelLocation || 0.5
|
|
139138
|
+
});
|
|
139139
|
+
} else {
|
|
139140
|
+
// 连接对象未完全初始化,延迟设置标签
|
|
139141
|
+
setTimeout(function () {
|
|
139142
|
+
if (a._jsPlumb && a._jsPlumb.overlays) {
|
|
139143
|
+
a.setLabel({
|
|
139144
|
+
label: conn.label || ' ',
|
|
139145
|
+
cssClass: 'line_text',
|
|
139146
|
+
location: conn.labelLocation || 0.5
|
|
139147
|
+
});
|
|
139148
|
+
}
|
|
139149
|
+
}, 100);
|
|
139150
|
+
}
|
|
138859
139151
|
a.labelLocation = conn.labelLocation;
|
|
138860
139152
|
} else {
|
|
138861
139153
|
console.log('createConnect failure', a);
|
|
@@ -138982,19 +139274,261 @@ function createPathLine(connectsArr) {
|
|
|
138982
139274
|
stub: [0, 0]
|
|
138983
139275
|
}];
|
|
138984
139276
|
}
|
|
138985
|
-
var sourceNode =
|
|
139277
|
+
var sourceNode = jquery__WEBPACK_IMPORTED_MODULE_0___default()('#' + connectsArr[j].PageSourceId);
|
|
138986
139278
|
if (sourceNode.hasClass('dfzjd') || sourceNode.hasClass('zyjd')) {
|
|
138987
139279
|
connectsArr[j].label = '';
|
|
138988
139280
|
}
|
|
138989
139281
|
try {
|
|
138990
139282
|
createConnect(connectsArr[j], connector, anchors);
|
|
138991
139283
|
} catch (e) {
|
|
138992
|
-
|
|
139284
|
+
try {
|
|
139285
|
+
createConnect(connectsArr[j], connector, anchors);
|
|
139286
|
+
} catch (e2) {
|
|
139287
|
+
console.warn('createConnect failed after retry:', e2.message, connectsArr[j]);
|
|
139288
|
+
}
|
|
138993
139289
|
}
|
|
138994
139290
|
}
|
|
138995
139291
|
}
|
|
138996
139292
|
|
|
138997
139293
|
|
|
139294
|
+
// ========== 端点源模式工具函数 ==========
|
|
139295
|
+
|
|
139296
|
+
/**
|
|
139297
|
+
* 重置端点的临时源模式标志,恢复默认拖拽行为
|
|
139298
|
+
* - 连接端点:恢复到移动模式(isSource=true, maxConnections=1, dragAllowedWhenFull=true)
|
|
139299
|
+
* - 锚点端点:完全重置源模式(isSource=false)
|
|
139300
|
+
*/
|
|
139301
|
+
function resetEndpointSourceFlags(ep) {
|
|
139302
|
+
if (!ep) return;
|
|
139303
|
+
// 连接端点优先处理(无论是否有 _wfOrigSource,连接端点必须恢复到移动模式状态)
|
|
139304
|
+
if (ep._wfConnEp && ep._wfSourceMode) {
|
|
139305
|
+
delete ep.isTemporarySource;
|
|
139306
|
+
ep.isSource = true;
|
|
139307
|
+
ep.isTemporarySource = true;
|
|
139308
|
+
ep.dragAllowedWhenFull = true;
|
|
139309
|
+
if (ep._jsPlumb) {
|
|
139310
|
+
ep._jsPlumb.maxConnections = 1; // isFull()=true → 拖拽进入移动模式
|
|
139311
|
+
}
|
|
139312
|
+
if (ep._wfOrigPaintStyle) {
|
|
139313
|
+
for (var rk in ep._wfOrigPaintStyle) {
|
|
139314
|
+
ep._jsPlumb.paintStyle[rk] = ep._wfOrigPaintStyle[rk];
|
|
139315
|
+
}
|
|
139316
|
+
delete ep._jsPlumb.paintStyle.fill;
|
|
139317
|
+
if (ep._wfOrigPaintStyle.fill) ep._jsPlumb.paintStyle.fill = ep._wfOrigPaintStyle.fill;
|
|
139318
|
+
ep._jsPlumb.paintStyleInUse = ep._jsPlumb.paintStyle;
|
|
139319
|
+
delete ep._wfOrigPaintStyle;
|
|
139320
|
+
}
|
|
139321
|
+
if (ep._wfOrigGetPaintStyle) {
|
|
139322
|
+
ep.getPaintStyle = ep._wfOrigGetPaintStyle;
|
|
139323
|
+
delete ep._wfOrigGetPaintStyle;
|
|
139324
|
+
}
|
|
139325
|
+
delete ep._wfSourceMode;
|
|
139326
|
+
return;
|
|
139327
|
+
}
|
|
139328
|
+
if (ep._wfOrigSource) return; // 原始锚点源端点不重置
|
|
139329
|
+
delete ep.isTemporarySource;
|
|
139330
|
+
if (!ep._wfSourceMode) return;
|
|
139331
|
+
// 非连接端点(普通锚点端点):完全重置源模式
|
|
139332
|
+
ep.isSource = false;
|
|
139333
|
+
ep.connectionsDetachable = true;
|
|
139334
|
+
ep.dragAllowedWhenFull = false;
|
|
139335
|
+
if (ep._jsPlumb) {
|
|
139336
|
+
if (ep._wfOrigMaxConnections !== undefined) {
|
|
139337
|
+
ep._jsPlumb.maxConnections = ep._wfOrigMaxConnections;
|
|
139338
|
+
delete ep._wfOrigMaxConnections;
|
|
139339
|
+
}
|
|
139340
|
+
if (ep._wfOrigPaintStyle) {
|
|
139341
|
+
for (var rk in ep._wfOrigPaintStyle) {
|
|
139342
|
+
ep._jsPlumb.paintStyle[rk] = ep._wfOrigPaintStyle[rk];
|
|
139343
|
+
}
|
|
139344
|
+
delete ep._jsPlumb.paintStyle.fill;
|
|
139345
|
+
if (ep._wfOrigPaintStyle.fill) ep._jsPlumb.paintStyle.fill = ep._wfOrigPaintStyle.fill;
|
|
139346
|
+
ep._jsPlumb.paintStyleInUse = ep._jsPlumb.paintStyle;
|
|
139347
|
+
delete ep._wfOrigPaintStyle;
|
|
139348
|
+
}
|
|
139349
|
+
if (ep._wfOrigGetPaintStyle) {
|
|
139350
|
+
ep.getPaintStyle = ep._wfOrigGetPaintStyle;
|
|
139351
|
+
delete ep._wfOrigGetPaintStyle;
|
|
139352
|
+
}
|
|
139353
|
+
delete ep._wfSourceMode;
|
|
139354
|
+
}
|
|
139355
|
+
delete ep.connector;
|
|
139356
|
+
delete ep.connectorOverlays;
|
|
139357
|
+
delete ep.connectorStyle;
|
|
139358
|
+
}
|
|
139359
|
+
|
|
139360
|
+
/**
|
|
139361
|
+
* 清除端点 paintStyle 中的 fill/outline 属性(防止拖拽时箭头填充异常)
|
|
139362
|
+
*/
|
|
139363
|
+
function clearEndpointFillStyle(ep) {
|
|
139364
|
+
if (ep && ep._jsPlumb && ep._jsPlumb.paintStyle) {
|
|
139365
|
+
delete ep._jsPlumb.paintStyle.fill;
|
|
139366
|
+
delete ep._jsPlumb.paintStyle.outlineStroke;
|
|
139367
|
+
delete ep._jsPlumb.paintStyle.outlineWidth;
|
|
139368
|
+
ep._jsPlumb.paintStyle.fill = 'none';
|
|
139369
|
+
ep._jsPlumb.paintStyleInUse = ep._jsPlumb.paintStyle;
|
|
139370
|
+
}
|
|
139371
|
+
if (ep && ep.connectorStyle) {
|
|
139372
|
+
delete ep.connectorStyle.fill;
|
|
139373
|
+
}
|
|
139374
|
+
}
|
|
139375
|
+
|
|
139376
|
+
// ========== 连接线样式工具函数 ==========
|
|
139377
|
+
|
|
139378
|
+
/**
|
|
139379
|
+
* 设置连接线默认蓝色样式
|
|
139380
|
+
*/
|
|
139381
|
+
function applyConnectionStyle(connection) {
|
|
139382
|
+
if (connection && connection.setPaintStyle) {
|
|
139383
|
+
connection.setPaintStyle(CONNECTION_DEFAULT_STYLE);
|
|
139384
|
+
}
|
|
139385
|
+
}
|
|
139386
|
+
|
|
139387
|
+
/**
|
|
139388
|
+
* 检查连接线是否已有 Arrow 箭头覆盖,无则补充
|
|
139389
|
+
*/
|
|
139390
|
+
function checkAndAddArrow(connection) {
|
|
139391
|
+
var overlays = connection.getOverlays();
|
|
139392
|
+
var hasArrow = false;
|
|
139393
|
+
for (var key in overlays) {
|
|
139394
|
+
if (overlays[key] && overlays[key].type === 'Arrow') {
|
|
139395
|
+
hasArrow = true;
|
|
139396
|
+
break;
|
|
139397
|
+
}
|
|
139398
|
+
}
|
|
139399
|
+
if (!hasArrow) {
|
|
139400
|
+
connection.addOverlay(['Arrow', {
|
|
139401
|
+
width: 10,
|
|
139402
|
+
length: 10,
|
|
139403
|
+
location: 1
|
|
139404
|
+
}]);
|
|
139405
|
+
}
|
|
139406
|
+
}
|
|
139407
|
+
|
|
139408
|
+
// ========== 端点模式工具函数 ==========
|
|
139409
|
+
|
|
139410
|
+
/**
|
|
139411
|
+
* 初始化连接端点的永久源模式(始终可拖拽移动连接线)
|
|
139412
|
+
* maxConnections=1 配合 isFull()=true 确保拖拽进入移动模式
|
|
139413
|
+
* 若端点已处于节点选中的创建模式(_wfSourceMode),保留 maxConnections 不变
|
|
139414
|
+
*/
|
|
139415
|
+
function initConnectionEndpointMode(ep) {
|
|
139416
|
+
if (ep.canvas) {
|
|
139417
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()(ep.canvas).addClass('wf-conn-ep'); // 永久标记:连接端点 z-index:6,高于锚点 z-index:5
|
|
139418
|
+
jquery__WEBPACK_IMPORTED_MODULE_0___default()(ep.canvas).addClass('wf-ep-active'); // 新连接立即 active,z-index:7 置顶可拖拽
|
|
139419
|
+
}
|
|
139420
|
+
ep._wfConnEp = true;
|
|
139421
|
+
ep.isSource = true;
|
|
139422
|
+
ep.isTemporarySource = true;
|
|
139423
|
+
ep.dragAllowedWhenFull = true;
|
|
139424
|
+
if (ep._jsPlumb) {
|
|
139425
|
+
if (ep._wfSourceMode) {
|
|
139426
|
+
// 端点已处于创建模式(节点选中时设置),保留 maxConnections 不变
|
|
139427
|
+
// 确保用户可以连续从同一节点拖拽创建多条连接线
|
|
139428
|
+
return;
|
|
139429
|
+
}
|
|
139430
|
+
if (ep._wfOrigMaxConnections === undefined) {
|
|
139431
|
+
ep._wfOrigMaxConnections = ep._jsPlumb.maxConnections;
|
|
139432
|
+
}
|
|
139433
|
+
ep._jsPlumb.maxConnections = 1;
|
|
139434
|
+
}
|
|
139435
|
+
}
|
|
139436
|
+
|
|
139437
|
+
/**
|
|
139438
|
+
* 设置选中节点的锚点端点为创建模式(拖拽时创建新连接)
|
|
139439
|
+
* maxConnections=-1 确保 connectorSelector 返回的 jpc 不被 isFull 拦截
|
|
139440
|
+
*/
|
|
139441
|
+
function setAnchorCreateMode(eps) {
|
|
139442
|
+
for (var i = 0; i < eps.length; i++) {
|
|
139443
|
+
var aep = eps[i];
|
|
139444
|
+
if (aep && aep._wfOrigSource) {
|
|
139445
|
+
if (!aep._wfSourceMode) {
|
|
139446
|
+
aep._wfSourceMode = true;
|
|
139447
|
+
if (aep._jsPlumb && aep._wfOrigMaxConnections === undefined) {
|
|
139448
|
+
aep._wfOrigMaxConnections = aep._jsPlumb.maxConnections;
|
|
139449
|
+
}
|
|
139450
|
+
}
|
|
139451
|
+
if (aep._jsPlumb) aep._jsPlumb.maxConnections = -1;
|
|
139452
|
+
}
|
|
139453
|
+
}
|
|
139454
|
+
}
|
|
139455
|
+
|
|
139456
|
+
/**
|
|
139457
|
+
* 设置选中节点的连接端点为创建模式(拖拽时生成新连接而非移动已有连接)
|
|
139458
|
+
* maxConnections=2 使 isFull() 返回 false(1 < 2),jsPlumb 进入创建模式
|
|
139459
|
+
*/
|
|
139460
|
+
function setConnectionEndpointCreateMode(node) {
|
|
139461
|
+
var nodeConns = jsPlumb.getConnections({
|
|
139462
|
+
source: node
|
|
139463
|
+
}).concat(jsPlumb.getConnections({
|
|
139464
|
+
target: node
|
|
139465
|
+
}));
|
|
139466
|
+
for (var ci = 0; ci < nodeConns.length; ci++) {
|
|
139467
|
+
if (!nodeConns[ci].endpoints) continue;
|
|
139468
|
+
for (var ei = 0; ei < nodeConns[ci].endpoints.length; ei++) {
|
|
139469
|
+
var ep = nodeConns[ci].endpoints[ei];
|
|
139470
|
+
if (ep && !ep._wfSourceMode) {
|
|
139471
|
+
ep._wfSourceMode = true;
|
|
139472
|
+
ep.isSource = true;
|
|
139473
|
+
ep.isTemporarySource = true;
|
|
139474
|
+
ep.dragAllowedWhenFull = true;
|
|
139475
|
+
if (ep._jsPlumb) {
|
|
139476
|
+
if (ep._wfOrigMaxConnections === undefined) {
|
|
139477
|
+
ep._wfOrigMaxConnections = ep._jsPlumb.maxConnections;
|
|
139478
|
+
}
|
|
139479
|
+
ep._jsPlumb.maxConnections = 99;
|
|
139480
|
+
// 清除 paintStyle 中的填充属性(避免拖拽时箭头填充异常)
|
|
139481
|
+
if (!ep._wfOrigPaintStyle) {
|
|
139482
|
+
ep._wfOrigPaintStyle = {};
|
|
139483
|
+
for (var pk in ep._jsPlumb.paintStyle) {
|
|
139484
|
+
ep._wfOrigPaintStyle[pk] = ep._jsPlumb.paintStyle[pk];
|
|
139485
|
+
}
|
|
139486
|
+
}
|
|
139487
|
+
delete ep._jsPlumb.paintStyle.fill;
|
|
139488
|
+
delete ep._jsPlumb.paintStyle.outlineStroke;
|
|
139489
|
+
delete ep._jsPlumb.paintStyle.outlineWidth;
|
|
139490
|
+
ep._jsPlumb.paintStyle.fill = 'none';
|
|
139491
|
+
ep._jsPlumb.paintStyleInUse = ep._jsPlumb.paintStyle;
|
|
139492
|
+
if (!ep._wfOrigGetPaintStyle) {
|
|
139493
|
+
ep._wfOrigGetPaintStyle = ep.getPaintStyle;
|
|
139494
|
+
}
|
|
139495
|
+
ep.getPaintStyle = function () {
|
|
139496
|
+
return ep._jsPlumb.paintStyle;
|
|
139497
|
+
};
|
|
139498
|
+
}
|
|
139499
|
+
}
|
|
139500
|
+
}
|
|
139501
|
+
}
|
|
139502
|
+
}
|
|
139503
|
+
|
|
139504
|
+
/**
|
|
139505
|
+
* 重置所有节点的锚点端点(恢复默认状态)
|
|
139506
|
+
* 遍历节点数组,获取每个节点的锚点端点并调用 resetEndpointSourceFlags
|
|
139507
|
+
*/
|
|
139508
|
+
function resetAllAnchorEndpoints(nodes) {
|
|
139509
|
+
for (var i = 0; i < nodes.length; i++) {
|
|
139510
|
+
var eps = jsPlumb.getEndpoints(nodes[i]);
|
|
139511
|
+
for (var j = 0; j < eps.length; j++) {
|
|
139512
|
+
eps[j].setEnabled(true);
|
|
139513
|
+
resetEndpointSourceFlags(eps[j]);
|
|
139514
|
+
}
|
|
139515
|
+
}
|
|
139516
|
+
}
|
|
139517
|
+
|
|
139518
|
+
/**
|
|
139519
|
+
* 重置所有连接线的连接端点(恢复移动模式 maxConnections=1)
|
|
139520
|
+
* 通过 getAllConnections 遍历,确保连接端点被显式重置
|
|
139521
|
+
*/
|
|
139522
|
+
function resetAllConnectionEndpoints() {
|
|
139523
|
+
var allConns = jsPlumb.getAllConnections();
|
|
139524
|
+
for (var i = 0; i < allConns.length; i++) {
|
|
139525
|
+
if (!allConns[i].endpoints) continue;
|
|
139526
|
+
for (var j = 0; j < allConns[i].endpoints.length; j++) {
|
|
139527
|
+
resetEndpointSourceFlags(allConns[i].endpoints[j]);
|
|
139528
|
+
}
|
|
139529
|
+
}
|
|
139530
|
+
}
|
|
139531
|
+
|
|
138998
139532
|
/***/ }),
|
|
138999
139533
|
|
|
139000
139534
|
/***/ 61289:
|
|
@@ -167143,7 +167677,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".setting .header[data-v-8cadfe0a]{widt
|
|
|
167143
167677
|
|
|
167144
167678
|
/***/ }),
|
|
167145
167679
|
|
|
167146
|
-
/***/
|
|
167680
|
+
/***/ 4295:
|
|
167147
167681
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
167148
167682
|
|
|
167149
167683
|
"use strict";
|
|
@@ -167157,14 +167691,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
167157
167691
|
|
|
167158
167692
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
167159
167693
|
// Module
|
|
167160
|
-
___CSS_LOADER_EXPORT___.push([module.id, "[data-v-
|
|
167694
|
+
___CSS_LOADER_EXPORT___.push([module.id, "[data-v-5c4008d4] .el-scrollbar__wrap{overflow-x:auto}#center[data-v-5c4008d4]{background-image:-webkit-gradient(linear,left top,right top,color-stop(3%,rgba(50,0,0,.05)),color-stop(3%,transparent)),-webkit-gradient(linear,left bottom,left top,color-stop(3%,rgba(50,0,0,.05)),color-stop(3%,transparent));background-image:linear-gradient(90deg,rgba(50,0,0,.05) 3%,transparent 0),linear-gradient(1turn,rgba(50,0,0,.05) 3%,transparent 0);background-size:20px 20px;background-repeat:repeat;background-position:0 0}#center .add-node-btn[data-v-5c4008d4]{position:relative;margin:-15px -10px;z-index:4000;display:none}#center .insert-node-btn[data-v-5c4008d4]{position:fixed;margin:-15px -10px;z-index:4000;display:none}li[data-v-5c4008d4],ul[data-v-5c4008d4]{list-style:none}", ""]);
|
|
167161
167695
|
// Exports
|
|
167162
167696
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
167163
167697
|
|
|
167164
167698
|
|
|
167165
167699
|
/***/ }),
|
|
167166
167700
|
|
|
167167
|
-
/***/
|
|
167701
|
+
/***/ 75943:
|
|
167168
167702
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
167169
167703
|
|
|
167170
167704
|
"use strict";
|
|
@@ -167178,7 +167712,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
167178
167712
|
|
|
167179
167713
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
167180
167714
|
// Module
|
|
167181
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".process-desc-container{width:350px;border:1px solid #dadada;background-color:#f8f8ff;font-size:14px;z-index:1001}.process-desc-container .label{padding-left:5px;padding-right:5px;height:30px;line-height:30px;cursor:pointer}.process-desc-container .label span{float:left}.process-desc-container .label img{margin-top:3px;float:right}.process-desc-container .content{border-top:1px solid #dadada;background-color:#fff}.process-desc-container .content textarea{width:100%;min-height:120px;border:0}", ""]);
|
|
167715
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".line_text{cursor:pointer;position:absolute;left:0;top:0;font-size:14px}.evt_line{color:orange}.dropdown-menu{width:160px;display:none;position:fixed;z-index:9999;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu li a{padding:5px 20px;line-height:2;white-space:nowrap;color:#333}.dropdown-menu li:hover{background:#f5f5f5}.process svg:hover path:last-child{fill:red}.process path{stroke-width:2;cursor:pointer}.process path:last-child{fill:#438eb9}.process circle{fill:#438eb9;stroke:none}.move,.move path{cursor:move}.process-desc-container{width:350px;border:1px solid #dadada;background-color:#f8f8ff;font-size:14px;z-index:1001}.process-desc-container .label{padding-left:5px;padding-right:5px;height:30px;line-height:30px;cursor:pointer}.process-desc-container .label span{float:left}.process-desc-container .label img{margin-top:3px;float:right}.process-desc-container .content{border-top:1px solid #dadada;background-color:#fff}.process-desc-container .content textarea{width:100%;min-height:120px;border:0}.jtk-endpoint{z-index:3}.seled .jtk-endpoint{z-index:5}.jtk-endpoint.wf-conn-ep{z-index:6}.jtk-connector.wf-conn-active{z-index:1999!important}.jtk-connector.wf-conn-active path{stroke:red!important;stroke-width:2px!important}.jtk-connector:not(.wf-conn-active){z-index:4}.jtk-endpoint.wf-ep-active{z-index:2001!important}.jtk-endpoint.jtk-drag-active{z-index:10!important}.jtk-endpoint circle{fill:#438eb9!important;stroke:none!important}.jtk-endpoint.wf-sel-ep circle{fill:red!important}", ""]);
|
|
167182
167716
|
// Exports
|
|
167183
167717
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
167184
167718
|
|
|
@@ -167750,7 +168284,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, "table[data-v-981ff2e2]{border-collapse
|
|
|
167750
168284
|
|
|
167751
168285
|
/***/ }),
|
|
167752
168286
|
|
|
167753
|
-
/***/
|
|
168287
|
+
/***/ 13114:
|
|
167754
168288
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
167755
168289
|
|
|
167756
168290
|
"use strict";
|
|
@@ -167764,7 +168298,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
167764
168298
|
|
|
167765
168299
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
167766
168300
|
// Module
|
|
167767
|
-
___CSS_LOADER_EXPORT___.push([module.id, "table[data-v-
|
|
168301
|
+
___CSS_LOADER_EXPORT___.push([module.id, "table[data-v-4c5b4236]{border-collapse:collapse}table tr td[data-v-4c5b4236]{border:1px solid #e2e2e2;padding:5px;height:40px;color:#555;font-size:12px;line-height:30px}table tr td em[data-v-4c5b4236]{color:red}table tr .tdBg[data-v-4c5b4236]{font-weight:700}[data-v-4c5b4236] .el-input__inner{height:35px!important;line-height:35px!important;font-size:12px}[data-v-4c5b4236] .el-textarea__inner{font-size:12px}[data-v-4c5b4236] .el-select{width:100%;display:inline-block;position:relative}[data-v-4c5b4236] .el-checkbox__label,[data-v-4c5b4236] .el-radio__label{font-size:12px;padding-left:5px}.tableBox table[data-v-4c5b4236]{border-collapse:collapse}.tableBox table th[data-v-4c5b4236]{background:#f2f2f2;border-bottom:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#ececec));background-image:linear-gradient(180deg,#f8f8f8 0,#ececec);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#fff8f8f8\",endColorstr=\"#ffececec\",GradientType=0);font-size:12px;padding:8px;line-height:1.42857143;color:#555;border:1px solid #e2e2e2}.tableBox table th .addbtn[data-v-4c5b4236],.tableBox table th .addbtn i[data-v-4c5b4236]{color:#337ab7;font-weight:700}.tableBox table tr[data-v-4c5b4236]:nth-of-type(odd){background:#f9f9f9}.tableBox table tr[data-v-4c5b4236]{cursor:pointer}.tableBox table td[data-v-4c5b4236],.tableBox table tr[data-v-4c5b4236]{font-size:12px;border:1px solid #e2e2e2}.tableBox table td[data-v-4c5b4236]{line-height:20px;height:35px;color:#555}.tableBox table td .deleteButton[data-v-4c5b4236]{color:#dd5a43;padding:2px 3px;border:1px solid transparent;border-radius:2px}.tableBox table td .deleteButton[data-v-4c5b4236]:hover{border:1px solid #abbac3;text-decoration:none}.tableBox table td .editButton[data-v-4c5b4236]{color:#478fca;padding:2px 3px;border:1px solid transparent;border-radius:2px}.tableBox table td .editButton[data-v-4c5b4236]:hover{border:1px solid #abbac3;text-decoration:none}.tableBox table td .disabledButton[data-v-4c5b4236]{color:#a9a9a9}.tableBox .el-row[data-v-4c5b4236]{margin-top:10px;padding:10px}.tableBox[data-v-4c5b4236] .el-checkbox__label{display:none}.tableBox .el-button-group[data-v-4c5b4236]{float:right;margin-top:-10px;margin-bottom:10px}.my-addon[data-v-4c5b4236]{position:absolute;top:0;right:0;height:35px;width:35px;background:#eee;text-align:center;line-height:35px;border-radius:5px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-4c5b4236] .el-button--mini{padding:0!important;line-height:20px;font-size:12px}", ""]);
|
|
167768
168302
|
// Exports
|
|
167769
168303
|
/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
|
|
167770
168304
|
|
|
@@ -262446,35 +262980,35 @@ var update = add("76ac6c2c", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
262446
262980
|
|
|
262447
262981
|
/***/ }),
|
|
262448
262982
|
|
|
262449
|
-
/***/
|
|
262983
|
+
/***/ 21510:
|
|
262450
262984
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
262451
262985
|
|
|
262452
262986
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
262453
262987
|
|
|
262454
262988
|
// load the styles
|
|
262455
|
-
var content = __webpack_require__(
|
|
262989
|
+
var content = __webpack_require__(4295);
|
|
262456
262990
|
if(content.__esModule) content = content.default;
|
|
262457
262991
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
262458
262992
|
if(content.locals) module.exports = content.locals;
|
|
262459
262993
|
// add the styles to the DOM
|
|
262460
262994
|
var add = (__webpack_require__(99548)/* ["default"] */ .A)
|
|
262461
|
-
var update = add("
|
|
262995
|
+
var update = add("6797039a", content, true, {"sourceMap":false,"shadowMode":false});
|
|
262462
262996
|
|
|
262463
262997
|
/***/ }),
|
|
262464
262998
|
|
|
262465
|
-
/***/
|
|
262999
|
+
/***/ 90250:
|
|
262466
263000
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
262467
263001
|
|
|
262468
263002
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
262469
263003
|
|
|
262470
263004
|
// load the styles
|
|
262471
|
-
var content = __webpack_require__(
|
|
263005
|
+
var content = __webpack_require__(75943);
|
|
262472
263006
|
if(content.__esModule) content = content.default;
|
|
262473
263007
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
262474
263008
|
if(content.locals) module.exports = content.locals;
|
|
262475
263009
|
// add the styles to the DOM
|
|
262476
263010
|
var add = (__webpack_require__(99548)/* ["default"] */ .A)
|
|
262477
|
-
var update = add("
|
|
263011
|
+
var update = add("25b0d8e4", content, true, {"sourceMap":false,"shadowMode":false});
|
|
262478
263012
|
|
|
262479
263013
|
/***/ }),
|
|
262480
263014
|
|
|
@@ -262894,19 +263428,19 @@ var update = add("4865ce3c", content, true, {"sourceMap":false,"shadowMode":fals
|
|
|
262894
263428
|
|
|
262895
263429
|
/***/ }),
|
|
262896
263430
|
|
|
262897
|
-
/***/
|
|
263431
|
+
/***/ 21465:
|
|
262898
263432
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
262899
263433
|
|
|
262900
263434
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
|
262901
263435
|
|
|
262902
263436
|
// load the styles
|
|
262903
|
-
var content = __webpack_require__(
|
|
263437
|
+
var content = __webpack_require__(13114);
|
|
262904
263438
|
if(content.__esModule) content = content.default;
|
|
262905
263439
|
if(typeof content === 'string') content = [[module.id, content, '']];
|
|
262906
263440
|
if(content.locals) module.exports = content.locals;
|
|
262907
263441
|
// add the styles to the DOM
|
|
262908
263442
|
var add = (__webpack_require__(99548)/* ["default"] */ .A)
|
|
262909
|
-
var update = add("
|
|
263443
|
+
var update = add("6cc2deec", content, true, {"sourceMap":false,"shadowMode":false});
|
|
262910
263444
|
|
|
262911
263445
|
/***/ }),
|
|
262912
263446
|
|
|
@@ -285012,7 +285546,7 @@ var asyncComponents = [
|
|
|
285012
285546
|
}],
|
|
285013
285547
|
// ========== 工作流设计器 + 系统设计器 ==========
|
|
285014
285548
|
['WflowDesigner', function () {
|
|
285015
|
-
return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__,
|
|
285549
|
+
return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 26687));
|
|
285016
285550
|
}], ['ImportWf', function () {
|
|
285017
285551
|
return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 76341));
|
|
285018
285552
|
}], ['WflowTrace', function () {
|
|
@@ -285088,7 +285622,7 @@ var WflowformModule = function WflowformModule() {
|
|
|
285088
285622
|
return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 90364));
|
|
285089
285623
|
};
|
|
285090
285624
|
var WflowDesignerModule = function WflowDesignerModule() {
|
|
285091
|
-
return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__,
|
|
285625
|
+
return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 26687));
|
|
285092
285626
|
};
|
|
285093
285627
|
var WflowTraceModule = function WflowTraceModule() {
|
|
285094
285628
|
return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 50106));
|