diff --git a/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.htm b/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.htm index 7966253b..d233cad8 100755 --- a/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.htm +++ b/com.actionsoft.apps.coe.pal/template/page/pal.pl.repository.designer.htm @@ -919,12 +919,12 @@
  • 全选
    Ctrl+A
    • - - - - - - +
  • 调整垂直间距 +
    +
    • +
  • 调整水平间距 +
    +
  • 创建连线 @@ -935,8 +935,8 @@
    • - - +
    +
    diff --git a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.core.js b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.core.js index dd612dd2..4a212f24 100755 --- a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.core.js +++ b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/extend/js/designer.extend.core.js @@ -1,5 +1,7 @@ // 右键菜单添加"属性"和"流程属性" 功能 Designer.contextMenu.show = function(x, y) { + $('#designer_subline1').hide() + $('#designer_subline2').hide() // 隐藏快捷调整间距辅助线 this.menuPos.x = x; this.menuPos.y = y; var menu = $("#designer_contextmenu"); diff --git a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.debug.js b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.debug.js index 26eecc08..38a7b9e3 100755 --- a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.debug.js +++ b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.debug.js @@ -71,15 +71,9 @@ Designer.addFunction("selectAll", function(){ /** * 设计器方法：调节垂直间距 */ -Designer.addFunction("selectVertical", function(menuPos){ - var selectedIds = []; - var lineArr = [] - var shapeArr = [] - var menuY = menuPos.y - var shapes = Model.define.elements; - console.log(shapes) - - var subline1 = $('#designer_subline1') +Designer.addFunction("selectVertical", function(menuPos) { + var sublinePos = menuPos.y + var subline1 = $('#designer_subline1') // 初始位置 var subline2 = $('#designer_subline2') subline1.css({ display : "block", @@ -89,7 +83,7 @@ Designer.addFunction("selectVertical", function(menuPos){ borderStyle:'dotted', borderWidth: '1px', left: 0, - top : menuY + top : sublinePos }); subline2.css({ display : "block", @@ -99,134 +93,534 @@ Designer.addFunction("selectVertical", function(menuPos){ borderStyle:'dotted', borderWidth: '1px', left: 0, - top : menuY, + top : sublinePos, cursor: 'move' }); + var obj = filterShapeAndLine('y',sublinePos) + var container = $("#canvas_container"); var canvas = $("#designer_canvas"); subline2.bind('mousedown.drag',function (b) { container.bind('mousemove.drag',function (e) { var newPos = Utils.getRelativePos(e.pageX, e.pageY, canvas); - if (newPos.y >= menuY) { + if (newPos.y >= sublinePos) { // 增加 subline1.css({ + borderColor: 'rgb(114,253,107)', backgroundColor: 'rgba(114,253,107,0.5)', - height: newPos.y - menuY + height: newPos.y - sublinePos }) subline2.css({ - backgroundColor: 'translate', + borderColor: 'rgb(114,253,107)', + backgroundColor: 'transparent', height: 0 }) - } else { + subline2.css({ + top : newPos.y, + }); + } else { // 减少 + let maxY = obj.passedShapesEdge - obj.sublineSideEdge > 0 ? obj.passedShapesEdge : obj.sublineSideEdge + if (newPos.y < maxY) { + newPos.y = maxY + } subline1.css({ - backgroundColor: 'translate', + borderColor: 'rgb(246,163,163)', + backgroundColor: 'transparent', height: 0 }) subline2.css({ + borderColor: 'rgb(246,163,163)', backgroundColor: 'rgba(246,163,163,0.5)', - height: menuY - newPos.y + height: sublinePos - newPos.y }) + subline2.css({ + top : newPos.y, + }); } - subline2.css({ - top : newPos.y, - }); $(document).unbind("mouseup.drop").bind("mouseup.drop", - function() { + function(e) { + var height1 = subline1.height() + var height2 = subline2.height() + if (height1 != 0 && height2 == 0) { // 增加 + moveShapeAndFile('y',sublinePos,height1) + } else if (height1 == 0 && height2 != 0) { // 减少 + moveShapeAndFile('y',sublinePos,0-height2) + } subline1.css({ - backgroundColor: 'translate', + borderColor: '#333', + backgroundColor: 'transparent', height: 0 }) subline2.css({ - backgroundColor: 'translate', + borderColor: '#333', + backgroundColor: 'transparent', height: 0 }) subline1.hide() subline2.hide() + $(document).unbind("mouseup.drop") }) }) $(document).bind('mouseup.drag',function () { container.unbind("mousemove.drag"); - // subline2.unbind("mousedown.drag"); + subline2.unbind("mousedown.drag"); $(document).unbind("mouseup.drag"); }) }) - - - for(var shapeId in shapes){ - if (shapes[shapeId].points == undefined) { - shapeArr.push(shapes[shapeId]) - } else { - lineArr.push(shapes[shapeId]) - } - } - - for (var i = 0; i < shapeArr.length; i++) { - if (shapeArr[i].props.y + shapeArr[i].props.h >= menuY) { - selectedIds.push(shapeArr[i].id) - } - } - for (var i = 0; i < lineArr.length; i++) { - if (lineArr[i].from.y >= menuY || lineArr[i].to.y >= menuY) { - selectedIds.push(lineArr[i].id) - } - } - // Utils.selectShape(selectedIds); - - - // for (var i = 0; i < selectedIds.length; i++) { - // N(selectedIds[i]) - // $(".shape_contour[forshape=" + selectedIds[i].id + "]").css({ - // left: selectedIds[i].props.x.toScale(), - // top: selectedIds[i].props.y.toScale() - // }) - // } - // var K = Utils.getSelectedLinkerIds(); - // if (selectedIds.length == 1 && K.length == 1) { - // return - // } - // if (K.length > 0) { - // var I = Utils.getSelectedIds(); - // Designer.painter.drawControls(I) - // } else { - // var E = $("#shape_controls"); - // E.css({ - // left: parseFloat(E.css("left")), - // top: parseFloat(E.css("top")) + 100 - // }) - // } - // var F = $("#shape_controls").position(); - // if (F && Utils.getSelected().length > 0) { - // Designer.op.showTip("X: " + Math.round(F.left.restoreScale()) + "  Y: " + Math.round(F.top.restoreScale())); - // } - // function N(a) { - // a.props.x += 0; - // a.props.y += 100; - // var b = $("#" + a.id); - // b.css({ - // left: parseFloat(b.css("left")), - // top: parseFloat(b.css("top")) + 100 - // }) - // } }); + +/* + 整体思路(以上下移动举例) + 根据辅助线的位置分为三种: + 1. 没有穿过图形, 这种直接移动图形和线就行 + 2. 穿过辅助线上半部分, 这种情况该图形需要移动, 并且该图形上的起点(终点)也要移动, 和起点(终点)在同一水平线的拐点也要移动 + 3. 穿过辅助线下半部分,这种情况图形不需要移动,该图形上的起点(终点)不需要移动, 和起点(终点)在同一水平线的拐点不需要移动 + 含有泳池泳道时要改变泳池泳道的高(宽) + */ + +function isLineBelowOrRight(line,type,pos) { + let flag = false + if(line.from[type] > pos) { + flag = true + } + if(line.to[type] > pos) { + flag = true + } + for (let i = 0; i < line.points.length; i++) { + if (line.points[i][type] > pos) { + flag = true + } + } + return flag +} + +function filterShapeAndLine(type,sublinePos) { + var elements = Model.define.elements; + var shapeArr = [] + var lineArr = [] + var laneArr = [] // 泳池泳道 + var passedShapes = [] // 穿过辅助线上(左)半部分的图形 要移动 + var passedMoreShapes = [] // 穿过辅助线下(右)半部分的图形 不要移动 + var passedShapesEdge = 0 + var sublineSideShape = [] // 辅助线上(左)的图形 + var sublineSideEdge = 0 + var movingShapes = []; // 移动的图形 + var movingLines = [] + + + for(let shapeId in elements) { + if (elements[shapeId].points == undefined) { + shapeArr.push(elements[shapeId]) + } else { + lineArr.push(elements[shapeId]) + } + if(elements[shapeId].category == 'lane') { + laneArr.push(elements[shapeId]) + } + } + for (let i = 0; i < shapeArr.length; i++) { + if(type == 'x') { + if (shapeArr[i].props[type] >= sublinePos) { + movingShapes.push(shapeArr[i]) + } else if(shapeArr[i].props.x + shapeArr[i].props.w/2>= sublinePos) { + passedShapes.push(shapeArr[i]) + movingShapes.push(shapeArr[i]) + } else if(shapeArr[i].props.x + shapeArr[i].props.w/2 < sublinePos && shapeArr[i].props.x + shapeArr[i].props.w > sublinePos) { + passedMoreShapes.push(shapeArr[i]) + } + else { + sublineSideShape.push(shapeArr[i]) + } + } else if(type == 'y') { + if (shapeArr[i].props[type] >= sublinePos) { // 辅助线以下 + movingShapes.push(shapeArr[i]) + } else if(shapeArr[i].props.y + shapeArr[i].props.h/2>= sublinePos) { // 辅助线穿过图形上半 + passedShapes.push(shapeArr[i]) + movingShapes.push(shapeArr[i]) + } else if(shapeArr[i].props.y + shapeArr[i].props.h/2 < sublinePos && shapeArr[i].props.y + shapeArr[i].props.h > sublinePos) { + passedMoreShapes.push(shapeArr[i]) + } + else { + sublineSideShape.push(shapeArr[i]) + } + } + } + for (let i = 0; i < lineArr.length; i++) { + let index = movingLines.findIndex(item => item.id == lineArr[i].id) + if(isLineBelowOrRight(lineArr[i],type,sublinePos) && index == -1) { + movingLines.push(lineArr[i]) + } + } + + if (sublineSideShape.length > 0 && type == 'y') { + sublineSideEdge = Math.max.apply(Math,sublineSideShape.map(item => { return (item.props.y + item.props.h) })) + } else if (sublineSideShape.length > 0 && type == 'x') { + sublineSideEdge = Math.max.apply(Math,sublineSideShape.map(item => { return (item.props.x + item.props.w) })) + } + if (passedShapes.concat(passedMoreShapes).length > 0) { + passedShapesEdge = Math.max.apply(Math,passedShapes.concat(passedMoreShapes).map(item => { return item.props[type] })) + } + if (passedShapes.length > 0) { + // 获取选中形状上的连接线 + let linkers = Utils.getOutlinkers(passedShapes); + for (let i = 0; i < linkers.length; i++) { + if (movingLines.findIndex(item => item.id == linkers[i].id) == -1) { // 形状关联的线不存在 + movingLines.push(linkers[i]) + } + } + } + + return { + passedShapes, + passedMoreShapes, + passedShapesEdge, + sublineSideEdge, + movingShapes, + movingLines, + laneArr + } +} + +function moveShapeAndFile(type,sublinePos,movedDistance) { + var obj = filterShapeAndLine(type,sublinePos) + var movingLines = obj.movingLines + var movingShapes = obj.movingShapes + var passedShapes = obj.passedShapes + var passedMoreShapes = obj.passedMoreShapes + var laneArr = obj.laneArr + + for (let i = 0; i < movingLines.length; i++) { + let fromIndex = passedShapes.findIndex(item => item.id == movingLines[i].from.id) + let toIndex = passedShapes.findIndex(item => item.id == movingLines[i].to.id) + + let moreFromIndex = passedMoreShapes.findIndex(item => item.id == movingLines[i].from.id) + let moreToIndex = passedMoreShapes.findIndex(item => item.id == movingLines[i].to.id) + + for (let j = 0; j < movingLines[i].points.length; j++) { + if(movingLines[i].points[j][type] > sublinePos ) { + movingLines[i].points[j][type] += movedDistance + } + } + + if (movingLines[i].from[type] > sublinePos && moreFromIndex == -1) { + movingLines[i].from[type] += movedDistance + } else if(movingLines[i].from[type] <= sublinePos && fromIndex !== -1) { + for (let j = 0; j < movingLines[i].points.length; j++) { + if(movingLines[i].points[j][type] == movingLines[i].from[type]) { + movingLines[i].points[j][type] += movedDistance + } + } + movingLines[i].from[type] += movedDistance + } + if (movingLines[i].to[type] > sublinePos && moreToIndex == -1) { + movingLines[i].to[type] += movedDistance + } else if(passedShapes.length > 0 && movingLines[i].to[type] <= sublinePos && toIndex !== -1) { + for (let j = 0; j < movingLines[i].points.length; j++) { + if(movingLines[i].points[j][type] == movingLines[i].to[type]) { + movingLines[i].points[j][type] += movedDistance + } + } + movingLines[i].to[type] += movedDistance + } + Designer.painter.renderLinker(movingLines[i]) + } + + if(laneArr.length == 0) { + if(type == 'y') { + Designer.op.moveShape(movingShapes,{ + x: 0, + y: movedDistance + }) + } else if(type == 'x') { + Designer.op.moveShape(movingShapes,{ + x: movedDistance, + y: 0 + }) + } + Designer.op.hideTip(); + Utils.unselect(); + + var movedArr = movingShapes.concat(movingLines) + if (movedArr.length > 0) { + Model.updateMulti(movedArr); + } + } else { + moveLanes(type,sublinePos,movedDistance) + } +} + +function moveLanes(type,sublinePos,movedDistance) { + var obj = filterShapeAndLine(type,sublinePos) + var movingLines = obj.movingLines + var movingShapes = obj.movingShapes + var laneArr = obj.laneArr + var laneGroupArr = [] + var changedLanes = [] + + for (let i = 0; i < laneArr.length; i++) { + if(laneArr[i].parent == '') { + laneGroupArr.push({ + id: laneArr[i].id, + name: laneArr[i].name, + isPassed: false, + lanes: [laneArr[i]], + changed: [] + }) + } + } + for (let i = 0; i < laneGroupArr.length; i++) { + for (let j = 0; j < laneArr.length; j++) { + if (laneGroupArr[i].id == laneArr[j].parent) { + laneGroupArr[i].lanes.push(laneArr[j]) + } + } + } + + laneGroupArr.forEach(group => { + let index1 = group.lanes.findIndex(item => item.parent == '') + let index2 = group.lanes.findIndex(item => item.name == 'verticalSeparatorBar') + let index3 = group.lanes.findIndex(item => item.name == 'horizontalSeparatorBar') + let parent = group.lanes[index1] + let verticalSeparatorBar = group.lanes[index2]; + let horizontalSeparatorBar = group.lanes[index3]; + if(type == 'x') { + let flag = parent.props.x < sublinePos && parent.props.x + parent.props.w > sublinePos + let flag1 = verticalSeparatorBar !== undefined && verticalSeparatorBar.props.x < sublinePos && verticalSeparatorBar.props.x + verticalSeparatorBar.props.w > sublinePos + let flag2 = parent.props.x < sublinePos && parent.props.x + parent.textBlock.w > sublinePos + if(group.name == 'verticalPool') { // 垂直泳池含有'阶段' 辅助线在'阶段' 泳池不需要移动 + group.isPassed = flag && !flag1 + } else if(group.name == 'horizontalPool') { // 水平泳池 辅助线位置在泳池title处 泳池不需要移动 + group.isPassed = flag && !flag2 + } + group.lanes.forEach(item => { + if(item.props.x + item.props.w > sublinePos) { + group.changed.push(item) + } + }) + } else if(type == 'y') { + let flag = parent.props.y < sublinePos && parent.props.y + parent.props.h > sublinePos + let flag1 = horizontalSeparatorBar !== undefined && horizontalSeparatorBar.props.y < sublinePos && horizontalSeparatorBar.props.y + horizontalSeparatorBar.props.h > sublinePos + let flag2 = parent.props.y < sublinePos && parent.props.y + parent.textBlock.h > sublinePos + if(group.name == 'verticalPool') { // 垂直泳池 辅助线位置在泳池title处 泳池不需要移动 + group.isPassed = flag && !flag2 + } else if(group.name == 'horizontalPool') { // 水平泳池 含有'阶段' 辅助线在'阶段' 泳池不需要移动 + group.isPassed = flag && !flag1 + } + group.lanes.forEach(item => { + if(item.props.y + item.props.h > sublinePos) { + group.changed.push(item) + } + }) + } + }) + + if(type == 'x') { + Designer.op.moveShape(movingShapes.filter(item => item.category !== 'lane'),{ + x: movedDistance, + y: 0 + }) + laneGroupArr.forEach(group => { + group.changed.forEach(item => { + if (!group.isPassed) { + item.props.x += movedDistance + } else if(group.isPassed) { + if(group.name == 'verticalPool') { + switch (item.name) { + case 'verticalPool': + item.props.w += movedDistance + break + case 'verticalLane': + item.props.w += (item.props.x < sublinePos && item.props.x + item.props.w > sublinePos) ? movedDistance : 0 + item.props.x += item.props.x > sublinePos ? movedDistance : 0 + break + case 'horizontalSeparator' : + item.props.w += movedDistance + break + } + } + if(group.name == 'horizontalPool') { + switch (item.name) { + case 'horizontalPool' : + item.props.w += movedDistance + break + case 'horizontalLane' : + item.props.w += movedDistance + break + case 'verticalSeparator' : + item.props.w += (item.props.x < sublinePos && item.props.x + item.props.w > sublinePos) ? movedDistance : 0 + item.props.x += item.props.x > sublinePos ? movedDistance : 0 + break + case 'horizontalSeparatorBar': + item.props.w += movedDistance + } + } + } + changedLanes.push(item) + Designer.painter.renderShape(item); + }) + }) + } else if(type == 'y') { + Designer.op.moveShape(movingShapes.filter(item => item.category !== 'lane'),{ + x: 0, + y: movedDistance + }) + laneGroupArr.forEach(group => { + group.changed.forEach(item => { + if(!group.isPassed) { + item.props.y += movedDistance + } else if(group.isPassed) { + if(group.name == 'verticalPool') { + switch (item.name) { + case 'verticalPool' : + item.props.h += movedDistance + break + case 'verticalLane' : + item.props.h += movedDistance + break + case 'horizontalSeparator': + item.props.h += (item.props.y < sublinePos && item.props.y + item.props.h > sublinePos) ? movedDistance : 0 + item.props.y += item.props.y > sublinePos ? movedDistance : 0 + break + case 'verticalSeparatorBar' : + item.props.h += movedDistance + break + } + } + if(group.name == 'horizontalPool') { + switch (item.name) { + case 'horizontalPool' : + item.props.h += movedDistance + break + case 'horizontalLane': + item.props.h += (item.props.y < sublinePos && item.props.y + item.props.h > sublinePos) ? movedDistance : 0 + item.props.y += item.props.y > sublinePos ? movedDistance : 0 + break + case 'verticalSeparator' : + item.props.h += movedDistance + break + } + } + } + changedLanes.push(item) + Designer.painter.renderShape(item); + }) + }) + } + + Designer.op.hideTip(); + Utils.unselect(); + + var movedArr = movingShapes.filter(item => item.category !== 'lane').concat(changedLanes).concat(movingLines) + if (movedArr.length > 0) { + Model.updateMulti(movedArr); + } + +} + /** * 设计器方法：调节水平间距 */ -Designer.addFunction("selectHorizontal", function(menuPos){ - var menuX = menuPos.x - let subline = $('#designer_subline') - console.log(subline) - subline.css({ +Designer.addFunction("selectHorizontal", function(menuPos) { + var sublinePos = menuPos.x + var subline1 = $('#designer_subline1') // 初始位置 + var subline2 = $('#designer_subline2') + subline1.css({ display : "block", "z-index" : Model.orderList.length + 4, width: 0, - height: Model.define.page.height, + height: Model.define.page.width, borderStyle:'dotted', borderWidth: '1px', - left: menuX, - top :0, + left: sublinePos, + top : 0 }); + subline2.css({ + display : "block", + "z-index" : Model.orderList.length + 5, + width: 0, + height: Model.define.page.width, + borderStyle:'dotted', + borderWidth: '1px', + left: sublinePos, + top : 0, + cursor: 'move' + }); + var obj = filterShapeAndLine('x',sublinePos) + + var container = $("#canvas_container"); + var canvas = $("#designer_canvas"); + + subline2.bind('mousedown.drag',function (b) { + container.bind('mousemove.drag',function (e) { + var newPos = Utils.getRelativePos(e.pageX, e.pageY, canvas); + if (newPos.x >= sublinePos) { // 增加 + subline1.css({ + borderColor: 'rgb(114,253,107)', + backgroundColor: 'rgba(114,253,107,0.5)', + width: newPos.x - sublinePos + }) + subline2.css({ + borderColor: 'rgb(114,253,107)', + backgroundColor: 'transparent', + width: 0 + }) + subline2.css({ + left : newPos.x, + }); + } else { // 减少 + let max = obj.passedShapesEdge - obj.sublineSideEdge > 0 ? obj.passedShapesEdge : obj.sublineSideEdge + if (newPos.x < max) { + newPos.x = max + } + subline1.css({ + borderColor: 'rgb(246,163,163)', + backgroundColor: 'transparent', + width: 0 + }) + subline2.css({ + borderColor: 'rgb(246,163,163)', + backgroundColor: 'rgba(246,163,163,0.5)', + width: sublinePos - newPos.x + }) + subline2.css({ + left : newPos.x, + }); + } + $(document).unbind("mouseup.drop").bind("mouseup.drop", + function(e) { + var width1 = subline1.width() + var width2 = subline2.width() + if(width1 != 0 && width2 == 0) { // 增加 + moveShapeAndFile('x',sublinePos,width1) + } else if(width1 == 0 && width2 != 0) { // 减少 + moveShapeAndFile('x',sublinePos,0-width2) + } + + + subline1.css({ + borderColor: '#333', + backgroundColor: 'transparent', + width: 0 + }) + subline2.css({ + borderColor: '#333', + backgroundColor: 'transparent', + width: 0 + }) + subline1.hide() + subline2.hide() + + $(document).unbind("mouseup.drop") + }) + }) + $(document).bind('mouseup.drag',function () { + container.unbind("mousemove.drag"); + subline2.unbind("mousedown.drag"); + $(document).unbind("mouseup.drag"); + }) + }) }); /** diff --git a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.js b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.js index be6822da..63de27aa 100755 --- a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.js +++ b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.methods.js @@ -1 +1 @@ -Designer.addFunction("open",function(definition){if(definition==""){return}if(typeof definition=="string"){eval("definition = "+definition)}$(".shape_box").remove();Model.define.elements={};Model.persistence.elements={};Model.define.page=definition.page;Model.define.processProperties=definition.processProperties;Model.define.processDocument=definition.processDocument;Model.define.uuid=definition.uuid;process.title=definition.title;Model.persistence.page=Utils.copy(definition.page);Designer.initialize.initCanvas();var shapes=definition.elements;var shapeCount=0;for(var shapeId in shapes){var shape=shapes[shapeId];if(shape.name!="linker"){Schema.initShapeFunctions(shape);Designer.painter.renderShape(shape);Model.add(shape,false)}shapeCount++}for(var shapeId in shapes){var shape=shapes[shapeId];if(shape.name=="linker"){Designer.painter.renderLinker(shape);Model.add(shape,false)}}if(shapeCount==0){Model.build()}Navigator.draw()});Designer.addFunction("selectAll",function(){var a=Model.define.elements;var b=[];for(var c in a){b.push(c)}Utils.selectShape(b)});Designer.addFunction("setFontStyle",function(d){var c=Utils.getSelected();if(c.length==0){return}for(var b=0;b1){Designer.painter.drawControls(a)}Model.updateMulti(f);Utils.showLinkerControls()});Designer.addFunction("matchSize",function(l){var c=Utils.getSelected();if(c.length==0||!l){return}var b=null;var h=null;var k=[];for(var e=0;eb){b=g.props.w}if(h==null||g.props.h>h){h=g.props.h}}}if(l.w=="auto"){l.w=b}if(l.h=="auto"){l.h=h}Utils.removeAnchors();var d=[];for(var e=0;e=0;j--){var l=h[j];b-=1;l.props.zindex=b}}else{if(m=="backward"){var a=null;var q=null;for(var j=0;j=0;u--){var i=Model.orderList[u];if(i.zindex>=s.props.zindex||Utils.isSelected(i.id)){continue}var t=Model.getShapeById(i.id);var r=Utils.getShapeBox(t);if(Utils.rectCross(v,r)){return t}}return null}});Designer.addFunction("group",function(){var d=Utils.getSelected();if(d.length<2){return}var c=Utils.newId();for(var b=0;b4){e=4}Utils.hideLinkerCursor();Designer.config.scale=e;Designer.initialize.initCanvas();for(var d in Model.define.elements){var b=Model.define.elements[d];Designer.painter.renderShape(b)}var a=Utils.getSelectedIds();var c=Utils.getSelectedLockedIds();Utils.mergeArray(a,c);Utils.unselect();Utils.selectShape(a);Utils.showLinkerCursor()});Designer.addFunction("setShapeProps",function(h){var b=Utils.getSelected();if(b.length==0||!h){return}var c=[];var k=[];for(var d=0;d0){Model.updateMulti(c)}var f=Utils.getSelectedIds();Utils.unselect();Utils.selectShape(f)});Designer.addFunction("addDataAttribute",function(a){var c=Utils.getSelectedIds();var b=Model.getShapeById(c[0]);if(!b.dataAttributes){b.dataAttributes=[]}a.id=Utils.newId();a.category="custom";b.dataAttributes.push(a);MessageSource.doWithoutUpdateDock(function(){Model.update(b)})});Designer.addFunction("updateDataAttribute",function(f){var c=Utils.getSelectedIds();var b=Model.getShapeById(c[0]);if(!b.dataAttributes){b.dataAttributes=[]}var e=false;for(var d=0;dr&&(i=!0),e.to[t]>r&&(i=!0);for(let n=0;nr&&(i=!0);return i}function filterShapeAndLine(e,t){var r=Model.define.elements,i=[],n=[],o=[],a=[],l=[],s=0,d=[],p=0,h=[],g=[];for(let e in r)null==r[e].points?i.push(r[e]):n.push(r[e]),"lane"==r[e].category&&o.push(r[e]);for(let r=0;r=t?h.push(i[r]):i[r].props.x+i[r].props.w/2>=t?(a.push(i[r]),h.push(i[r])):i[r].props.x+i[r].props.w/2t?l.push(i[r]):d.push(i[r]):"y"==e&&(i[r].props[e]>=t?h.push(i[r]):i[r].props.y+i[r].props.h/2>=t?(a.push(i[r]),h.push(i[r])):i[r].props.y+i[r].props.h/2t?l.push(i[r]):d.push(i[r]));for(let r=0;re.id==n[r].id);isLineBelowOrRight(n[r],e,t)&&-1==i&&g.push(n[r])}if(d.length>0&&"y"==e?p=Math.max.apply(Math,d.map(e=>e.props.y+e.props.h)):d.length>0&&"x"==e&&(p=Math.max.apply(Math,d.map(e=>e.props.x+e.props.w))),a.concat(l).length>0&&(s=Math.max.apply(Math,a.concat(l).map(t=>t.props[e]))),a.length>0){let e=Utils.getOutlinkers(a);for(let t=0;tr.id==e[t].id)&&g.push(e[t])}return{passedShapes:a,passedMoreShapes:l,passedShapesEdge:s,sublineSideEdge:p,movingShapes:h,movingLines:g,laneArr:o}}function moveShapeAndFile(e,t,r){var i=filterShapeAndLine(e,t),n=i.movingLines,o=i.movingShapes,a=i.passedShapes,l=i.passedMoreShapes,s=i.laneArr;for(let i=0;ie.id==n[i].from.id),s=a.findIndex(e=>e.id==n[i].to.id),d=l.findIndex(e=>e.id==n[i].from.id),p=l.findIndex(e=>e.id==n[i].to.id);for(let o=0;ot&&(n[i].points[o][e]+=r);if(n[i].from[e]>t&&-1==d)n[i].from[e]+=r;else if(n[i].from[e]<=t&&-1!==o){for(let t=0;tt&&-1==p)n[i].to[e]+=r;else if(a.length>0&&n[i].to[e]<=t&&-1!==s){for(let t=0;t0&&Model.updateMulti(d)}else moveLanes(e,t,r)}function moveLanes(e,t,r){var i=filterShapeAndLine(e,t),n=i.movingLines,o=i.movingShapes,a=i.laneArr,l=[],s=[];for(let e=0;e{let i=r.lanes.findIndex(e=>""==e.parent),n=r.lanes.findIndex(e=>"verticalSeparatorBar"==e.name),o=r.lanes.findIndex(e=>"horizontalSeparatorBar"==e.name),a=r.lanes[i],l=r.lanes[n],s=r.lanes[o];if("x"==e){let e=a.props.xt,i=void 0!==l&&l.props.xt,n=a.props.xt;"verticalPool"==r.name?r.isPassed=e&&!i:"horizontalPool"==r.name&&(r.isPassed=e&&!n),r.lanes.forEach(e=>{e.props.x+e.props.w>t&&r.changed.push(e)})}else if("y"==e){let e=a.props.yt,i=void 0!==s&&s.props.yt,n=a.props.yt;"verticalPool"==r.name?r.isPassed=e&&!n:"horizontalPool"==r.name&&(r.isPassed=e&&!i),r.lanes.forEach(e=>{e.props.y+e.props.h>t&&r.changed.push(e)})}}),"x"==e?(Designer.op.moveShape(o.filter(e=>"lane"!==e.category),{x:r,y:0}),l.forEach(e=>{e.changed.forEach(i=>{if(e.isPassed){if(e.isPassed){if("verticalPool"==e.name)switch(i.name){case"verticalPool":i.props.w+=r;break;case"verticalLane":i.props.w+=i.props.xt?r:0,i.props.x+=i.props.x>t?r:0;break;case"horizontalSeparator":i.props.w+=r}if("horizontalPool"==e.name)switch(i.name){case"horizontalPool":case"horizontalLane":i.props.w+=r;break;case"verticalSeparator":i.props.w+=i.props.xt?r:0,i.props.x+=i.props.x>t?r:0;break;case"horizontalSeparatorBar":i.props.w+=r}}}else i.props.x+=r;s.push(i),Designer.painter.renderShape(i)})})):"y"==e&&(Designer.op.moveShape(o.filter(e=>"lane"!==e.category),{x:0,y:r}),l.forEach(e=>{e.changed.forEach(i=>{if(e.isPassed){if(e.isPassed){if("verticalPool"==e.name)switch(i.name){case"verticalPool":case"verticalLane":i.props.h+=r;break;case"horizontalSeparator":i.props.h+=i.props.yt?r:0,i.props.y+=i.props.y>t?r:0;break;case"verticalSeparatorBar":i.props.h+=r}if("horizontalPool"==e.name)switch(i.name){case"horizontalPool":i.props.h+=r;break;case"horizontalLane":i.props.h+=i.props.yt?r:0,i.props.y+=i.props.y>t?r:0;break;case"verticalSeparator":i.props.h+=r}}}else i.props.y+=r;s.push(i),Designer.painter.renderShape(i)})})),Designer.op.hideTip(),Utils.unselect();var d=o.filter(e=>"lane"!==e.category).concat(s).concat(n);d.length>0&&Model.updateMulti(d)}function addDefaultSchemaShape(){Schema.addCategory({name:"standard",text:"Standard",dataAttributes:[]}),Schema.addShape({name:"standardText",title:"",text:"",category:"standard",attribute:{linkable:!1},props:{w:160,h:40},anchors:[],textBlock:{x:0,y:0,w:"w",h:"h"},path:[{lineStyle:{lineWidth:0},fillStyle:{type:"none"},actions:{ref:"rectangle"}}]}),Schema.addShape({name:"standardImage",title:"",text:"",attribute:{linkable:!1,editable:!1,visible:!1},category:"standard",props:{w:100,h:70},path:[{lineStyle:{lineWidth:0},actions:{ref:"rectangle"}}]}),Schema.addShape({name:"standardRectangle",title:"",text:"",attribute:{visible:!1},category:"standard",props:{w:100,h:70},path:[{actions:{ref:"rectangle"}}]})}Designer.addFunction("open",function(definition){if(""!=definition){"string"==typeof definition&&eval("definition = "+definition),$(".shape_box").remove(),Model.define.elements={},Model.persistence.elements={},Model.define.page=definition.page,Model.define.processProperties=definition.processProperties,Model.define.processDocument=definition.processDocument,Model.define.uuid=definition.uuid,process.title=definition.title,Model.persistence.page=Utils.copy(definition.page),Designer.initialize.initCanvas();var shapes=definition.elements,shapeCount=0;for(var shapeId in shapes){var shape=shapes[shapeId];"linker"!=shape.name&&(Schema.initShapeFunctions(shape),Designer.painter.renderShape(shape),Model.add(shape,!1)),shapeCount++}for(var shapeId in shapes){var shape=shapes[shapeId];"linker"==shape.name&&(Designer.painter.renderLinker(shape),Model.add(shape,!1))}0==shapeCount&&Model.build(),Navigator.draw()}}),Designer.addFunction("selectAll",function(){var e=Model.define.elements,t=[];for(var r in e)t.push(r);Utils.selectShape(t)}),Designer.addFunction("selectVertical",function(e){var t=e.y,r=$("#designer_subline1"),i=$("#designer_subline2");r.css({display:"block","z-index":Model.orderList.length+4,width:Model.define.page.width,height:0,borderStyle:"dotted",borderWidth:"1px",left:0,top:t}),i.css({display:"block","z-index":Model.orderList.length+5,width:Model.define.page.width,height:0,borderStyle:"dotted",borderWidth:"1px",left:0,top:t,cursor:"move"});var n=filterShapeAndLine("y",t),o=$("#canvas_container"),a=$("#designer_canvas");i.bind("mousedown.drag",function(e){o.bind("mousemove.drag",function(e){var o=Utils.getRelativePos(e.pageX,e.pageY,a);if(o.y>=t)r.css({borderColor:"rgb(114,253,107)",backgroundColor:"rgba(114,253,107,0.5)",height:o.y-t}),i.css({borderColor:"rgb(114,253,107)",backgroundColor:"transparent",height:0}),i.css({top:o.y});else{let e=n.passedShapesEdge-n.sublineSideEdge>0?n.passedShapesEdge:n.sublineSideEdge;o.y=t)r.css({borderColor:"rgb(114,253,107)",backgroundColor:"rgba(114,253,107,0.5)",width:o.x-t}),i.css({borderColor:"rgb(114,253,107)",backgroundColor:"transparent",width:0}),i.css({left:o.x});else{let e=n.passedShapesEdge-n.sublineSideEdge>0?n.passedShapesEdge:n.sublineSideEdge;o.x1&&Designer.painter.drawControls(o),Model.updateMulti(r),Utils.showLinkerControls()}}),Designer.addFunction("matchSize",function(e){var t=Utils.getSelected();if(0!=t.length&&e){for(var r=null,i=null,n=[],o=0;or)&&(r=l.props.w),(null==i||l.props.h>i)&&(i=l.props.h))}"auto"==e.w&&(e.w=r),"auto"==e.h&&(e.h=i),Utils.removeAnchors();var a=[];for(o=0;o=0;i--){r-=1,(g=t[i]).props.zindex=r}}else if("backward"==e){var p=null;for(o=null,i=0;i=0;r--){var i=Model.orderList[r];if(!(i.zindex>=e.props.zindex||Utils.isSelected(i.id))){var n=Model.getShapeById(i.id),o=Utils.getShapeBox(n);if(Utils.rectCross(t,o))return n}}return null}}),Designer.addFunction("group",function(){var e=Utils.getSelected();if(!(e.length<2)){for(var t=Utils.newId(),r=0;r4&&(e=4),Utils.hideLinkerCursor(),Designer.config.scale=e,Designer.initialize.initCanvas(),Model.define.elements){var r=Model.define.elements[t];Designer.painter.renderShape(r)}var i=Utils.getSelectedIds(),n=Utils.getSelectedLockedIds();Utils.mergeArray(i,n),Utils.unselect(),Utils.selectShape(i),Utils.showLinkerCursor()}),Designer.addFunction("setShapeProps",function(e){var t=Utils.getSelected();if(0!=t.length&&e){for(var r=[],i=[],n=0;n0&&Model.updateMulti(r);var d=Utils.getSelectedIds();Utils.unselect(),Utils.selectShape(d)}}),Designer.addFunction("addDataAttribute",function(e){var t=Utils.getSelectedIds(),r=Model.getShapeById(t[0]);r.dataAttributes||(r.dataAttributes=[]),e.id=Utils.newId(),e.category="custom",r.dataAttributes.push(e),MessageSource.doWithoutUpdateDock(function(){Model.update(r)})}),Designer.addFunction("updateDataAttribute",function(e){var t=Utils.getSelectedIds(),r=Model.getShapeById(t[0]);r.dataAttributes||(r.dataAttributes=[]);for(var i=!1,n=0;n