125 lines
3.8 KiB
JavaScript
125 lines
3.8 KiB
JavaScript
/**
|
|
* @file referenceline.js
|
|
* @author mengke01
|
|
* @date
|
|
* @description
|
|
* 参考线操作模式
|
|
*/
|
|
|
|
|
|
define(
|
|
function(require) {
|
|
|
|
var lang = require('common/lang');
|
|
|
|
var mode = {
|
|
|
|
newLine: 1, // 拖出新参考线模式
|
|
|
|
dragLine: 2, // 拖动参考线模式
|
|
|
|
/**
|
|
* 拖动事件
|
|
*/
|
|
drag: function(e) {
|
|
if(1 == e.which) {
|
|
if (this.currentLine) {
|
|
var camera = this.render.camera;
|
|
var line = this.currentLine;
|
|
if (undefined !== line.p0.x) {
|
|
line.p0.x += camera.mx;
|
|
}
|
|
else {
|
|
line.p0.y += camera.my;
|
|
}
|
|
this.axisLayer.refresh();
|
|
}
|
|
else if (this._dragMode === mode.newLine) {
|
|
|
|
if (e.startX <= 20 && e.x > 20) {
|
|
this.currentLine = this.axisLayer.addShape('line', {
|
|
p0: {
|
|
x: e.x
|
|
},
|
|
style: this.options.referenceline.style
|
|
});
|
|
this.render.setCursor('col-resize');
|
|
}
|
|
else if (e.startY <= 20 && e.y > 20) {
|
|
this.currentLine = this.axisLayer.addShape('line', {
|
|
p0: {
|
|
y: e.y
|
|
},
|
|
style: this.options.referenceline.style
|
|
});
|
|
this.render.setCursor('row-resize');
|
|
}
|
|
|
|
this._dragMode == mode.dragLine;
|
|
}
|
|
}
|
|
},
|
|
|
|
|
|
/**
|
|
* 鼠标弹起
|
|
*/
|
|
up: function(e) {
|
|
if(1 == e.which) {
|
|
if(this.currentLine) {
|
|
var line = this.currentLine;
|
|
|
|
// 如果右支撑被移除去了
|
|
if(line === this.rightSideBearing && line.p0.x < 20) {
|
|
line.p0.x = this.p0.x;
|
|
this.axisLayer.refresh();
|
|
}
|
|
// 拖出刻度线，代表删除
|
|
else if (
|
|
(undefined !== line.p0.x && line.p0.x < 20)
|
|
|| (undefined !== line.p0.y && line.p0.y < 20)
|
|
|
|
) {
|
|
this.execCommand('removereferenceline', line);
|
|
}
|
|
}
|
|
this.setMode();
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 开始模式
|
|
*/
|
|
begin: function(m) {
|
|
|
|
if (m === mode.dragLine) {
|
|
var line = arguments[1];
|
|
if(undefined !== line.p0.x) {
|
|
this.render.setCursor('col-resize');
|
|
}
|
|
else {
|
|
this.render.setCursor('row-resize');
|
|
}
|
|
|
|
this.currentLine = line;
|
|
this.p0 = lang.clone(line.p0);
|
|
}
|
|
|
|
this._dragMode = m;
|
|
},
|
|
|
|
/**
|
|
* 结束模式
|
|
*/
|
|
end: function() {
|
|
delete this._dragMode;
|
|
delete this.currentLine;
|
|
delete this.p0;
|
|
this.render.setCursor('default');
|
|
}
|
|
};
|
|
|
|
return mode;
|
|
}
|
|
);
|