From f89954553f9bf76c13db04a797112191cbc25b2f Mon Sep 17 00:00:00 2001 From: chengli <783535094@qq.com> Date: Fri, 8 Jul 2022 11:21:09 +0800 Subject: [PATCH] =?UTF-8?q?js=E6=96=87=E4=BB=B6=E5=A4=84=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../scripts/diagraming/designer.core.js | 9405 ++++++++++++++++- .../scripts/diagraming/designer.ui.js | 4578 +++++++- 2 files changed, 13981 insertions(+), 2 deletions(-) diff --git a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.js b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.js index 1cea6614..47db1b2d 100755 --- a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.js +++ b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.core.js @@ -1 +1,9404 @@ -Schema.init(true);Schema.initMarkers();$(function(){if(role=="trial"){Designer.status="demo"}else{if(role=="viewer"){Designer.status="readonly"}else{if(role=="running"){Designer.status="running"}}}Designer.init();UI.init();Dock.init();Navigator.init();if(Designer.status=="readonly"){Designer.setReadonly(true);$("#moreShapes").hide();Customize.init();return}if(Designer.status=="demo"){UI.gettingStart()}});var Designer={config:{panelItemWidth:30,panelItemHeight:30,pageMargin:10,anchorSize:8,rotaterSize:9,anchorColor:"#833",selectorColor:"#833",scale:1},status:"",initialize:{initialized:false,initLayout:function(){$(window).bind("resize.designer",function(){showPainting();var b=$(window).height()-$("#designer_header").outerHeight()-$("#designer_footer").outerHeight();$(".layout").height(b);if($("#demo_signup").length){$("#designer_layout").height(b-$("#demo_signup").outerHeight())}});$(window).trigger("resize.designer")},initModel:function(){Model.define={page:Utils.copy(Schema.pageDefaults),elements:{}};if(definition!=undefined&&definition.localAttribute!=undefined){Model.define.localAttribute=definition.localAttribute}else{Model.define.localAttribute={}}if(definition!=undefined&&definition.commonShapeConfig!=undefined){Model.define.commonShapeConfig=definition.commonShapeConfig}else{Model.define.commonShapeConfig={}}Model.persistence={page:Utils.copy(Schema.pageDefaults),elements:{},localAttribute:{},commonShapeConfig:{}}},initCanvas:function(){var q=Model.define.page.width.toScale();var v=Model.define.page.height.toScale();var B=Model.define.page.backgroundColor;var s=Utils.getDarkerColor(B);var A=Utils.getDarkestColor(B);$("#designer_canvas").css({"background-color":"rgb("+s+")"});var w=$("#designer_grids");w.attr({width:q,height:v});var h=w[0].getContext("2d");h.clearRect(0,0,q,v);var r=Model.define.page.padding.toScale();var y=q-r*2;var p=v-r*2;h.fillStyle="rgb("+B+")";h.beginPath();h.rect(r,r,y,p);h.fill();var x=Math.round(Model.define.page.gridSize.toScale());if(x<10){x=10}if(Model.define.page.showGrid){h.translate(r,r);h.lineWidth=1;h.save();var t=0.5;var u=0;while(t<=p){h.restore();if(u%4==0){h.strokeStyle="rgb("+A+")"}else{h.strokeStyle="rgb("+s+")"}h.beginPath();h.moveTo(0,t);h.lineTo(y,t);t+=x;u++;h.stroke()}t=0.5;u=0;while(t<=y){h.restore();if(u%4==0){h.strokeStyle="rgb("+A+")"}else{h.strokeStyle="rgb("+s+")"}h.beginPath();h.moveTo(t,0);h.lineTo(t,p);t+=x;u++;h.stroke()}}$("#canvas_container").css({width:q,height:v,padding:Designer.config.pageMargin});if(!this.initialized){$("#designer_layout").scrollTop(Designer.config.pageMargin-10);$("#designer_layout").scrollLeft(Designer.config.pageMargin-10)}var z=$("#bar_list_page").children("li[ac=set_page_showgrid]");z.menuitem("unselect");if(Model.define.page.showGrid){z.menuitem("select")}},initShapes:function(){$("#shape_panel").empty();for(var o=0;o

"+n.text+"

")}$(".panel_title").unbind().bind("click",function(){$(this).parent().toggleClass("panel_collapsed")});for(var s in Schema.shapes){var l=Schema.shapes[s];if(l.attribute.visible&&l.category!="standard"){if((l.category=="process_bpmn2"||l.category=="process.bpmn2"||l.category=="bpmn")&&checkRunningTimeShape(l)){continue}if(!l.groupName){p(l)}else{var i=SchemaGroup.getGroup(l.groupName);if(i[0]==s){p(l,l.groupName)}}}}function p(b,d){b=Utils.copy(b);var e="
";var c=$(e).appendTo("#panel_"+b.category);if(d){c.append("
")}var a=c.children()[0];c.bind("mouseenter",function(){if($(this).hasClass("readonly")){return}var h=$("#shape_thumb");var title=b.title;var category=b.category;if(b.category=="bpmn"){category='process_bpmn2'}if(category=='lane'){category=methodId}category=category.replace(/_/g,".");if(methodObjectDesc[category+'-'+b.name]){title+=('：'+methodObjectDesc[category+'-'+b.name])}h.children("div").text(title);var j=h.children("canvas")[0].getContext("2d");var A={x:0,y:0,w:b.props.w,h:b.props.h,angle:b.props.angle};var y=160;var k=160;j.clearRect(0,0,y,k);if(b.props.w>=b.props.h){if(b.props.w>y){A.w=y;A.h=parseInt(b.props.h/b.props.w*A.w)}}else{if(b.props.h>k){A.h=k;A.w=parseInt(b.props.w/b.props.h*A.h)}}h.children("canvas").attr({width:y+20,height:A.h+20});h.show();b.props=A;j.save();if(b.name!="text"&&b.name!="umlText"){j.globalAlpha=b.shapeStyle.alpha;var f=(y+20-A.w)/2;var g=10;j.translate(f,g);j.translate(A.w/2,A.h/2);j.rotate(A.angle);j.translate(-(A.w/2),-(A.h/2));Designer.painter.renderShapePath(j,b,true);Designer.painter.renderMarkers(j,b,true)}else{j.translate(y/2+10,A.h/2+10);j.textBaseline="middle";j.textAlign="center";var B="";if(b.fontStyle.italic){B+="italic "}else{B+="normal "}if(b.fontStyle.bold){B+="bold "}else{B+="normal "}B+=b.fontStyle.size+"pt ";B+=b.fontStyle.fontFamily;j.font=B;j.fillStyle="rgb("+b.fontStyle.color+")";j.fillText(b.text,0,0)}j.restore();var z=c.offset().top-$("#designer_header").outerHeight()+c.height()/2-h.outerHeight()/2;if(z<5){z=5}else{if(z+h.outerHeight()>$("#designer_viewport").height()-5){z=$("#designer_viewport").height()-5-h.outerHeight()}}h.css("top",z)}).bind("mouseleave",function(){$("#shape_thumb").hide()});Designer.painter.drawPanelItem(a,b.name)}r();function r(){$(".panel_box").die().live("mousedown",function(j){var c=$(this);if(c.hasClass("readonly")){return}var h=c.attr("shapeName");var a=[];Designer.op.changeState("creating_from_panel");var g=null;var b=null;var d=$("#designer_canvas");var f=t(h);$("#designer").bind("mousemove.creating",function(k){m(f,k)});$("#canvas_container").bind("mousemove.create",function(B){var D=Utils.getRelativePos(B.pageX,B.pageY,d);if(g==null){g=q(h,D.x,D.y);b=$("#"+g.id);b.attr("class","shape_box_creating")}b.css({left:D.x-b.width()/2+"px",top:D.y-b.height()/2+"px","z-index":Model.orderList.length});g.props.x=D.x.restoreScale()-g.props.w/2;g.props.y=D.y.restoreScale()-g.props.h/2;var G=g.props;var H=Designer.op.snapLine(G,[g.id],true,g);if(H.attach){g.attachTo=H.attach.id}else{delete g.attachTo}b.css({left:(g.props.x-10).toScale()+"px",top:(g.props.y-10).toScale()+"px","z-index":Model.orderList.length});a=Utils.getShapeAnchorInLinker(g);Designer.op.hideLinkPoint();for(var C=0;C").appendTo("#designer");b=$("").appendTo(c)}c.css({left:"0px",top:"0px",width:$(".panel_container").width(),height:$("#shape_panel").outerHeight()});Designer.painter.drawPanelItem(b[0],a);return b}function m(b,a){$("#creating_shape_container").show();var c=Utils.getRelativePos(a.pageX,a.pageY,$("#creating_shape_container"));b.css({left:c.x-Designer.config.panelItemWidth/2,top:c.y-Designer.config.panelItemHeight/2})}function q(g,e,f){var h=Utils.newId();var b=Schema.shapes[g];var c=e.restoreScale()-b.props.w/2;var d=f.restoreScale()-b.props.h/2;var a=Model.create(g,c,d);Designer.painter.renderShape(a);return a}}},hotkey:{init:function(){var b=null;$(document).unbind("keydown.hotkey").bind("keydown.hotkey",function(n){if(n.ctrlKey&&n.keyCode==65){Designer.selectAll();n.preventDefault()}else{if(n.keyCode==46||n.keyCode==8){Designer.op.removeShape();n.preventDefault()}else{if(n.ctrlKey&&n.keyCode==90){MessageSource.undo();n.preventDefault()}else{if(n.ctrlKey&&n.keyCode==89){MessageSource.redo();n.preventDefault()}else{if(n.ctrlKey&&!n.shiftKey&&n.keyCode==67){Designer.clipboard.copy();n.preventDefault()}else{if(n.ctrlKey&&n.keyCode==88){Designer.clipboard.cut();n.preventDefault()}else{if(n.ctrlKey&&n.keyCode==86){Designer.clipboard.paste();n.preventDefault()}else{if(n.ctrlKey&&n.keyCode==68){Designer.clipboard.duplicate();n.preventDefault()}else{if(n.ctrlKey&&n.shiftKey&&n.keyCode==66){Designer.clipboard.brush();n.preventDefault()}else{if(n.ctrlKey&&n.keyCode==190){Designer.zoomIn();n.preventDefault()}else{if(n.ctrlKey&&n.keyCode==188){Designer.zoomOut();n.preventDefault()}else{if(n.keyCode>=37&&n.keyCode<=40){if(b==null){var s=Utils.getSelected();var m=Utils.getFamilyShapes(s);s=s.concat(m);var q=Utils.getContainedShapes(s);s=s.concat(q);var r=Utils.getAttachedShapes(s);s=s.concat(r);var a=Utils.getOutlinkers(s);b=s.concat(a)}if(b.length>0){n.preventDefault();var t=10;if(n.ctrlKey){t=1}Utils.hideLinkerCursor();if(n.keyCode==37){Designer.op.moveShape(b,{x:-t,y:0})}else{if(n.keyCode==38){Designer.op.moveShape(b,{x:0,y:-t})}else{if(n.keyCode==39){Designer.op.moveShape(b,{x:t,y:0})}else{if(n.keyCode==40){Designer.op.moveShape(b,{x:0,y:t})}}}}$(document).unbind("keyup.moveshape").bind("keyup.moveshape",function(){Model.updateMulti(b);b=null;$(document).unbind("keyup.moveshape");Designer.op.hideTip();Utils.showLinkerCursor()})}}else{if(n.keyCode==221&&n.ctrlKey){var e="front";if(n.shiftKey){e="forward"}Designer.layerShapes(e)}else{if(n.keyCode==219&&n.ctrlKey){var e="back";if(n.shiftKey){e="backward"}Designer.layerShapes(e)}else{if(n.keyCode==71&&n.ctrlKey){n.preventDefault();if(n.shiftKey){Designer.ungroup()}else{Designer.group()}}else{if(n.keyCode==76&&n.ctrlKey){n.preventDefault();if(n.shiftKey){Designer.unlockShapes()}else{Designer.lockShapes()}}else{if(n.keyCode==18){Designer.op.changeState("drag_canvas")}else{if(n.keyCode==27){if(!Designer.op.state){Utils.unselect();$(".menu.list").hide();$(".menu").hide();$(".color_picker").hide()}else{if(Designer.op.state=="creating_free_text"||Designer.op.state=="creating_free_linker"){Designer.op.resetState()}}}else{if(n.keyCode==84&&!n.ctrlKey){$(".menu.list").hide();Designer.op.changeState("creating_free_text")}else{if(n.keyCode==73&&!n.ctrlKey){$(".menu.list").hide();UI.showImageSelect(function(c,d,f){UI.insertImage(c,d,f)});$("#designer_contextmenu").hide()}else{if(n.keyCode==76&&!n.ctrlKey){$(".menu.list").hide();Designer.op.changeState("creating_free_linker");$("#designer_contextmenu").hide()}else{if(n.keyCode==66&&n.ctrlKey){var o=Utils.getSelectedIds();if(o.length>0){var p=Model.getShapeById(o[0]);Designer.setFontStyle({bold:!p.fontStyle.bold});UI.update()}}else{if(n.keyCode==73&&n.ctrlKey){var o=Utils.getSelectedIds();if(o.length>0){var p=Model.getShapeById(o[0]);Designer.setFontStyle({italic:!p.fontStyle.italic});UI.update()}}else{if(n.keyCode==85&&n.ctrlKey){var o=Utils.getSelectedIds();if(o.length>0){var p=Model.getShapeById(o[0]);Designer.setFontStyle({underline:!p.fontStyle.underline});UI.update()}n.preventDefault()}else{if(n.keyCode==32&&!n.ctrlKey){var o=Utils.getSelectedIds();if(o.length==1){var p=Model.getShapeById(o[0]);Designer.op.editShapeText(p)}n.preventDefault()}else{if(n.keyCode==121){n.preventDefault();Dock.enterPresentation()}}}}}}}}}}}}}}}}}}}}}}}}}}});$("input,textarea,select").die().live("keydown.hotkey",function(a){a.stopPropagation()})},cancel:function(){$(document).unbind("keydown.hotkey")}},contextMenu:{init:function(){$("#designer_contextmenu").unbind("mousedown").bind("mousedown",function(b){b.stopPropagation()});$("#designer_contextmenu").find("li:not(.devider)").unbind("click").bind("click",function(){var b=$(this);if(!b.menuitem("isDisabled")&&b.children(".extend_menu").length==0){Designer.contextMenu.execAction(b);Designer.contextMenu.hide()}});$("#canvas_container").unbind("contextmenu").bind("contextmenu",function(d){d.preventDefault();var e=$("#designer_canvas");var f=Utils.getRelativePos(d.pageX,d.pageY,e);Designer.contextMenu.show(f.x,f.y)})},destroy:function(){$("#canvas_container").unbind("contextmenu");this.hide()},menuPos:{x:0,y:0,shape:null},show:function(k,l){this.menuPos.x=k;this.menuPos.y=l;var p=$("#designer_contextmenu");var r=Utils.getShapeByPosition(k,l,false);p.children().hide();p.children("li[ac=selectall]").show();p.children(".devi_selectall").show();p.children("li[ac=drawline]").show();var q=Designer.clipboard.elements.length;if(r==null){if(q>0){p.children("li[ac=paste]").show();p.children(".devi_clip").show()}}else{var n=r.shape;this.menuPos.shape=n;if(n.locked){if(q>0){p.children("li[ac=paste]").show();p.children(".devi_clip").show()}p.children("li[ac=unlock]").show();p.children(".devi_shape").show()}else{p.children("li[ac=cut]").show();p.children("li[ac=copy]").show();p.children("li[ac=duplicate]").show();if(q>0){p.children("li[ac=paste]").show()}p.children(".devi_clip").show();p.children("li[ac=front]").show();p.children("li[ac=back]").show();p.children("li[ac=lock]").show();var m=Utils.getSelectedIds();var o=m.length;if(o>=2){p.children("li[ac=group]").show();$("#ctxmenu_align").show()}var j=Utils.getSelectedGroups().length;if(j>=1){p.children("li[ac=ungroup]").show()}p.children(".devi_shape").show();if(o==1&&n.name!="linker"&&n.link){p.children("li[ac=changelink]").show()}if(n.name=="linker"||n.attribute.editable){p.children("li[ac=edit]").show()}p.children("li[ac=delete]").show();p.children(".devi_del").show()}}p.css({display:"block","z-index":Model.orderList.length+3,left:k,top:l});$(document).bind("mousedown.ctxmenu",function(){Designer.contextMenu.hide()})},hide:function(){$("#designer_contextmenu").hide();$(document).unbind("mousedown.ctxmenu")},execAction:function(e){var d=e.attr("ac");if(d=="cut"){Designer.clipboard.cut()}else{if(d=="copy"){Designer.clipboard.copy()}else{if(d=="paste"){Designer.clipboard.paste(this.menuPos.x,this.menuPos.y)}else{if(d=="duplicate"){Designer.clipboard.duplicate()}else{if(d=="front"){Designer.layerShapes("front")}else{if(d=="back"){Designer.layerShapes("back")}else{if(d=="lock"){Designer.lockShapes()}else{if(d=="unlock"){Designer.unlockShapes()}else{if(d=="group"){Designer.group()}else{if(d=="ungroup"){Designer.ungroup()}else{if(d=="align_shape"){var f=e.attr("al");Designer.alignShapes(f)}else{if(d=="edit"){Designer.op.editShapeText(this.menuPos.shape)}else{if(d=="delete"){Designer.op.removeShape()}else{if(d=="selectall"){Designer.selectAll()}else{if(d=="drawline"){Designer.op.changeState("creating_free_linker")}else{if(d=="changelink"){UI.showInsertLink()}}}}}}}}}}}}}}}}}},init:function(){this.initialize.initLayout();this.initialize.initModel();this.initialize.initCanvas();this.initialize.initShapes();this.hotkey.init();this.contextMenu.init();Designer.op.init();this.initialize.initialized=true;Designer.events.push("initialized");$("#designer_layout").on("scroll",function(){$(document).trigger("mouseup.multiselect")})},op:{init:function(){var c=$("#designer_canvas");var d=$("#canvas_container");d.unbind("mousemove.operate").bind("mousemove.operate",function(a){if(Designer.op.state!=null){return}Designer.op.destroy();var b=Utils.getRelativePos(a.pageX,a.pageY,c);var j=Utils.getShapeByPosition(b.x,b.y);if(j!=null){if(j.type=="dataAttribute"){}else{if(j.type=="linker"){d.css("cursor","pointer");Designer.op.shapeSelectable(j.shape);var h=j.shape;var i=j.pointIndex;if(h.linkerType=="broken"&&i>1&&i<=h.points.length){Designer.op.brokenLinkerChangable(h,i-1)}else{if(h.from.id==null&&h.to.id==null){d.css("cursor","move");Designer.op.shapeDraggable()}}Designer.op.linkerEditable(h)}else{if(j.type=="linker_point"){d.css("cursor","move");Designer.op.shapeSelectable(j.shape);Designer.op.linkerDraggable(j.shape,j.point);Designer.op.linkerEditable(j.shape)}else{if(j.type=="linker_text"){d.css("cursor","text");Designer.op.shapeSelectable(j.shape);Designer.op.linkerEditable(j.shape)}else{if(j.type=="shape"){if(j.shape.locked){d.css("cursor","default");Designer.op.shapeSelectable(j.shape)}else{d.css("cursor","move");Designer.op.shapeSelectable(j.shape);Designer.op.shapeEditable(j.shape);Designer.op.shapeDraggable();if(j.shape.link){}}}else{d.css("cursor","crosshair");Designer.op.shapeSelectable(j.shape);Designer.op.shapeLinkable(j.shape,j.linkPoint)}if(j.shape.parent){Utils.showAnchors(Model.getShapeById(j.shape.parent))}else{Utils.showAnchors(j.shape)}}}}}}else{d.css("cursor","default");Designer.op.shapeMultiSelectable()}})},cancel:function(){$("#canvas_container").unbind("mousemove.operate").css("cursor","default");this.destroy()},destroy:function(){$("#designer_canvas").unbind("mousedown.drag").unbind("dblclick.edit").unbind("mousedown.draglinker").unbind("mousedown.select").unbind("mousedown.brokenLinker").unbind("dblclick.edit_linker");$("#canvas_container").unbind("mousedown.link").unbind("mousedown.create_text").unbind("mousedown.drag_canvas");$("#designer_layout").unbind("mousedown.multiselect");Utils.hideAnchors();$("#link_spot").hide()},state:null,changeState:function(b){this.state=b;if(b=="creating_free_text"){this.destroy();$("#canvas_container").css("cursor","crosshair");this.textCreatable()}else{if(b=="creating_free_linker"){this.destroy();$("#canvas_container").css("cursor","crosshair");this.shapeLinkable()}else{if(b=="drag_canvas"){this.destroy();this.canvasDraggable()}else{if(b=="changing_curve"){this.destroy()}}}}},resetState:function(){this.state=null;$("#canvas_container").css("cursor","default")},shapeSelectable:function(d){var c=$("#designer_canvas");c.bind("mousedown.select",function(b){Designer.op.changeState("seelcting_shapes");var a=d.id;var f=[];if(b.ctrlKey){var f=Utils.getSelectedIds();if(Utils.isSelected(a)){Utils.removeFromArray(f,a)}else{f.push(a)}Utils.unselect();if(f.length>0){Utils.selectShape(f)}}else{if(Utils.selectIds.indexOf(a)<0){Utils.unselect();Utils.selectShape(a)}}$(document).bind("mouseup.select",function(){Designer.op.resetState();c.unbind("mousedown.select");$(document).unbind("mouseup.select")})})},shapeDraggable:function(){var c=$("#designer_canvas");var d=$("#canvas_container");c.bind("mousedown.drag",function(b){Utils.hideLinkerCursor();Utils.hideLinkerControls();Designer.op.changeState("dragging");var x=Utils.getRelativePos(b.pageX,b.pageY,c);var u=Utils.getSelected();var w=true;if(u.length==1&&u[0].name=="linker"){w=false}var z=null;if(w){z=Utils.getShapesBounding(u)}var i=Utils.getFamilyShapes(u);u=u.concat(i);var r=Utils.getContainedShapes(u);u=u.concat(r);var s=Utils.getAttachedShapes(u);u=u.concat(s);var y=[];if(w){for(var t=0;tpageSize.width-pageSize.padding){Designer.setPageStyle({width:shapePosition.x+shapePosition.w+pageSize.padding+30});$("#page_size_w").spinner('value',shapePosition.x+shapePosition.w+pageSize.padding+30)}if(shapePosition.y+shapePosition.h>pageSize.height-pageSize.padding){Designer.setPageStyle({height:shapePosition.y+shapePosition.h+pageSize.padding+30});$("#page_size_h").spinner('value',shapePosition.x+shapePosition.w+pageSize.padding+30)}}if(isAutoSave=="0"){$("#saving_tip").css("color","rgb(255, 0, 0)");$("#saving_tip").text("文件已修改，未保存")}})})},shapeResizable:function(){$(".shape_controller").bind("mousedown",function(ab){if(!isAdmin&&isCustomDefine=="1"){var ae=Utils.getSelected();var P=true;for(var p=0;p=0){E.x=M.x+M.w}else{if(N.indexOf("r")>=0){E.x=M.x}else{E.x=M.x+M.w/2}}if(N.indexOf("t")>=0){E.y=M.y+M.h}else{if(N.indexOf("b")>=0){E.y=M.y}else{E.y=M.y+M.h/2}}E=Utils.getRotated(C,E,M.angle);function G(a,b){if(a.id==null){if(b){return{type:"box",x:(a.x-M.x)/M.w,y:(a.y-M.y)/M.h}}else{return{type:"fixed"}}}else{if(Utils.isSelected(a.id)){var e=Model.getShapeById(a.id);var d={x:e.props.x+e.props.w/2,y:e.props.y+e.props.h/2};var c=Utils.getRotated(d,a,-e.props.angle);return{type:"shape",x:(c.x-e.props.x)/e.props.w,y:(c.y-e.props.y)/e.props.h}}else{return{type:"fixed"}}}}var W=[];var ac={};var Z=[];var L=Utils.getAttachedShapes(K);K=K.concat(L);var J=[];for(var H=0;H0){for(var T=0;T=0){w.w=k.x-E.x}else{if(N.indexOf("l")>=0){w.w=E.x-k.x}}if(N.indexOf("b")>=0){w.h=k.y-E.y}else{if(N.indexOf("t")>=0){w.h=E.y-k.y}}if(a.ctrlKey&&N.length==2){if(M.w>=M.h){w.h=M.h/M.w*w.w;if(w.h=0){d.x=E.x+w.w}else{if(N.indexOf("l")>=0){d.x=E.x-w.w}else{d.x=E.x}}if(N.indexOf("b")>=0){d.y=E.y+w.h}else{if(N.indexOf("t")>=0){d.y=E.y-w.h}else{d.y=E.y}}var o=Utils.getRotated(E,d,M.angle);var m={x:0.5*E.x+0.5*o.x,y:0.5*E.y+0.5*o.y};var f=Utils.getRotated(m,E,-M.angle);if(N.indexOf("r")>=0){w.x=f.x}else{if(N.indexOf("l")>=0){w.x=f.x-w.w}else{w.x=f.x-w.w/2}}if(N.indexOf("b")>=0){w.y=f.y}else{if(N.indexOf("t")>=0){w.y=f.y-w.h}else{w.y=f.y-w.h/2}}if(w.angle==0){var y=W[0];var h=Designer.op.snapResizeLine(w,J,N)}Utils.removeAnchors();for(var e=0;e"+r}Designer.op.showTip(r);$(document).unbind("mouseup.resize_ok").bind("mouseup.resize_ok",function(){if(F.length>0){W=W.concat(F)}Model.updateMulti(W);$(document).unbind("mouseup.resize_ok")})});$(document).bind("mouseup.resize",function(){S.css("cursor","default");Designer.op.resetState();S.unbind("mousemove.resize");$(document).unbind("mouseup.resize");var selectedShape=Utils.getSelected()[0];if(selectedShape){var shapePosition=selectedShape.props;var pageSize=Model.define.page;if(shapePosition.x+shapePosition.w>pageSize.width-pageSize.padding){Designer.setPageStyle({width:shapePosition.x+shapePosition.w+pageSize.padding+10})}if(shapePosition.y+shapePosition.h>pageSize.height-pageSize.padding){Designer.setPageStyle({height:shapePosition.y+shapePosition.h+pageSize.padding+10})}}Designer.op.hideTip();Utils.showLinkerCursor();Designer.op.hideSnapLine()})})},shapeRotatable:function(){$(".shape_rotater").bind("mousemove",function(i){var j=$(this);var g=i.pageX-j.offset().left;var h=i.pageY-j.offset().top;var e=j[0].getContext("2d");j.unbind("mousedown");j.removeClass("rotate_enable");if(e.isPointInPath(g,h)){j.addClass("rotate_enable");j.bind("mousedown",function(b){Utils.hideLinkerCursor();if($("#shape_text_edit").length){$("#shape_text_edit").trigger("blur")}b.stopPropagation();Designer.op.changeState("rotating");var r=Utils.getSelectedIds();var c;var s;if(r.length==1){var f=Model.getShapeById(r[0]);c=f.props;s=f.props.angle}else{c=Utils.getControlBox(r);s=0}var x={x:c.x+c.w/2,y:c.y+c.h/2};var d=Utils.toScale(x);var w=$("#designer_canvas");var u=Utils.getSelected();var t=Utils.getAttachedShapes(u);u=u.concat(t);var a=Utils.getOutlinkers(u);u=u.concat(a);var v=s;$(document).bind("mousemove.rotate",function(l){var m=Utils.getRelativePos(l.pageX,l.pageY,w);var H=Math.atan(Math.abs(m.x-d.x)/Math.abs(d.y-m.y));if(m.x>=d.x&&m.y>=d.y){H=Math.PI-H}else{if(m.x<=d.x&&m.y>=d.y){H=Math.PI+H}else{if(m.x<=d.x&&m.y<=d.y){H=Math.PI*2-H}}}H=H%(Math.PI*2);var k=Math.PI/36;var o=Math.round(H/k);H=k*o;if(H==v){return}v=H;Designer.op.showTip(o*5%360+"°");Designer.painter.rotateControls(c,H);Utils.removeAnchors();var L=H-s;for(var G=0;G0){for(var b2xi in Model.define.localAttribute[c]){b2x.attributesJsonArray.push(Utils.copy(Model.define.localAttribute[c][b2xi]))}}for(var pj=0;pj0){a=a.concat(b)}Model.updateMulti(a)}})})},shapeMultiSelectable:function(){var d=$("#designer_canvas");var c=$("#designer_layout");c.unbind("mousedown.multiselect").bind("mousedown.multiselect",function(a){var b=null;if(!a.ctrlKey){Utils.unselect()}var f=Utils.getRelativePos(a.pageX,a.pageY,d);Designer.op.changeState("multi_selecting");c.bind("mousemove.multiselect",function(i){if(b==null){b=$("
").appendTo(d)}var j=Utils.getRelativePos(i.pageX,i.pageY,d);var e={"z-index":Model.orderList.length,left:j.x,top:j.y};if(j.x>f.x){e.left=f.x}if(j.y>f.y){e.top=f.y}e.width=Math.abs(j.x-f.x);e.height=Math.abs(j.y-f.y);b.css(e)});$(document).unbind("mouseup.multiselect").bind("mouseup.multiselect",function(j){if(b!=null){var l={x:b.position().left.restoreScale(),y:b.position().top.restoreScale(),w:b.width().restoreScale(),h:b.height().restoreScale()};var e=Utils.getShapesByRange(l);if(j.ctrlKey){var k=Utils.getSelectedIds();Utils.mergeArray(e,k)}Utils.unselect();Utils.selectShape(e);b.remove()}Designer.op.resetState();$(document).unbind("mouseup.multiselect");c.unbind("mousemove.multiselect")});c.unbind("mousedown.multiselect")})},shapeEditable:function(d){var c=$("#designer_canvas");if(d.attribute.editable==false){return}c.unbind("dblclick.edit").bind("dblclick.edit",function(){Designer.op.editShapeText(d);c.unbind("dblclick.edit")})},editShapeText:function(o){if(o.name=="linker"){this.editLinkerText(o);return}var j=$("#shape_text_edit");if(j.length==0){j=$("").appendTo("#designer_canvas")}var k=$("#shape_text_ruler");if(k.length==0){k=$("").appendTo("#designer_canvas")}$(".text_canvas[forshape="+o.id+"]").hide();var l=o.fontStyle;var p=o.getTextBlock();if(l.orientation=="horizontal"){var m={x:p.x+p.w/2,y:p.y+p.h/2};p={x:m.x-p.h/2,y:m.y-p.w/2,w:p.h,h:p.w}}var n={width:p.w+"px","z-index":Model.orderList.length+2,"line-height":Math.round(l.size*1.25)+"px","font-size":l.size+"px","font-family":l.fontFamily,"font-weight":l.bold?"bold":"normal","font-style":l.italic?"italic":"normal","text-align":l.textAlign,color:"rgb("+l.color+")","text-decoration":l.underline?"underline":"none"};j.css(n);k.css(n);j.show();p.x+=o.props.x;p.y+=o.props.y;j.val(o.text);$("#shape_text_edit").unbind().bind("keyup",function(){var a=$(this).val();k.val(a);k.scrollTop(99999);var h=k.scrollTop();j.css({height:h});var g={x:p.x+p.w/2,y:p.y+p.h/2};var f=0;var d=0;var w=p.h;if(o.fontStyle.vAlign=="middle"){if(h>w){w=h;f=(g.y-w/2);d=0}else{f=(g.y-p.h/2);d=(p.h-h)/2;w=p.h-d}}else{if(o.fontStyle.vAlign=="bottom"){if(h>w){w=h;f=(g.y+p.h/2-w);d=0}else{f=(g.y-p.h/2);d=p.h-h;w=p.h-d}}else{f=(g.y-p.h/2);d=0;if(h>w){w=h}else{w=p.h}}}var x=d+w;var b={x:p.x+p.w/2,y:f+x/2};var c=o.props.angle;if(c!=0){var v={x:o.props.x+o.props.w/2,y:o.props.y+o.props.h/2};b=Utils.getRotated(v,b,c)}if(l.orientation=="horizontal"){c=(Math.PI*1.5+c)%(Math.PI*2)}var u=Math.round(c/(Math.PI*2)*360);var e="rotate("+u+"deg) scale("+Designer.config.scale+")";j.css({width:p.w,height:w,"padding-top":d,left:b.x.toScale()-p.w/2-2,top:b.y.toScale()-x/2-2,"-webkit-transform":e,"-ms-transform":e,"-o-transform":e,"-moz-transform":e,transform:e})}).bind("keydown",function(a){var d=$(this);if(a.keyCode==13&&a.ctrlKey){i();return false}else{if(a.keyCode==27){d.unbind().remove();$(".text_canvas[forshape="+o.id+"]").show()}else{if(a.keyCode==66&&a.ctrlKey){var c=!o.fontStyle.bold;o.fontStyle.bold=c;Model.update(o);var b=c?"bold":"normal";$(this).css("font-weight",b);k.css("font-weight",b);UI.update()}else{if(a.keyCode==73&&a.ctrlKey){var c=!o.fontStyle.italic;o.fontStyle.italic=c;Model.update(o);var b=c?"italic":"normal";$(this).css("font-style",b);k.css("font-style",b);UI.update()}else{if(a.keyCode==85&&a.ctrlKey){var c=!o.fontStyle.underline;o.fontStyle.underline=c;Model.update(o);var b=c?"underline":"none";$(this).css("text-decoration",b);k.css("text-decoration",b);a.preventDefault();UI.update()}}}}}}).bind("blur",function(a){i()}).bind("mousemove",function(a){a.stopPropagation()}).bind("mousedown",function(a){a.stopPropagation()}).bind("mouseenter",function(a){Designer.op.destroy()});$("#shape_text_edit").trigger("keyup");j.select();function i(){var a=$("#shape_text_edit").val();if($("#shape_text_edit").length&&$("#shape_text_edit").is(":visible")){if(a!=o.text){o.text=a;Model.update(o)}Designer.painter.renderShape(o);$("#shape_text_edit").remove()}}},shapeLinkable:function(j,g){var i=$("#designer_canvas");var f=$("#canvas_container");f.unbind("mousedown.link").bind("mousedown.link",function(c){Designer.op.changeState("linking_from_shape");var e=null;var d=null;var a;if(!j){var b=Utils.getRelativePos(c.pageX,c.pageY,i);a={x:b.x.restoreScale(),y:b.y.restoreScale(),id:null,angle:null}}else{a=g;a.id=j.id}f.bind("mousemove.link",function(m){f.css("cursor","default");var n=Utils.getRelativePos(m.pageX,m.pageY,i);if(d==null){d=h(a,n);Designer.events.push("linkerCreating",d)}Designer.op.moveLinker(d,"to",n.x,n.y);$(document).unbind("mouseup.droplinker").bind("mouseup.droplinker",function(){if(Math.abs(n.x-a.x)>20||Math.abs(n.y-a.y)>20){Model.add(d);Designer.events.push("linkerCreated",d);if(d.to.id==null&&d.from.id!=null){Designer.op.linkDashboard(d)}Utils.showLinkerCursor()}else{$("#"+d.id).remove()}$(document).unbind("mouseup.droplinker")})});$(document).bind("mouseup.link",function(){Designer.op.hideLinkPoint();Designer.op.resetState();f.unbind("mousedown.link");f.unbind("mousemove.link");$(document).unbind("mouseup.link")})});function h(a,b){var d=Utils.newId();var c=Utils.copy(Schema.linkerDefaults);c.from=a;c.to={id:null,x:b.x,y:b.y,angle:null};c.props={zindex:Model.maxZIndex+1};c.id=d;return c}},linkerEditable:function(c){var d=$("#designer_canvas");d.unbind("dblclick.edit_linker").bind("dblclick.edit_linker",function(){Designer.op.editLinkerText(c);d.unbind("dblclick.edit_linker")})},editLinkerText:function(n){Designer.contextMenu.hide();var o=Designer.painter.getLinkerMidpoint(n);var k=$("#"+n.id).find(".text_canvas");var i=$("#linker_text_edit");if(i.length==0){i=$("").appendTo("#designer_canvas")}$("#"+n.id).find(".text_canvas").hide();var l=n.fontStyle;var m="scale("+Designer.config.scale+")";var j=Math.round(l.size*1.25);i.css({"z-index":Model.orderList.length,"line-height":j+"px","font-size":l.size+"px","font-family":l.fontFamily,"font-weight":l.bold?"bold":"normal","font-style":l.italic?"italic":"normal","text-align":l.textAlign,color:"rgb("+l.color+")","text-decoration":l.underline?"underline":"none","-webkit-transform":m,"-ms-transform":m,"-o-transform":m,"-moz-transform":m,transform:m});i.val(n.text).show().select();i.unbind().bind("keyup",function(){var b=$(this).val();var a=b.replace(//g,">").replace(/\n/g,"
");k.html(a+"
");var d=k.width();if(d<50){d=50}var c=k.height();if(c1){a=true}e.bind("mousemove.draglinker",function(d){e.css("cursor","default");var j=Utils.getRelativePos(d.pageX,d.pageY,h);Designer.op.moveLinker(g,f,j.x,j.y);if(a){Designer.painter.drawControls(c)}$(document).unbind("mouseup.droplinker").bind("mouseup.droplinker",function(){$(document).unbind("mouseup.droplinker");Model.update(g);Utils.showLinkerControls()})});$(document).bind("mouseup.draglinker",function(){Designer.op.hideLinkPoint();Designer.op.resetState();h.unbind("mousedown.draglinker");e.unbind("mousemove.draglinker");$(document).unbind("mouseup.draglinker");Utils.showLinkerControls()})})},linkClickable:function(e,f){var d=$("#link_spot");if(d.length==0){d=$("").appendTo("#designer_canvas")}if(e.trim().toLowerCase().indexOf("http")==-1){e="http://"+e}d.show().css({left:f.x-50,top:f.y-50,"z-index":Model.orderList.length+1})},textCreatable:function(){var c=$("#designer_canvas");var d=$("#canvas_container");d.unbind("mousedown.create_text").bind("mousedown.create_text",function(a){var g=null;if(!a.ctrlKey){Utils.unselect()}var h=Utils.getRelativePos(a.pageX,a.pageY,c);var b=null;d.bind("mousemove.create_text",function(f){if(g==null){g=$("
").appendTo(c)}var e=Utils.getRelativePos(f.pageX,f.pageY,c);b={"z-index":Model.orderList.length,left:e.x-1,top:e.y-1};if(e.x>h.x){b.left=h.x-1}if(e.y>h.y){b.top=h.y-1}b.width=Math.abs(e.x-h.x-2);b.height=Math.abs(e.y-h.y-2);g.css(b)});$(document).unbind("mouseup.create_text").bind("mouseup.create_text",function(e){if(b!=null&&b.width>=20&&b.height>=20){var f=Model.create("standardText",b.left.restoreScale(),b.top.restoreScale());f.props.w=b.width.restoreScale();f.props.h=b.height.restoreScale();Model.add(f);Designer.painter.renderShape(f);Designer.op.editShapeText(f);Utils.unselect();Utils.selectShape(f.id)}g.remove();Designer.op.resetState();$(document).unbind("mouseup.create_text");d.unbind("mousemove.create_text")});d.unbind("mousedown.create_text")})},canvasDragTimeout:null,canvasDraggable:function(){var b=$("#canvas_container");b.css("cursor","url(../apps/_bpm.platform/js/designer/themes/default/images/diagraming/cursor_hand.png) 8 8, auto");if(this.canvasDragTimeout){clearTimeout(this.canvasDragTimeout)}this.canvasDragTimeout=setTimeout(function(){b.unbind("mousedown.drag_canvas");Designer.op.resetState();b.unbind("mousemove.drag_canvas");$(document).unbind("mouseup.drag_canvas")},500);b.unbind("mousedown.drag_canvas").bind("mousedown.drag_canvas",function(e){var f=$("#designer_layout").scrollTop();var a=$("#designer_layout").scrollLeft();b.bind("mousemove.drag_canvas",function(d){var h=d.pageX-e.pageX;var c=d.pageY-e.pageY;$("#designer_layout").scrollLeft(a-h);$("#designer_layout").scrollTop(f-c)});$(document).unbind("mouseup.drag_canvas").bind("mouseup.drag_canvas",function(c){b.unbind("mousemove.drag_canvas");$(document).unbind("mouseup.drag_canvas")})});$(document).unbind("keyup.drag_canvas").bind("keyup.drag_canvas",function(a){b.unbind("mousedown.drag_canvas");Designer.op.resetState();$(document).unbind("mouseup.drag_canvas");a.preventDefault();clearTimeout(this.canvasDragTimeout);b.unbind("mousemove.drag_canvas")})},canvasFreeDraggable:function(){var b=$("#canvas_container");b.css("cursor","url(../apps/_bpm.platform/js/designer/themes/default/images/diagraming/cursor_hand.png) 8 8, auto");b.unbind("mousedown.drag_canvas").bind("mousedown.drag_canvas",function(e){var f=$("#designer_layout").scrollTop();var a=$("#designer_layout").scrollLeft();b.bind("mousemove.drag_canvas",function(d){var h=d.pageX-e.pageX;var c=d.pageY-e.pageY;$("#designer_layout").scrollLeft(a-h);$("#designer_layout").scrollTop(f-c)});$(document).unbind("mouseup.drag_canvas").bind("mouseup.drag_canvas",function(c){b.unbind("mousemove.drag_canvas");$(document).unbind("mouseup.drag_canvas")})})},moveShape:function(A,H){var z=[];for(var x=0;x=0){D.from.x+=i.x;D.from.y+=i.y;G=true}if(L.id!=null&&z.indexOf(L.id)>=0){D.to.x+=i.x;D.to.y+=i.y;C=true}}else{if(y.id==null||z.indexOf(y.id)>=0){D.from.x+=i.x;D.from.y+=i.y;G=true}if(L.id==null||z.indexOf(L.id)>=0){D.to.x+=i.x;D.to.y+=i.y;C=true}}if(G&&C){for(var w=0;w0){var I=Utils.getSelectedIds();Designer.painter.drawControls(I)}else{var E=$("#shape_controls");E.css({left:parseFloat(E.css("left"))+H.x,top:parseFloat(E.css("top"))+H.y})}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+=i.x;a.props.y+=i.y;var b=$("#"+a.id);b.css({left:parseFloat(b.css("left"))+H.x,top:parseFloat(b.css("top"))+H.y})}},moveLinker:function(D,w,G,H){var K=null;var C=null;var z=Utils.getShapeByPosition(G,H,true);Designer.op.hideLinkPoint();if(z!=null){var L=z.shape;Utils.showAnchors(L);C=L.id;if(z.type=="bounding"){K=z.linkPoint;Designer.op.showLinkPoint(Utils.toScale(K))}else{if(z.type=="shape"){var u;var I;if(w=="from"){u={x:D.to.x,y:D.to.y};I=D.to.id}else{u={x:D.from.x,y:D.from.y};I=D.from.id}if(L.id==I){Designer.op.hideLinkPoint();K={x:G.restoreScale(),y:H.restoreScale()};K.angle=null;C=null}else{var B=L.getAnchors();var E=-1;var A;var t={x:L.props.x+L.props.w/2,y:L.props.y+L.props.h/2};for(var v=0;v=D.to.x-6&&K.x<=D.to.x+6){D.from.x=D.to.x}if(K.y>=D.to.y-6&&K.y<=D.to.y+6){D.from.y=D.to.y}}}else{D.to.x=K.x;D.to.y=K.y;D.to.id=C;D.to.angle=K.angle;if(C==null){if(K.x>=D.from.x-6&&K.x<=D.from.x+6){D.to.x=D.from.x}if(K.y>=D.from.y-6&&K.y<=D.from.y+6){D.to.y=D.from.y}}}Designer.painter.renderLinker(D,true)},showLinkPoint:function(e){var f=$("").appendTo($("#designer_canvas"));var d=f[0].getContext("2d");d.translate(1,1);d.lineWidth=1;d.globalAlpha=0.3;d.strokeStyle=Designer.config.anchorColor;d.fillStyle=Designer.config.anchorColor;d.beginPath();d.moveTo(0,15);d.bezierCurveTo(0,-5,30,-5,30,15);d.bezierCurveTo(30,35,0,35,0,15);d.closePath();d.fill();d.stroke();f.css({left:e.x-16,top:e.y-16,"z-index":Model.orderList.length}).show()},hideLinkPoint:function(){$(".link_point_canvas").hide()},brokenLinkerChangable:function(k,l){var h=$("#canvas_container");var g=$("#designer_canvas");var i=k.points[l-1];var j=k.points[l];if(i.x==j.x){h.css("cursor","e-resize")}else{h.css("cursor","n-resize")}g.bind("mousedown.brokenLinker",function(a){Designer.op.changeState("changing_broken_linker");var b=Utils.getRelativePos(a.pageX,a.pageY,g);var c=Utils.getSelectedIds();h.bind("mousemove.brokenLinker",function(e){var f=Utils.getRelativePos(e.pageX,e.pageY,g);var d={x:f.x-b.x,y:f.y-b.y};d=Utils.restoreScale(d);if(i.x==j.x){i.x+=d.x;j.x+=d.x}else{i.y+=d.y;j.y+=d.y}Designer.painter.renderLinker(k);if(c.length>1){Designer.painter.drawControls(c)}b=f;$(document).unbind("mouseup.changed").bind("mouseup.changed",function(){Model.update(k);$(document).unbind("mouseup.changed")})});$(document).bind("mouseup.brokenLinker",function(){Designer.op.resetState();h.unbind("mousemove.brokenLinker");g.unbind("mousedown.brokenLinker");$(document).unbind("mouseup.brokenLinker")})})},removeShape:function(){var d=Utils.getSelected();if(d.length>0){Utils.unselect();var e=Utils.getAttachedShapes(d);d=d.concat(e);var c=[];for(var b=0;b0){var shapeIds=[];for(var index=0;index0){$.ajax({url:"./jd?sid="+$("#sid").val()+"&cmd=com.actionsoft.apps.coe.pal_pl_repository_designer_relation_search",data:{shapeIds:shapeIds.join(","),fileId:ruuid},success:function(msg){if(typeof(msg)=="string"){msg=eval("("+msg+")")}var relationShapes=msg.data.relationShapes;if(relationShapes.length>0){var options={title:"提示",content:"图形["+relationShapes+"]被关联，确定删除吗？",onConfirm:function(){Model.remove(d)}};$.confirm(options)}else{Model.remove(d)}}})}else{Model.remove(d)}}}},showTip:function(h){var f=$("#designer_op_tip");if(f.length==0){f=$("
").appendTo("#designer_canvas")}f.stop().html(h);var e=$("#shape_controls");var g=e.position();f.css({top:g.top+e.height()+5,left:g.left+e.width()/2-f.outerWidth()/2,"z-index":Model.orderList.length}).show()},hideTip:function(){$("#designer_op_tip").fadeOut(100)},snapLine:function(R,Q,S,ae){var U=R.y;var J=R.y+R.h/2;var ad=R.y+R.h;var af=R.x;var T=R.x+R.w/2;var X=R.x+R.w;var ag=2;var ab={v:null,h:null,attach:null};var W=null;if(S){W=ae}else{W=Model.getShapeById(Q[0])}if(Q.length==1&&W.groupName=="boundaryEvent"){for(var K=Model.orderList.length-1;K>=0;K--){var P=Model.orderList[K].id;var ai=Model.getShapeById(P);if(ai.name!="linker"&&ai.id!=W.id){var O=ai.props;if(ab.attach==null&&O.angle==0&&(ai.groupName=="task"||ai.groupName=="callActivity"||ai.groupName=="subProcess")){var p={x:O.x-ag,y:O.y-ag,w:O.w+ag*2,h:O.h+ag*2};if(Utils.pointInRect(T,J,p)){var aj=O.y;var ac=O.y+O.h;var M=O.x;var L=O.x+O.w;var V=false;var aa=false;if(aj>=J-ag&&aj<=J+ag){R.y=aj-R.h/2;aa=true}else{if(ac>=J-ag&&ac<=J+ag){R.y=ac-R.h/2;aa=true}}if(M>=T-ag&&M<=T+ag){R.x=M-R.w/2;V=true}else{if(L>=T-ag&&L<=T+ag){R.x=L-R.w/2;V=true}}if(V||aa){ab.attach=ai}}}}}}if(ab.attach==null){for(var K=Model.orderList.length-1;K>=0;K--){var P=Model.orderList[K].id;var ai=Model.getShapeById(P);if(ai.name=="linker"||Q.indexOf(P)>=0||ai.parent){continue}var O=ai.props;if(ab.h==null){var aj=O.y;var ak=O.y+O.h/2;var ac=O.y+O.h;if(ak>=J-ag&&ak<=J+ag){ab.h={type:"middle",y:ak};R.y=ak-R.h/2}else{if(aj>=U-ag&&aj<=U+ag){ab.h={type:"top",y:aj};R.y=aj}else{if(ac>=ad-ag&&ac<=ad+ag){ab.h={type:"bottom",y:ac};R.y=ac-R.h}else{if(ac>=U-ag&&ac<=U+ag){ab.h={type:"top",y:ac};R.y=ac}else{if(aj>=ad-ag&&aj<=ad+ag){ab.h={type:"bottom",y:aj};R.y=aj-R.h}}}}}}if(ab.v==null){var M=O.x;var N=O.x+O.w/2;var L=O.x+O.w;if(N>=T-ag&&N<=T+ag){ab.v={type:"center",x:N};R.x=N-R.w/2}else{if(M>=af-ag&&M<=af+ag){ab.v={type:"left",x:M};R.x=M}else{if(L>=X-ag&&L<=X+ag){ab.v={type:"right",x:L};R.x=L-R.w}else{if(L>=af-ag&&L<=af+ag){ab.v={type:"left",x:L};R.x=L}else{if(M>=X-ag&&M<=X+ag){ab.v={type:"right",x:M};R.x=M-R.w}}}}}}if(ab.h!=null&&ab.v!=null){break}}}this.hideSnapLine();var ah=$("#designer_canvas");if(ab.attach!=null){var Y=$("#designer_op_snapline_attach");if(Y.length==0){Y=$("
").appendTo(ah)}var I=ab.attach;var al=I.lineStyle.lineWidth;Y.css({width:(I.props.w+al).toScale(),height:(I.props.h+al).toScale(),left:(I.props.x-al/2).toScale()-2,top:(I.props.y-al/2).toScale()-2,"z-index":$("#"+I.id).css("z-index")}).show()}if(ab.h!=null){var i=$("#designer_op_snapline_h");if(i.length==0){i=$("
").appendTo(ah)}i.css({width:ah.width()+Designer.config.pageMargin*2,left:-Designer.config.pageMargin,top:Math.round(ab.h.y.toScale()),"z-index":Model.orderList.length+1}).show()}if(ab.v!=null){var Z=$("#designer_op_snapline_v");if(Z.length==0){Z=$("
").appendTo(ah)}Z.css({height:ah.height()+Designer.config.pageMargin*2,top:-Designer.config.pageMargin,left:Math.round(ab.v.x.toScale()),"z-index":Model.orderList.length+1}).show()}return ab},snapResizeLine:function(K,I,J){var L=K.y;var i=K.y+K.h/2;var P=K.y+K.h;var Q=K.x;var C=K.x+K.w/2;var D=K.x+K.w;var R=2;var N={v:null,h:null};for(var F=Model.orderList.length-1;F>=0;F--){var B=Model.orderList[F].id;var U=Model.getShapeById(B);if(U.name=="linker"||I.indexOf(B)>=0||U.parent){continue}var H=U.props;if(N.h==null&&(J.indexOf("t")>=0||J.indexOf("b")>=0)){var T=H.y;var V=H.y+H.h/2;var O=H.y+H.h;if(V>=i-R&&V<=i+R){N.h={type:"middle",y:V};if(J.indexOf("t")>=0){K.h=(P-V)*2;K.y=P-K.h}else{K.h=(V-K.y)*2}}else{if(J.indexOf("t")>=0&&T>=L-R&&T<=L+R){N.h={type:"top",y:T};K.y=T;K.h=P-T}else{if(J.indexOf("b")>=0&&O>=P-R&&O<=P+R){N.h={type:"bottom",y:O};K.h=O-L}else{if(J.indexOf("t")>=0&&O>=L-R&&O<=L+R){N.h={type:"top",y:O};K.y=O;K.h=P-O}else{if(J.indexOf("b")>=0&&T>=P-R&&T<=P+R){N.h={type:"bottom",y:T};K.h=T-K.y}}}}}}if(N.v==null&&(J.indexOf("l")>=0||J.indexOf("r")>=0)){var p=H.x;var A=H.x+H.w/2;var G=H.x+H.w;if(A>=C-R&&A<=C+R){N.v={type:"center",x:A};if(J.indexOf("l")>=0){K.w=(D-A)*2;K.x=D-K.w}else{K.w=(A-K.x)*2}}else{if(J.indexOf("l")>=0&&p>=Q-R&&p<=Q+R){N.v={type:"left",x:p};K.x=p;K.w=D-p}else{if(J.indexOf("r")>=0&&G>=D-R&&G<=D+R){N.v={type:"right",x:G};K.w=G-K.x}else{if(J.indexOf("l")>=0&&G>=Q-R&&G<=Q+R){N.v={type:"left",x:G};K.x=G;K.w=D-G}else{if(J.indexOf("r")>=0&&p>=D-R&&p<=D+R){N.v={type:"right",x:p};K.w=p-K.x}}}}}}if(N.h!=null&&N.v!=null){break}}this.hideSnapLine();var S=$("#designer_canvas");if(N.h!=null){var E=$("#designer_op_snapline_h");if(E.length==0){E=$("
").appendTo(S)}E.css({width:S.width()+Designer.config.pageMargin*2,left:-Designer.config.pageMargin,top:Math.round(N.h.y.toScale()),"z-index":Model.orderList.length+1}).show()}if(N.v!=null){var M=$("#designer_op_snapline_v");if(M.length==0){M=$("
").appendTo(S)}M.css({height:S.height()+Designer.config.pageMargin*2,top:-Designer.config.pageMargin,left:Math.round(N.v.x.toScale()),"z-index":Model.orderList.length+1}).show()}return N},hideSnapLine:function(){$("#designer_op_snapline_h").hide();$("#designer_op_snapline_v").hide();$("#designer_op_snapline_attach").hide()},linkDashboard:function(q){var m=Model.getShapeById(q.from.id);var t=m.category;if($("#panel_"+t).length!=0){var p=$("#shape_dashboard_"+t);if(p.length==0){p=$("").appendTo("#designer_canvas");function r(b,d){var e="
";var c=$(e).appendTo(p);if(d){c.append("
")}var a=c.children()[0];Designer.painter.drawPanelItem(a,b.name)}for(var l in Schema.shapes){var o=Schema.shapes[l];if((o.category=="process_bpmn2"||o.category=="process.bpmn2"||o.category=="bpmn")&&checkRunningTimeShape(o)){continue}if(o.category==t){var s=o.attribute;if(s.visible&&s.linkable){if(!o.groupName){r(o)}else{var k=SchemaGroup.getGroup(o.groupName);if(k[0]==o.name){r(o,o.groupName)}}}}}p.bind("mousemove",function(a){a.stopPropagation()}).bind("mousedown",function(a){a.stopPropagation()})}p.css({left:q.to.x.toScale(),top:q.to.y.toScale(),"z-index":Model.orderList.length}).show();p.find(".link_shape_icon").unbind().bind("mousedown",function(f){f.stopPropagation();var a=$(this).attr("group");var d=$(this).parent().position();var e=p.position();var b=d.left+e.left+$(this).parent().outerWidth()-10;var c=d.top+e.top+$(this).parent().outerHeight();Designer.op.groupDashboard(a,b,c,function(g){n(g);p.hide();$(document).unbind("mousedown.dashboard")})}).bind("click",function(a){a.stopPropagation()});p.children(".dashboard_box").unbind().bind("click",function(){p.hide();$(document).unbind("mousedown.dashboard");var a=$(this);var b=a.attr("shapeName");n(b)});initRunningDashboard(p);$(document).bind("mousedown.dashboard",function(){p.hide();$(document).unbind("mousedown.dashboard")});function n(e){var y=Schema.shapes[e];var d=Utils.getEndpointAngle(q,"to");var b=Utils.getAngleDir(d);var f=y.getAnchors();var A;if(b==1){var c=null;for(var j=0;jg){g=z.x;A=z}}}else{if(b==3){var h=null;for(var j=0;jh){h=z.y;A=z}}}else{if(b==4){var B=null;for(var j=0;j").appendTo("#designer_canvas");var i=SchemaGroup.getGroup(m);for(var r=0;r").appendTo(o);var u=q.children("canvas")[0];Designer.painter.drawPanelItem(u,p.name)}}o.bind("mousedown",function(a){a.stopPropagation()})}o.css({left:s,top:n,"z-index":Model.orderList.length+1}).show();$(".dashboard_box").unbind().bind("click",function(){var a=$(this).attr("shapeName");t(a);o.hide();$(document).unbind("mousedown.group_dashboard")});$(document).bind("mousedown.group_dashboard",function(){o.hide();$(document).unbind("mousedown.group_dashboard")});return o},showPanelGroup:function(o,z,t){z.stopPropagation();var s=$("#group_dashboard_"+o);$(".group_dashboard").hide();if(s.length==0){s=$("").appendTo("#designer");var i=SchemaGroup.getGroup(o);for(var v=0;v").appendTo(s);var x=u.children("canvas")[0];Designer.painter.drawPanelItem(x,r.name)}}s.css("position","fixed")}var p=$(t).parent();var w=p.offset();s.show();var q=w.top+p.height();if(q+s.outerHeight()>$(window).height()){q=$(window).height()-s.outerHeight()}s.css({left:w.left-7,top:q});$(document).bind("mousedown.group_board",function(){s.hide();$(document).unbind("mousedown.group_board")})},changeShapeProps:function(j,o){function p(e){if(typeof o.x!="undefined"){e.x+=(o.x-j.props.x)}if(typeof o.y!="undefined"){e.y+=(o.y-j.props.y)}if(typeof o.w!="undefined"||typeof o.h!="undefined"||typeof o.angle!="undefined"){var f=$.extend({},j.props,o);var g={x:j.props.x+j.props.w/2,y:j.props.y+j.props.h/2};var b=Utils.getRotated(g,e,-j.props.angle);var c=j.props.w;var h=j.props.h;if(typeof o.w!="undefined"){e.x=j.props.x+(b.x-j.props.x)/j.props.w*o.w;c=o.w}else{e.x=b.x}if(typeof o.h!="undefined"){e.y=j.props.y+(b.y-j.props.y)/j.props.h*o.h;h=o.h}else{e.y=b.y}var d={x:j.props.x+c/2,y:j.props.y+h/2};var a=Utils.getRotated(d,e,f.angle);e.x=a.x;e.y=a.y}if(typeof o.angle!="undefined"){e.angle+=o.angle-j.props.angle}}var m=[];var l=Model.getShapeLinkers(j.id);if(l&&l.length>0){for(var i=0;i").appendTo("#designer_viewport")}j.html("选择目标图形并使用格式刷样式
Esc取消").show();$(document).unbind("keydown.cancelbrush").bind("keydown.cancelbrush",function(a){if(a.keyCode==27){$("#bar_brush").button("unselect");j.hide();$(document).unbind("keydown.cancelbrush");Utils.selectCallback=null;$("#bar_brush").button("disable")}});Utils.selectCallback=function(){var b=Utils.getSelected();for(var a=0;a1){k=1}var i={x:(1-k)*c.x+k*d.x,y:(1-k)*c.y+k*d.y};var a=Utils.measureDistance(j,i);if(a>=f[e]||k>=1){if(g){this.lineTo(i.x,i.y)}else{this.moveTo(i.x,i.y)}g=!g;j=i;e++;if(e>=f.length){e=0}}}this.moveTo(d.x,d.y)}else{this.lineTo(d.x,d.y)}this.prePoint=d;if(this.beginPoint==null){this.beginPoint=d}},curve:function(e){if(typeof this.webkitLineDash!="undefined"&&typeof this.lineDashOffset=="undefined"&&this.lineWidth!=0){var g=this.webkitLineDash;var d=this.prePoint;var i=Utils.measureDistance(d,e);var n=0;var b=1/i;var l=d;var f=0;var h=true;var c=0;while(n<1){n+=b;if(n>1){n=1}var k={x:d.x*Math.pow((1-n),3)+e.x1*n*Math.pow((1-n),2)*3+e.x2*Math.pow(n,2)*(1-n)*3+e.x*Math.pow(n,3),y:d.y*Math.pow((1-n),3)+e.y1*n*Math.pow((1-n),2)*3+e.y2*Math.pow(n,2)*(1-n)*3+e.y*Math.pow(n,3)};var a=Utils.measureDistance(l,k);if(a>=g[f]||n>=1){if(h){var m=c+(n-c)/2;var j={x:d.x*Math.pow((1-m),3)+e.x1*m*Math.pow((1-m),2)*3+e.x2*Math.pow(m,2)*(1-m)*3+e.x*Math.pow(m,3),y:d.y*Math.pow((1-m),3)+e.y1*m*Math.pow((1-m),2)*3+e.y2*Math.pow(m,2)*(1-m)*3+e.y*Math.pow(m,3)};this.lineTo(j.x,j.y);this.lineTo(k.x,k.y)}else{this.moveTo(k.x,k.y)}h=!h;l=k;c=n;f++;if(f>=g.length){f=0}}}this.moveTo(e.x,e.y)}else{this.bezierCurveTo(e.x1,e.y1,e.x2,e.y2,e.x,e.y)}this.prePoint=e;if(this.beginPoint==null){this.beginPoint=e}},quadraticCurve:function(e){if(typeof this.webkitLineDash!="undefined"&&typeof this.lineDashOffset=="undefined"&&this.lineWidth!=0){var g=this.webkitLineDash;var d=this.prePoint;var i=Utils.measureDistance(d,e);var n=0;var b=1/i;var l=d;var f=0;var h=true;var c=0;while(n<1){n+=b;if(n>1){n=1}var k={x:d.x*Math.pow((1-n),2)+e.x1*n*(1-n)*2+e.x*Math.pow(n,2),y:d.y*Math.pow((1-n),2)+e.y1*n*(1-n)*2+e.y*Math.pow(n,2)};var a=Utils.measureDistance(l,k);if(a>=g[f]||n>=1){if(h){var m=c+(n-c)/2;var j={x:d.x*Math.pow((1-m),2)+e.x1*m*(1-m)*2+e.x*Math.pow(m,2),y:d.y*Math.pow((1-m),2)+e.y1*m*(1-m)*2+e.y*Math.pow(m,2)};this.lineTo(j.x,j.y);this.lineTo(k.x,k.y)}else{this.moveTo(k.x,k.y)}h=!h;l=k;c=n;f++;if(f>=g.length){f=0}}}this.moveTo(e.x,e.y)}else{this.quadraticCurveTo(e.x1,e.y1,e.x,e.y)}this.prePoint=e;if(this.beginPoint==null){this.beginPoint=e}},close:function(){if(typeof this.webkitLineDash!="undefined"&&typeof this.lineDashOffset=="undefined"&&this.lineWidth!=0){var f=this.webkitLineDash;var c=this.prePoint;var d=this.beginPoint;var h=Utils.measureDistance(c,d);var k=0;var b=1/h;var j=c;var e=0;var g=true;while(k<1){k+=b;if(k>1){k=1}var i={x:(1-k)*c.x+k*d.x,y:(1-k)*c.y+k*d.y};var a=Utils.measureDistance(j,i);if(a>=f[e]||k>=1){if(g){this.lineTo(i.x,i.y)}else{this.moveTo(i.x,i.y)}g=!g;j=i;e++;if(e>=f.length){e=0}}}}this.closePath()}},setLineDash:function(d,c){if(!d.setLineDash){d.setLineDash=function(){}}d.setLineDash(c);d.mozDash=c;d.webkitLineDash=c},renderShapePath:function(f,e,h){var g;if(h&&e.drawIcon){g=e.drawIcon(e.props.w,e.props.h)}else{g=e.getPath()}this.renderPath(f,e,g,h)},renderPath:function(m,o,i,t){for(var q=0;q=Designer.config.panelItemWidth||l.h>=Designer.config.panelItemWidth){if(h.props.w>=h.props.h){l.w=Designer.config.panelItemWidth-h.lineStyle.lineWidth*2;l.h=parseInt(h.props.h/h.props.w*l.w)}else{l.h=Designer.config.panelItemHeight-h.lineStyle.lineWidth*2;l.w=parseInt(h.props.w/h.props.h*l.h)}}h.props=l;i.save();i.lineJoin="round";i.globalAlpha=h.shapeStyle.alpha;var j=(Designer.config.panelItemWidth-l.w)/2;var k=(Designer.config.panelItemHeight-l.h)/2;i.translate(j,k);i.translate(l.w/2,l.h/2);i.rotate(l.angle);i.translate(-(l.w/2),-(l.h/2));this.renderShapePath(i,h,true,function(){Designer.painter.drawPanelItem(n,m)});this.renderMarkers(i,h,true);i.restore()},handleShapeConfigData:function(dataArray,q,attributesJsonArray){var temp1;for(var i=q.dataAttributes.length-1;i>=0;i--){temp1=q.dataAttributes[i];var hor=temp1.horizontal;var ver=temp1.vertical;if(temp1.hasOwnProperty("attributesJsonArray")){var temp2=temp1.dataShowConfig;if(temp2!=undefined){temp2.value=[]}break}}var key=q.name;for(var i=0;i0){for(var j=0;j=0&&(cfgContent+'').trim().length>0){cfgContent="("+temp.attrName+")"+cfgContent}if(attrType=="relation"&&cfgContent.length==0){cfgContent=""}else if(attrType=="relation"&&cfgContent.length>0){var shapeIdAttrId=q.id+"_"+attrId;var relationData=relationShapeModelObject;var relationValue="";for(var j=0;j0){for(i=0;i=0)){tempCommonShapeConfig.push(commonShapeConfig[i])}}}}if(tempCommonShapeConfig.length>0){dataArray=specialShapeConfig.concat(tempCommonShapeConfig)}else{dataArray=specialShapeConfig}this.handleShapeConfigData(dataArray,q,attributesJsonArray)}}var o=$("#"+q.id);if(o.length==0){var v=$("#designer_canvas");o=$("
").appendTo(v)}var t=Utils.getShapeBox(q);var w=(t.w+20).toScale();var s=(t.h+20).toScale();o.find(".shape_canvas").attr({width:w,height:s});o.css({left:(t.x-10).toScale()+"px",top:(t.y-10).toScale()+"px",width:w,height:s});var n=o.find(".shape_canvas")[0].getContext("2d");n.clearRect(0,0,q.props.w+20,q.props.h+20);n.scale(Designer.config.scale,Designer.config.scale);n.translate(10,10);n.translate(q.props.x-t.x,q.props.y-t.y);n.translate(q.props.w/2,q.props.h/2);n.rotate(q.props.angle);n.translate(-(q.props.w/2),-(q.props.h/2));var x=q.lineStyle;n.globalAlpha=q.shapeStyle.alpha;n.lineJoin="round";this.renderShapePath(n,q);this.renderMarkers(n,q);var m=q.getPath();var p=Utils.copy(m[m.length-1]);p.fillStyle={type:"none"};p.lineStyle={lineWidth:0};var u=[p];this.renderPath(n,q,u);this.renderText(q,t);this.renderDataAttributes(q,t);Designer.painter.renderShapeLink(o,q);Designer.painter.renderSahpeAttachment(o,q);if(q.attributesJsonArray!=undefined&&q.attributesJsonArray.length>0){o.find(".shape_danger").remove();o.find(".shape_regulate").remove();var A=false;var z=false;for(var r in q.attributesJsonArray){var l=q.attributesJsonArray[r];if(l!=undefined&&l.key=="danger"&&l.value!=undefined&&l.value!=""&&relationShapesObject!=undefined){if(typeof l.value=='object'&&l.value.constructor==Array){for(var m=0;m").appendTo(o)}}},fillShape:function(n,i,h){i.save();if(h.type=="solid"){i.fillStyle="rgb("+h.color+")";i.fill()}else{if(h.type=="gradient"){var j;if(h.gradientType=="linear"){j=GradientHelper.createLinearGradient(n,i,h)}else{j=GradientHelper.createRadialGradient(n,i,h)}i.fillStyle=j;i.fill()}else{if(h.type=="image"){var m=h.fileId;var k=$(".shape_img[src='"+m+"']");if(k.length==0){k=$("").appendTo("#shape_img_container");k.bind("load.drawshape",function(){var b=(Designer.config.panelItemWidth-n.props.w)/2;var a=(Designer.config.panelItemHeight-n.props.h)/2;i.translate(b,a);l(k);i.restore();$(this).attr("loaded","1")});k.attr("src",m)}else{if(k.attr("loaded")=="0"){k.bind("load.drawshape",function(){var b=0;var a=0;i.translate(b,a);l(k);i.restore()})}else{l(k)}}}}}i.restore();function l(r){i.save();i.clip();if(h.display=="fit"){var d=r.width();var q=r.height();var a=d/q;var e=n.props.w/n.props.h;if(a>e){var g=n.props.w;var b=0;var s=g/a;var c=n.props.h/2-s/2;i.drawImage(r[0],b,c,g,s)}else{var s=n.props.h;var c=0;var g=s*a;var b=n.props.w/2-g/2;i.drawImage(r[0],b,c,g,s)}}else{if(h.display=="stretch"){i.drawImage(r[0],0,0,n.props.w,n.props.h)}else{if(h.display=="original"){var d=r.width();var q=r.height();var b=n.props.w/2-d/2;var c=n.props.h/2-q/2;i.drawImage(r[0],b,c,d,q)}else{if(h.display=="tile"){var b=0;var d=r.width();var q=r.height();while(be){var s=n.props.h;var c=0;var g=s*a;var b=n.props.w/2-g/2;i.drawImage(r[0],b,c,g,s)}else{var g=n.props.w;var b=0;var s=g/a;var c=n.props.h/2-s/2;i.drawImage(r[0],b,c,g,s)}}}}}}}i.restore()}},renderText:function(z,r){var B=$("#"+z.id);var v=B.find(".text_canvas[forshape="+z.id+"]");if(v.length==0){v=$("").appendTo(B);v.bind("focus",function(){$(this).blur()})}v.attr("readonly","readonly");if(z.text==null||z.text.trim()==""){v.css({height:"0px",width:"0px"}).hide();return}var C=z.fontStyle;var G={"line-height":Math.round(C.size*1.25)+"px","font-size":C.size+"px","font-family":C.fontFamily,"font-weight":C.bold?"bold":"normal","font-style":C.italic?"italic":"normal","text-align":C.textAlign,color:"rgb("+C.color+")","text-decoration":C.underline?"underline":"none",opacity:z.shapeStyle.alpha};v.css(G);v.show();var s=z.getTextBlock();if(z.fontStyle.orientation=="horizontal"){var D={x:s.x+s.w/2,y:s.y+s.h/2};s={x:D.x-s.h/2,y:D.y-s.w/2,w:s.h,h:s.w}}v.css({width:s.w});v.height(0);v.val(z.text);v.scrollTop(99999);var E=v.scrollTop();var y=0;if(C.vAlign=="middle"){y=(s.y+s.h/2-E/2)}else{if(z.fontStyle.vAlign=="bottom"){y=(s.y+s.h-E)}else{y=s.y}}var t={x:s.x+s.w/2,y:y+E/2};var w=z.props.angle;if(w!=0){var H={x:z.props.w/2,y:z.props.h/2};t=Utils.getRotated(H,t,w)}if(C.orientation=="horizontal"){w=(Math.PI*1.5+w)%(Math.PI*2)}var F=Math.round(w/(Math.PI*2)*360);var x="rotate("+F+"deg) scale("+Designer.config.scale+")";var A=s.w;var u=E;v.css({width:A,height:u,left:(t.x+(z.props.x-r.x)+10).toScale()-s.w/2,top:(t.y+(z.props.y-r.y)+10).toScale()-E/2,"-webkit-transform":x,"-ms-transform":x,"-o-transform":x,"-moz-transform":x,transform:x})},calculateTextLines:function(D,i,z){var E=i.w;var w=i.h;var J=[];var H=D.split(/\n/);for(var x=0;xE){for(var I=0;IE){J.push(F);F=j[I]}else{F=p}}}else{var p=F+j;var G=z.measureText(p).width;if(G>E){J.push(F);F=j}else{F=p}}}if(F!=""){J.push(F)}}}return J},renderMarkers:function(n,r,v){if(r.attribute&&r.attribute.markers&&r.attribute.markers.length>0){var u=r.attribute.markers;var i=Schema.config.markerSize;var q=4;if(v){i=10}var t=r.attribute.markerOffset;if(v){t=5}var w=u.length*i+(u.length-1)*q;var p=r.props.w/2-w/2;for(var s=0;s0){for(var n=0;n").appendTo($("#"+i.id));var b=H[0].getContext("2d");var w="12px ";w+=i.fontStyle.fontFamily;b.font=w;var D=b.measureText(y).width;var a=20;if(x!=""){D+=20}var E,F;if(h=="mostleft"){E=-D-2}else{if(h=="leftedge"){E=-D/2}else{if(h=="left"){E=2}else{if(h=="center"){E=(i.props.w-D)/2}else{if(h=="right"){E=i.props.w-D-2;if(h=="rightedge"){E=i.props.w-D/2}else{E=i.props.w+2}}}}}}if(I=="mosttop"){F=-a}else{if(I=="topedge"){F=-a/2}else{if(I=="top"){F=0}else{if(I=="middle"){F=(i.props.h-a)/2}else{if(I=="bottom"){F=i.props.h-a}else{if(I=="bottomedge"){F=i.props.h-a/2}else{F=i.props.h}}}}}}var g={x:E,y:F,w:D,h:a};var G=Utils.getRotatedBox(g,i.props.angle,n);H.attr({width:G.w.toScale(),height:G.h.toScale()});b.font=w;var d=(G.x+(i.props.x-k.x)+10).toScale();var e=(G.y+(i.props.y-k.y)+10).toScale();if(h!="mostleft"||h=="left"||h!="right"){H.css({left:d,top:e})}b.scale(Designer.config.scale,Designer.config.scale);b.translate(G.w/2,G.h/2);b.rotate(i.props.angle);b.translate(-G.w/2,-G.h/2);b.translate((G.w-g.w)/2,(G.h-g.h)/2);b.globalAlpha=i.shapeStyle.alpha;if(c.type=="link"){b.fillStyle="#4183C4"}else{b.fillStyle="#333"}if(c.showType=="text"){b.fillStyle="#696969"}if(c.showType=="attr"){b.fillStyle="#191970"}b.textBaseline="middle";if(D>i.props.w){var tempShapeWidth=i.props.w;if(tempShapeWidth<100){tempShapeWidth=100}H[0].width=tempShapeWidth+10;H[0].height=Math.ceil(D/tempShapeWidth)*10+15;for(var v=0;v1){H.css({left:15,top:e})}if(h=="right"&&I!="mosttop"&&I!="bottom"){d=tempShapeWidth/4;H.css({left:d,top:e})}}else{if(h=="mostleft"){d=-D;H.css({left:d,top:e})}if(h=="right"){d=i.props.w-D;H.css({left:d,top:e})}b.fillText(y,0,a/2)}if(x!=""){if(x.indexOf("&#x")>=0){var icon=x.split("|")[0];var iconColor=x.split("|")[1];b.font="19px awsui-iconfont";icon=eval("('"+icon.replace('&#x','\\u').replace(';','')+"')");b.fillStyle=iconColor;b.fillText(icon,0,a/2);iconCavCode=H[0].toDataURL("image/png");c.iconCavCode=iconCavCode}else{var J="/images/data-attr/"+x+".png";var f=$(".shape_img[src='"+J+"']");if(f.length==0){f=$("").appendTo("#shape_img_container")}if(f.attr("loaded")=="true"){b.drawImage(f[0],g.w-20,0,20,20)}else{f.bind("load.drawshape",function(){$(this).attr("loaded","true");b.drawImage(f[0],g.w-20,0,20,20)})}}}b.beginPath();b.rect(0,0,D,a);b.closePath()}},renderLinker:function(h,k){if(k){h.points=Utils.getLinkerPoints(h)}if(h.linkerType=="curve"||h.linkerType=="broken"){if(!h.points||h.points.length==0){h.points=Utils.getLinkerPoints(h)}}var q=h.points;var o=Utils.copy(h.from);var a=Utils.copy(h.to);if(h.attribute&&h.attribute.collapseBy){$("#"+h.id).hide();return}else{$("#"+h.id).show()}var p=Utils.getEndpointAngle(h,"from");var d=Utils.getEndpointAngle(h,"to");var b=Utils.getLinkerLineStyle(h.lineStyle);l(o,h,b.beginArrowStyle,p);l(a,h,b.endArrowStyle,d);var B=a.x;var x=a.y;var y=o.x;var w=o.y;if(a.xy){y=n.x}}if(n.yw){w=n.y}}}var f={x:B,y:x,w:y-B,h:w-x};var C=$("#"+h.id);if(C.length==0){var g=$("#designer_canvas");C=$("
").appendTo(g)}if(!Model.getShapeById(h.id)){C.css("z-index",Model.orderList.length+1)}var A=C.find(".shape_canvas");A.attr({width:(f.w+20).toScale(),height:(f.h+20).toScale()});C.css({left:(f.x-10).toScale(),top:(f.y-10).toScale(),width:(f.w+20).toScale(),height:(f.h+20).toScale()});var m=A[0].getContext("2d");m.scale(Designer.config.scale,Designer.config.scale);m.translate(10,10);var s=Utils.getLinkerLineStyle(h.lineStyle);m.lineWidth=s.lineWidth;m.strokeStyle="rgb("+s.lineColor+")";m.fillStyle="rgb("+s.lineColor+")";m.save();var z={x:o.x-f.x,y:o.y-f.y};var c={x:a.x-f.x,y:a.y-f.y};m.save();if(s.lineStyle=="dashed"){this.setLineDash(m,[s.lineWidth*5,s.lineWidth*2])}else{if(s.lineStyle=="dot"){this.setLineDash(m,[s.lineWidth,s.lineWidth*1.5])}else{if(s.lineStyle=="dashdot"){this.setLineDash(m,[s.lineWidth*5,s.lineWidth*2,s.lineWidth,s.lineWidth*2])}}}m.lineJoin="round";m.beginPath();this.actions.move.call(m,z);if(h.linkerType=="curve"){var v=q[0];var u=q[1];var t={x1:v.x-f.x,y1:v.y-f.y,x2:u.x-f.x,y2:u.y-f.y,x:c.x,y:c.y};this.actions.curve.call(m,t)}else{for(var r=0;r").appendTo(m)}var n=l.fontStyle;var p="scale("+Designer.config.scale+")";var r={"line-height":Math.round(n.size*1.25)+"px","font-size":n.size+"px","font-family":n.fontFamily,"font-weight":n.bold?"bold":"normal","font-style":n.italic?"italic":"normal","text-align":n.textAlign,color:"rgb("+n.color+")","text-decoration":n.underline?"underline":"none","-webkit-transform":p,"-ms-transform":p,"-o-transform":p,"-moz-transform":p,transform:p};q.css(r);if(l.text==null||l.text==""){q.hide();return}q.show();var k=l.text.replace(//g,">").replace(/\n/g,"
");q.html(k+"
");var j=this.getLinkerMidpoint(l);var o=m.position();q.css({left:j.x.toScale()-o.left-q.width()/2,top:j.y.toScale()-o.top-q.height()/2})},getLinkerMidpoint:function(z){var w={};if(z.linkerType=="normal"){w={x:0.5*z.from.x+0.5*z.to.x,y:0.5*z.from.y+0.5*z.to.y}}else{if(z.linkerType=="curve"){var d=z.from;var q=z.points[0];var v=z.points[1];var x=z.to;w={x:d.x*0.125+q.x*0.375+v.x*0.375+x.x*0.125,y:d.y*0.125+q.y*0.375+v.y*0.375+x.y*0.125}}else{var u=[];u.push(z.from);u=u.concat(z.points);u.push(z.to);var r=0;for(var A=1;As){var p=(s-B)/y;w={x:(1-p)*q.x+p*v.x,y:(1-p)*q.y+p*v.y};break}B=t}}}return w},controlStatus:{resizeDir:[],rotatable:true},drawControls:function(m){var n=$("#shape_controls");if(n.length==0){var r=$("#designer_canvas");n=$("
").appendTo(r);n.append("");n.append("
");n.append("
");n.append("
");n.append("
");n.append("
");n.append("
");n.append("
");n.append("
");Designer.op.shapeResizable();n.append("");Designer.op.shapeRotatable();n.append("
");Designer.op.groupShapeChangable();$(".shape_controller").css({"border-color":Designer.config.anchorColor,width:Designer.config.anchorSize-2,height:Designer.config.anchorSize-2})}$(".shape_controller").css({"z-index":Model.orderList.length});$(".change_shape_icon").hide();n.show();var p=0;var i;var q;if(m.length==1){var l=Model.getShapeById(m[0]);i=l.props;p=l.props.angle;q=l.resizeDir;if(l.groupName&&SchemaGroup.groupExists(l.groupName)){$(".change_shape_icon").show()}}else{i=Utils.getControlBox(m);q=["tl","tr","br","bl"]}var t=true;for(var o=0;o1)){q=[]}}this.controlStatus.rotatable=t;this.controlStatus.resizeDir=q;this.rotateControls(i,p);return n},rotateControls:function(R,E){var O=$("#shape_controls");var N=Utils.getRotatedBox(R,E);var i=N.w.toScale();var Q=N.h.toScale();O.css({left:N.x.toScale(),top:N.y.toScale(),width:i,height:Q,"z-index":Model.orderList.length});var P=i+20;var K=Q+20;var S=$("#controls_bounding");S.attr({width:P,height:K});var J=S[0].getContext("2d");J.lineJoin="round";if(this.controlStatus.resizeDir.length==0){J.lineWidth=2;J.strokeStyle=Designer.config.selectorColor;J.globalAlpha=0.8}else{J.lineWidth=1;J.strokeStyle=Designer.config.selectorColor;J.globalAlpha=0.5}J.save();J.clearRect(0,0,P,K);J.translate(P/2,K/2);J.rotate(E);J.translate(-P/2,-K/2);J.translate(9.5,9.5);var W={x:Math.round((R.x-N.x).toScale()),y:Math.round((R.y-N.y).toScale()),w:Math.floor(R.w.toScale()+1),h:Math.floor(R.h.toScale()+1)};J.strokeRect(W.x,W.y,W.w,W.h);J.restore();var A=0-Designer.config.anchorSize/2;var G={};R=Utils.toScale(R);N=Utils.toScale(N);var D={x:(R.x+R.w/2),y:R.y+R.h/2};O.children(".shape_controller").hide();for(var H=0;H=0){U=R.x}else{if(L.indexOf("r")>=0){U=R.x+R.w}else{U=R.x+R.w/2}}if(L.indexOf("t")>=0){V=R.y}else{if(L.indexOf("b")>=0){V=R.y+R.h}else{V=R.y+R.h/2}}var T=Utils.getRotated(D,{x:U,y:V},E);X.css({left:T.x-N.x+A,top:T.y-N.y+A})}var M=Math.PI/8;O.children(".shape_controller").removeClass("s n e w");if(E>M&&E<=M*3){O.children("div[resizeDir=tl]").addClass("n");O.children("div[resizeDir=tr]").addClass("e");O.children("div[resizeDir=br]").addClass("s");O.children("div[resizeDir=bl]").addClass("w");O.children("div[resizeDir=l]").addClass("n w");O.children("div[resizeDir=r]").addClass("s e");O.children("div[resizeDir=b]").addClass("s w");O.children("div[resizeDir=t]").addClass("n e")}else{if(E>M*3&&E<=M*5){O.children("div[resizeDir=tl]").addClass("n e");O.children("div[resizeDir=tr]").addClass("s e");O.children("div[resizeDir=br]").addClass("s w");O.children("div[resizeDir=bl]").addClass("n w");O.children("div[resizeDir=l]").addClass("n");O.children("div[resizeDir=r]").addClass("s");O.children("div[resizeDir=b]").addClass("w");O.children("div[resizeDir=t]").addClass("e")}else{if(E>M*5&&E<=M*7){O.children("div[resizeDir=tl]").addClass("e");O.children("div[resizeDir=tr]").addClass("s");O.children("div[resizeDir=br]").addClass("w");O.children("div[resizeDir=bl]").addClass("n");O.children("div[resizeDir=l]").addClass("n e");O.children("div[resizeDir=r]").addClass("s w");O.children("div[resizeDir=b]").addClass("n w");O.children("div[resizeDir=t]").addClass("s e")}else{if(E>M*7&&E<=M*9){O.children("div[resizeDir=tl]").addClass("s e");O.children("div[resizeDir=tr]").addClass("s w");O.children("div[resizeDir=br]").addClass("n w");O.children("div[resizeDir=bl]").addClass("n e");O.children("div[resizeDir=l]").addClass("e");O.children("div[resizeDir=r]").addClass("w");O.children("div[resizeDir=b]").addClass("n");O.children("div[resizeDir=t]").addClass("s")}else{if(E>M*9&&E<=M*11){O.children("div[resizeDir=tl]").addClass("s");O.children("div[resizeDir=tr]").addClass("w");O.children("div[resizeDir=br]").addClass("n");O.children("div[resizeDir=bl]").addClass("e");O.children("div[resizeDir=l]").addClass("s e");O.children("div[resizeDir=r]").addClass("n w");O.children("div[resizeDir=b]").addClass("n e");O.children("div[resizeDir=t]").addClass("s w")}else{if(E>M*11&&E<=M*13){O.children("div[resizeDir=tl]").addClass("s w");O.children("div[resizeDir=tr]").addClass("n w");O.children("div[resizeDir=br]").addClass("n e");O.children("div[resizeDir=bl]").addClass("s e");O.children("div[resizeDir=l]").addClass("s");O.children("div[resizeDir=r]").addClass("n");O.children("div[resizeDir=b]").addClass("e");O.children("div[resizeDir=t]").addClass("w")}else{if(E>M*13&&E<=M*15){O.children("div[resizeDir=tl]").addClass("w");O.children("div[resizeDir=tr]").addClass("n");O.children("div[resizeDir=br]").addClass("e");O.children("div[resizeDir=bl]").addClass("s");O.children("div[resizeDir=l]").addClass("s w");O.children("div[resizeDir=r]").addClass("n e");O.children("div[resizeDir=b]").addClass("s e");O.children("div[resizeDir=t]").addClass("n w")}else{O.children("div[resizeDir=tl]").addClass("n w");O.children("div[resizeDir=tr]").addClass("n e");O.children("div[resizeDir=br]").addClass("s e");O.children("div[resizeDir=bl]").addClass("s w");O.children("div[resizeDir=l]").addClass("w");O.children("div[resizeDir=r]").addClass("e");O.children("div[resizeDir=b]").addClass("s");O.children("div[resizeDir=t]").addClass("n")}}}}}}}if(this.controlStatus.rotatable){var B=O.find(".shape_rotater");B.show();var C={x:R.x+R.w/2,y:R.y-20};var F=Utils.getRotated(D,C,E);B.css({top:F.y-20-N.y,left:F.x-20.5-N.x});var I=B[0].getContext("2d");I.lineWidth=1;I.strokeStyle=Designer.config.selectorColor;I.fillStyle="white";I.save();I.clearRect(0,0,41,40);I.translate(20.5,20);I.rotate(E);I.translate(-20.5,-20);I.beginPath();I.moveTo(20.5,20);I.lineTo(20.5,40);I.stroke();I.beginPath();I.arc(20.5,20,Designer.config.rotaterSize/2,0,Math.PI*2);I.closePath();I.fill();I.stroke();I.restore()}else{O.find(".shape_rotater").hide()}},renderShapeLink:function(o,q){o.find(".shape_link_point").remove();if(q.link){var y=$("
").appendTo(o);y.on("mousedown.link",function(I){I.stopPropagation();var c=Model.getShapeById($(this).parent().attr("id"));myshapeLink=c;if(c!=undefined){var k=c.props.x;var j=c.props.y;var B=c.props.w;var H=c.props.h;var b=$("#link-dialog-normal_contextmenu");b.empty();var D=[];for(var G=0;G0&&window.opener){var a=parent.window.$("#appId").val();var K={sid:$("#sid").val(),cmd:"com.actionsoft.apps.coe.pal_pl_repository_designer_viewer_link_perm",uuids:d,filePerms:filePerms};if(window.opener){K.modelType="used"}else{if(a!=undefined&&a!="com.actionsoft.apps.coe.pal"&&a!=""){K.modelType="published"}}awsui.ajax.request({url:"./jd",method:"POST",data:K,async:false,ok:function(L){var N=[];var M=L.data.uuids;for(var e=0;e"+C.name+"";if(role=="owner"){F+='
删除
"}F+="";b.append(F)}}}var g=Utils.getShapeByPosition(k,j,false);var J=Designer.clipboard.elements.length;if(g==null){if(J>0){b.children("li[ac=paste]").show();b.children(".devi_clip").show()}}else{var c=g.shape;b.children("li[ac=cut]").show()}b.css({display:"block","z-index":Model.orderList.length+3,left:k+B+10,top:j+H});$(document).on("mousedown.link",":not(#link-dialog-normal_contextmenu li):not(#link-dialog-normal_contextmenu ul):not(#link-dialog-normal_contextmenu a):not(#link-dialog-normal_contextmenu div)",function(h){if(this.id=="link-dialog-normal_contextmenu"){return false}b.hide()})}I.stopPropagation()})}},renderSahpeAttachment:function(o,q){o.find(".shape_attachment_point").remove();var selflist=[];var relatelist=[];var reqComplete=false;var reqMethod_renderSahpeAttachment=function(isAsync){$.ajax({method:"POST",async:isAsync,url:"./jd?sid="+encodeURIComponent(sid)+"&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_load",data:{pl_uuid:ruuid,uuids:q.id},success:function(msg){selflist=msg.data.list;$.ajax({method:"POST",async:isAsync,url:"./jd?sid="+encodeURIComponent(sid)+"&cmd=com.actionsoft.apps.coe.pal_processlevel_relation_upfile_load",data:{pl_uuid:ruuid,shape_uuid:q.id},success:function(msg){relatelist=msg.data.list;reqComplete=true}})}})};reqMethod_renderSahpeAttachment(true);var startTime=new Date().getTime();var intervalClr=window.setInterval(function(){var endTime=new Date().getTime();if(endTime-startTime>5000||reqComplete==true){window.clearInterval(intervalClr);if((selflist&&selflist.length>0)||(relatelist&&relatelist.length>0)){var y=$("
").appendTo(o);y.on("mousedown.attachment",function(I){I.stopPropagation();reqMethod_renderSahpeAttachment(false);var c=Model.getShapeById($(this).parent().attr("id"));myshapeLink=c;if(c!=undefined){var k=c.props.x;var j=c.props.y;var B=c.props.w;var H=c.props.h;var b=$("#attachment-dialog-normal_contextmenu");b.empty();b.append('');for(var s=0;s<2;s++){var attalist=selflist;var attaTypeName="附件";if(s==0){}else{attalist=relatelist;attaTypeName="关联附件"}if(attalist.length>0){b.append('
  • '+attaTypeName+'
    • ');for(var f=0;f'+atta.fileName+'';if(downloadPerm){F+='
    下载
    '}F+="";b.append(F)}}}if(selflist.length==0&&relatelist.length==0){b.append('
  • 无附件
    • ')}var g=Utils.getShapeByPosition(k,j,false);var J=Designer.clipboard.elements.length;if(g==null){if(J>0){b.children("li[ac=paste]").show();b.children(".devi_clip").show()}}else{var c=g.shape;b.children("li[ac=cut]").show()}b.css({display:"block","z-index":Model.orderList.length+3,left:k+B+10,top:j+H});$(document).on("mousedown.attachment",":not(#attachment-dialog-normal_contextmenu span):not(#attachment-dialog-normal_contextmenu li):not(#attachment-dialog-normal_contextmenu ul):not(#attachment-dialog-normal_contextmenu a):not(#attachment-dialog-normal_contextmenu div)",function(h){if(this.id=="attachment-dialog-normal_contextmenu"){return false}b.hide()})}I.stopPropagation()})}}},100)},}};var Model={define:{},persistence:{},orderList:[],maxZIndex:0,linkerMap:{map:{},add:function(c,d){if(!this.map[c]){this.map[c]=[]}if(this.map[c].indexOf(d)<0){this.map[c].push(d)}},remove:function(c,d){if(this.map[c]){Utils.removeFromArray(this.map[c],d)}},empty:function(){this.map={}}},groupMap:{map:{},add:function(d,c){this.map[d]=c},push:function(d,c){if(!this.map[d]){this.map[d]=[]}this.map[d].push(c)},remove:function(b){delete this.map[b]},empty:function(){this.map={}}},create:function(l,h,j){var m=Utils.newId();var o=Utils.copy(Schema.shapes[l]);o.id=m;o.props.x=h;o.props.y=j;o.props.zindex=Model.maxZIndex+1;o.props=$.extend(true,{},Schema.shapeDefaults.props,o.props);for(var k=0;k0){for(var n in Model.define.localAttribute[o.name]){i.attributesJsonArray.push(Utils.copy(Model.define.localAttribute[o.name][n]))}}}}Designer.events.push("create",o);return o},add:function(d,c){this.addMulti([d],c)},addMulti:function(f,h){if(typeof h=="undefined"){h=true}var g=[];for(var i=0;i0){for(var x=0;x0){this.updateMulti(z)}MessageSource.commit();return true},updatePage:function(f,h){var e=$.extend(Model.define.page,f);var g={page:Utils.copy(Model.persistence.page),update:Utils.copy(e)};Model.persistence.page=Utils.copy(e);MessageSource.send("updatePage",g);Designer.initialize.initCanvas()},updateLocalAttribute:function(e){var c=$.extend(Model.define.localAttribute,e);var f={localAttribute:Utils.copy(Model.persistence.localAttribute),update:Utils.copy(c)};Model.persistence.localAttribute=Utils.copy(c);MessageSource.send("updateLocalAttribute",f)},getShapeById:function(b){return this.define.elements[b]},getPersistenceById:function(b){return this.persistence.elements[b]},build:function(){this.orderList=[];this.linkerMap.empty();for(var h in Model.define.elements){var g=Model.getShapeById(h);this.orderList.push({id:g.id,zindex:g.props.zindex});if(g.name=="linker"){if(g.from.id!=null){this.linkerMap.add(g.from.id,g.id)}if(g.to.id!=null){this.linkerMap.add(g.to.id,g.id)}}if(g.group){this.groupMap.push(g.group,g.id)}}this.orderList.sort(function i(a,b){return a.zindex-b.zindex});for(var j=0;j0){f=this.orderList[this.orderList.length-1].zindex}this.maxZIndex=f},getShapeLinkers:function(b){return this.linkerMap.map[b]},getGroupShapes:function(b){return this.groupMap.map[b]},changeShape:function(e,f){var d=Schema.shapes[f];e.name=f;e.title=d.shapeName;e.attribute=d.attribute;e.dataAttributes=d.dataAttributes;e.path=d.path;e.textBlock=d.textBlock;e.anchors=d.anchors;Schema.initShapeFunctions(e);Designer.painter.renderShape(e)}};var Utils={getDomById:function(b){return document.getElementById(b)},newId:function(){var c=Math.random();var d=(c+new Date().getTime());return d.toString(16).replace(".","")},getShapeByPosition:function(V,W,ab){var at=[];for(var x=Model.orderList.length-1;x>=0;x--){var S=Model.orderList[x].id;var i=$("#"+S);var am=Model.getShapeById(S);var ak=i.position();var ac=V-ak.left;var ad=W-ak.top;var R={x:ak.left,y:ak.top,w:i.width(),h:i.height()};var y=i.find(".shape_canvas")[0];var av=y.getContext("2d");var aB=this.pointInRect(V,W,R);if(am.name=="linker"){if(!aB){continue}if(ab){continue}var U=10;U=U.toScale();var ae={x:V-U,y:W-U,w:U*2,h:U*2};if(this.pointInRect(am.to.x.toScale(),am.to.y.toScale(),ae)){var al={type:"linker_point",point:"end",shape:am};at.push(al)}else{if(this.pointInRect(am.from.x.toScale(),am.from.y.toScale(),ae)){var al={type:"linker_point",point:"from",shape:am};at.push(al)}else{var aj=i.find(".text_canvas");var ah=aj.position();var ae={x:ah.left,y:ah.top,w:aj.width(),h:aj.height()};if(this.pointInRect(ac,ad,ae)){var al={type:"linker_text",shape:am};at.push(al);continue}U=7;U=U.toScale();var ag=this.pointInLinker({x:V.restoreScale(),y:W.restoreScale()},am,U);if(ag>-1){var al={type:"linker",shape:am,pointIndex:ag};at.push(al)}}}}else{if(aB&&am.locked&&!ab){if(av.isPointInPath(ac,ad)){var al={type:"shape",shape:am};at.push(al)}continue}var U=7;if(aB){U=U.toScale();var ae={x:V-U,y:W-U,w:U*2,h:U*2};var Z={x:am.props.x+am.props.w/2,y:am.props.y+am.props.h/2};var ao=am.getAnchors();var al=null;for(var aw=0;aw0){var ai=af.position();var X=ac-ai.left;var Y=ad-ai.top;var ar=af[0].getContext("2d");if(ar.isPointInPath(X,Y)){al={type:"dataAttribute",shape:am,attribute:ap};break}}}}if(al!=null){at.push(al);continue}}if(!aB){continue}if(av.isPointInPath(ac,ad)){if(ab){var ao=am.getAnchors();if(ao&&ao.length){var al={type:"shape",shape:am};at.push(al)}else{}}else{var al={type:"shape",shape:am};at.push(al)}}else{if(!am.attribute||typeof am.attribute.linkable=="undefined"||am.attribute.linkable){var an=Utils.getPointAngle(S,V.restoreScale(),W.restoreScale(),U);if(an!=null){var al=null;var aC={angle:an};for(var aa=1;aa<=U;aa++){if(an==0){aC.x=ac+aa;aC.y=ad}else{if(an1&&ab){al=at[0]}else{if(at.length>1){var ax=at[0];if(ax.type=="bounding"&&ax.type!="linker_point"&&ax.type!="linker"){return ax}var ag=[];var aA=[];var aq=[];for(var x=0;x0&&aA.length>0){for(var x=0;x0){aA.sort(function az(a,b){if(Utils.isSelected(a.shape.id)&&!Utils.isSelected(b.shape.id)){return-1}else{if(!Utils.isSelected(a.shape.id)&&Utils.isSelected(b.shape.id)){return 1}else{return b.shape.props.zindex-a.shape.props.zindex}}});al=aA[0]}if(al==null&&ag.length>0){ag.sort(function az(a,b){if(Utils.isSelected(a.shape.id)&&!Utils.isSelected(b.shape.id)){return-1}else{if(!Utils.isSelected(a.shape.id)&&Utils.isSelected(b.shape.id)){return 1}else{return b.shape.props.zindex-a.shape.props.zindex}}});al=ag[0]}if(al==null){al=at[0]}}}return al},checkCross:function(k,m,n,o){var j=false;var l=(m.x-k.x)*(o.y-n.y)-(m.y-k.y)*(o.x-n.x);if(l!=0){var p=((k.y-n.y)*(o.x-n.x)-(k.x-n.x)*(o.y-n.y))/l;var d=((k.y-n.y)*(m.x-k.x)-(k.x-n.x)*(m.y-k.y))/l;if((p>=0)&&(p<=1)&&(d>=0)&&(d<=1)){j=true}}return j},rectCross:function(m,n){var q=m.x;var o=m.x+m.w;var k=m.y;var s=m.y+m.h;var r=n.x;var p=n.x+n.w;var l=n.y;var t=n.y+n.h;if(((q=f.x&&d<=f.x+f.w&&e>=f.y&&e<=f.y+f.h){return true}return false},pointInLinker:function(q,t,s){var o=this.getLinkerLinePoints(t);var v={x:q.x-s,y:q.y};var w={x:q.x+s,y:q.y};var x={x:q.x,y:q.y-s};var m={x:q.x,y:q.y+s};for(var u=1;uj.x2){j.x2=m.x+m.w}if(j.y2==null||m.y+m.h>j.y2){j.y2=m.y+m.h}}var n={x:j.x1,y:j.y1,w:j.x2-j.x1,h:j.y2-j.y1};return n},getShapesBounding:function(h){var i={x1:null,y1:null,x2:null,y2:null};for(var l=0;li.x2){i.x2=k.x+k.w}if(i.y2==null||k.y+k.h>i.y2){i.y2=k.y+k.h}}var j={x:i.x1,y:i.y1,w:i.x2-i.x1,h:i.y2-i.y1};return j},getShapeContext:function(c){var d=Utils.getDomById(c);return d.getElementsByTagName("canvas")[0].getContext("2d")},selectIds:[],selectShape:function(s,w){if(typeof s=="string"){var o=s;s=[];s.push(o)}if(s.length<=0){return}var r=Utils.mergeArray([],s);for(var u=0;u0&&!i){var v=Designer.painter.drawControls(z)}if(typeof w=="undefined"){w=true}if(this.selectCallback&&w){this.selectCallback()}Designer.events.push("selectChanged");this.showLinkerCursor()},selectCallback:null,unselect:function(){var h=this.selectIds;this.selectIds=[];for(var e=0;e=0&&!this.isLocked(b)){return true}return false},isLocked:function(b){if(Model.getShapeById(b).locked){return true}else{return false}},linkerCursorTimer:null,showLinkerCursor:function(){this.hideLinkerCursor();var C=Utils.getSelectedIds();if(C.length==1){var J=Model.getShapeById(C[0]);if(J.name!="linker"){var H=Model.linkerMap.map[J.id];if(H&&H.length){var B=[];for(var z=0;z").appendTo("#designer_canvas");var m=j.linker;var i=(m.lineStyle.lineWidth+2).toScale();if(i<5){i=5}var n=i/2;j.half=n;j.dom=k;k.css({width:i,height:i,"-webkit-border-radius":n,"-moz-border-radius":n,"-ms-border-radius":n,"-o-border-radius":n,"border-radius":n,"z-index":$("#"+m.id).css("z-index")})}this.linkerCursorTimer=setInterval(function(){for(var w=0;w=c.maxT){c.t=0;c.dom.show()}var y=c.t;if(t.linkerType=="broken"){for(var v=1;v=b.t&&y=1){c.dom.hide()}}},30)},hideLinkerCursor:function(){if(this.linkerCursorTimer){clearInterval(this.linkerCursorTimer)}$(".linker_cursor").remove()},showLinkerControls:function(){this.hideLinkerControls();var e=Utils.getSelectedIds();var h=null;if(e.length==1){var f=Model.getShapeById(e[0]);if(f.name=="linker"&&f.linkerType=="curve"){h=f}}if(h==null){return}function g(r,s){var t=null;var b=null;if(s=="from"){t=r.from;b=r.points[0]}else{t=r.to;b=r.points[1]}var q=Utils.measureDistance(t,b).toScale()-6;var c={x:(0.5*t.x+0.5*b.x).toScale(),y:(0.5*t.y+0.5*b.y).toScale()};var u=Utils.getAngle(t,b)+Math.PI/2;var a=$("
    ").appendTo("#designer_canvas");var d=$("
    ").appendTo("#designer_canvas");var v=Math.round(u/(Math.PI*2)*360);var p="rotate("+v+"deg)";a.css({left:c.x,top:c.y-q/2,height:q,"z-index":Model.orderList.length,"-webkit-transform":p,"-ms-transform":p,"-o-transform":p,"-moz-transform":p,transform:p});d.css({left:b.x.toScale()-4,top:b.y.toScale()-4,"z-index":Model.orderList.length});d.attr("ty",s);d.unbind().bind("mousedown",function(j){r=Model.getShapeById(r.id);var i=null;if(s=="from"){i=r.points[0]}else{i=r.points[1]}j.stopPropagation();d.addClass("moving");Designer.op.changeState("changing_curve");$(document).bind("mousemove.change_curve",function(l){var k=Utils.getRelativePos(l.pageX,l.pageY,$("#designer_canvas"));i.x=k.x;i.y=k.y;Designer.painter.renderLinker(r);Model.define.elements[r.id]=r;Utils.showLinkerControls();$(".linker_control_point[ty="+d.attr("ty")+"]").addClass("moving");$(document).unbind("mouseup.changed_curve").bind("mouseup.changed_curve",function(m){Model.update(r);$(document).unbind("mouseup.changed_curve")})});$(document).unbind("mouseup.change_curve").bind("mouseup.change_curve",function(k){$(document).unbind("mouseup.change_curve");$(document).unbind("mousemove.change_curve");$(".linker_control_point").removeClass("moving");Designer.op.resetState()})});return d}g(h,"from");g(h,"to")},hideLinkerControls:function(){$(".linker_control_line").remove();$(".linker_control_point").remove()},showAnchors:function(n){if($(".shape_contour[forshape="+n.id+"]").length>0){return}var q=$("
    ").appendTo($("#designer_canvas"));q.css({left:n.props.x.toScale(),top:n.props.y.toScale(),"z-index":Model.orderList.length+1});if(!Utils.isSelected(n.id)){q.addClass("hovered_contour")}var t=Designer.config.anchorSize-2;var u={"border-color":Designer.config.anchorColor,"border-radius":Designer.config.anchorSize/2,width:t,height:t};var v=n.getAnchors();var o={x:n.props.w/2,y:n.props.h/2};var r=n.props.angle;for(var m=0;m").appendTo(q);var s=this.getRotated(o,p,r);u.left=s.x.toScale()-Designer.config.anchorSize/2;u.top=s.y.toScale()-Designer.config.anchorSize/2;l.css(u)}},hideAnchors:function(){$(".hovered_contour").remove()},removeAnchors:function(){$("#dock_btn_richtext").hide();$(".shape_contour").remove()},showLockers:function(s){var m=$("#"+s.id);var q=m.position();function t(){var c=$("").appendTo(m);var a=c[0].getContext("2d");a.strokeStyle="#777";a.lineWidth=1;var b=9;a.beginPath();a.moveTo(2,2);a.lineTo(b,b);a.moveTo(2,b);a.lineTo(b,2);a.stroke();return c}function r(b){var a=t();a.css({left:b.x.toScale()-q.left-5,top:b.y.toScale()-q.top-5})}if(s.name!="linker"){var u=s.props;var v={x:u.x+u.w/2,y:u.y+u.h/2};var l=this.getRotated(v,{x:u.x,y:u.y},s.props.angle);r(l);var n=this.getRotated(v,{x:u.x+u.w,y:u.y},s.props.angle);r(n);var o=this.getRotated(v,{x:u.x+u.w,y:u.y+u.h},s.props.angle);r(o);var p=this.getRotated(v,{x:u.x,y:u.y+u.h},s.props.angle);r(p)}else{r(s.from);r(s.to)}},removeLockers:function(){$(".shape_locker").remove()},measureDistance:function(g,h){var e=h.y-g.y;var f=h.x-g.x;return Math.sqrt(Math.pow(e,2)+Math.pow(f,2))},removeFromArray:function(f,d){var e=f.indexOf(d);if(e>=0){f.splice(e,1)}return f},addToArray:function(f,d){var e=f.indexOf(d);if(e<0){f.push(d)}return f},mergeArray:function(e,f){for(var h=0;h=d/4&&c=d/4*3&&c=d/4*5&&c=W.x-K&&V.x<=W.x+W.w+K){var P;if(V.xaa.y){X=y;V=aa;S=false}else{X=aa;V=y;S=true}var W=Model.getShapeById(X.id).props;var E=Model.getShapeById(V.id).props;if(V.x>=W.x-K&&V.x<=W.x+W.w+K){var Q=X.y+K;var P;if(V.xaa.x){X=y;V=aa;S=false}else{X=aa;V=y;S=true}var W=Model.getShapeById(X.id).props;var E=Model.getShapeById(V.id).props;if(V.y>=W.y-K&&V.y<=W.y+W.h+K){var P=X.x+K;var Q;if(V.y=W.y-K&&V.y<=W.y+W.h+K){var P=X.x-K;var Q;if(V.y=W.x&&E.x<=ad){var x=W.x+W.w/2;if(V.xU?ad+K:U+K}if(E.yX.x){var P=X.x+R/2;O.push({x:P,y:X.y});O.push({x:P,y:V.y})}else{var F=W.y+W.h;var N=E.y+E.h;var P=X.x+K;var Q;if(N>=W.y&&E.y<=F){var x=W.y+W.h/2;if(V.yN?F+K:N+K}if(E.x+E.w>X.x){P=E.x+E.w+K}}else{if(V.yX.x&&V.y>X.y){O.push({x:V.x,y:X.y})}else{if(V.x>X.x&&E.x>X.x){var P;if(E.x-X.xW.y+W.h){var F=W.y+W.h;var P=X.x+K;var Q;if(V.y-FX.x){P=U+K}else{P=X.x+K}var Q;if(V.yX.y){O.push({x:V.x,y:X.y})}else{if(V.x=X.x&&V.y>W.y+W.h){var F=W.y+W.h;var P=X.x-K;var Q;if(V.y-FX.x&&V.yX.x&&E.x>X.x){var P;if(E.x-X.xX.x){P=U+K}else{P=X.x+K}var Q;if(V.y>W.y+W.h){Q=V.y+K}else{Q=W.y+W.h+K}O.push({x:P,y:X.y});O.push({x:P,y:Q});O.push({x:V.x,y:Q})}}}}else{if((ab==3&&ac==4)||(ab==4&&ac==3)){if(ab==4){X=y;V=aa;S=false}else{X=aa;V=y;S=true}var W=Model.getShapeById(X.id).props;var E=Model.getShapeById(V.id).props;var U=E.x+E.w;if(V.x=X.x&&V.yW.y+W.h){Q=V.y+K}else{Q=W.y+W.h+K}O.push({x:P,y:X.y});O.push({x:P,y:Q});O.push({x:V.x,y:Q})}}}}}}}}}}}}}if(S){O.reverse()}}else{if(y.id!=null||aa.id!=null){var X,V,S,M;if(y.id!=null){X=y;V=aa;S=false;M=y.angle}else{X=aa;V=y;S=true;M=aa.angle}var Z=Model.getShapeById(X.id).props;if(M>=J/4&&M=I){O.push({x:X.x,y:V.y})}else{var x=I/2;O.push({x:X.x,y:X.y-x});O.push({x:V.x,y:X.y-x})}}else{O.push({x:X.x,y:X.y-K});if(R>=I){if(V.x>=Z.x-K&&V.x<=Z.x+Z.w+K){var L=Z.x+Z.w/2;if(V.x=Z.x-K&&V.x<=Z.x+Z.w+K){var L=Z.x+Z.w/2;if(V.x=J/4*3&&MX.x){if(R>=I){var x=R/2;O.push({x:X.x+x,y:X.y});O.push({x:X.x+x,y:V.y})}else{O.push({x:V.x,y:X.y})}}else{O.push({x:X.x+K,y:X.y});if(R>=I){if(V.y>=Z.y-K&&V.y<=Z.y+Z.h+K){var L=Z.y+Z.h/2;if(V.y=Z.y-K&&V.y<=Z.y+Z.h+K){var L=Z.y+Z.h/2;if(V.y=J/4*5&&MX.y){if(R>=I){O.push({x:X.x,y:V.y})}else{var x=I/2;O.push({x:X.x,y:X.y+x});O.push({x:V.x,y:X.y+x})}}else{O.push({x:X.x,y:X.y+K});if(R>=I){if(V.x>=Z.x-K&&V.x<=Z.x+Z.w+K){var L=Z.x+Z.w/2;if(V.x=Z.x-K&&V.x<=Z.x+Z.w+K){var L=Z.x+Z.w/2;if(V.x=I){var x=R/2;O.push({x:X.x-x,y:X.y});O.push({x:X.x-x,y:V.y})}else{O.push({x:V.x,y:X.y})}}else{O.push({x:X.x-K,y:X.y});if(R>=I){if(V.y>=Z.y-K&&V.y<=Z.y+Z.h+K){var L=Z.y+Z.h/2;if(V.y=Z.y-K&&V.y<=Z.y+Z.h+K){var L=Z.y+Z.h/2;if(V.y=I){var x=(aa.x-y.x)/2;O.push({x:y.x+x,y:y.y});O.push({x:y.x+x,y:aa.y})}else{var x=(aa.y-y.y)/2;O.push({x:y.x,y:y.y+x});O.push({x:aa.x,y:y.y+x})}}}}else{if(G.linkerType=="curve"){var y=G.from;var aa=G.to;var Y=this.measureDistance(y,aa);var T=Y*0.4;function H(e,d){if(e.id!=null){return{x:e.x-T*Math.cos(e.angle),y:e.y-T*Math.sin(e.angle)}}else{var c=Math.abs(e.y-d.y);var f=Math.abs(e.x-d.x);var b=Math.atan(c/f);var a={};if(e.x<=d.x){a.x=e.x+T*Math.cos(b)}else{a.x=e.x-T*Math.cos(b)}if(e.y<=d.y){a.y=e.y+T*Math.sin(b)}else{a.y=e.y-T*Math.sin(b)}return a}}O.push(H(y,aa));O.push(H(aa,y))}}return O},getLinkerLinePoints:function(i){var f=[];if(i.linkerType!="curve"){f.push(i.from);f=f.concat(i.points)}else{var j=0.05;var g=0;while(g<=1){var h={x:(1-g)*(1-g)*(1-g)*i.from.x+3*(1-g)*(1-g)*g*i.points[0].x+3*(1-g)*g*g*i.points[1].x+g*g*g*i.to.x,y:(1-g)*(1-g)*(1-g)*i.from.y+3*(1-g)*(1-g)*g*i.points[0].y+3*(1-g)*g*g*i.points[1].y+g*g*g*i.to.y};f.push(h);g+=j}}f.push(i.to);return f},getLinkerBox:function(l){var i=this.getLinkerLinePoints(l);var o=i[0].x;var p=i[0].y;var q=i[0].x;var r=i[0].y;for(var n=0;nq){q=k.x}}if(k.yr){r=k.y}}}var m={x:o,y:p,w:q-o,h:r-p};return m},getShapeBox:function(e){var d=e.props;var f=e.props.angle;return this.getRotatedBox(d,f)},getRotatedBox:function(p,r,u){if(r==0){return p}else{if(!u){u={x:p.x+p.w/2,y:p.y+p.h/2}}var l=this.getRotated(u,{x:p.x,y:p.y},r);var m=this.getRotated(u,{x:p.x+p.w,y:p.y},r);var n=this.getRotated(u,{x:p.x+p.w,y:p.y+p.h},r);var o=this.getRotated(u,{x:p.x,y:p.y+p.h},r);var q=Math.min(l.x,m.x,n.x,o.x);var t=Math.max(l.x,m.x,n.x,o.x);var s=Math.min(l.y,m.y,n.y,o.y);var v=Math.max(l.y,m.y,n.y,o.y);return{x:q,y:s,w:t-q,h:v-s}}},getRotated:function(n,h,j){var k=this.measureDistance(n,h);if(k==0||j==0){return h}var m=Math.atan(Math.abs(h.x-n.x)/Math.abs(n.y-h.y));if(h.x>=n.x&&h.y>=n.y){m=Math.PI-m}else{if(h.x<=n.x&&h.y>=n.y){m=Math.PI+m}else{if(h.x<=n.x&&h.y<=n.y){m=Math.PI*2-m}}}m=m%(Math.PI*2);var l=(m+j)%(Math.PI*2);var i={x:n.x+Math.sin(l)*k,y:n.y-Math.cos(l)*k};return i},getShapeAnchorInLinker:function(H){var A=H.getAnchors();var G=[];var t={x:H.props.x+H.props.w/2,y:H.props.y+H.props.h/2};for(var v=0;v=0;w--){var z=Model.orderList[w].id;var i=Model.getShapeById(z);if(i.name!="linker"){continue}var B=i;var u=null;F=3;for(var v=0;v-1){if(u==null){u={linker:B,anchors:[],type:"line"}}u.anchors.push(J)}}}if(u!=null){C.push(u)}}return C},getEndpointAngle:function(m,k){var i;if(k=="from"){i=m.from}else{i=m.to}var n;if(m.linkerType=="normal"){if(k=="from"){n=m.to}else{n=m.from}}else{if(m.linkerType=="broken"){if(k=="from"){n=m.points[0]}else{n=m.points[m.points.length-1]}}else{var l=12;var h;var j=Utils.measureDistance(m.from,m.to);if(k=="from"){h=l/j}else{h=1-l/j}n={x:(1-h)*(1-h)*(1-h)*m.from.x+3*(1-h)*(1-h)*h*m.points[0].x+3*(1-h)*h*h*m.points[1].x+h*h*h*m.to.x,y:(1-h)*(1-h)*(1-h)*m.from.y+3*(1-h)*(1-h)*h*m.points[0].y+3*(1-h)*h*h*m.points[1].y+h*h*h*m.to.y}}}return this.getAngle(n,i)},getAngle:function(f,e){var d=Math.atan(Math.abs(f.y-e.y)/Math.abs(f.x-e.x));if(e.x<=f.x&&e.y>f.y){d=Math.PI-d}else{if(e.x=f.x&&e.y0){for(var o=0;o0){for(var e=0;e=0;c--){var f=Model.orderList[c].id;if(e.id!=f&&!Utils.isSelected(f)&&l.indexOf(f)<0){var d=Model.getShapeById(f);if(!d.attribute||typeof d.attribute.container=="undefined"||d.attribute.container==false){if(!Utils.isFamilyShape(d,e)){var a=Utils.getShapeBox(d);if(Utils.rectInRect(a,e.props)){b.push(d);l.push(f)}}}}}return b}return h},getAttachedShapes:function(p){var r=[];for(var m=0;m=0;o--){var i=Model.orderList[o].id;var n=Model.getShapeById(i);if(n.attachTo==j.id&&!Utils.isSelected(i)&&r.indexOf(i)<0){q.push(n)}}l=l.concat(q)}}return l},copy:function(b){return $.extend(true,{},b)},rangeChildren:function(s){var v=[];if(s.children&&s.children.length>0){if(s.name=="verticalPool"){var h=[];var y=[];for(var u=0;u-1){continue}v.push(m[i])}}x.props.x=q;Designer.painter.renderShape(x);v.push(x);q+=x.props.w}y.sort(function(a,b){return a.props.y-b.props.y});var r=s.props.y+40;for(var u=0;u-1){continue}v.push(m[i])}}x.props.y=r;Designer.painter.renderShape(x);v.push(x);r+=x.props.h}y.sort(function(a,b){return a.props.x-b.props.x});var q=s.props.x+40;for(var u=0;u=0;c--){var g=Model.orderList[c].id;var d=Model.getShapeById(g);if(d.attribute&&d.attribute.collapseBy==f.id&&a.indexOf(g)<0){h.push(d)}}k=k.concat(h)}}return k},getCollapsedShapesById:function(e){var a=[];for(var c=Model.orderList.length-1;c>=0;c--){var d=Model.orderList[c].id;var b=Model.getShapeById(d);if(b.attribute&&b.attribute.collapseBy==e){a.push(b)}}return a},getShapeLineStyle:function(a,b){if(b==false||!Model.define.theme||!Model.define.theme.shape){return $.extend({},Schema.shapeDefaults.lineStyle,a)}else{return $.extend({},Schema.shapeDefaults.lineStyle,Model.define.theme.shape.lineStyle,a)}},getLinkerLineStyle:function(a,b){if(b==false||!Model.define.theme||!Model.define.theme.linker){return $.extend({},Schema.linkerDefaults.lineStyle,a)}else{return $.extend({},Schema.linkerDefaults.lineStyle,Model.define.theme.linker.lineStyle,a)}},getShapeFontStyle:function(b,a){if(a==false||!Model.define.theme||!Model.define.theme.shape){return $.extend({},Schema.shapeDefaults.fontStyle,b)}else{return $.extend({},Schema.shapeDefaults.fontStyle,Model.define.theme.shape.fontStyle,b)}},getLinkerFontStyle:function(b,a){if(a==false||!Model.define.theme||!Model.define.theme.linker){return $.extend({},Schema.linkerDefaults.fontStyle,b)}else{return $.extend({},Schema.linkerDefaults.fontStyle,Model.define.theme.linker.fontStyle,b)}},getShapeFillStyle:function(a,b){if(b==false||!Model.define.theme||!Model.define.theme.shape){return $.extend({},Schema.shapeDefaults.fillStyle,a)}else{return $.extend({},Schema.shapeDefaults.fillStyle,Model.define.theme.shape.fillStyle,a)}},containsChinese:function(a){if(escape(a).indexOf("%u")>=0){return true}else{return false}},filterXss:function(a){a=a.toString();a=a.replace(//g,">");a=a.replace(/%3E/g,">");a=a.replace(/'/g,"'");a=a.replace(/"/g,""");return a}};var GradientHelper={createLinearGradient:function(m,j,k){var q=m.props;var p;var n;var o;if(q.w>q.h){p={x:0,y:q.h/2};n={x:q.w,y:q.h/2};o=(k.angle+Math.PI/2)%(Math.PI*2)}else{p={x:q.w/2,y:0};n={x:q.w/2,y:q.h};o=k.angle}if(o!=0){var r={x:q.w/2,y:q.h/2};p=Utils.getRotated(r,p,o);n=Utils.getRotated(r,n,o);if(p.x<0){p.x=0}if(p.x>m.props.w){p.x=m.props.w}if(p.y<0){p.y=0}if(p.y>m.props.h){p.y=m.props.h}if(n.x<0){n.x=0}if(n.x>m.props.w){n.x=m.props.w}if(n.y<0){n.y=0}if(n.y>m.props.h){n.y=m.props.h}}var l=j.createLinearGradient(p.x,p.y,n.x,n.y);l.addColorStop(0,"rgb("+k.beginColor+")");l.addColorStop(1,"rgb("+k.endColor+")");return l},createRadialGradient:function(l,h,g){var i=l.props;var k=i.h;if(i.w255){p=255}var g=Math.round(o+(255-o)/255*m);if(g>255){g=255}var b=Math.round(l+(255-l)/255*m);if(b>255){b=255}return p+","+g+","+b},getDarkerColor:function(q){var m=60;var n=q.split(",");var r=parseInt(n[0]);var o=parseInt(n[1]);var l=parseInt(n[2]);var p=Math.round(r-r/255*m);if(p<0){p=0}var g=Math.round(o-o/255*m);if(g<0){g=0}var b=Math.round(l-l/255*m);if(b<0){b=0}return p+","+g+","+b}};var MessageSource={batchSize:0,messages:[],withUndo:true,withMessage:true,withDock:true,undoStack:{stack:[],push:function(c,d){this.stack.push(c);if(typeof d=="undefined"){d=true}if(d){MessageSource.redoStack.stack=[]}Designer.events.push("undoStackChanged",this.stack.length)},pop:function(){var c=this.stack.length;if(c==0){return null}var d=this.stack[c-1];this.stack.splice(c-1,1);MessageSource.redoStack.push(d);Designer.events.push("undoStackChanged",this.stack.length);return d}},redoStack:{stack:[],push:function(b){this.stack.push(b);Designer.events.push("redoStackChanged",this.stack.length)},pop:function(){var c=this.stack.length;if(c==0){return null}var d=this.stack[c-1];this.stack.splice(c-1,1);MessageSource.undoStack.push(d,false);Designer.events.push("redoStackChanged",this.stack.length);return d}},beginBatch:function(){this.batchSize++},commit:function(){this.batchSize--;this.submit()},submit:function(){if(this.batchSize==0&&this.messages.length!=0){if(this.withDock){Dock.update(true)}if(this.withMessage==false){this.messages=[];return}if(this.withUndo){this.undoStack.push(this.messages)}if(chartId!=""){var c=JSON.stringify(this.messages);if(role!="trial"){$("#saving_tip").text("<@i18n resource='diagraming.saving'/>")}var d={action:"command",messages:c,ignore:"messages",name:userName};CLB.send(d,function(){if(role!="trial"){$("#saving_tip").text("<@i18n resource='diagraming.saved'/>")}})}this.messages=[]}},send:function(c,d){this.messages.push({action:c,content:d});this.submit()},receive:function(b){this.doWithoutMessage(function(){MessageSource.executeMessages(b,true);Utils.showLinkerControls();Utils.showLinkerCursor()})},undo:function(){var b=this.undoStack.pop();if(b==null){return}this.doWithoutUndo(function(){MessageSource.beginBatch();for(var k=0;k

    " + n.text + "

    ") + } + $(".panel_title").unbind().bind("click", + function() { + $(this).parent().toggleClass("panel_collapsed") + }); + for (var s in Schema.shapes) { + var l = Schema.shapes[s]; + if (l.attribute.visible && l.category != "standard") { + if ((l.category == "process_bpmn2" || l.category == "process.bpmn2" || l.category == "bpmn") && checkRunningTimeShape(l)) { + continue; + } + if (!l.groupName) { + p(l) + } else { + var i = SchemaGroup.getGroup(l.groupName); + if (i[0] == s) { + p(l, l.groupName) + } + } + } + } + function p(b, d) { + b = Utils.copy(b); + var e = "
    "; + var c = $(e).appendTo("#panel_" + b.category); + if (d) { + c.append("
    ") + } + var a = c.children()[0]; + c.bind("mouseenter", + function() { + if ($(this).hasClass("readonly")) { + return + } + var h = $("#shape_thumb"); + var title = b.title; + var category = b.category; + if (b.category == "bpmn") { + category = 'process_bpmn2'; + } + if (category == 'lane') { + category = methodId; + } + category = category.replace(/_/g,"."); + if (methodObjectDesc[category + '-' + b.name]) { + title += ('：' + methodObjectDesc[category + '-' + b.name]); + } + h.children("div").text(title); + var j = h.children("canvas")[0].getContext("2d"); + var A = { + x: 0, + y: 0, + w: b.props.w, + h: b.props.h, + angle: b.props.angle + }; + var y = 160; + var k = 160; + j.clearRect(0, 0, y, k); + if (b.props.w >= b.props.h) { + if (b.props.w > y) { + A.w = y; + A.h = parseInt(b.props.h / b.props.w * A.w) + } + } else { + if (b.props.h > k) { + A.h = k; + A.w = parseInt(b.props.w / b.props.h * A.h) + } + } + h.children("canvas").attr({ + width: y + 20, + height: A.h + 20 + }); + h.show(); + b.props = A; + j.save(); + if (b.name != "text" && b.name != "umlText") { + j.globalAlpha = b.shapeStyle.alpha; + var f = (y + 20 - A.w) / 2; + var g = 10; + j.translate(f, g); + j.translate(A.w / 2, A.h / 2); + j.rotate(A.angle); + j.translate( - (A.w / 2), -(A.h / 2)); + Designer.painter.renderShapePath(j, b, true); + Designer.painter.renderMarkers(j, b, true) + } else { + j.translate(y / 2 + 10, A.h / 2 + 10); + j.textBaseline = "middle"; + j.textAlign = "center"; + var B = ""; + if (b.fontStyle.italic) { + B += "italic " + } else { + B += "normal " + } + if (b.fontStyle.bold) { + B += "bold " + } else { + B += "normal " + } + B += b.fontStyle.size + "pt "; + B += b.fontStyle.fontFamily; + j.font = B; + j.fillStyle = "rgb(" + b.fontStyle.color + ")"; + j.fillText(b.text, 0, 0) + } + j.restore(); + var z = c.offset().top - $("#designer_header").outerHeight() + c.height() / 2 - h.outerHeight() / 2; + if (z < 5) { + z = 5 + } else { + if (z + h.outerHeight() > $("#designer_viewport").height() - 5) { + z = $("#designer_viewport").height() - 5 - h.outerHeight() + } + } + h.css("top", z) + }).bind("mouseleave", + function() { + $("#shape_thumb").hide() + }); + Designer.painter.drawPanelItem(a, b.name) + } + r(); + function r() { + $(".panel_box").die().live("mousedown", + function(j) { + var c = $(this); + if (c.hasClass("readonly")) { + return + } + var h = c.attr("shapeName"); + var a = []; + Designer.op.changeState("creating_from_panel"); + var g = null; + var b = null; + var d = $("#designer_canvas"); + var f = t(h); + $("#designer").bind("mousemove.creating", + function(k) { + m(f, k) + }); + $("#canvas_container").bind("mousemove.create", + function(B) { + var D = Utils.getRelativePos(B.pageX, B.pageY, d); + if (g == null) { + g = q(h, D.x, D.y); + b = $("#" + g.id); + b.attr("class", "shape_box_creating") + } + b.css({ + left: D.x - b.width() / 2 + "px", + top: D.y - b.height() / 2 + "px", + "z-index": Model.orderList.length + }); + g.props.x = D.x.restoreScale() - g.props.w / 2; + g.props.y = D.y.restoreScale() - g.props.h / 2; + var G = g.props; + var H = Designer.op.snapLine(G, [g.id], true, g); + if (H.attach) { + g.attachTo = H.attach.id + } else { + delete g.attachTo + } + b.css({ + left: (g.props.x - 10).toScale() + "px", + top: (g.props.y - 10).toScale() + "px", + "z-index": Model.orderList.length + }); + a = Utils.getShapeAnchorInLinker(g); + Designer.op.hideLinkPoint(); + for (var C = 0; C < a.length; C++) { + var E = a[C]; + for (var F = 0; F < E.anchors.length; F++) { + var k = E.anchors[F]; + Designer.op.showLinkPoint(Utils.toScale(k)) + } + } + }); + var e = false; + $("#canvas_container").bind("mouseup.create", + function(k) { + e = true + }); + $(document).bind("mouseup.create", + function() { + $(this).unbind("mouseup.create"); + $("#designer").unbind("mousemove.creating"); + $("#creating_shape_container").hide(); + Designer.op.hideLinkPoint(); + Designer.op.hideSnapLine(); + $("#canvas_container").unbind("mouseup.create").unbind("mousemove.create"); + if (g != null) { + if (e == false) { + b.remove() + } else { + MessageSource.beginBatch(); + if (g.onCreated) { + var P = g.onCreated(); + if (P == false) { + b.remove(); + MessageSource.commit(); + return + } + } + b.attr("class", "shape_box"); + Designer.events.push("created", g); + Model.add(g); + var S = Utils.getShapeContext(g.id); + var Q = b.position(); + var K = 7; + for (var N = 0; N < a.length; N++) { + var W = a[N]; + var M = W.linker; + if (W.type == "line") { + var Y = Utils.copy(M); + var Z = Utils.copy(M); + Z.id = Utils.newId(); + if (W.anchors.length == 1) { + var O = W.anchors[0]; + var U = Utils.getPointAngle(g.id, O.x, O.y, K); + M.to = { + id: g.id, + x: O.x, + y: O.y, + angle: U + }; + Z.from = { + id: g.id, + x: O.x, + y: O.y, + angle: U + } + } else { + if (W.anchors.length == 2) { + var R = W.anchors[0]; + var T = W.anchors[1]; + var k = Utils.measureDistance(M.from, R); + var L = Utils.measureDistance(M.from, T); + var X, V; + if (k < L) { + X = R; + V = T + } else { + X = T; + V = R + } + var U = Utils.getPointAngle(g.id, X.x, X.y, K); + M.to = { + id: g.id, + x: X.x, + y: X.y, + angle: U + }; + U = Utils.getPointAngle(g.id, V.x, V.y, K); + Z.from = { + id: g.id, + x: V.x, + y: V.y, + angle: U + } + } + } + if (W.anchors.length <= 2) { + Designer.painter.renderLinker(M, true); + Model.update(M); + Designer.painter.renderLinker(Z, true); + Z.props.zindex = Model.maxZIndex + 1; + Model.add(Z); + Designer.events.push("linkerCreated", Z) + } + } else { + var O = W.anchors[0]; + var U = Utils.getPointAngle(g.id, O.x, O.y, K); + if (W.type == "from") { + M.from = { + id: g.id, + x: O.x, + y: O.y, + angle: U + } + } else { + M.to = { + id: g.id, + x: O.x, + y: O.y, + angle: U + } + } + Designer.painter.renderLinker(M, true); + Model.update(M) + } + } + Utils.unselect(); + Utils.selectShape(g.id); + MessageSource.commit(); + if (g.attribute.editable) { + Designer.op.editShapeText(g) + } + } + } + c.css({ + left: "0px", + top: "0px" + }); + Designer.op.resetState() + }) + }) + } + function t(a) { + var b = $("#creating_shape_canvas"); + var c = $("#creating_shape_container"); + if (b.length == 0) { + c = $("
    ").appendTo("#designer"); + b = $("").appendTo(c) + } + c.css({ + left: "0px", + top: "0px", + width: $(".panel_container").width(), + height: $("#shape_panel").outerHeight() + }); + Designer.painter.drawPanelItem(b[0], a); + return b + } + function m(b, a) { + $("#creating_shape_container").show(); + var c = Utils.getRelativePos(a.pageX, a.pageY, $("#creating_shape_container")); + b.css({ + left: c.x - Designer.config.panelItemWidth / 2, + top: c.y - Designer.config.panelItemHeight / 2 + }) + } + function q(g, e, f) { + var h = Utils.newId(); + var b = Schema.shapes[g]; + var c = e.restoreScale() - b.props.w / 2; + var d = f.restoreScale() - b.props.h / 2; + var a = Model.create(g, c, d); + Designer.painter.renderShape(a); + return a + } + } + }, + hotkey: { + init: function() { + var b = null; + $(document).unbind("keydown.hotkey").bind("keydown.hotkey", + function(n) { + if (n.ctrlKey && n.keyCode == 65) { + Designer.selectAll(); + n.preventDefault() + } else { + if (n.keyCode == 46 || n.keyCode == 8) { + Designer.op.removeShape(); + n.preventDefault() + } else { + if (n.ctrlKey && n.keyCode == 90) { + MessageSource.undo(); + n.preventDefault() + } else { + if (n.ctrlKey && n.keyCode == 89) { + MessageSource.redo(); + n.preventDefault() + } else { + if (n.ctrlKey && !n.shiftKey && n.keyCode == 67) { + Designer.clipboard.copy(); + n.preventDefault() + } else { + if (n.ctrlKey && n.keyCode == 88) { + Designer.clipboard.cut(); + n.preventDefault() + } else { + if (n.ctrlKey && n.keyCode == 86) { + Designer.clipboard.paste(); + n.preventDefault() + } else { + if (n.ctrlKey && n.keyCode == 68) { + Designer.clipboard.duplicate(); + n.preventDefault() + } else { + if (n.ctrlKey && n.shiftKey && n.keyCode == 66) { + Designer.clipboard.brush(); + n.preventDefault() + } else { + if (n.ctrlKey && n.keyCode == 190) { + Designer.zoomIn(); + n.preventDefault() + } else { + if (n.ctrlKey && n.keyCode == 188) { + Designer.zoomOut(); + n.preventDefault() + } else { + if (n.keyCode >= 37 && n.keyCode <= 40) { + if (b == null) { + var s = Utils.getSelected(); + var m = Utils.getFamilyShapes(s); + s = s.concat(m); + var q = Utils.getContainedShapes(s); + s = s.concat(q); + var r = Utils.getAttachedShapes(s); + s = s.concat(r); + var a = Utils.getOutlinkers(s); + b = s.concat(a) + } + if (b.length > 0) { + n.preventDefault(); + var t = 10; + if (n.ctrlKey) { + t = 1 + } + Utils.hideLinkerCursor(); + if (n.keyCode == 37) { + Designer.op.moveShape(b, { + x: -t, + y: 0 + }) + } else { + if (n.keyCode == 38) { + Designer.op.moveShape(b, { + x: 0, + y: -t + }) + } else { + if (n.keyCode == 39) { + Designer.op.moveShape(b, { + x: t, + y: 0 + }) + } else { + if (n.keyCode == 40) { + Designer.op.moveShape(b, { + x: 0, + y: t + }) + } + } + } + } + $(document).unbind("keyup.moveshape").bind("keyup.moveshape", + function() { + Model.updateMulti(b); + b = null; + $(document).unbind("keyup.moveshape"); + Designer.op.hideTip(); + Utils.showLinkerCursor() + }) + } + } else { + if (n.keyCode == 221 && n.ctrlKey) { + var e = "front"; + if (n.shiftKey) { + e = "forward" + } + Designer.layerShapes(e) + } else { + if (n.keyCode == 219 && n.ctrlKey) { + var e = "back"; + if (n.shiftKey) { + e = "backward" + } + Designer.layerShapes(e) + } else { + if (n.keyCode == 71 && n.ctrlKey) { + n.preventDefault(); + if (n.shiftKey) { + Designer.ungroup() + } else { + Designer.group() + } + } else { + if (n.keyCode == 76 && n.ctrlKey) { + n.preventDefault(); + if (n.shiftKey) { + Designer.unlockShapes() + } else { + Designer.lockShapes() + } + } else { + if (n.keyCode == 18) { + Designer.op.changeState("drag_canvas") + } else { + if (n.keyCode == 27) { + if (!Designer.op.state) { + Utils.unselect(); + $(".menu.list").hide(); + $(".menu").hide(); + $(".color_picker").hide() + } else { + if (Designer.op.state == "creating_free_text" || Designer.op.state == "creating_free_linker") { + Designer.op.resetState() + } + } + } else { + if (n.keyCode == 84 && !n.ctrlKey) { + $(".menu.list").hide(); + Designer.op.changeState("creating_free_text") + } else { + if (n.keyCode == 73 && !n.ctrlKey) { + $(".menu.list").hide(); + UI.showImageSelect(function(c, d, f) { + UI.insertImage(c, d, f) + }); + $("#designer_contextmenu").hide() + } else { + if (n.keyCode == 76 && !n.ctrlKey) { + $(".menu.list").hide(); + Designer.op.changeState("creating_free_linker"); + $("#designer_contextmenu").hide() + } else { + if (n.keyCode == 66 && n.ctrlKey) { + var o = Utils.getSelectedIds(); + if (o.length > 0) { + var p = Model.getShapeById(o[0]); + Designer.setFontStyle({ + bold: !p.fontStyle.bold + }); + UI.update() + } + } else { + if (n.keyCode == 73 && n.ctrlKey) { + var o = Utils.getSelectedIds(); + if (o.length > 0) { + var p = Model.getShapeById(o[0]); + Designer.setFontStyle({ + italic: !p.fontStyle.italic + }); + UI.update() + } + } else { + if (n.keyCode == 85 && n.ctrlKey) { + var o = Utils.getSelectedIds(); + if (o.length > 0) { + var p = Model.getShapeById(o[0]); + Designer.setFontStyle({ + underline: !p.fontStyle.underline + }); + UI.update() + } + n.preventDefault() + } else { + if (n.keyCode == 32 && !n.ctrlKey) { + var o = Utils.getSelectedIds(); + if (o.length == 1) { + var p = Model.getShapeById(o[0]); + Designer.op.editShapeText(p) + } + n.preventDefault() + } else { + if (n.keyCode == 121) { + n.preventDefault(); + Dock.enterPresentation() + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + }); + $("input,textarea,select").die().live("keydown.hotkey", + function(a) { + a.stopPropagation() + }) + }, + cancel: function() { + $(document).unbind("keydown.hotkey") + } + }, + contextMenu: { + init: function() { + $("#designer_contextmenu").unbind("mousedown").bind("mousedown", + function(b) { + b.stopPropagation() + }); + $("#designer_contextmenu").find("li:not(.devider)").unbind("click").bind("click", + function() { + var b = $(this); + if (!b.menuitem("isDisabled") && b.children(".extend_menu").length == 0) { + Designer.contextMenu.execAction(b); + Designer.contextMenu.hide() + } + }); + $("#canvas_container").unbind("contextmenu").bind("contextmenu", + function(d) { + d.preventDefault(); + var e = $("#designer_canvas"); + var f = Utils.getRelativePos(d.pageX, d.pageY, e); + Designer.contextMenu.show(f.x, f.y) + }) + }, + destroy: function() { + $("#canvas_container").unbind("contextmenu"); + this.hide() + }, + menuPos: { + x: 0, + y: 0, + shape: null + }, + show: function(k, l) { + this.menuPos.x = k; + this.menuPos.y = l; + var p = $("#designer_contextmenu"); + var r = Utils.getShapeByPosition(k, l, false); + p.children().hide(); + p.children("li[ac=selectall]").show(); + p.children(".devi_selectall").show(); + p.children("li[ac=drawline]").show(); + var q = Designer.clipboard.elements.length; + if (r == null) { + if (q > 0) { + p.children("li[ac=paste]").show(); + p.children(".devi_clip").show() + } + } else { + var n = r.shape; + this.menuPos.shape = n; + if (n.locked) { + if (q > 0) { + p.children("li[ac=paste]").show(); + p.children(".devi_clip").show() + } + p.children("li[ac=unlock]").show(); + p.children(".devi_shape").show() + } else { + p.children("li[ac=cut]").show(); + p.children("li[ac=copy]").show(); + p.children("li[ac=duplicate]").show(); + if (q > 0) { + p.children("li[ac=paste]").show() + } + p.children(".devi_clip").show(); + p.children("li[ac=front]").show(); + p.children("li[ac=back]").show(); + p.children("li[ac=lock]").show(); + var m = Utils.getSelectedIds(); + var o = m.length; + if (o >= 2) { + p.children("li[ac=group]").show(); + $("#ctxmenu_align").show() + } + var j = Utils.getSelectedGroups().length; + if (j >= 1) { + p.children("li[ac=ungroup]").show() + } + p.children(".devi_shape").show(); + if (o == 1 && n.name != "linker" && n.link) { + p.children("li[ac=changelink]").show() + } + if (n.name == "linker" || n.attribute.editable) { + p.children("li[ac=edit]").show() + } + p.children("li[ac=delete]").show(); + p.children(".devi_del").show() + } + } + p.css({ + display: "block", + "z-index": Model.orderList.length + 3, + left: k, + top: l + }); + $(document).bind("mousedown.ctxmenu", + function() { + Designer.contextMenu.hide() + }) + }, + hide: function() { + $("#designer_contextmenu").hide(); + $(document).unbind("mousedown.ctxmenu") + }, + execAction: function(e) { + var d = e.attr("ac"); + if (d == "cut") { + Designer.clipboard.cut() + } else { + if (d == "copy") { + Designer.clipboard.copy() + } else { + if (d == "paste") { + Designer.clipboard.paste(this.menuPos.x, this.menuPos.y) + } else { + if (d == "duplicate") { + Designer.clipboard.duplicate() + } else { + if (d == "front") { + Designer.layerShapes("front") + } else { + if (d == "back") { + Designer.layerShapes("back") + } else { + if (d == "lock") { + Designer.lockShapes() + } else { + if (d == "unlock") { + Designer.unlockShapes() + } else { + if (d == "group") { + Designer.group() + } else { + if (d == "ungroup") { + Designer.ungroup() + } else { + if (d == "align_shape") { + var f = e.attr("al"); + Designer.alignShapes(f) + } else { + if (d == "edit") { + Designer.op.editShapeText(this.menuPos.shape) + } else { + if (d == "delete") { + Designer.op.removeShape() + } else { + if (d == "selectall") { + Designer.selectAll() + } else { + if (d == "drawline") { + Designer.op.changeState("creating_free_linker") + } else { + if (d == "changelink") { + UI.showInsertLink() + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + } + }, + init: function() { + this.initialize.initLayout(); + this.initialize.initModel(); + this.initialize.initCanvas(); + this.initialize.initShapes(); + this.hotkey.init(); + this.contextMenu.init(); + Designer.op.init(); + this.initialize.initialized = true; + Designer.events.push("initialized"); + $("#designer_layout").on("scroll", + function() { + $(document).trigger("mouseup.multiselect") + }) + }, + op: { + init: function() { + var c = $("#designer_canvas"); + var d = $("#canvas_container"); + d.unbind("mousemove.operate").bind("mousemove.operate", + function(a) { + if (Designer.op.state != null) { + return + } + Designer.op.destroy(); + var b = Utils.getRelativePos(a.pageX, a.pageY, c); + var j = Utils.getShapeByPosition(b.x, b.y); + if (j != null) { + if (j.type == "dataAttribute") {} else { + if (j.type == "linker") { + d.css("cursor", "pointer"); + Designer.op.shapeSelectable(j.shape); + var h = j.shape; + var i = j.pointIndex; + if (h.linkerType == "broken" && i > 1 && i <= h.points.length) { + Designer.op.brokenLinkerChangable(h, i - 1) + } else { + if (h.from.id == null && h.to.id == null) { + d.css("cursor", "move"); + Designer.op.shapeDraggable() + } + } + Designer.op.linkerEditable(h) + } else { + if (j.type == "linker_point") { + d.css("cursor", "move"); + Designer.op.shapeSelectable(j.shape); + Designer.op.linkerDraggable(j.shape, j.point); + Designer.op.linkerEditable(j.shape) + } else { + if (j.type == "linker_text") { + d.css("cursor", "text"); + Designer.op.shapeSelectable(j.shape); + Designer.op.linkerEditable(j.shape) + } else { + if (j.type == "shape") { + if (j.shape.locked) { + d.css("cursor", "default"); + Designer.op.shapeSelectable(j.shape) + } else { + d.css("cursor", "move"); + Designer.op.shapeSelectable(j.shape); + Designer.op.shapeEditable(j.shape); + Designer.op.shapeDraggable(); + if (j.shape.link) {} + } + } else { + d.css("cursor", "crosshair"); + Designer.op.shapeSelectable(j.shape); + Designer.op.shapeLinkable(j.shape, j.linkPoint) + } + if (j.shape.parent) { + Utils.showAnchors(Model.getShapeById(j.shape.parent)) + } else { + Utils.showAnchors(j.shape) + } + } + } + } + } + } else { + d.css("cursor", "default"); + Designer.op.shapeMultiSelectable() + } + }) + }, + cancel: function() { + $("#canvas_container").unbind("mousemove.operate").css("cursor", "default"); + this.destroy() + }, + destroy: function() { + $("#designer_canvas").unbind("mousedown.drag").unbind("dblclick.edit").unbind("mousedown.draglinker").unbind("mousedown.select").unbind("mousedown.brokenLinker").unbind("dblclick.edit_linker"); + $("#canvas_container").unbind("mousedown.link").unbind("mousedown.create_text").unbind("mousedown.drag_canvas"); + $("#designer_layout").unbind("mousedown.multiselect"); + Utils.hideAnchors(); + $("#link_spot").hide() + }, + state: null, + changeState: function(b) { + this.state = b; + if (b == "creating_free_text") { + this.destroy(); + $("#canvas_container").css("cursor", "crosshair"); + this.textCreatable() + } else { + if (b == "creating_free_linker") { + this.destroy(); + $("#canvas_container").css("cursor", "crosshair"); + this.shapeLinkable() + } else { + if (b == "drag_canvas") { + this.destroy(); + this.canvasDraggable() + } else { + if (b == "changing_curve") { + this.destroy() + } + } + } + } + }, + resetState: function() { + this.state = null; + $("#canvas_container").css("cursor", "default") + }, + shapeSelectable: function(d) { + var c = $("#designer_canvas"); + c.bind("mousedown.select", + function(b) { + Designer.op.changeState("seelcting_shapes"); + var a = d.id; + var f = []; + if (b.ctrlKey) { + var f = Utils.getSelectedIds(); + if (Utils.isSelected(a)) { + Utils.removeFromArray(f, a) + } else { + f.push(a) + } + Utils.unselect(); + if (f.length > 0) { + Utils.selectShape(f) + } + } else { + if (Utils.selectIds.indexOf(a) < 0) { + Utils.unselect(); + Utils.selectShape(a) + } + } + $(document).bind("mouseup.select", + function() { + Designer.op.resetState(); + c.unbind("mousedown.select"); + $(document).unbind("mouseup.select") + }) + }) + }, + shapeDraggable: function() { + var c = $("#designer_canvas"); + var d = $("#canvas_container"); + c.bind("mousedown.drag", + function(b) { + Utils.hideLinkerCursor(); + Utils.hideLinkerControls(); + Designer.op.changeState("dragging"); + var x = Utils.getRelativePos(b.pageX, b.pageY, c); + var u = Utils.getSelected(); + var w = true; + if (u.length == 1 && u[0].name == "linker") { + w = false + } + var z = null; + if (w) { + z = Utils.getShapesBounding(u) + } + var i = Utils.getFamilyShapes(u); + u = u.concat(i); + var r = Utils.getContainedShapes(u); + u = u.concat(r); + var s = Utils.getAttachedShapes(u); + u = u.concat(s); + var y = []; + if (w) { + for (var t = 0; t < u.length; t++) { + var q = u[t]; + if (q == undefined) { + continue + } + if (q.name == "linker") { + if (q.from.id && y.indexOf(q.from.id) < 0) { + y.push(q.from.id) + } + if (q.to.id && y.indexOf(q.to.id) < 0) { + y.push(q.to.id) + } + } + if (y.indexOf(q.id) < 0) { + y.push(q.id) + } + } + } + var v = u; + var a = Utils.getOutlinkers(u); + u = u.concat(a); + d.bind("mousemove.drag", + function(j) { + $("#link_spot").hide(); + var f = Utils.getRelativePos(j.pageX, j.pageY, c); + var g = { + x: f.x - x.x, + y: f.y - x.y + }; + if (w) { + var e = Utils.copy(z); + e.x += g.x; + e.y += g.y; + var h = Designer.op.snapLine(e, y); + g = { + x: e.x - z.x, + y: e.y - z.y + }; + f = { + x: x.x + g.x, + y: x.y + g.y + }; + z.x += g.x; + z.y += g.y; + if (v.length == 1 && v[0].groupName == "boundaryEvent") { + if (h.attach) { + v[0].attachTo = h.attach.id + } else { + delete u[0].attachTo + } + } + } + if (g.x == 0 && g.y == 0) { + return + } + Designer.op.moveShape(u, g); + x = f; + $(document).unbind("mouseup.drop").bind("mouseup.drop", + function() { + Model.updateMulti(u); + $(document).unbind("mouseup.drop") + }) + }); + $(document).bind("mouseup.drag", + function() { + Designer.op.resetState(); + d.unbind("mousemove.drag"); + c.unbind("mousedown.drag"); + $(document).unbind("mouseup.drag"); + Designer.op.hideTip(); + Designer.op.hideSnapLine(); + Utils.showLinkerCursor(); + Utils.showLinkerControls(); + var selectedShape = Utils.getSelected()[0]; + if (selectedShape) { + var shapePosition = selectedShape.props; + var pageSize = Model.define.page; + if (shapePosition.x + shapePosition.w > pageSize.width - pageSize.padding){ + Designer.setPageStyle({ + width: shapePosition.x + shapePosition.w + pageSize.padding + 30 + }); + $("#page_size_w").spinner('value',shapePosition.x + shapePosition.w + pageSize.padding + 30); + } + if (shapePosition.y + shapePosition.h > pageSize.height - pageSize.padding){ + Designer.setPageStyle({ + height: shapePosition.y + shapePosition.h + pageSize.padding + 30 + }); + $("#page_size_h").spinner('value',shapePosition.x + shapePosition.w + pageSize.padding + 30) + } + } + if (isAutoSave == "0") { + $("#saving_tip").css("color", "rgb(255, 0, 0)"); + $("#saving_tip").text("文件已修改，未保存"); + } + }) + }) + }, + shapeResizable: function() { + $(".shape_controller").bind("mousedown", + function(ab) { + if (!isAdmin && isCustomDefine == "1") { + var ae = Utils.getSelected(); + var P = true; + for (var p = 0; p < ae.length; p++) { + var V = ae[p].name; + var i = Schema.shapes[V]; + if (i.resizeable == "0") { + return + } + } + } + Utils.hideLinkerCursor(); + if ($("#shape_text_edit").length) { + $("#shape_text_edit").trigger("blur") + } + var S = $("#canvas_container"); + var Y = $("#designer_canvas"); + ab.stopPropagation(); + var D = Utils.getRelativePos(ab.pageX, ab.pageY, Y); + var Q = $(this); + Designer.op.changeState("resizing"); + var U = Utils.getSelectedIds(); + var K = Utils.getSelected(); + var M; + if (U.length == 1) { + var aa = Model.getShapeById(U[0]); + M = Utils.copy(aa.props) + } else { + M = Utils.getControlBox(U); + M.angle = 0 + } + var C = { + x: M.x + M.w / 2, + y: M.y + M.h / 2 + }; + var N = Q.attr("resizeDir"); + var E = {}; + if (N.indexOf("l") >= 0) { + E.x = M.x + M.w + } else { + if (N.indexOf("r") >= 0) { + E.x = M.x + } else { + E.x = M.x + M.w / 2 + } + } + if (N.indexOf("t") >= 0) { + E.y = M.y + M.h + } else { + if (N.indexOf("b") >= 0) { + E.y = M.y + } else { + E.y = M.y + M.h / 2 + } + } + E = Utils.getRotated(C, E, M.angle); + function G(a, b) { + if (a.id == null) { + if (b) { + return { + type: "box", + x: (a.x - M.x) / M.w, + y: (a.y - M.y) / M.h + } + } else { + return { + type: "fixed" + } + } + } else { + if (Utils.isSelected(a.id)) { + var e = Model.getShapeById(a.id); + var d = { + x: e.props.x + e.props.w / 2, + y: e.props.y + e.props.h / 2 + }; + var c = Utils.getRotated(d, a, -e.props.angle); + return { + type: "shape", + x: (c.x - e.props.x) / e.props.w, + y: (c.y - e.props.y) / e.props.h + } + } else { + return { + type: "fixed" + } + } + } + } + var W = []; + var ac = {}; + var Z = []; + var L = Utils.getAttachedShapes(K); + K = K.concat(L); + var J = []; + for (var H = 0; H < K.length; H++) { + var aa = K[H]; + J.push(aa.id); + if (aa.parent) { + J.push(aa.parent) + } + if (aa.name == "linker") { + if (Z.indexOf(aa.id) == -1) { + Z.push(aa.id) + } + } else { + W.push(aa); + if (aa.attachTo && !Utils.isSelected(aa.id)) { + ac[aa.id] = { + type: "attached", + x: (aa.props.x + aa.props.w / 2 - M.x) / M.w, + y: (aa.props.y + aa.props.h / 2 - M.y) / M.h + } + } else { + ac[aa.id] = { + x: (aa.props.x - M.x) / M.w, + y: (aa.props.y - M.y) / M.h, + w: aa.props.w / M.w, + h: aa.props.h / M.h + } + } + var I = Model.getShapeLinkers(aa.id); + if (I && I.length > 0) { + for (var T = 0; T < I.length; T++) { + var O = I[T]; + if (Z.indexOf(O) == -1) { + Z.push(O) + } + } + } + } + } + for (var H = 0; H < Z.length; H++) { + var O = Z[H]; + var R = Model.getShapeById(O); + W.push(R); + var K = Utils.isSelected(O); + ac[R.id] = { + from: G(R.from, K), + to: G(R.to, K) + } + } + var X = Q.css("cursor"); + S.css("cursor", X); + var F = []; + var ad = { + w: 20, + h: 20 + }; + Designer.events.push("beforeResize", { + minSize: ad, + shapes: W, + dir: N + }); + S.bind("mousemove.resize", + function(a) { + F = []; + var t = Utils.getRelativePos(a.pageX, a.pageY, Y); + t = Utils.restoreScale(t); + var k = Utils.getRotated(E, t, -M.angle); + var w = Utils.copy(M); + if (N.indexOf("r") >= 0) { + w.w = k.x - E.x + } else { + if (N.indexOf("l") >= 0) { + w.w = E.x - k.x + } + } + if (N.indexOf("b") >= 0) { + w.h = k.y - E.y + } else { + if (N.indexOf("t") >= 0) { + w.h = E.y - k.y + } + } + if (a.ctrlKey && N.length == 2) { + if (M.w >= M.h) { + w.h = M.h / M.w * w.w; + if (w.h < ad.h) { + w.h = ad.h; + w.w = M.w / M.h * w.h + } + } else { + w.w = M.w / M.h * w.h; + if (w.w < ad.w) { + w.w = ad.w; + w.h = M.h / M.w * w.w + } + } + } else { + if (w.w < ad.w) { + w.w = ad.w + } + if (w.h < ad.h) { + w.h = ad.h + } + } + var d = {}; + if (N.indexOf("r") >= 0) { + d.x = E.x + w.w + } else { + if (N.indexOf("l") >= 0) { + d.x = E.x - w.w + } else { + d.x = E.x + } + } + if (N.indexOf("b") >= 0) { + d.y = E.y + w.h + } else { + if (N.indexOf("t") >= 0) { + d.y = E.y - w.h + } else { + d.y = E.y + } + } + var o = Utils.getRotated(E, d, M.angle); + var m = { + x: 0.5 * E.x + 0.5 * o.x, + y: 0.5 * E.y + 0.5 * o.y + }; + var f = Utils.getRotated(m, E, -M.angle); + if (N.indexOf("r") >= 0) { + w.x = f.x + } else { + if (N.indexOf("l") >= 0) { + w.x = f.x - w.w + } else { + w.x = f.x - w.w / 2 + } + } + if (N.indexOf("b") >= 0) { + w.y = f.y + } else { + if (N.indexOf("t") >= 0) { + w.y = f.y - w.h + } else { + w.y = f.y - w.h / 2 + } + } + if (w.angle == 0) { + var y = W[0]; + var h = Designer.op.snapResizeLine(w, J, N) + } + Utils.removeAnchors(); + for (var e = 0; e < W.length; e++) { + var u = W[e]; + var j = ac[u.id]; + if (u.name == "linker") { + if (j.from.type == "box") { + u.from.x = w.x + w.w * j.from.x; + u.from.y = w.y + w.h * j.from.y + } else { + if (j.from.type == "shape") { + var c = Model.getShapeById(u.from.id); + var g = { + x: c.props.x + c.props.w * j.from.x, + y: c.props.y + c.props.h * j.from.y + }; + var b = { + x: c.props.x + c.props.w / 2, + y: c.props.y + c.props.h / 2 + }; + var s = Utils.getRotated(b, g, c.props.angle); + u.from.x = s.x; + u.from.y = s.y + } + } + if (j.to.type == "box") { + u.to.x = w.x + w.w * j.to.x; + u.to.y = w.y + w.h * j.to.y + } else { + if (j.to.type == "shape") { + var c = Model.getShapeById(u.to.id); + var g = { + x: c.props.x + c.props.w * j.to.x, + y: c.props.y + c.props.h * j.to.y + }; + var b = { + x: c.props.x + c.props.w / 2, + y: c.props.y + c.props.h / 2 + }; + var s = Utils.getRotated(b, g, c.props.angle); + u.to.x = s.x; + u.to.y = s.y + } + } + Designer.painter.renderLinker(u, true) + } else { + if (j.type == "attached") { + u.props.x = w.x + w.w * j.x - u.props.w / 2; + u.props.y = w.y + w.h * j.y - u.props.h / 2 + } else { + var x = Utils.copy(u.props); + u.props.x = w.x + w.w * j.x; + u.props.y = w.y + w.h * j.y; + u.props.w = w.w * j.w; + u.props.h = w.h * j.h; + var v = Model.getShapeById(u.id).props; + v.x = w.x + w.w * j.x; + v.y = w.y + w.h * j.y; + v.w = w.w * j.w; + v.h = w.h * j.h; + var q = { + x: u.props.x - x.x, + y: u.props.y - x.y, + w: u.props.w - x.w, + h: u.props.h - x.h + }; + var l = { + shape: u, + offset: q, + dir: N + }; + var n = Designer.events.push("resizing", l); + if (n) { + F = F.concat(n) + } + } + Designer.painter.renderShape(u); + Utils.showAnchors(u) + } + } + Designer.painter.drawControls(U); + var r = "W: " + Math.round(w.w) + "  H: " + Math.round(w.h); + if (w.x != M.x) { + r = "X: " + Math.round(w.x) + "  Y: " + Math.round(w.y) + "
    " + r + } + Designer.op.showTip(r); + $(document).unbind("mouseup.resize_ok").bind("mouseup.resize_ok", + function() { + if (F.length > 0) { + W = W.concat(F) + } + Model.updateMulti(W); + $(document).unbind("mouseup.resize_ok") + }) + }); + $(document).bind("mouseup.resize", + function() { + S.css("cursor", "default"); + Designer.op.resetState(); + S.unbind("mousemove.resize"); + $(document).unbind("mouseup.resize"); + var selectedShape = Utils.getSelected()[0]; + if (selectedShape) { + var shapePosition = selectedShape.props; + var pageSize = Model.define.page; + if (shapePosition.x + shapePosition.w > pageSize.width - pageSize.padding){ + Designer.setPageStyle({ + width: shapePosition.x + shapePosition.w + pageSize.padding + 10 + }); + } + if (shapePosition.y + shapePosition.h > pageSize.height - pageSize.padding){ + Designer.setPageStyle({ + height: shapePosition.y + shapePosition.h + pageSize.padding + 10 + }); + } + } + Designer.op.hideTip(); + Utils.showLinkerCursor(); + Designer.op.hideSnapLine() + }) + }) + }, + shapeRotatable: function() { + $(".shape_rotater").bind("mousemove", + function(i) { + var j = $(this); + var g = i.pageX - j.offset().left; + var h = i.pageY - j.offset().top; + var e = j[0].getContext("2d"); + j.unbind("mousedown"); + j.removeClass("rotate_enable"); + if (e.isPointInPath(g, h)) { + j.addClass("rotate_enable"); + j.bind("mousedown", + function(b) { + Utils.hideLinkerCursor(); + if ($("#shape_text_edit").length) { + $("#shape_text_edit").trigger("blur") + } + b.stopPropagation(); + Designer.op.changeState("rotating"); + var r = Utils.getSelectedIds(); + var c; + var s; + if (r.length == 1) { + var f = Model.getShapeById(r[0]); + c = f.props; + s = f.props.angle + } else { + c = Utils.getControlBox(r); + s = 0 + } + var x = { + x: c.x + c.w / 2, + y: c.y + c.h / 2 + }; + var d = Utils.toScale(x); + var w = $("#designer_canvas"); + var u = Utils.getSelected(); + var t = Utils.getAttachedShapes(u); + u = u.concat(t); + var a = Utils.getOutlinkers(u); + u = u.concat(a); + var v = s; + $(document).bind("mousemove.rotate", + function(l) { + var m = Utils.getRelativePos(l.pageX, l.pageY, w); + var H = Math.atan(Math.abs(m.x - d.x) / Math.abs(d.y - m.y)); + if (m.x >= d.x && m.y >= d.y) { + H = Math.PI - H + } else { + if (m.x <= d.x && m.y >= d.y) { + H = Math.PI + H + } else { + if (m.x <= d.x && m.y <= d.y) { + H = Math.PI * 2 - H + } + } + } + H = H % (Math.PI * 2); + var k = Math.PI / 36; + var o = Math.round(H / k); + H = k * o; + if (H == v) { + return + } + v = H; + Designer.op.showTip(o * 5 % 360 + "°"); + Designer.painter.rotateControls(c, H); + Utils.removeAnchors(); + var L = H - s; + for (var G = 0; G < u.length; G++) { + var q = u[G]; + var I = Model.getPersistenceById(q.id); + if (q.name != "linker") { + q.props.angle = Math.abs((L + I.props.angle) % (Math.PI * 2)); + var F = { + x: I.props.x + I.props.w / 2, + y: I.props.y + I.props.h / 2 + }; + var n = Utils.getRotated(x, F, L); + q.props.x = n.x - q.props.w / 2; + q.props.y = n.y - q.props.h / 2; + Designer.painter.renderShape(q); + Utils.showAnchors(q) + } else { + var p = false; + if ((Utils.isSelected(q.id) && q.from.id == null) || Utils.isSelected(q.from.id)) { + var K = Utils.getRotated(x, I.from, L); + q.from.x = K.x; + q.from.y = K.y; + if (q.from.angle != null) { + q.from.angle = Math.abs((I.from.angle + L) % (Math.PI * 2)) + } + p = true + } + var J = false; + if ((Utils.isSelected(q.id) && q.to.id == null) || Utils.isSelected(q.to.id)) { + var K = Utils.getRotated(x, I.to, L); + q.to.x = K.x; + q.to.y = K.y; + if (q.to.angle != null) { + q.to.angle = Math.abs((I.to.angle + L) % (Math.PI * 2)) + } + J = true + } + if (p || J) { + Designer.painter.renderLinker(q, true) + } + } + } + }).bind("mouseup.rotate", + function() { + $(document).unbind("mousemove.rotate").unbind("mouseup.rotate"); + Designer.op.resetState(); + Model.updateMulti(u); + Designer.painter.drawControls(r); + Designer.op.hideTip(); + Utils.showLinkerCursor() + }) + }) + } else { + j.removeClass("rotate_enable"); + j.unbind("mousedown") + } + }) + }, + groupShapeChangable: function() { + $(".change_shape_icon").bind("mousedown", + function(l) { + l.stopPropagation(); + var i = Utils.getSelected()[0]; + var j = i.groupName; + var m = $(this).parent(); + var k = m.position(); + var n = k.left + m.width(); + var e = k.top + m.height() + 10; + Designer.op.groupDashboard(j, n, e, + function(c) { + if (i.name != c) { + var b = Designer.events.push("shapeChanged", { + shape: i, + name: c + }); + var b1 = Utils.copy(i); //保留源节点信息（AttributesJsonArray） + var b2 = Utils.copy(i); //重新保留源节点信息（AttributesJsonArray） + Model.changeShape(i, c); //重画节点后会把节点信息抹去 + //将源节点b2内的AttributesJsonArray加入默认属性，并且替换源节点有值并且为目标节点默认属性的属性。 + for(var x = 0; x < b2.dataAttributes.length; x++) { + var b2x = b2.dataAttributes[x]; + if(b2x.attributesJsonArray) { + var attributesJsonArray = b2x.attributesJsonArray.splice(0); //源节点的属性 + //加入默认属性 + if (Model.define.localAttribute != undefined && Model.define.localAttribute[c] != undefined && Model.define.localAttribute[c] != null && Model.define.localAttribute[c].length > 0) { + for(var b2xi in Model.define.localAttribute[c]) { + b2x.attributesJsonArray.push(Utils.copy(Model.define.localAttribute[c][b2xi])); + } + } + //替换源节点有值的属性 + for(var pj = 0; pj < attributesJsonArray.length; pj++) { + var hasValue = ( attributesJsonArray[pj].value || attributesJsonArray[pj].value === false ) && attributesJsonArray[pj].value !==[]; + if(attributesJsonArray[pj] && attributesJsonArray[pj].id && hasValue) { + var flag = false; + for(var b2xj = 0; b2xj < b2x.attributesJsonArray.length; b2xj++) { + if(b2x.attributesJsonArray[b2xj] && b2x.attributesJsonArray[b2xj].id == attributesJsonArray[pj].id) { + b2x.attributesJsonArray[b2xj] = attributesJsonArray[pj]; + flag = true; + break; + } + } + } + } + } + } + i.dataAttributes = b2.dataAttributes; //重新加入默认属性并且加入源节点带值的属性 + var a = [i]; + if (b && b.length > 0) { + a = a.concat(b) + } + Model.updateMulti(a) + } + }) + }) + }, + shapeMultiSelectable: function() { + var d = $("#designer_canvas"); + var c = $("#designer_layout"); + c.unbind("mousedown.multiselect").bind("mousedown.multiselect", + function(a) { + var b = null; + if (!a.ctrlKey) { + Utils.unselect() + } + var f = Utils.getRelativePos(a.pageX, a.pageY, d); + Designer.op.changeState("multi_selecting"); + c.bind("mousemove.multiselect", + function(i) { + if (b == null) { + b = $("
    ").appendTo(d) + } + var j = Utils.getRelativePos(i.pageX, i.pageY, d); + var e = { + "z-index": Model.orderList.length, + left: j.x, + top: j.y + }; + if (j.x > f.x) { + e.left = f.x + } + if (j.y > f.y) { + e.top = f.y + } + e.width = Math.abs(j.x - f.x); + e.height = Math.abs(j.y - f.y); + b.css(e) + }); + $(document).unbind("mouseup.multiselect").bind("mouseup.multiselect", + function(j) { + if (b != null) { + var l = { + x: b.position().left.restoreScale(), + y: b.position().top.restoreScale(), + w: b.width().restoreScale(), + h: b.height().restoreScale() + }; + var e = Utils.getShapesByRange(l); + if (j.ctrlKey) { + var k = Utils.getSelectedIds(); + Utils.mergeArray(e, k) + } + Utils.unselect(); + Utils.selectShape(e); + b.remove() + } + Designer.op.resetState(); + $(document).unbind("mouseup.multiselect"); + c.unbind("mousemove.multiselect") + }); + c.unbind("mousedown.multiselect") + }) + }, + shapeEditable: function(d) { + var c = $("#designer_canvas"); + if (d.attribute.editable == false) { + return + } + c.unbind("dblclick.edit").bind("dblclick.edit", + function() { + Designer.op.editShapeText(d); + c.unbind("dblclick.edit") + }) + }, + editShapeText: function(o) { + if (o.name == "linker") { + this.editLinkerText(o); + return + } + var j = $("#shape_text_edit"); + if (j.length == 0) { + j = $("").appendTo("#designer_canvas") + } + var k = $("#shape_text_ruler"); + if (k.length == 0) { + k = $("").appendTo("#designer_canvas") + } + $(".text_canvas[forshape=" + o.id + "]").hide(); + var l = o.fontStyle; + var p = o.getTextBlock(); + if (l.orientation == "horizontal") { + var m = { + x: p.x + p.w / 2, + y: p.y + p.h / 2 + }; + p = { + x: m.x - p.h / 2, + y: m.y - p.w / 2, + w: p.h, + h: p.w + } + } + var n = { + width: p.w + "px", + "z-index": Model.orderList.length + 2, + "line-height": Math.round(l.size * 1.25) + "px", + "font-size": l.size + "px", + "font-family": l.fontFamily, + "font-weight": l.bold ? "bold": "normal", + "font-style": l.italic ? "italic": "normal", + "text-align": l.textAlign, + color: "rgb(" + l.color + ")", + "text-decoration": l.underline ? "underline": "none" + }; + j.css(n); + k.css(n); + j.show(); + p.x += o.props.x; + p.y += o.props.y; + j.val(o.text); + $("#shape_text_edit").unbind().bind("keyup", + function() { + var a = $(this).val(); + k.val(a); + k.scrollTop(99999); + var h = k.scrollTop(); + j.css({ + height: h + }); + var g = { + x: p.x + p.w / 2, + y: p.y + p.h / 2 + }; + var f = 0; + var d = 0; + var w = p.h; + if (o.fontStyle.vAlign == "middle") { + if (h > w) { + w = h; + f = (g.y - w / 2); + d = 0 + } else { + f = (g.y - p.h / 2); + d = (p.h - h) / 2; + w = p.h - d + } + } else { + if (o.fontStyle.vAlign == "bottom") { + if (h > w) { + w = h; + f = (g.y + p.h / 2 - w); + d = 0 + } else { + f = (g.y - p.h / 2); + d = p.h - h; + w = p.h - d + } + } else { + f = (g.y - p.h / 2); + d = 0; + if (h > w) { + w = h + } else { + w = p.h + } + } + } + var x = d + w; + var b = { + x: p.x + p.w / 2, + y: f + x / 2 + }; + var c = o.props.angle; + if (c != 0) { + var v = { + x: o.props.x + o.props.w / 2, + y: o.props.y + o.props.h / 2 + }; + b = Utils.getRotated(v, b, c) + } + if (l.orientation == "horizontal") { + c = (Math.PI * 1.5 + c) % (Math.PI * 2) + } + var u = Math.round(c / (Math.PI * 2) * 360); + var e = "rotate(" + u + "deg) scale(" + Designer.config.scale + ")"; + j.css({ + width: p.w, + height: w, + "padding-top": d, + left: b.x.toScale() - p.w / 2 - 2, + top: b.y.toScale() - x / 2 - 2, + "-webkit-transform": e, + "-ms-transform": e, + "-o-transform": e, + "-moz-transform": e, + transform: e + }) + }).bind("keydown", + function(a) { + var d = $(this); + if (a.keyCode == 13 && a.ctrlKey) { + i(); + return false + } else { + if (a.keyCode == 27) { + d.unbind().remove(); + $(".text_canvas[forshape=" + o.id + "]").show() + } else { + if (a.keyCode == 66 && a.ctrlKey) { + var c = !o.fontStyle.bold; + o.fontStyle.bold = c; + Model.update(o); + var b = c ? "bold": "normal"; + $(this).css("font-weight", b); + k.css("font-weight", b); + UI.update() + } else { + if (a.keyCode == 73 && a.ctrlKey) { + var c = !o.fontStyle.italic; + o.fontStyle.italic = c; + Model.update(o); + var b = c ? "italic": "normal"; + $(this).css("font-style", b); + k.css("font-style", b); + UI.update() + } else { + if (a.keyCode == 85 && a.ctrlKey) { + var c = !o.fontStyle.underline; + o.fontStyle.underline = c; + Model.update(o); + var b = c ? "underline": "none"; + $(this).css("text-decoration", b); + k.css("text-decoration", b); + a.preventDefault(); + UI.update() + } + } + } + } + } + }).bind("blur", + function(a) { + i() + }).bind("mousemove", + function(a) { + a.stopPropagation() + }).bind("mousedown", + function(a) { + a.stopPropagation() + }).bind("mouseenter", + function(a) { + Designer.op.destroy() + }); + $("#shape_text_edit").trigger("keyup"); + j.select(); + function i() { + var a = $("#shape_text_edit").val(); + if ($("#shape_text_edit").length && $("#shape_text_edit").is(":visible")) { + if (a != o.text) { + o.text = a; + Model.update(o) + } + Designer.painter.renderShape(o); + $("#shape_text_edit").remove() + } + } + }, + shapeLinkable: function(j, g) { + var i = $("#designer_canvas"); + var f = $("#canvas_container"); + f.unbind("mousedown.link").bind("mousedown.link", + function(c) { + Designer.op.changeState("linking_from_shape"); + var e = null; + var d = null; + var a; + if (!j) { + var b = Utils.getRelativePos(c.pageX, c.pageY, i); + a = { + x: b.x.restoreScale(), + y: b.y.restoreScale(), + id: null, + angle: null + } + } else { + a = g; + a.id = j.id + } + f.bind("mousemove.link", + function(m) { + f.css("cursor", "default"); + var n = Utils.getRelativePos(m.pageX, m.pageY, i); + if (d == null) { + d = h(a, n); + Designer.events.push("linkerCreating", d) + } + Designer.op.moveLinker(d, "to", n.x, n.y); + $(document).unbind("mouseup.droplinker").bind("mouseup.droplinker", + function() { + if (Math.abs(n.x - a.x) > 20 || Math.abs(n.y - a.y) > 20) { + Model.add(d); + Designer.events.push("linkerCreated", d); + if (d.to.id == null && d.from.id != null) { + Designer.op.linkDashboard(d) + } + Utils.showLinkerCursor() + } else { + $("#" + d.id).remove() + } + $(document).unbind("mouseup.droplinker") + }) + }); + $(document).bind("mouseup.link", + function() { + Designer.op.hideLinkPoint(); + Designer.op.resetState(); + f.unbind("mousedown.link"); + f.unbind("mousemove.link"); + $(document).unbind("mouseup.link") + }) + }); + function h(a, b) { + var d = Utils.newId(); + var c = Utils.copy(Schema.linkerDefaults); + c.from = a; + c.to = { + id: null, + x: b.x, + y: b.y, + angle: null + }; + c.props = { + zindex: Model.maxZIndex + 1 + }; + c.id = d; + return c + } + }, + linkerEditable: function(c) { + var d = $("#designer_canvas"); + d.unbind("dblclick.edit_linker").bind("dblclick.edit_linker", + function() { + Designer.op.editLinkerText(c); + d.unbind("dblclick.edit_linker") + }) + }, + editLinkerText: function(n) { + Designer.contextMenu.hide(); + var o = Designer.painter.getLinkerMidpoint(n); + var k = $("#" + n.id).find(".text_canvas"); + var i = $("#linker_text_edit"); + if (i.length == 0) { + i = $("").appendTo("#designer_canvas") + } + $("#" + n.id).find(".text_canvas").hide(); + var l = n.fontStyle; + var m = "scale(" + Designer.config.scale + ")"; + var j = Math.round(l.size * 1.25); + i.css({ + "z-index": Model.orderList.length, + "line-height": j + "px", + "font-size": l.size + "px", + "font-family": l.fontFamily, + "font-weight": l.bold ? "bold": "normal", + "font-style": l.italic ? "italic": "normal", + "text-align": l.textAlign, + color: "rgb(" + l.color + ")", + "text-decoration": l.underline ? "underline": "none", + "-webkit-transform": m, + "-ms-transform": m, + "-o-transform": m, + "-moz-transform": m, + transform: m + }); + i.val(n.text).show().select(); + i.unbind().bind("keyup", + function() { + var b = $(this).val(); + var a = b.replace(//g, ">").replace(/\n/g, "
    "); + k.html(a + "
    "); + var d = k.width(); + if (d < 50) { + d = 50 + } + var c = k.height(); + if (c < j) { + c = j + } + i.css({ + left: o.x.toScale() - d / 2 - 2, + top: o.y.toScale() - c / 2 - 2, + width: d, + height: c + }) + }).bind("mousedown", + function(a) { + a.stopPropagation() + }).bind("keydown", + function(a) { + if (a.keyCode == 13 && a.ctrlKey) { + p(); + return false + } else { + if (a.keyCode == 27) { + i.unbind().remove(); + Designer.painter.renderLinkerText(n) + } else { + if (a.keyCode == 66 && a.ctrlKey) { + var c = !n.fontStyle.bold; + n.fontStyle.bold = c; + Model.update(n); + var b = c ? "bold": "normal"; + $(this).css("font-weight", b); + k.css("font-weight", b); + UI.update() + } else { + if (a.keyCode == 73 && a.ctrlKey) { + var c = !n.fontStyle.italic; + n.fontStyle.italic = c; + Model.update(n); + var b = c ? "italic": "normal"; + $(this).css("font-style", b); + k.css("font-style", b); + UI.update() + } else { + if (a.keyCode == 85 && a.ctrlKey) { + var c = !n.fontStyle.underline; + n.fontStyle.underline = c; + Model.update(n); + var b = c ? "underline": "none"; + $(this).css("text-decoration", b); + k.css("text-decoration", b); + a.preventDefault(); + UI.update() + } + } + } + } + } + }).bind("blur", + function() { + p() + }); + i.trigger("keyup"); + function p() { + var b = $("#linker_text_edit"); + if (b.length && b.is(":visible")) { + var a = b.val(); + if (a != n.text) { + n.text = a; + Model.update(n) + } + Designer.painter.renderLinker(n); + b.remove() + } + } + }, + linkerDraggable: function(g, f) { + var h = $("#designer_canvas"); + var e = $("#canvas_container"); + h.bind("mousedown.draglinker", + function(b) { + Utils.hideLinkerControls(); + Designer.op.changeState("dragging_linker"); + var c = Utils.getSelectedIds(); + var a = false; + if (c.length > 1) { + a = true + } + e.bind("mousemove.draglinker", + function(d) { + e.css("cursor", "default"); + var j = Utils.getRelativePos(d.pageX, d.pageY, h); + Designer.op.moveLinker(g, f, j.x, j.y); + if (a) { + Designer.painter.drawControls(c) + } + $(document).unbind("mouseup.droplinker").bind("mouseup.droplinker", + function() { + $(document).unbind("mouseup.droplinker"); + Model.update(g); + Utils.showLinkerControls() + }) + }); + $(document).bind("mouseup.draglinker", + function() { + Designer.op.hideLinkPoint(); + Designer.op.resetState(); + h.unbind("mousedown.draglinker"); + e.unbind("mousemove.draglinker"); + $(document).unbind("mouseup.draglinker"); + Utils.showLinkerControls() + }) + }) + }, + linkClickable: function(e, f) { + var d = $("#link_spot"); + if (d.length == 0) { + d = $("").appendTo("#designer_canvas") + } + if (e.trim().toLowerCase().indexOf("http") == -1) { + e = "http://" + e + } + d.show().css({ + left: f.x - 50, + top: f.y - 50, + "z-index": Model.orderList.length + 1 + }) + }, + textCreatable: function() { + var c = $("#designer_canvas"); + var d = $("#canvas_container"); + d.unbind("mousedown.create_text").bind("mousedown.create_text", + function(a) { + var g = null; + if (!a.ctrlKey) { + Utils.unselect() + } + var h = Utils.getRelativePos(a.pageX, a.pageY, c); + var b = null; + d.bind("mousemove.create_text", + function(f) { + if (g == null) { + g = $("
    ").appendTo(c) + } + var e = Utils.getRelativePos(f.pageX, f.pageY, c); + b = { + "z-index": Model.orderList.length, + left: e.x - 1, + top: e.y - 1 + }; + if (e.x > h.x) { + b.left = h.x - 1 + } + if (e.y > h.y) { + b.top = h.y - 1 + } + b.width = Math.abs(e.x - h.x - 2); + b.height = Math.abs(e.y - h.y - 2); + g.css(b) + }); + $(document).unbind("mouseup.create_text").bind("mouseup.create_text", + function(e) { + if (b != null && b.width >= 20 && b.height >= 20) { + var f = Model.create("standardText", b.left.restoreScale(), b.top.restoreScale()); + f.props.w = b.width.restoreScale(); + f.props.h = b.height.restoreScale(); + Model.add(f); + Designer.painter.renderShape(f); + Designer.op.editShapeText(f); + Utils.unselect(); + Utils.selectShape(f.id) + } + g.remove(); + Designer.op.resetState(); + $(document).unbind("mouseup.create_text"); + d.unbind("mousemove.create_text") + }); + d.unbind("mousedown.create_text") + }) + }, + canvasDragTimeout: null, + canvasDraggable: function() { + var b = $("#canvas_container"); + b.css("cursor", "url(../apps/_bpm.platform/js/designer/themes/default/images/diagraming/cursor_hand.png) 8 8, auto"); + if (this.canvasDragTimeout) { + clearTimeout(this.canvasDragTimeout) + } + this.canvasDragTimeout = setTimeout(function() { + b.unbind("mousedown.drag_canvas"); + Designer.op.resetState(); + b.unbind("mousemove.drag_canvas"); + $(document).unbind("mouseup.drag_canvas") + }, + 500); + b.unbind("mousedown.drag_canvas").bind("mousedown.drag_canvas", + function(e) { + var f = $("#designer_layout").scrollTop(); + var a = $("#designer_layout").scrollLeft(); + b.bind("mousemove.drag_canvas", + function(d) { + var h = d.pageX - e.pageX; + var c = d.pageY - e.pageY; + $("#designer_layout").scrollLeft(a - h); + $("#designer_layout").scrollTop(f - c) + }); + $(document).unbind("mouseup.drag_canvas").bind("mouseup.drag_canvas", + function(c) { + b.unbind("mousemove.drag_canvas"); + $(document).unbind("mouseup.drag_canvas") + }) + }); + $(document).unbind("keyup.drag_canvas").bind("keyup.drag_canvas", + function(a) { + b.unbind("mousedown.drag_canvas"); + Designer.op.resetState(); + $(document).unbind("mouseup.drag_canvas"); + a.preventDefault(); + clearTimeout(this.canvasDragTimeout); + b.unbind("mousemove.drag_canvas") + }) + }, + canvasFreeDraggable: function() { + var b = $("#canvas_container"); + b.css("cursor", "url(../apps/_bpm.platform/js/designer/themes/default/images/diagraming/cursor_hand.png) 8 8, auto"); + b.unbind("mousedown.drag_canvas").bind("mousedown.drag_canvas", + function(e) { + var f = $("#designer_layout").scrollTop(); + var a = $("#designer_layout").scrollLeft(); + b.bind("mousemove.drag_canvas", + function(d) { + var h = d.pageX - e.pageX; + var c = d.pageY - e.pageY; + $("#designer_layout").scrollLeft(a - h); + $("#designer_layout").scrollTop(f - c) + }); + $(document).unbind("mouseup.drag_canvas").bind("mouseup.drag_canvas", + function(c) { + b.unbind("mousemove.drag_canvas"); + $(document).unbind("mouseup.drag_canvas") + }) + }) + }, + moveShape: function(A, H) { + var z = []; + for (var x = 0; x < A.length; x++) { + var M = A[x]; + z.push(M.id) + } + var i = Utils.restoreScale(H); + for (var x = 0; x < A.length; x++) { + var M = A[x]; + if (M.name == "linker") { + var D = M; + var y = D.from; + var L = D.to; + var G = false; + var C = false; + if (!Utils.isSelected(D.id)) { + if (y.id != null && z.indexOf(y.id) >= 0) { + D.from.x += i.x; + D.from.y += i.y; + G = true + } + if (L.id != null && z.indexOf(L.id) >= 0) { + D.to.x += i.x; + D.to.y += i.y; + C = true + } + } else { + if (y.id == null || z.indexOf(y.id) >= 0) { + D.from.x += i.x; + D.from.y += i.y; + G = true + } + if (L.id == null || z.indexOf(L.id) >= 0) { + D.to.x += i.x; + D.to.y += i.y; + C = true + } + } + if (G && C) { + for (var w = 0; w < D.points.length; w++) { + var B = D.points[w]; + B.x += i.x; + B.y += i.y + } + var p = $("#" + M.id); + var J = p.position(); + p.css({ + left: J.left += H.x, + top: J.top += H.y + }) + } else { + if (G || C) { + Designer.painter.renderLinker(D, true) + } + } + } else { + N(M); + $(".shape_contour[forshape=" + M.id + "]").css({ + left: M.props.x.toScale(), + top: M.props.y.toScale() + }) + } + } + var K = Utils.getSelectedLinkerIds(); + if (A.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")) + H.x, + top: parseFloat(E.css("top")) + H.y + }) + } + 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 += i.x; + a.props.y += i.y; + var b = $("#" + a.id); + b.css({ + left: parseFloat(b.css("left")) + H.x, + top: parseFloat(b.css("top")) + H.y + }) + } + }, + moveLinker: function(D, w, G, H) { + var K = null; + var C = null; + var z = Utils.getShapeByPosition(G, H, true); + Designer.op.hideLinkPoint(); + if (z != null) { + var L = z.shape; + Utils.showAnchors(L); + C = L.id; + if (z.type == "bounding") { + K = z.linkPoint; + Designer.op.showLinkPoint(Utils.toScale(K)) + } else { + if (z.type == "shape") { + var u; + var I; + if (w == "from") { + u = { + x: D.to.x, + y: D.to.y + }; + I = D.to.id + } else { + u = { + x: D.from.x, + y: D.from.y + }; + I = D.from.id + } + if (L.id == I) { + Designer.op.hideLinkPoint(); + K = { + x: G.restoreScale(), + y: H.restoreScale() + }; + K.angle = null; + C = null + } else { + var B = L.getAnchors(); + var E = -1; + var A; + var t = { + x: L.props.x + L.props.w / 2, + y: L.props.y + L.props.h / 2 + }; + for (var v = 0; v < B.length; v++) { + var y = B[v]; + var F = Utils.getRotated(t, { + x: L.props.x + y.x, + y: L.props.y + y.y + }, + L.props.angle); + var x = Utils.measureDistance(F, u); + if (E == -1 || x < E) { + E = x; + A = F + } + } + var J = Utils.getPointAngle(L.id, A.x, A.y, 7); + K = { + x: A.x, + y: A.y, + angle: J + }; + Designer.op.showLinkPoint(Utils.toScale(K)) + } + } + } + } else { + Designer.op.hideLinkPoint(); + Utils.hideAnchors(); + K = { + x: G.restoreScale(), + y: H.restoreScale() + }; + K.angle = null; + C = null + } + if (w == "from") { + D.from.id = C; + D.from.x = K.x; + D.from.y = K.y; + D.from.angle = K.angle; + if (C == null) { + if (K.x >= D.to.x - 6 && K.x <= D.to.x + 6) { + D.from.x = D.to.x + } + if (K.y >= D.to.y - 6 && K.y <= D.to.y + 6) { + D.from.y = D.to.y + } + } + } else { + D.to.x = K.x; + D.to.y = K.y; + D.to.id = C; + D.to.angle = K.angle; + if (C == null) { + if (K.x >= D.from.x - 6 && K.x <= D.from.x + 6) { + D.to.x = D.from.x + } + if (K.y >= D.from.y - 6 && K.y <= D.from.y + 6) { + D.to.y = D.from.y + } + } + } + Designer.painter.renderLinker(D, true) + }, + showLinkPoint: function(e) { + var f = $("").appendTo($("#designer_canvas")); + var d = f[0].getContext("2d"); + d.translate(1, 1); + d.lineWidth = 1; + d.globalAlpha = 0.3; + d.strokeStyle = Designer.config.anchorColor; + d.fillStyle = Designer.config.anchorColor; + d.beginPath(); + d.moveTo(0, 15); + d.bezierCurveTo(0, -5, 30, -5, 30, 15); + d.bezierCurveTo(30, 35, 0, 35, 0, 15); + d.closePath(); + d.fill(); + d.stroke(); + f.css({ + left: e.x - 16, + top: e.y - 16, + "z-index": Model.orderList.length + }).show() + }, + hideLinkPoint: function() { + $(".link_point_canvas").hide() + }, + brokenLinkerChangable: function(k, l) { + var h = $("#canvas_container"); + var g = $("#designer_canvas"); + var i = k.points[l - 1]; + var j = k.points[l]; + if (i.x == j.x) { + h.css("cursor", "e-resize") + } else { + h.css("cursor", "n-resize") + } + g.bind("mousedown.brokenLinker", + function(a) { + Designer.op.changeState("changing_broken_linker"); + var b = Utils.getRelativePos(a.pageX, a.pageY, g); + var c = Utils.getSelectedIds(); + h.bind("mousemove.brokenLinker", + function(e) { + var f = Utils.getRelativePos(e.pageX, e.pageY, g); + var d = { + x: f.x - b.x, + y: f.y - b.y + }; + d = Utils.restoreScale(d); + if (i.x == j.x) { + i.x += d.x; + j.x += d.x + } else { + i.y += d.y; + j.y += d.y + } + Designer.painter.renderLinker(k); + if (c.length > 1) { + Designer.painter.drawControls(c) + } + b = f; + $(document).unbind("mouseup.changed").bind("mouseup.changed", + function() { + Model.update(k); + $(document).unbind("mouseup.changed") + }) + }); + $(document).bind("mouseup.brokenLinker", + function() { + Designer.op.resetState(); + h.unbind("mousemove.brokenLinker"); + g.unbind("mousedown.brokenLinker"); + $(document).unbind("mouseup.brokenLinker") + }) + }) + }, + removeShape: function() {// 在designer.extend.core.js重写 + var d = Utils.getSelected(); + if (d.length > 0) { + Utils.unselect(); + var e = Utils.getAttachedShapes(d); + d = d.concat(e); + var c = []; + for (var b = 0; b < d.length; b++) { + var a = Utils.getChildrenShapes(d[b]); + c = c.concat(a) + } + d = d.concat(c); + if (d.length > 0) { + var shapeIds = []; + for (var index = 0; index < d.length; index++) { + if (d[index].name != "linker") { + shapeIds.push(d[index].id) + } + } + if (shapeIds.length > 0) { + $.ajax({ + url: "./jd?sid=" + $("#sid").val() + "&cmd=com.actionsoft.apps.coe.pal_pl_repository_designer_relation_search", + data: { + shapeIds: shapeIds.join(","), + fileId: ruuid + }, + success: function(msg) { + if (typeof(msg) == "string") { + msg = eval("(" + msg + ")") + } + var relationShapes = msg.data.relationShapes; + if (relationShapes.length > 0) { + var options = { + title: "提示", + content: "图形[" + relationShapes + "]被关联，确定删除吗？", + onConfirm: function() { + Model.remove(d) + } + }; + $.confirm(options) + } else { + Model.remove(d) + } + } + }) + } else { + Model.remove(d) + } + } + } + }, + showTip: function(h) { + var f = $("#designer_op_tip"); + if (f.length == 0) { + f = $("
    ").appendTo("#designer_canvas") + } + f.stop().html(h); + var e = $("#shape_controls"); + var g = e.position(); + f.css({ + top: g.top + e.height() + 5, + left: g.left + e.width() / 2 - f.outerWidth() / 2, + "z-index": Model.orderList.length + }).show() + }, + hideTip: function() { + $("#designer_op_tip").fadeOut(100) + }, + snapLine: function(R, Q, S, ae) { + var U = R.y; + var J = R.y + R.h / 2; + var ad = R.y + R.h; + var af = R.x; + var T = R.x + R.w / 2; + var X = R.x + R.w; + var ag = 2; + var ab = { + v: null, + h: null, + attach: null + }; + var W = null; + if (S) { + W = ae + } else { + W = Model.getShapeById(Q[0]) + } + if (Q.length == 1 && W.groupName == "boundaryEvent") { + for (var K = Model.orderList.length - 1; K >= 0; K--) { + var P = Model.orderList[K].id; + var ai = Model.getShapeById(P); + if (ai.name != "linker" && ai.id != W.id) { + var O = ai.props; + if (ab.attach == null && O.angle == 0 && (ai.groupName == "task" || ai.groupName == "callActivity" || ai.groupName == "subProcess")) { + var p = { + x: O.x - ag, + y: O.y - ag, + w: O.w + ag * 2, + h: O.h + ag * 2 + }; + if (Utils.pointInRect(T, J, p)) { + var aj = O.y; + var ac = O.y + O.h; + var M = O.x; + var L = O.x + O.w; + var V = false; + var aa = false; + if (aj >= J - ag && aj <= J + ag) { + R.y = aj - R.h / 2; + aa = true + } else { + if (ac >= J - ag && ac <= J + ag) { + R.y = ac - R.h / 2; + aa = true + } + } + if (M >= T - ag && M <= T + ag) { + R.x = M - R.w / 2; + V = true + } else { + if (L >= T - ag && L <= T + ag) { + R.x = L - R.w / 2; + V = true + } + } + if (V || aa) { + ab.attach = ai + } + } + } + } + } + } + if (ab.attach == null) { + for (var K = Model.orderList.length - 1; K >= 0; K--) { + var P = Model.orderList[K].id; + var ai = Model.getShapeById(P); + if (ai.name == "linker" || Q.indexOf(P) >= 0 || ai.parent) { + continue + } + var O = ai.props; + if (ab.h == null) { + var aj = O.y; + var ak = O.y + O.h / 2; + var ac = O.y + O.h; + if (ak >= J - ag && ak <= J + ag) { + ab.h = { + type: "middle", + y: ak + }; + R.y = ak - R.h / 2 + } else { + if (aj >= U - ag && aj <= U + ag) { + ab.h = { + type: "top", + y: aj + }; + R.y = aj + } else { + if (ac >= ad - ag && ac <= ad + ag) { + ab.h = { + type: "bottom", + y: ac + }; + R.y = ac - R.h + } else { + if (ac >= U - ag && ac <= U + ag) { + ab.h = { + type: "top", + y: ac + }; + R.y = ac + } else { + if (aj >= ad - ag && aj <= ad + ag) { + ab.h = { + type: "bottom", + y: aj + }; + R.y = aj - R.h + } + } + } + } + } + } + if (ab.v == null) { + var M = O.x; + var N = O.x + O.w / 2; + var L = O.x + O.w; + if (N >= T - ag && N <= T + ag) { + ab.v = { + type: "center", + x: N + }; + R.x = N - R.w / 2 + } else { + if (M >= af - ag && M <= af + ag) { + ab.v = { + type: "left", + x: M + }; + R.x = M + } else { + if (L >= X - ag && L <= X + ag) { + ab.v = { + type: "right", + x: L + }; + R.x = L - R.w + } else { + if (L >= af - ag && L <= af + ag) { + ab.v = { + type: "left", + x: L + }; + R.x = L + } else { + if (M >= X - ag && M <= X + ag) { + ab.v = { + type: "right", + x: M + }; + R.x = M - R.w + } + } + } + } + } + } + if (ab.h != null && ab.v != null) { + break + } + } + } + this.hideSnapLine(); + var ah = $("#designer_canvas"); + if (ab.attach != null) { + var Y = $("#designer_op_snapline_attach"); + if (Y.length == 0) { + Y = $("
    ").appendTo(ah) + } + var I = ab.attach; + var al = I.lineStyle.lineWidth; + Y.css({ + width: (I.props.w + al).toScale(), + height: (I.props.h + al).toScale(), + left: (I.props.x - al / 2).toScale() - 2, + top: (I.props.y - al / 2).toScale() - 2, + "z-index": $("#" + I.id).css("z-index") + }).show() + } + if (ab.h != null) { + var i = $("#designer_op_snapline_h"); + if (i.length == 0) { + i = $("
    ").appendTo(ah) + } + i.css({ + width: ah.width() + Designer.config.pageMargin * 2, + left: -Designer.config.pageMargin, + top: Math.round(ab.h.y.toScale()), + "z-index": Model.orderList.length + 1 + }).show() + } + if (ab.v != null) { + var Z = $("#designer_op_snapline_v"); + if (Z.length == 0) { + Z = $("
    ").appendTo(ah) + } + Z.css({ + height: ah.height() + Designer.config.pageMargin * 2, + top: -Designer.config.pageMargin, + left: Math.round(ab.v.x.toScale()), + "z-index": Model.orderList.length + 1 + }).show() + } + return ab + }, + snapResizeLine: function(K, I, J) { + var L = K.y; + var i = K.y + K.h / 2; + var P = K.y + K.h; + var Q = K.x; + var C = K.x + K.w / 2; + var D = K.x + K.w; + var R = 2; + var N = { + v: null, + h: null + }; + for (var F = Model.orderList.length - 1; F >= 0; F--) { + var B = Model.orderList[F].id; + var U = Model.getShapeById(B); + if (U.name == "linker" || I.indexOf(B) >= 0 || U.parent) { + continue + } + var H = U.props; + if (N.h == null && (J.indexOf("t") >= 0 || J.indexOf("b") >= 0)) { + var T = H.y; + var V = H.y + H.h / 2; + var O = H.y + H.h; + if (V >= i - R && V <= i + R) { + N.h = { + type: "middle", + y: V + }; + if (J.indexOf("t") >= 0) { + K.h = (P - V) * 2; + K.y = P - K.h + } else { + K.h = (V - K.y) * 2 + } + } else { + if (J.indexOf("t") >= 0 && T >= L - R && T <= L + R) { + N.h = { + type: "top", + y: T + }; + K.y = T; + K.h = P - T + } else { + if (J.indexOf("b") >= 0 && O >= P - R && O <= P + R) { + N.h = { + type: "bottom", + y: O + }; + K.h = O - L + } else { + if (J.indexOf("t") >= 0 && O >= L - R && O <= L + R) { + N.h = { + type: "top", + y: O + }; + K.y = O; + K.h = P - O + } else { + if (J.indexOf("b") >= 0 && T >= P - R && T <= P + R) { + N.h = { + type: "bottom", + y: T + }; + K.h = T - K.y + } + } + } + } + } + } + if (N.v == null && (J.indexOf("l") >= 0 || J.indexOf("r") >= 0)) { + var p = H.x; + var A = H.x + H.w / 2; + var G = H.x + H.w; + if (A >= C - R && A <= C + R) { + N.v = { + type: "center", + x: A + }; + if (J.indexOf("l") >= 0) { + K.w = (D - A) * 2; + K.x = D - K.w + } else { + K.w = (A - K.x) * 2 + } + } else { + if (J.indexOf("l") >= 0 && p >= Q - R && p <= Q + R) { + N.v = { + type: "left", + x: p + }; + K.x = p; + K.w = D - p + } else { + if (J.indexOf("r") >= 0 && G >= D - R && G <= D + R) { + N.v = { + type: "right", + x: G + }; + K.w = G - K.x + } else { + if (J.indexOf("l") >= 0 && G >= Q - R && G <= Q + R) { + N.v = { + type: "left", + x: G + }; + K.x = G; + K.w = D - G + } else { + if (J.indexOf("r") >= 0 && p >= D - R && p <= D + R) { + N.v = { + type: "right", + x: p + }; + K.w = p - K.x + } + } + } + } + } + } + if (N.h != null && N.v != null) { + break + } + } + this.hideSnapLine(); + var S = $("#designer_canvas"); + if (N.h != null) { + var E = $("#designer_op_snapline_h"); + if (E.length == 0) { + E = $("
    ").appendTo(S) + } + E.css({ + width: S.width() + Designer.config.pageMargin * 2, + left: -Designer.config.pageMargin, + top: Math.round(N.h.y.toScale()), + "z-index": Model.orderList.length + 1 + }).show() + } + if (N.v != null) { + var M = $("#designer_op_snapline_v"); + if (M.length == 0) { + M = $("
    ").appendTo(S) + } + M.css({ + height: S.height() + Designer.config.pageMargin * 2, + top: -Designer.config.pageMargin, + left: Math.round(N.v.x.toScale()), + "z-index": Model.orderList.length + 1 + }).show() + } + return N + }, + hideSnapLine: function() { + $("#designer_op_snapline_h").hide(); + $("#designer_op_snapline_v").hide(); + $("#designer_op_snapline_attach").hide() + }, + linkDashboard: function(q) { + var m = Model.getShapeById(q.from.id); + var t = m.category; + if ($("#panel_" + t).length != 0) { + var p = $("#shape_dashboard_" + t); + if (p.length == 0) { + p = $("").appendTo("#designer_canvas"); + function r(b, d) { + var e = "
    "; + var c = $(e).appendTo(p); + if (d) { + c.append("
    ") + } + var a = c.children()[0]; + Designer.painter.drawPanelItem(a, b.name) + } + for (var l in Schema.shapes) { + var o = Schema.shapes[l]; + if ((o.category == "process_bpmn2" || o.category == "process.bpmn2" || o.category == "bpmn") && checkRunningTimeShape(o)) { + continue; + } + if (o.category == t) { + var s = o.attribute; + if (s.visible && s.linkable) { + if (!o.groupName) { + r(o) + } else { + var k = SchemaGroup.getGroup(o.groupName); + if (k[0] == o.name) { + r(o, o.groupName) + } + } + } + } + } + p.bind("mousemove", + function(a) { + a.stopPropagation() + }).bind("mousedown", + function(a) { + a.stopPropagation() + }) + } + p.css({ + left: q.to.x.toScale(), + top: q.to.y.toScale(), + "z-index": Model.orderList.length + }).show(); + p.find(".link_shape_icon").unbind().bind("mousedown", + function(f) { + f.stopPropagation(); + var a = $(this).attr("group"); + var d = $(this).parent().position(); + var e = p.position(); + var b = d.left + e.left + $(this).parent().outerWidth() - 10; + var c = d.top + e.top + $(this).parent().outerHeight(); + Designer.op.groupDashboard(a, b, c, + function(g) { + n(g); + p.hide(); + $(document).unbind("mousedown.dashboard") + }) + }).bind("click", + function(a) { + a.stopPropagation() + }); + p.children(".dashboard_box").unbind().bind("click", + function() { + p.hide(); + $(document).unbind("mousedown.dashboard"); + var a = $(this); + var b = a.attr("shapeName"); + n(b) + }); + initRunningDashboard(p); + $(document).bind("mousedown.dashboard", + function() { + p.hide(); + $(document).unbind("mousedown.dashboard") + }); + function n(e) { + var y = Schema.shapes[e]; + var d = Utils.getEndpointAngle(q, "to"); + var b = Utils.getAngleDir(d); + var f = y.getAnchors(); + var A; + if (b == 1) { + var c = null; + for (var j = 0; j < f.length; j++) { + var z = f[j]; + if (c == null || z.y < c) { + c = z.y; + A = z + } + } + } else { + if (b == 2) { + var g = null; + for (var j = 0; j < f.length; j++) { + var z = f[j]; + if (g == null || z.x > g) { + g = z.x; + A = z + } + } + } else { + if (b == 3) { + var h = null; + for (var j = 0; j < f.length; j++) { + var z = f[j]; + if (h == null || z.y > h) { + h = z.y; + A = z + } + } + } else { + if (b == 4) { + var B = null; + for (var j = 0; j < f.length; j++) { + var z = f[j]; + if (B == null || z.x < B) { + B = z.x; + A = z + } + } + } + } + } + } + var i = Model.create(e, q.to.x - A.x, q.to.y - A.y); + Designer.painter.renderShape(i); + MessageSource.beginBatch(); + if (i.onCreated) { + i.onCreated() + } + Designer.events.push("created", i); + Model.add(i); + var a = Utils.getPointAngle(i.id, q.to.x, q.to.y, 7); + q.to.id = i.id; + q.to.angle = a; + Designer.painter.renderLinker(q, true); + Model.update(q); + MessageSource.commit(); + Utils.unselect(); + Utils.selectShape(i.id); + Designer.op.editShapeText(i) + } + } + }, + groupDashboard: function(m, s, n, t) { + $(".group_dashboard").hide(); + var o = $("#shape_group_dashboard_" + m); + if (o.length == 0) { + o = $("").appendTo("#designer_canvas"); + var i = SchemaGroup.getGroup(m); + for (var r = 0; r < i.length; r++) { + var v = i[r]; + var p = Schema.shapes[v]; + if ((p.category == "process_bpmn2" || p.category == "process.bpmn2" || p.category == "bpmn") && checkRunningTimeShape(p)) { + continue; + } + if (p.attribute.visible) { + var q = $("
    ").appendTo(o); + var u = q.children("canvas")[0]; + Designer.painter.drawPanelItem(u, p.name) + } + } + o.bind("mousedown", + function(a) { + a.stopPropagation() + }) + } + o.css({ + left: s, + top: n, + "z-index": Model.orderList.length + 1 + }).show(); + $(".dashboard_box").unbind().bind("click", + function() { + var a = $(this).attr("shapeName"); + t(a); + o.hide(); + $(document).unbind("mousedown.group_dashboard") + }); + $(document).bind("mousedown.group_dashboard", + function() { + o.hide(); + $(document).unbind("mousedown.group_dashboard") + }); + return o + }, + showPanelGroup: function(o, z, t) { + z.stopPropagation(); + var s = $("#group_dashboard_" + o); + $(".group_dashboard").hide(); + if (s.length == 0) { + s = $("").appendTo("#designer"); + var i = SchemaGroup.getGroup(o); + for (var v = 0; v < i.length; v++) { + var y = i[v]; + var r = Schema.shapes[y]; + if ((r.category == "process_bpmn2" || r.category == "process.bpmn2" || r.category == "bpmn") && checkRunningTimeShape(r)) { + continue; + } + if (r.attribute.visible) { + var title = r.title; + var category = r.category; + if (r.category == "bpmn") { + category = 'process_bpmn2'; + } + category = category.replace(/_/g,"."); + if (category == 'lane') { + category = methodId; + } + if (methodObjectDesc[category + '-' + r.name]) { + title += ('：' + methodObjectDesc[category + '-' + r.name]); + } + + var u = $("
    ").appendTo(s); + var x = u.children("canvas")[0]; + Designer.painter.drawPanelItem(x, r.name) + } + } + s.css("position", "fixed") + } + var p = $(t).parent(); + var w = p.offset(); + s.show(); + var q = w.top + p.height(); + if (q + s.outerHeight() > $(window).height()) { + q = $(window).height() - s.outerHeight() + } + s.css({ + left: w.left - 7, + top: q + }); + $(document).bind("mousedown.group_board", + function() { + s.hide(); + $(document).unbind("mousedown.group_board") + }) + }, + changeShapeProps: function(j, o) { + function p(e) { + if (typeof o.x != "undefined") { + e.x += (o.x - j.props.x) + } + if (typeof o.y != "undefined") { + e.y += (o.y - j.props.y) + } + if (typeof o.w != "undefined" || typeof o.h != "undefined" || typeof o.angle != "undefined") { + var f = $.extend({}, + j.props, o); + var g = { + x: j.props.x + j.props.w / 2, + y: j.props.y + j.props.h / 2 + }; + var b = Utils.getRotated(g, e, -j.props.angle); + var c = j.props.w; + var h = j.props.h; + if (typeof o.w != "undefined") { + e.x = j.props.x + (b.x - j.props.x) / j.props.w * o.w; + c = o.w + } else { + e.x = b.x + } + if (typeof o.h != "undefined") { + e.y = j.props.y + (b.y - j.props.y) / j.props.h * o.h; + h = o.h + } else { + e.y = b.y + } + var d = { + x: j.props.x + c / 2, + y: j.props.y + h / 2 + }; + var a = Utils.getRotated(d, e, f.angle); + e.x = a.x; + e.y = a.y + } + if (typeof o.angle != "undefined") { + e.angle += o.angle - j.props.angle + } + } + var m = []; + var l = Model.getShapeLinkers(j.id); + if (l && l.length > 0) { + for (var i = 0; i < l.length; i++) { + var k = l[i]; + var n = Model.getShapeById(k); + if (j.id == n.from.id) { + p(n.from) + } + if (j.id == n.to.id) { + p(n.to) + } + } + m = l + } + $.extend(j.props, o); + Designer.painter.renderShape(j); + Utils.showLinkerCursor(); + return m + } + }, + events: { + push: function(f, e) { + var d = this.listeners[f]; + if (d) { + return d(e) + } + return null + }, + listeners: {}, + addEventListener: function(c, d) { + this.listeners[c] = d + } + }, + clipboard: { + elements: [], + presetedIds: {}, + presetIds: function() { + this.presetedIds = {}; + for (var c = 0; c < this.elements.length; c++) { + var d = this.elements[c]; + this.presetedIds[d.id] = Utils.newId(); + if (d.group && !this.presetedIds[d.group]) { + this.presetedIds[d.group] = Utils.newId() + } + } + }, + plus: true, + copy: function(g) { + this.elements = []; + var j; + var k; + if (g) { + j = g + } else { + j = Utils.getSelected(); + k = Utils.getFamilyShapes(j); + j = j.concat(k) + } + j.sort(function i(a, b) { + return a.props.zindex - b.props.zindex + }); + for (var f = 0; f < j.length; f++) { + var h = Utils.copy(j[f]); + if (h.name == "linker") { + if (h.from.id != null) { + if (!Utils.isSelected(h.from.id) && g == undefined) { + h.from.id = null; + h.from.angle = null + } + } + if (h.to.id != null) { + if (!Utils.isSelected(h.to.id) && g == undefined) { + h.to.id = null; + h.to.angle = null + } + } + } + this.elements.push(h) + } + this.elements.sort(function i(a, b) { + return a.props.zindex - b.props.zindex + }); + this.presetIds(); + this.plus = true; + Designer.events.push("clipboardChanged", this.elements.length) + }, + cut: function() { + this.copy(); + // Designer.op.removeShape();// 重复删除，造成异常 + this.plus = true; + }, + paste: function(F, G) { + if (this.elements.length == 0) { + return + } + var w = 20; + var x = 20; + if (typeof F != "undefined") { + var I = Utils.getShapesBounding(this.elements); + w = F - I.x - I.w / 2; + x = G - I.y - I.h / 2 + } + var H = []; + var K = []; + var j = []; + for (var y = 0; y < this.elements.length; y++) { + var L = this.elements[y]; + if (L.name != "linker") { + var v; + var L = this.elements[y]; + L.props.zindex = Model.maxZIndex + (y + 1); + var D = this.presetedIds[L.id]; + if (this.plus || typeof F != "undefined") { + L.props.x += w; + L.props.y += x + } + v = Utils.copy(L); + for (var A = 0; A < v.dataAttributes.length; A++) { + var B = v.dataAttributes[A]; + B.id = Utils.newId() + } + v.id = D; + if (v.children) { + for (var E = 0; E < v.children.length; E++) { + var z = v.children[E]; + v.children[E] = this.presetedIds[z] + } + } + if (v.parent) { + v.parent = this.presetedIds[v.parent] + } + H.push(v); + K.push(D); + if (L.group) { + var J = this.presetedIds[L.group]; + v.group = J + } + var i = {}; + i.copyShapeId = L.id; + i.pasteShapeId = v.id; + i.pasteFileId = ruuid; + j.push(i) + } + } + for (var y = 0; y < this.elements.length; y++) { + var L = this.elements[y]; + if (L.name == "linker") { + var v; + L.props.zindex = Model.maxZIndex + (y + 1); + var D = this.presetedIds[L.id]; + if (this.plus || typeof F != "undefined") { + L.from.x += w; + L.from.y += x; + L.to.x += w; + L.to.y += x; + for (var p = 0; p < L.points.length; p++) { + var C = L.points[p]; + C.x += w; + C.y += x + } + } + v = Utils.copy(L); + if (!v.dataAttributes) { + v.dataAttributes = [] + } + for (var A = 0; A < v.dataAttributes.length; A++) { + var B = v.dataAttributes[A]; + B.id = Utils.newId() + } + if (L.from.id != null) { + v.from.id = this.presetedIds[L.from.id] + } + if (L.to.id != null) { + v.to.id = this.presetedIds[L.to.id] + } + v.id = D; + H.push(v); + K.push(D); + if (L.group) { + var J = this.presetedIds[L.group]; + v.group = J + } + } + } + Model.addMulti(H); + for (var y = 0; y < H.length; y++) { + var L = H[y]; + Designer.painter.renderShape(L) + } + Model.build(); + this.presetIds(); + Utils.unselect(); + Utils.selectShape(K); + this.plus = true; + return j + }, + duplicate: function() { + this.copy(); + this.paste() + }, + brush: function() { + var h = Utils.getSelected(); + if (h.length == 0) { + return + } + var g = { + fontStyle: {}, + lineStyle: {}, + fillStyle: null, + shapeStyle: null + }; + for (var i = 0; i < h.length; i++) { + var f = h[i]; + if (f.name == "linker") { + $.extend(g.lineStyle, f.lineStyle); + $.extend(g.fontStyle, f.fontStyle) + } else { + if (g.fillStyle == null) { + g.fillStyle = {} + } + if (g.shapeStyle == null) { + g.shapeStyle = {} + } + $.extend(g.lineStyle, f.lineStyle); + $.extend(g.fontStyle, f.fontStyle); + $.extend(g.shapeStyle, f.shapeStyle); + $.extend(g.fillStyle, f.fillStyle) + } + } + $("#bar_brush").button("select"); + var j = $("#designer_op_help"); + if (j.length == 0) { + j = $("
    ").appendTo("#designer_viewport") + } + j.html("选择目标图形并使用格式刷样式
    Esc取消").show(); + $(document).unbind("keydown.cancelbrush").bind("keydown.cancelbrush", + function(a) { + if (a.keyCode == 27) { + $("#bar_brush").button("unselect"); + j.hide(); + $(document).unbind("keydown.cancelbrush"); + Utils.selectCallback = null; + $("#bar_brush").button("disable") + } + }); + Utils.selectCallback = function() { + var b = Utils.getSelected(); + for (var a = 0; a < b.length; a++) { + var c = b[a]; + var d = c.fontStyle.orientation; + $.extend(c.lineStyle, g.lineStyle); + $.extend(c.fontStyle, g.fontStyle); + if (c.name != "linker") { + c.lineStyle = g.lineStyle; + delete c.lineStyle.beginArrowStyle; + delete c.lineStyle.endArrowStyle; + c.fontStyle.orientation = d; + if (g.fillStyle != null) { + c.fillStyle = g.fillStyle + } + if (g.shapeStyle != null) { + c.shapeStyle = g.shapeStyle + } + } else { + delete c.fontStyle.orientation; + delete c.fontStyle.vAlign + } + Designer.painter.renderShape(c) + } + Model.updateMulti(b) + } + } + }, + addFunction: function(c, d) { + if (Designer[c]) { + throw "Duplicate function name!" + } else { + this[c] = d + } + }, + painter: { + actions: { + move: function(b) { + this.moveTo(b.x, b.y); + this.prePoint = b; + if (this.beginPoint == null) { + this.beginPoint = b + } + }, + line: function(d) { + if (typeof this.webkitLineDash != "undefined" && typeof this.lineDashOffset == "undefined" && this.lineWidth != 0) { + var f = this.webkitLineDash; + var c = this.prePoint; + var h = Utils.measureDistance(c, d); + var k = 0; + var b = 1 / h; + var j = c; + var e = 0; + var g = true; + while (k < 1) { + k += b; + if (k > 1) { + k = 1 + } + var i = { + x: (1 - k) * c.x + k * d.x, + y: (1 - k) * c.y + k * d.y + }; + var a = Utils.measureDistance(j, i); + if (a >= f[e] || k >= 1) { + if (g) { + this.lineTo(i.x, i.y) + } else { + this.moveTo(i.x, i.y) + } + g = !g; + j = i; + e++; + if (e >= f.length) { + e = 0 + } + } + } + this.moveTo(d.x, d.y) + } else { + this.lineTo(d.x, d.y) + } + this.prePoint = d; + if (this.beginPoint == null) { + this.beginPoint = d + } + }, + curve: function(e) { + if (typeof this.webkitLineDash != "undefined" && typeof this.lineDashOffset == "undefined" && this.lineWidth != 0) { + var g = this.webkitLineDash; + var d = this.prePoint; + var i = Utils.measureDistance(d, e); + var n = 0; + var b = 1 / i; + var l = d; + var f = 0; + var h = true; + var c = 0; + while (n < 1) { + n += b; + if (n > 1) { + n = 1 + } + var k = { + x: d.x * Math.pow((1 - n), 3) + e.x1 * n * Math.pow((1 - n), 2) * 3 + e.x2 * Math.pow(n, 2) * (1 - n) * 3 + e.x * Math.pow(n, 3), + y: d.y * Math.pow((1 - n), 3) + e.y1 * n * Math.pow((1 - n), 2) * 3 + e.y2 * Math.pow(n, 2) * (1 - n) * 3 + e.y * Math.pow(n, 3) + }; + var a = Utils.measureDistance(l, k); + if (a >= g[f] || n >= 1) { + if (h) { + var m = c + (n - c) / 2; + var j = { + x: d.x * Math.pow((1 - m), 3) + e.x1 * m * Math.pow((1 - m), 2) * 3 + e.x2 * Math.pow(m, 2) * (1 - m) * 3 + e.x * Math.pow(m, 3), + y: d.y * Math.pow((1 - m), 3) + e.y1 * m * Math.pow((1 - m), 2) * 3 + e.y2 * Math.pow(m, 2) * (1 - m) * 3 + e.y * Math.pow(m, 3) + }; + this.lineTo(j.x, j.y); + this.lineTo(k.x, k.y) + } else { + this.moveTo(k.x, k.y) + } + h = !h; + l = k; + c = n; + f++; + if (f >= g.length) { + f = 0 + } + } + } + this.moveTo(e.x, e.y) + } else { + this.bezierCurveTo(e.x1, e.y1, e.x2, e.y2, e.x, e.y) + } + this.prePoint = e; + if (this.beginPoint == null) { + this.beginPoint = e + } + }, + quadraticCurve: function(e) { + if (typeof this.webkitLineDash != "undefined" && typeof this.lineDashOffset == "undefined" && this.lineWidth != 0) { + var g = this.webkitLineDash; + var d = this.prePoint; + var i = Utils.measureDistance(d, e); + var n = 0; + var b = 1 / i; + var l = d; + var f = 0; + var h = true; + var c = 0; + while (n < 1) { + n += b; + if (n > 1) { + n = 1 + } + var k = { + x: d.x * Math.pow((1 - n), 2) + e.x1 * n * (1 - n) * 2 + e.x * Math.pow(n, 2), + y: d.y * Math.pow((1 - n), 2) + e.y1 * n * (1 - n) * 2 + e.y * Math.pow(n, 2) + }; + var a = Utils.measureDistance(l, k); + if (a >= g[f] || n >= 1) { + if (h) { + var m = c + (n - c) / 2; + var j = { + x: d.x * Math.pow((1 - m), 2) + e.x1 * m * (1 - m) * 2 + e.x * Math.pow(m, 2), + y: d.y * Math.pow((1 - m), 2) + e.y1 * m * (1 - m) * 2 + e.y * Math.pow(m, 2) + }; + this.lineTo(j.x, j.y); + this.lineTo(k.x, k.y) + } else { + this.moveTo(k.x, k.y) + } + h = !h; + l = k; + c = n; + f++; + if (f >= g.length) { + f = 0 + } + } + } + this.moveTo(e.x, e.y) + } else { + this.quadraticCurveTo(e.x1, e.y1, e.x, e.y) + } + this.prePoint = e; + if (this.beginPoint == null) { + this.beginPoint = e + } + }, + close: function() { + if (typeof this.webkitLineDash != "undefined" && typeof this.lineDashOffset == "undefined" && this.lineWidth != 0) { + var f = this.webkitLineDash; + var c = this.prePoint; + var d = this.beginPoint; + var h = Utils.measureDistance(c, d); + var k = 0; + var b = 1 / h; + var j = c; + var e = 0; + var g = true; + while (k < 1) { + k += b; + if (k > 1) { + k = 1 + } + var i = { + x: (1 - k) * c.x + k * d.x, + y: (1 - k) * c.y + k * d.y + }; + var a = Utils.measureDistance(j, i); + if (a >= f[e] || k >= 1) { + if (g) { + this.lineTo(i.x, i.y) + } else { + this.moveTo(i.x, i.y) + } + g = !g; + j = i; + e++; + if (e >= f.length) { + e = 0 + } + } + } + } + this.closePath() + } + }, + setLineDash: function(d, c) { + if (!d.setLineDash) { + d.setLineDash = function() {} + } + d.setLineDash(c); + d.mozDash = c; + d.webkitLineDash = c + }, + renderShapePath: function(f, e, h) { + var g; + if (h && e.drawIcon) { + g = e.drawIcon(e.props.w, e.props.h) + } else { + g = e.getPath() + } + this.renderPath(f, e, g, h) + }, + renderPath: function(m, o, i, t) { + for (var q = 0; q < i.length; q++) { + var s = i[q]; + m.save(); + m.beginPath(); + var p = $.extend({}, + o.lineStyle, s.lineStyle); + var n = $.extend({}, + o.fillStyle, s.fillStyle); + for (var r = 0; r < s.actions.length; r++) { + var j = s.actions[r]; + this.actions[j.action].call(m, j) + } + this.fillShape(o, m, n); + if (p.lineWidth) { + m.lineWidth = p.lineWidth; + m.strokeStyle = "rgb(" + p.lineColor + ")"; + if (p.lineStyle == "dashed") { + if (t) { + this.setLineDash(m, [p.lineWidth * 4, p.lineWidth * 2]) + } else { + this.setLineDash(m, [p.lineWidth * 6, p.lineWidth * 3]) + } + } else { + if (p.lineStyle == "dot") { + this.setLineDash(m, [p.lineWidth, p.lineWidth * 2]) + } else { + if (p.lineStyle == "dashdot") { + this.setLineDash(m, [p.lineWidth * 6, p.lineWidth * 2, p.lineWidth, p.lineWidth * 2]) + } + } + } + m.stroke() + } + m.restore() + } + }, + drawPanelItem: function(n, m) { + var i = n.getContext("2d"); + var h = Utils.copy(Schema.shapes[m]); + var l = { + x: 0, + y: 0, + w: h.props.w, + h: h.props.h, + angle: h.props.angle + }; + i.clearRect(0, 0, Designer.config.panelItemWidth, Designer.config.panelItemHeight); + if (l.w >= Designer.config.panelItemWidth || l.h >= Designer.config.panelItemWidth) { + if (h.props.w >= h.props.h) { + l.w = Designer.config.panelItemWidth - h.lineStyle.lineWidth * 2; + l.h = parseInt(h.props.h / h.props.w * l.w) + } else { + l.h = Designer.config.panelItemHeight - h.lineStyle.lineWidth * 2; + l.w = parseInt(h.props.w / h.props.h * l.h) + } + } + h.props = l; + i.save(); + i.lineJoin = "round"; + i.globalAlpha = h.shapeStyle.alpha; + var j = (Designer.config.panelItemWidth - l.w) / 2; + var k = (Designer.config.panelItemHeight - l.h) / 2; + i.translate(j, k); + i.translate(l.w / 2, l.h / 2); + i.rotate(l.angle); + i.translate( - (l.w / 2), -(l.h / 2)); + this.renderShapePath(i, h, true, + function() { + Designer.painter.drawPanelItem(n, m) + }); + this.renderMarkers(i, h, true); + i.restore() + }, + handleShapeConfigData: function(dataArray, q, attributesJsonArray) { + //先去除重复的配置--在拼装数据前，先删除数据 + var temp1; + for (var i = q.dataAttributes.length - 1; i >= 0 ; i--) { + temp1 = q.dataAttributes[i]; + var hor = temp1.horizontal; + var ver = temp1.vertical; + if (temp1.hasOwnProperty("attributesJsonArray")) { + var temp2 = temp1.dataShowConfig; + if (temp2 != undefined) { + temp2.value = []; + } + break + } + } + var key = q.name; + for (var i = 0; i < dataArray.length; i++) { + var temp = dataArray[i]; + var showType = temp.showType; + var horizontal = temp.horizontal; + horizontal = horizontal.toLowerCase(); + var verity = temp.verity; + verity = verity.toLowerCase(); + if (verity == "center") {verity = "middle";} + if (showType == "text" || showType == "attribute") { + var cfgContent = temp.cfgContent; + var params = { + "w":30, + "h":30, + "textw": 20, + "texth": 17, + "imgT": 0, + "category":"custom", + "icon":"", + "name":key, + "showName":false, + "showType":"text", //text icon + "type":"string", + "value":cfgContent, + "horizontal":horizontal, + "vertical":verity, + "radius":5, + "title":"" + }; + if (showType == "attribute") { + var attrId = temp.key; + var attrType = "string"; + if (attributesJsonArray.length > 0) { + for (var j = 0; j < attributesJsonArray.length; j++) { + var attr = attributesJsonArray[j]; + if (attr.key == attrId) { + attrType = attr.type; + cfgContent = attr.value; + break; + } + } + } + var attrTypeArray = ['string', 'select', 'select_m', 'textarea']; + if (temp.isShowAttrName && attrTypeArray.indexOf(attrType) >= 0 && (cfgContent + '').trim().length > 0) { + cfgContent = "(" + temp.attrName + ")" +cfgContent; + } + if (attrType == "relation" && cfgContent.length == 0) { + cfgContent = ""; + } else if (attrType == "relation" && cfgContent.length > 0) { + var shapeIdAttrId = q.id + "_" + attrId; + var relationData = relationShapeModelObject; + var relationValue = ""; + for (var j = 0; j < cfgContent.length; j++) { + if (j == cfgContent.length - 1) { + if (relationData.hasOwnProperty(shapeIdAttrId)) { + var tempRelationValue = relationData[shapeIdAttrId]; + relationValue = relationValue + tempRelationValue; + } + } else if (relationData.hasOwnProperty(shapeIdAttrId)) { + var tempRelationValue = relationData[shapeIdAttrId] + "|"; + relationValue = relationValue + tempRelationValue; + } + } + cfgContent = relationValue; + if (temp.isShowAttrName) { + cfgContent = "(" + temp.attrName + ")" + cfgContent; + } + } + params.showType = "attr"; + params.value = cfgContent; + } + if(!q.dataAttributes){ + q.dataAttributes = []; + } + params.id = Utils.newId(); + params.category = "custom"; + if (!temp1.dataShowConfig){ + temp1.dataShowConfig = {}; + if (!temp1.dataShowConfig.value) { + temp1.dataShowConfig.value = []; + } + } + temp1.dataShowConfig.value.push(params); + //Model.updateMulti([q]); + } else { + var iconContent = temp.iconContent; + var params = { + "w":16, + "h":16, + "textw": 20, + "texth": 17, + "imgT": 0, + "category":"custom", + "icon":iconContent, + "name":key, + "showName":false, + "showType":"icon", //text icon + "type":"string", + "value":"", + "horizontal":horizontal, + "vertical":verity + }; + if(!q.dataAttributes){ + q.dataAttributes = []; + } + params.id = Utils.newId(); + params.category = "custom"; + if (!temp1.dataShowConfig){ + temp1.dataShowConfig = {}; + if (!temp1.dataShowConfig.value) { + temp1.dataShowConfig.value = []; + } + } + temp1.dataShowConfig.value.push(params); + //Model.updateMulti([q]); + } + } + }, + renderShape: function(q) { + if (q.name == "linker") { + this.renderLinker(q); + return + } + var commonShapeConfig = Utils.copy(Model.define.commonShapeConfig); + var specialShapeConfig; + var attributesJsonArray; + var dataAttributes = q.dataAttributes; + for (var i = 0; i < dataAttributes.length; i++) { + var temp = dataAttributes[i]; + if (temp.hasOwnProperty("attributesJsonArray")) { + if (temp.dataShowConfig) { + specialShapeConfig = temp.dataShowConfig.config; + } + attributesJsonArray = temp.attributesJsonArray; + break; + } + } + var key = q.name; + if (specialShapeConfig == undefined) { + if (commonShapeConfig != undefined && commonShapeConfig[key] != undefined) { + commonShapeConfig = commonShapeConfig[key]; + this.handleShapeConfigData(commonShapeConfig, q, attributesJsonArray); + } + } else { + if (commonShapeConfig == undefined) { + this.handleShapeConfigData(Utils.copy(specialShapeConfig), q, attributesJsonArray); + } else { + commonShapeConfig = commonShapeConfig[key]; + var tempCommonShapeConfig = []; + if (commonShapeConfig != undefined) { + var dataArray = []; + var tempArray = []; + for (i = 0; i < commonShapeConfig.length; i++) { + var temp1 = commonShapeConfig[i]; + for (j = 0; j < specialShapeConfig.length; j++) { + var temp2 = specialShapeConfig[j]; + if (temp1.horizontal == temp2.horizontal && temp1.verity == temp2.verity) { + tempArray.push(i); + break; + } + } + } + if (tempArray.length > 0) { + for (i = 0; i < commonShapeConfig.length; i++) { + if (!(tempArray.indexOf(i) >= 0)) { + tempCommonShapeConfig.push(commonShapeConfig[i]); + } + } + } + } + if (tempCommonShapeConfig.length > 0) { + dataArray = specialShapeConfig.concat(tempCommonShapeConfig); + } else { + dataArray = specialShapeConfig; + } + this.handleShapeConfigData(dataArray, q, attributesJsonArray); + } + } + var o = $("#" + q.id); + if (o.length == 0) { + var v = $("#designer_canvas"); + o = $("
    ").appendTo(v) + } + var t = Utils.getShapeBox(q); + var w = (t.w + 20).toScale(); + var s = (t.h + 20).toScale(); + o.find(".shape_canvas").attr({ + width: w, + height: s + }); + o.css({ + left: (t.x - 10).toScale() + "px", + top: (t.y - 10).toScale() + "px", + width: w, + height: s + }); + var n = o.find(".shape_canvas")[0].getContext("2d"); + n.clearRect(0, 0, q.props.w + 20, q.props.h + 20); + n.scale(Designer.config.scale, Designer.config.scale); + n.translate(10, 10); + n.translate(q.props.x - t.x, q.props.y - t.y); + n.translate(q.props.w / 2, q.props.h / 2); + n.rotate(q.props.angle); + n.translate( - (q.props.w / 2), -(q.props.h / 2)); + var x = q.lineStyle; + n.globalAlpha = q.shapeStyle.alpha; + n.lineJoin = "round"; + this.renderShapePath(n, q); + this.renderMarkers(n, q); + var m = q.getPath(); + var p = Utils.copy(m[m.length - 1]); + p.fillStyle = { + type: "none" + }; + p.lineStyle = { + lineWidth: 0 + }; + var u = [p]; + this.renderPath(n, q, u); + this.renderText(q, t); + this.renderDataAttributes(q, t); + Designer.painter.renderShapeLink(o, q); //节点链接 + Designer.painter.renderSahpeAttachment(o, q); //节点附件 + if (q.attributesJsonArray != undefined && q.attributesJsonArray.length > 0) { + o.find(".shape_danger").remove(); + o.find(".shape_regulate").remove(); + var A = false; + var z = false; + for (var r in q.attributesJsonArray) { + var l = q.attributesJsonArray[r]; + if (l != undefined && l.key == "danger" && l.value != undefined && l.value != "" && relationShapesObject != undefined) { + if (typeof l.value == 'object' && l.value.constructor == Array) { + for (var m =0; m < l.value.length; m++) { + if (relationShapesObject[l.value[m]] != undefined) { + A = true; + break; + } + } + } else if (relationShapesObject[l.value] != undefined) { + A = true; + } + } else { + if (l != undefined && l.key == "regulate" && l.value != undefined && l.value != "" && relationShapesObject != undefined) { + if (typeof l.value == 'object' && l.value.constructor == Array) { + for (var m =0; m < l.value.length; m++) { + if (relationShapesObject[l.value[m]] != undefined) { + z = true; + break; + } + } + } else if (relationShapesObject[l.value] != undefined) { + z = true; + } + } + } + } + if (A) { + var y = $("
    ").appendTo(o) + } + // 伊利项目需求 控制角标不显示 + // if (z) { + // var y = $("
    ").appendTo(o) + // } + } + }, + fillShape: function(n, i, h) { + i.save(); + if (h.type == "solid") { + i.fillStyle = "rgb(" + h.color + ")"; + i.fill() + } else { + if (h.type == "gradient") { + var j; + if (h.gradientType == "linear") { + j = GradientHelper.createLinearGradient(n, i, h) + } else { + j = GradientHelper.createRadialGradient(n, i, h) + } + i.fillStyle = j; + i.fill() + } else { + if (h.type == "image") { + var m = h.fileId; + var k = $(".shape_img[src='" + m + "']"); + if (k.length == 0) { + k = $("").appendTo("#shape_img_container"); + k.bind("load.drawshape", + function() { + var b = (Designer.config.panelItemWidth - n.props.w) / 2; + var a = (Designer.config.panelItemHeight - n.props.h) / 2; + i.translate(b, a); + l(k); + i.restore(); + $(this).attr("loaded", "1") + }); + k.attr("src", m) + } else { + if (k.attr("loaded") == "0") { + k.bind("load.drawshape", + function() { + // var b = (Designer.config.panelItemWidth - n.props.w) / 2; + // var a = (Designer.config.panelItemHeight - n.props.h) / 2; + var b = 0;// by sunlh 20200716 svg shape + var a = 0; + i.translate(b, a); + l(k); + i.restore() + }) + } else { + l(k) + } + } + } + } + } + i.restore(); + function l(r) { + i.save(); + i.clip(); + if (h.display == "fit") { + var d = r.width(); + var q = r.height(); + var a = d / q; + var e = n.props.w / n.props.h; + if (a > e) { + var g = n.props.w; + var b = 0; + var s = g / a; + var c = n.props.h / 2 - s / 2; + i.drawImage(r[0], b, c, g, s) + } else { + var s = n.props.h; + var c = 0; + var g = s * a; + var b = n.props.w / 2 - g / 2; + i.drawImage(r[0], b, c, g, s) + } + } else { + if (h.display == "stretch") { + i.drawImage(r[0], 0, 0, n.props.w, n.props.h) + } else { + if (h.display == "original") { + var d = r.width(); + var q = r.height(); + var b = n.props.w / 2 - d / 2; + var c = n.props.h / 2 - q / 2; + i.drawImage(r[0], b, c, d, q) + } else { + if (h.display == "tile") { + var b = 0; + var d = r.width(); + var q = r.height(); + while (b < n.props.w) { + var c = 0; + while (c < n.props.h) { + i.drawImage(r[0], b, c, d, q); + c += q + } + b += d + } + } else { + if (h.display == "static") { + var u = 0; + var t = r.width(); + var f = r.height(); + i.drawImage(r[0], h.imageX, h.imageY, t, f) + } else { + if (h.display == "zoom") { + var u = 0; + var t = r.width(); + var f = r.height(); + i.drawImage(r[0], h.imageX, h.imageY, t, f, h.canvasX, h.canvasY, h.canvasW, h.canvasH) + } else { + var d = r.width(); + var q = r.height(); + var a = d / q; + var e = n.props.w / n.props.h; + if (a > e) { + var s = n.props.h; + var c = 0; + var g = s * a; + var b = n.props.w / 2 - g / 2; + i.drawImage(r[0], b, c, g, s) + } else { + var g = n.props.w; + var b = 0; + var s = g / a; + var c = n.props.h / 2 - s / 2; + i.drawImage(r[0], b, c, g, s) + } + } + } + } + } + } + } + i.restore() + } + }, + renderText: function(z, r) { + var B = $("#" + z.id); + var v = B.find(".text_canvas[forshape=" + z.id + "]"); + if (v.length == 0) { + v = $("").appendTo(B); + v.bind("focus", + function() { + $(this).blur() + }) + } + v.attr("readonly", "readonly"); + if (z.text == null || z.text.trim() == "") { + v.css({ + height: "0px", + width: "0px" + }).hide(); + return + } + var C = z.fontStyle; + var G = { + "line-height": Math.round(C.size * 1.25) + "px", + "font-size": C.size + "px", + "font-family": C.fontFamily, + "font-weight": C.bold ? "bold": "normal", + "font-style": C.italic ? "italic": "normal", + "text-align": C.textAlign, + color: "rgb(" + C.color + ")", + "text-decoration": C.underline ? "underline": "none", + opacity: z.shapeStyle.alpha + }; + v.css(G); + v.show(); + var s = z.getTextBlock(); + if (z.fontStyle.orientation == "horizontal") { + var D = { + x: s.x + s.w / 2, + y: s.y + s.h / 2 + }; + s = { + x: D.x - s.h / 2, + y: D.y - s.w / 2, + w: s.h, + h: s.w + } + } + v.css({ + width: s.w + }); + v.height(0); + v.val(z.text); + v.scrollTop(99999); + var E = v.scrollTop(); + var y = 0; + if (C.vAlign == "middle") { + y = (s.y + s.h / 2 - E / 2) + } else { + if (z.fontStyle.vAlign == "bottom") { + y = (s.y + s.h - E) + } else { + y = s.y + } + } + var t = { + x: s.x + s.w / 2, + y: y + E / 2 + }; + var w = z.props.angle; + if (w != 0) { + var H = { + x: z.props.w / 2, + y: z.props.h / 2 + }; + t = Utils.getRotated(H, t, w) + } + if (C.orientation == "horizontal") { + w = (Math.PI * 1.5 + w) % (Math.PI * 2) + } + var F = Math.round(w / (Math.PI * 2) * 360); + var x = "rotate(" + F + "deg) scale(" + Designer.config.scale + ")"; + var A = s.w; + var u = E; + v.css({ + width: A, + height: u, + left: (t.x + (z.props.x - r.x) + 10).toScale() - s.w / 2, + top: (t.y + (z.props.y - r.y) + 10).toScale() - E / 2, + "-webkit-transform": x, + "-ms-transform": x, + "-o-transform": x, + "-moz-transform": x, + transform: x + }) + }, + calculateTextLines: function(D, i, z) { + var E = i.w; + var w = i.h; + var J = []; + var H = D.split(/\n/); + for (var x = 0; x < H.length; x++) { + var B = H[x]; + var A = z.measureText(B); + if (A.width <= E) { + J.push(B) + } else { + var C = B.split(/\s/); + var F = ""; + for (var y = 0; y < C.length; y++) { + var j = C[y]; + if (y != C.length - 1) { + j += " " + } + var h = z.measureText(j).width; + if (h > E) { + for (var I = 0; I < j.length; I++) { + var p = F + j[I]; + var G = z.measureText(p).width; + if (G > E) { + J.push(F); + F = j[I] + } else { + F = p + } + } + } else { + var p = F + j; + var G = z.measureText(p).width; + if (G > E) { + J.push(F); + F = j + } else { + F = p + } + } + } + if (F != "") { + J.push(F) + } + } + } + return J + }, + renderMarkers: function(n, r, v) { + if (r.attribute && r.attribute.markers && r.attribute.markers.length > 0) { + var u = r.attribute.markers; + var i = Schema.config.markerSize; + var q = 4; + if (v) { + i = 10 + } + var t = r.attribute.markerOffset; + if (v) { + t = 5 + } + var w = u.length * i + (u.length - 1) * q; + var p = r.props.w / 2 - w / 2; + for (var s = 0; s < u.length; s++) { + var o = u[s]; + n.save(); + n.translate(p, r.props.h - i - t); + var x = Schema.markers[o].call(r, i); + this.renderPath(n, r, x); + n.restore(); + p += i + q + } + } + }, + renderDataAttributes: function(i, k) { + $("#" + i.id).children(".attr_canvas").remove(); + if (!i.dataAttributes || i.dataAttributes.length == 0) { + return + } + var n = { + x: i.props.w / 2, + y: i.props.h / 2 + }; + for (var p = 0; p < i.dataAttributes.length; p++) { + var j = i.dataAttributes[p]; + if (j.hasOwnProperty("attributesJsonArray")) { + if (!j.dataShowConfig) { + continue + } + var jj = j.dataShowConfig.value; + if (jj && jj.length > 0) { + for (var n = 0; n < jj.length; n++) { + var jjj = jj[n]; + var l = ""; + var o = ""; + if (jjj.showName) { + l = j.name + ": " + } + if (jjj.showType == "text" || jjj.showType == "attr") { + l += jjj.value + } else { + if (jjj.showType == "icon") { + o = jjj.icon + } + } + if (l == "" && o == "") { + continue + } + m(jjj, l, o) + } + } + } + /*if (j.showType == "none") { + continue + } + var l = ""; + var o = ""; + if (j.showName) { + l = j.name + ": " + } + if (j.showType == "text" || j.showType == "attr") { + l += j.value + } else { + if (j.showType == "icon") { + o = j.icon + } + } + if (l == "" && o == "") { + continue + } + m(j, l, o)*/ + } + function m(c, y, x) { + var h = c.horizontal; + var I = c.vertical; + var H = $("").appendTo($("#" + i.id)); + var b = H[0].getContext("2d"); + var w = "12px "; + w += i.fontStyle.fontFamily; + b.font = w; + var D = b.measureText(y).width; + var a = 20; + if (x != "") { + D += 20 + } + var E, F; + if (h == "mostleft") { + E = -D - 2 + } else { + if (h == "leftedge") { + E = -D / 2 + } else { + if (h == "left") { + E = 2 + } else { + if (h == "center") { + E = (i.props.w - D) / 2; + } else { + if (h == "right") { + E = i.props.w - D - 2; + if (h == "rightedge") { + E = i.props.w - D / 2 + } else { + E = i.props.w + 2 + } + } + } + } + } + } + if (I == "mosttop") { + F = -a + } else { + if (I == "topedge") { + F = -a / 2 + } else { + if (I == "top") { + F = 0 + } else { + if (I == "middle") { + F = (i.props.h - a) / 2 + } else { + if (I == "bottom") { + F = i.props.h - a + } else { + if (I == "bottomedge") { + F = i.props.h - a / 2 + } else { + F = i.props.h + } + } + } + } + } + } + var g = { + x: E, + y: F, + w: D, + h: a + }; + var G = Utils.getRotatedBox(g, i.props.angle, n); + H.attr({ + width: G.w.toScale(), + height: G.h.toScale() + }); + b.font = w; + var d = (G.x + (i.props.x - k.x) + 10).toScale(); + var e = (G.y + (i.props.y - k.y) + 10).toScale(); + if (h != "mostleft" || h == "left" || h != "right") { + H.css({ + left: d, + top: e + }); + } + b.scale(Designer.config.scale, Designer.config.scale); + b.translate(G.w / 2, G.h / 2); + b.rotate(i.props.angle); + b.translate( - G.w / 2, -G.h / 2); + b.translate((G.w - g.w) / 2, (G.h - g.h) / 2); + b.globalAlpha = i.shapeStyle.alpha; + if (c.type == "link") { + b.fillStyle = "#4183C4" + } else { + b.fillStyle = "#333" + } + if (c.showType == "text") { + b.fillStyle = "#696969"; + } + if (c.showType == "attr") { + b.fillStyle = "#191970"; + } + b.textBaseline = "middle"; + if (D > i.props.w) { + var tempShapeWidth = i.props.w; + if (tempShapeWidth < 100) { + tempShapeWidth = 100; + } + H[0].width = tempShapeWidth + 10; + H[0].height = Math.ceil(D / tempShapeWidth) * 10 + 15; + for (var v = 0; v < Math.ceil(D / tempShapeWidth); v++) { + var tempL = (v + 1) * tempShapeWidth; + var tempX = 0; + if (c.showType == "text") { + b.fillStyle = "#A1A1A1"; + } + if (c.showType == "attr") { + b.fillStyle = "#6666FF"; + } + var tempY = a / 2 + v * 12; + if (tempL < D) { + b.fillText(y.substring(v * tempShapeWidth / (D / y.length), tempL / (D / y.length)), tempX, tempY); + } else { + b.fillText(y.substring(v * tempShapeWidth / (D / y.length), D / (D / y.length)), tempX, tempY); + } + } + if (h == "mostleft") { + d = -tempShapeWidth + tempShapeWidth*0.2; + H.css({ + left: d, + top: e + }); + } + if (h == "left") { + H.css({ + left: d, + top: e - 5 + }); + } + if (h == "left" && I != "bottom") { + H.css({ + left: d, + top: e + }); + } + if (h == "right") { + d = tempShapeWidth / 4; + H.css({ + left: d, + top: e - 5 + }); + } + if (I == "mosttop" || I == "bottom") { + e = e - Math.ceil(D / tempShapeWidth) * 5; + H.css({ + left: d, + top: e + }); + } + if (h == "center" && Math.ceil(D / tempShapeWidth) > 1) { + H.css({ + left: 15, + top: e + }); + } + if (h == "right" && I != "mosttop" && I != "bottom") { + d = tempShapeWidth / 4; + H.css({ + left: d, + top: e + }); + } + } else { + if (h == "mostleft") { + d = -D; + H.css({ + left: d, + top: e + }); + } + if (h == "right") { + d = i.props.w - D; + H.css({ + left: d, + top: e + }); + } + b.fillText(y, 0, a / 2); + } + if (x != "") { + if (x.indexOf("&#x") >= 0) { + var icon = x.split("|")[0]; + var iconColor = x.split("|")[1]; + b.font = "19px awsui-iconfont"; + icon = eval("('"+icon.replace('&#x','\\u').replace(';','')+"')"); + b.fillStyle = iconColor; + b.fillText(icon, 0, a/2); + iconCavCode = H[0].toDataURL("image/png"); + c.iconCavCode = iconCavCode; + } else { + var J = "/images/data-attr/" + x + ".png"; + var f = $(".shape_img[src='" + J + "']"); + if (f.length == 0) { + f = $("").appendTo("#shape_img_container") + } + if (f.attr("loaded") == "true") { + b.drawImage(f[0], g.w - 20, 0, 20, 20) + } else { + f.bind("load.drawshape", + function() { + $(this).attr("loaded", "true"); + b.drawImage(f[0], g.w - 20, 0, 20, 20) + }) + } + } + } + b.beginPath(); + b.rect(0, 0, D, a); + b.closePath() + } + }, + renderLinker: function(h, k) { + if (k) { + h.points = Utils.getLinkerPoints(h) + } + if (h.linkerType == "curve" || h.linkerType == "broken") { + if (!h.points || h.points.length == 0) { + h.points = Utils.getLinkerPoints(h) + } + } + var q = h.points; + var o = Utils.copy(h.from); + var a = Utils.copy(h.to); + if (h.attribute && h.attribute.collapseBy) { + $("#" + h.id).hide(); + return + } else { + $("#" + h.id).show() + } + var p = Utils.getEndpointAngle(h, "from"); + var d = Utils.getEndpointAngle(h, "to"); + var b = Utils.getLinkerLineStyle(h.lineStyle); + l(o, h, b.beginArrowStyle, p); + l(a, h, b.endArrowStyle, d); + var B = a.x; + var x = a.y; + var y = o.x; + var w = o.y; + if (a.x < o.x) { + B = a.x; + y = o.x + } else { + B = o.x; + y = a.x + } + if (a.y < o.y) { + x = a.y; + w = o.y + } else { + x = o.y; + w = a.y + } + for (var r = 0; r < q.length; r++) { + var n = q[r]; + if (n.x < B) { + B = n.x + } else { + if (n.x > y) { + y = n.x + } + } + if (n.y < x) { + x = n.y + } else { + if (n.y > w) { + w = n.y + } + } + } + var f = { + x: B, + y: x, + w: y - B, + h: w - x + }; + var C = $("#" + h.id); + if (C.length == 0) { + var g = $("#designer_canvas"); + C = $("
    ").appendTo(g) + } + if (!Model.getShapeById(h.id)) { + C.css("z-index", Model.orderList.length + 1) + } + var A = C.find(".shape_canvas"); + A.attr({ + width: (f.w + 20).toScale(), + height: (f.h + 20).toScale() + }); + C.css({ + left: (f.x - 10).toScale(), + top: (f.y - 10).toScale(), + width: (f.w + 20).toScale(), + height: (f.h + 20).toScale() + }); + var m = A[0].getContext("2d"); + m.scale(Designer.config.scale, Designer.config.scale); + m.translate(10, 10); + var s = Utils.getLinkerLineStyle(h.lineStyle); + m.lineWidth = s.lineWidth; + m.strokeStyle = "rgb(" + s.lineColor + ")"; + m.fillStyle = "rgb(" + s.lineColor + ")"; + m.save(); + var z = { + x: o.x - f.x, + y: o.y - f.y + }; + var c = { + x: a.x - f.x, + y: a.y - f.y + }; + m.save(); + if (s.lineStyle == "dashed") { + this.setLineDash(m, [s.lineWidth * 5, s.lineWidth * 2]) + } else { + if (s.lineStyle == "dot") { + this.setLineDash(m, [s.lineWidth, s.lineWidth * 1.5]) + } else { + if (s.lineStyle == "dashdot") { + this.setLineDash(m, [s.lineWidth * 5, s.lineWidth * 2, s.lineWidth, s.lineWidth * 2]) + } + } + } + m.lineJoin = "round"; + m.beginPath(); + this.actions.move.call(m, z); + if (h.linkerType == "curve") { + var v = q[0]; + var u = q[1]; + var t = { + x1: v.x - f.x, + y1: v.y - f.y, + x2: u.x - f.x, + y2: u.y - f.y, + x: c.x, + y: c.y + }; + this.actions.curve.call(m, t) + } else { + for (var r = 0; r < q.length; r++) { + var D = q[r]; + this.actions.line.call(m, { + x: D.x - f.x, + y: D.y - f.y + }) + } + this.actions.line.call(m, c) + } + var j = Utils.isSelected(h.id); + if (j) { + m.shadowBlur = 4; + m.shadowColor = "#833"; + if (h.linkerType == "curve" && Utils.getSelectedIds().length == 1) {} + } + m.stroke(); + m.restore(); + delete m.webkitLineDash; + e(z, p, o.id, s.beginArrowStyle, h, o.angle); + e(c, d, a.id, s.endArrowStyle, h, a.angle); + m.restore(); + this.renderLinkerText(h); + + function l(M, H, i, J) { + if (M.id) { + var E = Model.getShapeById(M.id); + if (E) { + var G = { + x: 0, + y: 0 + }; + var I = Utils.getShapeLineStyle(E.lineStyle); + var L = Utils.getLinkerLineStyle(H.lineStyle); + if (i == "none" || i == "cross") { + G.x = -I.lineWidth / 2 + } else { + if (i == "solidArrow" || i == "dashedArrow") { + G.x = -I.lineWidth / 2 - L.lineWidth * 1.3 + } else { + if (i == "solidDiamond" || i == "dashedDiamond") { + G.x = -I.lineWidth / 2 - L.lineWidth + } else { + G.x = -I.lineWidth / 2 - L.lineWidth / 2 + } + } + } + var K = { + x: 0, + y: 0 + }; + var F = Utils.getRotated(K, G, J); + M.x += F.x; + M.y += F.y + } + } + } + function e(W, M, Q, Y, R, E) { + if (Y == "normal") { + var S = 12; + var ac = Math.PI / 5; + var V = S / Math.cos(ac); + var L = W.x - V * Math.cos(M - ac); + var K = W.y - V * Math.sin(M - ac); + var O = W.x - V * Math.sin(Math.PI / 2 - M - ac); + var N = W.y - V * Math.cos(Math.PI / 2 - M - ac); + m.beginPath(); + m.moveTo(L, K); + m.lineTo(W.x, W.y); + m.lineTo(O, N); + m.stroke() + } else { + if (Y == "solidArrow") { + var S = 12; + var ac = Math.PI / 10; + var V = S / Math.cos(ac); + var L = W.x - V * Math.cos(M - ac); + var K = W.y - V * Math.sin(M - ac); + var O = W.x - V * Math.sin(Math.PI / 2 - M - ac); + var N = W.y - V * Math.cos(Math.PI / 2 - M - ac); + m.beginPath(); + m.moveTo(W.x, W.y); + m.lineTo(L, K); + m.lineTo(O, N); + m.lineTo(W.x, W.y); + m.closePath(); + m.fill(); + m.stroke() + } else { + if (Y == "dashedArrow") { + m.save(); + var S = 12; + var ac = Math.PI / 10; + var V = S / Math.cos(ac); + var L = W.x - V * Math.cos(M - ac); + var K = W.y - V * Math.sin(M - ac); + var O = W.x - V * Math.sin(Math.PI / 2 - M - ac); + var N = W.y - V * Math.cos(Math.PI / 2 - M - ac); + m.beginPath(); + m.moveTo(W.x, W.y); + m.lineTo(L, K); + m.lineTo(O, N); + m.lineTo(W.x, W.y); + m.closePath(); + m.fillStyle = "white"; + m.fill(); + m.stroke(); + m.restore() + } else { + if (Y == "solidCircle") { + m.save(); + var i = 4; + var J = W.x - i * Math.cos(M); + var I = W.y - i * Math.sin(M); + m.beginPath(); + m.arc(J, I, i, 0, Math.PI * 2, false); + m.closePath(); + m.fill(); + m.stroke(); + m.restore() + } else { + if (Y == "dashedCircle") { + m.save(); + var i = 4; + var J = W.x - i * Math.cos(M); + var I = W.y - i * Math.sin(M); + m.beginPath(); + m.arc(J, I, i, 0, Math.PI * 2, false); + m.closePath(); + m.fillStyle = "white"; + m.fill(); + m.stroke(); + m.restore() + } else { + if (Y == "solidDiamond") { + m.save(); + var S = 8; + var ac = Math.PI / 7; + var V = S / Math.cos(ac); + var L = W.x - V * Math.cos(M - ac); + var K = W.y - V * Math.sin(M - ac); + var O = W.x - V * Math.sin(Math.PI / 2 - M - ac); + var N = W.y - V * Math.cos(Math.PI / 2 - M - ac); + var U = W.x - S * 2 * Math.cos(M); + var T = W.y - S * 2 * Math.sin(M); + m.beginPath(); + m.moveTo(W.x, W.y); + m.lineTo(L, K); + m.lineTo(U, T); + m.lineTo(O, N); + m.lineTo(W.x, W.y); + m.closePath(); + m.fill(); + m.stroke(); + m.restore() + } else { + if (Y == "dashedDiamond") { + m.save(); + var S = 8; + var ac = Math.PI / 7; + var V = S / Math.cos(ac); + var L = W.x - V * Math.cos(M - ac); + var K = W.y - V * Math.sin(M - ac); + var O = W.x - V * Math.sin(Math.PI / 2 - M - ac); + var N = W.y - V * Math.cos(Math.PI / 2 - M - ac); + var U = W.x - S * 2 * Math.cos(M); + var T = W.y - S * 2 * Math.sin(M); + m.beginPath(); + m.moveTo(W.x, W.y); + m.lineTo(L, K); + m.lineTo(U, T); + m.lineTo(O, N); + m.lineTo(W.x, W.y); + m.closePath(); + m.fillStyle = "white"; + m.fill(); + m.stroke(); + m.restore() + } else { + if (Y == "cross") { + var H = 6; + var P = 14; + var ab = H * Math.cos(Math.PI / 2 - M); + var aa = H * Math.sin(Math.PI / 2 - M); + var Z = W.x + ab; + var G = W.y - aa; + var U = W.x - P * Math.cos(M); + var T = W.y - P * Math.sin(M); + var X = U - ab; + var F = T + aa; + m.beginPath(); + m.moveTo(Z, G); + m.lineTo(X, F); + m.stroke() + } + } + } + } + } + } + } + } + } + }, + renderLinkerText: function(l) { + var m = $("#" + l.id); + var q = m.find(".text_canvas"); + if (q.length == 0) { + q = $("
    ").appendTo(m) + } + var n = l.fontStyle; + var p = "scale(" + Designer.config.scale + ")"; + var r = { + "line-height": Math.round(n.size * 1.25) + "px", + "font-size": n.size + "px", + "font-family": n.fontFamily, + "font-weight": n.bold ? "bold": "normal", + "font-style": n.italic ? "italic": "normal", + "text-align": n.textAlign, + color: "rgb(" + n.color + ")", + "text-decoration": n.underline ? "underline": "none", + "-webkit-transform": p, + "-ms-transform": p, + "-o-transform": p, + "-moz-transform": p, + transform: p + }; + q.css(r); + if (l.text == null || l.text == "") { + q.hide(); + return + } + q.show(); + var k = l.text.replace(//g, ">").replace(/\n/g, "
    "); + q.html(k + "
    "); + var j = this.getLinkerMidpoint(l); + var o = m.position(); + q.css({ + left: j.x.toScale() - o.left - q.width() / 2, + top: j.y.toScale() - o.top - q.height() / 2 + }) + }, + getLinkerMidpoint: function(z) { + var w = {}; + if (z.linkerType == "normal") { + w = { + x: 0.5 * z.from.x + 0.5 * z.to.x, + y: 0.5 * z.from.y + 0.5 * z.to.y + } + } else { + if (z.linkerType == "curve") { + var d = z.from; + var q = z.points[0]; + var v = z.points[1]; + var x = z.to; + w = { + x: d.x * 0.125 + q.x * 0.375 + v.x * 0.375 + x.x * 0.125, + y: d.y * 0.125 + q.y * 0.375 + v.y * 0.375 + x.y * 0.125 + } + } else { + var u = []; + u.push(z.from); + u = u.concat(z.points); + u.push(z.to); + var r = 0; + for (var A = 1; A < u.length; A++) { + var q = u[A - 1]; + var v = u[A]; + var y = Utils.measureDistance(q, v); + r += y + } + var s = r / 2; + var B = 0; + for (var A = 1; A < u.length; A++) { + var q = u[A - 1]; + var v = u[A]; + var y = Utils.measureDistance(q, v); + var t = B + y; + if (t > s) { + var p = (s - B) / y; + w = { + x: (1 - p) * q.x + p * v.x, + y: (1 - p) * q.y + p * v.y + }; + break + } + B = t + } + } + } + return w + }, + controlStatus: { + resizeDir: [], + rotatable: true + }, + drawControls: function(m) { + var n = $("#shape_controls"); + if (n.length == 0) { + var r = $("#designer_canvas"); + n = $("
    ").appendTo(r); + n.append(""); + n.append("
    "); + n.append("
    "); + n.append("
    "); + n.append("
    "); + n.append("
    "); + n.append("
    "); + n.append("
    "); + n.append("
    "); + Designer.op.shapeResizable(); + n.append(""); + Designer.op.shapeRotatable(); + n.append("
    "); + Designer.op.groupShapeChangable(); + $(".shape_controller").css({ + "border-color": Designer.config.anchorColor, + width: Designer.config.anchorSize - 2, + height: Designer.config.anchorSize - 2 + }) + } + $(".shape_controller").css({ + "z-index": Model.orderList.length + }); + $(".change_shape_icon").hide(); + n.show(); + var p = 0; + var i; + var q; + if (m.length == 1) { + var l = Model.getShapeById(m[0]); + i = l.props; + p = l.props.angle; + q = l.resizeDir; + if (l.groupName && SchemaGroup.groupExists(l.groupName)) { + $(".change_shape_icon").show() + } + } else { + i = Utils.getControlBox(m); + q = ["tl", "tr", "br", "bl"] + } + var t = true; + for (var o = 0; o < m.length; o++) { + var s = m[o]; + var l = Model.getShapeById(s); + if (l.attribute && l.attribute.rotatable == false) { + t = false + } + if ((l.resizeDir && l.resizeDir.length == 0) || (l.parent && m.length > 1)) { + q = [] + } + } + this.controlStatus.rotatable = t; + this.controlStatus.resizeDir = q; + this.rotateControls(i, p); + return n + }, + rotateControls: function(R, E) { + var O = $("#shape_controls"); + var N = Utils.getRotatedBox(R, E); + var i = N.w.toScale(); + var Q = N.h.toScale(); + O.css({ + left: N.x.toScale(), + top: N.y.toScale(), + width: i, + height: Q, + "z-index": Model.orderList.length + }); + var P = i + 20; + var K = Q + 20; + var S = $("#controls_bounding"); + S.attr({ + width: P, + height: K + }); + var J = S[0].getContext("2d"); + J.lineJoin = "round"; + if (this.controlStatus.resizeDir.length == 0) { + J.lineWidth = 2; + J.strokeStyle = Designer.config.selectorColor; + J.globalAlpha = 0.8 + } else { + J.lineWidth = 1; + J.strokeStyle = Designer.config.selectorColor; + J.globalAlpha = 0.5 + } + J.save(); + J.clearRect(0, 0, P, K); + J.translate(P / 2, K / 2); + J.rotate(E); + J.translate( - P / 2, -K / 2); + J.translate(9.5, 9.5); + var W = { + x: Math.round((R.x - N.x).toScale()), + y: Math.round((R.y - N.y).toScale()), + w: Math.floor(R.w.toScale() + 1), + h: Math.floor(R.h.toScale() + 1) + }; + J.strokeRect(W.x, W.y, W.w, W.h); + J.restore(); + var A = 0 - Designer.config.anchorSize / 2; + var G = {}; + R = Utils.toScale(R); + N = Utils.toScale(N); + var D = { + x: (R.x + R.w / 2), + y: R.y + R.h / 2 + }; + O.children(".shape_controller").hide(); + for (var H = 0; H < this.controlStatus.resizeDir.length; H++) { + var L = this.controlStatus.resizeDir[H]; + var X = $(".shape_controller[resizeDir=" + L + "]"); + X.show(); + var U, V; + if (L.indexOf("l") >= 0) { + U = R.x + } else { + if (L.indexOf("r") >= 0) { + U = R.x + R.w + } else { + U = R.x + R.w / 2 + } + } + if (L.indexOf("t") >= 0) { + V = R.y + } else { + if (L.indexOf("b") >= 0) { + V = R.y + R.h + } else { + V = R.y + R.h / 2 + } + } + var T = Utils.getRotated(D, { + x: U, + y: V + }, + E); + X.css({ + left: T.x - N.x + A, + top: T.y - N.y + A + }) + } + var M = Math.PI / 8; + O.children(".shape_controller").removeClass("s n e w"); + if (E > M && E <= M * 3) { + O.children("div[resizeDir=tl]").addClass("n"); + O.children("div[resizeDir=tr]").addClass("e"); + O.children("div[resizeDir=br]").addClass("s"); + O.children("div[resizeDir=bl]").addClass("w"); + O.children("div[resizeDir=l]").addClass("n w"); + O.children("div[resizeDir=r]").addClass("s e"); + O.children("div[resizeDir=b]").addClass("s w"); + O.children("div[resizeDir=t]").addClass("n e") + } else { + if (E > M * 3 && E <= M * 5) { + O.children("div[resizeDir=tl]").addClass("n e"); + O.children("div[resizeDir=tr]").addClass("s e"); + O.children("div[resizeDir=br]").addClass("s w"); + O.children("div[resizeDir=bl]").addClass("n w"); + O.children("div[resizeDir=l]").addClass("n"); + O.children("div[resizeDir=r]").addClass("s"); + O.children("div[resizeDir=b]").addClass("w"); + O.children("div[resizeDir=t]").addClass("e") + } else { + if (E > M * 5 && E <= M * 7) { + O.children("div[resizeDir=tl]").addClass("e"); + O.children("div[resizeDir=tr]").addClass("s"); + O.children("div[resizeDir=br]").addClass("w"); + O.children("div[resizeDir=bl]").addClass("n"); + O.children("div[resizeDir=l]").addClass("n e"); + O.children("div[resizeDir=r]").addClass("s w"); + O.children("div[resizeDir=b]").addClass("n w"); + O.children("div[resizeDir=t]").addClass("s e") + } else { + if (E > M * 7 && E <= M * 9) { + O.children("div[resizeDir=tl]").addClass("s e"); + O.children("div[resizeDir=tr]").addClass("s w"); + O.children("div[resizeDir=br]").addClass("n w"); + O.children("div[resizeDir=bl]").addClass("n e"); + O.children("div[resizeDir=l]").addClass("e"); + O.children("div[resizeDir=r]").addClass("w"); + O.children("div[resizeDir=b]").addClass("n"); + O.children("div[resizeDir=t]").addClass("s") + } else { + if (E > M * 9 && E <= M * 11) { + O.children("div[resizeDir=tl]").addClass("s"); + O.children("div[resizeDir=tr]").addClass("w"); + O.children("div[resizeDir=br]").addClass("n"); + O.children("div[resizeDir=bl]").addClass("e"); + O.children("div[resizeDir=l]").addClass("s e"); + O.children("div[resizeDir=r]").addClass("n w"); + O.children("div[resizeDir=b]").addClass("n e"); + O.children("div[resizeDir=t]").addClass("s w") + } else { + if (E > M * 11 && E <= M * 13) { + O.children("div[resizeDir=tl]").addClass("s w"); + O.children("div[resizeDir=tr]").addClass("n w"); + O.children("div[resizeDir=br]").addClass("n e"); + O.children("div[resizeDir=bl]").addClass("s e"); + O.children("div[resizeDir=l]").addClass("s"); + O.children("div[resizeDir=r]").addClass("n"); + O.children("div[resizeDir=b]").addClass("e"); + O.children("div[resizeDir=t]").addClass("w") + } else { + if (E > M * 13 && E <= M * 15) { + O.children("div[resizeDir=tl]").addClass("w"); + O.children("div[resizeDir=tr]").addClass("n"); + O.children("div[resizeDir=br]").addClass("e"); + O.children("div[resizeDir=bl]").addClass("s"); + O.children("div[resizeDir=l]").addClass("s w"); + O.children("div[resizeDir=r]").addClass("n e"); + O.children("div[resizeDir=b]").addClass("s e"); + O.children("div[resizeDir=t]").addClass("n w") + } else { + O.children("div[resizeDir=tl]").addClass("n w"); + O.children("div[resizeDir=tr]").addClass("n e"); + O.children("div[resizeDir=br]").addClass("s e"); + O.children("div[resizeDir=bl]").addClass("s w"); + O.children("div[resizeDir=l]").addClass("w"); + O.children("div[resizeDir=r]").addClass("e"); + O.children("div[resizeDir=b]").addClass("s"); + O.children("div[resizeDir=t]").addClass("n") + } + } + } + } + } + } + } + if (this.controlStatus.rotatable) { + var B = O.find(".shape_rotater"); + B.show(); + var C = { + x: R.x + R.w / 2, + y: R.y - 20 + }; + var F = Utils.getRotated(D, C, E); + B.css({ + top: F.y - 20 - N.y, + left: F.x - 20.5 - N.x + }); + var I = B[0].getContext("2d"); + I.lineWidth = 1; + I.strokeStyle = Designer.config.selectorColor; + I.fillStyle = "white"; + I.save(); + I.clearRect(0, 0, 41, 40); + I.translate(20.5, 20); + I.rotate(E); + I.translate( - 20.5, -20); + I.beginPath(); + I.moveTo(20.5, 20); + I.lineTo(20.5, 40); + I.stroke(); + I.beginPath(); + I.arc(20.5, 20, Designer.config.rotaterSize / 2, 0, Math.PI * 2); + I.closePath(); + I.fill(); + I.stroke(); + I.restore() + } else { + O.find(".shape_rotater").hide() + } + }, + renderShapeLink : function(o, q) { + //图形的链接 + o.find(".shape_link_point").remove(); + if (q.link) { + var y = $("
    " + + "" + + "
    ").appendTo(o); + y.on("mousedown.link", + function(I) { + I.stopPropagation(); + var c = Model.getShapeById($(this).parent().attr("id")); + myshapeLink = c; + if (c != undefined) { + var k = c.props.x; + var j = c.props.y; + var B = c.props.w; + var H = c.props.h; + var b = $("#link-dialog-normal_contextmenu"); + b.empty(); + var D = []; + for (var G = 0; G < c.dataAttributes.length; G++) { + var E = c.dataAttributes[G]; + if (E.linksArray) { + D = E.linksArray; + break + } + } + var d = ""; + for (var f = 0; f < D.length; f++) { + if (D[f].type == "file") { + d += D[f].uuid + "," + } + } + if (D.length > 0 && window.opener) { + var a = parent.window.$("#appId").val(); + var K = { + sid: $("#sid").val(), + cmd: "com.actionsoft.apps.coe.pal_pl_repository_designer_viewer_link_perm", + uuids: d, + filePerms: filePerms + }; + if (window.opener) { + K.modelType = "used" + } else { + if (a != undefined && a != "com.actionsoft.apps.coe.pal" && a != "") { + K.modelType = "published" + } + } + awsui.ajax.request({ + url: "./jd", + method: "POST", + data: K, + async: false, + ok: function(L) { + var N = []; + var M = L.data.uuids; + // M = M.split(","); + for (var e = 0; e < D.length; e++) { + var h = false; + var i = D[e].uuid; + if (D[e].type == "file") { + for (var O = 0; O < M.length; O++) { + if (M[O].linkUUID == D[e].uuid) { + h = true; + break + } + } + } else { + h = true + } + if (h) { + D[e].uuid = i; + N.push(D[e]) + } + } + D = N + } + }) + } + if (D.length == 0) { + b.hide(); + $.simpleAlert("没有链接权限", "error"); + return + } else { + if (D.length == 1) { + b.hide(); + openLinkUrlRewrite(D[0].type, D[0].url, D[0].target, D[0].uuid, "", D[0].name, true); + return + } else { + for (var f = 0; f < D.length; f++) { + linkIndex++; + var C = D[f]; + var F = '
  • " + C.name + ""; + if (role == "owner") { + F += '
    删除
    " + } + F += "
    • "; + b.append(F) + } + } + } + var g = Utils.getShapeByPosition(k, j, false); + var J = Designer.clipboard.elements.length; + if (g == null) { + if (J > 0) { + b.children("li[ac=paste]").show(); + b.children(".devi_clip").show() + } + } else { + var c = g.shape; + b.children("li[ac=cut]").show() + } + b.css({ + display: "block", + "z-index": Model.orderList.length + 3, + left: k + B + 10, + top: j + H + }); + $(document).on("mousedown.link", ":not(#link-dialog-normal_contextmenu li):not(#link-dialog-normal_contextmenu ul):not(#link-dialog-normal_contextmenu a):not(#link-dialog-normal_contextmenu div)", + function(h) { + if (this.id == "link-dialog-normal_contextmenu") { + return false + } + b.hide() + }) + } + I.stopPropagation() + }) + } + }, + renderSahpeAttachment: function(o, q) { + // 图形的附件 + o.find(".shape_attachment_point").remove(); + var selflist = []; //自身附件 + var relatelist = []; //关联附件 + var reqComplete = false; //是否请求完成 + // 封装请求后台方法.参数控制是否异步请求 + var reqMethod_renderSahpeAttachment = function(isAsync) { + // 请求后台的自身附件 + $.ajax({ + method: "POST", + async: isAsync, + url: "./jd?sid=" + encodeURIComponent(sid) + "&cmd=com.actionsoft.apps.coe.pal_processlevel_upfile_load", + data: {pl_uuid: ruuid, uuids: q.id}, + success: function(msg) { + selflist = msg.data.list; + // 请求后台的关联附件 + $.ajax({ + method: "POST", + async: isAsync, + url: "./jd?sid=" + encodeURIComponent(sid) + "&cmd=com.actionsoft.apps.coe.pal_processlevel_relation_upfile_load", + data: {pl_uuid: ruuid, shape_uuid: q.id}, + success: function(msg) { + relatelist = msg.data.list; + reqComplete = true; + } + }); + } + }); + }; + // 使用请求 + reqMethod_renderSahpeAttachment(true); + // 使用定时器，异步控制节点的附件角标的出现 + var startTime = new Date().getTime(); + var intervalClr = window.setInterval(function(){ + // 5秒内请求完毕则处理，5秒内请求不完则不再处理 + var endTime = new Date().getTime(); + if(endTime - startTime > 5000 || reqComplete == true) { + // 取消此定时器 + window.clearInterval(intervalClr); + // 图形有附件，增加右下角图标 --begin + if ( (selflist && selflist.length > 0) || (relatelist && relatelist.length > 0) ) { + var y = $("
    " + + "" + + "
    ").appendTo(o); + //将此节点的z-index置于靠顶的位置，以便鼠标可以点击到 + /*当连线挡住节点导致不能点击时，置于顶层，但此时每次进入设计器都会提示设计器已修改 + var start = Model.maxZIndex + 1; + q.props.zindex = start; //q为当前shape + Model.updateMulti([q]);*/ + // 重画节点 Designer.painter.renderShape(q); + y.on("mousedown.attachment", + function(I) { + I.stopPropagation(); + // 每次点击节点附件下标再次请求后台，使用最新附件列表 + reqMethod_renderSahpeAttachment(false); + var c = Model.getShapeById($(this).parent().attr("id")); //设计器上的图形 + myshapeLink = c; + if (c != undefined) { + var k = c.props.x; + var j = c.props.y; + var B = c.props.w; + var H = c.props.h; + var b = $("#attachment-dialog-normal_contextmenu"); + b.empty(); + b.append(''); //用于提供下载窗口 + for(var s = 0; s < 2; s++) { //循环附件和关联附件 + var attalist = selflist; //统一处理附件或者关联附件 + var attaTypeName = "附件"; //附件or关联附件 + if(s==0) { //自身附件 + // + } else { //关联附件 + attalist = relatelist; + attaTypeName = "关联附件"; + } + if(attalist.length > 0) { + b.append('
  • ' + attaTypeName + '
    • '); + for(var f = 0; f < attalist.length; f++) { + var atta = attalist[f]; + // 是否允许下载的逻辑判断 1.支持下载 or 2.当前用户为上传用户 or admin用户 + var createUser = atta.createUser; + var download = atta.download; + var downloadPerm = false; + if(s==0) { + // 附件 可以下载的条件： 1.支持下载 2.当前用户为上传用户 + if(download == 1 || user == createUser) { + downloadPerm = true; + } + } else { + // 关联附件 可以下载的条件： 1.支持下载 + if(download == 1) { + downloadPerm = true; + } + } + // 拼接展示框 + var F = '
  • ' + atta.fileName + ''; + if( downloadPerm ) { + F += '
    下载
    '; + } + F += "
    • "; + b.append(F) + } + } + } + // 如果其他人操作致使没有附件可展示，则给出无附件的展示 + if(selflist.length == 0 && relatelist.length == 0) { + b.append('
  • ' + '无附件' + '
    • '); + } + // 控制展示与否 + var g = Utils.getShapeByPosition(k, j, false); + var J = Designer.clipboard.elements.length; + if (g == null) { + if (J > 0) { + b.children("li[ac=paste]").show(); + b.children(".devi_clip").show() + } + } else { + var c = g.shape; + b.children("li[ac=cut]").show() + } + b.css({ + display: "block", + "z-index": Model.orderList.length + 3, + left: k + B + 10, + top: j + H + }); + $(document).on("mousedown.attachment", ":not(#attachment-dialog-normal_contextmenu span):not(#attachment-dialog-normal_contextmenu li):not(#attachment-dialog-normal_contextmenu ul):not(#attachment-dialog-normal_contextmenu a):not(#attachment-dialog-normal_contextmenu div)", + function(h) { + if (this.id == "attachment-dialog-normal_contextmenu") { + return false; + } + b.hide(); + }); + } + I.stopPropagation() + }); + } + // 图形有附件，增加右下角图标 --end + } + },100); // end setInterval + }, // end renderSahpeAttachment + } +}; +var Model = { + define: {}, + persistence: {}, + orderList: [], + maxZIndex: 0, + linkerMap: { + map: {}, + add: function(c, d) { + if (!this.map[c]) { + this.map[c] = [] + } + if (this.map[c].indexOf(d) < 0) { + this.map[c].push(d) + } + }, + remove: function(c, d) { + if (this.map[c]) { + Utils.removeFromArray(this.map[c], d) + } + }, + empty: function() { + this.map = {} + } + }, + groupMap: { + map: {}, + add: function(d, c) { + this.map[d] = c + }, + push: function(d, c) { + if (!this.map[d]) { + this.map[d] = [] + } + this.map[d].push(c) + }, + remove: function(b) { + delete this.map[b] + }, + empty: function() { + this.map = {} + } + }, + create: function(l, h, j) {// designer.extend.core.js重写 + var m = Utils.newId(); + var o = Utils.copy(Schema.shapes[l]); + o.id = m; + o.props.x = h; + o.props.y = j; + o.props.zindex = Model.maxZIndex + 1; + o.props = $.extend(true, {}, + Schema.shapeDefaults.props, o.props); + for (var k = 0; k < o.dataAttributes.length; k++) { + var i = o.dataAttributes[k]; + i.id = Utils.newId(); + if (i.attributesJsonArray) { + if (Model.define.localAttribute != undefined && Model.define.localAttribute[o.name] != undefined && Model.define.localAttribute[o.name] != null && Model.define.localAttribute[o.name].length > 0) { + for (var n in Model.define.localAttribute[o.name]) { + i.attributesJsonArray.push(Utils.copy(Model.define.localAttribute[o.name][n])); + } + } + } + } + Designer.events.push("create", o); + return o + }, + add: function(d, c) { + this.addMulti([d], c) + }, + addMulti: function(f, h) { + if (typeof h == "undefined") { + h = true + } + var g = []; + for (var i = 0; i < f.length; i++) { + var j = f[i]; + g.push(Utils.copy(j)); + this.define.elements[j.id] = Utils.copy(j); + this.persistence.elements[j.id] = Utils.copy(j) + } + this.build(); + if (h) { + MessageSource.send("create", g) + } + }, + update: function(b) { + this.updateMulti([b]); + Designer.painter.renderShape(b) + }, + updateMulti: function(l) { + var h = []; + var g = []; + for (var j = 0; j < l.length; j++) { + var k = l[j]; + if (this.define.elements[k.id]) { + this.define.elements[k.id] = Utils.copy(k); + g.push(Utils.copy(this.getPersistenceById(k.id))); + h.push(Utils.copy(k)); + this.persistence.elements[k.id] = Utils.copy(k) + } + } + this.build(); + var i = { + shapes: g, + updates: h + }; + MessageSource.send("update", i) + }, + remove: function(C, u) { + if (typeof u == "undefined") { + u = true + } + if (u) { + C = Designer.events.push("beforeRemove", C) + } + var w = []; + var r = []; + var z = []; + var q = []; + var A = []; + if (C.length == 0) { + return false + } + for (var y = 0; y < C.length; y++) { + var v = C[y]; + if (v.name == "linker") { + A.push(v.id) + } else { + q.push(v.id) + } + } + for (var y = 0; y < C.length; y++) { + var v = C[y]; + w.push(Utils.copy(v)); + $("#" + v.id).remove(); + delete this.define.elements[v.id]; + delete this.persistence.elements[v.id]; + this.groupMap.remove(v.group); + if (v.name == "linker") { + if (v.from.id != null) { + this.linkerMap.remove(v.from.id, v.id) + } + if (v.to.id != null) { + this.linkerMap.remove(v.to.id, v.id) + } + } else { + if (v.parent && q.indexOf(v.parent) < 0) { + var t = Model.getShapeById(v.parent); + if (t) { + Utils.removeFromArray(t.children, v.id); + if (r.indexOf(v.parent) < 0) { + r.push(v.parent); + z.push(t) + } + } + } + var i = this.getShapeLinkers(v.id); + if (i && i.length > 0) { + for (var x = 0; x < i.length; x++) { + var D = i[x]; + if (A.indexOf(D) < 0) { + var B = this.getShapeById(D); + if (B.from.id != null && B.from.id == v.id) { + B.from.id = null; + B.from.angle = null + } + if (B.to.id != null && B.to.id == v.id) { + B.to.id = null; + B.to.angle = null + } + if (r.indexOf(D) < 0) { + r.push(D); + z.push(B) + } + } + } + } + delete this.linkerMap.map[v.id] + } + } + this.build(); + MessageSource.beginBatch(); + MessageSource.send("remove", w); + if (u) { + var s = Designer.events.push("removed", { + shapes: C, + changedIds: r, + range: q + }); + if (s && s.length) { + z = z.concat(s) + } + } + if (z.length > 0) { + this.updateMulti(z) + } + MessageSource.commit(); + return true + }, + updatePage: function(f, h) { + var e = $.extend(Model.define.page, f); + var g = { + page: Utils.copy(Model.persistence.page), + update: Utils.copy(e) + }; + Model.persistence.page = Utils.copy(e); + MessageSource.send("updatePage", g); + Designer.initialize.initCanvas() + }, + updateLocalAttribute: function(e) { + var c = $.extend(Model.define.localAttribute, e); + var f = { + localAttribute: Utils.copy(Model.persistence.localAttribute), + update: Utils.copy(c) + }; + Model.persistence.localAttribute = Utils.copy(c); + MessageSource.send("updateLocalAttribute", f) + }, + getShapeById: function(b) { + return this.define.elements[b] + }, + getPersistenceById: function(b) { + return this.persistence.elements[b] + }, + build: function() { + this.orderList = []; + this.linkerMap.empty(); + for (var h in Model.define.elements) { + var g = Model.getShapeById(h); + this.orderList.push({ + id: g.id, + zindex: g.props.zindex + }); + if (g.name == "linker") { + if (g.from.id != null) { + this.linkerMap.add(g.from.id, g.id) + } + if (g.to.id != null) { + this.linkerMap.add(g.to.id, g.id) + } + } + if (g.group) { + this.groupMap.push(g.group, g.id) + } + } + this.orderList.sort(function i(a, b) { + return a.zindex - b.zindex; + }); + for (var j = 0; j < Model.orderList.length; j++) { + var h = Model.orderList[j].id; + var g = Model.getShapeById(h); + $("#" + h).css("z-index", j); + } + var f = 0; + if (this.orderList.length > 0) { + f = this.orderList[this.orderList.length - 1].zindex + } + this.maxZIndex = f + }, + getShapeLinkers: function(b) { + return this.linkerMap.map[b] + }, + getGroupShapes: function(b) { + return this.groupMap.map[b] + }, + changeShape: function(e, f) { + var d = Schema.shapes[f]; + e.name = f; + e.title = d.shapeName; + e.attribute = d.attribute; + e.dataAttributes = d.dataAttributes; + e.path = d.path; + e.textBlock = d.textBlock; + e.anchors = d.anchors; + Schema.initShapeFunctions(e); + Designer.painter.renderShape(e) + } +}; +var Utils = { + getDomById: function(b) { + return document.getElementById(b) + }, + newId: function() { + var c = Math.random(); + var d = (c + new Date().getTime()); + return d.toString(16).replace(".", "") + }, + getShapeByPosition: function(V, W, ab) { + var at = []; + for (var x = Model.orderList.length - 1; x >= 0; x--) { + var S = Model.orderList[x].id; + var i = $("#" + S); + var am = Model.getShapeById(S); + var ak = i.position(); + var ac = V - ak.left; + var ad = W - ak.top; + var R = { + x: ak.left, + y: ak.top, + w: i.width(), + h: i.height() + }; + var y = i.find(".shape_canvas")[0]; + var av = y.getContext("2d"); + var aB = this.pointInRect(V, W, R); + if (am.name == "linker") { + if (!aB) { + continue + } + if (ab) { + continue + } + var U = 10; + U = U.toScale(); + var ae = { + x: V - U, + y: W - U, + w: U * 2, + h: U * 2 + }; + if (this.pointInRect(am.to.x.toScale(), am.to.y.toScale(), ae)) { + var al = { + type: "linker_point", + point: "end", + shape: am + }; + at.push(al); + + } else { + if (this.pointInRect(am.from.x.toScale(), am.from.y.toScale(), ae)) { + var al = { + type: "linker_point", + point: "from", + shape: am + }; + at.push(al); + + } else { + var aj = i.find(".text_canvas"); + var ah = aj.position(); + var ae = { + x: ah.left, + y: ah.top, + w: aj.width(), + h: aj.height() + }; + if (this.pointInRect(ac, ad, ae)) { + var al = { + type: "linker_text", + shape: am + }; + at.push(al); + continue + } + U = 7; + U = U.toScale(); + var ag = this.pointInLinker({ + x: V.restoreScale(), + y: W.restoreScale() + }, + am, U); + if (ag > -1) { + var al = { + type: "linker", + shape: am, + pointIndex: ag + }; + at.push(al); + + } + } + } + } else { + if (aB && am.locked && !ab) { + if (av.isPointInPath(ac, ad)) { + var al = { + type: "shape", + shape: am + }; + at.push(al) + } + continue + } + var U = 7; + if (aB) { + U = U.toScale(); + var ae = { + x: V - U, + y: W - U, + w: U * 2, + h: U * 2 + }; + var Z = { + x: am.props.x + am.props.w / 2, + y: am.props.y + am.props.h / 2 + }; + var ao = am.getAnchors(); + var al = null; + for (var aw = 0; aw < ao.length; aw++) { + var ay = ao[aw]; + ay = this.getRotated(Z, { + x: am.props.x + ay.x, + y: am.props.y + ay.y + }, + am.props.angle); + if (Utils.pointInRect(ay.x.toScale(), ay.y.toScale(), ae)) { + var an = Utils.getPointAngle(S, ay.x, ay.y, U); + ay.angle = an; + al = { + type: "bounding", + shape: am, + linkPoint: ay + }; + if (av.isPointInPath(ac, ad)) { + al.inPath = true + } + break + } + } + if (al != null) { + at.push(al); + continue + } + } + if (am.dataAttributes) { + var al = null; + for (var au = 0; au < am.dataAttributes.length; au++) { + var ap = am.dataAttributes[au]; + if (ap.type == "link" && ap.showType && ap.showType != "none") { + var af = i.children("#attr_canvas_" + ap.id); + if (af.length > 0) { + var ai = af.position(); + var X = ac - ai.left; + var Y = ad - ai.top; + var ar = af[0].getContext("2d"); + if (ar.isPointInPath(X, Y)) { + al = { + type: "dataAttribute", + shape: am, + attribute: ap + }; + break + } + } + } + } + if (al != null) { + at.push(al); + continue + } + } + if (!aB) { + continue + } + if (av.isPointInPath(ac, ad)) { + if (ab) { + var ao = am.getAnchors(); + if (ao && ao.length) { + var al = { + type: "shape", + shape: am + }; + at.push(al); + + } else { + + } + } else { + var al = { + type: "shape", + shape: am + }; + at.push(al); + + } + } else { + if (!am.attribute || typeof am.attribute.linkable == "undefined" || am.attribute.linkable) { + var an = Utils.getPointAngle(S, V.restoreScale(), W.restoreScale(), U); + if (an != null) { + var al = null; + var aC = { + angle: an + }; + for (var aa = 1; aa <= U; aa++) { + if (an == 0) { + aC.x = ac + aa; + aC.y = ad + } else { + if (an < Math.PI / 2) { + aC.x = ac + aa * Math.cos(an); + aC.y = ad + aa * Math.sin(an) + } else { + if (an == Math.PI / 2) { + aC.x = ac; + aC.y = ad + aa + } else { + if (an < Math.PI) { + aC.x = ac - aa * Math.sin(an - Math.PI / 2); + aC.y = ad + aa * Math.cos(an - Math.PI / 2) + } else { + if (an == Math.PI / 2) { + aC.x = ac - aa; + aC.y = ad + } else { + if (an < Math.PI / 2 * 3) { + aC.x = ac - aa * Math.cos(an - Math.PI); + aC.y = ad - aa * Math.sin(an - Math.PI) + } else { + if (an == Math.PI / 2 * 3) { + aC.x = ac; + aC.y = ad - aa + } else { + aC.x = ac + aa * Math.sin(an - Math.PI / 2 * 3); + aC.y = ad - aa * Math.cos(an - Math.PI / 2 * 3) + } + } + } + } + } + } + } + if (av.isPointInPath(aC.x, aC.y)) { + aC.x += ak.left; + aC.y += ak.top; + aC.x = aC.x.restoreScale(); + aC.y = aC.y.restoreScale(); + al = { + type: "bounding", + shape: am, + linkPoint: aC + }; + break + } + } + if (al != null) { + at.push(al); + + } + } + } + } + } + } + var al = null; + if (at.length == 1) { + al = at[0] + } + if (at.length > 1 && ab) { + al = at[0] + } else { + if (at.length > 1) { + var ax = at[0]; + if (ax.type == "bounding" && ax.type != "linker_point" && ax.type != "linker") { + return ax + } + var ag = []; + var aA = []; + var aq = []; + for (var x = 0; x < at.length; x++) { + var T = at[x]; + if (T.type == "bounding") { + aq.push(T) + } else { + if (T.type == "linker") { + ag.push(T) + } else { + if (T.type == "linker_point") { + aA.push(T) + } + } + } + } + if (aq.length > 0 && aA.length > 0) { + for (var x = 0; x < aq.length; x++) { + var T = aq[x]; + if (T.inPath) { + al = T; + break + } + } + } + if (al == null && aA.length > 0) { + aA.sort(function az(a, b) { + if (Utils.isSelected(a.shape.id) && !Utils.isSelected(b.shape.id)) { + return - 1 + } else { + if (!Utils.isSelected(a.shape.id) && Utils.isSelected(b.shape.id)) { + return 1 + } else { + return b.shape.props.zindex - a.shape.props.zindex + } + } + }); + al = aA[0] + } + if (al == null && ag.length > 0) { + ag.sort(function az(a, b) { + if (Utils.isSelected(a.shape.id) && !Utils.isSelected(b.shape.id)) { + return - 1 + } else { + if (!Utils.isSelected(a.shape.id) && Utils.isSelected(b.shape.id)) { + return 1 + } else { + return b.shape.props.zindex - a.shape.props.zindex + } + } + }); + al = ag[0] + } + if (al == null) { + al = at[0] + } + } + } + return al + }, + checkCross: function(k, m, n, o) { + var j = false; + var l = (m.x - k.x) * (o.y - n.y) - (m.y - k.y) * (o.x - n.x); + if (l != 0) { + var p = ((k.y - n.y) * (o.x - n.x) - (k.x - n.x) * (o.y - n.y)) / l; + var d = ((k.y - n.y) * (m.x - k.x) - (k.x - n.x) * (m.y - k.y)) / l; + if ((p >= 0) && (p <= 1) && (d >= 0) && (d <= 1)) { + j = true + } + } + return j + }, + rectCross: function(m, n) { + var q = m.x; + var o = m.x + m.w; + var k = m.y; + var s = m.y + m.h; + var r = n.x; + var p = n.x + n.w; + var l = n.y; + var t = n.y + n.h; + if (((q < p) && (r < o)) && ((k < t) && (l < s))) { + return true + } else { + return false + } + }, + rectInRect: function(l, h) { + var i = { + x: l.x, + y: l.y + }; + var j = { + x: l.x + l.w, + y: l.y + }; + var k = { + x: l.x + l.w, + y: l.y + l.h + }; + var g = { + x: l.x, + y: l.y + l.h + }; + if (this.pointInRect(i.x, i.y, h) && this.pointInRect(j.x, j.y, h) && this.pointInRect(k.x, k.y, h) && this.pointInRect(g.x, g.y, h)) { + return true + } else { + return false + } + }, + pointInPolygon: function(j, p) { + var k, l, m, n; + k = j; + l = { + x: -1000000, + y: j.y + }; + var o = 0; + for (var i = 0; i < p.length - 1; i++) { + m = p[i]; + n = p[i + 1]; + if (Utils.checkCross(k, l, m, n) == true) { + o++ + } + } + m = p[p.length - 1]; + n = p[0]; + if (Utils.checkCross(k, l, m, n) == true) { + o++ + } + return (o % 2 == 0) ? false: true + }, + pointInRect: function(d, e, f) { + if (d >= f.x && d <= f.x + f.w && e >= f.y && e <= f.y + f.h) { + return true + } + return false + }, + pointInLinker: function(q, t, s) { + var o = this.getLinkerLinePoints(t); + var v = { + x: q.x - s, + y: q.y + }; + var w = { + x: q.x + s, + y: q.y + }; + var x = { + x: q.x, + y: q.y - s + }; + var m = { + x: q.x, + y: q.y + s + }; + for (var u = 1; u < o.length; u++) { + var n = o[u - 1]; + var p = o[u]; + var r = this.checkCross(v, w, n, p); + if (r) { + return u + } + r = this.checkCross(x, m, n, p); + if (r) { + return u + } + } + return - 1 + }, + getLinkerLength: function(n) { + var d = this.getLinkerLinePoints(n); + var i = 0; + for (var l = 1; l < d.length; l++) { + var j = d[l - 1]; + var m = d[l]; + var k = Utils.measureDistance(j, m); + i += k + } + return i + }, + getShapesByRange: function(j) { + var g = []; + for (var h in Model.define.elements) { + var f = Model.getShapeById(h); + var i = f.props; + if (f.name == "linker") { + i = this.getLinkerBox(f) + } else { + i = this.getShapeBox(f) + } + if (this.pointInRect(i.x, i.y, j) && this.pointInRect(i.x + i.w, i.y, j) && this.pointInRect(i.x + i.w, i.y + i.h, j) && this.pointInRect(i.x, i.y + i.h, j)) { + g.push(f.id) + } + } + return g + }, + getControlBox: function(l) { + var j = { + x1: null, + y1: null, + x2: null, + y2: null + }; + for (var h = 0; h < l.length; h++) { + var k = l[h]; + var i = Model.getShapeById(k); + var m; + if (i.name == "linker") { + m = this.getLinkerBox(i) + } else { + m = this.getShapeBox(i) + } + if (j.x1 == null || m.x < j.x1) { + j.x1 = m.x + } + if (j.y1 == null || m.y < j.y1) { + j.y1 = m.y + } + if (j.x2 == null || m.x + m.w > j.x2) { + j.x2 = m.x + m.w + } + if (j.y2 == null || m.y + m.h > j.y2) { + j.y2 = m.y + m.h + } + } + var n = { + x: j.x1, + y: j.y1, + w: j.x2 - j.x1, + h: j.y2 - j.y1 + }; + return n + }, + getShapesBounding: function(h) { + var i = { + x1: null, + y1: null, + x2: null, + y2: null + }; + for (var l = 0; l < h.length; l++) { + var g = h[l]; + var k; + if (g.name == "linker") { + k = this.getLinkerBox(g) + } else { + k = g.props + } + if (i.x1 == null || k.x < i.x1) { + i.x1 = k.x + } + if (i.y1 == null || k.y < i.y1) { + i.y1 = k.y + } + if (i.x2 == null || k.x + k.w > i.x2) { + i.x2 = k.x + k.w + } + if (i.y2 == null || k.y + k.h > i.y2) { + i.y2 = k.y + k.h + } + } + var j = { + x: i.x1, + y: i.y1, + w: i.x2 - i.x1, + h: i.y2 - i.y1 + }; + return j + }, + getShapeContext: function(c) { + var d = Utils.getDomById(c); + return d.getElementsByTagName("canvas")[0].getContext("2d") + }, + selectIds: [], + selectShape: function(s, w) { + if (typeof s == "string") { + var o = s; + s = []; + s.push(o) + } + if (s.length <= 0) { + return + } + var r = Utils.mergeArray([], s); + for (var u = 0; u < s.length; u++) { + var p = Model.getShapeById(s[u]); + if (p && p.group) { + var x = Model.getGroupShapes(p.group); + Utils.mergeArray(r, x) + } + } + var z = []; + for (var u = 0; u < r.length; u++) { + var y = r[u]; + var p = Model.getShapeById(y); + if (p && p.parent && p.resizeDir.length == 0 && z.indexOf(p.parent) < 0) { + z.push(p.parent) + } else { + if (z.indexOf(y) < 0) { + z.push(y) + } + } + } + s = z; + Utils.removeAnchors(); + Utils.selectIds = []; + for (var q = 0; q < s.length; q++) { + var o = s[q]; + var p = Model.getShapeById(o); + Utils.selectIds.push(o); + if (p && p.name == "linker") { + if (this.isLocked(p.id)) { + Utils.showLockers(p) + } else { + Designer.painter.renderLinker(p) + } + } else { + if (p && this.isLocked(p.id)) { + Utils.showLockers(p) + } else { + //by bzp 处理富文本显示的按钮 + if(p.name == "regulation" && methodId == 'control.policy'){ + parent.$("#dock_btn_richtext").show(); + } + //by bzp end + Utils.showAnchors(p) + } + } + } + var z = Utils.getSelectedIds(); + var i = false; + if (z.length == 1) { + var t = Model.getShapeById(z[0]); + if (t.name == "linker") { + i = true; + Utils.showLinkerControls() + } + } + if (z.length > 0 && !i) { + var v = Designer.painter.drawControls(z) + } + if (typeof w == "undefined") { + w = true + } + if (this.selectCallback && w) { + this.selectCallback() + } + Designer.events.push("selectChanged"); + this.showLinkerCursor() + }, + selectCallback: null, + unselect: function() { + var h = this.selectIds; + this.selectIds = []; + for (var e = 0; e < h.length; e++) { + var g = h[e]; + var f = Model.getShapeById(g); + if (f.name == "linker") { + Designer.painter.renderLinker(f) + } + } + $("#shape_controls").hide(); + Utils.removeLockers(); + Utils.removeAnchors(); + if ($("#dock_content_attribute").is(":visible")) { + $("#tagContent1 :focus").blur() + } + Designer.events.push("selectChanged"); + this.hideLinkerCursor(); + this.hideLinkerControls() + }, + getSelected: function() { + var f = []; + for (var e = 0; e < this.selectIds.length; e++) { + var g = this.selectIds[e]; + if (!Utils.isLocked(g)) { + var h = Model.getShapeById(g); + f.push(h) + } + } + return f + }, + getSelectedIds: function() { + var e = []; + for (var d = 0; d < this.selectIds.length; d++) { + var f = this.selectIds[d]; + if (!Utils.isLocked(f)) { + e.push(f) + } + } + return e + }, + getSelectedLinkers: function() { + var f = []; + for (var e = 0; e < this.selectIds.length; e++) { + var g = this.selectIds[e]; + if (!Utils.isLocked(g)) { + var h = Model.getShapeById(g); + if (h.name == "linker") { + f.push(h) + } + } + } + return f + }, + getSelectedLinkerIds: function() { + var f = []; + for (var e = 0; e < this.selectIds.length; e++) { + var g = this.selectIds[e]; + if (!Utils.isLocked(g)) { + var h = Model.getShapeById(g); + if (h.name == "linker") { + f.push(g) + } + } + } + return f + }, + getSelectedShapeIds: function() { + var f = []; + for (var e = 0; e < this.selectIds.length; e++) { + var g = this.selectIds[e]; + if (!Utils.isLocked(g)) { + var h = Model.getShapeById(g); + if (h.name != "linker") { + f.push(g) + } + } + } + return f + }, + getSelectedLockedIds: function() { + var e = []; + for (var d = 0; d < this.selectIds.length; d++) { + var f = this.selectIds[d]; + if (Utils.isLocked(f)) { + e.push(f) + } + } + return e + }, + getSelectedGroups: function() { + var f = []; + for (var h = 0; h < this.selectIds.length; h++) { + var g = this.selectIds[h]; + var e = Model.getShapeById(g); + if (e.group && f.indexOf(e.group) < 0) { + f.push(e.group) + } + } + return f + }, + isSelected: function(b) { + if (this.selectIds.indexOf(b) >= 0 && !this.isLocked(b)) { + return true + } + return false + }, + isLocked: function(b) { + if (Model.getShapeById(b).locked) { + return true + } else { + return false + } + }, + linkerCursorTimer: null, + showLinkerCursor: function() { + this.hideLinkerCursor(); + var C = Utils.getSelectedIds(); + if (C.length == 1) { + var J = Model.getShapeById(C[0]); + if (J.name != "linker") { + var H = Model.linkerMap.map[J.id]; + if (H && H.length) { + var B = []; + for (var z = 0; z < H.length; z++) { + var d = H[z]; + var E = Model.getShapeById(d); + if (J.id != E.from.id || !E.to.id) { + continue + } + var y = this.getLinkerLength(E).toScale(); + var A = []; + if (E.linkerType == "broken") { + A.push({ + x: E.from.x.toScale(), + y: E.from.y.toScale(), + t: 0 + }); + for (var p = 0; p < E.points.length; p++) { + var D = E.points[p]; + A.push({ + x: D.x.toScale(), + y: D.y.toScale() + }) + } + A.push({ + x: E.to.x.toScale(), + y: E.to.y.toScale() + }); + var w = 0; + for (var p = 1; p < A.length; p++) { + var K = A[p - 1]; + var L = A[p]; + w += Utils.measureDistance(K, L); + L.t = w / y + } + } + var F = Math.floor(y / 120) + 1; + var I = 3 / y; + var i = (Math.ceil(y / 120) * 120) / y; + var x = 0; + while (x < y) { + var G = { + t: x / y, + step: I, + linker: E, + points: A, + maxT: i + }; + B.push(G); + x += 120 + } + } + this.playLinkerCursor(B) + } + } + } + }, + playLinkerCursor: function(l) { + for (var h = 0; h < l.length; h++) { + var j = l[h]; + var k = $("
    ").appendTo("#designer_canvas"); + var m = j.linker; + var i = (m.lineStyle.lineWidth + 2).toScale(); + if (i < 5) { + i = 5 + } + var n = i / 2; + j.half = n; + j.dom = k; + k.css({ + width: i, + height: i, + "-webkit-border-radius": n, + "-moz-border-radius": n, + "-ms-border-radius": n, + "-o-border-radius": n, + "border-radius": n, + "z-index": $("#" + m.id).css("z-index") + }) + } + this.linkerCursorTimer = setInterval(function() { + for (var w = 0; w < l.length; w++) { + var c = l[w]; + var t = c.linker; + if (c.t >= c.maxT) { + c.t = 0; + c.dom.show() + } + var y = c.t; + if (t.linkerType == "broken") { + for (var v = 1; v < c.points.length; v++) { + var b = c.points[v - 1]; + var d = c.points[v]; + if (y >= b.t && y < d.t) { + var x = (y - b.t) / (d.t - b.t); + var f = (1 - x) * b.x + x * d.x; + var g = (1 - x) * b.y + x * d.y; + c.dom.css({ + left: f - c.half, + top: g - c.half + }); + break + } + } + } else { + if (t.linkerType == "curve") { + var a = t.from; + var b = t.points[0]; + var d = t.points[1]; + var e = t.to; + var f = a.x.toScale() * Math.pow((1 - y), 3) + b.x.toScale() * y * Math.pow((1 - y), 2) * 3 + d.x.toScale() * Math.pow(y, 2) * (1 - y) * 3 + e.x.toScale() * Math.pow(y, 3); + var g = a.y.toScale() * Math.pow((1 - y), 3) + b.y.toScale() * y * Math.pow((1 - y), 2) * 3 + d.y.toScale() * Math.pow(y, 2) * (1 - y) * 3 + e.y.toScale() * Math.pow(y, 3); + c.dom.css({ + left: f - c.half, + top: g - c.half + }) + } else { + var f = (1 - y) * t.from.x.toScale() + y * t.to.x.toScale(); + var g = (1 - y) * t.from.y.toScale() + y * t.to.y.toScale(); + c.dom.css({ + left: f - c.half, + top: g - c.half + }) + } + } + c.t += c.step; + if (c.t >= 1) { + c.dom.hide() + } + } + }, + 30) + }, + hideLinkerCursor: function() { + if (this.linkerCursorTimer) { + clearInterval(this.linkerCursorTimer) + } + $(".linker_cursor").remove() + }, + showLinkerControls: function() { + this.hideLinkerControls(); + var e = Utils.getSelectedIds(); + var h = null; + if (e.length == 1) { + var f = Model.getShapeById(e[0]); + if (f.name == "linker" && f.linkerType == "curve") { + h = f + } + } + if (h == null) { + return + } + function g(r, s) { + var t = null; + var b = null; + if (s == "from") { + t = r.from; + b = r.points[0] + } else { + t = r.to; + b = r.points[1] + } + var q = Utils.measureDistance(t, b).toScale() - 6; + var c = { + x: (0.5 * t.x + 0.5 * b.x).toScale(), + y: (0.5 * t.y + 0.5 * b.y).toScale() + }; + var u = Utils.getAngle(t, b) + Math.PI / 2; + var a = $("
    ").appendTo("#designer_canvas"); + var d = $("
    ").appendTo("#designer_canvas"); + var v = Math.round(u / (Math.PI * 2) * 360); + var p = "rotate(" + v + "deg)"; + a.css({ + left: c.x, + top: c.y - q / 2, + height: q, + "z-index": Model.orderList.length, + "-webkit-transform": p, + "-ms-transform": p, + "-o-transform": p, + "-moz-transform": p, + transform: p + }); + d.css({ + left: b.x.toScale() - 4, + top: b.y.toScale() - 4, + "z-index": Model.orderList.length + }); + d.attr("ty", s); + d.unbind().bind("mousedown", + function(j) { + r = Model.getShapeById(r.id); + var i = null; + if (s == "from") { + i = r.points[0] + } else { + i = r.points[1] + } + j.stopPropagation(); + d.addClass("moving"); + Designer.op.changeState("changing_curve"); + $(document).bind("mousemove.change_curve", + function(l) { + var k = Utils.getRelativePos(l.pageX, l.pageY, $("#designer_canvas")); + i.x = k.x; + i.y = k.y; + Designer.painter.renderLinker(r); + Model.define.elements[r.id] = r; + Utils.showLinkerControls(); + $(".linker_control_point[ty=" + d.attr("ty") + "]").addClass("moving"); + $(document).unbind("mouseup.changed_curve").bind("mouseup.changed_curve", + function(m) { + Model.update(r); + $(document).unbind("mouseup.changed_curve") + }) + }); + $(document).unbind("mouseup.change_curve").bind("mouseup.change_curve", + function(k) { + $(document).unbind("mouseup.change_curve"); + $(document).unbind("mousemove.change_curve"); + $(".linker_control_point").removeClass("moving"); + Designer.op.resetState() + }) + }); + return d + } + g(h, "from"); + g(h, "to") + }, + hideLinkerControls: function() { + $(".linker_control_line").remove(); + $(".linker_control_point").remove() + }, + showAnchors: function(n) { + if ($(".shape_contour[forshape=" + n.id + "]").length > 0) { + return + } + var q = $("
    ").appendTo($("#designer_canvas")); + q.css({ + left: n.props.x.toScale(), + top: n.props.y.toScale(), + "z-index": Model.orderList.length + 1 + }); + if (!Utils.isSelected(n.id)) { + q.addClass("hovered_contour") + } + var t = Designer.config.anchorSize - 2; + var u = { + "border-color": Designer.config.anchorColor, + "border-radius": Designer.config.anchorSize / 2, + width: t, + height: t + }; + var v = n.getAnchors(); + var o = { + x: n.props.w / 2, + y: n.props.h / 2 + }; + var r = n.props.angle; + for (var m = 0; m < v.length; m++) { + var p = v[m]; + var l = $("
    ").appendTo(q); + var s = this.getRotated(o, p, r); + u.left = s.x.toScale() - Designer.config.anchorSize / 2; + u.top = s.y.toScale() - Designer.config.anchorSize / 2; + l.css(u) + } + }, + hideAnchors: function() { + $(".hovered_contour").remove() + }, + removeAnchors: function() { + //by bzp + $("#dock_btn_richtext").hide(); + $(".shape_contour").remove() + }, + showLockers: function(s) { + var m = $("#" + s.id); + var q = m.position(); + function t() { + var c = $("").appendTo(m); + var a = c[0].getContext("2d"); + a.strokeStyle = "#777"; + a.lineWidth = 1; + var b = 9; + a.beginPath(); + a.moveTo(2, 2); + a.lineTo(b, b); + a.moveTo(2, b); + a.lineTo(b, 2); + a.stroke(); + return c + } + function r(b) { + var a = t(); + a.css({ + left: b.x.toScale() - q.left - 5, + top: b.y.toScale() - q.top - 5 + }) + } + if (s.name != "linker") { + var u = s.props; + var v = { + x: u.x + u.w / 2, + y: u.y + u.h / 2 + }; + var l = this.getRotated(v, { + x: u.x, + y: u.y + }, + s.props.angle); + r(l); + var n = this.getRotated(v, { + x: u.x + u.w, + y: u.y + }, + s.props.angle); + r(n); + var o = this.getRotated(v, { + x: u.x + u.w, + y: u.y + u.h + }, + s.props.angle); + r(o); + var p = this.getRotated(v, { + x: u.x, + y: u.y + u.h + }, + s.props.angle); + r(p) + } else { + r(s.from); + r(s.to) + } + }, + removeLockers: function() { + $(".shape_locker").remove() + }, + measureDistance: function(g, h) { + var e = h.y - g.y; + var f = h.x - g.x; + return Math.sqrt(Math.pow(e, 2) + Math.pow(f, 2)) + }, + removeFromArray: function(f, d) { + var e = f.indexOf(d); + if (e >= 0) { + f.splice(e, 1) + } + return f + }, + addToArray: function(f, d) { + var e = f.indexOf(d); + if (e < 0) { + f.push(d) + } + return f + }, + mergeArray: function(e, f) { + for (var h = 0; h < f.length; h++) { + var g = f[h]; + if (e.indexOf(g) < 0) { + e.push(g) + } + } + return e + }, + getCirclePoints: function(j, k, n) { + var l = Math.PI / 18; + var o = []; + for (var p = 0; p < 36; p++) { + var i = l * p; + var m = { + x: j - Math.cos(i) * n, + y: k - Math.sin(i) * n, + angle: i + }; + o.push(m) + } + return o + }, + getPointAngle: function(r, i, p, F) { + var x = $("#" + r).position(); + var y = Utils.getShapeContext(r); + i = i.toScale() - x.left; + p = p.toScale() - x.top; + var E = this.getCirclePoints(i, p, F); + var u = E.length; + var G = false; + for (var w = 0; w < u; w++) { + var D = E[w]; + if (y.isPointInPath(D.x, D.y)) { + D.inPath = true; + G = true + } else { + D.inPath = false + } + } + if (G == false) { + return null + } + var C = null; + var z = null; + for (var w = 0; w < u; w++) { + var D = E[w]; + if (!D.inPath) { + if (C == null) { + var A = E[(w - 1 + u) % u]; + if (A.inPath) { + C = D.angle + } + } + if (z == null) { + var v = E[(w + 1 + u) % u]; + if (v.inPath) { + z = D.angle + } + } + if (C != null && z != null) { + break + } + } + } + var H = (Math.PI * 2 + z - C) % (Math.PI * 2) / 2; + var B = (C + H) % (Math.PI * 2); + return B + }, + getAngleDir: function(c) { + var d = Math.PI; + if (c >= d / 4 && c < d / 4 * 3) { + return 1 + } else { + if (c >= d / 4 * 3 && c < d / 4 * 5) { + return 2 + } else { + if (c >= d / 4 * 5 && c < d / 4 * 7) { + return 3 + } else { + return 4 + } + } + } + }, + getLinkerPoints: function(G) { + var O = []; + if (G.linkerType == "broken") { + var J = Math.PI; + var y = G.from; + var aa = G.to; + var R = Math.abs(aa.x - y.x); + var I = Math.abs(aa.y - y.y); + var K = 30; + if (y.id != null && aa.id != null) { + var ab = this.getAngleDir(y.angle); + var ac = this.getAngleDir(aa.angle); + var X, V, S; + if (ab == 1 && ac == 1) { + if (y.y < aa.y) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + if (V.x >= W.x - K && V.x <= W.x + W.w + K) { + var P; + if (V.x < W.x + W.w / 2) { + P = W.x - K + } else { + P = W.x + W.w + K + } + var Q = X.y - K; + O.push({ + x: X.x, + y: Q + }); + O.push({ + x: P, + y: Q + }); + Q = V.y - K; + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + var Q = X.y - K; + O.push({ + x: X.x, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } + } else { + if (ab == 3 && ac == 3) { + if (y.y > aa.y) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + if (V.x >= W.x - K && V.x <= W.x + W.w + K) { + var Q = X.y + K; + var P; + if (V.x < W.x + W.w / 2) { + P = W.x - K + } else { + P = W.x + W.w + K + } + O.push({ + x: X.x, + y: Q + }); + O.push({ + x: P, + y: Q + }); + Q = V.y + K; + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + var Q = X.y + K; + O.push({ + x: X.x, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } + } else { + if (ab == 2 && ac == 2) { + if (y.x > aa.x) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + if (V.y >= W.y - K && V.y <= W.y + W.h + K) { + var P = X.x + K; + var Q; + if (V.y < W.y + W.h / 2) { + Q = W.y - K + } else { + Q = W.y + W.h + K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + P = V.x + K; + O.push({ + x: P, + y: Q + }); + O.push({ + x: P, + y: V.y + }) + } else { + var P = X.x + K; + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: V.y + }) + } + } else { + if (ab == 4 && ac == 4) { + if (y.x < aa.x) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + if (V.y >= W.y - K && V.y <= W.y + W.h + K) { + var P = X.x - K; + var Q; + if (V.y < W.y + W.h / 2) { + Q = W.y - K + } else { + Q = W.y + W.h + K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + P = V.x - K; + O.push({ + x: P, + y: Q + }); + O.push({ + x: P, + y: V.y + }) + } else { + var P = X.x - K; + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: V.y + }) + } + } else { + if ((ab == 1 && ac == 3) || (ab == 3 && ac == 1)) { + if (ab == 1) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + if (V.y <= X.y) { + var Q = X.y - I / 2; + O.push({ + x: X.x, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + var ad = W.x + W.w; + var U = E.x + E.w; + var Q = X.y - K; + var P; + if (U >= W.x && E.x <= ad) { + var x = W.x + W.w / 2; + if (V.x < x) { + P = W.x < E.x ? W.x - K: E.x - K + } else { + P = ad > U ? ad + K: U + K + } + if (E.y < X.y) { + Q = E.y - K + } + } else { + if (V.x < X.x) { + P = U + (W.x - U) / 2 + } else { + P = ad + (E.x - ad) / 2 + } + } + O.push({ + x: X.x, + y: Q + }); + O.push({ + x: P, + y: Q + }); + Q = V.y + K; + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } + } else { + if ((ab == 2 && ac == 4) || (ab == 4 && ac == 2)) { + if (ab == 2) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + if (V.x > X.x) { + var P = X.x + R / 2; + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: V.y + }) + } else { + var F = W.y + W.h; + var N = E.y + E.h; + var P = X.x + K; + var Q; + if (N >= W.y && E.y <= F) { + var x = W.y + W.h / 2; + if (V.y < x) { + Q = W.y < E.y ? W.y - K: E.y - K + } else { + Q = F > N ? F + K: N + K + } + if (E.x + E.w > X.x) { + P = E.x + E.w + K + } + } else { + if (V.y < X.y) { + Q = N + (W.y - N) / 2 + } else { + Q = F + (E.y - F) / 2 + } + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + P = V.x - K; + O.push({ + x: P, + y: Q + }); + O.push({ + x: P, + y: V.y + }) + } + } else { + if ((ab == 1 && ac == 2) || (ab == 2 && ac == 1)) { + if (ab == 2) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + if (V.x > X.x && V.y > X.y) { + O.push({ + x: V.x, + y: X.y + }) + } else { + if (V.x > X.x && E.x > X.x) { + var P; + if (E.x - X.x < K * 2) { + P = X.x + (E.x - X.x) / 2 + } else { + P = X.x + K + } + var Q = V.y - K; + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + if (V.x <= X.x && V.y > W.y + W.h) { + var F = W.y + W.h; + var P = X.x + K; + var Q; + if (V.y - F < K * 2) { + Q = F + (V.y - F) / 2 + } else { + Q = V.y - K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + var P; + var U = E.x + E.w; + if (U > X.x) { + P = U + K + } else { + P = X.x + K + } + var Q; + if (V.y < W.y) { + Q = V.y - K + } else { + Q = W.y - K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } + } + } + } else { + if ((ab == 1 && ac == 4) || (ab == 4 && ac == 1)) { + if (ab == 4) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + var U = E.x + E.w; + if (V.x < X.x && V.y > X.y) { + O.push({ + x: V.x, + y: X.y + }) + } else { + if (V.x < X.x && U < X.x) { + var P; + if (X.x - U < K * 2) { + P = U + (X.x - U) / 2 + } else { + P = X.x - K + } + var Q = V.y - K; + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + if (V.x >= X.x && V.y > W.y + W.h) { + var F = W.y + W.h; + var P = X.x - K; + var Q; + if (V.y - F < K * 2) { + Q = F + (V.y - F) / 2 + } else { + Q = V.y - K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + var P; + if (E.x < X.x) { + P = E.x - K + } else { + P = X.x - K + } + var Q; + if (V.y < W.y) { + Q = V.y - K + } else { + Q = W.y - K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } + } + } + } else { + if ((ab == 2 && ac == 3) || (ab == 3 && ac == 2)) { + if (ab == 2) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + if (V.x > X.x && V.y < X.y) { + O.push({ + x: V.x, + y: X.y + }) + } else { + if (V.x > X.x && E.x > X.x) { + var P; + if (E.x - X.x < K * 2) { + P = X.x + (E.x - X.x) / 2 + } else { + P = X.x + K + } + var Q = V.y + K; + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + if (V.x <= X.x && V.y < W.y) { + var P = X.x + K; + var Q; + if (W.y - V.y < K * 2) { + Q = V.y + (W.y - V.y) / 2 + } else { + Q = V.y + K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + var P; + var U = E.x + E.w; + if (U > X.x) { + P = U + K + } else { + P = X.x + K + } + var Q; + if (V.y > W.y + W.h) { + Q = V.y + K + } else { + Q = W.y + W.h + K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } + } + } + } else { + if ((ab == 3 && ac == 4) || (ab == 4 && ac == 3)) { + if (ab == 4) { + X = y; + V = aa; + S = false + } else { + X = aa; + V = y; + S = true + } + var W = Model.getShapeById(X.id).props; + var E = Model.getShapeById(V.id).props; + var U = E.x + E.w; + if (V.x < X.x && V.y < X.y) { + O.push({ + x: V.x, + y: X.y + }) + } else { + if (V.x < X.x && U < X.x) { + var P; + if (X.x - U < K * 2) { + P = U + (X.x - U) / 2 + } else { + P = X.x - K + } + var Q = V.y + K; + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + if (V.x >= X.x && V.y < W.y) { + var P = X.x - K; + var Q; + if (W.y - V.y < K * 2) { + Q = V.y + (W.y - V.y) / 2 + } else { + Q = V.y + K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } else { + var P; + if (E.x < X.x) { + P = E.x - K + } else { + P = X.x - K + } + var Q; + if (V.y > W.y + W.h) { + Q = V.y + K + } else { + Q = W.y + W.h + K + } + O.push({ + x: P, + y: X.y + }); + O.push({ + x: P, + y: Q + }); + O.push({ + x: V.x, + y: Q + }) + } + } + } + } + } + } + } + } + } + } + } + } + } + if (S) { + O.reverse() + } + } else { + if (y.id != null || aa.id != null) { + var X, V, S, M; + if (y.id != null) { + X = y; + V = aa; + S = false; + M = y.angle + } else { + X = aa; + V = y; + S = true; + M = aa.angle + } + var Z = Model.getShapeById(X.id).props; + if (M >= J / 4 && M < J / 4 * 3) { + if (V.y < X.y) { + if (R >= I) { + O.push({ + x: X.x, + y: V.y + }) + } else { + var x = I / 2; + O.push({ + x: X.x, + y: X.y - x + }); + O.push({ + x: V.x, + y: X.y - x + }) + } + } else { + O.push({ + x: X.x, + y: X.y - K + }); + if (R >= I) { + if (V.x >= Z.x - K && V.x <= Z.x + Z.w + K) { + var L = Z.x + Z.w / 2; + if (V.x < L) { + O.push({ + x: Z.x - K, + y: X.y - K + }); + O.push({ + x: Z.x - K, + y: V.y + }) + } else { + O.push({ + x: Z.x + Z.w + K, + y: X.y - K + }); + O.push({ + x: Z.x + Z.w + K, + y: V.y + }) + } + } else { + if (V.x < Z.x) { + O.push({ + x: V.x + K, + y: X.y - K + }); + O.push({ + x: V.x + K, + y: V.y + }) + } else { + O.push({ + x: V.x - K, + y: X.y - K + }); + O.push({ + x: V.x - K, + y: V.y + }) + } + } + } else { + if (V.x >= Z.x - K && V.x <= Z.x + Z.w + K) { + var L = Z.x + Z.w / 2; + if (V.x < L) { + O.push({ + x: Z.x - K, + y: X.y - K + }); + O.push({ + x: Z.x - K, + y: V.y - K + }); + O.push({ + x: V.x, + y: V.y - K + }) + } else { + O.push({ + x: Z.x + Z.w + K, + y: X.y - K + }); + O.push({ + x: Z.x + Z.w + K, + y: V.y - K + }); + O.push({ + x: V.x, + y: V.y - K + }) + } + } else { + O.push({ + x: V.x, + y: X.y - K + }) + } + } + } + } else { + if (M >= J / 4 * 3 && M < J / 4 * 5) { + if (V.x > X.x) { + if (R >= I) { + var x = R / 2; + O.push({ + x: X.x + x, + y: X.y + }); + O.push({ + x: X.x + x, + y: V.y + }) + } else { + O.push({ + x: V.x, + y: X.y + }) + } + } else { + O.push({ + x: X.x + K, + y: X.y + }); + if (R >= I) { + if (V.y >= Z.y - K && V.y <= Z.y + Z.h + K) { + var L = Z.y + Z.h / 2; + if (V.y < L) { + O.push({ + x: X.x + K, + y: Z.y - K + }); + O.push({ + x: V.x + K, + y: Z.y - K + }); + O.push({ + x: V.x + K, + y: V.y + }) + } else { + O.push({ + x: X.x + K, + y: Z.y + Z.h + K + }); + O.push({ + x: V.x + K, + y: Z.y + Z.h + K + }); + O.push({ + x: V.x + K, + y: V.y + }) + } + } else { + O.push({ + x: X.x + K, + y: V.y + }) + } + } else { + if (V.y >= Z.y - K && V.y <= Z.y + Z.h + K) { + var L = Z.y + Z.h / 2; + if (V.y < L) { + O.push({ + x: X.x + K, + y: Z.y - K + }); + O.push({ + x: V.x, + y: Z.y - K + }) + } else { + O.push({ + x: X.x + K, + y: Z.y + Z.h + K + }); + O.push({ + x: V.x, + y: Z.y + Z.h + K + }) + } + } else { + if (V.y < X.y) { + O.push({ + x: X.x + K, + y: V.y + K + }); + O.push({ + x: V.x, + y: V.y + K + }) + } else { + O.push({ + x: X.x + K, + y: V.y - K + }); + O.push({ + x: V.x, + y: V.y - K + }) + } + } + } + } + } else { + if (M >= J / 4 * 5 && M < J / 4 * 7) { + if (V.y > X.y) { + if (R >= I) { + O.push({ + x: X.x, + y: V.y + }) + } else { + var x = I / 2; + O.push({ + x: X.x, + y: X.y + x + }); + O.push({ + x: V.x, + y: X.y + x + }) + } + } else { + O.push({ + x: X.x, + y: X.y + K + }); + if (R >= I) { + if (V.x >= Z.x - K && V.x <= Z.x + Z.w + K) { + var L = Z.x + Z.w / 2; + if (V.x < L) { + O.push({ + x: Z.x - K, + y: X.y + K + }); + O.push({ + x: Z.x - K, + y: V.y + }) + } else { + O.push({ + x: Z.x + Z.w + K, + y: X.y + K + }); + O.push({ + x: Z.x + Z.w + K, + y: V.y + }) + } + } else { + if (V.x < Z.x) { + O.push({ + x: V.x + K, + y: X.y + K + }); + O.push({ + x: V.x + K, + y: V.y + }) + } else { + O.push({ + x: V.x - K, + y: X.y + K + }); + O.push({ + x: V.x - K, + y: V.y + }) + } + } + } else { + if (V.x >= Z.x - K && V.x <= Z.x + Z.w + K) { + var L = Z.x + Z.w / 2; + if (V.x < L) { + O.push({ + x: Z.x - K, + y: X.y + K + }); + O.push({ + x: Z.x - K, + y: V.y + K + }); + O.push({ + x: V.x, + y: V.y + K + }) + } else { + O.push({ + x: Z.x + Z.w + K, + y: X.y + K + }); + O.push({ + x: Z.x + Z.w + K, + y: V.y + K + }); + O.push({ + x: V.x, + y: V.y + K + }) + } + } else { + O.push({ + x: V.x, + y: X.y + K + }) + } + } + } + } else { + if (V.x < X.x) { + if (R >= I) { + var x = R / 2; + O.push({ + x: X.x - x, + y: X.y + }); + O.push({ + x: X.x - x, + y: V.y + }) + } else { + O.push({ + x: V.x, + y: X.y + }) + } + } else { + O.push({ + x: X.x - K, + y: X.y + }); + if (R >= I) { + if (V.y >= Z.y - K && V.y <= Z.y + Z.h + K) { + var L = Z.y + Z.h / 2; + if (V.y < L) { + O.push({ + x: X.x - K, + y: Z.y - K + }); + O.push({ + x: V.x - K, + y: Z.y - K + }); + O.push({ + x: V.x - K, + y: V.y + }) + } else { + O.push({ + x: X.x - K, + y: Z.y + Z.h + K + }); + O.push({ + x: V.x - K, + y: Z.y + Z.h + K + }); + O.push({ + x: V.x - K, + y: V.y + }) + } + } else { + O.push({ + x: X.x - K, + y: V.y + }) + } + } else { + if (V.y >= Z.y - K && V.y <= Z.y + Z.h + K) { + var L = Z.y + Z.h / 2; + if (V.y < L) { + O.push({ + x: X.x - K, + y: Z.y - K + }); + O.push({ + x: V.x, + y: Z.y - K + }) + } else { + O.push({ + x: X.x - K, + y: Z.y + Z.h + K + }); + O.push({ + x: V.x, + y: Z.y + Z.h + K + }) + } + } else { + if (V.y < X.y) { + O.push({ + x: X.x - K, + y: V.y + K + }); + O.push({ + x: V.x, + y: V.y + K + }) + } else { + O.push({ + x: X.x - K, + y: V.y - K + }); + O.push({ + x: V.x, + y: V.y - K + }) + } + } + } + } + } + } + } + if (S) { + O.reverse() + } + } else { + if (R >= I) { + var x = (aa.x - y.x) / 2; + O.push({ + x: y.x + x, + y: y.y + }); + O.push({ + x: y.x + x, + y: aa.y + }) + } else { + var x = (aa.y - y.y) / 2; + O.push({ + x: y.x, + y: y.y + x + }); + O.push({ + x: aa.x, + y: y.y + x + }) + } + } + } + } else { + if (G.linkerType == "curve") { + var y = G.from; + var aa = G.to; + var Y = this.measureDistance(y, aa); + var T = Y * 0.4; + function H(e, d) { + if (e.id != null) { + return { + x: e.x - T * Math.cos(e.angle), + y: e.y - T * Math.sin(e.angle) + } + } else { + var c = Math.abs(e.y - d.y); + var f = Math.abs(e.x - d.x); + var b = Math.atan(c / f); + var a = {}; + if (e.x <= d.x) { + a.x = e.x + T * Math.cos(b) + } else { + a.x = e.x - T * Math.cos(b) + } + if (e.y <= d.y) { + a.y = e.y + T * Math.sin(b) + } else { + a.y = e.y - T * Math.sin(b) + } + return a + } + } + O.push(H(y, aa)); + O.push(H(aa, y)) + } + } + return O + }, + getLinkerLinePoints: function(i) { + var f = []; + if (i.linkerType != "curve") { + f.push(i.from); + f = f.concat(i.points) + } else { + var j = 0.05; + var g = 0; + while (g <= 1) { + var h = { + x: (1 - g) * (1 - g) * (1 - g) * i.from.x + 3 * (1 - g) * (1 - g) * g * i.points[0].x + 3 * (1 - g) * g * g * i.points[1].x + g * g * g * i.to.x, + y: (1 - g) * (1 - g) * (1 - g) * i.from.y + 3 * (1 - g) * (1 - g) * g * i.points[0].y + 3 * (1 - g) * g * g * i.points[1].y + g * g * g * i.to.y + }; + f.push(h); + g += j + } + } + f.push(i.to); + return f + }, + getLinkerBox: function(l) { + var i = this.getLinkerLinePoints(l); + var o = i[0].x; + var p = i[0].y; + var q = i[0].x; + var r = i[0].y; + for (var n = 0; n < i.length; n++) { + var k = i[n]; + if (k.x < o) { + o = k.x + } else { + if (k.x > q) { + q = k.x + } + } + if (k.y < p) { + p = k.y + } else { + if (k.y > r) { + r = k.y + } + } + } + var m = { + x: o, + y: p, + w: q - o, + h: r - p + }; + return m + }, + getShapeBox: function(e) { + var d = e.props; + var f = e.props.angle; + return this.getRotatedBox(d, f) + }, + getRotatedBox: function(p, r, u) { + if (r == 0) { + return p + } else { + if (!u) { + u = { + x: p.x + p.w / 2, + y: p.y + p.h / 2 + } + } + var l = this.getRotated(u, { + x: p.x, + y: p.y + }, + r); + var m = this.getRotated(u, { + x: p.x + p.w, + y: p.y + }, + r); + var n = this.getRotated(u, { + x: p.x + p.w, + y: p.y + p.h + }, + r); + var o = this.getRotated(u, { + x: p.x, + y: p.y + p.h + }, + r); + var q = Math.min(l.x, m.x, n.x, o.x); + var t = Math.max(l.x, m.x, n.x, o.x); + var s = Math.min(l.y, m.y, n.y, o.y); + var v = Math.max(l.y, m.y, n.y, o.y); + return { + x: q, + y: s, + w: t - q, + h: v - s + } + } + }, + getRotated: function(n, h, j) { + var k = this.measureDistance(n, h); + if (k == 0 || j == 0) { + return h + } + var m = Math.atan(Math.abs(h.x - n.x) / Math.abs(n.y - h.y)); + if (h.x >= n.x && h.y >= n.y) { + m = Math.PI - m + } else { + if (h.x <= n.x && h.y >= n.y) { + m = Math.PI + m + } else { + if (h.x <= n.x && h.y <= n.y) { + m = Math.PI * 2 - m + } + } + } + m = m % (Math.PI * 2); + var l = (m + j) % (Math.PI * 2); + var i = { + x: n.x + Math.sin(l) * k, + y: n.y - Math.cos(l) * k + }; + return i + }, + getShapeAnchorInLinker: function(H) { + var A = H.getAnchors(); + var G = []; + var t = { + x: H.props.x + H.props.w / 2, + y: H.props.y + H.props.h / 2 + }; + for (var v = 0; v < A.length; v++) { + var y = A[v]; + var x = { + x: y.x + H.props.x, + y: y.y + H.props.y + }; + var E = this.getRotated(t, x, H.props.angle); + G.push(E) + } + var C = []; + var F = 2; + for (var w = Model.orderList.length - 1; w >= 0; w--) { + var z = Model.orderList[w].id; + var i = Model.getShapeById(z); + if (i.name != "linker") { + continue + } + var B = i; + var u = null; + F = 3; + for (var v = 0; v < G.length; v++) { + var J = G[v]; + var I = { + x: J.x - F, + y: J.y - F, + w: F * 2, + h: F * 2 + }; + if (B.from.id == null && this.pointInRect(B.from.x, B.from.y, I)) { + u = { + linker: B, + anchors: [J], + type: "from" + }; + break + } + if (B.to.id == null && this.pointInRect(B.to.x, B.to.y, I)) { + u = { + linker: B, + anchors: [J], + type: "to" + }; + break + } + } + F = 2; + if (u == null) { + for (var v = 0; v < G.length; v++) { + var J = G[v]; + var D = Utils.pointInLinker(J, B, F); + if (D > -1) { + if (u == null) { + u = { + linker: B, + anchors: [], + type: "line" + } + } + u.anchors.push(J) + } + } + } + if (u != null) { + C.push(u) + } + } + return C + }, + getEndpointAngle: function(m, k) { + var i; + if (k == "from") { + i = m.from + } else { + i = m.to + } + var n; + if (m.linkerType == "normal") { + if (k == "from") { + n = m.to + } else { + n = m.from + } + } else { + if (m.linkerType == "broken") { + if (k == "from") { + n = m.points[0] + } else { + n = m.points[m.points.length - 1] + } + } else { + var l = 12; + var h; + var j = Utils.measureDistance(m.from, m.to); + if (k == "from") { + h = l / j + } else { + h = 1 - l / j + } + n = { + x: (1 - h) * (1 - h) * (1 - h) * m.from.x + 3 * (1 - h) * (1 - h) * h * m.points[0].x + 3 * (1 - h) * h * h * m.points[1].x + h * h * h * m.to.x, + y: (1 - h) * (1 - h) * (1 - h) * m.from.y + 3 * (1 - h) * (1 - h) * h * m.points[0].y + 3 * (1 - h) * h * h * m.points[1].y + h * h * h * m.to.y + } + } + } + return this.getAngle(n, i) + }, + getAngle: function(f, e) { + var d = Math.atan(Math.abs(f.y - e.y) / Math.abs(f.x - e.x)); + if (e.x <= f.x && e.y > f.y) { + d = Math.PI - d + } else { + if (e.x < f.x && e.y <= f.y) { + d = Math.PI + d + } else { + if (e.x >= f.x && e.y < f.y) { + d = Math.PI * 2 - d + } + } + } + return d + }, + getDarkerColor: function(q, m) { + if (!m) { + m = 13 + } + var n = q.split(","); + var r = parseInt(n[0]); + var o = parseInt(n[1]); + var l = parseInt(n[2]); + var p = Math.round(r - r / 255 * m); + if (p < 0) { + p = 0 + } + var g = Math.round(o - o / 255 * m); + if (g < 0) { + g = 0 + } + var b = Math.round(l - l / 255 * m); + if (b < 0) { + b = 0 + } + return p + "," + g + "," + b + }, + getDarkestColor: function(b) { + return this.getDarkerColor(b, 26) + }, + toScale: function(f) { + var e = {}; + for (var d in f) { + e[d] = f[d]; + if (typeof f[d] == "number") { + e[d] = e[d].toScale() + } + } + return e + }, + restoreScale: function(f) { + var e = {}; + for (var d in f) { + e[d] = f[d]; + if (typeof f[d] == "number") { + e[d] = e[d].restoreScale() + } + } + return e + }, + getOutlinkers: function(i) { + var l = []; + var j = []; + for (var n = 0; n < i.length; n++) { + var p = i[n]; + if (p != undefined && p.name != "linker") { + var m = Model.getShapeLinkers(p.id); + if (m && m.length > 0) { + for (var o = 0; o < m.length; o++) { + var k = m[o]; + if (!this.isSelected(k) && j.indexOf(k) < 0) { + l.push(Model.getShapeById(k)); + j.push(k) + } + } + } + } + } + return l + }, + getFamilyShapes: function(i) { + var j = []; + for (var m = 0; m < i.length; m++) { + var h = i[m]; + if (h.name != "linker") { + if (h.parent) { + var k = Model.getShapeById(h.parent); + if (!Utils.isSelected(h.parent)) { + j.push(k) + } + var l = this.getChildrenShapes(k); + j = j.concat(l) + } + var n = this.getChildrenShapes(h); + j = j.concat(n) + } + } + return j + }, + getChildrenShapes: function(f) { + var h = []; + if (f.children && f.children.length > 0) { + for (var e = 0; e < f.children.length; e++) { + var g = f.children[e]; + if (!Utils.isSelected(g)) { + h.push(Model.getShapeById(g)) + } + } + } + return h + }, + isFamilyShape: function(c, d) { + if (c.parent == d.id) { + return true + } else { + if (c.id == d.parent) { + return true + } else { + if (c.parent && c.parent == d.parent) { + return true + } + } + } + return false + }, + getContainedShapes: function(n) { + var h = []; + var l = []; + for (var k = 0; k < n.length; k++) { + var m = n[k]; + if (m.name != "linker" && m.attribute && m.attribute.container) { + var j = i(m); + h = h.concat(j) + } + } + function i(e) { + var b = []; + for (var c = Model.orderList.length - 1; c >= 0; c--) { + var f = Model.orderList[c].id; + if (e.id != f && !Utils.isSelected(f) && l.indexOf(f) < 0) { + var d = Model.getShapeById(f); + if (!d.attribute || typeof d.attribute.container == "undefined" || d.attribute.container == false) { + if (!Utils.isFamilyShape(d, e)) { + var a = Utils.getShapeBox(d); + if (Utils.rectInRect(a, e.props)) { + b.push(d); + l.push(f) + } + } + } + } + } + return b + } + return h + }, + getAttachedShapes: function(p) { + var r = []; + for (var m = 0; m < p.length; m++) { + if (p[m] != undefined) { + r.push(p[m].id) + } + } + var l = []; + for (var m = 0; m < p.length; m++) { + var j = p[m]; + if (j != undefined && (j.groupName == "task" || j.groupName == "callActivity" || j.groupName == "subProcess")) { + var q = []; + for (var o = Model.orderList.length - 1; o >= 0; o--) { + var i = Model.orderList[o].id; + var n = Model.getShapeById(i); + if (n.attachTo == j.id && !Utils.isSelected(i) && r.indexOf(i) < 0) { + q.push(n) + } + } + l = l.concat(q) + } + } + return l + }, + copy: function(b) { + return $.extend(true, {}, + b) + }, + rangeChildren: function(s) { + var v = []; + if (s.children && s.children.length > 0) { + if (s.name == "verticalPool") { + var h = []; + var y = []; + for (var u = 0; u < s.children.length; u++) { + var w = s.children[u]; + var x = Model.getShapeById(w); + if (x.name == "horizontalSeparator") { + y.push(x) + } else { + h.push(x) + } + } + h.sort(function(a, b) { + return a.props.x - b.props.x + }); + var q = s.props.x; + for (var u = 0; u < h.length; u++) { + var x = h[u]; + if (x.name == 'verticalLane' && x.props.x != q) { + var m = Utils.getContainedShapes([x]); + var p = Utils.getOutlinkers(m); + m = m.concat(p); + Designer.op.moveShape(m, { + x : (q-x.props.x) * Designer.config.scale, + y : 0 + }); + var linkers = []; + for (var i = 0; i < v.length; i++) { + if (v[i].name == 'linker') { + linkers.push(v[i].id); + } + } + for (var i = 0; i < m.length; i++) { + if (linkers.indexOf(m[i].id) > -1) { + continue; + } + v.push(m[i]); + } + } + x.props.x = q; + Designer.painter.renderShape(x); + v.push(x); + q += x.props.w; + } + y.sort(function(a, b) { + return a.props.y - b.props.y + }); + var r = s.props.y + 40; + for (var u = 0; u < y.length; u++) { + var x = y[u]; + var z = x.props.y + x.props.h; + x.props.w = s.props.w; + x.props.y = r; + var t = z - r; + x.props.h = t; + Designer.painter.renderShape(x); + v.push(x); + r += t + } + } else { + if (s.name == "horizontalPool") { + var h = []; + var y = []; + for (var u = 0; u < s.children.length; u++) { + var w = s.children[u]; + var x = Model.getShapeById(w); + if (x.name == "verticalSeparator") { + y.push(x) + } else { + h.push(x) + } + } + h.sort(function(a, b) { + return a.props.y - b.props.y + }); + var r = s.props.y; + for (var u = 0; u < h.length; u++) { + var x = h[u]; + if (x.name == 'horizontalLane' && x.props.y != r) { + var m = Utils.getContainedShapes([x]); + var p = Utils.getOutlinkers(m); + m = m.concat(p); + Designer.op.moveShape(m, { + x : 0, + y : (r-x.props.y) * Designer.config.scale + }); + var linkers = []; + for (var i = 0; i < v.length; i++) { + if (v[i].name == 'linker') { + linkers.push(v[i].id); + } + } + for (var i = 0; i < m.length; i++) { + if (linkers.indexOf(m[i].id) > -1) { + continue; + } + v.push(m[i]); + } + } + x.props.y = r; + Designer.painter.renderShape(x); + v.push(x); + r += x.props.h + } + y.sort(function(a, b) { + return a.props.x - b.props.x + }); + var q = s.props.x + 40; + for (var u = 0; u < y.length; u++) { + var x = y[u]; + var i = x.props.x + x.props.w; + x.props.h = s.props.h; + x.props.x = q; + var p = i - q; + x.props.w = p; + Designer.painter.renderShape(x); + v.push(x); + q += p + } + } + } + } + return v + }, + getRelativePos: function(h, e, g) { + var f = g.offset(); + if (f == null) { + f = { + left: 0, + top: 0 + } + } + return { + x: h - f.left + g.scrollLeft(), + y: e - f.top + g.scrollTop() + } + }, + getCollapsedShapes: function(b) { + var k = []; + var a = []; + for (var e = 0; e < b.length; e++) { + var f = b[e]; + if (f.attribute && f.attribute.collapsed) { + var h = []; + for (var c = Model.orderList.length - 1; c >= 0; c--) { + var g = Model.orderList[c].id; + var d = Model.getShapeById(g); + if (d.attribute && d.attribute.collapseBy == f.id && a.indexOf(g) < 0) { + h.push(d) + } + } + k = k.concat(h) + } + } + return k + }, + getCollapsedShapesById: function(e) { + var a = []; + for (var c = Model.orderList.length - 1; c >= 0; c--) { + var d = Model.orderList[c].id; + var b = Model.getShapeById(d); + if (b.attribute && b.attribute.collapseBy == e) { + a.push(b) + } + } + return a + }, + getShapeLineStyle: function(a, b) { + if (b == false || !Model.define.theme || !Model.define.theme.shape) { + return $.extend({}, Schema.shapeDefaults.lineStyle, a) + } else { + return $.extend({}, Schema.shapeDefaults.lineStyle, Model.define.theme.shape.lineStyle, a) + } + }, + getLinkerLineStyle: function(a, b) { + if (b == false || !Model.define.theme || !Model.define.theme.linker) { + return $.extend({}, Schema.linkerDefaults.lineStyle, a) + } else { + return $.extend({}, Schema.linkerDefaults.lineStyle, Model.define.theme.linker.lineStyle, a) + } + }, + getShapeFontStyle: function(b, a) { + if (a == false || !Model.define.theme || !Model.define.theme.shape) { + return $.extend({}, Schema.shapeDefaults.fontStyle, b) + } else { + return $.extend({}, Schema.shapeDefaults.fontStyle, Model.define.theme.shape.fontStyle, b) + } + }, + getLinkerFontStyle: function(b, a) { + if (a == false || !Model.define.theme || !Model.define.theme.linker) { + return $.extend({}, Schema.linkerDefaults.fontStyle, b) + } else { + return $.extend({}, Schema.linkerDefaults.fontStyle, Model.define.theme.linker.fontStyle, b) + } + }, + getShapeFillStyle: function(a, b) { + if (b == false || !Model.define.theme || !Model.define.theme.shape) { + return $.extend({}, Schema.shapeDefaults.fillStyle, a) + } else { + return $.extend({}, Schema.shapeDefaults.fillStyle, Model.define.theme.shape.fillStyle, a) + } + }, + containsChinese: function(a) { + if (escape(a).indexOf("%u") >= 0) { + return true + } else { + return false + } + }, + filterXss: function(a) { + a = a.toString(); + a = a.replace(//g, ">"); + a = a.replace(/%3E/g, ">"); + a = a.replace(/'/g, "'"); + a = a.replace(/"/g, """); + return a + } +}; +var GradientHelper = { + createLinearGradient: function(m, j, k) { + var q = m.props; + var p; + var n; + var o; + if (q.w > q.h) { + p = { + x: 0, + y: q.h / 2 + }; + n = { + x: q.w, + y: q.h / 2 + }; + o = (k.angle + Math.PI / 2) % (Math.PI * 2) + } else { + p = { + x: q.w / 2, + y: 0 + }; + n = { + x: q.w / 2, + y: q.h + }; + o = k.angle + } + if (o != 0) { + var r = { + x: q.w / 2, + y: q.h / 2 + }; + p = Utils.getRotated(r, p, o); + n = Utils.getRotated(r, n, o); + if (p.x < 0) { + p.x = 0 + } + if (p.x > m.props.w) { + p.x = m.props.w + } + if (p.y < 0) { + p.y = 0 + } + if (p.y > m.props.h) { + p.y = m.props.h + } + if (n.x < 0) { + n.x = 0 + } + if (n.x > m.props.w) { + n.x = m.props.w + } + if (n.y < 0) { + n.y = 0 + } + if (n.y > m.props.h) { + n.y = m.props.h + } + } + var l = j.createLinearGradient(p.x, p.y, n.x, n.y); + l.addColorStop(0, "rgb(" + k.beginColor + ")"); + l.addColorStop(1, "rgb(" + k.endColor + ")"); + return l + }, + createRadialGradient: function(l, h, g) { + var i = l.props; + var k = i.h; + if (i.w < i.h) { + k = i.w + } + var j = h.createRadialGradient(i.w / 2, i.h / 2, 10, i.w / 2, i.h / 2, k * g.radius); + j.addColorStop(0, "rgb(" + g.beginColor + ")"); + j.addColorStop(1, "rgb(" + g.endColor + ")"); + return j + }, + getLighterColor: function(q) { + var m = 60; + var n = q.split(","); + var r = parseInt(n[0]); + var o = parseInt(n[1]); + var l = parseInt(n[2]); + var p = Math.round(r + (255 - r) / 255 * m); + if (p > 255) { + p = 255 + } + var g = Math.round(o + (255 - o) / 255 * m); + if (g > 255) { + g = 255 + } + var b = Math.round(l + (255 - l) / 255 * m); + if (b > 255) { + b = 255 + } + return p + "," + g + "," + b + }, + getDarkerColor: function(q) { + var m = 60; + var n = q.split(","); + var r = parseInt(n[0]); + var o = parseInt(n[1]); + var l = parseInt(n[2]); + var p = Math.round(r - r / 255 * m); + if (p < 0) { + p = 0 + } + var g = Math.round(o - o / 255 * m); + if (g < 0) { + g = 0 + } + var b = Math.round(l - l / 255 * m); + if (b < 0) { + b = 0 + } + return p + "," + g + "," + b + } +}; +var MessageSource = { + batchSize: 0, + messages: [], + withUndo: true, + withMessage: true, + withDock: true, + undoStack: { + stack: [], + push: function(c, d) { + this.stack.push(c); + if (typeof d == "undefined") { + d = true + } + if (d) { + MessageSource.redoStack.stack = [] + } + Designer.events.push("undoStackChanged", this.stack.length) + }, + pop: function() { + var c = this.stack.length; + if (c == 0) { + return null + } + var d = this.stack[c - 1]; + this.stack.splice(c - 1, 1); + MessageSource.redoStack.push(d); + Designer.events.push("undoStackChanged", this.stack.length); + return d + } + }, + redoStack: { + stack: [], + push: function(b) { + this.stack.push(b); + Designer.events.push("redoStackChanged", this.stack.length) + }, + pop: function() { + var c = this.stack.length; + if (c == 0) { + return null + } + var d = this.stack[c - 1]; + this.stack.splice(c - 1, 1); + MessageSource.undoStack.push(d, false); + Designer.events.push("redoStackChanged", this.stack.length); + return d + } + }, + beginBatch: function() { + this.batchSize++ + }, + commit: function() { + this.batchSize--; + this.submit() + }, + submit: function() { + if (this.batchSize == 0 && this.messages.length != 0) { + if (this.withDock) { + Dock.update(true) + } + if (this.withMessage == false) { + this.messages = []; + return + } + if (this.withUndo) { + this.undoStack.push(this.messages) + } + if (chartId != "") { + var c = JSON.stringify(this.messages); + if (role != "trial") { + $("#saving_tip").text("<@i18n resource='diagraming.saving'/>") + } + var d = { + action: "command", + messages: c, + ignore: "messages", + name: userName + }; + CLB.send(d, + function() { + if (role != "trial") { + $("#saving_tip").text("<@i18n resource='diagraming.saved'/>") + } + }) + } + this.messages = [] + } + }, + send: function(c, d) { + + this.messages.push({ + action: c, + content: d + }); + this.submit() + }, + receive: function(b) { + this.doWithoutMessage(function() { + MessageSource.executeMessages(b, true); + Utils.showLinkerControls(); + Utils.showLinkerCursor() + }) + }, + undo: function() { + var b = this.undoStack.pop(); + if (b == null) { + return + } + this.doWithoutUndo(function() { + MessageSource.beginBatch(); + for (var k = 0; k < b.length; k++) { + var h = b[k]; + if (h.action == "create") { + Utils.unselect(); + Model.remove(h.content, false) + } else { + if (h.action == "update") { + var a = h.content.shapes; + Model.updateMulti(a); + for (var l = 0; l < a.length; l++) { + var i = a[l]; + Designer.painter.renderShape(i) + } + var j = Utils.getSelectedIds(); + Utils.unselect(); + Utils.selectShape(j, false) + } else { + if (h.action == "remove") { + var a = h.content; + Model.addMulti(a); + for (var l = 0; l < a.length; l++) { + var i = a[l]; + Designer.painter.renderShape(i) + } + } else { + if (h.action == "updatePage") { + Model.updatePage(h.content.page) + } + } + } + } + } + MessageSource.commit() + }) + }, + redo: function() { + var b = this.redoStack.pop(); + if (b == null) { + return + } + this.doWithoutUndo(function() { + MessageSource.executeMessages(b, false) + }) + }, + executeMessages: function(p, l) { + MessageSource.beginBatch(); + for (var o = 0; o < p.length; o++) { + var r = p[o]; + if (r.action == "create") { + var s = r.content; + if (l) { + for (var m = 0; m < s.length; m++) { + var n = s[m]; + if (n.name != "linker") { + Schema.initShapeFunctions(n) + } + } + } + Model.addMulti(s); + for (var m = 0; m < s.length; m++) { + var n = s[m]; + Designer.painter.renderShape(n) + } + Model.build() + } else { + if (r.action == "update") { + var i = r.content.updates; + for (var m = 0; m < i.length; m++) { + var q = i[m]; + if (l && q.name != "linker") { + Schema.initShapeFunctions(q) + } + Designer.painter.renderShape(q) + } + Model.updateMulti(i); + var t = Utils.getSelectedIds(); + Utils.unselect(); + Utils.selectShape(t) + } else { + if (r.action == "remove") { + Utils.unselect(); + Model.remove(r.content) + } else { + if (r.action == "updatePage") { + Model.updatePage(r.content.update) + } + } + } + } + } + MessageSource.commit() + }, + doWithoutUndo: function(b) { + this.withUndo = false; + b(); + this.withUndo = true + }, + doWithoutMessage: function(b) { + this.withMessage = false; + b(); + this.withMessage = true + }, + doWithoutUpdateDock: function(b) { + this.withDock = false; + b(); + this.withDock = true + } +}; +Number.prototype.toScale = function() { + return this * Designer.config.scale +}; +Number.prototype.restoreScale = function() { + return this / Designer.config.scale +}; \ No newline at end of file diff --git a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.js b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.js index df8faf9f..cc61be1f 100755 --- a/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.js +++ b/com.actionsoft.apps.coe.pal/web/com.actionsoft.apps.coe.pal/lib/designer/scripts/diagraming/designer.ui.js @@ -1 +1,4577 @@ -var UI={init:function(){$(".diagram_title").bind("click",function(){if($(this).hasClass("readonly")){return}var title=$(this).text();$(this).hide();$("#title_container").append("");$("#title_container").children("input").val(title.replace(/(^\s+)|(\s+$)/g,"")).select();$("#title_container").children("input").bind("blur",function(){changeTitle()}).bind("keydown",function(e){if(e.keyCode==13){changeTitle()}})});function changeTitle(){var newTitle=$.trim($("#title_container").children("input").val());newTitle=newTitle.replace(/(^\s+)|(\s+$)/g,"");var oldTitle=$(".diagram_title").text();oldTitle=oldTitle.replace(/(^\s+)|(\s+$)/g,"");if(newTitle!=oldTitle&&chartId!=""){var msgObj={action:"changeTitle",title:newTitle};CLB.send(msgObj)}var title=newTitle!=""?newTitle:oldTitle;$("title").text(title);$(".diagram_title").text(title).show();$("#title_container").children("input").remove();awsui.ajax.request({url:'./jd?cmd=com.actionsoft.apps.coe.pal_pl_repository_designer_updatetitle&sid='+encodeURIComponent(sid)+'&uuid='+ruuid+'&title='+encodeURIComponent(title)+'&processDefId='+process.processDefId+'&appId='+appId,async:false,ok:function(msg){$("#file_attribute").contents().find("input[id='plName']").val(title);try{window.opener.parent.window.top.document.main_iframe.teamAppFrame.contentWindow._d157b007c785d2d988d3d81c8ddcb1b8.contentWindow.refresh()}catch(e){try{window.opener.parent.window.top.document.main_iframe.teamAppFrame.contentWindow._d157b007c785d2d988d3d81c8ddcb1b8.contentWindow.refresh()}catch(e){}}if(parent.repositoryTree){parent.repositoryTree.refreshNodeById({id:ruuid,name:title})}if(parent.awsTabs){parent.awsTabs.setTitle(ruuid,title)}if(Model.define.coeProperties){Model.define.coeProperties.fileName=title}}})}$("#bar_undo").button({onClick:function(){MessageSource.undo()}});$("#bar_redo").button({onClick:function(){MessageSource.redo()}});$("#bar_brush").button({onClick:function(){if($("#bar_brush").button("isSelected")){$("#bar_brush").button("unselect");$("#designer_op_help").hide();$(document).unbind("keydown.cancelbrush");Utils.selectCallback=null}else{Designer.clipboard.brush()}}});$("#bar_font_family").button({onMousedown:function(){$("#font_list").dropdown({target:$("#bar_font_family"),onSelect:function(item){var font=item.text();Designer.setFontStyle({fontFamily:font});$("#bar_font_family").button("setText",font)}});var family=$("#bar_font_family").text().trim();$("#font_list").children().each(function(){if($(this).text()==family){$("#font_list").dropdown("select",$(this));return false}})}});$("#bar_font_size").spinner({min:12,max:100,step:1,unit:"px",onChange:function(val){Designer.setFontStyle({size:val})}});$("#bar_font_size").spinner("setValue","13px");$("#bar_font_bold").button({onClick:function(){var bold=!$("#bar_font_bold").button("isSelected");Designer.setFontStyle({bold:bold});$("#bar_font_bold").toggleClass("selected")}});$("#bar_font_italic").button({onClick:function(){var italic=!$("#bar_font_italic").button("isSelected");Designer.setFontStyle({italic:italic});$("#bar_font_italic").toggleClass("selected")}});$("#bar_font_underline").button({onClick:function(){var underline=!$("#bar_font_underline").button("isSelected");Designer.setFontStyle({underline:underline});$("#bar_font_underline").toggleClass("selected")}});$("#bar_font_color").button({onMousedown:function(){var color=$("#bar_font_color").button("getColor");$.colorpicker({target:$("#bar_font_color"),onSelect:function(color){Designer.setFontStyle({color:color});$("#bar_font_color").button("setColor",color)},color:color})}});$("#bar_font_align").button({onMousedown:function(){$("#font_align_list").dropdown({target:$("#bar_font_align"),onSelect:function(item){var align={};align[item.attr("cate")]=item.attr("al");Designer.setFontStyle(align)}})}});$("#bar_fill").button({onMousedown:function(){var color=$("#bar_fill").button("getColor");$.colorpicker({target:$("#bar_fill"),onSelect:function(color){Designer.setFillStyle({type:"solid",color:color});$("#bar_fill").button("setColor",color)},color:color,extend:"
    "});$("#bar_fill_gradient").unbind().bind("click",function(){Designer.setFillStyle({type:"gradient"});$("#color_picker").dropdown("close")});$("#bar_fill_img").unbind().bind("click",function(){UI.showImageSelect(function(fileId,w,h){Designer.setFillStyle({type:"image",fileId:fileId,imageW:w,imageH:h})});$("#color_picker").dropdown("close")});$("#bar_fill_more").unbind().bind("click",function(){Dock.showView("graphic");$("#color_picker").dropdown("close")})}});$("#bar_line_color").button({onMousedown:function(){var color=$("#bar_line_color").button("getColor");$.colorpicker({target:$("#bar_line_color"),onSelect:function(color){Designer.setLineStyle({lineColor:color});$("#bar_line_color").button("setColor",color)},color:color})}});$("#bar_line_width").button({onMousedown:function(){$("#line_width_list").dropdown({target:$("#bar_line_width"),onSelect:function(item){var width=parseInt(item.text());Designer.setLineStyle({lineWidth:width})}});var width=Utils.getSelected()[0].lineStyle.lineWidth;$("#line_width_list").children().each(function(){if(parseInt($(this).text())==width){$("#line_width_list").dropdown("select",$(this))}})}});$("#bar_line_style").button({onMousedown:function(){$("#line_style_list").dropdown({target:$("#bar_line_style"),onSelect:function(item){var lineStyle=item.attr("line");Designer.setLineStyle({lineStyle:lineStyle})}});var style=Utils.getSelected()[0].lineStyle.lineStyle;var item=$("#line_style_list").children("li[line="+style+"]");$("#line_style_list").dropdown("select",item)}});$("#bar_linkertype").button({onMousedown:function(){$("#line_type_list").dropdown({target:$("#bar_linkertype"),onSelect:function(item){var type=item.attr("tp");Designer.setLinkerType(type);var cls=item.children("div").attr("class");$("#bar_linkertype").children("div:eq(0)").attr("class",cls)}})}});$("#bar_beginarrow").button({onMousedown:function(){$("#beginarrow_list").dropdown({target:$("#bar_beginarrow"),onSelect:function(item){var arrow=item.attr("arrow");Designer.setLineStyle({beginArrowStyle:arrow});var cls=item.children("div").attr("class");$("#bar_beginarrow").children("div:eq(0)").attr("class",cls)}});var style=Utils.getSelectedLinkers()[0].lineStyle.beginArrowStyle;var item=$("#beginarrow_list").children("li[arrow="+style+"]");$("#beginarrow_list").dropdown("select",item)}});$("#bar_endarrow").button({onMousedown:function(){$("#endarrow_list").dropdown({target:$("#bar_endarrow"),onSelect:function(item){var arrow=item.attr("arrow");Designer.setLineStyle({endArrowStyle:arrow});var cls=item.children("div").attr("class");$("#bar_endarrow").children("div:eq(0)").attr("class",cls)}});var style=Utils.getSelectedLinkers()[0].lineStyle.endArrowStyle;var item=$("#endarrow_list").children("li[arrow="+style+"]");$("#endarrow_list").dropdown("select",item)}});$("#bar_front").button({onClick:function(){Designer.layerShapes("front")}});$("#bar_back").button({onClick:function(){Designer.layerShapes("back")}});$("#bar_lock").button({onClick:function(){Designer.lockShapes()}});$("#bar_unlock").button({onClick:function(){Designer.unlockShapes()}});$("#bar_link").button({onClick:function(){UI.showInsertLink()}});$("#bar_risk").button({onClick:function(){UI.showRiskDlg()}});$("#bar_importShape").button({onClick:function(){UI.showImportShapeDlg()}});$("#bar_import").button({onClick:function(){UI.showImportDlg()}});$("#bar_importPolicyFile").button({onClick:function(){UI.showImportPolicyFileDlg()}});$("#bar_upfile").button({onClick:function(){openUpFile()}});$("#bar_activityNo").button({onClick:function(){UI.activityNoDlg()}});$("#bar_arrange").button({onMousedown:function(){$("#bar_list_arrange").dropdown({target:$("#bar_arrange"),onSelect:function(item){menuSelected(item)}})}});$("#bar_view").button({onMousedown:function(){$("#bar_list_view").dropdown({target:$("#bar_view"),onSelect:function(item){menuSelected(item)}})}});$("#menu_bar").children().bind("mousedown",function(e){var tar=$(this);showMenuBarList(tar);e.stopPropagation()});$("#menu_bar").children().bind("mouseenter",function(){var tar=$(this);if($("#ui_container").find(".options_menu:visible").length>0){showMenuBarList(tar)}});function showMenuBarList(menuBar){var menuId=menuBar.attr("menu");if(menuBar.hasClass("readonly")){return}$("#"+menuId).dropdown({target:menuBar,onSelect:function(item){menuSelected(item)}});if(menuId=="bar_list_page"){if(Model.define.page.showGrid){$("#bar_list_page").dropdown("select",$("#bar_list_page").children("li[ac=set_page_showgrid]"))}else{$("#bar_list_page").dropdown("unselect",$("#bar_list_page").children("li[ac=set_page_showgrid]"))}var item=$("#bar_list_pagesize li[w="+Model.define.page.width+"][h="+Model.define.page.height+"]");if(item.length>0){$("#bar_list_pagesize").dropdown("select",item)}else{$("#bar_list_pagesize").dropdown("select",$("#page_size_custom"))}$("#page_size_w").spinner("setValue",Model.define.page.width+"px");$("#page_size_h").spinner("setValue",Model.define.page.height+"px");item=$("#bar_list_padding").children("li[p="+Model.define.page.padding+"]");$("#bar_list_padding").dropdown("select",item);item=$("#bar_list_gridsize").children("li[s="+Model.define.page.gridSize+"]");$("#bar_list_gridsize").dropdown("select",item)}else if(menuId=="bar_list_view"){var item=$("#bar_list_view").children(".static[zoom='"+Designer.config.scale+"']");if(item.length){$("#bar_list_page").dropdown("select",item)}}}function menuSelected(item){var action=item.attr("ac");if(action=="rename"){$(".diagram_title").trigger("click")}else if(action=="close"){if(parent.closeTabById){parent.closeTabById(chartId)}else{window.close()}}else if(action=="saveAs"){UI.showSaveAs()}else if(action=="preview"){UI.doPreview()}else if(action=="saveImage"){UI.saveImage()}else if(action=="versionCompare"){UI.showVersionCompare()}else if(action=="output"){UI.doOutputProcess()}else if(action=="export"){$("#export_dialog").dlg()}else if(action=="processExport"){UI.processExport()}else if(action=="undo"){MessageSource.undo()}else if(action=="redo"){MessageSource.redo()}else if(action=="cut"){Designer.clipboard.cut()}else if(action=="copy"){Designer.clipboard.copy()}else if(action=="paste"){Designer.clipboard.paste()}else if(action=="duplicate"){Designer.clipboard.duplicate()}else if(action=="brush"){Designer.clipboard.brush()}else if(action=="selectall"){Designer.selectAll()}else if(action=="openNewPage"){UI.openNewPage()}else if(action=="batchreplace"){UI.batchReplace()}else if(action=="delete"){Designer.op.removeShape()}else if(action=="zoom"){var zoom=item.attr("zoom");if(zoom=="in"){Designer.zoomIn()}else if(zoom=="out"){Designer.zoomOut()}else{var zoomScale=parseFloat(zoom);Designer.setZoomScale(zoomScale)}}else if(action=="insert"){var insertType=item.attr("in");if(insertType=="text"){Designer.op.changeState("creating_free_text")}else if(insertType=="image"){UI.showImageSelect(function(fileId,w,h){UI.insertImage(fileId,w,h)})}else if(insertType=="line"){Designer.op.changeState("creating_free_linker")}}else if(action=="set_page_size"){var w=parseInt(item.attr("w"));var h=parseInt(item.attr("h"));Designer.setPageStyle({width:w,height:h})}else if(action=="set_page_padding"){var p=parseInt(item.attr("p"));Designer.setPageStyle({padding:p})}else if(action=="set_page_showgrid"){if(item.menuitem("isSelected")){item.menuitem("unselect");Designer.setPageStyle({showGrid:false})}else{item.menuitem("select");Designer.setPageStyle({showGrid:true})}}else if(action=="set_page_gridsize"){var s=parseInt(item.attr("s"));Designer.setPageStyle({gridSize:s})}else if(action=="front"){Designer.layerShapes("front")}else if(action=="back"){Designer.layerShapes("back")}else if(action=="forward"){Designer.layerShapes("forward")}else if(action=="backward"){Designer.layerShapes("backward")}else if(action=="align_shape"){var align=item.attr("al");Designer.alignShapes(align)}else if(action=="distribute_shape"){var type=item.attr("dis");Designer.distributeShapes(type)}else if(action=="match_size"){if(item.attr("custom")){Dock.showView("metric")}else{var type={};var w=item.attr("w");var h=item.attr("h");if(w){type.w=w}if(h){type.h=h}Designer.matchSize(type)}}else if(action=="lock"){Designer.lockShapes()}else if(action=="unlock"){Designer.unlockShapes()}else if(action=="group"){Designer.group()}else if(action=="ungroup"){Designer.ungroup()}else if(action=="hotkey"){UI.showHotKey()}else if(action=="feedback"){UI.showFeedBack()}else if(action=="getting_started"){UI.gettingStart()}}$("#page_size_w").spinner({min:200,unit:"px",step:100,onChange:function(val){Designer.setPageStyle({width:val})}});$("#page_size_h").spinner({min:200,unit:"px",step:100,onChange:function(val){Designer.setPageStyle({height:val})}});var pickerHtml=$("#color_picker").html();var newPicker=$("
    "+pickerHtml+"
    ").appendTo($("#bar_page_color"));newPicker.css("right","-179px");newPicker.children(".color_items").children("div").unbind().bind("click",function(){var color=$(this).css("background-color");color=color.replace(/\s/g,"");color=color.substring(4,color.length-1);Designer.setPageStyle({backgroundColor:color});$("#bar_list_page").dropdown("close")});Designer.events.push("selectChanged",0);Designer.events.push("clipboardChanged",0);Designer.events.push("undoStackChanged",0);Designer.events.push("redoStackChanged",0)},update:function(){var selectedIds=Utils.getSelectedIds();var count=selectedIds.length;var linkerIds=Utils.getSelectedLinkerIds();var linkerCount=linkerIds.length;var shapeIds=Utils.getSelectedShapeIds();var shapeCount=shapeIds.length;var lockedCount=Utils.getSelectedLockedIds().length;var groupCount=Utils.getSelectedGroups().length;var arrangeMenu=$("#bar_list_arrange");if(count==0){$(".toolbar").find(".selected").removeClass("selected");if($("#designer_op_help").is(":visible")){$("#bar_brush").button("enable");$("#bar_brush").button("select")}else{$("#bar_brush").button("disable")}$("#bar_font_family").button("disable");$("#bar_font_size").button("disable");$("#bar_font_bold").button("disable");$("#bar_font_italic").button("disable");$("#bar_font_underline").button("disable");$("#bar_font_color").button("disable");$("#bar_font_align").button("disable");$("#bar_line_color").button("disable");$("#bar_line_width").button("disable");$("#bar_line_style").button("disable");$("#bar_front").button("disable");$("#bar_back").button("disable");$("#bar_lock").button("disable");var editMenu=$("#bar_list_edit");editMenu.children("li[ac=cut]").menuitem("disable");editMenu.children("li[ac=copy]").menuitem("disable");editMenu.children("li[ac=duplicate]").menuitem("disable");editMenu.children("li[ac=brush]").menuitem("disable");editMenu.children("li[ac=delete]").menuitem("disable");arrangeMenu.children("li[ac=front]").menuitem("disable");arrangeMenu.children("li[ac=back]").menuitem("disable");arrangeMenu.children("li[ac=forward]").menuitem("disable");arrangeMenu.children("li[ac=backward]").menuitem("disable");arrangeMenu.children("li[ac=lock]").menuitem("disable");$("#bar_activityNo").button("enable");$("#bar_activityNo div").removeClass('extend_activityNoDisable');$("#bar_activityNo div").addClass('extend_activityNo')}else{if(editable){$("#bar_brush").button("enable");if($("#designer_op_help").is(":visible")){$("#bar_brush").button("select")}$("#bar_font_family").button("enable");$("#bar_font_size").button("enable");$("#bar_font_bold").button("enable");$("#bar_font_italic").button("enable");$("#bar_font_underline").button("enable");$("#bar_font_color").button("enable");$("#bar_font_align").button("enable");$("#bar_line_color").button("enable");$("#bar_line_width").button("enable");$("#bar_line_style").button("enable");$("#bar_front").button("enable");$("#bar_back").button("enable");$("#bar_lock").button("enable");var editMenu=$("#bar_list_edit");editMenu.children("li[ac=cut]").menuitem("enable");editMenu.children("li[ac=copy]").menuitem("enable");editMenu.children("li[ac=duplicate]").menuitem("enable");editMenu.children("li[ac=brush]").menuitem("enable");editMenu.children("li[ac=delete]").menuitem("enable");arrangeMenu.children("li[ac=front]").menuitem("enable");arrangeMenu.children("li[ac=back]").menuitem("enable");arrangeMenu.children("li[ac=forward]").menuitem("enable");arrangeMenu.children("li[ac=backward]").menuitem("enable");arrangeMenu.children("li[ac=lock]").menuitem("enable");var shape=Model.getShapeById(selectedIds[0]);$("#bar_font_family").button("setText",shape.fontStyle.fontFamily);$("#bar_font_size").spinner("setValue",shape.fontStyle.size+"px");if(shape.fontStyle.bold){$("#bar_font_bold").button("select")}else{$("#bar_font_bold").button("unselect")}if(shape.fontStyle.italic){$("#bar_font_italic").button("select")}else{$("#bar_font_italic").button("unselect")}if(shape.fontStyle.underline){$("#bar_font_underline").button("select")}else{$("#bar_font_underline").button("unselect")}$("#bar_font_color").button("setColor",shape.fontStyle.color);$("#bar_line_color").button("setColor",shape.lineStyle.lineColor);$("#bar_activityNo").button("disable");$("#bar_activityNo div").removeClass('extend_activityNo');$("#bar_activityNo div").addClass('extend_activityNoDisable')}}if(count==0){$("#toolbar-data-attr").button("disable");$("#toolbar-data-attr").unbind("click");$("#bar_arrange").button("disable")}else{$("#toolbar-data-attr").button("enable");$("#toolbar-data-attr").bind("click",function(){showPropertiesDialog()});$("#bar_arrange").button("enable")}if(shapeCount==0){$("#bar_fill").button("disable");$("#toolbar-shape-attr").button("disable")}else{if(editable){$("#bar_fill").button("enable")}var shape=Model.getShapeById(shapeIds[0]);if(shape.fillStyle.type=="solid"){$("#bar_fill").button("setColor",shape.fillStyle.color)}else if(shape.fillStyle.type=="gradient"){$("#bar_fill").button("setColor",shape.fillStyle.endColor)}if(shapeCount==1&&shape.name==BPMN_TYPE_USER_TASK){$("#toolbar-shape-attr").button("enable")}else{$("#toolbar-shape-attr").button("disable")}}if(shapeCount!=1){$("#bar_link, #bar_risk").button("disable");$("#dock_btn_shapeConfig").button("disable");$("#dock_btn_shapeConfig").bind('click',function(){$.simpleAlert("请选择形状")})}else{$("#dock_btn_shapeConfig").unbind('click');$("#dock_btn_shapeConfig").button("enable");if(editable){$("#bar_link").button("enable")}if($('#bar_rmark').length==0&&$('#bar_cancel_aws_correlate').length==0){$("#bar_risk").button("enable")}else{$("#bar_risk").button("disable")}}if(linkerCount==0){$("#bar_linkertype").button("disable");$("#bar_beginarrow").button("disable");$("#bar_endarrow").button("disable")}else{$("#bar_linkertype").button("enable");$("#bar_beginarrow").button("enable");$("#bar_endarrow").button("enable");var shape=Model.getShapeById(linkerIds[0]);$("#bar_linkertype").children("div:eq(0)").attr("class","ico linkertype_"+shape.linkerType.toLowerCase());if(typeof shape.lineStyle.beginArrowStyle!="undefined"){$("#bar_beginarrow").children("div:eq(0)").attr("class","ico ico_arrow larrow_"+shape.lineStyle.beginArrowStyle.toLowerCase())}if(typeof shape.lineStyle.endArrowStyle!="undefined"){$("#bar_endarrow").children("div:eq(0)").attr("class","ico ico_arrow rarrow_"+shape.lineStyle.endArrowStyle.toLowerCase())}}if(lockedCount==0){$("#bar_unlock").button("disable");arrangeMenu.children("li[ac=unlock]").menuitem("disable")}else{$("#bar_unlock").button("enable");arrangeMenu.children("li[ac=unlock]").menuitem("enable")}if(count<2){arrangeMenu.children("li[ac=group]").menuitem("disable");$("#bar_arrange_align").menuitem("disable")}else{arrangeMenu.children("li[ac=group]").menuitem("enable");$("#bar_arrange_align").menuitem("enable")}if(shapeCount<2){$("#bar_arrange_match").menuitem("disable")}else{$("#bar_arrange_match").menuitem("enable")}if(count<3){$("#bar_arrange_dist").menuitem("disable")}else{$("#bar_arrange_dist").menuitem("enable")}if(groupCount==0){arrangeMenu.children("li[ac=ungroup]").menuitem("disable")}else{arrangeMenu.children("li[ac=ungroup]").menuitem("enable")}if($("#dock_btn_eteanalysis").length!=0){if(count==0){$("#dock_btn_eteanalysis").find(".awsui-iconfont").css("color","black");$("#dock_btn_eteanalysis").button("enable");$("#dock_btn_eteanalysis").removeAttr("onclick");$("#dock_btn_eteanalysis").off("click").on("click",function(){var f=$('#eteCascadeAnalysisForm');f.find(':input[name=uuid]').val(ruuid);f.submit()})}else{$("#dock_btn_eteanalysis").find(".awsui-iconfont").css("color","gray");$("#dock_btn_eteanalysis").button("disable");$("#dock_btn_eteanalysis").removeAttr("onclick");$("#dock_btn_eteanalysis").off("click")}}},showInsertLink:function(){$("#link_dialog").dlg();var addr=Utils.getSelected()[0].link;if(!addr){addr=""}$("#linkto_addr").val(addr).select();$("#linkto_addr").unbind().bind("keydown",function(e){if(e.keyCode==13){UI.setLink()}})},setLink:function(){var newLink=$("#linkto_addr").val();var shape=Utils.getSelected()[0];shape.link=newLink;Model.update(shape);$('#link_dialog').dlg('close')},imageSelectedCallback:null,showImageSelect:function(callback){if(callback){this.imageSelectedCallback=callback}else{this.imageSelectedCallback=null}this.fetchingRequest=null;var height=$(window).height()-200;if(height>550){height=550}else if(height<200){height=200}$(".image_list").height(height);$("#image_dialog").dlg({onClose:function(){if(UI.fetchingRequest){UI.fetchingRequest.abort()}}});if($("#image_select_upload").is(":visible")){UI.loadUserImages()};$(".image_sources").children().unbind().bind("click",function(){UI.showImageSelectContent($(this).attr("ty"))});$("#upload_img_res").empty();$("#input_upload_image").unbind().bind("change",function(){$("#upload_img_res").html("上传中...");$("#frm_upload_image").submitForm({success:function(result){if(result.result=="type_wrong"){$("#upload_img_res").html("此文件不是图片，请重新选择")}else if(result.result=="size_wrong"){$("#upload_img_res").html("文件大小超出要求，最大2M")}else if(result.result=="exception"){$("#upload_img_res").html("无法使用此图片，请选择其他图片")}else{var img=result.image;UI.setShapeImage(img.fileId,img.imageW,img.imageH)}}})});$("#input_img_url").val("");$("#img_url_area").empty();var oldUrl="";function urlChanged(){var url=$("#input_img_url").val().trim();if(url!=oldUrl){oldUrl=url if(url!=""){if(url.indexOf("http")<0){url="http://"+url}$("#img_url_area").html("正在加载预览...");var newImage=$("").appendTo("#img_url_area");newImage.unbind().bind("load",function(){newImage.show().addClass("img_url_loaded");$(".img_url_loading_tip").remove()}).bind("error",function(){$("#img_url_area").html("
    无法在此地址下加载图片。
    • 请检查图片地址是否输入正确。
    • 确保图片地址是公开的。
      ")})}}}$("#input_img_url").unbind().bind("paste",function(){urlChanged()}).bind("keyup",function(){urlChanged()});$("#input_img_search").unbind().bind("keydown",function(e){if(e.keyCode==13){UI.searchImgByGoogle()}});$("#btn_img_search").unbind().bind("click",function(){UI.searchImgByGoogle()});$("#set_image_submit").button("enable");$("#set_image_submit").button({onClick:function(){var currentTab=$(".image_sources").children(".active").attr("ty");if(currentTab=="upload"){var selectedImg=$("#user_image_items").children(".image_item_selected");if(selectedImg.length>0){var fileId=selectedImg.attr("fileId");var imageW=selectedImg.attr("w");var imageH=selectedImg.attr("h");UI.setShapeImage(fileId,imageW,imageH)}else{$("#image_dialog").dlg("close")}}else if(currentTab=="url"){if($(".img_url_loaded").length>0){var url=$(".img_url_loaded").attr("src");UI.setShapeImageByURL(url)}else{$("#image_dialog").dlg("close")}}else{var selectedImg=$("#google_image_items").children(".image_item_selected");if(selectedImg.length>0){var url=selectedImg.attr("u");UI.setShapeImageByURL(url)}else{$("#image_dialog").dlg("close")}}}});$("#set_image_cancel").button({onClick:function(){$("#image_dialog").dlg("close")}});$("#set_image_text").empty()},showImageSelectContent:function(type){$(".image_list").hide();$("#image_select_"+type).show().find("input[type=text]").select();$(".image_sources").children().removeClass("active");$(".image_sources").children("li[ty="+type+"]").addClass("active")},loadUserImages:function(refresh){$("#user_image_items").empty();$.ajax({url:"/user_image/list",success:function(data){if(data.images){for(var i=0;i")}}});$("#user_image_items").attr("loaded","true")},searchIndex:0,searchKeywords:"",searchImgByGoogle:function(){var keywords=$("#input_img_search").val();if(keywords.trim()!=""){$("#google_image_items").empty();this.searchKeywords=encodeURI(keywords);this.searchIndex=0;this.loadGoogleImg()}else{$("#input_img_search").focus()}},loadGoogleImg:function(){$.getScript("https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q="+this.searchKeywords+"&rsz=8&start="+(this.searchIndex*16)+"&callback=UI.googleImgCallback");$.getScript("https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q="+this.searchKeywords+"&rsz=8&start="+(this.searchIndex*16+8)+"&callback=UI.googleImgCallback");$(".gg_img_more").remove();$("#google_image_items").append("
      正在加载图片...
      ");this.searchIndex++},googleImgCallback:function(data){var responseData=data.responseData;var results=responseData.results;for(var i=0;i");$(".img_gg_loading_tip").remove();$(".gg_img_more").remove();if(this.searchIndex<=3){$("#google_image_items").append("
      显示更多结果...
      ")}},appendUserImage:function(img){var box=$("
      ").appendTo($("#user_image_items"));box.unbind().bind("click",function(){$(".image_item_selected").removeClass('image_item_selected');$(this).addClass('image_item_selected')}).bind("mouseenter",function(){var target=$(this);var remove=$("
      ").appendTo(target);var id=target.attr("id");remove.bind("click",function(){target.fadeOut();$.ajax({url:"/user_image/remove",data:{imageId:id}})})}).bind("mouseleave",function(){$(this).find(".ico_remove_red").remove()});var location=img.fileId;var newImage=$("").appendTo(box);newImage.bind("load",function(){$(this).css("margin-top",(140-$(this).height())/2)})},appendGoogleImage:function(img){var title=img.title+" ("+img.width+" × "+img.height+")";var box=$("
      ").appendTo($("#google_image_items"));box.unbind().bind("click",function(){$(".image_item_selected").removeClass('image_item_selected');$(this).addClass('image_item_selected')});var newImage=$("").appendTo(box);newImage.bind("load",function(){$(this).css("margin-top",(140-$(this).height())/2)})},setShapeImage:function(fileId,w,h){if(this.imageSelectedCallback){this.imageSelectedCallback(fileId,w,h)}$("#image_dialog").dlg("close")},fetchingRequest:null,setShapeImageByURL:function(url){$("#set_image_text").removeClass("errored").text("正在应用图片，请稍候...");$("#set_image_submit").button("disable");UI.fetchingRequest=$.ajax({url:"/user_image/reference",data:{url:url},success:function(result){if(result.result=="exception"){$("#set_image_text").addClass("errored").html("无法使用此图片，请选择其他图片")}else{$("#set_image_text").empty();var img=result.image;UI.setShapeImage(img.fileId,img.imageW,img.imageH)}}})},insertImage:function(fileId,w,h){w=parseInt(w);h=parseInt(h);var layout=$("#designer_layout");var centerX=layout.width()/2+layout.offset().left;var centerY=layout.height()/2+layout.offset().top;var pos=Utils.getRelativePos(centerX,centerY,$("#designer_canvas"));var shape=Model.create("standardImage",pos.x.restoreScale()-w/2,pos.y.restoreScale()-h/2);shape.props.w=w;shape.props.h=h;shape.fillStyle={type:"image",fileId:fileId,display:"fill",imageW:w,imageH:h};Model.add(shape);Designer.painter.renderShape(shape);Utils.unselect();Utils.selectShape(shape.id)},doOutputProcess:function(){},doPreview:function(){if($("#saving_tip").text()!="已保存成功"&&$("#saving_tip").text()!="保存成功"&&$("#saving_tip").text()!="您的文件已经成功保存"&&$("#saving_tip").text()!=""){if(editable){$.simpleAlert('页面中有未保存的内容，请先保存');return}}$.simpleAlert('请稍后','loading');$.post("./jd",{cmd:"com.actionsoft.apps.coe.pal_pl_repository_df",sid:sid,"uuid":chartId},function t(msg){$("#previewContent .procImg").remove();if(typeof(msg)=="string"){msg=eval('('+msg+')')}msg=msg.data.url;if(msg==""){alert("请您先保存一个版本！")}else{var img=$("");var hh=img.width();$("#previewContent").append(img)}$("#previewDialog").dialog({title:"预览",width:window.innerWidth*0.9,height:window.innerHeight*0.92});$.simpleAlert("close")},"text")},saveImage:function(){if($("#saving_tip").text()!="已保存成功"&&$("#saving_tip").text()!="保存成功"&&$("#saving_tip").text()!="您的文件已经成功保存"&&$("#saving_tip").text()!=""){if(editable){$.simpleAlert('页面中有未保存的内容，请先保存');return}}$.simpleAlert('请稍后','loading');$.ajax({type:"POST",url:"./jd",data:{sid:sid,cmd:"com.actionsoft.apps.coe.pal_pl_repository_image_save",uuid:chartId},success:function(r,textStatus,jqXHR){if(r.result=='ok'){$.simpleAlert("close");$.simpleAlert('图片创建完成','ok',2000,{callback:function(){var options={title:"提示",content:"是否打开图片预览",onConfirm:function(){$.simpleAlert("close");UI.doPreview()},onCancel:function(){}};$.confirm(options)}})}else{console.log(r);$.simpleAlert("close");$.simpleAlert(r.data.desc,'error')}},error:function(jqXHR,textStatus,errorThrown){$.simpleAlert(errorThrown,'err');console.log(jqXHR)console.log(textStatus)console.log(errorThrown)}})},showVersionCompare:function(){$("#dialog_version_compare").dialog({buttons:[{text:'确定',cls:"blue",handler:function(){var checkboxs=$("input[name='version']:checked");var numCheck=checkboxs.length;if(numCheck!=2){$.simpleAlert("请选择两个需要对比的版本","warning");return}var firstId;var secondId;var values=[];var names=[];checkboxs.each(function(){values.push($(this).val());names.push($(this).data("name"))});firstId=values[0];secondId=values[1];awsui.ajax.post("./jd?sid="+sid+"&cmd=com.actionsoft.apps.coe.pal_pl_version_compare",{firstId:firstId,secondId:secondId},function(data){$("#dialog_version_compare").dialog("close");var fileAttrCompare=data.fileAttrCompare;var shapeAttrCompare=data.shapeAttrCompare;var fileHtml="";var shapeHtml="";if(fileAttrCompare.length>0){for(var i=0;i"}$("#fileAttr").html(fileHtml)}if(shapeAttrCompare.length>0){for(var i=0;i"}$("#shapeAttr").html(shapeHtml)}$("#versionCompareResult").show();$("#dialog_version_compare_result").dialog({})},'json')}}]})},processExport:function(){if($("#saving_tip").text()!="已保存成功"&&$("#saving_tip").text()!="保存成功"&&$("#saving_tip").text()!="您的文件已经成功保存"&&$("#saving_tip").text()!=""){if(editable){$.simpleAlert('页面中有未保存的内容，请先保存');return}}var repositoryIds=[];repositoryIds.push(ruuid);var options={title:"提示",content:"确定导出并下载文件吗？",onConfirm:function(){$.simpleAlert('正在导出','loading');$.ajax({type:"POST",url:"./jd",data:{sid:sid,cmd:"com.actionsoft.apps.coe.pal_pl_export_handle",repositoryIds:JSON.stringify(repositoryIds)},success:function(r,textStatus,jqXHR){if(r.result=='ok'){$.simpleAlert("close");$.simpleAlert('导出完成','ok',2000,{callback:function(){$.simpleAlert("close");$.ajax({type:"POST",url:"./jd",data:{sid:sid,cmd:"com.actionsoft.apps.coe.pal_pl_export",exportTitle:r.data.exportTitle,exportCount:r.data.exportCount,dcId:r.data.dcId,},success:function(r,textStatus,jqXHR){if(r.result=='ok'){window.location.href=r.data.downLoadUrl}else{console.log(r)}},error:function(jqXHR,textStatus,errorThrown){$.simpleAlert(errorThrown,'err');console.log(jqXHR)console.log(textStatus)console.log(errorThrown)}})}})}else{console.log(r);$.simpleAlert("close")}},error:function(jqXHR,textStatus,errorThrown){$.simpleAlert(errorThrown,'err');console.log(jqXHR)console.log(textStatus)console.log(errorThrown)}})},onCancel:function(){}};$.confirm(options)},openNewPage:function(){window.open(location.href)},doExport:function(){if($("#saving_tip").text()!="已保存成功"&&$("#saving_tip").text()!="保存成功"&&$("#saving_tip").text()!="您的文件已经成功保存"&&$("#saving_tip").text()!=""){if(editable){$.simpleAlert('页面中有未保存的内容，请先保存');return}}$.simpleAlert('请稍后','loading');var type=$('input[name="type"]:checked').val();$.post("./jd",{cmd:"com.actionsoft.apps.coe.pal_pl_repository_download_png",sid:sid,"uuid":chartId,type:type},function t(msg){if(typeof(msg)=="string"){msg=eval('('+msg+')')}msg=msg.data.url;if(msg==""){alert("请您先保存一个版本！")}else{$("#export_iframe").attr("src",msg)}$.simpleAlert("close")},"text");$('#export_dialog').dlg('close')},showHotKey:function(){var height=$(window).height()-175;if(height>500){height=500+"px"}$("#hotkey_list").dlg();$("#hotkey_list").css({"top":"28px"});$("#hotkey_list .dialog_content").css({"height":height})},showFeedBack:function(){$("#send_feedback").css({width:"auto",height:"auto"});var sendFeedBack=$("#send_feedback");sendFeedBack.dlg();$("#feedback_email").focus();$("#feedback_message").val("");$(".feedback_error_email_format").hide();$(".feedback_error_msg").hide()},sendFeedBack:function(dom){$(".feedback_error_email_format").hide();$(".feedback_error_msg").hide();var email=$.trim($("#feedback_email").val());var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;if(!reg.test(email)){$("#feedback_email").focus();$(".feedback_error_email_format").show();return}var feedbackMessage=$.trim($("#feedback_message").val());if(feedbackMessage==""){$("#feedback_message").val("").focus();$(".feedback_error_msg").show();return}Util.ajax({url:"/support/save_ask",data:{content:feedbackMessage,username:$("#feedback_name").val(),email:email,url:location.href},success:function(data){$(".dlg_mask").remove();$("#send_feedback").animate({left:$(window).width(),top:$(window).height(),width:0,height:0,opacty:0.2})}})},gettingStart:function(delay){this.showStartStep(1)},showStartStep:function(step,dom){$(".mark_content").hide();var content=$(".mark"+step+"_content");content.show();var top;var left;if(step==1){top=$("#shape_panel").offset().top+70;left=$("#shape_panel").offset().left+$("#shape_panel").width()+10}else if(step==2){top=$(".row2").offset().top+30;left=$("#menu_bar_insert").offset().left+$("#menu_bar_insert").width()-content.outerWidth()/2}else if(step==3){top=$(".toolbar").offset().top+40;left=270}else if(step==4){top=$("#dock").offset().top+10;left=$("#dock").offset().left-content.outerWidth()-10}else if(step=="created"){top=dom.offset().top+dom.height()/2-content.outerHeight()/2;if(top<=0){top=0}if(top+content.outerHeight()>$(window).height()){top=$(window).height()-content.outerHeight()}left=dom.offset().left+dom.width()+10}content.css({top:top,left:left})},closeGettingStart:function(dom){$(".mark_content").hide()},showAddColla:function(){Util.ajax({url:"/collaboration/get_colla_role_list",data:{chartId:chartId},success:function(data){$("#colla_dialog").find(".role_list").html(data).scrollTop(999);$("#colla_dialog").removeClass("_update");$("#colla_dialog").css({"top":($(window).height()-$("#colla_dialog").outerHeight())*0.5+"px"});$("#colla_dialog").dlg();$("#colla_suggest_box").empty();$("#add_prompt4").hide();$("#add_prompt3").hide();$("#add_prompt2").hide();$("#add_prompt1").show()}});var lastVal="";$("#input_add_colla").val("").unbind().bind("keyup",function(){var value=$(this).val();if(value==lastVal){return}lastVal=value;if(value==""){$("#colla_suggest_box").empty();$("#add_prompt4").hide();$("#add_prompt3").hide();$("#add_prompt2").hide();$("#add_prompt1").show();return}Util.ajax({url:"/collaboration/get_new_members",data:{value:value},success:function(data){$("#colla_suggest_box").html(data);if($("#colla_suggest_box").find("ul").length>0){$("#add_prompt4").hide();$("#add_prompt3").hide();$("#add_prompt2").show();$("#add_prompt1").hide()}else{$("#add_prompt4").hide();$("#add_prompt3").hide();$("#add_prompt2").hide();$("#add_prompt1").show()}$(".colla_suggest").find("li").unbind().bind("click",function(){$("#add_prompt4").hide();$("#add_prompt3").hide();$("#add_prompt2").show();$("#add_prompt1").hide();var value=$.trim($("#input_add_colla").val());$(".colla_suggest").find("li").removeClass("seled");$(this).addClass("seled");var type=$(this).attr("joinType");var target=$(this).attr("target");if(type=="user"){var userName=$(this).attr("username");$("#input_add_colla").val(userName);$("#add_userid").val(target)}else{$("#input_add_colla").val(target);$("#add_userid").val(target)}$("#add_type").val(type)})}})})},doAddCollaboration:function(){if($(".colla_suggest").length>0){if($(".colla_suggest").find(".seled").length==0){$("#add_prompt1").hide();$("#add_prompt2").show();$("#add_prompt3").hide();$("#add_prompt4").hide();var top=($(window).outerHeight()-104)*0.5+100;var left=($(window).outerWidth()-272)*0.5;$("#confirm_dlg").removeClass("newSize").css({top:top+"px",left:left+"px"});$("#confirm_dlg").addClass("newSize").css({top:($(window).outerHeight()-$("#confirm_dlg").height())*0.5+"px",left:($(window).outerWidth()-$("#confirm_dlg").width())*0.5+"px",display:"block"})}else{var imgSrc=$(".colla_suggest").find(".seled").find("img").attr("src");var userFullName=$("#input_add_colla").val();if(userFullName.length>30){userFullName=userFullName.substr(0,30)+"..."}var target=$("#add_userid").val();var role=$("#invit_role").val();var type=$("#add_type").val();$(".add_new_button").find(".designer_button").text("<@i18n resource='diagraming.collaboation_sending'/>");var target_item=null;if(type=="email"){$(".role_list").find(".role_item").each(function(){if($(this).attr("type")==type&&$(this).attr("target")==target){target_item=$(this);$(this).find(".inviting_").text("<@i18n resource='diagraming.collaboation_inviting_again'/>")}})}var paramOuter={type:type,target:target,role:role,chartId:chartId};Util.ajax({url:"/collaboration/add",data:paramOuter,success:function(data){var result=data.result;if(result=="exists"){$("#add_prompt2").hide();$("#add_prompt1").hide();$("#add_prompt4").hide();$("#add_prompt3").show()}else{Util.ajax({url:"/collaboration/get_colla_role_list",data:{chartId:chartId},success:function(data){$(".role_list").html(data).scrollTop(999)}})}$(".add_new_button").find(".designer_button").text("<@i18n resource='diagraming.collaboation_send_invitation'/>");$("#colla_dialog").addClass("_update").css({top:($(window).height()-$("#colla_dialog").outerHeight())*0.5+"px"});if(result!="exists"){setTimeout(function(){$("#add_prompt3").hide();$("#add_prompt2").hide();$("#add_prompt1").hide();$("#add_prompt4").show()},400)}setTimeout(function(){$("#add_prompt3").hide();$("#add_prompt2").hide();$("#add_prompt4").hide();$("#add_prompt1").show();$("#input_add_colla").val("");$("#colla_suggest_box").html("")},1000)}})}}},deleteCollaRole:function(dom){var parent=$(dom).parent(".role_item");var collaborationId=parent.attr("collaborationId");Util.ajax({url:"/collaboration/delete",data:{collaborationId:collaborationId},success:function(data){if(data.result=="success")parent.remove()}});$("#colla_dialog").addClass("_update").css({top:($(window).height()-$("#colla_dialog").outerHeight())*0.5+"px"})},changeCollaRole:function(collaborationId,dom){Util.ajax({url:"/collaboration/set_role",data:{collaborationId:collaborationId,role:$(dom).val()},success:function(data){if(data.result=="success"){$(dom).parent(".given_role").find(".change_success").stop().animate({"left":"-38px"},200).delay(400).animate({"left":"0px"},200)}}})},showShapesManage:function(){var $dialog=$("#shapes_dialog").dialog({buttons:[{text:'确定',cls:"blue",handler:UI.saveShapesManage},{text:'关闭',handler:function(){$dialog.dialog("close")}}]});$("#shape_manage_list").children("li").unbind().bind("click",function(){var chkbox=$(this).find("input");var checked=!chkbox.is(":checked");chkbox.attr("checked",checked);cateChanged(chkbox)});$("#shape_manage_list").find("input").unbind().bind("click",function(e){e.stopPropagation();cateChanged($(this))});function cateChanged(chk){var value=chk.val();var arr=value.split(",");var chked=chk.is(":checked");if(arr.length>1){$("#shape_manage_list").find("input").each(function(){var cate=$(this).val();if(arr.indexOf(cate)>=0){$(this).attr("checked",chked)}})}else{$("#shape_manage_list").find(".cate_parent").each(function(){var cates=$(this).val().split(",");var allChked=true;for(var i=0;i8){dialogHeight=340+(taskList.length-8)*26}if(dialogHeight>($(window).height()-80)){dialogHeight=($(window).height()-80)}dialogHTML+='';$(document.body).append(dialogHTML);$("#activityNoDialog").dialog({onClose:function(){$('#activityNoDialog').remove();$('#row-drag-obj').remove()},buttons:[{text:'确定',cls:"blue",handler:function(){if(activityNoArr.length>0){var allRows=activityNoGrid.awsGrid('getAllRows');for(var shapeId in Model.define.elements){var shape=Model.getShapeById(shapeId);for(var x=0;x0){for(var j=0;j
      不支持编号排序画布没有形状或者形状没有编号属性
      '));awsuiMessagePage();return}var activityNoGridOptions={width:317,height:dialogHeight-100,flexWidth:false,flexHeight:false,resizable:false,selectionModel:{type:"none",model:"single"},scrollModel:{vertical:true,horizontal:false},bottomVisible:false,rowDrag:true};activityNoGridOptions.colModel=[{title:"名称",width:200,align:'left',dataType:'string',dataIndx:'name',resizable:false,sortable:false},{title:"节点号",width:80,align:'center',dataType:'integer',dataIndx:'no',resizable:false,sortable:false}];activityNoGridOptions.dataModel={data:activityNoArr,location:"local",sorting:"local",sortIndx:"no",sortDir:"up"};var activityNoGrid=$("#activityNoGrid").awsGrid(activityNoGridOptions);activityNoGrid.awsGrid('option','rowDragCallback',function(source,target){return true});activityNoGrid.awsGrid('option','rowDragSuccessCallback',function(source,target){var allRows=activityNoGrid.awsGrid('getAllRows');for(var i=0;i0){for(var j=0;j0){$("#page_size_list").dropdown("select",item)}else{$("#page_size_list").dropdown("select",$("#dock_size_custom"))}$("#dock_size_w").spinner("setValue",Model.define.page.width+"px");$("#dock_size_h").spinner("setValue",Model.define.page.height+"px")}});$("#dock_size_w").spinner({min:200,unit:"px",step:100,onChange:function(val){Designer.setPageStyle({width:val})}});$("#dock_size_h").spinner({min:200,unit:"px",step:100,onChange:function(val){Designer.setPageStyle({height:val})}});$("#dock_page_padding").button({onMousedown:function(){$("#page_padding_list").dropdown({target:$("#dock_page_padding"),onSelect:function(item){var p=parseInt(item.attr("p"));Designer.setPageStyle({padding:p})$("#dock_page_padding").button("setText",item.text())}});var item=$("#page_padding_list").children("li[p="+Model.define.page.padding+"]");$("#page_padding_list").dropdown("select",item)}});$("#dock_page_color").colorButton({position:"center",onSelect:function(color){Designer.setPageStyle({backgroundColor:color})}});$("#dock_page_showgrid").bind("change",function(){var showGrid=$(this).is(":checked");Designer.setPageStyle({showGrid:showGrid});if(showGrid){$("#dock_gridsize_box").show()}else{$("#dock_gridsize_box").hide()}});$("#dock_page_gridsize").button({onMousedown:function(){$("#page_gridsize_list").dropdown({target:$("#dock_page_gridsize"),onSelect:function(item){var s=parseInt(item.attr("s"));Designer.setPageStyle({gridSize:s})$("#dock_page_gridsize").button("setText",item.text())}});var item=$("#page_gridsize_list").children("li[s="+Model.define.page.gridSize+"]");$("#page_gridsize_list").dropdown("select",item)}});$("#spinner_play_speed").spinner({min:1,max:30,unit:"s",step:1,value:5,onChange:function(val){}});$("#spinner_play_speed").spinner("setValue","2s");$("#btn_history_play").button({onClick:function(){if($("#btn_history_play").children().hasClass("ico_pause")){Dock.pauseVersions()}else{Dock.playVersions()}}});$("#btn_history_restore").button({onClick:function(){Dock.restoreVersion()}})},currentView:"",showView:function(name){if($("#dock_btn_"+name).button("isDisabled")){return}$(".dock_view").hide();$(".dock_view_"+name).show();$(".dock_buttons").children().removeClass("selected");$("#dock_btn_"+name).addClass("selected");if(Dock.currentView=="history"&&name!="history"){Dock.closeHistory()}this.currentView=name;this.update(true)},setFillStyle:function(fillStyle){$("#dock_fill_type").button("setText",$("#dock_fill_list").children("li[ty="+fillStyle.type+"]").text());$(".fill_detail").hide();if(fillStyle.type=="solid"){$(".fill_detail_solid").show();$("#fill_solid_btn").colorButton("setColor",fillStyle.color)}else if(fillStyle.type=="gradient"){$(".fill_detail_gradient").show();$("#fill_gradient_begin").attr("c",fillStyle.beginColor).colorButton("setColor",fillStyle.beginColor);$("#fill_gradient_end").attr("c",fillStyle.endColor).colorButton("setColor",fillStyle.endColor);$("#gradient_type").button("setText",$("#gradient_type_list").children("li[ty="+fillStyle.gradientType+"]").text());$(".gradient_details").hide();if(fillStyle.gradientType=="linear"){$("#gradient_type_linear").show();$("#gradient_angle").spinner("setValue",Math.round(fillStyle.angle/Math.PI*180)+"°")}else{$("#gradient_type_radial").show();$("#gradient_radius").spinner("setValue",Math.round(fillStyle.radius*100)+"%")}}else if(fillStyle.type=="image"){$(".fill_detail_image").show();var display="fill";if(fillStyle.display){display=fillStyle.display}$("#fill_img_display").button("setText",$("#img_display_list").children("li[ty="+display+"]").text())}},update:function(drawNav){if(this.currentView=="portalAttrShow"||this.currentView=="portalDescShow"||this.currentView=="portalFileShow"){changeArributeByShape()}if(this.currentView=="navigator"){if(drawNav){Navigator.draw()}$("#dock_zoom").spinner("setValue",Math.round(Designer.config.scale*100)+"%")}else if(this.currentView=="graphic"){var selectedIds=Utils.getSelectedIds();var count=selectedIds.length;var shapeIds=Utils.getSelectedShapeIds();var shapeCount=shapeIds.length;if(count==0){$("#dock_line_color").button("disable");$("#dock_line_style").button("disable");$("#dock_line_width").button("disable")}else{$("#dock_line_color").button("enable");$("#dock_line_style").button("enable");$("#dock_line_width").button("enable");var shape=Model.getShapeById(selectedIds[0]);$("#dock_line_color").colorButton("setColor",shape.lineStyle.lineColor);var lineStyleCls=$("#line_style_list").children("li[line="+shape.lineStyle.lineStyle+"]").children().attr("class");$("#dock_line_style").children(".linestyle").attr("class",lineStyleCls);$("#dock_line_width").spinner("setValue",shape.lineStyle.lineWidth+"px")}if(shapeCount==0){$("#dock_fill_type").button("disable");$("#spinner_opacity").button("disable");Dock.setFillStyle({type:"none"})}else{$("#dock_fill_type").button("enable");$("#spinner_opacity").button("enable");var shape=Model.getShapeById(shapeIds[0]);Dock.setFillStyle(shape.fillStyle);$("#spinner_opacity").spinner("setValue",Math.round(shape.shapeStyle.alpha/1*100)+"%")}}else if(this.currentView=="metric"){var shapeIds=Utils.getSelectedShapeIds();var shapeCount=shapeIds.length;if(shapeCount==0){$("#dock_metric_x").button("disable");$("#dock_metric_w").button("disable");$("#dock_metric_y").button("disable");$("#dock_metric_h").button("disable");$("#dock_metric_angle").button("disable")}else{var shape=Model.getShapeById(shapeIds[0]);$("#dock_metric_x").button("enable").spinner("setValue",Math.round(shape.props.x)+"px");$("#dock_metric_w").button("enable").spinner("setValue",Math.round(shape.props.w)+"px");$("#dock_metric_y").button("enable").spinner("setValue",Math.round(shape.props.y)+"px");$("#dock_metric_h").button("enable").spinner("setValue",Math.round(shape.props.h)+"px");$("#dock_metric_angle").button("enable").spinner("setValue",Math.round(shape.props.angle/Math.PI*180)+"°")}}else if(this.currentView=="page"){var page=Model.define.page;var w=page.width;var h=page.height;var sizeItem=$("#page_size_list").children("li[w="+w+"][h="+h+"]");var sizeText="";if(sizeItem.length>0){sizeText=sizeItem.text()}else{sizeText=$("#dock_size_custom").text()}$("#dock_page_size").button("setText",sizeText);$("#dock_page_padding").button("setText",page.padding+"px");$("#dock_page_color").colorButton("setColor",page.backgroundColor);$("#dock_page_showgrid").attr("checked",page.showGrid);if(page.showGrid){$("#dock_gridsize_box").show()}else{$("#dock_gridsize_box").hide()}var gridText="";var gridItem=$("#page_gridsize_list").children("li[s="+page.gridSize+"]");if(gridItem.length>0){var gridText=gridItem.text()}$("#dock_page_gridsize").button("setText",gridText)}else if(this.currentView=="attribute"){if(!inputUpdate){changeArributeByShape()}if(role=="viewer"){$("#dock_page_attribute table input").prop("disabled",true);$("#tagContent1 table input, #tagContent1 table textarea").prop("disabled",true)}}else if(this.currentView=="message"){$.ajax({url:"./jd?sid="+$("#sid").val()+"&cmd=com.actionsoft.apps.coe.pal_pl_repository_commentlist&repositoryId="+ruuid+"&openAppType="+openAppType,success:function(msg){var html="";var array;if(typeof(msg)=="string"){array=eval('('+msg+')').msg}else{array=msg.msg}if(typeof(array)=="string"){array=eval('('+array+')')}for(var i=0;i0){for(var i=0;i "}}else{html="
      暂无发布历史
      "}$("#sidePublishListDiv article").html(html)}})}else if(this.currentView=="link"){$.ajax({url:"./jd?sid="+$("#sid").val()+"&cmd=com.actionsoft.apps.coe.pal_link_of_repository&wsId="+$("#wsId").val()+"&plId="+ruuid,success:function(r){var links=r.data.links;var customLinks=r.data.customLInks;var html="";var flag1=false;var flag2=false;if(links!=null&&links.length>0){html+='

      文件链接

      ';for(var i=0;i'}}else{flag1=true}if(customLinks!=null&&customLinks.length>0){html+='

      自定义链接

      ';html+=''}else{flag2=true}if(flag1&&flag2){html="
      暂无链接
      "}$("#linkContent").empty().html(html)}})}else if(this.currentView=='diff'){var html=''$.ajax({url:"./jd?sid="+$("#sid").val()+"&cmd=com.actionsoft.apps.coe.pal_repository_model_version_diff_query&wsId="+$("#wsId").val()+"&id="+ruuid,success:function(ro){if(ro.result=="ok"){var diffContent=ro.data;for(var i=0;i'}diffListHtml+='
      '+content[j].title+'
      '+diffDetailHtml+'
      '}html+=''+diffContent[i].versionName+''+diffContent[i].updateTime+'('+diffCount+'处修改)'+diffListHtml+''}$("#diffTable").empty().html(html)}else{html=''+ro.msg+''$("#diffTable").empty().html(html)}}})}if(this.currentView=="history"){if(drawNav&&Dock.historyVersions==null){this.loadHistorys()}}},historyVersions:null,loadHistorys:function(){},resetVersions:function(){$("#history_versions").children("li").unbind().bind("click",function(){if(Dock.playingTimeout!=null){return}if($(this).hasClass("selected")){Dock.closeHistory()}else{$("#history_versions").children(".selected").removeClass("selected");$(this).addClass("selected");var defId=$(this).attr("def");Dock.showHistoryVersion(defId)}var current=$("#history_versions").children(".selected");if(current.length!=0&¤t.attr("ind")!="0"){$("#spinner_play_speed").button("enable");$("#btn_history_play").button("enable");$("#btn_history_restore").button("enable")}else{$("#spinner_play_speed").button("disable");$("#btn_history_play").button("disable");$("#btn_history_restore").button("disable")}});$("#history_versions").height("auto");var top=$("#history_versions").offset().top;var bottom=top+$("#history_versions").height()+75;if(bottom>$(window).height()){var height=$(window).height()-top-75;if(height<140){height=140}$("#history_versions").height(height)}else{$("#history_versions").height("auto")}},editHistoryRemark:function(event,versionId){event.stopPropagation();var versionDom=$("#history_versions").children("li[vid="+versionId+"]");versionDom.find(".remark_container").hide();var currentRemark=versionDom.find(".remark_text").text();var editContainer=versionDom.find(".edit_container");editContainer.show();editContainer.children("textarea").val(currentRemark).select();editContainer.children(".save").bind("click",function(e){e.stopPropagation();var newRemark=editContainer.children("textarea").val();versionDom.find(".remark_text").text(newRemark);versionDom.find(".remark_container").show();editContainer.hide();if(newRemark!=currentRemark){CLB.send({action:"versionRemark",remark:newRemark,versionId:versionId})}});editContainer.children(".cancel").bind("click",function(e){e.stopPropagation();Dock.cancelHistoryRemark()})},cancelHistoryRemark:function(){$(".remark_container").show();$(".edit_container").hide()},showHistoryVersion:function(defId){$("#spinner_play_speed").button("disable");$("#btn_history_play").button("disable");$("#btn_history_restore").button("disable");Dock.cancelHistoryRemark();$.ajax({url:"/diagraming/getdefinition",data:{definitionId:defId},success:function(data){Dock.openHistory(data.definition);if($("#history_versions").children(".selected").attr("ind")!="0"){$("#spinner_play_speed").button("enable");$("#btn_history_play").button("enable");$("#btn_history_restore").button("enable")}}})},playVersions:function(){var current=$("#history_versions").children(".selected");var index=parseInt(current.attr("ind"));Dock.playOneVersion(index--,0);$("#btn_history_play").children().attr("class","ico ico_pause");$("#btn_history_play").attr("title","暂停").trigger("mouseenter");$("#btn_history_restore").button("disable")},pauseVersions:function(){if(this.playingTimeout){clearTimeout(this.playingTimeout)}this.playingTimeout=null;$("#btn_history_play").children().attr("class","ico ico_play");$("#btn_history_play").attr("title","从此版本播放");$(".ico_playing").remove();var current=$("#history_versions").children(".selected");$("#history_versions").children(".playing").removeClass("playing");if(current.length!=0&¤t.attr("ind")!="0"){$("#spinner_play_speed").button("enable");$("#btn_history_play").button("enable");$("#btn_history_restore").button("enable")}else{$("#spinner_play_speed").button("disable");$("#btn_history_play").button("disable");$("#btn_history_restore").button("disable")}},playingTimeout:null,playOneVersion:function(index,msgIndex){var current=$("#history_versions").children("li[ind="+index+"]");$("#history_versions").children(".selected").removeClass("selected");current.addClass("selected").addClass("playing");$(".ico_playing").remove();current.append("
      ");var version=Dock.historyVersions.versions[index];var messageStr=version.messages[msgIndex];var messages=JSON.parse(messageStr);MessageSource.receive(messages);var top=current.position().top;if(top<0){$("#history_versions").scrollTop($("#history_versions").scrollTop()+top)}var time=$("#spinner_play_speed").spinner("getValue")*1000;if(index==0&&msgIndex==version.messages.length-1){this.pauseVersions()}else{if(msgIndex
      "+attr.name+"
      "+typeText+"
      "+attr.value+"
      ").appendTo($(".attr_list"));if(attr.category!="default"){item.append("
      ")}}}this.fitAttrList()},fitAttrList:function(){var scroll=$("#tagContent").scrollTop();$("#tagContent").height("auto");var top=$("#tagContent").offset().top;var bottom=top+$(".clearfix").height()+10;if(bottom>$(window).height()){var height=$(window).height()-top-10;if(height<140){height=140}$("#tagContent").height(height)}else{$("#tagContent").height("auto")}$("#tagContent").scrollTop(scroll)},showAttrAdd:function(){$("#attr_add_btn").hide();$(".attr_add_items").show();$("#attr_add_name").val("").focus();$("#attr_add_type").val("string");$("#attr_add_type").unbind().bind("change",function(){Dock.setAttrValueInput(null,$(this).val())});Dock.setAttrValueInput(null,"string");this.fitAttrList()},saveAttrAdd:function(){var name=$("#attr_add_name").val();if(name==""){$("#attr_add_name").focus();return}var type=$("#attr_add_type").val();var value=$("#attr_add_value_arera").children().val();var newAttr={name:name,type:type,value:value};Designer.addDataAttribute(newAttr);this.setAttributeList();this.showAttrAdd()},cancelAttrAdd:function(){$("#attr_add_btn").show();$(".attr_add_items").hide();this.fitAttrList()},editAttr:function(attrId){var item=$(".attr_item_"+attrId);if(item.hasClass("attr_editing")){return}if($(".attr_editing").length>0){var editingId=$(".attr_editing").attr("id");this.saveAttrEdit(editingId)}item=$(".attr_item_"+attrId);item.addClass("attr_editing");var attr=Designer.getDataAttrById(attrId);var input=this.setAttrValueInput(attr,attr.type);input.val(attr.value).select();if(attr.category!="default"){var nameDiv=item.children(".attr_name");nameDiv.empty();var nameInput=$("").appendTo(nameDiv);nameInput.val(attr.name).select();var typeDiv=item.children(".attr_type");typeDiv.empty();var select=$("").appendTo(typeDiv);select.html($("#attr_add_type").html()).val(attr.type);select.bind("change",function(){Dock.setAttrValueInput(attr,$(this).val())})}var displayArea=$("
      ").appendTo(item);displayArea.append("
      <@i18n resource='diagraming.addattr.displayas'/>
      ");displayArea.append("
      ");displayArea.append("
      ");displayArea.append("
      ");this.appendDisplayItems();var showType="none";if(attr.showType){showType=attr.showType}this.setAttrDisplay(showType);$("#attr_edit_showtype").attr("ty",showType).button({onMousedown:function(){$("#attr_display_list").dropdown({target:$("#attr_edit_showtype"),onSelect:function(item){var type=item.attr("ty");$("#attr_edit_showtype").attr("ty",type).button("setText",item.text());Dock.setAttrDisplay(type)}});var type=$("#attr_edit_showtype").text().trim();$("#attr_display_list").children().each(function(){if($(this).text()==type){$("#attr_display_list").dropdown("select",$(this));return false}})}});$("#attr_edit_showtype").attr("ty",showType).button("setText",$("#attr_display_list").children("li[ty="+showType+"]").html());if(showType!="none"){$("#attr_display_name").attr("checked",attr.showName);if(showType=="icon"){this.setAttrIcon(attr.icon)}}var horizontal="mostright";if(attr.horizontal){horizontal=attr.horizontal}var vertical="mostbottom";if(attr.vertical){vertical=attr.vertical}$("#attr_location_h").button("setText",$("#attr_location_h_list").children("li[loc="+horizontal+"]").html());$("#attr_location_h").attr("loc",horizontal);$("#attr_location_v").button("setText",$("#attr_location_v_list").children("li[loc="+vertical+"]").html());$("#attr_location_v").attr("loc",vertical);item.append("
      <@i18n resource='global.ok'/>
      <@i18n resource='global.cancel'/>
      ");$("#save_edit_attr").bind("click",function(e){e.stopPropagation();Dock.saveAttrEdit(attrId)});$("#cancel_edit_attr").bind("click",function(e){e.stopPropagation();Dock.setAttributeList()})},setAttrValueInput:function(attr,type){var valueArea;if(attr!=null){valueArea=$(".attr_editing").children(".attr_value")}else{valueArea=$("#attr_add_value_arera")}valueArea.empty();var result;if(type=="boolean"){result=$("").appendTo(valueArea)}else if(type=="list"){result=$("").appendTo(valueArea);if(attr.listItems){for(var i=0;i"+listItem+"")}}}else{result=$("").appendTo(valueArea)}if(attr==null){valueArea.children().css("width","260px")}else{valueArea.children().css("width","128px")}return result},appendDisplayItems:function(){var optionsArea=$(".attr_display_options");var detailArea=$("
      ").appendTo(optionsArea);detailArea.append("");var iconButtonArea=$("
      ").appendTo(detailArea);iconButtonArea.append("
      <@i18n resource='diagraming.addattr.icon'/>
      ");iconButtonArea.append("
      ");iconButtonArea.append("
      ");if($("#attr_icon_list").children("li").html()==""){var html="";var index=1;while(index<=49){if(index==30){html+="
      "}html+="
      ";index++}$("#attr_icon_list").children("li").html(html)}var locationArea=$("
      ").appendTo(optionsArea);locationArea.append("
      <@i18n resource='diagraming.addattr.display.location'/>
      ");locationArea.append("
      <@i18n resource='diagraming.addattr.display.h'/>
      ");locationArea.append("
      Most Right
      ");locationArea.append("
      ");locationArea.append("
      <@i18n resource='diagraming.addattr.display.v'/>
      ");locationArea.append("
      Most Bottom
      ");locationArea.append("
      ");optionsArea.append("
      ");$("#attr_display_icon").button({onMousedown:function(){$("#attr_icon_list").dropdown({target:$("#attr_display_icon")})}});$("#attr_location_h").button({onMousedown:function(){$("#attr_location_h_list").dropdown({target:$("#attr_location_h"),onSelect:function(item){$("#attr_location_h").button("setText",item.html());$("#attr_location_h").attr("loc",item.attr("loc"))}})}});$("#attr_location_v").button({onMousedown:function(){$("#attr_location_v_list").dropdown({target:$("#attr_location_v"),onSelect:function(item){$("#attr_location_v").button("setText",item.html());$("#attr_location_v").attr("loc",item.attr("loc"))}})}})},setAttrDisplay:function(type){if(type=="none"){$(".attr_display_options").hide()}else{$(".attr_display_options").show();if(type=="icon"){$("#attr_icon_area").show()}else{$("#attr_icon_area").hide()}}},setAttrIcon:function(icon){$("#attr_display_icon").attr("ico",icon).button("setText","");if(icon){$("#attr_display_icon").button("setText","")}},saveAttrEdit:function(attrId){var item=$(".attr_item_"+attrId);if(!item.hasClass("attr_editing")){return}var attr=Designer.getDataAttrById(attrId);if(attr.category!="default"){var name=item.children(".attr_name").children("input").val();if(name==""){item.children(".attr_name").children("input").focus();return}attr.name=name;attr.type=item.children(".attr_type").children("select").val()}attr.value=item.children(".attr_value").children().val();var showType=$("#attr_edit_showtype").attr("ty");attr.showType=showType;if(showType!="none"){attr.showName=$("#attr_display_name").is(":checked");attr.horizontal=$("#attr_location_h").attr("loc");attr.vertical=$("#attr_location_v").attr("loc");if(showType=="icon"){attr.icon=$("#attr_display_icon").attr("ico")}}var selectedIds=Utils.getSelectedIds();var shape=Model.getShapeById(selectedIds[0]);if(attr.category=="default"&&shape.category=="bpmn"){if(!shape.attribute){shape.attribute={}}if(!shape.attribute.markers){shape.attribute.markers=[]}var markers=shape.attribute.markers;if(attr.name=="loopCharacteristics"){Utils.removeFromArray(markers,"loop");Utils.removeFromArray(markers,"sequential");Utils.removeFromArray(markers,"parallel");if(attr.value=="StandardLoopCharacteristics"){Utils.addToArray(markers,"loop")}else if(attr.value=="MultipleLoopCharacteristics"){var sequantial=Designer.getDefaultDataAttrByName("isSequantial");if(sequantial!=null){if(sequantial.value=="true"){Utils.addToArray(markers,"sequential")}else{Utils.addToArray(markers,"parallel")}}}}else if(attr.name=="isSequantial"){Utils.removeFromArray(markers,"sequential");Utils.removeFromArray(markers,"parallel");var loop=Designer.getDefaultDataAttrByName("loopCharacteristics");if(loop!=null&&loop.value=="MultipleLoopCharacteristics"){if(attr.value=="true"){Utils.addToArray(markers,"sequential")}else{Utils.addToArray(markers,"parallel")}}}else if(attr.name=="isForCompensation"){Utils.removeFromArray(markers,"compensation");if(attr.value=="true"){Utils.addToArray(markers,"compensation")}}else if(attr.name=="isCollection"||attr.name=="ParticipantMultiplicity"){Utils.removeFromArray(markers,"parallel");if(attr.value=="true"){Utils.addToArray(markers,"parallel")}}else if(attr.name=="loopType"){Utils.removeFromArray(markers,"loop");Utils.removeFromArray(markers,"sequential");Utils.removeFromArray(markers,"parallel");if(attr.value=="Standard"){Utils.addToArray(markers,"loop")}else if(attr.value=="MultiInstanceSequential"){Utils.addToArray(markers,"sequential")}else if(attr.value=="MultiInstanceParallel"){Utils.addToArray(markers,"parallel")}}}Designer.updateDataAttribute(attr);this.setAttributeList()},deleteAttr:function(attrId,event){event.stopPropagation();var item=$(".attr_item_"+attrId);item.remove();this.fitAttrList();Designer.deleteDataAttribute(attrId)},fullScreen:function(element,presentation){if(element.requestFullscreen){element.requestFullscreen()}else if(element.mozRequestFullScreen){element.mozRequestFullScreen()}else if(element.webkitRequestFullscreen){element.webkitRequestFullscreen()}else{if(presentation){$("#fullscreen_tip").find(".t").text("由于您的浏览器限制，无法进入演示视图。")}else{$("#fullscreen_tip").find(".t").text("无法进入全屏视图，您可以按(F11)进入。")}$("#fullscreen_tip").fadeIn()}},enterPresentation:function(){$("#designer").bind('webkitfullscreenchange',function(e){Dock.manageFullScreen()});$(document).bind('mozfullscreenchange',function(e){Dock.manageFullScreen()}).bind('fullscreenchange',function(e){Dock.manageFullScreen()});this.fullScreen(Utils.getDomById("designer"),true)},enterFullScreen:function(){this.fullScreen(document.documentElement)},manageFullScreen:function(){var designer=Utils.getDomById("designer");if(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement){$("#shape_panel").addClass("readonly");$("#designer_viewport").addClass("readonly");$(window).unbind("resize.designer");$("#designer_layout").height(window.screen.height);Designer.hotkey.cancel();Designer.op.cancel();$("#dock").hide();$(".dock_view").hide();Designer.contextMenu.destroy();Designer.op.canvasFreeDraggable()}else{$("#shape_panel").removeClass("readonly");$("#designer_viewport").removeClass("readonly");Designer.initialize.initLayout();Designer.hotkey.init();Designer.op.init();$("#dock").show();if(Dock.currentView!=""){Dock.showView(Dock.currentView)}Designer.contextMenu.init();$("#designer").unbind('webkitfullscreenchange');$("#designer").unbind('mozfullscreenchange').unbind('fullscreenchange')}}};var Navigator={init:function(){$("#designer_layout").bind("scroll",function(){Navigator.setView()});$("#navigation_eye").bind("mousedown",function(downE){var eye=$(this);var beginPos=eye.position();$("#designer_layout").unbind("scroll");var layout=$("#designer_layout");var beginTop=layout.scrollTop();var beginLeft=layout.scrollLeft();var designerCanvas=$("#designer_canvas");var canvasW=designerCanvas.width();var canvasH=designerCanvas.height();var canvas=$("#navigation_canvas");var navW=canvas.width();var navH=canvas.height();var scaleW=canvasW/navW;var scaleH=canvasH/navH;$(document).bind("mousemove.navigator",function(moveE){var offsetX=moveE.pageX-downE.pageX;var offsetY=moveE.pageY-downE.pageY;var newLeft=beginLeft+offsetX*scaleW;layout.scrollLeft(newLeft);var newTop=beginTop+offsetY*scaleH;layout.scrollTop(newTop);eye.css({left:beginPos.left+offsetX,top:beginPos.top+offsetY})});$(document).bind("mouseup.navigator",function(moveE){$(document).unbind("mousemove.navigator");$(document).unbind("mouseup.navigator");Navigator.setView();$("#designer_layout").bind("scroll",function(){Navigator.setView()})})});$("#navigation_canvas").bind("click",function(e){var pos=Utils.getRelativePos(e.pageX,e.pageY,$(this));var designerCanvas=$("#designer_canvas");var canvasW=designerCanvas.width();var canvasH=designerCanvas.height();var canvas=$("#navigation_canvas");var navW=canvas.width();var navH=canvas.height();var scaleW=canvasW/navW;var scaleH=canvasH/navH;var canvasX=pos.x*scaleW;var canvasY=pos.y*scaleH;var layout=$("#designer_layout");var margin=Designer.config.pageMargin;layout.scrollLeft(canvasX+margin-layout.width()/2);layout.scrollTop(canvasY+margin-layout.height()/2)});this.setView()},draw:function(){if(this.drawNavigationTimeout){window.clearTimeout(this.drawNavigationTimeout)}this.drawNavigationTimeout=setTimeout(function(){var canvas=$("#navigation_canvas");var ctx=canvas[0].getContext("2d");ctx.save();ctx.clearRect(0,0,canvas.width(),canvas.height());ctx.scale(canvas.width()/Model.define.page.width,canvas.height()/Model.define.page.height);for(var i=0;iviewW){visibleLeft=viewW}if(visibleRight>viewW){visibleRight=viewW}else if(visibleRight<0){visibleRight=0}var visibleTop=margin-layout.scrollTop();var visibleBottom=visibleTop+canvasH;if(visibleTop<0){visibleTop=0}else if(visibleTop>viewH){visibleTop=viewH}if(visibleBottom>viewH){visibleBottom=viewH}else if(visibleBottom<0){visibleBottom=0}var visibleW=visibleRight-visibleLeft;var visibleH=visibleBottom-visibleTop;if(visibleW==0||visibleH==0){navigator.hide()}else{var navLeft=layout.scrollLeft()-margin;if(navLeft<0){navLeft=0}navLeft=navLeft*(navW/canvasW);var navTop=layout.scrollTop()-margin;if(navTop<0){navTop=0}navTop=navTop*(navH/canvasH);var navViewW=visibleW*(navW/canvasW);var navViewH=visibleH*(navH/canvasH);navigator.css({left:navLeft-1,top:navTop-1,width:navViewW,height:navViewH}).show()}}};(function($){$.fn.button=function(options){if(typeof options=="string"){if(options=="disable"){$(this).addClass("disabled");$(this).find("input").attr("disabled",true)}else if(options=="enable"){$(this).removeClass("disabled");$(this).find("input").attr("disabled",false)}else if(options=="isDisabled"){return $(this).hasClass("disabled")}else if(options=="isSelected"){return $(this).hasClass("selected")}else if(options=="unselect"){$(this).removeClass("selected")}else if(options=="select"){$(this).addClass("selected")}else if(options=="setText"){$(this).children(".text_content").html(arguments[1])}else if(options=="setColor"){$(this).children(".btn_color").css("background-color","rgb("+arguments[1]+")")}else if(options=="getColor"){var color=$(this).children(".btn_color").css("background-color").replace(/\s/g,"");return color.substring(4,color.length-1)}return $(this)}var target=$(this);target.unbind("click");target.unbind("mousedown")if(options.onClick){target.bind("click",function(){if(target.button("isDisabled")){return}options.onClick()})}if(options.onMousedown){target.bind("mousedown",function(e){if(target.button("isDisabled")){return}options.onMousedown();e.stopPropagation()})}};var currentMenu=null;$.fn.dropdown=function(options){var menu=$(this);menu.find(".ico_selected").remove();if(typeof options=="string"){if(options=="close"){menu.hide();currentMenu.target.removeClass("selected");$(document).unbind("mousedown.ui_dropdown");currentMenu=null}else if(options=="select"){arguments[1].prepend("
      ")}return}if(currentMenu!=null){currentMenu.menu.dropdown("close")}var menu=$(this);var tar=options.target;currentMenu={target:tar,menu:menu};var offset=tar.offset();tar.addClass("selected");menu.show();var left;if(options.position=="center"){left=offset.left+tar.outerWidth()/2-menu.outerWidth()/2}else if(options.position=="right"){left=offset.left+tar.outerWidth()-menu.outerWidth()}else{left=offset.left}var top=offset.top+tar.outerHeight();if(top+menu.outerHeight()>$(window).height()){top=$(window).height()-menu.outerHeight()}menu.css({top:top,left:left});if(typeof options.zindex!="undefined"){menu.css("z-index",options.zindex)}menu.unbind("mousedown").bind("mousedown",function(e){e.stopPropagation()});if(typeof options.bind=="undefined"||options.bind==true){menu.find("li:not(.devider,.menu_text)").unbind().bind("click",function(){var item=$(this);if(!item.menuitem("isDisabled")&&item.children(".extend_menu").length==0){if(options.onSelect){options.onSelect(item)}menu.dropdown("close")}})}$(document).bind("mousedown.ui_dropdown",function(){menu.dropdown("close")})};$.colorpicker=function(options){var picker=$("#color_picker");picker.find(".selected").removeClass("selected");if(!picker.attr("init")){picker.find("div").each(function(){var color=$(this).css("background-color");color=color.replace(/\s/g,"");color=color.substring(4,color.length-1);$(this).attr("col",color)});picker.attr("init",true)}var opt=$.extend({},options,{bind:false});picker.dropdown(opt);picker.children(".color_items").children("div").unbind().bind("click",function(){if(options.onSelect){var color=$(this).css("background-color");color=color.replace(/\s/g,"");color=color.substring(4,color.length-1);options.onSelect(color)}$("#color_picker").dropdown("close")});if(options.color){picker.find("div[col='"+options.color+"']").addClass("selected")}$("#color_picker").children(".color_extend").remove();if(options.extend){$("#color_picker").append("
      "+options.extend+"
      ")}};$.fn.colorButton=function(opt){var tar=$(this);if(typeof opt=="string"){if(opt=="setColor"){tar.children(".picker_btn_holder").css("background-color","rgb("+arguments[1]+")")}return}tar.html("
      ");tar.bind("mousedown",function(e){if(tar.button("isDisabled")){return}e.stopPropagation();var options=$.extend({},opt);options.target=tar;options.onSelect=function(color){tar.colorButton("setColor",color);if(opt.onSelect){opt.onSelect(color)}};var color=$(this).children(".picker_btn_holder").css("background-color");color=color.replace(/\s/g,"");color=color.substring(4,color.length-1);options.color=color;$.colorpicker(options)})};$.fn.spinner=function(opt){var spinner=$(this);if(typeof opt=="string"){if(opt=="getValue"){var result=spinner.find("input").val();result=parseFloat(result);return result}else if(opt=="setValue"){spinner.find("input").val(arguments[1]);spinner.attr("old",arguments[1])}return}spinner.html("
      ");var defaults={min:0,max:Number.MAX_VALUE,step:1,unit:""};opt=$.extend(defaults,opt);var inputBox=spinner.children(".spinner_input");var input=inputBox.find("input");spinner.spinner("setValue",opt.min+opt.unit);spinner.find(".spinner_up").bind("click",function(){if(spinner.button("isDisabled")){return}var now=spinner.spinner("getValue");var newVal=now+opt.step;setSpinnerValue(spinner,newVal,opt)});spinner.find(".spinner_down").bind("click",function(){if(spinner.button("isDisabled")){return}var now=spinner.spinner("getValue");var newVal=now-opt.step;setSpinnerValue(spinner,newVal,opt)});input.bind("keydown",function(e){if(e.keyCode==13){var newVal=parseInt($(this).val());if(isNaN(newVal)){newVal=opt.min}setSpinnerValue(spinner,newVal,opt)}}).bind("focus",function(e){$(this).select();$(this).bind("mouseup",function(e){e.preventDefault();$(this).unbind("mouseup")});var box=$(this).parent().parent();if(!box.hasClass("active")){box.addClass("active inset")}}).bind("blur",function(e){var box=$(this).parent().parent();if(box.hasClass("inset")){box.removeClass("active inset")}})};function setSpinnerValue(spinner,value,opt){if(value>opt.max){value=opt.max}if(value0}else if(options=="unselect"){return target.children(".ico_selected").remove()}else if(options=="select"){return target.prepend("
      ")}}};$.fn.dlg=function(options){var dlg=$(this);if(typeof options=="string"){if(options=="close"){dlg.children(".dlg_close").trigger("click")}return}var defaults={closable:true};options=$.extend(defaults,options);var close=dlg.children(".dlg_close");if(close.length==0){close=$("
      ").appendTo(dlg)}if(options.closable==false){close.hide()}else{close.show()}$(".dlg_mask").remove();$("body").append("
      ")close.unbind().bind("click",function(){dlg.hide();$(".dlg_mask").remove();if(options&&options.onClose){options.onClose()}$(document).unbind("keydown.closedlg");dlg.find("input,textarea,select").unbind("keydown.closedlg")});dlg.css({left:($(window).width()-dlg.outerWidth())/2,top:($(window).height()-dlg.outerHeight())/2});dlg.show();if(options.closable){dlg.find("input,textarea,select").unbind("keydown.closedlg").bind("keydown.closedlg",function(e){if(e.keyCode==27){dlg.children(".dlg_close").trigger("click")}});$(document).unbind("keydown.closedlg").bind("keydown.closedlg",function(e){if(e.keyCode==27){dlg.children(".dlg_close").trigger("click")}})}dlg.children(".dialog_header").unbind("mousedown.drag_dlg").bind("mousedown.drag_dlg",function(e){var target=$(this).parent();var downX=e.pageX;var downY=e.pageY;var downLeft=target.offset().left;var downTop=target.offset().top;$(document).bind("mousemove.drag_dlg",function(e){var left=e.pageX-downX+downLeft;var top=e.pageY-downY+downTop;target.offset({left:left,top:top})});$(document).bind("mouseup.drag_dlg",function(e){$(document).unbind("mousemove.drag_dlg");$(document).unbind("mouseup.drag_dlg")})})}})(jQuery); \ No newline at end of file +/** + * 用户界面JS + */ + +var UI = { + init : function() { + // 修改标题 + $(".diagram_title").bind("click", function() { + if ($(this).hasClass("readonly")) { + return; + } + var title = $(this).text(); + $(this).hide(); + $("#title_container").append(""); + $("#title_container").children("input").val(title.replace(/(^\s+)|(\s+$)/g, "")).select(); + $("#title_container").children("input").bind("blur", + function() { + changeTitle(); + }).bind("keydown", function(e) { + if (e.keyCode == 13) { + changeTitle(); + } + }); + }); + function changeTitle() { + var newTitle = $.trim($("#title_container").children("input").val()); + newTitle = newTitle.replace(/(^\s+)|(\s+$)/g, ""); + var oldTitle = $(".diagram_title").text(); + oldTitle = oldTitle.replace(/(^\s+)|(\s+$)/g, ""); + if (newTitle != oldTitle && chartId != "") { + var msgObj = { + action : "changeTitle", + title : newTitle + }; + CLB.send(msgObj); + } + var title = newTitle != "" ? newTitle : oldTitle; + $("title").text(title); + $(".diagram_title").text(title).show(); + $("#title_container").children("input").remove(); + // 更新父级的相关数据 + awsui.ajax.request({ + url : './jd?cmd=com.actionsoft.apps.coe.pal_pl_repository_designer_updatetitle&sid=' + + encodeURIComponent(sid) + + '&uuid=' + + ruuid + + '&title=' + + encodeURIComponent(title) + + '&processDefId=' + + process.processDefId + + '&appId=' + + appId, + async : false,// 同步，默认为异步 + ok : function(msg) { + //同步设置文件属性中的流程名称 + $("#file_attribute").contents().find("input[id='plName']").val(title); + try { + window.opener.parent.window.top.document.main_iframe.teamAppFrame.contentWindow._d157b007c785d2d988d3d81c8ddcb1b8.contentWindow.refresh(); + } catch(e) { + try { + window.opener.parent.window.top.document.main_iframe.teamAppFrame.contentWindow._d157b007c785d2d988d3d81c8ddcb1b8.contentWindow.refresh(); + + } catch(e) {} + } + if (parent.repositoryTree) { + parent.repositoryTree.refreshNodeById({ + id : ruuid, + name : title + }); + } + if (parent.awsTabs) { + parent.awsTabs.setTitle(ruuid, title); + } + if(Model.define.coeProperties ){ + Model.define.coeProperties.fileName = title; + } + } + }) + } + /** ############################Toolbar列表############################ */ + // 撤销 + $("#bar_undo").button({ + onClick : function() { + MessageSource.undo(); + } + }); + // 恢复 + $("#bar_redo").button({ + onClick : function() { + MessageSource.redo(); + } + }); + // 格式刷 + $("#bar_brush").button({ + onClick : function() { + if ($("#bar_brush").button("isSelected")) { + // 取消格式刷 + $("#bar_brush").button("unselect"); + $("#designer_op_help").hide(); + $(document).unbind("keydown.cancelbrush"); + Utils.selectCallback = null; + } else { + Designer.clipboard.brush(); + } + } + }); + // 字体 + $("#bar_font_family").button({ + onMousedown : function() { + $("#font_list").dropdown({ + target : $("#bar_font_family"), + onSelect : function(item) { + var font = item.text(); + Designer.setFontStyle({ + fontFamily : font + }); + $("#bar_font_family").button("setText", + font); + } + }); + // 选中 + var family = $("#bar_font_family").text().trim(); + $("#font_list").children().each(function() { + if ($(this).text() == family) { + $("#font_list").dropdown("select", + $(this)); + return false; + } + }); + } + }); + // 字号 + $("#bar_font_size").spinner({ + min : 12, + max : 100, + step : 1, + unit : "px", + onChange : function(val) { + Designer.setFontStyle({ + size : val + }); + } + }); + $("#bar_font_size").spinner("setValue", "13px"); + // 加粗 + $("#bar_font_bold").button({ + onClick : function() { + var bold = !$("#bar_font_bold").button("isSelected"); + Designer.setFontStyle({ + bold : bold + }); + $("#bar_font_bold").toggleClass("selected"); + } + }); + // 斜体 + $("#bar_font_italic").button({ + onClick : function() { + var italic = !$("#bar_font_italic") + .button("isSelected"); + Designer.setFontStyle({ + italic : italic + }); + $("#bar_font_italic").toggleClass("selected"); + } + }); + // 下划线 + $("#bar_font_underline").button({ + onClick : function() { + var underline = !$("#bar_font_underline") + .button("isSelected"); + Designer.setFontStyle({ + underline : underline + }); + $("#bar_font_underline").toggleClass("selected"); + } + }); + // 字体颜色 + $("#bar_font_color").button({ + onMousedown : function() { + var color = $("#bar_font_color").button("getColor"); + $.colorpicker({ + target : $("#bar_font_color"), + onSelect : function(color) { + Designer.setFontStyle({ + color : color + }); + $("#bar_font_color").button("setColor", + color) + }, + color : color + }); + } + }); + // 文本对齐 + $("#bar_font_align").button({ + onMousedown : function() { + $("#font_align_list").dropdown({ + target : $("#bar_font_align"), + onSelect : function(item) { + var align = {}; + align[item.attr("cate")] = item + .attr("al"); + Designer.setFontStyle(align); + } + }); + } + }); + // 填充 + $("#bar_fill").button({ + onMousedown : function() { + var color = $("#bar_fill").button("getColor"); + $.colorpicker({ + target : $("#bar_fill"), + onSelect : function(color) { + Designer.setFillStyle({ + type : "solid", + color : color + }); + $("#bar_fill").button("setColor", color) + }, + color : color, + extend : "
      " + }); + $("#bar_fill_gradient").unbind().bind("click", function() { + Designer.setFillStyle({ + type : "gradient" + }); + $("#color_picker").dropdown("close"); + }); + $("#bar_fill_img").unbind().bind("click", function() { + UI.showImageSelect(function(fileId, w, h) { + Designer.setFillStyle({ + type : "image", + fileId : fileId, + imageW : w, + imageH : h + }); + }); + $("#color_picker").dropdown("close"); + }); + $("#bar_fill_more").unbind().bind("click", function() { + Dock.showView("graphic"); + $("#color_picker").dropdown("close"); + }); + } + }); + // 线条颜色 + $("#bar_line_color").button({ + onMousedown : function() { + var color = $("#bar_line_color").button("getColor"); + $.colorpicker({ + target : $("#bar_line_color"), + onSelect : function(color) { + Designer.setLineStyle({ + lineColor : color + }); + $("#bar_line_color").button("setColor", + color) + }, + color : color + }); + } + }); + // 线条宽度 + $("#bar_line_width").button({ + onMousedown : function() { + $("#line_width_list").dropdown({ + target : $("#bar_line_width"), + onSelect : function(item) { + var width = parseInt(item.text()); + Designer.setLineStyle({ + lineWidth : width + }); + } + }); + // 选中 + var width = Utils.getSelected()[0].lineStyle.lineWidth; + $("#line_width_list").children().each(function() { + if (parseInt($(this).text()) == width) { + $("#line_width_list").dropdown("select", + $(this)); + } + }); + } + }); + // 线条样式 + $("#bar_line_style").button({ + onMousedown : function() { + $("#line_style_list").dropdown({ + target : $("#bar_line_style"), + onSelect : function(item) { + var lineStyle = item.attr("line"); + Designer.setLineStyle({ + lineStyle : lineStyle + }); + } + }); + // 选中 + var style = Utils.getSelected()[0].lineStyle.lineStyle; + var item = $("#line_style_list").children("li[line=" + style + + "]"); + $("#line_style_list").dropdown("select", item); + } + }); + // 连接线类型 + $("#bar_linkertype").button({ + onMousedown : function() { + $("#line_type_list").dropdown({ + target : $("#bar_linkertype"), + onSelect : function(item) { + var type = item.attr("tp"); + Designer.setLinkerType(type); + var cls = item.children("div").attr("class"); + $("#bar_linkertype").children("div:eq(0)").attr( + "class", cls); + } + }); + } + }); + // 开始箭头 + $("#bar_beginarrow").button({ + onMousedown : function() { + $("#beginarrow_list").dropdown({ + target : $("#bar_beginarrow"), + onSelect : function(item) { + var arrow = item.attr("arrow"); + Designer.setLineStyle({ + beginArrowStyle : arrow + }); + var cls = item.children("div").attr("class"); + $("#bar_beginarrow").children("div:eq(0)").attr( + "class", cls); + } + }); + // 选中 + var style = Utils.getSelectedLinkers()[0].lineStyle.beginArrowStyle; + var item = $("#beginarrow_list").children("li[arrow=" + style + + "]"); + $("#beginarrow_list").dropdown("select", item); + } + }); + // 结束箭头 + $("#bar_endarrow").button({ + onMousedown : function() { + $("#endarrow_list").dropdown({ + target : $("#bar_endarrow"), + onSelect : function(item) { + var arrow = item.attr("arrow"); + Designer.setLineStyle({ + endArrowStyle : arrow + }); + var cls = item.children("div").attr("class"); + $("#bar_endarrow").children("div:eq(0)").attr("class", + cls); + } + }); + // 选中 + var style = Utils.getSelectedLinkers()[0].lineStyle.endArrowStyle; + var item = $("#endarrow_list").children("li[arrow=" + style + + "]"); + $("#endarrow_list").dropdown("select", item); + } + }); + // 顶层底层 + $("#bar_front").button({ + onClick : function() { + Designer.layerShapes("front"); + } + }); + $("#bar_back").button({ + onClick : function() { + Designer.layerShapes("back"); + } + }); + // 加解锁 + $("#bar_lock").button({ + onClick : function() { + Designer.lockShapes(); + } + }); + $("#bar_unlock").button({ + onClick : function() { + Designer.unlockShapes(); + } + }); + $("#bar_link").button({ + onClick : function() { + UI.showInsertLink(); + } + }); + $("#bar_risk").button({ + onClick : function() { + UI.showRiskDlg(); + } + }); + $("#bar_importShape").button({ + onClick : function() { + UI.showImportShapeDlg(); + } + }); + $("#bar_import").button({ + onClick : function() { + UI.showImportDlg(); + } + }); + //by bzp 上传制度附件 + $("#bar_importPolicyFile").button({ + onClick : function() { + UI.showImportPolicyFileDlg(); + } + }); + //by bzp end + $("#bar_upfile").button({ + onClick: function() { + openUpFile() + } + }); + $("#bar_activityNo").button({//节点按照编号排序 + onClick: function() { + UI.activityNoDlg(); + } + }); + /** ##############AWS新增工具栏菜单开始############# */ + // 排列 + $("#bar_arrange").button({ + onMousedown : function() { + $("#bar_list_arrange").dropdown({ + target : $("#bar_arrange"), + onSelect : function(item) { + menuSelected(item); + } + }); + } + }); + // 视图 + $("#bar_view").button({ + onMousedown : function() { + $("#bar_list_view").dropdown({ + target : $("#bar_view"), + onSelect : function(item) { + menuSelected(item); + } + }); + } + }); + // 插入 + /* + * $("#bar_insert").button({ onMousedown : function() { + * $("#bar_list_insert").dropdown({ target : $("#bar_insert"), onSelect : + * function(item) { menuSelected(item); } }); } }); + */ + /** ##############AWS新增工具栏菜单结束############# */ + + /** ##############菜单列表############## */ + $("#menu_bar").children().bind("mousedown", function(e) { + var tar = $(this); + showMenuBarList(tar); + e.stopPropagation(); + }); + $("#menu_bar").children().bind("mouseenter", function() { + var tar = $(this); + if ($("#ui_container").find(".options_menu:visible").length > 0) { + showMenuBarList(tar); + } + }); + + function showMenuBarList(menuBar) { + var menuId = menuBar.attr("menu"); + // 只读 + if (menuBar.hasClass("readonly")) { + return; + } + $("#" + menuId).dropdown({ + target : menuBar, + onSelect : function(item) { + menuSelected(item); + } + }); + if (menuId == "bar_list_page") { + if (Model.define.page.showGrid) { + $("#bar_list_page").dropdown( + "select", + $("#bar_list_page") + .children("li[ac=set_page_showgrid]")); + } else { + $("#bar_list_page").dropdown( + "unselect", + $("#bar_list_page") + .children("li[ac=set_page_showgrid]")); + } + var item = $("#bar_list_pagesize li[w=" + + Model.define.page.width + "][h=" + + Model.define.page.height + "]"); + if (item.length > 0) { + $("#bar_list_pagesize").dropdown("select", item); + } else { + $("#bar_list_pagesize").dropdown("select", + $("#page_size_custom")); + } + $("#page_size_w").spinner("setValue", + Model.define.page.width + "px"); + $("#page_size_h").spinner("setValue", + Model.define.page.height + "px"); + item = $("#bar_list_padding").children("li[p=" + + Model.define.page.padding + "]"); + $("#bar_list_padding").dropdown("select", item); + item = $("#bar_list_gridsize").children("li[s=" + + Model.define.page.gridSize + "]"); + $("#bar_list_gridsize").dropdown("select", item); + } else if (menuId == "bar_list_view") { + var item = $("#bar_list_view").children(".static[zoom='" + + Designer.config.scale + "']"); + if (item.length) { + $("#bar_list_page").dropdown("select", item); + } + } + } + + function menuSelected(item) { + var action = item.attr("ac"); + // 编辑菜单 + if (action == "rename") { + $(".diagram_title").trigger("click"); + } else if (action == "close") { + if (parent.closeTabById) { + parent.closeTabById(chartId); + } else { + window.close(); + } + + } else if (action == "saveAs") { + UI.showSaveAs(); + } else if (action == "preview") {//在线预览流程图片 + UI.doPreview(); + } else if (action == "saveImage") {//生成图片和缩略图 + UI.saveImage(); + } else if (action == "versionCompare") { + UI.showVersionCompare(); + } else if (action == "output") {// 导出流程手册并预览 + UI.doOutputProcess(); + } else if (action == "export") { + $("#export_dialog").dlg(); + } else if (action == "processExport") { + UI.processExport(); + } else if (action == "undo") { + MessageSource.undo(); + } else if (action == "redo") { + MessageSource.redo(); + } else if (action == "cut") { + Designer.clipboard.cut(); + } else if (action == "copy") { + Designer.clipboard.copy(); + } else if (action == "paste") { + Designer.clipboard.paste(); + } else if (action == "duplicate") { + Designer.clipboard.duplicate(); + } else if (action == "brush") { + Designer.clipboard.brush(); + } else if (action == "selectall") { + Designer.selectAll(); + } else if (action == "openNewPage") { + UI.openNewPage();//新页面打开 + } else if (action == "batchreplace") { + UI.batchReplace(); + } else if (action == "delete") { + Designer.op.removeShape(); + // 视图缩放 + } else if (action == "zoom") { + var zoom = item.attr("zoom"); + if (zoom == "in") { + Designer.zoomIn(); + } else if (zoom == "out") { + Designer.zoomOut(); + } else { + var zoomScale = parseFloat(zoom); + Designer.setZoomScale(zoomScale); + } + // 插入 + } else if (action == "insert") { + var insertType = item.attr("in"); + if (insertType == "text") { + Designer.op.changeState("creating_free_text"); + } else if (insertType == "image") { + UI.showImageSelect(function(fileId, w, h) { + UI.insertImage(fileId, w, h); + }); + } else if (insertType == "line") { + Designer.op.changeState("creating_free_linker"); + } + // 页面 + } else if (action == "set_page_size") { + var w = parseInt(item.attr("w")); + var h = parseInt(item.attr("h")); + Designer.setPageStyle({ + width: w, + height: h + }); + } else if (action == "set_page_padding") { + var p = parseInt(item.attr("p")); + Designer.setPageStyle({ + padding: p + }) + } else if (action == "set_page_showgrid") { + if (item.menuitem("isSelected")) { + item.menuitem("unselect"); + Designer.setPageStyle({ + showGrid: false + }); + } else { + item.menuitem("select"); + Designer.setPageStyle({ + showGrid: true + }); + } + } else if (action == "set_page_gridsize") { + var s = parseInt(item.attr("s")); + Designer.setPageStyle({ + gridSize: s + }) + } + // 排列 + else if (action == "front") { + Designer.layerShapes("front"); + } else if (action == "back") { + Designer.layerShapes("back"); + } else if (action == "forward") { + Designer.layerShapes("forward"); + } else if (action == "backward") { + Designer.layerShapes("backward"); + } else if (action == "align_shape") { + var align = item.attr("al"); + Designer.alignShapes(align); + } else if (action == "distribute_shape") { + var type = item.attr("dis"); + Designer.distributeShapes(type); + } else if (action == "match_size") { + if (item.attr("custom")) { + Dock.showView("metric"); + } else { + var type = {}; + var w = item.attr("w"); + var h = item.attr("h"); + if (w) { + type.w = w; + } + if (h) { + type.h = h; + } + Designer.matchSize(type); + } + } else if (action == "lock") { + Designer.lockShapes(); + } else if (action == "unlock") { + Designer.unlockShapes(); + } else if (action == "group") { + Designer.group(); + } else if (action == "ungroup") { + Designer.ungroup(); + } else if (action == "hotkey") { + UI.showHotKey(); + } else if (action == "feedback") { + UI.showFeedBack(); + } else if (action == "getting_started") { + UI.gettingStart(); + } + } + $("#page_size_w").spinner({ + min : 200, + unit : "px", + step : 100, + onChange : function(val) { + Designer.setPageStyle({ + width : val + }); + } + }); + $("#page_size_h").spinner({ + min : 200, + unit : "px", + step : 100, + onChange : function(val) { + Designer.setPageStyle({ + height : val + }); + } + }); + // 给设置页面背景色，放一个colorpicker + var pickerHtml = $("#color_picker").html(); + var newPicker = $("
      " + + pickerHtml + "
      ").appendTo($("#bar_page_color")); + newPicker.css("right", "-179px"); + newPicker.children(".color_items").children("div").unbind().bind( + "click", function() { + var color = $(this).css("background-color"); + color = color.replace(/\s/g, ""); + color = color.substring(4, color.length - 1); + Designer.setPageStyle({ + backgroundColor : color + }); + $("#bar_list_page").dropdown("close"); + }); + // 抛出事件，控制状态 + Designer.events.push("selectChanged", 0); + Designer.events.push("clipboardChanged", 0); + Designer.events.push("undoStackChanged", 0); + Designer.events.push("redoStackChanged", 0); + }, + /** + * 更新UI + */ + update : function() { + var selectedIds = Utils.getSelectedIds(); + var count = selectedIds.length; + var linkerIds = Utils.getSelectedLinkerIds(); + var linkerCount = linkerIds.length; + var shapeIds = Utils.getSelectedShapeIds(); + var shapeCount = shapeIds.length; + var lockedCount = Utils.getSelectedLockedIds().length; + var groupCount = Utils.getSelectedGroups().length; + // 排列菜单 + var arrangeMenu = $("#bar_list_arrange"); + if (count == 0) { + $(".toolbar").find(".selected").removeClass("selected"); + // 没有选中，让某些按钮失效 + if ($("#designer_op_help").is(":visible")) { + $("#bar_brush").button("enable"); + $("#bar_brush").button("select"); + } else { + $("#bar_brush").button("disable"); + } + // 字体 + $("#bar_font_family").button("disable"); + $("#bar_font_size").button("disable"); + $("#bar_font_bold").button("disable"); + $("#bar_font_italic").button("disable"); + $("#bar_font_underline").button("disable"); + $("#bar_font_color").button("disable"); + $("#bar_font_align").button("disable"); + // 线条 + $("#bar_line_color").button("disable"); + $("#bar_line_width").button("disable"); + $("#bar_line_style").button("disable"); + // 顶层底层 + $("#bar_front").button("disable"); + $("#bar_back").button("disable"); + // 锁定 + $("#bar_lock").button("disable"); + // 编辑菜单 + var editMenu = $("#bar_list_edit"); + editMenu.children("li[ac=cut]").menuitem("disable"); + editMenu.children("li[ac=copy]").menuitem("disable"); + editMenu.children("li[ac=duplicate]").menuitem("disable"); + editMenu.children("li[ac=brush]").menuitem("disable"); + editMenu.children("li[ac=delete]").menuitem("disable"); + // 排列菜单 + arrangeMenu.children("li[ac=front]").menuitem("disable"); + arrangeMenu.children("li[ac=back]").menuitem("disable"); + arrangeMenu.children("li[ac=forward]").menuitem("disable"); + arrangeMenu.children("li[ac=backward]").menuitem("disable"); + arrangeMenu.children("li[ac=lock]").menuitem("disable"); + // 节点编号排序 + $("#bar_activityNo").button("enable"); + $("#bar_activityNo div").removeClass('extend_activityNoDisable'); + $("#bar_activityNo div").addClass('extend_activityNo'); + } else { + if (editable) { + // 选中，让某些按钮激活 + $("#bar_brush").button("enable"); + if ($("#designer_op_help").is(":visible")) { + $("#bar_brush").button("select"); + } + $("#bar_font_family").button("enable"); + $("#bar_font_size").button("enable"); + $("#bar_font_bold").button("enable"); + $("#bar_font_italic").button("enable"); + $("#bar_font_underline").button("enable"); + $("#bar_font_color").button("enable"); + $("#bar_font_align").button("enable"); + // 线条 + $("#bar_line_color").button("enable"); + $("#bar_line_width").button("enable"); + $("#bar_line_style").button("enable"); + // 顶层底层 + $("#bar_front").button("enable"); + $("#bar_back").button("enable"); + // 锁定 + $("#bar_lock").button("enable"); + // 编辑菜单 + var editMenu = $("#bar_list_edit"); + editMenu.children("li[ac=cut]").menuitem("enable"); + editMenu.children("li[ac=copy]").menuitem("enable"); + editMenu.children("li[ac=duplicate]").menuitem("enable"); + editMenu.children("li[ac=brush]").menuitem("enable"); + editMenu.children("li[ac=delete]").menuitem("enable"); + // 排列菜单 + arrangeMenu.children("li[ac=front]").menuitem("enable"); + arrangeMenu.children("li[ac=back]").menuitem("enable"); + arrangeMenu.children("li[ac=forward]").menuitem("enable"); + arrangeMenu.children("li[ac=backward]").menuitem("enable"); + arrangeMenu.children("li[ac=lock]").menuitem("enable"); + // 设置Toolbar样式 + var shape = Model.getShapeById(selectedIds[0]); + $("#bar_font_family").button("setText", shape.fontStyle.fontFamily); + $("#bar_font_size") + .spinner("setValue", shape.fontStyle.size + "px"); + if (shape.fontStyle.bold) { + $("#bar_font_bold").button("select"); + } else { + $("#bar_font_bold").button("unselect"); + } + if (shape.fontStyle.italic) { + $("#bar_font_italic").button("select"); + } else { + $("#bar_font_italic").button("unselect"); + } + if (shape.fontStyle.underline) { + $("#bar_font_underline").button("select"); + } else { + $("#bar_font_underline").button("unselect"); + } + $("#bar_font_color").button("setColor", shape.fontStyle.color); + $("#bar_line_color").button("setColor", shape.lineStyle.lineColor); + + // 节点编号排序 + $("#bar_activityNo").button("disable"); + $("#bar_activityNo div").removeClass('extend_activityNo'); + $("#bar_activityNo div").addClass('extend_activityNoDisable'); + } + } + + // AWS增加的按钮需要被控制开始 + if (count == 0) { + $("#toolbar-data-attr").button("disable"); + // 节点属性 + $("#toolbar-data-attr").unbind("click"); + $("#bar_arrange").button("disable"); + } else { + $("#toolbar-data-attr").button("enable"); + // 节点属性 + $("#toolbar-data-attr").bind("click", function() { + showPropertiesDialog(); + }); + $("#bar_arrange").button("enable"); + } + // AWS增加的按钮需要被控制完毕 + + // 通过图形的数量，判读是否可以填充 + if (shapeCount == 0) { + $("#bar_fill").button("disable"); + $("#toolbar-shape-attr").button("disable"); //形状属性 + } else { + if (editable) { + $("#bar_fill").button("enable"); + } + var shape = Model.getShapeById(shapeIds[0]); + // 图形填充 + if (shape.fillStyle.type == "solid") { + $("#bar_fill").button("setColor", shape.fillStyle.color); + } else if (shape.fillStyle.type == "gradient") { + $("#bar_fill").button("setColor", shape.fillStyle.endColor); + } + if(shapeCount == 1 && shape.name == BPMN_TYPE_USER_TASK) { //控制值选择一个人工任务时形状属性可用 + $("#toolbar-shape-attr").button("enable"); //形状属性 + } else { + $("#toolbar-shape-attr").button("disable"); //形状属性 + } + } + if (shapeCount != 1) { + $("#bar_link, #bar_risk").button("disable"); + $("#dock_btn_shapeConfig").button("disable"); + $("#dock_btn_shapeConfig").bind('click', function() { + $.simpleAlert("请选择形状"); + }); + } else { + $("#dock_btn_shapeConfig").unbind('click'); + $("#dock_btn_shapeConfig").button("enable"); + if (editable) { + $("#bar_link").button("enable"); + } + // 关联/推送文件不显示 + if ($('#bar_rmark').length == 0 && $('#bar_cancel_aws_correlate').length == 0) { + $("#bar_risk").button("enable"); + } else { + $("#bar_risk").button("disable"); + } + } + // 通过连接线的数量，判断是否可以修改箭头等 + if (linkerCount == 0) { + $("#bar_linkertype").button("disable"); + $("#bar_beginarrow").button("disable"); + $("#bar_endarrow").button("disable"); + } else { + $("#bar_linkertype").button("enable"); + $("#bar_beginarrow").button("enable"); + $("#bar_endarrow").button("enable"); + var shape = Model.getShapeById(linkerIds[0]); + // 设置Toolbar的线条样式 + $("#bar_linkertype").children("div:eq(0)").attr("class", + "ico linkertype_" + shape.linkerType.toLowerCase()); + if ( typeof shape.lineStyle.beginArrowStyle != "undefined") { + $("#bar_beginarrow").children("div:eq(0)").attr( + "class", + "ico ico_arrow larrow_" + + shape.lineStyle.beginArrowStyle.toLowerCase()); + } + if ( typeof shape.lineStyle.endArrowStyle != "undefined") { + $("#bar_endarrow").children("div:eq(0)").attr( + "class", + "ico ico_arrow rarrow_" + + shape.lineStyle.endArrowStyle.toLowerCase()); + } + + + } + // 通过锁定的数量，判断是否可以解除锁定 + if (lockedCount == 0) { + $("#bar_unlock").button("disable"); + arrangeMenu.children("li[ac=unlock]").menuitem("disable"); + } else { + $("#bar_unlock").button("enable"); + arrangeMenu.children("li[ac=unlock]").menuitem("enable"); + } + // 是否激活组合、对齐，条件是选中图形要不少于2个 + if (count < 2) { + arrangeMenu.children("li[ac=group]").menuitem("disable"); + $("#bar_arrange_align").menuitem("disable"); + } else { + arrangeMenu.children("li[ac=group]").menuitem("enable"); + $("#bar_arrange_align").menuitem("enable"); + } + // 是否激活匹配大小，条件是选中形状要不少于2个 + if (shapeCount < 2) { + $("#bar_arrange_match").menuitem("disable"); + } else { + $("#bar_arrange_match").menuitem("enable"); + } + // 是否激活排列图形菜单，条件是选中图形要不少于3个 + if (count < 3) { + $("#bar_arrange_dist").menuitem("disable"); + } else { + $("#bar_arrange_dist").menuitem("enable"); + } + // 通过组合的数量，判断是否可以取消组合 + if (groupCount == 0) { + arrangeMenu.children("li[ac=ungroup]").menuitem("disable"); + } else { + arrangeMenu.children("li[ac=ungroup]").menuitem("enable"); + } + //文件串联分析工具在未选择图形的时候有效 + if($("#dock_btn_eteanalysis").length != 0) { + if (count == 0) { + $("#dock_btn_eteanalysis").find(".awsui-iconfont").css("color","black"); + $("#dock_btn_eteanalysis").button("enable"); + $("#dock_btn_eteanalysis").removeAttr("onclick"); + $("#dock_btn_eteanalysis").off("click").on("click", function(){ + var f = $('#eteCascadeAnalysisForm'); + f.find(':input[name=uuid]').val(ruuid); + f.submit(); + }); + } else { + $("#dock_btn_eteanalysis").find(".awsui-iconfont").css("color","gray"); + $("#dock_btn_eteanalysis").button("disable"); + $("#dock_btn_eteanalysis").removeAttr("onclick"); + $("#dock_btn_eteanalysis").off("click"); + } + } + }, + /** + * 打开插入链接 + */ + showInsertLink : function() { + $("#link_dialog").dlg(); + var addr = Utils.getSelected()[0].link; + if (!addr) { + addr = ""; + } + $("#linkto_addr").val(addr).select(); + $("#linkto_addr").unbind().bind("keydown", function(e) { + if (e.keyCode == 13) { + UI.setLink(); + } + }); + }, + /** + * 设置连接 + */ + setLink : function() { + var newLink = $("#linkto_addr").val(); + var shape = Utils.getSelected()[0]; + shape.link = newLink; + Model.update(shape); + $('#link_dialog').dlg('close'); + }, + /** + * 选中图片后的回调 + * + * @type {} + */ + imageSelectedCallback : null, + /** + * 打开图片选择 + */ + showImageSelect : function(callback) { + if (callback) { + this.imageSelectedCallback = callback; + } else { + this.imageSelectedCallback = null; + } + this.fetchingRequest = null; + var height = $(window).height() - 200; + if (height > 550) { + height = 550; + } else if (height < 200) { + height = 200; + } + $(".image_list").height(height); + // this.showImageSelectContent("upload"); + $("#image_dialog").dlg({ + onClose : function() { + if (UI.fetchingRequest) { + UI.fetchingRequest.abort(); + } + } + }); + // 加载用户图片 + if ($("#image_select_upload").is(":visible")) { + UI.loadUserImages(); + }; + // 左侧分类绑定事件 + $(".image_sources").children().unbind().bind("click", function() { + UI.showImageSelectContent($(this).attr("ty")); + }); + // 上传 + $("#upload_img_res").empty(); + $("#input_upload_image").unbind().bind("change", function() { + $("#upload_img_res") + .html("上传中..."); + $("#frm_upload_image").submitForm({ + success : function(result) { + if (result.result == "type_wrong") { + $("#upload_img_res").html("此文件不是图片，请重新选择"); + } else if (result.result == "size_wrong") { + $("#upload_img_res").html("文件大小超出要求，最大2M"); + } else if (result.result == "exception") { + $("#upload_img_res").html("无法使用此图片，请选择其他图片"); + } else { + var img = result.image; + UI.setShapeImage(img.fileId, img.imageW, + img.imageH); + } + } + }); + }); + // 输入URL + $("#input_img_url").val(""); + $("#img_url_area").empty(); + var oldUrl = ""; + function urlChanged() { + var url = $("#input_img_url").val().trim(); + if (url != oldUrl) { + oldUrl = url + if (url != "") { + if (url.indexOf("http") < 0) { + url = "http://" + url; + } + $("#img_url_area") + .html("正在加载预览..."); + var newImage = $("").appendTo("#img_url_area"); + newImage.unbind().bind("load", function() { + newImage.show().addClass("img_url_loaded"); + $(".img_url_loading_tip").remove(); + }).bind("error", function() { + $("#img_url_area") + .html("
      无法在此地址下加载图片。
      • 请检查图片地址是否输入正确。
      • 确保图片地址是公开的。
        "); + }); + } + } + } + $("#input_img_url").unbind().bind("paste", function() { + urlChanged(); + }).bind("keyup", function() { + urlChanged(); + }); + // 搜索 + $("#input_img_search").unbind().bind("keydown", function(e) { + if (e.keyCode == 13) { + UI.searchImgByGoogle(); + } + }); + $("#btn_img_search").unbind().bind("click", function() { + UI.searchImgByGoogle(); + }); + // 完成按钮 + $("#set_image_submit").button("enable"); + $("#set_image_submit").button({ + onClick : function() { + var currentTab = $(".image_sources").children(".active") + .attr("ty"); + if (currentTab == "upload") { + var selectedImg = $("#user_image_items") + .children(".image_item_selected"); + if (selectedImg.length > 0) { + var fileId = selectedImg.attr("fileId"); + var imageW = selectedImg.attr("w"); + var imageH = selectedImg.attr("h"); + UI.setShapeImage(fileId, imageW, imageH); + } else { + $("#image_dialog").dlg("close"); + } + } else if (currentTab == "url") { + if ($(".img_url_loaded").length > 0) { + var url = $(".img_url_loaded").attr("src"); + UI.setShapeImageByURL(url); + } else { + $("#image_dialog").dlg("close"); + } + } else { + // 搜索 + var selectedImg = $("#google_image_items") + .children(".image_item_selected"); + if (selectedImg.length > 0) { + var url = selectedImg.attr("u"); + UI.setShapeImageByURL(url); + } else { + $("#image_dialog").dlg("close"); + } + } + } + }); + // 取消按钮 + $("#set_image_cancel").button({ + onClick : function() { + $("#image_dialog").dlg("close"); + } + }); + $("#set_image_text").empty(); + }, + /** + * 显示图片设置类型 + */ + showImageSelectContent : function(type) { + $(".image_list").hide(); + $("#image_select_" + type).show().find("input[type=text]").select(); + $(".image_sources").children().removeClass("active"); + $(".image_sources").children("li[ty=" + type + "]").addClass("active"); + }, + /** + * 加载用户图片 + */ + loadUserImages : function(refresh) { + $("#user_image_items").empty(); + $.ajax({ + url : "/user_image/list", + success : function(data) { + if (data.images) { + for (var i = 0; i < data.images.length; i++) { + var img = data.images[i]; + UI.appendUserImage(img); + } + $("#user_image_items") + .append("
        "); + } + } + }); + $("#user_image_items").attr("loaded", "true"); + }, + searchIndex : 0, + searchKeywords : "", + /** + * 通过Google搜索图片 + */ + searchImgByGoogle : function() { + var keywords = $("#input_img_search").val(); + if (keywords.trim() != "") { + $("#google_image_items").empty(); + this.searchKeywords = encodeURI(keywords); + this.searchIndex = 0; + this.loadGoogleImg(); + } else { + $("#input_img_search").focus(); + } + }, + /** + * 加载Google图片 + */ + loadGoogleImg : function() { + $ + .getScript("https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=" + + this.searchKeywords + + "&rsz=8&start=" + + (this.searchIndex * 16) + + "&callback=UI.googleImgCallback"); + $ + .getScript("https://ajax.googleapis.com/ajax/services/search/images?v=1.0&q=" + + this.searchKeywords + + "&rsz=8&start=" + + (this.searchIndex * 16 + 8) + + "&callback=UI.googleImgCallback"); + $(".gg_img_more").remove(); + $("#google_image_items") + .append("
        正在加载图片...
        "); + this.searchIndex++; + }, + /** + * Google搜索回调 + * + * @param {} + * data + */ + googleImgCallback : function(data) { + var responseData = data.responseData; + var results = responseData.results; + for (var i = 0; i < results.length; i++) { + var item = results[i]; + UI.appendGoogleImage(item); + } + $("#google_image_items").append("
        "); + $(".img_gg_loading_tip").remove(); + $(".gg_img_more").remove(); + if (this.searchIndex <= 3) { + $("#google_image_items") + .append("
        显示更多结果...
        "); + } + }, + /** + * 添加一个用户图片 + */ + appendUserImage : function(img) { + var box = $("
        ").appendTo($("#user_image_items")); + box.unbind().bind("click", function() { + $(".image_item_selected") + .removeClass('image_item_selected'); + $(this).addClass('image_item_selected'); + }).bind("mouseenter", function() { + var target = $(this); + var remove = $("
        ") + .appendTo(target); + var id = target.attr("id"); + remove.bind("click", function() { + target.fadeOut(); + $.ajax({ + url : "/user_image/remove", + data : { + imageId : id + } + }); + }); + }).bind("mouseleave", function() { + $(this).find(".ico_remove_red").remove(); + }); + var location = img.fileId; + var newImage = $("").appendTo(box); + newImage.bind("load", function() { + $(this).css("margin-top", (140 - $(this).height()) / 2); + }); + }, + /** + * 添加一个Google搜索的图片 + */ + appendGoogleImage : function(img) { + var title = img.title + " (" + img.width + " × " + img.height + ")"; + var box = $("
        ").appendTo($("#google_image_items")); + box.unbind().bind("click", function() { + $(".image_item_selected") + .removeClass('image_item_selected'); + $(this).addClass('image_item_selected'); + }); + var newImage = $("").appendTo(box); + newImage.bind("load", function() { + $(this).css("margin-top", (140 - $(this).height()) / 2); + }); + }, + /** + * 设置形状的背景图片 + * + * @param {} + * source + */ + setShapeImage : function(fileId, w, h) { + if (this.imageSelectedCallback) { + this.imageSelectedCallback(fileId, w, h); + } + $("#image_dialog").dlg("close"); + }, + /** + * 加载URL图片的ajax请求对象 + * + * @type {} + */ + fetchingRequest : null, + /** + * 通过URL设置图片 + * + * @param {} + * url + */ + setShapeImageByURL : function(url) { + $("#set_image_text").removeClass("errored").text("正在应用图片，请稍候..."); + $("#set_image_submit").button("disable"); + UI.fetchingRequest = $.ajax({ + url : "/user_image/reference", + data : { + url : url + }, + success : function(result) { + if (result.result == "exception") { + $("#set_image_text").addClass("errored") + .html("无法使用此图片，请选择其他图片"); + } else { + $("#set_image_text").empty(); + var img = result.image; + UI + .setShapeImage(img.fileId, img.imageW, + img.imageH); + } + } + }); + }, + /** + * 插入图片 + * + * @param {} + * source + * @param {} + * location + * @param {} + * w + * @param {} + * h + */ + insertImage : function(fileId, w, h) { + w = parseInt(w); + h = parseInt(h); + var layout = $("#designer_layout"); + var centerX = layout.width() / 2 + layout.offset().left; + var centerY = layout.height() / 2 + layout.offset().top; + var pos = Utils.getRelativePos(centerX, centerY, $("#designer_canvas")); + var shape = Model.create("standardImage", pos.x.restoreScale() - w / 2, + pos.y.restoreScale() - h / 2); + shape.props.w = w; + shape.props.h = h; + shape.fillStyle = { + type : "image", + fileId : fileId, + display : "fill", + imageW : w, + imageH : h + }; + Model.add(shape); + Designer.painter.renderShape(shape); + Utils.unselect(); + Utils.selectShape(shape.id); + }, + /** + * 导出流程手册 + */ + doOutputProcess: function () { + }, + /** + * 加载预览数据 + */ + doPreview: function () { + if ($("#saving_tip").text() != "已保存成功" && $("#saving_tip").text() != "保存成功" && $("#saving_tip").text() != "您的文件已经成功保存" && $("#saving_tip").text() != "") { + if (editable) { + $.simpleAlert('页面中有未保存的内容，请先保存'); + return; + } + } + $.simpleAlert('请稍后', 'loading'); + $.post("./jd", { + cmd: "com.actionsoft.apps.coe.pal_pl_repository_df", + sid: sid, + "uuid": chartId + }, function t(msg) { + $("#previewContent .procImg").remove(); + if (typeof(msg) == "string") { + msg = eval('(' + msg + ')'); + } + msg = msg.data.url; + if (msg == "") { + alert("请您先保存一个版本！"); + } else { + var img = $(""); + var hh = img.width(); + $("#previewContent").append(img); + } + $("#previewDialog").dialog({ + title: "预览", + width: window.innerWidth * 0.9, + height: window.innerHeight * 0.92 + }); + $.simpleAlert("close"); + }, "text"); + }, + /** + * 生成图片和缩略图 + */ + saveImage : function() { + if ($("#saving_tip").text() != "已保存成功" && $("#saving_tip").text() != "保存成功" && $("#saving_tip").text() != "您的文件已经成功保存" && $("#saving_tip").text() != "") { + if (editable) { + $.simpleAlert('页面中有未保存的内容，请先保存'); + return; + } + } + $.simpleAlert('请稍后', 'loading'); + $.ajax({ + type: "POST", + url: "./jd", + data: { + sid: sid, + cmd: "com.actionsoft.apps.coe.pal_pl_repository_image_save", + uuid: chartId + }, + success: function (r, textStatus, jqXHR) { + if(r.result == 'ok' ) { + $.simpleAlert("close"); + $.simpleAlert('图片创建完成', 'ok', 2000, {callback:function() { + var options = { + title : "提示", + content:"是否打开图片预览", + onConfirm: function(){ + $.simpleAlert("close"); + UI.doPreview();// 预览 + }, + onCancel : function(){ + } + }; + $.confirm(options); + }}); + } else { + console.log(r); + $.simpleAlert("close"); + $.simpleAlert(r.data.desc, 'error'); + } + }, + error: function (jqXHR, textStatus, errorThrown) { + $.simpleAlert(errorThrown, 'err'); + console.log(jqXHR) + console.log(textStatus) + console.log(errorThrown) + } + }); + }, + showVersionCompare : function() { + $("#dialog_version_compare").dialog({ + buttons:[ + {text:'确定',cls:"blue",handler:function(){ + var checkboxs = $("input[name='version']:checked"); + var numCheck = checkboxs.length; + if (numCheck != 2) { + $.simpleAlert("请选择两个需要对比的版本", "warning"); + return; + } + var firstId; + var secondId; + var values = []; + var names = []; + checkboxs.each(function (){ + values.push($(this).val()); + names.push($(this).data("name")); + }); + firstId = values[0]; + secondId = values[1]; + awsui.ajax.post("./jd?sid="+sid+"&cmd=com.actionsoft.apps.coe.pal_pl_version_compare", { firstId: firstId, secondId: secondId}, function(data) { + $("#dialog_version_compare").dialog("close"); + var fileAttrCompare = data.fileAttrCompare; + var shapeAttrCompare = data.shapeAttrCompare; + var fileHtml = ""; + var shapeHtml = ""; + if (fileAttrCompare.length > 0) { + for (var i = 0; i < fileAttrCompare.length; i++) { + fileHtml += fileAttrCompare[i] + "
        "; + } + $("#fileAttr").html(fileHtml); + } + if (shapeAttrCompare.length > 0) { + for (var i = 0; i < shapeAttrCompare.length; i++) { + shapeHtml += shapeAttrCompare[i] + "
        "; + } + $("#shapeAttr").html(shapeHtml); + } + $("#versionCompareResult").show(); + $("#dialog_version_compare_result").dialog({ + + }); + }, 'json'); + } + } + ] + }); + }, + /** + * 流程导出 + */ + processExport : function() { + //先处理准备好导出的流程数据 + if ($("#saving_tip").text() != "已保存成功" && $("#saving_tip").text() != "保存成功" && $("#saving_tip").text() != "您的文件已经成功保存" && $("#saving_tip").text() != "") { + if (editable) { + $.simpleAlert('页面中有未保存的内容，请先保存'); + return; + } + } + var repositoryIds = []; + repositoryIds.push(ruuid); + var options = { + title : "提示", + content:"确定导出并下载文件吗？", + onConfirm: function(){ + $.simpleAlert('正在导出', 'loading'); + $.ajax({ + type: "POST", + url: "./jd", + data: { + sid: sid, + cmd: "com.actionsoft.apps.coe.pal_pl_export_handle", + repositoryIds: JSON.stringify(repositoryIds) + }, + success: function (r, textStatus, jqXHR) { + if(r.result == 'ok' ) { + $.simpleAlert("close"); + $.simpleAlert('导出完成', 'ok', 2000, {callback:function() { + $.simpleAlert("close"); + // 下载 + $.ajax({ + type: "POST", + url: "./jd", + data: { + sid: sid, + cmd: "com.actionsoft.apps.coe.pal_pl_export", + exportTitle: r.data.exportTitle, + exportCount: r.data.exportCount, + dcId: r.data.dcId, + }, + success: function (r, textStatus, jqXHR) { + if(r.result == 'ok' ) { + window.location.href = r.data.downLoadUrl; + } else { + console.log(r); + } + }, + error: function (jqXHR, textStatus, errorThrown) { + $.simpleAlert(errorThrown, 'err'); + console.log(jqXHR) + console.log(textStatus) + console.log(errorThrown) + } + }); + }}); + } else { + console.log(r); + $.simpleAlert("close"); + } + }, + error: function (jqXHR, textStatus, errorThrown) { + $.simpleAlert(errorThrown, 'err'); + console.log(jqXHR) + console.log(textStatus) + console.log(errorThrown) + } + }); + }, + onCancel : function(){ + } + }; + $.confirm(options); + }, + openNewPage : function() { + window.open(location.href); + }, + /** + * 执行导出 + */ + doExport : function() { + // var definition = JSON.stringify(Model.define); + // $("#export_definition").val(definition); + // $("#export_title").val($(".diagram_title").text()); + // $("#export_form").submit(); + if ($("#saving_tip").text() != "已保存成功" && $("#saving_tip").text() != "保存成功" && $("#saving_tip").text() != "您的文件已经成功保存" && $("#saving_tip").text() != "") { + if (editable) { + $.simpleAlert('页面中有未保存的内容，请先保存'); + return; + } + } + $.simpleAlert('请稍后', 'loading'); + var type = $('input[name="type"]:checked').val(); + $.post("./jd", { + cmd : "com.actionsoft.apps.coe.pal_pl_repository_download_png", + sid : sid, + "uuid" : chartId, + type : type + }, function t(msg) { + if (typeof(msg) == "string") { + msg = eval('(' + msg + ')'); + } + msg = msg.data.url; + if (msg == "") { + alert("请您先保存一个版本！"); + } else { + //window.open(msg); + $("#export_iframe").attr("src", msg); + } + $.simpleAlert("close"); + }, "text"); + $('#export_dialog').dlg('close'); + }, + /** + * 展示hotkey列表 + */ + showHotKey : function() { + var height = $(window).height() - 175; + if (height > 500) { + height = 500 + "px"; + } + $("#hotkey_list").dlg(); + $("#hotkey_list").css({ + "top" : "28px" + }); + $("#hotkey_list .dialog_content").css({ + "height" : height + }); + }, + /** + * 显示反馈dialog + */ + showFeedBack : function() { + $("#send_feedback").css({ + width : "auto", + height : "auto" + }); + var sendFeedBack = $("#send_feedback"); + sendFeedBack.dlg(); + $("#feedback_email").focus(); + $("#feedback_message").val(""); + $(".feedback_error_email_format").hide(); + $(".feedback_error_msg").hide(); + }, + /** + * 发送反馈 + */ + sendFeedBack : function(dom) { + $(".feedback_error_email_format").hide(); + $(".feedback_error_msg").hide(); + var email = $.trim($("#feedback_email").val()); + var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/; + if (!reg.test(email)) { + $("#feedback_email").focus(); + $(".feedback_error_email_format").show(); + return; + } + var feedbackMessage = $.trim($("#feedback_message").val()); + if (feedbackMessage == "") { + $("#feedback_message").val("").focus(); + $(".feedback_error_msg").show(); + return; + } + Util.ajax({ + url : "/support/save_ask", + data : { + content : feedbackMessage, + username : $("#feedback_name").val(), + email : email, + url : location.href + }, + success : function(data) { + $(".dlg_mask").remove(); + $("#send_feedback").animate({ + left : $(window).width(), + top : $(window).height(), + width : 0, + height : 0, + opacty : 0.2 + }); + } + }); + }, + /** + * 打开开始向导 + */ + gettingStart : function(delay) { + this.showStartStep(1); + }, + showStartStep : function(step, dom) { + $(".mark_content").hide(); + var content = $(".mark" + step + "_content"); + content.show(); + var top; + var left; + if (step == 1) { + top = $("#shape_panel").offset().top + 70; + left = $("#shape_panel").offset().left + $("#shape_panel").width() + + 10; + } else if (step == 2) { + top = $(".row2").offset().top + 30; + left = $("#menu_bar_insert").offset().left + + $("#menu_bar_insert").width() - content.outerWidth() / 2; + } else if (step == 3) { + top = $(".toolbar").offset().top + 40; + left = 270; + } else if (step == 4) { + top = $("#dock").offset().top + 10; + left = $("#dock").offset().left - content.outerWidth() - 10 + } else if (step == "created") { + top = dom.offset().top + dom.height() / 2 - content.outerHeight() + / 2; + if (top <= 0) { + top = 0; + } + if (top + content.outerHeight() > $(window).height()) { + top = $(window).height() - content.outerHeight(); + } + left = dom.offset().left + dom.width() + 10; + } + content.css({ + top : top, + left : left + }); + }, + /** + * 关闭开始向导 + * + * @param {} + * dom + */ + closeGettingStart : function(dom) { + $(".mark_content").hide(); + }, + /** + * Getting Start END-- + */ + + showAddColla : function() { + Util.ajax({ + url : "/collaboration/get_colla_role_list", + data : { + chartId : chartId + }, + success : function(data) { + $("#colla_dialog").find(".role_list").html(data).scrollTop(999); + $("#colla_dialog").removeClass("_update"); + $("#colla_dialog").css({ + "top" : ($(window).height() - $("#colla_dialog") + .outerHeight()) + * 0.5 + "px" + }); + $("#colla_dialog").dlg(); + $("#colla_suggest_box").empty(); + $("#add_prompt4").hide(); + $("#add_prompt3").hide(); + $("#add_prompt2").hide(); + $("#add_prompt1").show(); + } + }); + + var lastVal = ""; + $("#input_add_colla").val("").unbind().bind("keyup", function() { + // 加载信息 + var value = $(this).val(); + if (value == lastVal) { + return; + } + lastVal = value; + if (value == "") { + $("#colla_suggest_box").empty(); + $("#add_prompt4").hide(); + $("#add_prompt3").hide(); + $("#add_prompt2").hide(); + $("#add_prompt1").show(); + return; + } + Util.ajax({ + url : "/collaboration/get_new_members", + data : { + value : value + }, + success : function(data) { + $("#colla_suggest_box").html(data); + if ($("#colla_suggest_box").find("ul").length > 0) { + $("#add_prompt4").hide(); + $("#add_prompt3").hide(); + $("#add_prompt2").show(); + $("#add_prompt1").hide(); + } else { + $("#add_prompt4").hide(); + $("#add_prompt3").hide(); + $("#add_prompt2").hide(); + $("#add_prompt1").show(); + } + $(".colla_suggest").find("li").unbind().bind("click", + function() { + $("#add_prompt4").hide(); + $("#add_prompt3").hide(); + $("#add_prompt2").show(); + $("#add_prompt1").hide(); + var value = $.trim($("#input_add_colla").val()); + $(".colla_suggest").find("li") + .removeClass("seled"); + $(this).addClass("seled"); + var type = $(this).attr("joinType"); + var target = $(this).attr("target"); + if (type == "user") { + var userName = $(this).attr("username"); + $("#input_add_colla").val(userName); + $("#add_userid").val(target); + } else { + $("#input_add_colla").val(target); + $("#add_userid").val(target); + } + $("#add_type").val(type); + }); + } + }); + }); + }, + doAddCollaboration : function() { + if ($(".colla_suggest").length > 0) { + if ($(".colla_suggest").find(".seled").length == 0) { + $("#add_prompt1").hide(); + $("#add_prompt2").show(); + $("#add_prompt3").hide(); + $("#add_prompt4").hide(); + var top = ($(window).outerHeight() - 104) * 0.5 + 100; + var left = ($(window).outerWidth() - 272) * 0.5; + $("#confirm_dlg").removeClass("newSize").css({ + top : top + "px", + left : left + "px" + }); + $("#confirm_dlg").addClass("newSize").css({ + top : ($(window).outerHeight() - $("#confirm_dlg").height()) + * 0.5 + "px", + left : ($(window).outerWidth() - $("#confirm_dlg").width()) + * 0.5 + "px", + display : "block" + }); + } else { + var imgSrc = $(".colla_suggest").find(".seled").find("img") + .attr("src"); + var userFullName = $("#input_add_colla").val(); + if (userFullName.length > 30) { + userFullName = userFullName.substr(0, 30) + "..."; + } + var target = $("#add_userid").val(); + var role = $("#invit_role").val(); + var type = $("#add_type").val(); + $(".add_new_button") + .find(".designer_button") + .text("<@i18n resource='diagraming.collaboation_sending'/>"); + var target_item = null; + if (type == "email") { + $(".role_list").find(".role_item").each(function() { + if ($(this).attr("type") == type + && $(this).attr("target") == target) { + target_item = $(this); + $(this) + .find(".inviting_") + .text("<@i18n resource='diagraming.collaboation_inviting_again'/>"); + } + }); + } + + var paramOuter = { + type : type, + target : target, + role : role, + chartId : chartId + }; + Util.ajax({ + url : "/collaboration/add", + data : paramOuter, + success : function(data) { + var result = data.result; + if (result == "exists") { + $("#add_prompt2").hide(); + $("#add_prompt1").hide(); + $("#add_prompt4").hide(); + $("#add_prompt3").show(); + } else { + Util.ajax({ + url : "/collaboration/get_colla_role_list", + data : { + chartId : chartId + }, + success : function(data) { + $(".role_list").html(data) + .scrollTop(999); + } + }); + } + $(".add_new_button") + .find(".designer_button") + .text("<@i18n resource='diagraming.collaboation_send_invitation'/>"); + $("#colla_dialog").addClass("_update").css({ + top : ($(window).height() - $("#colla_dialog") + .outerHeight()) + * 0.5 + "px" + }); + if (result != "exists") { + setTimeout(function() { + $("#add_prompt3").hide(); + $("#add_prompt2").hide(); + $("#add_prompt1").hide(); + $("#add_prompt4").show(); + }, 400); + } + setTimeout(function() { + $("#add_prompt3").hide(); + $("#add_prompt2").hide(); + $("#add_prompt4").hide(); + $("#add_prompt1").show(); + $("#input_add_colla").val(""); + $("#colla_suggest_box").html(""); + }, 1000); + } + }); + } + } + }, + deleteCollaRole : function(dom) { + var parent = $(dom).parent(".role_item"); + var collaborationId = parent.attr("collaborationId"); + Util.ajax({ + url : "/collaboration/delete", + data : { + collaborationId : collaborationId + }, + success : function(data) { + if (data.result == "success") + parent.remove(); + } + }); + + $("#colla_dialog").addClass("_update").css({ + top : ($(window).height() - $("#colla_dialog").outerHeight()) * 0.5 + + "px" + }); + }, + changeCollaRole : function(collaborationId, dom) { + Util.ajax({ + url : "/collaboration/set_role", + data : { + collaborationId : collaborationId, + role : $(dom).val() + }, + success : function(data) { + if (data.result == "success") { + $(dom).parent(".given_role") + .find(".change_success").stop().animate({ + "left" : "-38px" + }, 200).delay(400).animate({ + "left" : "0px" + }, 200); + } + } + }); + }, + /** + * 打开图形管理 + */ + showShapesManage : function() { + var $dialog = $("#shapes_dialog").dialog({ + buttons : [{ + text : '确定', + cls : "blue", + handler : UI.saveShapesManage + }, { + text : '关闭', + handler : function() { + $dialog.dialog("close"); + } + }] + }); + $("#shape_manage_list").children("li").unbind().bind("click", + function() { + var chkbox = $(this).find("input"); + var checked = !chkbox.is(":checked"); + chkbox.attr("checked", checked); + cateChanged(chkbox); + }); + $("#shape_manage_list").find("input").unbind().bind("click", + function(e) { + e.stopPropagation(); + cateChanged($(this)); + }); + // .each(function(){ + // var categorys = $(this).val(); + // var arr = categorys.split(","); + // var exists = true; + // for(var i = 0; i < arr.length; i++){ + // var cate = arr[i]; + // if(!CategoryMapping[cate]){ + // //此分类下的图形，没有在当前使用中 + // exists = false; + // break; + // } + // } + // $(this).attr("checked", exists); + // }); + + function cateChanged(chk) { + var value = chk.val(); + var arr = value.split(","); + var chked = chk.is(":checked"); + if (arr.length > 1) { + // 是父级节点 + $("#shape_manage_list").find("input").each(function() { + var cate = $(this).val(); + if (arr.indexOf(cate) >= 0) { + // 是选择父级的子节点 + $(this).attr("checked", chked); + } + }); + } else { + // 选择的是子节点 + $("#shape_manage_list").find(".cate_parent").each(function() { + // 获取所有的父节点，判断子节点是否都全部选中了 + var cates = $(this).val().split(","); + var allChked = true; + for (var i = 0; i < cates.length; i++) { + var cate = cates[i]; + if (!$("#shape_manage_list").find("input[value=" + cate + + "]").is(":checked")) { + allChked = false; + break; + } + } + $(this).attr("checked", allChked); + }); + } + } + }, + /** + * 保存图形管理 + */ + saveShapesManage : function() { + var checked = $("#shape_manage_list") + .find("input:checked:not(.cate_parent)").map(function() { + return $(this).val(); + }).get(); + var a = ""; + var messages = { + categories : checked.join(",") + }; + // //发送消息 + // var msgObj = { + // action: "changeSchema", + // messages: JSON.stringify(messages) + // }; + // CLB.send(msgObj); + Designer.setSchema(checked.join(","), function() { + $("#shapes_dialog").dialog("close"); + }); + }, + /** + * 打开用户菜单 + */ + showUserMenu : function(e) { + e.stopPropagation(); + $("#user_menu").dropdown({ + target : $(".user"), + position : "right", + onSelect : function(item) { + var action = item.attr("ac"); + if (action == "dia") { + location.href = "/diagrams"; + } else if (action == "net") { + location.href = "/network"; + } else if (action == "out") { + location.href = "/login/out"; + } + } + }); + }, + /** + * 打开另存为 + */ + showSaveAs : function() { + $("#saveas_dialog").dlg(); + $("#saveas_title").val($(".diagram_title").text()).select(); + }, + doSaveAs : function() { + if ($("#saveas_title").val().trim() == "") { + $("#saveas_title").focus(); + return; + } + $("#hid_saveas_id").val(chartId); + $("#saveas_form").submit(); + $("#btn_dosaveas").removeAttr("onclick"); + }, + activityNoDlg : function() { + //创建Dialog的DOM，关闭时销毁 + var dialogHTML = ''; + /*计算dialog高度，规则 + 1、最小值340 + 2、每行26px，1条件出现纵向滚动条时（行>8），需要根据高度行数扩大 + 3、最大window.height-40 + */ + //获取当前节点号数组 + // var filterNames = 'timerIntermediateCatchEvent,messageIntermediateCatchEvent,signalIntermediateCatchEvent,messageIntermediateThrowingEvent,signalIntermediateThrowingEvent,compensateIntermediateThrowingEvent,userTask,serviceTask,scriptTask,manualTask,businessRuleTask,sendTask,receiveTask,callActivityCallingProcess,'; + var filterNames = undefined; + var taskList = UI.getTasksList(filterNames); + var dialogHeight = 340; + if (taskList.length > 8) { + dialogHeight = 340 + (taskList.length - 8) * 26 + } + if (dialogHeight > ($(window).height() - 80)) { + dialogHeight = ($(window).height() - 80); + } + dialogHTML += ''; + $(document.body).append(dialogHTML); + //显示Dialog + $("#activityNoDialog").dialog({ + onClose: function () { + $('#activityNoDialog').remove(); + $('#row-drag-obj').remove();//grid拖动时产生的行，鼠标拖动到document外时，该div一直显示 + }, + buttons: [ + { + text: '确定', cls: "blue", + handler: function () { + if (activityNoArr.length > 0) { + //将节点号重新设置 + var allRows = activityNoGrid.awsGrid('getAllRows'); + for (var shapeId in Model.define.elements) { + var shape = Model.getShapeById(shapeId); + for(var x = 0; x < allRows.length; x++) { + var obj = allRows[x]; + if(obj.id == shape.id) { + if (shape.dataAttributes != undefined) { + for (var i = 0; i < shape.dataAttributes.length; i++) { + for (var i = 0; i < shape.dataAttributes.length; i++) { + var attrArr = shape.dataAttributes[i]; + if (attrArr.attributesJsonArray && attrArr.attributesJsonArray.length > 0) { + for (var j = 0; j < attrArr.attributesJsonArray.length; j++) { + var attr = attrArr.attributesJsonArray[j]; + if (attr.id == 'number') { + attr.value = parseInt(obj.no); + break; + } + } + break; + } + } + } + } + } + } + } + if (isAutoSave == "0" ){ + $("#saving_tip").css("color", "rgb(255, 0, 0)"); + $("#saving_tip").text("文件已修改，未保存"); + } + } + $("#activityNoDialog").dialog('close'); + } + }, + { + text: '取消', handler: function () { + $("#activityNoDialog").dialog('close'); + } + } + ] + }); + var activityNoArr = [];//JSON数组 + for (var i = 0; i < taskList.length; i++) { + var task = taskList[i]; + var activityNoObj = {}; + activityNoObj.id = task.id; + if (task.text) { + activityNoObj.name = task.text; + } else { + activityNoObj.name = '（无名称）' + task.title; + } + activityNoObj.no = task.orderIndex; + activityNoArr[i] = activityNoObj; + } + if (activityNoArr.length == 0) { + $('#activityNoGrid').height(dialogHeight - 100); + $('#activityNoGrid').width(317); + $('#activityNoAlert').remove(); + $('#activityNoGrid').append($('
        '+ + '
        '+ + ''+ + '不支持编号排序'+ + '画布没有形状或者形状没有编号属性'+ + '
        '+ + '
        ')); + awsuiMessagePage(); + return; + } + //渲染Grid + var activityNoGridOptions = { + width: 317, + height: dialogHeight - 100, + flexWidth: false, + flexHeight: false, + resizable: false, + selectionModel: { + type: "none", + model: "single" + }, + scrollModel: { + vertical: true, + horizontal: false + }, + bottomVisible: false, + rowDrag: true + }; + activityNoGridOptions.colModel = [ + {title: "名称", width: 200, align: 'left', dataType: 'string', dataIndx: 'name', resizable: false, sortable: false}, + {title: "节点号", width: 80, align: 'center', dataType: 'integer', dataIndx: 'no', resizable: false, sortable: false} + ]; + activityNoGridOptions.dataModel = { + data: activityNoArr, + location: "local", + sorting: "local", + sortIndx: "no", + sortDir: "up" + }; + var activityNoGrid = $("#activityNoGrid").awsGrid(activityNoGridOptions); + activityNoGrid.awsGrid('option', 'rowDragCallback', function (source, target) { + return true; + }); + activityNoGrid.awsGrid('option', 'rowDragSuccessCallback', function (source, target) { + //重新排列序号 + var allRows = activityNoGrid.awsGrid('getAllRows'); + for (var i = 0; i < allRows.length; i++) { + allRows[i].no = (i + 1); + } + activityNoGrid.awsGrid('refreshDataAndView'); + }); + }, + getTasksList: function (filterNames) { + var filterNode = []; + var nodes = Model.define.elements; + if (filterNames == undefined) { + return UI.getALLTasksList(); + } + }, + getALLTasksList: function () { + var filterNode = []; + for (var shapeId in Model.define.elements) { + var shape = Model.getShapeById(shapeId); + if (shape.dataAttributes != undefined) { + for (var i = 0; i < shape.dataAttributes.length; i++) { + for (var i = 0; i < shape.dataAttributes.length; i++) { + var attrArr = shape.dataAttributes[i]; + if (attrArr.attributesJsonArray && attrArr.attributesJsonArray.length > 0) { + for (var j = 0; j < attrArr.attributesJsonArray.length; j++) { + var attr = attrArr.attributesJsonArray[j]; + if (attr.id == 'number') { + var tempNumber = 0; + var number = attr.value; + if(typeof number == 'string') number = number.replace(/^\s+|\s+$/g,""); + if(!isNaN(number) && number != '') { + tempNumber = number; + } + var obj = {}; + obj.text = shape.text; + obj.id = shapeId; + obj.orderIndex = tempNumber; + filterNode.push(obj); + break; + } + } + break; + } + } + } + } + } + return filterNode; + }, + batchReplace: function() { + if ($("#saving_tip").text() != "已保存成功" && $("#saving_tip").text() != "保存成功" && $("#saving_tip").text() != "您的文件已经成功保存" && $("#saving_tip").text() != "") { + if (editable) { + $.simpleAlert('页面中有未保存的内容，请先保存'); + return; + } + } + // 打开批量处理框 + initWizardByDesinger(); + } +}; + +/** + * 右侧的Dock控件 + * + * @type {} + */ +var Dock = { + init : function() { + var layoutW = $("#designer_layout").width(); + var viewW = $("#layout_block").width(); + // 总宽度减去可视区域的宽度，得到滚动条宽度 + var navRight = layoutW - viewW; + $("#dock").css("right", navRight); + var dockRight = navRight + $("#dock").outerWidth() - 1; + $(".dock_view").css("right", dockRight); + if ($("#demo_signup").length) { + var signupH = $("#demo_signup").outerHeight(); + $("#dock").css("top", signupH); + $(".dock_view").css("top", signupH + 10); + } + $(".ico_dock_collapse").bind("click", function() { + $(".dock_view").hide(); + $(".dock_buttons").children().removeClass("selected"); + if (Dock.currentView == "history") { + Dock.closeHistory(); + } + Dock.currentView = ""; + }); + $(window).bind("resize.dock", function() { + if (Dock.currentView == "attribute") { + Dock.fitAttrList(); + } + }); + // 缩放 + $("#dock_zoom").spinner({ + min : 50, + max : 200, + unit : "%", + step : 10, + onChange : function(val) { + Designer.setZoomScale(val / 100); + } + }); + // 线条颜色 + $("#dock_line_color").colorButton({ + onSelect : function(color) { + Designer.setLineStyle({ + lineColor : color + }); + } + }); + // 线条类型 + $("#dock_line_style").button({ + onMousedown : function() { + $("#line_style_list").dropdown({ + target : $("#dock_line_style"), + onSelect : function(item) { + var lineStyle = item.attr("line"); + Designer.setLineStyle({ + lineStyle : lineStyle + }); + var cls = item.children("div").attr("class"); + $("#dock_line_style").children(".linestyle").attr( + "class", cls); + } + }); + var style = Utils.getSelected()[0].lineStyle.lineStyle; + var item = $("#line_style_list").children("li[line=" + style + + "]"); + $("#line_style_list").dropdown("select", item); + } + }); + // 线条宽度 + $("#dock_line_width").spinner({ + min : 0, + max : 10, + unit : "px", + step : 1, + onChange : function(val) { + Designer.setLineStyle({ + lineWidth : val + }); + } + }); + // 填充类型 + $("#dock_fill_type").button({ + onMousedown : function() { + $("#dock_fill_list").dropdown({ + target : $("#dock_fill_type"), + onSelect : function(item) { + var type = item.attr("ty"); + $("#dock_fill_type").button("setText", + item.text()); + if (type == "image") { + UI.showImageSelect(function(fileId, w, h) { + Designer.setFillStyle({ + type : "image", + fileId : fileId, + imageW : w, + imageH : h + }); + }); + } else { + Designer.setFillStyle({ + type : type + }); + var shapeIds = Utils.getSelectedShapeIds(); + var shape = Model.getShapeById(shapeIds[0]); + Dock.setFillStyle(shape.fillStyle); + } + } + }); + var type = $("#dock_fill_type").text(); + $("#dock_fill_list").children().each(function() { + if ($(this).text() == type) { + $("#dock_fill_list") + .dropdown("select", $(this)); + return false; + } + }); + } + }); + // 填充颜色 + $("#fill_solid_btn").colorButton({ + onSelect : function(color) { + Designer.setFillStyle({ + color : color + }); + } + }); + // 渐变开始颜色 + $("#fill_gradient_begin").colorButton({ + onSelect : function(color) { + Designer.setFillStyle({ + beginColor : color + }); + $("#fill_gradient_begin").attr("c", color); + } + }); + // 渐变结束颜色 + $("#fill_gradient_end").colorButton({ + onSelect : function(color) { + Designer.setFillStyle({ + endColor : color + }); + $("#fill_gradient_end").attr("c", color) + } + }); + // 渐变颜色交换 + $("#gradient_swap").button({ + onClick : function() { + var begin = $("#fill_gradient_begin").attr("c"); + var end = $("#fill_gradient_end").attr("c"); + $("#fill_gradient_begin").attr("c", end).colorButton( + "setColor", end); + $("#fill_gradient_end").attr("c", begin).colorButton( + "setColor", begin); + Designer.setFillStyle({ + beginColor : end, + endColor : begin + }); + } + }); + // 渐变类型 + $("#gradient_type").button({ + onMousedown : function() { + $("#gradient_type_list").dropdown({ + target : $("#gradient_type"), + onSelect : function(item) { + var type = item.attr("ty"); + $("#gradient_type").button("setText", item.text()); + Designer.setFillStyle({ + gradientType : type + }); + $(".gradient_details").hide(); + $("#gradient_type_" + type).show(); + var shapeIds = Utils.getSelectedShapeIds(); + var shape = Model.getShapeById(shapeIds[0]); + var fillStyle = shape.fillStyle; + if (type == "linear") { + $("#gradient_angle").spinner( + "setValue", + Math.round(fillStyle.angle / Math.PI * 180) + + "°"); + } else { + $("#gradient_radius").spinner("setValue", + Math.round(fillStyle.radius * 100) + "%"); + } + } + }); + var type = $("#gradient_type").text().trim(); + $("#gradient_type_list").children().each(function() { + if ($(this).text() == type) { + $("#gradient_type_list").dropdown("select", + $(this)); + return false; + } + }); + } + }); + // 线性渐变角度 + $("#gradient_angle").spinner({ + min : 0, + max : 360, + unit : "°", + step : 15, + onChange : function(val) { + var angle = val / 180 * Math.PI; + Designer.setFillStyle({ + angle : angle + }); + } + }); + // 径向渐变半径 + $("#gradient_radius").spinner({ + min : 0, + max : 100, + unit : "%", + step : 5, + onChange : function(val) { + Designer.setFillStyle({ + radius : val / 100 + }); + } + }); + // 改变背景图片 + $("#fill_change_img").button({ + onClick : function() { + UI.showImageSelect(function(fileId, w, h) { + Designer.setFillStyle({ + type : "image", + fileId : fileId, + imageW : w, + imageH : h + }); + }); + } + }); + // 背景图片显示 + $("#fill_img_display").button({ + onMousedown : function() { + $("#img_display_list").dropdown({ + target : $("#fill_img_display"), + onSelect : function(item) { + var type = item.attr("ty"); + $("#fill_img_display").button("setText", + item.text()); + Designer.setFillStyle({ + display : type + }); + } + }); + } + }); + // 透明度 + $("#spinner_opacity").spinner({ + min : 0, + max : 100, + unit : "%", + step : 5, + onChange : function(val) { + Designer.setShapeStyle({ + alpha : val / 100 + }); + } + }); + // X坐标 + $("#dock_metric_x").spinner({ + min : -800, + unit : "px", + step : 5, + onChange : function(val) { + Designer.setShapeProps({ + x : val + }); + } + }); + $("#dock_metric_x").spinner("setValue", "0px"); + // 宽度 + $("#dock_metric_w").spinner({ + min : 20, + unit : "px", + step : 5, + onChange : function(val) { + Designer.setShapeProps({ + w : val + }); + } + }); + // Y坐标 + $("#dock_metric_y").spinner({ + min : -800, + unit : "px", + step : 5, + onChange : function(val) { + Designer.setShapeProps({ + y : val + }); + } + }); + $("#dock_metric_y").spinner("setValue", "0px"); + // 高度 + $("#dock_metric_h").spinner({ + min : 20, + unit : "px", + step : 5, + onChange : function(val) { + Designer.setShapeProps({ + h : val + }); + } + }); + // 角度 + $("#dock_metric_angle").spinner({ + min : 0, + max : 360, + unit : "°", + step : 15, + onChange : function(val) { + var angle = val / 180 * Math.PI; + Designer.setShapeProps({ + angle : angle + }); + } + }); + // 画布尺寸 + $("#dock_page_size").button({ + onMousedown : function() { + $("#page_size_list").dropdown({ + target : $("#dock_page_size"), + onSelect : function(item) { + var w = parseInt(item.attr("w")); + var h = parseInt(item.attr("h")); + Designer.setPageStyle({ + width : w, + height : h + }); + $("#dock_page_size").button("setText", + item.text()); + } + }); + var item = $("#page_size_list").children("li[w=" + + Model.define.page.width + "][h=" + + Model.define.page.height + "]"); + if (item.length > 0) { + $("#page_size_list").dropdown("select", item); + } else { + $("#page_size_list").dropdown("select", + $("#dock_size_custom")); + } + $("#dock_size_w").spinner("setValue", + Model.define.page.width + "px"); + $("#dock_size_h").spinner("setValue", + Model.define.page.height + "px"); + } + }); + $("#dock_size_w").spinner({ + min : 200, + unit : "px", + step : 100, + onChange : function(val) { + Designer.setPageStyle({ + width : val + }); + } + }); + $("#dock_size_h").spinner({ + min : 200, + unit : "px", + step : 100, + onChange : function(val) { + Designer.setPageStyle({ + height : val + }); + } + }); + // 页面边距 + $("#dock_page_padding").button({ + onMousedown : function() { + $("#page_padding_list").dropdown({ + target : $("#dock_page_padding"), + onSelect : function(item) { + var p = parseInt(item.attr("p")); + Designer.setPageStyle({ + padding : p + }) + $("#dock_page_padding").button("setText", + item.text()); + } + }); + var item = $("#page_padding_list").children("li[p=" + + Model.define.page.padding + "]"); + $("#page_padding_list").dropdown("select", item); + } + }); + // 画布背景颜色 + $("#dock_page_color").colorButton({ + position : "center", + onSelect : function(color) { + Designer.setPageStyle({ + backgroundColor : color + }); + } + }); + // 是否显示网格 + $("#dock_page_showgrid").bind("change", function() { + var showGrid = $(this).is(":checked"); + Designer.setPageStyle({ + showGrid : showGrid + }); + if (showGrid) { + $("#dock_gridsize_box").show(); + } else { + $("#dock_gridsize_box").hide(); + } + }); + // 网格大小 + $("#dock_page_gridsize").button({ + onMousedown : function() { + $("#page_gridsize_list").dropdown({ + target : $("#dock_page_gridsize"), + onSelect : function(item) { + var s = parseInt(item.attr("s")); + Designer.setPageStyle({ + gridSize : s + }) + $("#dock_page_gridsize").button("setText", item.text()); + } + }); + var item = $("#page_gridsize_list").children("li[s=" + + Model.define.page.gridSize + "]"); + $("#page_gridsize_list").dropdown("select", item); + } + }); + // 播放速度 + $("#spinner_play_speed").spinner({ + min : 1, + max : 30, + unit : "s", + step : 1, + value : 5, + onChange : function(val) { + + } + }); + $("#spinner_play_speed").spinner("setValue", "2s"); + // 版本播放 + $("#btn_history_play").button({ + onClick : function() { + if ($("#btn_history_play").children() + .hasClass("ico_pause")) { + Dock.pauseVersions(); + } else { + Dock.playVersions(); + } + } + }); + $("#btn_history_restore").button({ + onClick : function() { + Dock.restoreVersion(); + } + }); + }, + /** + * 当前Dock窗口 + * + * @type {String} + */ + currentView : "", + /** + * 打开一个Dock窗口 + * + * @param {} + * name + */ + showView : function(name) { + if ($("#dock_btn_" + name).button("isDisabled")) { + return; + } + $(".dock_view").hide(); + $(".dock_view_" + name).show(); + $(".dock_buttons").children().removeClass("selected"); + $("#dock_btn_" + name).addClass("selected"); + if (Dock.currentView == "history" && name != "history") { + Dock.closeHistory(); + } + this.currentView = name; + this.update(true); + }, + /** + * 设置Dock的填充样式 + * + * @param {} + * fillStyle + */ + setFillStyle : function(fillStyle) { + $("#dock_fill_type").button( + "setText", + $("#dock_fill_list").children("li[ty=" + fillStyle.type + "]") + .text()); + $(".fill_detail").hide(); + if (fillStyle.type == "solid") { + $(".fill_detail_solid").show(); + $("#fill_solid_btn").colorButton("setColor", fillStyle.color); + } else if (fillStyle.type == "gradient") { + $(".fill_detail_gradient").show(); + // 渐变颜色 + $("#fill_gradient_begin").attr("c", fillStyle.beginColor) + .colorButton("setColor", fillStyle.beginColor); + $("#fill_gradient_end").attr("c", fillStyle.endColor).colorButton( + "setColor", fillStyle.endColor); + // 渐变类型 + $("#gradient_type").button( + "setText", + $("#gradient_type_list").children("li[ty=" + + fillStyle.gradientType + "]").text()); + $(".gradient_details").hide(); + if (fillStyle.gradientType == "linear") { + $("#gradient_type_linear").show(); + $("#gradient_angle").spinner("setValue", + Math.round(fillStyle.angle / Math.PI * 180) + "°"); + } else { + $("#gradient_type_radial").show(); + $("#gradient_radius").spinner("setValue", + Math.round(fillStyle.radius * 100) + "%"); + } + } else if (fillStyle.type == "image") { + $(".fill_detail_image").show(); + var display = "fill"; + if (fillStyle.display) { + display = fillStyle.display; + } + $("#fill_img_display").button( + "setText", + $("#img_display_list").children("li[ty=" + display + "]") + .text()); + } + }, + /** + * 更新Dock + */ + update : function(drawNav) { + if (this.currentView == "portalAttrShow" || this.currentView == "portalDescShow" || this.currentView == "portalFileShow") { + changeArributeByShape(); + } + if (this.currentView == "navigator") { + if (drawNav) { + Navigator.draw(); + } + $("#dock_zoom").spinner("setValue", + Math.round(Designer.config.scale * 100) + "%"); + } else if (this.currentView == "graphic") { + var selectedIds = Utils.getSelectedIds(); + var count = selectedIds.length; + var shapeIds = Utils.getSelectedShapeIds(); + var shapeCount = shapeIds.length; + if (count == 0) { + $("#dock_line_color").button("disable"); + $("#dock_line_style").button("disable"); + $("#dock_line_width").button("disable"); + } else { + $("#dock_line_color").button("enable"); + $("#dock_line_style").button("enable"); + $("#dock_line_width").button("enable"); + var shape = Model.getShapeById(selectedIds[0]); + $("#dock_line_color").colorButton("setColor", + shape.lineStyle.lineColor); + var lineStyleCls = $("#line_style_list").children("li[line=" + + shape.lineStyle.lineStyle + "]").children() + .attr("class"); + $("#dock_line_style").children(".linestyle").attr("class", + lineStyleCls); + $("#dock_line_width").spinner("setValue", + shape.lineStyle.lineWidth + "px"); + } + if (shapeCount == 0) { + $("#dock_fill_type").button("disable"); + $("#spinner_opacity").button("disable"); + Dock.setFillStyle({ + type : "none" + }); + } else { + $("#dock_fill_type").button("enable"); + $("#spinner_opacity").button("enable"); + var shape = Model.getShapeById(shapeIds[0]); + Dock.setFillStyle(shape.fillStyle); + $("#spinner_opacity").spinner("setValue", + Math.round(shape.shapeStyle.alpha / 1 * 100) + "%"); + } + } else if (this.currentView == "metric") { + var shapeIds = Utils.getSelectedShapeIds(); + var shapeCount = shapeIds.length; + if (shapeCount == 0) { + $("#dock_metric_x").button("disable"); + $("#dock_metric_w").button("disable"); + $("#dock_metric_y").button("disable"); + $("#dock_metric_h").button("disable"); + $("#dock_metric_angle").button("disable"); + } else { + var shape = Model.getShapeById(shapeIds[0]); + $("#dock_metric_x").button("enable").spinner("setValue", + Math.round(shape.props.x) + "px"); + $("#dock_metric_w").button("enable").spinner("setValue", + Math.round(shape.props.w) + "px"); + $("#dock_metric_y").button("enable").spinner("setValue", + Math.round(shape.props.y) + "px"); + $("#dock_metric_h").button("enable").spinner("setValue", + Math.round(shape.props.h) + "px"); + $("#dock_metric_angle").button("enable").spinner("setValue", + Math.round(shape.props.angle / Math.PI * 180) + "°"); + } + } else if (this.currentView == "page") { + var page = Model.define.page; + var w = page.width; + var h = page.height; + var sizeItem = $("#page_size_list").children("li[w=" + w + "][h=" + + h + "]"); + var sizeText = ""; + if (sizeItem.length > 0) { + sizeText = sizeItem.text(); + } else { + sizeText = $("#dock_size_custom").text(); + } + $("#dock_page_size").button("setText", sizeText); + $("#dock_page_padding").button("setText", page.padding + "px"); + $("#dock_page_color").colorButton("setColor", page.backgroundColor); + $("#dock_page_showgrid").attr("checked", page.showGrid); + if (page.showGrid) { + $("#dock_gridsize_box").show(); + } else { + $("#dock_gridsize_box").hide(); + } + var gridText = ""; + var gridItem = $("#page_gridsize_list").children("li[s=" + + page.gridSize + "]"); + if (gridItem.length > 0) { + var gridText = gridItem.text(); + } + $("#dock_page_gridsize").button("setText", gridText); + } else if (this.currentView == "attribute") { + if (!inputUpdate) {// input类型的属性值更新时不重绘所有属性 + changeArributeByShape(); + } + if(role == "viewer") { + $("#dock_page_attribute table input").prop("disabled", true); + $("#tagContent1 table input, #tagContent1 table textarea").prop("disabled", true); + } + } else if (this.currentView == "message") { + $.ajax({ + url: "./jd?sid=" + $("#sid").val() + + "&cmd=com.actionsoft.apps.coe.pal_pl_repository_commentlist" + + "&repositoryId=" + ruuid + "&openAppType=" + openAppType, + success: function(msg){ + var html = ""; + var array; + if (typeof(msg) == "string") { + array = eval('(' + msg + ')').msg; + } else { + array = msg.msg; + } + if (typeof(array) == "string") { + array = eval('(' + array + ')'); + } + for (var i = 0; i < array.length; i++) { + var obj = array[i]; + html += getHtml(obj); + } + $("#messageContent").html(html); + } + }); + } else if (this.currentView == "publish") { + $.ajax({ + url: "./jd?sid=" + $("#sid").val() + + "&cmd=com.actionsoft.apps.coe.pal_publish_history_of_repository&wsId=" + $("#wsId").val() + + "&repositoryId=" + ruuid, + success: function(msg){ + var array; + if (typeof(msg) == "string") { + array = eval('(' + msg + ')').msg; + } else { + array = msg.msg; + } + if (typeof(array) == 'string') { + array = eval('(' + array + ')'); + } + var html = ""; + if (array != null && array.length > 0) { + for (var i = 0; i < array.length; i++) { + var data = array[i]; + var type = data.publishType; + var style = ""; + var info = ""; + if (type == "N") { + style = "green"; + info = "新发布"; + } else if (type == "C") { + style = "blue"; + info = "变更"; + } else if (type == "S") { + style = "red"; + info = "停用"; + } + var clickHtml = ""; + if (data.plId != undefined) { + clickHtml = " style='cursor: pointer;' onclick=\"openFileLink('" + data.plId + "', '_seft', '" + data.plName + "')\""; + } + html += "
        " + + " " + + " " + + " " + + "
        "; + } + + } else { + html = "
        暂无发布历史
        "; + } + $("#sidePublishListDiv article").html(html); + } + }); + } else if (this.currentView == "link") { + $.ajax({ + url: "./jd?sid=" + $("#sid").val() + + "&cmd=com.actionsoft.apps.coe.pal_link_of_repository&wsId=" + $("#wsId").val() + + "&plId=" + ruuid, + success: function(r){ + var links = r.data.links; + var customLinks = r.data.customLInks; + var html = ""; + var flag1 = false; + var flag2 = false; + if (links != null && links.length > 0) { + html += '

        文件链接

        '; + for (var i = 0; i < links.length; i++) { + html += ''; + } + } else { + flag1 = true; + } + if (customLinks != null && customLinks.length > 0){ + html += '

        自定义链接

        '; + html += ''; + } else { + flag2 = true; + } + if (flag1 && flag2) { + html = "
        暂无链接
        "; + } + $("#linkContent").empty().html(html); + } + }); + } + else if(this.currentView == 'diff') { + // var html = "
        暂无版本差异
        "; + var html = '' + $.ajax({ + url: "./jd?sid=" + $("#sid").val() + + "&cmd=com.actionsoft.apps.coe.pal_repository_model_version_diff_query&wsId=" + $("#wsId").val() + + "&id=" + ruuid, + success: function (ro) { + // console.log("历史差异结果: " + JSON.stringify(ro)) + if (ro.result == "ok") { + var diffContent = ro.data; + for (var i = 0; i < diffContent.length; i++) { + var diffCount = 0 + var content = diffContent[i].updateContent + var diffListHtml = '' + for (var j = 0; j < content.length; j++) { + var diffDetailHtml = '' + var listDetail = content[j].detail + if (listDetail.length == 0) { + diffCount += 1 + } + for (var k = 0; k < listDetail.length; k++) { + diffCount += 1 + diffDetailHtml += '
        ' + '·' + listDetail[k] + '
        ' + } + diffListHtml += '
        ' + content[j].title + '
        ' + + '
        ' + diffDetailHtml + '
        ' + + } + html += '' + + '' + diffContent[i].versionName + '' + + '' + diffContent[i].updateTime + '' + '(' + diffCount + '处修改)' + '' + '' + + '' + + '' + + '' + + '' + diffListHtml + '' + + '' + + } + $("#diffTable").empty().html(html) + } else { + html = '' + + ro.msg + + '' + $("#diffTable").empty().html(html) + } + } + }); + } + if (this.currentView == "history") { + if (drawNav && Dock.historyVersions == null) { + this.loadHistorys(); + } + } + }, + /** + * 历史版本暂存 + * + * @type {} + */ + historyVersions : null, + /** + * 加载历史版本 + */ + loadHistorys : function() {/* + if (chartId == "") { + $("#history_container") + .html("
        <@i18n resource='diagraming.demo.nohistory'/>
        ") + return; + } + $.ajax({ + url : "/diagraming/history", + data : { + chartId : chartId + }, + success : function(data) { + Dock.historyVersions = data; + if (data.versions.length == 0) { + $("#history_container") + .html('
        <@i18n resource="diagraming.nohistory"/>
        '); + } else { + $("#history_container") + .html('
          '); + var users = data.users; + for (var i = 0; i < data.versions.length; i++) { + var v = data.versions[i]; + var newVersion = $('
        • ' + v.updateTime + + '
          • ') + .appendTo($("#history_versions")); + var nameContainer = newVersion + .children(".version_name"); + for (var j = 0; j < v.userIds.length; j++) { + var userId = v.userIds[j]; + nameContainer.append("
          " + users[userId] + + "
          "); + } + var remarkContainer = $("
          <@i18n resource='diagraming.history.remark'/>
          ") + .appendTo(newVersion); + if (v.remark) { + remarkContainer.find(".remark_text").text(v.remark); + } + remarkContainer + .append("
          <@i18n resource='global.save'/>  <@i18n resource='global.cancel'/>
          ") + } + Dock.resetVersions(); + } + } + }); + */}, + /** + * 重置版本历史 + */ + resetVersions : function() { + $("#history_versions").children("li").unbind().bind("click", + function() { + if (Dock.playingTimeout != null) { + return; + } + if ($(this).hasClass("selected")) { + Dock.closeHistory(); + } else { + $("#history_versions").children(".selected") + .removeClass("selected"); + $(this).addClass("selected"); + var defId = $(this).attr("def"); + Dock.showHistoryVersion(defId); + } + var current = $("#history_versions").children(".selected"); + if (current.length != 0 && current.attr("ind") != "0") { + $("#spinner_play_speed").button("enable"); + $("#btn_history_play").button("enable"); + $("#btn_history_restore").button("enable"); + } else { + $("#spinner_play_speed").button("disable"); + $("#btn_history_play").button("disable"); + $("#btn_history_restore").button("disable"); + } + }); + $("#history_versions").height("auto"); + var top = $("#history_versions").offset().top; + var bottom = top + $("#history_versions").height() + 75; + if (bottom > $(window).height()) { + var height = $(window).height() - top - 75; + if (height < 140) { + height = 140; + } + $("#history_versions").height(height); + } else { + $("#history_versions").height("auto"); + } + }, + /** + * 编辑版本注释 + * + * @param {} + * event + */ + editHistoryRemark : function(event, versionId) { + event.stopPropagation(); + var versionDom = $("#history_versions").children("li[vid=" + versionId + + "]"); + versionDom.find(".remark_container").hide(); + var currentRemark = versionDom.find(".remark_text").text(); + var editContainer = versionDom.find(".edit_container"); + editContainer.show(); + editContainer.children("textarea").val(currentRemark).select(); + editContainer.children(".save").bind("click", function(e) { + e.stopPropagation(); + var newRemark = editContainer.children("textarea").val(); + versionDom.find(".remark_text").text(newRemark); + versionDom.find(".remark_container").show(); + editContainer.hide(); + if (newRemark != currentRemark) { + CLB.send({ + action : "versionRemark", + remark : newRemark, + versionId : versionId + }); + } + }); + editContainer.children(".cancel").bind("click", function(e) { + e.stopPropagation(); + Dock.cancelHistoryRemark(); + }); + }, + /** + * 取消版本注释的编辑 + */ + cancelHistoryRemark : function() { + $(".remark_container").show(); + $(".edit_container").hide(); + }, + /** + * 展示历史版本 + */ + showHistoryVersion : function(defId) { + $("#spinner_play_speed").button("disable"); + $("#btn_history_play").button("disable"); + $("#btn_history_restore").button("disable"); + Dock.cancelHistoryRemark(); + $.ajax({ + url : "/diagraming/getdefinition", + data : { + definitionId : defId + }, + success : function(data) { + Dock.openHistory(data.definition); + if ($("#history_versions").children(".selected").attr("ind") != "0") { + $("#spinner_play_speed").button("enable"); + $("#btn_history_play").button("enable"); + $("#btn_history_restore").button("enable"); + } + } + }); + }, + /** + * 播放版本历史 + */ + playVersions : function() { + var current = $("#history_versions").children(".selected"); + // if(current.length == 0){ + // return; + // } + var index = parseInt(current.attr("ind")); + Dock.playOneVersion(index--, 0); + $("#btn_history_play").children().attr("class", "ico ico_pause"); + $("#btn_history_play").attr("title", "暂停").trigger("mouseenter"); + $("#btn_history_restore").button("disable"); + }, + /** + * 终止播放 + */ + pauseVersions : function() { + if (this.playingTimeout) { + clearTimeout(this.playingTimeout); + } + this.playingTimeout = null; + $("#btn_history_play").children().attr("class", "ico ico_play"); + $("#btn_history_play").attr("title", "从此版本播放"); + $(".ico_playing").remove(); + var current = $("#history_versions").children(".selected"); + $("#history_versions").children(".playing").removeClass("playing"); + if (current.length != 0 && current.attr("ind") != "0") { + $("#spinner_play_speed").button("enable"); + $("#btn_history_play").button("enable"); + $("#btn_history_restore").button("enable"); + } else { + $("#spinner_play_speed").button("disable"); + $("#btn_history_play").button("disable"); + $("#btn_history_restore").button("disable"); + } + }, + playingTimeout : null, + /** + * 播放一个版本 + */ + playOneVersion : function(index, msgIndex) { + var current = $("#history_versions").children("li[ind=" + index + "]"); + $("#history_versions").children(".selected").removeClass("selected"); + current.addClass("selected").addClass("playing"); + $(".ico_playing").remove(); + current.append("
          "); + + var version = Dock.historyVersions.versions[index]; + var messageStr = version.messages[msgIndex]; + var messages = JSON.parse(messageStr); + MessageSource.receive(messages); + var top = current.position().top; + if (top < 0) { + $("#history_versions").scrollTop($("#history_versions").scrollTop() + + top); + } + var time = $("#spinner_play_speed").spinner("getValue") * 1000; + if (index == 0 && msgIndex == version.messages.length - 1) { + this.pauseVersions(); + } else { + if (msgIndex < version.messages.length - 1) { + msgIndex++; + } else { + index = index - 1; + msgIndex = 0; + } + this.playingTimeout = setTimeout(function() { + Dock.playOneVersion(index, msgIndex); + }, time); + } + + }, + currentDefinition : null, + /** + * 打开一个历史版本 + */ + openHistory : function(definition) { + if (this.currentDefinition == null) { + this.currentDefinition = $.extend(true, {}, Model.define); + } + Utils.unselect(); + Designer.open(definition); + // 取消快捷键 + Designer.hotkey.cancel(); + Designer.op.cancel(); + $("#menu_bar").children().addClass("readonly"); + $(".diagram_title").addClass("readonly"); + $(".dock_buttons").children().addClass("disabled"); + $("#dock_btn_history").removeClass("disabled"); + $(".panel_box").addClass("readonly"); + // 中止监听 + CLB.stopListen(); + }, + /** + * 关闭历史版本 + */ + closeHistory : function() { + if (this.currentDefinition != null) { + Designer.open(this.currentDefinition); + this.currentDefinition = null; + this.activeOperation(); + } + }, + /** + * 激活操作 + */ + activeOperation : function() { + // 重新初始化快捷键 + Designer.hotkey.init(); + Designer.op.init(); + $("#menu_bar").children().removeClass("readonly"); + $(".diagram_title").removeClass("readonly"); + $(".dock_buttons").children().removeClass("disabled"); + $("#dock_btn_history").removeClass("disabled"); + $(".panel_box").removeClass("readonly"); + $("#history_versions").children(".selected").removeClass("selected"); + // 继续监听 + CLB.listen(); + Dock.loadHistorys(); + }, + /** + * 恢复版本 + */ + restoreVersion : function() { + var selected = $("#history_versions").children(".selected"); + if (selected.length) { + MessageSource.beginBatch(); + var elements = Dock.currentDefinition.elements; + // 删除当前的所有 + var removed = []; + if (elements) { + for (var id in elements) { + removed.push(elements[id]); + } + } + MessageSource.send("remove", removed); + // 更新画布 + var updatePageMsg = { + page : Utils.copy(Dock.currentDefinition.page), + update : Utils.copy(Model.define.page) + }; + MessageSource.send("updatePage", updatePageMsg); + // 添加新图形 + var newElements = Model.define.elements; + var added = []; + if (newElements) { + for (var id in newElements) { + added.push(newElements[id]); + } + } + MessageSource.send("create", added); + MessageSource.commit(); + Dock.activeOperation(); + } + }, + /** + * 设置数据属性列表 + */ + setAttributeList : function() { + var selectedIds = Utils.getSelectedIds(); + var shape = Model.getShapeById(selectedIds[0]); + $(".clearfix").empty(); + if (shape.dataAttributes) { + for (var i = 0; i < shape.dataAttributes.length; i++) { + var attr = shape.dataAttributes[i]; + var typeText = $("#attr_add_type").children("option[value=" + + attr.type + "]").text(); + var item = $("
        • " + attr.name + + "
          " + typeText + + "
          " + attr.value + + "
          • ") + .appendTo($(".attr_list")); + if (attr.category != "default") { + item.append("
          "); + } + } + } + this.fitAttrList(); + }, + /** + * 让数据属性列表适应 + */ + fitAttrList : function() { + var scroll = $("#tagContent").scrollTop(); + $("#tagContent").height("auto"); + var top = $("#tagContent").offset().top; + var bottom = top + $(".clearfix").height() + 10; + if (bottom > $(window).height()) { + var height = $(window).height() - top - 10; + if (height < 140) { + height = 140; + } + $("#tagContent").height(height); + } else { + $("#tagContent").height("auto"); + } + $("#tagContent").scrollTop(scroll); + }, + /** + * 打开数据属性添加 + */ + showAttrAdd : function() { + $("#attr_add_btn").hide(); + $(".attr_add_items").show(); + $("#attr_add_name").val("").focus(); + $("#attr_add_type").val("string"); + $("#attr_add_type").unbind().bind("change", function() { + Dock.setAttrValueInput(null, $(this).val()); + }); + Dock.setAttrValueInput(null, "string"); + this.fitAttrList(); + }, + /** + * 保存数据属性添加 + */ + saveAttrAdd : function() { + var name = $("#attr_add_name").val(); + if (name == "") { + $("#attr_add_name").focus(); + return; + } + var type = $("#attr_add_type").val(); + var value = $("#attr_add_value_arera").children().val(); + var newAttr = { + name : name, + type : type, + value : value + }; + Designer.addDataAttribute(newAttr); + this.setAttributeList(); + // 初始化添加区域 + this.showAttrAdd(); + }, + /** + * 取消数据属性添加 + */ + cancelAttrAdd : function() { + $("#attr_add_btn").show(); + $(".attr_add_items").hide(); + this.fitAttrList(); + }, + /** + * 编辑数据属性 + * + * @param {} + * attrId + */ + editAttr : function(attrId) { + var item = $(".attr_item_" + attrId); + if (item.hasClass("attr_editing")) { + return; + } + if ($(".attr_editing").length > 0) { + var editingId = $(".attr_editing").attr("id"); + this.saveAttrEdit(editingId); + } + item = $(".attr_item_" + attrId); + item.addClass("attr_editing"); + var attr = Designer.getDataAttrById(attrId); + // 属性值输入 + var input = this.setAttrValueInput(attr, attr.type); + input.val(attr.value).select(); + if (attr.category != "default") { + // 属性名和类型输入 + var nameDiv = item.children(".attr_name"); + nameDiv.empty(); + var nameInput = $("") + .appendTo(nameDiv); + nameInput.val(attr.name).select(); + var typeDiv = item.children(".attr_type"); + typeDiv.empty(); + var select = $("") + .appendTo(typeDiv); + select.html($("#attr_add_type").html()).val(attr.type); + select.bind("change", function() { + Dock.setAttrValueInput(attr, $(this).val()); + }); + } + // 添加显示设置 + var displayArea = $("
          ") + .appendTo(item); + // 显示为的按钮 + displayArea + .append("
          <@i18n resource='diagraming.addattr.displayas'/>
          "); + displayArea + .append("
          "); + displayArea.append("
          "); + // 显示参数区域 + displayArea.append("
          "); + this.appendDisplayItems(); + var showType = "none"; + if (attr.showType) { + showType = attr.showType; + } + this.setAttrDisplay(showType); + $("#attr_edit_showtype").attr("ty", showType).button({ + onMousedown : function() { + $("#attr_display_list").dropdown({ + target : $("#attr_edit_showtype"), + onSelect : function(item) { + var type = item.attr("ty"); + $("#attr_edit_showtype").attr("ty", type).button( + "setText", item.text()); + Dock.setAttrDisplay(type); + } + }); + var type = $("#attr_edit_showtype").text().trim(); + $("#attr_display_list").children().each(function() { + if ($(this).text() == type) { + $("#attr_display_list").dropdown("select", + $(this)); + return false; + } + }); + } + }); + $("#attr_edit_showtype").attr("ty", showType).button( + "setText", + $("#attr_display_list").children("li[ty=" + showType + "]") + .html()); + if (showType != "none") { + $("#attr_display_name").attr("checked", attr.showName); + if (showType == "icon") { + this.setAttrIcon(attr.icon); + } + } + var horizontal = "mostright"; + if (attr.horizontal) { + horizontal = attr.horizontal; + } + var vertical = "mostbottom"; + if (attr.vertical) { + vertical = attr.vertical; + } + $("#attr_location_h").button( + "setText", + $("#attr_location_h_list").children("li[loc=" + horizontal + + "]").html()); + $("#attr_location_h").attr("loc", horizontal); + $("#attr_location_v").button( + "setText", + $("#attr_location_v_list").children("li[loc=" + vertical + "]") + .html()); + $("#attr_location_v").attr("loc", vertical); + // 添加保存按钮 + item + .append("
          <@i18n resource='global.ok'/>
          <@i18n resource='global.cancel'/>
          "); + $("#save_edit_attr").bind("click", function(e) { + e.stopPropagation(); + Dock.saveAttrEdit(attrId); + }); + $("#cancel_edit_attr").bind("click", function(e) { + e.stopPropagation(); + Dock.setAttributeList(); + }) + }, + /** + * 设置数据属性值的输入 + * + * @param {} + * attr + * @param {} + * type + */ + setAttrValueInput : function(attr, type) { + var valueArea; + if (attr != null) { + // 如果为null，则是添加时调用，否则为修改 + valueArea = $(".attr_editing").children(".attr_value"); + } else { + valueArea = $("#attr_add_value_arera"); + } + valueArea.empty(); + var result; + if (type == "boolean") { + result = $("") + .appendTo(valueArea);; + } else if (type == "list") { + result = $("") + .appendTo(valueArea); + if (attr.listItems) { + for (var i = 0; i < attr.listItems.length; i++) { + var listItem = attr.listItems[i]; + result.append(""); + } + } + } else { + result = $("") + .appendTo(valueArea); + } + if (attr == null) { + valueArea.children().css("width", "260px"); + } else { + valueArea.children().css("width", "128px"); + } + return result; + }, + /** + * 添加数据显示的编辑项 + */ + appendDisplayItems : function() { + var optionsArea = $(".attr_display_options"); + // 详细区域，包括是否显示name，图标 + var detailArea = $("
          ") + .appendTo(optionsArea); + detailArea + .append(""); + // 选择图标的Button + var iconButtonArea = $("
          ") + .appendTo(detailArea); + iconButtonArea + .append("
          <@i18n resource='diagraming.addattr.icon'/>
          "); + iconButtonArea + .append("
          "); + iconButtonArea.append("
          "); + if ($("#attr_icon_list").children("li").html() == "") { + // 初始化图标选择 + var html = ""; + var index = 1; + while (index <= 49) { + if (index == 30) { + // 30时，要空出一格 + html += "
          "; + } + html += "
          "; + index++; + } + $("#attr_icon_list").children("li").html(html); + } + // 位置设置区域 + var locationArea = $("
          ") + .appendTo(optionsArea); + locationArea + .append("
          <@i18n resource='diagraming.addattr.display.location'/>
          "); + locationArea + .append("
          <@i18n resource='diagraming.addattr.display.h'/>
          "); + locationArea + .append("
          Most Right
          "); + locationArea.append("
          "); + locationArea + .append("
          <@i18n resource='diagraming.addattr.display.v'/>
          "); + locationArea + .append("
          Most Bottom
          "); + locationArea.append("
          "); + optionsArea.append("
          "); + $("#attr_display_icon").button({ + onMousedown : function() { + $("#attr_icon_list").dropdown({ + target : $("#attr_display_icon") + }); + } + }); + $("#attr_location_h").button({ + onMousedown : function() { + $("#attr_location_h_list").dropdown({ + target : $("#attr_location_h"), + onSelect : function(item) { + $("#attr_location_h").button("setText", + item.html()); + $("#attr_location_h").attr("loc", + item.attr("loc")); + } + }); + } + }); + $("#attr_location_v").button({ + onMousedown : function() { + $("#attr_location_v_list").dropdown({ + target : $("#attr_location_v"), + onSelect : function(item) { + $("#attr_location_v").button("setText", + item.html()); + $("#attr_location_v").attr("loc", + item.attr("loc")); + } + }); + } + }); + }, + /** + * 根据数据属性显示类型，设置操作界面 + * + * @param {} + * type + */ + setAttrDisplay : function(type) { + if (type == "none") { + $(".attr_display_options").hide(); + } else { + $(".attr_display_options").show(); + if (type == "icon") { + $("#attr_icon_area").show(); + } else { + $("#attr_icon_area").hide(); + } + } + }, + /** + * 设置数据属性的显示图标 + * + * @param {} + * icon + */ + setAttrIcon : function(icon) { + $("#attr_display_icon").attr("ico", icon).button("setText", ""); + if (icon) { + $("#attr_display_icon").button("setText", + ""); + } + }, + /** + * 保存数据属性编辑 + * + * @param {} + * attrId + */ + saveAttrEdit : function(attrId) { + var item = $(".attr_item_" + attrId); + if (!item.hasClass("attr_editing")) { + return; + } + var attr = Designer.getDataAttrById(attrId); + if (attr.category != "default") { + var name = item.children(".attr_name").children("input").val(); + if (name == "") { + item.children(".attr_name").children("input").focus(); + return; + } + attr.name = name; + attr.type = item.children(".attr_type").children("select").val(); + } + attr.value = item.children(".attr_value").children().val(); + var showType = $("#attr_edit_showtype").attr("ty"); + attr.showType = showType; + if (showType != "none") { + attr.showName = $("#attr_display_name").is(":checked"); + attr.horizontal = $("#attr_location_h").attr("loc"); + attr.vertical = $("#attr_location_v").attr("loc"); + if (showType == "icon") { + attr.icon = $("#attr_display_icon").attr("ico"); + } + } + // BPMN数据属性规则 + var selectedIds = Utils.getSelectedIds(); + var shape = Model.getShapeById(selectedIds[0]); + if (attr.category == "default" && shape.category == "bpmn") { + if (!shape.attribute) { + shape.attribute = {}; + } + if (!shape.attribute.markers) { + shape.attribute.markers = []; + } + var markers = shape.attribute.markers; + if (attr.name == "loopCharacteristics") { + Utils.removeFromArray(markers, "loop"); + Utils.removeFromArray(markers, "sequential"); + Utils.removeFromArray(markers, "parallel"); + if (attr.value == "StandardLoopCharacteristics") { + // 显示循环 + Utils.addToArray(markers, "loop"); + } else if (attr.value == "MultipleLoopCharacteristics") { + var sequantial = Designer + .getDefaultDataAttrByName("isSequantial"); + if (sequantial != null) { + if (sequantial.value == "true") { + // 显示三条横线 + Utils.addToArray(markers, "sequential"); + } else { + // 显示三条竖线 + Utils.addToArray(markers, "parallel"); + } + } + } + } else if (attr.name == "isSequantial") { + Utils.removeFromArray(markers, "sequential"); + Utils.removeFromArray(markers, "parallel"); + var loop = Designer + .getDefaultDataAttrByName("loopCharacteristics"); + if (loop != null && loop.value == "MultipleLoopCharacteristics") { + if (attr.value == "true") { + // 显示三条横线 + Utils.addToArray(markers, "sequential"); + } else { + // 显示三条竖线 + Utils.addToArray(markers, "parallel"); + } + } + } else if (attr.name == "isForCompensation") { + // 显示两个左箭头 + Utils.removeFromArray(markers, "compensation"); + if (attr.value == "true") { + Utils.addToArray(markers, "compensation"); + } + } else if (attr.name == "isCollection" + || attr.name == "ParticipantMultiplicity") { + Utils.removeFromArray(markers, "parallel"); + if (attr.value == "true") { + // 显示三条竖线 + Utils.addToArray(markers, "parallel"); + } + } else if (attr.name == "loopType") { + Utils.removeFromArray(markers, "loop"); + Utils.removeFromArray(markers, "sequential"); + Utils.removeFromArray(markers, "parallel"); + if (attr.value == "Standard") { + // 显示循环 + Utils.addToArray(markers, "loop"); + } else if (attr.value == "MultiInstanceSequential") { + // 显示三条横线 + Utils.addToArray(markers, "sequential"); + } else if (attr.value == "MultiInstanceParallel") { + // 显示三条竖线 + Utils.addToArray(markers, "parallel"); + } + } + } + Designer.updateDataAttribute(attr); + this.setAttributeList(); + }, + /** + * 删除数据属性 + * + * @param {} + * attrId + */ + deleteAttr : function(attrId, event) { + event.stopPropagation(); + var item = $(".attr_item_" + attrId); + item.remove(); + this.fitAttrList(); + Designer.deleteDataAttribute(attrId); + }, + /** + * 进入全屏 + */ + fullScreen : function(element, presentation) { + if (element.requestFullscreen) { + element.requestFullscreen(); + } else if (element.mozRequestFullScreen) { + element.mozRequestFullScreen(); + } else if (element.webkitRequestFullscreen) { + element.webkitRequestFullscreen(); + } else { + // 无法进入全屏，提示错误 + if (presentation) { + $("#fullscreen_tip").find(".t").text("由于您的浏览器限制，无法进入演示视图。"); + } else { + $("#fullscreen_tip").find(".t").text("无法进入全屏视图，您可以按(F11)进入。"); + } + $("#fullscreen_tip").fadeIn(); + } + }, + /** + * 进入演示视图 + */ + enterPresentation : function() { + $("#designer").bind('webkitfullscreenchange', function(e) { + Dock.manageFullScreen(); + }); + $(document).bind('mozfullscreenchange', function(e) { + Dock.manageFullScreen(); + }).bind('fullscreenchange', function(e) { + Dock.manageFullScreen(); + }); + this.fullScreen(Utils.getDomById("designer"), true); + + }, + /** + * 进入全屏视图 + */ + enterFullScreen : function() { + this.fullScreen(document.documentElement); + }, + manageFullScreen : function() { + var designer = Utils.getDomById("designer"); + if (document.fullscreenElement || document.webkitFullscreenElement + || document.mozFullScreenElement) { + // 如果进入全屏状态 + $("#shape_panel").addClass("readonly"); + $("#designer_viewport").addClass("readonly"); + $(window).unbind("resize.designer"); + $("#designer_layout").height(window.screen.height); + // 取消快捷键 + Designer.hotkey.cancel(); + Designer.op.cancel(); + // 隐藏Dock + $("#dock").hide(); + $(".dock_view").hide(); + Designer.contextMenu.destroy(); + Designer.op.canvasFreeDraggable(); + } else { + $("#shape_panel").removeClass("readonly"); + $("#designer_viewport").removeClass("readonly"); + Designer.initialize.initLayout(); + Designer.hotkey.init(); + Designer.op.init(); + $("#dock").show(); + if (Dock.currentView != "") { + Dock.showView(Dock.currentView); + } + Designer.contextMenu.init(); + $("#designer").unbind('webkitfullscreenchange'); + $("#designer").unbind('mozfullscreenchange') + .unbind('fullscreenchange'); + } + } +}; + +/** + * 鹰眼导航 + * + * @type {} + */ +var Navigator = { + /** + * 初始化 + */ + init : function() { + $("#designer_layout").bind("scroll", function() { + Navigator.setView(); + }); + // 绑定拖动 + $("#navigation_eye").bind("mousedown", function(downE) { + var eye = $(this); + var beginPos = eye.position(); + // 先取消滚动事件 + $("#designer_layout").unbind("scroll"); + var layout = $("#designer_layout"); + var beginTop = layout.scrollTop(); + var beginLeft = layout.scrollLeft(); + // 设计器画布 + var designerCanvas = $("#designer_canvas"); + var canvasW = designerCanvas.width(); + var canvasH = designerCanvas.height(); + // 鹰眼视图画布 + var canvas = $("#navigation_canvas"); + var navW = canvas.width(); + var navH = canvas.height(); + // 宽高比例 + var scaleW = canvasW / navW; + var scaleH = canvasH / navH; + $(document).bind("mousemove.navigator", function(moveE) { + var offsetX = moveE.pageX - downE.pageX; + var offsetY = moveE.pageY - downE.pageY; + var newLeft = beginLeft + offsetX * scaleW; + layout.scrollLeft(newLeft); + var newTop = beginTop + offsetY * scaleH; + layout.scrollTop(newTop); + eye.css({ + left : beginPos.left + offsetX, + top : beginPos.top + offsetY + }); + }); + $(document).bind("mouseup.navigator", function(moveE) { + $(document).unbind("mousemove.navigator"); + $(document).unbind("mouseup.navigator"); + Navigator.setView(); + // 重新绑定 + $("#designer_layout").bind("scroll", + function() { + Navigator.setView(); + }); + }); + }); + $("#navigation_canvas").bind("click", function(e) { + var pos = Utils.getRelativePos(e.pageX, e.pageY, $(this)); + // 设计器画布 + var designerCanvas = $("#designer_canvas"); + var canvasW = designerCanvas.width(); + var canvasH = designerCanvas.height(); + // 鹰眼视图画布 + var canvas = $("#navigation_canvas"); + var navW = canvas.width(); + var navH = canvas.height(); + // 宽高比例 + var scaleW = canvasW / navW; + var scaleH = canvasH / navH; + // 得到点击位置，相对于设计器画布的坐标 + var canvasX = pos.x * scaleW; + var canvasY = pos.y * scaleH; + // 把点击坐标，置于屏幕中心 + var layout = $("#designer_layout"); + var margin = Designer.config.pageMargin; + layout.scrollLeft(canvasX + margin - layout.width() / 2); + layout.scrollTop(canvasY + margin - layout.height() / 2); + }); + this.setView(); + }, + /** + * 绘制鹰眼视图 + */ + draw : function() { + if (this.drawNavigationTimeout) { + window.clearTimeout(this.drawNavigationTimeout); + } + this.drawNavigationTimeout = setTimeout(function() { + var canvas = $("#navigation_canvas"); + var ctx = canvas[0].getContext("2d"); + ctx.save(); + ctx.clearRect(0, 0, canvas.width(), canvas.height()); + ctx.scale(canvas.width() / Model.define.page.width, canvas + .height() + / Model.define.page.height); + // 从最底层开始绘制图形 + for (var i = 0; i < Model.orderList.length; i++) { + var shapeId = Model.orderList[i].id; + var shape = Model.getShapeById(shapeId); + ctx.save(); + if (shape.name != "linker") { + // 对图形执行绘制 + var p = shape.props; + var style = shape.lineStyle; + ctx.translate(p.x, p.y); + ctx.translate(p.w / 2, p.h / 2); + ctx.rotate(p.angle); + ctx.translate(-(p.w / 2), -(p.h / 2)); + ctx.globalAlpha = shape.shapeStyle.alpha; + Designer.painter.renderShapePath(ctx, shape); + } else { + var linker = shape; + var style = linker.lineStyle; + var points = linker.points; + var from = linker.from; + var to = linker.to; + ctx.beginPath(); + ctx.moveTo(from.x, from.y); + if (linker.linkerType == "curve") { + var cp1 = points[0]; + var cp2 = points[1]; + ctx.bezierCurveTo(cp1.x, cp1.y, cp2.x, cp2.y, + to.x, to.y); + } else { + for (var j = 0; j < points.length; j++) { + // 如果是折线，会有折点 + var linkerPoint = points[j]; + ctx.lineTo(linkerPoint.x, linkerPoint.y); + } + ctx.lineTo(to.x, to.y); + } + ctx.lineWidth = style.lineWidth; + ctx.strokeStyle = "rgb(" + style.lineColor + ")"; + ctx.stroke(); + } + ctx.restore(); + } + ctx.restore(); + Navigator.setView(); + this.drawNavigationTimeout = null; + }, 100); + }, + /** + * 设置鹰眼视图 + */ + setView : function() { + var navigator = $("#navigation_eye"); + // 设计器可见视图 + var layout = $("#designer_layout"); + var viewW = layout.width(); + var viewH = layout.height(); + // 鹰眼视图画布 + var canvas = $("#navigation_canvas"); + var navW = canvas.width(); + var navH = canvas.height(); + // 设计器画布 + var designerCanvas = $("#designer_canvas"); + var canvasW = designerCanvas.width(); + var canvasH = designerCanvas.height(); + var margin = Designer.config.pageMargin; + // 得到设计器画布在可视窗口中的left, top + var visibleLeft = margin - layout.scrollLeft(); + var visibleRight = visibleLeft + canvasW; + if (visibleLeft < 0) { + visibleLeft = 0; + } else if (visibleLeft > viewW) { + visibleLeft = viewW; + } + if (visibleRight > viewW) { + visibleRight = viewW; + } else if (visibleRight < 0) { + visibleRight = 0; + } + var visibleTop = margin - layout.scrollTop(); + var visibleBottom = visibleTop + canvasH; + if (visibleTop < 0) { + visibleTop = 0; + } else if (visibleTop > viewH) { + visibleTop = viewH; + } + if (visibleBottom > viewH) { + visibleBottom = viewH; + } else if (visibleBottom < 0) { + visibleBottom = 0; + } + var visibleW = visibleRight - visibleLeft; + var visibleH = visibleBottom - visibleTop; + if (visibleW == 0 || visibleH == 0) { + // 画布已经不可见 + navigator.hide(); + } else { + // 换算成鹰眼视图中的left, top + var navLeft = layout.scrollLeft() - margin; + if (navLeft < 0) { + navLeft = 0; + } + navLeft = navLeft * (navW / canvasW); + var navTop = layout.scrollTop() - margin; + if (navTop < 0) { + navTop = 0; + } + navTop = navTop * (navH / canvasH); + var navViewW = visibleW * (navW / canvasW); + var navViewH = visibleH * (navH / canvasH); + navigator.css({ + left : navLeft - 1, + top : navTop - 1, + width : navViewW, + height : navViewH + }).show(); + } + } +}; +/** + * jQuery的扩展 + */ +(function($) { + /** + * 按钮 + */ + $.fn.button = function(options) { + if (typeof options == "string") { + if (options == "disable") { + $(this).addClass("disabled"); + $(this).find("input").attr("disabled", true); + } else if (options == "enable") { + $(this).removeClass("disabled"); + $(this).find("input").attr("disabled", false); + } else if (options == "isDisabled") { + return $(this).hasClass("disabled"); + } else if (options == "isSelected") { + return $(this).hasClass("selected"); + } else if (options == "unselect") { + $(this).removeClass("selected"); + } else if (options == "select") { + $(this).addClass("selected"); + } else if (options == "setText") { + $(this).children(".text_content").html(arguments[1]); + } else if (options == "setColor") { + $(this).children(".btn_color").css("background-color", + "rgb(" + arguments[1] + ")"); + } else if (options == "getColor") { + var color = $(this).children(".btn_color") + .css("background-color").replace(/\s/g, ""); + return color.substring(4, color.length - 1); + } + return $(this); + } + var target = $(this); + target.unbind("click"); + target.unbind("mousedown") + if (options.onClick) { + target.bind("click", function() { + if (target.button("isDisabled")) { + return; + } + options.onClick(); + }); + } + if (options.onMousedown) { + target.bind("mousedown", function(e) { + if (target.button("isDisabled")) { + return; + } + options.onMousedown(); + e.stopPropagation(); + }); + } + }; + var currentMenu = null; + // 下拉控件 + $.fn.dropdown = function(options) { + var menu = $(this); + menu.find(".ico_selected").remove(); + if (typeof options == "string") { + if (options == "close") { + menu.hide(); + currentMenu.target.removeClass("selected"); + $(document).unbind("mousedown.ui_dropdown"); + currentMenu = null; + } else if (options == "select") { + arguments[1].prepend("
          "); + } + return; + } + if (currentMenu != null) { + /** + * 如果当前有其他菜单是打开的，则要先关闭 + */ + currentMenu.menu.dropdown("close"); + } + var menu = $(this); + var tar = options.target; + currentMenu = { + target : tar, + menu : menu + }; + var offset = tar.offset(); + tar.addClass("selected"); + menu.show(); + var left; + if (options.position == "center") { + left = offset.left + tar.outerWidth() / 2 - menu.outerWidth() / 2; + } else if (options.position == "right") { + left = offset.left + tar.outerWidth() - menu.outerWidth(); + } else { + left = offset.left; + } + var top = offset.top + tar.outerHeight(); + if (top + menu.outerHeight() > $(window).height()) { + top = $(window).height() - menu.outerHeight(); + } + menu.css({ + top : top, + left : left + }); + if (typeof options.zindex != "undefined") { + menu.css("z-index", options.zindex); + } + menu.unbind("mousedown").bind("mousedown", function(e) { + e.stopPropagation(); + }); + if (typeof options.bind == "undefined" || options.bind == true) { + menu.find("li:not(.devider,.menu_text)").unbind().bind("click", + function() { + var item = $(this); + if (!item.menuitem("isDisabled") + && item.children(".extend_menu").length == 0) { + if (options.onSelect) { + options.onSelect(item); + } + menu.dropdown("close"); + } + }); + } + $(document).bind("mousedown.ui_dropdown", function() { + menu.dropdown("close"); + }); + }; + // 调色板 + $.colorpicker = function(options) { + var picker = $("#color_picker"); + picker.find(".selected").removeClass("selected"); + if (!picker.attr("init")) { + // 没有经过初始化 + picker.find("div").each(function() { + var color = $(this).css("background-color"); + color = color.replace(/\s/g, ""); + color = color.substring(4, color.length - 1); + $(this).attr("col", color); + }); + picker.attr("init", true); + } + var opt = $.extend({}, options, { + bind : false + }); + picker.dropdown(opt); + picker.children(".color_items").children("div").unbind().bind("click", + function() { + if (options.onSelect) { + var color = $(this).css("background-color"); + color = color.replace(/\s/g, ""); + color = color.substring(4, color.length - 1); + options.onSelect(color); + } + $("#color_picker").dropdown("close"); + }); + if (options.color) { + picker.find("div[col='" + options.color + "']") + .addClass("selected"); + } + $("#color_picker").children(".color_extend").remove(); + if (options.extend) { + $("#color_picker").append("
          " + + options.extend + "
          ") + } + }; + // 颜色按钮 + $.fn.colorButton = function(opt) { + var tar = $(this); + if (typeof opt == "string") { + if (opt == "setColor") { + tar.children(".picker_btn_holder").css("background-color", + "rgb(" + arguments[1] + ")"); + } + return; + } + tar + .html("
          "); + tar.bind("mousedown", function(e) { + if (tar.button("isDisabled")) { + return; + } + e.stopPropagation(); + var options = $.extend({}, opt); + options.target = tar; + options.onSelect = function(color) { + tar.colorButton("setColor", color); + if (opt.onSelect) { + opt.onSelect(color); + } + }; + var color = $(this).children(".picker_btn_holder") + .css("background-color"); + color = color.replace(/\s/g, ""); + color = color.substring(4, color.length - 1); + options.color = color; + $.colorpicker(options); + }); + }; + /** + * 数字框 min: 0, max: 360, unit: "°", step: 15, + */ + $.fn.spinner = function(opt) { + var spinner = $(this); + if (typeof opt == "string") { + if (opt == "getValue") { + var result = spinner.find("input").val(); + result = parseFloat(result); + return result; + } else if (opt == "setValue") { + spinner.find("input").val(arguments[1]); + spinner.attr("old", arguments[1]); + } + return; + } + spinner.html("
          "); + var defaults = { + min : 0, + max : Number.MAX_VALUE, + step : 1, + unit : "" + }; + opt = $.extend(defaults, opt); + var inputBox = spinner.children(".spinner_input"); + var input = inputBox.find("input"); + spinner.spinner("setValue", opt.min + opt.unit); + spinner.find(".spinner_up").bind("click", function() { + if (spinner.button("isDisabled")) { + return; + } + var now = spinner.spinner("getValue"); + var newVal = now + opt.step; + setSpinnerValue(spinner, newVal, opt); + }); + spinner.find(".spinner_down").bind("click", function() { + if (spinner.button("isDisabled")) { + return; + } + var now = spinner.spinner("getValue"); + var newVal = now - opt.step; + setSpinnerValue(spinner, newVal, opt); + }); + input.bind("keydown", function(e) { + if (e.keyCode == 13) { + var newVal = parseInt($(this).val()); + if (isNaN(newVal)) { + newVal = opt.min; + } + setSpinnerValue(spinner, newVal, opt); + } + }).bind("focus", function(e) { + $(this).select(); + $(this).bind("mouseup", function(e) { + e.preventDefault(); + $(this).unbind("mouseup"); + }); + var box = $(this).parent().parent(); + if (!box.hasClass("active")) { + box.addClass("active inset"); + } + }).bind("blur", function(e) { + var box = $(this).parent().parent(); + if (box.hasClass("inset")) { + box.removeClass("active inset"); + } + }); + }; + function setSpinnerValue(spinner, value, opt) { + if (value > opt.max) { + value = opt.max; + } + if (value < opt.min) { + value = opt.min; + } + var oldValue = spinner.attr("old"); + var newValue = value + opt.unit; + if (oldValue != newValue) { + if (opt.onChange) { + opt.onChange(value); + } + } + spinner.spinner("setValue", value + opt.unit); + } + /** + * 菜单项 + */ + $.fn.menuitem = function(options) { + var target = $(this); + if (typeof options == "string") { + if (options == "disable") { + target.addClass("disabled"); + } else if (options == "enable") { + target.removeClass("disabled"); + } else if (options == "isDisabled") { + return target.hasClass("disabled"); + } else if (options == "isSelected") { + return target.children(".ico_selected").length > 0; + } else if (options == "unselect") { + return target.children(".ico_selected").remove(); + } else if (options == "select") { + return target.prepend("
          ") + } + } + }; + /** + * 窗口 + */ + $.fn.dlg = function(options) { + var dlg = $(this); + if (typeof options == "string") { + if (options == "close") { + dlg.children(".dlg_close").trigger("click"); + } + return; + } + var defaults = { + closable : true + }; + options = $.extend(defaults, options); + var close = dlg.children(".dlg_close"); + if (close.length == 0) { + close = $("
          ").appendTo(dlg); + } + if (options.closable == false) { + close.hide(); + } else { + close.show(); + } + $(".dlg_mask").remove(); + $("body").append("
          ") + close.unbind().bind("click", function() { + dlg.hide(); + $(".dlg_mask").remove(); + if (options && options.onClose) { + options.onClose(); + } + $(document).unbind("keydown.closedlg"); + dlg.find("input,textarea,select") + .unbind("keydown.closedlg"); + }); + dlg.css({ + left : ($(window).width() - dlg.outerWidth()) / 2, + top : ($(window).height() - dlg.outerHeight()) / 2 + }); + dlg.show(); + if (options.closable) { + dlg.find("input,textarea,select").unbind("keydown.closedlg").bind( + "keydown.closedlg", function(e) { + if (e.keyCode == 27) { + dlg.children(".dlg_close").trigger("click"); + } + }); + $(document).unbind("keydown.closedlg").bind("keydown.closedlg", + function(e) { + if (e.keyCode == 27) { + dlg.children(".dlg_close").trigger("click"); + } + }); + } + dlg.children(".dialog_header").unbind("mousedown.drag_dlg").bind( + "mousedown.drag_dlg", function(e) { + var target = $(this).parent(); + var downX = e.pageX; + var downY = e.pageY; + var downLeft = target.offset().left; + var downTop = target.offset().top; + $(document).bind("mousemove.drag_dlg", function(e) { + var left = e.pageX - downX + downLeft; + var top = e.pageY - downY + downTop; + target.offset({ + left : left, + top : top + }); + }); + $(document).bind("mouseup.drag_dlg", function(e) { + $(document).unbind("mousemove.drag_dlg"); + $(document).unbind("mouseup.drag_dlg"); + }); + }); + }; +})(jQuery);