root / trunk / web / dojo / dojox / drawing / manager / Mouse.js @ 11
History | View | Annotate | Download (5.5 KB)
1 |
/*
|
---|---|
2 |
Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
3 |
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
4 |
see: http://dojotoolkit.org/license for details
|
5 |
*/
|
6 |
|
7 |
|
8 |
if(!dojo._hasResource["dojox.drawing.manager.Mouse"]){ |
9 |
dojo._hasResource["dojox.drawing.manager.Mouse"]=true; |
10 |
dojo.provide("dojox.drawing.manager.Mouse");
|
11 |
dojox.drawing.manager.Mouse=dojox.drawing.util.oo.declare(function(_1){
|
12 |
this.util=_1.util;
|
13 |
this.keys=_1.keys;
|
14 |
this.id=_1.id||this.util.uid("mouse"); |
15 |
this.currentNodeId=""; |
16 |
this.registered={};
|
17 |
},{doublClickSpeed:400,_lastx:0,_lasty:0,__reg:0,_downOnCanvas:false,init:function(_2){ |
18 |
this.container=_2;
|
19 |
this.setCanvas();
|
20 |
var c;
|
21 |
var _3=false; |
22 |
dojo.connect(this.container,"rightclick",this,function(_4){ |
23 |
console.warn("RIGHTCLICK");
|
24 |
}); |
25 |
dojo.connect(document.body,"mousedown",this,function(_5){ |
26 |
}); |
27 |
dojo.connect(this.container,"mousedown",this,function(_6){ |
28 |
this.down(_6);
|
29 |
_3=true;
|
30 |
c=dojo.connect(document,"mousemove",this,"drag"); |
31 |
}); |
32 |
dojo.connect(document,"mouseup",this,function(_7){ |
33 |
dojo.disconnect(c); |
34 |
_3=false;
|
35 |
this.up(_7);
|
36 |
}); |
37 |
dojo.connect(document,"mousemove",this,function(_8){ |
38 |
if(!_3){
|
39 |
this.move(_8);
|
40 |
} |
41 |
}); |
42 |
dojo.connect(this.keys,"onEsc",this,function(_9){ |
43 |
this._dragged=false; |
44 |
}); |
45 |
},setCanvas:function(){ |
46 |
var _a=dojo.coords(this.container.parentNode); |
47 |
this.origin=dojo.clone(_a);
|
48 |
},scrollOffset:function(){ |
49 |
return {top:this.container.parentNode.scrollTop,left:this.container.parentNode.scrollLeft}; |
50 |
},resize:function(_b,_c){ |
51 |
if(this.origin){ |
52 |
this.origin.w=_b;
|
53 |
this.origin.h=_c;
|
54 |
} |
55 |
},register:function(_d){ |
56 |
var _e=_d.id||"reg_"+(this.__reg++); |
57 |
if(!this.registered[_e]){ |
58 |
this.registered[_e]=_d;
|
59 |
} |
60 |
return _e;
|
61 |
},unregister:function(_f){ |
62 |
if(!this.registered[_f]){ |
63 |
return;
|
64 |
} |
65 |
delete this.registered[_f]; |
66 |
},_broadcastEvent:function(_10,obj){ |
67 |
for(var nm in this.registered){ |
68 |
if(this.registered[nm][_10]){ |
69 |
this.registered[nm][_10](obj);
|
70 |
} |
71 |
} |
72 |
},onDown:function(obj){ |
73 |
this._broadcastEvent(this.eventName("down"),obj); |
74 |
},onDrag:function(obj){ |
75 |
var nm=this.eventName("drag"); |
76 |
if(this._selected&&nm=="onDrag"){ |
77 |
nm="onStencilDrag";
|
78 |
} |
79 |
this._broadcastEvent(nm,obj);
|
80 |
},onMove:function(obj){ |
81 |
this._broadcastEvent("onMove",obj); |
82 |
},overName:function(obj,evt){ |
83 |
var nm=obj.id.split("."); |
84 |
evt=evt.charAt(0).toUpperCase()+evt.substring(1); |
85 |
if(nm[0]=="dojox"&&(dojox.drawing.defaults.clickable||!dojox.drawing.defaults.clickMode)){ |
86 |
return "onStencil"+evt; |
87 |
}else{
|
88 |
return "on"+evt; |
89 |
} |
90 |
},onOver:function(obj){ |
91 |
this._broadcastEvent(this.overName(obj,"over"),obj); |
92 |
},onOut:function(obj){ |
93 |
this._broadcastEvent(this.overName(obj,"out"),obj); |
94 |
},onUp:function(obj){ |
95 |
var nm=this.eventName("up"); |
96 |
if(nm=="onStencilUp"){ |
97 |
this._selected=true; |
98 |
}else{
|
99 |
if(this._selected&&nm=="onUp"){ |
100 |
nm="onStencilUp";
|
101 |
this._selected=false; |
102 |
} |
103 |
} |
104 |
this._broadcastEvent(nm,obj);
|
105 |
if(dojox.gfx.renderer=="silverlight"){ |
106 |
return;
|
107 |
} |
108 |
this._clickTime=new Date().getTime(); |
109 |
if(this._lastClickTime){ |
110 |
if(this._clickTime-this._lastClickTime<this.doublClickSpeed){ |
111 |
var dnm=this.eventName("doubleClick"); |
112 |
console.warn("DOUBLE CLICK",dnm,obj);
|
113 |
this._broadcastEvent(dnm,obj);
|
114 |
}else{
|
115 |
} |
116 |
} |
117 |
this._lastClickTime=this._clickTime; |
118 |
},zoom:1,setZoom:function(_11){ |
119 |
this.zoom=1/_11; |
120 |
},setEventMode:function(_12){ |
121 |
this.mode=_12?"on"+_12.charAt(0).toUpperCase()+_12.substring(1):""; |
122 |
},eventName:function(_13){ |
123 |
_13=_13.charAt(0).toUpperCase()+_13.substring(1); |
124 |
if(this.mode){ |
125 |
if(this.mode=="onPathEdit"){ |
126 |
return "on"+_13; |
127 |
} |
128 |
if(this.mode=="onUI"){ |
129 |
} |
130 |
return this.mode+_13; |
131 |
}else{
|
132 |
if(!dojox.drawing.defaults.clickable&&dojox.drawing.defaults.clickMode){
|
133 |
return "on"+_13; |
134 |
} |
135 |
var dt=!this.drawingType||this.drawingType=="surface"||this.drawingType=="canvas"?"":this.drawingType; |
136 |
var t=!dt?"":dt.charAt(0).toUpperCase()+dt.substring(1); |
137 |
return "on"+t+_13; |
138 |
} |
139 |
},up:function(evt){ |
140 |
this.onUp(this.create(evt)); |
141 |
},down:function(evt){ |
142 |
evt.preventDefault(); |
143 |
dojo.stopEvent(evt); |
144 |
this._downOnCanvas=true; |
145 |
var sc=this.scrollOffset(); |
146 |
var dim=this._getXY(evt); |
147 |
this._lastpagex=dim.x;
|
148 |
this._lastpagey=dim.y;
|
149 |
var o=this.origin; |
150 |
var x=dim.x-o.x+sc.left;
|
151 |
var y=dim.y-o.y+sc.top;
|
152 |
var _14=x>=0&&y>=0&&x<=o.w&&y<=o.h; |
153 |
x*=this.zoom;
|
154 |
y*=this.zoom;
|
155 |
o.startx=x; |
156 |
o.starty=y; |
157 |
this._lastx=x;
|
158 |
this._lasty=y;
|
159 |
this.drawingType=this.util.attr(evt,"drawingType")||""; |
160 |
var id=this._getId(evt); |
161 |
this.onDown({mid:this.id,x:x,y:y,pageX:dim.x,pageY:dim.y,withinCanvas:_14,id:id}); |
162 |
},over:function(obj){ |
163 |
this.onOver(obj);
|
164 |
},out:function(obj){ |
165 |
this.onOut(obj);
|
166 |
},move:function(evt){ |
167 |
var obj=this.create(evt); |
168 |
if(this.id=="MUI"){ |
169 |
} |
170 |
if(obj.id!=this.currentNodeId){ |
171 |
var _15={};
|
172 |
for(var nm in obj){ |
173 |
_15[nm]=obj[nm]; |
174 |
} |
175 |
_15.id=this.currentNodeId;
|
176 |
this.currentNodeId&&this.out(_15); |
177 |
obj.id&&this.over(obj);
|
178 |
this.currentNodeId=obj.id;
|
179 |
} |
180 |
this.onMove(obj);
|
181 |
},drag:function(evt){ |
182 |
this.onDrag(this.create(evt,true)); |
183 |
},create:function(evt,_16){ |
184 |
var sc=this.scrollOffset(); |
185 |
var dim=this._getXY(evt); |
186 |
var _17=dim.x;
|
187 |
var _18=dim.y;
|
188 |
var o=this.origin; |
189 |
var x=dim.x-o.x+sc.left;
|
190 |
var y=dim.y-o.y+sc.top;
|
191 |
var _19=x>=0&&y>=0&&x<=o.w&&y<=o.h; |
192 |
x*=this.zoom;
|
193 |
y*=this.zoom;
|
194 |
var id=_19?this._getId(evt,_16):""; |
195 |
var ret={mid:this.id,x:x,y:y,pageX:dim.x,pageY:dim.y,page:{x:dim.x,y:dim.y},orgX:o.x,orgY:o.y,last:{x:this._lastx,y:this._lasty},start:{x:this.origin.startx,y:this.origin.starty},move:{x:_17-this._lastpagex,y:_18-this._lastpagey},scroll:sc,id:id,withinCanvas:_19}; |
196 |
this._lastx=x;
|
197 |
this._lasty=y;
|
198 |
this._lastpagex=_17;
|
199 |
this._lastpagey=_18;
|
200 |
dojo.stopEvent(evt); |
201 |
return ret;
|
202 |
},_getId:function(evt,_1a){ |
203 |
return this.util.attr(evt,"id",null,_1a); |
204 |
},_getXY:function(evt){ |
205 |
return {x:evt.pageX,y:evt.pageY}; |
206 |
},setCursor:function(_1b,_1c){ |
207 |
if(!_1c){
|
208 |
dojo.style(this.container,"cursor",_1b); |
209 |
}else{
|
210 |
dojo.style(_1c,"cursor",_1b);
|
211 |
} |
212 |
}}); |
213 |
} |