xzzn/SIPAIIS_WMS_JSSW
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
903ff8d49569bc2e5a526ccd036c6d3a241bea70
SIPAIIS_WMS_JSSW/bin/WebRoot/JS/snaker/snaker.designer.min.js

855 lines
26 KiB
JavaScript
Raw Normal View History

first commit
2026-01-16 14:13:44 +08:00
(function(snaker){
var designer={};
designer.config={
editable:true,
lineHeight:15,
basePath:"",
rect:{
attr:{
x:10,y:10,width:100,height:50,r:5,fill:"90-#fff-#C0C0C0",stroke:"#000","stroke-width":1
},
showType:"image&text",
type:"state",
name:{text:"state","font-style":"italic"},
text:{text:"状态","font-size":13},
margin:5,
props:[],
img:{}
},
path:{
attr:{
path:{path:"M10 10L100 100",stroke:"#808080",fill:"none","stroke-width":2},
arrow:{path:"M10 10L10 10",stroke:"#808080",fill:"#808080","stroke-width":2,radius:4},
fromDot:{width:5,height:5,stroke:"#fff",fill:"#000",cursor:"move","stroke-width":2},
toDot:{width:5,height:5,stroke:"#fff",fill:"#000",cursor:"move","stroke-width":2},
bigDot:{width:5,height:5,stroke:"#fff",fill:"#000",cursor:"move","stroke-width":2},
smallDot:{width:5,height:5,stroke:"#fff",fill:"#000",cursor:"move","stroke-width":3}
},
text:{text:"",cursor:"move",background:"#000"},
textPos:{x:0,y:-10},
props:{
name:{name:"name",label:"名称",value:"",editor:function(){return new designer.editors.inputEditor()}},
displayName:{name:"displayName",label:"显示",value:"",editor:function(){return new designer.editors.textEditor()}},
expr:{name:"expr",label:"表达式",value:"",editor:function(){return new designer.editors.inputEditor()}}
}
},
tools:{
attr:{
left:10,top:10
},
pointer:{},
path:{},
states:{},
save:{
onclick:function(c){alert(c)}
}
},
props:{
attr:{top:328,left:10},
props:{}
},
restore:"",
activeRects:{
rects:[],
rectAttr:{stroke:"#ff0000","stroke-width":2}
},
historyRects:{
rects:[],
pathAttr:{
path:{stroke:"#00ff00"},
arrow:{stroke:"#00ff00",fill:"#00ff00"}
}
}
};
designer.util={
isLine:function(g,f,e){
var d,c;
if((g.x-e.x)==0){
d=1
}else{
d=(g.y-e.y)/(g.x-e.x)
}
c=(f.x-e.x)*d+e.y;
if((f.y-c)<10&&(f.y-c)>-10){
f.y=c;
return true
}
return false
},
center:function(d,c){
return{x:(d.x-c.x)/2+c.x,y:(d.y-c.y)/2+c.y}
},
nextId:(function(){
var c=0;
return function(){return ++c}
})(),
connPoint:function(j,d){
var c=d,e={x:j.x+j.width/2,y:j.y+j.height/2};
var l=(e.y-c.y)/(e.x-c.x);
l=isNaN(l)?0:l;
var k=j.height/j.width;
var h=c.y<e.y?-1:1,f=c.x<e.x?-1:1,g,i;
if(Math.abs(l)>k&&h==-1){
g=e.y-j.height/2;i=e.x+h*j.height/2/l
}else{
if(Math.abs(l)>k&&h==1){
g=e.y+j.height/2;i=e.x+h*j.height/2/l
}else{
if(Math.abs(l)<k&&f==-1){
g=e.y+f*j.width/2*l;
i=e.x-j.width/2
}else{
if(Math.abs(l)<k&&f==1){
g=e.y+j.width/2*l;i=e.x+j.width/2
}
}
}
}
return{x:i,y:g}
},
arrow:function(l,k,d){
var g=Math.atan2(l.y-k.y,k.x-l.x)*(180/Math.PI);
var h=k.x-d*Math.cos(g*(Math.PI/180));
var f=k.y+d*Math.sin(g*(Math.PI/180));
var e=h+d*Math.cos((g+120)*(Math.PI/180));
var j=f-d*Math.sin((g+120)*(Math.PI/180));
var c=h+d*Math.cos((g+240)*(Math.PI/180));
var i=f-d*Math.sin((g+240)*(Math.PI/180));
return[k,{x:e,y:j},{x:c,y:i}]
}
};
designer.rect=function(p,m){
var u=this,g="rect"+designer.util.nextId(),E=snaker.extend(true,{},designer.config.rect,p),C=m,t,e,n,f,x,v;
t=C.rect(E.attr.x,E.attr.y,E.attr.width,E.attr.height,E.attr.r).hide().attr(E.attr);
e=C.image(designer.config.basePath+E.img.src,E.attr.x+E.img.width/2,E.attr.y+(E.attr.height-E.img.height)/2,E.img.width,E.img.height).hide();
n=C.text(E.attr.x+E.img.width+(E.attr.width-E.img.width)/2,E.attr.y+designer.config.lineHeight/2,E.name.text).hide().attr(E.name);
f=C.text(E.attr.x+E.img.width+(E.attr.width-E.img.width)/2,E.attr.y+(E.attr.height-designer.config.lineHeight)/2+designer.config.lineHeight,E.text.text).hide().attr(E.text);
t.drag(function(r,o){A(r,o)},function(){z()},function(){l()});
e.drag(function(r,o){A(r,o)},function(){z()},function(){l()});
n.drag(function(r,o){A(r,o)},function(){z()},function(){l()});
f.drag(function(r,o){A(r,o)},function(){z()},function(){l()});
var A=function(F,r){
if(!designer.config.editable){
return
}
var o=(x+F);
var G=(v+r);
q.x=o-E.margin;
q.y=G-E.margin;
B()
};
var z=function(){
x=t.attr("x");
v=t.attr("y");
t.attr({opacity:0.5});
e.attr({opacity:0.5});
f.attr({opacity:0.5})
};
var l=function(){
t.attr({opacity:1});
e.attr({opacity:1});
f.attr({opacity:1})
};
var s,i={},h=5,q={x:E.attr.x-E.margin,y:E.attr.y-E.margin,width:E.attr.width+E.margin*2,height:E.attr.height+E.margin*2};
s=C.path("M0 0L1 1").hide();
i.t=C.rect(0,0,h,h).attr({fill:"#000",stroke:"#fff",cursor:"s-resize"}).hide().drag(function(r,o){D(r,o,"t")},function(){k(this.attr("x")+h/2,this.attr("y")+h/2,"t")},function(){});
i.lt=C.rect(0,0,h,h).attr({fill:"#000",stroke:"#fff",cursor:"nw-resize"}).hide().drag(function(r,o){D(r,o,"lt")},function(){k(this.attr("x")+h/2,this.attr("y")+h/2,"lt")},function(){});
i.l=C.rect(0,0,h,h).attr({fill:"#000",stroke:"#fff",cursor:"w-resize"}).hide().drag(function(r,o){D(r,o,"l")},function(){k(this.attr("x")+h/2,this.attr("y")+h/2,"l")},function(){});
i.lb=C.rect(0,0,h,h).attr({fill:"#000",stroke:"#fff",cursor:"sw-resize"}).hide().drag(function(r,o){D(r,o,"lb")},function(){k(this.attr("x")+h/2,this.attr("y")+h/2,"lb")},function(){});
i.b=C.rect(0,0,h,h).attr({fill:"#000",stroke:"#fff",cursor:"s-resize"}).hide().drag(function(r,o){D(r,o,"b")},function(){k(this.attr("x")+h/2,this.attr("y")+h/2,"b")},function(){});
i.rb=C.rect(0,0,h,h).attr({fill:"#000",stroke:"#fff",cursor:"se-resize"}).hide().drag(function(r,o){D(r,o,"rb")},function(){k(this.attr("x")+h/2,this.attr("y")+h/2,"rb")},function(){});
i.r=C.rect(0,0,h,h).attr({fill:"#000",stroke:"#fff",cursor:"w-resize"}).hide().drag(function(r,o){D(r,o,"r")},function(){k(this.attr("x")+h/2,this.attr("y")+h/2,"r")},function(){});
i.rt=C.rect(0,0,h,h).attr({fill:"#000",stroke:"#fff",cursor:"ne-resize"}).hide().drag(function(r,o){D(r,o,"rt")},function(){k(this.attr("x")+h/2,this.attr("y")+h/2,"rt")},function(){});
var D=function(F,r,G){
if(!designer.config.editable){return}
var o=_bx+F,H=_by+r;
switch(G){
case"t":
q.height+=q.y-H;
q.y=H;
break;
case"lt":
q.width+=q.x-o;
q.height+=q.y-H;
q.x=o;
q.y=H;
break;
case"l":q.width+=q.x-o;q.x=o;break;
case"lb":q.height=H-q.y;q.width+=q.x-o;q.x=o;break;
case"b":q.height=H-q.y;break;
case"rb":q.height=H-q.y;q.width=o-q.x;break;
case"r":q.width=o-q.x;break;
case"rt":q.width=o-q.x;q.height+=q.y-H;q.y=H;break
}
B()
};
var k=function(r,o,F){
_bx=r;
_by=o
};
snaker([t.node,f.node,n.node,e.node]).bind("click",function(){
if(!designer.config.editable){return}w();
var o=snaker(C).data("mod");
switch(o){
case"pointer":break;
case"path":var r=snaker(C).data("currNode");
if(r&&r.getId()!=g&&r.getId().substring(0,4)=="rect"){
snaker(C).trigger("addpath",[r,u])
}
break
}
snaker(C).trigger("click",u);
snaker(C).data("currNode",u);
return false
});
var j=function(o,r){
if(!designer.config.editable){
return
}
if(r.getId()==g){
snaker(C).trigger("showprops",[E.props,r])
}else{
d()
}
};
snaker(C).bind("click",j);
var c=function(o,F,r){
if(r.getId()==g){
f.attr({text:F})
}
};
snaker(C).bind("textchange",c);
function y(){
return"M"+q.x+" "+q.y+"L"+q.x+" "+(q.y+q.height)+"L"+(q.x+q.width)+" "+(q.y+q.height)+"L"+(q.x+q.width)+" "+q.y+"L"+q.x+" "+q.y
}
function w(){s.show();for(var o in i){i[o].show()}}
function d(){s.hide();for(var o in i){i[o].hide()}}
function B(){
var F=q.x+E.margin,r=q.y+E.margin,G=q.width-E.margin*2,o=q.height-E.margin*2;
t.attr({x:F,y:r,width:G,height:o});
switch(E.showType){
case"image":e.attr({x:F+(G-E.img.width)/2,y:r+(o-E.img.height)/2}).show();break;
case"text":t.show();f.attr({x:F+G/2,y:r+o/2}).show();break;
case"image&text":
t.show();
n.attr({x:F+E.img.width+(G-E.img.width)/2,y:r+designer.config.lineHeight/2}).show();
f.attr({x:F+E.img.width+(G-E.img.width)/2,y:r+(o-designer.config.lineHeight)/2+designer.config.lineHeight}).show();
e.attr({x:F+E.img.width/2,y:r+(o-E.img.height)/2}).show();break
}
i.t.attr({x:q.x+q.width/2-h/2,y:q.y-h/2});
i.lt.attr({x:q.x-h/2,y:q.y-h/2});
i.l.attr({x:q.x-h/2,y:q.y-h/2+q.height/2});
i.lb.attr({x:q.x-h/2,y:q.y-h/2+q.height});
i.b.attr({x:q.x-h/2+q.width/2,y:q.y-h/2+q.height});
i.rb.attr({x:q.x-h/2+q.width,y:q.y-h/2+q.height});
i.r.attr({x:q.x-h/2+q.width,y:q.y-h/2+q.height/2});
i.rt.attr({x:q.x-h/2+q.width,y:q.y-h/2});
s.attr({path:y()});
snaker(C).trigger("rectresize",u)
}
this.toJson=function(){
var r="{type:'"+E.type+"',text:{text:'"+f.attr("text")+"'}, attr:{ x:"+Math.round(t.attr("x"))+", y:"+Math.round(t.attr("y"))+", width:"+Math.round(t.attr("width"))+", height:"+Math.round(t.attr("height"))+"}, props:{";
for(var o in E.props){
r+=o+":{value:'"+E.props[o].value+"'},"
}
if(r.substring(r.length-1,r.length)==","){
r=r.substring(0,r.length-1)
}
r+="}}";
return r
};
this.toBeforeXml=function(){
var r="<"+E.type+" layout=\""+(Math.round(t.attr("x"))-180)+","+Math.round(t.attr("y"))+","+Math.round(t.attr("width"))+","+Math.round(t.attr("height"))+"\" ";
for(var o in E.props){
if(o=="name"&&E.props[o].value==""){
alert(E.type+" 名称 不能为空");
return ""
}
if(o=="layout") continue;
if(E.props[o].value!=""){
var vv = E.props[o].value.replace(/>/g,"#5");
vv = vv.replace(/</g,"#6");
vv = vv.replace(/&/g,"#7");
r+=o+"=\""+vv+"\" "
}
}
r+=">";
return r
};
this.toAfterXml=function(){
var r="</"+E.type+">";
return r
};
this.restore=function(o){
var r=o;
E=snaker.extend(true,E,o);
f.attr({text:r.text.text});
B()
};
this.getName=function(){
for(var o in E.props){
if(o=="name"){
return E.props[o].value;
}
}
}
this.getBBox=function(){return q};
this.getId=function(){return g};
this.remove=function(){
t.remove();
f.remove();
n.remove();
e.remove();
s.remove();
for(var o in i){
i[o].remove()
}
};
this.text=function(){return f.attr("text")};
this.attr=function(o){
if(o){t.attr(o)}
};
B()
};
designer.path=function(q,n,u,e){
var v=this,z=n,B=snaker.extend(true,{},designer.config.path),i,t,f,h=B.textPos,y,w,k=u,s=e,g="path"+designer.util.nextId(),x;
function p(G,H,Left,L){
var F=this,M=G,r,o=Left,O=L,K,I,N=H;
switch(M){
case"from":r=z.rect(H.x-B.attr.fromDot.width/2,H.y-B.attr.fromDot.height/2,B.attr.fromDot.width,B.attr.fromDot.height).attr(B.attr.fromDot);break;
case"big":r=z.rect(H.x-B.attr.bigDot.width/2,H.y-B.attr.bigDot.height/2,B.attr.bigDot.width,B.attr.bigDot.height).attr(B.attr.bigDot);break;
case"small":r=z.rect(H.x-B.attr.smallDot.width/2,H.y-B.attr.smallDot.height/2,B.attr.smallDot.width,B.attr.smallDot.height).attr(B.attr.smallDot);break;
case"to":r=z.rect(H.x-B.attr.toDot.width/2,H.y-B.attr.toDot.height/2,B.attr.toDot.width,B.attr.toDot.height).attr(B.attr.toDot);break
}
if(r&&(M=="big"||M=="small")){
r.drag(function(Q,P){C(Q,P)},function(){J()},function(){E()});
var C=function(R,Q){var P=(K+R),S=(I+Q);F.moveTo(P,S)};
var J=function(){
if(M=="big"){K=r.attr("x")+B.attr.bigDot.width/2;I=r.attr("y")+B.attr.bigDot.height/2}
if(M=="small"){K=r.attr("x")+B.attr.smallDot.width/2;I=r.attr("y")+B.attr.smallDot.height/2}
};
var E=function(){}
}
this.type=function(P){if(P){M=P}else{return M}};
this.node=function(P){if(P){r=P}else{return r}};
this.left=function(P){if(P){o=P}else{return o}};
this.right=function(P){if(P){O=P}else{return O}};
this.remove=function(){o=null;O=null;r.remove()};
this.pos=function(P){if(P){N=P;r.attr({x:N.x-r.attr("width")/2,y:N.y-r.attr("height")/2});return this}else{return N}};
this.moveTo=function(Q,T){
this.pos({x:Q,y:T});
switch(M){
case"from":if(O&&O.right()&&O.right().type()=="to"){O.right().pos(designer.util.connPoint(s.getBBox(),N))}if(O&&O.right()){O.pos(designer.util.center(N,O.right().pos()))}break;
case"big":if(O&&O.right()&&O.right().type()=="to"){O.right().pos(designer.util.connPoint(s.getBBox(),N))}if(o&&o.left()&&o.left().type()=="from"){o.left().pos(designer.util.connPoint(k.getBBox(),N))}if(O&&O.right()){O.pos(designer.util.center(N,O.right().pos()))}if(o&&o.left()){o.pos(designer.util.center(N,o.left().pos()))}var S={x:N.x,y:N.y};if(designer.util.isLine(o.left().pos(),S,O.right().pos())){M="small";r.attr(B.attr.smallDot);this.pos(S);var P=o;o.left().right(o.right());o=o.left();P.remove();var R=O;O.right().left(O.left());O=O.right();R.remove()}break;
case"small":if(o&&O&&!designer.util.isLine(o.pos(),{x:N.x,y:N.y},O.pos())){M="big";r.attr(B.attr.bigDot);var P=new p("small",designer.util.center(o.pos(),N),o,o.right());o.right(P);o=P;var R=new p("small",designer.util.center(O.pos(),N),O.left(),O);O.left(R);O=R}break;
case"to":if(o&&o.left()&&o.left().type()=="from"){o.left().pos(designer.util.connPoint(k.getBBox(),N))}if(o&&o.left()){o.pos(designer.util.center(N,o.left().pos()))}break
}m()
}
}
function j(){
var D,C,E=k.getBBox(),F=s.getBBox(),r,o;
r=designer.util.connPoint(E,{x:F.x+F.width/2,y:F.y+F.height/2});
o=designer.util.connPoint(F,r);
D=new p("from",r,null,new p("small",{x:(r.x+o.x)/2,y:(r.y+o.y)/2}));
D.right().left(D);
C=new p("to",o,D.right(),null);
D.right().right(C);
this.toPathString=function(){
if(!D){return""}
var J=D,I="M"+J.pos().x+" "+J.pos().y,H="";
while(J.right()){
J=J.right();
I+="L"+J.pos().x+" "+J.pos().y
}
var G=designer.util.arrow(J.left().pos(),J.pos(),B.attr.arrow.radius);
H="M"+G[0].x+" "+G[0].y+"L"+G[1].x+" "+G[1].y+"L"+G[2].x+" "+G[2].y+"z";
return[I,H]
};
this.toJson=function(){
var G="[",H=D;
while(H){
if(H.type()=="big"){
G+="{x:"+Math.round(H.pos().x)+",y:"+Math.round(H.pos().y)+"},"
}
H=H.right()
}
if(G.substring(G.length-1,G.length)==","){
G=G.substring(0,G.length-1)
}
G+="]";
return G
};
this.toXml=function(){
var G="",H=D;
while(H){
if(H.type()=="big"){
G+=(Math.round(H.pos().x)-180)+","+Math.round(H.pos().y)+";"
}
H=H.right()
}
if(G.substring(G.length-1,G.length)==";"){
G=G.substring(0,G.length-1)
}
return G
};
this.restore=function(H){
var I=H,J=D.right();
for(var G=0;G<I.length;G++){
J.moveTo(I[G].x,I[G].y);
J.moveTo(I[G].x,I[G].y);
J=J.right()
}
this.hide()
};
this.fromDot=function(){return D};
this.toDot=function(){return C};
this.midDot=function(){
var H=D.right(),G=D.right().right();
while(G.right()&&G.right().right()){
G=G.right().right();
H=H.right()
}
return H
};
this.show=function(){
var G=D;
while(G){
G.node().show();
G=G.right()
}
};
this.hide=function(){
var G=D;
while(G){
G.node().hide();
G=G.right()
}
};
this.remove=function(){
var G=D;
while(G){
if(G.right()){
G=G.right();
G.left().remove()
}else{
G.remove();
G=null
}
}
}
}
B=snaker.extend(true,B,q);
i=z.path(B.attr.path.path).attr(B.attr.path);
t=z.path(B.attr.arrow.path).attr(B.attr.arrow);
x=new j();
x.hide();
f=z.text(0,0,B.text.text).attr(B.text).attr({text:B.text.text.replace("{from}",k.text()).replace("{to}",s.text())});
f.drag(function(r,o){
if(!designer.config.editable){return}
f.attr({x:y+r,y:w+o})
},
function(){y=f.attr("x");w=f.attr("y")},
function(){
var o=x.midDot().pos();
h={x:f.attr("x")-o.x,y:f.attr("y")-o.y}
});
m();
snaker([i.node,t.node]).bind("click",function(){
if(!designer.config.editable){return}
snaker(z).trigger("click",v);
snaker(z).data("currNode",v);
return false
});
var l=function(r,C){
if(!designer.config.editable){return}
if(C&&C.getId()==g){
x.show();
snaker(z).trigger("showprops",[B.props,v])
}else{
x.hide()
}
var o=snaker(z).data("mod");
switch(o){
case"pointer":break;
case"path":break
}
};
snaker(z).bind("click",l);
var A=function(o,r){
if(!designer.config.editable){return}
if(r&&(r.getId()==k.getId()||r.getId()==s.getId())){
snaker(z).trigger("removepath",v)
}
};
snaker(z).bind("removerect",A);
var d=function(C,D){
if(!designer.config.editable){return}
if(k&&k.getId()==D.getId()){
var o;
if(x.fromDot().right().right().type()=="to"){
o={x:s.getBBox().x+s.getBBox().width/2,y:s.getBBox().y+s.getBBox().height/2}
}else{
o=x.fromDot().right().right().pos()
}
var r=designer.util.connPoint(k.getBBox(),o);
x.fromDot().moveTo(r.x,r.y);
m()
}
if(s&&s.getId()==D.getId()){
var o;
if(x.toDot().left().left().type()=="from"){
o={x:k.getBBox().x+k.getBBox().width/2,y:k.getBBox().y+k.getBBox().height/2}
}else{
o=x.toDot().left().left().pos()
}
var r=designer.util.connPoint(s.getBBox(),o);
x.toDot().moveTo(r.x,r.y);
m()
}
};
snaker(z).bind("rectresize",d);
var c=function(r,o,C){
if(C.getId()==g){
f.attr({text:o})
}
};
snaker(z).bind("textchange",c);
this.from=function(){return k};
this.to=function(){return s};
this.toJson=function(){
var r="{from:'"+k.getId()+"',to:'"+s.getId()+"', dots:"+x.toJson()+",text:{text:'"+f.attr("text")+"'},textPos:{x:"+Math.round(h.x)+",y:"+Math.round(h.y)+"}, props:{";
for(var o in B.props){
r+=o+":{value:'"+B.props[o].value+"'},"
}
if(r.substring(r.length-1,r.length)==","){
r=r.substring(0,r.length-1)
}
r+="}}";
return r
};
this.toXml=function(){
var hx = Math.round(h.x);
var r="<transition offset=\""+hx+","+Math.round(h.y)+"\" to=\""+s.getName()+"\" ";
var dots=x.toXml();
if(dots!="") r+=" g=\""+x.toXml()+"\" ";
for(var o in B.props){
if(o=="name"&&B.props[o].value==""){
r+=o+"=\""+g+"\" ";
continue;
}
if(B.props[o].value!=""){
var vv = B.props[o].value.replace(/>/g,"#5");
vv = vv.replace(/</g,"#6");
vv = vv.replace(/&/g,"#7");
r+=o+"=\""+vv+"\" ";
}
}
r+="/>";
return r
};
this.restore=function(o){
var r=o;
B.props.displayName.value=r.text.text;
B=snaker.extend(true,B,o);
x.restore(r.dots)
};
this.remove=function(){
x.remove();
i.remove();
t.remove();
f.remove();
try{
snaker(z).unbind("click",l)
}catch(o){}
try{
snaker(z).unbind("removerect",A)
}catch(o){}
try{
snaker(z).unbind("rectresize",d)
}catch(o){}
try{
snaker(z).unbind("textchange",c)
}catch(o){}
};
function m(){
var r=x.toPathString(),o=x.midDot().pos();
i.attr({path:r[0]});
t.attr({path:r[1]});
f.attr({x:o.x+h.x,y:o.y+h.y})
}
this.getId=function(){return g};
this.text=function(){
return f.attr("text")
};
this.attr=function(o){
if(o&&o.path){
i.attr(o.path)
}
if(o&&o.arrow){
t.attr(o.arrow)
}
}
};
designer.props=function(h,f){
var j=this,c=snaker("#properties").hide().draggable({handle:"#properties_handle"}).resizable().css(designer.config.props.attr).bind("click",function(){return false}),e=c.find("table"),g=f,i;
var d=function(n,m,o){
if(i&&i.getId()==o.getId()){
return
}
i=o;
snaker(e).find(".editor").each(function(){
var k=snaker(this).data("editor");
if(k){k.destroy()}
});
e.empty();
c.show();
for(var l in m){
if(!m[l].name) continue;
if(m[l].name=="name"&&m[l].value==""){
m[l].value=o.getId()
}
m[l].value=m[l].value.replace(/#1/g,"'");
m[l].value=m[l].value.replace(/#2/g,"\"");
m[l].value=m[l].value.replace(/#3/g,"\r\n");
m[l].value=m[l].value.replace(/#4/g,"\n");
m[l].value=m[l].value.replace(/#5/g,">");
m[l].value=m[l].value.replace(/#6/g,"<");
m[l].value=m[l].value.replace(/#7/g,"&");
if(!m[l].label){
continue;
}
e.append("<tr><td class='properties_name'>"+m[l].label+"</td><td class='properties_value'><div id='p"+l+"' class='editor'></div></td></tr>");
if(m[l].editor){
m[l].editor().init(m,l,"p"+l,o,g)
}
}
};
snaker(g).bind("showprops",d)
};
designer.editors={
textEditor:function(){
var d,e,c,g,f;
this.init=function(i,h,m,l,j){
d=i;e=h;c=m;g=l;f=j;
snaker('<input style="width:100%;"/>').val(g.text()).change(function(){
i[e].value=snaker(this).val();
snaker(f).trigger("textchange",[snaker(this).val(),g])
}).appendTo("#"+c);
snaker("#"+c).data("editor",this)
};
this.destroy=function(){
snaker("#"+c+" input").each(function(){
d[e].value=snaker(this).val();
snaker(f).trigger("textchange",[snaker(this).val(),g])
})
}
}
};
designer.init=function(x,r){
var v=snaker(window).width(),e=snaker(window).height(),y=Raphael(x,v*1.5,e*1.5),q={},g={};
snaker.extend(true,designer.config,r);
snaker(document).keydown(function(i){
if(!designer.config.editable){return}
if(i.keyCode==46){
var j=snaker(y).data("currNode");
if(j){
if(j.getId().substring(0,4)=="rect"){
snaker(y).trigger("removerect",j)
}else{
if(j.getId().substring(0,4)=="path"){
snaker(y).trigger("removepath",j)
}
}
snaker(y).removeData("currNode")
}
}
});
snaker(document).click(function(){
snaker(y).data("currNode",null);
snaker(y).trigger("click",{
getId:function(){return ""}
});
snaker(y).trigger("showprops",[designer.config.props.props,{getId:function(){return ""}}])
});
var w=function(c,i){
if(!designer.config.editable){return}
if(i.getId().substring(0,4)=="rect"){
q[i.getId()]=null;
i.remove()
}else{
if(i.getId().substring(0,4)=="path"){
g[i.getId()]=null;
i.remove()
}
}
};
snaker(y).bind("removepath",w);
snaker(y).bind("removerect",w);
snaker(y).bind("addrect",function(j,c,k){
var i=new designer.rect(snaker.extend(true,{},designer.config.tools.states[c],k),y);
q[i.getId()]=i
});
var f=function(i,k,j){
var c=new designer.path({},y,k,j);
g[c.getId()]=c
};
snaker(y).bind("addpath",f);
snaker(y).data("mod","point");
if(designer.config.editable){
snaker("#toolbox").draggable({handle:"#toolbox_handle"}).css(designer.config.tools.attr);
snaker("#toolbox .node").hover(function(){snaker(this).addClass("mover")},function(){snaker(this).removeClass("mover")});
snaker("#toolbox .selectable").click(function(){
snaker(".selected").removeClass("selected");
snaker(this).addClass("selected");
snaker(y).data("mod",this.id)
});
snaker("#toolbox .state").each(function(){
snaker(this).draggable({helper:"clone"})
});
snaker(x).droppable({
accept:".state",
drop:function(c,i){
snaker(y).trigger("addrect",[i.helper.attr("type"),{attr:{x:i.helper.offset().left,y:i.helper.offset().top}}])
}
});
snaker("#save").click(function(){
/**
var i="{states:{";
for(var c in q){
if(q[c]){
i+=q[c].getId()+":"+q[c].toJson()+","
}
}
if(i.substring(i.length-1,i.length)==","){
i=i.substring(0,i.length-1)
}
i+="},paths:{";
for(var c in g){
if(g[c]){
i+=g[c].getId()+":"+g[c].toJson()+","
}
}
if(i.substring(i.length-1,i.length)==","){
i=i.substring(0,i.length-1)
}
i+="},props:{props:{";
for(var c in designer.config.props.props){
i+=c+":{value:'"+designer.config.props.props[c].value+"'},"
}
if(i.substring(i.length-1,i.length)==","){
i=i.substring(0,i.length-1)
}
i+="}}}";
*/
var i="<process ";
for(var c in designer.config.props.props){
if((c=="name"||c=="displayName")&&designer.config.props.props[c].value==""){
alert("流程定义名称、显示名称不能为空");
return;
}
if(designer.config.props.props[c].value!=""){
i+=c+"=\""+designer.config.props.props[c].value+"\" "
}
}
i+=">\n";
for(var node in q){
if(q[node]){
i+=q[node].toBeforeXml();
for(var transition in g){
if(g[transition]){
var from=g[transition].from().getId();
if(from==q[node].getId()){
var transitionXml=g[transition].toXml();
if(transitionXml==""){
alert("连接线名称不能为空");
return
}else{
i+="\n";
i+=transitionXml;
}
}
}
}
i+="\n";
i+=q[node].toAfterXml();
i+="\n";
}
}
i+="</process>";
designer.config.tools.save.onclick(i)
});
new designer.props({},y)
}
if(r.restore){
var B=r.restore;
var z={};
if(B.states){
for(var s in B.states){
var d=new designer.rect(snaker.extend(true,{},designer.config.tools.states[B.states[s].type],B.states[s]),y);
d.restore(B.states[s]);
z[s]=d;
q[d.getId()]=d
}
}
if(B.paths){
for(var s in B.paths){
var n=new designer.path(snaker.extend(true,{},designer.config.tools.path,B.paths[s]),y,z[B.paths[s].from],z[B.paths[s].to]);
n.restore(B.paths[s]);
g[n.getId()]=n
}
}
if(B.props&&B.props.props){
for(var s in designer.config.props.props){
var tmp=designer.config.props.props[s];
for(var ss in B.props.props){
if(tmp.name==B.props.props[ss].name){
tmp.value=B.props.props[ss].value;
break;
}
}
}
}
}
var A=designer.config.historyRects,l=designer.config.activeRects;
if(A.rects.length||l.rects.length){
var m={},z={};
for(var h in g){
if(!z[g[h].from().text()]){
z[g[h].from().text()]={rect:g[h].from(),paths:{}}
}
z[g[h].from().text()].paths[g[h].text()]=g[h];
if(!z[g[h].to().text()]){
z[g[h].to().text()]={rect:g[h].to(),paths:{}}
}
}
for(var u=0;u<A.rects.length;u++){
if(z[A.rects[u].name]){
z[A.rects[u].name].rect.attr(A.rectAttr)
}
for(var t=0;t<A.rects[u].paths.length;t++){
if(z[A.rects[u].name].paths[A.rects[u].paths[t]]){
z[A.rects[u].name].paths[A.rects[u].paths[t]].attr(A.pathAttr)
}
}
}
for(var u=0;u<l.rects.length;u++){
if(z[l.rects[u].name]){
z[l.rects[u].name].rect.attr(l.rectAttr)
}
for(var t=0;t<l.rects[u].paths.length;t++){
if(z[l.rects[u].name].paths[l.rects[u].paths[t]]){
z[l.rects[u].name].paths[l.rects[u].paths[t]].attr(l.pathAttr)
}
}
}
}
};
snaker.fn.snakerflow=function(c){
return this.each(function(){
designer.init(this,c)
})
};
snaker.snakerflow=designer})(jQuery);
Reference in New Issue Copy Permalink