root / trunk / web / dojo / dojox / drawing / manager / Stencil.js @ 13
History | View | Annotate | Download (7.22 KB)
| 1 | 9 | andrej.cim | /*
|
|---|---|---|---|
| 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.Stencil"]){ |
||
| 9 | dojo._hasResource["dojox.drawing.manager.Stencil"]=true; |
||
| 10 | dojo.provide("dojox.drawing.manager.Stencil");
|
||
| 11 | (function(){
|
||
| 12 | var _1,_2;
|
||
| 13 | dojox.drawing.manager.Stencil=dojox.drawing.util.oo.declare(function(_3){
|
||
| 14 | _1=_3.surface; |
||
| 15 | this.canvas=_3.canvas;
|
||
| 16 | this.defaults=dojox.drawing.defaults.copy();
|
||
| 17 | this.undo=_3.undo;
|
||
| 18 | this.mouse=_3.mouse;
|
||
| 19 | this.keys=_3.keys;
|
||
| 20 | this.anchors=_3.anchors;
|
||
| 21 | this.stencils={};
|
||
| 22 | this.selectedStencils={};
|
||
| 23 | this._mouseHandle=this.mouse.register(this); |
||
| 24 | dojo.connect(this.keys,"onArrow",this,"onArrow"); |
||
| 25 | dojo.connect(this.keys,"onEsc",this,"deselect"); |
||
| 26 | dojo.connect(this.keys,"onDelete",this,"onDelete"); |
||
| 27 | },{_dragBegun:false,_wasDragged:false,_secondClick:false,_isBusy:false,register:function(_4){
|
||
| 28 | if(_4.isText&&!_4.editMode&&_4.deleteEmptyCreate&&!_4.getText()){
|
||
| 29 | console.warn("EMPTY CREATE DELETE",_4);
|
||
| 30 | _4.destroy(); |
||
| 31 | return false; |
||
| 32 | } |
||
| 33 | this.stencils[_4.id]=_4;
|
||
| 34 | if(_4.execText){
|
||
| 35 | if(_4._text&&!_4.editMode){
|
||
| 36 | this.selectItem(_4);
|
||
| 37 | } |
||
| 38 | _4.connect("execText",this,function(){ |
||
| 39 | if(_4.isText&&_4.deleteEmptyModify&&!_4.getText()){
|
||
| 40 | console.warn("EMPTY MOD DELETE",_4);
|
||
| 41 | this.deleteItem(_4);
|
||
| 42 | }else{
|
||
| 43 | if(_4.selectOnExec){
|
||
| 44 | this.selectItem(_4);
|
||
| 45 | } |
||
| 46 | } |
||
| 47 | }); |
||
| 48 | } |
||
| 49 | _4.connect("deselect",this,function(){ |
||
| 50 | if(!this._isBusy&&this.isSelected(_4)){ |
||
| 51 | this.deselectItem(_4);
|
||
| 52 | } |
||
| 53 | }); |
||
| 54 | _4.connect("select",this,function(){ |
||
| 55 | if(!this._isBusy&&!this.isSelected(_4)){ |
||
| 56 | this.selectItem(_4);
|
||
| 57 | } |
||
| 58 | }); |
||
| 59 | return _4;
|
||
| 60 | },unregister:function(_5){ |
||
| 61 | if(_5){
|
||
| 62 | _5.selected&&this.onDeselect(_5);
|
||
| 63 | delete this.stencils[_5.id]; |
||
| 64 | } |
||
| 65 | },onArrow:function(_6){ |
||
| 66 | if(this.hasSelected()){ |
||
| 67 | this.saveThrottledState();
|
||
| 68 | this.group.applyTransform({dx:_6.x,dy:_6.y}); |
||
| 69 | } |
||
| 70 | },_throttleVrl:null,_throttle:false,throttleTime:400,_lastmxx:-1,_lastmxy:-1,saveMoveState:function(){ |
||
| 71 | var mx=this.group.getTransform(); |
||
| 72 | if(mx.dx==this._lastmxx&&mx.dy==this._lastmxy){ |
||
| 73 | return;
|
||
| 74 | } |
||
| 75 | this._lastmxx=mx.dx;
|
||
| 76 | this._lastmxy=mx.dy;
|
||
| 77 | this.undo.add({before:dojo.hitch(this.group,"setTransform",mx)}); |
||
| 78 | },saveThrottledState:function(){ |
||
| 79 | clearTimeout(this._throttleVrl);
|
||
| 80 | clearInterval(this._throttleVrl);
|
||
| 81 | this._throttleVrl=setTimeout(dojo.hitch(this,function(){ |
||
| 82 | this._throttle=false; |
||
| 83 | this.saveMoveState();
|
||
| 84 | }),this.throttleTime);
|
||
| 85 | if(this._throttle){ |
||
| 86 | return;
|
||
| 87 | } |
||
| 88 | this._throttle=true; |
||
| 89 | this.saveMoveState();
|
||
| 90 | },unDelete:function(_7){ |
||
| 91 | for(var s in _7){ |
||
| 92 | _7[s].render(); |
||
| 93 | this.onSelect(_7[s]);
|
||
| 94 | } |
||
| 95 | },onDelete:function(_8){ |
||
| 96 | if(_8!==true){ |
||
| 97 | this.undo.add({before:dojo.hitch(this,"unDelete",this.selectedStencils),after:dojo.hitch(this,"onDelete",true)}); |
||
| 98 | } |
||
| 99 | this.withSelected(function(m){ |
||
| 100 | this.anchors.remove(m);
|
||
| 101 | var id=m.id;
|
||
| 102 | m.destroy(); |
||
| 103 | delete this.stencils[id]; |
||
| 104 | }); |
||
| 105 | this.selectedStencils={};
|
||
| 106 | },deleteItem:function(_9){ |
||
| 107 | if(this.hasSelected()){ |
||
| 108 | var _a=[];
|
||
| 109 | for(var m in this.selectedStencils){ |
||
| 110 | if(this.selectedStencils.id==_9.id){ |
||
| 111 | if(this.hasSelected()==1){ |
||
| 112 | this.onDelete();
|
||
| 113 | return;
|
||
| 114 | } |
||
| 115 | }else{
|
||
| 116 | _a.push(this.selectedStencils.id);
|
||
| 117 | } |
||
| 118 | } |
||
| 119 | this.deselect();
|
||
| 120 | this.selectItem(_9);
|
||
| 121 | this.onDelete();
|
||
| 122 | dojo.forEach(_a,function(id){
|
||
| 123 | this.selectItem(id);
|
||
| 124 | },this);
|
||
| 125 | }else{
|
||
| 126 | this.selectItem(_9);
|
||
| 127 | this.onDelete();
|
||
| 128 | } |
||
| 129 | },removeAll:function(){ |
||
| 130 | this.selectAll();
|
||
| 131 | this._isBusy=true; |
||
| 132 | this.onDelete();
|
||
| 133 | this.stencils={};
|
||
| 134 | this._isBusy=false; |
||
| 135 | },setSelectionGroup:function(){ |
||
| 136 | this.withSelected(function(m){ |
||
| 137 | this.onDeselect(m,true); |
||
| 138 | }); |
||
| 139 | if(this.group){ |
||
| 140 | _1.remove(this.group);
|
||
| 141 | this.group.removeShape();
|
||
| 142 | } |
||
| 143 | this.group=_1.createGroup();
|
||
| 144 | this.group.setTransform({dx:0,dy:0}); |
||
| 145 | this.withSelected(function(m){ |
||
| 146 | this.group.add(m.container);
|
||
| 147 | m.select(); |
||
| 148 | }); |
||
| 149 | },setConstraint:function(){ |
||
| 150 | var t=Infinity,l=Infinity; |
||
| 151 | this.withSelected(function(m){ |
||
| 152 | var o=m.getBounds();
|
||
| 153 | t=Math.min(o.y1,t); |
||
| 154 | l=Math.min(o.x1,l); |
||
| 155 | }); |
||
| 156 | this.constrain={l:-l,t:-t}; |
||
| 157 | },onDeselect:function(_b,_c){ |
||
| 158 | if(!_c){
|
||
| 159 | delete this.selectedStencils[_b.id]; |
||
| 160 | } |
||
| 161 | this.anchors.remove(_b);
|
||
| 162 | _1.add(_b.container); |
||
| 163 | _b.selected&&_b.deselect(); |
||
| 164 | _b.applyTransform(this.group.getTransform());
|
||
| 165 | },deselectItem:function(_d){ |
||
| 166 | this.onDeselect(_d);
|
||
| 167 | },deselect:function(){ |
||
| 168 | this.withSelected(function(m){ |
||
| 169 | this.onDeselect(m);
|
||
| 170 | }); |
||
| 171 | this._dragBegun=false; |
||
| 172 | this._wasDragged=false; |
||
| 173 | },onSelect:function(_e){ |
||
| 174 | if(!_e){
|
||
| 175 | console.error("null stencil is not selected:",this.stencils); |
||
| 176 | } |
||
| 177 | if(this.selectedStencils[_e.id]){ |
||
| 178 | return;
|
||
| 179 | } |
||
| 180 | this.selectedStencils[_e.id]=_e;
|
||
| 181 | this.group.add(_e.container);
|
||
| 182 | _e.select(); |
||
| 183 | if(this.hasSelected()==1){ |
||
| 184 | this.anchors.add(_e,this.group); |
||
| 185 | } |
||
| 186 | },selectAll:function(){ |
||
| 187 | this._isBusy=true; |
||
| 188 | for(var m in this.stencils){ |
||
| 189 | this.selectItem(m);
|
||
| 190 | } |
||
| 191 | this._isBusy=false; |
||
| 192 | },selectItem:function(_f){ |
||
| 193 | var id=typeof (_f)=="string"?_f:_f.id; |
||
| 194 | var _10=this.stencils[id]; |
||
| 195 | this.setSelectionGroup();
|
||
| 196 | this.onSelect(_10);
|
||
| 197 | this.group.moveToFront();
|
||
| 198 | this.setConstraint();
|
||
| 199 | },onStencilDoubleClick:function(obj){ |
||
| 200 | if(this.selectedStencils[obj.id]){ |
||
| 201 | if(this.selectedStencils[obj.id].edit){ |
||
| 202 | var m=this.selectedStencils[obj.id]; |
||
| 203 | m.editMode=true;
|
||
| 204 | this.deselect();
|
||
| 205 | m.edit(); |
||
| 206 | } |
||
| 207 | } |
||
| 208 | },onAnchorUp:function(){ |
||
| 209 | this.setConstraint();
|
||
| 210 | },onStencilDown:function(obj,evt){ |
||
| 211 | if(!this.stencils[obj.id]){ |
||
| 212 | return;
|
||
| 213 | } |
||
| 214 | this._isBusy=true; |
||
| 215 | if(this.selectedStencils[obj.id]&&this.keys.meta){ |
||
| 216 | if(dojo.isMac&&this.keys.cmmd){ |
||
| 217 | } |
||
| 218 | this.onDeselect(this.selectedStencils[obj.id]); |
||
| 219 | if(this.hasSelected()==1){ |
||
| 220 | this.withSelected(function(m){ |
||
| 221 | this.anchors.add(m,this.group); |
||
| 222 | }); |
||
| 223 | } |
||
| 224 | this.group.moveToFront();
|
||
| 225 | this.setConstraint();
|
||
| 226 | return;
|
||
| 227 | }else{
|
||
| 228 | if(this.selectedStencils[obj.id]){ |
||
| 229 | var mx=this.group.getTransform(); |
||
| 230 | this._offx=obj.x-mx.dx;
|
||
| 231 | this._offy=obj.y-mx.dy;
|
||
| 232 | return;
|
||
| 233 | }else{
|
||
| 234 | if(!this.keys.meta){ |
||
| 235 | this.deselect();
|
||
| 236 | }else{
|
||
| 237 | } |
||
| 238 | } |
||
| 239 | } |
||
| 240 | this.selectItem(obj.id);
|
||
| 241 | mx=this.group.getTransform();
|
||
| 242 | this._offx=obj.x-mx.dx;
|
||
| 243 | this._offy=obj.y-mx.dx;
|
||
| 244 | this.orgx=obj.x;
|
||
| 245 | this.orgy=obj.y;
|
||
| 246 | this._isBusy=false; |
||
| 247 | this.undo.add({before:function(){ |
||
| 248 | },after:function(){ |
||
| 249 | }}); |
||
| 250 | },onStencilUp:function(obj){ |
||
| 251 | },onStencilDrag:function(obj){ |
||
| 252 | if(!this._dragBegun){ |
||
| 253 | this.onBeginDrag(obj);
|
||
| 254 | this._dragBegun=true; |
||
| 255 | }else{
|
||
| 256 | this.saveThrottledState();
|
||
| 257 | var x=obj.x-obj.last.x,y=obj.y-obj.last.y,c=this.constrain,mz=this.defaults.anchors.marginZero; |
||
| 258 | x=obj.x-this._offx;
|
||
| 259 | y=obj.y-this._offy;
|
||
| 260 | if(x<c.l+mz){
|
||
| 261 | x=c.l+mz; |
||
| 262 | } |
||
| 263 | if(y<c.t+mz){
|
||
| 264 | y=c.t+mz; |
||
| 265 | } |
||
| 266 | this.group.setTransform({dx:x,dy:y}); |
||
| 267 | } |
||
| 268 | },onDragEnd:function(obj){ |
||
| 269 | this._dragBegun=false; |
||
| 270 | },onBeginDrag:function(obj){ |
||
| 271 | this._wasDragged=true; |
||
| 272 | },onDown:function(obj){ |
||
| 273 | this.deselect();
|
||
| 274 | },onStencilOver:function(obj){ |
||
| 275 | dojo.style(obj.id,"cursor","move"); |
||
| 276 | },onStencilOut:function(obj){ |
||
| 277 | dojo.style(obj.id,"cursor","crosshair"); |
||
| 278 | },exporter:function(){ |
||
| 279 | var _11=[];
|
||
| 280 | for(var m in this.stencils){ |
||
| 281 | this.stencils[m].enabled&&_11.push(this.stencils[m].exporter()); |
||
| 282 | } |
||
| 283 | return _11;
|
||
| 284 | },listStencils:function(){ |
||
| 285 | return this.stencils; |
||
| 286 | },toSelected:function(_12){ |
||
| 287 | var _13=Array.prototype.slice.call(arguments).splice(1); |
||
| 288 | for(var m in this.selectedStencils){ |
||
| 289 | var _14=this.selectedStencils[m]; |
||
| 290 | _14[_12].apply(_14,_13); |
||
| 291 | } |
||
| 292 | },withSelected:function(_15){ |
||
| 293 | var f=dojo.hitch(this,_15); |
||
| 294 | for(var m in this.selectedStencils){ |
||
| 295 | f(this.selectedStencils[m]);
|
||
| 296 | } |
||
| 297 | },withUnselected:function(_16){ |
||
| 298 | var f=dojo.hitch(this,_16); |
||
| 299 | for(var m in this.stencils){ |
||
| 300 | !this.stencils[m].selected&&f(this.stencils[m]); |
||
| 301 | } |
||
| 302 | },withStencils:function(_17){ |
||
| 303 | var f=dojo.hitch(this,_17); |
||
| 304 | for(var m in this.stencils){ |
||
| 305 | f(this.stencils[m]);
|
||
| 306 | } |
||
| 307 | },hasSelected:function(){ |
||
| 308 | var ln=0; |
||
| 309 | for(var m in this.selectedStencils){ |
||
| 310 | ln++; |
||
| 311 | } |
||
| 312 | return ln;
|
||
| 313 | },isSelected:function(_18){ |
||
| 314 | return !!this.selectedStencils[_18.id]; |
||
| 315 | }}); |
||
| 316 | })(); |
||
| 317 | } |