UNPKG

@antv/interaction/build/interaction.js

Version:
470 kBJavaScriptView Raw
1(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["Interaction"] = factory();
else
root["Interaction"] = factory();
10})(typeof self !== 'undefined' ? self : this, function() {
11return /******/ (function(modules) { // webpackBootstrap
12/******/ 	// The module cache
13/******/ 	var installedModules = {};
14/******/
15/******/ 	// The require function
16/******/ 	function __webpack_require__(moduleId) {
17/******/
18/******/ 		// Check if module is in cache
19/******/ 		if(installedModules[moduleId]) {
20/******/ 			return installedModules[moduleId].exports;
21/******/ 		}
22/******/ 		// Create a new module (and put it into the cache)
23/******/ 		var module = installedModules[moduleId] = {
24/******/ 			i: moduleId,
25/******/ 			l: false,
26/******/ 			exports: {}
27/******/ 		};
28/******/
29/******/ 		// Execute the module function
30/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
31/******/
32/******/ 		// Flag the module as loaded
33/******/ 		module.l = true;
34/******/
35/******/ 		// Return the exports of the module
36/******/ 		return module.exports;
37/******/ 	}
38/******/
39/******/
40/******/ 	// expose the modules object (__webpack_modules__)
41/******/ 	__webpack_require__.m = modules;
42/******/
43/******/ 	// expose the module cache
44/******/ 	__webpack_require__.c = installedModules;
45/******/
46/******/ 	// define getter function for harmony exports
47/******/ 	__webpack_require__.d = function(exports, name, getter) {
48/******/ 		if(!__webpack_require__.o(exports, name)) {
49/******/ 			Object.defineProperty(exports, name, {
50/******/ 				configurable: false,
51/******/ 				enumerable: true,
52/******/ 				get: getter
53/******/ 			});
54/******/ 		}
55/******/ 	};
56/******/
57/******/ 	// getDefaultExport function for compatibility with non-harmony modules
58/******/ 	__webpack_require__.n = function(module) {
59/******/ 		var getter = module && module.__esModule ?
60/******/ 			function getDefault() { return module['default']; } :
61/******/ 			function getModuleExports() { return module; };
62/******/ 		__webpack_require__.d(getter, 'a', getter);
63/******/ 		return getter;
64/******/ 	};
65/******/
66/******/ 	// Object.prototype.hasOwnProperty.call
67/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
68/******/
69/******/ 	// __webpack_public_path__
70/******/ 	__webpack_require__.p = "";
71/******/
72/******/ 	// Load entry module and return exports
73/******/ 	return __webpack_require__(__webpack_require__.s = 83);
74/******/ })
75/************************************************************************/
76/******/ ([
77/* 0 */
78/***/ (function(module, exports, __webpack_require__) {
79
80var CommonUtil = __webpack_require__(9);
81var DomUtil = __webpack_require__(41);
82
83var Util = {};
84
85CommonUtil.merge(Util, CommonUtil, DomUtil, {
mixin: function mixin(c, mixins) {
  var Param = c.CFG ? 'CFG' : 'ATTRS';
  if (c && mixins) {
    c._mixins = mixins;
    c[Param] = c[Param] || {};
    var temp = {};
    Util.each(mixins, function (mixin) {
      Util.augment(c, mixin);
      var attrs = mixin[Param];
      if (attrs) {
        Util.merge(temp, attrs);
      }
    });
    c[Param] = Util.merge(temp, c[Param]);
  }
}
102});
103
104module.exports = Util;
105
106/***/ }),
107/* 1 */
108/***/ (function(module, exports, __webpack_require__) {
109
110var Util = __webpack_require__(0);
111var Element = __webpack_require__(68);
112var Inside = __webpack_require__(3);
113
114var Shape = function Shape(cfg) {
Shape.superclass.constructor.call(this, cfg);
116};
117
118Shape.ATTRS = {};
119
120Util.extend(Shape, Element);
121
122Util.augment(Shape, {
isShape: true,
createPath: function createPath() {},
afterPath: function afterPath() {},
drawInner: function drawInner(context) {
  var self = this;
  var attrs = self.__attrs;
  self.createPath(context);
  var originOpacity = context.globalAlpha;
  if (self.hasFill()) {
    var fillOpacity = attrs.fillOpacity;
    if (!Util.isNil(fillOpacity) && fillOpacity !== 1) {
      context.globalAlpha = fillOpacity;
      context.fill();
      context.globalAlpha = originOpacity;
    } else {
      context.fill();
    }
  }
  if (self.hasStroke()) {
    var lineWidth = self.__attrs.lineWidth;
    if (lineWidth > 0) {
      var strokeOpacity = attrs.strokeOpacity;
      if (!Util.isNil(strokeOpacity) && strokeOpacity !== 1) {
        context.globalAlpha = strokeOpacity;
      }
      context.stroke();
    }
  }
  self.afterPath(context);
},
153
/**
 * 节点是否在图形中
 * @param  {Number}  x x 坐标
 * @param  {Number}  y y 坐标
 * @return {Boolean}  是否在图形中
 */
isPointInPath: function isPointInPath() {
  return false;
},
163
/**
 * 击中图形时是否进行包围盒判断
 * @return {Boolean} [description]
 */
isHitBox: function isHitBox() {
  return true;
},
171
/**
 * 节点是否能够被击中
 * @param {Number} x x坐标
 * @param {Number} y y坐标
 * @return {Boolean} 是否在图形中
 */
isHit: function isHit(x, y) {
  var self = this;
  var v = [x, y, 1];
  self.invert(v); // canvas
182
  if (self.isHitBox()) {
    var box = self.getBBox();
    if (box && !Inside.box(box.minX, box.maxX, box.minY, box.maxY, v[0], v[1])) {
      return false;
    }
  }
  var clip = self.__attrs.clip;
  if (clip) {
    if (clip.inside(x, y)) {
      return self.isPointInPath(v[0], v[1]);
    }
  } else {
    return self.isPointInPath(v[0], v[1]);
  }
  return false;
},
199
/**
 * @protected
 * 计算包围盒
 * @return {Object} 包围盒
 */
calculateBox: function calculateBox() {
  return null;
},
208
// 获取拾取时线的宽度，需要考虑附加的线的宽度
getHitLineWidth: function getHitLineWidth() {
  var attrs = this.__attrs;
  // if (!attrs.stroke) {
  //   return 0;
  // }
  var lineAppendWidth = attrs.lineAppendWidth || 0;
  var lineWidth = attrs.lineWidth || 0;
  return lineWidth + lineAppendWidth;
},
219
// 清除当前的矩阵
clearTotalMatrix: function clearTotalMatrix() {
  this.__cfg.totalMatrix = null;
  this.__cfg.region = null;
},
clearBBox: function clearBBox() {
  this.__cfg.box = null;
  this.__cfg.region = null;
},
getBBox: function getBBox() {
  var box = this.__cfg.box;
  // 延迟计算
  if (!box) {
    box = this.calculateBox();
    if (box) {
      box.x = box.minX;
      box.y = box.minY;
      box.width = box.maxX - box.minX;
      box.height = box.maxY - box.minY;
    }
    this.__cfg.box = box;
  }
  return box;
}
244});
245
246module.exports = Shape;
247
248/***/ }),
249/* 2 */
250/***/ (function(module, exports, __webpack_require__) {
251
252var CommonUtil = __webpack_require__(9);
253var mat3 = __webpack_require__(113);
254var vec3 = __webpack_require__(114);
255var vec2 = __webpack_require__(115);
256
257vec2.angle = function (v1, v2) {
var theta = vec2.dot(v1, v2) / (vec2.length(v1) * vec2.length(v2));
return Math.acos(CommonUtil.clamp(theta, -1, 1));
260};
261/**
* 向量 v1 到 向量 v2 夹角的方向
* @param  {Array} v1 向量
* @param  {Array} v2 向量
* @return {Boolean} >= 0 顺时针 < 0 逆时针
*/
267vec2.direction = function (v1, v2) {
return v1[0] * v2[1] - v2[0] * v1[1];
269};
270vec2.angleTo = function (v1, v2, direct) {
var angle = vec2.angle(v1, v2);
var angleLargeThanPI = vec2.direction(v1, v2) >= 0;
if (direct) {
  if (angleLargeThanPI) {
    return Math.PI * 2 - angle;
  }
277
  return angle;
}
280
if (angleLargeThanPI) {
  return angle;
}
return Math.PI * 2 - angle;
285};
286vec2.vertical = function (out, v, flag) {
if (flag) {
  out[0] = v[1];
  out[1] = -1 * v[0];
} else {
  out[0] = -1 * v[1];
  out[1] = v[0];
}
294
return out;
296};
297
298mat3.translate = function (out, a, v) {
var transMat = new Array(9);
mat3.fromTranslation(transMat, v);
return mat3.multiply(out, transMat, a);
302};
303
304mat3.rotate = function (out, a, rad) {
var rotateMat = new Array(9);
mat3.fromRotation(rotateMat, rad);
return mat3.multiply(out, rotateMat, a);
308};
309
310mat3.scale = function (out, a, v) {
var scaleMat = new Array(9);
mat3.fromScaling(scaleMat, v);
return mat3.multiply(out, scaleMat, a);
314};
315
316module.exports = {
mat3: mat3,
vec2: vec2,
vec3: vec3,
transform: function transform(m, ts) {
  m = CommonUtil.clone(m);
  CommonUtil.each(ts, function (t) {
    switch (t[0]) {
      case 't':
        mat3.translate(m, m, [t[1], t[2]]);
        break;
      case 's':
        mat3.scale(m, m, [t[1], t[2]]);
        break;
      case 'r':
        mat3.rotate(m, m, t[1]);
        break;
      case 'm':
        mat3.multiply(m, m, t[1]);
        break;
      default:
        return false;
    }
  });
  return m;
}
342};
343
344/***/ }),
345/* 3 */
346/***/ (function(module, exports, __webpack_require__) {
347
348var Line = __webpack_require__(28);
349var Quadratic = __webpack_require__(29);
350var Cubic = __webpack_require__(16);
351var Arc = __webpack_require__(30);
352
353module.exports = {
line: function line(x1, y1, x2, y2, lineWidth, x, y) {
  var box = Line.box(x1, y1, x2, y2, lineWidth);
356
  if (!this.box(box.minX, box.maxX, box.minY, box.maxY, x, y)) {
    return false;
  }
360
  var d = Line.pointDistance(x1, y1, x2, y2, x, y);
  if (isNaN(d)) {
    return false;
  }
  return d <= lineWidth / 2;
},
polyline: function polyline(points, lineWidth, x, y) {
  var l = points.length - 1;
  if (l < 1) {
    return false;
  }
  for (var i = 0; i < l; i++) {
    var x1 = points[i][0];
    var y1 = points[i][1];
    var x2 = points[i + 1][0];
    var y2 = points[i + 1][1];
377
    if (this.line(x1, y1, x2, y2, lineWidth, x, y)) {
      return true;
    }
  }
382
  return false;
},
cubicline: function cubicline(x1, y1, x2, y2, x3, y3, x4, y4, lineWidth, x, y) {
  return Cubic.pointDistance(x1, y1, x2, y2, x3, y3, x4, y4, x, y) <= lineWidth / 2;
},
quadraticline: function quadraticline(x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
  return Quadratic.pointDistance(x1, y1, x2, y2, x3, y3, x, y) <= lineWidth / 2;
},
arcline: function arcline(cx, cy, r, startAngle, endAngle, clockwise, lineWidth, x, y) {
  return Arc.pointDistance(cx, cy, r, startAngle, endAngle, clockwise, x, y) <= lineWidth / 2;
},
rect: function rect(rx, ry, width, height, x, y) {
  return rx <= x && x <= rx + width && ry <= y && y <= ry + height;
},
circle: function circle(cx, cy, r, x, y) {
  return Math.pow(x - cx, 2) + Math.pow(y - cy, 2) <= Math.pow(r, 2);
},
box: function box(minX, maxX, minY, maxY, x, y) {
  return minX <= x && x <= maxX && minY <= y && y <= maxY;
}
403};
404
405/***/ }),
406/* 4 */
407/***/ (function(module, exports, __webpack_require__) {
408
409var Util = __webpack_require__(0);
410var Element = __webpack_require__(19);
411
412var SHAPES = {
rect: 'rect',
circle: 'circle',
line: 'line',
path: 'path',
marker: 'marker',
text: 'text',
polygon: 'polygon',
image: 'image',
ellipse: 'ellipse',
dom: 'foreignObject',
fan: 'path'
424};
425
426var Shape = function Shape(cfg) {
Shape.superclass.constructor.call(this, cfg);
428};
429
430Shape.ATTRS = {};
431
432Util.extend(Shape, Element);
433
434Util.augment(Shape, {
isShape: true,
createPath: function createPath() {},
init: function init(id) {
  Shape.superclass.init.call(this);
  var type = SHAPES[this.type];
  if (type) {
    var shape = document.createElementNS('http://www.w3.org/2000/svg', type);
    id = id || Util.uniqueId(this.type + '_');
    shape.setAttribute('id', id);
    this.setSilent('el', shape);
    this.setSilent('id', id);
  }
},
448
/**
 * 节点是否在图形中
 * @param  {Number}  x x 坐标
 * @param  {Number}  y y 坐标
 * @return {Boolean}  是否在图形中
 */
isPointInPath: function isPointInPath() {
  return false;
},
458
/**
 * 击中图形时是否进行包围盒判断
 * @return {Boolean} [description]
 */
isHitBox: function isHitBox() {
  return true;
},
466
/**
 * 节点是否能够被击中
 * @return {Boolean} 是否在图形中
 */
isHit: function isHit() {
  return false;
},
474
/**
 * @protected
 * @protected
 * 计算包围盒
 * @return {Object} 包围盒
 */
calculateBox: function calculateBox() {
  return null;
},
484
// 获取拾取时线的宽度，需要考虑附加的线的宽度
getHitLineWidth: function getHitLineWidth() {
  var attrs = this.__attrs;
  // if (!attrs.stroke) {
  //   return 0;
  // }
  var lineAppendWidth = attrs.lineAppendWidth || 0;
  var lineWidth = attrs.lineWidth || 0;
  return lineWidth + lineAppendWidth;
},
495
// 清除当前的矩阵
clearTotalMatrix: function clearTotalMatrix() {
  this.__cfg.totalMatrix = null;
  this.__cfg.region = null;
},
clearBBox: function clearBBox() {
  this.__cfg.box = null;
  this.__cfg.region = null;
}
505});
506
507module.exports = Shape;
508
509/***/ }),
510/* 5 */
511/***/ (function(module, exports) {
512
513var isArrayLike = function isArrayLike(value) {
/**
 * isArrayLike([1, 2, 3]) => true
 * isArrayLike(document.body.children) => true
 * isArrayLike('abc') => true
 * isArrayLike(Function) => false
 */
return value !== null && typeof value !== 'function' && isFinite(value.length);
521};
522
523module.exports = isArrayLike;
524
525/***/ }),
526/* 6 */
527/***/ (function(module, __webpack_exports__, __webpack_require__) {
528
529"use strict";
530/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_color__ = __webpack_require__(24);
531/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__src_color__["e"]; });
532/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_0__src_color__["g"]; });
533/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_0__src_color__["f"]; });
534/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_lab__ = __webpack_require__(137);
535/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_1__src_lab__["a"]; });
536/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_1__src_lab__["b"]; });
537/* unused harmony reexport lch */
538/* unused harmony reexport gray */
539/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_cubehelix__ = __webpack_require__(138);
540/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubehelix__["a"]; });
541
542
543
544
545/***/ }),
546/* 7 */
547/***/ (function(module, exports) {
548
549var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
550
551var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
553} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
555};
556
557var PI = Math.PI;
558var sin = Math.sin;
559var cos = Math.cos;
560var atan2 = Math.atan2;
561var DEFAULT_LENGTH = 10;
562var DEFAULT_ANGLE = PI / 3;
563
564function _addArrow(ctx, attrs, x1, y1, x2, y2) {
var leftX = void 0;
var leftY = void 0;
var rightX = void 0;
var rightY = void 0;
var offsetX = void 0;
var offsetY = void 0;
var angle = void 0;
572
if (!attrs.fill) {
  // 闭合的不绘制箭头
  var arrowLength = attrs.arrowLength || DEFAULT_LENGTH;
  var arrowAngle = attrs.arrowAngle ? attrs.arrowAngle * PI / 180 : DEFAULT_ANGLE; // 转换为弧
  // Calculate angle
  angle = atan2(y2 - y1, x2 - x1);
  // Adjust angle correctly
  angle -= PI;
  // Calculate offset to place arrow at edge of path
  offsetX = attrs.lineWidth * cos(angle);
  offsetY = attrs.lineWidth * sin(angle);
584
  // Calculate coordinates for left half of arrow
  leftX = x2 + arrowLength * cos(angle + arrowAngle / 2);
  leftY = y2 + arrowLength * sin(angle + arrowAngle / 2);
  // Calculate coordinates for right half of arrow
  rightX = x2 + arrowLength * cos(angle - arrowAngle / 2);
  rightY = y2 + arrowLength * sin(angle - arrowAngle / 2);
  ctx.beginPath();
  // Draw left half of arrow
  ctx.moveTo(leftX - offsetX, leftY - offsetY);
  ctx.lineTo(x2 - offsetX, y2 - offsetY);
  // Draw right half of arrow
  ctx.lineTo(rightX - offsetX, rightY - offsetY);
597
  // Visually connect arrow to path
  ctx.moveTo(x2 - offsetX, y2 - offsetY);
  ctx.lineTo(x2 + offsetX, y2 + offsetY);
  // Move back to end of path
  ctx.moveTo(x2, y2);
  ctx.stroke();
}
605}
606
607function _addMarker(ctx, attrs, x1, y1, x2, y2, shape) {
var marker = shape.__attrs;
if (!marker.x) {
  marker.x = x2;
}
if (!marker.y) {
  marker.y = y2;
}
if (!marker.r) {
  marker.r = attrs.lineWidth;
}
618
var deg = 0;
var x = x2 - x1;
var y = y2 - y1;
var tan = Math.atan(x / y);
if (y === 0 && x < 0) {
  deg = Math.PI;
} else if (x > 0 && y > 0) {
  deg = Math.PI / 2 - tan;
} else if (x < 0 && y < 0) {
  deg = -Math.PI / 2 - tan;
} else if (x >= 0 && y < 0) {
  deg = -tan - Math.PI / 2;
} else if (x <= 0 && y > 0) {
  deg = Math.PI / 2 - tan;
}
ctx.save();
ctx.beginPath();
ctx.translate(marker.x, marker.y);
ctx.rotate(deg);
ctx.translate(-marker.x, -marker.y);
shape.createPath(ctx);
ctx.setTransform(1, 0, 0, 1, 0, 0);
ctx.fillStyle = shape.attr('fill') || ctx.strokeStyle;
ctx.fill();
ctx.restore();
644}
645
646module.exports = {
addStartArrow: function addStartArrow(ctx, attrs, x1, y1, x2, y2) {
  if (_typeof(attrs.startArrow) === 'object') {
    _addMarker(ctx, attrs, x1, y1, x2, y2, attrs.startArrow);
  } else if (attrs.startArrow) {
    _addArrow(ctx, attrs, x1, y1, x2, y2);
  }
},
addEndArrow: function addEndArrow(ctx, attrs, x1, y1, x2, y2) {
  if (_typeof(attrs.endArrow) === 'object') {
    _addMarker(ctx, attrs, x1, y1, x2, y2, attrs.endArrow);
  } else if (attrs.endArrow) {
    _addArrow(ctx, attrs, x1, y1, x2, y2);
  }
}
661};
662
663/***/ }),
664/* 8 */
665/***/ (function(module, exports, __webpack_require__) {
666
667function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
668
669var G = __webpack_require__(32);
670var EventUtil = __webpack_require__(34);
671var DomUtil = G.DomUtil;
672var CommonUtil = G.CommonUtil;
673
674var assign = CommonUtil.assign;
675
676var EVENT_TYPES = ['start', 'process', 'end', 'reset'];
677
678var Interaction = function () {
Interaction.prototype.getDefaultCfg = function getDefaultCfg() {
  return {
    startEvent: 'mousedown',
    processEvent: 'mousemove',
    endEvent: 'mouseup',
    resetEvent: 'dblclick'
  };
};
687
Interaction.prototype._start = function _start(ev) {
  var me = this;
  me.preStart && me.preStart(ev);
  me.start(ev);
  me.onStart && me.onStart(ev);
};
694
Interaction.prototype._process = function _process(ev) {
  var me = this;
  me.preProcess && me.preProcess(ev);
  me.process(ev);
  me.onProcess && me.onProcess(ev);
};
701
Interaction.prototype._end = function _end(ev) {
  var me = this;
  me.preEnd && me.preEnd(ev);
  me.end(ev);
  me.onEnd && me.onEnd(ev);
};
708
Interaction.prototype._reset = function _reset(ev) {
  var me = this;
  me.preReset && me.preReset(ev);
  me.reset(ev);
  me.onReset && me.onReset(ev);
};
715
Interaction.prototype.start = function start() {
  // TODO override
};
719
Interaction.prototype.process = function process() {
  // TODO override
};
723
Interaction.prototype.end = function end() {
  // TODO override
};
727
Interaction.prototype.reset = function reset() {
  // TODO override
};
731
function Interaction(cfg, view) {
  _classCallCheck(this, Interaction);
734
  var me = this;
  var defaultCfg = me.getDefaultCfg();
  assign(me, defaultCfg, cfg);
  me.view = me.chart = view;
  me.canvas = view.get('canvas');
  me._bindEvents();
}
742
Interaction.prototype._bindEvents = function _bindEvents() {
  var me = this;
  var canvas = me.canvas;
  var canvasDOM = canvas.get('canvasDOM');
  me._clearEvents();
  CommonUtil.each(EVENT_TYPES, function (type) {
    var ucType = CommonUtil.upperFirst(type);
    me['_on' + ucType + 'Listener'] = DomUtil.addEventListener(canvasDOM, me[type + 'Event'], EventUtil.wrapBehavior(me, '_' + type));
  });
};
753
Interaction.prototype._clearEvents = function _clearEvents() {
  var me = this;
  CommonUtil.each(EVENT_TYPES, function (type) {
    var listenerName = '_on' + CommonUtil.upperFirst(type) + 'Listener';
    me[listenerName] && me[listenerName].remove();
  });
};
761
Interaction.prototype.destroy = function destroy() {
  this._clearEvents();
};
765
return Interaction;
767}();
768
769module.exports = Interaction;
770
771/***/ }),
772/* 9 */
773/***/ (function(module, exports, __webpack_require__) {
774
775var Util = __webpack_require__(33);
776
777module.exports = {
isFunction: Util.isFunction,
isObject: Util.isObject,
isBoolean: Util.isBoolean,
isNil: Util.isNil,
isString: Util.isString,
isArray: Util.isArray,
isNumber: Util.isNumber,
isEmpty: Util.isEmpty, // isBlank
uniqueId: Util.uniqueId,
clone: Util.clone,
assign: Util.mix, // simpleMix
merge: Util.deepMix, // mix
upperFirst: Util.upperFirst, // ucfirst
each: Util.each,
isEqual: Util.isEqual,
toArray: Util.toArray,
extend: Util.extend,
augment: Util.augment,
remove: Util.arrayUtil.pull,
isNumberEqual: Util.isNumberEqual,
toRadian: Util.toRadian,
toDegree: Util.toDegree,
mod: Util.mod,
clamp: Util.clamp
802};
803
804/***/ }),
805/* 10 */
806/***/ (function(module, exports) {
807
808var toString = {}.toString;
809var isType = function isType(value, type) {
return toString.call(value) === '[object ' + type + ']';
811};
812
813module.exports = isType;
814
815/***/ }),
816/* 11 */
817/***/ (function(module, exports, __webpack_require__) {
818
819var isObject = __webpack_require__(93);
820var isArray = __webpack_require__(12);
821
822var each = function each(elements, func) {
if (!elements) {
  return;
}
var rst = void 0;
if (isArray(elements)) {
  for (var i = 0, len = elements.length; i < len; i++) {
    rst = func(elements[i], i);
    if (rst === false) {
      break;
    }
  }
} else if (isObject(elements)) {
  for (var k in elements) {
    if (elements.hasOwnProperty(k)) {
      rst = func(elements[k], k);
      if (rst === false) {
        break;
      }
    }
  }
}
844};
845
846module.exports = each;
847
848/***/ }),
849/* 12 */
850/***/ (function(module, exports, __webpack_require__) {
851
852var isType = __webpack_require__(10);
853
854var isArray = Array.isArray ? Array.isArray : function (value) {
return isType(value, 'Array');
856};
857
858module.exports = isArray;
859
860/***/ }),
861/* 13 */
862/***/ (function(module, __webpack_exports__, __webpack_require__) {
863
864"use strict";
865/* harmony export (immutable) */ __webpack_exports__["c"] = hue;
866/* harmony export (immutable) */ __webpack_exports__["b"] = gamma;
867/* harmony export (immutable) */ __webpack_exports__["a"] = nogamma;
868/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constant__ = __webpack_require__(61);
869
870
871function linear(a, d) {
return function (t) {
  return a + t * d;
};
875}
876
877function exponential(a, b, y) {
return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function (t) {
  return Math.pow(a + t * b, y);
};
881}
882
883function hue(a, b) {
var d = b - a;
return d ? linear(a, d > 180 || d < -180 ? d - 360 * Math.round(d / 360) : d) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
886}
887
888function gamma(y) {
return (y = +y) === 1 ? nogamma : function (a, b) {
  return b - a ? exponential(a, b, y) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
};
892}
893
894function nogamma(a, b) {
var d = b - a;
return d ? linear(a, d) : Object(__WEBPACK_IMPORTED_MODULE_0__constant__["a" /* default */])(isNaN(a) ? b : a);
897}
898
899/***/ }),
900/* 14 */
901/***/ (function(module, exports, __webpack_require__) {
902
903/**
* 是否为函数
* @param  {*} fn 对象
* @return {Boolean}  是否函数
*/
908var isType = __webpack_require__(10);
909
910var isFunction = function isFunction(value) {
return isType(value, 'Function');
912};
913
914module.exports = isFunction;
915
916/***/ }),
917/* 15 */
918/***/ (function(module, __webpack_exports__, __webpack_require__) {
919
920"use strict";
921/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
return a = +a, b -= a, function (t) {
  return a + b * t;
};
925});
926
927/***/ }),
928/* 16 */
929/***/ (function(module, exports, __webpack_require__) {
930
931var Util = __webpack_require__(0);
932var vec2 = __webpack_require__(2).vec2;
933
934function cubicAt(p0, p1, p2, p3, t) {
var onet = 1 - t;
return onet * onet * (onet * p3 + 3 * t * p2) + t * t * (t * p0 + 3 * onet * p1);
937}
938
939function cubicDerivativeAt(p0, p1, p2, p3, t) {
var onet = 1 - t;
return 3 * (((p1 - p0) * onet + 2 * (p2 - p1) * t) * onet + (p3 - p2) * t * t);
942}
943
944function cubicProjectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y, out) {
var t = void 0;
var interval = 0.005;
var d = Infinity;
var _t = void 0;
var v1 = void 0;
var d1 = void 0;
var d2 = void 0;
var v2 = void 0;
var prev = void 0;
var next = void 0;
var EPSILON = 0.0001;
var v0 = [x, y];
957
for (_t = 0; _t < 1; _t += 0.05) {
  v1 = [cubicAt(x1, x2, x3, x4, _t), cubicAt(y1, y2, y3, y4, _t)];
960
  d1 = vec2.squaredDistance(v0, v1);
  if (d1 < d) {
    t = _t;
    d = d1;
  }
}
d = Infinity;
968
for (var i = 0; i < 32; i++) {
  if (interval < EPSILON) {
    break;
  }
973
  prev = t - interval;
  next = t + interval;
976
  v1 = [cubicAt(x1, x2, x3, x4, prev), cubicAt(y1, y2, y3, y4, prev)];
978
  d1 = vec2.squaredDistance(v0, v1);
980
  if (prev >= 0 && d1 < d) {
    t = prev;
    d = d1;
  } else {
    v2 = [cubicAt(x1, x2, x3, x4, next), cubicAt(y1, y2, y3, y4, next)];
986
    d2 = vec2.squaredDistance(v0, v2);
988
    if (next <= 1 && d2 < d) {
      t = next;
      d = d2;
    } else {
      interval *= 0.5;
    }
  }
}
997
if (out) {
  out.x = cubicAt(x1, x2, x3, x4, t);
  out.y = cubicAt(y1, y2, y3, y4, t);
}
1002
return Math.sqrt(d);
1004}
1005
1006function cubicExtrema(p0, p1, p2, p3) {
var a = 3 * p0 - 9 * p1 + 9 * p2 - 3 * p3;
var b = 6 * p1 - 12 * p2 + 6 * p3;
var c = 3 * p2 - 3 * p3;
var extrema = [];
var t1 = void 0;
var t2 = void 0;
var discSqrt = void 0;
1014
if (Util.isNumberEqual(a, 0)) {
  if (!Util.isNumberEqual(b, 0)) {
    t1 = -c / b;
    if (t1 >= 0 && t1 <= 1) {
      extrema.push(t1);
    }
  }
} else {
  var disc = b * b - 4 * a * c;
  if (Util.isNumberEqual(disc, 0)) {
    extrema.push(-b / (2 * a));
  } else if (disc > 0) {
    discSqrt = Math.sqrt(disc);
    t1 = (-b + discSqrt) / (2 * a);
    t2 = (-b - discSqrt) / (2 * a);
    if (t1 >= 0 && t1 <= 1) {
      extrema.push(t1);
    }
    if (t2 >= 0 && t2 <= 1) {
      extrema.push(t2);
    }
  }
}
return extrema;
1039}
1040
1041function base3(t, p1, p2, p3, p4) {
var t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4;
var t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
return t * t2 - 3 * p1 + 3 * p2;
1045}
1046
1047function cubiclLen(x1, y1, x2, y2, x3, y3, x4, y4, z) {
if (Util.isNil(z)) {
  z = 1;
}
z = z > 1 ? 1 : z < 0 ? 0 : z;
var z2 = z / 2;
var n = 12;
var Tvalues = [-0.1252, 0.1252, -0.3678, 0.3678, -0.5873, 0.5873, -0.7699, 0.7699, -0.9041, 0.9041, -0.9816, 0.9816];
var Cvalues = [0.2491, 0.2491, 0.2335, 0.2335, 0.2032, 0.2032, 0.1601, 0.1601, 0.1069, 0.1069, 0.0472, 0.0472];
var sum = 0;
for (var i = 0; i < n; i++) {
  var ct = z2 * Tvalues[i] + z2;
  var xbase = base3(ct, x1, x2, x3, x4);
  var ybase = base3(ct, y1, y2, y3, y4);
  var comb = xbase * xbase + ybase * ybase;
  sum += Cvalues[i] * Math.sqrt(comb);
}
return z2 * sum;
1065}
1066
1067module.exports = {
at: cubicAt,
derivativeAt: cubicDerivativeAt,
projectPoint: function projectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y) {
  var rst = {};
  cubicProjectPoint(x1, y1, x2, y2, x3, y3, x4, y4, x, y, rst);
  return rst;
},
1075
pointDistance: cubicProjectPoint,
extrema: cubicExtrema,
len: cubiclLen
1079};
1080
1081/***/ }),
1082/* 17 */
1083/***/ (function(module, exports, __webpack_require__) {
1084
1085var CommonUtil = __webpack_require__(33);
1086
1087var Util = {};
1088
1089CommonUtil.mix(Util, CommonUtil);
1090
1091module.exports = Util;
1092
1093/***/ }),
1094/* 18 */
1095/***/ (function(module, exports) {
1096
1097function _mix(dist, obj) {
for (var key in obj) {
  if (obj.hasOwnProperty(key) && key !== 'constructor' && obj[key] !== undefined) {
    dist[key] = obj[key];
  }
}
1103}
1104
1105var mix = function mix(dist, src1, src2, src3) {
if (src1) _mix(dist, src1);
if (src2) _mix(dist, src2);
if (src3) _mix(dist, src3);
return dist;
1110};
1111
1112module.exports = mix;
1113
1114/***/ }),
1115/* 19 */
1116/***/ (function(module, exports, __webpack_require__) {
1117
1118var Util = __webpack_require__(0);
1119var Attribute = __webpack_require__(111);
1120var Transform = __webpack_require__(112);
1121var Animate = __webpack_require__(44);
1122var EventEmitter = __webpack_require__(45);
1123
1124var Element = function Element(cfg) {
this.__cfg = {
  zIndex: 0,
  capture: true,
  visible: true,
  destroyed: false
}; // 配置存放地
1131
Util.assign(this.__cfg, this.getDefaultCfg(), cfg); // Element.CFG不合并，提升性能 合并默认配置，用户配置->继承默认配置->Element默认配置
// 在子元素的init中创建新svg元素，然后设置属性和变换。在这边设置id而不是attr里，是考虑id一旦设置后应不能修改
this.init(cfg ? cfg.id : null); // 类型初始化
this.initAttrs(this.__cfg.attrs); // 初始化绘图属性
this.initTransform(); // 初始化变换
1137};
1138
1139Element.CFG = {
/**
 * 唯一标示
 * @type {Number}
 */
id: null,
/**
 * Z轴的层叠关系，Z值越大离用户越近
 * @type {Number}
 */
zIndex: 0,
/**
 * Canvas对象
 * @type: {Object}
 */
canvas: null,
/**
 * 父元素指针
 * @type {Object}
 */
parent: null,
/**
 * 用来设置当前对象是否能被捕捉
 * true 能
 * false 不能
 * 对象默认是都可以被捕捉的, 当capture为false时，group.getShape(x, y)方法无法获得该元素
 * 通过将不必要捕捉的元素的该属性设置成false, 来提高捕捉性能
 * @type {Boolean}
 **/
capture: true,
/**
 * 画布的上下文
 * @type {Object}
 */
context: null,
/**
 * 是否显示
 * @type {Boolean}
 */
visible: true,
/**
 * 是否被销毁
 * @type: {Boolean}
 */
destroyed: false
1184};
1185
1186Util.augment(Element, Attribute, Transform, EventEmitter, Animate, {
init: function init() {
  this.setSilent('animable', true);
  this.setSilent('animating', false); // 初始时不处于动画状态
},
getParent: function getParent() {
  return this.get('parent');
},
1194
/**
 * 获取默认的配置信息
 * @protected
 * @return {Object} 默认的属性
 */
getDefaultCfg: function getDefaultCfg() {
  return {};
},
set: function set(name, value) {
  if (name === 'zIndex') {
    this._beforeSetZIndex(value);
  }
  this.__cfg[name] = value;
  return this;
},
setSilent: function setSilent(name, value) {
  this.__cfg[name] = value;
},
get: function get(name) {
  return this.__cfg[name];
},
draw: function draw() {},
drawInner: function drawInner() {},
show: function show() {
  this.set('visible', true);
  var el = this.get('el');
  if (el) {
    el.setAttribute('visibility', 'visible');
  }
  return this;
},
hide: function hide() {
  this.set('visible', false);
  var el = this.get('el');
  if (el) {
    el.setAttribute('visibility', 'hidden');
  }
  return this;
},
remove: function remove(destroy) {
  var el = this.get('el');
  if (destroy === undefined) {
    destroy = true;
  }
1239
  if (this.get('parent')) {
    var parent = this.get('parent');
    var children = parent.get('children');
    Util.remove(children, this);
    el.parentNode.removeChild(el);
  }
1246
  if (destroy) {
    this.destroy();
  }
1250
  return this;
},
destroy: function destroy() {
  var destroyed = this.get('destroyed');
  if (destroyed) {
    return;
  }
  this.__cfg = {};
  this.__attrs = null;
  this.removeEvent(); // 移除所有的事件
  this.set('destroyed', true);
},
_beforeSetZIndex: function _beforeSetZIndex(zIndex) {
  this.__cfg.zIndex = zIndex;
1265
  if (!Util.isNil(this.get('parent'))) {
    this.get('parent').sort();
  }
  return zIndex;
},
_setAttrs: function _setAttrs(attrs) {
  this.attr(attrs);
  return attrs;
},
setZIndex: function setZIndex(zIndex) {
  this.__cfg.zIndex = zIndex;
  return zIndex;
},
clone: function clone() {
  return Util.clone(this);
},
getBBox: function getBBox() {
  var el = this.get('el');
  if (!el) {
    return {
      minX: 0,
      minY: 0,
      maxX: 0,
      maxY: 0,
      width: 0,
      height: 0,
      x: 0,
      y: 0
    };
  }
  var bbox = el.getBBox();
  if (!el.parentNode || bbox.width === 0 && bbox.height === 0) {
    var node = el.cloneNode();
    node.innerHTML = el.innerHTML;
    node.setAttribute('visible', 'hidden');
    var svg = document.getElementsByTagName('svg')[0];
    svg.appendChild(node);
    bbox = node.getBBox();
    svg.removeChild(node);
  }
  bbox.minX = bbox.x;
  bbox.minY = bbox.y;
  bbox.maxX = bbox.x + bbox.width;
  bbox.maxY = bbox.y + bbox.height;
  return {
    minX: bbox.x,
    minY: bbox.y,
    maxX: bbox.x + bbox.width,
    maxY: bbox.y + bbox.height,
    width: bbox.width,
    height: bbox.height,
    x: bbox.x,
    y: bbox.y
  };
}
1321});
1322
1323module.exports = Element;
1324
1325/***/ }),
1326/* 20 */
1327/***/ (function(module, exports) {
1328
1329
1330
1331Object.defineProperty(exports, "__esModule", {
value: true
1333});
1334exports.setMatrixArrayType = setMatrixArrayType;
1335exports.toRadian = toRadian;
1336exports.equals = equals;
1337/**
* Common utilities
* @module glMatrix
*/
1341
1342// Configuration Constants
1343var EPSILON = exports.EPSILON = 0.000001;
1344var ARRAY_TYPE = exports.ARRAY_TYPE = typeof Float32Array !== 'undefined' ? Float32Array : Array;
1345var RANDOM = exports.RANDOM = Math.random;
1346
1347/**
* Sets the type of array used when creating new vectors and matrices
*
* @param {Type} type Array type, such as Float32Array or Array
*/
1352function setMatrixArrayType(type) {
exports.ARRAY_TYPE = ARRAY_TYPE = type;
1354}
1355
1356var degree = Math.PI / 180;
1357
1358/**
* Convert Degree To Radian
*
* @param {Number} a Angle in Degrees
*/
1363function toRadian(a) {
return a * degree;
1365}
1366
1367/**
* Tests whether or not the arguments have approximately the same value, within an absolute
* or relative tolerance of glMatrix.EPSILON (an absolute tolerance is used for values less
* than or equal to 1.0, and a relative tolerance is used for larger values)
*
* @param {Number} a The first number to test.
* @param {Number} b The second number to test.
* @returns {Boolean} True if the numbers are approximately equal, false otherwise.
*/
1376function equals(a, b) {
return Math.abs(a - b) <= EPSILON * Math.max(1.0, Math.abs(a), Math.abs(b));
1378}
1379
1380/***/ }),
1381/* 21 */
1382/***/ (function(module, exports, __webpack_require__) {
1383
1384var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
1385
1386var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
1388} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
1390};
1391
1392var Util = __webpack_require__(9);
1393var SPACES = "\t\n\x0B\f\r \xA0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029";
1394var PATH_COMMAND = new RegExp('([a-z])[' + SPACES + ',]*((-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?[' + SPACES + ']*,?[' + SPACES + ']*)+)', 'ig');
1395var PATH_VALUES = new RegExp('(-?\\d*\\.?\\d*(?:e[\\-+]?\\d+)?)[' + SPACES + ']*,?[' + SPACES + ']*', 'ig');
1396
1397// Parses given path string into an array of arrays of path segments
1398var parsePathString = function parsePathString(pathString) {
if (!pathString) {
  return null;
}
1402
if ((typeof pathString === 'undefined' ? 'undefined' : _typeof(pathString)) === _typeof([])) {
  return pathString;
}
var paramCounts = {
  a: 7,
  c: 6,
  o: 2,
  h: 1,
  l: 2,
  m: 2,
  r: 4,
  q: 4,
  s: 4,
  t: 2,
  v: 1,
  u: 3,
  z: 0
};
var data = [];
1422
String(pathString).replace(PATH_COMMAND, function (a, b, c) {
  var params = [];
  var name = b.toLowerCase();
  c.replace(PATH_VALUES, function (a, b) {
    b && params.push(+b);
  });
  if (name === 'm' && params.length > 2) {
    data.push([b].concat(params.splice(0, 2)));
    name = 'l';
    b = b === 'm' ? 'l' : 'L';
  }
  if (name === 'o' && params.length === 1) {
    data.push([b, params[0]]);
  }
  if (name === 'r') {
    data.push([b].concat(params));
  } else {
    while (params.length >= paramCounts[name]) {
      data.push([b].concat(params.splice(0, paramCounts[name])));
      if (!paramCounts[name]) {
        break;
      }
    }
  }
});
1448
return data;
1450};
1451
1452// http://schepers.cc/getting-to-the-point
1453var catmullRom2bezier = function catmullRom2bezier(crp, z) {
var d = [];
for (var i = 0, iLen = crp.length; iLen - 2 * !z > i; i += 2) {
  var p = [{
    x: +crp[i - 2],
    y: +crp[i - 1]
  }, {
    x: +crp[i],
    y: +crp[i + 1]
  }, {
    x: +crp[i + 2],
    y: +crp[i + 3]
  }, {
    x: +crp[i + 4],
    y: +crp[i + 5]
  }];
  if (z) {
    if (!i) {
      p[0] = {
        x: +crp[iLen - 2],
        y: +crp[iLen - 1]
      };
    } else if (iLen - 4 === i) {
      p[3] = {
        x: +crp[0],
        y: +crp[1]
      };
    } else if (iLen - 2 === i) {
      p[2] = {
        x: +crp[0],
        y: +crp[1]
      };
      p[3] = {
        x: +crp[2],
        y: +crp[3]
      };
    }
  } else {
    if (iLen - 4 === i) {
      p[3] = p[2];
    } else if (!i) {
      p[0] = {
        x: +crp[i],
        y: +crp[i + 1]
      };
    }
  }
  d.push(['C', (-p[0].x + 6 * p[1].x + p[2].x) / 6, (-p[0].y + 6 * p[1].y + p[2].y) / 6, (p[1].x + 6 * p[2].x - p[3].x) / 6, (p[1].y + 6 * p[2].y - p[3].y) / 6, p[2].x, p[2].y]);
}
1502
return d;
1504};
1505
1506var ellipsePath = function ellipsePath(x, y, rx, ry, a) {
var res = [];
if (a === null && ry === null) {
  ry = rx;
}
x = +x;
y = +y;
rx = +rx;
ry = +ry;
if (a !== null) {
  var rad = Math.PI / 180;
  var x1 = x + rx * Math.cos(-ry * rad);
  var x2 = x + rx * Math.cos(-a * rad);
  var y1 = y + rx * Math.sin(-ry * rad);
  var y2 = y + rx * Math.sin(-a * rad);
  res = [['M', x1, y1], ['A', rx, rx, 0, +(a - ry > 180), 0, x2, y2]];
} else {
  res = [['M', x, y], ['m', 0, -ry], ['a', rx, ry, 0, 1, 1, 0, 2 * ry], ['a', rx, ry, 0, 1, 1, 0, -2 * ry], ['z']];
}
return res;
1526};
1527
1528var pathToAbsolute = function pathToAbsolute(pathArray) {
pathArray = parsePathString(pathArray);
1530
if (!pathArray || !pathArray.length) {
  return [['M', 0, 0]];
}
var res = [];
var x = 0;
var y = 0;
var mx = 0;
var my = 0;
var start = 0;
var pa0 = void 0;
var dots = void 0;
if (pathArray[0][0] === 'M') {
  x = +pathArray[0][1];
  y = +pathArray[0][2];
  mx = x;
  my = y;
  start++;
  res[0] = ['M', x, y];
}
var crz = pathArray.length === 3 && pathArray[0][0] === 'M' && pathArray[1][0].toUpperCase() === 'R' && pathArray[2][0].toUpperCase() === 'Z';
for (var r, pa, i = start, ii = pathArray.length; i < ii; i++) {
  res.push(r = []);
  pa = pathArray[i];
  pa0 = pa[0];
  if (pa0 !== pa0.toUpperCase()) {
    r[0] = pa0.toUpperCase();
    switch (r[0]) {
      case 'A':
        r[1] = pa[1];
        r[2] = pa[2];
        r[3] = pa[3];
        r[4] = pa[4];
        r[5] = pa[5];
        r[6] = +pa[6] + x;
        r[7] = +pa[7] + y;
        break;
      case 'V':
        r[1] = +pa[1] + y;
        break;
      case 'H':
        r[1] = +pa[1] + x;
        break;
      case 'R':
        dots = [x, y].concat(pa.slice(1));
        for (var j = 2, jj = dots.length; j < jj; j++) {
          dots[j] = +dots[j] + x;
          dots[++j] = +dots[j] + y;
        }
        res.pop();
        res = res.concat(catmullRom2bezier(dots, crz));
        break;
      case 'O':
        res.pop();
        dots = ellipsePath(x, y, pa[1], pa[2]);
        dots.push(dots[0]);
        res = res.concat(dots);
        break;
      case 'U':
        res.pop();
        res = res.concat(ellipsePath(x, y, pa[1], pa[2], pa[3]));
        r = ['U'].concat(res[res.length - 1].slice(-2));
        break;
      case 'M':
        mx = +pa[1] + x;
        my = +pa[2] + y;
        break; // for lint
      default:
        for (var _j = 1, _jj = pa.length; _j < _jj; _j++) {
          r[_j] = +pa[_j] + (_j % 2 ? x : y);
        }
    }
  } else if (pa0 === 'R') {
    dots = [x, y].concat(pa.slice(1));
    res.pop();
    res = res.concat(catmullRom2bezier(dots, crz));
    r = ['R'].concat(pa.slice(-2));
  } else if (pa0 === 'O') {
    res.pop();
    dots = ellipsePath(x, y, pa[1], pa[2]);
    dots.push(dots[0]);
    res = res.concat(dots);
  } else if (pa0 === 'U') {
    res.pop();
    res = res.concat(ellipsePath(x, y, pa[1], pa[2], pa[3]));
    r = ['U'].concat(res[res.length - 1].slice(-2));
  } else {
    for (var k = 0, kk = pa.length; k < kk; k++) {
      r[k] = pa[k];
    }
  }
  pa0 = pa0.toUpperCase();
  if (pa0 !== 'O') {
    switch (r[0]) {
      case 'Z':
        x = +mx;
        y = +my;
        break;
      case 'H':
        x = r[1];
        break;
      case 'V':
        y = r[1];
        break;
      case 'M':
        mx = r[r.length - 2];
        my = r[r.length - 1];
        break; // for lint
      default:
        x = r[r.length - 2];
        y = r[r.length - 1];
    }
  }
}
1644
return res;
1646};
1647
1648var l2c = function l2c(x1, y1, x2, y2) {
return [x1, y1, x2, y2, x2, y2];
1650};
1651
1652var q2c = function q2c(x1, y1, ax, ay, x2, y2) {
var _13 = 1 / 3;
var _23 = 2 / 3;
return [_13 * x1 + _23 * ax, _13 * y1 + _23 * ay, _13 * x2 + _23 * ax, _13 * y2 + _23 * ay, x2, y2];
1656};
1657
1658var a2c = function a2c(x1, y1, rx, ry, angle, large_arc_flag, sweep_flag, x2, y2, recursive) {
// for more information of where this math came from visit:
// http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes
if (rx === ry) {
  rx += 1;
}
1664
var _120 = Math.PI * 120 / 180;
var rad = Math.PI / 180 * (+angle || 0);
var res = [];
var xy = void 0;
var f1 = void 0;
var f2 = void 0;
var cx = void 0;
var cy = void 0;
var rotate = function rotate(x, y, rad) {
  var X = x * Math.cos(rad) - y * Math.sin(rad);
  var Y = x * Math.sin(rad) + y * Math.cos(rad);
  return {
    x: X,
    y: Y
  };
};
if (!recursive) {
  xy = rotate(x1, y1, -rad);
  x1 = xy.x;
  y1 = xy.y;
  xy = rotate(x2, y2, -rad);
  x2 = xy.x;
  y2 = xy.y;
  if (x1 === x2 && y1 === y2) {
    // 若弧的起始点和终点重叠则错开一点
    x2 += 1;
    y2 += 1;
  }
  // const cos = Math.cos(Math.PI / 180 * angle);
  // const sin = Math.sin(Math.PI / 180 * angle);
  var x = (x1 - x2) / 2;
  var y = (y1 - y2) / 2;
  var h = x * x / (rx * rx) + y * y / (ry * ry);
  if (h > 1) {
    h = Math.sqrt(h);
    rx = h * rx;
    ry = h * ry;
  }
  var rx2 = rx * rx;
  var ry2 = ry * ry;
  var k = (large_arc_flag === sweep_flag ? -1 : 1) * Math.sqrt(Math.abs((rx2 * ry2 - rx2 * y * y - ry2 * x * x) / (rx2 * y * y + ry2 * x * x)));
  cx = k * rx * y / ry + (x1 + x2) / 2;
  cy = k * -ry * x / rx + (y1 + y2) / 2;
  f1 = Math.asin(((y1 - cy) / ry).toFixed(9));
  f2 = Math.asin(((y2 - cy) / ry).toFixed(9));
1710
  f1 = x1 < cx ? Math.PI - f1 : f1;
  f2 = x2 < cx ? Math.PI - f2 : f2;
  f1 < 0 && (f1 = Math.PI * 2 + f1);
  f2 < 0 && (f2 = Math.PI * 2 + f2);
  if (sweep_flag && f1 > f2) {
    f1 = f1 - Math.PI * 2;
  }
  if (!sweep_flag && f2 > f1) {
    f2 = f2 - Math.PI * 2;
  }
} else {
  f1 = recursive[0];
  f2 = recursive[1];
  cx = recursive[2];
  cy = recursive[3];
}
var df = f2 - f1;
if (Math.abs(df) > _120) {
  var f2old = f2;
  var x2old = x2;
  var y2old = y2;
  f2 = f1 + _120 * (sweep_flag && f2 > f1 ? 1 : -1);
  x2 = cx + rx * Math.cos(f2);
  y2 = cy + ry * Math.sin(f2);
  res = a2c(x2, y2, rx, ry, angle, 0, sweep_flag, x2old, y2old, [f2, f2old, cx, cy]);
}
df = f2 - f1;
var c1 = Math.cos(f1);
var s1 = Math.sin(f1);
var c2 = Math.cos(f2);
var s2 = Math.sin(f2);
var t = Math.tan(df / 4);
var hx = 4 / 3 * rx * t;
var hy = 4 / 3 * ry * t;
var m1 = [x1, y1];
var m2 = [x1 + hx * s1, y1 - hy * c1];
var m3 = [x2 + hx * s2, y2 - hy * c2];
var m4 = [x2, y2];
m2[0] = 2 * m1[0] - m2[0];
m2[1] = 2 * m1[1] - m2[1];
if (recursive) {
  return [m2, m3, m4].concat(res);
}
res = [m2, m3, m4].concat(res).join().split(',');
var newres = [];
for (var i = 0, ii = res.length; i < ii; i++) {
  newres[i] = i % 2 ? rotate(res[i - 1], res[i], rad).y : rotate(res[i], res[i + 1], rad).x;
}
return newres;
1760};
1761
1762var pathTocurve = function pathTocurve(path, path2) {
var p = pathToAbsolute(path);
var p2 = path2 && pathToAbsolute(path2);
var attrs = {
  x: 0,
  y: 0,
  bx: 0,
  by: 0,
  X: 0,
  Y: 0,
  qx: null,
  qy: null
};
var attrs2 = {
  x: 0,
  y: 0,
  bx: 0,
  by: 0,
  X: 0,
  Y: 0,
  qx: null,
  qy: null
};
var pcoms1 = []; // path commands of original path p
var pcoms2 = []; // path commands of original path p2
var pfirst = ''; // temporary holder for original path command
var pcom = ''; // holder for previous path command of original path
var ii = void 0;
var processPath = function processPath(path, d, pcom) {
  var nx = void 0,
      ny = void 0;
  if (!path) {
    return ['C', d.x, d.y, d.x, d.y, d.x, d.y];
  }!(path[0] in {
    T: 1,
    Q: 1
  }) && (d.qx = d.qy = null);
  switch (path[0]) {
    case 'M':
      d.X = path[1];
      d.Y = path[2];
      break;
    case 'A':
      path = ['C'].concat(a2c.apply(0, [d.x, d.y].concat(path.slice(1))));
      break;
    case 'S':
      if (pcom === 'C' || pcom === 'S') {
        // In "S" case we have to take into account, if the previous command is C/S.
        nx = d.x * 2 - d.bx; // And reflect the previous
        ny = d.y * 2 - d.by; // command's control point relative to the current point.
      } else {
        // or some else or nothing
        nx = d.x;
        ny = d.y;
      }
      path = ['C', nx, ny].concat(path.slice(1));
      break;
    case 'T':
      if (pcom === 'Q' || pcom === 'T') {
        // In "T" case we have to take into account, if the previous command is Q/T.
        d.qx = d.x * 2 - d.qx; // And make a reflection similar
        d.qy = d.y * 2 - d.qy; // to case "S".
      } else {
        // or something else or nothing
        d.qx = d.x;
        d.qy = d.y;
      }
      path = ['C'].concat(q2c(d.x, d.y, d.qx, d.qy, path[1], path[2]));
      break;
    case 'Q':
      d.qx = path[1];
      d.qy = path[2];
      path = ['C'].concat(q2c(d.x, d.y, path[1], path[2], path[3], path[4]));
      break;
    case 'L':
      path = ['C'].concat(l2c(d.x, d.y, path[1], path[2]));
      break;
    case 'H':
      path = ['C'].concat(l2c(d.x, d.y, path[1], d.y));
      break;
    case 'V':
      path = ['C'].concat(l2c(d.x, d.y, d.x, path[1]));
      break;
    case 'Z':
      path = ['C'].concat(l2c(d.x, d.y, d.X, d.Y));
      break;
    default:
      break;
  }
  return path;
};
var fixArc = function fixArc(pp, i) {
  if (pp[i].length > 7) {
    pp[i].shift();
    var pi = pp[i];
    while (pi.length) {
      pcoms1[i] = 'A'; // if created multiple C:s, their original seg is saved
      p2 && (pcoms2[i] = 'A'); // the same as above
      pp.splice(i++, 0, ['C'].concat(pi.splice(0, 6)));
    }
    pp.splice(i, 1);
    ii = Math.max(p.length, p2 && p2.length || 0);
  }
};
var fixM = function fixM(path1, path2, a1, a2, i) {
  if (path1 && path2 && path1[i][0] === 'M' && path2[i][0] !== 'M') {
    path2.splice(i, 0, ['M', a2.x, a2.y]);
    a1.bx = 0;
    a1.by = 0;
    a1.x = path1[i][1];
    a1.y = path1[i][2];
    ii = Math.max(p.length, p2 && p2.length || 0);
  }
};
ii = Math.max(p.length, p2 && p2.length || 0);
for (var i = 0; i < ii; i++) {
1878
  p[i] && (pfirst = p[i][0]); // save current path command
1880
  if (pfirst !== 'C') {
    // C is not saved yet, because it may be result of conversion
    pcoms1[i] = pfirst; // Save current path command
    i && (pcom = pcoms1[i - 1]); // Get previous path command pcom
  }
  p[i] = processPath(p[i], attrs, pcom); // Previous path command is inputted to processPath
1887
  if (pcoms1[i] !== 'A' && pfirst === 'C') pcoms1[i] = 'C'; // A is the only command
  // which may produce multiple C:s
  // so we have to make sure that C is also C in original path
1891
  fixArc(p, i); // fixArc adds also the right amount of A:s to pcoms1
1893
  if (p2) {
    // the same procedures is done to p2
    p2[i] && (pfirst = p2[i][0]);
    if (pfirst !== 'C') {
      pcoms2[i] = pfirst;
      i && (pcom = pcoms2[i - 1]);
    }
    p2[i] = processPath(p2[i], attrs2, pcom);
1902
    if (pcoms2[i] !== 'A' && pfirst === 'C') {
      pcoms2[i] = 'C';
    }
1906
    fixArc(p2, i);
  }
  fixM(p, p2, attrs, attrs2, i);
  fixM(p2, p, attrs2, attrs, i);
  var seg = p[i];
  var seg2 = p2 && p2[i];
  var seglen = seg.length;
  var seg2len = p2 && seg2.length;
  attrs.x = seg[seglen - 2];
  attrs.y = seg[seglen - 1];
  attrs.bx = parseFloat(seg[seglen - 4]) || attrs.x;
  attrs.by = parseFloat(seg[seglen - 3]) || attrs.y;
  attrs2.bx = p2 && (parseFloat(seg2[seg2len - 4]) || attrs2.x);
  attrs2.by = p2 && (parseFloat(seg2[seg2len - 3]) || attrs2.y);
  attrs2.x = p2 && seg2[seg2len - 2];
  attrs2.y = p2 && seg2[seg2len - 1];
}
1924
return p2 ? [p, p2] : p;
1926};
1927
1928var p2s = /,?([a-z]),?/gi;
1929var parsePathArray = function parsePathArray(path) {
return path.join(',').replace(p2s, '$1');
1931};
1932
1933var base3 = function base3(t, p1, p2, p3, p4) {
var t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4;
var t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
return t * t2 - 3 * p1 + 3 * p2;
1937};
1938
1939var bezlen = function bezlen(x1, y1, x2, y2, x3, y3, x4, y4, z) {
if (z === null) {
  z = 1;
}
z = z > 1 ? 1 : z < 0 ? 0 : z;
var z2 = z / 2;
var n = 12;
var Tvalues = [-0.1252, 0.1252, -0.3678, 0.3678, -0.5873, 0.5873, -0.7699, 0.7699, -0.9041, 0.9041, -0.9816, 0.9816];
var Cvalues = [0.2491, 0.2491, 0.2335, 0.2335, 0.2032, 0.2032, 0.1601, 0.1601, 0.1069, 0.1069, 0.0472, 0.0472];
var sum = 0;
for (var i = 0; i < n; i++) {
  var ct = z2 * Tvalues[i] + z2;
  var xbase = base3(ct, x1, x2, x3, x4);
  var ybase = base3(ct, y1, y2, y3, y4);
  var comb = xbase * xbase + ybase * ybase;
  sum += Cvalues[i] * Math.sqrt(comb);
}
return z2 * sum;
1957};
1958
1959var curveDim = function curveDim(x0, y0, x1, y1, x2, y2, x3, y3) {
var tvalues = [];
var bounds = [[], []];
var a = void 0;
var b = void 0;
var c = void 0;
var t = void 0;
1966
for (var i = 0; i < 2; ++i) {
  if (i === 0) {
    b = 6 * x0 - 12 * x1 + 6 * x2;
    a = -3 * x0 + 9 * x1 - 9 * x2 + 3 * x3;
    c = 3 * x1 - 3 * x0;
  } else {
    b = 6 * y0 - 12 * y1 + 6 * y2;
    a = -3 * y0 + 9 * y1 - 9 * y2 + 3 * y3;
    c = 3 * y1 - 3 * y0;
  }
  if (Math.abs(a) < 1e-12) {
    if (Math.abs(b) < 1e-12) {
      continue;
    }
    t = -c / b;
    if (t > 0 && t < 1) {
      tvalues.push(t);
    }
    continue;
  }
  var b2ac = b * b - 4 * c * a;
  var sqrtb2ac = Math.sqrt(b2ac);
  if (b2ac < 0) {
    continue;
  }
  var t1 = (-b + sqrtb2ac) / (2 * a);
  if (t1 > 0 && t1 < 1) {
    tvalues.push(t1);
  }
  var t2 = (-b - sqrtb2ac) / (2 * a);
  if (t2 > 0 && t2 < 1) {
    tvalues.push(t2);
  }
}
2001
var j = tvalues.length;
var jlen = j;
var mt = void 0;
while (j--) {
  t = tvalues[j];
  mt = 1 - t;
  bounds[0][j] = mt * mt * mt * x0 + 3 * mt * mt * t * x1 + 3 * mt * t * t * x2 + t * t * t * x3;
  bounds[1][j] = mt * mt * mt * y0 + 3 * mt * mt * t * y1 + 3 * mt * t * t * y2 + t * t * t * y3;
}
2011
bounds[0][jlen] = x0;
bounds[1][jlen] = y0;
bounds[0][jlen + 1] = x3;
bounds[1][jlen + 1] = y3;
bounds[0].length = bounds[1].length = jlen + 2;
2017
return {
  min: {
    x: Math.min.apply(0, bounds[0]),
    y: Math.min.apply(0, bounds[1])
  },
  max: {
    x: Math.max.apply(0, bounds[0]),
    y: Math.max.apply(0, bounds[1])
  }
};
2028};
2029
2030var intersect = function intersect(x1, y1, x2, y2, x3, y3, x4, y4) {
if (Math.max(x1, x2) < Math.min(x3, x4) || Math.min(x1, x2) > Math.max(x3, x4) || Math.max(y1, y2) < Math.min(y3, y4) || Math.min(y1, y2) > Math.max(y3, y4)) {
  return;
}
var nx = (x1 * y2 - y1 * x2) * (x3 - x4) - (x1 - x2) * (x3 * y4 - y3 * x4);
var ny = (x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4);
var denominator = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
2037
if (!denominator) {
  return;
}
var px = nx / denominator;
var py = ny / denominator;
var px2 = +px.toFixed(2);
var py2 = +py.toFixed(2);
if (px2 < +Math.min(x1, x2).toFixed(2) || px2 > +Math.max(x1, x2).toFixed(2) || px2 < +Math.min(x3, x4).toFixed(2) || px2 > +Math.max(x3, x4).toFixed(2) || py2 < +Math.min(y1, y2).toFixed(2) || py2 > +Math.max(y1, y2).toFixed(2) || py2 < +Math.min(y3, y4).toFixed(2) || py2 > +Math.max(y3, y4).toFixed(2)) {
  return;
}
return {
  x: px,
  y: py
};
2052};
2053
2054var isPointInsideBBox = function isPointInsideBBox(bbox, x, y) {
return x >= bbox.x && x <= bbox.x + bbox.width && y >= bbox.y && y <= bbox.y + bbox.height;
2056};
2057
2058var rectPath = function rectPath(x, y, w, h, r) {
if (r) {
  return [['M', +x + +r, y], ['l', w - r * 2, 0], ['a', r, r, 0, 0, 1, r, r], ['l', 0, h - r * 2], ['a', r, r, 0, 0, 1, -r, r], ['l', r * 2 - w, 0], ['a', r, r, 0, 0, 1, -r, -r], ['l', 0, r * 2 - h], ['a', r, r, 0, 0, 1, r, -r], ['z']];
}
var res = [['M', x, y], ['l', w, 0], ['l', 0, h], ['l', -w, 0], ['z']];
res.parsePathArray = parsePathArray;
return res;
2065};
2066
2067var box = function box(x, y, width, height) {
if (x === null) {
  x = y = width = height = 0;
}
if (y === null) {
  y = x.y;
  width = x.width;
  height = x.height;
  x = x.x;
}
return {
  x: x,
  y: y,
  width: width,
  w: width,
  height: height,
  h: height,
  x2: x + width,
  y2: y + height,
  cx: x + width / 2,
  cy: y + height / 2,
  r1: Math.min(width, height) / 2,
  r2: Math.max(width, height) / 2,
  r0: Math.sqrt(width * width + height * height) / 2,
  path: rectPath(x, y, width, height),
  vb: [x, y, width, height].join(' ')
};
2094};
2095
2096var isBBoxIntersect = function isBBoxIntersect(bbox1, bbox2) {
bbox1 = box(bbox1);
bbox2 = box(bbox2);
return isPointInsideBBox(bbox2, bbox1.x, bbox1.y) || isPointInsideBBox(bbox2, bbox1.x2, bbox1.y) || isPointInsideBBox(bbox2, bbox1.x, bbox1.y2) || isPointInsideBBox(bbox2, bbox1.x2, bbox1.y2) || isPointInsideBBox(bbox1, bbox2.x, bbox2.y) || isPointInsideBBox(bbox1, bbox2.x2, bbox2.y) || isPointInsideBBox(bbox1, bbox2.x, bbox2.y2) || isPointInsideBBox(bbox1, bbox2.x2, bbox2.y2) || (bbox1.x < bbox2.x2 && bbox1.x > bbox2.x || bbox2.x < bbox1.x2 && bbox2.x > bbox1.x) && (bbox1.y < bbox2.y2 && bbox1.y > bbox2.y || bbox2.y < bbox1.y2 && bbox2.y > bbox1.y);
2100};
2101
2102var bezierBBox = function bezierBBox(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
if (!Util.isArray(p1x)) {
  p1x = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y];
}
var bbox = curveDim.apply(null, p1x);
return box(bbox.min.x, bbox.min.y, bbox.max.x - bbox.min.x, bbox.max.y - bbox.min.y);
2108};
2109
2110var findDotsAtSegment = function findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) {
var t1 = 1 - t;
var t13 = Math.pow(t1, 3);
var t12 = Math.pow(t1, 2);
var t2 = t * t;
var t3 = t2 * t;
var x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x;
var y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y;
var mx = p1x + 2 * t * (c1x - p1x) + t2 * (c2x - 2 * c1x + p1x);
var my = p1y + 2 * t * (c1y - p1y) + t2 * (c2y - 2 * c1y + p1y);
var nx = c1x + 2 * t * (c2x - c1x) + t2 * (p2x - 2 * c2x + c1x);
var ny = c1y + 2 * t * (c2y - c1y) + t2 * (p2y - 2 * c2y + c1y);
var ax = t1 * p1x + t * c1x;
var ay = t1 * p1y + t * c1y;
var cx = t1 * c2x + t * p2x;
var cy = t1 * c2y + t * p2y;
var alpha = 90 - Math.atan2(mx - nx, my - ny) * 180 / Math.PI;
// (mx > nx || my < ny) && (alpha += 180);
return {
  x: x,
  y: y,
  m: {
    x: mx,
    y: my
  },
  n: {
    x: nx,
    y: ny
  },
  start: {
    x: ax,
    y: ay
  },
  end: {
    x: cx,
    y: cy
  },
  alpha: alpha
};
2149};
2150
2151var interHelper = function interHelper(bez1, bez2, justCount) {
var bbox1 = bezierBBox(bez1);
var bbox2 = bezierBBox(bez2);
if (!isBBoxIntersect(bbox1, bbox2)) {
  return justCount ? 0 : [];
}
var l1 = bezlen.apply(0, bez1);
var l2 = bezlen.apply(0, bez2);
var n1 = ~~(l1 / 8);
var n2 = ~~(l2 / 8);
var dots1 = [];
var dots2 = [];
var xy = {};
var res = justCount ? 0 : [];
for (var i = 0; i < n1 + 1; i++) {
  var d = findDotsAtSegment.apply(0, bez1.concat(i / n1));
  dots1.push({
    x: d.x,
    y: d.y,
    t: i / n1
  });
}
for (var _i = 0; _i < n2 + 1; _i++) {
  var _d = findDotsAtSegment.apply(0, bez2.concat(_i / n2));
  dots2.push({
    x: _d.x,
    y: _d.y,
    t: _i / n2
  });
}
for (var _i2 = 0; _i2 < n1; _i2++) {
  for (var j = 0; j < n2; j++) {
    var di = dots1[_i2];
    var di1 = dots1[_i2 + 1];
    var dj = dots2[j];
    var dj1 = dots2[j + 1];
    var ci = Math.abs(di1.x - di.x) < 0.001 ? 'y' : 'x';
    var cj = Math.abs(dj1.x - dj.x) < 0.001 ? 'y' : 'x';
    var is = intersect(di.x, di.y, di1.x, di1.y, dj.x, dj.y, dj1.x, dj1.y);
    if (is) {
      if (xy[is.x.toFixed(4)] === is.y.toFixed(4)) {
        continue;
      }
      xy[is.x.toFixed(4)] = is.y.toFixed(4);
      var t1 = di.t + Math.abs((is[ci] - di[ci]) / (di1[ci] - di[ci])) * (di1.t - di.t);
      var t2 = dj.t + Math.abs((is[cj] - dj[cj]) / (dj1[cj] - dj[cj])) * (dj1.t - dj.t);
      if (t1 >= 0 && t1 <= 1 && t2 >= 0 && t2 <= 1) {
        if (justCount) {
          res++;
        } else {
          res.push({
            x: is.x,
            y: is.y,
            t1: t1,
            t2: t2
          });
        }
      }
    }
  }
}
return res;
2213};
2214
2215var interPathHelper = function interPathHelper(path1, path2, justCount) {
path1 = pathTocurve(path1);
path2 = pathTocurve(path2);
var x1 = void 0;
var y1 = void 0;
var x2 = void 0;
var y2 = void 0;
var x1m = void 0;
var y1m = void 0;
var x2m = void 0;
var y2m = void 0;
var bez1 = void 0;
var bez2 = void 0;
var res = justCount ? 0 : [];
for (var i = 0, ii = path1.length; i < ii; i++) {
  var pi = path1[i];
  if (pi[0] === 'M') {
    x1 = x1m = pi[1];
    y1 = y1m = pi[2];
  } else {
    if (pi[0] === 'C') {
      bez1 = [x1, y1].concat(pi.slice(1));
      x1 = bez1[6];
      y1 = bez1[7];
    } else {
      bez1 = [x1, y1, x1, y1, x1m, y1m, x1m, y1m];
      x1 = x1m;
      y1 = y1m;
    }
    for (var j = 0, jj = path2.length; j < jj; j++) {
      var pj = path2[j];
      if (pj[0] === 'M') {
        x2 = x2m = pj[1];
        y2 = y2m = pj[2];
      } else {
        if (pj[0] === 'C') {
          bez2 = [x2, y2].concat(pj.slice(1));
          x2 = bez2[6];
          y2 = bez2[7];
        } else {
          bez2 = [x2, y2, x2, y2, x2m, y2m, x2m, y2m];
          x2 = x2m;
          y2 = y2m;
        }
        var intr = interHelper(bez1, bez2, justCount);
        if (justCount) {
          res += intr;
        } else {
          for (var k = 0, kk = intr.length; k < kk; k++) {
            intr[k].segment1 = i;
            intr[k].segment2 = j;
            intr[k].bez1 = bez1;
            intr[k].bez2 = bez2;
          }
          res = res.concat(intr);
        }
      }
    }
  }
}
return res;
2276};
2277
2278var pathIntersection = function pathIntersection(path1, path2) {
return interPathHelper(path1, path2);
2280};
2281
2282module.exports = {
parsePathString: parsePathString,
parsePathArray: parsePathArray,
pathTocurve: pathTocurve,
pathToAbsolute: pathToAbsolute,
catmullRomToBezier: catmullRom2bezier,
rectPath: rectPath,
intersection: pathIntersection
2290};
2291
2292/***/ }),
2293/* 22 */
2294/***/ (function(module, __webpack_exports__, __webpack_require__) {
2295
2296"use strict";
2297/* harmony export (immutable) */ __webpack_exports__["b"] = now;
2298/* harmony export (immutable) */ __webpack_exports__["a"] = Timer;
2299/* harmony export (immutable) */ __webpack_exports__["c"] = timer;
2300/* harmony export (immutable) */ __webpack_exports__["d"] = timerFlush;
2301var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
2302
2303var frame = 0,
  // is an animation frame pending?
2305timeout = 0,
  // is a timeout pending?
2307interval = 0,
  // are any timers active?
2309pokeDelay = 1000,
  // how frequently we check for clock skew
2311taskHead,
  taskTail,
  clockLast = 0,
  clockNow = 0,
  clockSkew = 0,
  clock = (typeof performance === "undefined" ? "undefined" : _typeof(performance)) === "object" && performance.now ? performance : Date,
  setFrame = (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function (f) {
setTimeout(f, 17);
2319};
2320
2321function now() {
return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
2323}
2324
2325function clearNow() {
clockNow = 0;
2327}
2328
2329function Timer() {
this._call = this._time = this._next = null;
2331}
2332
2333Timer.prototype = timer.prototype = {
constructor: Timer,
restart: function restart(callback, delay, time) {
  if (typeof callback !== "function") throw new TypeError("callback is not a function");
  time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
  if (!this._next && taskTail !== this) {
    if (taskTail) taskTail._next = this;else taskHead = this;
    taskTail = this;
  }
  this._call = callback;
  this._time = time;
  sleep();
},
stop: function stop() {
  if (this._call) {
    this._call = null;
    this._time = Infinity;
    sleep();
  }
}
2353};
2354
2355function timer(callback, delay, time) {
var t = new Timer();
t.restart(callback, delay, time);
return t;
2359}
2360
2361function timerFlush() {
now(); // Get the current time, if not already set.
++frame; // Pretend we’ve set an alarm, if we haven’t already.
var t = taskHead,
    e;
while (t) {
  if ((e = clockNow - t._time) >= 0) t._call.call(null, e);
  t = t._next;
}
--frame;
2371}
2372
2373function wake() {
clockNow = (clockLast = clock.now()) + clockSkew;
frame = timeout = 0;
try {
  timerFlush();
} finally {
  frame = 0;
  nap();
  clockNow = 0;
}
2383}
2384
2385function poke() {
var now = clock.now(),
    delay = now - clockLast;
if (delay > pokeDelay) clockSkew -= delay, clockLast = now;
2389}
2390
2391function nap() {
var t0,
    t1 = taskHead,
    t2,
    time = Infinity;
while (t1) {
  if (t1._call) {
    if (time > t1._time) time = t1._time;
    t0 = t1, t1 = t1._next;
  } else {
    t2 = t1._next, t1._next = null;
    t1 = t0 ? t0._next = t2 : taskHead = t2;
  }
}
taskTail = t0;
sleep(time);
2407}
2408
2409function sleep(time) {
if (frame) return; // Soonest alarm already set, or will be.
if (timeout) timeout = clearTimeout(timeout);
var delay = time - clockNow; // Strictly less than if we recomputed clockNow.
if (delay > 24) {
  if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);
  if (interval) interval = clearInterval(interval);
} else {
  if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);
  frame = 1, setFrame(wake);
}
2420}
2421
2422/***/ }),
2423/* 23 */
2424/***/ (function(module, __webpack_exports__, __webpack_require__) {
2425
2426"use strict";
2427/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(6);
2428/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__rgb__ = __webpack_require__(59);
2429/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__array__ = __webpack_require__(62);
2430/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__date__ = __webpack_require__(63);
2431/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__number__ = __webpack_require__(15);
2432/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__object__ = __webpack_require__(64);
2433/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__string__ = __webpack_require__(65);
2434/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__constant__ = __webpack_require__(61);
2435var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
2436
2437
2438
2439
2440
2441
2442
2443
2444
2445
2446/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
  var t = typeof b === "undefined" ? "undefined" : _typeof(b),
      c;
  return b == null || t === "boolean" ? Object(__WEBPACK_IMPORTED_MODULE_7__constant__["a" /* default */])(b) : (t === "number" ? __WEBPACK_IMPORTED_MODULE_4__number__["a" /* default */] : t === "string" ? (c = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["a" /* color */])(b)) ? (b = c, __WEBPACK_IMPORTED_MODULE_1__rgb__["a" /* default */]) : __WEBPACK_IMPORTED_MODULE_6__string__["a" /* default */] : b instanceof __WEBPACK_IMPORTED_MODULE_0_d3_color__["a" /* color */] ? __WEBPACK_IMPORTED_MODULE_1__rgb__["a" /* default */] : b instanceof Date ? __WEBPACK_IMPORTED_MODULE_3__date__["a" /* default */] : Array.isArray(b) ? __WEBPACK_IMPORTED_MODULE_2__array__["a" /* default */] : typeof b.valueOf !== "function" && typeof b.toString !== "function" || isNaN(b) ? __WEBPACK_IMPORTED_MODULE_5__object__["a" /* default */] : __WEBPACK_IMPORTED_MODULE_4__number__["a" /* default */])(a, b);
2450});
2451
2452/***/ }),
2453/* 24 */
2454/***/ (function(module, __webpack_exports__, __webpack_require__) {
2455
2456"use strict";
2457/* harmony export (immutable) */ __webpack_exports__["a"] = Color;
2458/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return _darker; });
2459/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return _brighter; });
2460/* harmony export (immutable) */ __webpack_exports__["e"] = color;
2461/* harmony export (immutable) */ __webpack_exports__["h"] = rgbConvert;
2462/* harmony export (immutable) */ __webpack_exports__["g"] = rgb;
2463/* harmony export (immutable) */ __webpack_exports__["b"] = Rgb;
2464/* unused harmony export hslConvert */
2465/* harmony export (immutable) */ __webpack_exports__["f"] = hsl;
2466/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(25);
2467
2468
2469function Color() {}
2470
2471var _darker = 0.7;
2472
2473var _brighter = 1 / _darker;
2474
2475
2476var reI = "\\s*([+-]?\\d+)\\s*",
  reN = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",
  reP = "\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",
  reHex3 = /^#([0-9a-f]{3})$/,
  reHex6 = /^#([0-9a-f]{6})$/,
  reRgbInteger = new RegExp("^rgb\\(" + [reI, reI, reI] + "\\)$"),
  reRgbPercent = new RegExp("^rgb\\(" + [reP, reP, reP] + "\\)$"),
  reRgbaInteger = new RegExp("^rgba\\(" + [reI, reI, reI, reN] + "\\)$"),
  reRgbaPercent = new RegExp("^rgba\\(" + [reP, reP, reP, reN] + "\\)$"),
  reHslPercent = new RegExp("^hsl\\(" + [reN, reP, reP] + "\\)$"),
  reHslaPercent = new RegExp("^hsla\\(" + [reN, reP, reP, reN] + "\\)$");
2487
2488var named = {
aliceblue: 0xf0f8ff,
antiquewhite: 0xfaebd7,
aqua: 0x00ffff,
aquamarine: 0x7fffd4,
azure: 0xf0ffff,
beige: 0xf5f5dc,
bisque: 0xffe4c4,
black: 0x000000,
blanchedalmond: 0xffebcd,
blue: 0x0000ff,
blueviolet: 0x8a2be2,
brown: 0xa52a2a,
burlywood: 0xdeb887,
cadetblue: 0x5f9ea0,
chartreuse: 0x7fff00,
chocolate: 0xd2691e,
coral: 0xff7f50,
cornflowerblue: 0x6495ed,
cornsilk: 0xfff8dc,
crimson: 0xdc143c,
cyan: 0x00ffff,
darkblue: 0x00008b,
darkcyan: 0x008b8b,
darkgoldenrod: 0xb8860b,
darkgray: 0xa9a9a9,
darkgreen: 0x006400,
darkgrey: 0xa9a9a9,
darkkhaki: 0xbdb76b,
darkmagenta: 0x8b008b,
darkolivegreen: 0x556b2f,
darkorange: 0xff8c00,
darkorchid: 0x9932cc,
darkred: 0x8b0000,
darksalmon: 0xe9967a,
darkseagreen: 0x8fbc8f,
darkslateblue: 0x483d8b,
darkslategray: 0x2f4f4f,
darkslategrey: 0x2f4f4f,
darkturquoise: 0x00ced1,
darkviolet: 0x9400d3,
deeppink: 0xff1493,
deepskyblue: 0x00bfff,
dimgray: 0x696969,
dimgrey: 0x696969,
dodgerblue: 0x1e90ff,
firebrick: 0xb22222,
floralwhite: 0xfffaf0,
forestgreen: 0x228b22,
fuchsia: 0xff00ff,
gainsboro: 0xdcdcdc,
ghostwhite: 0xf8f8ff,
gold: 0xffd700,
goldenrod: 0xdaa520,
gray: 0x808080,
green: 0x008000,
greenyellow: 0xadff2f,
grey: 0x808080,
honeydew: 0xf0fff0,
hotpink: 0xff69b4,
indianred: 0xcd5c5c,
indigo: 0x4b0082,
ivory: 0xfffff0,
khaki: 0xf0e68c,
lavender: 0xe6e6fa,
lavenderblush: 0xfff0f5,
lawngreen: 0x7cfc00,
lemonchiffon: 0xfffacd,
lightblue: 0xadd8e6,
lightcoral: 0xf08080,
lightcyan: 0xe0ffff,
lightgoldenrodyellow: 0xfafad2,
lightgray: 0xd3d3d3,
lightgreen: 0x90ee90,
lightgrey: 0xd3d3d3,
lightpink: 0xffb6c1,
lightsalmon: 0xffa07a,
lightseagreen: 0x20b2aa,
lightskyblue: 0x87cefa,
lightslategray: 0x778899,
lightslategrey: 0x778899,
lightsteelblue: 0xb0c4de,
lightyellow: 0xffffe0,
lime: 0x00ff00,
limegreen: 0x32cd32,
linen: 0xfaf0e6,
magenta: 0xff00ff,
maroon: 0x800000,
mediumaquamarine: 0x66cdaa,
mediumblue: 0x0000cd,
mediumorchid: 0xba55d3,
mediumpurple: 0x9370db,
mediumseagreen: 0x3cb371,
mediumslateblue: 0x7b68ee,
mediumspringgreen: 0x00fa9a,
mediumturquoise: 0x48d1cc,
mediumvioletred: 0xc71585,
midnightblue: 0x191970,
mintcream: 0xf5fffa,
mistyrose: 0xffe4e1,
moccasin: 0xffe4b5,
navajowhite: 0xffdead,
navy: 0x000080,
oldlace: 0xfdf5e6,
olive: 0x808000,
olivedrab: 0x6b8e23,
orange: 0xffa500,
orangered: 0xff4500,
orchid: 0xda70d6,
palegoldenrod: 0xeee8aa,
palegreen: 0x98fb98,
paleturquoise: 0xafeeee,
palevioletred: 0xdb7093,
papayawhip: 0xffefd5,
peachpuff: 0xffdab9,
peru: 0xcd853f,
pink: 0xffc0cb,
plum: 0xdda0dd,
powderblue: 0xb0e0e6,
purple: 0x800080,
rebeccapurple: 0x663399,
red: 0xff0000,
rosybrown: 0xbc8f8f,
royalblue: 0x4169e1,
saddlebrown: 0x8b4513,
salmon: 0xfa8072,
sandybrown: 0xf4a460,
seagreen: 0x2e8b57,
seashell: 0xfff5ee,
sienna: 0xa0522d,
silver: 0xc0c0c0,
skyblue: 0x87ceeb,
slateblue: 0x6a5acd,
slategray: 0x708090,
slategrey: 0x708090,
snow: 0xfffafa,
springgreen: 0x00ff7f,
steelblue: 0x4682b4,
tan: 0xd2b48c,
teal: 0x008080,
thistle: 0xd8bfd8,
tomato: 0xff6347,
turquoise: 0x40e0d0,
violet: 0xee82ee,
wheat: 0xf5deb3,
white: 0xffffff,
whitesmoke: 0xf5f5f5,
yellow: 0xffff00,
yellowgreen: 0x9acd32
2637};
2638
2639Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Color, color, {
displayable: function displayable() {
  return this.rgb().displayable();
},
hex: function hex() {
  return this.rgb().hex();
},
toString: function toString() {
  return this.rgb() + "";
}
2649});
2650
2651function color(format) {
var m;
format = (format + "").trim().toLowerCase();
return (m = reHex3.exec(format)) ? (m = parseInt(m[1], 16), new Rgb(m >> 8 & 0xf | m >> 4 & 0x0f0, m >> 4 & 0xf | m & 0xf0, (m & 0xf) << 4 | m & 0xf, 1) // #f00
) : (m = reHex6.exec(format)) ? rgbn(parseInt(m[1], 16)) // #ff0000
: (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
: (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
: (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
: (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
: (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
: (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
: named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
2663}
2664
2665function rgbn(n) {
return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
2667}
2668
2669function rgba(r, g, b, a) {
if (a <= 0) r = g = b = NaN;
return new Rgb(r, g, b, a);
2672}
2673
2674function rgbConvert(o) {
if (!(o instanceof Color)) o = color(o);
if (!o) return new Rgb();
o = o.rgb();
return new Rgb(o.r, o.g, o.b, o.opacity);
2679}
2680
2681function rgb(r, g, b, opacity) {
return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
2683}
2684
2685function Rgb(r, g, b, opacity) {
this.r = +r;
this.g = +g;
this.b = +b;
this.opacity = +opacity;
2690}
2691
2692Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Rgb, rgb, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(Color, {
brighter: function brighter(k) {
  k = k == null ? _brighter : Math.pow(_brighter, k);
  return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
},
darker: function darker(k) {
  k = k == null ? _darker : Math.pow(_darker, k);
  return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
},
rgb: function rgb() {
  return this;
},
displayable: function displayable() {
  return 0 <= this.r && this.r <= 255 && 0 <= this.g && this.g <= 255 && 0 <= this.b && this.b <= 255 && 0 <= this.opacity && this.opacity <= 1;
},
hex: function hex() {
  return "#" + _hex(this.r) + _hex(this.g) + _hex(this.b);
},
toString: function toString() {
  var a = this.opacity;a = isNaN(a) ? 1 : Math.max(0, Math.min(1, a));
  return (a === 1 ? "rgb(" : "rgba(") + Math.max(0, Math.min(255, Math.round(this.r) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.g) || 0)) + ", " + Math.max(0, Math.min(255, Math.round(this.b) || 0)) + (a === 1 ? ")" : ", " + a + ")");
}
2714}));
2715
2716function _hex(value) {
value = Math.max(0, Math.min(255, Math.round(value) || 0));
return (value < 16 ? "0" : "") + value.toString(16);
2719}
2720
2721function hsla(h, s, l, a) {
if (a <= 0) h = s = l = NaN;else if (l <= 0 || l >= 1) h = s = NaN;else if (s <= 0) h = NaN;
return new Hsl(h, s, l, a);
2724}
2725
2726function hslConvert(o) {
if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
if (!(o instanceof Color)) o = color(o);
if (!o) return new Hsl();
if (o instanceof Hsl) return o;
o = o.rgb();
var r = o.r / 255,
    g = o.g / 255,
    b = o.b / 255,
    min = Math.min(r, g, b),
    max = Math.max(r, g, b),
    h = NaN,
    s = max - min,
    l = (max + min) / 2;
if (s) {
  if (r === max) h = (g - b) / s + (g < b) * 6;else if (g === max) h = (b - r) / s + 2;else h = (r - g) / s + 4;
  s /= l < 0.5 ? max + min : 2 - max - min;
  h *= 60;
} else {
  s = l > 0 && l < 1 ? 0 : h;
}
return new Hsl(h, s, l, o.opacity);
2748}
2749
2750function hsl(h, s, l, opacity) {
return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
2752}
2753
2754function Hsl(h, s, l, opacity) {
this.h = +h;
this.s = +s;
this.l = +l;
this.opacity = +opacity;
2759}
2760
2761Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Hsl, hsl, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(Color, {
brighter: function brighter(k) {
  k = k == null ? _brighter : Math.pow(_brighter, k);
  return new Hsl(this.h, this.s, this.l * k, this.opacity);
},
darker: function darker(k) {
  k = k == null ? _darker : Math.pow(_darker, k);
  return new Hsl(this.h, this.s, this.l * k, this.opacity);
},
rgb: function rgb() {
  var h = this.h % 360 + (this.h < 0) * 360,
      s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
      l = this.l,
      m2 = l + (l < 0.5 ? l : 1 - l) * s,
      m1 = 2 * l - m2;
  return new Rgb(hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2), hsl2rgb(h, m1, m2), hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2), this.opacity);
},
displayable: function displayable() {
  return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
}
2781}));
2782
2783/* From FvD 13.37, CSS Color Module Level 3 */
2784function hsl2rgb(h, m1, m2) {
return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
2786}
2787
2788/***/ }),
2789/* 25 */
2790/***/ (function(module, __webpack_exports__, __webpack_require__) {
2791
2792"use strict";
2793/* harmony export (immutable) */ __webpack_exports__["b"] = extend;
2794/* harmony default export */ __webpack_exports__["a"] = (function (constructor, factory, prototype) {
constructor.prototype = factory.prototype = prototype;
prototype.constructor = constructor;
2797});
2798
2799function extend(parent, definition) {
var prototype = Object.create(parent.prototype);
for (var key in definition) {
  prototype[key] = definition[key];
}return prototype;
2804}
2805
2806/***/ }),
2807/* 26 */
2808/***/ (function(module, __webpack_exports__, __webpack_require__) {
2809
2810"use strict";
2811/* harmony export (immutable) */ __webpack_exports__["a"] = basis;
2812function basis(t1, v0, v1, v2, v3) {
var t2 = t1 * t1,
    t3 = t2 * t1;
return ((1 - 3 * t1 + 3 * t2 - t3) * v0 + (4 - 6 * t2 + 3 * t3) * v1 + (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2 + t3 * v3) / 6;
2816}
2817
2818/* harmony default export */ __webpack_exports__["b"] = (function (values) {
var n = values.length - 1;
return function (t) {
  var i = t <= 0 ? t = 0 : t >= 1 ? (t = 1, n - 1) : Math.floor(t * n),
      v1 = values[i],
      v2 = values[i + 1],
      v0 = i > 0 ? values[i - 1] : 2 * v1 - v2,
      v3 = i < n - 1 ? values[i + 2] : 2 * v2 - v1;
  return basis((t - i / n) * n, v0, v1, v2, v3);
};
2828});
2829
2830/***/ }),
2831/* 27 */
2832/***/ (function(module, exports, __webpack_require__) {
2833
2834var Util = __webpack_require__(0);
2835
2836var regexTags = /[MLHVQTCSAZ]([^MLHVQTCSAZ]*)/ig;
2837var regexDot = /[^\s\,]+/ig;
2838var regexLG = /^l\s*\(\s*([\d.]+)\s*\)\s*(.*)/i;
2839var regexRG = /^r\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)\s*(.*)/i;
2840var regexPR = /^p\s*\(\s*([axyn])\s*\)\s*(.*)/i;
2841var regexColorStop = /[\d.]+:(#[^\s]+|[^\)]+\))/ig;
2842var numColorCache = {};
2843
2844function addStop(steps, gradient) {
var arr = steps.match(regexColorStop);
Util.each(arr, function (item) {
  item = item.split(':');
  gradient.addColorStop(item[0], item[1]);
});
2850}
2851
2852function parseLineGradient(color, self) {
var arr = regexLG.exec(color);
var angle = Util.mod(Util.toRadian(parseFloat(arr[1])), Math.PI * 2);
var steps = arr[2];
var box = self.getBBox();
var start = void 0;
var end = void 0;
2859
if (angle >= 0 && angle < 0.5 * Math.PI) {
  start = {
    x: box.minX,
    y: box.minY
  };
  end = {
    x: box.maxX,
    y: box.maxY
  };
} else if (0.5 * Math.PI <= angle && angle < Math.PI) {
  start = {
    x: box.maxX,
    y: box.minY
  };
  end = {
    x: box.minX,
    y: box.maxY
  };
} else if (Math.PI <= angle && angle < 1.5 * Math.PI) {
  start = {
    x: box.maxX,
    y: box.maxY
  };
  end = {
    x: box.minX,
    y: box.minY
  };
} else {
  start = {
    x: box.minX,
    y: box.maxY
  };
  end = {
    x: box.maxX,
    y: box.minY
  };
}
2897
var tanTheta = Math.tan(angle);
var tanTheta2 = tanTheta * tanTheta;
2900
var x = (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.x;
var y = tanTheta * (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.y;
var context = self.get('context');
var gradient = context.createLinearGradient(start.x, start.y, x, y);
addStop(steps, gradient);
return gradient;
2907}
2908
2909function parseRadialGradient(color, self) {
var arr = regexRG.exec(color);
var fx = parseFloat(arr[1]);
var fy = parseFloat(arr[2]);
var fr = parseFloat(arr[3]);
var steps = arr[4];
// 环半径为0时，默认无渐变，取渐变序列的最后一个颜色
if (fr === 0) {
  var colors = steps.match(regexColorStop);
  return colors[colors.length - 1].split(':')[1];
}
var box = self.getBBox();
var context = self.get('context');
var width = box.maxX - box.minX;
var height = box.maxY - box.minY;
var r = Math.sqrt(width * width + height * height) / 2;
var gradient = context.createRadialGradient(box.minX + width * fx, box.minY + height * fy, fr * r, box.minX + width / 2, box.minY + height / 2, r);
addStop(steps, gradient);
return gradient;
2928}
2929
2930function parsePattern(color, self) {
if (self.get('patternSource') && self.get('patternSource') === color) {
  return self.get('pattern');
}
var pattern = void 0;
var img = void 0;
var arr = regexPR.exec(color);
var repeat = arr[1];
var source = arr[2];
2939
// Function to be called when pattern loads
function onload() {
  // Create pattern
  var context = self.get('context');
  pattern = context.createPattern(img, repeat);
  self.setSilent('pattern', pattern); // be a cache
  self.setSilent('patternSource', color);
}
2948
switch (repeat) {
  case 'a':
    repeat = 'repeat';
    break;
  case 'x':
    repeat = 'repeat-x';
    break;
  case 'y':
    repeat = 'repeat-y';
    break;
  case 'n':
    repeat = 'no-repeat';
    break;
  default:
    repeat = 'no-repeat';
}
2965
img = new Image();
// If source URL is not a data URL
if (!source.match(/^data:/i)) {
  // Set crossOrigin for this image
  img.crossOrigin = 'Anonymous';
}
img.src = source;
2973
if (img.complete) {
  onload();
} else {
  img.onload = onload;
  // Fix onload() bug in IE9
  img.src = img.src;
}
2981
return pattern;
2983}
2984
2985module.exports = {
parsePath: function parsePath(path) {
  path = path || [];
  if (Util.isArray(path)) {
    return path;
  }
2991
  if (Util.isString(path)) {
    path = path.match(regexTags);
    Util.each(path, function (item, index) {
      item = item.match(regexDot);
      if (item[0].length > 1) {
        var tag = item[0].charAt(0);
        item.splice(1, 0, item[0].substr(1));
        item[0] = tag;
      }
      Util.each(item, function (sub, i) {
        if (!isNaN(sub)) {
          item[i] = +sub;
        }
      });
      path[index] = item;
    });
    return path;
  }
},
parseStyle: function parseStyle(color, self) {
  if (Util.isString(color)) {
    if (color[1] === '(' || color[2] === '(') {
      if (color[0] === 'l') {
        // regexLG.test(color)
        return parseLineGradient(color, self);
      } else if (color[0] === 'r') {
        // regexRG.test(color)
        return parseRadialGradient(color, self);
      } else if (color[0] === 'p') {
        // regexPR.test(color)
        return parsePattern(color, self);
      }
    }
    return color;
  }
},
numberToColor: function numberToColor(num) {
  // 增加缓存
  var color = numColorCache[num];
  if (!color) {
    var str = num.toString(16);
    for (var i = str.length; i < 6; i++) {
      str = '0' + str;
    }
    color = '#' + str;
    numColorCache[num] = color;
  }
  return color;
}
3041};
3042
3043/***/ }),
3044/* 28 */
3045/***/ (function(module, exports, __webpack_require__) {
3046
3047var vec2 = __webpack_require__(2).vec2;
3048
3049module.exports = {
at: function at(p1, p2, t) {
  return (p2 - p1) * t + p1;
},
pointDistance: function pointDistance(x1, y1, x2, y2, x, y) {
  var d = [x2 - x1, y2 - y1];
  if (vec2.exactEquals(d, [0, 0])) {
    return NaN;
  }
3058
  var u = [-d[1], d[0]];
  vec2.normalize(u, u);
  var a = [x - x1, y - y1];
  return Math.abs(vec2.dot(a, u));
},
box: function box(x1, y1, x2, y2, lineWidth) {
  var halfWidth = lineWidth / 2;
  var minX = Math.min(x1, x2);
  var maxX = Math.max(x1, x2);
  var minY = Math.min(y1, y2);
  var maxY = Math.max(y1, y2);
3070
  return {
    minX: minX - halfWidth,
    minY: minY - halfWidth,
    maxX: maxX + halfWidth,
    maxY: maxY + halfWidth
  };
},
len: function len(x1, y1, x2, y2) {
  return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
}
3081};
3082
3083/***/ }),
3084/* 29 */
3085/***/ (function(module, exports, __webpack_require__) {
3086
3087var Util = __webpack_require__(0);
3088var vec2 = __webpack_require__(2).vec2;
3089
3090function quadraticAt(p0, p1, p2, t) {
var onet = 1 - t;
return onet * (onet * p0 + 2 * t * p1) + t * t * p2;
3093}
3094
3095function quadraticProjectPoint(x1, y1, x2, y2, x3, y3, x, y, out) {
var t = void 0;
var interval = 0.005;
var d = Infinity;
var d1 = void 0;
var v1 = void 0;
var v2 = void 0;
var _t = void 0;
var d2 = void 0;
var i = void 0;
var EPSILON = 0.0001;
var v0 = [x, y];
3107
for (_t = 0; _t < 1; _t += 0.05) {
  v1 = [quadraticAt(x1, x2, x3, _t), quadraticAt(y1, y2, y3, _t)];
3110
  d1 = vec2.squaredDistance(v0, v1);
  if (d1 < d) {
    t = _t;
    d = d1;
  }
}
d = Infinity;
3118
for (i = 0; i < 32; i++) {
  if (interval < EPSILON) {
    break;
  }
3123
  var prev = t - interval;
  var next = t + interval;
3126
  v1 = [quadraticAt(x1, x2, x3, prev), quadraticAt(y1, y2, y3, prev)];
3128
  d1 = vec2.squaredDistance(v0, v1);
3130
  if (prev >= 0 && d1 < d) {
    t = prev;
    d = d1;
  } else {
    v2 = [quadraticAt(x1, x2, x3, next), quadraticAt(y1, y2, y3, next)];
3136
    d2 = vec2.squaredDistance(v0, v2);
3138
    if (next <= 1 && d2 < d) {
      t = next;
      d = d2;
    } else {
      interval *= 0.5;
    }
  }
}
3147
if (out) {
  out.x = quadraticAt(x1, x2, x3, t);
  out.y = quadraticAt(y1, y2, y3, t);
}
3152
return Math.sqrt(d);
3154}
3155
3156function quadraticExtrema(p0, p1, p2) {
var a = p0 + p2 - 2 * p1;
if (Util.isNumberEqual(a, 0)) {
  return [0.5];
}
var rst = (p0 - p1) / a;
if (rst <= 1 && rst >= 0) {
  return [rst];
}
return [];
3166}
3167
3168module.exports = {
at: quadraticAt,
projectPoint: function projectPoint(x1, y1, x2, y2, x3, y3, x, y) {
  var rst = {};
  quadraticProjectPoint(x1, y1, x2, y2, x3, y3, x, y, rst);
  return rst;
},
3175
pointDistance: quadraticProjectPoint,
extrema: quadraticExtrema
3178};
3179
3180/***/ }),
3181/* 30 */
3182/***/ (function(module, exports, __webpack_require__) {
3183
3184var Util = __webpack_require__(0);
3185var vec2 = __webpack_require__(2).vec2;
3186
3187function circlePoint(cx, cy, r, angle) {
return {
  x: Math.cos(angle) * r + cx,
  y: Math.sin(angle) * r + cy
};
3192}
3193
3194function angleNearTo(angle, min, max, out) {
var v1 = void 0;
var v2 = void 0;
if (out) {
  if (angle < min) {
    v1 = min - angle;
    v2 = Math.PI * 2 - max + angle;
  } else if (angle > max) {
    v1 = Math.PI * 2 - angle + min;
    v2 = angle - max;
  }
} else {
  v1 = angle - min;
  v2 = max - angle;
}
3209
return v1 > v2 ? max : min;
3211}
3212
3213function nearAngle(angle, startAngle, endAngle, clockwise) {
var plus = 0;
if (endAngle - startAngle >= Math.PI * 2) {
  plus = Math.PI * 2;
}
startAngle = Util.mod(startAngle, Math.PI * 2);
endAngle = Util.mod(endAngle, Math.PI * 2) + plus;
angle = Util.mod(angle, Math.PI * 2);
if (clockwise) {
  if (startAngle >= endAngle) {
    if (angle > endAngle && angle < startAngle) {
      return angle;
    }
    return angleNearTo(angle, endAngle, startAngle, true);
  }
  if (angle < startAngle || angle > endAngle) {
    return angle;
  }
  return angleNearTo(angle, startAngle, endAngle);
}
if (startAngle <= endAngle) {
  if (startAngle < angle && angle < endAngle) {
    return angle;
  }
  return angleNearTo(angle, startAngle, endAngle, true);
}
if (angle > startAngle || angle < endAngle) {
  return angle;
}
return angleNearTo(angle, endAngle, startAngle);
3243}
3244
3245function arcProjectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y, out) {
var v = [x, y];
var v0 = [cx, cy];
var v1 = [1, 0];
var subv = vec2.subtract([], v, v0);
var angle = vec2.angleTo(v1, subv);
3251
angle = nearAngle(angle, startAngle, endAngle, clockwise);
var vpoint = [r * Math.cos(angle) + cx, r * Math.sin(angle) + cy];
if (out) {
  out.x = vpoint[0];
  out.y = vpoint[1];
}
var d = vec2.distance(vpoint, v);
return d;
3260}
3261
3262function arcBox(cx, cy, r, startAngle, endAngle, clockwise) {
var angleRight = 0;
var angleBottom = Math.PI / 2;
var angleLeft = Math.PI;
var angleTop = Math.PI * 3 / 2;
var points = [];
var angle = nearAngle(angleRight, startAngle, endAngle, clockwise);
if (angle === angleRight) {
  points.push(circlePoint(cx, cy, r, angleRight));
}
3272
angle = nearAngle(angleBottom, startAngle, endAngle, clockwise);
if (angle === angleBottom) {
  points.push(circlePoint(cx, cy, r, angleBottom));
}
3277
angle = nearAngle(angleLeft, startAngle, endAngle, clockwise);
if (angle === angleLeft) {
  points.push(circlePoint(cx, cy, r, angleLeft));
}
3282
angle = nearAngle(angleTop, startAngle, endAngle, clockwise);
if (angle === angleTop) {
  points.push(circlePoint(cx, cy, r, angleTop));
}
3287
points.push(circlePoint(cx, cy, r, startAngle));
points.push(circlePoint(cx, cy, r, endAngle));
var minX = Infinity;
var maxX = -Infinity;
var minY = Infinity;
var maxY = -Infinity;
Util.each(points, function (point) {
  if (minX > point.x) {
    minX = point.x;
  }
  if (maxX < point.x) {
    maxX = point.x;
  }
  if (minY > point.y) {
    minY = point.y;
  }
  if (maxY < point.y) {
    maxY = point.y;
  }
});
3308
return {
  minX: minX,
  minY: minY,
  maxX: maxX,
  maxY: maxY
};
3315}
3316
3317module.exports = {
nearAngle: nearAngle,
projectPoint: function projectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y) {
  var rst = {};
  arcProjectPoint(cx, cy, r, startAngle, endAngle, clockwise, x, y, rst);
  return rst;
},
3324
pointDistance: arcProjectPoint,
box: arcBox
3327};
3328
3329/***/ }),
3330/* 31 */
3331/***/ (function(module, exports, __webpack_require__) {
3332
3333var Util = __webpack_require__(0);
3334var Inside = __webpack_require__(3);
3335var Cubic = __webpack_require__(16);
3336var Quadratic = __webpack_require__(29);
3337var Ellipse = __webpack_require__(154);
3338var vec3 = __webpack_require__(2).vec3;
3339var mat3 = __webpack_require__(2).mat3;
3340
3341var ARR_CMD = ['m', 'l', 'c', 'a', 'q', 'h', 'v', 't', 's', 'z'];
3342
3343function toAbsolute(x, y, curPoint) {
// 获取绝对坐标
return {
  x: curPoint.x + x,
  y: curPoint.y + y
};
3349}
3350
3351function toSymmetry(point, center) {
// 点对称
return {
  x: center.x + (center.x - point.x),
  y: center.y + (center.y - point.y)
};
3357}
3358
3359function vMag(v) {
return Math.sqrt(v[0] * v[0] + v[1] * v[1]);
3361}
3362
3363function vRatio(u, v) {
return (u[0] * v[0] + u[1] * v[1]) / (vMag(u) * vMag(v));
3365}
3366
3367function vAngle(u, v) {
return (u[0] * v[1] < u[1] * v[0] ? -1 : 1) * Math.acos(vRatio(u, v));
3369}
3370
3371function getArcParams(point1, point2, fa, fs, rx, ry, psiDeg) {
var psi = Util.mod(Util.toRadian(psiDeg), Math.PI * 2);
var x1 = point1.x;
var y1 = point1.y;
var x2 = point2.x;
var y2 = point2.y;
var xp = Math.cos(psi) * (x1 - x2) / 2.0 + Math.sin(psi) * (y1 - y2) / 2.0;
var yp = -1 * Math.sin(psi) * (x1 - x2) / 2.0 + Math.cos(psi) * (y1 - y2) / 2.0;
var lambda = xp * xp / (rx * rx) + yp * yp / (ry * ry);
if (lambda > 1) {
  rx *= Math.sqrt(lambda);
  ry *= Math.sqrt(lambda);
}
var diff = rx * rx * (yp * yp) + ry * ry * (xp * xp);
var f = Math.sqrt((rx * rx * (ry * ry) - diff) / diff);
3386
if (fa === fs) {
  f *= -1;
}
if (isNaN(f)) {
  f = 0;
}
3393
var cxp = f * rx * yp / ry;
var cyp = f * -ry * xp / rx;
3396
var cx = (x1 + x2) / 2.0 + Math.cos(psi) * cxp - Math.sin(psi) * cyp;
var cy = (y1 + y2) / 2.0 + Math.sin(psi) * cxp + Math.cos(psi) * cyp;
3399
var theta = vAngle([1, 0], [(xp - cxp) / rx, (yp - cyp) / ry]);
var u = [(xp - cxp) / rx, (yp - cyp) / ry];
var v = [(-1 * xp - cxp) / rx, (-1 * yp - cyp) / ry];
var dTheta = vAngle(u, v);
if (fs === 0 && dTheta > 0) {
  dTheta = dTheta - 2 * Math.PI;
}
if (fs === 1 && dTheta < 0) {
  dTheta = dTheta + 2 * Math.PI;
}
return [point1, cx, cy, rx, ry, theta, dTheta, psi, fs];
3411}
3412
3413var PathSegment = function PathSegment(item, preSegment, isLast) {
this.preSegment = preSegment;
this.isLast = isLast;
this.init(item, preSegment);
3417};
3418
3419Util.augment(PathSegment, {
init: function init(item, preSegment) {
  var command = item[0];
  preSegment = preSegment || {
    endPoint: {
      x: 0,
      y: 0
    }
  };
  var relative = ARR_CMD.indexOf(command) >= 0; // /[a-z]/.test(command);
  var cmd = relative ? command.toUpperCase() : command;
  var p = item;
  var point1 = void 0;
  var point2 = void 0;
  var point3 = void 0;
  var point = void 0;
  var preEndPoint = preSegment.endPoint;
3436
  var p1 = p[1];
  var p2 = p[2];
  switch (cmd) {
    default:
      break;
    case 'M':
      if (relative) {
        point = toAbsolute(p1, p2, preEndPoint);
      } else {
        point = {
          x: p1,
          y: p2
        };
      }
      this.command = 'M';
      this.params = [preEndPoint, point];
      this.subStart = point;
      this.endPoint = point;
      break;
    case 'L':
      if (relative) {
        point = toAbsolute(p1, p2, preEndPoint);
      } else {
        point = {
          x: p1,
          y: p2
        };
      }
      this.command = 'L';
      this.params = [preEndPoint, point];
      this.subStart = preSegment.subStart;
      this.endPoint = point;
      this.endTangent = function () {
        return [point.x - preEndPoint.x, point.y - preEndPoint.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point.x, preEndPoint.y - point.y];
      };
      break;
    case 'H':
      if (relative) {
        point = toAbsolute(p1, 0, preEndPoint);
      } else {
        point = {
          x: p1,
          y: preEndPoint.y
        };
      }
      this.command = 'L';
      this.params = [preEndPoint, point];
      this.subStart = preSegment.subStart;
      this.endPoint = point;
      this.endTangent = function () {
        return [point.x - preEndPoint.x, point.y - preEndPoint.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point.x, preEndPoint.y - point.y];
      };
      break;
    case 'V':
      if (relative) {
        point = toAbsolute(0, p1, preEndPoint);
      } else {
        point = {
          x: preEndPoint.x,
          y: p1
        };
      }
      this.command = 'L';
      this.params = [preEndPoint, point];
      this.subStart = preSegment.subStart;
      this.endPoint = point;
      this.endTangent = function () {
        return [point.x - preEndPoint.x, point.y - preEndPoint.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point.x, preEndPoint.y - point.y];
      };
      break;
    case 'Q':
      if (relative) {
        point1 = toAbsolute(p1, p2, preEndPoint);
        point2 = toAbsolute(p[3], p[4], preEndPoint);
      } else {
        point1 = {
          x: p1,
          y: p2
        };
        point2 = {
          x: p[3],
          y: p[4]
        };
      }
      this.command = 'Q';
      this.params = [preEndPoint, point1, point2];
      this.subStart = preSegment.subStart;
      this.endPoint = point2;
      this.endTangent = function () {
        return [point2.x - point1.x, point2.y - point1.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
      };
      break;
    case 'T':
      if (relative) {
        point2 = toAbsolute(p1, p2, preEndPoint);
      } else {
        point2 = {
          x: p1,
          y: p2
        };
      }
      if (preSegment.command === 'Q') {
        point1 = toSymmetry(preSegment.params[1], preEndPoint);
        this.command = 'Q';
        this.params = [preEndPoint, point1, point2];
        this.subStart = preSegment.subStart;
        this.endPoint = point2;
        this.endTangent = function () {
          return [point2.x - point1.x, point2.y - point1.y];
        };
        this.startTangent = function () {
          return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
        };
      } else {
        this.command = 'TL';
        this.params = [preEndPoint, point2];
        this.subStart = preSegment.subStart;
        this.endPoint = point2;
        this.endTangent = function () {
          return [point2.x - preEndPoint.x, point2.y - preEndPoint.y];
        };
        this.startTangent = function () {
          return [preEndPoint.x - point2.x, preEndPoint.y - point2.y];
        };
      }
3574
      break;
    case 'C':
      if (relative) {
        point1 = toAbsolute(p1, p2, preEndPoint);
        point2 = toAbsolute(p[3], p[4], preEndPoint);
        point3 = toAbsolute(p[5], p[6], preEndPoint);
      } else {
        point1 = {
          x: p1,
          y: p2
        };
        point2 = {
          x: p[3],
          y: p[4]
        };
        point3 = {
          x: p[5],
          y: p[6]
        };
      }
      this.command = 'C';
      this.params = [preEndPoint, point1, point2, point3];
      this.subStart = preSegment.subStart;
      this.endPoint = point3;
      this.endTangent = function () {
        return [point3.x - point2.x, point3.y - point2.y];
      };
      this.startTangent = function () {
        return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
      };
      break;
    case 'S':
      if (relative) {
        point2 = toAbsolute(p1, p2, preEndPoint);
        point3 = toAbsolute(p[3], p[4], preEndPoint);
      } else {
        point2 = {
          x: p1,
          y: p2
        };
        point3 = {
          x: p[3],
          y: p[4]
        };
      }
      if (preSegment.command === 'C') {
        point1 = toSymmetry(preSegment.params[2], preEndPoint);
        this.command = 'C';
        this.params = [preEndPoint, point1, point2, point3];
        this.subStart = preSegment.subStart;
        this.endPoint = point3;
        this.endTangent = function () {
          return [point3.x - point2.x, point3.y - point2.y];
        };
        this.startTangent = function () {
          return [preEndPoint.x - point1.x, preEndPoint.y - point1.y];
        };
      } else {
        this.command = 'SQ';
        this.params = [preEndPoint, point2, point3];
        this.subStart = preSegment.subStart;
        this.endPoint = point3;
        this.endTangent = function () {
          return [point3.x - point2.x, point3.y - point2.y];
        };
        this.startTangent = function () {
          return [preEndPoint.x - point2.x, preEndPoint.y - point2.y];
        };
      }
      break;
    case 'A':
      {
        var rx = p1;
        var ry = p2;
        var psi = p[3];
        var fa = p[4];
        var fs = p[5];
        if (relative) {
          point = toAbsolute(p[6], p[7], preEndPoint);
        } else {
          point = {
            x: p[6],
            y: p[7]
          };
        }
3660
        this.command = 'A';
        var params = getArcParams(preEndPoint, point, fa, fs, rx, ry, psi);
        this.params = params;
        var start = preSegment.subStart;
        this.subStart = start;
        this.endPoint = point;
        var startAngle = params[5] % (Math.PI * 2);
        if (Util.isNumberEqual(startAngle, Math.PI * 2)) {
          startAngle = 0;
        }
        var endAngle = params[6] % (Math.PI * 2);
        if (Util.isNumberEqual(endAngle, Math.PI * 2)) {
          endAngle = 0;
        }
        var d = 0.001;
        this.startTangent = function () {
          if (fs === 0) {
            d *= -1;
          }
          var dx = params[3] * Math.cos(startAngle - d) + params[1];
          var dy = params[4] * Math.sin(startAngle - d) + params[2];
          return [dx - start.x, dy - start.y];
        };
        this.endTangent = function () {
          var endAngle = params[6];
          if (endAngle - Math.PI * 2 < 0.0001) {
            endAngle = 0;
          }
          var dx = params[3] * Math.cos(startAngle + endAngle + d) + params[1];
          var dy = params[4] * Math.sin(startAngle + endAngle - d) + params[2];
          return [preEndPoint.x - dx, preEndPoint.y - dy];
        };
        break;
      }
    case 'Z':
      {
        this.command = 'Z';
        this.params = [preEndPoint, preSegment.subStart];
        this.subStart = preSegment.subStart;
        this.endPoint = preSegment.subStart;
      }
  }
},
isInside: function isInside(x, y, lineWidth) {
  var self = this;
  var command = self.command;
  var params = self.params;
  var box = self.box;
  if (box) {
    if (!Inside.box(box.minX, box.maxX, box.minY, box.maxY, x, y)) {
      return false;
    }
  }
  switch (command) {
    default:
      break;
    case 'M':
      return false;
    case 'TL':
    case 'L':
    case 'Z':
      return Inside.line(params[0].x, params[0].y, params[1].x, params[1].y, lineWidth, x, y);
    case 'SQ':
    case 'Q':
      return Inside.quadraticline(params[0].x, params[0].y, params[1].x, params[1].y, params[2].x, params[2].y, lineWidth, x, y);
    case 'C':
      {
        return Inside.cubicline(params[0].x, params[0].y, params[1].x, params[1].y, params[2].x, params[2].y, params[3].x, params[3].y, lineWidth, x, y);
      }
    case 'A':
      {
        var p = params;
        var cx = p[1];
        var cy = p[2];
        var rx = p[3];
        var ry = p[4];
        var theta = p[5];
        var dTheta = p[6];
        var psi = p[7];
        var fs = p[8];
3741
        var r = rx > ry ? rx : ry;
        var scaleX = rx > ry ? 1 : rx / ry;
        var scaleY = rx > ry ? ry / rx : 1;
3745
        p = [x, y, 1];
        var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
        mat3.translate(m, m, [-cx, -cy]);
        mat3.rotate(m, m, -psi);
        mat3.scale(m, m, [1 / scaleX, 1 / scaleY]);
        vec3.transformMat3(p, p, m);
        return Inside.arcline(0, 0, r, theta, theta + dTheta, 1 - fs, lineWidth, p[0], p[1]);
      }
  }
  return false;
},
draw: function draw(context) {
  var command = this.command;
  var params = this.params;
  var point1 = void 0;
  var point2 = void 0;
  var point3 = void 0;
3763
  switch (command) {
    default:
      break;
    case 'M':
      context.moveTo(params[1].x, params[1].y);
      break;
    case 'TL':
    case 'L':
      context.lineTo(params[1].x, params[1].y);
      break;
    case 'SQ':
    case 'Q':
      point1 = params[1];
      point2 = params[2];
      context.quadraticCurveTo(point1.x, point1.y, point2.x, point2.y);
      break;
    case 'C':
      point1 = params[1];
      point2 = params[2];
      point3 = params[3];
      context.bezierCurveTo(point1.x, point1.y, point2.x, point2.y, point3.x, point3.y);
      break;
    case 'A':
      {
        var p = params;
        var p1 = p[1];
        var p2 = p[2];
        var cx = p1;
        var cy = p2;
        var rx = p[3];
        var ry = p[4];
        var theta = p[5];
        var dTheta = p[6];
        var psi = p[7];
        var fs = p[8];
3799
        var r = rx > ry ? rx : ry;
        var scaleX = rx > ry ? 1 : rx / ry;
        var scaleY = rx > ry ? ry / rx : 1;
3803
        context.translate(cx, cy);
        context.rotate(psi);
        context.scale(scaleX, scaleY);
        context.arc(0, 0, r, theta, theta + dTheta, 1 - fs);
        context.scale(1 / scaleX, 1 / scaleY);
        context.rotate(-psi);
        context.translate(-cx, -cy);
        break;
      }
    case 'Z':
      context.closePath();
      break;
  }
},
getBBox: function getBBox(lineWidth) {
  var halfWidth = lineWidth / 2;
  var params = this.params;
  var yDims = void 0;
  var xDims = void 0;
  var i = void 0;
  var l = void 0;
3825
  switch (this.command) {
    default:
    case 'M':
    case 'Z':
      break;
    case 'TL':
    case 'L':
      this.box = {
        minX: Math.min(params[0].x, params[1].x) - halfWidth,
        maxX: Math.max(params[0].x, params[1].x) + halfWidth,
        minY: Math.min(params[0].y, params[1].y) - halfWidth,
        maxY: Math.max(params[0].y, params[1].y) + halfWidth
      };
      break;
    case 'SQ':
    case 'Q':
      xDims = Quadratic.extrema(params[0].x, params[1].x, params[2].x);
      for (i = 0, l = xDims.length; i < l; i++) {
        xDims[i] = Quadratic.at(params[0].x, params[1].x, params[2].x, xDims[i]);
      }
      xDims.push(params[0].x, params[2].x);
      yDims = Quadratic.extrema(params[0].y, params[1].y, params[2].y);
      for (i = 0, l = yDims.length; i < l; i++) {
        yDims[i] = Quadratic.at(params[0].y, params[1].y, params[2].y, yDims);
      }
      yDims.push(params[0].y, params[2].y);
      this.box = {
        minX: Math.min.apply(Math, xDims) - halfWidth,
        maxX: Math.max.apply(Math, xDims) + halfWidth,
        minY: Math.min.apply(Math, yDims) - halfWidth,
        maxY: Math.max.apply(Math, yDims) + halfWidth
      };
      break;
    case 'C':
      xDims = Cubic.extrema(params[0].x, params[1].x, params[2].x, params[3].x);
      for (i = 0, l = xDims.length; i < l; i++) {
        xDims[i] = Cubic.at(params[0].x, params[1].x, params[2].x, params[3].x, xDims[i]);
      }
      yDims = Cubic.extrema(params[0].y, params[1].y, params[2].y, params[3].y);
      for (i = 0, l = yDims.length; i < l; i++) {
        yDims[i] = Cubic.at(params[0].y, params[1].y, params[2].y, params[3].y, yDims[i]);
      }
      xDims.push(params[0].x, params[3].x);
      yDims.push(params[0].y, params[3].y);
      this.box = {
        minX: Math.min.apply(Math, xDims) - halfWidth,
        maxX: Math.max.apply(Math, xDims) + halfWidth,
        minY: Math.min.apply(Math, yDims) - halfWidth,
        maxY: Math.max.apply(Math, yDims) + halfWidth
      };
      break;
    case 'A':
      {
        // todo 待优化
        var p = params;
        var cx = p[1];
        var cy = p[2];
        var rx = p[3];
        var ry = p[4];
        var theta = p[5];
        var dTheta = p[6];
        var psi = p[7];
        var fs = p[8];
        var start = theta;
        var end = theta + dTheta;
3891
        var xDim = Ellipse.xExtrema(psi, rx, ry);
        var minX = Infinity;
        var maxX = -Infinity;
        var xs = [start, end];
        for (i = -Math.PI * 2; i <= Math.PI * 2; i += Math.PI) {
          var xAngle = xDim + i;
          if (fs === 1) {
            if (start < xAngle && xAngle < end) {
              xs.push(xAngle);
            }
          } else {
            if (end < xAngle && xAngle < start) {
              xs.push(xAngle);
            }
          }
        }
3908
        for (i = 0, l = xs.length; i < l; i++) {
          var x = Ellipse.xAt(psi, rx, ry, cx, xs[i]);
          if (x < minX) {
            minX = x;
          }
          if (x > maxX) {
            maxX = x;
          }
        }
3918
        var yDim = Ellipse.yExtrema(psi, rx, ry);
        var minY = Infinity;
        var maxY = -Infinity;
        var ys = [start, end];
        for (i = -Math.PI * 2; i <= Math.PI * 2; i += Math.PI) {
          var yAngle = yDim + i;
          if (fs === 1) {
            if (start < yAngle && yAngle < end) {
              ys.push(yAngle);
            }
          } else {
            if (end < yAngle && yAngle < start) {
              ys.push(yAngle);
            }
          }
        }
3935
        for (i = 0, l = ys.length; i < l; i++) {
          var y = Ellipse.yAt(psi, rx, ry, cy, ys[i]);
          if (y < minY) {
            minY = y;
          }
          if (y > maxY) {
            maxY = y;
          }
        }
        this.box = {
          minX: minX - halfWidth,
          maxX: maxX + halfWidth,
          minY: minY - halfWidth,
          maxY: maxY + halfWidth
        };
        break;
      }
  }
}
3955});
3956
3957module.exports = PathSegment;
3958
3959/***/ }),
3960/* 32 */
3961/***/ (function(module, exports, __webpack_require__) {
3962
3963module.exports = {
// renderers
svg: __webpack_require__(84),
canvas: __webpack_require__(149),
// utils
CommonUtil: __webpack_require__(9),
DomUtil: __webpack_require__(41),
MatrixUtil: __webpack_require__(2),
PathUtil: __webpack_require__(21),
// version, etc.
version: '3.0.0-beta.9'
3974};
3975
3976/***/ }),
3977/* 33 */
3978/***/ (function(module, exports, __webpack_require__) {
3979
3980
3981var arrayUtil = __webpack_require__(86);
3982var eventUtil = __webpack_require__(34);
3983var mathUtil = __webpack_require__(89);
3984var stringUtil = __webpack_require__(91);
3985var typeUtil = __webpack_require__(92);
3986var each = __webpack_require__(11);
3987var mix = __webpack_require__(18);
3988
3989var util = {
// collections
arrayUtil: arrayUtil,
eventUtil: eventUtil,
mathUtil: mathUtil,
stringUtil: stringUtil,
typeUtil: typeUtil,
// others
augment: __webpack_require__(94),
clone: __webpack_require__(95),
deepMix: __webpack_require__(96),
each: each,
extend: __webpack_require__(97),
filter: __webpack_require__(98),
group: __webpack_require__(99),
groupBy: __webpack_require__(39),
groupToMap: __webpack_require__(38),
indexOf: __webpack_require__(100),
isEmpty: __webpack_require__(101),
isEqual: __webpack_require__(40),
isEqualWith: __webpack_require__(106),
map: __webpack_require__(107),
mix: mix,
pick: __webpack_require__(108),
toArray: __webpack_require__(35),
toString: __webpack_require__(109),
uniqueId: __webpack_require__(110)
4016};
4017
4018each([arrayUtil, eventUtil, mathUtil, stringUtil, typeUtil], function (collection) {
mix(util, collection);
4020});
4021
4022module.exports = util;
4023
4024/***/ }),
4025/* 34 */
4026/***/ (function(module, exports, __webpack_require__) {
4027
4028
4029module.exports = {
getWrapBehavior: __webpack_require__(87),
wrapBehavior: __webpack_require__(88)
4032};
4033
4034/***/ }),
4035/* 35 */
4036/***/ (function(module, exports, __webpack_require__) {
4037
4038var isArrayLike = __webpack_require__(5);
4039
4040function toArray(value) {
return isArrayLike(value) ? Array.prototype.slice.call(value) : [];
4042}
4043
4044module.exports = toArray;
4045
4046/***/ }),
4047/* 36 */
4048/***/ (function(module, exports, __webpack_require__) {
4049
4050var isObjectLike = __webpack_require__(37);
4051var isType = __webpack_require__(10);
4052
4053var isPlainObject = function isPlainObject(value) {
/**
 * isObjectLike(new Foo) => false
 * isObjectLike([1, 2, 3]) => false
 * isObjectLike({ x: 0, y: 0 }) => true
 * isObjectLike(Object.create(null)) => true
 */
if (!isObjectLike(value) || !isType(value, 'Object')) {
  return false;
}
if (Object.getPrototypeOf(value) === null) {
  return true;
}
var proto = value;
while (Object.getPrototypeOf(proto) !== null) {
  proto = Object.getPrototypeOf(proto);
}
return Object.getPrototypeOf(value) === proto;
4071};
4072
4073module.exports = isPlainObject;
4074
4075/***/ }),
4076/* 37 */
4077/***/ (function(module, exports) {
4078
4079var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
4080
4081var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
4083} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
4085};
4086
4087var isObjectLike = function isObjectLike(value) {
/**
 * isObjectLike({}) => true
 * isObjectLike([1, 2, 3]) => true
 * isObjectLike(Function) => false
 * isObjectLike(null) => false
 */
return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value !== null;
4095};
4096
4097module.exports = isObjectLike;
4098
4099/***/ }),
4100/* 38 */
4101/***/ (function(module, exports, __webpack_require__) {
4102
4103var isFunction = __webpack_require__(14);
4104var isArray = __webpack_require__(12);
4105var groupBy = __webpack_require__(39);
4106
4107var groupToMap = function groupToMap(data, condition) {
if (!condition) {
  return {
    0: data
  };
}
if (!isFunction(condition)) {
  var paramsCondition = isArray(condition) ? condition : condition.replace(/\s+/g, '').split('*');
  condition = function condition(row) {
    var unique = '_'; // 避免出现数字作为Key的情况，会进行按照数字的排序
    for (var i = 0, l = paramsCondition.length; i < l; i++) {
      unique += row[paramsCondition[i]] && row[paramsCondition[i]].toString();
    }
    return unique;
  };
}
var groups = groupBy(data, condition);
return groups;
4125};
4126
4127module.exports = groupToMap;
4128
4129/***/ }),
4130/* 39 */
4131/***/ (function(module, exports, __webpack_require__) {
4132
4133var each = __webpack_require__(11);
4134var isArray = __webpack_require__(12);
4135var hasOwnProperty = Object.prototype.hasOwnProperty;
4136var groupBy = function groupBy(data, condition) {
if (!condition || !isArray(data)) {
  return data;
}
var result = {};
var key = null;
each(data, function (item) {
  key = condition(item);
  if (hasOwnProperty.call(result, key)) {
    result[key].push(item);
  } else {
    result[key] = [item];
  }
});
return result;
4151};
4152
4153module.exports = groupBy;
4154
4155/***/ }),
4156/* 40 */
4157/***/ (function(module, exports, __webpack_require__) {
4158
4159var isObjectLike = __webpack_require__(37);
4160var isArrayLike = __webpack_require__(5);
4161var isString = __webpack_require__(105);
4162
4163var isEqual = function isEqual(value, other) {
if (value === other) {
  return true;
}
if (!value || !other) {
  return false;
}
if (isString(value) || isString(other)) {
  return false;
}
if (isArrayLike(value) || isArrayLike(other)) {
  if (value.length !== other.length) {
    return false;
  }
  var rst = true;
  for (var i = 0; i < value.length; i++) {
    rst = isEqual(value[i], other[i]);
    if (!rst) {
      break;
    }
  }
  return rst;
}
if (isObjectLike(value) || isObjectLike(other)) {
  var valueKeys = Object.keys(value);
  var otherKeys = Object.keys(other);
  if (valueKeys.length !== otherKeys.length) {
    return false;
  }
  var _rst = true;
  for (var _i = 0; _i < valueKeys.length; _i++) {
    _rst = isEqual(value[valueKeys[_i]], other[valueKeys[_i]]);
    if (!_rst) {
      break;
    }
  }
  return _rst;
}
return false;
4202};
4203
4204module.exports = isEqual;
4205
4206/***/ }),
4207/* 41 */
4208/***/ (function(module, exports, __webpack_require__) {
4209
4210var Util = __webpack_require__(9);
4211
4212var TABLE = document.createElement('table');
4213var TABLE_TR = document.createElement('tr');
4214var FRAGMENT_REG = /^\s*<(\w+|!)[^>]*>/;
4215var CONTAINERS = {
tr: document.createElement('tbody'),
tbody: TABLE,
thead: TABLE,
tfoot: TABLE,
td: TABLE_TR,
th: TABLE_TR,
'*': document.createElement('div')
4223};
4224
4225module.exports = {
getBoundingClientRect: function getBoundingClientRect(node, defaultValue) {
  if (node && node.getBoundingClientRect) {
    var rect = node.getBoundingClientRect();
    var top = document.documentElement.clientTop;
    var left = document.documentElement.clientLeft;
    return {
      top: rect.top - top,
      bottom: rect.bottom - top,
      left: rect.left - left,
      right: rect.right - left
    };
  }
  return defaultValue || null;
},
4240
/**
 * 获取样式
 * @param  {Object} dom DOM节点
 * @param  {String} name 样式名
 * @param  {Any} defaultValue 默认值
 * @return {String} 属性值
 */
getStyle: function getStyle(dom, name, defaultValue) {
  try {
    if (window.getComputedStyle) {
      return window.getComputedStyle(dom, null)[name];
    }
    return dom.currentStyle[name];
  } catch (e) {
    if (!Util.isNil(defaultValue)) {
      return defaultValue;
    }
    return null;
  }
},
modifyCSS: function modifyCSS(dom, css) {
  if (dom) {
    for (var key in css) {
      if (css.hasOwnProperty(key)) {
        dom.style[key] = css[key];
      }
    }
  }
  return dom;
},
4271
/**
 * 创建DOM 节点
 * @param  {String} str Dom 字符串
 * @return {HTMLElement}  DOM 节点
 */
createDom: function createDom(str) {
  var name = FRAGMENT_REG.test(str) && RegExp.$1;
  if (!(name in CONTAINERS)) {
    name = '*';
  }
  var container = CONTAINERS[name];
  str = str.replace(/(^\s*)|(\s*$)/g, '');
  container.innerHTML = '' + str;
  var dom = container.childNodes[0];
  container.removeChild(dom);
  return dom;
},
getRatio: function getRatio() {
  return window.devicePixelRatio ? window.devicePixelRatio : 2;
},
4292
/**
 * 获取宽度
 * @param  {HTMLElement} el  dom节点
 * @param  {Number} defaultValue 默认值
 * @return {Number} 宽度
 */
getWidth: function getWidth(el, defaultValue) {
  var width = this.getStyle(el, 'width', defaultValue);
  if (width === 'auto') {
    width = el.offsetWidth;
  }
  return parseFloat(width);
},
4306
/**
 * 获取高度
 * @param  {HTMLElement} el dom节点
 * @param  {Number} defaultValue 默认值
 * @return {Number} 高度
 */
getHeight: function getHeight(el, defaultValue) {
  var height = this.getStyle(el, 'height', defaultValue);
  if (height === 'auto') {
    height = el.offsetHeight;
  }
  return parseFloat(height);
},
4320
/**
 * 获取外层高度
 * @param  {HTMLElement} el dom节点
 * @param  {Number} defaultValue 默认值
 * @return {Number} 高度
 */
getOuterHeight: function getOuterHeight(el, defaultValue) {
  var height = this.getHeight(el, defaultValue);
  var bTop = parseFloat(this.getStyle(el, 'borderTopWidth')) || 0;
  var pTop = parseFloat(this.getStyle(el, 'paddingTop')) || 0;
  var pBottom = parseFloat(this.getStyle(el, 'paddingBottom')) || 0;
  var bBottom = parseFloat(this.getStyle(el, 'borderBottomWidth')) || 0;
  return height + bTop + bBottom + pTop + pBottom;
},
4335
/**
 * 获取外层宽度
 * @param  {HTMLElement} el dom节点
 * @param  {Number} defaultValue 默认值
 * @return {Number} 宽度
 */
getOuterWidth: function getOuterWidth(el, defaultValue) {
  var width = this.getWidth(el, defaultValue);
  var bLeft = parseFloat(this.getStyle(el, 'borderLeftWidth')) || 0;
  var pLeft = parseFloat(this.getStyle(el, 'paddingLeft')) || 0;
  var pRight = parseFloat(this.getStyle(el, 'paddingRight')) || 0;
  var bRight = parseFloat(this.getStyle(el, 'borderRightWidth')) || 0;
  return width + bLeft + bRight + pLeft + pRight;
},
4350
/**
 * 添加事件监听器
 * @param  {Object} target DOM对象
 * @param  {String} eventType 事件名
 * @param  {Funtion} callback 回调函数
 * @return {Object} 返回对象
 */
addEventListener: function addEventListener(target, eventType, callback) {
  if (target) {
    if (target.addEventListener) {
      target.addEventListener(eventType, callback, false);
      return {
        remove: function remove() {
          target.removeEventListener(eventType, callback, false);
        }
      };
    } else if (target.attachEvent) {
      target.attachEvent('on' + eventType, callback);
      return {
        remove: function remove() {
          target.detachEvent('on' + eventType, callback);
        }
      };
    }
  }
},
requestAnimationFrame: function requestAnimationFrame(fn) {
  var method = window.requestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
    return setTimeout(fn, 16);
  };
4381
  return method(fn);
}
4384};
4385
4386/***/ }),
4387/* 42 */
4388/***/ (function(module, exports, __webpack_require__) {
4389
4390var Util = __webpack_require__(0);
4391
4392var Event = function Event(type, event, bubbles, cancelable) {
this.type = type; // 事件类型
this.target = null; // 目标
this.currentTarget = null; // 当前目标
this.bubbles = bubbles; // 冒泡
this.cancelable = cancelable; // 是否能够阻止
this.timeStamp = new Date().getTime(); // 时间戳
this.defaultPrevented = false; // 阻止默认
this.propagationStopped = false; // 阻止冒泡
this.removed = false; // 是否被移除
this.event = event; // 触发的原生事件
4403};
4404
4405Util.augment(Event, {
preventDefault: function preventDefault() {
  this.defaultPrevented = this.cancelable && true;
},
stopPropagation: function stopPropagation() {
  this.propagationStopped = true;
},
remove: function remove() {
  this.remove = true;
},
clone: function clone() {
  return Util.clone(this);
},
toString: function toString() {
  return '[Event (type=' + this.type + ')]';
}
4421});
4422
4423module.exports = Event;
4424
4425/***/ }),
4426/* 43 */
4427/***/ (function(module, exports, __webpack_require__) {
4428
4429var Util = __webpack_require__(0);
4430var Element = __webpack_require__(19);
4431var Shape = __webpack_require__(116);
4432
4433var SHAPE_MAP = {}; // 缓存图形类型
4434var INDEX = '_INDEX';
4435
4436function getComparer(compare) {
return function (left, right) {
  var result = compare(left, right);
  return result === 0 ? left[INDEX] - right[INDEX] : result;
};
4441}
4442
4443var Group = function Group(cfg) {
Group.superclass.constructor.call(this, cfg);
this.set('children', []);
4446
this._beforeRenderUI();
this._renderUI();
this._bindUI();
4450};
4451
4452function initClassCfgs(c) {
if (c.__cfg || c === Group) {
  return;
}
var superCon = c.superclass.constructor;
if (superCon && !superCon.__cfg) {
  initClassCfgs(superCon);
}
c.__cfg = {};
4461
Util.merge(c.__cfg, superCon.__cfg);
Util.merge(c.__cfg, c.CFG);
4464}
4465
4466Util.extend(Group, Element);
4467
4468Util.augment(Group, {
isGroup: true,
canFill: true,
canStroke: true,
init: function init(id) {
  Group.superclass.init.call(this);
  var shape = document.createElementNS('http://www.w3.org/2000/svg', 'g');
  id = id || Util.uniqueId('g_');
  shape.setAttribute('id', id);
  this.setSilent('el', shape);
  this.setSilent('id', id);
},
getDefaultCfg: function getDefaultCfg() {
  initClassCfgs(this.constructor);
  return Util.merge({}, this.constructor.__cfg);
},
_beforeRenderUI: function _beforeRenderUI() {},
_renderUI: function _renderUI() {},
_bindUI: function _bindUI() {},
addShape: function addShape(type, cfg) {
  var canvas = this.get('canvas');
  cfg = cfg || {};
  var shapeType = SHAPE_MAP[type];
  if (!shapeType) {
    shapeType = Util.upperFirst(type);
    SHAPE_MAP[type] = shapeType;
  }
  if (cfg.attrs) {
    var attrs = cfg.attrs;
    if (type === 'text') {
      // 临时解决
      var topFontFamily = canvas.get('fontFamily');
      if (topFontFamily) {
        attrs.fontFamily = attrs.fontFamily || topFontFamily;
      }
    }
  }
  cfg.canvas = canvas;
  cfg.defs = this.get('defs');
  cfg.type = type;
  var shape = Shape[shapeType];
  if (!shape) {
    throw new TypeError('the shape ' + shapeType + ' is not supported by svg version, use canvas instead');
  }
  var rst = new shape(cfg);
  this.add(rst);
  return rst;
},
4516
/** 添加图组
 * @param  {Function|Object|undefined} param 图组类
 * @param  {Object} cfg 配置项
 * @return {Object} rst 图组
 */
addGroup: function addGroup(param, cfg) {
  var canvas = this.get('canvas');
  var rst = void 0;
  cfg = Util.merge({}, cfg);
  if (Util.isFunction(param)) {
    if (cfg) {
      cfg.canvas = canvas;
      cfg.parent = this;
      rst = new param(cfg);
    } else {
      rst = new param({
        canvas: canvas,
        parent: this
      });
    }
    this.add(rst);
  } else if (Util.isObject(param)) {
    param.canvas = canvas;
    rst = new Group(param);
    this.add(rst);
  } else if (param === undefined) {
    rst = new Group();
    this.add(rst);
  } else {
    return false;
  }
  return rst;
},
4550
/** 绘制背景
 * @param  {Array} padding 内边距
 * @param  {Attrs} attrs 图形属性
 * @param  {Shape} backShape 背景图形
 * @return {Object} 背景层对象
 */
renderBack: function renderBack(padding, attrs) {
  var backShape = this.get('backShape');
  var innerBox = this.getBBox();
  // const parent = this.get('parent'); // getParent
  Util.merge(attrs, {
    x: innerBox.minX - padding[3],
    y: innerBox.minY - padding[0],
    width: innerBox.width + padding[1] + padding[3],
    height: innerBox.height + padding[0] + padding[2]
  });
  if (backShape) {
    backShape.attr(attrs);
  } else {
    backShape = this.addShape('rect', {
      zIndex: -1,
      attrs: attrs
    });
  }
  this.set('backShape', backShape);
  this.sort();
  return backShape;
},
removeChild: function removeChild(item, destroy) {
  if (arguments.length >= 2) {
    if (this.contain(item)) {
      item.remove(destroy);
    }
  } else {
    if (arguments.length === 1) {
      if (Util.isBoolean(item)) {
        destroy = item;
      } else {
        if (this.contain(item)) {
          item.remove(true);
        }
        return this;
      }
    }
    if (arguments.length === 0) {
      destroy = true;
    }
4598
    Group.superclass.remove.call(this, destroy);
  }
  return this;
},
4603
/**
 * 向组中添加shape或者group
 * @param {Object} items 图形或者分组
 * @return {Object} group 本尊
 */
add: function add(items) {
  var self = this;
  var children = self.get('children');
  var el = self.get('el');
  if (Util.isArray(items)) {
    Util.each(items, function (item) {
      var parent = item.get('parent');
      if (parent) {
        parent.removeChild(item, false);
      }
      if (item.get('dependencies')) {
        self._addDependency(item);
      }
      self._setEvn(item);
      el.appendChild(item.get('el'));
    });
    children.push.apply(children, items);
  } else {
    var item = items;
    var parent = item.get('parent');
    if (parent) {
      parent.removeChild(item, false);
    }
    self._setEvn(item);
    if (item.get('dependencies')) {
      self._addDependency(item);
    }
    el.appendChild(item.get('el'));
    children.push(item);
  }
  return self;
},
contain: function contain(item) {
  var children = this.get('children');
  return children.indexOf(item) > -1;
},
getChildByIndex: function getChildByIndex(index) {
  var children = this.get('children');
  return children[index];
},
getFirst: function getFirst() {
  return this.getChildByIndex(0);
},
getLast: function getLast() {
  var lastIndex = this.get('children').length - 1;
  return this.getChildByIndex(lastIndex);
},
_addDependency: function _addDependency(item) {
  var dependencies = item.get('dependencies');
  item.attr(dependencies);
  item.__cfg.dependencies = {};
},
_setEvn: function _setEvn(item) {
  var self = this;
  var cfg = self.__cfg;
  item.__cfg.parent = self;
  item.__cfg.timeline = cfg.timeline;
  item.__cfg.canvas = cfg.canvas;
  item.__cfg.defs = cfg.defs;
  var clip = item.__attrs.clip;
  if (clip) {
    clip.setSilent('parent', self);
    clip.setSilent('timeline', cfg.timeline);
    clip.setSilent('canvas', cfg.canvas);
  }
  var children = item.__cfg.children;
  if (children) {
    Util.each(children, function (child) {
      item._setEvn(child);
    });
  }
},
getCount: function getCount() {
  return this.get('children').length;
},
sort: function sort() {
  var children = this.get('children');
  // 稳定排序
  Util.each(children, function (child, index) {
    child[INDEX] = index;
    return child;
  });
4691
  children.sort(getComparer(function (obj1, obj2) {
    return obj1.get('zIndex') - obj2.get('zIndex');
  }));
4695
  return this;
},
findById: function findById(id) {
  return this.find(function (item) {
    return item.get('id') === id;
  });
},
4703
/**
 * 根据查找函数查找分组或者图形
 * @param  {Function} fn 匹配函数
 * @return {Canvas.Base} 分组或者图形
 */
find: function find(fn) {
  if (Util.isString(fn)) {
    return this.findById(fn);
  }
  var children = this.get('children');
  var rst = null;
4715
  Util.each(children, function (item) {
    if (fn(item)) {
      rst = item;
    } else if (item.find) {
      rst = item.find(fn);
    }
    if (rst) {
      return false;
    }
  });
  return rst;
},
4728
/**
 * @param  {Function} fn filter mathod
 * @return {Array} all the matching shapes and groups
 */
findAll: function findAll(fn) {
  var children = this.get('children');
  var rst = [];
  var childRst = [];
  Util.each(children, function (item) {
    if (fn(item)) {
      rst.push(item);
    }
    if (item.findAllBy) {
      childRst = item.findAllBy(fn);
      rst = rst.concat(childRst);
    }
  });
  return rst;
},
4748
/**
 * @Deprecated
 * @param  {Function} fn filter method
 * @return {Object} found shape or group
 */
findBy: function findBy(fn) {
  var children = this.get('children');
  var rst = null;
4757
  Util.each(children, function (item) {
    if (fn(item)) {
      rst = item;
    } else if (item.findBy) {
      rst = item.findBy(fn);
    }
    if (rst) {
      return false;
    }
  });
  return rst;
},
4770
/**
 * @Deprecated
 * @param  {Function} fn filter mathod
 * @return {Array} all the matching shapes and groups
 */
findAllBy: function findAllBy(fn) {
  var children = this.get('children');
  var rst = [];
  var childRst = [];
  Util.each(children, function (item) {
    if (fn(item)) {
      rst.push(item);
    }
    if (item.findAllBy) {
      childRst = item.findAllBy(fn);
      rst = rst.concat(childRst);
    }
  });
  return rst;
},
4791
// svg不进行拾取，仅保留接口
getShape: function getShape() {
  return null;
},
4796
/**
 * 根据点击事件的element获取对应的图形对象
 * @param  {Object} el 点击的dom元素
 * @return {Object}  对应图形对象
 */
findShape: function findShape(el) {
  if (this.__cfg.visible && this.__cfg.capture && this.get('el') === el) {
    return this;
  }
  var children = this.__cfg.children;
  var shape = null;
  for (var i = children.length - 1; i >= 0; i--) {
    var child = children[i];
    if (child.isGroup) {
      shape = child.findShape(el);
      shape = child.findShape(el);
    } else if (child.get('visible') && child.get('el') === el) {
      shape = child;
    }
    if (shape) {
      break;
    }
  }
  return shape;
},
clearTotalMatrix: function clearTotalMatrix() {
  var m = this.get('totalMatrix');
  if (m) {
    this.setSilent('totalMatrix', null);
    var children = this.__cfg.children;
    for (var i = 0; i < children.length; i++) {
      var child = children[i];
      child.clearTotalMatrix();
    }
  }
},
clear: function clear() {
  var children = this.get('children');
4835
  while (children.length !== 0) {
    children[children.length - 1].remove();
  }
  return this;
},
destroy: function destroy() {
  if (this.get('destroyed')) {
    return;
  }
  this.clear();
  Group.superclass.destroy.call(this);
}
4848});
4849
4850module.exports = Group;
4851
4852/***/ }),
4853/* 44 */
4854/***/ (function(module, exports, __webpack_require__) {
4855
4856var Util = __webpack_require__(0);
4857var MatrixUtil = __webpack_require__(2);
4858
4859var ReservedProps = { delay: 'delay' };
4860
4861function getFromAttrs(toAttrs, shape) {
var rst = {};
for (var k in toAttrs) {
  rst[k] = shape.attr(k);
}
return rst;
4867}
4868
4869function getFormatProps(props, shape) {
var rst = {
  matrix: null,
  attrs: {}
};
for (var k in props) {
  if (k === 'transform') {
    rst.matrix = MatrixUtil.transform(shape.getMatrix(), props[k]);
  } else if (k === 'matrix') {
    rst.matrix = props[k];
  } else if (!ReservedProps[k]) {
    rst.attrs[k] = props[k];
  }
}
return rst;
4884}
4885
4886function checkExistedAttrs(animators, animator) {
var hasOwnProperty = Object.prototype.hasOwnProperty;
Util.each(animator.toAttrs, function (v, k) {
  Util.each(animators, function (animator) {
    if (hasOwnProperty.call(animator.toAttrs, k)) {
      delete animator.toAttrs[k];
      delete animator.fromAttrs[k];
    }
  });
});
return animators;
4897}
4898
4899module.exports = {
/**
 * 执行动画
 * @param  {Object}   toProps  动画最终状态
 * @param  {Number}   duration 动画执行时间
 * @param  {String}   easing   动画缓动效果
 * @param  {Function} callback 动画执行后的回调
 * @param  {Number}   delay    动画延迟时间
 */
animate: function animate(toProps, duration, easing, callback) {
  var delay = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
4910
  var self = this;
  self.set('animating', true);
  var timeline = self.get('timeline');
  if (!timeline) {
    timeline = self.get('canvas').get('timeline');
    self.setSilent('timeline', timeline);
  }
  var animators = self.get('animators') || [];
  // 初始化tick
  if (!timeline._timer) {
    timeline.initTimer();
  }
  if (Util.isNumber(callback)) {
    delay = callback;
    callback = null;
  }
  if (Util.isFunction(easing)) {
    callback = easing;
    easing = 'easeLinear';
  } else {
    easing = easing ? easing : 'easeLinear';
  }
  var formatProps = getFormatProps(toProps, self);
  // 记录动画属性
  var animator = {
    fromAttrs: getFromAttrs(toProps, self),
    toAttrs: formatProps.attrs,
    fromMatrix: Util.clone(self.getMatrix()),
    toMatrix: formatProps.matrix,
    duration: duration,
    easing: easing,
    callback: callback,
    delay: delay,
    startTime: timeline.getTime(),
    id: Util.uniqueId()
  };
  // 如果动画队列中已经有这个图形了
  if (animators.length > 0) {
    // 先检查是否需要合并属性。若有相同的动画，将该属性从前一个动画中删除,直接用后一个动画中
    animators = checkExistedAttrs(animators, animator);
  } else {
    // 否则将图形添加到队列
    timeline.addAnimator(self);
  }
  animators.push(animator);
  self.setSilent('animators', animators);
  self.setSilent('pause', { isPaused: false });
},
stopAnimate: function stopAnimate() {
  var _this = this;
4961
  var animators = this.get('animators');
  // 将动画执行到最后一帧，执行回调
  Util.each(animators, function (animator) {
    _this.attr(animator.toAttrs);
    if (animator.toMatrix) {
      _this.attr('matrix', animator.toMatrix);
    }
    if (animator.callback) {
      animator.callback();
    }
  });
  this.setSilent('animating', false);
  this.setSilent('animators', []);
},
pauseAnimate: function pauseAnimate() {
  var self = this;
  var timeline = self.get('timeline');
  // 记录下是在什么时候暂停的
  self.setSilent('pause', {
    isPaused: true,
    pauseTime: timeline.getTime()
  });
  return self;
},
resumeAnimate: function resumeAnimate() {
  var self = this;
  var timeline = self.get('timeline');
  var current = timeline.getTime();
  var animators = self.get('animators');
  var pauseTime = self.get('pause').pauseTime;
  // 之后更新属性需要计算动画已经执行的时长，如果暂停了，就把初始时间调后
  Util.each(animators, function (animator) {
    animator.startTime = animator.startTime + (current - pauseTime);
    animator._paused = false;
    animator._pauseTime = null;
  });
  self.setSilent('pause', {
    isPaused: false
  });
  self.setSilent('animators', animators);
  return self;
}
5004};
5005
5006/***/ }),
5007/* 45 */
5008/***/ (function(module, exports, __webpack_require__) {
5009
5010var __WEBPACK_AMD_DEFINE_RESULT__;var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
5011
5012/*!
* EventEmitter v5.1.0 - git.io/ee
* Unlicense - http://unlicense.org/
* Oliver Caldwell - http://oli.me.uk/
* @preserve
*/
5018
5019;(function (exports) {
  'use strict';
5021
  /**
   * Class for managing events.
   * Can be extended to provide event functionality in other classes.
   *
   * @class EventEmitter Manages event registering and emitting.
   */
5028
  function EventEmitter() {}
5030
  // Shortcuts to improve speed and size
  var proto = EventEmitter.prototype;
  var originalGlobalValue = exports.EventEmitter;
5034
  /**
   * Finds the index of the listener for the event in its storage array.
   *
   * @param {Function[]} listeners Array of listeners to search through.
   * @param {Function} listener Method to look for.
   * @return {Number} Index of the specified listener, -1 if not found
   * @api private
   */
  function indexOfListener(listeners, listener) {
      var i = listeners.length;
      while (i--) {
          if (listeners[i].listener === listener) {
              return i;
          }
      }
5050
      return -1;
  }
5053
  /**
   * Alias a method while keeping the context correct, to allow for overwriting of target method.
   *
   * @param {String} name The name of the target method.
   * @return {Function} The aliased method
   * @api private
   */
  function alias(name) {
      return function aliasClosure() {
          return this[name].apply(this, arguments);
      };
  }
5066
  /**
   * Returns the listener array for the specified event.
   * Will initialise the event object and listener arrays if required.
   * Will return an object if you use a regex search. The object contains keys for each matched event. So /ba[rz]/ might return an object containing bar and baz. But only if you have either defined them with defineEvent or added some listeners to them.
   * Each property in the object response is an array of listener functions.
   *
   * @param {String|RegExp} evt Name of the event to return the listeners from.
   * @return {Function[]|Object} All listener functions for the event.
   */
  proto.getListeners = function getListeners(evt) {
      var events = this._getEvents();
      var response;
      var key;
5080
      // Return a concatenated array of all matching events if
      // the selector is a regular expression.
      if (evt instanceof RegExp) {
          response = {};
          for (key in events) {
              if (events.hasOwnProperty(key) && evt.test(key)) {
                  response[key] = events[key];
              }
          }
      } else {
          response = events[evt] || (events[evt] = []);
      }
5093
      return response;
  };
5096
  /**
   * Takes a list of listener objects and flattens it into a list of listener functions.
   *
   * @param {Object[]} listeners Raw listener objects.
   * @return {Function[]} Just the listener functions.
   */
  proto.flattenListeners = function flattenListeners(listeners) {
      var flatListeners = [];
      var i;
5106
      for (i = 0; i < listeners.length; i += 1) {
          flatListeners.push(listeners[i].listener);
      }
5110
      return flatListeners;
  };
5113
  /**
   * Fetches the requested listeners via getListeners but will always return the results inside an object. This is mainly for internal use but others may find it useful.
   *
   * @param {String|RegExp} evt Name of the event to return the listeners from.
   * @return {Object} All listener functions for an event in an object.
   */
  proto.getListenersAsObject = function getListenersAsObject(evt) {
      var listeners = this.getListeners(evt);
      var response;
5123
      if (listeners instanceof Array) {
          response = {};
          response[evt] = listeners;
      }
5128
      return response || listeners;
  };
5131
  function isValidListener(listener) {
      if (typeof listener === 'function' || listener instanceof RegExp) {
          return true;
      } else if (listener && (typeof listener === 'undefined' ? 'undefined' : _typeof(listener)) === 'object') {
          return isValidListener(listener.listener);
      } else {
          return false;
      }
  }
5141
  /**
   * Adds a listener function to the specified event.
   * The listener will not be added if it is a duplicate.
   * If the listener returns true then it will be removed after it is called.
   * If you pass a regular expression as the event name then the listener will be added to all events that match it.
   *
   * @param {String|RegExp} evt Name of the event to attach the listener to.
   * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.addListener = function addListener(evt, listener) {
      if (!isValidListener(listener)) {
          throw new TypeError('listener must be a function');
      }
5156
      var listeners = this.getListenersAsObject(evt);
      var listenerIsWrapped = (typeof listener === 'undefined' ? 'undefined' : _typeof(listener)) === 'object';
      var key;
5160
      for (key in listeners) {
          if (listeners.hasOwnProperty(key) && indexOfListener(listeners[key], listener) === -1) {
              listeners[key].push(listenerIsWrapped ? listener : {
                  listener: listener,
                  once: false
              });
          }
      }
5169
      return this;
  };
5172
  /**
   * Alias of addListener
   */
  proto.on = alias('addListener');
5177
  /**
   * Semi-alias of addListener. It will add a listener that will be
   * automatically removed after its first execution.
   *
   * @param {String|RegExp} evt Name of the event to attach the listener to.
   * @param {Function} listener Method to be called when the event is emitted. If the function returns true then it will be removed after calling.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.addOnceListener = function addOnceListener(evt, listener) {
      return this.addListener(evt, {
          listener: listener,
          once: true
      });
  };
5192
  /**
   * Alias of addOnceListener.
   */
  proto.once = alias('addOnceListener');
5197
  /**
   * Defines an event name. This is required if you want to use a regex to add a listener to multiple events at once. If you don't do this then how do you expect it to know what event to add to? Should it just add to every possible match for a regex? No. That is scary and bad.
   * You need to tell it what event names should be matched by a regex.
   *
   * @param {String} evt Name of the event to create.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.defineEvent = function defineEvent(evt) {
      this.getListeners(evt);
      return this;
  };
5209
  /**
   * Uses defineEvent to define multiple events.
   *
   * @param {String[]} evts An array of event names to define.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.defineEvents = function defineEvents(evts) {
      for (var i = 0; i < evts.length; i += 1) {
          this.defineEvent(evts[i]);
      }
      return this;
  };
5222
  /**
   * Removes a listener function from the specified event.
   * When passed a regular expression as the event name, it will remove the listener from all events that match it.
   *
   * @param {String|RegExp} evt Name of the event to remove the listener from.
   * @param {Function} listener Method to remove from the event.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.removeListener = function removeListener(evt, listener) {
      var listeners = this.getListenersAsObject(evt);
      var index;
      var key;
5235
      for (key in listeners) {
          if (listeners.hasOwnProperty(key)) {
              index = indexOfListener(listeners[key], listener);
5239
              if (index !== -1) {
                  listeners[key].splice(index, 1);
              }
          }
      }
5245
      return this;
  };
5248
  /**
   * Alias of removeListener
   */
  proto.off = alias('removeListener');
5253
  /**
   * Adds listeners in bulk using the manipulateListeners method.
   * If you pass an object as the second argument you can add to multiple events at once. The object should contain key value pairs of events and listeners or listener arrays. You can also pass it an event name and an array of listeners to be added.
   * You can also pass it a regular expression to add the array of listeners to all events that match it.
   * Yeah, this function does quite a bit. That's probably a bad thing.
   *
   * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add to multiple events at once.
   * @param {Function[]} [listeners] An optional array of listener functions to add.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.addListeners = function addListeners(evt, listeners) {
      // Pass through to manipulateListeners
      return this.manipulateListeners(false, evt, listeners);
  };
5268
  /**
   * Removes listeners in bulk using the manipulateListeners method.
   * If you pass an object as the second argument you can remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.
   * You can also pass it an event name and an array of listeners to be removed.
   * You can also pass it a regular expression to remove the listeners from all events that match it.
   *
   * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to remove from multiple events at once.
   * @param {Function[]} [listeners] An optional array of listener functions to remove.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.removeListeners = function removeListeners(evt, listeners) {
      // Pass through to manipulateListeners
      return this.manipulateListeners(true, evt, listeners);
  };
5283
  /**
   * Edits listeners in bulk. The addListeners and removeListeners methods both use this to do their job. You should really use those instead, this is a little lower level.
   * The first argument will determine if the listeners are removed (true) or added (false).
   * If you pass an object as the second argument you can add/remove from multiple events at once. The object should contain key value pairs of events and listeners or listener arrays.
   * You can also pass it an event name and an array of listeners to be added/removed.
   * You can also pass it a regular expression to manipulate the listeners of all events that match it.
   *
   * @param {Boolean} remove True if you want to remove listeners, false if you want to add.
   * @param {String|Object|RegExp} evt An event name if you will pass an array of listeners next. An object if you wish to add/remove from multiple events at once.
   * @param {Function[]} [listeners] An optional array of listener functions to add/remove.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.manipulateListeners = function manipulateListeners(remove, evt, listeners) {
      var i;
      var value;
      var single = remove ? this.removeListener : this.addListener;
      var multiple = remove ? this.removeListeners : this.addListeners;
5301
      // If evt is an object then pass each of its properties to this method
      if ((typeof evt === 'undefined' ? 'undefined' : _typeof(evt)) === 'object' && !(evt instanceof RegExp)) {
          for (i in evt) {
              if (evt.hasOwnProperty(i) && (value = evt[i])) {
                  // Pass the single listener straight through to the singular method
                  if (typeof value === 'function') {
                      single.call(this, i, value);
                  } else {
                      // Otherwise pass back to the multiple function
                      multiple.call(this, i, value);
                  }
              }
          }
      } else {
          // So evt must be a string
          // And listeners must be an array of listeners
          // Loop over it and pass each one to the multiple method
          i = listeners.length;
          while (i--) {
              single.call(this, evt, listeners[i]);
          }
      }
5324
      return this;
  };
5327
  /**
   * Removes all listeners from a specified event.
   * If you do not specify an event then all listeners will be removed.
   * That means every event will be emptied.
   * You can also pass a regex to remove all events that match it.
   *
   * @param {String|RegExp} [evt] Optional name of the event to remove all listeners for. Will remove from every event if not passed.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.removeEvent = function removeEvent(evt) {
      var type = typeof evt === 'undefined' ? 'undefined' : _typeof(evt);
      var events = this._getEvents();
      var key;
5341
      // Remove different things depending on the state of evt
      if (type === 'string') {
          // Remove all listeners for the specified event
          delete events[evt];
      } else if (evt instanceof RegExp) {
          // Remove all events matching the regex.
          for (key in events) {
              if (events.hasOwnProperty(key) && evt.test(key)) {
                  delete events[key];
              }
          }
      } else {
          // Remove all listeners in all events
          delete this._events;
      }
5357
      return this;
  };
5360
  /**
   * Alias of removeEvent.
   *
   * Added to mirror the node API.
   */
  proto.removeAllListeners = alias('removeEvent');
5367
  /**
   * Emits an event of your choice.
   * When emitted, every listener attached to that event will be executed.
   * If you pass the optional argument array then those arguments will be passed to every listener upon execution.
   * Because it uses `apply`, your array of arguments will be passed as if you wrote them out separately.
   * So they will not arrive within the array on the other side, they will be separate.
   * You can also pass a regular expression to emit to all events that match it.
   *
   * @param {String|RegExp} evt Name of the event to emit and execute listeners for.
   * @param {Array} [args] Optional array of arguments to be passed to each listener.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.emitEvent = function emitEvent(evt, args) {
      var listenersMap = this.getListenersAsObject(evt);
      var listeners;
      var listener;
      var i;
      var key;
      var response;
5387
      for (key in listenersMap) {
          if (listenersMap.hasOwnProperty(key)) {
              listeners = listenersMap[key].slice(0);
5391
              for (i = 0; i < listeners.length; i++) {
                  // If the listener returns true then it shall be removed from the event
                  // The function is executed either with a basic call or an apply if there is an args array
                  listener = listeners[i];
5396
                  if (listener.once === true) {
                      this.removeListener(evt, listener.listener);
                  }
5400
                  response = listener.listener.apply(this, args || []);
5402
                  if (response === this._getOnceReturnValue()) {
                      this.removeListener(evt, listener.listener);
                  }
              }
          }
      }
5409
      return this;
  };
5412
  /**
   * Alias of emitEvent
   */
  proto.trigger = alias('emitEvent');
5417
  /**
   * Subtly different from emitEvent in that it will pass its arguments on to the listeners, as opposed to taking a single array of arguments to pass on.
   * As with emitEvent, you can pass a regex in place of the event name to emit to all events that match it.
   *
   * @param {String|RegExp} evt Name of the event to emit and execute listeners for.
   * @param {...*} Optional additional arguments to be passed to each listener.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.emit = function emit(evt) {
      var args = Array.prototype.slice.call(arguments, 1);
      return this.emitEvent(evt, args);
  };
5430
  /**
   * Sets the current value to check against when executing listeners. If a
   * listeners return value matches the one set here then it will be removed
   * after execution. This value defaults to true.
   *
   * @param {*} value The new value to check for when executing listeners.
   * @return {Object} Current instance of EventEmitter for chaining.
   */
  proto.setOnceReturnValue = function setOnceReturnValue(value) {
      this._onceReturnValue = value;
      return this;
  };
5443
  /**
   * Fetches the current value to check against when executing listeners. If
   * the listeners return value matches this one then it should be removed
   * automatically. It will return true by default.
   *
   * @return {*|Boolean} The current value to check for or the default, true.
   * @api private
   */
  proto._getOnceReturnValue = function _getOnceReturnValue() {
      if (this.hasOwnProperty('_onceReturnValue')) {
          return this._onceReturnValue;
      } else {
          return true;
      }
  };
5459
  /**
   * Fetches the events object and creates one if required.
   *
   * @return {Object} The events storage object.
   * @api private
   */
  proto._getEvents = function _getEvents() {
      return this._events || (this._events = {});
  };
5469
  /**
   * Reverts the global {@link EventEmitter} to its previous value and returns a reference to this version.
   *
   * @return {Function} Non conflicting EventEmitter class.
   */
  EventEmitter.noConflict = function noConflict() {
      exports.EventEmitter = originalGlobalValue;
      return EventEmitter;
  };
5479
  // Expose the class either via AMD, CommonJS or the global object
  if (true) {
      !(__WEBPACK_AMD_DEFINE_RESULT__ = (function () {
          return EventEmitter;
      }).call(exports, __webpack_require__, exports, module),
		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
  } else if ((typeof module === 'undefined' ? 'undefined' : _typeof(module)) === 'object' && module.exports) {
      module.exports = EventEmitter;
  } else {
      exports.EventEmitter = EventEmitter;
  }
5491})(this || {});
5492
5493/***/ }),
5494/* 46 */
5495/***/ (function(module, exports, __webpack_require__) {
5496
5497var Util = __webpack_require__(0);
5498var Shape = __webpack_require__(4);
5499
5500var Rect = function Rect(cfg) {
Rect.superclass.constructor.call(this, cfg);
5502};
5503
5504Rect.ATTRS = {
x: 0,
y: 0,
width: 0,
height: 0,
radius: 0,
lineWidth: 1,
fill: 'none'
5512};
5513
5514Util.extend(Rect, Shape);
5515
5516Util.augment(Rect, {
canFill: true,
canStroke: true,
type: 'rect',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    fill: 'none'
  };
},
_afterSetRadius: function _afterSetRadius() {
  var el = this.get('el');
  el.setAttribute('rx', this.__attrs.radius);
  el.setAttribute('ry', this.__attrs.radius);
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if ('radius' in objs) {
    this._afterSetRadius();
  }
}
5536});
5537
5538module.exports = Rect;
5539
5540/***/ }),
5541/* 47 */
5542/***/ (function(module, exports, __webpack_require__) {
5543
5544var Util = __webpack_require__(0);
5545var Shape = __webpack_require__(4);
5546
5547var Circle = function Circle(cfg) {
Circle.superclass.constructor.call(this, cfg);
5549};
5550
5551Circle.ATTRS = {
x: 0,
y: 0,
r: 0,
lineWidth: 1
5556};
5557
5558Util.extend(Circle, Shape);
5559
5560Util.augment(Circle, {
canFill: true,
canStroke: true,
type: 'circle',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    fill: 'none'
  };
}
5570});
5571
5572module.exports = Circle;
5573
5574/***/ }),
5575/* 48 */
5576/***/ (function(module, exports, __webpack_require__) {
5577
5578var Util = __webpack_require__(0);
5579var Shape = __webpack_require__(4);
5580
5581var Ellipse = function Ellipse(cfg) {
Ellipse.superclass.constructor.call(this, cfg);
5583};
5584
5585Ellipse.ATTRS = {
x: 0,
y: 0,
rx: 1,
ry: 1,
lineWidth: 1
5591};
5592
5593Util.extend(Ellipse, Shape);
5594
5595Util.augment(Ellipse, {
canFill: true,
canStroke: true,
type: 'ellipse',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1
  };
}
5604});
5605
5606module.exports = Ellipse;
5607
5608/***/ }),
5609/* 49 */
5610/***/ (function(module, exports, __webpack_require__) {
5611
5612var Util = __webpack_require__(0);
5613var Shape = __webpack_require__(4);
5614
5615var Path = function Path(cfg) {
Path.superclass.constructor.call(this, cfg);
5617};
5618
5619function at(p0, p1, p2, p3, t) {
var onet = 1 - t;
return onet * onet * (onet * p3 + 3 * t * p2) + t * t * (t * p0 + 3 * onet * p1);
5622}
5623
5624Path.ATTRS = {
path: null,
lineWidth: 1,
curve: null, // 曲线path
tCache: null,
startArrow: false,
endArrow: false
5631};
5632
5633Util.extend(Path, Shape);
5634
5635Util.augment(Path, {
canFill: true,
canStroke: true,
type: 'path',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    fill: 'none',
    startArrow: false,
    endArrow: false
  };
},
_afterSetAttrStroke: function _afterSetAttrStroke(value) {
  var start = this.get('marker-start');
  var end = this.get('marker-end');
  if (start) {
    this.get('defs').findById(start).update(null, value);
  }
  if (end) {
    this.get('defs').findById(end).update(null, value);
  }
},
_afterSetAttrPath: function _afterSetAttrPath(value) {
  var el = this.get('el');
  var d = value;
  if (Util.isArray(d)) {
    d = d.map(function (path) {
      return path.join(' ');
    }).join('');
  }
  if (~d.indexOf('NaN')) {
    el.setAttribute('d', '');
  } else {
    el.setAttribute('d', d);
  }
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if (objs.path) {
    this._afterSetAttrPath(objs.path);
  }
  if (objs.stroke) {
    this._afterSetAttrStroke(objs.stroke);
  }
},
getPoint: function getPoint(t) {
  var tCache = this.tCache;
  var subt = void 0;
  var index = void 0;
5683
  if (!tCache) {
    this._calculateCurve();
    this._setTcache();
    tCache = this.tCache;
  }
5689
  var curve = this.curve;
5691
  if (!tCache) {
    if (curve) {
      return {
        x: curve[0][1],
        y: curve[0][2]
      };
    }
    return null;
  }
  Util.each(tCache, function (v, i) {
    if (t >= v[0] && t <= v[1]) {
      subt = (t - v[0]) / (v[1] - v[0]);
      index = i;
    }
  });
  var seg = curve[index];
  if (Util.isNil(seg) || Util.isNil(index)) {
    return null;
  }
  var l = seg.length;
  var nextSeg = curve[index + 1];
5713
  return {
    x: at(seg[l - 2], nextSeg[1], nextSeg[3], nextSeg[5], 1 - subt),
    y: at(seg[l - 1], nextSeg[2], nextSeg[4], nextSeg[6], 1 - subt)
  };
},
createPath: function createPath() {}
5720});
5721
5722module.exports = Path;
5723
5724/***/ }),
5725/* 50 */
5726/***/ (function(module, exports, __webpack_require__) {
5727
5728var Util = __webpack_require__(0);
5729var Shape = __webpack_require__(4);
5730
5731var CText = function CText(cfg) {
CText.superclass.constructor.call(this, cfg);
5733};
5734
5735var BASELINE_MAP = {
top: 'before-edge',
middle: 'central',
bottom: 'after-edge',
alphabetic: 'baseline',
hanging: 'hanging'
5741};
5742
5743var ANCHOR_MAP = {
left: 'left',
start: 'left',
center: 'middle',
right: 'end',
end: 'end'
5749};
5750
5751CText.ATTRS = {
x: 0,
y: 0,
text: null,
fontSize: 12,
fontFamily: 'sans-serif',
fontStyle: 'normal',
fontWeight: 'normal',
fontVariant: 'normal',
textAlign: 'start',
textBaseline: 'bottom',
lineHeight: null,
textArr: null
5764};
5765
5766Util.extend(CText, Shape);
5767
5768Util.augment(CText, {
canFill: true,
canStroke: true,
type: 'text',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    lineCount: 1,
    fontSize: 12,
    fill: '#000',
    fontFamily: 'sans-serif',
    fontStyle: 'normal',
    fontWeight: 'normal',
    fontVariant: 'normal',
    textAlign: 'start',
    textBaseline: 'bottom'
  };
},
initTransform: function initTransform() {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
  var fontSize = this.__attrs.fontSize;
  if (fontSize && +fontSize < 12) {
    // 小于 12 像素的文本进行 scale 处理
    this.transform([['t', -1 * this.__attrs.x, -1 * this.__attrs.y], ['s', +fontSize / 12, +fontSize / 12], ['t', this.__attrs.x, this.__attrs.y]]);
  }
},
_assembleFont: function _assembleFont() {
  var el = this.get('el');
  var attrs = this.__attrs;
  var fontSize = attrs.fontSize;
  var fontFamily = attrs.fontFamily;
  var fontWeight = attrs.fontWeight;
  var fontStyle = attrs.fontStyle; // self.attr('fontStyle');
  var fontVariant = attrs.fontVariant; // self.attr('fontVariant');
  // self.attr('font', [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' '));
  var font = [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' ');
  attrs.font = font;
  el.setAttribute('font', attrs.font);
},
_afterSetAttrFontSize: function _afterSetAttrFontSize() {
  /* this.attr({
    height: this._getTextHeight()
  }); */
  this._assembleFont();
},
_afterSetAttrFontFamily: function _afterSetAttrFontFamily() {
  this._assembleFont();
},
_afterSetAttrFontWeight: function _afterSetAttrFontWeight() {
  this._assembleFont();
},
_afterSetAttrFontStyle: function _afterSetAttrFontStyle() {
  this._assembleFont();
},
_afterSetAttrFontVariant: function _afterSetAttrFontVariant() {
  this._assembleFont();
},
_afterSetAttrTextAlign: function _afterSetAttrTextAlign() {
  // 由于本身不支持设置direction，所以left = start, right = end。之后看是否需要根据direction判断
  var attr = this.__attrs.textAlign;
  var el = this.get('el');
  el.setAttribute('text-anchor', ANCHOR_MAP[attr]);
},
_afterSetAttrTextBaseLine: function _afterSetAttrTextBaseLine() {
  var attr = this.__attrs.textBaseline;
  this.get('el').setAttribute('alignment-baseline', BASELINE_MAP[attr] || 'baseline');
},
_afterSetAttrText: function _afterSetAttrText(text) {
  var attrs = this.__attrs;
  var textArr = void 0;
  if (Util.isString(text) && text.indexOf('\n') !== -1) {
    textArr = text.split('\n');
    var lineCount = textArr.length;
    attrs.lineCount = lineCount;
    attrs.textArr = textArr;
  }
  var el = this.get('el');
  if (~['undefined', 'null', 'NaN'].indexOf(String(text)) && el) {
    el.innerHTML = '';
  } else if (~text.indexOf('\n')) {
    textArr = text.split('\n');
    attrs.lineCount = textArr.length;
    attrs.textArr = textArr;
    var arr = '';
    Util.each(textArr, function (segment, i) {
      arr += '<tspan x="0" y="' + (i + 1) + 'em">' + segment + '</tspan>';
    });
    el.innerHTML = arr;
  } else {
    el.innerHTML = text;
  }
},
_afterSetAttrOutline: function _afterSetAttrOutline(val) {
  var el = this.get('el');
  if (!val) {
    el.setAttribute('paint-order', 'normal');
  }
  var stroke = val.stroke || '#000';
  var fill = val.fill || this.__attrs.stroke;
  var lineWidth = val.lineWidth || this.__attrs.lineWidth * 2;
  el.setAttribute('paint-order', 'stroke');
  el.setAttribute('style', 'stroke-linecap:butt; stroke-linejoin:miter;');
  el.setAttribute('stroke', stroke);
  el.setAttribute('fill', fill);
  el.setAttribute('stroke-width', lineWidth);
},
5874
// 计算浪费，效率低，待优化
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  var self = this;
  if ('fontSize' in objs || 'fontWeight' in objs || 'fontStyle' in objs || 'fontVariant' in objs || 'fontFamily' in objs) {
    self._assembleFont();
  }
  if ('textAlign' in objs) {
    this._afterSetAttrTextAlign();
  }
  if ('textBaseline' in objs) {
    this._afterSetAttrTextBaseLine();
  }
  if ('text' in objs) {
    self._afterSetAttrText(objs.text);
  }
  if ('outline' in objs) {
    self._afterSetAttrOutline(objs.outline);
  }
}
5894});
5895
5896module.exports = CText;
5897
5898/***/ }),
5899/* 51 */
5900/***/ (function(module, exports, __webpack_require__) {
5901
5902var Util = __webpack_require__(0);
5903var Shape = __webpack_require__(4);
5904
5905var Line = function Line(cfg) {
Line.superclass.constructor.call(this, cfg);
5907};
5908
5909Line.ATTRS = {
x1: 0,
y1: 0,
x2: 0,
y2: 0,
lineWidth: 1,
startArrow: false,
endArrow: false
5917};
5918
5919Util.extend(Line, Shape);
5920
5921Util.augment(Line, {
canStroke: true,
type: 'line',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    stroke: '#000',
    startArrow: false,
    endArrow: false
  };
},
_afterSetAttrStroke: function _afterSetAttrStroke(value) {
  var start = this.get('marker-start');
  var end = this.get('marker-end');
  if (start) {
    this.get('defs').findById(start).update(value);
  }
  if (end) {
    this.get('defs').findById(end).update(value);
  }
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if (objs.stroke) {
    this._afterSetAttrStroke(objs.stroke);
  }
},
createPath: function createPath() {},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  return {
    x: (attrs.x2 - attrs.x1) * t + attrs.x1,
    y: (attrs.y2 - attrs.y1) * t + attrs.y1
  };
}
5955});
5956
5957module.exports = Line;
5958
5959/***/ }),
5960/* 52 */
5961/***/ (function(module, exports, __webpack_require__) {
5962
5963var Util = __webpack_require__(0);
5964var Shape = __webpack_require__(4);
5965
5966var CImage = function CImage(cfg) {
CImage.superclass.constructor.call(this, cfg);
5968};
5969
5970CImage.ATTRS = {
x: 0,
y: 0,
img: undefined,
width: 0,
height: 0,
sx: null,
sy: null,
swidth: null,
sheight: null
5980};
5981
5982Util.extend(CImage, Shape);
5983
5984Util.augment(CImage, {
type: 'image',
_afterSetAttrImg: function _afterSetAttrImg(img) {
  this._setAttrImg(img);
},
_afterSetAttrAll: function _afterSetAttrAll(params) {
  if (params.img) {
    this._setAttrImg(params.img);
  }
},
_setAttrImg: function _setAttrImg(image) {
  var self = this;
  var el = this.get('el');
  var attrs = self.__attrs;
  var img = image;
5999
  if (Util.isString(img)) {
    // 如果传入的
    el.setAttribute('href', img);
  } else if (img instanceof Image) {
    if (!attrs.width) {
      self.attr('width', img.width);
    }
    if (!attrs.height) {
      self.attr('height', img.height);
    }
    el.setAttribute('href', img.src);
  } else if (img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
    el.setAttribute('href', img.toDataURL());
  } else if (img instanceof ImageData) {
    var canvas = document.createElement('canvas');
    canvas.setAttribute('width', img.width);
    canvas.setAttribute('height', img.height);
    canvas.getContext('2d').putImageData(img, 0, 0);
    if (!attrs.width) {
      self.attr('width', img.width);
    }
6021
    if (!attrs.height) {
      self.attr('height', img.height);
    }
    el.setAttribute('href', canvas.toDataURL());
  }
},
drawInner: function drawInner() {}
6029});
6030
6031module.exports = CImage;
6032
6033/***/ }),
6034/* 53 */
6035/***/ (function(module, exports, __webpack_require__) {
6036
6037var Util = __webpack_require__(0);
6038var Shape = __webpack_require__(4);
6039
6040var Polygon = function Polygon(cfg) {
Polygon.superclass.constructor.call(this, cfg);
6042};
6043
6044Polygon.ATTRS = {
points: null,
lineWidth: 1
6047};
6048
6049Util.extend(Polygon, Shape);
6050
6051Util.augment(Polygon, {
canFill: true,
canStroke: true,
type: 'polygon',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    fill: 'none'
  };
},
_afterSetAttrPoints: function _afterSetAttrPoints() {
  var value = this.__attrs.points;
  var el = this.get('el');
  var points = value;
  if (!value || value.length === 0) {
    points = '';
  } else if (Util.isArray(value)) {
    points = points.map(function (point) {
      return point[0] + ',' + point[1];
    });
    points = points.join(' ');
  }
  el.setAttribute('points', points);
},
_afterSetAttrAll: function _afterSetAttrAll(obj) {
  if ('points' in obj) {
    this._afterSetAttrPoints();
  }
},
createPath: function createPath() {}
6081});
6082
6083module.exports = Polygon;
6084
6085/***/ }),
6086/* 54 */
6087/***/ (function(module, exports, __webpack_require__) {
6088
6089var Util = __webpack_require__(0);
6090var Shape = __webpack_require__(4);
6091
6092var Marker = function Marker(cfg) {
Marker.superclass.constructor.call(this, cfg);
6094};
6095
6096Marker.Symbols = {
// 圆
circle: function circle(x, y, r) {
  return 'M' + x + ',' + y + '\n            m' + -r + ',0\n            a ' + r + ',' + r + ',0,1,0,' + r * 2 + ',0\n            a ' + r + ',' + r + ',0,1,0,' + -r * 2 + ',0';
},
6101
// 正方形
square: function square(x, y, r) {
  return 'M' + (x - r) + ',' + (y - r) + '\n            H' + (x + r) + 'V' + (y + r) + '\n            H' + (x - r) + 'Z';
},
6106
// 菱形
diamond: function diamond(x, y, r) {
  return 'M' + (x - r) + ',' + y + '\n             L' + x + ',' + (y - r) + '\n             L' + (x + r) + ',' + y + ',\n             L' + x + ',' + (y + r) + 'Z';
},
6111
// 三角形
triangle: function triangle(x, y, r) {
  var diff = r * Math.sin(1 / 3 * Math.PI);
  return 'M' + (x - r) + ',' + (y + diff) + '\n            L' + x + ',' + (y - diff) + '\n            L' + (x + r) + ',' + (y + diff) + 'Z';
},
6117
// 倒三角形
'triangle-down': function triangleDown(x, y, r) {
  var diff = r * Math.sin(1 / 3 * Math.PI);
  return 'M' + (x - r) + ',' + (y - diff) + '\n            L' + (x + r) + ',' + (y - diff) + '\n            L' + x + ',' + (y + diff) + 'Z';
}
6123};
6124
6125Marker.ATTRS = {
path: null,
lineWidth: 1
6128};
6129
6130Util.extend(Marker, Shape);
6131
6132Util.augment(Marker, {
type: 'marker',
canFill: true,
canStroke: true,
init: function init(id) {
  Marker.superclass.init.call(this);
  var marker = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  id = id || Util.uniqueId(this.type + '_');
  marker.setAttribute('id', id);
  this.setSilent('el', marker);
},
getDefaultAttrs: function getDefaultAttrs() {
  return {
    x: 0,
    y: 0,
    lineWidth: 1,
    fill: 'none'
  };
},
_afterSetX: function _afterSetX() {
  this._assembleShape();
},
_afterSetY: function _afterSetY() {
  this._assembleShape();
},
_afterSetRadius: function _afterSetRadius() {
  this._assembleShape();
},
_afterSetR: function _afterSetR() {
  this._assembleShape();
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if ('x' in objs || 'y' in objs || 'radius' in objs) {
    this._assembleShape();
  }
},
_assembleShape: function _assembleShape() {
  var attrs = this.__attrs;
  var r = attrs.r;
  if (typeof attrs.r === 'undefined') {
    r = attrs.radius;
  }
  if (isNaN(Number(attrs.x)) || isNaN(Number(attrs.y)) || isNaN(Number(r))) {
    return;
  }
  var d = '';
  if (typeof attrs.symbol === 'function') {
    d = attrs.symbol(attrs.x, attrs.y, r);
  } else {
    d = Marker.Symbols[attrs.symbol || 'circle'](attrs.x, attrs.y, r);
  }
  if (Util.isArray(d)) {
    d = d.map(function (path) {
      return path.join(' ');
    }).join('');
  }
  this.get('el').setAttribute('d', d);
}
6190});
6191
6192module.exports = Marker;
6193
6194/***/ }),
6195/* 55 */
6196/***/ (function(module, exports, __webpack_require__) {
6197
6198var Util = __webpack_require__(0);
6199var Shape = __webpack_require__(4);
6200
6201var Dom = function Dom(cfg) {
Dom.superclass.constructor.call(this, cfg);
6203};
6204
6205Util.extend(Dom, Shape);
6206
6207Util.augment(Dom, {
canFill: true,
canStroke: true,
type: 'dom',
_afterSetAttrHtml: function _afterSetAttrHtml() {
  var html = this.__attrs.html;
  var el = this.get('el');
  if (typeof html === 'string') {
    el.innerHTML = html;
  } else {
    el.innerHTML = '';
    el.appendChild(html);
  }
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if ('html' in objs) {
    this._afterSetAttrHtml();
  }
}
6226});
6227
6228module.exports = Dom;
6229
6230/***/ }),
6231/* 56 */
6232/***/ (function(module, exports, __webpack_require__) {
6233
6234var Util = __webpack_require__(0);
6235var Shape = __webpack_require__(4);
6236
6237var Fan = function Fan(cfg) {
Fan.superclass.constructor.call(this, cfg);
6239};
6240
6241function getPoint(angle, radius, center) {
return {
  x: radius * Math.cos(angle) + center.x,
  y: radius * Math.sin(angle) + center.y
};
6246}
6247
6248Fan.ATTRS = {
x: 0,
y: 0,
rs: 0,
re: 0,
startAngle: 0,
endAngle: 0,
clockwise: false,
lineWidth: 1
6257};
6258
6259Util.extend(Fan, Shape);
6260
6261Util.augment(Fan, {
canFill: true,
canStroke: true,
type: 'fan',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    clockwise: false,
    lineWidth: 1,
    rs: 0,
    re: 0,
    fill: 'none'
  };
},
_afterSetAttrX: function _afterSetAttrX() {
  this._calculatePath();
},
_afterSetAttrY: function _afterSetAttrY() {
  this._calculatePath();
},
_afterSetAttrRs: function _afterSetAttrRs() {
  this._calculatePath();
},
_afterSetAttrRe: function _afterSetAttrRe() {
  this._calculatePath();
},
_afterSetAttrStartAngle: function _afterSetAttrStartAngle() {
  this._calculatePath();
},
_afterSetAttrEndAngle: function _afterSetAttrEndAngle() {
  this._calculatePath();
},
_afterSetAttrClockwise: function _afterSetAttrClockwise() {
  this._calculatePath();
},
_afterSetAttrAll: function _afterSetAttrAll(obj) {
  if ('x' in obj || 'y' in obj || 'rs' in obj || 're' in obj || 'startAngle' in obj || 'endAngle' in obj || 'clockwise' in obj) {
    this._calculatePath();
  }
},
_calculatePath: function _calculatePath() {
  var self = this;
  var attrs = self.__attrs;
  var center = {
    x: attrs.x,
    y: attrs.y
  };
  var d = [];
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  if (Util.isNumberEqual(endAngle - startAngle, Math.PI * 2)) {
    endAngle -= 0.00001;
  }
  var outerStart = getPoint(startAngle, attrs.re, center);
  var outerEnd = getPoint(endAngle, attrs.re, center);
  var fa = endAngle > startAngle ? 1 : 0;
  var fs = Math.abs(endAngle - startAngle) > Math.PI ? 1 : 0;
  var rs = attrs.rs;
  var re = attrs.re;
  var innerStart = getPoint(startAngle, attrs.rs, center);
  var innerEnd = getPoint(endAngle, attrs.rs, center);
  if (attrs.rs > 0) {
    d.push('M ' + outerEnd.x + ',' + outerEnd.y);
    d.push('L ' + innerEnd.x + ',' + innerEnd.y);
    /* if (endAngle - startAngle >= Math.PI) {
      const endPoint = getSymmetricalPoint(innerStart, center);
      d.push(`A ${rs},${rs},0,0,${fa},${endPoint.x},${endPoint.y}`);
      d.push(`M ${endPoint.x},${endPoint.y}`);
    }*/
    d.push('A ' + rs + ',' + rs + ',0,' + fs + ',' + (fa === 1 ? 0 : 1) + ',' + innerStart.x + ',' + innerStart.y);
    d.push('L ' + outerStart.x + ' ' + outerStart.y);
  } else {
    d.push('M ' + center.x + ',' + center.y);
    d.push('L ' + outerStart.x + ',' + outerStart.y);
  }
  /* if (endAngle - startAngle >= Math.PI) {
    const endPoint = getSymmetricalPoint(outerStart, center);
    d.push(`A ${re},${re},0,0,${fa},${endPoint.x},${endPoint.y}`);
  }*/
  d.push('A ' + re + ',' + re + ',0,' + fs + ',' + fa + ',' + outerEnd.x + ',' + outerEnd.y);
  if (attrs.rs > 0) {
    d.push('L ' + innerEnd.x + ',' + innerEnd.y);
  } else {
    d.push('Z');
  }
  self.get('el').setAttribute('d', d.join(' '));
}
6347});
6348
6349module.exports = Fan;
6350
6351/***/ }),
6352/* 57 */
6353/***/ (function(module, exports, __webpack_require__) {
6354
6355var Util = __webpack_require__(0);
6356var PathUtil = __webpack_require__(21);
6357var d3Timer = __webpack_require__(122);
6358var d3Ease = __webpack_require__(125);
6359
6360var _require = __webpack_require__(136),
  interpolate = _require.interpolate,
  interpolateArray = _require.interpolateArray; // 目前整体动画只需要数值和数组的差值计算
6363
6364var Timeline = function Timeline() {
// 待执行动画的队列
this._animators = [];
// 当前时间
this._current = 0;
// 计时器实例
this._timer = null;
6371};
6372
6373function _update(self, animator, ratio) {
var cProps = {}; // 此刻属性
var toAttrs = animator.toAttrs;
var fromAttrs = animator.fromAttrs;
var toMatrix = animator.toMatrix;
if (self.get('destroyed')) {
  return;
}
var interf = void 0; //  差值函数
for (var k in toAttrs) {
  if (!Util.isEqual(fromAttrs[k], toAttrs[k])) {
    if (k === 'path') {
      var toPath = PathUtil.parsePathString(toAttrs[k]); // 终点状态
      var fromPath = PathUtil.parsePathString(fromAttrs[k]); // 起始状态
      cProps[k] = [];
      for (var i = 0; i < toPath.length; i++) {
        var toPathPoint = toPath[i];
        var fromPathPoint = fromPath[i];
        var cPathPoint = [];
        for (var j = 0; j < toPathPoint.length; j++) {
          if (Util.isNumber(toPathPoint[j]) && fromPathPoint) {
            interf = interpolate(fromPathPoint[j], toPathPoint[j]);
            cPathPoint.push(interf(ratio));
          } else {
            cPathPoint.push(toPathPoint[j]);
          }
        }
        cProps[k].push(cPathPoint);
      }
    } else {
      interf = interpolate(fromAttrs[k], toAttrs[k]);
      cProps[k] = interf(ratio);
    }
  }
}
if (toMatrix) {
  var mf = interpolateArray(animator.fromMatrix, toMatrix);
  var cM = mf(ratio);
  self.setMatrix(cM);
}
self.attr(cProps);
6414}
6415
6416function update(shape, animator, elapsed) {
var startTime = animator.startTime;
// 如果还没有开始执行或暂停，先不更新
if (elapsed < startTime + animator.delay || animator.isPaused) {
  return false;
}
var ratio = void 0;
var isFinished = false;
var duration = animator.duration;
var easing = animator.easing;
// 已执行时间
elapsed = elapsed - startTime - animator.delay;
if (animator.toAttrs.repeat) {
  ratio = elapsed % duration / duration;
  ratio = d3Ease[easing](ratio);
} else {
  ratio = elapsed / duration;
  if (ratio < 1) {
    ratio = d3Ease[easing](ratio);
  } else {
    ratio = 1;
    if (animator.callback) {
      animator.callback();
    }
    isFinished = true;
  }
}
_update(shape, animator, ratio);
return isFinished;
6445}
6446
6447Util.augment(Timeline, {
initTimer: function initTimer() {
  var _this = this;
6450
  var self = this;
  var isFinished = false;
  var shape = void 0,
      animators = void 0,
      animator = void 0,
      canvas = void 0;
  self._timer = d3Timer.timer(function (elapsed) {
    self._current = elapsed;
    if (_this._animators.length > 0) {
      for (var i = _this._animators.length - 1; i >= 0; i--) {
        shape = _this._animators[i];
        if (shape.get('destroyed')) {
          // 如果已经被销毁，直接移出队列
          self.removeAnimator(i);
          continue;
        }
        if (!canvas) {
          canvas = shape.get('canvas');
        }
        if (!shape.get('pause').isPaused) {
          animators = shape.get('animators');
          for (var j = animators.length - 1; j >= 0; j--) {
            animator = animators[j];
            isFinished = update(shape, animator, elapsed);
            if (isFinished) {
              animators.splice(j, 1);
              isFinished = false;
            }
          }
        }
        if (animators.length === 0) {
          self.removeAnimator(i);
        }
      }
      if (canvas) {
        canvas.draw();
      }
    }
  });
},
addAnimator: function addAnimator(shape) {
  this._animators.push(shape);
},
removeAnimator: function removeAnimator(index) {
  this._animators.splice(index, 1);
},
clear: function clear() {
  this._animators = [];
},
isAnimating: function isAnimating() {
  return !!this._animators.length;
},
getTime: function getTime() {
  return this._current;
}
6506});
6507
6508module.exports = Timeline;
6509
6510/***/ }),
6511/* 58 */
6512/***/ (function(module, __webpack_exports__, __webpack_require__) {
6513
6514"use strict";
6515/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return deg2rad; });
6516/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return rad2deg; });
6517var deg2rad = Math.PI / 180;
6518var rad2deg = 180 / Math.PI;
6519
6520/***/ }),
6521/* 59 */
6522/***/ (function(module, __webpack_exports__, __webpack_require__) {
6523
6524"use strict";
6525/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return rgbBasis; });
6526/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return rgbBasisClosed; });
6527/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(6);
6528/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__basis__ = __webpack_require__(26);
6529/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__basisClosed__ = __webpack_require__(60);
6530/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__color__ = __webpack_require__(13);
6531
6532
6533
6534
6535
6536/* harmony default export */ __webpack_exports__["a"] = ((function rgbGamma(y) {
var color = Object(__WEBPACK_IMPORTED_MODULE_3__color__["b" /* gamma */])(y);
6538
function rgb(start, end) {
  var r = color((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(start)).r, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(end)).r),
      g = color(start.g, end.g),
      b = color(start.b, end.b),
      opacity = Object(__WEBPACK_IMPORTED_MODULE_3__color__["a" /* default */])(start.opacity, end.opacity);
  return function (t) {
    start.r = r(t);
    start.g = g(t);
    start.b = b(t);
    start.opacity = opacity(t);
    return start + "";
  };
}
6552
rgb.gamma = rgbGamma;
6554
return rgb;
6556})(1));
6557
6558function rgbSpline(spline) {
return function (colors) {
  var n = colors.length,
      r = new Array(n),
      g = new Array(n),
      b = new Array(n),
      i,
      color;
  for (i = 0; i < n; ++i) {
    color = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["f" /* rgb */])(colors[i]);
    r[i] = color.r || 0;
    g[i] = color.g || 0;
    b[i] = color.b || 0;
  }
  r = spline(r);
  g = spline(g);
  b = spline(b);
  color.opacity = 1;
  return function (t) {
    color.r = r(t);
    color.g = g(t);
    color.b = b(t);
    return color + "";
  };
};
6583}
6584
6585var rgbBasis = rgbSpline(__WEBPACK_IMPORTED_MODULE_1__basis__["b" /* default */]);
6586var rgbBasisClosed = rgbSpline(__WEBPACK_IMPORTED_MODULE_2__basisClosed__["a" /* default */]);
6587
6588/***/ }),
6589/* 60 */
6590/***/ (function(module, __webpack_exports__, __webpack_require__) {
6591
6592"use strict";
6593/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__basis__ = __webpack_require__(26);
6594
6595
6596/* harmony default export */ __webpack_exports__["a"] = (function (values) {
var n = values.length;
return function (t) {
  var i = Math.floor(((t %= 1) < 0 ? ++t : t) * n),
      v0 = values[(i + n - 1) % n],
      v1 = values[i % n],
      v2 = values[(i + 1) % n],
      v3 = values[(i + 2) % n];
  return Object(__WEBPACK_IMPORTED_MODULE_0__basis__["a" /* basis */])((t - i / n) * n, v0, v1, v2, v3);
};
6606});
6607
6608/***/ }),
6609/* 61 */
6610/***/ (function(module, __webpack_exports__, __webpack_require__) {
6611
6612"use strict";
6613/* harmony default export */ __webpack_exports__["a"] = (function (x) {
return function () {
  return x;
};
6617});
6618
6619/***/ }),
6620/* 62 */
6621/***/ (function(module, __webpack_exports__, __webpack_require__) {
6622
6623"use strict";
6624/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__value__ = __webpack_require__(23);
6625
6626
6627/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
var nb = b ? b.length : 0,
    na = a ? Math.min(nb, a.length) : 0,
    x = new Array(na),
    c = new Array(nb),
    i;
6633
for (i = 0; i < na; ++i) {
  x[i] = Object(__WEBPACK_IMPORTED_MODULE_0__value__["a" /* default */])(a[i], b[i]);
}for (; i < nb; ++i) {
  c[i] = b[i];
}return function (t) {
  for (i = 0; i < na; ++i) {
    c[i] = x[i](t);
  }return c;
};
6643});
6644
6645/***/ }),
6646/* 63 */
6647/***/ (function(module, __webpack_exports__, __webpack_require__) {
6648
6649"use strict";
6650/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
var d = new Date();
return a = +a, b -= a, function (t) {
  return d.setTime(a + b * t), d;
};
6655});
6656
6657/***/ }),
6658/* 64 */
6659/***/ (function(module, __webpack_exports__, __webpack_require__) {
6660
6661"use strict";
6662/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__value__ = __webpack_require__(23);
6663var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
6664
6665
6666
6667/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
var i = {},
    c = {},
    k;
6671
if (a === null || (typeof a === "undefined" ? "undefined" : _typeof(a)) !== "object") a = {};
if (b === null || (typeof b === "undefined" ? "undefined" : _typeof(b)) !== "object") b = {};
6674
for (k in b) {
  if (k in a) {
    i[k] = Object(__WEBPACK_IMPORTED_MODULE_0__value__["a" /* default */])(a[k], b[k]);
  } else {
    c[k] = b[k];
  }
}
6682
return function (t) {
  for (k in i) {
    c[k] = i[k](t);
  }return c;
};
6688});
6689
6690/***/ }),
6691/* 65 */
6692/***/ (function(module, __webpack_exports__, __webpack_require__) {
6693
6694"use strict";
6695/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__number__ = __webpack_require__(15);
6696
6697
6698var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,
  reB = new RegExp(reA.source, "g");
6700
6701function zero(b) {
return function () {
  return b;
};
6705}
6706
6707function one(b) {
return function (t) {
  return b(t) + "";
};
6711}
6712
6713/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
var bi = reA.lastIndex = reB.lastIndex = 0,
    // scan index for next number in b
am,
    // current match in a
bm,
    // current match in b
bs,
    // string preceding current number in b, if any
i = -1,
    // index in s
s = [],
    // string constants and placeholders
q = []; // number interpolators
6727
// Coerce inputs to strings.
a = a + "", b = b + "";
6730
// Interpolate pairs of numbers in a & b.
while ((am = reA.exec(a)) && (bm = reB.exec(b))) {
  if ((bs = bm.index) > bi) {
    // a string precedes the next number in b
    bs = b.slice(bi, bs);
    if (s[i]) s[i] += bs; // coalesce with previous string
    else s[++i] = bs;
  }
  if ((am = am[0]) === (bm = bm[0])) {
    // numbers in a & b match
    if (s[i]) s[i] += bm; // coalesce with previous string
    else s[++i] = bm;
  } else {
    // interpolate non-matching numbers
    s[++i] = null;
    q.push({ i: i, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(am, bm) });
  }
  bi = reB.lastIndex;
}
6750
// Add remains of b.
if (bi < b.length) {
  bs = b.slice(bi);
  if (s[i]) s[i] += bs; // coalesce with previous string
  else s[++i] = bs;
}
6757
// Special optimization for only a single match.
// Otherwise, interpolate each of the numbers and rejoin the string.
return s.length < 2 ? q[0] ? one(q[0].x) : zero(b) : (b = q.length, function (t) {
  for (var i = 0, o; i < b; ++i) {
    s[(o = q[i]).i] = o.x(t);
  }return s.join("");
});
6765});
6766
6767/***/ }),
6768/* 66 */
6769/***/ (function(module, exports, __webpack_require__) {
6770
6771var Util = __webpack_require__(0);
6772
6773var Event = function Event(type, event, bubbles, cancelable) {
this.type = type; // 事件类型
this.target = null; // 目标
this.currentTarget = null; // 当前目标
this.bubbles = bubbles; // 冒泡
this.cancelable = cancelable; // 是否能够阻止
this.timeStamp = new Date().getTime(); // 时间戳
this.defaultPrevented = false; // 阻止默认
this.propagationStopped = false; // 阻止冒泡
this.removed = false; // 是否被移除
this.event = event; // 触发的原生事件
6784};
6785
6786Util.augment(Event, {
preventDefault: function preventDefault() {
  this.defaultPrevented = this.cancelable && true;
},
stopPropagation: function stopPropagation() {
  this.propagationStopped = true;
},
remove: function remove() {
  this.remove = true;
},
clone: function clone() {
  return Util.clone(this);
},
toString: function toString() {
  return '[Event (type=' + this.type + ')]';
}
6802});
6803
6804module.exports = Event;
6805
6806/***/ }),
6807/* 67 */
6808/***/ (function(module, exports, __webpack_require__) {
6809
6810var Util = __webpack_require__(0);
6811var Element = __webpack_require__(68);
6812var Shape = __webpack_require__(153);
6813var SHAPE_MAP = {}; // 缓存图形类型
6814var INDEX = '_INDEX';
6815
6816function find(children, x, y) {
var rst = void 0;
for (var i = children.length - 1; i >= 0; i--) {
  var child = children[i];
  if (child.__cfg.visible && child.__cfg.capture) {
    if (child.isGroup) {
      rst = child.getShape(x, y);
    } else if (child.isHit(x, y)) {
      rst = child;
    }
  }
  if (rst) {
    break;
  }
}
return rst;
6832}
6833
6834function getComparer(compare) {
return function (left, right) {
  var result = compare(left, right);
  return result === 0 ? left[INDEX] - right[INDEX] : result;
};
6839}
6840
6841var Group = function Group(cfg) {
Group.superclass.constructor.call(this, cfg);
this.set('children', []);
6844
this._beforeRenderUI();
this._renderUI();
this._bindUI();
6848};
6849
6850function initClassCfgs(c) {
if (c.__cfg || c === Group) {
  return;
}
var superCon = c.superclass.constructor;
if (superCon && !superCon.__cfg) {
  initClassCfgs(superCon);
}
c.__cfg = {};
6859
Util.merge(c.__cfg, superCon.__cfg);
Util.merge(c.__cfg, c.CFG);
6862}
6863
6864Util.extend(Group, Element);
6865
6866Util.augment(Group, {
isGroup: true,
canFill: true,
canStroke: true,
getDefaultCfg: function getDefaultCfg() {
  initClassCfgs(this.constructor);
  return Util.merge({}, this.constructor.__cfg);
},
_beforeRenderUI: function _beforeRenderUI() {},
_renderUI: function _renderUI() {},
_bindUI: function _bindUI() {},
addShape: function addShape(type, cfg) {
  var canvas = this.get('canvas');
  cfg = cfg || {};
  var shapeType = SHAPE_MAP[type];
  if (!shapeType) {
    shapeType = Util.upperFirst(type);
    SHAPE_MAP[type] = shapeType;
  }
  if (cfg.attrs) {
    var attrs = cfg.attrs;
    if (type === 'text') {
      // 临时解决
      var topFontFamily = canvas.get('fontFamily');
      if (topFontFamily) {
        attrs.fontFamily = attrs.fontFamily ? attrs.fontFamily : topFontFamily;
      }
    }
  }
  cfg.canvas = canvas;
  cfg.type = type;
  var rst = new Shape[shapeType](cfg);
  this.add(rst);
  return rst;
},
6901
/** 添加图组
 * @param  {Function|Object|undefined} param 图组类
 * @param  {Object} cfg 配置项
 * @return {Object} rst 图组
 */
addGroup: function addGroup(param, cfg) {
  var canvas = this.get('canvas');
  var rst = void 0;
  cfg = Util.merge({}, cfg);
  if (Util.isFunction(param)) {
    if (cfg) {
      cfg.canvas = canvas;
      cfg.parent = this;
      rst = new param(cfg);
    } else {
      rst = new param({
        canvas: canvas,
        parent: this
      });
    }
    this.add(rst);
  } else if (Util.isObject(param)) {
    param.canvas = canvas;
    rst = new Group(param);
    this.add(rst);
  } else if (param === undefined) {
    rst = new Group();
    this.add(rst);
  } else {
    return false;
  }
  return rst;
},
6935
/** 绘制背景
 * @param  {Array} padding 内边距
 * @param  {Attrs} attrs 图形属性
 * @param  {Shape} backShape 背景图形
 * @return {Object} 背景层对象
 */
renderBack: function renderBack(padding, attrs) {
  var backShape = this.get('backShape');
  var innerBox = this.getBBox();
  // const parent = this.get('parent'); // getParent
  Util.merge(attrs, {
    x: innerBox.minX - padding[3],
    y: innerBox.minY - padding[0],
    width: innerBox.width + padding[1] + padding[3],
    height: innerBox.height + padding[0] + padding[2]
  });
  if (backShape) {
    backShape.attr(attrs);
  } else {
    backShape = this.addShape('rect', {
      zIndex: -1,
      attrs: attrs
    });
  }
  this.set('backShape', backShape);
  this.sort();
  return backShape;
},
removeChild: function removeChild(item, destroy) {
  if (arguments.length >= 2) {
    if (this.contain(item)) {
      item.remove(destroy);
    }
  } else {
    if (arguments.length === 1) {
      if (Util.isBoolean(item)) {
        destroy = item;
      } else {
        if (this.contain(item)) {
          item.remove(true);
        }
        return this;
      }
    }
    if (arguments.length === 0) {
      destroy = true;
    }
6983
    Group.superclass.remove.call(this, destroy);
  }
  return this;
},
6988
/**
 * 向组中添加shape或者group
 * @param {Object} items 图形或者分组
 * @return {Object} group 本尊
 */
add: function add(items) {
  var self = this;
  var children = self.get('children');
  if (Util.isArray(items)) {
    Util.each(items, function (item) {
      var parent = item.get('parent');
      if (parent) {
        parent.removeChild(item, false);
      }
      self._setCfgProperty(item);
    });
    children.push.apply(children, items);
  } else {
    var item = items;
    var parent = item.get('parent');
    if (parent) {
      parent.removeChild(item, false);
    }
    self._setCfgProperty(item);
    children.push(item);
  }
  return self;
},
contain: function contain(item) {
  var children = this.get('children');
  return children.indexOf(item) > -1;
},
getChildByIndex: function getChildByIndex(index) {
  var children = this.get('children');
  return children[index];
},
getFirst: function getFirst() {
  return this.getChildByIndex(0);
},
getLast: function getLast() {
  var lastIndex = this.get('children').length - 1;
  return this.getChildByIndex(lastIndex);
},
_setCfgProperty: function _setCfgProperty(item) {
  var self = this;
  var cfg = self.__cfg;
  item.__cfg.parent = self;
  item.__cfg.context = cfg.context;
  item.__cfg.canvas = cfg.canvas;
  var clip = item.__attrs.clip;
  if (clip) {
    clip.setSilent('parent', self);
    clip.setSilent('canvas', cfg.canvas);
    clip.setSilent('timeline', cfg.timeline);
    clip.setSilent('context', self.get('context'));
  }
  var children = item.__cfg.children;
  if (children) {
    Util.each(children, function (child) {
      item._setCfgProperty(child);
    });
  }
},
getBBox: function getBBox() {
  var self = this;
  var minX = Infinity;
  var maxX = -Infinity;
  var minY = Infinity;
  var maxY = -Infinity;
  var children = self.get('children');
  if (children.length > 0) {
    Util.each(children, function (child) {
      if (child.get('visible')) {
        var _box = child.getBBox();
        if (!_box) {
          return true;
        }
7066
        var leftTop = [_box.minX, _box.minY, 1];
        var leftBottom = [_box.minX, _box.maxY, 1];
        var rightTop = [_box.maxX, _box.minY, 1];
        var rightBottom = [_box.maxX, _box.maxY, 1];
7071
        child.apply(leftTop);
        child.apply(leftBottom);
        child.apply(rightTop);
        child.apply(rightBottom);
7076
        var boxMinX = Math.min(leftTop[0], leftBottom[0], rightTop[0], rightBottom[0]);
        var boxMaxX = Math.max(leftTop[0], leftBottom[0], rightTop[0], rightBottom[0]);
        var boxMinY = Math.min(leftTop[1], leftBottom[1], rightTop[1], rightBottom[1]);
        var boxMaxY = Math.max(leftTop[1], leftBottom[1], rightTop[1], rightBottom[1]);
7081
        if (boxMinX < minX) {
          minX = boxMinX;
        }
7085
        if (boxMaxX > maxX) {
          maxX = boxMaxX;
        }
7089
        if (boxMinY < minY) {
          minY = boxMinY;
        }
7093
        if (boxMaxY > maxY) {
          maxY = boxMaxY;
        }
      }
    });
  } else {
    minX = 0;
    maxX = 0;
    minY = 0;
    maxY = 0;
  }
7105
  var box = {
    minX: minX,
    minY: minY,
    maxX: maxX,
    maxY: maxY
  };
  box.x = box.minX;
  box.y = box.minY;
  box.width = box.maxX - box.minX;
  box.height = box.maxY - box.minY;
  return box;
},
drawInner: function drawInner(context) {
  var children = this.get('children');
  for (var i = 0; i < children.length; i++) {
    var child = children[i];
    child.draw(context);
  }
  return this;
},
getCount: function getCount() {
  return this.get('children').length;
},
sort: function sort() {
  var children = this.get('children');
  // 稳定排序
  Util.each(children, function (child, index) {
    child[INDEX] = index;
    return child;
  });
7136
  children.sort(getComparer(function (obj1, obj2) {
    return obj1.get('zIndex') - obj2.get('zIndex');
  }));
7140
  return this;
},
findById: function findById(id) {
  return this.find(function (item) {
    return item.get('id') === id;
  });
},
7148
/**
 * 根据查找函数查找分组或者图形
 * @param  {Function} fn 匹配函数
 * @return {Canvas.Base} 分组或者图形
 */
find: function find(fn) {
  if (Util.isString(fn)) {
    return this.findById(fn);
  }
  var children = this.get('children');
  var rst = null;
7160
  Util.each(children, function (item) {
    if (fn(item)) {
      rst = item;
    } else if (item.find) {
      rst = item.find(fn);
    }
    if (rst) {
      return false;
    }
  });
  return rst;
},
7173
/**
 * @param  {Function} fn filter mathod
 * @return {Array} all the matching shapes and groups
 */
findAll: function findAll(fn) {
  var children = this.get('children');
  var rst = [];
  var childRst = [];
  Util.each(children, function (item) {
    if (fn(item)) {
      rst.push(item);
    }
    if (item.findAllBy) {
      childRst = item.findAllBy(fn);
      rst = rst.concat(childRst);
    }
  });
  return rst;
},
7193
/**
 * @Deprecated
 * @param  {Function} fn filter method
 * @return {Object} found shape or group
 */
findBy: function findBy(fn) {
  var children = this.get('children');
  var rst = null;
7202
  Util.each(children, function (item) {
    if (fn(item)) {
      rst = item;
    } else if (item.findBy) {
      rst = item.findBy(fn);
    }
    if (rst) {
      return false;
    }
  });
  return rst;
},
7215
/**
 * @Deprecated
 * @param  {Function} fn filter mathod
 * @return {Array} all the matching shapes and groups
 */
findAllBy: function findAllBy(fn) {
  var children = this.get('children');
  var rst = [];
  var childRst = [];
  Util.each(children, function (item) {
    if (fn(item)) {
      rst.push(item);
    }
    if (item.findAllBy) {
      childRst = item.findAllBy(fn);
      rst = rst.concat(childRst);
    }
  });
  return rst;
},
7236
/**
 * 根据x，y轴坐标获取对应的图形
 * @param  {Number} x x坐标
 * @param  {Number} y y坐标
 * @return {Object}  最上面的图形
 */
getShape: function getShape(x, y) {
  var self = this;
  var clip = self.__attrs.clip;
  var children = self.__cfg.children;
  var rst = void 0;
  if (clip) {
    if (clip.inside(x, y)) {
      rst = find(children, x, y);
    }
  } else {
    rst = find(children, x, y);
  }
  return rst;
},
clearTotalMatrix: function clearTotalMatrix() {
  var m = this.get('totalMatrix');
  if (m) {
    this.setSilent('totalMatrix', null);
    var children = this.__cfg.children;
    for (var i = 0; i < children.length; i++) {
      var child = children[i];
      child.clearTotalMatrix();
    }
  }
},
clear: function clear() {
  var children = this.get('children');
7270
  while (children.length !== 0) {
    children[children.length - 1].remove();
  }
  return this;
},
destroy: function destroy() {
  if (this.get('destroyed')) {
    return;
  }
  this.clear();
  Group.superclass.destroy.call(this);
}
7283});
7284
7285module.exports = Group;
7286
7287/***/ }),
7288/* 68 */
7289/***/ (function(module, exports, __webpack_require__) {
7290
7291var Util = __webpack_require__(0);
7292var Attribute = __webpack_require__(151);
7293var Transform = __webpack_require__(152);
7294var Animate = __webpack_require__(44);
7295var Format = __webpack_require__(27);
7296var EventEmitter = __webpack_require__(45);
7297
7298var SHAPE_ATTRS = ['fillStyle', 'font', 'globalAlpha', 'lineCap', 'lineWidth', 'lineJoin', 'miterLimit', 'shadowBlur', 'shadowColor', 'shadowOffsetX', 'shadowOffsetY', 'strokeStyle', 'textAlign', 'textBaseline', 'lineDash', 'lineDashOffset'];
7299
7300var Element = function Element(cfg) {
this.__cfg = {
  zIndex: 0,
  capture: true,
  visible: true,
  destroyed: false
}; // 配置存放地
7307
Util.assign(this.__cfg, this.getDefaultCfg(), cfg); // Element.CFG不合并，提升性能 合并默认配置，用户配置->继承默认配置->Element默认配置
this.initAttrs(this.__cfg.attrs); // 初始化绘图属性
this.initTransform(); // 初始化变换
this.init(); // 类型初始化
7312};
7313
7314Element.CFG = {
/**
 * 唯一标示
 * @type {Number}
 */
id: null,
/**
 * Z轴的层叠关系，Z值越大离用户越近
 * @type {Number}
 */
zIndex: 0,
/**
 * Canvas对象
 * @type: {Object}
 */
canvas: null,
/**
 * 父元素指针
 * @type {Object}
 */
parent: null,
/**
 * 用来设置当前对象是否能被捕捉
 * true 能
 * false 不能
 * 对象默认是都可以被捕捉的, 当capture为false时，group.getShape(x, y)方法无法获得该元素
 * 通过将不必要捕捉的元素的该属性设置成false, 来提高捕捉性能
 * @type {Boolean}
 **/
capture: true,
/**
 * 画布的上下文
 * @type {Object}
 */
context: null,
/**
 * 是否显示
 * @type {Boolean}
 */
visible: true,
/**
 * 是否被销毁
 * @type: {Boolean}
 */
destroyed: false
7359};
7360
7361Util.augment(Element, Attribute, Transform, EventEmitter, Animate, {
init: function init() {
  this.setSilent('animable', true);
  this.setSilent('animating', false); // 初始时不处于动画状态
  var attrs = this.__attrs;
  if (attrs && attrs.rotate) {
    this.rotateAtStart(attrs.rotate);
  }
},
getParent: function getParent() {
  return this.get('parent');
},
7373
/**
 * 获取默认的配置信息
 * @protected
 * @return {Object} 默认的属性
 */
getDefaultCfg: function getDefaultCfg() {
  return {};
},
set: function set(name, value) {
  if (name === 'zIndex' && this._beforeSetZIndex) {
    this._beforeSetZIndex(value);
  }
  if (name === 'loading' && this._beforeSetLoading) {
    this._beforeSetLoading(value);
  }
  this.__cfg[name] = value;
  return this;
},
setSilent: function setSilent(name, value) {
  this.__cfg[name] = value;
},
get: function get(name) {
  return this.__cfg[name];
},
draw: function draw(context) {
  if (this.get('destroyed')) {
    return;
  }
  if (this.get('visible')) {
    this.setContext(context);
    this.drawInner(context);
    this.restoreContext(context);
  }
},
setContext: function setContext(context) {
  var clip = this.__attrs.clip;
  context.save();
  if (clip) {
    // context.save();
    clip.resetTransform(context);
    clip.createPath(context);
    context.clip();
    // context.restore();
  }
  this.resetContext(context);
  this.resetTransform(context);
},
restoreContext: function restoreContext(context) {
  context.restore();
},
resetContext: function resetContext(context) {
  var elAttrs = this.__attrs;
  // var canvas = this.get('canvas');
  if (!this.isGroup) {
    // canvas.registShape(this); // 快速拾取方案暂时不执行
    for (var k in elAttrs) {
      if (SHAPE_ATTRS.indexOf(k) > -1) {
        // 非canvas属性不附加
        var v = elAttrs[k];
        if (k === 'fillStyle') {
          v = Format.parseStyle(v, this);
        }
        if (k === 'strokeStyle') {
          v = Format.parseStyle(v, this);
        }
        if (k === 'lineDash' && context.setLineDash) {
          if (Util.isArray(v)) {
            context.setLineDash(v);
          } else if (Util.isString(v)) {
            context.setLineDash(v.split(' '));
          }
        } else {
          context[k] = v;
        }
      }
    }
  }
},
drawInner: function drawInner() /* context */{},
show: function show() {
  this.set('visible', true);
  return this;
},
hide: function hide() {
  this.set('visible', false);
  return this;
},
remove: function remove(destroy) {
  if (destroy === undefined) {
    destroy = true;
  }
7465
  if (this.get('parent')) {
    var parent = this.get('parent');
    var children = parent.get('children');
    Util.remove(children, this);
  }
7471
  if (destroy) {
    this.destroy();
  }
7475
  return this;
},
destroy: function destroy() {
  var destroyed = this.get('destroyed');
  if (destroyed) {
    return;
  }
  // 如果正在执行动画，清理动画
  if (this.get('animating')) {
    var timer = this.get('animateTimer');
    timer && timer.stop();
  }
  this.__cfg = {};
  this.__attrs = null;
  this.removeEvent(); // 移除所有的事件
  this.set('destroyed', true);
},
_beforeSetZIndex: function _beforeSetZIndex(zIndex) {
  this.__cfg.zIndex = zIndex;
7495
  if (!Util.isNil(this.get('parent'))) {
    this.get('parent').sort();
  }
  return zIndex;
},
_setAttrs: function _setAttrs(attrs) {
  this.attr(attrs);
  return attrs;
},
setZIndex: function setZIndex(zIndex) {
  this.__cfg.zIndex = zIndex;
  return zIndex;
},
clone: function clone() {
  return Util.clone(this);
},
getBBox: function getBBox() {
  return {
    minX: 0,
    maxX: 0,
    minY: 0,
    maxY: 0
  };
}
7520});
7521
7522module.exports = Element;
7523
7524/***/ }),
7525/* 69 */
7526/***/ (function(module, exports, __webpack_require__) {
7527
7528var Util = __webpack_require__(0);
7529var Shape = __webpack_require__(1);
7530var Inside = __webpack_require__(3);
7531
7532var Rect = function Rect(cfg) {
Rect.superclass.constructor.call(this, cfg);
7534};
7535
7536Rect.ATTRS = {
x: 0,
y: 0,
width: 0,
height: 0,
radius: 0,
lineWidth: 1
7543};
7544
7545Util.extend(Rect, Shape);
7546
7547Util.augment(Rect, {
canFill: true,
canStroke: true,
type: 'rect',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    radius: 0
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
  var lineWidth = this.getHitLineWidth();
7565
  var halfWidth = lineWidth / 2;
  return {
    minX: x - halfWidth,
    minY: y - halfWidth,
    maxX: x + width + halfWidth,
    maxY: y + height + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var fill = self.hasFill();
  var stroke = self.hasStroke();
7578
  if (fill && stroke) {
    return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
  }
7582
  if (fill) {
    return self._isPointInFill(x, y);
  }
7586
  if (stroke) {
    return self._isPointInStroke(x, y);
  }
7590
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var context = this.get('context');
7595
  if (!context) return false;
  this.createPath();
  return context.isPointInPath(x, y);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var self = this;
  var attrs = self.__attrs;
  var rx = attrs.x;
  var ry = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
  var radius = attrs.radius;
  var lineWidth = this.getHitLineWidth();
7609
  if (radius === 0) {
    var halfWidth = lineWidth / 2;
    return Inside.line(rx - halfWidth, ry, rx + width + halfWidth, ry, lineWidth, x, y) || Inside.line(rx + width, ry - halfWidth, rx + width, ry + height + halfWidth, lineWidth, x, y) || Inside.line(rx + width + halfWidth, ry + height, rx - halfWidth, ry + height, lineWidth, x, y) || Inside.line(rx, ry + height + halfWidth, rx, ry - halfWidth, lineWidth, x, y);
  }
7614
  return Inside.line(rx + radius, ry, rx + width - radius, ry, lineWidth, x, y) || Inside.line(rx + width, ry + radius, rx + width, ry + height - radius, lineWidth, x, y) || Inside.line(rx + width - radius, ry + height, rx + radius, ry + height, lineWidth, x, y) || Inside.line(rx, ry + height - radius, rx, ry + radius, lineWidth, x, y) || Inside.arcline(rx + width - radius, ry + radius, radius, 1.5 * Math.PI, 2 * Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + width - radius, ry + height - radius, radius, 0, 0.5 * Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + radius, ry + height - radius, radius, 0.5 * Math.PI, Math.PI, false, lineWidth, x, y) || Inside.arcline(rx + radius, ry + radius, radius, Math.PI, 1.5 * Math.PI, false, lineWidth, x, y);
},
createPath: function createPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
  var radius = attrs.radius;
  context = context || self.get('context');
7626
  context.beginPath();
  if (radius === 0) {
    // 改成原生的rect方法
    context.rect(x, y, width, height);
  } else {
    context.moveTo(x + radius, y);
    context.lineTo(x + width - radius, y);
    context.arc(x + width - radius, y + radius, radius, -Math.PI / 2, 0, false);
    context.lineTo(x + width, y + height - radius);
    context.arc(x + width - radius, y + height - radius, radius, 0, Math.PI / 2, false);
    context.lineTo(x + radius, y + height);
    context.arc(x + radius, y + height - radius, radius, Math.PI / 2, Math.PI, false);
    context.lineTo(x, y + radius);
    context.arc(x + radius, y + radius, radius, Math.PI, Math.PI * 3 / 2, false);
    context.closePath();
  }
}
7644});
7645
7646module.exports = Rect;
7647
7648/***/ }),
7649/* 70 */
7650/***/ (function(module, exports, __webpack_require__) {
7651
7652var Util = __webpack_require__(0);
7653var Shape = __webpack_require__(1);
7654var Inside = __webpack_require__(3);
7655
7656var Circle = function Circle(cfg) {
Circle.superclass.constructor.call(this, cfg);
7658};
7659
7660Circle.ATTRS = {
x: 0,
y: 0,
r: 0,
lineWidth: 1
7665};
7666
7667Util.extend(Circle, Shape);
7668
7669Util.augment(Circle, {
canFill: true,
canStroke: true,
type: 'circle',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r;
  var lineWidth = this.getHitLineWidth();
  var halfWidth = lineWidth / 2 + r;
  return {
    minX: cx - halfWidth,
    minY: cy - halfWidth,
    maxX: cx + halfWidth,
    maxY: cy + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var fill = this.hasFill();
  var stroke = this.hasStroke();
  if (fill && stroke) {
    return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
  }
7698
  if (fill) {
    return this._isPointInFill(x, y);
  }
7702
  if (stroke) {
    return this._isPointInStroke(x, y);
  }
7706
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r;
7714
  return Inside.circle(cx, cy, r, x, y);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r;
  var lineWidth = this.getHitLineWidth();
7723
  return Inside.arcline(cx, cy, r, 0, Math.PI * 2, false, lineWidth, x, y);
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r;
  context = context || self.get('context');
7732
  context.beginPath();
  context.arc(cx, cy, r, 0, Math.PI * 2, false);
  context.closePath();
}
7737});
7738
7739module.exports = Circle;
7740
7741/***/ }),
7742/* 71 */
7743/***/ (function(module, exports, __webpack_require__) {
7744
7745var Util = __webpack_require__(0);
7746var Shape = __webpack_require__(1);
7747var Inside = __webpack_require__(3);
7748var mat3 = __webpack_require__(2).mat3;
7749var vec3 = __webpack_require__(2).vec3;
7750
7751var Ellipse = function Ellipse(cfg) {
Ellipse.superclass.constructor.call(this, cfg);
7753};
7754
7755Ellipse.ATTRS = {
x: 0,
y: 0,
rx: 1,
ry: 1,
lineWidth: 1
7761};
7762
7763Util.extend(Ellipse, Shape);
7764
7765Util.augment(Ellipse, {
canFill: true,
canStroke: true,
type: 'ellipse',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rx = attrs.rx;
  var ry = attrs.ry;
  var lineWidth = this.getHitLineWidth();
  var halfXWidth = rx + lineWidth / 2;
  var halfYWidth = ry + lineWidth / 2;
7783
  return {
    minX: cx - halfXWidth,
    minY: cy - halfYWidth,
    maxX: cx + halfXWidth,
    maxY: cy + halfYWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var fill = this.hasFill();
  var stroke = this.hasStroke();
7794
  if (fill && stroke) {
    return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
  }
7798
  if (fill) {
    return this._isPointInFill(x, y);
  }
7802
  if (stroke) {
    return this._isPointInStroke(x, y);
  }
7806
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rx = attrs.rx;
  var ry = attrs.ry;
7815
  var r = rx > ry ? rx : ry;
  var scaleX = rx > ry ? 1 : rx / ry;
  var scaleY = rx > ry ? ry / rx : 1;
7819
  var p = [x, y, 1];
  var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
  mat3.scale(m, m, [scaleX, scaleY]);
  mat3.translate(m, m, [cx, cy]);
  var inm = mat3.invert([], m);
  vec3.transformMat3(p, p, inm);
7826
  return Inside.circle(0, 0, r, p[0], p[1]);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rx = attrs.rx;
  var ry = attrs.ry;
  var lineWidth = this.getHitLineWidth();
7836
  var r = rx > ry ? rx : ry;
  var scaleX = rx > ry ? 1 : rx / ry;
  var scaleY = rx > ry ? ry / rx : 1;
  var p = [x, y, 1];
  var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
  mat3.scale(m, m, [scaleX, scaleY]);
  mat3.translate(m, m, [cx, cy]);
  var inm = mat3.invert([], m);
  vec3.transformMat3(p, p, inm);
7846
  return Inside.arcline(0, 0, r, 0, Math.PI * 2, false, lineWidth, p[0], p[1]);
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rx = attrs.rx;
  var ry = attrs.ry;
7855
  context = context || self.get('context');
  var r = rx > ry ? rx : ry;
  var scaleX = rx > ry ? 1 : rx / ry;
  var scaleY = rx > ry ? ry / rx : 1;
7860
  var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
  mat3.scale(m, m, [scaleX, scaleY]);
  mat3.translate(m, m, [cx, cy]);
  context.beginPath();
  context.save();
  context.transform(m[0], m[1], m[3], m[4], m[6], m[7]);
  context.arc(0, 0, r, 0, Math.PI * 2);
  context.restore();
  context.closePath();
}
7871});
7872
7873module.exports = Ellipse;
7874
7875/***/ }),
7876/* 72 */
7877/***/ (function(module, exports, __webpack_require__) {
7878
7879var Util = __webpack_require__(0);
7880var Shape = __webpack_require__(1);
7881var PathSegment = __webpack_require__(31);
7882var Format = __webpack_require__(27);
7883var Arrow = __webpack_require__(7);
7884var PathUtil = __webpack_require__(21);
7885var CubicMath = __webpack_require__(16);
7886
7887var Path = function Path(cfg) {
Path.superclass.constructor.call(this, cfg);
7889};
7890
7891Path.ATTRS = {
path: null,
lineWidth: 1,
curve: null, // 曲线path
tCache: null,
startArrow: false,
endArrow: false
7898};
7899
7900Util.extend(Path, Shape);
7901
7902Util.augment(Path, {
canFill: true,
canStroke: true,
type: 'path',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
_afterSetAttrPath: function _afterSetAttrPath(path) {
  var self = this;
  if (Util.isNil(path)) {
    self.setSilent('segments', null);
    self.setSilent('box', undefined);
    return;
  }
  var pathArray = Format.parsePath(path);
  var preSegment = void 0;
  var segments = [];
7923
  if (!Util.isArray(pathArray) || pathArray.length === 0 || pathArray[0][0] !== 'M' && pathArray[0][0] !== 'm') {
    return;
  }
  var count = pathArray.length;
  for (var i = 0; i < pathArray.length; i++) {
    var item = pathArray[i];
    preSegment = new PathSegment(item, preSegment, i === count - 1);
    segments.push(preSegment);
  }
  self.setSilent('segments', segments);
  self.set('tCache', null);
  this.setSilent('box', null);
},
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  if (objs.path) {
    this._afterSetAttrPath(objs.path);
  }
},
calculateBox: function calculateBox() {
  var self = this;
  var segments = self.get('segments');
7945
  if (!segments) {
    return null;
  }
  var lineWidth = this.getHitLineWidth();
  var minX = Infinity;
  var maxX = -Infinity;
  var minY = Infinity;
  var maxY = -Infinity;
  Util.each(segments, function (segment) {
    segment.getBBox(lineWidth);
    var box = segment.box;
    if (box) {
      if (box.minX < minX) {
        minX = box.minX;
      }
7961
      if (box.maxX > maxX) {
        maxX = box.maxX;
      }
7965
      if (box.minY < minY) {
        minY = box.minY;
      }
7969
      if (box.maxY > maxY) {
        maxY = box.maxY;
      }
    }
  });
  return {
    minX: minX,
    minY: minY,
    maxX: maxX,
    maxY: maxY
  };
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var fill = self.hasFill();
  var stroke = self.hasStroke();
7986
  if (fill && stroke) {
    return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
  }
7990
  if (fill) {
    return self._isPointInFill(x, y);
  }
7994
  if (stroke) {
    return self._isPointInStroke(x, y);
  }
7998
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var self = this;
  var context = self.get('context');
  if (!context) return undefined;
  self.createPath();
  return context.isPointInPath(x, y);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var self = this;
  var segments = self.get('segments');
  if (!Util.isEmpty(segments)) {
    var lineWidth = self.getHitLineWidth();
    for (var i = 0, l = segments.length; i < l; i++) {
      if (segments[i].isInside(x, y, lineWidth)) {
        return true;
      }
    }
  }
8019
  return false;
},
_setTcache: function _setTcache() {
  var totalLength = 0;
  var tempLength = 0;
  var tCache = [];
  var segmentT = void 0;
  var segmentL = void 0;
  var segmentN = void 0;
  var l = void 0;
  var curve = this.curve;
8031
  if (!curve) {
    return;
  }
8035
  Util.each(curve, function (segment, i) {
    segmentN = curve[i + 1];
    l = segment.length;
    if (segmentN) {
      totalLength += CubicMath.len(segment[l - 2], segment[l - 1], segmentN[1], segmentN[2], segmentN[3], segmentN[4], segmentN[5], segmentN[6]);
    }
  });
8043
  Util.each(curve, function (segment, i) {
    segmentN = curve[i + 1];
    l = segment.length;
    if (segmentN) {
      segmentT = [];
      segmentT[0] = tempLength / totalLength;
      segmentL = CubicMath.len(segment[l - 2], segment[l - 1], segmentN[1], segmentN[2], segmentN[3], segmentN[4], segmentN[5], segmentN[6]);
      tempLength += segmentL;
      segmentT[1] = tempLength / totalLength;
      tCache.push(segmentT);
    }
  });
8056
  this.tCache = tCache;
},
_calculateCurve: function _calculateCurve() {
  var self = this;
  var attrs = self.__attrs;
  var path = attrs.path;
  this.curve = PathUtil.pathTocurve(path);
},
getStartTangent: function getStartTangent() {
  var segments = this.get('segments');
  var startPoint = void 0,
      endPoint = void 0,
      tangent = void 0,
      result = void 0;
  if (segments.length > 1) {
    startPoint = segments[0].endPoint;
    endPoint = segments[1].endPoint;
    tangent = segments[1].startTangent;
    result = [];
    if (Util.isFunction(tangent)) {
      var v = tangent();
      result.push([startPoint.x - v[0], startPoint.y - v[1]]);
      result.push([startPoint.x, startPoint.y]);
    } else {
      result.push([endPoint.x, endPoint.y]);
      result.push([startPoint.x, startPoint.y]);
    }
  }
  return result;
},
getEndTangent: function getEndTangent() {
  var segments = this.get('segments');
  var segmentsLen = segments.length;
  var startPoint = void 0,
      endPoint = void 0,
      tangent = void 0,
      result = void 0;
  if (segmentsLen > 1) {
    startPoint = segments[segmentsLen - 2].endPoint;
    endPoint = segments[segmentsLen - 1].endPoint;
    tangent = segments[segmentsLen - 1].endTangent;
    result = [];
    if (Util.isFunction(tangent)) {
      var v = tangent();
      result.push([endPoint.x - v[0], endPoint.y - v[1]]);
      result.push([endPoint.x, endPoint.y]);
    } else {
      result.push([startPoint.x, startPoint.y]);
      result.push([endPoint.x, endPoint.y]);
    }
  }
  return result;
},
getPoint: function getPoint(t) {
  var tCache = this.tCache;
  var subt = void 0;
  var index = void 0;
8114
  if (!tCache) {
    this._calculateCurve();
    this._setTcache();
    tCache = this.tCache;
  }
8120
  var curve = this.curve;
8122
  if (!tCache) {
    if (curve) {
      return {
        x: curve[0][1],
        y: curve[0][2]
      };
    }
    return null;
  }
  Util.each(tCache, function (v, i) {
    if (t >= v[0] && t <= v[1]) {
      subt = (t - v[0]) / (v[1] - v[0]);
      index = i;
    }
  });
  var seg = curve[index];
  if (Util.isNil(seg) || Util.isNil(index)) {
    return null;
  }
  var l = seg.length;
  var nextSeg = curve[index + 1];
  return {
    x: CubicMath.at(seg[l - 2], nextSeg[1], nextSeg[3], nextSeg[5], 1 - subt),
    y: CubicMath.at(seg[l - 1], nextSeg[2], nextSeg[4], nextSeg[6], 1 - subt)
  };
},
createPath: function createPath(context) {
  var self = this;
  var segments = self.get('segments');
  if (!Util.isArray(segments)) return;
8153
  context = context || self.get('context');
8155
  context.beginPath();
  var segmentsLen = segments.length;
8158
  for (var i = 0; i < segmentsLen; i++) {
    segments[i].draw(context);
  }
},
afterPath: function afterPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var segments = self.get('segments');
  var path = attrs.path;
  context = context || self.get('context');
  if (!Util.isArray(segments)) return;
  if (!attrs.startArrow && !attrs.endArrow) {
    return;
  }
  if (path[path.length - 1] === 'z' || path[path.length - 1] === 'Z' || attrs.fill) {
    // 闭合路径不绘制箭头
    return;
  }
  var startPoints = self.getStartTangent();
  Arrow.addStartArrow(context, attrs, startPoints[0][0], startPoints[0][1], startPoints[1][0], startPoints[1][1]);
8179
  var endPoints = self.getEndTangent();
  Arrow.addEndArrow(context, attrs, endPoints[0][0], endPoints[0][1], endPoints[1][0], endPoints[1][1]);
}
8183});
8184
8185module.exports = Path;
8186
8187/***/ }),
8188/* 73 */
8189/***/ (function(module, exports, __webpack_require__) {
8190
8191var Util = __webpack_require__(0);
8192var Shape = __webpack_require__(1);
8193var Inside = __webpack_require__(3);
8194
8195var CText = function CText(cfg) {
CText.superclass.constructor.call(this, cfg);
8197};
8198
8199CText.ATTRS = {
x: 0,
y: 0,
text: null,
fontSize: 12,
fontFamily: 'sans-serif',
fontStyle: 'normal',
fontWeight: 'normal',
fontVariant: 'normal',
textAlign: 'start',
textBaseline: 'bottom',
lineHeight: null,
textArr: null
8212};
8213
8214Util.extend(CText, Shape);
8215
8216Util.augment(CText, {
canFill: true,
canStroke: true,
type: 'text',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    lineCount: 1,
    fontSize: 12,
    fontFamily: 'sans-serif',
    fontStyle: 'normal',
    fontWeight: 'normal',
    fontVariant: 'normal',
    textAlign: 'start',
    textBaseline: 'bottom'
  };
},
initTransform: function initTransform() {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
  var fontSize = this.__attrs.fontSize;
  if (fontSize && +fontSize < 12) {
    // 小于 12 像素的文本进行 scale 处理
    this.transform([['t', -1 * this.__attrs.x, -1 * this.__attrs.y], ['s', +fontSize / 12, +fontSize / 12], ['t', this.__attrs.x, this.__attrs.y]]);
  }
},
_assembleFont: function _assembleFont() {
  // var self = this;
  var attrs = this.__attrs;
  var fontSize = attrs.fontSize;
  var fontFamily = attrs.fontFamily;
  var fontWeight = attrs.fontWeight;
  var fontStyle = attrs.fontStyle; // self.attr('fontStyle');
  var fontVariant = attrs.fontVariant; // self.attr('fontVariant');
  // self.attr('font', [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' '));
  attrs.font = [fontStyle, fontVariant, fontWeight, fontSize + 'px', fontFamily].join(' ');
},
_afterSetAttrFontSize: function _afterSetAttrFontSize() {
  /* this.attr({
    height: this.__getTextHeight()
  }); */
  this._assembleFont();
},
_afterSetAttrFontFamily: function _afterSetAttrFontFamily() {
  this._assembleFont();
},
_afterSetAttrFontWeight: function _afterSetAttrFontWeight() {
  this._assembleFont();
},
_afterSetAttrFontStyle: function _afterSetAttrFontStyle() {
  this._assembleFont();
},
_afterSetAttrFontVariant: function _afterSetAttrFontVariant() {
  this._assembleFont();
},
_afterSetAttrFont: function _afterSetAttrFont() {
  // this.attr('width', this.measureText());
},
_afterSetAttrText: function _afterSetAttrText() {
  var attrs = this.__attrs;
  var text = attrs.text;
  var textArr = void 0;
  if (Util.isString(text) && text.indexOf('\n') !== -1) {
    textArr = text.split('\n');
    var lineCount = textArr.length;
    attrs.lineCount = lineCount;
    attrs.textArr = textArr;
  }
  // attrs.height = this.__getTextHeight();
  // attrs.width = this.measureText();
},
_getTextHeight: function _getTextHeight() {
  var attrs = this.__attrs;
  var lineCount = attrs.lineCount;
  var fontSize = attrs.fontSize * 1;
  if (lineCount > 1) {
    var spaceingY = this._getSpaceingY();
    return fontSize * lineCount + spaceingY * (lineCount - 1);
  }
  return fontSize;
},
8296
// 计算浪费，效率低，待优化
_afterSetAttrAll: function _afterSetAttrAll(objs) {
  var self = this;
  if ('fontSize' in objs || 'fontWeight' in objs || 'fontStyle' in objs || 'fontVariant' in objs || 'fontFamily' in objs) {
    self._assembleFont();
  }
8303
  if ('text' in objs) {
    self._afterSetAttrText(objs.text);
  }
},
isHitBox: function isHitBox() {
  return false;
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var width = self.measureText(); // attrs.width
  if (!width) {
    // 如果width不存在，四点共其实点
    return {
      minX: x,
      minY: y,
      maxX: x,
      maxY: y
    };
  }
  var height = self._getTextHeight(); // attrs.height
  var textAlign = attrs.textAlign;
  var textBaseline = attrs.textBaseline;
  var lineWidth = self.getHitLineWidth();
  var point = {
    x: x,
    y: y - height
  };
8334
  if (textAlign) {
    if (textAlign === 'end' || textAlign === 'right') {
      point.x -= width;
    } else if (textAlign === 'center') {
      point.x -= width / 2;
    }
  }
8342
  if (textBaseline) {
    if (textBaseline === 'top') {
      point.y += height;
    } else if (textBaseline === 'middle') {
      point.y += height / 2;
    }
  }
8350
  this.set('startPoint', point);
  var halfWidth = lineWidth / 2;
  return {
    minX: point.x - halfWidth,
    minY: point.y - halfWidth,
    maxX: point.x + width + halfWidth,
    maxY: point.y + height + halfWidth
  };
},
_getSpaceingY: function _getSpaceingY() {
  var attrs = this.__attrs;
  var lineHeight = attrs.lineHeight;
  var fontSize = attrs.fontSize * 1;
  return lineHeight ? lineHeight - fontSize : fontSize * 0.14;
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var box = self.getBBox();
  if (self.hasFill() || self.hasStroke()) {
    return Inside.box(box.minX, box.maxX, box.minY, box.maxY, x, y);
  }
},
drawInner: function drawInner(context) {
  var self = this;
  var attrs = self.__attrs;
  var text = attrs.text;
  if (!text) {
    return;
  }
  var textArr = attrs.textArr;
  var x = attrs.x;
  var y = attrs.y;
8383
  context.beginPath();
  if (self.hasStroke()) {
    var strokeOpacity = attrs.strokeOpacity;
    if (!Util.isNil(strokeOpacity) && strokeOpacity !== 1) {
      context.globalAlpha = strokeOpacity;
    }
    if (textArr) {
      self._drawTextArr(context, false);
    } else {
      context.strokeText(text, x, y);
    }
    context.globalAlpha = 1;
  }
  if (self.hasFill()) {
    var fillOpacity = attrs.fillOpacity;
    if (!Util.isNil(fillOpacity) && fillOpacity !== 1) {
      context.globalAlpha = fillOpacity;
    }
    if (textArr) {
      self._drawTextArr(context, true);
    } else {
      context.fillText(text, x, y);
    }
  }
},
_drawTextArr: function _drawTextArr(context, fill) {
  var textArr = this.__attrs.textArr;
  var textBaseline = this.__attrs.textBaseline;
  var fontSize = this.__attrs.fontSize * 1;
  var spaceingY = this._getSpaceingY();
  var x = this.__attrs.x;
  var y = this.__attrs.y;
  var box = this.getBBox();
  var height = box.maxY - box.minY;
  var subY = void 0;
8419
  Util.each(textArr, function (subText, index) {
    subY = y + index * (spaceingY + fontSize) - height + fontSize; // bottom;
    if (textBaseline === 'middle') subY += height - fontSize - (height - fontSize) / 2;
    if (textBaseline === 'top') subY += height - fontSize;
    if (fill) {
      context.fillText(subText, x, subY);
    } else {
      context.strokeText(subText, x, subY);
    }
  });
},
measureText: function measureText() {
  var self = this;
  var attrs = self.__attrs;
  var text = attrs.text;
  var font = attrs.font;
  var textArr = attrs.textArr;
  var measureWidth = void 0;
  var width = 0;
8439
  if (Util.isNil(text)) return undefined;
  var context = document.createElement('canvas').getContext('2d');
  context.save();
  context.font = font;
  if (textArr) {
    Util.each(textArr, function (subText) {
      measureWidth = context.measureText(subText).width;
      if (width < measureWidth) {
        width = measureWidth;
      }
      context.restore();
    });
  } else {
    width = context.measureText(text).width;
    context.restore();
  }
  return width;
}
8458});
8459
8460module.exports = CText;
8461
8462/***/ }),
8463/* 74 */
8464/***/ (function(module, exports, __webpack_require__) {
8465
8466var Util = __webpack_require__(0);
8467var Shape = __webpack_require__(1);
8468var Inside = __webpack_require__(3);
8469var Arrow = __webpack_require__(7);
8470var LineMath = __webpack_require__(28);
8471
8472var Line = function Line(cfg) {
Line.superclass.constructor.call(this, cfg);
8474};
8475
8476Line.ATTRS = {
x1: 0,
y1: 0,
x2: 0,
y2: 0,
lineWidth: 1,
startArrow: false,
endArrow: false
8484};
8485
8486Util.extend(Line, Shape);
8487
8488Util.augment(Line, {
canStroke: true,
type: 'line',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var x1 = attrs.x1,
      y1 = attrs.y1,
      x2 = attrs.x2,
      y2 = attrs.y2;
8504
  var lineWidth = this.getHitLineWidth();
  return LineMath.box(x1, y1, x2, y2, lineWidth);
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  var x1 = attrs.x1,
      y1 = attrs.y1,
      x2 = attrs.x2,
      y2 = attrs.y2;
8514
  var lineWidth = this.getHitLineWidth();
8516
  if (this.hasStroke()) {
    return Inside.line(x1, y1, x2, y2, lineWidth, x, y);
  }
8520
  return false;
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var x1 = attrs.x1,
      y1 = attrs.y1,
      x2 = attrs.x2,
      y2 = attrs.y2;
8529
  context = context || self.get('context');
  context.beginPath();
  context.moveTo(x1, y1);
  context.lineTo(x2, y2);
},
afterPath: function afterPath(context) {
  var attrs = this.__attrs;
  var x1 = attrs.x1,
      y1 = attrs.y1,
      x2 = attrs.x2,
      y2 = attrs.y2;
8541
  context = context || this.get('context');
  if (attrs.startArrow) {
    Arrow.addStartArrow(context, attrs, x2, y2, x1, y1);
  }
  if (attrs.endArrow) {
    Arrow.addEndArrow(context, attrs, x1, y1, x2, y2);
  }
},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  return {
    x: LineMath.at(attrs.x1, attrs.x2, t),
    y: LineMath.at(attrs.y1, attrs.y2, t)
  };
}
8557});
8558
8559module.exports = Line;
8560
8561/***/ }),
8562/* 75 */
8563/***/ (function(module, exports, __webpack_require__) {
8564
8565var Util = __webpack_require__(0);
8566var Shape = __webpack_require__(1);
8567var Inside = __webpack_require__(3);
8568
8569var CImage = function CImage(cfg) {
CImage.superclass.constructor.call(this, cfg);
8571};
8572
8573CImage.ATTRS = {
x: 0,
y: 0,
img: undefined,
width: 0,
height: 0,
sx: null,
sy: null,
swidth: null,
sheight: null
8583};
8584
8585Util.extend(CImage, Shape);
8586
8587Util.augment(CImage, {
type: 'image',
_afterSetAttrImg: function _afterSetAttrImg(img) {
  this._setAttrImg(img);
},
_afterSetAttrAll: function _afterSetAttrAll(params) {
  if (params.img) {
    this._setAttrImg(params.img);
  }
},
isHitBox: function isHitBox() {
  return false;
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
8606
  return {
    minX: x,
    minY: y,
    maxX: x + width,
    maxY: y + height
  };
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  if (this.get('toDraw') || !attrs.img) {
    return false;
  }
  var rx = attrs.x;
  var ry = attrs.y;
  var width = attrs.width;
  var height = attrs.height;
  return Inside.rect(rx, ry, width, height, x, y);
},
_beforeSetLoading: function _beforeSetLoading(loading) {
  var canvas = this.get('canvas');
  if (loading === false && this.get('toDraw') === true) {
    this.__cfg.loading = false;
    canvas.draw();
  }
  return loading;
},
_setAttrImg: function _setAttrImg(img) {
  var self = this;
  var attrs = self.__attrs;
  if (Util.isString(img)) {
    var image = new Image();
    image.onload = function () {
      if (self.get('destroyed')) return false;
      self.attr('imgSrc', img);
      self.attr('img', image);
      var callback = self.get('callback');
      if (callback) {
        callback.call(self);
      }
      self.set('loading', false);
    };
    image.src = img;
    image.crossOrigin = 'Anonymous';
    self.set('loading', true);
  } else if (img instanceof Image) {
    if (!attrs.width) {
      self.attr('width', img.width);
    }
8655
    if (!attrs.height) {
      self.attr('height', img.height);
    }
    return img;
  } else if (img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
    if (!attrs.width) {
      self.attr('width', Number(img.getAttribute('width')));
    }
8664
    if (!attrs.height) {
      self.attr('height', Number(img.getAttribute('height')));
    }
    return img;
  } else if (img instanceof ImageData) {
    if (!attrs.width) {
      self.attr('width', img.width);
    }
8673
    if (!attrs.height) {
      self.attr('height', img.height);
    }
    return img;
  } else {
    return null;
  }
},
drawInner: function drawInner(context) {
  if (this.get('loading')) {
    this.set('toDraw', true);
    return;
  }
  this._drawImage(context);
},
_drawImage: function _drawImage(context) {
  var attrs = this.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var image = attrs.img;
  var width = attrs.width;
  var height = attrs.height;
  var sx = attrs.sx;
  var sy = attrs.sy;
  var swidth = attrs.swidth;
  var sheight = attrs.sheight;
  this.set('toDraw', false);
8701
  var img = image;
  if (img instanceof ImageData) {
    img = new Image();
    img.src = image;
  }
  if (img instanceof Image || img instanceof HTMLElement && Util.isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {
    if (Util.isNil(sx) || Util.isNil(sy) || Util.isNil(swidth) || Util.isNil(sheight)) {
      context.drawImage(img, x, y, width, height);
      return;
    }
    if (!Util.isNil(sx) && !Util.isNil(sy) && !Util.isNil(swidth) && !Util.isNil(sheight)) {
      context.drawImage(img, sx, sy, swidth, sheight, x, y, width, height);
      return;
    }
  }
  return;
}
8719});
8720
8721module.exports = CImage;
8722
8723/***/ }),
8724/* 76 */
8725/***/ (function(module, exports, __webpack_require__) {
8726
8727var Util = __webpack_require__(0);
8728var Shape = __webpack_require__(1);
8729var Inside = __webpack_require__(3);
8730
8731var Polygon = function Polygon(cfg) {
Polygon.superclass.constructor.call(this, cfg);
8733};
8734
8735Polygon.ATTRS = {
points: null,
lineWidth: 1
8738};
8739
8740Util.extend(Polygon, Shape);
8741
8742Util.augment(Polygon, {
canFill: true,
canStroke: true,
type: 'polygon',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  var lineWidth = this.getHitLineWidth();
  if (!points || points.length === 0) {
    return null;
  }
  var minX = Infinity;
  var minY = Infinity;
  var maxX = -Infinity;
  var maxY = -Infinity;
8763
  Util.each(points, function (point) {
    var x = point[0];
    var y = point[1];
    if (x < minX) {
      minX = x;
    }
    if (x > maxX) {
      maxX = x;
    }
8773
    if (y < minY) {
      minY = y;
    }
8777
    if (y > maxY) {
      maxY = y;
    }
  });
8782
  var halfWidth = lineWidth / 2;
  return {
    minX: minX - halfWidth,
    minY: minY - halfWidth,
    maxX: maxX + halfWidth,
    maxY: maxY + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var fill = self.hasFill();
  var stroke = self.hasStroke();
8795
  if (fill && stroke) {
    return self._isPointInFill(x, y) || self._isPointInStroke(x, y);
  }
8799
  if (fill) {
    return self._isPointInFill(x, y);
  }
8803
  if (stroke) {
    return self._isPointInStroke(x, y);
  }
8807
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var self = this;
  var context = self.get('context');
  self.createPath();
  return context.isPointInPath(x, y);
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  if (points.length < 2) {
    return false;
  }
  var lineWidth = this.getHitLineWidth();
  var outPoints = points.slice(0);
  if (points.length >= 3) {
    outPoints.push(points[0]);
  }
8828
  return Inside.polyline(outPoints, lineWidth, x, y);
},
createPath: function createPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  if (points.length < 2) {
    return;
  }
  context = context || self.get('context');
  context.beginPath();
  Util.each(points, function (point, index) {
    if (index === 0) {
      context.moveTo(point[0], point[1]);
    } else {
      context.lineTo(point[0], point[1]);
    }
  });
  context.closePath();
}
8849});
8850
8851module.exports = Polygon;
8852
8853/***/ }),
8854/* 77 */
8855/***/ (function(module, exports, __webpack_require__) {
8856
8857var Util = __webpack_require__(0);
8858var Shape = __webpack_require__(1);
8859var Inside = __webpack_require__(3);
8860var Arrow = __webpack_require__(7);
8861var LineMath = __webpack_require__(28);
8862
8863var Polyline = function Polyline(cfg) {
Polyline.superclass.constructor.call(this, cfg);
8865};
8866
8867Polyline.ATTRS = {
points: null,
lineWidth: 1,
startArrow: false,
endArrow: false,
tCache: null
8873};
8874
8875Util.extend(Polyline, Shape);
8876
8877Util.augment(Polyline, {
canStroke: true,
type: 'polyline',
tCache: null, // 缓存各点的t
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var lineWidth = this.getHitLineWidth();
  var points = attrs.points;
  if (!points || points.length === 0) {
    return null;
  }
  var minX = Infinity;
  var minY = Infinity;
  var maxX = -Infinity;
  var maxY = -Infinity;
8900
  Util.each(points, function (point) {
    var x = point[0];
    var y = point[1];
    if (x < minX) {
      minX = x;
    }
    if (x > maxX) {
      maxX = x;
    }
8910
    if (y < minY) {
      minY = y;
    }
8914
    if (y > maxY) {
      maxY = y;
    }
  });
8919
  var halfWidth = lineWidth / 2;
  return {
    minX: minX - halfWidth,
    minY: minY - halfWidth,
    maxX: maxX + halfWidth,
    maxY: maxY + halfWidth
  };
},
_setTcache: function _setTcache() {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  var totalLength = 0;
  var tempLength = 0;
  var tCache = [];
  var segmentT = void 0;
  var segmentL = void 0;
  if (!points || points.length === 0) {
    return;
  }
8940
  Util.each(points, function (p, i) {
    if (points[i + 1]) {
      totalLength += LineMath.len(p[0], p[1], points[i + 1][0], points[i + 1][1]);
    }
  });
  if (totalLength <= 0) {
    return;
  }
  Util.each(points, function (p, i) {
    if (points[i + 1]) {
      segmentT = [];
      segmentT[0] = tempLength / totalLength;
      segmentL = LineMath.len(p[0], p[1], points[i + 1][0], points[i + 1][1]);
      tempLength += segmentL;
      segmentT[1] = tempLength / totalLength;
      tCache.push(segmentT);
    }
  });
  this.tCache = tCache;
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var attrs = self.__attrs;
  if (self.hasStroke()) {
    var points = attrs.points;
    if (points.length < 2) {
      return false;
    }
    var lineWidth = attrs.lineWidth;
    return Inside.polyline(points, lineWidth, x, y);
  }
  return false;
},
createPath: function createPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  var l = void 0;
  var i = void 0;
8980
  if (points.length < 2) {
    return;
  }
  context = context || self.get('context');
  context.beginPath();
8986
  context.moveTo(points[0][0], points[0][1]);
  for (i = 1, l = points.length - 1; i < l; i++) {
    context.lineTo(points[i][0], points[i][1]);
  }
  context.lineTo(points[l][0], points[l][1]);
},
getStartTangent: function getStartTangent() {
  var points = this.__attrs.points;
  var result = [];
  result.push([points[1][0], points[1][1]]);
  result.push([points[0][0], points[0][1]]);
  return result;
},
getEndTangent: function getEndTangent() {
  var points = this.__attrs.points;
  var l = points.length - 1;
  var result = [];
  result.push([points[l - 1][0], points[l - 1][1]]);
  result.push([points[l][0], points[l][1]]);
  return result;
},
afterPath: function afterPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var points = attrs.points;
  var l = points.length - 1;
  context = context || self.get('context');
9014
  if (attrs.startArrow) {
    Arrow.addStartArrow(context, attrs, points[1][0], points[1][1], points[0][0], points[0][1]);
  }
  if (attrs.endArrow) {
    Arrow.addEndArrow(context, attrs, points[l - 1][0], points[l - 1][1], points[l][0], points[l][1]);
  }
},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  var points = attrs.points;
  var tCache = this.tCache;
  var subt = void 0;
  var index = void 0;
  if (!tCache) {
    this._setTcache();
    tCache = this.tCache;
  }
  Util.each(tCache, function (v, i) {
    if (t >= v[0] && t <= v[1]) {
      subt = (t - v[0]) / (v[1] - v[0]);
      index = i;
    }
  });
  return {
    x: LineMath.at(points[index][0], points[index + 1][0], subt),
    y: LineMath.at(points[index][1], points[index + 1][1], subt)
  };
}
9043});
9044
9045module.exports = Polyline;
9046
9047/***/ }),
9048/* 78 */
9049/***/ (function(module, exports, __webpack_require__) {
9050
9051var Util = __webpack_require__(0);
9052var Shape = __webpack_require__(1);
9053var Inside = __webpack_require__(3);
9054var ArcMath = __webpack_require__(30);
9055var Arrow = __webpack_require__(7);
9056
9057function _getArcX(x, radius, angle) {
return x + radius * Math.cos(angle);
9059}
9060function _getArcY(y, radius, angle) {
return y + radius * Math.sin(angle);
9062}
9063
9064var Arc = function Arc(cfg) {
Arc.superclass.constructor.call(this, cfg);
9066};
9067
9068Arc.ATTRS = {
x: 0,
y: 0,
r: 0,
startAngle: 0,
endAngle: 0,
clockwise: false,
lineWidth: 1,
startArrow: false,
endArrow: false
9078};
9079
9080Util.extend(Arc, Shape);
9081
9082Util.augment(Arc, {
canStroke: true,
type: 'arc',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    x: 0,
    y: 0,
    r: 0,
    startAngle: 0,
    endAngle: 0,
    clockwise: false,
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var x = attrs.x,
      y = attrs.y,
      r = attrs.r,
      startAngle = attrs.startAngle,
      endAngle = attrs.endAngle,
      clockwise = attrs.clockwise;
9106
  var lineWidth = this.getHitLineWidth();
  var halfWidth = lineWidth / 2;
  var box = ArcMath.box(x, y, r, startAngle, endAngle, clockwise);
  box.minX -= halfWidth;
  box.minY -= halfWidth;
  box.maxX += halfWidth;
  box.maxY += halfWidth;
  return box;
},
getStartTangent: function getStartTangent() {
  var attrs = this.__attrs;
  var x = attrs.x,
      y = attrs.y,
      startAngle = attrs.startAngle,
      r = attrs.r,
      clockwise = attrs.clockwise;
9123
  var diff = Math.PI / 180;
  if (clockwise) {
    diff *= -1;
  }
  var result = [];
  var x1 = _getArcX(x, r, startAngle + diff);
  var y1 = _getArcY(y, r, startAngle + diff);
  var x2 = _getArcX(x, r, startAngle);
  var y2 = _getArcY(y, r, startAngle);
  result.push([x1, y1]);
  result.push([x2, y2]);
  return result;
},
getEndTangent: function getEndTangent() {
  var attrs = this.__attrs;
  var x = attrs.x,
      y = attrs.y,
      endAngle = attrs.endAngle,
      r = attrs.r,
      clockwise = attrs.clockwise;
9144
  var diff = Math.PI / 180;
  var result = [];
  if (clockwise) {
    diff *= -1;
  }
  var x1 = _getArcX(x, r, endAngle + diff);
  var y1 = _getArcY(y, r, endAngle + diff);
  var x2 = _getArcX(x, r, endAngle);
  var y2 = _getArcY(y, r, endAngle);
  result.push([x2, y2]);
  result.push([x1, y1]);
  return result;
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.r,
      startAngle = attrs.startAngle,
      endAngle = attrs.endAngle,
      clockwise = attrs.clockwise;
9166
  var lineWidth = this.getHitLineWidth();
  if (this.hasStroke()) {
    return Inside.arcline(cx, cy, r, startAngle, endAngle, clockwise, lineWidth, x, y);
  }
  return false;
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var x = attrs.x,
      y = attrs.y,
      r = attrs.r,
      startAngle = attrs.startAngle,
      endAngle = attrs.endAngle,
      clockwise = attrs.clockwise;
9181
  context = context || self.get('context');
9183
  context.beginPath();
  context.arc(x, y, r, startAngle, endAngle, clockwise);
},
afterPath: function afterPath(context) {
  var attrs = this.__attrs;
  context = context || this.get('context');
9190
  if (attrs.startArrow) {
    var startPoints = this.getStartTangent();
    Arrow.addStartArrow(context, attrs, startPoints[0][0], startPoints[0][1], startPoints[1][0], startPoints[1][1]);
  }
9195
  if (attrs.endArrow) {
    var endPoints = this.getEndTangent();
    Arrow.addEndArrow(context, attrs, endPoints[0][0], endPoints[0][1], endPoints[1][0], endPoints[1][1]);
  }
}
9201});
9202
9203module.exports = Arc;
9204
9205/***/ }),
9206/* 79 */
9207/***/ (function(module, exports, __webpack_require__) {
9208
9209var Util = __webpack_require__(0);
9210var Shape = __webpack_require__(1);
9211var Inside = __webpack_require__(3);
9212var ArcMath = __webpack_require__(30);
9213var vec2 = __webpack_require__(2).vec2;
9214
9215var Fan = function Fan(cfg) {
Fan.superclass.constructor.call(this, cfg);
9217};
9218
9219Fan.ATTRS = {
x: 0,
y: 0,
rs: 0,
re: 0,
startAngle: 0,
endAngle: 0,
clockwise: false,
lineWidth: 1
9228};
9229
9230Util.extend(Fan, Shape);
9231
9232Util.augment(Fan, {
canFill: true,
canStroke: true,
type: 'fan',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    clockwise: false,
    lineWidth: 1,
    rs: 0,
    re: 0
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rs = attrs.rs;
  var re = attrs.re;
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  var clockwise = attrs.clockwise;
  var lineWidth = this.getHitLineWidth();
9255
  var boxs = ArcMath.box(cx, cy, rs, startAngle, endAngle, clockwise);
  var boxe = ArcMath.box(cx, cy, re, startAngle, endAngle, clockwise);
  var minX = Math.min(boxs.minX, boxe.minX);
  var minY = Math.min(boxs.minY, boxe.minY);
  var maxX = Math.max(boxs.maxX, boxe.maxX);
  var maxY = Math.max(boxs.maxY, boxe.maxY);
9262
  var halfWidth = lineWidth / 2;
  return {
    minX: minX - halfWidth,
    minY: minY - halfWidth,
    maxX: maxX + halfWidth,
    maxY: maxY + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var fill = this.hasFill();
  var stroke = this.hasStroke();
9274
  if (fill && stroke) {
    return this._isPointInFill(x, y) || this._isPointInStroke(x, y);
  }
9278
  if (fill) {
    return this._isPointInFill(x, y);
  }
9282
  if (stroke) {
    return this._isPointInStroke(x, y);
  }
  return false;
},
_isPointInFill: function _isPointInFill(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rs = attrs.rs;
  var re = attrs.re;
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  var clockwise = attrs.clockwise;
  var v1 = [1, 0];
  var subv = [x - cx, y - cy];
  var angle = vec2.angleTo(v1, subv);
9300
  var angle1 = ArcMath.nearAngle(angle, startAngle, endAngle, clockwise);
9302
  if (Util.isNumberEqual(angle, angle1)) {
    var ls = vec2.squaredLength(subv);
    if (rs * rs <= ls && ls <= re * re) {
      return true;
    }
  }
  return false;
},
_isPointInStroke: function _isPointInStroke(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rs = attrs.rs;
  var re = attrs.re;
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  var clockwise = attrs.clockwise;
  var lineWidth = this.getHitLineWidth();
9321
  var ssp = {
    x: Math.cos(startAngle) * rs + cx,
    y: Math.sin(startAngle) * rs + cy
  };
  var sep = {
    x: Math.cos(startAngle) * re + cx,
    y: Math.sin(startAngle) * re + cy
  };
  var esp = {
    x: Math.cos(endAngle) * rs + cx,
    y: Math.sin(endAngle) * rs + cy
  };
  var eep = {
    x: Math.cos(endAngle) * re + cx,
    y: Math.sin(endAngle) * re + cy
  };
9338
  if (Inside.line(ssp.x, ssp.y, sep.x, sep.y, lineWidth, x, y)) {
    return true;
  }
9342
  if (Inside.line(esp.x, esp.y, eep.x, eep.y, lineWidth, x, y)) {
    return true;
  }
9346
  if (Inside.arcline(cx, cy, rs, startAngle, endAngle, clockwise, lineWidth, x, y)) {
    return true;
  }
9350
  if (Inside.arcline(cx, cy, re, startAngle, endAngle, clockwise, lineWidth, x, y)) {
    return true;
  }
9354
  return false;
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var rs = attrs.rs;
  var re = attrs.re;
  var startAngle = attrs.startAngle;
  var endAngle = attrs.endAngle;
  var clockwise = attrs.clockwise;
9366
  var ssp = {
    x: Math.cos(startAngle) * rs + cx,
    y: Math.sin(startAngle) * rs + cy
  };
  var sep = {
    x: Math.cos(startAngle) * re + cx,
    y: Math.sin(startAngle) * re + cy
  };
  var esp = {
    x: Math.cos(endAngle) * rs + cx,
    y: Math.sin(endAngle) * rs + cy
  };
9379
  context = context || self.get('context');
  context.beginPath();
  context.moveTo(ssp.x, ssp.y);
  context.lineTo(sep.x, sep.y);
  context.arc(cx, cy, re, startAngle, endAngle, clockwise);
  context.lineTo(esp.x, esp.y);
  context.arc(cx, cy, rs, endAngle, startAngle, !clockwise);
  context.closePath();
}
9389});
9390
9391module.exports = Fan;
9392
9393/***/ }),
9394/* 80 */
9395/***/ (function(module, exports, __webpack_require__) {
9396
9397var Util = __webpack_require__(0);
9398var Shape = __webpack_require__(1);
9399var Inside = __webpack_require__(3);
9400var Arrow = __webpack_require__(7);
9401var CubicMath = __webpack_require__(16);
9402
9403var Cubic = function Cubic(cfg) {
Cubic.superclass.constructor.call(this, cfg);
9405};
9406
9407Cubic.ATTRS = {
p1: null, // 起始点
p2: null, // 第一个控制点
p3: null, // 第二个控制点
p4: null, // 终点
lineWidth: 1,
startArrow: false,
endArrow: false
9415};
9416
9417Util.extend(Cubic, Shape);
9418
9419Util.augment(Cubic, {
canStroke: true,
type: 'cubic',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3,
      p4 = attrs.p4;
9435
  var lineWidth = this.getHitLineWidth();
  var i = void 0;
  var l = void 0;
9439
  if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3) || Util.isNil(p4)) {
    return null;
  }
  var halfWidth = lineWidth / 2;
9444
  var xDim = CubicMath.extrema(p1[0], p2[0], p3[0], p4[0]);
  for (i = 0, l = xDim.length; i < l; i++) {
    xDim[i] = CubicMath.at(p1[0], p2[0], p3[0], p4[0], xDim[i]);
  }
  var yDim = CubicMath.extrema(p1[1], p2[1], p3[1], p4[1]);
  for (i = 0, l = yDim.length; i < l; i++) {
    yDim[i] = CubicMath.at(p1[1], p2[1], p3[1], p4[1], yDim[i]);
  }
  xDim.push(p1[0], p4[0]);
  yDim.push(p1[1], p4[1]);
9455
  return {
    minX: Math.min.apply(Math, xDim) - halfWidth,
    maxX: Math.max.apply(Math, xDim) + halfWidth,
    minY: Math.min.apply(Math, yDim) - halfWidth,
    maxY: Math.max.apply(Math, yDim) + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3,
      p4 = attrs.p4;
9469
  var lineWidth = this.getHitLineWidth();
  return Inside.cubicline(p1[0], p1[1], p2[0], p2[1], p3[0], p3[1], p4[0], p4[1], lineWidth, x, y);
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3,
      p4 = attrs.p4;
9479
  context = context || self.get('context');
  if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3) || Util.isNil(p4)) {
    return;
  }
  context.beginPath();
  context.moveTo(p1[0], p1[1]);
  context.bezierCurveTo(p2[0], p2[1], p3[0], p3[1], p4[0], p4[1]);
},
afterPath: function afterPath(context) {
  var attrs = this.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3,
      p4 = attrs.p4;
9494
  context = context || this.get('context');
  if (attrs.startArrow) {
    Arrow.addStartArrow(context, attrs, p2[0], p2[1], p1[0], p1[1]);
  }
  if (attrs.endArrow) {
    Arrow.addEndArrow(context, attrs, p3[0], p3[1], p4[0], p4[1]);
  }
},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  return {
    x: CubicMath.at(attrs.p4[0], attrs.p3[0], attrs.p2[0], attrs.p1[0], t),
    y: CubicMath.at(attrs.p4[1], attrs.p3[1], attrs.p2[1], attrs.p1[1], t)
  };
}
9510});
9511
9512module.exports = Cubic;
9513
9514/***/ }),
9515/* 81 */
9516/***/ (function(module, exports, __webpack_require__) {
9517
9518var Util = __webpack_require__(0);
9519var Shape = __webpack_require__(1);
9520var Inside = __webpack_require__(3);
9521var Arrow = __webpack_require__(7);
9522var QuadraticMath = __webpack_require__(29);
9523
9524var Quadratic = function Quadratic(cfg) {
Quadratic.superclass.constructor.call(this, cfg);
9526};
9527
9528Quadratic.ATTRS = {
p1: null, // 起始点
p2: null, // 控制点
p3: null, // 结束点
lineWidth: 1,
startArrow: false,
endArrow: false
9535};
9536
9537Util.extend(Quadratic, Shape);
9538
9539Util.augment(Quadratic, {
canStroke: true,
type: 'quadratic',
getDefaultAttrs: function getDefaultAttrs() {
  return {
    lineWidth: 1,
    startArrow: false,
    endArrow: false
  };
},
calculateBox: function calculateBox() {
  var self = this;
  var attrs = self.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3;
9555
  var lineWidth = this.getHitLineWidth();
  var i = void 0;
  var l = void 0;
9559
  if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3)) {
    return null;
  }
  var halfWidth = lineWidth / 2;
  var xDims = QuadraticMath.extrema(p1[0], p2[0], p3[0]);
  for (i = 0, l = xDims.length; i < l; i++) {
    xDims[i] = QuadraticMath.at(p1[0], p2[0], p3[0], xDims[i]);
  }
  xDims.push(p1[0], p3[0]);
  var yDims = QuadraticMath.extrema(p1[1], p2[1], p3[1]);
  for (i = 0, l = yDims.length; i < l; i++) {
    yDims[i] = QuadraticMath.at(p1[1], p2[1], p3[1], yDims[i]);
  }
  yDims.push(p1[1], p3[1]);
9574
  return {
    minX: Math.min.apply(Math, xDims) - halfWidth,
    maxX: Math.max.apply(Math, xDims) + halfWidth,
    minY: Math.min.apply(Math, yDims) - halfWidth,
    maxY: Math.max.apply(Math, yDims) + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var self = this;
  var attrs = self.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3;
9588
  var lineWidth = this.getHitLineWidth();
9590
  return Inside.quadraticline(p1[0], p1[1], p2[0], p2[1], p3[0], p3[1], lineWidth, x, y);
},
createPath: function createPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3;
9599
  if (Util.isNil(p1) || Util.isNil(p2) || Util.isNil(p3)) {
    return;
  }
  context = context || self.get('context');
  context.beginPath();
  context.moveTo(p1[0], p1[1]);
  context.quadraticCurveTo(p2[0], p2[1], p3[0], p3[1]);
},
afterPath: function afterPath(context) {
  var self = this;
  var attrs = self.__attrs;
  var p1 = attrs.p1,
      p2 = attrs.p2,
      p3 = attrs.p3;
9614
  context = context || self.get('context');
9616
  if (attrs.startArrow) {
    Arrow.addStartArrow(context, attrs, p2[0], p2[1], p1[0], p1[1]);
  }
9620
  if (attrs.endArrow) {
    Arrow.addEndArrow(context, attrs, p2[0], p2[1], p3[0], p3[1]);
  }
},
getPoint: function getPoint(t) {
  var attrs = this.__attrs;
  return {
    x: QuadraticMath.at(attrs.p1[0], attrs.p2[0], attrs.p3[0], t),
    y: QuadraticMath.at(attrs.p1[1], attrs.p2[1], attrs.p3[1], t)
  };
}
9632});
9633
9634module.exports = Quadratic;
9635
9636/***/ }),
9637/* 82 */
9638/***/ (function(module, exports, __webpack_require__) {
9639
9640var Util = __webpack_require__(0);
9641var Shape = __webpack_require__(1);
9642var Inside = __webpack_require__(3);
9643var Format = __webpack_require__(27);
9644var PathSegment = __webpack_require__(31);
9645
9646var Marker = function Marker(cfg) {
Marker.superclass.constructor.call(this, cfg);
9648};
9649
9650Marker.Symbols = {
// 圆
circle: function circle(x, y, r) {
  return [['M', x, y], ['m', -r, 0], ['a', r, r, 0, 1, 0, r * 2, 0], ['a', r, r, 0, 1, 0, -r * 2, 0]];
},
9655
// 正方形
square: function square(x, y, r) {
  return [['M', x - r, y - r], ['L', x + r, y - r], ['L', x + r, y + r], ['L', x - r, y + r], ['Z']];
},
9660
// 菱形
diamond: function diamond(x, y, r) {
  return [['M', x - r, y], ['L', x, y - r], ['L', x + r, y], ['L', x, y + r], ['Z']];
},
9665
// 三角形
triangle: function triangle(x, y, r) {
  var diffY = r * Math.sin(1 / 3 * Math.PI);
  return [['M', x - r, y + diffY], ['L', x, y - diffY], ['L', x + r, y + diffY], ['z']];
},
9671
// 倒三角形
'triangle-down': function triangleDown(x, y, r) {
  var diffY = r * Math.sin(1 / 3 * Math.PI);
  return [['M', x - r, y - diffY], ['L', x + r, y - diffY], ['L', x, y + diffY], ['Z']];
}
9677};
9678
9679Marker.ATTRS = {
path: null,
lineWidth: 1
9682};
9683
9684Util.extend(Marker, Shape);
9685
9686Util.augment(Marker, {
type: 'marker',
canFill: true,
canStroke: true,
getDefaultAttrs: function getDefaultAttrs() {
  return {
    x: 0,
    y: 0,
    lineWidth: 1
  };
},
calculateBox: function calculateBox() {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.radius;
  var lineWidth = this.getHitLineWidth();
  var halfWidth = lineWidth / 2 + r;
  return {
    minX: cx - halfWidth,
    minY: cy - halfWidth,
    maxX: cx + halfWidth,
    maxY: cy + halfWidth
  };
},
isPointInPath: function isPointInPath(x, y) {
  var attrs = this.__attrs;
  var cx = attrs.x;
  var cy = attrs.y;
  var r = attrs.radius || attrs.r;
  var lineWidth = this.getHitLineWidth();
  return Inside.circle(cx, cy, r + lineWidth / 2, x, y);
},
createPath: function createPath(context) {
  var attrs = this.__attrs;
  var x = attrs.x;
  var y = attrs.y;
  var r = attrs.radius || attrs.r;
  var symbol = attrs.symbol || 'circle';
  var method = void 0;
  if (Util.isFunction(symbol)) {
    method = symbol;
  } else {
    method = Marker.Symbols[symbol];
  }
  var path = method(x, y, r);
  path = Format.parsePath(path);
  context.beginPath();
  var preSegment = void 0;
  for (var i = 0; i < path.length; i++) {
    var item = path[i];
    preSegment = new PathSegment(item, preSegment, i === path.length - 1);
    preSegment.draw(context);
  }
}
9741});
9742
9743module.exports = Marker;
9744
9745/***/ }),
9746/* 83 */
9747/***/ (function(module, exports, __webpack_require__) {
9748
9749/**
* @fileOverview Interaction
* @author leungwensen@gmail.com
*/
9753
9754var Interactions = {
Base: __webpack_require__(8),
Brush: __webpack_require__(155),
Drag: __webpack_require__(156),
ShapeSelect: __webpack_require__(157),
Zoom: __webpack_require__(158),
helper: {
  bindInteraction: __webpack_require__(159)
}
9763};
9764
9765module.exports = Interactions;
9766
9767/***/ }),
9768/* 84 */
9769/***/ (function(module, exports, __webpack_require__) {
9770
9771module.exports = {
Canvas: __webpack_require__(85),
Group: __webpack_require__(43),
Shape: __webpack_require__(4),
Rect: __webpack_require__(46),
Circle: __webpack_require__(47),
Ellipse: __webpack_require__(48),
Path: __webpack_require__(49),
Text: __webpack_require__(50),
Line: __webpack_require__(51),
Image: __webpack_require__(52),
Polygon: __webpack_require__(53),
Marker: __webpack_require__(54),
Dom: __webpack_require__(55),
Fan: __webpack_require__(56),
Event: __webpack_require__(42)
9787};
9788
9789/***/ }),
9790/* 85 */
9791/***/ (function(module, exports, __webpack_require__) {
9792
9793var Util = __webpack_require__(0);
9794var Event = __webpack_require__(42);
9795var Group = __webpack_require__(43);
9796var Defs = __webpack_require__(117);
9797var Timeline = __webpack_require__(57);
9798
9799var Canvas = function Canvas(cfg) {
Canvas.superclass.constructor.call(this, cfg);
9801};
9802
9803Canvas.CFG = {
eventEnable: true,
/**
 * 像素宽度
 * @type {Number}
 */
width: null,
/**
 * 像素高度
 * @type {Number}
 */
height: null,
/**
 * 画布宽度
 * @type {Number}
 */
widthCanvas: null,
/**
 * 画布高度
 * @type {Number}
 */
heightCanvas: null,
/**
 * CSS宽
 * CSS宽
 * @type {String}
 */
widthStyle: null,
/**
 * CSS高
 * @type {String}
 */
heightStyle: null,
/**
 * 容器DOM
 * @type {Object}
 */
containerDOM: null,
/**
 * 当前Canvas的DOM
 * @type {Object}
 */
canvasDOM: null,
/**
 * 屏幕像素比
 * @type {Number}
 */
pixelRatio: Util.getRatio()
9851};
9852
9853Util.extend(Canvas, Group);
9854
9855Util.augment(Canvas, {
init: function init() {
  Canvas.superclass.init.call(this);
  this._setDOM();
  this._setInitSize();
  // this._scale();
  if (this.get('eventEnable')) {
    this._registEvents();
  }
},
getEmitter: function getEmitter(element, event) {
  if (element) {
    if (Util.isEmpty(element._getEvents())) {
      var parent = element.get('parent');
      if (parent && !event.propagationStopped) {
        return this.getEmitter(parent, event);
      }
    } else {
      return element;
    }
  }
},
_getEventObj: function _getEventObj(type, e, point, target) {
  var event = new Event(type, e, true, true);
  event.x = point.x;
  event.y = point.y;
  event.clientX = e.clientX;
  event.clientY = e.clientY;
  event.currentTarget = target;
  event.target = target;
  return event;
},
_triggerEvent: function _triggerEvent(type, e) {
  var point = this.getPointByClient(e.clientX, e.clientY);
  var shape = this.findShape(e.srcElement);
  var emitObj = void 0;
  if (type === 'mousemove') {
    var preShape = this.get('preShape');
    if (preShape && preShape !== shape) {
      var mouseleave = this._getEventObj('mouseleave', e, point, preShape);
      emitObj = this.getEmitter(preShape, e);
      emitObj && emitObj.emit('mouseleave', mouseleave);
    }
9898
    if (shape) {
      var mousemove = this._getEventObj('mousemove', e, point, shape);
      emitObj = this.getEmitter(shape, e);
      emitObj && emitObj.emit('mousemove', mousemove);
9903
      if (preShape !== shape) {
        var mouseenter = this._getEventObj('mouseenter', e, point, shape);
        emitObj && emitObj.emit('mouseenter', mouseenter, e);
      }
    } else {
      var canvasmousemove = this._getEventObj('mousemove', e, point, this);
      this.emit('mousemove', canvasmousemove);
    }
    this.set('preShape', shape);
  } else {
    var event = this._getEventObj(type, e, point, shape || this);
    emitObj = this.getEmitter(shape, e);
    if (emitObj && emitObj !== this) {
      emitObj.emit(type, event);
    }
    this.emit(type, event);
  }
9921
  var el = this.get('el');
  if (shape && !shape.get('destroyed')) {
    el.style.cursor = shape.attr('cursor') || 'default';
  }
},
_registEvents: function _registEvents() {
  var self = this;
  var el = self.get('el');
  var events = ['mouseout', 'mouseover', 'mousemove', 'mousedown', 'mouseup', 'click', 'dblclick'];
9931
  Util.each(events, function (event) {
    el.addEventListener(event, function (e) {
      self._triggerEvent(event, e);
    }, false);
  });
  el.addEventListener('touchstart', function (e) {
    if (!Util.isEmpty(e.touches)) {
      self._triggerEvent('touchstart', e.touches[0]);
    }
  }, false);
9942
  el.addEventListener('touchmove', function (e) {
    if (!Util.isEmpty(e.touches)) {
      self._triggerEvent('touchmove', e.touches[0]);
    }
  }, false);
9948
  el.addEventListener('touchend', function (e) {
    if (!Util.isEmpty(e.changedTouches)) {
      self._triggerEvent('touchend', e.changedTouches[0]);
    }
  }, false);
},
_setDOM: function _setDOM() {
  this._setContainer();
  this._setLayer();
},
_setContainer: function _setContainer() {
  var containerId = this.get('containerId');
  var containerDOM = this.get('containerDOM');
  if (!containerDOM) {
    containerDOM = document.getElementById(containerId);
    this.set('containerDOM', containerDOM);
  }
  Util.modifyCSS(containerDOM, {
    position: 'relative'
  });
},
_setLayer: function _setLayer() {
  var containerDOM = this.get('containerDOM');
  var canvasId = Util.uniqueId('svg_');
  if (containerDOM) {
    var _canvasDOM = Util.createDom('<svg id="' + canvasId + '"></svg>');
    containerDOM.appendChild(_canvasDOM);
    var defs = new Defs();
    _canvasDOM.appendChild(defs.get('el'));
    this.set('canvasDOM', _canvasDOM);
    this.set('el', _canvasDOM);
    this.set('defs', defs);
    this.set('canvas', this);
  }
  var canvasDOM = this.get('canvasDOM');
  var timeline = new Timeline();
  this.setSilent('timeline', timeline);
  this.set('context', canvasDOM);
},
_setInitSize: function _setInitSize() {
  this.changeSize(this.get('width'), this.get('height'));
  this.set('pixelRatio', 1);
},
_resize: function _resize() {
  var canvasDOM = this.get('canvasDOM');
  var widthCanvas = this.get('widthCanvas');
  var heightCanvas = this.get('heightCanvas');
  var widthStyle = this.get('widthStyle');
  var heightStyle = this.get('heightStyle');
9998
  canvasDOM.style.width = widthStyle;
  canvasDOM.style.height = heightStyle;
  canvasDOM.setAttribute('width', widthCanvas);
  canvasDOM.setAttribute('height', heightCanvas);
},
getWidth: function getWidth() {
  return this.get('width');
},
getHeight: function getHeight() {
  return this.get('height');
},
changeSize: function changeSize(width, height) {
  this.set('widthCanvas', width);
  this.set('heightCanvas', height);
  this.set('widthStyle', width + 'px');
  this.set('heightStyle', height + 'px');
  this.set('width', width);
  this.set('height', height);
  this._resize();
},
10019
/**
 * 将窗口坐标转变成 canvas 坐标
 * @param  {Number} clientX 窗口x坐标
 * @param  {Number} clientY 窗口y坐标
 * @return {Object} canvas坐标
 */
getPointByClient: function getPointByClient(clientX, clientY) {
  var el = this.get('el');
  var bbox = el.getBoundingClientRect();
  return {
    x: clientX - bbox.left,
    y: clientY - bbox.top
  };
},
getClientByPoint: function getClientByPoint(x, y) {
  var el = this.get('el');
  var bbox = el.getBoundingClientRect();
  return {
    clientX: x + bbox.left,
    clientY: y + bbox.top
  };
},
beforeDraw: function beforeDraw() {
  var el = this.get('el');
  // canvas版本用盖一个canvas大小的矩阵清空画布，svg换成清空html
  el.innerHTML = '';
},
_beginDraw: function _beginDraw() {
  this.setSilent('toDraw', true);
},
_endDraw: function _endDraw() {
  this.setSilent('toDraw', false);
},
10053
// svg实时渲染，兼容canvas版本留个空接口
draw: function draw() {},
destroy: function destroy() {
  var containerDOM = this.get('containerDOM');
  var canvasDOM = this.get('canvasDOM');
  if (canvasDOM && containerDOM) {
    containerDOM.removeChild(canvasDOM);
  }
  Canvas.superclass.destroy.call(this);
}
10064});
10065
10066module.exports = Canvas;
10067
10068/***/ }),
10069/* 86 */
10070/***/ (function(module, exports, __webpack_require__) {
10071
10072var isArrayLike = __webpack_require__(5);
10073
10074var arrayProto = Array.prototype;
10075var slice = arrayProto.slice;
10076var indexOf = arrayProto.indexOf;
10077var splice = arrayProto.splice;
10078
10079function contains(arr, value) {
if (!isArrayLike(arr)) {
  return false;
}
return indexOf.call(arr, value) > -1;
10084}
10085
10086function uniq(arr) {
var resultArr = [];
arr.forEach(function (item) {
  if (!contains(resultArr, item)) {
    resultArr.push(item);
  }
});
return resultArr;
10094}
10095
10096function pull(arr) {
/**
 * const arr = [ 'a', 'b', 'c', 'a', 'b', 'c' ]
 * pull(arr, 'a', 'c')
 * console.log(arr) // => [ 'b', 'b' ]
 */
var values = slice.call(arguments, 1);
for (var i = 0; i < values.length; i++) {
  var value = values[i];
  var fromIndex = -1;
  while ((fromIndex = indexOf.call(arr, value)) > -1) {
    splice.call(arr, fromIndex, 1);
  }
}
return arr;
10111}
10112
10113function pullAt(arr, indexes) {
if (!isArrayLike(arr)) {
  return [];
}
var length = arr ? indexes.length : 0;
var last = length - 1;
10119
while (length--) {
  var previous = void 0;
  var index = indexes[length];
  if (length === last || index !== previous) {
    previous = index;
    splice.call(arr, index, 1);
  }
}
return arr;
10129}
10130
10131function remove(arr, predicate) {
/**
 * const arr = [1, 2, 3, 4]
 * const evens = remove(arr, n => n % 2 == 0)
 * console.log(arr) // => [1, 3]
 * console.log(evens) // => [2, 4]
 */
var result = [];
if (!isArrayLike(arr)) {
  return result;
}
var i = -1;
var indexes = [];
var length = arr.length;
10145
while (++i < length) {
  var value = arr[i];
  if (predicate(value, i, arr)) {
    result.push(value);
    indexes.push(i);
  }
}
pullAt(arr, indexes);
return result;
10155}
10156
10157var arrayUtil = {
contains: contains,
pull: pull,
pullAll: pull,
pullAt: pullAt,
remove: remove,
uniq: uniq
10164};
10165
10166module.exports = arrayUtil;
10167
10168/***/ }),
10169/* 87 */
10170/***/ (function(module, exports) {
10171
10172/**
* 获取封装的事件
* @protected
* @param  {Object} obj   对象
* @param  {String} action 事件名称
* @return {Function}        返回事件处理函数
*/
10179function getWrapBehavior(obj, action) {
return obj['_wrap_' + action];
10181}
10182
10183module.exports = getWrapBehavior;
10184
10185/***/ }),
10186/* 88 */
10187/***/ (function(module, exports) {
10188
10189/**
* 封装事件，便于使用上下文this,和便于解除事件时使用
* @protected
* @param  {Object} obj   对象
* @param  {String} action 事件名称
* @return {Function}        返回事件处理函数
*/
10196function wrapBehavior(obj, action) {
if (obj['_wrap_' + action]) {
  return obj['_wrap_' + action];
}
var method = function method(e) {
  obj[action](e);
};
obj['_wrap_' + action] = method;
return method;
10205}
10206
10207module.exports = wrapBehavior;
10208
10209/***/ }),
10210/* 89 */
10211/***/ (function(module, exports, __webpack_require__) {
10212
10213var isNumber = __webpack_require__(90);
10214var PRECISION = 0.00001; // numbers less than this is considered as 0
10215var RADIAN = Math.PI / 180;
10216var DEGREE = 180 / Math.PI;
10217
10218function toInteger(str, radix) {
return parseInt(str, radix || 10);
10220}
10221
10222var mathUtil = {
clamp: function clamp(a, min, max) {
  if (a < min) {
    return min;
  } else if (a > max) {
    return max;
  }
  return a;
},
isDecimal: function isDecimal(num) {
  return isNumber(num) && num % 1 !== 0;
},
isEven: function isEven(num) {
  return isNumber(num) && num % 2 === 0;
},
10237
isFinite: isFinite,
isInteger: Number.isInteger ? Number.isInteger : function (num) {
  return isNumber(num) && num % 1 === 0;
},
isNaN: isNaN,
isNegative: function isNegative(num) {
  return isNumber(num) && num < 0;
},
isNumberEqual: function isNumberEqual(a, b) {
  return Math.abs(a - b) < PRECISION;
},
isOdd: function isOdd(num) {
  return isNumber(num) && num % 2 !== 0;
},
isPositive: function isPositive(num) {
  return isNumber(num) && num > 0;
},
mod: function mod(n, m) {
  return (n % m + m) % m;
},
toFloat: function toFloat(str) {
  return parseFloat(str);
},
toDegree: function toDegree(radian) {
  return DEGREE * radian;
},
10264
toInt: toInteger,
toInteger: toInteger,
toRadian: function toRadian(degree) {
  return RADIAN * degree;
},
fixedBase: function fixedBase(v, base) {
  var str = base.toString();
  var index = str.indexOf('.');
  if (index === -1) {
    return Math.round(v);
  }
  var length = str.substr(index + 1).length;
  if (length > 20) {
    length = 20;
  }
  return parseFloat(v.toFixed(length));
}
10282};
10283
10284module.exports = mathUtil;
10285
10286/***/ }),
10287/* 90 */
10288/***/ (function(module, exports, __webpack_require__) {
10289
10290/**
* 判断是否数字
* @return {Boolean} 是否数字
*/
10294var isType = __webpack_require__(10);
10295
10296var isNumber = function isNumber(value) {
return isType(value, 'Number');
10298};
10299module.exports = isNumber;
10300
10301/***/ }),
10302/* 91 */
10303/***/ (function(module, exports) {
10304
10305
10306function toString(value) {
return value.toString();
10308}
10309
10310function upperCase(value) {
return toString(value).toUpperCase();
10312}
10313
10314function lowerCase(value) {
return toString(value).toLowerCase();
10316}
10317
10318var strUtil = {
lc: lowerCase,
lowerCase: lowerCase,
lowerFirst: function lowerFirst(value) {
  value = toString(value);
  return lowerCase(value.charAt(0)) + value.substring(1);
},
10325
uc: upperCase,
upperCase: upperCase,
upperFirst: function upperFirst(value) {
  value = toString(value);
  return upperCase(value.charAt(0)) + value.substring(1);
}
10332};
10333
10334module.exports = strUtil;
10335
10336/***/ }),
10337/* 92 */
10338/***/ (function(module, exports) {
10339
10340var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
10341
10342var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
10344} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
10346};
10347
10348var toString = {}.toString;
10349var objectProto = Object.prototype;
10350var isType = function isType(value, type) {
return toString.call(value) === '[object ' + type + ']';
10352};
10353
10354function isNull(value) {
return value === null;
10356}
10357function isUndefined(value) {
return value === undefined;
10359}
10360function isObject(value) {
/**
 * isObject({}) => true
 * isObject([1, 2, 3]) => true
 * isObject(Function) => true
 * isObject(null) => false
 */
var type = typeof value === 'undefined' ? 'undefined' : _typeof(value);
return value !== null && type === 'object' || type === 'function';
10369}
10370function isObjectLike(value) {
/**
 * isObjectLike({}) => true
 * isObjectLike([1, 2, 3]) => true
 * isObjectLike(Function) => false
 * isObjectLike(null) => false
 */
return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value !== null;
10378}
10379
10380var checkType = {
getType: function getType(value) {
  return toString.call(value).replace(/^\[object /, '').replace(/\]$/, '');
},
10384
isArray: Array.isArray ? Array.isArray : function (value) {
  return isType(value, 'Array');
},
isArrayLike: function isArrayLike(value) {
  /**
   * isArrayLike([1, 2, 3]) => true
   * isArrayLike(document.body.children) => true
   * isArrayLike('abc') => true
   * isArrayLike(Function) => false
   */
  return value !== null && typeof value !== 'function' && isFinite(value.length);
},
10397
// isFinite,
isNil: function isNil(value) {
  /**
   * isNil(null) => true
   * isNil() => true
   */
  return isUndefined(value) || isNull(value);
},
10406
isNull: isNull,
isType: isType,
isObject: isObject,
isObjectLike: isObjectLike,
isPlainObject: function isPlainObject(value) {
  /**
   * isObjectLike(new Foo) => false
   * isObjectLike([1, 2, 3]) => false
   * isObjectLike({ x: 0, y: 0 }) => true
   * isObjectLike(Object.create(null)) => true
   */
  if (!isObjectLike(value) || !isType(value, 'Object')) {
    return false;
  }
  if (Object.getPrototypeOf(value) === null) {
    return true;
  }
  var proto = value;
  while (Object.getPrototypeOf(proto) !== null) {
    proto = Object.getPrototypeOf(proto);
  }
  return Object.getPrototypeOf(value) === proto;
},
isPrototype: function isPrototype(value) {
  var Ctor = value && value.constructor;
  var proto = typeof Ctor === 'function' && Ctor.prototype || objectProto;
  return value === proto;
},
10435
isUndefined: isUndefined
10437};
10438
10439// common types
10440['Arguments', 'Boolean', 'Date', 'Error', 'Function', 'Number', 'RegExp', 'String'].forEach(function (type) {
checkType['is' + type] = function (value) {
  return isType(value, type);
};
10444});
10445
10446module.exports = checkType;
10447
10448/***/ }),
10449/* 93 */
10450/***/ (function(module, exports) {
10451
10452var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
10453
10454var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
10456} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
10458};
10459
10460var isObject = function isObject(value) {
/**
 * isObject({}) => true
 * isObject([1, 2, 3]) => true
 * isObject(Function) => true
 * isObject(null) => false
 */
var type = typeof value === 'undefined' ? 'undefined' : _typeof(value);
return value !== null && type === 'object' || type === 'function';
10469};
10470
10471module.exports = isObject;
10472
10473/***/ }),
10474/* 94 */
10475/***/ (function(module, exports, __webpack_require__) {
10476
10477var isFunction = __webpack_require__(14);
10478var toArray = __webpack_require__(35);
10479var mix = __webpack_require__(18);
10480
10481var augment = function augment(c) {
var args = toArray(arguments);
for (var i = 1; i < args.length; i++) {
  var obj = args[i];
  if (isFunction(obj)) {
    obj = obj.prototype;
  }
  mix(c.prototype, obj);
}
10490};
10491
10492module.exports = augment;
10493
10494/***/ }),
10495/* 95 */
10496/***/ (function(module, exports, __webpack_require__) {
10497
10498var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
10499
10500var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
10502} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
10504};
10505
10506var isArray = __webpack_require__(12);
10507
10508var clone = function clone(obj) {
if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) !== 'object' || obj === null) {
  return obj;
}
var rst = void 0;
if (isArray(obj)) {
  rst = [];
  for (var i = 0, l = obj.length; i < l; i++) {
    if (_typeof(obj[i]) === 'object' && obj[i] != null) {
      rst[i] = clone(obj[i]);
    } else {
      rst[i] = obj[i];
    }
  }
} else {
  rst = {};
  for (var k in obj) {
    if (_typeof(obj[k]) === 'object' && obj[k] != null) {
      rst[k] = clone(obj[k]);
    } else {
      rst[k] = obj[k];
    }
  }
}
10532
return rst;
10534};
10535
10536module.exports = clone;
10537
10538/***/ }),
10539/* 96 */
10540/***/ (function(module, exports, __webpack_require__) {
10541
10542var isPlainObject = __webpack_require__(36);
10543var isArray = __webpack_require__(12);
10544
10545var MAX_MIX_LEVEL = 5;
10546
10547function _deepMix(dist, src, level, maxLevel) {
level = level || 0;
maxLevel = maxLevel || MAX_MIX_LEVEL;
for (var key in src) {
  if (src.hasOwnProperty(key)) {
    var value = src[key];
    if (value !== null && isPlainObject(value)) {
      if (!isPlainObject(dist[key])) {
        dist[key] = {};
      }
      if (level < maxLevel) {
        _deepMix(dist[key], value, level + 1, maxLevel);
      } else {
        dist[key] = src[key];
      }
    } else if (isArray(value)) {
      dist[key] = [];
      dist[key] = dist[key].concat(value);
    } else if (value !== undefined) {
      dist[key] = value;
    }
  }
}
10570}
10571
10572var deepMix = function deepMix() {
var args = new Array(arguments.length);
var length = args.length;
for (var i = 0; i < length; i++) {
  args[i] = arguments[i];
}
var rst = args[0];
for (var _i = 1; _i < length; _i++) {
  _deepMix(rst, args[_i]);
}
return rst;
10583};
10584
10585module.exports = deepMix;
10586
10587/***/ }),
10588/* 97 */
10589/***/ (function(module, exports, __webpack_require__) {
10590
10591var isFunction = __webpack_require__(14);
10592var mix = __webpack_require__(18);
10593
10594var extend = function extend(subclass, superclass, overrides, staticOverrides) {
// 如果只提供父类构造函数，则自动生成子类构造函数
if (!isFunction(superclass)) {
  overrides = superclass;
  superclass = subclass;
  subclass = function subclass() {};
}
10601
var create = Object.create ? function (proto, c) {
  return Object.create(proto, {
    constructor: {
      value: c
    }
  });
} : function (proto, c) {
  function Tmp() {}
  Tmp.prototype = proto;
  var o = new Tmp();
  o.constructor = c;
  return o;
};
10615
var superObj = create(superclass.prototype, subclass); // new superclass(),//实例化父类作为子类的prototype
subclass.prototype = mix(superObj, subclass.prototype); // 指定子类的prototype
subclass.superclass = create(superclass.prototype, superclass);
mix(superObj, overrides);
mix(subclass, staticOverrides);
return subclass;
10622};
10623
10624module.exports = extend;
10625
10626/***/ }),
10627/* 98 */
10628/***/ (function(module, exports, __webpack_require__) {
10629
10630var each = __webpack_require__(11);
10631var isArrayLike = __webpack_require__(5);
10632
10633var filter = function filter(arr, func) {
if (!isArrayLike(arr)) {
  return arr;
}
var result = [];
each(arr, function (value, index) {
  if (func(value, index)) {
    result.push(value);
  }
});
return result;
10644};
10645
10646module.exports = filter;
10647
10648/***/ }),
10649/* 99 */
10650/***/ (function(module, exports, __webpack_require__) {
10651
10652var groupToMap = __webpack_require__(38);
10653
10654var group = function group(data, condition) {
if (!condition) {
  return [data];
}
var groups = groupToMap(data, condition);
var array = [];
for (var i in groups) {
  array.push(groups[i]);
}
return array;
10664};
10665
10666module.exports = group;
10667
10668/***/ }),
10669/* 100 */
10670/***/ (function(module, exports, __webpack_require__) {
10671
10672var isArrayLike = __webpack_require__(5);
10673
10674var indexOf = function indexOf(arr, obj) {
if (!isArrayLike(arr)) {
  return -1;
}
var m = Array.prototype.indexOf;
if (m) {
  return m.call(arr, obj);
}
var index = -1;
10683
for (var i = 0; i < arr.length; i++) {
  if (arr[i] === obj) {
    index = i;
    break;
  }
}
return index;
10691};
10692
10693module.exports = indexOf;
10694
10695/***/ }),
10696/* 101 */
10697/***/ (function(module, exports, __webpack_require__) {
10698
10699var isNil = __webpack_require__(102);
10700var isArrayLike = __webpack_require__(5);
10701var getType = __webpack_require__(103);
10702var isPrototype = __webpack_require__(104);
10703var hasOwnProperty = Object.prototype.hasOwnProperty;
10704
10705function isEmpty(value) {
/**
 * isEmpty(null) => true
 * isEmpty() => true
 * isEmpty(true) => true
 * isEmpty(1) => true
 * isEmpty([1, 2, 3]) => false
 * isEmpty('abc') => false
 * isEmpty({ a: 1 }) => false
 */
if (isNil(value)) {
  return true;
}
if (isArrayLike(value)) {
  return !value.length;
}
var type = getType(value);
if (type === 'Map' || type === 'Set') {
  return !value.size;
}
if (isPrototype(value)) {
  return !Object.keys(value).length;
}
for (var key in value) {
  if (hasOwnProperty.call(value, key)) {
    return false;
  }
}
return true;
10734}
10735
10736module.exports = isEmpty;
10737
10738/***/ }),
10739/* 102 */
10740/***/ (function(module, exports) {
10741
10742// isFinite,
10743var isNil = function isNil(value) {
/**
 * isNil(null) => true
 * isNil() => true
 */
return value === null || value === undefined;
10749};
10750
10751module.exports = isNil;
10752
10753/***/ }),
10754/* 103 */
10755/***/ (function(module, exports) {
10756
10757var toString = {}.toString;
10758
10759var getType = function getType(value) {
return toString.call(value).replace(/^\[object /, '').replace(/\]$/, '');
10761};
10762
10763module.exports = getType;
10764
10765/***/ }),
10766/* 104 */
10767/***/ (function(module, exports) {
10768
10769var objectProto = Object.prototype;
10770var isPrototype = function isPrototype(value) {
var Ctor = value && value.constructor;
var proto = typeof Ctor === 'function' && Ctor.prototype || objectProto;
return value === proto;
10774};
10775
10776module.exports = isPrototype;
10777
10778/***/ }),
10779/* 105 */
10780/***/ (function(module, exports, __webpack_require__) {
10781
10782var isType = __webpack_require__(10);
10783
10784var isString = function isString(str) {
return isType(str, 'String');
10786};
10787
10788module.exports = isString;
10789
10790/***/ }),
10791/* 106 */
10792/***/ (function(module, exports, __webpack_require__) {
10793
10794var isFunction = __webpack_require__(14);
10795var isEqual = __webpack_require__(40);
10796/**
* @param {*} value The value to compare.
* @param {*} other The other value to compare.
* @param {Function} [fn] The function to customize comparisons.
* @returns {boolean} Returns `true` if the values are equivalent, else `false`.
* @example
*
* function isGreeting(value) {
*   return /^h(?:i|ello)$/.test(value);
* }
*
* function customizer(objValue, othValue) {
*   if (isGreeting(objValue) && isGreeting(othValue)) {
*     return true;
*   }
* }
*
* var array = ['hello', 'goodbye'];
* var other = ['hi', 'goodbye'];
*
* _.isEqualWith(array, other, customizer);  // => true
*/
10818
10819var isEqualWith = function isEqualWith(value, other, fn) {
if (!isFunction(fn)) {
  return isEqual(value, other);
}
return !!fn(value, other);
10824};
10825
10826module.exports = isEqualWith;
10827
10828/***/ }),
10829/* 107 */
10830/***/ (function(module, exports, __webpack_require__) {
10831
10832var each = __webpack_require__(11);
10833var isArrayLike = __webpack_require__(5);
10834
10835var map = function map(arr, func) {
if (!isArrayLike(arr)) {
  return arr;
}
var result = [];
each(arr, function (value, index) {
  result.push(func(value, index));
});
return result;
10844};
10845
10846module.exports = map;
10847
10848/***/ }),
10849/* 108 */
10850/***/ (function(module, exports, __webpack_require__) {
10851
10852var each = __webpack_require__(11);
10853var isPlaineObject = __webpack_require__(36);
10854
10855var hasOwnProperty = Object.prototype.hasOwnProperty;
10856/**
* Creates an object composed of the picked `object` properties.
*
* @param {Object} object The source object.
* @param {...(string|string[])} [paths] The property paths to pick.
* @returns {Object} Returns the new object.
* @example
*
* var object = { 'a': 1, 'b': '2', 'c': 3 };
* pick(object, ['a', 'c']);  // => { 'a': 1, 'c': 3 }
*/
10867
10868var pick = function pick(object, keys) {
if (object === null || !isPlaineObject(object)) {
  return {};
}
var result = {};
each(keys, function (key) {
  if (hasOwnProperty.call(object, key)) {
    result[key] = object[key];
  }
});
return result;
10879};
10880
10881module.exports = pick;
10882
10883/***/ }),
10884/* 109 */
10885/***/ (function(module, exports) {
10886
10887
10888function toString(value) {
return value.toString();
10890}
10891
10892module.exports = toString;
10893
10894/***/ }),
10895/* 110 */
10896/***/ (function(module, exports) {
10897
10898var uniqueId = function () {
var map = {};
return function (prefix) {
  prefix = prefix || 'g';
  if (!map[prefix]) {
    map[prefix] = 1;
  } else {
    map[prefix] += 1;
  }
  return prefix + map[prefix];
};
10909}();
10910
10911module.exports = uniqueId;
10912
10913/***/ }),
10914/* 111 */
10915/***/ (function(module, exports, __webpack_require__) {
10916
10917var Util = __webpack_require__(0);
10918
10919var ALIAS_ATTRS = ['strokeStyle', 'fillStyle', 'globalAlpha'];
10920var CAPITALIZED_ATTRS_MAP = {
r: 'R',
opacity: 'Opacity',
lineWidth: 'LineWidth',
clip: 'Clip',
stroke: 'Stroke',
fill: 'Fill',
strokeOpacity: 'Stroke',
fillOpacity: 'Fill',
x: 'X',
y: 'Y',
rx: 'Rx',
ry: 'Ry',
re: 'Re',
rs: 'Rs',
width: 'Width',
height: 'Height',
img: 'Img',
x1: 'X1',
x2: 'X2',
y1: 'Y1',
y2: 'Y2',
points: 'Points',
p1: 'P1',
p2: 'P2',
p3: 'P3',
p4: 'P4',
text: 'Text',
radius: 'Radius',
textAlign: 'TextAlign',
textBaseline: 'TextBaseline',
font: 'Font',
fontSize: 'FontSize',
fontStyle: 'FontStyle',
fontVariant: 'FontVariant',
fontWeight: 'FontWeight',
fontFamily: 'FontFamily',
clockwise: 'Clockwise',
startAngle: 'StartAngle',
endAngle: 'EndAngle',
path: 'Path',
outline: 'Outline',
html: 'Html'
10963};
10964var SVG_ATTR_MAP = {
opacity: 'opacity',
clip: 'clip',
stroke: 'stroke',
fill: 'fill',
strokeOpacity: 'stroke-opacity',
fillOpacity: 'fill-opacity',
strokeStyle: 'stroke',
fillStyle: 'fill',
x: 'x',
y: 'y',
r: 'r',
rx: 'rx',
ry: 'ry',
re: 're',
rs: 'rs',
width: 'width',
height: 'height',
image: 'href',
x1: 'x1',
x2: 'x2',
y1: 'y1',
y2: 'y2',
lineCap: 'stroke-linecap',
lineJoin: 'stroke-linejoin',
lineWidth: 'stroke-width',
lineDash: 'stroke-dasharray',
miterLimit: 'stroke-miterlimit',
font: 'font',
fontSize: 'font-size',
fontStyle: 'font-style',
fontVariant: 'font-variant',
fontWeight: 'font-weight',
fontFamily: 'font-family',
startArrow: 'marker-start',
endArrow: 'marker-end',
preserveAspectRatio: 'preserveAspectRatio'
11001};
11002var ALIAS_ATTRS_MAP = {
stroke: 'strokeStyle',
fill: 'fillStyle',
opacity: 'globalAlpha'
11006};
11007
11008module.exports = {
canFill: false,
canStroke: false,
initAttrs: function initAttrs(attrs) {
  this.__attrs = {
    opacity: 1,
    fillOpacity: 1,
    strokeOpacity: 1
  };
  this.attr(Util.assign(this.getDefaultAttrs(), attrs));
  return this;
},
getDefaultAttrs: function getDefaultAttrs() {
  return {};
},
11023
/**
 * 设置或者设置属性，有以下 4 种情形：
 *   - name 不存在, 则返回属性集合
 *   - name 为字符串，value 为空，获取属性值
 *   - name 为字符串，value 不为空，设置属性值，返回 this
 *   - name 为键值对，value 为空，设置属性值
 *
 * @param  {String | Object} name  属性名
 * @param  {*} value 属性值
 * @return {*} 属性值
 */
attr: function attr(name, value) {
  var self = this;
  if (arguments.length === 0) {
    return self.__attrs;
  }
  if (Util.isObject(name)) {
    for (var k in name) {
      if (ALIAS_ATTRS.indexOf(k) === -1) {
        var v = name[k];
        self._setAttr(k, v);
      }
    }
    if (self._afterSetAttrAll) {
      self._afterSetAttrAll(name);
    }
    // self.setSilent('box', null);
    self.clearBBox();
    return self;
  }
  if (arguments.length === 2) {
    self._setAttr(name, value);
    var m = '_afterSetAttr' + CAPITALIZED_ATTRS_MAP[name];
    if (CAPITALIZED_ATTRS_MAP[name] && self[m]) {
      self[m](value);
    }
    self.clearBBox();
    return self;
  }
  return self._getAttr(name);
},
clearBBox: function clearBBox() {
  this.setSilent('box', null);
},
_afterSetAttrAll: function _afterSetAttrAll() {},
11069
// 属性获取触发函数
_getAttr: function _getAttr(name) {
  return this.__attrs[name];
},
11074
// 属性设置触发函数
_setAttr: function _setAttr(name, value) {
  var self = this;
  var el = self.get('el');
11079
  if (name === 'clip') {
    self._setAttrClip(name, value);
    return;
  }
  self.__attrs[name] = value;
  if (typeof value === 'number' && isNaN(value)) {
    return;
  }
  if (self.get('destroyed')) {
    return;
  }
  if (name === 'transform' || name === 'rotate') {
    self._setAttrTrans(name, value);
  } else if (~name.indexOf('shadow')) {
    self._setAttrShadow(name, value);
  } else if (~['stroke', 'strokeStyle', 'fill', 'fillStyle'].indexOf(name) && el) {
    if (!value) {
      el.setAttribute(SVG_ATTR_MAP[name], 'none');
    } else if (/^[r,R,L,l]{1}[\s]*\(/.test(value.trim())) {
      self._setAttrGradients(name, value.trim());
    } else {
      el.setAttribute(SVG_ATTR_MAP[name], value);
    }
  } else if (~name.toLowerCase().indexOf('arrow')) {
    if (!value) {
      return self;
    }
    self._setAttrArrow(name, value);
  } else {
    // 先存好属性，然后对一些svg和canvas中不同的属性进行特判
    if (~['circle', 'ellipse', 'marker'].indexOf(self.type) && ~['x', 'y'].indexOf(name)) {
      /**
       * 本来考虑想写到对应图形里面的，但是x,y又是svg通用属性，这样会同时存在x，y, cx,cy
       * 如果在下面svgAttr设置的时候还是要特判，不如就在这边特殊处理一下吧
       */
      if (self.type !== 'marker' && typeof value === 'number') {
        el.setAttribute('c' + name, value);
      }
    } else {
      var svgAttr = SVG_ATTR_MAP[name];
      if (el && svgAttr) {
        el.setAttribute(svgAttr, value);
      }
      var alias = ALIAS_ATTRS_MAP[name];
      if (alias) {
        svgAttr = SVG_ATTR_MAP[alias];
        if (el && svgAttr) {
          el.setAttribute(svgAttr, value);
        }
        self.__attrs[alias] = value;
      }
    }
  }
  return self;
},
hasFill: function hasFill() {
  return this.canFill && this.__attrs.fillStyle;
},
hasStroke: function hasStroke() {
  return this.canStroke && this.__attrs.strokeStyle;
},
_setAttrArrow: function _setAttrArrow(name, value) {
  var self = this;
  var el = self.get('el');
  var defs = self.get('defs');
  if (!defs) {
    var canvas = self.get('canvas');
    if (!canvas) {
      this._setAttrDependency(name, value);
      return this;
    }
    defs = canvas.get('defs');
  }
  name = SVG_ATTR_MAP[name];
  if (!name) {
    return this;
  }
  if (!value) {
    el.removeAttribute(name);
    return this;
  }
  var id = defs.find(name, { value: value, stroke: self.__attrs.stroke });
  if (!id) {
    id = defs.addArrow(name, value, self.__attrs.stroke);
  }
  self.__cfg[name] = id;
  self.get('el').setAttribute(name, 'url(#' + id + ')');
},
_setAttrShadow: function _setAttrShadow(name, value) {
  var attrs = this.__attrs;
  var filter = this.get('filter');
  var defs = this.get('defs');
  if (!value) {
    this.get('el').removeAttribute('filter');
    return this;
  }
  if (filter) {
    defs.findById(filter).update(name, value);
    return this;
  }
  if (!defs) {
    var canvas = this.get('canvas');
    if (!canvas) {
      this._setAttrDependency(name, value);
      return this;
    }
    defs = canvas.get('defs');
  }
  var cfg = {
    dx: attrs.shadowOffsetX,
    dy: attrs.shadowOffsetY,
    blur: attrs.shadowBlur,
    color: attrs.shadowColor
  };
  if (isNaN(Number(cfg.dx)) || isNaN(Number(cfg.dy))) {
    return this;
  }
  var id = defs.find('filter', cfg);
  if (!id) {
    id = defs.addShadow(cfg, this);
  }
  this.__cfg.filter = id;
  this.get('el').setAttribute('filter', 'url(#' + id + ')');
},
_setAttrGradients: function _setAttrGradients(name, value) {
  name = name.replace('Style', '');
  var defs = this.get('defs');
  if (!value) {
    this.get('el').removeAttribute('gradient');
    return this;
  }
  if (!defs) {
    var canvas = this.get('canvas');
    if (!canvas) {
      this._setAttrDependency(name, value);
      return this;
    }
    defs = canvas.get('defs');
  }
  var id = defs.find('gradient', value);
  if (!id) {
    id = defs.addGradient(value, this);
  }
  this.get('el').setAttribute(name, 'url(#' + id + ')');
},
_setAttrDependency: function _setAttrDependency(name, value) {
  var dependencies = this.get('dependencies');
  if (!dependencies) {
    dependencies = {};
  }
  dependencies[name] = value;
  this.__cfg.dependencies = dependencies;
  return this;
},
_setAttrClip: function _setAttrClip(name, value) {
  var defs = this.get('defs');
  var canvas = this.get('canvas');
  if (!value) {
    this.get('el').removeAttribute('clip-path');
    return this;
  }
  if (!defs) {
    var _canvas = this.get('canvas');
    if (!_canvas) {
      this._setAttrDependency(name, value);
      return this;
    }
    defs = _canvas.get('defs');
  }
  value.__cfg.canvas = canvas;
  var id = defs.addClip(value);
  this.get('el').setAttribute('clip-path', 'url(#' + id + ')');
},
_setAttrTrans: function _setAttrTrans(name, value) {
  var attrs = this.__attrs;
  if (!value) {
    this.get('el').removeAttribute('transform');
  }
  if (!attrs.matrix) {
    this.initTransform();
  }
  if (name === 'transform') {
    this.transform(value);
  } else {
    if (typeof attrs.x === 'undefined' || typeof attrs.y === 'undefined') {
      this._setAttrDependency(name, value);
      return this;
    }
    this.rotateAtStart(value);
  }
  return this;
}
11272};
11273
11274/***/ }),
11275/* 112 */
11276/***/ (function(module, exports, __webpack_require__) {
11277
11278var Util = __webpack_require__(0);
11279var mat3 = __webpack_require__(2).mat3;
11280var vec3 = __webpack_require__(2).vec3;
11281
11282// 是否未改变
11283function isUnchanged(m) {
return m[0] === 1 && m[1] === 0 && m[3] === 0 && m[4] === 1 && m[6] === 0 && m[7] === 0;
11285}
11286
11287// 是否仅仅是scale
11288function isScale(m) {
return m[1] === 0 && m[3] === 0 && m[6] === 0 && m[7] === 0;
11290}
11291
11292/* function multiple(m1, m2) {
if (!isUnchanged(m2)) {
  if (isScale(m2)) {
    m1[0] *= m2[0];
    m1[4] *= m2[4];
  } else {
    mat3.multiply(m1, m1, m2);
    mat3.multiply(m1, m1, m2);
  }
}
11302}*/
11303
11304module.exports = {
initTransform: function initTransform() {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
},
translate: function translate(tx, ty, perform) {
  var matrix = this.attr('matrix');
  mat3.translate(matrix, matrix, [tx, ty]);
  this.attr('matrix', matrix);
  if (arguments.length === 2 || perform) {
    this._performTransform();
  }
  return this;
},
rotate: function rotate(radian, perform) {
  var matrix = this.attr('matrix');
  if (Math.abs(radian) > Math.PI * 2) {
    radian = radian / 180 * Math.PI;
  }
  mat3.rotate(matrix, matrix, radian);
  this.attr('matrix', matrix);
  if (arguments.length === 1 || perform) {
    this._performTransform();
  }
  return this;
},
11329
/**
 * 绕起始点旋转
 * @param  {Number} rotate 0～360
 */
rotateAtStart: function rotateAtStart(rotate) {
  var x = this.attr('x');
  var y = this.attr('y');
  if (Math.abs(rotate) > Math.PI * 2) {
    rotate = rotate / 180 * Math.PI;
  }
  this.transform([['t', -x, -y], ['r', rotate], ['t', x, y]]);
},
scale: function scale(s1, s2, perform) {
  var matrix = this.attr('matrix');
  mat3.scale(matrix, matrix, [s1, s2]);
  this.attr('matrix', matrix);
  if (arguments.length === 2 || perform) {
    this._performTransform();
  }
  return this;
},
11351
/**
 * 移动的到位置
 * @param  {Number} x 移动到x
 * @param  {Number} y 移动到y
 */
move: function move(x, y) {
  var cx = this.get('x') || 0; // 当前的x
  var cy = this.get('y') || 0; // 当前的y
  this.translate(x - cx, y - cy);
  this.set('x', x);
  this.set('y', y);
},
_performTransform: function _performTransform() {
  var matrix = this.__attrs.matrix;
  var transform = [];
  for (var i = 0; i < 9; i += 3) {
    transform.push(matrix[i] + ',' + matrix[i + 1]);
  }
  var el = this.get('el');
  if (el) {
    el.setAttribute('transform', 'matrix(' + transform.join(',') + ')');
  }
},
transform: function transform(ts) {
  var self = this;
  var matrix = self.attr('matrix');
  Util.each(ts, function (t) {
    switch (t[0]) {
      case 't':
        self.translate(t[1], t[2], false);
        break;
      case 's':
        self.scale(t[1], t[2], false);
        break;
      case 'r':
        self.rotate(t[1], false);
        break;
      case 'm':
        self.attr('matrix', mat3.multiply([], matrix, t[1]));
        break;
      default:
        break;
    }
  });
  this._performTransform();
  return self;
},
setTransform: function setTransform(ts) {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
  return this.transform(ts);
},
getMatrix: function getMatrix() {
  return this.attr('matrix');
},
setMatrix: function setMatrix(m) {
  this.attr('matrix', m);
  this._performTransform();
  this.clearTotalMatrix();
  return this;
},
apply: function apply(v, root) {
  var m = void 0;
  if (root) {
    m = this._getMatrixByRoot(root);
  } else {
    m = this.attr('matrix');
  }
  vec3.transformMat3(v, v, m);
  return this;
},
invert: function invert(v) {
  var m = this.attr('matrix');
  // 单精屏幕下大多数矩阵没变化
  if (isScale(m)) {
    v[0] /= m[0];
    v[1] /= m[4];
  } else {
    var inm = mat3.invert([], m);
    if (inm) {
      vec3.transformMat3(v, v, inm);
    }
  }
  return this;
},
resetTransform: function resetTransform(context) {
  var mo = this.attr('matrix');
  // 不改变时
  if (!isUnchanged(mo)) {
    context.transform(mo[0], mo[1], mo[3], mo[4], mo[6], mo[7]);
  }
}
11443};
11444
11445/***/ }),
11446/* 113 */
11447/***/ (function(module, exports, __webpack_require__) {
11448
11449
11450
11451Object.defineProperty(exports, "__esModule", {
value: true
11453});
11454exports.sub = exports.mul = undefined;
11455exports.create = create;
11456exports.fromMat4 = fromMat4;
11457exports.clone = clone;
11458exports.copy = copy;
11459exports.fromValues = fromValues;
11460exports.set = set;
11461exports.identity = identity;
11462exports.transpose = transpose;
11463exports.invert = invert;
11464exports.adjoint = adjoint;
11465exports.determinant = determinant;
11466exports.multiply = multiply;
11467exports.translate = translate;
11468exports.rotate = rotate;
11469exports.scale = scale;
11470exports.fromTranslation = fromTranslation;
11471exports.fromRotation = fromRotation;
11472exports.fromScaling = fromScaling;
11473exports.fromMat2d = fromMat2d;
11474exports.fromQuat = fromQuat;
11475exports.normalFromMat4 = normalFromMat4;
11476exports.projection = projection;
11477exports.str = str;
11478exports.frob = frob;
11479exports.add = add;
11480exports.subtract = subtract;
11481exports.multiplyScalar = multiplyScalar;
11482exports.multiplyScalarAndAdd = multiplyScalarAndAdd;
11483exports.exactEquals = exactEquals;
11484exports.equals = equals;
11485
11486var _common = __webpack_require__(20);
11487
11488var glMatrix = _interopRequireWildcard(_common);
11489
11490function _interopRequireWildcard(obj) {
if (obj && obj.__esModule) {
  return obj;
} else {
  var newObj = {};if (obj != null) {
    for (var key in obj) {
      if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
    }
  }newObj.default = obj;return newObj;
}
11500}
11501
11502/**
* 3x3 Matrix
* @module mat3
*/
11506
11507/**
* Creates a new identity mat3
*
* @returns {mat3} a new 3x3 matrix
*/
11512function create() {
var out = new glMatrix.ARRAY_TYPE(9);
if (glMatrix.ARRAY_TYPE != Float32Array) {
  out[1] = 0;
  out[2] = 0;
  out[3] = 0;
  out[5] = 0;
  out[6] = 0;
  out[7] = 0;
}
out[0] = 1;
out[4] = 1;
out[8] = 1;
return out;
11526}
11527
11528/**
* Copies the upper-left 3x3 values into the given mat3.
*
* @param {mat3} out the receiving 3x3 matrix
* @param {mat4} a   the source 4x4 matrix
* @returns {mat3} out
*/
11535function fromMat4(out, a) {
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
out[3] = a[4];
out[4] = a[5];
out[5] = a[6];
out[6] = a[8];
out[7] = a[9];
out[8] = a[10];
return out;
11546}
11547
11548/**
* Creates a new mat3 initialized with values from an existing matrix
*
* @param {mat3} a matrix to clone
* @returns {mat3} a new 3x3 matrix
*/
11554function clone(a) {
var out = new glMatrix.ARRAY_TYPE(9);
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
out[3] = a[3];
out[4] = a[4];
out[5] = a[5];
out[6] = a[6];
out[7] = a[7];
out[8] = a[8];
return out;
11566}
11567
11568/**
* Copy the values from one mat3 to another
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the source matrix
* @returns {mat3} out
*/
11575function copy(out, a) {
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
out[3] = a[3];
out[4] = a[4];
out[5] = a[5];
out[6] = a[6];
out[7] = a[7];
out[8] = a[8];
return out;
11586}
11587
11588/**
* Create a new mat3 with the given values
*
* @param {Number} m00 Component in column 0, row 0 position (index 0)
* @param {Number} m01 Component in column 0, row 1 position (index 1)
* @param {Number} m02 Component in column 0, row 2 position (index 2)
* @param {Number} m10 Component in column 1, row 0 position (index 3)
* @param {Number} m11 Component in column 1, row 1 position (index 4)
* @param {Number} m12 Component in column 1, row 2 position (index 5)
* @param {Number} m20 Component in column 2, row 0 position (index 6)
* @param {Number} m21 Component in column 2, row 1 position (index 7)
* @param {Number} m22 Component in column 2, row 2 position (index 8)
* @returns {mat3} A new mat3
*/
11602function fromValues(m00, m01, m02, m10, m11, m12, m20, m21, m22) {
var out = new glMatrix.ARRAY_TYPE(9);
out[0] = m00;
out[1] = m01;
out[2] = m02;
out[3] = m10;
out[4] = m11;
out[5] = m12;
out[6] = m20;
out[7] = m21;
out[8] = m22;
return out;
11614}
11615
11616/**
* Set the components of a mat3 to the given values
*
* @param {mat3} out the receiving matrix
* @param {Number} m00 Component in column 0, row 0 position (index 0)
* @param {Number} m01 Component in column 0, row 1 position (index 1)
* @param {Number} m02 Component in column 0, row 2 position (index 2)
* @param {Number} m10 Component in column 1, row 0 position (index 3)
* @param {Number} m11 Component in column 1, row 1 position (index 4)
* @param {Number} m12 Component in column 1, row 2 position (index 5)
* @param {Number} m20 Component in column 2, row 0 position (index 6)
* @param {Number} m21 Component in column 2, row 1 position (index 7)
* @param {Number} m22 Component in column 2, row 2 position (index 8)
* @returns {mat3} out
*/
11631function set(out, m00, m01, m02, m10, m11, m12, m20, m21, m22) {
out[0] = m00;
out[1] = m01;
out[2] = m02;
out[3] = m10;
out[4] = m11;
out[5] = m12;
out[6] = m20;
out[7] = m21;
out[8] = m22;
return out;
11642}
11643
11644/**
* Set a mat3 to the identity matrix
*
* @param {mat3} out the receiving matrix
* @returns {mat3} out
*/
11650function identity(out) {
out[0] = 1;
out[1] = 0;
out[2] = 0;
out[3] = 0;
out[4] = 1;
out[5] = 0;
out[6] = 0;
out[7] = 0;
out[8] = 1;
return out;
11661}
11662
11663/**
* Transpose the values of a mat3
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the source matrix
* @returns {mat3} out
*/
11670function transpose(out, a) {
// If we are transposing ourselves we can skip a few steps but have to cache some values
if (out === a) {
  var a01 = a[1],
      a02 = a[2],
      a12 = a[5];
  out[1] = a[3];
  out[2] = a[6];
  out[3] = a01;
  out[5] = a[7];
  out[6] = a02;
  out[7] = a12;
} else {
  out[0] = a[0];
  out[1] = a[3];
  out[2] = a[6];
  out[3] = a[1];
  out[4] = a[4];
  out[5] = a[7];
  out[6] = a[2];
  out[7] = a[5];
  out[8] = a[8];
}
11693
return out;
11695}
11696
11697/**
* Inverts a mat3
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the source matrix
* @returns {mat3} out
*/
11704function invert(out, a) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2];
var a10 = a[3],
    a11 = a[4],
    a12 = a[5];
var a20 = a[6],
    a21 = a[7],
    a22 = a[8];
11714
var b01 = a22 * a11 - a12 * a21;
var b11 = -a22 * a10 + a12 * a20;
var b21 = a21 * a10 - a11 * a20;
11718
// Calculate the determinant
var det = a00 * b01 + a01 * b11 + a02 * b21;
11721
if (!det) {
  return null;
}
det = 1.0 / det;
11726
out[0] = b01 * det;
out[1] = (-a22 * a01 + a02 * a21) * det;
out[2] = (a12 * a01 - a02 * a11) * det;
out[3] = b11 * det;
out[4] = (a22 * a00 - a02 * a20) * det;
out[5] = (-a12 * a00 + a02 * a10) * det;
out[6] = b21 * det;
out[7] = (-a21 * a00 + a01 * a20) * det;
out[8] = (a11 * a00 - a01 * a10) * det;
return out;
11737}
11738
11739/**
* Calculates the adjugate of a mat3
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the source matrix
* @returns {mat3} out
*/
11746function adjoint(out, a) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2];
var a10 = a[3],
    a11 = a[4],
    a12 = a[5];
var a20 = a[6],
    a21 = a[7],
    a22 = a[8];
11756
out[0] = a11 * a22 - a12 * a21;
out[1] = a02 * a21 - a01 * a22;
out[2] = a01 * a12 - a02 * a11;
out[3] = a12 * a20 - a10 * a22;
out[4] = a00 * a22 - a02 * a20;
out[5] = a02 * a10 - a00 * a12;
out[6] = a10 * a21 - a11 * a20;
out[7] = a01 * a20 - a00 * a21;
out[8] = a00 * a11 - a01 * a10;
return out;
11767}
11768
11769/**
* Calculates the determinant of a mat3
*
* @param {mat3} a the source matrix
* @returns {Number} determinant of a
*/
11775function determinant(a) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2];
var a10 = a[3],
    a11 = a[4],
    a12 = a[5];
var a20 = a[6],
    a21 = a[7],
    a22 = a[8];
11785
return a00 * (a22 * a11 - a12 * a21) + a01 * (-a22 * a10 + a12 * a20) + a02 * (a21 * a10 - a11 * a20);
11787}
11788
11789/**
* Multiplies two mat3's
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the first operand
* @param {mat3} b the second operand
* @returns {mat3} out
*/
11797function multiply(out, a, b) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2];
var a10 = a[3],
    a11 = a[4],
    a12 = a[5];
var a20 = a[6],
    a21 = a[7],
    a22 = a[8];
11807
var b00 = b[0],
    b01 = b[1],
    b02 = b[2];
var b10 = b[3],
    b11 = b[4],
    b12 = b[5];
var b20 = b[6],
    b21 = b[7],
    b22 = b[8];
11817
out[0] = b00 * a00 + b01 * a10 + b02 * a20;
out[1] = b00 * a01 + b01 * a11 + b02 * a21;
out[2] = b00 * a02 + b01 * a12 + b02 * a22;
11821
out[3] = b10 * a00 + b11 * a10 + b12 * a20;
out[4] = b10 * a01 + b11 * a11 + b12 * a21;
out[5] = b10 * a02 + b11 * a12 + b12 * a22;
11825
out[6] = b20 * a00 + b21 * a10 + b22 * a20;
out[7] = b20 * a01 + b21 * a11 + b22 * a21;
out[8] = b20 * a02 + b21 * a12 + b22 * a22;
return out;
11830}
11831
11832/**
* Translate a mat3 by the given vector
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the matrix to translate
* @param {vec2} v vector to translate by
* @returns {mat3} out
*/
11840function translate(out, a, v) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2],
    a10 = a[3],
    a11 = a[4],
    a12 = a[5],
    a20 = a[6],
    a21 = a[7],
    a22 = a[8],
    x = v[0],
    y = v[1];
11852
out[0] = a00;
out[1] = a01;
out[2] = a02;
11856
out[3] = a10;
out[4] = a11;
out[5] = a12;
11860
out[6] = x * a00 + y * a10 + a20;
out[7] = x * a01 + y * a11 + a21;
out[8] = x * a02 + y * a12 + a22;
return out;
11865}
11866
11867/**
* Rotates a mat3 by the given angle
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the matrix to rotate
* @param {Number} rad the angle to rotate the matrix by
* @returns {mat3} out
*/
11875function rotate(out, a, rad) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2],
    a10 = a[3],
    a11 = a[4],
    a12 = a[5],
    a20 = a[6],
    a21 = a[7],
    a22 = a[8],
    s = Math.sin(rad),
    c = Math.cos(rad);
11887
out[0] = c * a00 + s * a10;
out[1] = c * a01 + s * a11;
out[2] = c * a02 + s * a12;
11891
out[3] = c * a10 - s * a00;
out[4] = c * a11 - s * a01;
out[5] = c * a12 - s * a02;
11895
out[6] = a20;
out[7] = a21;
out[8] = a22;
return out;
11900};
11901
11902/**
* Scales the mat3 by the dimensions in the given vec2
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the matrix to rotate
* @param {vec2} v the vec2 to scale the matrix by
* @returns {mat3} out
**/
11910function scale(out, a, v) {
var x = v[0],
    y = v[1];
11913
out[0] = x * a[0];
out[1] = x * a[1];
out[2] = x * a[2];
11917
out[3] = y * a[3];
out[4] = y * a[4];
out[5] = y * a[5];
11921
out[6] = a[6];
out[7] = a[7];
out[8] = a[8];
return out;
11926}
11927
11928/**
* Creates a matrix from a vector translation
* This is equivalent to (but much faster than):
*
*     mat3.identity(dest);
*     mat3.translate(dest, dest, vec);
*
* @param {mat3} out mat3 receiving operation result
* @param {vec2} v Translation vector
* @returns {mat3} out
*/
11939function fromTranslation(out, v) {
out[0] = 1;
out[1] = 0;
out[2] = 0;
out[3] = 0;
out[4] = 1;
out[5] = 0;
out[6] = v[0];
out[7] = v[1];
out[8] = 1;
return out;
11950}
11951
11952/**
* Creates a matrix from a given angle
* This is equivalent to (but much faster than):
*
*     mat3.identity(dest);
*     mat3.rotate(dest, dest, rad);
*
* @param {mat3} out mat3 receiving operation result
* @param {Number} rad the angle to rotate the matrix by
* @returns {mat3} out
*/
11963function fromRotation(out, rad) {
var s = Math.sin(rad),
    c = Math.cos(rad);
11966
out[0] = c;
out[1] = s;
out[2] = 0;
11970
out[3] = -s;
out[4] = c;
out[5] = 0;
11974
out[6] = 0;
out[7] = 0;
out[8] = 1;
return out;
11979}
11980
11981/**
* Creates a matrix from a vector scaling
* This is equivalent to (but much faster than):
*
*     mat3.identity(dest);
*     mat3.scale(dest, dest, vec);
*
* @param {mat3} out mat3 receiving operation result
* @param {vec2} v Scaling vector
* @returns {mat3} out
*/
11992function fromScaling(out, v) {
out[0] = v[0];
out[1] = 0;
out[2] = 0;
11996
out[3] = 0;
out[4] = v[1];
out[5] = 0;
12000
out[6] = 0;
out[7] = 0;
out[8] = 1;
return out;
12005}
12006
12007/**
* Copies the values from a mat2d into a mat3
*
* @param {mat3} out the receiving matrix
* @param {mat2d} a the matrix to copy
* @returns {mat3} out
**/
12014function fromMat2d(out, a) {
out[0] = a[0];
out[1] = a[1];
out[2] = 0;
12018
out[3] = a[2];
out[4] = a[3];
out[5] = 0;
12022
out[6] = a[4];
out[7] = a[5];
out[8] = 1;
return out;
12027}
12028
12029/**
12030* Calculates a 3x3 matrix from the given quaternion
12031*
12032* @param {mat3} out mat3 receiving operation result
12033* @param {quat} q Quaternion to create matrix from
12034*
12035* @returns {mat3} out
12036*/
12037function fromQuat(out, q) {
var x = q[0],
    y = q[1],
    z = q[2],
    w = q[3];
var x2 = x + x;
var y2 = y + y;
var z2 = z + z;
12045
var xx = x * x2;
var yx = y * x2;
var yy = y * y2;
var zx = z * x2;
var zy = z * y2;
var zz = z * z2;
var wx = w * x2;
var wy = w * y2;
var wz = w * z2;
12055
out[0] = 1 - yy - zz;
out[3] = yx - wz;
out[6] = zx + wy;
12059
out[1] = yx + wz;
out[4] = 1 - xx - zz;
out[7] = zy - wx;
12063
out[2] = zx - wy;
out[5] = zy + wx;
out[8] = 1 - xx - yy;
12067
return out;
12069}
12070
12071/**
12072* Calculates a 3x3 normal matrix (transpose inverse) from the 4x4 matrix
12073*
12074* @param {mat3} out mat3 receiving operation result
12075* @param {mat4} a Mat4 to derive the normal matrix from
12076*
12077* @returns {mat3} out
12078*/
12079function normalFromMat4(out, a) {
var a00 = a[0],
    a01 = a[1],
    a02 = a[2],
    a03 = a[3];
var a10 = a[4],
    a11 = a[5],
    a12 = a[6],
    a13 = a[7];
var a20 = a[8],
    a21 = a[9],
    a22 = a[10],
    a23 = a[11];
var a30 = a[12],
    a31 = a[13],
    a32 = a[14],
    a33 = a[15];
12096
var b00 = a00 * a11 - a01 * a10;
var b01 = a00 * a12 - a02 * a10;
var b02 = a00 * a13 - a03 * a10;
var b03 = a01 * a12 - a02 * a11;
var b04 = a01 * a13 - a03 * a11;
var b05 = a02 * a13 - a03 * a12;
var b06 = a20 * a31 - a21 * a30;
var b07 = a20 * a32 - a22 * a30;
var b08 = a20 * a33 - a23 * a30;
var b09 = a21 * a32 - a22 * a31;
var b10 = a21 * a33 - a23 * a31;
var b11 = a22 * a33 - a23 * a32;
12109
// Calculate the determinant
var det = b00 * b11 - b01 * b10 + b02 * b09 + b03 * b08 - b04 * b07 + b05 * b06;
12112
if (!det) {
  return null;
}
det = 1.0 / det;
12117
out[0] = (a11 * b11 - a12 * b10 + a13 * b09) * det;
out[1] = (a12 * b08 - a10 * b11 - a13 * b07) * det;
out[2] = (a10 * b10 - a11 * b08 + a13 * b06) * det;
12121
out[3] = (a02 * b10 - a01 * b11 - a03 * b09) * det;
out[4] = (a00 * b11 - a02 * b08 + a03 * b07) * det;
out[5] = (a01 * b08 - a00 * b10 - a03 * b06) * det;
12125
out[6] = (a31 * b05 - a32 * b04 + a33 * b03) * det;
out[7] = (a32 * b02 - a30 * b05 - a33 * b01) * det;
out[8] = (a30 * b04 - a31 * b02 + a33 * b00) * det;
12129
return out;
12131}
12132
12133/**
* Generates a 2D projection matrix with the given bounds
*
* @param {mat3} out mat3 frustum matrix will be written into
* @param {number} width Width of your gl context
* @param {number} height Height of gl context
* @returns {mat3} out
*/
12141function projection(out, width, height) {
out[0] = 2 / width;
out[1] = 0;
out[2] = 0;
out[3] = 0;
out[4] = -2 / height;
out[5] = 0;
out[6] = -1;
out[7] = 1;
out[8] = 1;
return out;
12152}
12153
12154/**
* Returns a string representation of a mat3
*
* @param {mat3} a matrix to represent as a string
* @returns {String} string representation of the matrix
*/
12160function str(a) {
return 'mat3(' + a[0] + ', ' + a[1] + ', ' + a[2] + ', ' + a[3] + ', ' + a[4] + ', ' + a[5] + ', ' + a[6] + ', ' + a[7] + ', ' + a[8] + ')';
12162}
12163
12164/**
* Returns Frobenius norm of a mat3
*
* @param {mat3} a the matrix to calculate Frobenius norm of
* @returns {Number} Frobenius norm
*/
12170function frob(a) {
return Math.sqrt(Math.pow(a[0], 2) + Math.pow(a[1], 2) + Math.pow(a[2], 2) + Math.pow(a[3], 2) + Math.pow(a[4], 2) + Math.pow(a[5], 2) + Math.pow(a[6], 2) + Math.pow(a[7], 2) + Math.pow(a[8], 2));
12172}
12173
12174/**
* Adds two mat3's
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the first operand
* @param {mat3} b the second operand
* @returns {mat3} out
*/
12182function add(out, a, b) {
out[0] = a[0] + b[0];
out[1] = a[1] + b[1];
out[2] = a[2] + b[2];
out[3] = a[3] + b[3];
out[4] = a[4] + b[4];
out[5] = a[5] + b[5];
out[6] = a[6] + b[6];
out[7] = a[7] + b[7];
out[8] = a[8] + b[8];
return out;
12193}
12194
12195/**
* Subtracts matrix b from matrix a
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the first operand
* @param {mat3} b the second operand
* @returns {mat3} out
*/
12203function subtract(out, a, b) {
out[0] = a[0] - b[0];
out[1] = a[1] - b[1];
out[2] = a[2] - b[2];
out[3] = a[3] - b[3];
out[4] = a[4] - b[4];
out[5] = a[5] - b[5];
out[6] = a[6] - b[6];
out[7] = a[7] - b[7];
out[8] = a[8] - b[8];
return out;
12214}
12215
12216/**
* Multiply each element of the matrix by a scalar.
*
* @param {mat3} out the receiving matrix
* @param {mat3} a the matrix to scale
* @param {Number} b amount to scale the matrix's elements by
* @returns {mat3} out
*/
12224function multiplyScalar(out, a, b) {
out[0] = a[0] * b;
out[1] = a[1] * b;
out[2] = a[2] * b;
out[3] = a[3] * b;
out[4] = a[4] * b;
out[5] = a[5] * b;
out[6] = a[6] * b;
out[7] = a[7] * b;
out[8] = a[8] * b;
return out;
12235}
12236
12237/**
* Adds two mat3's after multiplying each element of the second operand by a scalar value.
*
* @param {mat3} out the receiving vector
* @param {mat3} a the first operand
* @param {mat3} b the second operand
* @param {Number} scale the amount to scale b's elements by before adding
* @returns {mat3} out
*/
12246function multiplyScalarAndAdd(out, a, b, scale) {
out[0] = a[0] + b[0] * scale;
out[1] = a[1] + b[1] * scale;
out[2] = a[2] + b[2] * scale;
out[3] = a[3] + b[3] * scale;
out[4] = a[4] + b[4] * scale;
out[5] = a[5] + b[5] * scale;
out[6] = a[6] + b[6] * scale;
out[7] = a[7] + b[7] * scale;
out[8] = a[8] + b[8] * scale;
return out;
12257}
12258
12259/**
* Returns whether or not the matrices have exactly the same elements in the same position (when compared with ===)
*
* @param {mat3} a The first matrix.
* @param {mat3} b The second matrix.
* @returns {Boolean} True if the matrices are equal, false otherwise.
*/
12266function exactEquals(a, b) {
return a[0] === b[0] && a[1] === b[1] && a[2] === b[2] && a[3] === b[3] && a[4] === b[4] && a[5] === b[5] && a[6] === b[6] && a[7] === b[7] && a[8] === b[8];
12268}
12269
12270/**
* Returns whether or not the matrices have approximately the same elements in the same position.
*
* @param {mat3} a The first matrix.
* @param {mat3} b The second matrix.
* @returns {Boolean} True if the matrices are equal, false otherwise.
*/
12277function equals(a, b) {
var a0 = a[0],
    a1 = a[1],
    a2 = a[2],
    a3 = a[3],
    a4 = a[4],
    a5 = a[5],
    a6 = a[6],
    a7 = a[7],
    a8 = a[8];
var b0 = b[0],
    b1 = b[1],
    b2 = b[2],
    b3 = b[3],
    b4 = b[4],
    b5 = b[5],
    b6 = b[6],
    b7 = b[7],
    b8 = b[8];
return Math.abs(a0 - b0) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2)) && Math.abs(a3 - b3) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a3), Math.abs(b3)) && Math.abs(a4 - b4) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a4), Math.abs(b4)) && Math.abs(a5 - b5) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a5), Math.abs(b5)) && Math.abs(a6 - b6) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a6), Math.abs(b6)) && Math.abs(a7 - b7) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a7), Math.abs(b7)) && Math.abs(a8 - b8) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a8), Math.abs(b8));
12297}
12298
12299/**
* Alias for {@link mat3.multiply}
* @function
*/
12303var mul = exports.mul = multiply;
12304
12305/**
* Alias for {@link mat3.subtract}
* @function
*/
12309var sub = exports.sub = subtract;
12310
12311/***/ }),
12312/* 114 */
12313/***/ (function(module, exports, __webpack_require__) {
12314
12315
12316
12317Object.defineProperty(exports, "__esModule", {
value: true
12319});
12320exports.forEach = exports.sqrLen = exports.len = exports.sqrDist = exports.dist = exports.div = exports.mul = exports.sub = undefined;
12321exports.create = create;
12322exports.clone = clone;
12323exports.length = length;
12324exports.fromValues = fromValues;
12325exports.copy = copy;
12326exports.set = set;
12327exports.add = add;
12328exports.subtract = subtract;
12329exports.multiply = multiply;
12330exports.divide = divide;
12331exports.ceil = ceil;
12332exports.floor = floor;
12333exports.min = min;
12334exports.max = max;
12335exports.round = round;
12336exports.scale = scale;
12337exports.scaleAndAdd = scaleAndAdd;
12338exports.distance = distance;
12339exports.squaredDistance = squaredDistance;
12340exports.squaredLength = squaredLength;
12341exports.negate = negate;
12342exports.inverse = inverse;
12343exports.normalize = normalize;
12344exports.dot = dot;
12345exports.cross = cross;
12346exports.lerp = lerp;
12347exports.hermite = hermite;
12348exports.bezier = bezier;
12349exports.random = random;
12350exports.transformMat4 = transformMat4;
12351exports.transformMat3 = transformMat3;
12352exports.transformQuat = transformQuat;
12353exports.rotateX = rotateX;
12354exports.rotateY = rotateY;
12355exports.rotateZ = rotateZ;
12356exports.angle = angle;
12357exports.str = str;
12358exports.exactEquals = exactEquals;
12359exports.equals = equals;
12360
12361var _common = __webpack_require__(20);
12362
12363var glMatrix = _interopRequireWildcard(_common);
12364
12365function _interopRequireWildcard(obj) {
if (obj && obj.__esModule) {
  return obj;
} else {
  var newObj = {};if (obj != null) {
    for (var key in obj) {
      if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
    }
  }newObj.default = obj;return newObj;
}
12375}
12376
12377/**
* 3 Dimensional Vector
* @module vec3
*/
12381
12382/**
* Creates a new, empty vec3
*
* @returns {vec3} a new 3D vector
*/
12387function create() {
var out = new glMatrix.ARRAY_TYPE(3);
if (glMatrix.ARRAY_TYPE != Float32Array) {
  out[0] = 0;
  out[1] = 0;
  out[2] = 0;
}
return out;
12395}
12396
12397/**
* Creates a new vec3 initialized with values from an existing vector
*
* @param {vec3} a vector to clone
* @returns {vec3} a new 3D vector
*/
12403function clone(a) {
var out = new glMatrix.ARRAY_TYPE(3);
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
return out;
12409}
12410
12411/**
* Calculates the length of a vec3
*
* @param {vec3} a vector to calculate length of
* @returns {Number} length of a
*/
12417function length(a) {
var x = a[0];
var y = a[1];
var z = a[2];
return Math.sqrt(x * x + y * y + z * z);
12422}
12423
12424/**
* Creates a new vec3 initialized with the given values
*
* @param {Number} x X component
* @param {Number} y Y component
* @param {Number} z Z component
* @returns {vec3} a new 3D vector
*/
12432function fromValues(x, y, z) {
var out = new glMatrix.ARRAY_TYPE(3);
out[0] = x;
out[1] = y;
out[2] = z;
return out;
12438}
12439
12440/**
* Copy the values from one vec3 to another
*
* @param {vec3} out the receiving vector
* @param {vec3} a the source vector
* @returns {vec3} out
*/
12447function copy(out, a) {
out[0] = a[0];
out[1] = a[1];
out[2] = a[2];
return out;
12452}
12453
12454/**
* Set the components of a vec3 to the given values
*
* @param {vec3} out the receiving vector
* @param {Number} x X component
* @param {Number} y Y component
* @param {Number} z Z component
* @returns {vec3} out
*/
12463function set(out, x, y, z) {
out[0] = x;
out[1] = y;
out[2] = z;
return out;
12468}
12469
12470/**
* Adds two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12478function add(out, a, b) {
out[0] = a[0] + b[0];
out[1] = a[1] + b[1];
out[2] = a[2] + b[2];
return out;
12483}
12484
12485/**
* Subtracts vector b from vector a
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12493function subtract(out, a, b) {
out[0] = a[0] - b[0];
out[1] = a[1] - b[1];
out[2] = a[2] - b[2];
return out;
12498}
12499
12500/**
* Multiplies two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12508function multiply(out, a, b) {
out[0] = a[0] * b[0];
out[1] = a[1] * b[1];
out[2] = a[2] * b[2];
return out;
12513}
12514
12515/**
* Divides two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12523function divide(out, a, b) {
out[0] = a[0] / b[0];
out[1] = a[1] / b[1];
out[2] = a[2] / b[2];
return out;
12528}
12529
12530/**
* Math.ceil the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to ceil
* @returns {vec3} out
*/
12537function ceil(out, a) {
out[0] = Math.ceil(a[0]);
out[1] = Math.ceil(a[1]);
out[2] = Math.ceil(a[2]);
return out;
12542}
12543
12544/**
* Math.floor the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to floor
* @returns {vec3} out
*/
12551function floor(out, a) {
out[0] = Math.floor(a[0]);
out[1] = Math.floor(a[1]);
out[2] = Math.floor(a[2]);
return out;
12556}
12557
12558/**
* Returns the minimum of two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12566function min(out, a, b) {
out[0] = Math.min(a[0], b[0]);
out[1] = Math.min(a[1], b[1]);
out[2] = Math.min(a[2], b[2]);
return out;
12571}
12572
12573/**
* Returns the maximum of two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12581function max(out, a, b) {
out[0] = Math.max(a[0], b[0]);
out[1] = Math.max(a[1], b[1]);
out[2] = Math.max(a[2], b[2]);
return out;
12586}
12587
12588/**
* Math.round the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to round
* @returns {vec3} out
*/
12595function round(out, a) {
out[0] = Math.round(a[0]);
out[1] = Math.round(a[1]);
out[2] = Math.round(a[2]);
return out;
12600}
12601
12602/**
* Scales a vec3 by a scalar number
*
* @param {vec3} out the receiving vector
* @param {vec3} a the vector to scale
* @param {Number} b amount to scale the vector by
* @returns {vec3} out
*/
12610function scale(out, a, b) {
out[0] = a[0] * b;
out[1] = a[1] * b;
out[2] = a[2] * b;
return out;
12615}
12616
12617/**
* Adds two vec3's after scaling the second operand by a scalar value
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @param {Number} scale the amount to scale b by before adding
* @returns {vec3} out
*/
12626function scaleAndAdd(out, a, b, scale) {
out[0] = a[0] + b[0] * scale;
out[1] = a[1] + b[1] * scale;
out[2] = a[2] + b[2] * scale;
return out;
12631}
12632
12633/**
* Calculates the euclidian distance between two vec3's
*
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {Number} distance between a and b
*/
12640function distance(a, b) {
var x = b[0] - a[0];
var y = b[1] - a[1];
var z = b[2] - a[2];
return Math.sqrt(x * x + y * y + z * z);
12645}
12646
12647/**
* Calculates the squared euclidian distance between two vec3's
*
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {Number} squared distance between a and b
*/
12654function squaredDistance(a, b) {
var x = b[0] - a[0];
var y = b[1] - a[1];
var z = b[2] - a[2];
return x * x + y * y + z * z;
12659}
12660
12661/**
* Calculates the squared length of a vec3
*
* @param {vec3} a vector to calculate squared length of
* @returns {Number} squared length of a
*/
12667function squaredLength(a) {
var x = a[0];
var y = a[1];
var z = a[2];
return x * x + y * y + z * z;
12672}
12673
12674/**
* Negates the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to negate
* @returns {vec3} out
*/
12681function negate(out, a) {
out[0] = -a[0];
out[1] = -a[1];
out[2] = -a[2];
return out;
12686}
12687
12688/**
* Returns the inverse of the components of a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to invert
* @returns {vec3} out
*/
12695function inverse(out, a) {
out[0] = 1.0 / a[0];
out[1] = 1.0 / a[1];
out[2] = 1.0 / a[2];
return out;
12700}
12701
12702/**
* Normalize a vec3
*
* @param {vec3} out the receiving vector
* @param {vec3} a vector to normalize
* @returns {vec3} out
*/
12709function normalize(out, a) {
var x = a[0];
var y = a[1];
var z = a[2];
var len = x * x + y * y + z * z;
if (len > 0) {
  //TODO: evaluate use of glm_invsqrt here?
  len = 1 / Math.sqrt(len);
  out[0] = a[0] * len;
  out[1] = a[1] * len;
  out[2] = a[2] * len;
}
return out;
12722}
12723
12724/**
* Calculates the dot product of two vec3's
*
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {Number} dot product of a and b
*/
12731function dot(a, b) {
return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
12733}
12734
12735/**
* Computes the cross product of two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @returns {vec3} out
*/
12743function cross(out, a, b) {
var ax = a[0],
    ay = a[1],
    az = a[2];
var bx = b[0],
    by = b[1],
    bz = b[2];
12750
out[0] = ay * bz - az * by;
out[1] = az * bx - ax * bz;
out[2] = ax * by - ay * bx;
return out;
12755}
12756
12757/**
* Performs a linear interpolation between two vec3's
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @param {Number} t interpolation amount, in the range [0-1], between the two inputs
* @returns {vec3} out
*/
12766function lerp(out, a, b, t) {
var ax = a[0];
var ay = a[1];
var az = a[2];
out[0] = ax + t * (b[0] - ax);
out[1] = ay + t * (b[1] - ay);
out[2] = az + t * (b[2] - az);
return out;
12774}
12775
12776/**
* Performs a hermite interpolation with two control points
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @param {vec3} c the third operand
* @param {vec3} d the fourth operand
* @param {Number} t interpolation amount, in the range [0-1], between the two inputs
* @returns {vec3} out
*/
12787function hermite(out, a, b, c, d, t) {
var factorTimes2 = t * t;
var factor1 = factorTimes2 * (2 * t - 3) + 1;
var factor2 = factorTimes2 * (t - 2) + t;
var factor3 = factorTimes2 * (t - 1);
var factor4 = factorTimes2 * (3 - 2 * t);
12793
out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
12797
return out;
12799}
12800
12801/**
* Performs a bezier interpolation with two control points
*
* @param {vec3} out the receiving vector
* @param {vec3} a the first operand
* @param {vec3} b the second operand
* @param {vec3} c the third operand
* @param {vec3} d the fourth operand
* @param {Number} t interpolation amount, in the range [0-1], between the two inputs
* @returns {vec3} out
*/
12812function bezier(out, a, b, c, d, t) {
var inverseFactor = 1 - t;
var inverseFactorTimesTwo = inverseFactor * inverseFactor;
var factorTimes2 = t * t;
var factor1 = inverseFactorTimesTwo * inverseFactor;
var factor2 = 3 * t * inverseFactorTimesTwo;
var factor3 = 3 * factorTimes2 * inverseFactor;
var factor4 = factorTimes2 * t;
12820
out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;
out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;
out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;
12824
return out;
12826}
12827
12828/**
* Generates a random vector with the given scale
*
* @param {vec3} out the receiving vector
* @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
* @returns {vec3} out
*/
12835function random(out, scale) {
scale = scale || 1.0;
12837
var r = glMatrix.RANDOM() * 2.0 * Math.PI;
var z = glMatrix.RANDOM() * 2.0 - 1.0;
var zScale = Math.sqrt(1.0 - z * z) * scale;
12841
out[0] = Math.cos(r) * zScale;
out[1] = Math.sin(r) * zScale;
out[2] = z * scale;
return out;
12846}
12847
12848/**
* Transforms the vec3 with a mat4.
* 4th vector component is implicitly '1'
*
* @param {vec3} out the receiving vector
* @param {vec3} a the vector to transform
* @param {mat4} m matrix to transform with
* @returns {vec3} out
*/
12857function transformMat4(out, a, m) {
var x = a[0],
    y = a[1],
    z = a[2];
var w = m[3] * x + m[7] * y + m[11] * z + m[15];
w = w || 1.0;
out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w;
out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w;
out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w;
return out;
12867}
12868
12869/**
* Transforms the vec3 with a mat3.
*
* @param {vec3} out the receiving vector
* @param {vec3} a the vector to transform
* @param {mat3} m the 3x3 matrix to transform with
* @returns {vec3} out
*/
12877function transformMat3(out, a, m) {
var x = a[0],
    y = a[1],
    z = a[2];
out[0] = x * m[0] + y * m[3] + z * m[6];
out[1] = x * m[1] + y * m[4] + z * m[7];
out[2] = x * m[2] + y * m[5] + z * m[8];
return out;
12885}
12886
12887/**
* Transforms the vec3 with a quat
* Can also be used for dual quaternions. (Multiply it with the real part)
*
* @param {vec3} out the receiving vector
* @param {vec3} a the vector to transform
* @param {quat} q quaternion to transform with
* @returns {vec3} out
*/
12896function transformQuat(out, a, q) {
// benchmarks: https://jsperf.com/quaternion-transform-vec3-implementations-fixed
var qx = q[0],
    qy = q[1],
    qz = q[2],
    qw = q[3];
var x = a[0],
    y = a[1],
    z = a[2];
// var qvec = [qx, qy, qz];
// var uv = vec3.cross([], qvec, a);
var uvx = qy * z - qz * y,
    uvy = qz * x - qx * z,
    uvz = qx * y - qy * x;
// var uuv = vec3.cross([], qvec, uv);
var uuvx = qy * uvz - qz * uvy,
    uuvy = qz * uvx - qx * uvz,
    uuvz = qx * uvy - qy * uvx;
// vec3.scale(uv, uv, 2 * w);
var w2 = qw * 2;
uvx *= w2;
uvy *= w2;
uvz *= w2;
// vec3.scale(uuv, uuv, 2);
uuvx *= 2;
uuvy *= 2;
uuvz *= 2;
// return vec3.add(out, a, vec3.add(out, uv, uuv));
out[0] = x + uvx + uuvx;
out[1] = y + uvy + uuvy;
out[2] = z + uvz + uuvz;
return out;
12928}
12929
12930/**
* Rotate a 3D vector around the x-axis
* @param {vec3} out The receiving vec3
* @param {vec3} a The vec3 point to rotate
* @param {vec3} b The origin of the rotation
* @param {Number} c The angle of rotation
* @returns {vec3} out
*/
12938function rotateX(out, a, b, c) {
var p = [],
    r = [];
//Translate point to the origin
p[0] = a[0] - b[0];
p[1] = a[1] - b[1];
p[2] = a[2] - b[2];
12945
//perform rotation
r[0] = p[0];
r[1] = p[1] * Math.cos(c) - p[2] * Math.sin(c);
r[2] = p[1] * Math.sin(c) + p[2] * Math.cos(c);
12950
//translate to correct position
out[0] = r[0] + b[0];
out[1] = r[1] + b[1];
out[2] = r[2] + b[2];
12955
return out;
12957}
12958
12959/**
* Rotate a 3D vector around the y-axis
* @param {vec3} out The receiving vec3
* @param {vec3} a The vec3 point to rotate
* @param {vec3} b The origin of the rotation
* @param {Number} c The angle of rotation
* @returns {vec3} out
*/
12967function rotateY(out, a, b, c) {
var p = [],
    r = [];
//Translate point to the origin
p[0] = a[0] - b[0];
p[1] = a[1] - b[1];
p[2] = a[2] - b[2];
12974
//perform rotation
r[0] = p[2] * Math.sin(c) + p[0] * Math.cos(c);
r[1] = p[1];
r[2] = p[2] * Math.cos(c) - p[0] * Math.sin(c);
12979
//translate to correct position
out[0] = r[0] + b[0];
out[1] = r[1] + b[1];
out[2] = r[2] + b[2];
12984
return out;
12986}
12987
12988/**
* Rotate a 3D vector around the z-axis
* @param {vec3} out The receiving vec3
* @param {vec3} a The vec3 point to rotate
* @param {vec3} b The origin of the rotation
* @param {Number} c The angle of rotation
* @returns {vec3} out
*/
12996function rotateZ(out, a, b, c) {
var p = [],
    r = [];
//Translate point to the origin
p[0] = a[0] - b[0];
p[1] = a[1] - b[1];
p[2] = a[2] - b[2];
13003
//perform rotation
r[0] = p[0] * Math.cos(c) - p[1] * Math.sin(c);
r[1] = p[0] * Math.sin(c) + p[1] * Math.cos(c);
r[2] = p[2];
13008
//translate to correct position
out[0] = r[0] + b[0];
out[1] = r[1] + b[1];
out[2] = r[2] + b[2];
13013
return out;
13015}
13016
13017/**
* Get the angle between two 3D vectors
* @param {vec3} a The first operand
* @param {vec3} b The second operand
* @returns {Number} The angle in radians
*/
13023function angle(a, b) {
var tempA = fromValues(a[0], a[1], a[2]);
var tempB = fromValues(b[0], b[1], b[2]);
13026
normalize(tempA, tempA);
normalize(tempB, tempB);
13029
var cosine = dot(tempA, tempB);
13031
if (cosine > 1.0) {
  return 0;
} else if (cosine < -1.0) {
  return Math.PI;
} else {
  return Math.acos(cosine);
}
13039}
13040
13041/**
* Returns a string representation of a vector
*
* @param {vec3} a vector to represent as a string
* @returns {String} string representation of the vector
*/
13047function str(a) {
return 'vec3(' + a[0] + ', ' + a[1] + ', ' + a[2] + ')';
13049}
13050
13051/**
* Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)
*
* @param {vec3} a The first vector.
* @param {vec3} b The second vector.
* @returns {Boolean} True if the vectors are equal, false otherwise.
*/
13058function exactEquals(a, b) {
return a[0] === b[0] && a[1] === b[1] && a[2] === b[2];
13060}
13061
13062/**
* Returns whether or not the vectors have approximately the same elements in the same position.
*
* @param {vec3} a The first vector.
* @param {vec3} b The second vector.
* @returns {Boolean} True if the vectors are equal, false otherwise.
*/
13069function equals(a, b) {
var a0 = a[0],
    a1 = a[1],
    a2 = a[2];
var b0 = b[0],
    b1 = b[1],
    b2 = b[2];
return Math.abs(a0 - b0) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1)) && Math.abs(a2 - b2) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a2), Math.abs(b2));
13077}
13078
13079/**
* Alias for {@link vec3.subtract}
* @function
*/
13083var sub = exports.sub = subtract;
13084
13085/**
* Alias for {@link vec3.multiply}
* @function
*/
13089var mul = exports.mul = multiply;
13090
13091/**
* Alias for {@link vec3.divide}
* @function
*/
13095var div = exports.div = divide;
13096
13097/**
* Alias for {@link vec3.distance}
* @function
*/
13101var dist = exports.dist = distance;
13102
13103/**
* Alias for {@link vec3.squaredDistance}
* @function
*/
13107var sqrDist = exports.sqrDist = squaredDistance;
13108
13109/**
* Alias for {@link vec3.length}
* @function
*/
13113var len = exports.len = length;
13114
13115/**
* Alias for {@link vec3.squaredLength}
* @function
*/
13119var sqrLen = exports.sqrLen = squaredLength;
13120
13121/**
* Perform some operation over an array of vec3s.
*
* @param {Array} a the array of vectors to iterate over
* @param {Number} stride Number of elements between the start of each vec3. If 0 assumes tightly packed
* @param {Number} offset Number of elements to skip at the beginning of the array
* @param {Number} count Number of vec3s to iterate over. If 0 iterates over entire array
* @param {Function} fn Function to call for each vector in the array
* @param {Object} [arg] additional argument to pass to fn
* @returns {Array} a
* @function
*/
13133var forEach = exports.forEach = function () {
var vec = create();
13135
return function (a, stride, offset, count, fn, arg) {
  var i = void 0,
      l = void 0;
  if (!stride) {
    stride = 3;
  }
13142
  if (!offset) {
    offset = 0;
  }
13146
  if (count) {
    l = Math.min(count * stride + offset, a.length);
  } else {
    l = a.length;
  }
13152
  for (i = offset; i < l; i += stride) {
    vec[0] = a[i];vec[1] = a[i + 1];vec[2] = a[i + 2];
    fn(vec, vec, arg);
    a[i] = vec[0];a[i + 1] = vec[1];a[i + 2] = vec[2];
  }
13158
  return a;
};
13161}();
13162
13163/***/ }),
13164/* 115 */
13165/***/ (function(module, exports, __webpack_require__) {
13166
13167
13168
13169Object.defineProperty(exports, "__esModule", {
value: true
13171});
13172exports.forEach = exports.sqrLen = exports.sqrDist = exports.dist = exports.div = exports.mul = exports.sub = exports.len = undefined;
13173exports.create = create;
13174exports.clone = clone;
13175exports.fromValues = fromValues;
13176exports.copy = copy;
13177exports.set = set;
13178exports.add = add;
13179exports.subtract = subtract;
13180exports.multiply = multiply;
13181exports.divide = divide;
13182exports.ceil = ceil;
13183exports.floor = floor;
13184exports.min = min;
13185exports.max = max;
13186exports.round = round;
13187exports.scale = scale;
13188exports.scaleAndAdd = scaleAndAdd;
13189exports.distance = distance;
13190exports.squaredDistance = squaredDistance;
13191exports.length = length;
13192exports.squaredLength = squaredLength;
13193exports.negate = negate;
13194exports.inverse = inverse;
13195exports.normalize = normalize;
13196exports.dot = dot;
13197exports.cross = cross;
13198exports.lerp = lerp;
13199exports.random = random;
13200exports.transformMat2 = transformMat2;
13201exports.transformMat2d = transformMat2d;
13202exports.transformMat3 = transformMat3;
13203exports.transformMat4 = transformMat4;
13204exports.rotate = rotate;
13205exports.angle = angle;
13206exports.str = str;
13207exports.exactEquals = exactEquals;
13208exports.equals = equals;
13209
13210var _common = __webpack_require__(20);
13211
13212var glMatrix = _interopRequireWildcard(_common);
13213
13214function _interopRequireWildcard(obj) {
if (obj && obj.__esModule) {
  return obj;
} else {
  var newObj = {};if (obj != null) {
    for (var key in obj) {
      if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
    }
  }newObj.default = obj;return newObj;
}
13224}
13225
13226/**
* 2 Dimensional Vector
* @module vec2
*/
13230
13231/**
* Creates a new, empty vec2
*
* @returns {vec2} a new 2D vector
*/
13236function create() {
var out = new glMatrix.ARRAY_TYPE(2);
if (glMatrix.ARRAY_TYPE != Float32Array) {
  out[0] = 0;
  out[1] = 0;
}
return out;
13243}
13244
13245/**
* Creates a new vec2 initialized with values from an existing vector
*
* @param {vec2} a vector to clone
* @returns {vec2} a new 2D vector
*/
13251function clone(a) {
var out = new glMatrix.ARRAY_TYPE(2);
out[0] = a[0];
out[1] = a[1];
return out;
13256}
13257
13258/**
* Creates a new vec2 initialized with the given values
*
* @param {Number} x X component
* @param {Number} y Y component
* @returns {vec2} a new 2D vector
*/
13265function fromValues(x, y) {
var out = new glMatrix.ARRAY_TYPE(2);
out[0] = x;
out[1] = y;
return out;
13270}
13271
13272/**
* Copy the values from one vec2 to another
*
* @param {vec2} out the receiving vector
* @param {vec2} a the source vector
* @returns {vec2} out
*/
13279function copy(out, a) {
out[0] = a[0];
out[1] = a[1];
return out;
13283}
13284
13285/**
* Set the components of a vec2 to the given values
*
* @param {vec2} out the receiving vector
* @param {Number} x X component
* @param {Number} y Y component
* @returns {vec2} out
*/
13293function set(out, x, y) {
out[0] = x;
out[1] = y;
return out;
13297}
13298
13299/**
* Adds two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13307function add(out, a, b) {
out[0] = a[0] + b[0];
out[1] = a[1] + b[1];
return out;
13311}
13312
13313/**
* Subtracts vector b from vector a
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13321function subtract(out, a, b) {
out[0] = a[0] - b[0];
out[1] = a[1] - b[1];
return out;
13325}
13326
13327/**
* Multiplies two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13335function multiply(out, a, b) {
out[0] = a[0] * b[0];
out[1] = a[1] * b[1];
return out;
13339}
13340
13341/**
* Divides two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13349function divide(out, a, b) {
out[0] = a[0] / b[0];
out[1] = a[1] / b[1];
return out;
13353}
13354
13355/**
* Math.ceil the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to ceil
* @returns {vec2} out
*/
13362function ceil(out, a) {
out[0] = Math.ceil(a[0]);
out[1] = Math.ceil(a[1]);
return out;
13366}
13367
13368/**
* Math.floor the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to floor
* @returns {vec2} out
*/
13375function floor(out, a) {
out[0] = Math.floor(a[0]);
out[1] = Math.floor(a[1]);
return out;
13379}
13380
13381/**
* Returns the minimum of two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13389function min(out, a, b) {
out[0] = Math.min(a[0], b[0]);
out[1] = Math.min(a[1], b[1]);
return out;
13393}
13394
13395/**
* Returns the maximum of two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec2} out
*/
13403function max(out, a, b) {
out[0] = Math.max(a[0], b[0]);
out[1] = Math.max(a[1], b[1]);
return out;
13407}
13408
13409/**
* Math.round the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to round
* @returns {vec2} out
*/
13416function round(out, a) {
out[0] = Math.round(a[0]);
out[1] = Math.round(a[1]);
return out;
13420}
13421
13422/**
* Scales a vec2 by a scalar number
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to scale
* @param {Number} b amount to scale the vector by
* @returns {vec2} out
*/
13430function scale(out, a, b) {
out[0] = a[0] * b;
out[1] = a[1] * b;
return out;
13434}
13435
13436/**
* Adds two vec2's after scaling the second operand by a scalar value
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @param {Number} scale the amount to scale b by before adding
* @returns {vec2} out
*/
13445function scaleAndAdd(out, a, b, scale) {
out[0] = a[0] + b[0] * scale;
out[1] = a[1] + b[1] * scale;
return out;
13449}
13450
13451/**
* Calculates the euclidian distance between two vec2's
*
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {Number} distance between a and b
*/
13458function distance(a, b) {
var x = b[0] - a[0],
    y = b[1] - a[1];
return Math.sqrt(x * x + y * y);
13462}
13463
13464/**
* Calculates the squared euclidian distance between two vec2's
*
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {Number} squared distance between a and b
*/
13471function squaredDistance(a, b) {
var x = b[0] - a[0],
    y = b[1] - a[1];
return x * x + y * y;
13475}
13476
13477/**
* Calculates the length of a vec2
*
* @param {vec2} a vector to calculate length of
* @returns {Number} length of a
*/
13483function length(a) {
var x = a[0],
    y = a[1];
return Math.sqrt(x * x + y * y);
13487}
13488
13489/**
* Calculates the squared length of a vec2
*
* @param {vec2} a vector to calculate squared length of
* @returns {Number} squared length of a
*/
13495function squaredLength(a) {
var x = a[0],
    y = a[1];
return x * x + y * y;
13499}
13500
13501/**
* Negates the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to negate
* @returns {vec2} out
*/
13508function negate(out, a) {
out[0] = -a[0];
out[1] = -a[1];
return out;
13512}
13513
13514/**
* Returns the inverse of the components of a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to invert
* @returns {vec2} out
*/
13521function inverse(out, a) {
out[0] = 1.0 / a[0];
out[1] = 1.0 / a[1];
return out;
13525}
13526
13527/**
* Normalize a vec2
*
* @param {vec2} out the receiving vector
* @param {vec2} a vector to normalize
* @returns {vec2} out
*/
13534function normalize(out, a) {
var x = a[0],
    y = a[1];
var len = x * x + y * y;
if (len > 0) {
  //TODO: evaluate use of glm_invsqrt here?
  len = 1 / Math.sqrt(len);
  out[0] = a[0] * len;
  out[1] = a[1] * len;
}
return out;
13545}
13546
13547/**
* Calculates the dot product of two vec2's
*
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {Number} dot product of a and b
*/
13554function dot(a, b) {
return a[0] * b[0] + a[1] * b[1];
13556}
13557
13558/**
* Computes the cross product of two vec2's
* Note that the cross product must by definition produce a 3D vector
*
* @param {vec3} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @returns {vec3} out
*/
13567function cross(out, a, b) {
var z = a[0] * b[1] - a[1] * b[0];
out[0] = out[1] = 0;
out[2] = z;
return out;
13572}
13573
13574/**
* Performs a linear interpolation between two vec2's
*
* @param {vec2} out the receiving vector
* @param {vec2} a the first operand
* @param {vec2} b the second operand
* @param {Number} t interpolation amount, in the range [0-1], between the two inputs
* @returns {vec2} out
*/
13583function lerp(out, a, b, t) {
var ax = a[0],
    ay = a[1];
out[0] = ax + t * (b[0] - ax);
out[1] = ay + t * (b[1] - ay);
return out;
13589}
13590
13591/**
* Generates a random vector with the given scale
*
* @param {vec2} out the receiving vector
* @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned
* @returns {vec2} out
*/
13598function random(out, scale) {
scale = scale || 1.0;
var r = glMatrix.RANDOM() * 2.0 * Math.PI;
out[0] = Math.cos(r) * scale;
out[1] = Math.sin(r) * scale;
return out;
13604}
13605
13606/**
* Transforms the vec2 with a mat2
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to transform
* @param {mat2} m matrix to transform with
* @returns {vec2} out
*/
13614function transformMat2(out, a, m) {
var x = a[0],
    y = a[1];
out[0] = m[0] * x + m[2] * y;
out[1] = m[1] * x + m[3] * y;
return out;
13620}
13621
13622/**
* Transforms the vec2 with a mat2d
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to transform
* @param {mat2d} m matrix to transform with
* @returns {vec2} out
*/
13630function transformMat2d(out, a, m) {
var x = a[0],
    y = a[1];
out[0] = m[0] * x + m[2] * y + m[4];
out[1] = m[1] * x + m[3] * y + m[5];
return out;
13636}
13637
13638/**
* Transforms the vec2 with a mat3
* 3rd vector component is implicitly '1'
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to transform
* @param {mat3} m matrix to transform with
* @returns {vec2} out
*/
13647function transformMat3(out, a, m) {
var x = a[0],
    y = a[1];
out[0] = m[0] * x + m[3] * y + m[6];
out[1] = m[1] * x + m[4] * y + m[7];
return out;
13653}
13654
13655/**
* Transforms the vec2 with a mat4
* 3rd vector component is implicitly '0'
* 4th vector component is implicitly '1'
*
* @param {vec2} out the receiving vector
* @param {vec2} a the vector to transform
* @param {mat4} m matrix to transform with
* @returns {vec2} out
*/
13665function transformMat4(out, a, m) {
var x = a[0];
var y = a[1];
out[0] = m[0] * x + m[4] * y + m[12];
out[1] = m[1] * x + m[5] * y + m[13];
return out;
13671}
13672
13673/**
* Rotate a 2D vector
* @param {vec2} out The receiving vec2
* @param {vec2} a The vec2 point to rotate
* @param {vec2} b The origin of the rotation
* @param {Number} c The angle of rotation
* @returns {vec2} out
*/
13681function rotate(out, a, b, c) {
//Translate point to the origin
var p0 = a[0] - b[0],
    p1 = a[1] - b[1],
    sinC = Math.sin(c),
    cosC = Math.cos(c);
13687
//perform rotation and translate to correct position
out[0] = p0 * cosC - p1 * sinC + b[0];
out[1] = p0 * sinC + p1 * cosC + b[1];
13691
return out;
13693}
13694
13695/**
* Get the angle between two 2D vectors
* @param {vec2} a The first operand
* @param {vec2} b The second operand
* @returns {Number} The angle in radians
*/
13701function angle(a, b) {
var x1 = a[0],
    y1 = a[1],
    x2 = b[0],
    y2 = b[1];
13706
var len1 = x1 * x1 + y1 * y1;
if (len1 > 0) {
  //TODO: evaluate use of glm_invsqrt here?
  len1 = 1 / Math.sqrt(len1);
}
13712
var len2 = x2 * x2 + y2 * y2;
if (len2 > 0) {
  //TODO: evaluate use of glm_invsqrt here?
  len2 = 1 / Math.sqrt(len2);
}
13718
var cosine = (x1 * x2 + y1 * y2) * len1 * len2;
13720
if (cosine > 1.0) {
  return 0;
} else if (cosine < -1.0) {
  return Math.PI;
} else {
  return Math.acos(cosine);
}
13728}
13729
13730/**
* Returns a string representation of a vector
*
* @param {vec2} a vector to represent as a string
* @returns {String} string representation of the vector
*/
13736function str(a) {
return 'vec2(' + a[0] + ', ' + a[1] + ')';
13738}
13739
13740/**
* Returns whether or not the vectors exactly have the same elements in the same position (when compared with ===)
*
* @param {vec2} a The first vector.
* @param {vec2} b The second vector.
* @returns {Boolean} True if the vectors are equal, false otherwise.
*/
13747function exactEquals(a, b) {
return a[0] === b[0] && a[1] === b[1];
13749}
13750
13751/**
* Returns whether or not the vectors have approximately the same elements in the same position.
*
* @param {vec2} a The first vector.
* @param {vec2} b The second vector.
* @returns {Boolean} True if the vectors are equal, false otherwise.
*/
13758function equals(a, b) {
var a0 = a[0],
    a1 = a[1];
var b0 = b[0],
    b1 = b[1];
return Math.abs(a0 - b0) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a0), Math.abs(b0)) && Math.abs(a1 - b1) <= glMatrix.EPSILON * Math.max(1.0, Math.abs(a1), Math.abs(b1));
13764}
13765
13766/**
* Alias for {@link vec2.length}
* @function
*/
13770var len = exports.len = length;
13771
13772/**
* Alias for {@link vec2.subtract}
* @function
*/
13776var sub = exports.sub = subtract;
13777
13778/**
* Alias for {@link vec2.multiply}
* @function
*/
13782var mul = exports.mul = multiply;
13783
13784/**
* Alias for {@link vec2.divide}
* @function
*/
13788var div = exports.div = divide;
13789
13790/**
* Alias for {@link vec2.distance}
* @function
*/
13794var dist = exports.dist = distance;
13795
13796/**
* Alias for {@link vec2.squaredDistance}
* @function
*/
13800var sqrDist = exports.sqrDist = squaredDistance;
13801
13802/**
* Alias for {@link vec2.squaredLength}
* @function
*/
13806var sqrLen = exports.sqrLen = squaredLength;
13807
13808/**
* Perform some operation over an array of vec2s.
*
* @param {Array} a the array of vectors to iterate over
* @param {Number} stride Number of elements between the start of each vec2. If 0 assumes tightly packed
* @param {Number} offset Number of elements to skip at the beginning of the array
* @param {Number} count Number of vec2s to iterate over. If 0 iterates over entire array
* @param {Function} fn Function to call for each vector in the array
* @param {Object} [arg] additional argument to pass to fn
* @returns {Array} a
* @function
*/
13820var forEach = exports.forEach = function () {
var vec = create();
13822
return function (a, stride, offset, count, fn, arg) {
  var i = void 0,
      l = void 0;
  if (!stride) {
    stride = 2;
  }
13829
  if (!offset) {
    offset = 0;
  }
13833
  if (count) {
    l = Math.min(count * stride + offset, a.length);
  } else {
    l = a.length;
  }
13839
  for (i = offset; i < l; i += stride) {
    vec[0] = a[i];vec[1] = a[i + 1];
    fn(vec, vec, arg);
    a[i] = vec[0];a[i + 1] = vec[1];
  }
13845
  return a;
};
13848}();
13849
13850/***/ }),
13851/* 116 */
13852/***/ (function(module, exports, __webpack_require__) {
13853
13854var Shape = __webpack_require__(4);
13855Shape.Rect = __webpack_require__(46);
13856Shape.Circle = __webpack_require__(47);
13857Shape.Ellipse = __webpack_require__(48);
13858Shape.Path = __webpack_require__(49);
13859Shape.Text = __webpack_require__(50);
13860Shape.Line = __webpack_require__(51);
13861Shape.Image = __webpack_require__(52);
13862Shape.Polygon = __webpack_require__(53);
13863Shape.Marker = __webpack_require__(54);
13864Shape.Dom = __webpack_require__(55);
13865Shape.Fa = __webpack_require__(56);
13866
13867module.exports = Shape;
13868
13869/***/ }),
13870/* 117 */
13871/***/ (function(module, exports, __webpack_require__) {
13872
13873/**
* Created by Elaine on 2018/5/9.
*/
13876var Util = __webpack_require__(0);
13877var Element = __webpack_require__(19);
13878var Gradient = __webpack_require__(118);
13879var Shadow = __webpack_require__(119);
13880var Arrow = __webpack_require__(120);
13881var Clip = __webpack_require__(121);
13882
13883var Defs = function Defs(cfg) {
Defs.superclass.constructor.call(this, cfg);
this.set('children', []);
13886};
13887
13888Util.extend(Defs, Element);
13889
13890Util.augment(Defs, {
isGroup: false,
canFill: false,
canStroke: false,
capture: false,
visible: false,
init: function init() {
  var el = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
  var id = Util.uniqueId('defs_');
  el.setAttribute('id', id);
  this.set('el', el);
  this.set('children', []);
},
find: function find(type, attr) {
  var children = this.get('children');
  var result = null;
  for (var i = 0; i < children.length; i++) {
    if (children[i].match(type, attr)) {
      result = children[i].__cfg.id;
      break;
    }
  }
  return result;
},
findById: function findById(id) {
  var children = this.get('children');
  var flag = null;
  for (var i = 0; i < children.length; i++) {
    if (children[i].__cfg.id === id) {
      flag = children[i];
      break;
    }
  }
  return flag;
},
add: function add(items) {
  var el = this.get('el');
  var self = this;
  var children = this.get('children');
  if (Util.isArray(items)) {
    Util.each(items, function (item) {
      var parent = item.get('parent');
      if (parent) {
        parent.removeChild(item, false);
        self._setContext(item);
      }
      el.appendChild(item.get('el'));
    });
    children.push.apply(children, items);
    return self;
  }
  if (self.findById(items.get('id'))) {
    return self;
  }
  var parent = items.get('parent');
  if (parent) {
    parent.removeChild(items, false);
  }
  self._add(items);
  el.appendChild(items.get('el'));
  return self;
},
_add: function _add(item) {
  this.get('el').appendChild(item.__cfg.el);
  this.get('children').push(item);
  item.__cfg.parent = this;
  item.__cfg.defs = this;
  item.__cfg.canvas = this.__cfg.canvas;
},
addGradient: function addGradient(cfg) {
  var gradient = new Gradient(cfg);
  this._add(gradient);
  return gradient.__cfg.id;
},
addShadow: function addShadow(cfg) {
  var shadow = new Shadow(cfg);
  this._add(shadow);
  return shadow.__cfg.id;
},
addArrow: function addArrow(name, cfg, stroke) {
  var arrow = new Arrow(name, cfg, stroke);
  this._add(arrow);
  return arrow.__cfg.id;
},
addClip: function addClip(cfg) {
  var clip = new Clip(cfg);
  this._add(clip);
  return clip.__cfg.id;
}
13979});
13980
13981module.exports = Defs;
13982
13983/***/ }),
13984/* 118 */
13985/***/ (function(module, exports, __webpack_require__) {
13986
13987/**
* Created by Elaine on 2018/5/9.
*/
13990var Util = __webpack_require__(0);
13991
13992var regexLG = /^l\s*\(\s*([\d.]+)\s*\)\s*(.*)/i;
13993var regexRG = /^r\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)\s*(.*)/i;
13994var regexColorStop = /[\d.]+:(#[^\s]+|[^\)]+\))/ig;
13995
13996function addStop(steps) {
var arr = steps.match(regexColorStop);
if (!arr) {
  return '';
}
var stops = '';
arr.sort(function (a, b) {
  a = a.split(':');
  b = b.split(':');
  return Number(a[0]) - Number(b[0]);
});
Util.each(arr, function (item) {
  item = item.split(':');
  stops += '<stop offset="' + item[0] + '" stop-color="' + item[1] + '"></stop>';
});
return stops;
14012}
14013
14014function parseLineGradient(color, el) {
var arr = regexLG.exec(color);
var angle = Util.mod(Util.toRadian(parseFloat(arr[1])), Math.PI * 2);
var steps = arr[2];
var start = void 0;
var end = void 0;
14020
if (angle >= 0 && angle < 0.5 * Math.PI) {
  start = {
    x: 0,
    y: 0
  };
  end = {
    x: 1,
    y: 1
  };
} else if (0.5 * Math.PI <= angle && angle < Math.PI) {
  start = {
    x: 1,
    y: 0
  };
  end = {
    x: 0,
    y: 1
  };
} else if (Math.PI <= angle && angle < 1.5 * Math.PI) {
  start = {
    x: 1,
    y: 1
  };
  end = {
    x: 0,
    y: 0
  };
} else {
  start = {
    x: 0,
    y: 1
  };
  end = {
    x: 1,
    y: 0
  };
}
14058
var tanTheta = Math.tan(angle);
var tanTheta2 = tanTheta * tanTheta;
14061
var x = (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.x;
var y = tanTheta * (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.y;
el.setAttribute('x1', start.x);
el.setAttribute('y1', start.y);
el.setAttribute('x2', x);
el.setAttribute('y2', y);
el.innerHTML = addStop(steps);
14069}
14070
14071function parseRadialGradient(color, self) {
var arr = regexRG.exec(color);
var cx = parseFloat(arr[1]);
var cy = parseFloat(arr[2]);
var r = parseFloat(arr[3]);
var steps = arr[4];
self.setAttribute('cx', cx);
self.setAttribute('cy', cy);
self.setAttribute('r', r);
self.innerHTML = addStop(steps);
14081}
14082
14083var Gradient = function Gradient(cfg) {
var el = null;
var id = Util.uniqueId('gradient_');
if (cfg.toLowerCase()[0] === 'l') {
  el = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
  parseLineGradient(cfg, el);
} else {
  el = document.createElementNS('http://www.w3.org/2000/svg', 'radialGradient');
  parseRadialGradient(cfg, el);
}
el.setAttribute('id', id);
this.__cfg = { el: el, id: id };
this.__attrs = { config: cfg };
return this;
14097};
14098
14099Util.augment(Gradient, {
type: 'gradient',
match: function match(type, attr) {
  return this.type === type && this.__attrs.config === attr;
}
14104});
14105
14106module.exports = Gradient;
14107
14108/***/ }),
14109/* 119 */
14110/***/ (function(module, exports, __webpack_require__) {
14111
14112/**
* Created by Elaine on 2018/5/10.
*/
14115var Util = __webpack_require__(0);
14116
14117var ATTR_MAP = {
shadowColor: 'color',
shadowOpacity: 'opacity',
shadowBlur: 'blur',
shadowOffsetX: 'dx',
shadowOffsetY: 'dy'
14123};
14124
14125function parseShadow(config, el) {
var child = '<feDropShadow \n      dx="' + config.dx + '" \n      dy="' + config.dy + '" \n      stdDeviation="' + (config.blur ? config.blur / 10 : 0) + '"\n      flood-color="' + (config.color ? config.color : '#000') + '"\n      flood-opacity="' + (config.opacity ? config.opacity : 1) + '"\n      />';
el.innerHTML = child;
14128}
14129
14130var Shadow = function Shadow(cfg) {
var el = document.createElementNS('http://www.w3.org/2000/svg', 'filter');
var id = Util.uniqueId('filter_');
el.setAttribute('id', id);
parseShadow(cfg, el);
this.__cfg = { el: el, id: id };
this.__attrs = { config: cfg };
return this;
14138};
14139Util.augment(Shadow, {
type: 'filter',
match: function match(type, cfg) {
  if (this.type !== type) {
    return false;
  }
  var flag = false;
  var config = this.__attrs.config;
  Util.each(Object.keys(config), function (attr) {
    if (!flag) {
      flag = config[attr] === cfg[attr];
    }
  });
  return flag;
},
update: function update(name, value) {
  var config = this.__attrs.config;
  config[ATTR_MAP[name]] = value;
  parseShadow(config, this.__cfg.el);
  return this;
}
14160});
14161
14162module.exports = Shadow;
14163
14164/***/ }),
14165/* 120 */
14166/***/ (function(module, exports, __webpack_require__) {
14167
14168var _typeof2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
14169
14170var _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
14172} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
14174};
14175
14176/**
* Created by Elaine on 2018/5/11.
*/
14179var Util = __webpack_require__(0);
14180
14181function setDefaultPath(parent, name, stroke) {
var el = document.createElementNS('http://www.w3.org/2000/svg', 'path');
el.setAttribute('d', 'M0,0 L6,3 L0,6 L3,3Z');
el.setAttribute('stroke', 'none');
el.setAttribute('fill', stroke || '#000');
parent.appendChild(el);
parent.setAttribute('refX', 3);
parent.setAttribute('refY', 3);
14189
return el;
14191}
14192
14193function setMarker(shape, parent, name, stroke) {
if (!shape) {
  return setDefaultPath(parent, name);
}
if (shape.type !== 'marker') {
  throw new TypeError('the shape of an arrow should be an instance of Marker');
}
shape.attr({ stroke: 'none', fill: stroke });
parent.append(shape.get('el'));
var width = shape.__attrs.x;
var height = shape.__attrs.y;
parent.setAttribute('refX', width);
parent.setAttribute('refY', height);
return shape;
14207}
14208
14209var Arrow = function Arrow(name, cfg, stroke) {
var el = document.createElementNS('http://www.w3.org/2000/svg', 'marker');
var id = Util.uniqueId('marker_');
el.setAttribute('id', id);
el.setAttribute('overflow', 'visible');
el.setAttribute('orient', 'auto-start-reverse');
this.__cfg = { el: el, id: id, stroke: stroke || '#000' };
this.__cfg[name] = true;
var child = null;
if (typeof cfg === 'boolean' && cfg) {
  child = setDefaultPath(el, name, stroke);
  this._setChild(child, true);
} else if ((typeof cfg === 'undefined' ? 'undefined' : _typeof(cfg)) === 'object') {
  child = setMarker(cfg, el, name, stroke);
  this._setChild(child, false);
}
this.__attrs = { config: cfg };
return this;
14227};
14228
14229Util.augment(Arrow, {
type: 'arrow',
match: function match(type, attr) {
  if (!this.__cfg[type]) {
    return false;
  }
  if (_typeof(attr.value) === 'object') {
    return false;
  }
  if (attr.stroke !== '#000') {
    return false;
  }
  if (typeof attr.value === 'boolean' && !this.__cfg.default) {
    return false;
  }
  return true;
},
_setChild: function _setChild(child, isDefault) {
  this.__cfg.child = child;
  this.__cfg.default = isDefault;
},
update: function update(fill) {
  var child = this.__cfg.child;
  this.__cfg.default = false;
  if (child.attr) {
    child.attr('fill', fill);
  } else {
    child.setAttribute('fill', fill);
  }
}
14259});
14260
14261module.exports = Arrow;
14262
14263/***/ }),
14264/* 121 */
14265/***/ (function(module, exports, __webpack_require__) {
14266
14267/**
* Created by Elaine on 2018/5/14.
*/
14270var Util = __webpack_require__(0);
14271
14272var Clip = function Clip(cfg) {
var el = document.createElementNS('http://www.w3.org/2000/svg', 'clipPath');
var id = Util.uniqueId('clip_');
if (cfg.get('el')) {
  el.appendChild(cfg.get('el'));
} else if (Util.isString(cfg.nodeName)) {
  el.appendChild(cfg);
} else {
  throw 'clip element should be a instance of Shape or a SVG node';
}
el.setAttribute('id', id);
this.__cfg = { el: el, id: id };
this.__attrs = { config: cfg };
return this;
14286};
14287
14288Util.augment(Clip, {
type: 'clip',
match: function match() {
  return false;
}
14293});
14294
14295module.exports = Clip;
14296
14297/***/ }),
14298/* 122 */
14299/***/ (function(module, __webpack_exports__, __webpack_require__) {
14300
14301"use strict";
14302Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
14303/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_timer__ = __webpack_require__(22);
14304/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "now", function() { return __WEBPACK_IMPORTED_MODULE_0__src_timer__["b"]; });
14305/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "timer", function() { return __WEBPACK_IMPORTED_MODULE_0__src_timer__["c"]; });
14306/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "timerFlush", function() { return __WEBPACK_IMPORTED_MODULE_0__src_timer__["d"]; });
14307/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_timeout__ = __webpack_require__(123);
14308/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "timeout", function() { return __WEBPACK_IMPORTED_MODULE_1__src_timeout__["a"]; });
14309/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_interval__ = __webpack_require__(124);
14310/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interval", function() { return __WEBPACK_IMPORTED_MODULE_2__src_interval__["a"]; });
14311
14312
14313
14314
14315
14316
14317/***/ }),
14318/* 123 */
14319/***/ (function(module, __webpack_exports__, __webpack_require__) {
14320
14321"use strict";
14322/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__timer__ = __webpack_require__(22);
14323
14324
14325/* harmony default export */ __webpack_exports__["a"] = (function (callback, delay, time) {
var t = new __WEBPACK_IMPORTED_MODULE_0__timer__["a" /* Timer */]();
delay = delay == null ? 0 : +delay;
t.restart(function (elapsed) {
  t.stop();
  callback(elapsed + delay);
}, delay, time);
return t;
14333});
14334
14335/***/ }),
14336/* 124 */
14337/***/ (function(module, __webpack_exports__, __webpack_require__) {
14338
14339"use strict";
14340/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__timer__ = __webpack_require__(22);
14341
14342
14343/* harmony default export */ __webpack_exports__["a"] = (function (callback, delay, time) {
var t = new __WEBPACK_IMPORTED_MODULE_0__timer__["a" /* Timer */](),
    total = delay;
if (delay == null) return t.restart(callback, delay, time), t;
delay = +delay, time = time == null ? Object(__WEBPACK_IMPORTED_MODULE_0__timer__["b" /* now */])() : +time;
t.restart(function tick(elapsed) {
  elapsed += total;
  t.restart(tick, total += delay, time);
  callback(elapsed);
}, delay, time);
return t;
14354});
14355
14356/***/ }),
14357/* 125 */
14358/***/ (function(module, __webpack_exports__, __webpack_require__) {
14359
14360"use strict";
14361Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
14362/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_linear__ = __webpack_require__(126);
14363/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeLinear", function() { return __WEBPACK_IMPORTED_MODULE_0__src_linear__["a"]; });
14364/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_quad__ = __webpack_require__(127);
14365/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeQuad", function() { return __WEBPACK_IMPORTED_MODULE_1__src_quad__["b"]; });
14366/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeQuadIn", function() { return __WEBPACK_IMPORTED_MODULE_1__src_quad__["a"]; });
14367/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeQuadOut", function() { return __WEBPACK_IMPORTED_MODULE_1__src_quad__["c"]; });
14368/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeQuadInOut", function() { return __WEBPACK_IMPORTED_MODULE_1__src_quad__["b"]; });
14369/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_cubic__ = __webpack_require__(128);
14370/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCubic", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["b"]; });
14371/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCubicIn", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["a"]; });
14372/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCubicOut", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["c"]; });
14373/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCubicInOut", function() { return __WEBPACK_IMPORTED_MODULE_2__src_cubic__["b"]; });
14374/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__src_poly__ = __webpack_require__(129);
14375/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easePoly", function() { return __WEBPACK_IMPORTED_MODULE_3__src_poly__["b"]; });
14376/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easePolyIn", function() { return __WEBPACK_IMPORTED_MODULE_3__src_poly__["a"]; });
14377/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easePolyOut", function() { return __WEBPACK_IMPORTED_MODULE_3__src_poly__["c"]; });
14378/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easePolyInOut", function() { return __WEBPACK_IMPORTED_MODULE_3__src_poly__["b"]; });
14379/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__src_sin__ = __webpack_require__(130);
14380/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeSin", function() { return __WEBPACK_IMPORTED_MODULE_4__src_sin__["b"]; });
14381/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeSinIn", function() { return __WEBPACK_IMPORTED_MODULE_4__src_sin__["a"]; });
14382/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeSinOut", function() { return __WEBPACK_IMPORTED_MODULE_4__src_sin__["c"]; });
14383/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeSinInOut", function() { return __WEBPACK_IMPORTED_MODULE_4__src_sin__["b"]; });
14384/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__src_exp__ = __webpack_require__(131);
14385/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeExp", function() { return __WEBPACK_IMPORTED_MODULE_5__src_exp__["b"]; });
14386/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeExpIn", function() { return __WEBPACK_IMPORTED_MODULE_5__src_exp__["a"]; });
14387/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeExpOut", function() { return __WEBPACK_IMPORTED_MODULE_5__src_exp__["c"]; });
14388/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeExpInOut", function() { return __WEBPACK_IMPORTED_MODULE_5__src_exp__["b"]; });
14389/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__src_circle__ = __webpack_require__(132);
14390/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCircle", function() { return __WEBPACK_IMPORTED_MODULE_6__src_circle__["b"]; });
14391/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCircleIn", function() { return __WEBPACK_IMPORTED_MODULE_6__src_circle__["a"]; });
14392/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCircleOut", function() { return __WEBPACK_IMPORTED_MODULE_6__src_circle__["c"]; });
14393/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeCircleInOut", function() { return __WEBPACK_IMPORTED_MODULE_6__src_circle__["b"]; });
14394/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__src_bounce__ = __webpack_require__(133);
14395/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBounce", function() { return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["c"]; });
14396/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBounceIn", function() { return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["a"]; });
14397/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBounceOut", function() { return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["c"]; });
14398/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBounceInOut", function() { return __WEBPACK_IMPORTED_MODULE_7__src_bounce__["b"]; });
14399/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__src_back__ = __webpack_require__(134);
14400/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBack", function() { return __WEBPACK_IMPORTED_MODULE_8__src_back__["b"]; });
14401/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBackIn", function() { return __WEBPACK_IMPORTED_MODULE_8__src_back__["a"]; });
14402/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBackOut", function() { return __WEBPACK_IMPORTED_MODULE_8__src_back__["c"]; });
14403/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeBackInOut", function() { return __WEBPACK_IMPORTED_MODULE_8__src_back__["b"]; });
14404/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__src_elastic__ = __webpack_require__(135);
14405/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeElastic", function() { return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["c"]; });
14406/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeElasticIn", function() { return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["a"]; });
14407/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeElasticOut", function() { return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["c"]; });
14408/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "easeElasticInOut", function() { return __WEBPACK_IMPORTED_MODULE_9__src_elastic__["b"]; });
14409
14410
14411
14412
14413
14414
14415
14416
14417
14418
14419
14420
14421
14422
14423
14424
14425
14426
14427
14428
14429/***/ }),
14430/* 126 */
14431/***/ (function(module, __webpack_exports__, __webpack_require__) {
14432
14433"use strict";
14434/* harmony export (immutable) */ __webpack_exports__["a"] = linear;
14435function linear(t) {
return +t;
14437}
14438
14439/***/ }),
14440/* 127 */
14441/***/ (function(module, __webpack_exports__, __webpack_require__) {
14442
14443"use strict";
14444/* harmony export (immutable) */ __webpack_exports__["a"] = quadIn;
14445/* harmony export (immutable) */ __webpack_exports__["c"] = quadOut;
14446/* harmony export (immutable) */ __webpack_exports__["b"] = quadInOut;
14447function quadIn(t) {
return t * t;
14449}
14450
14451function quadOut(t) {
return t * (2 - t);
14453}
14454
14455function quadInOut(t) {
return ((t *= 2) <= 1 ? t * t : --t * (2 - t) + 1) / 2;
14457}
14458
14459/***/ }),
14460/* 128 */
14461/***/ (function(module, __webpack_exports__, __webpack_require__) {
14462
14463"use strict";
14464/* harmony export (immutable) */ __webpack_exports__["a"] = cubicIn;
14465/* harmony export (immutable) */ __webpack_exports__["c"] = cubicOut;
14466/* harmony export (immutable) */ __webpack_exports__["b"] = cubicInOut;
14467function cubicIn(t) {
return t * t * t;
14469}
14470
14471function cubicOut(t) {
return --t * t * t + 1;
14473}
14474
14475function cubicInOut(t) {
return ((t *= 2) <= 1 ? t * t * t : (t -= 2) * t * t + 2) / 2;
14477}
14478
14479/***/ }),
14480/* 129 */
14481/***/ (function(module, __webpack_exports__, __webpack_require__) {
14482
14483"use strict";
14484/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return polyIn; });
14485/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return polyOut; });
14486/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return polyInOut; });
14487var exponent = 3;
14488
14489var polyIn = function custom(e) {
e = +e;
14491
function polyIn(t) {
  return Math.pow(t, e);
}
14495
polyIn.exponent = custom;
14497
return polyIn;
14499}(exponent);
14500
14501var polyOut = function custom(e) {
e = +e;
14503
function polyOut(t) {
  return 1 - Math.pow(1 - t, e);
}
14507
polyOut.exponent = custom;
14509
return polyOut;
14511}(exponent);
14512
14513var polyInOut = function custom(e) {
e = +e;
14515
function polyInOut(t) {
  return ((t *= 2) <= 1 ? Math.pow(t, e) : 2 - Math.pow(2 - t, e)) / 2;
}
14519
polyInOut.exponent = custom;
14521
return polyInOut;
14523}(exponent);
14524
14525/***/ }),
14526/* 130 */
14527/***/ (function(module, __webpack_exports__, __webpack_require__) {
14528
14529"use strict";
14530/* harmony export (immutable) */ __webpack_exports__["a"] = sinIn;
14531/* harmony export (immutable) */ __webpack_exports__["c"] = sinOut;
14532/* harmony export (immutable) */ __webpack_exports__["b"] = sinInOut;
14533var pi = Math.PI,
  halfPi = pi / 2;
14535
14536function sinIn(t) {
return 1 - Math.cos(t * halfPi);
14538}
14539
14540function sinOut(t) {
return Math.sin(t * halfPi);
14542}
14543
14544function sinInOut(t) {
return (1 - Math.cos(pi * t)) / 2;
14546}
14547
14548/***/ }),
14549/* 131 */
14550/***/ (function(module, __webpack_exports__, __webpack_require__) {
14551
14552"use strict";
14553/* harmony export (immutable) */ __webpack_exports__["a"] = expIn;
14554/* harmony export (immutable) */ __webpack_exports__["c"] = expOut;
14555/* harmony export (immutable) */ __webpack_exports__["b"] = expInOut;
14556function expIn(t) {
return Math.pow(2, 10 * t - 10);
14558}
14559
14560function expOut(t) {
return 1 - Math.pow(2, -10 * t);
14562}
14563
14564function expInOut(t) {
return ((t *= 2) <= 1 ? Math.pow(2, 10 * t - 10) : 2 - Math.pow(2, 10 - 10 * t)) / 2;
14566}
14567
14568/***/ }),
14569/* 132 */
14570/***/ (function(module, __webpack_exports__, __webpack_require__) {
14571
14572"use strict";
14573/* harmony export (immutable) */ __webpack_exports__["a"] = circleIn;
14574/* harmony export (immutable) */ __webpack_exports__["c"] = circleOut;
14575/* harmony export (immutable) */ __webpack_exports__["b"] = circleInOut;
14576function circleIn(t) {
return 1 - Math.sqrt(1 - t * t);
14578}
14579
14580function circleOut(t) {
return Math.sqrt(1 - --t * t);
14582}
14583
14584function circleInOut(t) {
return ((t *= 2) <= 1 ? 1 - Math.sqrt(1 - t * t) : Math.sqrt(1 - (t -= 2) * t) + 1) / 2;
14586}
14587
14588/***/ }),
14589/* 133 */
14590/***/ (function(module, __webpack_exports__, __webpack_require__) {
14591
14592"use strict";
14593/* harmony export (immutable) */ __webpack_exports__["a"] = bounceIn;
14594/* harmony export (immutable) */ __webpack_exports__["c"] = bounceOut;
14595/* harmony export (immutable) */ __webpack_exports__["b"] = bounceInOut;
14596var b1 = 4 / 11,
  b2 = 6 / 11,
  b3 = 8 / 11,
  b4 = 3 / 4,
  b5 = 9 / 11,
  b6 = 10 / 11,
  b7 = 15 / 16,
  b8 = 21 / 22,
  b9 = 63 / 64,
  b0 = 1 / b1 / b1;
14606
14607function bounceIn(t) {
return 1 - bounceOut(1 - t);
14609}
14610
14611function bounceOut(t) {
return (t = +t) < b1 ? b0 * t * t : t < b3 ? b0 * (t -= b2) * t + b4 : t < b6 ? b0 * (t -= b5) * t + b7 : b0 * (t -= b8) * t + b9;
14613}
14614
14615function bounceInOut(t) {
return ((t *= 2) <= 1 ? 1 - bounceOut(1 - t) : bounceOut(t - 1) + 1) / 2;
14617}
14618
14619/***/ }),
14620/* 134 */
14621/***/ (function(module, __webpack_exports__, __webpack_require__) {
14622
14623"use strict";
14624/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return backIn; });
14625/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return backOut; });
14626/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return backInOut; });
14627var overshoot = 1.70158;
14628
14629var backIn = function custom(s) {
s = +s;
14631
function backIn(t) {
  return t * t * ((s + 1) * t - s);
}
14635
backIn.overshoot = custom;
14637
return backIn;
14639}(overshoot);
14640
14641var backOut = function custom(s) {
s = +s;
14643
function backOut(t) {
  return --t * t * ((s + 1) * t + s) + 1;
}
14647
backOut.overshoot = custom;
14649
return backOut;
14651}(overshoot);
14652
14653var backInOut = function custom(s) {
s = +s;
14655
function backInOut(t) {
  return ((t *= 2) < 1 ? t * t * ((s + 1) * t - s) : (t -= 2) * t * ((s + 1) * t + s) + 2) / 2;
}
14659
backInOut.overshoot = custom;
14661
return backInOut;
14663}(overshoot);
14664
14665/***/ }),
14666/* 135 */
14667/***/ (function(module, __webpack_exports__, __webpack_require__) {
14668
14669"use strict";
14670/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return elasticIn; });
14671/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return elasticOut; });
14672/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return elasticInOut; });
14673var tau = 2 * Math.PI,
  amplitude = 1,
  period = 0.3;
14676
14677var elasticIn = function custom(a, p) {
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
14679
function elasticIn(t) {
  return a * Math.pow(2, 10 * --t) * Math.sin((s - t) / p);
}
14683
elasticIn.amplitude = function (a) {
  return custom(a, p * tau);
};
elasticIn.period = function (p) {
  return custom(a, p);
};
14690
return elasticIn;
14692}(amplitude, period);
14693
14694var elasticOut = function custom(a, p) {
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
14696
function elasticOut(t) {
  return 1 - a * Math.pow(2, -10 * (t = +t)) * Math.sin((t + s) / p);
}
14700
elasticOut.amplitude = function (a) {
  return custom(a, p * tau);
};
elasticOut.period = function (p) {
  return custom(a, p);
};
14707
return elasticOut;
14709}(amplitude, period);
14710
14711var elasticInOut = function custom(a, p) {
var s = Math.asin(1 / (a = Math.max(1, a))) * (p /= tau);
14713
function elasticInOut(t) {
  return ((t = t * 2 - 1) < 0 ? a * Math.pow(2, 10 * t) * Math.sin((s - t) / p) : 2 - a * Math.pow(2, -10 * t) * Math.sin((s + t) / p)) / 2;
}
14717
elasticInOut.amplitude = function (a) {
  return custom(a, p * tau);
};
elasticInOut.period = function (p) {
  return custom(a, p);
};
14724
return elasticInOut;
14726}(amplitude, period);
14727
14728/***/ }),
14729/* 136 */
14730/***/ (function(module, __webpack_exports__, __webpack_require__) {
14731
14732"use strict";
14733Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
14734/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_value__ = __webpack_require__(23);
14735/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolate", function() { return __WEBPACK_IMPORTED_MODULE_0__src_value__["a"]; });
14736/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_array__ = __webpack_require__(62);
14737/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateArray", function() { return __WEBPACK_IMPORTED_MODULE_1__src_array__["a"]; });
14738/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__src_basis__ = __webpack_require__(26);
14739/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateBasis", function() { return __WEBPACK_IMPORTED_MODULE_2__src_basis__["b"]; });
14740/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__src_basisClosed__ = __webpack_require__(60);
14741/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateBasisClosed", function() { return __WEBPACK_IMPORTED_MODULE_3__src_basisClosed__["a"]; });
14742/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__src_date__ = __webpack_require__(63);
14743/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateDate", function() { return __WEBPACK_IMPORTED_MODULE_4__src_date__["a"]; });
14744/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__src_number__ = __webpack_require__(15);
14745/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateNumber", function() { return __WEBPACK_IMPORTED_MODULE_5__src_number__["a"]; });
14746/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__src_object__ = __webpack_require__(64);
14747/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateObject", function() { return __WEBPACK_IMPORTED_MODULE_6__src_object__["a"]; });
14748/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__src_round__ = __webpack_require__(139);
14749/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateRound", function() { return __WEBPACK_IMPORTED_MODULE_7__src_round__["a"]; });
14750/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__src_string__ = __webpack_require__(65);
14751/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateString", function() { return __WEBPACK_IMPORTED_MODULE_8__src_string__["a"]; });
14752/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__src_transform_index__ = __webpack_require__(140);
14753/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateTransformCss", function() { return __WEBPACK_IMPORTED_MODULE_9__src_transform_index__["a"]; });
14754/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateTransformSvg", function() { return __WEBPACK_IMPORTED_MODULE_9__src_transform_index__["b"]; });
14755/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__src_zoom__ = __webpack_require__(143);
14756/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateZoom", function() { return __WEBPACK_IMPORTED_MODULE_10__src_zoom__["a"]; });
14757/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__src_rgb__ = __webpack_require__(59);
14758/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateRgb", function() { return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["a"]; });
14759/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateRgbBasis", function() { return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["b"]; });
14760/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateRgbBasisClosed", function() { return __WEBPACK_IMPORTED_MODULE_11__src_rgb__["c"]; });
14761/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__src_hsl__ = __webpack_require__(144);
14762/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateHsl", function() { return __WEBPACK_IMPORTED_MODULE_12__src_hsl__["a"]; });
14763/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateHslLong", function() { return __WEBPACK_IMPORTED_MODULE_12__src_hsl__["b"]; });
14764/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__src_lab__ = __webpack_require__(145);
14765/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateLab", function() { return __WEBPACK_IMPORTED_MODULE_13__src_lab__["a"]; });
14766/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__src_hcl__ = __webpack_require__(146);
14767/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateHcl", function() { return __WEBPACK_IMPORTED_MODULE_14__src_hcl__["a"]; });
14768/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateHclLong", function() { return __WEBPACK_IMPORTED_MODULE_14__src_hcl__["b"]; });
14769/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__ = __webpack_require__(147);
14770/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateCubehelix", function() { return __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__["b"]; });
14771/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "interpolateCubehelixLong", function() { return __WEBPACK_IMPORTED_MODULE_15__src_cubehelix__["a"]; });
14772/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__src_quantize__ = __webpack_require__(148);
14773/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "quantize", function() { return __WEBPACK_IMPORTED_MODULE_16__src_quantize__["a"]; });
14774
14775
14776
14777
14778
14779
14780
14781
14782
14783
14784
14785
14786
14787
14788
14789
14790
14791
14792/***/ }),
14793/* 137 */
14794/***/ (function(module, __webpack_exports__, __webpack_require__) {
14795
14796"use strict";
14797/* unused harmony export gray */
14798/* harmony export (immutable) */ __webpack_exports__["a"] = lab;
14799/* unused harmony export Lab */
14800/* unused harmony export lch */
14801/* harmony export (immutable) */ __webpack_exports__["b"] = hcl;
14802/* unused harmony export Hcl */
14803/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(25);
14804/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(24);
14805/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__math__ = __webpack_require__(58);
14806
14807
14808
14809
14810// https://beta.observablehq.com/@mbostock/lab-and-rgb
14811var K = 18,
  Xn = 0.96422,
  Yn = 1,
  Zn = 0.82521,
  t0 = 4 / 29,
  t1 = 6 / 29,
  t2 = 3 * t1 * t1,
  t3 = t1 * t1 * t1;
14819
14820function labConvert(o) {
if (o instanceof Lab) return new Lab(o.l, o.a, o.b, o.opacity);
if (o instanceof Hcl) {
  if (isNaN(o.h)) return new Lab(o.l, 0, 0, o.opacity);
  var h = o.h * __WEBPACK_IMPORTED_MODULE_2__math__["a" /* deg2rad */];
  return new Lab(o.l, Math.cos(h) * o.c, Math.sin(h) * o.c, o.opacity);
}
if (!(o instanceof __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */])) o = Object(__WEBPACK_IMPORTED_MODULE_1__color__["h" /* rgbConvert */])(o);
var r = rgb2lrgb(o.r),
    g = rgb2lrgb(o.g),
    b = rgb2lrgb(o.b),
    y = xyz2lab((0.2225045 * r + 0.7168786 * g + 0.0606169 * b) / Yn),
    x,
    z;
if (r === g && g === b) x = z = y;else {
  x = xyz2lab((0.4360747 * r + 0.3850649 * g + 0.1430804 * b) / Xn);
  z = xyz2lab((0.0139322 * r + 0.0971045 * g + 0.7141733 * b) / Zn);
}
return new Lab(116 * y - 16, 500 * (x - y), 200 * (y - z), o.opacity);
14839}
14840
14841function gray(l, opacity) {
return new Lab(l, 0, 0, opacity == null ? 1 : opacity);
14843}
14844
14845function lab(l, a, b, opacity) {
return arguments.length === 1 ? labConvert(l) : new Lab(l, a, b, opacity == null ? 1 : opacity);
14847}
14848
14849function Lab(l, a, b, opacity) {
this.l = +l;
this.a = +a;
this.b = +b;
this.opacity = +opacity;
14854}
14855
14856Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Lab, lab, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
brighter: function brighter(k) {
  return new Lab(this.l + K * (k == null ? 1 : k), this.a, this.b, this.opacity);
},
darker: function darker(k) {
  return new Lab(this.l - K * (k == null ? 1 : k), this.a, this.b, this.opacity);
},
rgb: function rgb() {
  var y = (this.l + 16) / 116,
      x = isNaN(this.a) ? y : y + this.a / 500,
      z = isNaN(this.b) ? y : y - this.b / 200;
  x = Xn * lab2xyz(x);
  y = Yn * lab2xyz(y);
  z = Zn * lab2xyz(z);
  return new __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */](lrgb2rgb(3.1338561 * x - 1.6168667 * y - 0.4906146 * z), lrgb2rgb(-0.9787684 * x + 1.9161415 * y + 0.0334540 * z), lrgb2rgb(0.0719453 * x - 0.2289914 * y + 1.4052427 * z), this.opacity);
}
14872}));
14873
14874function xyz2lab(t) {
return t > t3 ? Math.pow(t, 1 / 3) : t / t2 + t0;
14876}
14877
14878function lab2xyz(t) {
return t > t1 ? t * t * t : t2 * (t - t0);
14880}
14881
14882function lrgb2rgb(x) {
return 255 * (x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055);
14884}
14885
14886function rgb2lrgb(x) {
return (x /= 255) <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
14888}
14889
14890function hclConvert(o) {
if (o instanceof Hcl) return new Hcl(o.h, o.c, o.l, o.opacity);
if (!(o instanceof Lab)) o = labConvert(o);
if (o.a === 0 && o.b === 0) return new Hcl(NaN, 0, o.l, o.opacity);
var h = Math.atan2(o.b, o.a) * __WEBPACK_IMPORTED_MODULE_2__math__["b" /* rad2deg */];
return new Hcl(h < 0 ? h + 360 : h, Math.sqrt(o.a * o.a + o.b * o.b), o.l, o.opacity);
14896}
14897
14898function lch(l, c, h, opacity) {
return arguments.length === 1 ? hclConvert(l) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
14900}
14901
14902function hcl(h, c, l, opacity) {
return arguments.length === 1 ? hclConvert(h) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
14904}
14905
14906function Hcl(h, c, l, opacity) {
this.h = +h;
this.c = +c;
this.l = +l;
this.opacity = +opacity;
14911}
14912
14913Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Hcl, hcl, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
brighter: function brighter(k) {
  return new Hcl(this.h, this.c, this.l + K * (k == null ? 1 : k), this.opacity);
},
darker: function darker(k) {
  return new Hcl(this.h, this.c, this.l - K * (k == null ? 1 : k), this.opacity);
},
rgb: function rgb() {
  return labConvert(this).rgb();
}
14923}));
14924
14925/***/ }),
14926/* 138 */
14927/***/ (function(module, __webpack_exports__, __webpack_require__) {
14928
14929"use strict";
14930/* harmony export (immutable) */ __webpack_exports__["a"] = cubehelix;
14931/* unused harmony export Cubehelix */
14932/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define__ = __webpack_require__(25);
14933/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(24);
14934/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__math__ = __webpack_require__(58);
14935
14936
14937
14938
14939var A = -0.14861,
  B = +1.78277,
  C = -0.29227,
  D = -0.90649,
  E = +1.97294,
  ED = E * D,
  EB = E * B,
  BC_DA = B * C - D * A;
14947
14948function cubehelixConvert(o) {
if (o instanceof Cubehelix) return new Cubehelix(o.h, o.s, o.l, o.opacity);
if (!(o instanceof __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */])) o = Object(__WEBPACK_IMPORTED_MODULE_1__color__["h" /* rgbConvert */])(o);
var r = o.r / 255,
    g = o.g / 255,
    b = o.b / 255,
    l = (BC_DA * b + ED * r - EB * g) / (BC_DA + ED - EB),
    bl = b - l,
    k = (E * (g - l) - C * bl) / D,
    s = Math.sqrt(k * k + bl * bl) / (E * l * (1 - l)),
    // NaN if l=0 or l=1
h = s ? Math.atan2(k, bl) * __WEBPACK_IMPORTED_MODULE_2__math__["b" /* rad2deg */] - 120 : NaN;
return new Cubehelix(h < 0 ? h + 360 : h, s, l, o.opacity);
14961}
14962
14963function cubehelix(h, s, l, opacity) {
return arguments.length === 1 ? cubehelixConvert(h) : new Cubehelix(h, s, l, opacity == null ? 1 : opacity);
14965}
14966
14967function Cubehelix(h, s, l, opacity) {
this.h = +h;
this.s = +s;
this.l = +l;
this.opacity = +opacity;
14972}
14973
14974Object(__WEBPACK_IMPORTED_MODULE_0__define__["a" /* default */])(Cubehelix, cubehelix, Object(__WEBPACK_IMPORTED_MODULE_0__define__["b" /* extend */])(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* Color */], {
brighter: function brighter(k) {
  k = k == null ? __WEBPACK_IMPORTED_MODULE_1__color__["c" /* brighter */] : Math.pow(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* brighter */], k);
  return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
},
darker: function darker(k) {
  k = k == null ? __WEBPACK_IMPORTED_MODULE_1__color__["d" /* darker */] : Math.pow(__WEBPACK_IMPORTED_MODULE_1__color__["d" /* darker */], k);
  return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
},
rgb: function rgb() {
  var h = isNaN(this.h) ? 0 : (this.h + 120) * __WEBPACK_IMPORTED_MODULE_2__math__["a" /* deg2rad */],
      l = +this.l,
      a = isNaN(this.s) ? 0 : this.s * l * (1 - l),
      cosh = Math.cos(h),
      sinh = Math.sin(h);
  return new __WEBPACK_IMPORTED_MODULE_1__color__["b" /* Rgb */](255 * (l + a * (A * cosh + B * sinh)), 255 * (l + a * (C * cosh + D * sinh)), 255 * (l + a * (E * cosh)), this.opacity);
}
14991}));
14992
14993/***/ }),
14994/* 139 */
14995/***/ (function(module, __webpack_exports__, __webpack_require__) {
14996
14997"use strict";
14998/* harmony default export */ __webpack_exports__["a"] = (function (a, b) {
return a = +a, b -= a, function (t) {
  return Math.round(a + b * t);
};
15002});
15003
15004/***/ }),
15005/* 140 */
15006/***/ (function(module, __webpack_exports__, __webpack_require__) {
15007
15008"use strict";
15009/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return interpolateTransformCss; });
15010/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return interpolateTransformSvg; });
15011/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__number__ = __webpack_require__(15);
15012/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__parse__ = __webpack_require__(141);
15013
15014
15015
15016function interpolateTransform(parse, pxComma, pxParen, degParen) {
15017
function pop(s) {
  return s.length ? s.pop() + " " : "";
}
15021
function translate(xa, ya, xb, yb, s, q) {
  if (xa !== xb || ya !== yb) {
    var i = s.push("translate(", null, pxComma, null, pxParen);
    q.push({ i: i - 4, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(xa, xb) }, { i: i - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(ya, yb) });
  } else if (xb || yb) {
    s.push("translate(" + xb + pxComma + yb + pxParen);
  }
}
15030
function rotate(a, b, s, q) {
  if (a !== b) {
    if (a - b > 180) b += 360;else if (b - a > 180) a += 360; // shortest path
    q.push({ i: s.push(pop(s) + "rotate(", null, degParen) - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(a, b) });
  } else if (b) {
    s.push(pop(s) + "rotate(" + b + degParen);
  }
}
15039
function skewX(a, b, s, q) {
  if (a !== b) {
    q.push({ i: s.push(pop(s) + "skewX(", null, degParen) - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(a, b) });
  } else if (b) {
    s.push(pop(s) + "skewX(" + b + degParen);
  }
}
15047
function scale(xa, ya, xb, yb, s, q) {
  if (xa !== xb || ya !== yb) {
    var i = s.push(pop(s) + "scale(", null, ",", null, ")");
    q.push({ i: i - 4, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(xa, xb) }, { i: i - 2, x: Object(__WEBPACK_IMPORTED_MODULE_0__number__["a" /* default */])(ya, yb) });
  } else if (xb !== 1 || yb !== 1) {
    s.push(pop(s) + "scale(" + xb + "," + yb + ")");
  }
}
15056
return function (a, b) {
  var s = [],
      // string constants and placeholders
  q = []; // number interpolators
  a = parse(a), b = parse(b);
  translate(a.translateX, a.translateY, b.translateX, b.translateY, s, q);
  rotate(a.rotate, b.rotate, s, q);
  skewX(a.skewX, b.skewX, s, q);
  scale(a.scaleX, a.scaleY, b.scaleX, b.scaleY, s, q);
  a = b = null; // gc
  return function (t) {
    var i = -1,
        n = q.length,
        o;
    while (++i < n) {
      s[(o = q[i]).i] = o.x(t);
    }return s.join("");
  };
};
15076}
15077
15078var interpolateTransformCss = interpolateTransform(__WEBPACK_IMPORTED_MODULE_1__parse__["a" /* parseCss */], "px, ", "px)", "deg)");
15079var interpolateTransformSvg = interpolateTransform(__WEBPACK_IMPORTED_MODULE_1__parse__["b" /* parseSvg */], ", ", ")", ")");
15080
15081/***/ }),
15082/* 141 */
15083/***/ (function(module, __webpack_exports__, __webpack_require__) {
15084
15085"use strict";
15086/* harmony export (immutable) */ __webpack_exports__["a"] = parseCss;
15087/* harmony export (immutable) */ __webpack_exports__["b"] = parseSvg;
15088/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__decompose__ = __webpack_require__(142);
15089
15090
15091var cssNode, cssRoot, cssView, svgNode;
15092
15093function parseCss(value) {
if (value === "none") return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
if (!cssNode) cssNode = document.createElement("DIV"), cssRoot = document.documentElement, cssView = document.defaultView;
cssNode.style.transform = value;
value = cssView.getComputedStyle(cssRoot.appendChild(cssNode), null).getPropertyValue("transform");
cssRoot.removeChild(cssNode);
value = value.slice(7, -1).split(",");
return Object(__WEBPACK_IMPORTED_MODULE_0__decompose__["a" /* default */])(+value[0], +value[1], +value[2], +value[3], +value[4], +value[5]);
15101}
15102
15103function parseSvg(value) {
if (value == null) return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
if (!svgNode) svgNode = document.createElementNS("http://www.w3.org/2000/svg", "g");
svgNode.setAttribute("transform", value);
if (!(value = svgNode.transform.baseVal.consolidate())) return __WEBPACK_IMPORTED_MODULE_0__decompose__["b" /* identity */];
value = value.matrix;
return Object(__WEBPACK_IMPORTED_MODULE_0__decompose__["a" /* default */])(value.a, value.b, value.c, value.d, value.e, value.f);
15110}
15111
15112/***/ }),
15113/* 142 */
15114/***/ (function(module, __webpack_exports__, __webpack_require__) {
15115
15116"use strict";
15117/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return identity; });
15118var degrees = 180 / Math.PI;
15119
15120var identity = {
translateX: 0,
translateY: 0,
rotate: 0,
skewX: 0,
scaleX: 1,
scaleY: 1
15127};
15128
15129/* harmony default export */ __webpack_exports__["a"] = (function (a, b, c, d, e, f) {
var scaleX, scaleY, skewX;
if (scaleX = Math.sqrt(a * a + b * b)) a /= scaleX, b /= scaleX;
if (skewX = a * c + b * d) c -= a * skewX, d -= b * skewX;
if (scaleY = Math.sqrt(c * c + d * d)) c /= scaleY, d /= scaleY, skewX /= scaleY;
if (a * d < b * c) a = -a, b = -b, skewX = -skewX, scaleX = -scaleX;
return {
  translateX: e,
  translateY: f,
  rotate: Math.atan2(b, a) * degrees,
  skewX: Math.atan(skewX) * degrees,
  scaleX: scaleX,
  scaleY: scaleY
};
15143});
15144
15145/***/ }),
15146/* 143 */
15147/***/ (function(module, __webpack_exports__, __webpack_require__) {
15148
15149"use strict";
15150var rho = Math.SQRT2,
  rho2 = 2,
  rho4 = 4,
  epsilon2 = 1e-12;
15154
15155function cosh(x) {
return ((x = Math.exp(x)) + 1 / x) / 2;
15157}
15158
15159function sinh(x) {
return ((x = Math.exp(x)) - 1 / x) / 2;
15161}
15162
15163function tanh(x) {
return ((x = Math.exp(2 * x)) - 1) / (x + 1);
15165}
15166
15167// p0 = [ux0, uy0, w0]
15168// p1 = [ux1, uy1, w1]
15169/* harmony default export */ __webpack_exports__["a"] = (function (p0, p1) {
var ux0 = p0[0],
    uy0 = p0[1],
    w0 = p0[2],
    ux1 = p1[0],
    uy1 = p1[1],
    w1 = p1[2],
    dx = ux1 - ux0,
    dy = uy1 - uy0,
    d2 = dx * dx + dy * dy,
    i,
    S;
15181
// Special case for u0 ≅ u1.
if (d2 < epsilon2) {
  S = Math.log(w1 / w0) / rho;
  i = function i(t) {
    return [ux0 + t * dx, uy0 + t * dy, w0 * Math.exp(rho * t * S)];
  };
}
15189
// General case.
else {
    var d1 = Math.sqrt(d2),
        b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1),
        b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1),
        r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0),
        r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
    S = (r1 - r0) / rho;
    i = function i(t) {
      var s = t * S,
          coshr0 = cosh(r0),
          u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
      return [ux0 + u * dx, uy0 + u * dy, w0 * coshr0 / cosh(rho * s + r0)];
    };
  }
15205
i.duration = S * 1000;
15207
return i;
15209});
15210
15211/***/ }),
15212/* 144 */
15213/***/ (function(module, __webpack_exports__, __webpack_require__) {
15214
15215"use strict";
15216/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return hslLong; });
15217/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(6);
15218/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(13);
15219
15220
15221
15222function hsl(hue) {
return function (start, end) {
  var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["d" /* hsl */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["d" /* hsl */])(end)).h),
      s = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.s, end.s),
      l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
      opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
  return function (t) {
    start.h = h(t);
    start.s = s(t);
    start.l = l(t);
    start.opacity = opacity(t);
    return start + "";
  };
};
15236}
15237
15238/* harmony default export */ __webpack_exports__["a"] = (hsl(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]));
15239var hslLong = hsl(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
15240
15241/***/ }),
15242/* 145 */
15243/***/ (function(module, __webpack_exports__, __webpack_require__) {
15244
15245"use strict";
15246/* harmony export (immutable) */ __webpack_exports__["a"] = lab;
15247/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(6);
15248/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(13);
15249
15250
15251
15252function lab(start, end) {
var l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["e" /* lab */])(start)).l, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["e" /* lab */])(end)).l),
    a = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.a, end.a),
    b = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.b, end.b),
    opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
return function (t) {
  start.l = l(t);
  start.a = a(t);
  start.b = b(t);
  start.opacity = opacity(t);
  return start + "";
};
15264}
15265
15266/***/ }),
15267/* 146 */
15268/***/ (function(module, __webpack_exports__, __webpack_require__) {
15269
15270"use strict";
15271/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return hclLong; });
15272/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(6);
15273/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(13);
15274
15275
15276
15277function hcl(hue) {
return function (start, end) {
  var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["c" /* hcl */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["c" /* hcl */])(end)).h),
      c = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.c, end.c),
      l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
      opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
  return function (t) {
    start.h = h(t);
    start.c = c(t);
    start.l = l(t);
    start.opacity = opacity(t);
    return start + "";
  };
};
15291}
15292
15293/* harmony default export */ __webpack_exports__["a"] = (hcl(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]));
15294var hclLong = hcl(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
15295
15296/***/ }),
15297/* 147 */
15298/***/ (function(module, __webpack_exports__, __webpack_require__) {
15299
15300"use strict";
15301/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cubehelixLong; });
15302/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_d3_color__ = __webpack_require__(6);
15303/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__color__ = __webpack_require__(13);
15304
15305
15306
15307function cubehelix(hue) {
return function cubehelixGamma(y) {
  y = +y;
15310
  function cubehelix(start, end) {
    var h = hue((start = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["b" /* cubehelix */])(start)).h, (end = Object(__WEBPACK_IMPORTED_MODULE_0_d3_color__["b" /* cubehelix */])(end)).h),
        s = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.s, end.s),
        l = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.l, end.l),
        opacity = Object(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */])(start.opacity, end.opacity);
    return function (t) {
      start.h = h(t);
      start.s = s(t);
      start.l = l(Math.pow(t, y));
      start.opacity = opacity(t);
      return start + "";
    };
  }
15324
  cubehelix.gamma = cubehelixGamma;
15326
  return cubehelix;
}(1);
15329}
15330
15331/* harmony default export */ __webpack_exports__["b"] = (cubehelix(__WEBPACK_IMPORTED_MODULE_1__color__["c" /* hue */]));
15332var cubehelixLong = cubehelix(__WEBPACK_IMPORTED_MODULE_1__color__["a" /* default */]);
15333
15334/***/ }),
15335/* 148 */
15336/***/ (function(module, __webpack_exports__, __webpack_require__) {
15337
15338"use strict";
15339/* harmony default export */ __webpack_exports__["a"] = (function (interpolator, n) {
var samples = new Array(n);
for (var i = 0; i < n; ++i) {
  samples[i] = interpolator(i / (n - 1));
}return samples;
15344});
15345
15346/***/ }),
15347/* 149 */
15348/***/ (function(module, exports, __webpack_require__) {
15349
15350module.exports = {
Canvas: __webpack_require__(150),
Group: __webpack_require__(67),
Shape: __webpack_require__(1),
Rect: __webpack_require__(69),
Circle: __webpack_require__(70),
Ellipse: __webpack_require__(71),
Path: __webpack_require__(72),
Text: __webpack_require__(73),
Line: __webpack_require__(74),
Image: __webpack_require__(75),
Polygon: __webpack_require__(76),
Polyline: __webpack_require__(77),
Arc: __webpack_require__(78),
Fan: __webpack_require__(79),
Cubic: __webpack_require__(80),
Quadratic: __webpack_require__(81),
Marker: __webpack_require__(82),
PathSegment: __webpack_require__(31),
Event: __webpack_require__(66)
15370};
15371
15372/***/ }),
15373/* 150 */
15374/***/ (function(module, exports, __webpack_require__) {
15375
15376var Util = __webpack_require__(0);
15377var Event = __webpack_require__(66);
15378var Group = __webpack_require__(67);
15379var Timeline = __webpack_require__(57);
15380
15381var Canvas = function Canvas(cfg) {
Canvas.superclass.constructor.call(this, cfg);
15383};
15384
15385Canvas.CFG = {
eventEnable: true,
/**
 * 像素宽度
 * @type {Number}
 */
width: null,
/**
 * 像素高度
 * @type {Number}
 */
height: null,
/**
 * 画布宽度
 * @type {Number}
 */
widthCanvas: null,
/**
 * 画布高度
 * @type {Number}
 */
heightCanvas: null,
/**
 * CSS宽
 * @type {String}
 */
widthStyle: null,
/**
 * CSS高
 * @type {String}
 */
heightStyle: null,
/**
 * 容器DOM
 * @type {Object}
 */
containerDOM: null,
/**
 * 当前Canvas的DOM
 * @type {Object}
 */
canvasDOM: null,
/**
 * 屏幕像素比
 * @type {Number}
 */
pixelRatio: null
15432};
15433
15434Util.extend(Canvas, Group);
15435
15436Util.augment(Canvas, {
init: function init() {
  Canvas.superclass.init.call(this);
  this._setGlobalParam();
  this._setDOM();
  this._setInitSize();
  this._setCanvas();
  this._scale();
  if (this.get('eventEnable')) {
    this._registEvents();
  }
},
getEmitter: function getEmitter(element, event) {
  if (element) {
    if (Util.isEmpty(element._getEvents())) {
      var parent = element.get('parent');
      if (parent && !event.propagationStopped) {
        return this.getEmitter(parent, event);
      }
    } else {
      return element;
    }
  }
},
_getEventObj: function _getEventObj(type, e, point, target) {
  var event = new Event(type, e, true, true);
  event.x = point.x;
  event.y = point.y;
  event.clientX = e.clientX;
  event.clientY = e.clientY;
  event.currentTarget = target;
  event.target = target;
  return event;
},
_triggerEvent: function _triggerEvent(type, e) {
  var point = this.getPointByClient(e.clientX, e.clientY);
  var shape = this.getShape(point.x, point.y);
  var emitObj = void 0;
  if (type === 'mousemove') {
    var preShape = this.get('preShape');
    if (preShape && preShape !== shape) {
      var mouseleave = this._getEventObj('mouseleave', e, point, preShape);
      emitObj = this.getEmitter(preShape, e);
      emitObj && emitObj.emit('mouseleave', mouseleave);
    }
15481
    if (shape) {
      var mousemove = this._getEventObj('mousemove', e, point, shape);
      emitObj = this.getEmitter(shape, e);
      emitObj && emitObj.emit('mousemove', mousemove);
15486
      if (preShape !== shape) {
        var mouseenter = this._getEventObj('mouseenter', e, point, shape);
        emitObj && emitObj.emit('mouseenter', mouseenter, e);
      }
    } else {
      var canvasmousemove = this._getEventObj('mousemove', e, point, this);
      this.emit('mousemove', canvasmousemove);
    }
15495
    this.set('preShape', shape);
  } else {
    var event = this._getEventObj(type, e, point, shape || this);
    emitObj = this.getEmitter(shape, e);
    if (emitObj && emitObj !== this) {
      emitObj.emit(type, event);
    }
    this.emit(type, event);
  }
15505
  var el = this.get('el');
  if (shape && !shape.get('destroyed')) {
    el.style.cursor = shape.attr('cursor') || 'default';
  }
},
_registEvents: function _registEvents() {
  var self = this;
  var el = self.get('el');
  var events = ['mouseout', 'mouseover', 'mousemove', 'mousedown', 'mouseup', 'click', 'dblclick'];
  Util.each(events, function (event) {
    el.addEventListener(event, function (e) {
      self._triggerEvent(event, e);
    }, false);
  });
  // special cases
  el.addEventListener('mouseout', function (e) {
    self._triggerEvent('mouseleave', e);
  }, false);
  el.addEventListener('mouseover', function (e) {
    self._triggerEvent('mouseenter', e);
  }, false);
15527
  el.addEventListener('touchstart', function (e) {
    if (!Util.isEmpty(e.touches)) {
      self._triggerEvent('touchstart', e.touches[0]);
    }
  }, false);
15533
  el.addEventListener('touchmove', function (e) {
    if (!Util.isEmpty(e.touches)) {
      self._triggerEvent('touchmove', e.touches[0]);
    }
  }, false);
15539
  el.addEventListener('touchend', function (e) {
    if (!Util.isEmpty(e.changedTouches)) {
      self._triggerEvent('touchend', e.changedTouches[0]);
    }
  }, false);
},
_scale: function _scale() {
  var pixelRatio = this.get('pixelRatio');
  this.scale(pixelRatio, pixelRatio);
},
_setCanvas: function _setCanvas() {
  var canvasDOM = this.get('canvasDOM');
  var timeline = new Timeline();
  this.setSilent('el', canvasDOM);
  this.setSilent('timeline', timeline);
  this.setSilent('context', canvasDOM.getContext('2d'));
  this.setSilent('canvas', this);
},
_setGlobalParam: function _setGlobalParam() {
  var pixelRatio = this.get('pixelRatio');
  if (!pixelRatio) {
    this.set('pixelRatio', Util.getRatio());
  }
  return;
},
_setDOM: function _setDOM() {
  this._setContainer();
  this._setLayer();
},
_setContainer: function _setContainer() {
  var containerId = this.get('containerId');
  var containerDOM = this.get('containerDOM');
  if (!containerDOM) {
    containerDOM = document.getElementById(containerId);
    this.set('containerDOM', containerDOM);
  }
  Util.modifyCSS(containerDOM, {
    position: 'relative'
  });
},
_setLayer: function _setLayer() {
  var containerDOM = this.get('containerDOM');
  var canvasId = Util.uniqueId('canvas_');
  if (containerDOM) {
    var canvasDOM = Util.createDom('<canvas id="' + canvasId + '"></canvas>');
    containerDOM.appendChild(canvasDOM);
    this.set('canvasDOM', canvasDOM);
  }
},
_setInitSize: function _setInitSize() {
  this.changeSize(this.get('width'), this.get('height'));
},
_resize: function _resize() {
  var canvasDOM = this.get('canvasDOM');
  var widthCanvas = this.get('widthCanvas');
  var heightCanvas = this.get('heightCanvas');
  var widthStyle = this.get('widthStyle');
  var heightStyle = this.get('heightStyle');
15598
  canvasDOM.style.width = widthStyle;
  canvasDOM.style.height = heightStyle;
  canvasDOM.setAttribute('width', widthCanvas);
  canvasDOM.setAttribute('height', heightCanvas);
},
getWidth: function getWidth() {
  var pixelRatio = this.get('pixelRatio');
  var width = this.get('width');
  return width * pixelRatio;
},
getHeight: function getHeight() {
  var pixelRatio = this.get('pixelRatio');
  var height = this.get('height');
  return height * pixelRatio;
},
changeSize: function changeSize(width, height) {
  var pixelRatio = this.get('pixelRatio');
  var widthCanvas = width * pixelRatio;
  var heightCanvas = height * pixelRatio;
15618
  this.set('widthCanvas', widthCanvas);
  this.set('heightCanvas', heightCanvas);
  this.set('widthStyle', width + 'px');
  this.set('heightStyle', height + 'px');
  this.set('width', width);
  this.set('height', height);
  this._resize();
},
15627
/**
 * 将窗口坐标转变成 canvas 坐标
 * @param  {Number} clientX 窗口x坐标
 * @param  {Number} clientY 窗口y坐标
 * @return {Object} canvas坐标
 */
getPointByClient: function getPointByClient(clientX, clientY) {
  var el = this.get('el');
  var bbox = el.getBoundingClientRect();
  var width = bbox.right - bbox.left;
  var height = bbox.bottom - bbox.top;
  return {
    x: (clientX - bbox.left) * (el.width / width),
    y: (clientY - bbox.top) * (el.height / height)
  };
},
getClientByPoint: function getClientByPoint(x, y) {
  var el = this.get('el');
  var bbox = el.getBoundingClientRect();
  var width = bbox.right - bbox.left;
  var height = bbox.bottom - bbox.top;
  return {
    clientX: x / (el.width / width) + bbox.left,
    clientY: y / (el.height / height) + bbox.top
  };
},
beforeDraw: function beforeDraw() {
  var context = this.get('context');
  var el = this.get('el');
  context && context.clearRect(0, 0, el.width, el.height);
},
_beginDraw: function _beginDraw() {
  this.setSilent('toDraw', true);
},
_endDraw: function _endDraw() {
  this.setSilent('toDraw', false);
},
draw: function draw() {
  var self = this;
  function drawInner() {
    self.setSilent('animateHandler', Util.requestAnimationFrame(function () {
      self.setSilent('animateHandler', undefined);
      if (self.get('toDraw')) {
        drawInner();
      }
    }));
    self.beforeDraw();
    try {
      var context = self.get('context');
      Canvas.superclass.draw.call(self, context);
      // self._drawCanvas();
    } catch (ev) {
      // 绘制时异常，中断重绘
      console.warn('error in draw canvas, detail as:');
      console.warn(ev);
      self._endDraw();
    }
    self._endDraw();
  }
15687
  if (self.get('destroyed')) {
    return;
  }
  if (self.get('animateHandler')) {
    this._beginDraw();
  } else {
    drawInner();
  }
},
destroy: function destroy() {
  var containerDOM = this.get('containerDOM');
  var canvasDOM = this.get('canvasDOM');
  if (canvasDOM && containerDOM) {
    containerDOM.removeChild(canvasDOM);
  }
  Canvas.superclass.destroy.call(this);
}
15705});
15706
15707module.exports = Canvas;
15708
15709/***/ }),
15710/* 151 */
15711/***/ (function(module, exports, __webpack_require__) {
15712
15713var Util = __webpack_require__(0);
15714
15715var ALIAS_ATTRS = ['strokeStyle', 'fillStyle', 'globalAlpha'];
15716var CLIP_SHAPES = ['circle', 'ellipse', 'fan', 'polygon', 'rect', 'path'];
15717var CAPITALIZED_ATTRS_MAP = {
r: 'R',
opacity: 'Opacity',
lineWidth: 'LineWidth',
clip: 'Clip',
stroke: 'Stroke',
fill: 'Fill',
strokeOpacity: 'Stroke',
fillOpacity: 'Fill',
x: 'X',
y: 'Y',
rx: 'Rx',
ry: 'Ry',
re: 'Re',
rs: 'Rs',
width: 'Width',
height: 'Height',
img: 'Img',
x1: 'X1',
x2: 'X2',
y1: 'Y1',
y2: 'Y2',
points: 'Points',
p1: 'P1',
p2: 'P2',
p3: 'P3',
p4: 'P4',
text: 'Text',
radius: 'Radius',
textAlign: 'TextAlign',
textBaseline: 'TextBaseline',
font: 'Font',
fontSize: 'FontSize',
fontStyle: 'FontStyle',
fontVariant: 'FontVariant',
fontWeight: 'FontWeight',
fontFamily: 'FontFamily',
clockwise: 'Clockwise',
startAngle: 'StartAngle',
endAngle: 'EndAngle',
path: 'Path'
15758};
15759var ALIAS_ATTRS_MAP = {
stroke: 'strokeStyle',
fill: 'fillStyle',
opacity: 'globalAlpha'
15763};
15764
15765module.exports = {
canFill: false,
canStroke: false,
initAttrs: function initAttrs(attrs) {
  this.__attrs = {
    opacity: 1,
    fillOpacity: 1,
    strokeOpacity: 1
  };
  this.attr(Util.assign(this.getDefaultAttrs(), attrs));
  return this;
},
getDefaultAttrs: function getDefaultAttrs() {
  return {};
},
15780
/**
 * 设置或者设置属性，有以下 4 种情形：
 *   - name 不存在, 则返回属性集合
 *   - name 为字符串，value 为空，获取属性值
 *   - name 为字符串，value 不为空，设置属性值，返回 this
 *   - name 为键值对，value 为空，设置属性值
 *
 * @param  {String | Object} name  属性名
 * @param  {*} value 属性值
 * @return {*} 属性值
 */
attr: function attr(name, value) {
  var self = this;
  if (arguments.length === 0) {
    return self.__attrs;
  }
15797
  if (Util.isObject(name)) {
    for (var k in name) {
      if (ALIAS_ATTRS.indexOf(k) === -1) {
        var v = name[k];
        self._setAttr(k, v);
      }
    }
    if (self._afterSetAttrAll) {
      self._afterSetAttrAll(name);
    }
    // self.setSilent('box', null);
    self.clearBBox();
    return self;
  }
  if (arguments.length === 2) {
    if (self._setAttr(name, value) !== false) {
      var m = '_afterSetAttr' + CAPITALIZED_ATTRS_MAP[name];
      if (self[m]) {
        self[m](value);
      }
    }
    // self.setSilent('box', null);
    self.clearBBox();
    return self;
  }
  return self._getAttr(name);
},
clearBBox: function clearBBox() {
  this.setSilent('box', null);
},
_afterSetAttrAll: function _afterSetAttrAll() {},
15829
// 属性获取触发函数
_getAttr: function _getAttr(name) {
  return this.__attrs[name];
},
15834
// 属性设置触发函数
_setAttr: function _setAttr(name, value) {
  var self = this;
  if (name === 'clip') {
    self._setAttrClip(value);
    self.__attrs.clip = value;
  } else if (name === 'transform') {
    self._setAttrTrans(value);
  } else {
    self.__attrs[name] = value;
    var alias = ALIAS_ATTRS_MAP[name];
    if (alias) {
      self.__attrs[alias] = value;
    }
  }
  return self;
},
hasFill: function hasFill() {
  return this.canFill && this.__attrs.fillStyle;
},
hasStroke: function hasStroke() {
  return this.canStroke && this.__attrs.strokeStyle;
},
15858
// 设置透明度
_setAttrOpacity: function _setAttrOpacity(v) {
  this.__attrs.globalAlpha = v;
  return v;
},
_setAttrClip: function _setAttrClip(clip) {
  var self = this;
  if (clip && CLIP_SHAPES.indexOf(clip.type) > -1) {
    if (clip.get('canvas') === null) {
      clip = Util.clone(clip);
    }
    clip.set('parent', self.get('parent'));
    clip.set('canvas', self.get('canvas'));
    clip.set('context', self.get('context'));
    clip.inside = function (x, y) {
      var v = [x, y, 1];
      clip.invert(v, self.get('canvas')); // 已经在外面转换
      return clip._isPointInFill(v[0], v[1]);
    };
    return clip;
  }
  return null;
},
_setAttrTrans: function _setAttrTrans(value) {
  return this.transform(value);
}
15885};
15886
15887/***/ }),
15888/* 152 */
15889/***/ (function(module, exports, __webpack_require__) {
15890
15891var Util = __webpack_require__(0);
15892var mat3 = __webpack_require__(2).mat3;
15893var vec3 = __webpack_require__(2).vec3;
15894
15895// 是否未改变
15896function isUnchanged(m) {
return m[0] === 1 && m[1] === 0 && m[3] === 0 && m[4] === 1 && m[6] === 0 && m[7] === 0;
15898}
15899
15900// 是否仅仅是scale
15901function isScale(m) {
return m[1] === 0 && m[3] === 0 && m[6] === 0 && m[7] === 0;
15903}
15904
15905function multiple(m1, m2) {
if (!isUnchanged(m2)) {
  if (isScale(m2)) {
    m1[0] *= m2[0];
    m1[4] *= m2[4];
  } else {
    mat3.multiply(m1, m1, m2);
  }
}
15914}
15915
15916module.exports = {
initTransform: function initTransform() {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
},
translate: function translate(tx, ty) {
  var matrix = this.attr('matrix');
  mat3.translate(matrix, matrix, [tx, ty]);
  this.clearTotalMatrix();
  this.attr('matrix', matrix);
  return this;
},
rotate: function rotate(radian) {
  var matrix = this.attr('matrix');
  mat3.rotate(matrix, matrix, radian);
  this.clearTotalMatrix();
  this.attr('matrix', matrix);
  return this;
},
scale: function scale(s1, s2) {
  var matrix = this.attr('matrix');
  mat3.scale(matrix, matrix, [s1, s2]);
  this.clearTotalMatrix();
  this.attr('matrix', matrix);
  return this;
},
15941
/**
 * 绕起始点旋转
 * @param  {Number} rotate 0～360
 */
rotateAtStart: function rotateAtStart(rotate) {
  var x = this.attr('x');
  var y = this.attr('y');
  if (Math.abs(rotate) > Math.PI * 2) {
    rotate = rotate / 180 * Math.PI;
  }
  this.transform([['t', -x, -y], ['r', rotate], ['t', x, y]]);
},
15954
/**
 * 移动的到位置
 * @param  {Number} x 移动到x
 * @param  {Number} y 移动到y
 */
move: function move(x, y) {
  var cx = this.get('x') || 0; // 当前的x
  var cy = this.get('y') || 0; // 当前的y
  this.translate(x - cx, y - cy);
  this.set('x', x);
  this.set('y', y);
},
transform: function transform(ts) {
  var self = this;
  var matrix = self.attr('matrix');
15970
  Util.each(ts, function (t) {
    switch (t[0]) {
      case 't':
        self.translate(t[1], t[2]);
        break;
      case 's':
        self.scale(t[1], t[2]);
        break;
      case 'r':
        self.rotate(t[1]);
        break;
      case 'm':
        self.attr('matrix', mat3.multiply([], matrix, t[1]));
        self.clearTotalMatrix();
        break;
      default:
        break;
    }
  });
  return self;
},
setTransform: function setTransform(ts) {
  this.attr('matrix', [1, 0, 0, 0, 1, 0, 0, 0, 1]);
  return this.transform(ts);
},
getMatrix: function getMatrix() {
  return this.attr('matrix');
},
setMatrix: function setMatrix(m) {
  this.attr('matrix', m);
  this.clearTotalMatrix();
  return this;
},
apply: function apply(v, root) {
  var m = void 0;
  if (root) {
    m = this._getMatrixByRoot(root);
  } else {
    m = this.attr('matrix');
  }
  vec3.transformMat3(v, v, m);
  return this;
},
16014
// 获取到达指定根节点的矩阵
_getMatrixByRoot: function _getMatrixByRoot(root) {
  var self = this;
  root = root || self;
  var parent = self;
  var parents = [];
16021
  while (parent !== root) {
    parents.unshift(parent);
    parent = parent.get('parent');
  }
  parents.unshift(parent);
16027
  var m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
  Util.each(parents, function (child) {
    mat3.multiply(m, child.attr('matrix'), m);
  });
  return m;
},
16034
/**
 * 应用到当前元素上的总的矩阵
 * @return {Matrix} 矩阵
 */
getTotalMatrix: function getTotalMatrix() {
  var m = this.__cfg.totalMatrix;
  if (!m) {
    m = [1, 0, 0, 0, 1, 0, 0, 0, 1];
    var parent = this.__cfg.parent;
    if (parent) {
      var pm = parent.getTotalMatrix();
      multiple(m, pm);
    }
16048
    multiple(m, this.attr('matrix'));
    this.__cfg.totalMatrix = m;
  }
  return m;
},
16054
// 清除当前的矩阵
clearTotalMatrix: function clearTotalMatrix() {
  // this.__cfg.totalMatrix = null;
},
invert: function invert(v) {
  var m = this.getTotalMatrix();
  // 单精屏幕下大多数矩阵没变化
  if (isScale(m)) {
    v[0] /= m[0];
    v[1] /= m[4];
  } else {
    var inm = mat3.invert([], m);
    if (inm) {
      vec3.transformMat3(v, v, inm);
    }
  }
  return this;
},
resetTransform: function resetTransform(context) {
  var mo = this.attr('matrix');
  // 不改变时
  if (!isUnchanged(mo)) {
    context.transform(mo[0], mo[1], mo[3], mo[4], mo[6], mo[7]);
  }
}
16080};
16081
16082/***/ }),
16083/* 153 */
16084/***/ (function(module, exports, __webpack_require__) {
16085
16086var Shape = __webpack_require__(1);
16087Shape.Rect = __webpack_require__(69);
16088Shape.Circle = __webpack_require__(70);
16089Shape.Ellipse = __webpack_require__(71);
16090Shape.Path = __webpack_require__(72);
16091Shape.Text = __webpack_require__(73);
16092Shape.Line = __webpack_require__(74);
16093Shape.Image = __webpack_require__(75);
16094Shape.Polygon = __webpack_require__(76);
16095Shape.Polyline = __webpack_require__(77);
16096Shape.Arc = __webpack_require__(78);
16097Shape.Fan = __webpack_require__(79);
16098Shape.Cubic = __webpack_require__(80);
16099Shape.Quadratic = __webpack_require__(81);
16100Shape.Marker = __webpack_require__(82);
16101
16102module.exports = Shape;
16103
16104/***/ }),
16105/* 154 */
16106/***/ (function(module, exports) {
16107
16108module.exports = {
xAt: function xAt(psi, rx, ry, cx, t) {
  return rx * Math.cos(psi) * Math.cos(t) - ry * Math.sin(psi) * Math.sin(t) + cx;
},
yAt: function yAt(psi, rx, ry, cy, t) {
  return rx * Math.sin(psi) * Math.cos(t) + ry * Math.cos(psi) * Math.sin(t) + cy;
},
xExtrema: function xExtrema(psi, rx, ry) {
  return Math.atan(-ry / rx * Math.tan(psi));
},
yExtrema: function yExtrema(psi, rx, ry) {
  return Math.atan(ry / (rx * Math.tan(psi)));
}
16121};
16122
16123/***/ }),
16124/* 155 */
16125/***/ (function(module, exports, __webpack_require__) {
16126
16127function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16128
16129function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
16130
16131function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
16132
16133var Util = __webpack_require__(17);
16134var Interaction = __webpack_require__(8);
16135// const G2 = require('../core.js');
16136
16137var BRUSH_TYPES = ['X', 'Y', 'XY', 'POLYGON'];
16138var DEFAULT_TYPE = 'XY';
16139
16140var Brush = function (_Interaction) {
_inherits(Brush, _Interaction);
16142
Brush.prototype.getDefaultCfg = function getDefaultCfg() {
  var cfg = _Interaction.prototype.getDefaultCfg.call(this);
  return Util.mix({}, cfg, {
    type: DEFAULT_TYPE,
    startPoint: null,
    brushing: false,
    dragging: false,
    brushShape: null,
    container: null,
    polygonPath: null,
    style: {
      fill: '#C5D4EB',
      opacity: 0.3,
      lineWidth: 1,
      stroke: '#82A6DD'
    },
    draggable: false,
    dragOffX: 0,
    dragOffY: 0,
    inPlot: true,
    xField: null,
    yField: null
  });
};
16167
function Brush(cfg, view) {
  _classCallCheck(this, Brush);
16170
  var _this = _possibleConstructorReturn(this, _Interaction.call(this, cfg, view));
16172
  var me = _this;
  me.filter = !me.draggable;
  me.type = me.type.toUpperCase();
  me.chart = view;
16177
  if (BRUSH_TYPES.indexOf(me.type) === -1) {
    me.type = DEFAULT_TYPE;
  }
  var canvas = me.canvas;
  if (canvas) {
    var plotRange = void 0;
    canvas.get('children').map(function (child) {
      if (child.get('type') === 'plotBack') {
        plotRange = child.get('plotRange');
        return false;
      }
      return child;
    });
    me.plot = {
      start: plotRange.bl,
      end: plotRange.tr
    };
  }
  if (view) {
    var coord = view.get('coord');
    me.plot = {
      start: coord.start,
      end: coord.end
    };
    var xScales = view._getScales('x');
    var yScales = view._getScales('y');
    me.xScale = me.xField ? xScales[me.xField] : view.getXScale();
    me.yScale = me.yField ? yScales[me.yField] : view.getYScales()[0];
  }
  return _this;
}
16209
// onBurshstart() { }
// onBrushmove() { }
// onBrushend() {}
// onDragstart() {}
// onDragmove() {}
// onDragend() {}
16216
Brush.prototype.start = function start(ev) {
  var me = this;
  var canvas = me.canvas,
      type = me.type,
      brushShape = me.brushShape;
16222
16223
  if (!type) return;
16225
  var startPoint = { x: ev.offsetX, y: ev.offsetY };
  if (!startPoint.x) return;
  var isInPlot = me.plot && me.inPlot;
  var canvasDOM = canvas.get('canvasDOM');
  var pixelRatio = canvas.get('pixelRatio');
16231
  if (me.selection) me.selection = null;
16233
  if (me.draggable && brushShape && !brushShape.get('destroyed')) {
    // allow drag the brushShape
    if (brushShape.isHit(startPoint.x * pixelRatio, startPoint.y * pixelRatio)) {
      canvasDOM.style.cursor = 'move';
      me.selection = brushShape;
      me.dragging = true;
      if (type === 'X') {
        me.dragoffX = startPoint.x - brushShape.attr('x');
        me.dragoffY = 0;
      } else if (type === 'Y') {
        me.dragoffX = 0;
        me.dragoffY = startPoint.y - brushShape.attr('y');
      } else if (type === 'XY') {
        me.dragoffX = startPoint.x - brushShape.attr('x');
        me.dragoffY = startPoint.y - brushShape.attr('y');
      } else if (type === 'POLYGON') {
        var box = brushShape.getBBox();
        me.dragoffX = startPoint.x - box.minX;
        me.dragoffY = startPoint.y - box.minY;
      }
16254
      if (isInPlot) {
        me.selection.attr('clip', canvas.addShape('rect', {
          attrs: {
            x: this.plot.start.x,
            y: this.plot.end.y,
            width: this.plot.end.x - this.plot.start.x,
            height: this.plot.start.y - this.plot.end.y,
            fill: '#fff',
            fillOpacity: 0
          }
        }));
      }
      me.onDragstart && me.onDragstart(ev);
    }
    me.prePoint = startPoint;
  }
16271
  if (!me.dragging) {
    // brush start
    me.onBrushstart && me.onBrushstart(startPoint);
    var container = me.container;
    if (isInPlot) {
      var _me$plot = me.plot,
          start = _me$plot.start,
          end = _me$plot.end;
16280
      if (startPoint.x < start.x || startPoint.x > end.x || startPoint.y < end.y || startPoint.y > start.y) return;
    }
    canvasDOM.style.cursor = 'crosshair';
    me.startPoint = startPoint;
    me.brushShape = null;
    me.brushing = true;
16287
    if (!container) {
      container = canvas.addGroup({
        zIndex: 5 // upper
      });
      container.initTransform();
    } else {
      container.clear();
    }
    me.container = container;
16297
    if (type === 'POLYGON') me.polygonPath = 'M ' + startPoint.x + ' ' + startPoint.y;
  }
};
16301
Brush.prototype.process = function process(ev) {
  var me = this;
  var brushing = me.brushing,
      dragging = me.dragging,
      type = me.type,
      plot = me.plot,
      startPoint = me.startPoint,
      xScale = me.xScale,
      yScale = me.yScale,
      canvas = me.canvas;
16312
16313
  if (!brushing && !dragging) {
    return;
  }
  var currentPoint = {
    x: ev.offsetX,
    y: ev.offsetY
  };
  var canvasDOM = canvas.get('canvasDOM');
16322
  if (brushing) {
    canvasDOM.style.cursor = 'crosshair';
    var start = plot.start,
        end = plot.end;
16327
    var polygonPath = me.polygonPath;
    var brushShape = me.brushShape;
    var container = me.container;
    if (me.plot && me.inPlot) {
      currentPoint = me._limitCoordScope(currentPoint);
    }
16334
    var rectStartX = void 0;
    var rectStartY = void 0;
    var rectWidth = void 0;
    var rectHeight = void 0;
16339
    if (type === 'Y') {
      rectStartX = start.x;
      rectStartY = currentPoint.y >= startPoint.y ? startPoint.y : currentPoint.y;
      rectWidth = Math.abs(start.x - end.x);
      rectHeight = Math.abs(startPoint.y - currentPoint.y);
    } else if (type === 'X') {
      rectStartX = currentPoint.x >= startPoint.x ? startPoint.x : currentPoint.x;
      rectStartY = end.y;
      rectWidth = Math.abs(startPoint.x - currentPoint.x);
      rectHeight = Math.abs(end.y - start.y);
    } else if (type === 'XY') {
      if (currentPoint.x >= startPoint.x) {
        rectStartX = startPoint.x;
        rectStartY = currentPoint.y >= startPoint.y ? startPoint.y : currentPoint.y;
      } else {
        rectStartX = currentPoint.x;
        rectStartY = currentPoint.y >= startPoint.y ? startPoint.y : currentPoint.y;
      }
      rectWidth = Math.abs(startPoint.x - currentPoint.x);
      rectHeight = Math.abs(startPoint.y - currentPoint.y);
    } else if (type === 'POLYGON') {
      polygonPath += 'L ' + currentPoint.x + ' ' + currentPoint.y;
      me.polygonPath = polygonPath;
      if (!brushShape) {
        brushShape = container.addShape('path', {
          attrs: Util.mix(me.style, {
            path: polygonPath
          })
        });
      } else {
        !brushShape.get('destroyed') && brushShape.attr(Util.mix({}, brushShape._attrs, {
          path: polygonPath
        }));
      }
    }
    if (type !== 'POLYGON') {
      if (!brushShape) {
        brushShape = container.addShape('rect', {
          attrs: Util.mix(me.style, {
            x: rectStartX,
            y: rectStartY,
            width: rectWidth,
            height: rectHeight
          })
        });
      } else {
        !brushShape.get('destroyed') && brushShape.attr(Util.mix({}, brushShape._attrs, {
          x: rectStartX,
          y: rectStartY,
          width: rectWidth,
          height: rectHeight
        }));
      }
    }
16394
    me.brushShape = brushShape;
  } else if (dragging) {
    canvasDOM.style.cursor = 'move';
    var selection = me.selection;
    if (selection && !selection.get('destroyed')) {
      if (type === 'POLYGON') {
        var prePoint = me.prePoint;
        me.selection.translate(currentPoint.x - prePoint.x, currentPoint.y - prePoint.y);
      } else {
        me.dragoffX && selection.attr('x', currentPoint.x - me.dragoffX);
        me.dragoffY && selection.attr('y', currentPoint.y - me.dragoffY);
      }
    }
  }
16409
  me.prePoint = currentPoint;
  canvas.draw();
16412
  var _me$_getSelected = me._getSelected(),
      data = _me$_getSelected.data,
      shapes = _me$_getSelected.shapes,
      xValues = _me$_getSelected.xValues,
      yValues = _me$_getSelected.yValues;
16418
  var eventObj = {
    data: data,
    shapes: shapes,
    x: currentPoint.x,
    y: currentPoint.y
  };
16425
  if (xScale) {
    eventObj[xScale.field] = xValues;
  }
  if (yScale) {
    eventObj[yScale.field] = yValues;
  }
  me.onDragmove && me.onDragmove(eventObj);
  me.onBrushmove && me.onBrushmove(eventObj);
};
16435
Brush.prototype.end = function end(ev) {
  var me = this;
  var data = me.data,
      shapes = me.shapes,
      xValues = me.xValues,
      yValues = me.yValues,
      canvas = me.canvas,
      type = me.type,
      startPoint = me.startPoint,
      chart = me.chart,
      container = me.container,
      xScale = me.xScale,
      yScale = me.yScale;
  var offsetX = ev.offsetX,
      offsetY = ev.offsetY;
16451
  var canvasDOM = canvas.get('canvasDOM');
  canvasDOM.style.cursor = 'default';
16454
  if (Math.abs(startPoint.x - offsetX) <= 1 && Math.abs(startPoint.y - offsetY) <= 1) {
    // 防止点击事件
    me.brushing = false;
    me.dragging = false;
    return;
  }
16461
  var eventObj = {
    data: data,
    shapes: shapes,
    x: offsetX,
    y: offsetY
  };
  if (xScale) {
    eventObj[xScale.field] = xValues;
  }
  if (yScale) {
    eventObj[yScale.field] = yValues;
  }
16474
  if (me.dragging) {
    me.dragging = false;
    me.onDragend && me.onDragend(eventObj);
  } else if (me.brushing) {
    me.brushing = false;
    var brushShape = me.brushShape;
    var polygonPath = me.polygonPath;
16482
    if (type === 'POLYGON') {
      polygonPath += 'z';
16485
      brushShape && !brushShape.get('destroyed') && brushShape.attr(Util.mix({}, brushShape._attrs, {
        path: polygonPath
      }));
      me.polygonPath = polygonPath;
      canvas.draw();
    }
16492
    if (me.onBrushend) {
      me.onBrushend(eventObj);
    } else if (chart && me.filter) {
      container.clear(); // clear the brush
      // filter data
      if (type === 'X') {
        xScale && chart.filter(xScale.field, function (val) {
          return xValues.indexOf(val) > -1;
        });
      } else if (type === 'Y') {
        yScale && chart.filter(yScale.field, function (val) {
          return yValues.indexOf(val) > -1;
        });
      } else {
        xScale && chart.filter(xScale.field, function (val) {
          return xValues.indexOf(val) > -1;
        });
        yScale && chart.filter(yScale.field, function (val) {
          return yValues.indexOf(val) > -1;
        });
      }
      chart.repaint();
    }
  }
};
16518
Brush.prototype.reset = function reset() {
  var me = this;
  var chart = me.chart,
      filter = me.filter;
16523
  if (chart && filter) {
    chart.get('options').filters = {};
    chart.repaint();
  }
};
16529
Brush.prototype._limitCoordScope = function _limitCoordScope(point) {
  var plot = this.plot;
  var start = plot.start,
      end = plot.end;
16534
16535
  if (point.x < start.x) {
    point.x = start.x;
  }
  if (point.x > end.x) {
    point.x = end.x;
  }
  if (point.y < end.y) {
    point.y = end.y;
  }
  if (point.y > start.y) {
    point.y = start.y;
  }
  return point;
};
16550
Brush.prototype._getSelected = function _getSelected() {
  var me = this;
  var chart = me.chart,
      xScale = me.xScale,
      yScale = me.yScale,
      brushShape = me.brushShape,
      canvas = me.canvas;
16558
  var pixelRatio = canvas.get('pixelRatio');
  var selectedShapes = [];
  var xValues = [];
  var yValues = [];
  var selectedData = [];
  if (chart) {
    var geoms = chart.get('geoms');
    geoms.map(function (geom) {
      var shapes = geom.getShapes();
      shapes.map(function (shape) {
        var shapeData = shape.get('origin');
        if (!Array.isArray(shapeData)) {
          // 线图、区域图等
          shapeData = [shapeData];
        }
16574
        shapeData.map(function (each) {
          if (brushShape.isHit(each.x * pixelRatio, each.y * pixelRatio)) {
            selectedShapes.push(shape);
            var origin = each._origin;
            selectedData.push(origin);
            xScale && xValues.push(origin[xScale.field]);
            yScale && yValues.push(origin[yScale.field]);
          }
          return each;
        });
16585
        return shape;
      });
      return geom;
    });
  }
  me.shapes = selectedShapes;
  me.xValues = xValues;
  me.yValues = yValues;
  me.data = selectedData;
  return {
    data: selectedData,
    xValues: xValues,
    yValues: yValues,
    shapes: selectedShapes
  };
};
16602
return Brush;
16604}(Interaction);
16605
16606// G2.registerInteraction('brush', Brush);
16607// G2.registerInteraction('Brush', Brush);
16608
16609module.exports = Brush;
16610
16611/***/ }),
16612/* 156 */
16613/***/ (function(module, exports, __webpack_require__) {
16614
16615function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16616
16617function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
16618
16619function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
16620
16621var Util = __webpack_require__(17);
16622var Interaction = __webpack_require__(8);
16623// const G2 = require('../core.js');
16624
16625var DRAGGING_TYPES = ['X', 'Y', 'XY'];
16626var DEFAULT_TYPE = 'X';
16627
16628var Drag = function (_Interaction) {
_inherits(Drag, _Interaction);
16630
Drag.prototype.getDefaultCfg = function getDefaultCfg() {
  var cfg = _Interaction.prototype.getDefaultCfg.call(this);
  return Util.mix({}, cfg, {
    type: DEFAULT_TYPE,
    stepRatio: 0.05,
    stepByField: {},
    originScaleDefsByField: {},
    previousPoint: null,
    isDragging: false
  });
};
16642
function Drag(cfg, view) {
  _classCallCheck(this, Drag);
16645
  var _this = _possibleConstructorReturn(this, _Interaction.call(this, cfg, view));
16647
  var me = _this;
  me.type = me.type.toUpperCase();
  me.chart = view;
16651
  var scales = view.getYScales();
  var xScale = view.getXScale();
  scales.push(xScale);
  var scaleController = view.get('scaleController');
  scales.forEach(function (scale) {
    var field = scale.field;
    var def = scaleController.defs[field];
    me.originScaleDefsByField[field] = Util.mix(def, {
      nice: !!def.nice
    });
    if (scale.isLinear) {
      me.stepByField[field] = (scale.max - scale.min) * me.stepRatio;
    }
  });
16666
  if (DRAGGING_TYPES.indexOf(me.type) === -1) {
    me.type = DEFAULT_TYPE;
  }
  return _this;
}
16672
// onDragstart() { }
// onDrag() { }
// onDragend() { }
16676
Drag.prototype._applyTranslate = function _applyTranslate(scale) {
  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
16679
  var me = this;
  var chart = me.chart;
  var min = scale.min,
      max = scale.max,
      field = scale.field;
16685
  var range = max - min;
  chart.scale(field, {
    nice: false,
    min: min - offset * range,
    max: max - offset * range
  });
};
16693
Drag.prototype.start = function start(ev) {
  var me = this;
  var chart = me.chart,
      canvas = me.canvas;
16698
  var canvasDOM = canvas.get('canvasDOM');
  canvasDOM.style.cursor = 'pointer';
  var coord = chart.get('coord');
  me.isDragging = true;
  me.previousPoint = coord.invertPoint(ev);
};
16705
Drag.prototype.process = function process(ev) {
  var me = this;
  if (me.isDragging) {
    var chart = me.chart,
        type = me.type,
        canvas = me.canvas;
16712
    var canvasDOM = canvas.get('canvasDOM');
    canvasDOM.style.cursor = 'move';
    var coord = chart.get('coord');
    var previousPoint = me.previousPoint;
    var currentPoint = coord.invertPoint(ev);
    if (type.indexOf('X') > -1) {
      me._applyTranslate(chart.getXScale(), currentPoint.x - previousPoint.x);
    }
    if (type.indexOf('Y') > -1) {
      var yScales = chart.getYScales();
      yScales.forEach(function (yScale) {
        me._applyTranslate(yScale, currentPoint.y - previousPoint.y);
      });
    }
    me.previousPoint = currentPoint;
    chart.repaint();
  }
};
16731
Drag.prototype.end = function end() {
  var me = this;
  me.isDragging = false;
  var canvas = me.canvas;
16736
  var canvasDOM = canvas.get('canvasDOM');
  canvasDOM.style.cursor = 'default';
};
16740
Drag.prototype.reset = function reset() {
  var me = this;
  var view = me.view,
      originScaleDefsByField = me.originScaleDefsByField;
16745
  var scales = view.getYScales();
  var xScale = view.getXScale();
  scales.push(xScale);
  scales.forEach(function (scale) {
    if (scale.isLinear) {
      var field = scale.field;
      view.scale(field, originScaleDefsByField[field]);
    }
  });
  view.repaint();
};
16757
return Drag;
16759}(Interaction);
16760
16761module.exports = Drag;
16762
16763/***/ }),
16764/* 157 */
16765/***/ (function(module, exports, __webpack_require__) {
16766
16767function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16768
16769function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
16770
16771function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
16772
16773var Util = __webpack_require__(17);
16774var Interaction = __webpack_require__(8);
16775
16776function getOriginalAttrs(attrs, styles) {
var origin = {};
for (var style in styles) {
  origin[style] = attrs[style];
}
return origin;
16782}
16783
16784var Select = function (_Interaction) {
_inherits(Select, _Interaction);
16786
function Select() {
  _classCallCheck(this, Select);
16789
  return _possibleConstructorReturn(this, _Interaction.apply(this, arguments));
}
16792
Select.prototype.getDefaultCfg = function getDefaultCfg() {
  var defaultCfg = _Interaction.prototype.getDefaultCfg.call(this);
  return Util.mix({}, defaultCfg, {
    startEvent: 'mouseup',
    processEvent: null,
    selectStyle: {
      fillOpacity: 1
    },
    unSelectStyle: {
      fillOpacity: 0.1
    },
    cancelable: true
  });
};
16807
Select.prototype.start = function start(ev) {
  var self = this;
  var chart = self.view;
16811
  var selectedShape = void 0;
  var unSelectedShapes = [];
  chart.eachShape(function (obj, shape) {
    if (shape.isPointInPath(ev.x, ev.y)) {
      selectedShape = shape;
    } else {
      unSelectedShapes.push(shape);
    }
  });
16821
  if (!selectedShape) {
    self.reset();
    return;
  }
16826
  if (selectedShape.get('_selected')) {
    // 已经被选中
    if (!self.cancelable) {
      // 不允许取消选中则不处理
      return;
    }
    self.reset(); // 允许取消选中
  } else {
    // 未被选中
    var selectStyle = self.selectStyle,
        unSelectStyle = self.unSelectStyle;
    // 获取选中效果对应的本来效果,保存下来
16839
    var originAttrs = getOriginalAttrs(selectedShape.attr(), selectedShape);
    selectedShape.set('_originAttrs', originAttrs);
    selectedShape.attr(selectStyle);
16843
    Util.each(unSelectedShapes, function (child) {
      var originAttrs = child.get('_originAttrs');
      // 先恢复到默认状态下
      if (originAttrs) {
        child.attr(originAttrs);
      }
      child.set('_selected', false);
      // 保存未选中效果对应的原始效果
      if (unSelectStyle) {
        originAttrs = getOriginalAttrs(child.attr(), unSelectStyle);
        child.set('_originAttrs', originAttrs);
        child.attr(unSelectStyle);
      }
    });
16858
    selectedShape.set('_selected', true);
    self.selectedShape = selectedShape;
    self.canvas.draw();
  }
};
16864
Select.prototype.end = function end(ev) {
  var selectedShape = this.selectedShape;
  if (selectedShape && !selectedShape.get('destroyed') && selectedShape.get('origin')) {
    ev.data = selectedShape.get('origin')._origin; // 绘制数据，包含原始数据啊
    ev.shapeInfo = selectedShape.get('origin');
    ev.shape = selectedShape;
    ev.selected = !!selectedShape.get('_selected'); // 返回选中的状态
  }
};
16874
Select.prototype.reset = function reset() {
  var self = this;
  if (!self.selectedShape) {
    return;
  }
  var chart = self.view;
  var geom = chart.get('geoms')[0];
  var container = geom.get('container').get('children')[0];
  var children = container.get('children');
16884
  Util.each(children, function (child) {
    var originAttrs = child.get('_originAttrs');
    if (originAttrs) {
      child._attrs = originAttrs;
      child.set('_originAttrs', null);
    }
    child.set('_selected', false);
  });
  self.canvas.draw();
};
16895
return Select;
16897}(Interaction);
16898
16899module.exports = Select;
16900
16901/***/ }),
16902/* 158 */
16903/***/ (function(module, exports, __webpack_require__) {
16904
16905function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16906
16907function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
16908
16909function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
16910
16911var Util = __webpack_require__(17);
16912var Interaction = __webpack_require__(8);
16913// const G2 = require('../core.js');
16914
16915var ZOOMING_TYPES = ['X', 'Y', 'XY'];
16916var DEFAULT_TYPE = 'X';
16917
16918// TODO zoom with center point
16919
16920var Zoom = function (_Interaction) {
_inherits(Zoom, _Interaction);
16922
Zoom.prototype.getDefaultCfg = function getDefaultCfg() {
  var cfg = _Interaction.prototype.getDefaultCfg.call(this);
  return Util.mix({}, cfg, {
    processEvent: 'mousewheel',
    type: DEFAULT_TYPE,
    stepRatio: 0.05,
    stepByField: {},
    originScaleDefsByField: {}
  });
};
16933
function Zoom(cfg, view) {
  _classCallCheck(this, Zoom);
16936
  var _this = _possibleConstructorReturn(this, _Interaction.call(this, cfg, view));
16938
  var me = _this;
  me.chart = view;
  me.type = me.type.toUpperCase();
16942
  var scales = view.getYScales();
  var xScale = view.getXScale();
  scales.push(xScale);
  var scaleController = view.get('scaleController');
  scales.forEach(function (scale) {
    var field = scale.field;
    var def = scaleController.defs[field] || {};
    me.originScaleDefsByField[field] = Util.mix(def, {
      nice: !!def.nice
    });
    if (scale.isLinear) {
      me.stepByField[field] = (scale.max - scale.min) * me.stepRatio;
    }
  });
16957
  if (ZOOMING_TYPES.indexOf(me.type) === -1) {
    me.type = DEFAULT_TYPE;
  }
  return _this;
}
16963
// onZoom() { }
// onZoomin() { }
// onZoomout() { }
16967
Zoom.prototype._applyScale = function _applyScale(scale, delta) {
  var minOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
16970
  var me = this;
  var chart = me.chart,
      stepByField = me.stepByField;
16974
  if (scale.isLinear) {
    var min = scale.min,
        max = scale.max,
        field = scale.field;
16979
    var maxOffset = 1 - minOffset;
    var step = stepByField[field] * delta;
    var newMin = min + step * minOffset;
    var newMax = max - step * maxOffset;
    if (newMax > newMin) {
      chart.scale(field, {
        nice: false,
        min: newMin,
        max: newMax
      });
    }
  }
};
16993
Zoom.prototype.process = function process(ev) {
  var me = this;
  var chart = me.chart,
      type = me.type;
16998
  var coord = chart.get('coord');
  var deltaY = ev.deltaY;
  var offsetPoint = coord.invertPoint(ev);
  if (deltaY) {
    me.onZoom && me.onZoom(deltaY, offsetPoint, me);
    if (deltaY > 0) {
      me.onZoomin && me.onZoomin(deltaY, offsetPoint, me);
    } else {
      me.onZoomout && me.onZoomout(deltaY, offsetPoint, me);
    }
    var delta = deltaY / Math.abs(deltaY);
    if (type.indexOf('X') > -1) {
      me._applyScale(chart.getXScale(), delta, offsetPoint.x);
    }
    if (type.indexOf('Y') > -1) {
      var yScales = chart.getYScales();
      yScales.forEach(function (yScale) {
        me._applyScale(yScale, delta, offsetPoint.y);
      });
    }
  }
  chart.repaint();
};
17022
Zoom.prototype.reset = function reset() {
  var me = this;
  var view = me.view,
      originScaleDefsByField = me.originScaleDefsByField;
17027
  var scales = view.getYScales();
  var xScale = view.getXScale();
  scales.push(xScale);
  scales.forEach(function (scale) {
    if (scale.isLinear) {
      var field = scale.field;
      view.scale(field, originScaleDefsByField[field]);
    }
  });
  view.repaint();
};
17039
return Zoom;
17041}(Interaction);
17042
17043// G2.registerInteraction('zoom', Zoom);
17044// G2.registerInteraction('Zoom', Zoom);
17045
17046module.exports = Zoom;
17047
17048/***/ }),
17049/* 159 */
17050/***/ (function(module, exports, __webpack_require__) {
17051
17052var G = __webpack_require__(32);
17053var CommonUtil = G.CommonUtil;
17054
17055function bindInteraction(Lib, View) {
// binding on Library
Lib._Interactions = {};
Lib.registerInteraction = function (type, constructor) {
  Lib._Interactions[type] = constructor;
};
Lib.getInteraction = function (type) {
  return G2._Interactions[type];
};
17064
// binding on View
View.prototype.getInteractions = function () {
  var me = this;
  if (!me._interactions) {
    me._interactions = {};
  }
  return me._interactions;
};
View.prototype._setInteraction = function (type, interaction) {
  var me = this;
  var interactions = me.getInteractions();
  if (interactions[type] && interactions[type] !== interaction) {
    // only one interaction for a key
    interactions[type].destroy();
  }
  interactions[type] = interaction;
};
View.prototype.clearInteraction = function (type) {
  var me = this;
  var interactions = me.getInteractions();
  if (type) {
    interactions[type] && interactions[type].destroy();
    delete interactions[type];
  } else {
    CommonUtil.each(interactions, function (interaction, key) {
      interaction.destroy();
      delete interactions[key];
    });
  }
};
View.prototype.interact = View.prototype.interaction = function (type, cfg) {
  var me = this;
  var Ctor = G2.getInteraction(type);
  var interaction = new Ctor(cfg, me);
  me._setInteraction(type, interaction);
  return me;
};
17102}
17103
17104module.exports = bindInteraction;
17105
17106/***/ })
17107/******/ ]);
17108});
17109//# sourceMappingURL=interaction.js.map
\No newline at end of file
1	`(function webpackUniversalModuleDefinition(root, factory) {`
2	`if(typeof exports === 'object' && typeof module === 'object')`
3	`module.exports = factory();`
4	`else if(typeof define === 'function' && define.amd)`
5	`define([], factory);`
6	`else if(typeof exports === 'object')`
7	`exports["Interaction"] = factory();`
8	`else`
9	`root["Interaction"] = factory();`
10	`})(typeof self !== 'undefined' ? self : this, function() {`
11	`return /******/ (function(modules) { // webpackBootstrap`
12	`/******/ // The module cache`
13	`/******/ var installedModules = {};`
14	`/******/`
15	`/******/ // The require function`
16	`/******/ function __webpack_require__(moduleId) {`
17	`/******/`
18	`/******/ // Check if module is in cache`
19	`/******/ if(installedModules[moduleId]) {`
20	`/******/ return installedModules[moduleId].exports;`
21	`/******/ }`
22	`/******/ // Create a new module (and put it into the cache)`
23	`/******/ var module = installedModules[moduleId] = {`
24	`/******/ i: moduleId,`
25	`/******/ l: false,`
26	`/******/ exports: {}`
27	`/******/ };`
28	`/******/`
29	`/******/ // Execute the module function`
30	`/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);`
31	`/******/`
32	`/******/ // Flag the module as loaded`
33	`/******/ module.l = true;`
34	`/******/`
35	`/******/ // Return the exports of the module`
36	`/******/ return module.exports;`
37	`/******/ }`
38	`/******/`
39	`/******/`
40	`/******/ // expose the modules object (__webpack_modules__)`