var dataUtil = require("../../utils/data_structure_util");
var classUtil = require("../../utils/class_util");
var _sub_pixel_optimize = require("../../utils/sub_pixel_optimize");
var subPixelOptimizeLine = _sub_pixel_optimize.subPixelOptimizeLine;
var CableLike = require("../link/CableLike");
var Path = require("../Path");
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
/**
* @class qrenderer.graphic.line.Line
* Line.
*
*
* 直线。所有线条的特征是:
* - 线条可以移动位置,但不能进行其它仿射变换,scale/rotate/skew 都不可以。所以计算线条的相关参数时可以做简化,只要计算 position 和 translate 就可以了。
* - 线条总是画在全局空间中。
* - 线条不能加到 Group 中。
* @docauthor 大漠穷秋 <damoqiongqiu@126.com>
*/
var Line =
/*#__PURE__*/
function (_Path) {
_inherits(Line, _Path);
/**
* @method constructor Line
* @param {Object} options
*/
function Line(options) {
var _this;
_classCallCheck(this, Line);
_this = _possibleConstructorReturn(this, _getPrototypeOf(Line).call(this, dataUtil.merge({
shape: {
x1: 0,
y1: 0,
x2: 0,
y2: 0,
percent: 1
},
style: {
stroke: '#000',
fill: null
}
}, options, true)));
/**
* @property {String} type
*/
_this.type = 'line';
classUtil.inheritProperties(_assertThisInitialized(_this), CableLike, _this.options);
classUtil.copyOwnProperties(_assertThisInitialized(_this), _this.options, ['style', 'shape']);
_this.transformable = false;
return _this;
}
/**
* @method buildPath
* Build the path of current line, the data structure is like the path attribute in SVG.
*
*
* 构建当前线条的路径,数据结构类似 SVG 中的 path 属性。
* @param {Object} ctx
* @param {String} shape
*/
_createClass(Line, [{
key: "buildPath",
value: function buildPath(ctx, shape) {
var x1;
var y1;
var x2;
var y2;
if (this.subPixelOptimize) {
var subPixelOptimizeOutputShape = {};
subPixelOptimizeLine(subPixelOptimizeOutputShape, shape, this.style);
x1 = subPixelOptimizeOutputShape.x1;
y1 = subPixelOptimizeOutputShape.y1;
x2 = subPixelOptimizeOutputShape.x2;
y2 = subPixelOptimizeOutputShape.y2;
} else {
x1 = shape.x1;
y1 = shape.y1;
x2 = shape.x2;
y2 = shape.y2;
}
var percent = shape.percent;
if (percent === 0) {
return;
}
ctx.moveTo(x1, y1);
if (percent < 1) {
x2 = x1 * (1 - percent) + x2 * percent;
y2 = y1 * (1 - percent) + y2 * percent;
}
ctx.lineTo(x2, y2);
}
/**
* @protected
* @method renderTransformControls
* Disable renderTransformControls method in Element, because we don't allow transformation on lines.
*
*
* 禁用 Elemnet 类上的 renderTransformControls 方法,因为我们不希望在线条上使用几何变换。
* @param {*} ctx
* @param {*} prevEl
*/
}, {
key: "renderTransformControls",
value: function renderTransformControls(ctx, prevEl) {}
/**
* @method pointAt
* Get point at percent, this value is between 0 and 1.
*
*
* 按照比例获取线条上的点,取值范围在 0 到 1 之间。
* @param {Number} percent
* @return {Array<Number>}
*/
}, {
key: "pointAt",
value: function pointAt(p) {
var shape = this.shape;
return [shape.x1 * (1 - p) + shape.x2 * p, shape.y1 * (1 - p) + shape.y2 * p];
}
}, {
key: "firstPoint",
value: function firstPoint() {
return [this.shape.x1, this.shape.y1];
}
}, {
key: "firstTwoPoints",
value: function firstTwoPoints() {
return [[this.shape.x1, this.shape.y1], [this.shape.x2, this.shape.y2]];
}
}, {
key: "lastPoint",
value: function lastPoint() {
return [this.shape.x2, this.shape.y2];
}
}, {
key: "lastTwoPoints",
value: function lastTwoPoints() {
return [[this.shape.x2, this.shape.y2], [this.shape.x1, this.shape.y1]];
}
}, {
key: "setStartPoint",
value: function setStartPoint(x, y) {
this.shape.x1 = x;
this.shape.y1 = y;
}
}, {
key: "setEndPoint",
value: function setEndPoint(x, y) {
this.shape.x2 = x;
this.shape.y2 = y;
}
}, {
key: "toJSONObject",
value: function toJSONObject() {
var result = Path.prototype.toJSONObject.call(this);
result.fromId = this.fromId;
result.toId = this.toId;
result.fromPosition = this.fromPosition;
result.toPosition = this.toPosition;
result.isCable = this.isCable;
return result;
}
}]);
return Line;
}(Path);
classUtil.mixin(Line, CableLike);
var _default = Line;
module.exports = _default;