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;