\n Group.prototype.isEntityGroup = function () {\n return true;\n };\n Group.prototype.createDom = function () {\n var element = createSVGElement('g');\n this.set('el', element);\n var parent = this.getParent();\n if (parent) {\n var parentNode = parent.get('el');\n if (parentNode) {\n parentNode.appendChild(element);\n }\n else {\n // parentNode maybe null for group\n parentNode = parent.createDom();\n parent.set('el', parentNode);\n parentNode.appendChild(element);\n }\n }\n return element;\n };\n // 覆盖基类的 afterAttrsChange 方法\n Group.prototype.afterAttrsChange = function (targetAttrs) {\n _super.prototype.afterAttrsChange.call(this, targetAttrs);\n var canvas = this.get('canvas');\n // 只有挂载到画布下，才对元素进行实际渲染\n if (canvas && canvas.get('autoDraw')) {\n var context = canvas.get('context');\n this.createPath(context, targetAttrs);\n }\n };\n /**\n * 一些方法调用会引起画布变化\n * @param {ChangeType} changeType 改变的类型\n */\n Group.prototype.onCanvasChange = function (changeType) {\n refreshElement(this, changeType);\n };\n Group.prototype.getShapeBase = function () {\n return Shape;\n };\n Group.prototype.getGroupBase = function () {\n return Group;\n };\n Group.prototype.draw = function (context) {\n var children = this.getChildren();\n var el = this.get('el');\n if (this.get('destroyed')) {\n if (el) {\n el.parentNode.removeChild(el);\n }\n }\n else {\n if (!el) {\n this.createDom();\n }\n setClip(this, context);\n this.createPath(context);\n if (children.length) {\n drawChildren(context, children);\n }\n }\n };\n /**\n * 绘制分组的路径\n * @param {Defs} context 上下文\n * @param {ShapeAttrs} targetAttrs 渲染的目标属性\n */\n Group.prototype.createPath = function (context, targetAttrs) {\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n setTransform(this);\n };\n return Group;\n}(AbstractGroup));\nexport default Group;\n//# sourceMappingURL=group.js.map","import { __assign, __extends } from \"tslib\";\nimport { AbstractShape } from '@antv/g-base';\nimport { setShadow, setTransform, setClip } from '../util/svg';\nimport { createDom } from '../util/dom';\nimport { refreshElement } from '../util/draw';\nimport { SVG_ATTR_MAP } from '../constant';\nimport * as Shape from './index';\nimport Group from '../group';\nimport { getBBoxMethod } from '@antv/g-base';\nvar ShapeBase = /** @class */ (function (_super) {\n __extends(ShapeBase, _super);\n function ShapeBase() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'svg';\n _this.canFill = false;\n _this.canStroke = false;\n return _this;\n }\n ShapeBase.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n // 设置默认值\n return __assign(__assign({}, attrs), { lineWidth: 1, lineAppendWidth: 0, strokeOpacity: 1, fillOpacity: 1 });\n };\n // 覆盖基类的 afterAttrsChange 方法\n ShapeBase.prototype.afterAttrsChange = function (targetAttrs) {\n _super.prototype.afterAttrsChange.call(this, targetAttrs);\n var canvas = this.get('canvas');\n // 只有挂载到画布下，才对元素进行实际渲染\n if (canvas && canvas.get('autoDraw')) {\n var context = canvas.get('context');\n this.draw(context, targetAttrs);\n }\n };\n ShapeBase.prototype.getShapeBase = function () {\n return Shape;\n };\n ShapeBase.prototype.getGroupBase = function () {\n return Group;\n };\n /**\n * 一些方法调用会引起画布变化\n * @param {ChangeType} changeType 改变的类型\n */\n ShapeBase.prototype.onCanvasChange = function (changeType) {\n refreshElement(this, changeType);\n };\n ShapeBase.prototype.calculateBBox = function () {\n var el = this.get('el');\n var bbox = null;\n // 包围盒计算依赖于绘制，如果还没有生成对应的 Dom 元素，则包围盒的长宽均为 0\n if (el) {\n bbox = el.getBBox();\n }\n else {\n var bboxMethod = getBBoxMethod(this.get('type'));\n if (bboxMethod) {\n bbox = bboxMethod(this);\n }\n }\n if (bbox) {\n var x = bbox.x, y = bbox.y, width = bbox.width, height = bbox.height;\n var lineWidth = this.getHitLineWidth();\n var halfWidth = lineWidth / 2;\n var minX = x - halfWidth;\n var minY = y - halfWidth;\n var maxX = x + width + halfWidth;\n var maxY = y + height + halfWidth;\n return {\n x: minX,\n y: minY,\n minX: minX,\n minY: minY,\n maxX: maxX,\n maxY: maxY,\n width: width + lineWidth,\n height: height + lineWidth,\n };\n }\n return {\n x: 0,\n y: 0,\n minX: 0,\n minY: 0,\n maxX: 0,\n maxY: 0,\n width: 0,\n height: 0,\n };\n };\n ShapeBase.prototype.isFill = function () {\n var _a = this.attr(), fill = _a.fill, fillStyle = _a.fillStyle;\n return (fill || fillStyle || this.isClipShape()) && this.canFill;\n };\n ShapeBase.prototype.isStroke = function () {\n var _a = this.attr(), stroke = _a.stroke, strokeStyle = _a.strokeStyle;\n return (stroke || strokeStyle) && this.canStroke;\n };\n ShapeBase.prototype.draw = function (context, targetAttrs) {\n var el = this.get('el');\n if (this.get('destroyed')) {\n if (el) {\n el.parentNode.removeChild(el);\n }\n }\n else {\n if (!el) {\n createDom(this);\n }\n setClip(this, context);\n this.createPath(context, targetAttrs);\n this.shadow(context, targetAttrs);\n this.strokeAndFill(context, targetAttrs);\n this.transform(targetAttrs);\n }\n };\n /**\n * @protected\n * 绘制图形的路径\n * @param {Defs} context 上下文\n * @param {ShapeAttrs} targetAttrs 渲染的目标属性\n */\n ShapeBase.prototype.createPath = function (context, targetAttrs) { };\n // stroke and fill\n ShapeBase.prototype.strokeAndFill = function (context, targetAttrs) {\n var attrs = targetAttrs || this.attr();\n var fill = attrs.fill, fillStyle = attrs.fillStyle, stroke = attrs.stroke, strokeStyle = attrs.strokeStyle, fillOpacity = attrs.fillOpacity, strokeOpacity = attrs.strokeOpacity, lineWidth = attrs.lineWidth;\n var el = this.get('el');\n if (this.canFill) {\n // 初次渲染和更新渲染的逻辑有所不同: 初次渲染值为空时，需要设置为 none，否则就会是黑色，而更新渲染则不需要\n if (!targetAttrs) {\n this._setColor(context, 'fill', fill || fillStyle);\n }\n else if ('fill' in attrs) {\n this._setColor(context, 'fill', fill);\n }\n else if ('fillStyle' in attrs) {\n // compatible with fillStyle\n this._setColor(context, 'fill', fillStyle);\n }\n if (fillOpacity) {\n el.setAttribute(SVG_ATTR_MAP['fillOpacity'], fillOpacity);\n }\n }\n if (this.canStroke && lineWidth > 0) {\n if (!targetAttrs) {\n this._setColor(context, 'stroke', stroke || strokeStyle);\n }\n else if ('stroke' in attrs) {\n this._setColor(context, 'stroke', stroke);\n }\n else if ('strokeStyle' in attrs) {\n // compatible with strokeStyle\n this._setColor(context, 'stroke', strokeStyle);\n }\n if (strokeOpacity) {\n el.setAttribute(SVG_ATTR_MAP['strokeOpacity'], strokeOpacity);\n }\n if (lineWidth) {\n el.setAttribute(SVG_ATTR_MAP['lineWidth'], lineWidth);\n }\n }\n };\n ShapeBase.prototype._setColor = function (context, attr, value) {\n var el = this.get('el');\n if (!value) {\n // need to set `none` to avoid default value\n el.setAttribute(SVG_ATTR_MAP[attr], 'none');\n return;\n }\n value = value.trim();\n if (/^[r,R,L,l]{1}[\\s]*\\(/.test(value)) {\n var id = context.find('gradient', value);\n if (!id) {\n id = context.addGradient(value);\n }\n el.setAttribute(SVG_ATTR_MAP[attr], \"url(#\" + id + \")\");\n }\n else if (/^[p,P]{1}[\\s]*\\(/.test(value)) {\n var id = context.find('pattern', value);\n if (!id) {\n id = context.addPattern(value);\n }\n el.setAttribute(SVG_ATTR_MAP[attr], \"url(#\" + id + \")\");\n }\n else {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n };\n ShapeBase.prototype.shadow = function (context, targetAttrs) {\n var attrs = this.attr();\n var _a = targetAttrs || attrs, shadowOffsetX = _a.shadowOffsetX, shadowOffsetY = _a.shadowOffsetY, shadowBlur = _a.shadowBlur, shadowColor = _a.shadowColor;\n if (shadowOffsetX || shadowOffsetY || shadowBlur || shadowColor) {\n setShadow(this, context);\n }\n };\n ShapeBase.prototype.transform = function (targetAttrs) {\n var attrs = this.attr();\n var matrix = (targetAttrs || attrs).matrix;\n if (matrix) {\n setTransform(this);\n }\n };\n ShapeBase.prototype.isInShape = function (refX, refY) {\n return this.isPointInPath(refX, refY);\n };\n ShapeBase.prototype.isPointInPath = function (refX, refY) {\n var el = this.get('el');\n var canvas = this.get('canvas');\n var bbox = canvas.get('el').getBoundingClientRect();\n var clientX = refX + bbox.left;\n var clientY = refY + bbox.top;\n var element = document.elementFromPoint(clientX, clientY);\n if (element && element.isEqualNode(el)) {\n return true;\n }\n return false;\n };\n /**\n * 获取线拾取的宽度\n * @returns {number} 线的拾取宽度\n */\n ShapeBase.prototype.getHitLineWidth = function () {\n var _a = this.attrs, lineWidth = _a.lineWidth, lineAppendWidth = _a.lineAppendWidth;\n if (this.isStroke()) {\n return lineWidth + lineAppendWidth;\n }\n return 0;\n };\n return ShapeBase;\n}(AbstractShape));\nexport default ShapeBase;\n//# sourceMappingURL=base.js.map","/**\n * @fileoverview circle\n * @author dengfuping_develop@163.com\n */\nimport { __assign, __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar Circle = /** @class */ (function (_super) {\n __extends(Circle, _super);\n function Circle() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'circle';\n _this.canFill = true;\n _this.canStroke = true;\n return _this;\n }\n Circle.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n return __assign(__assign({}, attrs), { x: 0, y: 0, r: 0 });\n };\n Circle.prototype.createPath = function (context, targetAttrs) {\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n // 圆和椭圆的点坐标属性不是 x, y，而是 cx, cy\n if (attr === 'x' || attr === 'y') {\n el.setAttribute(\"c\" + attr, value);\n }\n else if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n };\n return Circle;\n}(ShapeBase));\nexport default Circle;\n//# sourceMappingURL=circle.js.map","/**\n * @fileoverview dom\n * @author dengfuping_develop@163.com\n */\nimport { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar Dom = /** @class */ (function (_super) {\n __extends(Dom, _super);\n function Dom() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'dom';\n _this.canFill = false;\n _this.canStroke = false;\n return _this;\n }\n Dom.prototype.createPath = function (context, targetAttrs) {\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n if (typeof attrs['html'] === 'function') {\n var element = attrs['html'].call(this, attrs);\n if (element instanceof Element || element instanceof HTMLDocument) {\n var children = el.childNodes;\n for (var i = children.length - 1; i >= 0; i--) {\n el.removeChild(children[i]);\n }\n el.appendChild(element); // append to el if it's an element\n }\n else {\n el.innerHTML = element; // set innerHTML\n }\n }\n else {\n el.innerHTML = attrs['html']; // set innerHTML\n }\n };\n return Dom;\n}(ShapeBase));\nexport default Dom;\n//# sourceMappingURL=dom.js.map","/**\n * @fileoverview ellipse\n * @author dengfuping_develop@163.com\n */\nimport { __assign, __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar Ellipse = /** @class */ (function (_super) {\n __extends(Ellipse, _super);\n function Ellipse() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'ellipse';\n _this.canFill = true;\n _this.canStroke = true;\n return _this;\n }\n Ellipse.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n return __assign(__assign({}, attrs), { x: 0, y: 0, rx: 0, ry: 0 });\n };\n Ellipse.prototype.createPath = function (context, targetAttrs) {\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n // 圆和椭圆的点坐标属性不是 x, y，而是 cx, cy\n if (attr === 'x' || attr === 'y') {\n el.setAttribute(\"c\" + attr, value);\n }\n else if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n };\n return Ellipse;\n}(ShapeBase));\nexport default Ellipse;\n//# sourceMappingURL=ellipse.js.map","/**\n * @fileoverview image\n * @author dengfuping_develop@163.com\n */\nimport { __assign, __extends } from \"tslib\";\nimport { each, isString } from '@antv/util';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar Image = /** @class */ (function (_super) {\n __extends(Image, _super);\n function Image() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'image';\n _this.canFill = false;\n _this.canStroke = false;\n return _this;\n }\n Image.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n return __assign(__assign({}, attrs), { x: 0, y: 0, width: 0, height: 0 });\n };\n Image.prototype.createPath = function (context, targetAttrs) {\n var _this = this;\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n if (attr === 'img') {\n _this._setImage(attrs.img);\n }\n else if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n };\n Image.prototype.setAttr = function (name, value) {\n this.attrs[name] = value;\n if (name === 'img') {\n this._setImage(value);\n }\n };\n Image.prototype._setImage = function (img) {\n var attrs = this.attr();\n var el = this.get('el');\n if (isString(img)) {\n el.setAttribute('href', img);\n }\n else if (img instanceof window.Image) {\n if (!attrs.width) {\n el.setAttribute('width', img.width);\n this.attr('width', img.width);\n }\n if (!attrs.height) {\n el.setAttribute('height', img.height);\n this.attr('height', img.height);\n }\n el.setAttribute('href', img.src);\n }\n else if (img instanceof HTMLElement && isString(img.nodeName) && img.nodeName.toUpperCase() === 'CANVAS') {\n // @ts-ignore\n el.setAttribute('href', img.toDataURL());\n }\n else if (img instanceof ImageData) {\n var canvas = document.createElement('canvas');\n canvas.setAttribute('width', \"\" + img.width);\n canvas.setAttribute('height', \"\" + img.height);\n canvas.getContext('2d').putImageData(img, 0, 0);\n if (!attrs.width) {\n el.setAttribute('width', \"\" + img.width);\n this.attr('width', img.width);\n }\n if (!attrs.height) {\n el.setAttribute('height', \"\" + img.height);\n this.attr('height', img.height);\n }\n el.setAttribute('href', canvas.toDataURL());\n }\n };\n return Image;\n}(ShapeBase));\nexport default Image;\n//# sourceMappingURL=image.js.map","import { __assign, __extends } from \"tslib\";\n/**\n * @fileoverview line\n * @author dengfuping_develop@163.com\n */\nimport { Line as LineUtil } from '@antv/g-math';\nimport { each, isObject } from '@antv/util';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar Line = /** @class */ (function (_super) {\n __extends(Line, _super);\n function Line() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'line';\n _this.canFill = false;\n _this.canStroke = true;\n return _this;\n }\n Line.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n return __assign(__assign({}, attrs), { x1: 0, y1: 0, x2: 0, y2: 0, startArrow: false, endArrow: false });\n };\n Line.prototype.createPath = function (context, targetAttrs) {\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n if (attr === 'startArrow' || attr === 'endArrow') {\n if (value) {\n var id = isObject(value)\n ? context.addArrow(attrs, SVG_ATTR_MAP[attr])\n : context.getDefaultArrow(attrs, SVG_ATTR_MAP[attr]);\n el.setAttribute(SVG_ATTR_MAP[attr], \"url(#\" + id + \")\");\n }\n else {\n el.removeAttribute(SVG_ATTR_MAP[attr]);\n }\n }\n else if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n };\n /**\n * Use math calculation to get length of line\n * @return {number} length\n */\n Line.prototype.getTotalLength = function () {\n var _a = this.attr(), x1 = _a.x1, y1 = _a.y1, x2 = _a.x2, y2 = _a.y2;\n return LineUtil.length(x1, y1, x2, y2);\n };\n /**\n * Use math calculation to get point according to ratio as same sa Canvas version\n * @param {number} ratio\n * @return {Point} point\n */\n Line.prototype.getPoint = function (ratio) {\n var _a = this.attr(), x1 = _a.x1, y1 = _a.y1, x2 = _a.x2, y2 = _a.y2;\n return LineUtil.pointAt(x1, y1, x2, y2, ratio);\n };\n return Line;\n}(ShapeBase));\nexport default Line;\n//# sourceMappingURL=line.js.map","var Symbols = {\n // 圆\n circle: function (x, y, r) {\n return [\n ['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],\n ];\n },\n // 正方形\n square: function (x, y, r) {\n return [['M', x - r, y - r], ['L', x + r, y - r], ['L', x + r, y + r], ['L', x - r, y + r], ['Z']];\n },\n // 菱形\n diamond: function (x, y, r) {\n return [['M', x - r, y], ['L', x, y - r], ['L', x + r, y], ['L', x, y + r], ['Z']];\n },\n // 三角形\n triangle: function (x, y, r) {\n var diffY = r * Math.sin((1 / 3) * Math.PI);\n return [['M', x - r, y + diffY], ['L', x, y - diffY], ['L', x + r, y + diffY], ['z']];\n },\n // 倒三角形\n triangleDown: function (x, y, r) {\n var diffY = r * Math.sin((1 / 3) * Math.PI);\n return [['M', x - r, y - diffY], ['L', x + r, y - diffY], ['L', x, y + diffY], ['Z']];\n },\n};\nexport default {\n get: function (type) {\n return Symbols[type];\n },\n register: function (type, func) {\n Symbols[type] = func;\n },\n remove: function (type) {\n delete Symbols[type];\n },\n getAll: function () {\n return Symbols;\n },\n};\n//# sourceMappingURL=symbols.js.map","/**\n * @fileoverview marker\n * @author dengfuping_develop@163.com\n */\nimport { __extends } from \"tslib\";\nimport { isArray, isFunction } from '@antv/util';\nimport ShapeBase from '../base';\nimport symbolsFactory from './symbols';\nvar Marker = /** @class */ (function (_super) {\n __extends(Marker, _super);\n function Marker() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'marker';\n _this.canFill = true;\n _this.canStroke = true;\n return _this;\n }\n Marker.prototype.createPath = function (context) {\n var el = this.get('el');\n el.setAttribute('d', this._assembleMarker());\n };\n Marker.prototype._assembleMarker = function () {\n var d = this._getPath();\n if (isArray(d)) {\n return d\n .map(function (path) {\n return path.join(' ');\n })\n .join('');\n }\n return d;\n };\n Marker.prototype._getPath = function () {\n var attrs = this.attr();\n var x = attrs.x, y = attrs.y;\n // 兼容 r 和 radius 两种写法，推荐使用 r\n var r = attrs.r || attrs.radius;\n var symbol = attrs.symbol || 'circle';\n var method;\n if (isFunction(symbol)) {\n method = symbol;\n }\n else {\n method = symbolsFactory.get(symbol);\n }\n if (!method) {\n console.warn(method + \" symbol is not exist.\");\n return null;\n }\n return method(x, y, r);\n };\n // 作为其静态属性\n Marker.symbolsFactory = symbolsFactory;\n return Marker;\n}(ShapeBase));\nexport default Marker;\n//# sourceMappingURL=index.js.map","import { __assign, __extends } from \"tslib\";\nimport { each, isArray, isObject } from '@antv/util';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar Path = /** @class */ (function (_super) {\n __extends(Path, _super);\n function Path() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'path';\n _this.canFill = true;\n _this.canStroke = true;\n return _this;\n }\n Path.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n return __assign(__assign({}, attrs), { startArrow: false, endArrow: false });\n };\n Path.prototype.createPath = function (context, targetAttrs) {\n var _this = this;\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n if (attr === 'path' && isArray(value)) {\n el.setAttribute('d', _this._formatPath(value));\n }\n else if (attr === 'startArrow' || attr === 'endArrow') {\n if (value) {\n var id = isObject(value)\n ? context.addArrow(attrs, SVG_ATTR_MAP[attr])\n : context.getDefaultArrow(attrs, SVG_ATTR_MAP[attr]);\n el.setAttribute(SVG_ATTR_MAP[attr], \"url(#\" + id + \")\");\n }\n else {\n el.removeAttribute(SVG_ATTR_MAP[attr]);\n }\n }\n else if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n };\n Path.prototype._formatPath = function (value) {\n var newValue = value\n .map(function (path) {\n return path.join(' ');\n })\n .join('');\n if (~newValue.indexOf('NaN')) {\n return '';\n }\n return newValue;\n };\n /**\n * Get total length of path\n * 尽管通过浏览器的 SVGPathElement.getTotalLength() 接口获取的 path 长度，\n * 与 Canvas 版本通过数学计算的方式得到的长度有一些细微差异，但最大误差在个位数像素，精度上可以能接受\n * @return {number} length\n */\n Path.prototype.getTotalLength = function () {\n var el = this.get('el');\n return el ? el.getTotalLength() : null;\n };\n /**\n * Get point according to ratio\n * @param {number} ratio\n * @return {Point} point\n */\n Path.prototype.getPoint = function (ratio) {\n var el = this.get('el');\n var totalLength = this.getTotalLength();\n // @see https://github.com/antvis/g/issues/634\n if (totalLength === 0) {\n return null;\n }\n var point = el ? el.getPointAtLength(ratio * totalLength) : null;\n return point\n ? {\n x: point.x,\n y: point.y,\n }\n : null;\n };\n return Path;\n}(ShapeBase));\nexport default Path;\n//# sourceMappingURL=path.js.map","import { __extends } from \"tslib\";\n/**\n * @fileoverview polygon\n * @author dengfuping_develop@163.com\n */\nimport { each, isArray } from '@antv/util';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar Polygon = /** @class */ (function (_super) {\n __extends(Polygon, _super);\n function Polygon() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'polygon';\n _this.canFill = true;\n _this.canStroke = true;\n return _this;\n }\n Polygon.prototype.createPath = function (context, targetAttrs) {\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n if (attr === 'points' && isArray(value) && value.length >= 2) {\n el.setAttribute('points', value.map(function (point) { return point[0] + \",\" + point[1]; }).join(' '));\n }\n else if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n };\n return Polygon;\n}(ShapeBase));\nexport default Polygon;\n//# sourceMappingURL=polygon.js.map","import { __assign, __extends } from \"tslib\";\nimport { Polyline as PolylineUtil } from '@antv/g-math';\nimport { Line as LineUtil } from '@antv/g-math';\nimport { each, isArray, isNil } from '@antv/util';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar Polyline = /** @class */ (function (_super) {\n __extends(Polyline, _super);\n function Polyline() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'polyline';\n _this.canFill = true;\n _this.canStroke = true;\n return _this;\n }\n Polyline.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n return __assign(__assign({}, attrs), { startArrow: false, endArrow: false });\n };\n // 更新属性时，检测是否更改了 points\n Polyline.prototype.onAttrChange = function (name, value, originValue) {\n _super.prototype.onAttrChange.call(this, name, value, originValue);\n if (['points'].indexOf(name) !== -1) {\n this._resetCache();\n }\n };\n Polyline.prototype._resetCache = function () {\n this.set('totalLength', null);\n this.set('tCache', null);\n };\n Polyline.prototype.createPath = function (context, targetAttrs) {\n var attrs = this.attr();\n var el = this.get('el');\n each(targetAttrs || attrs, function (value, attr) {\n if (attr === 'points' && isArray(value) && value.length >= 2) {\n el.setAttribute('points', value.map(function (point) { return point[0] + \",\" + point[1]; }).join(' '));\n }\n else if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n };\n /**\n * Get length of polyline\n * @return {number} length\n */\n Polyline.prototype.getTotalLength = function () {\n var points = this.attr().points;\n // get totalLength from cache\n var totalLength = this.get('totalLength');\n if (!isNil(totalLength)) {\n return totalLength;\n }\n this.set('totalLength', PolylineUtil.length(points));\n return this.get('totalLength');\n };\n /**\n * Get point according to ratio\n * @param {number} ratio\n * @return {Point} point\n */\n Polyline.prototype.getPoint = function (ratio) {\n var points = this.attr().points;\n // get tCache from cache\n var tCache = this.get('tCache');\n if (!tCache) {\n this._setTcache();\n tCache = this.get('tCache');\n }\n var subt;\n var index;\n each(tCache, function (v, i) {\n if (ratio >= v[0] && ratio <= v[1]) {\n subt = (ratio - v[0]) / (v[1] - v[0]);\n index = i;\n }\n });\n return LineUtil.pointAt(points[index][0], points[index][1], points[index + 1][0], points[index + 1][1], subt);\n };\n Polyline.prototype._setTcache = function () {\n var points = this.attr().points;\n if (!points || points.length === 0) {\n return;\n }\n var totalLength = this.getTotalLength();\n if (totalLength <= 0) {\n return;\n }\n var tempLength = 0;\n var tCache = [];\n var segmentT;\n var segmentL;\n each(points, function (p, i) {\n if (points[i + 1]) {\n segmentT = [];\n segmentT[0] = tempLength / totalLength;\n segmentL = LineUtil.length(p[0], p[1], points[i + 1][0], points[i + 1][1]);\n tempLength += segmentL;\n segmentT[1] = tempLength / totalLength;\n tCache.push(segmentT);\n }\n });\n this.set('tCache', tCache);\n };\n /**\n * Get start tangent vector\n * @return {Array}\n */\n Polyline.prototype.getStartTangent = function () {\n var points = this.attr().points;\n var result = [];\n result.push([points[1][0], points[1][1]]);\n result.push([points[0][0], points[0][1]]);\n return result;\n };\n /**\n * Get end tangent vector\n * @return {Array}\n */\n Polyline.prototype.getEndTangent = function () {\n var points = this.attr().points;\n var l = points.length - 1;\n var result = [];\n result.push([points[l - 1][0], points[l - 1][1]]);\n result.push([points[l][0], points[l][1]]);\n return result;\n };\n return Polyline;\n}(ShapeBase));\nexport default Polyline;\n//# sourceMappingURL=polyline.js.map","import { each, isArray, isString } from '@antv/util';\nvar regexTags = /[MLHVQTCSAZ]([^MLHVQTCSAZ]*)/gi;\nvar regexDot = /[^\\s,]+/gi;\nexport function parseRadius(radius) {\n var r1 = 0;\n var r2 = 0;\n var r3 = 0;\n var r4 = 0;\n if (isArray(radius)) {\n if (radius.length === 1) {\n r1 = r2 = r3 = r4 = radius[0];\n }\n else if (radius.length === 2) {\n r1 = r3 = radius[0];\n r2 = r4 = radius[1];\n }\n else if (radius.length === 3) {\n r1 = radius[0];\n r2 = r4 = radius[1];\n r3 = radius[2];\n }\n else {\n r1 = radius[0];\n r2 = radius[1];\n r3 = radius[2];\n r4 = radius[3];\n }\n }\n else {\n r1 = r2 = r3 = r4 = radius;\n }\n return {\n r1: r1,\n r2: r2,\n r3: r3,\n r4: r4,\n };\n}\nexport function parsePath(path) {\n path = path || [];\n if (isArray(path)) {\n return path;\n }\n if (isString(path)) {\n path = path.match(regexTags);\n each(path, function (item, index) {\n item = item.match(regexDot);\n if (item[0].length > 1) {\n var tag = item[0].charAt(0);\n item.splice(1, 0, item[0].substr(1));\n item[0] = tag;\n }\n each(item, function (sub, i) {\n if (!isNaN(sub)) {\n item[i] = +sub;\n }\n });\n path[index] = item;\n });\n return path;\n }\n}\n//# sourceMappingURL=format.js.map","/**\n * @fileoverview rect\n * @author dengfuping_develop@163.com\n */\nimport { __assign, __extends } from \"tslib\";\nimport { each, isArray } from '@antv/util';\nimport ShapeBase from './base';\nimport { SVG_ATTR_MAP } from '../constant';\nimport { parseRadius } from '../util/format';\nvar Rect = /** @class */ (function (_super) {\n __extends(Rect, _super);\n function Rect() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'rect';\n _this.canFill = true;\n _this.canStroke = true;\n return _this;\n }\n Rect.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n return __assign(__assign({}, attrs), { x: 0, y: 0, width: 0, height: 0, radius: 0 });\n };\n Rect.prototype.createPath = function (context, targetAttrs) {\n var _this = this;\n var attrs = this.attr();\n var el = this.get('el');\n // 加上状态量，用来标记 path 是否已组装\n var completed = false;\n // 和组装 path 相关的绘图属性\n var pathRelatedAttrs = ['x', 'y', 'width', 'height', 'radius'];\n each(targetAttrs || attrs, function (value, attr) {\n if (pathRelatedAttrs.indexOf(attr) !== -1 && !completed) {\n el.setAttribute('d', _this._assembleRect(attrs));\n completed = true;\n }\n else if (pathRelatedAttrs.indexOf(attr) === -1 && SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n };\n Rect.prototype._assembleRect = function (attrs) {\n var x = attrs.x;\n var y = attrs.y;\n var w = attrs.width;\n var h = attrs.height;\n var radius = attrs.radius;\n if (!radius) {\n return \"M \" + x + \",\" + y + \" l \" + w + \",0 l 0,\" + h + \" l\" + -w + \" 0 z\";\n }\n var r = parseRadius(radius);\n if (isArray(radius)) {\n if (radius.length === 1) {\n r.r1 = r.r2 = r.r3 = r.r4 = radius[0];\n }\n else if (radius.length === 2) {\n r.r1 = r.r3 = radius[0];\n r.r2 = r.r4 = radius[1];\n }\n else if (radius.length === 3) {\n r.r1 = radius[0];\n r.r2 = r.r4 = radius[1];\n r.r3 = radius[2];\n }\n else {\n r.r1 = radius[0];\n r.r2 = radius[1];\n r.r3 = radius[2];\n r.r4 = radius[3];\n }\n }\n else {\n r.r1 = r.r2 = r.r3 = r.r4 = radius;\n }\n var d = [\n [\"M \" + (x + r.r1) + \",\" + y],\n [\"l \" + (w - r.r1 - r.r2) + \",0\"],\n [\"a \" + r.r2 + \",\" + r.r2 + \",0,0,1,\" + r.r2 + \",\" + r.r2],\n [\"l 0,\" + (h - r.r2 - r.r3)],\n [\"a \" + r.r3 + \",\" + r.r3 + \",0,0,1,\" + -r.r3 + \",\" + r.r3],\n [\"l \" + (r.r3 + r.r4 - w) + \",0\"],\n [\"a \" + r.r4 + \",\" + r.r4 + \",0,0,1,\" + -r.r4 + \",\" + -r.r4],\n [\"l 0,\" + (r.r4 + r.r1 - h)],\n [\"a \" + r.r1 + \",\" + r.r1 + \",0,0,1,\" + r.r1 + \",\" + -r.r1],\n ['z'],\n ];\n return d.join(' ');\n };\n return Rect;\n}(ShapeBase));\nexport default Rect;\n//# sourceMappingURL=rect.js.map","/**\n * @fileoverview text\n * @author dengfuping_develop@163.com\n */\nimport { __assign, __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport { detect } from 'detect-browser';\nimport { setTransform } from '../util/svg';\nimport { SVG_ATTR_MAP } from '../constant';\nimport ShapeBase from './base';\nvar LETTER_SPACING = 0.3;\nvar BASELINE_MAP = {\n top: 'before-edge',\n middle: 'central',\n bottom: 'after-edge',\n alphabetic: 'baseline',\n hanging: 'hanging',\n};\n// for FireFox\nvar BASELINE_MAP_FOR_FIREFOX = {\n top: 'text-before-edge',\n middle: 'central',\n bottom: 'text-after-edge',\n alphabetic: 'alphabetic',\n hanging: 'hanging',\n};\nvar ANCHOR_MAP = {\n left: 'left',\n start: 'left',\n center: 'middle',\n right: 'end',\n end: 'end',\n};\nvar Text = /** @class */ (function (_super) {\n __extends(Text, _super);\n function Text() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'text';\n _this.canFill = true;\n _this.canStroke = true;\n return _this;\n }\n Text.prototype.getDefaultAttrs = function () {\n var attrs = _super.prototype.getDefaultAttrs.call(this);\n return __assign(__assign({}, attrs), { x: 0, y: 0, text: null, fontSize: 12, fontFamily: 'sans-serif', fontStyle: 'normal', fontWeight: 'normal', fontVariant: 'normal', textAlign: 'start', textBaseline: 'bottom' });\n };\n Text.prototype.createPath = function (context, targetAttrs) {\n var _this = this;\n var attrs = this.attr();\n var el = this.get('el');\n this._setFont();\n each(targetAttrs || attrs, function (value, attr) {\n if (attr === 'text') {\n _this._setText(\"\" + value);\n }\n else if (attr === 'matrix' && value) {\n setTransform(_this);\n }\n else if (SVG_ATTR_MAP[attr]) {\n el.setAttribute(SVG_ATTR_MAP[attr], value);\n }\n });\n el.setAttribute('paint-order', 'stroke');\n el.setAttribute('style', 'stroke-linecap:butt; stroke-linejoin:miter;');\n };\n Text.prototype._setFont = function () {\n var el = this.get('el');\n var _a = this.attr(), textBaseline = _a.textBaseline, textAlign = _a.textAlign;\n var browser = detect();\n if (browser && browser.name === 'firefox') {\n // compatible with FireFox browser, ref: https://github.com/antvis/g/issues/119\n el.setAttribute('dominant-baseline', BASELINE_MAP_FOR_FIREFOX[textBaseline] || 'alphabetic');\n }\n else {\n el.setAttribute('alignment-baseline', BASELINE_MAP[textBaseline] || 'baseline');\n }\n el.setAttribute('text-anchor', ANCHOR_MAP[textAlign] || 'left');\n };\n Text.prototype._setText = function (text) {\n var el = this.get('el');\n var _a = this.attr(), x = _a.x, _b = _a.textBaseline, baseline = _b === void 0 ? 'bottom' : _b;\n if (!text) {\n el.innerHTML = '';\n }\n else if (~text.indexOf('\\n')) {\n var textArr = text.split('\\n');\n var textLen_1 = textArr.length - 1;\n var arr_1 = '';\n each(textArr, function (segment, i) {\n if (i === 0) {\n if (baseline === 'alphabetic') {\n arr_1 += \"\" + segment + \"\";\n }\n else if (baseline === 'top') {\n arr_1 += \"\" + segment + \"\";\n }\n else if (baseline === 'middle') {\n arr_1 += \"\" + segment + \"\";\n }\n else if (baseline === 'bottom') {\n arr_1 += \"\" + segment + \"\";\n }\n else if (baseline === 'hanging') {\n arr_1 += \"\" + segment + \"\";\n }\n }\n else {\n arr_1 += \"\" + segment + \"\";\n }\n });\n el.innerHTML = arr_1;\n }\n else {\n el.innerHTML = text;\n }\n };\n return Text;\n}(ShapeBase));\nexport default Text;\n//# sourceMappingURL=text.js.map","/**\n * @fileoverview gradient\n * @author dengfuping_develop@163.com\n */\nimport { each, mod, toRadian, uniqueId } from '@antv/util';\nimport { createSVGElement } from '../util/dom';\nvar regexLG = /^l\\s*\\(\\s*([\\d.]+)\\s*\\)\\s*(.*)/i;\nvar regexRG = /^r\\s*\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*\\)\\s*(.*)/i;\nvar regexColorStop = /[\\d.]+:(#[^\\s]+|[^)]+\\))/gi;\nfunction addStop(steps) {\n var arr = steps.match(regexColorStop);\n if (!arr) {\n return '';\n }\n var stops = '';\n arr.sort(function (a, b) {\n a = a.split(':');\n b = b.split(':');\n return Number(a[0]) - Number(b[0]);\n });\n each(arr, function (item) {\n item = item.split(':');\n stops += \"\";\n });\n return stops;\n}\nfunction parseLineGradient(color, el) {\n var arr = regexLG.exec(color);\n var angle = mod(toRadian(parseFloat(arr[1])), Math.PI * 2);\n var steps = arr[2];\n var start;\n var end;\n if (angle >= 0 && angle < 0.5 * Math.PI) {\n start = {\n x: 0,\n y: 0,\n };\n end = {\n x: 1,\n y: 1,\n };\n }\n else if (0.5 * Math.PI <= angle && angle < Math.PI) {\n start = {\n x: 1,\n y: 0,\n };\n end = {\n x: 0,\n y: 1,\n };\n }\n else if (Math.PI <= angle && angle < 1.5 * Math.PI) {\n start = {\n x: 1,\n y: 1,\n };\n end = {\n x: 0,\n y: 0,\n };\n }\n else {\n start = {\n x: 0,\n y: 1,\n };\n end = {\n x: 1,\n y: 0,\n };\n }\n var tanTheta = Math.tan(angle);\n var tanTheta2 = tanTheta * tanTheta;\n var x = (end.x - start.x + tanTheta * (end.y - start.y)) / (tanTheta2 + 1) + start.x;\n var y = (tanTheta * (end.x - start.x + tanTheta * (end.y - start.y))) / (tanTheta2 + 1) + start.y;\n el.setAttribute('x1', start.x);\n el.setAttribute('y1', start.y);\n el.setAttribute('x2', x);\n el.setAttribute('y2', y);\n el.innerHTML = addStop(steps);\n}\nfunction parseRadialGradient(color, self) {\n var arr = regexRG.exec(color);\n var cx = parseFloat(arr[1]);\n var cy = parseFloat(arr[2]);\n var r = parseFloat(arr[3]);\n var steps = arr[4];\n self.setAttribute('cx', cx);\n self.setAttribute('cy', cy);\n self.setAttribute('r', r);\n self.innerHTML = addStop(steps);\n}\nvar Gradient = /** @class */ (function () {\n function Gradient(cfg) {\n this.cfg = {};\n var el = null;\n var id = uniqueId('gradient_');\n if (cfg.toLowerCase()[0] === 'l') {\n el = createSVGElement('linearGradient');\n parseLineGradient(cfg, el);\n }\n else {\n el = createSVGElement('radialGradient');\n parseRadialGradient(cfg, el);\n }\n el.setAttribute('id', id);\n this.el = el;\n this.id = id;\n this.cfg = cfg;\n return this;\n }\n Gradient.prototype.match = function (type, attr) {\n return this.cfg === attr;\n };\n return Gradient;\n}());\nexport default Gradient;\n//# sourceMappingURL=gradient.js.map","/**\n * @fileoverview shadow\n * @author dengfuping_develop@163.com\n */\nimport { each, uniqueId } from '@antv/util';\nimport { createSVGElement } from '../util/dom';\nvar ATTR_MAP = {\n shadowColor: 'color',\n shadowOpacity: 'opacity',\n shadowBlur: 'blur',\n shadowOffsetX: 'dx',\n shadowOffsetY: 'dy',\n};\nvar SHADOW_DIMENSION = {\n x: '-40%',\n y: '-40%',\n width: '200%',\n height: '200%',\n};\nvar Shadow = /** @class */ (function () {\n function Shadow(cfg) {\n this.type = 'filter';\n this.cfg = {};\n this.type = 'filter';\n var el = createSVGElement('filter');\n // expand the filter region to fill in shadows\n each(SHADOW_DIMENSION, function (v, k) {\n el.setAttribute(k, v);\n });\n this.el = el;\n this.id = uniqueId('filter_');\n this.el.id = this.id;\n this.cfg = cfg;\n this._parseShadow(cfg, el);\n return this;\n }\n Shadow.prototype.match = function (type, cfg) {\n if (this.type !== type) {\n return false;\n }\n var flag = true;\n var config = this.cfg;\n each(Object.keys(config), function (attr) {\n if (config[attr] !== cfg[attr]) {\n flag = false;\n return false;\n }\n });\n return flag;\n };\n Shadow.prototype.update = function (name, value) {\n var config = this.cfg;\n config[ATTR_MAP[name]] = value;\n this._parseShadow(config, this.el);\n return this;\n };\n Shadow.prototype._parseShadow = function (config, el) {\n var child = \"\";\n el.innerHTML = child;\n };\n return Shadow;\n}());\nexport default Shadow;\n//# sourceMappingURL=shadow.js.map","/**\n * @fileoverview arrow\n * @author dengfuping_develop@163.com\n */\nimport { isArray, uniqueId } from '@antv/util';\nimport { createSVGElement } from '../util/dom';\nvar Arrow = /** @class */ (function () {\n function Arrow(attrs, type) {\n this.cfg = {};\n var el = createSVGElement('marker');\n var id = uniqueId('marker_');\n el.setAttribute('id', id);\n var shape = createSVGElement('path');\n shape.setAttribute('stroke', attrs.stroke || 'none');\n shape.setAttribute('fill', attrs.fill || 'none');\n el.appendChild(shape);\n el.setAttribute('overflow', 'visible');\n el.setAttribute('orient', 'auto-start-reverse');\n this.el = el;\n this.child = shape;\n this.id = id;\n var cfg = attrs[type === 'marker-start' ? 'startArrow' : 'endArrow'];\n this.stroke = attrs.stroke || '#000';\n if (cfg === true) {\n this._setDefaultPath(type, shape);\n }\n else {\n this.cfg = cfg; // when arrow config exists\n this._setMarker(attrs.lineWidth, shape);\n }\n return this;\n }\n Arrow.prototype.match = function () {\n return false;\n };\n Arrow.prototype._setDefaultPath = function (type, el) {\n var parent = this.el;\n // 默认箭头的边长为 10，夹角为 60 度\n el.setAttribute('d', \"M0,0 L\" + 10 * Math.cos(Math.PI / 6) + \",5 L0,10\");\n parent.setAttribute('refX', \"\" + 10 * Math.cos(Math.PI / 6));\n parent.setAttribute('refY', \"\" + 5);\n };\n Arrow.prototype._setMarker = function (r, el) {\n var parent = this.el;\n var path = this.cfg.path;\n var d = this.cfg.d;\n if (isArray(path)) {\n path = path\n .map(function (segment) {\n return segment.join(' ');\n })\n .join('');\n }\n el.setAttribute('d', path);\n parent.appendChild(el);\n if (d) {\n parent.setAttribute('refX', \"\" + d / r);\n }\n };\n Arrow.prototype.update = function (fill) {\n var child = this.child;\n if (child.attr) {\n child.attr('fill', fill);\n }\n else {\n child.setAttribute('fill', fill);\n }\n };\n return Arrow;\n}());\nexport default Arrow;\n//# sourceMappingURL=arrow.js.map","/**\n * @fileoverview clip\n * @author dengfuping_develop@163.com\n */\nimport { uniqueId } from '@antv/util';\nimport { createSVGElement } from '../util/dom';\nvar Clip = /** @class */ (function () {\n function Clip(cfg) {\n this.type = 'clip';\n this.cfg = {};\n var el = createSVGElement('clipPath');\n this.el = el;\n this.id = uniqueId('clip_');\n el.id = this.id;\n var shapeEl = cfg.cfg.el;\n el.appendChild(shapeEl);\n this.cfg = cfg;\n return this;\n }\n Clip.prototype.match = function () {\n return false;\n };\n Clip.prototype.remove = function () {\n var el = this.el;\n el.parentNode.removeChild(el);\n };\n return Clip;\n}());\nexport default Clip;\n//# sourceMappingURL=clip.js.map","/**\n * @fileoverview pattern\n * @author dengfuping_develop@163.com\n */\nimport { uniqueId } from '@antv/util';\nimport { createSVGElement } from '../util/dom';\nvar regexPR = /^p\\s*\\(\\s*([axyn])\\s*\\)\\s*(.*)/i;\nvar Pattern = /** @class */ (function () {\n function Pattern(cfg) {\n this.cfg = {};\n var el = createSVGElement('pattern');\n el.setAttribute('patternUnits', 'userSpaceOnUse');\n var child = createSVGElement('image');\n el.appendChild(child);\n var id = uniqueId('pattern_');\n el.id = id;\n this.el = el;\n this.id = id;\n this.cfg = cfg;\n var arr = regexPR.exec(cfg);\n var source = arr[2];\n child.setAttribute('href', source);\n var img = new Image();\n if (!source.match(/^data:/i)) {\n img.crossOrigin = 'Anonymous';\n }\n img.src = source;\n function onload() {\n el.setAttribute('width', \"\" + img.width);\n el.setAttribute('height', \"\" + img.height);\n }\n if (img.complete) {\n onload();\n }\n else {\n img.onload = onload;\n // Fix onload() bug in IE9\n img.src = img.src;\n }\n return this;\n }\n Pattern.prototype.match = function (type, attr) {\n return this.cfg === attr;\n };\n return Pattern;\n}());\nexport default Pattern;\n//# sourceMappingURL=pattern.js.map","/**\n * @fileoverview defs\n * @author dengfuping_develop@163.com\n */\nimport { uniqueId } from '@antv/util';\nimport Gradient from './gradient';\nimport Shadow from './shadow';\nimport Arrow from './arrow';\nimport Clip from './clip';\nimport Pattern from './pattern';\nimport { createSVGElement } from '../util/dom';\nvar Defs = /** @class */ (function () {\n function Defs(canvas) {\n var el = createSVGElement('defs');\n var id = uniqueId('defs_');\n el.id = id;\n canvas.appendChild(el);\n this.children = [];\n this.defaultArrow = {};\n this.el = el;\n this.canvas = canvas;\n }\n Defs.prototype.find = function (type, attr) {\n var children = this.children;\n var result = null;\n for (var i = 0; i < children.length; i++) {\n if (children[i].match(type, attr)) {\n result = children[i].id;\n break;\n }\n }\n return result;\n };\n Defs.prototype.findById = function (id) {\n var children = this.children;\n var flag = null;\n for (var i = 0; i < children.length; i++) {\n if (children[i].id === id) {\n flag = children[i];\n break;\n }\n }\n return flag;\n };\n Defs.prototype.add = function (item) {\n this.children.push(item);\n item.canvas = this.canvas;\n item.parent = this;\n };\n Defs.prototype.getDefaultArrow = function (attrs, name) {\n var stroke = attrs.stroke || attrs.strokeStyle;\n if (this.defaultArrow[stroke]) {\n return this.defaultArrow[stroke].id;\n }\n var arrow = new Arrow(attrs, name);\n this.defaultArrow[stroke] = arrow;\n this.el.appendChild(arrow.el);\n this.add(arrow);\n return arrow.id;\n };\n Defs.prototype.addGradient = function (cfg) {\n var gradient = new Gradient(cfg);\n this.el.appendChild(gradient.el);\n this.add(gradient);\n return gradient.id;\n };\n Defs.prototype.addArrow = function (attrs, name) {\n var arrow = new Arrow(attrs, name);\n this.el.appendChild(arrow.el);\n this.add(arrow);\n return arrow.id;\n };\n Defs.prototype.addShadow = function (cfg) {\n var shadow = new Shadow(cfg);\n this.el.appendChild(shadow.el);\n this.add(shadow);\n return shadow.id;\n };\n Defs.prototype.addPattern = function (cfg) {\n var pattern = new Pattern(cfg);\n this.el.appendChild(pattern.el);\n this.add(pattern);\n return pattern.id;\n };\n Defs.prototype.addClip = function (cfg) {\n var clip = new Clip(cfg);\n this.el.appendChild(clip.el);\n this.add(clip);\n return clip.id;\n };\n return Defs;\n}());\nexport default Defs;\n//# sourceMappingURL=index.js.map","import { __assign, __extends } from \"tslib\";\nimport { AbstractCanvas } from '@antv/g-base';\nimport { SHAPE_TO_TAGS } from './constant';\nimport { drawChildren } from './util/draw';\nimport { setTransform, setClip } from './util/svg';\nimport { sortDom, createSVGElement } from './util/dom';\nimport * as Shape from './shape';\nimport Group from './group';\nimport Defs from './defs';\nvar Canvas = /** @class */ (function (_super) {\n __extends(Canvas, _super);\n function Canvas(cfg) {\n return _super.call(this, __assign(__assign({}, cfg), { autoDraw: true, \n // 设置渲染引擎为 canvas，只读属性\n renderer: 'svg' })) || this;\n }\n Canvas.prototype.getShapeBase = function () {\n return Shape;\n };\n Canvas.prototype.getGroupBase = function () {\n return Group;\n };\n // 覆盖 Container 中通过遍历的方式获取 shape 对象的逻辑，直接走 SVG 的 dom 拾取即可\n Canvas.prototype.getShape = function (x, y, ev) {\n var target = ev.target || ev.srcElement;\n if (!SHAPE_TO_TAGS[target.tagName]) {\n var parent_1 = target.parentNode;\n while (parent_1 && !SHAPE_TO_TAGS[parent_1.tagName]) {\n parent_1 = parent_1.parentNode;\n }\n target = parent_1;\n }\n return this.find(function (child) { return child.get('el') === target; });\n };\n // 复写基类的方法生成标签\n Canvas.prototype.createDom = function () {\n var element = createSVGElement('svg');\n var context = new Defs(element);\n element.setAttribute('width', \"\" + this.get('width'));\n element.setAttribute('height', \"\" + this.get('height'));\n // 缓存 context 对象\n this.set('context', context);\n return element;\n };\n /**\n * 一些方法调用会引起画布变化\n * @param {ChangeType} changeType 改变的类型\n */\n Canvas.prototype.onCanvasChange = function (changeType) {\n var context = this.get('context');\n var el = this.get('el');\n if (changeType === 'sort') {\n var children_1 = this.get('children');\n if (children_1 && children_1.length) {\n sortDom(this, function (a, b) {\n return children_1.indexOf(a) - children_1.indexOf(b) ? 1 : 0;\n });\n }\n }\n else if (changeType === 'clear') {\n // el maybe null for canvas\n if (el) {\n // 清空 SVG 元素\n el.innerHTML = '';\n var defsEl = context.el;\n // 清空 defs 元素\n defsEl.innerHTML = '';\n // 将清空后的 defs 元素挂载到 el 下\n el.appendChild(defsEl);\n }\n }\n else if (changeType === 'matrix') {\n setTransform(this);\n }\n else if (changeType === 'clip') {\n setClip(this, context);\n }\n else if (changeType === 'changeSize') {\n el.setAttribute('width', \"\" + this.get('width'));\n el.setAttribute('height', \"\" + this.get('height'));\n }\n };\n // 复写基类的 draw 方法\n Canvas.prototype.draw = function () {\n var context = this.get('context');\n var children = this.getChildren();\n setClip(this, context);\n if (children.length) {\n drawChildren(context, children);\n }\n };\n return Canvas;\n}(AbstractCanvas));\nexport default Canvas;\n//# sourceMappingURL=canvas.js.map","import * as Shape from './shape';\nexport * from '@antv/g-base';\nexport { default as Canvas } from './canvas';\nexport { default as Group } from './group';\nexport { Shape };\nexport var version = '0.5.6';\n//# sourceMappingURL=index.js.map","import { __extends, __values } from \"tslib\";\nimport { FIELD_ORIGIN } from '../constant';\nimport Geometry from './base';\nimport Element from './element';\n/** 引入对应的 ShapeFactory */\nimport './shape/line';\nimport { isModelChange } from './util/is-model-change';\nimport { diff } from './util/diff';\n/**\n * Path 几何标记。\n * 用于绘制路径图等。\n */\nvar Path = /** @class */ (function (_super) {\n __extends(Path, _super);\n function Path(cfg) {\n var _this = _super.call(this, cfg) || this;\n _this.type = 'path';\n _this.shapeType = 'line';\n var _a = cfg.connectNulls, connectNulls = _a === void 0 ? false : _a, _b = cfg.showSinglePoint, showSinglePoint = _b === void 0 ? true : _b;\n _this.connectNulls = connectNulls;\n _this.showSinglePoint = showSinglePoint;\n return _this;\n }\n /**\n * 创建所有的 Element 实例，对于 Path、Line、Area，一组数据对应一个 Element。\n * @param mappingData\n * @param [isUpdate]\n * @returns elements\n */\n Path.prototype.updateElements = function (mappingDataArray, isUpdate) {\n var e_1, _a, e_2, _b, e_3, _c;\n if (isUpdate === void 0) { isUpdate = false; }\n // Path 的每个 element 对应一组数据\n var keyData = new Map();\n var keyIndex = new Map();\n var keys = [];\n var index = 0;\n for (var i = 0; i < mappingDataArray.length; i++) {\n var mappingData = mappingDataArray[i];\n var key = this.getElementId(mappingData);\n keys.push(key);\n keyData.set(key, mappingData);\n keyIndex.set(key, index);\n index++;\n }\n this.elements = new Array(index);\n var _d = diff(this.lastElementsMap, keys), added = _d.added, updated = _d.updated, removed = _d.removed;\n try {\n for (var added_1 = __values(added), added_1_1 = added_1.next(); !added_1_1.done; added_1_1 = added_1.next()) {\n var key = added_1_1.value;\n var mappingData = keyData.get(key);\n var shapeFactory = this.getShapeFactory();\n var shapeCfg = this.getShapeInfo(mappingData);\n var i = keyIndex.get(key);\n var element = new Element({\n shapeFactory: shapeFactory,\n container: this.container,\n offscreenGroup: this.getOffscreenGroup(),\n elementIndex: i,\n });\n element.geometry = this;\n element.animate = this.animateOption;\n element.draw(shapeCfg, isUpdate); // 绘制 shape\n this.elementsMap[key] = element;\n this.elements[i] = element;\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (added_1_1 && !added_1_1.done && (_a = added_1.return)) _a.call(added_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n try {\n for (var updated_1 = __values(updated), updated_1_1 = updated_1.next(); !updated_1_1.done; updated_1_1 = updated_1.next()) {\n var key = updated_1_1.value;\n var mappingData = keyData.get(key);\n var element = this.lastElementsMap[key];\n var i = keyIndex.get(key);\n var shapeCfg = this.getShapeInfo(mappingData);\n var preShapeCfg = element.getModel();\n if (this.isCoordinateChanged || isModelChange(preShapeCfg, shapeCfg)) {\n element.animate = this.animateOption;\n // 通过绘制数据的变更来判断是否需要更新，因为用户有可能会修改图形属性映射\n element.update(shapeCfg); // 更新对应的 element\n }\n this.elementsMap[key] = element;\n this.elements[i] = element;\n }\n }\n catch (e_2_1) { e_2 = { error: e_2_1 }; }\n finally {\n try {\n if (updated_1_1 && !updated_1_1.done && (_b = updated_1.return)) _b.call(updated_1);\n }\n finally { if (e_2) throw e_2.error; }\n }\n try {\n for (var removed_1 = __values(removed), removed_1_1 = removed_1.next(); !removed_1_1.done; removed_1_1 = removed_1.next()) {\n var key = removed_1_1.value;\n var element = this.lastElementsMap[key];\n // 更新动画配置，用户有可能在更新之前有对动画进行配置操作\n element.animate = this.animateOption;\n element.destroy();\n }\n }\n catch (e_3_1) { e_3 = { error: e_3_1 }; }\n finally {\n try {\n if (removed_1_1 && !removed_1_1.done && (_c = removed_1.return)) _c.call(removed_1);\n }\n finally { if (e_3) throw e_3.error; }\n }\n };\n /**\n * 获取组成一条线（一组数据）的所有点以及数据\n * @param mappingData 映射后的数组\n */\n Path.prototype.getPointsAndData = function (mappingData) {\n var points = [];\n var data = [];\n for (var i = 0, len = mappingData.length; i < len; i++) {\n var obj = mappingData[i];\n points.push({\n x: obj.x,\n y: obj.y,\n });\n data.push(obj[FIELD_ORIGIN]);\n }\n return {\n points: points,\n data: data,\n };\n };\n Path.prototype.getShapeInfo = function (mappingData) {\n var shapeCfg = this.getDrawCfg(mappingData[0]);\n var _a = this.getPointsAndData(mappingData), points = _a.points, data = _a.data;\n shapeCfg.mappingData = mappingData;\n shapeCfg.data = data;\n shapeCfg.isStack = !!this.getAdjust('stack');\n shapeCfg.points = points;\n shapeCfg.connectNulls = this.connectNulls;\n shapeCfg.showSinglePoint = this.showSinglePoint;\n return shapeCfg;\n };\n return Path;\n}(Geometry));\nexport default Path;\n//# sourceMappingURL=path.js.map","import { each } from '@antv/util';\nimport { getPathPoints } from '../util/get-path-points';\nimport { getStyle } from '../util/get-style';\nimport { getLinePath, getSplinePath } from '../util/path';\nfunction getPath(points, isInCircle, smooth, registeredShape, constraint) {\n var path = [];\n if (points.length) {\n var topLinePoints_1 = []; // area 区域上部分\n var bottomLinePoints_1 = []; // area 区域下部分\n for (var i = 0, len = points.length; i < len; i++) {\n var point = points[i];\n topLinePoints_1.push(point[1]);\n bottomLinePoints_1.push(point[0]);\n }\n bottomLinePoints_1 = bottomLinePoints_1.reverse();\n each([topLinePoints_1, bottomLinePoints_1], function (pointsData, index) {\n var subPath = [];\n var parsedPoints = registeredShape.parsePoints(pointsData);\n var p1 = parsedPoints[0];\n if (topLinePoints_1.length === 1 && bottomLinePoints_1.length === 1) {\n // 都只有一个点，绘制一条竖线\n subPath =\n index === 0\n ? [\n ['M', p1.x - 0.5, p1.y],\n ['L', p1.x + 0.5, p1.y],\n ]\n : [\n ['L', p1.x + 0.5, p1.y],\n ['L', p1.x - 0.5, p1.y],\n ];\n }\n else {\n if (isInCircle) {\n parsedPoints.push({ x: p1.x, y: p1.y });\n }\n if (smooth) {\n subPath = getSplinePath(parsedPoints, false, constraint);\n }\n else {\n subPath = getLinePath(parsedPoints, false);\n }\n if (index > 0) {\n subPath[0][0] = 'L';\n }\n }\n path = path.concat(subPath);\n });\n path.push(['Z']);\n }\n return path;\n}\n/**\n * @ignore\n * Gets shape attrs\n * @param cfg\n * @param isStroke\n * @param smooth\n * @param registeredShape\n * @param [constraint]\n * @returns\n */\nexport function getShapeAttrs(cfg, isStroke, smooth, registeredShape, constraint) {\n var attrs = getStyle(cfg, isStroke, !isStroke, 'lineWidth');\n var connectNulls = cfg.connectNulls, isInCircle = cfg.isInCircle, points = cfg.points, showSinglePoint = cfg.showSinglePoint;\n var pathPoints = getPathPoints(points, connectNulls, showSinglePoint); // 根据 connectNulls 配置获取图形关键点\n var path = [];\n for (var i = 0, len = pathPoints.length; i < len; i++) {\n var eachPoints = pathPoints[i];\n path = path.concat(getPath(eachPoints, isInCircle, smooth, registeredShape, constraint));\n }\n attrs.path = path;\n return attrs;\n}\n/**\n * @ignore\n * Gets constraint\n * @param coordinate\n * @returns constraint\n */\nexport function getConstraint(coordinate) {\n var start = coordinate.start, end = coordinate.end;\n return [\n [start.x, end.y],\n [end.x, start.y],\n ];\n}\n//# sourceMappingURL=util.js.map","import { isArray } from '@antv/util';\nimport { registerShape, registerShapeFactory } from '../base';\nimport { getShapeAttrs } from './util';\nvar AreaShapeFactory = registerShapeFactory('area', {\n defaultShapeType: 'area',\n getDefaultPoints: function (pointInfo) {\n // area 基本标记的绘制需要获取上下两边的顶点\n var x = pointInfo.x, y0 = pointInfo.y0;\n var y = isArray(pointInfo.y) ? pointInfo.y : [y0, pointInfo.y];\n return y.map(function (yItem) {\n return {\n x: x,\n y: yItem,\n };\n });\n },\n});\n// Area 几何标记默认的 shape：填充的区域图\nregisterShape('area', 'area', {\n draw: function (cfg, container) {\n var attrs = getShapeAttrs(cfg, false, false, this);\n var shape = container.addShape({\n type: 'path',\n attrs: attrs,\n name: 'area',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: function (x, y, r) {\n if (r === void 0) { r = 5.5; }\n return [['M', x - r, y - 4], ['L', x + r, y - 4], ['L', x + r, y + 4], ['L', x - r, y + 4], ['Z']];\n },\n style: {\n r: 5,\n fill: color,\n fillOpacity: 1,\n },\n };\n },\n});\nexport default AreaShapeFactory;\n//# sourceMappingURL=index.js.map","import { __extends } from \"tslib\";\nimport { FIELD_ORIGIN } from '../constant';\nimport Path from './path';\nimport './shape/area';\n/**\n * Area 几何标记类。\n * 常用于绘制面积图。\n */\nvar Area = /** @class */ (function (_super) {\n __extends(Area, _super);\n function Area(cfg) {\n var _this = _super.call(this, cfg) || this;\n _this.type = 'area';\n _this.shapeType = 'area';\n /** 生成图形关键点 */\n _this.generatePoints = true;\n /**\n * 面积图是否从 0 基准线开始填充。\n * 1. 默认值为 `true`，表现如下：\n * \n * 2. 当值为 `false` 时，表现如下：\n * \n */\n _this.startOnZero = true;\n var _a = cfg.startOnZero, startOnZero = _a === void 0 ? true : _a, _b = cfg.sortable, sortable = _b === void 0 ? false : _b, _c = cfg.showSinglePoint, showSinglePoint = _c === void 0 ? false : _c;\n _this.startOnZero = startOnZero; // 默认为 true\n _this.sortable = sortable; // 关闭默认的 X 轴数据排序\n _this.showSinglePoint = showSinglePoint;\n return _this;\n }\n /**\n * 获取图形绘制的关键点以及数据\n * @param mappingData 映射后的数据\n */\n Area.prototype.getPointsAndData = function (mappingData) {\n var points = [];\n var data = [];\n for (var i = 0, len = mappingData.length; i < len; i++) {\n var obj = mappingData[i];\n points.push(obj.points);\n data.push(obj[FIELD_ORIGIN]);\n }\n return {\n points: points,\n data: data,\n };\n };\n /**\n * 获取 Y 轴上的最小值\n * @returns y 字段最小值\n */\n Area.prototype.getYMinValue = function () {\n if (this.startOnZero) {\n return _super.prototype.getYMinValue.call(this);\n }\n var yScale = this.getYScale();\n return yScale.min;\n };\n return Area;\n}(Path));\nexport default Area;\n//# sourceMappingURL=area.js.map","import { __assign } from \"tslib\";\nimport { registerShape, registerShapeFactory } from '../base';\nimport { getStyle } from '../util/get-style';\nimport { getLinePath } from '../util/path';\nimport { splitPoints } from '../util/split-points';\nvar EdgeShapeFactory = registerShapeFactory('edge', {\n defaultShapeType: 'line',\n getDefaultPoints: function (pointInfo) {\n return splitPoints(pointInfo);\n },\n});\nregisterShape('edge', 'line', {\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, false, 'lineWidth');\n var path = getLinePath(this.parsePoints(cfg.points), this.coordinate.isPolar);\n return container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n });\n },\n getMarker: function (markerCfg) {\n return {\n symbol: 'circle',\n style: {\n r: 4.5,\n fill: markerCfg.color,\n },\n };\n },\n});\nexport default EdgeShapeFactory;\n//# sourceMappingURL=index.js.map","import { __extends } from \"tslib\";\nimport Geometry from './base';\nimport './shape/edge';\n/**\n * Edge 几何标记，用于绘制关系图中的**边**图形，如：\n * 1. 流程图\n * 2. 树\n * 3. 弧长连接图\n * 4. 和弦图\n * 5. 桑基图\n */\nvar Edge = /** @class */ (function (_super) {\n __extends(Edge, _super);\n function Edge() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'edge';\n _this.shapeType = 'edge';\n _this.generatePoints = true;\n return _this;\n }\n return Edge;\n}(Geometry));\nexport default Edge;\n//# sourceMappingURL=edge.js.map","import { __assign, __extends, __values } from \"tslib\";\nimport ColorUtil from '@antv/color-util';\nimport { get, isNumber } from '@antv/util';\nimport { FIELD_ORIGIN } from '../constant';\nimport Geometry from './base';\n/**\n * 用于绘制热力图。\n */\nvar Heatmap = /** @class */ (function (_super) {\n __extends(Heatmap, _super);\n function Heatmap() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'heatmap';\n _this.paletteCache = {};\n return _this;\n }\n Heatmap.prototype.updateElements = function (mappingDataArray, isUpdate) {\n if (isUpdate === void 0) { isUpdate = false; }\n for (var i = 0; i < mappingDataArray.length; i++) {\n var mappingData = mappingDataArray[i];\n var range = this.prepareRange(mappingData);\n var radius = this.prepareSize();\n var blur_1 = get(this.styleOption, ['cfg', 'shadowBlur']);\n if (!isNumber(blur_1)) {\n blur_1 = radius / 2;\n }\n this.prepareGreyScaleBlurredCircle(radius, blur_1);\n this.drawWithRange(mappingData, range, radius, blur_1);\n }\n };\n /** 热力图暂时不支持 callback 回调（文档需要说明下） */\n Heatmap.prototype.color = function (field, cfg) {\n this.createAttrOption('color', field, typeof cfg !== 'function' ? cfg : '');\n return this;\n };\n /**\n * clear\n */\n Heatmap.prototype.clear = function () {\n _super.prototype.clear.call(this);\n this.clearShadowCanvasCtx();\n this.paletteCache = {};\n };\n Heatmap.prototype.prepareRange = function (data) {\n var colorAttr = this.getAttribute('color');\n var colorField = colorAttr.getFields()[0];\n var min = Infinity;\n var max = -Infinity;\n data.forEach(function (row) {\n var value = row[FIELD_ORIGIN][colorField];\n if (value > max) {\n max = value;\n }\n if (value < min) {\n min = value;\n }\n });\n if (min === max) {\n min = max - 1;\n }\n return [min, max];\n };\n Heatmap.prototype.prepareSize = function () {\n var radius = this.getDefaultValue('size');\n if (!isNumber(radius)) {\n radius = this.getDefaultSize();\n }\n return radius;\n };\n Heatmap.prototype.prepareGreyScaleBlurredCircle = function (radius, blur) {\n var grayScaleBlurredCanvas = this.getGrayScaleBlurredCanvas();\n var r2 = radius + blur;\n var ctx = grayScaleBlurredCanvas.getContext('2d');\n grayScaleBlurredCanvas.width = grayScaleBlurredCanvas.height = r2 * 2;\n ctx.clearRect(0, 0, grayScaleBlurredCanvas.width, grayScaleBlurredCanvas.height);\n ctx.shadowOffsetX = ctx.shadowOffsetY = r2 * 2;\n ctx.shadowBlur = blur;\n ctx.shadowColor = 'black';\n ctx.beginPath();\n ctx.arc(-r2, -r2, radius, 0, Math.PI * 2, true);\n ctx.closePath();\n ctx.fill();\n };\n Heatmap.prototype.drawWithRange = function (data, range, radius, blur) {\n var e_1, _a;\n // canvas size\n var _b = this.coordinate, start = _b.start, end = _b.end;\n var width = this.coordinate.getWidth();\n var height = this.coordinate.getHeight();\n // value, range, etc\n var colorAttr = this.getAttribute('color');\n var valueField = colorAttr.getFields()[0];\n // prepare shadow canvas context\n this.clearShadowCanvasCtx();\n var ctx = this.getShadowCanvasCtx();\n // filter data\n if (range) {\n data = data.filter(function (row) {\n return row[FIELD_ORIGIN][valueField] <= range[1] && row[FIELD_ORIGIN][valueField] >= range[0];\n });\n }\n // step1. draw points with shadow\n var scale = this.scales[valueField];\n try {\n for (var data_1 = __values(data), data_1_1 = data_1.next(); !data_1_1.done; data_1_1 = data_1.next()) {\n var obj = data_1_1.value;\n var _c = this.getDrawCfg(obj), x = _c.x, y = _c.y;\n var alpha = scale.scale(obj[FIELD_ORIGIN][valueField]);\n this.drawGrayScaleBlurredCircle(x - start.x, y - end.y, radius + blur, alpha, ctx);\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (data_1_1 && !data_1_1.done && (_a = data_1.return)) _a.call(data_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n // step2. convert pixels\n var colored = ctx.getImageData(0, 0, width, height);\n this.clearShadowCanvasCtx();\n this.colorize(colored);\n ctx.putImageData(colored, 0, 0);\n var imageShape = this.getImageShape();\n imageShape.attr('x', start.x);\n imageShape.attr('y', end.y);\n imageShape.attr('width', width);\n imageShape.attr('height', height);\n imageShape.attr('img', ctx.canvas);\n imageShape.set('origin', this.getShapeInfo(data)); // 存储绘图信息数据\n };\n Heatmap.prototype.getDefaultSize = function () {\n var position = this.getAttribute('position');\n var coordinate = this.coordinate;\n return Math.min(coordinate.getWidth() / (position.scales[0].ticks.length * 4), coordinate.getHeight() / (position.scales[1].ticks.length * 4));\n };\n Heatmap.prototype.clearShadowCanvasCtx = function () {\n var ctx = this.getShadowCanvasCtx();\n ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);\n };\n Heatmap.prototype.getShadowCanvasCtx = function () {\n var canvas = this.shadowCanvas;\n if (!canvas) {\n canvas = document.createElement('canvas');\n this.shadowCanvas = canvas;\n }\n canvas.width = this.coordinate.getWidth();\n canvas.height = this.coordinate.getHeight();\n return canvas.getContext('2d');\n };\n Heatmap.prototype.getGrayScaleBlurredCanvas = function () {\n if (!this.grayScaleBlurredCanvas) {\n this.grayScaleBlurredCanvas = document.createElement('canvas');\n }\n return this.grayScaleBlurredCanvas;\n };\n Heatmap.prototype.drawGrayScaleBlurredCircle = function (x, y, r, alpha, ctx) {\n var grayScaleBlurredCanvas = this.getGrayScaleBlurredCanvas();\n ctx.globalAlpha = alpha;\n ctx.drawImage(grayScaleBlurredCanvas, x - r, y - r);\n };\n Heatmap.prototype.colorize = function (img) {\n var colorAttr = this.getAttribute('color');\n var pixels = img.data;\n var paletteCache = this.paletteCache;\n for (var i = 3; i < pixels.length; i += 4) {\n var alpha = pixels[i]; // get gradient color from opacity value\n if (isNumber(alpha)) {\n var palette = paletteCache[alpha] ? paletteCache[alpha] : ColorUtil.rgb2arr(colorAttr.gradient(alpha / 256));\n pixels[i - 3] = palette[0];\n pixels[i - 2] = palette[1];\n pixels[i - 1] = palette[2];\n pixels[i] = alpha;\n }\n }\n };\n Heatmap.prototype.getImageShape = function () {\n var imageShape = this.imageShape;\n if (imageShape) {\n return imageShape;\n }\n var container = this.container;\n imageShape = container.addShape({\n type: 'image',\n attrs: {},\n });\n this.imageShape = imageShape;\n return imageShape;\n };\n Heatmap.prototype.getShapeInfo = function (mappingData) {\n var shapeCfg = this.getDrawCfg(mappingData[0]);\n var data = mappingData.map(function (obj) {\n return obj[FIELD_ORIGIN];\n });\n return __assign(__assign({}, shapeCfg), { mappingData: mappingData, data: data });\n };\n return Heatmap;\n}(Geometry));\nexport default Heatmap;\n//# sourceMappingURL=heatmap.js.map","import { __read, __spreadArray } from \"tslib\";\nimport { isArray, isNil, get } from '@antv/util';\nimport { getAngle, getSectorPath } from '../../../util/graphics';\n/**\n * @ignore\n * 根据数据点生成矩形的四个关键点\n * @param pointInfo 数据点信息\n * @param [isPyramid] 是否为尖底漏斗图\n * @returns rect points 返回矩形四个顶点信息\n */\nexport function getRectPoints(pointInfo) {\n var _a, _b;\n var x = pointInfo.x, y = pointInfo.y, y0 = pointInfo.y0, size = pointInfo.size;\n // 有 4 种情况，\n // 1. x, y 都不是数组\n // 2. y是数组，x不是\n // 3. x是数组，y不是\n // 4. x, y 都是数组\n var yMin;\n var yMax;\n if (isArray(y)) {\n _a = __read(y, 2), yMin = _a[0], yMax = _a[1];\n }\n else {\n yMin = y0;\n yMax = y;\n }\n var xMin;\n var xMax;\n if (isArray(x)) {\n _b = __read(x, 2), xMin = _b[0], xMax = _b[1];\n }\n else {\n xMin = x - size / 2;\n xMax = x + size / 2;\n }\n var points = [\n { x: xMin, y: yMin },\n { x: xMin, y: yMax },\n ];\n // 矩形的四个关键点，结构如下（左下角顺时针连接）\n // 1 ---- 2\n // | |\n // 0 ---- 3\n points.push({ x: xMax, y: yMax }, { x: xMax, y: yMin });\n return points;\n}\n/**\n * @ignore\n * 根据矩形关键点绘制 path\n * @param points 关键点数组\n * @param isClosed path 是否需要闭合\n * @returns 返回矩形的 path\n */\nexport function getRectPath(points, isClosed) {\n if (isClosed === void 0) { isClosed = true; }\n var path = [];\n var firstPoint = points[0];\n path.push(['M', firstPoint.x, firstPoint.y]);\n for (var i = 1, len = points.length; i < len; i++) {\n path.push(['L', points[i].x, points[i].y]);\n }\n // 对于 shape=\"line\" path 不应该闭合，否则会造成 lineCap 绘图属性失效\n if (isClosed) {\n path.push(['L', firstPoint.x, firstPoint.y]); // 需要闭合\n path.push(['z']);\n }\n return path;\n}\n/**\n * 处理 rect path 的 radius\n * @returns 返回矩形 path 的四个角的 arc 半径\n */\nexport function parseRadius(radius, minLength) {\n var r1 = 0;\n var r2 = 0;\n var r3 = 0;\n var r4 = 0;\n if (isArray(radius)) {\n if (radius.length === 1) {\n r1 = r2 = r3 = r4 = radius[0];\n }\n else if (radius.length === 2) {\n r1 = r3 = radius[0];\n r2 = r4 = radius[1];\n }\n else if (radius.length === 3) {\n r1 = radius[0];\n r2 = r4 = radius[1];\n r3 = radius[2];\n }\n else {\n r1 = radius[0];\n r2 = radius[1];\n r3 = radius[2];\n r4 = radius[3];\n }\n }\n else {\n r1 = r2 = r3 = r4 = radius;\n }\n // 处理 边界值\n if (r1 + r2 > minLength) {\n r1 = r1 ? minLength / (1 + r2 / r1) : 0;\n r2 = minLength - r1;\n }\n if (r3 + r4 > minLength) {\n r3 = r3 ? minLength / (1 + r4 / r3) : 0;\n r4 = minLength - r3;\n }\n return [r1 || 0, r2 || 0, r3 || 0, r4 || 0];\n}\n/**\n * 获取 interval 矩形背景的 path\n * @param cfg 关键点的信息\n * @param points 已转化为画布坐标的 4 个关键点\n * @param coordinate 坐标系\n * @returns 返回矩形背景的 path\n */\nexport function getBackgroundRectPath(cfg, points, coordinate) {\n var path = [];\n if (coordinate.isRect) {\n var p0 = coordinate.isTransposed\n ? { x: coordinate.start.x, y: points[0].y }\n : { x: points[0].x, y: coordinate.start.y };\n var p1 = coordinate.isTransposed\n ? { x: coordinate.end.x, y: points[2].y }\n : { x: points[3].x, y: coordinate.end.y };\n // corner radius of background shape works only in 笛卡尔坐标系\n var radius = get(cfg, ['background', 'style', 'radius']);\n if (radius) {\n var width = coordinate.isTransposed ? Math.abs(points[0].y - points[2].y) : points[2].x - points[1].x;\n var height = coordinate.isTransposed ? coordinate.getWidth() : coordinate.getHeight();\n var _a = __read(parseRadius(radius, Math.min(width, height)), 4), r1 = _a[0], r2 = _a[1], r3 = _a[2], r4 = _a[3];\n // 同时存在 坐标系是否发生转置 和 y 镜像的时候\n var isReflectYTransposed_1 = (coordinate.isTransposed && coordinate.isReflect('y'));\n var bump = isReflectYTransposed_1 ? 0 : 1;\n var opposite = function (r) { return isReflectYTransposed_1 ? -r : r; };\n path.push(['M', p0.x, p1.y + opposite(r1)]);\n r1 !== 0 && path.push(['A', r1, r1, 0, 0, bump, p0.x + r1, p1.y]);\n path.push(['L', p1.x - r2, p1.y]);\n r2 !== 0 && path.push(['A', r2, r2, 0, 0, bump, p1.x, p1.y + opposite(r2)]);\n path.push(['L', p1.x, p0.y - opposite(r3)]);\n r3 !== 0 && path.push(['A', r3, r3, 0, 0, bump, p1.x - r3, p0.y]);\n path.push(['L', p0.x + r4, p0.y]);\n r4 !== 0 && path.push(['A', r4, r4, 0, 0, bump, p0.x, p0.y - opposite(r4)]);\n }\n else {\n path.push(['M', p0.x, p0.y]);\n path.push(['L', p1.x, p0.y]);\n path.push(['L', p1.x, p1.y]);\n path.push(['L', p0.x, p1.y]);\n path.push(['L', p0.x, p0.y]);\n }\n path.push(['z']);\n }\n if (coordinate.isPolar) {\n var center = coordinate.getCenter();\n var _b = getAngle(cfg, coordinate), startAngle = _b.startAngle, endAngle = _b.endAngle;\n if (coordinate.type !== 'theta' && !coordinate.isTransposed) {\n // 获取扇形 path\n path = getSectorPath(center.x, center.y, coordinate.getRadius(), startAngle, endAngle);\n }\n else {\n var pow = function (v) { return Math.pow(v, 2); };\n var r1 = Math.sqrt(pow(center.x - points[0].x) + pow(center.y - points[0].y));\n var r2 = Math.sqrt(pow(center.x - points[2].x) + pow(center.y - points[2].y));\n // 获取扇形 path（其实是一个圆环，从 coordinate 的起始角度到结束角度）\n path = getSectorPath(center.x, center.y, r1, coordinate.startAngle, coordinate.endAngle, r2);\n }\n }\n return path;\n}\n/**\n * @ignore\n * 根据矩形关键点绘制 path\n * @param points 关键点数组\n * @param lineCap 'round'圆角样式\n * @param coor 坐标\n * @returns 返回矩形的 path\n */\nexport function getIntervalRectPath(points, lineCap, coor) {\n var width = coor.getWidth();\n var height = coor.getHeight();\n var isRect = coor.type === 'rect';\n var path = [];\n var r = (points[2].x - points[1].x) / 2;\n var ry = coor.isTransposed ? (r * height) / width : (r * width) / height;\n if (lineCap === 'round') {\n if (isRect) {\n path.push(['M', points[0].x, points[0].y + ry]);\n path.push(['L', points[1].x, points[1].y - ry]);\n path.push(['A', r, r, 0, 0, 1, points[2].x, points[2].y - ry]);\n path.push(['L', points[3].x, points[3].y + ry]);\n path.push(['A', r, r, 0, 0, 1, points[0].x, points[0].y + ry]);\n }\n else {\n path.push(['M', points[0].x, points[0].y]);\n path.push(['L', points[1].x, points[1].y]);\n path.push(['A', r, r, 0, 0, 1, points[2].x, points[2].y]);\n path.push(['L', points[3].x, points[3].y]);\n path.push(['A', r, r, 0, 0, 1, points[0].x, points[0].y]);\n }\n path.push(['z']);\n }\n else {\n path = getRectPath(points);\n }\n return path;\n}\n/**\n * @ignore\n * 根据 funnel 关键点绘制漏斗图的 path\n * @param points 图形关键点信息\n * @param nextPoints 下一个数据的图形关键点信息\n * @param isPyramid 是否为尖底漏斗图\n * @returns 返回漏斗图的图形 path\n */\nexport function getFunnelPath(points, nextPoints, isPyramid) {\n var path = [];\n if (!isNil(nextPoints)) {\n path.push(['M', points[0].x, points[0].y], ['L', points[1].x, points[1].y], ['L', nextPoints[1].x, nextPoints[1].y], ['L', nextPoints[0].x, nextPoints[0].y], ['Z']);\n }\n else if (isPyramid) {\n // 金字塔最底部\n path.push(['M', points[0].x, points[0].y], ['L', points[1].x, points[1].y], ['L', (points[2].x + points[3].x) / 2, (points[2].y + points[3].y) / 2], ['Z']);\n }\n else {\n // 漏斗图最底部\n path.push(['M', points[0].x, points[0].y], ['L', points[1].x, points[1].y], ['L', points[2].x, points[2].y], ['L', points[3].x, points[3].y], ['Z']);\n }\n return path;\n}\n/**\n * 交换两个对象\n */\nfunction swap(p0, p1) {\n return [p1, p0];\n}\n/**\n * 获取 倒角 矩形\n * - 目前只适用于笛卡尔坐标系下\n */\nexport function getRectWithCornerRadius(points, coordinate, radius) {\n var _a, _b, _c, _d, _e, _f, _g;\n // 获取 四个关键点\n var _h = __read(__spreadArray([], __read(points), false), 4), p0 = _h[0], p1 = _h[1], p2 = _h[2], p3 = _h[3];\n var _j = __read(typeof radius === 'number' ? Array(4).fill(radius) : radius, 4), r1 = _j[0], r2 = _j[1], r3 = _j[2], r4 = _j[3];\n if (coordinate.isTransposed) {\n _a = __read(swap(p1, p3), 2), p1 = _a[0], p3 = _a[1];\n }\n /**\n * 存在镜像\n */\n if (coordinate.isReflect('y')) {\n _b = __read(swap(p0, p1), 2), p0 = _b[0], p1 = _b[1];\n _c = __read(swap(p2, p3), 2), p2 = _c[0], p3 = _c[1];\n }\n if (coordinate.isReflect('x')) {\n _d = __read(swap(p0, p3), 2), p0 = _d[0], p3 = _d[1];\n _e = __read(swap(p1, p2), 2), p1 = _e[0], p2 = _e[1];\n }\n var path = [];\n /**\n * p1 → p2\n * ↑ ↓\n * p0 ← p3\n *\n * 负数的情况，关键点会变成下面的形式\n *\n * p0 ← p3 p2 ← p1\n * ↓ ↑ ↓ ↑\n * p1 → p2 --> (转置下) p3 → p0\n */\n var abs = function (v) { return Math.abs(v); };\n _f = __read(parseRadius([r1, r2, r3, r4], Math.min(abs(p3.x - p0.x), abs(p1.y - p0.y))).map(function (d) { return abs(d); }), 4), r1 = _f[0], r2 = _f[1], r3 = _f[2], r4 = _f[3];\n if (coordinate.isTransposed) {\n _g = __read([r4, r1, r2, r3], 4), r1 = _g[0], r2 = _g[1], r3 = _g[2], r4 = _g[3];\n }\n if (p0.y < p1.y /** 负数情况 */) {\n path.push(['M', p3.x, p3.y + r3]);\n r3 !== 0 && path.push(['A', r3, r3, 0, 0, 0, p3.x - r3, p3.y]);\n path.push(['L', p0.x + r4, p0.y]);\n r4 !== 0 && path.push(['A', r4, r4, 0, 0, 0, p0.x, p0.y + r4]);\n path.push(['L', p1.x, p1.y - r1]);\n r1 !== 0 && path.push(['A', r1, r1, 0, 0, 0 /** 逆时针 */, p1.x + r1, p1.y]);\n path.push(['L', p2.x - r2, p2.y]);\n r2 !== 0 && path.push(['A', r2, r2, 0, 0, 0, p2.x, p2.y - r2]);\n path.push(['L', p3.x, p3.y + r3]);\n path.push(['z']);\n }\n else if (p3.x < p0.x) {\n path.push(['M', p2.x + r2, p2.y]);\n r2 !== 0 && path.push(['A', r2, r2, 0, 0, 0, p2.x, p2.y + r2]);\n path.push(['L', p3.x, p3.y - r3]);\n r3 !== 0 && path.push(['A', r3, r3, 0, 0, 0, p3.x + r3, p3.y]);\n path.push(['L', p0.x - r4, p0.y]);\n r4 !== 0 && path.push(['A', r4, r4, 0, 0, 0, p0.x, p0.y - r4]);\n path.push(['L', p1.x, p1.y + r1]);\n r1 !== 0 && path.push(['A', r1, r1, 0, 0, 0, p1.x - r1, p1.y]);\n path.push(['L', p2.x + r2, p2.y]);\n path.push(['z']);\n }\n else {\n path.push(['M', p1.x, p1.y + r1]);\n r1 !== 0 && path.push(['A', r1, r1, 0, 0, 1, p1.x + r1, p1.y]);\n path.push(['L', p2.x - r2, p2.y]);\n r2 !== 0 && path.push(['A', r2, r2, 0, 0, 1, p2.x, p2.y + r2]);\n path.push(['L', p3.x, p3.y - r3]);\n r3 !== 0 && path.push(['A', r3, r3, 0, 0, 1, p3.x - r3, p3.y]);\n path.push(['L', p0.x + r4, p0.y]);\n r4 !== 0 && path.push(['A', r4, r4, 0, 0, 1, p0.x, p0.y - r4]);\n path.push(['L', p1.x, p1.y + r1]);\n path.push(['z']);\n }\n return path;\n}\n//# sourceMappingURL=util.js.map","import { __assign } from \"tslib\";\nimport { registerShape, registerShapeFactory } from '../base';\nimport { BACKGROUND_SHAPE } from '../constant';\nimport { getBackgroundRectStyle, getStyle } from '../util/get-style';\nimport { getBackgroundRectPath, getIntervalRectPath, getRectPoints, getRectWithCornerRadius } from './util';\n/** Interval 的 shape 工厂 */\nvar IntervalShapeFactory = registerShapeFactory('interval', {\n defaultShapeType: 'rect',\n getDefaultPoints: function (pointInfo) {\n return getRectPoints(pointInfo);\n },\n});\n/** Inerval 默认 shape，填充的矩形 */\nregisterShape('interval', 'rect', {\n draw: function (cfg, container) {\n var style = getStyle(cfg, false, true);\n var group = container;\n var backgroundCfg = cfg === null || cfg === void 0 ? void 0 : cfg.background;\n if (backgroundCfg) {\n group = container.addGroup({\n name: 'interval-group',\n });\n var backgroundStyle = getBackgroundRectStyle(cfg);\n var backgroundPath = getBackgroundRectPath(cfg, this.parsePoints(cfg.points), this.coordinate);\n group.addShape('path', {\n attrs: __assign(__assign({}, backgroundStyle), { path: backgroundPath }),\n zIndex: -1,\n name: BACKGROUND_SHAPE,\n });\n }\n var path;\n if (style.radius && this.coordinate.isRect) {\n path = getRectWithCornerRadius(this.parsePoints(cfg.points), this.coordinate, style.radius);\n }\n else {\n path = this.parsePath(getIntervalRectPath(cfg.points, style.lineCap, this.coordinate));\n }\n var shape = group.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n name: 'interval',\n });\n return backgroundCfg ? group : shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color, isInPolar = markerCfg.isInPolar;\n if (isInPolar) {\n return {\n symbol: 'circle',\n style: {\n r: 4.5,\n fill: color,\n },\n };\n }\n return {\n symbol: 'square',\n style: {\n r: 4,\n fill: color,\n },\n };\n },\n});\nexport default IntervalShapeFactory;\n//# sourceMappingURL=index.js.map","import { flatten, isString, valuesOfKey, isNil } from '@antv/util';\nimport { getXDimensionLength } from '../../util/coordinate';\n// 已经排序后的数据查找距离最小的\nfunction findMinDistance(arr, scale) {\n var count = arr.length;\n var sourceArr = arr;\n if (isString(sourceArr[0])) {\n // 日期类型的 values 经常上文本类型，所以需要转换一下\n sourceArr = arr.map(function (v) {\n return scale.translate(v);\n });\n }\n var distance = sourceArr[1] - sourceArr[0];\n for (var i = 2; i < count; i++) {\n var tmp = sourceArr[i] - sourceArr[i - 1];\n if (distance > tmp) {\n distance = tmp;\n }\n }\n return distance;\n}\nfunction getDodgeCount(dataArray, dodgeBy) {\n if (dodgeBy) {\n var mergeData = flatten(dataArray);\n var values = valuesOfKey(mergeData, dodgeBy);\n return values.length;\n }\n return dataArray.length;\n}\n/** @ignore */\nexport function getDefaultSize(geometry) {\n var theme = geometry.theme;\n var coordinate = geometry.coordinate;\n var xScale = geometry.getXScale();\n var xValues = xScale.values;\n var dataArray = geometry.beforeMappingData;\n var count = xValues.length;\n var xDimensionLength = getXDimensionLength(geometry.coordinate);\n // 获取柱宽相关配置项\n var intervalPadding = geometry.intervalPadding, dodgePadding = geometry.dodgePadding;\n // 兼容theme配置\n var maxColumnWidth = geometry.maxColumnWidth || theme.maxColumnWidth;\n var minColumnWidth = geometry.minColumnWidth || theme.minColumnWidth;\n var columnWidthRatio = geometry.columnWidthRatio || theme.columnWidthRatio;\n var multiplePieWidthRatio = geometry.multiplePieWidthRatio || theme.multiplePieWidthRatio;\n var roseWidthRatio = geometry.roseWidthRatio || theme.roseWidthRatio;\n // 线性情况下count值\n if (xScale.isLinear && xValues.length > 1) {\n // Linear 类型用户有可能设置了 min, max 范围所以需要根据数据最小区间计算 count\n xValues.sort();\n var interval = findMinDistance(xValues, xScale);\n count = (xScale.max - xScale.min) / interval;\n if (xValues.length > count) {\n count = xValues.length;\n }\n }\n var range = xScale.range;\n var normalizedSize = 1 / count;\n var wr = 1;\n if (coordinate.isPolar) {\n // 极坐标场景\n if (coordinate.isTransposed && count > 1) {\n // 极坐标下多层环图\n wr = multiplePieWidthRatio;\n }\n else {\n wr = roseWidthRatio;\n }\n }\n else {\n // 非极坐标场景\n if (xScale.isLinear) {\n normalizedSize *= range[1] - range[0];\n }\n wr = columnWidthRatio;\n }\n // 基础柱状图\n if (!isNil(intervalPadding) && intervalPadding >= 0) {\n // 配置组间距情况\n var normalizedIntervalPadding = intervalPadding / xDimensionLength;\n normalizedSize = (1 - (count - 1) * normalizedIntervalPadding) / count;\n }\n else {\n // 默认情况\n normalizedSize *= wr;\n }\n // 分组柱状图\n if (geometry.getAdjust('dodge')) {\n var dodgeAdjust = geometry.getAdjust('dodge');\n var dodgeBy = dodgeAdjust.dodgeBy;\n var dodgeCount = getDodgeCount(dataArray, dodgeBy);\n if (!isNil(dodgePadding) && dodgePadding >= 0) {\n // 仅配置组内间距情况\n var normalizedDodgePadding = dodgePadding / xDimensionLength;\n normalizedSize = (normalizedSize - normalizedDodgePadding * (dodgeCount - 1)) / dodgeCount;\n }\n else if (!isNil(intervalPadding) && intervalPadding >= 0) {\n // 设置组间距但未设置组内间距情况，避免组间距过小导致图形重叠，需乘以wr\n normalizedSize *= wr;\n normalizedSize = normalizedSize / dodgeCount;\n }\n else {\n // 组间距和组内间距均未配置\n normalizedSize = normalizedSize / dodgeCount;\n }\n normalizedSize = normalizedSize >= 0 ? normalizedSize : 0;\n }\n // 最大和最小限制\n if (!isNil(maxColumnWidth) && maxColumnWidth >= 0) {\n var normalizedMaxColumnWidth = maxColumnWidth / xDimensionLength;\n if (normalizedSize > normalizedMaxColumnWidth) {\n normalizedSize = normalizedMaxColumnWidth;\n }\n }\n // \bminColumnWidth可能设置为0\n if (!isNil(minColumnWidth) && minColumnWidth >= 0) {\n var normalizedMinColumnWidth = minColumnWidth / xDimensionLength;\n if (normalizedSize < normalizedMinColumnWidth) {\n normalizedSize = normalizedMinColumnWidth;\n }\n }\n return normalizedSize;\n}\n//# sourceMappingURL=shape-size.js.map","import { __extends } from \"tslib\";\nimport { get } from '@antv/util';\nimport { getXDimensionLength } from '../util/coordinate';\nimport Geometry from './base';\n/** 引入对应的 ShapeFactory */\nimport './shape/interval';\nimport { getDefaultSize } from './util/shape-size';\nimport { getMaxScale } from '../util/scale';\n/**\n * Interval 几何标记。\n * 用于绘制柱状图、饼图、条形图、玫瑰图等。\n */\nvar Interval = /** @class */ (function (_super) {\n __extends(Interval, _super);\n function Interval(cfg) {\n var _this = _super.call(this, cfg) || this;\n _this.type = 'interval';\n _this.shapeType = 'interval';\n _this.generatePoints = true;\n var background = cfg.background;\n _this.background = background;\n return _this;\n }\n /**\n * 获取每条数据的 Shape 绘制信息\n * @param obj 经过分组 -> 数字化 -> adjust 调整后的数据记录\n * @returns\n */\n Interval.prototype.createShapePointsCfg = function (obj) {\n var cfg = _super.prototype.createShapePointsCfg.call(this, obj);\n // 计算每个 shape 的 size\n var size;\n var sizeAttr = this.getAttribute('size');\n if (sizeAttr) {\n size = this.getAttributeValues(sizeAttr, obj)[0];\n // 归一化\n var coordinate = this.coordinate;\n var coordinateWidth = getXDimensionLength(coordinate);\n size = size / coordinateWidth;\n }\n else {\n if (!this.defaultSize) {\n this.defaultSize = getDefaultSize(this);\n }\n size = this.defaultSize;\n }\n cfg.size = size;\n return cfg;\n };\n /**\n * 调整 y 轴的 scale 范围。\n * 对于 Y 轴为数值轴柱状图，默认从 0 开始 生长。\n */\n Interval.prototype.adjustScale = function () {\n _super.prototype.adjustScale.call(this);\n var yScale = this.getYScale();\n // 特殊逻辑：饼图需要填充满整个空间\n if (this.coordinate.type === 'theta') {\n yScale.change({\n nice: false,\n min: 0,\n // 发生过 stack 调整，yScale 的 max 被调整过，this.updateStackRange()\n max: getMaxScale(yScale),\n });\n }\n else {\n // 柱状图数值轴默认从 0 开始\n var scaleDefs = this.scaleDefs;\n var field = yScale.field, min = yScale.min, max = yScale.max, type = yScale.type;\n if (type !== 'time') {\n // time 类型不做调整\n // 柱状图的 Y 轴要从 0 开始生长，但是如果用户设置了则以用户的为准\n if (min > 0 && !get(scaleDefs, [field, 'min'])) {\n yScale.change({\n min: 0,\n });\n }\n // 柱当柱状图全为负值时也需要从 0 开始生长，但是如果用户设置了则以用户的为准\n if (max <= 0 && !get(scaleDefs, [field, 'max'])) {\n yScale.change({\n max: 0,\n });\n }\n }\n }\n };\n /**\n * @override\n */\n Interval.prototype.getDrawCfg = function (mappingData) {\n var shapeCfg = _super.prototype.getDrawCfg.call(this, mappingData);\n shapeCfg.background = this.background;\n return shapeCfg;\n };\n return Interval;\n}(Geometry));\nexport default Interval;\n//# sourceMappingURL=interval.js.map","import { __extends } from \"tslib\";\nimport Path from './path';\n/** 引入 Path 对应的 ShapeFactory */\nimport './shape/line';\n/**\n * Line 几何标记。\n * 常用于折线图的绘制。\n */\nvar Line = /** @class */ (function (_super) {\n __extends(Line, _super);\n function Line(cfg) {\n var _this = _super.call(this, cfg) || this;\n _this.type = 'line';\n var _a = cfg.sortable, sortable = _a === void 0 ? false : _a; // 关闭默认的 X 轴数据排序\n _this.sortable = sortable;\n return _this;\n }\n return Line;\n}(Path));\nexport default Line;\n//# sourceMappingURL=line.js.map","import { __assign, __values } from \"tslib\";\nimport { MarkerSymbols } from '../../../util/marker';\nimport { getStyle } from '../util/get-style';\nexport var SHAPES = ['circle', 'square', 'bowtie', 'diamond', 'hexagon', 'triangle', 'triangle-down'];\nexport var HOLLOW_SHAPES = ['cross', 'tick', 'plus', 'hyphen', 'line'];\n/**\n * @ignore\n * Draws points\n * @param shape\n * @param cfg\n * @param container\n * @param shapeName\n * @param isStroke\n * @returns points\n */\nexport function drawPoints(shape, cfg, container, shapeName, isStroke) {\n var e_1, _a;\n var style = getStyle(cfg, isStroke, !isStroke, 'r');\n var points = shape.parsePoints(cfg.points);\n var pointPosition = points[0];\n if (cfg.isStack) {\n pointPosition = points[1];\n }\n else if (points.length > 1) {\n var group = container.addGroup();\n try {\n for (var points_1 = __values(points), points_1_1 = points_1.next(); !points_1_1.done; points_1_1 = points_1.next()) {\n var point = points_1_1.value;\n group.addShape({\n type: 'marker',\n attrs: __assign(__assign(__assign({}, style), { symbol: MarkerSymbols[shapeName] || shapeName }), point),\n });\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (points_1_1 && !points_1_1.done && (_a = points_1.return)) _a.call(points_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n return group;\n }\n return container.addShape({\n type: 'marker',\n attrs: __assign(__assign(__assign({}, style), { symbol: MarkerSymbols[shapeName] || shapeName }), pointPosition),\n });\n}\n//# sourceMappingURL=util.js.map","import { each } from '@antv/util';\nimport { MarkerSymbols } from '../../../util/marker';\nimport { registerShape, registerShapeFactory } from '../base';\nimport { splitPoints } from '../util/split-points';\nimport { drawPoints, SHAPES } from './util';\nvar PointShapeFactory = registerShapeFactory('point', {\n defaultShapeType: 'hollow-circle',\n getDefaultPoints: function (pointInfo) {\n return splitPoints(pointInfo);\n },\n});\neach(SHAPES, function (shapeName) {\n // 添加该 shape 对应的 hollow-shape\n registerShape('point', \"hollow-\".concat(shapeName), {\n draw: function (cfg, container) {\n return drawPoints(this, cfg, container, shapeName, true);\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: MarkerSymbols[shapeName] || shapeName,\n style: {\n r: 4.5,\n stroke: color,\n fill: null,\n },\n };\n },\n });\n});\nexport default PointShapeFactory;\n//# sourceMappingURL=index.js.map","import { __assign, __extends } from \"tslib\";\nimport Geometry from './base';\n/** 引入 Point 对应的 ShapeFactory */\nimport './shape/point';\n/**\n * Point 几何标记。\n * 常用于绘制点图。\n */\nvar Point = /** @class */ (function (_super) {\n __extends(Point, _super);\n function Point() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'point';\n _this.shapeType = 'point';\n _this.generatePoints = true;\n return _this;\n }\n /**\n * 获取一个点的绘制信息。\n * @param mappingDatum\n * @returns draw cfg\n */\n Point.prototype.getDrawCfg = function (mappingDatum) {\n var shapeCfg = _super.prototype.getDrawCfg.call(this, mappingDatum);\n return __assign(__assign({}, shapeCfg), { isStack: !!this.getAdjust('stack') });\n };\n return Point;\n}(Geometry));\nexport default Point;\n//# sourceMappingURL=point.js.map","import { __assign } from \"tslib\";\nimport { each, isEmpty, isEqual, last } from '@antv/util';\nimport { registerShape, registerShapeFactory } from '../base';\nimport { getStyle } from '../util/get-style';\nfunction getPath(points) {\n var flag = points[0];\n var i = 1;\n var path = [['M', flag.x, flag.y]];\n while (i < points.length) {\n var c = points[i];\n if (c.x !== points[i - 1].x || c.y !== points[i - 1].y) {\n path.push(['L', c.x, c.y]);\n if (c.x === flag.x && c.y === flag.y && i < points.length - 1) {\n flag = points[i + 1];\n path.push(['Z']);\n path.push(['M', flag.x, flag.y]);\n i++;\n }\n }\n i++;\n }\n if (!isEqual(last(path), flag)) {\n path.push(['L', flag.x, flag.y]);\n }\n path.push(['Z']);\n return path;\n}\nvar PolygonShapeFactory = registerShapeFactory('polygon', {\n defaultShapeType: 'polygon',\n getDefaultPoints: function (pointInfo) {\n var points = [];\n each(pointInfo.x, function (subX, index) {\n var subY = pointInfo.y[index];\n points.push({\n x: subX,\n y: subY,\n });\n });\n return points;\n },\n});\nregisterShape('polygon', 'polygon', {\n draw: function (cfg, container) {\n if (!isEmpty(cfg.points)) {\n var shapeAttrs = getStyle(cfg, true, true);\n var path = this.parsePath(getPath(cfg.points));\n return container.addShape('path', {\n attrs: __assign(__assign({}, shapeAttrs), { path: path }),\n name: 'polygon',\n });\n }\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'square',\n style: {\n r: 4,\n fill: color,\n },\n };\n },\n});\nexport default PolygonShapeFactory;\n//# sourceMappingURL=index.js.map","import { __extends } from \"tslib\";\nimport { isArray } from '@antv/util';\nimport Geometry from './base';\n/** 引入 Path 对应的 ShapeFactory */\nimport './shape/polygon';\n/**\n * Polygon 几何标记。\n * 常用于绘制色块图、日历图等。\n */\nvar Polygon = /** @class */ (function (_super) {\n __extends(Polygon, _super);\n function Polygon() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'polygon';\n _this.shapeType = 'polygon';\n _this.generatePoints = true;\n return _this;\n }\n /**\n * 获取 Shape 的关键点数据。\n * @param obj\n * @returns\n */\n Polygon.prototype.createShapePointsCfg = function (obj) {\n var cfg = _super.prototype.createShapePointsCfg.call(this, obj);\n var x = cfg.x;\n var y = cfg.y;\n var temp;\n // x y 都是数组时，不做处理\n if (!(isArray(x) && isArray(y))) {\n var xScale = this.getXScale();\n var yScale = this.getYScale();\n var xCount = xScale.values.length;\n var yCount = yScale.values.length;\n var xOffset = (0.5 * 1) / xCount;\n var yOffset = (0.5 * 1) / yCount;\n if (xScale.isCategory && yScale.isCategory) {\n // 如果x,y都是分类\n x = [x - xOffset, x - xOffset, x + xOffset, x + xOffset];\n y = [y - yOffset, y + yOffset, y + yOffset, y - yOffset];\n }\n else if (isArray(x)) {\n // x 是数组\n temp = x;\n x = [temp[0], temp[0], temp[1], temp[1]];\n y = [y - yOffset / 2, y + yOffset / 2, y + yOffset / 2, y - yOffset / 2];\n }\n else if (isArray(y)) {\n // y 是数组\n temp = y;\n y = [temp[0], temp[1], temp[1], temp[0]];\n x = [x - xOffset / 2, x - xOffset / 2, x + xOffset / 2, x + xOffset / 2];\n }\n cfg.x = x;\n cfg.y = y;\n }\n return cfg;\n };\n return Polygon;\n}(Geometry));\nexport default Polygon;\n//# sourceMappingURL=polygon.js.map","import { __extends } from \"tslib\";\nimport { getXDimensionLength } from '../util/coordinate';\nimport Geometry from './base';\n/** 引入对应的 ShapeFactory */\nimport './shape/schema';\nimport { getDefaultSize } from './util/shape-size';\n/**\n * Schema 几何标记，用于一些自定义图形的绘制，比如箱型图、股票图等。\n */\nvar Schema = /** @class */ (function (_super) {\n __extends(Schema, _super);\n function Schema() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'schema';\n _this.shapeType = 'schema';\n _this.generatePoints = true;\n return _this;\n }\n /**\n * 获取 Shape 的关键点数据。\n * @param record\n * @returns\n */\n Schema.prototype.createShapePointsCfg = function (record) {\n var cfg = _super.prototype.createShapePointsCfg.call(this, record);\n // 计算每个 shape 的 size\n var size;\n var sizeAttr = this.getAttribute('size');\n if (sizeAttr) {\n size = this.getAttributeValues(sizeAttr, record)[0];\n // 归一化\n var coordinate = this.coordinate;\n var coordinateWidth = getXDimensionLength(coordinate);\n size = size / coordinateWidth;\n }\n else {\n if (!this.defaultSize) {\n this.defaultSize = getDefaultSize(this);\n }\n size = this.defaultSize;\n }\n cfg.size = size;\n return cfg;\n };\n return Schema;\n}(Geometry));\nexport default Schema;\n//# sourceMappingURL=schema.js.map","import { registerShapeFactory } from '../base';\nvar SchemaShapeFactory = registerShapeFactory('schema', {\n defaultShapeType: '', // 'schema' is for some custom shapes, so will not specify defaultShapeType\n});\nexport default SchemaShapeFactory;\n//# sourceMappingURL=index.js.map","import { __assign } from \"tslib\";\nimport { each, max, map, isArray } from '@antv/util';\nimport { registerShape, registerShapeFactory } from '../base';\nimport { getViolinPath } from '../util/get-path-points';\nimport { getStyle } from '../util/get-style';\nfunction normalizeSize(arr) {\n if (!isArray(arr)) {\n return [];\n }\n var maxValue = max(arr);\n return map(arr, function (num) { return num / maxValue; });\n}\nvar ViolinShapeFactory = registerShapeFactory('violin', {\n defaultShapeType: 'violin',\n getDefaultPoints: function (pointInfo) {\n var radius = pointInfo.size / 2;\n var points = [];\n var sizeArr = normalizeSize(pointInfo._size);\n each(pointInfo.y, function (y, index) {\n var offset = sizeArr[index] * radius;\n var isMin = index === 0;\n var isMax = index === pointInfo.y.length - 1;\n points.push({\n isMin: isMin,\n isMax: isMax,\n x: pointInfo.x - offset,\n y: y,\n });\n points.unshift({\n isMin: isMin,\n isMax: isMax,\n x: pointInfo.x + offset,\n y: y,\n });\n });\n return points;\n },\n});\nregisterShape('violin', 'violin', {\n draw: function (cfg, container) {\n var shapeAttrs = getStyle(cfg, true, true);\n var path = this.parsePath(getViolinPath(cfg.points));\n return container.addShape('path', {\n attrs: __assign(__assign({}, shapeAttrs), { path: path }),\n name: 'violin',\n });\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'circle',\n style: {\n r: 4,\n fill: color,\n },\n };\n },\n});\nexport default ViolinShapeFactory;\n//# sourceMappingURL=index.js.map","import { __extends } from \"tslib\";\nimport { get } from '@antv/util';\nimport { FIELD_ORIGIN } from '../constant';\nimport { getXDimensionLength } from '../util/coordinate';\nimport { getDefaultSize } from './util/shape-size';\nimport Geometry from './base';\n/** 引入 Path 对应的 ShapeFactory */\nimport './shape/violin';\n/**\n * Violin 几何标记。\n * 用于绘制小提琴图。\n */\nvar Violin = /** @class */ (function (_super) {\n __extends(Violin, _super);\n function Violin() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'violin';\n _this.shapeType = 'violin';\n _this.generatePoints = true;\n return _this;\n }\n /**\n * 获取 Shape 的关键点数据。\n * @param record\n * @returns\n */\n Violin.prototype.createShapePointsCfg = function (record) {\n var cfg = _super.prototype.createShapePointsCfg.call(this, record);\n // 计算每个 shape 的 size\n var size;\n var sizeAttr = this.getAttribute('size');\n if (sizeAttr) {\n size = this.getAttributeValues(sizeAttr, record)[0];\n // 归一化\n var coordinate = this.coordinate;\n var coordinateWidth = getXDimensionLength(coordinate);\n size = size / coordinateWidth;\n }\n else {\n if (!this.defaultSize) {\n this.defaultSize = getDefaultSize(this);\n }\n size = this.defaultSize;\n }\n cfg.size = size;\n cfg._size = get(record[FIELD_ORIGIN], [this._sizeField]);\n return cfg;\n };\n /**\n * @override\n */\n Violin.prototype.initAttributes = function () {\n var attributeOption = this.attributeOption;\n var sizeField = attributeOption.size\n ? attributeOption.size.fields[0]\n : this._sizeField\n ? this._sizeField\n : 'size';\n this._sizeField = sizeField;\n // fixme 干啥要删掉\n delete attributeOption.size;\n _super.prototype.initAttributes.call(this);\n };\n return Violin;\n}(Geometry));\nexport default Violin;\n//# sourceMappingURL=violin.js.map","import { each } from '@antv/util';\n/**\n * @ignore\n * Gets cpath\n * @param from\n * @param to\n * @returns\n */\nexport function getCPath(from, to) {\n return ['C', (from.x * 1) / 2 + (to.x * 1) / 2, from.y, (from.x * 1) / 2 + (to.x * 1) / 2, to.y, to.x, to.y];\n}\n/**\n * @ignore\n * Gets qpath\n * @param to\n * @param center\n * @returns\n */\nexport function getQPath(to, center) {\n var points = [];\n points.push({\n x: center.x,\n y: center.y,\n });\n points.push(to);\n var sub = ['Q'];\n each(points, function (point) {\n sub.push(point.x, point.y);\n });\n return sub;\n}\n//# sourceMappingURL=util.js.map","import { __assign } from \"tslib\";\nimport { getArcPath } from '../../../util/graphics';\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nimport { getCPath, getQPath } from './util';\nfunction getArcShapePath(from, to, center) {\n var sub = getQPath(to, center);\n var path = [['M', from.x, from.y]];\n path.push(sub);\n return path;\n}\nfunction getArcShapeWeightPath(points, center) {\n var arc1 = getQPath(points[1], center);\n var arc2 = getQPath(points[3], center);\n var path = [['M', points[0].x, points[0].y]];\n path.push(arc2);\n path.push(['L', points[3].x, points[3].y]);\n path.push(['L', points[2].x, points[2].y]);\n path.push(arc1);\n path.push(['L', points[1].x, points[1].y]);\n path.push(['L', points[0].x, points[0].y]);\n path.push(['Z']);\n return path;\n}\n// 弧线包括笛卡尔坐标系下的半圆弧线、极坐标系下以圆心为控制点的二阶曲线、笛卡尔坐标系下带权重的三阶曲线、极坐标系下带权重的以圆心为控制点的二阶曲线\nregisterShape('edge', 'arc', {\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, false, 'lineWidth');\n var points = cfg.points;\n var type = points.length > 2 ? 'weight' : 'normal';\n var path;\n if (cfg.isInCircle) {\n var center = { x: 0, y: 1 };\n if (type === 'normal') {\n path = getArcShapePath(points[0], points[1], center);\n }\n else {\n style.fill = style.stroke;\n path = getArcShapeWeightPath(points, center);\n }\n path = this.parsePath(path);\n return container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n });\n }\n else {\n if (type === 'normal') {\n points = this.parsePoints(points);\n path = getArcPath((points[1].x + points[0].x) / 2, points[0].y, Math.abs(points[1].x - points[0].x) / 2, Math.PI, Math.PI * 2);\n return container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n });\n }\n else {\n var c1 = getCPath(points[1], points[3]);\n var c2 = getCPath(points[2], points[0]);\n path = [\n ['M', points[0].x, points[0].y],\n ['L', points[1].x, points[1].y],\n c1,\n ['L', points[3].x, points[3].y],\n ['L', points[2].x, points[2].y],\n c2,\n ['Z'],\n ];\n path = this.parsePath(path);\n style.fill = style.stroke;\n return container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n });\n }\n }\n },\n getMarker: function (markerCfg) {\n return {\n symbol: 'circle',\n style: {\n r: 4.5,\n fill: markerCfg.color,\n },\n };\n },\n});\n//# sourceMappingURL=arc.js.map","import { __assign } from \"tslib\";\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nimport { getCPath } from './util';\nfunction getSmoothPath(from, to) {\n var sub = getCPath(from, to);\n var path = [['M', from.x, from.y]];\n path.push(sub);\n return path;\n}\nregisterShape('edge', 'smooth', {\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, false, 'lineWidth');\n var points = cfg.points;\n var path = this.parsePath(getSmoothPath(points[0], points[1]));\n return container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n });\n },\n getMarker: function (markerCfg) {\n return {\n symbol: 'circle',\n style: {\n r: 4.5,\n fill: markerCfg.color,\n },\n };\n },\n});\n//# sourceMappingURL=smooth.js.map","import { registerShape } from '../base';\nimport { getShapeAttrs } from './util';\n/**\n * 描边但不填充的区域图\n */\nregisterShape('area', 'line', {\n draw: function (cfg, container) {\n var attrs = getShapeAttrs(cfg, true, false, this);\n var shape = container.addShape({\n type: 'path',\n attrs: attrs,\n name: 'area',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: function (x, y, r) {\n if (r === void 0) { r = 5.5; }\n return [['M', x - r, y - 4], ['L', x + r, y - 4], ['L', x + r, y + 4], ['L', x - r, y + 4], ['Z']];\n },\n style: {\n r: 5,\n stroke: color,\n fill: null,\n },\n };\n },\n});\n//# sourceMappingURL=line.js.map","import { registerShape } from '../base';\nimport { getConstraint, getShapeAttrs } from './util';\n/**\n * 填充的平滑曲面图\n */\nregisterShape('area', 'smooth', {\n draw: function (cfg, container) {\n var coordinate = this.coordinate;\n var attrs = getShapeAttrs(cfg, false, true, this, getConstraint(coordinate));\n var shape = container.addShape({\n type: 'path',\n attrs: attrs,\n name: 'area',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: function (x, y, r) {\n if (r === void 0) { r = 5.5; }\n return [['M', x - r, y - 4], ['L', x + r, y - 4], ['L', x + r, y + 4], ['L', x - r, y + 4], ['Z']];\n },\n style: {\n r: 5,\n fill: color,\n fillOpacity: 1,\n },\n };\n },\n});\n//# sourceMappingURL=smooth.js.map","import { registerShape } from '../base';\nimport { getConstraint, getShapeAttrs } from './util';\n/** 描边的平滑曲面图 */\nregisterShape('area', 'smooth-line', {\n draw: function (cfg, container) {\n var coordinate = this.coordinate;\n var attrs = getShapeAttrs(cfg, true, true, this, getConstraint(coordinate));\n var shape = container.addShape({\n type: 'path',\n attrs: attrs,\n name: 'area',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: function (x, y, r) {\n if (r === void 0) { r = 5.5; }\n return [['M', x - r, y - 4], ['L', x + r, y - 4], ['L', x + r, y + 4], ['L', x - r, y + 4], ['Z']];\n },\n style: {\n r: 5,\n stroke: color,\n fill: null,\n },\n };\n },\n});\n//# sourceMappingURL=smooth-line.js.map","import { __assign } from \"tslib\";\nimport { each } from '@antv/util';\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nvar CORNER_PERCENT = 1 / 3;\nfunction getVHVPath(from, to) {\n var points = [];\n points.push({\n x: from.x,\n y: from.y * (1 - CORNER_PERCENT) + to.y * CORNER_PERCENT,\n });\n points.push({\n x: to.x,\n y: from.y * (1 - CORNER_PERCENT) + to.y * CORNER_PERCENT,\n });\n points.push(to);\n var path = [['M', from.x, from.y]];\n each(points, function (point) {\n path.push(['L', point.x, point.y]);\n });\n return path;\n}\nregisterShape('edge', 'vhv', {\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, false, 'lineWidth');\n var points = cfg.points;\n var path = this.parsePath(getVHVPath(points[0], points[1]));\n return container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n });\n },\n getMarker: function (markerCfg) {\n return {\n symbol: 'circle',\n style: {\n r: 4.5,\n fill: markerCfg.color,\n },\n };\n },\n});\n//# sourceMappingURL=vhv.js.map","import { __assign } from \"tslib\";\nimport { isArray } from '@antv/util';\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nimport { getRectPath } from './util';\nimport { omit } from '../../../util/helper';\n// 根据数据点生成 Line 的两个关键点\nfunction getLinePoints(pointInfo) {\n var x = pointInfo.x, y = pointInfo.y, y0 = pointInfo.y0;\n if (isArray(y)) {\n return y.map(function (yItem, idx) {\n return {\n x: isArray(x) ? x[idx] : x,\n y: yItem,\n };\n });\n }\n // 起始点从 y0 开始\n return [\n { x: x, y: y0 },\n { x: x, y: y },\n ];\n}\nregisterShape('interval', 'line', {\n getPoints: function (shapePoint) {\n return getLinePoints(shapePoint);\n },\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, false, 'lineWidth');\n var newStyle = omit(__assign({}, style), ['fill']);\n var path = this.parsePath(getRectPath(cfg.points, false));\n var shape = container.addShape('path', {\n attrs: __assign(__assign({}, newStyle), { path: path }),\n name: 'interval',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: function (x, y, r) {\n return [\n ['M', x, y - r],\n ['L', x, y + r],\n ];\n },\n style: {\n r: 5,\n stroke: color,\n },\n };\n },\n});\n//# sourceMappingURL=line.js.map","import { __assign, __read } from \"tslib\";\nimport { isArray } from '@antv/util';\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\n// 根据数据点生成 tick shape 的 6 个关键点\nfunction getTickPoints(pointInfo) {\n var _a;\n var x = pointInfo.x, y = pointInfo.y, y0 = pointInfo.y0, size = pointInfo.size;\n var yMin;\n var yMax;\n if (isArray(y)) {\n _a = __read(y, 2), yMin = _a[0], yMax = _a[1];\n }\n else {\n yMin = y0;\n yMax = y;\n }\n var xMax = x + size / 2;\n var xMin = x - size / 2;\n // tick 关键点顺序\n // 4 - 1 - 5\n // |\n // 2 - 0 - 3\n return [\n { x: x, y: yMin },\n { x: x, y: yMax },\n { x: xMin, y: yMin },\n { x: xMax, y: yMin },\n { x: xMin, y: yMax },\n { x: xMax, y: yMax },\n ];\n}\n// 根据 tick 关键点绘制 path\nfunction getTickPath(points) {\n return [\n ['M', points[0].x, points[0].y],\n ['L', points[1].x, points[1].y],\n ['M', points[2].x, points[2].y],\n ['L', points[3].x, points[3].y],\n ['M', points[4].x, points[4].y],\n ['L', points[5].x, points[5].y],\n ];\n}\n/** I 形状柱状图，常用于 error bar chart */\nregisterShape('interval', 'tick', {\n getPoints: function (shapePoint) {\n return getTickPoints(shapePoint);\n },\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, false);\n var path = this.parsePath(getTickPath(cfg.points));\n var shape = container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n name: 'interval',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: function (x, y, r) {\n return [\n ['M', x - r / 2, y - r],\n ['L', x + r / 2, y - r],\n ['M', x, y - r],\n ['L', x, y + r],\n ['M', x - r / 2, y + r],\n ['L', x + r / 2, y + r],\n ];\n },\n style: {\n r: 5,\n stroke: color,\n },\n };\n },\n});\n//# sourceMappingURL=tick.js.map","import { __assign } from \"tslib\";\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nimport { getFunnelPath, getRectPoints } from './util';\n/** 漏斗图 */\nregisterShape('interval', 'funnel', {\n getPoints: function (shapePoint) {\n shapePoint.size = shapePoint.size * 2; // 漏斗图的 size 是柱状图的两倍\n return getRectPoints(shapePoint);\n },\n draw: function (cfg, container) {\n var style = getStyle(cfg, false, true);\n var path = this.parsePath(getFunnelPath(cfg.points, cfg.nextPoints, false));\n var shape = container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n name: 'interval',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'square',\n style: {\n r: 4,\n fill: color,\n },\n };\n },\n});\n//# sourceMappingURL=funnel.js.map","import { __assign } from \"tslib\";\nimport { registerShape } from '../base';\nimport { BACKGROUND_SHAPE } from '../constant';\nimport { getBackgroundRectStyle, getStyle } from '../util/get-style';\nimport { getBackgroundRectPath, getRectPath } from './util';\n/** 描边柱状图 */\nregisterShape('interval', 'hollow-rect', {\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, false);\n var group = container;\n var backgroundCfg = cfg === null || cfg === void 0 ? void 0 : cfg.background;\n if (backgroundCfg) {\n group = container.addGroup();\n var backgroundStyle = getBackgroundRectStyle(cfg);\n var backgroundPath = getBackgroundRectPath(cfg, this.parsePoints(cfg.points), this.coordinate);\n group.addShape('path', {\n attrs: __assign(__assign({}, backgroundStyle), { path: backgroundPath }),\n zIndex: -1,\n name: BACKGROUND_SHAPE,\n });\n }\n var path = this.parsePath(getRectPath(cfg.points));\n var shape = group.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n name: 'interval',\n });\n return backgroundCfg ? group : shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color, isInPolar = markerCfg.isInPolar;\n if (isInPolar) {\n return {\n symbol: 'circle',\n style: {\n r: 4.5,\n stroke: color,\n fill: null,\n },\n };\n }\n return {\n symbol: 'square',\n style: {\n r: 4,\n stroke: color,\n fill: null,\n },\n };\n },\n});\n//# sourceMappingURL=hollow-rect.js.map","import { __assign } from \"tslib\";\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nimport { getFunnelPath, getRectPoints } from './util';\n/** 金字塔图，尖底漏斗图 */\nregisterShape('interval', 'pyramid', {\n getPoints: function (shapePoint) {\n shapePoint.size = shapePoint.size * 2; // 漏斗图的 size 是柱状图的两倍\n return getRectPoints(shapePoint);\n },\n draw: function (cfg, container) {\n var style = getStyle(cfg, false, true);\n var path = this.parsePath(getFunnelPath(cfg.points, cfg.nextPoints, true));\n var shape = container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path }),\n name: 'interval',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'square',\n style: {\n r: 4,\n fill: color,\n },\n };\n },\n});\n//# sourceMappingURL=pyramid.js.map","import { __assign } from \"tslib\";\nimport { each } from '@antv/util';\nimport { registerShape } from '../base';\nimport { getPathPoints } from '../util/get-path-points';\nimport { getStyle } from '../util/get-style';\nimport { getLineMarker } from './util';\nvar interpolateCallback = function (point, nextPoint, shapeType) {\n var x = point.x;\n var y = point.y;\n var nextX = nextPoint.x;\n var nextY = nextPoint.y;\n var result;\n switch (shapeType) {\n case 'hv':\n result = [{ x: nextX, y: y }];\n break;\n case 'vh':\n result = [{ x: x, y: nextY }];\n break;\n case 'hvh':\n var middleX = (nextX + x) / 2;\n result = [\n { x: middleX, y: y },\n { x: middleX, y: nextY },\n ];\n break;\n case 'vhv':\n var middleY = (y + nextY) / 2;\n result = [\n { x: x, y: middleY },\n { x: nextX, y: middleY },\n ];\n break;\n default:\n break;\n }\n return result;\n};\nfunction getInterpolatePoints(points, shapeType) {\n var result = [];\n each(points, function (point, index) {\n var nextPoint = points[index + 1];\n result.push(point);\n if (nextPoint) {\n var interpolatePoint = interpolateCallback(point, nextPoint, shapeType);\n result = result.concat(interpolatePoint);\n }\n });\n return result;\n}\n// 插值的图形path，不考虑null\nfunction getInterpolatePath(points) {\n return points.map(function (point, index) {\n return index === 0 ? ['M', point.x, point.y] : ['L', point.x, point.y];\n });\n}\n// 插值的图形\nfunction getInterpolateShapeAttrs(cfg, shapeType) {\n var points = getPathPoints(cfg.points, cfg.connectNulls, cfg.showSinglePoint); // 根据 connectNulls 值处理 points\n var path = [];\n each(points, function (eachLinePoints) {\n var interpolatePoints = getInterpolatePoints(eachLinePoints, shapeType);\n path = path.concat(getInterpolatePath(interpolatePoints));\n });\n return __assign(__assign({}, getStyle(cfg, true, false, 'lineWidth')), { path: path });\n}\n// step line\neach(['hv', 'vh', 'hvh', 'vhv'], function (shapeType) {\n registerShape('line', shapeType, {\n draw: function (cfg, container) {\n var attrs = getInterpolateShapeAttrs(cfg, shapeType);\n var shape = container.addShape({\n type: 'path',\n attrs: attrs,\n name: 'line',\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n return getLineMarker(markerCfg, shapeType);\n },\n });\n});\n//# sourceMappingURL=step.js.map","import { __assign } from \"tslib\";\nimport { isArray, isNil } from '@antv/util';\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nfunction parseValue(value) {\n var array = !isArray(value) ? [value] : value;\n var min = array[0]; // 最小值\n var max = array[array.length - 1]; // 最大值\n var min1 = array.length > 1 ? array[1] : min;\n var max1 = array.length > 3 ? array[3] : max;\n var median = array.length > 2 ? array[2] : min1;\n return {\n min: min,\n max: max,\n min1: min1,\n max1: max1,\n median: median,\n };\n}\nfunction getBoxPoints(x, y, size) {\n var halfSize = size / 2;\n var pointsArray;\n if (isArray(y)) {\n // 2维\n var _a = parseValue(y), min = _a.min, max = _a.max, median = _a.median, min1 = _a.min1, max1 = _a.max1;\n var minX = x - halfSize;\n var maxX = x + halfSize;\n pointsArray = [\n [minX, max],\n [maxX, max],\n [x, max],\n [x, max1],\n [minX, min1],\n [minX, max1],\n [maxX, max1],\n [maxX, min1],\n [x, min1],\n [x, min],\n [minX, min],\n [maxX, min],\n [minX, median],\n [maxX, median],\n ];\n }\n else {\n // 只有一个维度\n y = isNil(y) ? 0.5 : y;\n var _b = parseValue(x), min = _b.min, max = _b.max, median = _b.median, min1 = _b.min1, max1 = _b.max1;\n var minY = y - halfSize;\n var maxY = y + halfSize;\n pointsArray = [\n [min, minY],\n [min, maxY],\n [min, y],\n [min1, y],\n [min1, minY],\n [min1, maxY],\n [max1, maxY],\n [max1, minY],\n [max1, y],\n [max, y],\n [max, minY],\n [max, maxY],\n [median, minY],\n [median, maxY],\n ];\n }\n return pointsArray.map(function (arr) {\n return {\n x: arr[0],\n y: arr[1],\n };\n });\n}\nfunction getBoxPath(points) {\n return [\n ['M', points[0].x, points[0].y],\n ['L', points[1].x, points[1].y],\n ['M', points[2].x, points[2].y],\n ['L', points[3].x, points[3].y],\n ['M', points[4].x, points[4].y],\n ['L', points[5].x, points[5].y],\n ['L', points[6].x, points[6].y],\n ['L', points[7].x, points[7].y],\n ['L', points[4].x, points[4].y],\n ['Z'],\n ['M', points[8].x, points[8].y],\n ['L', points[9].x, points[9].y],\n ['M', points[10].x, points[10].y],\n ['L', points[11].x, points[11].y],\n ['M', points[12].x, points[12].y],\n ['L', points[13].x, points[13].y],\n ];\n}\n// box shape\nregisterShape('schema', 'box', {\n getPoints: function (shapePoint) {\n var x = shapePoint.x, y = shapePoint.y, size = shapePoint.size;\n return getBoxPoints(x, y, size);\n },\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, false);\n var path = this.parsePath(getBoxPath(cfg.points));\n var shape = container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path, name: 'schema' }),\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: function (x, y, r) {\n var yValues = [y - 6, y - 3, y, y + 3, y + 6];\n var points = getBoxPoints(x, yValues, r);\n return [\n ['M', points[0].x + 1, points[0].y],\n ['L', points[1].x - 1, points[1].y],\n ['M', points[2].x, points[2].y],\n ['L', points[3].x, points[3].y],\n ['M', points[4].x, points[4].y],\n ['L', points[5].x, points[5].y],\n ['L', points[6].x, points[6].y],\n ['L', points[7].x, points[7].y],\n ['L', points[4].x, points[4].y],\n ['Z'],\n ['M', points[8].x, points[8].y],\n ['L', points[9].x, points[9].y],\n ['M', points[10].x + 1, points[10].y],\n ['L', points[11].x - 1, points[11].y],\n ['M', points[12].x, points[12].y],\n ['L', points[13].x, points[13].y],\n ];\n },\n style: {\n r: 6,\n lineWidth: 1,\n stroke: color,\n },\n };\n },\n});\n//# sourceMappingURL=box.js.map","import { __assign } from \"tslib\";\nimport { isArray } from '@antv/util';\nimport { padEnd } from '../../../util/helper';\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nfunction getCandleYValues(value) {\n var array = !isArray(value) ? [value] : value;\n // 从大到小排序\n var sorted = array.sort(function (a, b) { return b - a; });\n return padEnd(sorted, 4, sorted[sorted.length - 1]);\n}\n// get candle shape's key points\nfunction getCandlePoints(x, y, size) {\n var yValues = getCandleYValues(y);\n return [\n { x: x, y: yValues[0] },\n { x: x, y: yValues[1] },\n { x: x - size / 2, y: yValues[2] },\n { x: x - size / 2, y: yValues[1] },\n { x: x + size / 2, y: yValues[1] },\n { x: x + size / 2, y: yValues[2] },\n { x: x, y: yValues[2] },\n { x: x, y: yValues[3] },\n ];\n}\nfunction getCandlePath(points) {\n return [\n ['M', points[0].x, points[0].y],\n ['L', points[1].x, points[1].y],\n ['M', points[2].x, points[2].y],\n ['L', points[3].x, points[3].y],\n ['L', points[4].x, points[4].y],\n ['L', points[5].x, points[5].y],\n ['Z'],\n ['M', points[6].x, points[6].y],\n ['L', points[7].x, points[7].y],\n ];\n}\n// k line shape\nregisterShape('schema', 'candle', {\n getPoints: function (shapePoint) {\n var x = shapePoint.x, y = shapePoint.y, size = shapePoint.size;\n return getCandlePoints(x, y, size);\n },\n draw: function (cfg, container) {\n var style = getStyle(cfg, true, true);\n var path = this.parsePath(getCandlePath(cfg.points));\n var shape = container.addShape('path', {\n attrs: __assign(__assign({}, style), { path: path, name: 'schema' }),\n });\n return shape;\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: function (x, y, r) {\n var yValues = [y + 7.5, y + 3, y - 3, y - 7.5];\n var points = getCandlePoints(x, yValues, r);\n return [\n ['M', points[0].x, points[0].y],\n ['L', points[1].x, points[1].y],\n ['M', points[2].x, points[2].y],\n ['L', points[3].x, points[3].y],\n ['L', points[4].x, points[4].y],\n ['L', points[5].x, points[5].y],\n ['Z'],\n ['M', points[6].x, points[6].y],\n ['L', points[7].x, points[7].y],\n ];\n },\n style: {\n lineWidth: 1,\n stroke: color,\n fill: color,\n r: 6,\n },\n };\n },\n});\n//# sourceMappingURL=candle.js.map","import { __assign } from \"tslib\";\nimport { isEmpty, clamp } from '@antv/util';\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nfunction getRectAttrs(points, size) {\n var width = Math.abs(points[0].x - points[2].x);\n var height = Math.abs(points[0].y - points[2].y);\n var len = Math.min(width, height);\n if (size) {\n len = clamp(size, 0, Math.min(width, height));\n }\n len = len / 2;\n var centerX = (points[0].x + points[2].x) / 2;\n var centerY = (points[0].y + points[2].y) / 2;\n return {\n x: centerX - len,\n y: centerY - len,\n width: len * 2,\n height: len * 2,\n };\n}\nregisterShape('polygon', 'square', {\n draw: function (cfg, container) {\n if (!isEmpty(cfg.points)) {\n var shapeAttrs = getStyle(cfg, true, true);\n var points = this.parsePoints(cfg.points); // 转换为画布坐标\n return container.addShape('rect', {\n attrs: __assign(__assign({}, shapeAttrs), getRectAttrs(points, cfg.size)),\n name: 'polygon',\n });\n }\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'square',\n style: {\n r: 4,\n fill: color,\n },\n };\n },\n});\n//# sourceMappingURL=square.js.map","import { each } from '@antv/util';\nimport { MarkerSymbols } from '../../../util/marker';\nimport { registerShape } from '../base';\nimport { drawPoints, HOLLOW_SHAPES } from './util';\n// 添加 hollowShape\neach(HOLLOW_SHAPES, function (shapeName) {\n registerShape('point', shapeName, {\n draw: function (cfg, container) {\n return drawPoints(this, cfg, container, shapeName, true);\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: MarkerSymbols[shapeName],\n style: {\n r: 4.5,\n stroke: color,\n fill: null,\n },\n };\n },\n });\n});\n//# sourceMappingURL=hollow.js.map","import { __values } from \"tslib\";\nimport { registerShape } from '../base';\nimport { getStyle } from '../util/get-style';\nregisterShape('point', 'image', {\n draw: function (cfg, container) {\n var e_1, _a;\n var size = getStyle(cfg, false, false, 'r').r;\n var points = this.parsePoints(cfg.points);\n var pointPosition = points[0];\n if (cfg.isStack) {\n pointPosition = points[1];\n }\n else if (points.length > 1) {\n var group = container.addGroup();\n try {\n for (var points_1 = __values(points), points_1_1 = points_1.next(); !points_1_1.done; points_1_1 = points_1.next()) {\n var point = points_1_1.value;\n group.addShape('image', {\n attrs: {\n x: point.x - size / 2,\n y: point.y - size,\n width: size,\n height: size,\n img: cfg.shape[1],\n },\n });\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (points_1_1 && !points_1_1.done && (_a = points_1.return)) _a.call(points_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n return group;\n }\n return container.addShape('image', {\n attrs: {\n x: pointPosition.x - size / 2,\n y: pointPosition.y - size,\n width: size,\n height: size,\n img: cfg.shape[1],\n },\n });\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'circle',\n style: {\n r: 4.5,\n fill: color,\n },\n };\n },\n});\n//# sourceMappingURL=image.js.map","import { each } from '@antv/util';\nimport { MarkerSymbols } from '../../../util/marker';\nimport { registerShape } from '../base';\nimport { drawPoints, SHAPES } from './util';\n// 所有的 SHAPES 都注册一下\neach(SHAPES, function (shapeName) {\n registerShape('point', shapeName, {\n draw: function (cfg, container) {\n return drawPoints(this, cfg, container, shapeName, false);\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: MarkerSymbols[shapeName] || shapeName,\n style: {\n r: 4.5,\n fill: color,\n },\n };\n },\n });\n});\n//# sourceMappingURL=solid.js.map","import { __assign } from \"tslib\";\nimport { registerShape } from '../base';\nimport { getSmoothViolinPath } from '../util/get-path-points';\nimport { getStyle } from '../util/get-style';\n/**\n * 平滑边界的小提琴图\n */\nregisterShape('violin', 'smooth', {\n draw: function (cfg, container) {\n var attrs = getStyle(cfg, true, true);\n var path = this.parsePath(getSmoothViolinPath(cfg.points));\n return container.addShape('path', {\n attrs: __assign(__assign({}, attrs), { path: path }),\n });\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'circle',\n style: {\n stroke: null,\n r: 4,\n fill: color,\n },\n };\n },\n});\n//# sourceMappingURL=smooth.js.map","import { __assign } from \"tslib\";\nimport { registerShape } from '../base';\nimport { getSmoothViolinPath, getViolinPath } from '../util/get-path-points';\nimport { getStyle } from '../util/get-style';\n/**\n * 空心小提琴图\n */\nregisterShape('violin', 'hollow', {\n draw: function (cfg, container) {\n var attrs = getStyle(cfg, true, false);\n var path = this.parsePath(getViolinPath(cfg.points));\n return container.addShape('path', {\n attrs: __assign(__assign({}, attrs), { path: path }),\n });\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'circle',\n style: {\n r: 4,\n fill: null,\n stroke: color,\n },\n };\n },\n});\n/**\n * 平滑边界的空心小提琴图\n */\nregisterShape('violin', 'hollow-smooth', {\n draw: function (cfg, container) {\n var attrs = getStyle(cfg, true, false);\n var path = this.parsePath(getSmoothViolinPath(cfg.points));\n return container.addShape('path', {\n attrs: __assign(__assign({}, attrs), { path: path }),\n });\n },\n getMarker: function (markerCfg) {\n var color = markerCfg.color;\n return {\n symbol: 'circle',\n style: {\n r: 4,\n fill: null,\n stroke: color,\n },\n };\n },\n});\n//# sourceMappingURL=hollow.js.map","import { __assign, __extends } from \"tslib\";\nimport { get, deepMix, isArray } from '@antv/util';\nimport GeometryLabel from './base';\n/**\n * 柱状图 label\n */\nvar IntervalLabel = /** @class */ (function (_super) {\n __extends(IntervalLabel, _super);\n function IntervalLabel() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * 获取 interval label 的方向，取决于 value 的值是正还是负\n * @param labelCfg\n */\n IntervalLabel.prototype.getLabelValueDir = function (mappingData) {\n // points 中的 x/y 和 transpose 无关\n var dim = 'y';\n var points = mappingData.points;\n return points[0][dim] <= points[2][dim] ? 1 : -1;\n };\n /**\n * 重载：根据 interval 值的正负来调整 label 偏移量\n * @param labelCfg\n * @param index\n * @param total\n */\n IntervalLabel.prototype.getLabelOffsetPoint = function (labelCfg, index, total, position) {\n var _a;\n var point = _super.prototype.getLabelOffsetPoint.call(this, labelCfg, index, total);\n var coordinate = this.getCoordinate();\n var transposed = coordinate.isTransposed;\n var dim = transposed ? 'x' : 'y';\n var dir = this.getLabelValueDir(labelCfg.mappingData);\n point = __assign(__assign({}, point), (_a = {}, _a[dim] = point[dim] * dir, _a));\n if (coordinate.isReflect('x')) {\n point = __assign(__assign({}, point), { x: point.x * -1 });\n }\n if (coordinate.isReflect('y')) {\n point = __assign(__assign({}, point), { y: point.y * -1 });\n }\n return point;\n };\n /**\n * 重载：定制 interval label 的默认主题配置\n * @param labelCfg\n */\n IntervalLabel.prototype.getThemedLabelCfg = function (labelCfg) {\n var geometry = this.geometry;\n var defaultLabelCfg = this.getDefaultLabelCfg();\n var theme = geometry.theme;\n // 如果 interval label position 设置为 middle，则将主题中的 offset 覆盖为 0\n return deepMix({}, defaultLabelCfg, theme.labels, labelCfg.position === 'middle' ? { offset: 0 } : {}, labelCfg);\n };\n IntervalLabel.prototype.setLabelPosition = function (labelPointCfg, mappingData, index, position) {\n var coordinate = this.getCoordinate();\n var transposed = coordinate.isTransposed;\n var shapePoints = mappingData.points;\n var point0 = coordinate.convert(shapePoints[0]);\n var point2 = coordinate.convert(shapePoints[2]);\n var dir = this.getLabelValueDir(mappingData);\n var top;\n var right;\n var bottom;\n var left;\n var shape = isArray(mappingData.shape) ? mappingData.shape[0] : mappingData.shape;\n if (shape === 'funnel' || shape === 'pyramid') {\n // 处理漏斗图\n var nextPoints = get(mappingData, 'nextPoints');\n var points = get(mappingData, 'points');\n if (nextPoints) {\n // 非漏斗图底部\n var p0 = coordinate.convert(points[0]);\n var p1 = coordinate.convert(points[1]);\n var nextP0 = coordinate.convert(nextPoints[0]);\n var nextP1 = coordinate.convert(nextPoints[1]);\n // TODO: 使用包围盒的计算方法\n if (transposed) {\n top = Math.min(nextP0.y, p0.y);\n bottom = Math.max(nextP0.y, p0.y);\n right = (p1.x + nextP1.x) / 2;\n left = (p0.x + nextP0.x) / 2;\n }\n else {\n top = Math.min((p1.y + nextP1.y) / 2, (p0.y + nextP0.y) / 2);\n bottom = Math.max((p1.y + nextP1.y) / 2, (p0.y + nextP0.y) / 2);\n right = nextP1.x;\n left = p0.x;\n }\n }\n else {\n top = Math.min(point2.y, point0.y);\n bottom = Math.max(point2.y, point0.y);\n right = point2.x;\n left = point0.x;\n }\n }\n else {\n top = Math.min(point2.y, point0.y);\n bottom = Math.max(point2.y, point0.y);\n right = point2.x;\n left = point0.x;\n }\n switch (position) {\n case 'right':\n labelPointCfg.x = right;\n labelPointCfg.y = (top + bottom) / 2;\n labelPointCfg.textAlign = get(labelPointCfg, 'textAlign', dir > 0 ? 'left' : 'right');\n break;\n case 'left':\n labelPointCfg.x = left;\n labelPointCfg.y = (top + bottom) / 2;\n labelPointCfg.textAlign = get(labelPointCfg, 'textAlign', dir > 0 ? 'left' : 'right');\n break;\n case 'bottom':\n if (transposed) {\n labelPointCfg.x = (right + left) / 2;\n }\n labelPointCfg.y = bottom;\n labelPointCfg.textAlign = get(labelPointCfg, 'textAlign', 'center');\n labelPointCfg.textBaseline = get(labelPointCfg, 'textBaseline', dir > 0 ? 'bottom' : 'top');\n break;\n case 'middle':\n if (transposed) {\n labelPointCfg.x = (right + left) / 2;\n }\n labelPointCfg.y = (top + bottom) / 2;\n labelPointCfg.textAlign = get(labelPointCfg, 'textAlign', 'center');\n labelPointCfg.textBaseline = get(labelPointCfg, 'textBaseline', 'middle');\n break;\n case 'top':\n if (transposed) {\n labelPointCfg.x = (right + left) / 2;\n }\n labelPointCfg.y = top;\n labelPointCfg.textAlign = get(labelPointCfg, 'textAlign', 'center');\n labelPointCfg.textBaseline = get(labelPointCfg, 'textBaseline', dir > 0 ? 'bottom' : 'top');\n break;\n default:\n break;\n }\n };\n return IntervalLabel;\n}(GeometryLabel));\nexport default IntervalLabel;\n//# sourceMappingURL=interval.js.map","import { __assign, __extends } from \"tslib\";\nimport { each, get, isArray, map, isNumber, isString } from '@antv/util';\nimport { getDistanceToCenter } from '../../util/coordinate';\nimport { getAngleByPoint } from '../../util/coordinate';\nimport GeometryLabel from './base';\nvar HALF_PI = Math.PI / 2;\n/**\n * 极坐标下的图形 label\n */\nvar PolarLabel = /** @class */ (function (_super) {\n __extends(PolarLabel, _super);\n function PolarLabel() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @override\n * @desc 获取 label offset\n * polar & theta coordinate support「string」type, should transform to 「number」\n */\n PolarLabel.prototype.getLabelOffset = function (offset) {\n var coordinate = this.getCoordinate();\n var actualOffset = 0;\n if (isNumber(offset)) {\n actualOffset = offset;\n }\n else if (isString(offset) && offset.indexOf('%') !== -1) {\n var r = coordinate.getRadius();\n if (coordinate.innerRadius > 0) {\n r = r * (1 - coordinate.innerRadius);\n }\n actualOffset = parseFloat(offset) * 0.01 * r;\n }\n return actualOffset;\n };\n /**\n * @override\n * 获取 labelItems, 增加切片 percent\n * @param mapppingArray\n */\n PolarLabel.prototype.getLabelItems = function (mapppingArray) {\n var items = _super.prototype.getLabelItems.call(this, mapppingArray);\n var yScale = this.geometry.getYScale();\n return map(items, function (item) {\n if (item && yScale) {\n var percent = yScale.scale(get(item.data, yScale.field));\n return __assign(__assign({}, item), { percent: percent });\n }\n return item;\n });\n };\n /**\n * @override\n * 获取文本的对齐方式\n * @param point\n */\n PolarLabel.prototype.getLabelAlign = function (point) {\n var coordinate = this.getCoordinate();\n var align;\n if (point.labelEmit) {\n align = point.angle <= Math.PI / 2 && point.angle >= -Math.PI / 2 ? 'left' : 'right';\n }\n else if (!coordinate.isTransposed) {\n align = 'center';\n }\n else {\n var center = coordinate.getCenter();\n var offset = point.offset;\n if (Math.abs(point.x - center.x) < 1) {\n align = 'center';\n }\n else if (point.angle > Math.PI || point.angle <= 0) {\n align = offset > 0 ? 'left' : 'right';\n }\n else {\n align = offset > 0 ? 'right' : 'left';\n }\n }\n return align;\n };\n /**\n * @override\n * 获取 label 的位置\n * @param labelCfg\n * @param mappingData\n * @param index\n */\n PolarLabel.prototype.getLabelPoint = function (labelCfg, mappingData, index) {\n var factor = 1;\n var arcPoint;\n var content = labelCfg.content[index];\n if (this.isToMiddle(mappingData)) {\n arcPoint = this.getMiddlePoint(mappingData.points);\n }\n else {\n if (labelCfg.content.length === 1 && index === 0) {\n index = 1;\n }\n else if (index === 0) {\n factor = -1;\n }\n arcPoint = this.getArcPoint(mappingData, index);\n }\n var offset = labelCfg.offset * factor;\n var middleAngle = this.getPointAngle(arcPoint);\n var isLabelEmit = labelCfg.labelEmit;\n var labelPositionCfg = this.getCirclePoint(middleAngle, offset, arcPoint, isLabelEmit);\n if (labelPositionCfg.r === 0) {\n // 如果文本位置位于圆心，则不展示\n labelPositionCfg.content = '';\n }\n else {\n labelPositionCfg.content = content;\n labelPositionCfg.angle = middleAngle;\n labelPositionCfg.color = mappingData.color;\n }\n labelPositionCfg.rotate = labelCfg.autoRotate\n ? this.getLabelRotate(middleAngle, offset, isLabelEmit)\n : labelCfg.rotate;\n labelPositionCfg.start = {\n x: arcPoint.x,\n y: arcPoint.y,\n };\n return labelPositionCfg;\n };\n /**\n * 获取圆弧的位置\n */\n PolarLabel.prototype.getArcPoint = function (mappingData, index) {\n if (index === void 0) { index = 0; }\n if (!isArray(mappingData.x) && !isArray(mappingData.y)) {\n return {\n x: mappingData.x,\n y: mappingData.y,\n };\n }\n return {\n x: isArray(mappingData.x) ? mappingData.x[index] : mappingData.x,\n y: isArray(mappingData.y) ? mappingData.y[index] : mappingData.y,\n };\n };\n /**\n * 计算坐标线点在极坐标系下角度\n * @param point\n */\n PolarLabel.prototype.getPointAngle = function (point) {\n return getAngleByPoint(this.getCoordinate(), point);\n };\n /**\n * 获取坐标点与圆心形成的圆的位置信息\n * @param angle\n * @param offset\n * @param point\n * @param isLabelEmit\n */\n PolarLabel.prototype.getCirclePoint = function (angle, offset, point, isLabelEmit) {\n var coordinate = this.getCoordinate();\n var center = coordinate.getCenter();\n var r = getDistanceToCenter(coordinate, point);\n if (r === 0) {\n return __assign(__assign({}, center), { r: r });\n }\n var labelAngle = angle;\n if (coordinate.isTransposed && r > offset && !isLabelEmit) {\n var appendAngle = Math.asin(offset / (2 * r));\n labelAngle = angle + appendAngle * 2;\n }\n else {\n r = r + offset;\n }\n return {\n x: center.x + r * Math.cos(labelAngle),\n y: center.y + r * Math.sin(labelAngle),\n r: r,\n };\n };\n /**\n * 获取 label 的旋转角度\n * @param angle\n * @param offset\n * @param isLabelEmit\n */\n PolarLabel.prototype.getLabelRotate = function (angle, offset, isLabelEmit) {\n var rotate = angle + HALF_PI;\n if (isLabelEmit) {\n rotate -= HALF_PI;\n }\n if (rotate) {\n if (rotate > HALF_PI) {\n rotate = rotate - Math.PI;\n }\n else if (rotate < -HALF_PI) {\n rotate = rotate + Math.PI;\n }\n }\n return rotate;\n };\n // 获取中心的位置\n PolarLabel.prototype.getMiddlePoint = function (points) {\n var coordinate = this.getCoordinate();\n var count = points.length;\n var middlePoint = {\n x: 0,\n y: 0,\n };\n each(points, function (point) {\n middlePoint.x += point.x;\n middlePoint.y += point.y;\n });\n middlePoint.x /= count;\n middlePoint.y /= count;\n middlePoint = coordinate.convert(middlePoint);\n return middlePoint;\n };\n // 是否居中\n PolarLabel.prototype.isToMiddle = function (mappingData) {\n return mappingData.x.length > 2;\n };\n return PolarLabel;\n}(GeometryLabel));\nexport default PolarLabel;\n//# sourceMappingURL=polar.js.map","import { __assign, __extends } from \"tslib\";\nimport { deepMix, get, isArray } from '@antv/util';\nimport { getAngleByPoint } from '../../util/coordinate';\nimport { polarToCartesian } from '../../util/graphics';\nimport PolarLabel from './polar';\n/**\n * 饼图 label\n */\nvar PieLabel = /** @class */ (function (_super) {\n __extends(PieLabel, _super);\n function PieLabel() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.defaultLayout = 'distribute';\n return _this;\n }\n PieLabel.prototype.getDefaultLabelCfg = function (offset, position) {\n var cfg = _super.prototype.getDefaultLabelCfg.call(this, offset, position);\n return deepMix({}, cfg, get(this.geometry.theme, 'pieLabels', {}));\n };\n /** @override */\n PieLabel.prototype.getLabelOffset = function (offset) {\n return _super.prototype.getLabelOffset.call(this, offset) || 0;\n };\n PieLabel.prototype.getLabelRotate = function (angle, offset, isLabelLimit) {\n var rotate;\n if (offset < 0) {\n rotate = angle;\n if (rotate > Math.PI / 2) {\n rotate = rotate - Math.PI;\n }\n if (rotate < -Math.PI / 2) {\n rotate = rotate + Math.PI;\n }\n }\n return rotate;\n };\n PieLabel.prototype.getLabelAlign = function (point) {\n var coordinate = this.getCoordinate();\n var center = coordinate.getCenter();\n var align;\n if (point.angle <= Math.PI / 2 && point.x >= center.x) {\n align = 'left';\n }\n else {\n align = 'right';\n }\n if (point.offset <= 0) {\n if (align === 'right') {\n align = 'left';\n }\n else {\n align = 'right';\n }\n }\n return align;\n };\n PieLabel.prototype.getArcPoint = function (point) {\n return point;\n };\n PieLabel.prototype.getPointAngle = function (point) {\n var coordinate = this.getCoordinate();\n var startPoint = {\n x: isArray(point.x) ? point.x[0] : point.x,\n y: point.y[0],\n };\n var endPoint = {\n x: isArray(point.x) ? point.x[1] : point.x,\n y: point.y[1],\n };\n var angle;\n var startAngle = getAngleByPoint(coordinate, startPoint);\n if (point.points && point.points[0].y === point.points[1].y) {\n angle = startAngle;\n }\n else {\n var endAngle = getAngleByPoint(coordinate, endPoint);\n if (startAngle >= endAngle) {\n // 100% pie slice\n endAngle = endAngle + Math.PI * 2;\n }\n angle = startAngle + (endAngle - startAngle) / 2;\n }\n return angle;\n };\n /** @override */\n PieLabel.prototype.getCirclePoint = function (angle, offset) {\n var coordinate = this.getCoordinate();\n var center = coordinate.getCenter();\n var r = coordinate.getRadius() + offset;\n return __assign(__assign({}, polarToCartesian(center.x, center.y, r, angle)), { angle: angle, r: r });\n };\n return PieLabel;\n}(PolarLabel));\nexport default PieLabel;\n//# sourceMappingURL=pie.js.map","import { __values } from \"tslib\";\nimport { isObject, each, find, get } from '@antv/util';\nimport { polarToCartesian } from '../../../../util/graphics';\n/** label text和line距离 4px */\nvar MARGIN = 4;\nfunction antiCollision(labelShapes, labels, lineHeight, plotRange, center, isRight) {\n var e_1, _a;\n // adjust y position of labels to avoid overlapping\n var overlapping = true;\n var start = plotRange.start;\n var end = plotRange.end;\n var startY = Math.min(start.y, end.y);\n var totalHeight = Math.abs(start.y - end.y);\n var i;\n var maxY = 0;\n var minY = Number.MIN_VALUE;\n var boxes = labels.map(function (label) {\n if (label.y > maxY) {\n maxY = label.y;\n }\n if (label.y < minY) {\n minY = label.y;\n }\n return {\n size: lineHeight,\n targets: [label.y - startY],\n };\n });\n minY -= startY;\n if (maxY - startY > totalHeight) {\n totalHeight = maxY - startY;\n }\n while (overlapping) {\n /* eslint no-loop-func: 0 */\n boxes.forEach(function (box) {\n var target = (Math.min.apply(minY, box.targets) + Math.max.apply(minY, box.targets)) / 2;\n box.pos = Math.min(Math.max(minY, target - box.size / 2), totalHeight - box.size);\n // box.pos = Math.max(0, target - box.size / 2);\n });\n // detect overlapping and join boxes\n overlapping = false;\n i = boxes.length;\n while (i--) {\n if (i > 0) {\n var previousBox = boxes[i - 1];\n var box = boxes[i];\n if (previousBox.pos + previousBox.size > box.pos) {\n // overlapping\n previousBox.size += box.size;\n previousBox.targets = previousBox.targets.concat(box.targets);\n // overflow, shift up\n if (previousBox.pos + previousBox.size > totalHeight) {\n previousBox.pos = totalHeight - previousBox.size;\n }\n boxes.splice(i, 1); // removing box\n overlapping = true;\n }\n }\n }\n }\n i = 0;\n // step 4: normalize y and adjust x\n boxes.forEach(function (b) {\n var posInCompositeBox = startY + lineHeight / 2; // middle of the label\n b.targets.forEach(function () {\n labels[i].y = b.pos + posInCompositeBox;\n posInCompositeBox += lineHeight;\n i++;\n });\n });\n var labelsMap = {};\n try {\n for (var labelShapes_1 = __values(labelShapes), labelShapes_1_1 = labelShapes_1.next(); !labelShapes_1_1.done; labelShapes_1_1 = labelShapes_1.next()) {\n var labelShape = labelShapes_1_1.value;\n labelsMap[labelShape.get('id')] = labelShape;\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (labelShapes_1_1 && !labelShapes_1_1.done && (_a = labelShapes_1.return)) _a.call(labelShapes_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n // (x - cx)^2 + (y - cy)^2 = totalR^2\n labels.forEach(function (label) {\n var rPow2 = label.r * label.r;\n var dyPow2 = Math.pow(Math.abs(label.y - center.y), 2);\n if (rPow2 < dyPow2) {\n label.x = center.x;\n }\n else {\n var dx = Math.sqrt(rPow2 - dyPow2);\n if (!isRight) {\n // left\n label.x = center.x - dx;\n }\n else {\n // right\n label.x = center.x + dx;\n }\n }\n // adjust labelShape\n var labelShape = labelsMap[label.id];\n labelShape.attr('x', label.x);\n labelShape.attr('y', label.y);\n // because group could not effect text-shape, should set text-shape position manually\n var textShape = find(labelShape.getChildren(), function (ele) { return ele.get('type') === 'text'; });\n // @ts-ignore\n if (textShape) {\n textShape.attr('y', label.y);\n textShape.attr('x', label.x);\n }\n });\n}\nexport function distribute(items, labels, shapes, region) {\n if (!items.length || !labels.length) {\n return;\n }\n var offset = items[0] ? items[0].offset : 0;\n var coordinate = labels[0].get('coordinate');\n var radius = coordinate.getRadius();\n var center = coordinate.getCenter();\n if (offset > 0) {\n // const lineHeight = get(this.geometry.theme, ['pieLabels', 'labelHeight'], 14);\n var lineHeight_1 = 14; // TODO\n var totalR = radius + offset;\n var totalHeight_1 = totalR * 2 + lineHeight_1 * 2;\n var plotRange_1 = {\n start: coordinate.start,\n end: coordinate.end,\n };\n // step 1: separate labels\n var halves_1 = [\n [],\n [], // right\n ];\n items.forEach(function (labelItem) {\n if (!labelItem) {\n return;\n }\n if (labelItem.textAlign === 'right') {\n // left\n halves_1[0].push(labelItem);\n }\n else {\n // right or center will be put on the right side\n halves_1[1].push(labelItem);\n }\n });\n halves_1.forEach(function (half, index) {\n // step 2: reduce labels\n var maxLabelsCountForOneSide = totalHeight_1 / lineHeight_1;\n if (half.length > maxLabelsCountForOneSide) {\n half.sort(function (a, b) {\n // sort by percentage DESC\n return b['..percent'] - a['..percent'];\n });\n half.splice(maxLabelsCountForOneSide, half.length - maxLabelsCountForOneSide);\n }\n // step 3: distribute position (x and y)\n half.sort(function (a, b) {\n // sort by y ASC\n return a.y - b.y;\n });\n antiCollision(labels, half, lineHeight_1, plotRange_1, center, index);\n });\n }\n // 配置 labelLine\n each(items, function (item) {\n if (item && item.labelLine) {\n var distance = item.offset;\n var angle = item.angle;\n // 贴近圆周\n var startPoint = polarToCartesian(center.x, center.y, radius, angle);\n var innerPoint = polarToCartesian(center.x, center.y, radius + distance / 2, angle);\n var itemX = item.x + get(item, 'offsetX', 0);\n var itemY = item.y + get(item, 'offsetY', 0);\n var endPoint = {\n x: itemX - Math.cos(angle) * MARGIN,\n y: itemY - Math.sin(angle) * MARGIN,\n };\n if (!isObject(item.labelLine)) {\n // labelLine: true\n item.labelLine = {};\n }\n item.labelLine.path = [\n \"M \".concat(startPoint.x),\n \"\".concat(startPoint.y, \" Q\").concat(innerPoint.x),\n \"\".concat(innerPoint.y, \" \").concat(endPoint.x),\n endPoint.y,\n ].join(',');\n }\n });\n}\n//# sourceMappingURL=distribute.js.map","/**\n * 碰撞检测算法\n */\nexport function antiCollision(items, labelHeight, plotRange) {\n var labels = items.filter(function (item) { return !item.invisible; });\n // sorted by y, mutable\n labels.sort(function (a, b) { return a.y - b.y; });\n // adjust y position of labels to avoid overlapping\n var overlapping = true;\n var startY = plotRange.minY;\n var endY = plotRange.maxY;\n var totalHeight = Math.abs(startY - endY);\n var i;\n var maxY = 0;\n var minY = Number.MIN_VALUE;\n var boxes = labels.map(function (label) {\n if (label.y > maxY) {\n maxY = label.y;\n }\n if (label.y < minY) {\n minY = label.y;\n }\n return {\n content: label.content,\n size: labelHeight,\n targets: [label.y - startY],\n pos: null,\n };\n });\n minY -= startY;\n if (maxY - startY > totalHeight) {\n totalHeight = maxY - startY;\n }\n while (overlapping) {\n /* eslint no-loop-func: 0 */\n boxes.forEach(function (box) {\n var target = (Math.min.apply(minY, box.targets) + Math.max.apply(minY, box.targets)) / 2;\n box.pos = Math.min(Math.max(minY, target - box.size / 2), totalHeight - box.size);\n box.pos = Math.max(0, box.pos);\n });\n // detect overlapping and join boxes\n overlapping = false;\n i = boxes.length;\n while (i--) {\n if (i > 0) {\n var previousBox = boxes[i - 1];\n var box = boxes[i];\n if (previousBox.pos + previousBox.size > box.pos) {\n // overlapping\n previousBox.size += box.size;\n previousBox.targets = previousBox.targets.concat(box.targets);\n // overflow, shift up\n if (previousBox.pos + previousBox.size > totalHeight) {\n previousBox.pos = totalHeight - previousBox.size;\n }\n boxes.splice(i, 1); // removing box\n overlapping = true;\n }\n }\n }\n }\n i = 0;\n // step 4: normalize y and adjust x\n boxes.forEach(function (b) {\n var posInCompositeBox = startY + labelHeight / 2; // middle of the label\n b.targets.forEach(function () {\n labels[i].y = b.pos + posInCompositeBox;\n posInCompositeBox += labelHeight;\n i++;\n });\n });\n}\n//# sourceMappingURL=util.js.map","import { __values } from \"tslib\";\nimport { isObject, each, get, groupBy, isNil, filter } from '@antv/util';\nimport { polarToCartesian } from '../../../../util/graphics';\nimport { antiCollision } from './util';\n/** label text和line距离 4px */\nvar MARGIN = 4;\n/**\n * 配置 labelline\n * @param item PolarLabelItem\n */\nfunction drawLabelline(item /** PolarLabelItem */, coordinate) {\n /** 坐标圆心 */\n var center = coordinate.getCenter();\n /** 圆半径 */\n var radius = coordinate.getRadius();\n if (item && item.labelLine) {\n var angle = item.angle, labelOffset = item.offset;\n // 贴近圆周\n var startPoint = polarToCartesian(center.x, center.y, radius, angle);\n var itemX = item.x + get(item, 'offsetX', 0) * (Math.cos(angle) > 0 ? 1 : -1);\n var itemY = item.y + get(item, 'offsetY', 0) * (Math.sin(angle) > 0 ? 1 : -1);\n var endPoint = {\n x: itemX - Math.cos(angle) * MARGIN,\n y: itemY - Math.sin(angle) * MARGIN,\n };\n var smoothConnector = item.labelLine.smooth;\n var path = [];\n var dx = endPoint.x - center.x;\n var dy = endPoint.y - center.y;\n var endAngle = Math.atan(dy / dx);\n // 第三象限 & 第四象限\n if (dx < 0) {\n endAngle += Math.PI;\n }\n // 默认 smooth, undefined 也为 smooth\n if (smoothConnector === false) {\n if (!isObject(item.labelLine)) {\n // labelLine: true\n item.labelLine = {};\n }\n // 表示弧线的方向，0 表示从起点到终点沿逆时针画弧, 1 表示顺时针\n var sweepFlag = 0;\n // 第一象限\n if ((angle < 0 && angle > -Math.PI / 2) || angle > Math.PI * 1.5) {\n if (endPoint.y > startPoint.y) {\n sweepFlag = 1;\n }\n }\n // 第二象限\n if (angle >= 0 && angle < Math.PI / 2) {\n if (endPoint.y > startPoint.y) {\n sweepFlag = 1;\n }\n }\n // 第三象限\n if (angle >= Math.PI / 2 && angle < Math.PI) {\n if (startPoint.y > endPoint.y) {\n sweepFlag = 1;\n }\n }\n // 第四象限\n if (angle < -Math.PI / 2 || (angle >= Math.PI && angle < Math.PI * 1.5)) {\n if (startPoint.y > endPoint.y) {\n sweepFlag = 1;\n }\n }\n var distance = labelOffset / 2 > 4 ? 4 : Math.max(labelOffset / 2 - 1, 0);\n var breakPoint = polarToCartesian(center.x, center.y, radius + distance, angle);\n // 圆弧的结束点\n var breakPoint3 = polarToCartesian(center.x, center.y, radius + labelOffset / 2, endAngle);\n /**\n * @example\n * M 100 100 L100 90 A 50 50 0 0 0 150 50\n * 移动至 (100, 100), 连接到 (100, 90), 以 (50, 50) 为圆心，绘制圆弧至 (150, 50);\n * A 命令的第 4 个参数 large-arc-flag, 决定弧线是大于还是小于 180 度: 0 表示小角度弧，1 表示大角\n * 第 5 个参数: 是否顺时针绘制\n */\n // 默认小弧\n var largeArcFlag = 0;\n // step1: 移动至起点\n path.push(\"M \".concat(startPoint.x, \" \").concat(startPoint.y));\n // step2: 连接拐点\n path.push(\"L \".concat(breakPoint.x, \" \").concat(breakPoint.y));\n // step3: 绘制圆弧 至 结束点\n path.push(\"A \".concat(center.x, \" \").concat(center.y, \" 0 \").concat(largeArcFlag, \" \").concat(sweepFlag, \" \").concat(breakPoint3.x, \" \").concat(breakPoint3.y));\n // step4: 连接结束点\n path.push(\"L \".concat(endPoint.x, \" \").concat(endPoint.y));\n }\n else {\n var breakPoint = polarToCartesian(center.x, center.y, radius + (labelOffset / 2 > 4 ? 4 : Math.max(labelOffset / 2 - 1, 0)), angle);\n // G2 旧的拉线\n // path.push('Q', `${breakPoint.x}`, `${breakPoint.y}`, `${endPoint.x}`, `${endPoint.y}`);\n var xSign = startPoint.x < center.x ? 1 : -1;\n // step1: 连接结束点\n path.push(\"M \".concat(endPoint.x, \" \").concat(endPoint.y));\n var slope1 = (startPoint.y - center.y) / (startPoint.x - center.x);\n var slope2 = (endPoint.y - center.y) / (endPoint.x - center.x);\n if (Math.abs(slope1 - slope2) > Math.pow(Math.E, -16)) {\n // step2: 绘制 curve line (起点 & 结合点与圆心的斜率不等时, 由于存在误差, 使用近似处理)\n path.push.apply(path, [\n 'C',\n endPoint.x + xSign * 4,\n endPoint.y,\n 2 * breakPoint.x - startPoint.x,\n 2 * breakPoint.y - startPoint.y,\n startPoint.x,\n startPoint.y,\n ]);\n }\n // step3: 连接至起点\n path.push(\"L \".concat(startPoint.x, \" \").concat(startPoint.y));\n }\n item.labelLine.path = path.join(' ');\n }\n}\n/**\n * 饼图 outer-label 布局, 适用于 type = pie 且 label offset > 0 的标签\n */\nexport function pieOuterLabelLayout(originalItems, labels, shapes, region) {\n var e_1, _a;\n var items = filter(originalItems, function (item) { return !isNil(item); });\n /** 坐标系 */\n var coordinate = labels[0] && labels[0].get('coordinate');\n if (!coordinate) {\n return;\n }\n /** 坐标圆心 */\n var center = coordinate.getCenter();\n /** 圆半径 */\n var radius = coordinate.getRadius();\n /** label shapes */\n var labelsMap = {};\n try {\n for (var labels_1 = __values(labels), labels_1_1 = labels_1.next(); !labels_1_1.done; labels_1_1 = labels_1.next()) {\n var labelShape = labels_1_1.value;\n labelsMap[labelShape.get('id')] = labelShape;\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (labels_1_1 && !labels_1_1.done && (_a = labels_1.return)) _a.call(labels_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n // note labelHeight 可以控制 label 的行高\n var labelHeight = get(items[0], 'labelHeight', 14);\n var labelOffset = get(items[0], 'offset', 0);\n if (labelOffset <= 0) {\n return;\n }\n var LEFT_HALF_KEY = 'left';\n var RIGHT_HALF_KEY = 'right';\n // step 1: separate labels\n var separateLabels = groupBy(items, function (item) { return (item.x < center.x ? LEFT_HALF_KEY : RIGHT_HALF_KEY); });\n var start = coordinate.start, end = coordinate.end;\n // step2: calculate totalHeight\n var totalHeight = Math.min((radius + labelOffset + labelHeight) * 2, coordinate.getHeight());\n var totalR = totalHeight / 2;\n /** labels 容器的范围(后续根据组件的布局设计进行调整) */\n var labelsContainerRange = {\n minX: start.x,\n maxX: end.x,\n minY: center.y - totalR,\n maxY: center.y + totalR,\n };\n // step 3: antiCollision\n each(separateLabels, function (half, key) {\n var maxLabelsCountForOneSide = Math.floor(totalHeight / labelHeight);\n if (half.length > maxLabelsCountForOneSide) {\n half.sort(function (a, b) {\n // sort by percentage DESC\n return b.percent - a.percent;\n });\n each(half, function (labelItem, idx) {\n if (idx + 1 > maxLabelsCountForOneSide) {\n labelsMap[labelItem.id].set('visible', false);\n labelItem.invisible = true;\n }\n });\n }\n antiCollision(half, labelHeight, labelsContainerRange);\n });\n each(separateLabels, function (half, key) {\n each(half, function (item) {\n var isRight = key === RIGHT_HALF_KEY;\n var labelShape = labelsMap[item.id];\n // because group could not effect content-shape, should set content-shape position manually\n var content = labelShape.getChildByIndex(0);\n // textShape 发生过调整\n if (content) {\n var r = radius + labelOffset;\n // (x - cx)^2 + (y - cy)^2 = totalR^2\n var dy = item.y - center.y;\n var rPow2 = Math.pow(r, 2);\n var dyPow2 = Math.pow(dy, 2);\n var dxPow2 = rPow2 - dyPow2 > 0 ? rPow2 - dyPow2 : 0;\n var dx = Math.sqrt(dxPow2);\n var dx_offset = Math.abs(Math.cos(item.angle) * r);\n if (!isRight) {\n // left\n item.x = center.x - Math.max(dx, dx_offset);\n }\n else {\n // right\n item.x = center.x + Math.max(dx, dx_offset);\n }\n }\n // adjust labelShape\n if (content) {\n content.attr('y', item.y);\n content.attr('x', item.x);\n }\n drawLabelline(item, coordinate);\n });\n });\n}\n//# sourceMappingURL=outer.js.map","import { __values } from \"tslib\";\nimport { each, get, isNil, deepMix, groupBy } from '@antv/util';\nimport { polarToCartesian } from '../../../../util/graphics';\nimport { antiCollision } from './util';\nimport { translate } from '../../../../util/transform';\n/** 拐点偏移量, 暂不可配置 */\nvar INFLECTION_OFFSET = 4;\n/** 标签偏移量, distance between label and edge: offsetX */\nvar LABEL_OFFSET_X = 4;\n/** 标签与牵引线的偏移量 */\nvar LABEL_TEXT_LINE_OFFSET = 4;\nfunction drawLabelline(item, coordinate, inRight) {\n /** 坐标圆心 */\n var center = coordinate.getCenter();\n /** 圆半径 */\n var radius = coordinate.getRadius();\n var startPoint = {\n x: item.x - (inRight ? LABEL_TEXT_LINE_OFFSET : -LABEL_TEXT_LINE_OFFSET),\n y: item.y,\n };\n var inflectionPoint = polarToCartesian(center.x, center.y, radius + INFLECTION_OFFSET, item.angle);\n var p1 = { x: startPoint.x, y: startPoint.y };\n var p2 = { x: inflectionPoint.x, y: inflectionPoint.y };\n var endPoint = polarToCartesian(center.x, center.y, radius, item.angle);\n var path = '';\n // 文本被调整下去了，则添加拐点连接线\n if (startPoint.y !== inflectionPoint.y) {\n var offset = inRight ? 4 : -4;\n p1.y = startPoint.y;\n /** 是否在第一象限 */\n if (item.angle < 0 && item.angle >= -Math.PI / 2) {\n p1.x = Math.max(inflectionPoint.x, startPoint.x - offset);\n if (startPoint.y < inflectionPoint.y) {\n p2.y = p1.y;\n }\n else {\n p2.y = inflectionPoint.y;\n p2.x = Math.max(p2.x, p1.x - offset);\n }\n }\n /** 是否在 第二象限 */\n if (item.angle > 0 && item.angle < Math.PI / 2) {\n p1.x = Math.max(inflectionPoint.x, startPoint.x - offset);\n if (startPoint.y > inflectionPoint.y) {\n p2.y = p1.y;\n }\n else {\n p2.y = inflectionPoint.y;\n p2.x = Math.max(p2.x, p1.x - offset);\n }\n }\n /** 是否在 第三象限 */\n if (item.angle > Math.PI / 2) {\n p1.x = Math.min(inflectionPoint.x, startPoint.x - offset);\n if (startPoint.y > inflectionPoint.y) {\n p2.y = p1.y;\n }\n else {\n p2.y = inflectionPoint.y;\n p2.x = Math.min(p2.x, p1.x - offset);\n }\n }\n /** 是否在 第四象限 */\n if (item.angle < -Math.PI / 2) {\n p1.x = Math.min(inflectionPoint.x, startPoint.x - offset);\n if (startPoint.y < inflectionPoint.y) {\n p2.y = p1.y;\n }\n else {\n p2.y = inflectionPoint.y;\n p2.x = Math.min(p2.x, p1.x - offset);\n }\n }\n }\n path = [\n \"M \".concat(startPoint.x, \",\").concat(startPoint.y),\n \"L \".concat(p1.x, \",\").concat(p1.y),\n \"L \".concat(p2.x, \",\").concat(p2.y),\n \"L \".concat(inflectionPoint.x, \",\").concat(inflectionPoint.y),\n \"L \".concat(endPoint.x, \",\").concat(endPoint.y),\n ].join(' ');\n item.labelLine = deepMix({}, item.labelLine, { path: path });\n}\n/**\n * 饼图标签 spider 布局, 只适用于 pie-spider 的标签类型\n * region 应该是 labelsRenderer 容器的范围限制(便于后续组件间布局)\n */\nexport function pieSpiderLabelLayout(items, labels, shapes, region) {\n var e_1, _a;\n /** 坐标系 */\n var coordinate = labels[0] && labels[0].get('coordinate');\n if (!coordinate) {\n return;\n }\n /** 坐标圆心 */\n var center = coordinate.getCenter();\n /** 圆半径 */\n var radius = coordinate.getRadius();\n /** label shapes */\n var labelsMap = {};\n try {\n for (var labels_1 = __values(labels), labels_1_1 = labels_1.next(); !labels_1_1.done; labels_1_1 = labels_1.next()) {\n var labelShape = labels_1_1.value;\n labelsMap[labelShape.get('id')] = labelShape;\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (labels_1_1 && !labels_1_1.done && (_a = labels_1.return)) _a.call(labels_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n var labelHeight = get(items[0], 'labelHeight', 14);\n var labelOffset = Math.max(get(items[0], 'offset', 0), INFLECTION_OFFSET);\n // step 1: adjust items to spider\n each(items, function (item) {\n if (!item)\n return;\n var label = get(labelsMap, [item.id]);\n if (!label)\n return;\n var inRight = item.x > center.x || (item.x === center.x && item.y > center.y);\n var offsetX = !isNil(item.offsetX) ? item.offsetX : LABEL_OFFSET_X;\n var inflectionPoint = polarToCartesian(center.x, center.y, radius + INFLECTION_OFFSET, item.angle);\n var totalOffset = labelOffset + offsetX;\n item.x = center.x + (inRight ? 1 : -1) * (radius + totalOffset);\n item.y = inflectionPoint.y;\n });\n var start = coordinate.start, end = coordinate.end;\n var LEFT_HALF_KEY = 'left';\n var RIGHT_HALF_KEY = 'right';\n // step 1: separate labels\n var separateLabels = groupBy(items, function (item) { return (item.x < center.x ? LEFT_HALF_KEY : RIGHT_HALF_KEY); });\n // step2: calculate totalHeight\n var totalHeight = (radius + labelOffset) * 2 + labelHeight;\n each(separateLabels, function (half) {\n var halfHeight = half.length * labelHeight;\n if (halfHeight > totalHeight) {\n totalHeight = Math.min(halfHeight, Math.abs(start.y - end.y));\n }\n });\n /** labels 容器的范围(后续根据组件的布局设计进行调整) */\n var labelsContainerRange = {\n minX: start.x,\n maxX: end.x,\n minY: center.y - totalHeight / 2,\n maxY: center.y + totalHeight / 2,\n };\n // step 3: antiCollision\n each(separateLabels, function (half, key) {\n var maxLabelsCountForOneSide = totalHeight / labelHeight;\n if (half.length > maxLabelsCountForOneSide) {\n half.sort(function (a, b) {\n // sort by percentage DESC\n return b.percent - a.percent;\n });\n each(half, function (labelItem, idx) {\n if (idx > maxLabelsCountForOneSide) {\n labelsMap[labelItem.id].set('visible', false);\n labelItem.invisible = true;\n }\n });\n }\n antiCollision(half, labelHeight, labelsContainerRange);\n });\n var startY = labelsContainerRange.minY;\n var endY = labelsContainerRange.maxY;\n // step4: applyTo labels and adjust labelLines\n each(separateLabels, function (half, key) {\n var inRight = key === RIGHT_HALF_KEY;\n each(half, function (item) {\n var label = get(labelsMap, item && [item.id]);\n if (!label) {\n return;\n }\n // out of range, hidden\n if (item.y < startY || item.y > endY) {\n label.set('visible', false);\n return;\n }\n var labelContent = label.getChildByIndex(0);\n var box = labelContent.getCanvasBBox();\n var originalPos = { x: inRight ? box.x : box.maxX, y: box.y + box.height / 2 /** vertical-align: middle */ };\n translate(labelContent, item.x - originalPos.x /** 从 pos.x 移动到 item.x */, item.y - originalPos.y);\n // adjust labelLines\n if (item.labelLine) {\n drawLabelline(item, coordinate, inRight);\n }\n });\n });\n}\n//# sourceMappingURL=spider.js.map","import { each } from '@antv/util';\nimport { translate } from '../../../util/transform';\n/**\n * @ignore\n * 将 label 限制在画布范围内，简单得将超出画布的 label 往画布内调整\n * @param labels\n * @param cfg\n */\nexport function limitInCanvas(items, labels, shapes, region) {\n each(labels, function (label) {\n var regionMinX = region.minX, regionMinY = region.minY, regionMaxX = region.maxX, regionMaxY = region.maxY;\n var _a = label.getCanvasBBox(), minX = _a.minX, minY = _a.minY, maxX = _a.maxX, maxY = _a.maxY, x = _a.x, y = _a.y, width = _a.width, height = _a.height;\n var finalX = x;\n var finalY = y;\n if (minX < regionMinX || maxX < regionMinX) {\n // 超出左侧\n finalX = regionMinX;\n }\n if (minY < regionMinY || maxY < regionMinY) {\n // 超出顶部\n finalY = regionMinY;\n }\n if (minX > regionMaxX) {\n // 整体超出右侧\n finalX = regionMaxX - width;\n }\n else if (maxX > regionMaxX) {\n // 超出右侧\n finalX = finalX - (maxX - regionMaxX);\n }\n if (minY > regionMaxY) {\n // 整体超出顶部\n finalY = regionMaxY - height;\n }\n else if (maxY > regionMaxY) {\n // 超出底部\n finalY = finalY - (maxY - regionMaxY);\n }\n if (finalX !== x || finalY !== y) {\n translate(label, finalX - x, finalY - y);\n }\n });\n}\n//# sourceMappingURL=limit-in-canvas.js.map","import { each } from '@antv/util';\n/**\n * @ignore\n * 根据图形元素以及 label 的 bbox 进行调整，如果 label 超出了 shape 的 bbox 则不展示\n */\nexport function limitInShape(items, labels, shapes, region) {\n each(labels, function (label, index) {\n var labelBBox = label.getCanvasBBox(); // 文本有可能发生旋转\n var shapeBBox = shapes[index].getBBox();\n if (labelBBox.minX < shapeBBox.minX ||\n labelBBox.minY < shapeBBox.minY ||\n labelBBox.maxX > shapeBBox.maxX ||\n labelBBox.maxY > shapeBBox.maxY) {\n label.remove(true); // 超出则不展示\n }\n });\n}\n//# sourceMappingURL=limit-in-shape.js.map","import { each } from '@antv/util';\nvar MAX_TIMES = 100;\n/**\n * @ignore\n * Greedy 贪婪算法\n */\nvar Greedy = /** @class */ (function () {\n function Greedy(cfg) {\n if (cfg === void 0) { cfg = {}; }\n this.bitmap = {};\n var _a = cfg.xGap, xGap = _a === void 0 ? 1 : _a, _b = cfg.yGap, yGap = _b === void 0 ? 8 : _b;\n this.xGap = xGap;\n this.yGap = yGap;\n }\n Greedy.prototype.hasGap = function (bbox) {\n var hasGap = true;\n var bitmap = this.bitmap;\n var minX = Math.round(bbox.minX);\n var maxX = Math.round(bbox.maxX);\n var minY = Math.round(bbox.minY);\n var maxY = Math.round(bbox.maxY);\n for (var i = minX; i <= maxX; i += 1) {\n if (!bitmap[i]) {\n bitmap[i] = {};\n continue;\n }\n if (i === minX || i === maxX) {\n for (var j = minY; j <= maxY; j++) {\n if (bitmap[i][j]) {\n hasGap = false;\n break;\n }\n }\n }\n else {\n if (bitmap[i][minY] || bitmap[i][maxY]) {\n hasGap = false;\n break;\n }\n }\n }\n return hasGap;\n };\n Greedy.prototype.fillGap = function (bbox) {\n var bitmap = this.bitmap;\n var minX = Math.round(bbox.minX);\n var maxX = Math.round(bbox.maxX);\n var minY = Math.round(bbox.minY);\n var maxY = Math.round(bbox.maxY);\n // filling grid\n for (var i = minX; i <= maxX; i += 1) {\n if (!bitmap[i]) {\n bitmap[i] = {};\n }\n }\n for (var i = minX; i <= maxX; i += this.xGap) {\n for (var j = minY; j <= maxY; j += this.yGap) {\n bitmap[i][j] = true;\n }\n bitmap[i][maxY] = true;\n }\n // filling y edges\n if (this.yGap !== 1) {\n for (var i = minY; i <= maxY; i += 1) {\n bitmap[minX][i] = true;\n bitmap[maxX][i] = true;\n }\n }\n // filling x edges\n if (this.xGap !== 1) {\n for (var i = minX; i <= maxX; i += 1) {\n bitmap[i][minY] = true;\n bitmap[i][maxY] = true;\n }\n }\n };\n Greedy.prototype.destroy = function () {\n this.bitmap = {};\n };\n return Greedy;\n}());\nfunction spiralFill(label, greedy, maxTimes) {\n if (maxTimes === void 0) { maxTimes = MAX_TIMES; }\n var dt = -1;\n var _a = label.attr(), x = _a.x, y = _a.y;\n var bbox = label.getCanvasBBox();\n var maxDelta = Math.sqrt(bbox.width * bbox.width + bbox.height * bbox.height);\n var dxdy;\n var t = -dt;\n var dx = 0;\n var dy = 0;\n var f = function (param) {\n var nt = param * 0.1;\n return [nt * Math.cos(nt), nt * Math.sin(nt)];\n };\n if (greedy.hasGap(bbox)) {\n greedy.fillGap(bbox);\n return true;\n }\n var canFill = false;\n var times = 0;\n var accessedCache = {};\n while (Math.min(Math.abs(dx), Math.abs(dy)) < maxDelta && times < maxTimes) {\n dxdy = f((t += dt));\n dx = ~~dxdy[0];\n dy = ~~dxdy[1];\n if ((!dx && !dy) || accessedCache[\"\".concat(dx, \"-\").concat(dy)]) {\n continue;\n }\n label.attr({ x: x + dx, y: y + dy });\n if (dx + dy < 0) {\n label.attr('textAlign', 'right');\n }\n times++;\n if (greedy.hasGap(label.getCanvasBBox())) {\n greedy.fillGap(label.getCanvasBBox());\n canFill = true;\n accessedCache[\"\".concat(dx, \"-\").concat(dy)] = true;\n break;\n }\n }\n return canFill;\n}\n/*\n * 根据如下规则尝试放置label\n * 5\n * ------------------\n * | 1 | 0 |\n * 8 —————————4———————— 7\n * | 2 | 3 |\n * ——————————————————\n * 6\n */\nfunction adjustLabelPosition(label, x, y, index) {\n var _a = label.getCanvasBBox(), width = _a.width, height = _a.height;\n var attrs = {\n x: x,\n y: y,\n textAlign: 'center',\n };\n switch (index) {\n case 0:\n attrs.y -= height + 1;\n attrs.x += 1;\n attrs.textAlign = 'left';\n break;\n case 1:\n attrs.y -= height + 1;\n attrs.x -= 1;\n attrs.textAlign = 'right';\n break;\n case 2:\n attrs.y += height + 1;\n attrs.x -= 1;\n attrs.textAlign = 'right';\n break;\n case 3:\n attrs.y += height + 1;\n attrs.x += 1;\n attrs.textAlign = 'left';\n break;\n case 5:\n attrs.y -= height * 2 + 2;\n break;\n case 6:\n attrs.y += height * 2 + 2;\n break;\n case 7:\n attrs.x += width + 1;\n attrs.textAlign = 'left';\n break;\n case 8:\n attrs.x -= width + 1;\n attrs.textAlign = 'right';\n break;\n default:\n break;\n }\n label.attr(attrs);\n return label.getCanvasBBox();\n}\n/**\n * @ignore\n * label 防遮挡布局：在不改变 label 位置的情况下对相互重叠的 label 进行调整。\n * 不同于 'overlap' 类型的布局，该布局不会对 label 的位置进行偏移调整。\n * @param labels 参与布局调整的 label 数组集合\n */\nexport function fixedOverlap(items, labels, shapes, region) {\n var greedy = new Greedy();\n each(labels, function (label) {\n var labelShape = label.find(function (shape) { return shape.get('type') === 'text'; });\n if (!spiralFill(labelShape, greedy)) {\n label.remove(true);\n }\n });\n greedy.destroy();\n}\n/**\n * @ignore\n * label 防遮挡布局：为了防止 label 之间相互覆盖同时保证尽可能多 的 label 展示，通过尝试将 label 向**四周偏移**来剔除放不下的 label\n * @param labels 参与布局调整的 label 数组集合\n */\nexport function overlap(items, labels, shapes, region) {\n var greedy = new Greedy();\n each(labels, function (label) {\n var labelShape = label.find(function (shape) { return shape.get('type') === 'text'; });\n var _a = labelShape.attr(), x = _a.x, y = _a.y;\n var canFill = false;\n for (var i = 0; i <= 8; i++) {\n var bbox = adjustLabelPosition(labelShape, x, y, i);\n if (greedy.hasGap(bbox)) {\n greedy.fillGap(bbox);\n canFill = true;\n break;\n }\n }\n if (!canFill) {\n label.remove(true);\n }\n });\n greedy.destroy();\n}\n//# sourceMappingURL=overlap.js.map","import { __read, __spreadArray } from \"tslib\";\nfunction dot(a, b) {\n return (a[0] || 0) * (b[0] || 0) + (a[1] || 0) * (b[1] || 0) + (a[2] || 0) * (b[2] || 0);\n}\n/**\n * @private\n * 1. 获取投影轴\n */\nfunction getAxes(points /** 多边形的关键点 */) {\n // 目前先处理 平行矩形 的场景, 其他多边形不处理\n if (points.length > 4) {\n return [];\n }\n // 获取向量\n var vector = function (start, end) {\n return [end.x - start.x, end.y - start.y];\n };\n // 由于 矩形的平行原理，所以只有 2 条投影轴: A -> B, B -> C\n var AB = vector(points[0], points[1]);\n var BC = vector(points[1], points[2]);\n return [AB, BC];\n}\n/**\n * @private\n * 绕指定点顺时针旋转后的点坐标\n * 默认绕原点旋转\n */\nfunction rotateAtPoint(point, deg, origin) {\n if (deg === void 0) { deg = 0; }\n if (origin === void 0) { origin = { x: 0, y: 0 }; }\n var x = point.x, y = point.y;\n return {\n x: (x - origin.x) * Math.cos(-deg) + (y - origin.y) * Math.sin(-deg) + origin.x,\n y: (origin.x - x) * Math.sin(-deg) + (y - origin.y) * Math.cos(-deg) + origin.y,\n };\n}\n/**\n * @private\n * 转化为顶点坐标数组\n *\n * @param {Object} box\n */\nfunction getRectPoints(box) {\n var points = [\n { x: box.x, y: box.y },\n { x: box.x + box.width, y: box.y },\n { x: box.x + box.width, y: box.y + box.height },\n { x: box.x, y: box.y + box.height },\n ];\n var rotation = box.rotation;\n if (rotation) {\n return [\n rotateAtPoint(points[0], rotation, points[0]),\n rotateAtPoint(points[1], rotation, points[0]),\n rotateAtPoint(points[2], rotation, points[0]),\n rotateAtPoint(points[3], rotation, points[0]),\n ];\n }\n return points;\n}\n/**\n * @private\n * 2. 获取多边形在投影轴上的投影\n *\n * 向量的点积的其中一个几何含义是：一个向量在平行于另一个向量方向上的投影的数值乘积。\n * 由于投影轴是单位向量（长度为1），投影的长度为 x1 * x2 + y1 * y2\n */\nfunction getProjection(points /** 多边形的关键点 */, axis) {\n // 目前先处理矩形的场景\n if (points.length > 4) {\n return { min: 0, max: 0 };\n }\n var scalars = [];\n points.forEach(function (point) {\n scalars.push(dot([point.x, point.y], axis));\n });\n return { min: Math.min.apply(Math, __spreadArray([], __read(scalars), false)), max: Math.max.apply(Math, __spreadArray([], __read(scalars), false)) };\n}\nfunction isProjectionOverlap(projection1, projection2) {\n return projection1.max > projection2.min && projection1.min < projection2.max;\n}\nfunction isValidNumber(d) {\n return typeof d === 'number' && !Number.isNaN(d) && d !== Infinity && d !== -Infinity;\n}\nfunction isValidBox(box) {\n return ['x', 'y', 'width', 'height'].every(function (attr) { return isValidNumber(box[attr]); });\n}\n/**\n * 快速判断两个无旋转矩形是否遮挡\n */\nexport function isIntersectRect(box1, box2, margin) {\n if (margin === void 0) { margin = 0; }\n return !(box2.x > box1.x + box1.width + margin ||\n box2.x + box2.width < box1.x - margin ||\n box2.y > box1.y + box1.height + margin ||\n box2.y + box2.height < box1.y - margin);\n}\n/**\n * detect whether two shape is intersected, useful when shape is been rotated\n * 判断两个矩形是否重叠（相交和包含, 是否旋转）\n *\n * - 原理: 分离轴定律\n */\nexport function intersect(box1, box2, margin) {\n if (margin === void 0) { margin = 0; }\n // 如果两个 box 中有一个是不合法的 box，也就是不会被渲染出来的，那么它们就不相交。\n if (!isValidBox(box1) || !isValidBox(box2))\n return false;\n // 如果两个矩形没有旋转，使用快速判断\n if (!box1.rotation && !box2.rotation) {\n return isIntersectRect(box1, box2, margin);\n }\n // 分别获取 4 个关键点\n var rect1Points = getRectPoints(box1);\n var rect2Points = getRectPoints(box2);\n // 获取所有投影轴\n var axes = getAxes(rect1Points).concat(getAxes(rect2Points));\n for (var i = 0; i < axes.length; i++) {\n var axis = axes[i];\n var projection1 = getProjection(rect1Points, axis);\n var projection2 = getProjection(rect2Points, axis);\n // 判断投影轴上的投影是否存在重叠，若检测到存在间隙则立刻退出判断，消除不必要的运算。\n if (!isProjectionOverlap(projection1, projection2)) {\n return false;\n }\n }\n return true;\n}\n//# sourceMappingURL=collision-detect.js.map","import { isFunction } from '@antv/util';\nvar MyWorker = /** @class */ (function () {\n function MyWorker(url) {\n var _this = this;\n this.queue = [];\n this.worker = new Worker(url);\n this.worker.onmessage = function (e) {\n var _a;\n (_a = _this.queue.shift()) === null || _a === void 0 ? void 0 : _a.resolve(e);\n };\n this.worker.onmessageerror = function (e) {\n var _a;\n console.warn('[AntV G2] Web worker is not available');\n (_a = _this.queue.shift()) === null || _a === void 0 ? void 0 : _a.reject(e);\n };\n }\n MyWorker.prototype.post = function (params, onError) {\n var _this = this;\n return new Promise(function (resolve, reject) {\n _this.queue.push({ resolve: resolve, reject: reject });\n try {\n _this.worker.postMessage(params);\n }\n catch (e) {\n console.warn('[AntV G2] Web worker is not available');\n isFunction(onError) && onError();\n }\n });\n };\n MyWorker.prototype.destroy = function () {\n this.worker.terminate();\n };\n return MyWorker;\n}());\nexport function createWorker(f) {\n if (typeof window === 'undefined')\n return;\n var blob;\n try {\n blob = new Blob([f.toString()], { type: 'application/javascript' });\n }\n catch (e) {\n // @ts-ignore\n blob = new window.BlobBuilder();\n blob.append(f.toString());\n blob = blob.getBlob();\n }\n return new MyWorker(URL.createObjectURL(blob));\n}\n//# sourceMappingURL=createWorker.js.map","var onmessage = function (e) {\n // Copy from src/util/collision-detect.ts\n function generateUtils() {\n function dot(a, b) {\n return (a[0] || 0) * (b[0] || 0) + (a[1] || 0) * (b[1] || 0) + (a[2] || 0) * (b[2] || 0);\n }\n /**\n * 1. 获取投影轴\n */\n function getAxes(points /** 多边形的关键点 */) {\n // 目前先处理 平行矩形 的场景, 其他多边形不处理\n if (points.length > 4) {\n return [];\n }\n // 获取向量\n var vector = function (start, end) {\n return [end.x - start.x, end.y - start.y];\n };\n // 由于 矩形的平行原理，所以只有 2 条投影轴: A -> B, B -> C\n var AB = vector(points[0], points[1]);\n var BC = vector(points[1], points[2]);\n return [AB, BC];\n }\n /**\n * 绕指定点顺时针旋转后的点坐标\n * 默认绕原点旋转\n */\n function rotateAtPoint(point, deg, origin) {\n if (deg === void 0) { deg = 0; }\n if (origin === void 0) { origin = { x: 0, y: 0 }; }\n var x = point.x, y = point.y;\n return {\n x: (x - origin.x) * Math.cos(-deg) + (y - origin.y) * Math.sin(-deg) + origin.x,\n y: (origin.x - x) * Math.sin(-deg) + (y - origin.y) * Math.cos(-deg) + origin.y,\n };\n }\n /**\n * @private\n * 转化为顶点坐标数组\n *\n * @param {Object} box\n */\n function getRectPoints(box) {\n var points = [\n { x: box.x, y: box.y },\n { x: box.x + box.width, y: box.y },\n { x: box.x + box.width, y: box.y + box.height },\n { x: box.x, y: box.y + box.height },\n ];\n var rotation = box.rotation;\n if (rotation) {\n return [\n rotateAtPoint(points[0], rotation, points[0]),\n rotateAtPoint(points[1], rotation, points[0]),\n rotateAtPoint(points[2], rotation, points[0]),\n rotateAtPoint(points[3], rotation, points[0]),\n ];\n }\n return points;\n }\n /**\n * 2. 获取多边形在投影轴上的投影\n *\n * 向量的点积的其中一个几何含义是：一个向量在平行于另一个向量方向上的投影的数值乘积。\n * 由于投影轴是单位向量（长度为1），投影的长度为 x1 * x2 + y1 * y2\n */\n function getProjection(points /** 多边形的关键点 */, axis) {\n // 目前先处理矩形的场景\n if (points.length > 4) {\n return { min: 0, max: 0 };\n }\n var scalars = [];\n points.forEach(function (point) {\n scalars.push(dot([point.x, point.y], axis));\n });\n return { min: Math.min.apply(null, scalars), max: Math.max.apply(null, scalars) };\n }\n function isProjectionOverlap(projection1, projection2) {\n return projection1.max > projection2.min && projection1.min < projection2.max;\n }\n function isValidNumber(d) {\n return typeof d === 'number' && !Number.isNaN(d) && d !== Infinity && d !== -Infinity;\n }\n function isValidBox(box) {\n return ['x', 'y', 'width', 'height'].every(function (attr) { return isValidNumber(box[attr]); });\n }\n function isIntersectRect(box1, box2, margin) {\n if (margin === void 0) { margin = 0; }\n return !(box2.x > box1.x + box1.width + margin ||\n box2.x + box2.width < box1.x - margin ||\n box2.y > box1.y + box1.height + margin ||\n box2.y + box2.height < box1.y - margin);\n }\n function intersect(box1, box2, margin) {\n if (margin === void 0) { margin = 0; }\n if (!isValidBox(box1) || !isValidBox(box2))\n return false;\n // Quick detect, if rotation is null or zero.\n if (!box1.rotation && !box2.rotation) {\n return isIntersectRect(box1, box2, margin);\n }\n // 分别获取 4 个关键点\n var rect1Points = getRectPoints(box1);\n var rect2Points = getRectPoints(box2);\n // 获取所有投影轴\n var axes = getAxes(rect1Points).concat(getAxes(rect2Points));\n for (var i = 0; i < axes.length; i++) {\n var axis = axes[i];\n var projection1 = getProjection(rect1Points, axis);\n var projection2 = getProjection(rect2Points, axis);\n if (!isProjectionOverlap(projection1, projection2))\n return false;\n }\n return true;\n }\n return { intersect: intersect };\n }\n var intersect = generateUtils().intersect;\n // Label layouts.\n function hideOverlap(items) {\n var boxes = items.slice();\n for (var i = 0; i < boxes.length; i++) {\n var box1 = boxes[i];\n if (box1.visible) {\n for (var j = i + 1; j < boxes.length; j++) {\n var box2 = boxes[j];\n if (box1 !== box2 && box2.visible) {\n if (intersect(box1, box2)) {\n box2.visible = false;\n }\n }\n }\n }\n }\n return boxes;\n }\n var methods = {\n 'hide-overlap': hideOverlap,\n };\n // Main\n try {\n var eventData = JSON.parse(e.data);\n if (!eventData || !eventData.type || !methods[eventData.type])\n return;\n var type = eventData.type, items = eventData.items;\n var result = methods[type](items);\n self.postMessage(result);\n }\n catch (e) {\n throw e;\n }\n};\nvar code = \"\\n self.onmessage = \".concat(onmessage.toString(), \"\\n\");\nexport { code };\n//# sourceMappingURL=hide-overlap.js.map","import { __assign, __awaiter, __generator } from \"tslib\";\nimport { get, each } from '@antv/util';\nimport { intersect } from '../../../util/collision-detect';\nimport { getLabelBackgroundInfo } from '../util';\nimport { createWorker } from '../util/createWorker';\nimport { code as layoutCode } from './worker/hide-overlap';\nvar layout = function (items) {\n var boxes = items.slice();\n for (var i = 0; i < boxes.length; i++) {\n var box1 = boxes[i];\n if (box1.visible) {\n for (var j = i + 1; j < boxes.length; j++) {\n var box2 = boxes[j];\n if (box1 !== box2 && box2.visible) {\n if (intersect(box1, box2)) {\n box2.visible = false;\n }\n }\n }\n }\n }\n return boxes;\n};\nvar cache = new Map();\nvar worker = createWorker(layoutCode);\n/**\n * label 防遮挡布局：在不改变 label 位置的情况下对相互重叠的 label 进行隐藏（非移除）\n * 不同于 'overlap' 类型的布局，该布局不会对 label 的位置进行偏移调整。\n * @param labels 参与布局调整的 label 数组集合\n */\nexport function hideOverlap(labelItems, labels, shapes, region) {\n return __awaiter(this, void 0, void 0, function () {\n var boxes, memoKey, cb, params, res, e_1;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n boxes = labels.map(function (d, idx) { return (__assign(__assign({}, getLabelBackgroundInfo(d, labelItems[idx], get(labelItems[idx], 'background.padding'))), { visible: true })); });\n memoKey = JSON.stringify(boxes);\n cb = function (items) {\n cache.set(memoKey, items);\n each(items, function (_a, idx) {\n var visible = _a.visible;\n var labelShape = labels[idx];\n if (visible) {\n labelShape === null || labelShape === void 0 ? void 0 : labelShape.show();\n }\n else {\n labelShape === null || labelShape === void 0 ? void 0 : labelShape.hide();\n }\n });\n return items;\n };\n if (!cache.get(memoKey)) return [3 /*break*/, 1];\n cb(cache.get(memoKey));\n return [3 /*break*/, 7];\n case 1:\n if (!worker) return [3 /*break*/, 6];\n _a.label = 2;\n case 2:\n _a.trys.push([2, 4, , 5]);\n params = JSON.stringify({ type: 'hide-overlap', items: boxes });\n return [4 /*yield*/, worker.post(params, function () { return cb(layout(boxes)); })];\n case 3:\n res = _a.sent();\n cb(Array.isArray(res.data) ? res.data : []);\n return [3 /*break*/, 5];\n case 4:\n e_1 = _a.sent();\n console.error(e_1);\n cb(layout(boxes));\n return [3 /*break*/, 5];\n case 5: return [3 /*break*/, 7];\n case 6:\n // Normal layout in main thread.\n cb(layout(boxes));\n _a.label = 7;\n case 7: return [2 /*return*/];\n }\n });\n });\n}\n//# sourceMappingURL=hide-overlap.js.map","import { __read } from \"tslib\";\nimport colorUtil from '@antv/color-util';\n// 内置的一些特殊设置\nvar preset = {\n '#5B8FF9': true,\n};\n// 根据YIQ亮度判断指定颜色取反色是不是白色\n// http://24ways.org/2010/calculating-color-contrast\n// http://www.w3.org/TR/AERT#color-contrast\nexport var isContrastColorWhite = function (color) {\n var rgb = colorUtil.toRGB(color).toUpperCase();\n if (preset[rgb]) {\n return preset[rgb];\n }\n var _a = __read(colorUtil.rgb2arr(rgb), 3), r = _a[0], g = _a[1], b = _a[2];\n var isDark = (r * 299 + g * 587 + b * 114) / 1000 < 128;\n return isDark;\n};\n//# sourceMappingURL=color.js.map","var ctx;\n/**\n * 获取 canvas context\n */\nexport function getCanvasContext() {\n if (!ctx) {\n ctx = document.createElement('canvas').getContext('2d');\n }\n return ctx;\n}\n//# sourceMappingURL=context.js.map","import { BBox } from '../../../util/bbox';\nimport { isContrastColorWhite } from '../../../util/color';\nexport function adjustColor(items, labels, shapes) {\n if (shapes.length === 0) {\n return;\n }\n var element = shapes[0].get('element');\n var theme = element.geometry.theme;\n var _a = theme.labels || {}, fillColorLight = _a.fillColorLight, fillColorDark = _a.fillColorDark;\n shapes.forEach(function (shape, index) {\n var label = labels[index];\n var textShape = label.find(function (el) { return el.get('type') === 'text'; });\n var shapeBBox = BBox.fromObject(shape.getBBox());\n var textBBox = BBox.fromObject(textShape.getCanvasBBox());\n var overflow = !shapeBBox.contains(textBBox);\n var bgColor = shape.attr('fill');\n var fillWhite = isContrastColorWhite(bgColor);\n if (!overflow) {\n if (fillWhite) {\n if (fillColorLight) {\n textShape.attr('fill', fillColorLight);\n }\n }\n else {\n if (fillColorDark) {\n textShape.attr('fill', fillColorDark);\n }\n }\n }\n else {\n // 出现溢出直接应用 overflowLabel 样式\n textShape.attr(theme.overflowLabels.style);\n }\n });\n}\n//# sourceMappingURL=adjust-color.js.map","import { BBox } from '../../../../util/bbox';\nimport { findLabelTextShape } from '../../util';\nfunction shouldInShapeSingle(geometry, label, shape) {\n var coordinate = geometry.coordinate;\n var textShape = findLabelTextShape(label);\n var textBBox = BBox.fromObject(textShape.getCanvasBBox());\n var shapeBBox = BBox.fromObject(shape.getBBox());\n return coordinate.isTransposed ? shapeBBox.height >= textBBox.height : shapeBBox.width >= textBBox.width;\n}\nfunction shouldInShape(geometry, labels, shapes) {\n var isStack = !!geometry.getAdjust('stack');\n return (isStack ||\n labels.every(function (label, index) {\n var shape = shapes[index];\n return shouldInShapeSingle(geometry, label, shape);\n }));\n}\nfunction moveInShape(geometry, label, shape) {\n var coordinate = geometry.coordinate;\n var shapeBBox = BBox.fromObject(shape.getBBox());\n var textShape = findLabelTextShape(label);\n if (coordinate.isTransposed) {\n // 水平方向：条形图系列\n textShape.attr({\n x: shapeBBox.minX + shapeBBox.width / 2,\n textAlign: 'center',\n });\n }\n else {\n // 垂直方向：柱形图系列\n textShape.attr({\n y: shapeBBox.minY + shapeBBox.height / 2,\n textBaseline: 'middle',\n });\n }\n}\n/**\n * 适用于 interval geometry 的数据标签位置自动调整布局方法\n * @param items\n * @param labels\n * @param shapes\n */\nexport function intervalAdjustPosition(items, labels, shapes) {\n var _a;\n if (shapes.length === 0) {\n return;\n }\n var element = (_a = shapes[0]) === null || _a === void 0 ? void 0 : _a.get('element');\n var geometry = element === null || element === void 0 ? void 0 : element.geometry;\n if (!geometry || geometry.type !== 'interval') {\n return;\n }\n var inShape = shouldInShape(geometry, labels, shapes);\n if (inShape) {\n shapes.forEach(function (shape, index) {\n var label = labels[index];\n moveInShape(geometry, label, shape);\n });\n }\n}\n//# sourceMappingURL=adjust-position.js.map","import { __read, __spreadArray } from \"tslib\";\nimport { each, groupBy, uniq, map, size } from '@antv/util';\nimport { checkShapeOverlap } from '../../util';\nfunction filterLabel(labels) {\n var MAX_CNT = 500; // 最多显示 500 个数据标签\n var filteredLabels = [];\n var pages = Math.max(Math.floor(labels.length / MAX_CNT), 1);\n each(labels, function (label, idx) {\n if (idx % pages === 0) {\n filteredLabels.push(label);\n }\n else {\n label.set('visible', false);\n }\n });\n return filteredLabels;\n}\n/**\n * 为 interval geometry 定制的数据标签重叠自动隐藏布局方法\n * @param items\n * @param labels\n * @param shapes\n */\nexport function intervalHideOverlap(items, labels, shapes) {\n var _a;\n if (shapes.length === 0) {\n return;\n }\n var element = (_a = shapes[0]) === null || _a === void 0 ? void 0 : _a.get('element');\n var geometry = element === null || element === void 0 ? void 0 : element.geometry;\n if (!geometry || geometry.type !== 'interval') {\n return;\n }\n var filteredLabels = filterLabel(labels);\n var _b = __read(geometry.getXYFields(), 1), xField = _b[0];\n var dones = [];\n var todo = [];\n var groupedLabels = groupBy(filteredLabels, function (label) { return label.get('data')[xField]; });\n var xValues = uniq(map(filteredLabels, function (label) { return label.get('data')[xField]; }));\n var xValue;\n filteredLabels.forEach(function (label) {\n label.set('visible', true);\n });\n var addCurrentGroup = function (curItems) {\n if (curItems) {\n if (curItems.length) {\n // 最后一个\n todo.push(curItems.pop());\n }\n todo.push.apply(todo, __spreadArray([], __read(curItems), false));\n }\n };\n if (size(xValues) > 0) {\n // 第一组\n xValue = xValues.shift();\n addCurrentGroup(groupedLabels[xValue]);\n }\n if (size(xValues) > 0) {\n // 最后一组\n xValue = xValues.pop();\n addCurrentGroup(groupedLabels[xValue]);\n }\n each(xValues.reverse(), function (val) {\n // 其他组\n addCurrentGroup(groupedLabels[val]);\n });\n while (todo.length > 0) {\n var cur = todo.shift();\n if (cur.get('visible')) {\n if (checkShapeOverlap(cur, dones)) {\n cur.set('visible', false);\n }\n else {\n dones.push(cur);\n }\n }\n }\n}\n//# sourceMappingURL=hide-overlap.js.map","import { __read, __spreadArray } from \"tslib\";\nimport { groupBy, keys, map } from '@antv/util';\nimport { findLabelTextShape } from '../../util';\n/**\n * 对同一组(相同 xField )的 Label 进行排序：第一个、最后一个、其他...\n * @param geometry\n * @param labels\n */\nfunction sortLabels(geometry, labels) {\n var yField = geometry.getXYFields()[1];\n var result = [];\n var sortedLabels = labels.sort(function (left, right) { return left.get('data')[yField] - left.get('data')[yField]; });\n if (sortedLabels.length > 0) {\n result.push(sortedLabels.shift());\n }\n if (sortedLabels.length > 0) {\n result.push(sortedLabels.pop());\n }\n result.push.apply(result, __spreadArray([], __read(sortedLabels), false));\n return result;\n}\nfunction hasSome(dones, current, compare) {\n return dones.some(function (done) { return compare(done, current); });\n}\n/**\n * 计算两个矩形之间的堆叠区域面积\n */\nfunction getOverlapArea(a, b, margin) {\n if (margin === void 0) { margin = 0; }\n var xOverlap = Math.max(0, Math.min(a.x + a.width + margin, b.x + b.width + margin) - Math.max(a.x - margin, b.x - margin));\n var yOverlap = Math.max(0, Math.min(a.y + a.height + margin, b.y + b.height + margin) - Math.max(a.y - margin, b.y - margin));\n return xOverlap * yOverlap;\n}\n/**\n * 判断新添加的 Label 是否和已存在的发生重叠\n * @param dones\n * @param current\n */\nfunction checkShapeOverlap(dones, current) {\n return hasSome(dones, current, function (left, right) {\n var leftText = findLabelTextShape(left);\n var rightText = findLabelTextShape(right);\n return getOverlapArea(leftText.getCanvasBBox(), rightText.getCanvasBBox(), 2) > 0;\n });\n}\n/**\n * 适用于 point geometry 的数据标签位置自动调整布局方法\n * @param items\n * @param labels\n * @param shapes\n * @param region\n * @param cfg\n */\nexport function pointAdjustPosition(items, labels, shapes, region, cfg) {\n var _a, _b;\n if (shapes.length === 0) {\n return;\n }\n var element = (_a = shapes[0]) === null || _a === void 0 ? void 0 : _a.get('element');\n var geometry = element === null || element === void 0 ? void 0 : element.geometry;\n if (!geometry || geometry.type !== 'point') {\n return;\n }\n var _c = __read(geometry.getXYFields(), 2), xField = _c[0], yField = _c[1];\n var groupedLabels = groupBy(labels, function (label) { return label.get('data')[xField]; });\n var dones = [];\n var offset = (cfg && cfg.offset) || ((_b = items[0]) === null || _b === void 0 ? void 0 : _b.offset) || 12;\n map(keys(groupedLabels).reverse(), function (xValue) {\n var sortedCollections = sortLabels(geometry, groupedLabels[xValue]);\n while (sortedCollections.length) {\n var current = sortedCollections.shift();\n var textShape = findLabelTextShape(current);\n if (hasSome(dones, current, function (left, right) {\n return left.get('data')[xField] === right.get('data')[xField] &&\n left.get('data')[yField] === right.get('data')[yField];\n })) {\n // 重复位置，直接隐藏\n textShape.set('visible', false);\n continue;\n }\n var upFail = checkShapeOverlap(dones, current);\n var downFail = false;\n if (upFail) {\n textShape.attr('y', textShape.attr('y') + 2 * offset);\n downFail = checkShapeOverlap(dones, current);\n }\n if (downFail) {\n textShape.set('visible', false);\n continue;\n }\n dones.push(current);\n }\n });\n}\n//# sourceMappingURL=adjust-position.js.map","import { __read, __spreadArray } from \"tslib\";\nimport { groupBy, keys, map } from '@antv/util';\nimport { findLabelTextShape } from '../../util';\n/**\n * 对同一组(相同 xField )的 Label 进行排序：第一个、最后一个、其他...\n * @param geometry\n * @param labels\n */\nfunction sortLabels(geometry, labels) {\n var yField = geometry.getXYFields()[1];\n var result = [];\n var sortedLabels = labels.sort(function (left, right) { return left.get('data')[yField] - left.get('data')[yField]; });\n if (sortedLabels.length > 0) {\n result.push(sortedLabels.shift());\n }\n if (sortedLabels.length > 0) {\n result.push(sortedLabels.pop());\n }\n result.push.apply(result, __spreadArray([], __read(sortedLabels), false));\n return result;\n}\nfunction hasSome(dones, current, compare) {\n return dones.some(function (done) { return compare(done, current); });\n}\n/**\n * 计算两个矩形之间的堆叠区域面积\n */\nfunction getOverlapArea(a, b, margin) {\n if (margin === void 0) { margin = 0; }\n var xOverlap = Math.max(0, Math.min(a.x + a.width + margin, b.x + b.width + margin) - Math.max(a.x - margin, b.x - margin));\n var yOverlap = Math.max(0, Math.min(a.y + a.height + margin, b.y + b.height + margin) - Math.max(a.y - margin, b.y - margin));\n return xOverlap * yOverlap;\n}\n/**\n * 判断新添加的 Label 是否和已存在的发生重叠\n * @param dones\n * @param current\n */\nfunction checkShapeOverlap(dones, current) {\n return hasSome(dones, current, function (left, right) {\n var leftText = findLabelTextShape(left);\n var rightText = findLabelTextShape(right);\n return getOverlapArea(leftText.getCanvasBBox(), rightText.getCanvasBBox(), 2) > 0;\n });\n}\n/**\n * 适用于 point geometry 的数据标签位置自动调整布局方法\n * @param items\n * @param labels\n * @param shapes\n * @param region\n * @param cfg\n */\nexport function pathAdjustPosition(items, labels, shapes, region, cfg) {\n var _a, _b;\n if (shapes.length === 0) {\n return;\n }\n var element = (_a = shapes[0]) === null || _a === void 0 ? void 0 : _a.get('element');\n var geometry = element === null || element === void 0 ? void 0 : element.geometry;\n if (!geometry || ['path', 'line', 'area'].indexOf(geometry.type) < 0) {\n return;\n }\n var _c = __read(geometry.getXYFields(), 2), xField = _c[0], yField = _c[1];\n var groupedLabels = groupBy(labels, function (label) { return label.get('data')[xField]; });\n var dones = [];\n var offset = (cfg && cfg.offset) || ((_b = items[0]) === null || _b === void 0 ? void 0 : _b.offset) || 12;\n map(keys(groupedLabels).reverse(), function (xValue) {\n var sortedCollections = sortLabels(geometry, groupedLabels[xValue]);\n while (sortedCollections.length) {\n var current = sortedCollections.shift();\n var textShape = findLabelTextShape(current);\n if (hasSome(dones, current, function (left, right) {\n return left.get('data')[xField] === right.get('data')[xField] &&\n left.get('data')[yField] === right.get('data')[yField];\n })) {\n // 重复位置，直接隐藏\n textShape.set('visible', false);\n continue;\n }\n var upFail = checkShapeOverlap(dones, current);\n var downFail = false;\n if (upFail) {\n textShape.attr('y', textShape.attr('y') + 2 * offset);\n downFail = checkShapeOverlap(dones, current);\n }\n if (downFail) {\n textShape.set('visible', false);\n continue;\n }\n dones.push(current);\n }\n });\n}\n//# sourceMappingURL=adjust-position.js.map","import { __read, __spreadArray } from \"tslib\";\nimport { isString, memoize, values, toString } from '@antv/util';\nimport { getCanvasContext } from './context';\n/**\n * 计算文本在画布中的宽度\n */\nexport var measureTextWidth = memoize(function (text, font) {\n if (font === void 0) { font = {}; }\n var fontSize = font.fontSize, fontFamily = font.fontFamily, fontWeight = font.fontWeight, fontStyle = font.fontStyle, fontVariant = font.fontVariant;\n var ctx = getCanvasContext();\n ctx.font = [fontStyle, fontVariant, fontWeight, \"\".concat(fontSize, \"px\"), fontFamily].join(' ');\n return ctx.measureText(isString(text) ? text : '').width;\n}, function (text, font) {\n if (font === void 0) { font = {}; }\n return __spreadArray([text], __read(values(font)), false).join('');\n});\n/**\n * 获取文本的 ... 文本。\n * 算法（减少每次 measureText 的长度，measureText 的性能跟字符串时间相关）：\n * 1. 先通过 STEP 逐步计算，找到最后一个小于 maxWidth 的字符串\n * 2. 然后对最后这个字符串二分计算\n * @param text 需要计算的文本, 由于历史原因 除了支持string，还支持空值,number和数组等\n * @param maxWidth\n * @param font\n */\nexport var getEllipsisText = function (text, maxWidth, font) {\n var STEP = 16; // 每次 16，调参工程师\n var DOT_WIDTH = measureTextWidth('...', font);\n var leftText;\n if (!isString(text)) {\n leftText = toString(text);\n }\n else {\n leftText = text;\n }\n var leftWidth = maxWidth;\n var r = []; // 最终的分段字符串\n var currentText;\n var currentWidth;\n if (measureTextWidth(text, font) <= maxWidth) {\n return text;\n }\n // 首先通过 step 计算，找出最大的未超出长度的\n while (true) {\n // 更新字符串\n currentText = leftText.substr(0, STEP);\n // 计算宽度\n currentWidth = measureTextWidth(currentText, font);\n // 超出剩余宽度，则停止\n if (currentWidth + DOT_WIDTH > leftWidth) {\n if (currentWidth > leftWidth) {\n break;\n }\n }\n r.push(currentText);\n // 没有超出，则计算剩余宽度\n leftWidth -= currentWidth;\n leftText = leftText.substr(STEP);\n // 字符串整体没有超出\n if (!leftText) {\n return r.join('');\n }\n }\n // 最下的最后一个 STEP，使用 1 递增（用二分效果更高）\n while (true) {\n // 更新字符串\n currentText = leftText.substr(0, 1);\n // 计算宽度\n currentWidth = measureTextWidth(currentText, font);\n // 超出剩余宽度，则停止\n if (currentWidth + DOT_WIDTH > leftWidth) {\n break;\n }\n r.push(currentText);\n // 没有超出，则计算剩余宽度\n leftWidth -= currentWidth;\n leftText = leftText.substr(1);\n if (!leftText) {\n return r.join('');\n }\n }\n return \"\".concat(r.join(''), \"...\");\n};\n//# sourceMappingURL=text.js.map","import { each, pick } from '@antv/util';\nimport { getCoordinateBBox } from '../../../util/coordinate';\nimport { getEllipsisText } from '../../../util/text';\nimport { translate } from '../../../util/transform';\n/**\n * @ignore\n * 将 label 限制在 Plot 范围内，将超出 Plot 范围的 label 可选择进行隐藏或者移动位置\n * @param labels\n * @param cfg\n */\nexport function limitInPlot(items, labels, shapes, region, cfg) {\n if (labels.length <= 0) {\n return;\n }\n var direction = (cfg === null || cfg === void 0 ? void 0 : cfg.direction) || ['top', 'right', 'bottom', 'left'];\n var action = (cfg === null || cfg === void 0 ? void 0 : cfg.action) || 'translate';\n var margin = (cfg === null || cfg === void 0 ? void 0 : cfg.margin) || 0;\n var coordinate = labels[0].get('coordinate');\n if (!coordinate) {\n return;\n }\n var _a = getCoordinateBBox(coordinate, margin), regionMinX = _a.minX, regionMinY = _a.minY, regionMaxX = _a.maxX, regionMaxY = _a.maxY;\n each(labels, function (label) {\n var _a = label.getCanvasBBox(), minX = _a.minX, minY = _a.minY, maxX = _a.maxX, maxY = _a.maxY, x = _a.x, y = _a.y, width = _a.width, height = _a.height;\n var finalX = x;\n var finalY = y;\n if (direction.indexOf('left') >= 0 && (minX < regionMinX || maxX < regionMinX)) {\n // 超出左侧\n finalX = regionMinX;\n }\n if (direction.indexOf('top') >= 0 && (minY < regionMinY || maxY < regionMinY)) {\n // 超出顶部\n finalY = regionMinY;\n }\n if (direction.indexOf('right') >= 0) {\n if (minX > regionMaxX) {\n // 整体超出右侧\n finalX = regionMaxX - width;\n }\n else if (maxX > regionMaxX) {\n // 超出右侧\n finalX = finalX - (maxX - regionMaxX);\n }\n }\n if (direction.indexOf('bottom') >= 0) {\n if (minY > regionMaxY) {\n // 整体超出底部\n finalY = regionMaxY - height;\n }\n else if (maxY > regionMaxY) {\n // 超出底部\n finalY = finalY - (maxY - regionMaxY);\n }\n }\n if (finalX !== x || finalY !== y) {\n var translateX_1 = finalX - x;\n if (action === 'translate') {\n translate(label, translateX_1, finalY - y);\n }\n else if (action === 'ellipsis') {\n var textShapes = label.findAll(function (shape) { return shape.get('type') === 'text'; });\n textShapes.forEach(function (textShape) {\n var style = pick(textShape.attr(), ['fontSize', 'fontFamily', 'fontWeight', 'fontStyle', 'fontVariant']);\n var textBox = textShape.getCanvasBBox();\n var text = getEllipsisText(textShape.attr('text'), textBox.width - Math.abs(translateX_1), style);\n textShape.attr('text', text);\n });\n }\n else {\n label.hide();\n }\n }\n });\n}\n//# sourceMappingURL=limit-in-plot.js.map","import { isNil } from '@antv/util';\n/**\n * @ignore\n * 单个 shape 动画\n * 渐现动画\n * @param shape 执行动画的图形元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function fadeIn(shape, animateCfg, cfg) {\n var endState = {\n fillOpacity: isNil(shape.attr('fillOpacity')) ? 1 : shape.attr('fillOpacity'),\n strokeOpacity: isNil(shape.attr('strokeOpacity')) ? 1 : shape.attr('strokeOpacity'),\n opacity: isNil(shape.attr('opacity')) ? 1 : shape.attr('opacity'),\n };\n shape.attr({\n fillOpacity: 0,\n strokeOpacity: 0,\n opacity: 0,\n });\n shape.animate(endState, animateCfg);\n}\n/**\n * @ignore\n * 单个 shape 动画\n * 渐隐动画\n * @param shape 执行动画的图形元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function fadeOut(shape, animateCfg, cfg) {\n var endState = {\n fillOpacity: 0,\n strokeOpacity: 0,\n opacity: 0,\n };\n var easing = animateCfg.easing, duration = animateCfg.duration, delay = animateCfg.delay;\n shape.animate(endState, duration, easing, function () {\n shape.remove(true);\n }, delay);\n}\n//# sourceMappingURL=fade.js.map","import { __read } from \"tslib\";\nimport { ext } from '@antv/matrix-util';\n/**\n * @ignore\n * 对图形元素进行矩阵变换，同时返回变换前的图形矩阵\n * @param shape 进行矩阵变换的图形\n * @param vector 矩阵变换的中心点\n * @param direct 矩阵变换的类型\n */\nexport function transformShape(shape, vector, direct) {\n var scaledMatrix;\n var _a = __read(vector, 2), x = _a[0], y = _a[1];\n shape.applyToMatrix([x, y, 1]);\n if (direct === 'x') {\n shape.setMatrix(ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 0.01, 1],\n ['t', x, y],\n ]));\n scaledMatrix = ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 100, 1],\n ['t', x, y],\n ]);\n }\n else if (direct === 'y') {\n shape.setMatrix(ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 1, 0.01],\n ['t', x, y],\n ]));\n scaledMatrix = ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 1, 100],\n ['t', x, y],\n ]);\n }\n else if (direct === 'xy') {\n shape.setMatrix(ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 0.01, 0.01],\n ['t', x, y],\n ]));\n scaledMatrix = ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 100, 100],\n ['t', x, y],\n ]);\n }\n return scaledMatrix;\n}\n/**\n * 对图形元素进行剪切动画\n * @param element 进行动画的图形元素\n * @param animateCfg 动画配置\n * @param coordinate 当前坐标系\n * @param yMinPoint y 轴的最小值对应的图形坐标点\n * @param type 剪切动画的类型\n */\nexport function doScaleAnimate(element, animateCfg, coordinate, yMinPoint, type) {\n var start = coordinate.start, end = coordinate.end;\n var width = coordinate.getWidth();\n var height = coordinate.getHeight();\n var x;\n var y;\n if (type === 'y') {\n x = start.x + width / 2;\n y = yMinPoint.y < start.y ? yMinPoint.y : start.y;\n }\n else if (type === 'x') {\n x = yMinPoint.x > start.x ? yMinPoint.x : start.x;\n y = start.y + height / 2;\n }\n else if (type === 'xy') {\n if (coordinate.isPolar) {\n x = coordinate.getCenter().x;\n y = coordinate.getCenter().y;\n }\n else {\n x = (start.x + end.x) / 2;\n y = (start.y + end.y) / 2;\n }\n }\n var endMatrix = transformShape(element, [x, y], type);\n element.animate({\n matrix: endMatrix,\n }, animateCfg);\n}\n//# sourceMappingURL=util.js.map","import { doScaleAnimate } from './util';\n/**\n * @ignore\n * 入场动画\n * x 方向的生长\n * @param element 执行动画的元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function growInX(element, animateCfg, cfg) {\n var coordinate = cfg.coordinate, minYPoint = cfg.minYPoint;\n doScaleAnimate(element, animateCfg, coordinate, minYPoint, 'x');\n}\n/**\n * @ignore\n * 入场动画\n * y 轴方向上的生长\n * @param element 执行动画的元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function growInY(element, animateCfg, cfg) {\n var coordinate = cfg.coordinate, minYPoint = cfg.minYPoint;\n doScaleAnimate(element, animateCfg, coordinate, minYPoint, 'y');\n}\n/**\n * @ignore\n * 入场\n * 中心点的向四周的生长动画\n * @param element 执行动画的元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function growInXY(element, animateCfg, cfg) {\n var coordinate = cfg.coordinate, minYPoint = cfg.minYPoint;\n doScaleAnimate(element, animateCfg, coordinate, minYPoint, 'xy');\n}\n//# sourceMappingURL=grow-in.js.map","/**\n * @ignore\n * 入场动画\n * path 的入场动画\n * @param element 执行动画的元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function pathIn(element, animateCfg, cfg) {\n // @ts-ignore\n var length = element.getTotalLength();\n // 设置虚线样式\n element.attr('lineDash', [length]);\n element.animate(function (ratio) {\n return {\n // 对虚线偏移量做动画\n lineDashOffset: (1 - ratio) * length,\n };\n }, animateCfg);\n}\n//# sourceMappingURL=path-in.js.map","/**\n * @ignore\n * 坐标移动动画\n * @param shape 图形\n * @param animateCfg\n * @param cfg\n */\nexport function positionUpdate(shape, animateCfg, cfg) {\n var toAttrs = cfg.toAttrs;\n // @ts-ignore\n var x = toAttrs.x;\n // @ts-ignore\n var y = toAttrs.y;\n // @ts-ignore\n delete toAttrs.x;\n // @ts-ignore\n delete toAttrs.y;\n shape.attr(toAttrs);\n shape.animate({\n x: x,\n y: y,\n }, animateCfg);\n}\n//# sourceMappingURL=position-update.js.map","import { ext } from '@antv/matrix-util';\n/**\n * @ignore\n * 沿着 x 方向放大的动画\n * @param shape\n * @param animateCfg\n * @param shapeModel\n */\nexport function scaleInX(shape, animateCfg, cfg) {\n var box = shape.getBBox();\n var mappingData = shape.get('origin').mappingData;\n var points = mappingData.points;\n // x 数值如果为负值，那么应该从右往左生长\n var x = points[0].y - points[1].y > 0 ? box.maxX : box.minX;\n var y = (box.minY + box.maxY) / 2;\n shape.applyToMatrix([x, y, 1]);\n var matrix = ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 0.01, 1],\n ['t', x, y],\n ]);\n shape.setMatrix(matrix);\n shape.animate({\n matrix: ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 100, 1],\n ['t', x, y],\n ]),\n }, animateCfg);\n}\n/**\n * @ignore\n * 沿着 y 方向放大的动画\n * @param shape\n * @param animateCfg\n * @param shapeModel\n */\nexport function scaleInY(shape, animateCfg, cfg) {\n var box = shape.getBBox();\n var mappingData = shape.get('origin').mappingData;\n var x = (box.minX + box.maxX) / 2;\n var points = mappingData.points;\n // 数值如果为负值，那么应该从上往下生长，通过 shape 的关键点进行判断\n var y = points[0].y - points[1].y <= 0 ? box.maxY : box.minY;\n shape.applyToMatrix([x, y, 1]);\n var matrix = ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 1, 0.01],\n ['t', x, y],\n ]);\n shape.setMatrix(matrix);\n shape.animate({\n matrix: ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 1, 100],\n ['t', x, y],\n ]),\n }, animateCfg);\n}\n//# sourceMappingURL=scale-in.js.map","import { __assign, __read } from \"tslib\";\nimport { getArcParams } from '@antv/g-canvas';\nimport { isNumberEqual, isEqual } from '@antv/util';\nimport { getArcPath, getSectorPath } from '../../util/graphics';\nfunction getAngle(startPoint, arcPath) {\n var _a;\n var _b = getArcParams(startPoint, arcPath), startAngle = _b.startAngle, endAngle = _b.endAngle;\n if (!isNumberEqual(startAngle, -Math.PI * 0.5) && startAngle < -Math.PI * 0.5) {\n startAngle += Math.PI * 2;\n }\n if (!isNumberEqual(endAngle, -Math.PI * 0.5) && endAngle < -Math.PI * 0.5) {\n endAngle += Math.PI * 2;\n }\n if (arcPath[5] === 0) {\n // 逆时针，需要将 startAngle 和 endAngle 转置，因为 G2 极坐标系为顺时针方向\n _a = __read([endAngle, startAngle], 2), startAngle = _a[0], endAngle = _a[1];\n }\n if (isNumberEqual(startAngle, Math.PI * 1.5)) {\n startAngle = Math.PI * -0.5;\n }\n // 当 startAngle, endAngle 接近相等时，不进行 endAngle = Math.PI * 1.5 防止变化从整个圆开始\n if (isNumberEqual(endAngle, Math.PI * -0.5) && !isNumberEqual(startAngle, endAngle)) {\n endAngle = Math.PI * 1.5;\n }\n return {\n startAngle: startAngle,\n endAngle: endAngle,\n };\n}\nfunction getArcStartPoint(path) {\n var startPoint;\n if (path[0] === 'M' || path[0] === 'L') {\n startPoint = [path[1], path[2]];\n }\n else if (path[0] === 'a' || path[0] === 'A' || path[0] === 'C') {\n startPoint = [path[path.length - 2], path[path.length - 1]];\n }\n return startPoint;\n}\n/**\n * path 存在以下情况\n * 1. 饼图不为整圆的 path，命令为 M, L, A, L, Z\n * 2. 饼图为整圆的 path，命令为 M, M, A, A, M, Z\n * 3. 环图不为整圆的 path，命令为 M, A, L, A, L, Z\n * 4. 环图为整圆的 path，命令为 M, A, A, M, A, A, M, Z\n * 5. radial-line, 不为整圆时的 path, 命令为 M, A, A, Z\n * 6. radial-line, 为整圆时的 path，命令为 M, A, A, A, A, Z\n * @param path theta 坐标系下圆弧的 path 命令\n */\nexport function getArcInfo(path) {\n var _a;\n var startAngle;\n var endAngle;\n var arcPaths = path.filter(function (command) {\n return command[0] === 'A' || command[0] === 'a';\n });\n if (arcPaths.length === 0) {\n return {\n startAngle: 0,\n endAngle: 0,\n radius: 0,\n innerRadius: 0,\n };\n }\n var firstArcPathCommand = arcPaths[0];\n var lastArcPathCommand = arcPaths.length > 1 ? arcPaths[1] : arcPaths[0];\n var firstIndex = path.indexOf(firstArcPathCommand);\n var lastIndex = path.indexOf(lastArcPathCommand);\n var firstStartPoint = getArcStartPoint(path[firstIndex - 1]);\n var lastStartPoint = getArcStartPoint(path[lastIndex - 1]);\n var _b = getAngle(firstStartPoint, firstArcPathCommand), firstStartAngle = _b.startAngle, firstEndAngle = _b.endAngle;\n var _c = getAngle(lastStartPoint, lastArcPathCommand), lastStartAngle = _c.startAngle, lastEndAngle = _c.endAngle;\n if (isNumberEqual(firstStartAngle, lastStartAngle) && isNumberEqual(firstEndAngle, lastEndAngle)) {\n startAngle = firstStartAngle;\n endAngle = firstEndAngle;\n }\n else {\n startAngle = Math.min(firstStartAngle, lastStartAngle);\n endAngle = Math.max(firstEndAngle, lastEndAngle);\n }\n var radius = firstArcPathCommand[1];\n var innerRadius = arcPaths[arcPaths.length - 1][1];\n if (radius < innerRadius) {\n _a = __read([innerRadius, radius], 2), radius = _a[0], innerRadius = _a[1];\n }\n else if (radius === innerRadius) {\n innerRadius = 0;\n }\n return {\n startAngle: startAngle,\n endAngle: endAngle,\n radius: radius,\n innerRadius: innerRadius,\n };\n}\n/**\n * @ignore\n * 饼图更新动画\n * @param shape 文本图形\n * @param animateCfg\n * @param cfg\n */\nexport function sectorPathUpdate(shape, animateCfg, cfg) {\n var toAttrs = cfg.toAttrs, coordinate = cfg.coordinate;\n var path = toAttrs.path || [];\n var pathCommands = path.map(function (command) { return command[0]; });\n if (path.length < 1)\n return;\n var _a = getArcInfo(path), curStartAngle = _a.startAngle, curEndAngle = _a.endAngle, radius = _a.radius, innerRadius = _a.innerRadius;\n var _b = getArcInfo(shape.attr('path')), preStartAngle = _b.startAngle, preEndAngle = _b.endAngle;\n var center = coordinate.getCenter();\n var diffStartAngle = curStartAngle - preStartAngle;\n var diffEndAngle = curEndAngle - preEndAngle;\n // 没有 diff 时直接返回最终 attrs，不需要额外动画\n if (diffStartAngle === 0 && diffEndAngle === 0) {\n shape.attr('path', path);\n return;\n }\n shape.animate(function (ratio) {\n var onFrameStartAngle = preStartAngle + ratio * diffStartAngle;\n var onFrameEndAngle = preEndAngle + ratio * diffEndAngle;\n return __assign(__assign({}, toAttrs), { path: \n // hack, 兼容 /examples/bar/basic/demo/radial-line.ts 动画\n isEqual(pathCommands, ['M', 'A', 'A', 'Z'])\n ? getArcPath(center.x, center.y, radius, onFrameStartAngle, onFrameEndAngle)\n : getSectorPath(center.x, center.y, radius, onFrameStartAngle, onFrameEndAngle, innerRadius) });\n }, __assign(__assign({}, animateCfg), { callback: function () {\n // 将 path 保持原始态，否则会影响 setState() 的动画\n shape.attr('path', path);\n } }));\n}\n//# sourceMappingURL=sector-path-update.js.map","import { __assign } from \"tslib\";\nimport { getCoordinateClipCfg } from '../../util/coordinate';\n/**\n * @ignore\n * 整体动画\n * 划入入场动画效果\n * @todo 放两张直角坐标系和极坐标系的图\n * @param element 参与动画的图形元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function waveIn(element, animateCfg, cfg) {\n var _a = getCoordinateClipCfg(cfg.coordinate, 20), type = _a.type, startState = _a.startState, endState = _a.endState; // 根据坐标系类型获取整体的剪切区域配置信息\n var clipShape = element.setClip({\n type: type,\n attrs: startState,\n }); // 为 shape 设置剪切区域\n // 更新 动画 获取了 toAttrs 需要重新更新上去\n if (cfg.toAttrs) {\n element.attr(cfg.toAttrs);\n }\n // 对剪切图形做动画\n clipShape.animate(endState, __assign(__assign({}, animateCfg), { callback: function () {\n if (element && !element.get('destroyed')) {\n element.set('clipShape', null);\n }\n clipShape.remove(true); // 动画结束需要将剪切图形销毁\n } }));\n}\n//# sourceMappingURL=wave-in.js.map","import { __assign } from \"tslib\";\nimport { ext } from '@antv/matrix-util';\nimport { each } from '@antv/util';\nfunction doShapeZoom(shape, animateCfg, type) {\n if (shape.isGroup()) {\n each(shape.getChildren(), function (child) {\n doShapeZoom(child, animateCfg, type);\n });\n }\n else {\n var bbox = shape.getBBox();\n var x = (bbox.minX + bbox.maxX) / 2;\n var y = (bbox.minY + bbox.maxY) / 2;\n shape.applyToMatrix([x, y, 1]);\n if (type === 'zoomIn') {\n // 放大\n var matrix = ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 0.01, 0.01],\n ['t', x, y],\n ]);\n shape.setMatrix(matrix);\n shape.animate({\n matrix: ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 100, 100],\n ['t', x, y],\n ]),\n }, animateCfg);\n }\n else {\n shape.animate({\n matrix: ext.transform(shape.getMatrix(), [\n ['t', -x, -y],\n ['s', 0.01, 0.01],\n ['t', x, y],\n ]),\n }, __assign(__assign({}, animateCfg), { callback: function () {\n shape.remove(true);\n } }));\n }\n }\n}\n/**\n * @ignore\n * 单个 shape 动画\n * shape 以自身中心点逐渐放大的进入动画\n * @param shape 参与动画的图形元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function zoomIn(shape, animateCfg, cfg) {\n doShapeZoom(shape, animateCfg, 'zoomIn');\n}\n/**\n * @ignore\n * 单个 shape 动画\n * 消失动画，shape 以自身为中心点的逐渐缩小\n * @param shape 参与动画的图形元素\n * @param animateCfg 动画配置\n * @param cfg 额外信息\n */\nexport function zoomOut(shape, animateCfg, cfg) {\n doShapeZoom(shape, animateCfg, 'zoomOut');\n}\n//# sourceMappingURL=zoom.js.map","import { DIRECTION } from '../constant';\n/**\n * @ignore\n * 获取 facet title 的最佳默认配置，防止\n */\nexport function getFactTitleConfig(direction) {\n if ([DIRECTION.TOP, DIRECTION.BOTTOM].includes(direction)) {\n return {\n offsetX: 0,\n offsetY: direction === DIRECTION.TOP ? -8 : 8,\n style: {\n textAlign: 'center',\n textBaseline: direction === DIRECTION.TOP ? 'bottom' : 'top',\n },\n };\n }\n if ([DIRECTION.LEFT, DIRECTION.RIGHT].includes(direction)) {\n return {\n offsetX: direction === DIRECTION.LEFT ? -8 : 8,\n offsetY: 0,\n style: {\n textAlign: direction === DIRECTION.LEFT ? 'right' : 'left',\n textBaseline: 'middle',\n rotate: Math.PI / 2, // 文本阅读习惯从上往下\n },\n };\n }\n return {};\n}\n/**\n * @ignore\n * 根据角度，获取 ○ 上的点\n * @param center\n * @param r\n * @param angle\n */\nexport function getAnglePoint(center, r, angle) {\n return {\n x: center.x + r * Math.cos(angle),\n y: center.y + r * Math.sin(angle),\n };\n}\n//# sourceMappingURL=facet.js.map","import { __extends, __read } from \"tslib\";\nimport { deepMix, each, filter, get } from '@antv/util';\nimport { DIRECTION } from '../constant';\nimport { getAnglePoint, getFactTitleConfig } from '../util/facet';\nimport { Facet } from './facet';\n/**\n * @ignore\n * 镜像分面\n */\nvar Circle = /** @class */ (function (_super) {\n __extends(Circle, _super);\n function Circle() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Circle.prototype.getDefaultCfg = function () {\n return deepMix({}, _super.prototype.getDefaultCfg.call(this), {\n type: 'circle',\n showTitle: true,\n title: _super.prototype.getDefaultTitleCfg.call(this),\n });\n };\n Circle.prototype.render = function () {\n _super.prototype.render.call(this);\n if (this.cfg.showTitle) {\n this.renderTitle();\n }\n };\n /**\n * 根据总数和当前索引，计算分面的 region\n * @param count\n * @param index\n */\n Circle.prototype.getRegion = function (count, index) {\n var r = 1 / 2; // 画布半径\n // 画布圆心\n var center = { x: 0.5, y: 0.5 };\n // 每隔分面间隔的弧度\n var avgAngle = (Math.PI * 2) / count;\n // 当前分面所在的弧度\n var angle = (-1 * Math.PI) / 2 + avgAngle * index;\n // TODO 没看懂\n var facetR = r / (1 + 1 / Math.sin(avgAngle / 2));\n // 分面的中心点\n var middle = getAnglePoint(center, r - facetR, angle);\n var startAngle = (Math.PI * 5) / 4; // 右上角\n var endAngle = (Math.PI * 1) / 4; // 左下角\n return {\n start: getAnglePoint(middle, facetR, startAngle),\n end: getAnglePoint(middle, facetR, endAngle),\n };\n };\n Circle.prototype.afterEachView = function (view, facet) {\n this.processAxis(view, facet);\n };\n Circle.prototype.beforeEachView = function (view, facet) { };\n Circle.prototype.generateFacets = function (data) {\n var _this = this;\n var _a = this.cfg, fields = _a.fields, type = _a.type;\n var _b = __read(fields, 1), field = _b[0];\n if (!field) {\n throw new Error('No `fields` specified!');\n }\n var values = this.getFieldValues(data, field);\n var count = values.length;\n var rst = [];\n values.forEach(function (value, index) {\n var conditions = [{ field: field, value: value, values: values }];\n var facetData = filter(data, _this.getFacetDataFilter(conditions));\n var facet = {\n type: type,\n data: facetData,\n region: _this.getRegion(count, index),\n columnValue: value,\n columnField: field,\n columnIndex: index,\n columnValuesLength: count,\n rowValue: null,\n rowField: null,\n rowIndex: 0,\n rowValuesLength: 1,\n };\n rst.push(facet);\n });\n return rst;\n };\n Circle.prototype.getXAxisOption = function (x, axes, option, facet) {\n // 不做任何处理\n return option;\n };\n /**\n * 设置 y 坐标轴的文本、title 是否显示\n * @param y\n * @param axes\n * @param option\n * @param facet\n */\n Circle.prototype.getYAxisOption = function (y, axes, option, facet) {\n // 不做任何处理\n return option;\n };\n /**\n * facet title\n */\n Circle.prototype.renderTitle = function () {\n var _this = this;\n each(this.facets, function (facet) {\n var columnValue = facet.columnValue, view = facet.view;\n var formatter = get(_this.cfg.title, 'formatter');\n var config = deepMix({\n position: ['50%', '0%'],\n content: formatter ? formatter(columnValue) : columnValue,\n }, getFactTitleConfig(DIRECTION.TOP), _this.cfg.title);\n view.annotation().text(config);\n });\n };\n return Circle;\n}(Facet));\nexport default Circle;\n//# sourceMappingURL=circle.js.map","import { __assign, __extends, __read } from \"tslib\";\nimport { deepMix, each, filter, get } from '@antv/util';\nimport { DIRECTION } from '../constant';\nimport { getFactTitleConfig } from '../util/facet';\nimport { Facet } from './facet';\n/**\n * @ignore\n * 镜像分面\n */\nvar List = /** @class */ (function (_super) {\n __extends(List, _super);\n function List() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n List.prototype.getDefaultCfg = function () {\n return deepMix({}, _super.prototype.getDefaultCfg.call(this), {\n type: 'list',\n cols: null,\n showTitle: true,\n title: _super.prototype.getDefaultTitleCfg.call(this),\n });\n };\n List.prototype.render = function () {\n _super.prototype.render.call(this);\n if (this.cfg.showTitle) {\n this.renderTitle();\n }\n };\n List.prototype.afterEachView = function (view, facet) {\n this.processAxis(view, facet);\n };\n List.prototype.beforeEachView = function (view, facet) { };\n List.prototype.generateFacets = function (data) {\n var _this = this;\n var fields = this.cfg.fields;\n var cols = this.cfg.cols;\n var _a = __read(fields, 1), columnField = _a[0];\n if (!columnField) {\n throw new Error('No `fields` specified!');\n }\n var colValues = this.getFieldValues(data, columnField);\n var count = colValues.length;\n cols = cols || count; // 每行有几列数据\n // 总共有几行\n var rows = this.getPageCount(count, cols);\n var rst = [];\n colValues.forEach(function (val, index) {\n // 当前 index 在那个行列\n var _a = _this.getRowCol(index, cols), row = _a.row, col = _a.col;\n var conditions = [{ field: columnField, value: val, values: colValues }];\n var facetData = filter(data, _this.getFacetDataFilter(conditions));\n var facet = {\n type: _this.cfg.type,\n data: facetData,\n region: _this.getRegion(rows, cols, col, row),\n columnValue: val,\n rowValue: val,\n columnField: columnField,\n rowField: null,\n columnIndex: col,\n rowIndex: row,\n columnValuesLength: cols,\n rowValuesLength: rows,\n total: count,\n };\n rst.push(facet);\n });\n return rst;\n };\n /**\n * 设置 x 坐标轴的文本、title 是否显示\n * @param x\n * @param axes\n * @param option\n * @param facet\n */\n List.prototype.getXAxisOption = function (x, axes, option, facet) {\n // 当是最后一行或者下面没有 view 时文本不显示\n if (facet.rowIndex !== facet.rowValuesLength - 1 &&\n facet.columnValuesLength * facet.rowIndex + facet.columnIndex + 1 + facet.columnValuesLength <= facet.total) {\n return __assign(__assign({}, option), { label: null, title: null });\n }\n return option;\n };\n /**\n * 设置 y 坐标轴的文本、title 是否显示\n * @param y\n * @param axes\n * @param option\n * @param facet\n */\n List.prototype.getYAxisOption = function (y, axes, option, facet) {\n if (facet.columnIndex !== 0) {\n return __assign(__assign({}, option), { title: null, label: null });\n }\n return option;\n };\n /**\n * facet title\n */\n List.prototype.renderTitle = function () {\n var _this = this;\n each(this.facets, function (facet) {\n var columnValue = facet.columnValue, view = facet.view;\n var formatter = get(_this.cfg.title, 'formatter');\n var config = deepMix({\n position: ['50%', '0%'],\n content: formatter ? formatter(columnValue) : columnValue,\n }, getFactTitleConfig(DIRECTION.TOP), _this.cfg.title);\n view.annotation().text(config);\n });\n };\n /**\n * 计算分页数\n * @param total\n * @param pageSize\n */\n List.prototype.getPageCount = function (total, pageSize) {\n return Math.floor((total + pageSize - 1) / pageSize);\n };\n /**\n * 索引值在哪一页\n * @param index\n * @param pageSize\n */\n List.prototype.getRowCol = function (index, pageSize) {\n var row = Math.floor(index / pageSize);\n var col = index % pageSize;\n return { row: row, col: col };\n };\n return List;\n}(Facet));\nexport default List;\n//# sourceMappingURL=list.js.map","import { __assign, __extends } from \"tslib\";\nimport { deepMix, each, get } from '@antv/util';\nimport { DIRECTION } from '../constant';\nimport { getFactTitleConfig } from '../util/facet';\nimport { Facet } from './facet';\n/**\n * @ignore\n * 镜像分面\n */\nvar Matrix = /** @class */ (function (_super) {\n __extends(Matrix, _super);\n function Matrix() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Matrix.prototype.getDefaultCfg = function () {\n return deepMix({}, _super.prototype.getDefaultCfg.call(this), {\n type: 'matrix',\n showTitle: false,\n columnTitle: __assign({}, _super.prototype.getDefaultTitleCfg.call(this)),\n rowTitle: __assign({}, _super.prototype.getDefaultTitleCfg.call(this)),\n });\n };\n Matrix.prototype.render = function () {\n _super.prototype.render.call(this);\n if (this.cfg.showTitle) {\n this.renderTitle();\n }\n };\n Matrix.prototype.afterEachView = function (view, facet) {\n this.processAxis(view, facet);\n };\n Matrix.prototype.beforeEachView = function (view, facet) { };\n Matrix.prototype.generateFacets = function (data) {\n var _a = this.cfg, fields = _a.fields, type = _a.type;\n // 矩阵中行列相等，等于指定的字段个数\n var rowValuesLength = fields.length;\n var columnValuesLength = rowValuesLength;\n var rst = [];\n for (var i = 0; i < columnValuesLength; i++) {\n var columnField = fields[i];\n for (var j = 0; j < rowValuesLength; j++) {\n var rowField = fields[j];\n var facet = {\n type: type,\n data: data,\n region: this.getRegion(rowValuesLength, columnValuesLength, i, j),\n columnValue: columnField,\n rowValue: rowField,\n columnField: columnField,\n rowField: rowField,\n columnIndex: i,\n rowIndex: j,\n columnValuesLength: columnValuesLength,\n rowValuesLength: rowValuesLength,\n };\n rst.push(facet);\n }\n }\n return rst;\n };\n /**\n * 设置 x 坐标轴的文本、title 是否显示\n * @param x\n * @param axes\n * @param option\n * @param facet\n */\n Matrix.prototype.getXAxisOption = function (x, axes, option, facet) {\n // 最后一行显示\n if (facet.rowIndex !== facet.rowValuesLength - 1) {\n return __assign(__assign({}, option), { label: null, title: null });\n }\n return option;\n };\n /**\n * 设置 y 坐标轴的文本、title 是否显示\n * @param y\n * @param axes\n * @param option\n * @param facet\n */\n Matrix.prototype.getYAxisOption = function (y, axes, option, facet) {\n // 第一列显示\n if (facet.columnIndex !== 0) {\n return __assign(__assign({}, option), { title: null, label: null });\n }\n return option;\n };\n /**\n * facet title\n */\n Matrix.prototype.renderTitle = function () {\n var _this = this;\n each(this.facets, function (facet, facetIndex) {\n var columnIndex = facet.columnIndex, rowIndex = facet.rowIndex, columnValuesLength = facet.columnValuesLength, rowValuesLength = facet.rowValuesLength, columnValue = facet.columnValue, rowValue = facet.rowValue, view = facet.view;\n // top\n if (rowIndex === 0) {\n var formatter = get(_this.cfg.columnTitle, 'formatter');\n var config = deepMix({\n position: ['50%', '0%'],\n content: formatter ? formatter(columnValue) : columnValue,\n }, getFactTitleConfig(DIRECTION.TOP), _this.cfg.columnTitle);\n view.annotation().text(config);\n }\n // right\n if (columnIndex === columnValuesLength - 1) {\n var formatter = get(_this.cfg.rowTitle, 'formatter');\n var config = deepMix({\n position: ['100%', '50%'],\n content: formatter ? formatter(rowValue) : rowValue,\n }, getFactTitleConfig(DIRECTION.RIGHT), _this.cfg.rowTitle);\n view.annotation().text(config);\n }\n });\n };\n return Matrix;\n}(Facet));\nexport default Matrix;\n//# sourceMappingURL=matrix.js.map","import { __assign, __extends, __read } from \"tslib\";\nimport { deepMix, each, filter, get } from '@antv/util';\nimport { DIRECTION } from '../constant';\nimport { getFactTitleConfig } from '../util/facet';\nimport { Facet } from './facet';\n/**\n * @ignore\n * 镜像分面\n */\nvar Mirror = /** @class */ (function (_super) {\n __extends(Mirror, _super);\n function Mirror() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Mirror.prototype.getDefaultCfg = function () {\n return deepMix({}, _super.prototype.getDefaultCfg.call(this), {\n type: 'mirror',\n showTitle: true,\n title: _super.prototype.getDefaultTitleCfg.call(this),\n transpose: false,\n });\n };\n Mirror.prototype.render = function () {\n _super.prototype.render.call(this);\n if (this.cfg.showTitle) {\n this.renderTitle();\n }\n };\n Mirror.prototype.beforeEachView = function (view, facet) {\n // 做一下坐标系转化\n if (this.cfg.transpose) {\n if (facet.columnIndex % 2 === 0) {\n view.coordinate().transpose().reflect('x');\n }\n else {\n view.coordinate().transpose();\n }\n }\n else {\n if (facet.rowIndex % 2 !== 0) {\n view.coordinate().reflect('y');\n }\n }\n };\n Mirror.prototype.afterEachView = function (view, facet) {\n this.processAxis(view, facet);\n };\n Mirror.prototype.generateFacets = function (data) {\n var _this = this;\n var _a = __read(this.cfg.fields, 1), f = _a[0];\n var rst = [];\n var columnValuesLength = 1;\n var rowValuesLength = 1;\n var columnValues = [''];\n var rowValues = [''];\n var columnField;\n var rowField;\n if (this.cfg.transpose) {\n columnField = f;\n columnValues = this.getFieldValues(data, columnField).slice(0, 2); // 镜像最多两个\n columnValuesLength = columnValues.length;\n }\n else {\n rowField = f;\n rowValues = this.getFieldValues(data, rowField).slice(0, 2); // 镜像最多两个\n rowValuesLength = rowValues.length;\n }\n // 获取每个维度对应的数据配置片段\n columnValues.forEach(function (xVal, xIndex) {\n rowValues.forEach(function (yVal, yIndex) {\n var conditions = [\n { field: columnField, value: xVal, values: columnValues },\n { field: rowField, value: yVal, values: rowValues },\n ];\n var facetData = filter(data, _this.getFacetDataFilter(conditions));\n var facet = {\n type: _this.cfg.type,\n data: facetData,\n region: _this.getRegion(rowValuesLength, columnValuesLength, xIndex, yIndex),\n columnValue: xVal,\n rowValue: yVal,\n columnField: columnField,\n rowField: rowField,\n columnIndex: xIndex,\n rowIndex: yIndex,\n columnValuesLength: columnValuesLength,\n rowValuesLength: rowValuesLength,\n };\n rst.push(facet);\n });\n });\n return rst;\n };\n /**\n * 设置 x 坐标轴的文本、title 是否显示\n * @param x\n * @param axes\n * @param option\n * @param facet\n */\n Mirror.prototype.getXAxisOption = function (x, axes, option, facet) {\n // 非最后一行\n // 当是最后一行或者下面没有 view 时文本不显示\n if (facet.columnIndex === 1 || facet.rowIndex === 1) {\n return __assign(__assign({}, option), { label: null, title: null });\n }\n return option;\n };\n /**\n * 设置 y 坐标轴的文本、title 是否显示\n * @param y\n * @param axes\n * @param option\n * @param facet\n */\n Mirror.prototype.getYAxisOption = function (y, axes, option, facet) {\n // do nothing\n return option;\n };\n Mirror.prototype.renderTitle = function () {\n var _this = this;\n each(this.facets, function (facet, facetIndex) {\n var columnValue = facet.columnValue, rowValue = facet.rowValue, view = facet.view;\n var formatter = get(_this.cfg.title, 'formatter');\n if (_this.cfg.transpose) {\n var config = deepMix({\n position: ['50%', '0%'],\n content: formatter ? formatter(columnValue) : columnValue,\n }, getFactTitleConfig(DIRECTION.TOP), _this.cfg.title);\n view.annotation().text(config);\n }\n else {\n var config = deepMix({\n position: ['100%', '50%'],\n content: formatter ? formatter(rowValue) : rowValue,\n }, getFactTitleConfig(DIRECTION.RIGHT), _this.cfg.title);\n view.annotation().text(config);\n }\n });\n };\n return Mirror;\n}(Facet));\nexport default Mirror;\n//# sourceMappingURL=mirror.js.map","import { __assign, __extends, __read } from \"tslib\";\nimport { deepMix, each, filter, get } from '@antv/util';\nimport { DIRECTION } from '../constant';\nimport { getFactTitleConfig } from '../util/facet';\nimport { Facet } from './facet';\n/**\n * @ignore\n * 矩阵分面\n */\nvar Rect = /** @class */ (function (_super) {\n __extends(Rect, _super);\n function Rect() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Rect.prototype.afterEachView = function (view, facet) {\n this.processAxis(view, facet);\n };\n Rect.prototype.beforeEachView = function (view, facet) {\n // do nothing\n };\n Rect.prototype.getDefaultCfg = function () {\n return deepMix({}, _super.prototype.getDefaultCfg.call(this), {\n type: 'rect',\n columnTitle: __assign({}, _super.prototype.getDefaultTitleCfg.call(this)),\n rowTitle: __assign({}, _super.prototype.getDefaultTitleCfg.call(this)),\n });\n };\n Rect.prototype.render = function () {\n _super.prototype.render.call(this);\n if (this.cfg.showTitle) {\n this.renderTitle();\n }\n };\n /**\n * 生成矩阵分面的分面数据\n * @param data\n */\n Rect.prototype.generateFacets = function (data) {\n var _this = this;\n var _a = __read(this.cfg.fields, 2), columnField = _a[0], rowField = _a[1];\n var rst = [];\n var columnValuesLength = 1;\n var rowValuesLength = 1;\n var columnValues = [''];\n var rowValues = [''];\n if (columnField) {\n columnValues = this.getFieldValues(data, columnField);\n columnValuesLength = columnValues.length;\n }\n if (rowField) {\n rowValues = this.getFieldValues(data, rowField);\n rowValuesLength = rowValues.length;\n }\n // 获取每个维度对应的数据配置片段\n columnValues.forEach(function (xVal, xIndex) {\n rowValues.forEach(function (yVal, yIndex) {\n var conditions = [\n { field: columnField, value: xVal, values: columnValues },\n { field: rowField, value: yVal, values: rowValues },\n ];\n var facetData = filter(data, _this.getFacetDataFilter(conditions));\n var facet = {\n type: _this.cfg.type,\n data: facetData,\n region: _this.getRegion(rowValuesLength, columnValuesLength, xIndex, yIndex),\n columnValue: xVal,\n rowValue: yVal,\n columnField: columnField,\n rowField: rowField,\n columnIndex: xIndex,\n rowIndex: yIndex,\n columnValuesLength: columnValuesLength,\n rowValuesLength: rowValuesLength,\n };\n rst.push(facet);\n });\n });\n return rst;\n };\n Rect.prototype.renderTitle = function () {\n var _this = this;\n each(this.facets, function (facet, facetIndex) {\n var columnIndex = facet.columnIndex, rowIndex = facet.rowIndex, columnValuesLength = facet.columnValuesLength, columnValue = facet.columnValue, rowValue = facet.rowValue, view = facet.view;\n // top\n if (rowIndex === 0) {\n var formatter = get(_this.cfg.columnTitle, 'formatter');\n var config = deepMix({\n position: ['50%', '0%'],\n content: formatter ? formatter(columnValue) : columnValue,\n }, getFactTitleConfig(DIRECTION.TOP), _this.cfg.columnTitle);\n view.annotation().text(config);\n }\n // right\n if (columnIndex === columnValuesLength - 1) {\n var formatter = get(_this.cfg.rowTitle, 'formatter');\n var config = deepMix({\n position: ['100%', '50%'],\n content: formatter ? formatter(rowValue) : rowValue,\n }, getFactTitleConfig(DIRECTION.RIGHT), _this.cfg.rowTitle);\n view.annotation().text(config);\n }\n });\n };\n /**\n * 设置 x 坐标轴的文本、title 是否显示\n * @param x\n * @param axes\n * @param option\n * @param facet\n */\n Rect.prototype.getXAxisOption = function (x, axes, option, facet) {\n // 非最后一行\n if (facet.rowIndex !== facet.rowValuesLength - 1) {\n return __assign(__assign({}, option), { title: null, label: null });\n }\n else if (facet.columnIndex !== Math.floor((facet.columnValuesLength - 1) / 2)) {\n // 不是中间列\n return __assign(__assign({}, option), { title: null });\n }\n return option;\n };\n /**\n * 设置 y 坐标轴的文本、title 是否显示\n * @param y\n * @param axes\n * @param option\n * @param facet\n */\n Rect.prototype.getYAxisOption = function (y, axes, option, facet) {\n if (facet.columnIndex !== 0) {\n return __assign(__assign({}, option), { title: null, label: null });\n }\n else if (facet.rowIndex !== Math.floor((facet.rowValuesLength - 1) / 2)) {\n return __assign(__assign({}, option), { title: null });\n }\n return option;\n };\n return Rect;\n}(Facet));\nexport default Rect;\n//# sourceMappingURL=rect.js.map","import { __assign, __extends, __values } from \"tslib\";\n/**\n * Create By Bruce Too\n * On 2020-02-10\n */\nimport { assign, deepMix, each, get } from '@antv/util';\nimport { DIRECTION, VIEW_LIFE_CIRCLE } from '../constant';\nimport { getFactTitleConfig } from '../util/facet';\nimport { Facet } from './facet';\n/**\n * @ignore\n * Tree Facet\n */\nvar Tree = /** @class */ (function (_super) {\n __extends(Tree, _super);\n function Tree() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.afterChartRender = function () {\n if (_this.facets && _this.cfg.line) {\n _this.container.clear();\n _this.drawLines(_this.facets);\n }\n };\n return _this;\n }\n Tree.prototype.afterEachView = function (view, facet) {\n this.processAxis(view, facet);\n };\n Tree.prototype.beforeEachView = function (view, facet) { };\n Tree.prototype.init = function () {\n _super.prototype.init.call(this);\n this.view.on(VIEW_LIFE_CIRCLE.AFTER_RENDER, this.afterChartRender);\n };\n Tree.prototype.getDefaultCfg = function () {\n return deepMix({}, _super.prototype.getDefaultCfg.call(this), {\n type: 'tree',\n line: {\n style: {\n lineWidth: 1,\n stroke: '#ddd',\n },\n smooth: false,\n },\n showTitle: true,\n title: _super.prototype.getDefaultTitleCfg.call(this),\n });\n };\n Tree.prototype.generateFacets = function (data) {\n var fields = this.cfg.fields;\n if (!fields.length) {\n throw new Error('Please specify for the fields for rootFacet!');\n }\n var rst = [];\n var rootFacet = {\n type: this.cfg.type,\n data: data,\n region: null,\n rowValuesLength: this.getRows(),\n columnValuesLength: 1,\n rowIndex: 0,\n columnIndex: 0,\n rowField: '',\n columnField: '',\n rowValue: '',\n columnValue: '',\n };\n rst.push(rootFacet);\n rootFacet.children = this.getChildFacets(data, 1, rst);\n this.setRegion(rst);\n return rst;\n };\n Tree.prototype.setRegion = function (facets) {\n var _this = this;\n this.forceColIndex(facets);\n facets.forEach(function (facet) {\n // @ts-ignore 允许调整\n facet.region = _this.getRegion(facet.rowValuesLength, facet.columnValuesLength, facet.columnIndex, facet.rowIndex);\n });\n };\n Tree.prototype.getRegion = function (rows, cols, xIndex, yIndex) {\n var xWidth = 1 / cols; // x轴方向的每个分面的偏移\n var yWidth = 1 / rows; // y轴方向的每个分面的偏移\n var start = {\n x: xWidth * xIndex,\n y: yWidth * yIndex,\n };\n var end = {\n x: start.x + xWidth,\n y: start.y + (yWidth * 2) / 3, // 预留1/3的空隙，方便添加连接线\n };\n return {\n start: start,\n end: end,\n };\n };\n Tree.prototype.forceColIndex = function (facets) {\n var e_1, _a;\n var _this = this;\n var leafs = [];\n var index = 0;\n facets.forEach(function (facet) {\n if (_this.isLeaf(facet)) {\n leafs.push(facet);\n // @ts-ignore 允许调整\n facet.columnIndex = index;\n index++;\n }\n });\n leafs.forEach(function (facet) {\n // @ts-ignore\n facet.columnValuesLength = leafs.length;\n });\n var maxLevel = this.cfg.fields.length;\n for (var i = maxLevel - 1; i >= 0; i--) {\n var levelFacets = this.getFacetsByLevel(facets, i);\n try {\n // var yIndex = maxLevel - i;\n for (var levelFacets_1 = (e_1 = void 0, __values(levelFacets)), levelFacets_1_1 = levelFacets_1.next(); !levelFacets_1_1.done; levelFacets_1_1 = levelFacets_1.next()) {\n var facet = levelFacets_1_1.value;\n if (!this.isLeaf(facet)) {\n facet.originColIndex = facet.columnIndex;\n // @ts-ignore\n facet.columnIndex = this.getRegionIndex(facet.children);\n // @ts-ignore\n facet.columnValuesLength = leafs.length;\n }\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (levelFacets_1_1 && !levelFacets_1_1.done && (_a = levelFacets_1.return)) _a.call(levelFacets_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n }\n };\n // get facet use level\n Tree.prototype.getFacetsByLevel = function (facets, level) {\n var rst = [];\n facets.forEach(function (facet) {\n if (facet.rowIndex === level) {\n rst.push(facet);\n }\n });\n return rst;\n };\n // if the facet has children , make it's column index in the middle of it's children\n Tree.prototype.getRegionIndex = function (children) {\n var first = children[0];\n var last = children[children.length - 1];\n return (last.columnIndex - first.columnIndex) / 2 + first.columnIndex;\n };\n // is a leaf without children\n Tree.prototype.isLeaf = function (facet) {\n return !facet.children || !facet.children.length;\n };\n Tree.prototype.getRows = function () {\n return this.cfg.fields.length + 1;\n };\n // get child\n Tree.prototype.getChildFacets = function (data, level, arr) {\n var _this = this;\n // [ 'grade', 'class' ]\n var fields = this.cfg.fields;\n var length = fields.length;\n if (length < level) {\n return;\n }\n var rst = [];\n // get fist level except root node\n var field = fields[level - 1];\n // get field value\n var values = this.getFieldValues(data, field);\n values.forEach(function (value, index) {\n var conditions = [{ field: field, value: value, values: values }];\n var subData = data.filter(_this.getFacetDataFilter(conditions));\n if (subData.length) {\n var facet = {\n type: _this.cfg.type,\n data: subData,\n region: null,\n columnValue: value,\n rowValue: '',\n columnField: field,\n rowField: '',\n columnIndex: index,\n rowValuesLength: _this.getRows(),\n columnValuesLength: 1,\n rowIndex: level,\n children: _this.getChildFacets(subData, level + 1, arr),\n };\n rst.push(facet);\n arr.push(facet);\n }\n });\n return rst;\n };\n Tree.prototype.render = function () {\n _super.prototype.render.call(this);\n if (this.cfg.showTitle) {\n this.renderTitle();\n }\n };\n Tree.prototype.renderTitle = function () {\n var _this = this;\n each(this.facets, function (facet) {\n var columnValue = facet.columnValue, view = facet.view;\n var formatter = get(_this.cfg.title, 'formatter');\n var config = deepMix({\n position: ['50%', '0%'],\n content: formatter ? formatter(columnValue) : columnValue,\n }, getFactTitleConfig(DIRECTION.TOP), _this.cfg.title);\n view.annotation().text(config);\n });\n };\n Tree.prototype.drawLines = function (facets) {\n var _this = this;\n facets.forEach(function (facet) {\n if (!_this.isLeaf(facet)) {\n var children = facet.children;\n _this.addFacetLines(facet, children);\n }\n });\n };\n // add lines with it's children\n Tree.prototype.addFacetLines = function (facet, children) {\n var _this = this;\n var view = facet.view;\n var region = view.coordinateBBox;\n // top, right, bottom, left\n var start = {\n x: region.x + region.width / 2,\n y: region.y + region.height,\n };\n children.forEach(function (subFacet) {\n var subRegion = subFacet.view.coordinateBBox;\n var end = {\n x: subRegion.bl.x + (subRegion.tr.x - subRegion.bl.x) / 2,\n y: subRegion.tr.y,\n };\n var middle1 = {\n x: start.x,\n y: start.y + (end.y - start.y) / 2,\n };\n var middle2 = {\n x: end.x,\n y: middle1.y,\n };\n _this.drawLine([start, middle1, middle2, end]);\n });\n };\n Tree.prototype.getPath = function (points) {\n var path = [];\n var smooth = this.cfg.line.smooth;\n if (smooth) {\n path.push(['M', points[0].x, points[0].y]);\n path.push(['C', points[1].x, points[1].y, points[2].x, points[2].y, points[3].x, points[3].y]);\n }\n else {\n points.forEach(function (point, index) {\n if (index === 0) {\n path.push(['M', point.x, point.y]);\n }\n else {\n path.push(['L', point.x, point.y]);\n }\n });\n }\n return path;\n };\n // draw line width points\n Tree.prototype.drawLine = function (points) {\n var path = this.getPath(points);\n var line = this.cfg.line.style;\n this.container.addShape('path', {\n attrs: assign({\n // @ts-ignore\n path: path,\n }, line),\n });\n };\n Tree.prototype.getXAxisOption = function (x, axes, option, facet) {\n if (facet.rowIndex !== facet.rowValuesLength - 1) {\n return __assign(__assign({}, option), { title: null, label: null });\n }\n return option;\n };\n Tree.prototype.getYAxisOption = function (y, axes, option, facet) {\n if (facet.originColIndex !== 0 && facet.columnIndex !== 0) {\n return __assign(__assign({}, option), { title: null, label: null });\n }\n return option;\n };\n return Tree;\n}(Facet));\nexport default Tree;\n//# sourceMappingURL=tree.js.map","import { __read, __spreadArray } from \"tslib\";\nimport { reduce, isNumber } from '@antv/util';\n/**\n * 获得中位数\n * @param array\n */\nexport function getMedian(array) {\n var arr = __spreadArray([], __read(array), false);\n // 先排序\n arr.sort(function (a, b) {\n return a - b;\n });\n var len = arr.length;\n // median\n // 0\n if (len === 0) {\n return 0;\n }\n // 奇数\n if (len % 2 === 1) {\n return arr[(len - 1) / 2];\n }\n // 偶数\n return (arr[len / 2] + arr[len / 2 - 1]) / 2;\n}\n/**\n * 获得平均值\n * @param array\n */\nexport function getMean(array) {\n var sum = reduce(array, function (r, num) {\n return (r += isNaN(num) || !isNumber(num) ? 0 : num);\n }, 0);\n return array.length === 0 ? 0 : sum / array.length;\n}\n//# sourceMappingURL=stat.js.map","import { getMedian, getMean } from './stat';\n/**\n * parse the value position\n * @param val\n * @param scale\n */\nexport function getNormalizedValue(val, scale) {\n if (!scale) {\n return null;\n }\n var scaled;\n switch (val) {\n case 'start':\n return 0;\n case 'center':\n return 0.5;\n case 'end':\n return 1;\n case 'median': {\n scaled = scale.isCategory ? getMedian(scale.values.map(function (_, idx) { return idx; })) : getMedian(scale.values);\n break;\n }\n case 'mean': {\n scaled = scale.isCategory ? (scale.values.length - 1) / 2 : getMean(scale.values);\n break;\n }\n case 'min':\n scaled = scale.isCategory ? 0 : scale[val];\n break;\n case 'max':\n scaled = scale.isCategory ? scale.values.length - 1 : scale[val];\n break;\n default:\n scaled = val;\n break;\n }\n return scale.scale(scaled);\n}\n//# sourceMappingURL=annotation.js.map","import { __assign, __extends, __read, __rest, __values } from \"tslib\";\nimport { contains, deepMix, each, get, isArray, isFunction, isNil, isString, keys, upperFirst, find, includes, } from '@antv/util';\nimport { Annotation as AnnotationComponent } from '../../dependents';\nimport { DEFAULT_ANIMATE_CFG } from '../../animate/';\nimport { COMPONENT_TYPE, DIRECTION, GEOMETRY_LIFE_CIRCLE, LAYER, VIEW_LIFE_CIRCLE } from '../../constant';\nimport { getAngleByPoint, getDistanceToCenter } from '../../util/coordinate';\nimport { omit } from '../../util/helper';\nimport { getNormalizedValue } from '../../util/annotation';\nimport { Controller } from './base';\n/** 需要在图形绘制完成后才渲染的辅助组件类型列表 */\nvar ANNOTATIONS_AFTER_RENDER = ['regionFilter', 'shape'];\n/**\n * Annotation controller, 主要作用:\n * 1. 创建 Annotation: line、text、arc ...\n * 2. 生命周期: init、layout、render、clear、destroy\n */\nvar Annotation = /** @class */ (function (_super) {\n __extends(Annotation, _super);\n function Annotation(view) {\n var _this = _super.call(this, view) || this;\n /* 组件更新的 cache，组件配置 object : 组件 */\n _this.cache = new Map();\n _this.foregroundContainer = _this.view.getLayer(LAYER.FORE).addGroup();\n _this.backgroundContainer = _this.view.getLayer(LAYER.BG).addGroup();\n _this.option = [];\n return _this;\n }\n Object.defineProperty(Annotation.prototype, \"name\", {\n get: function () {\n return 'annotation';\n },\n enumerable: false,\n configurable: true\n });\n Annotation.prototype.init = function () { };\n /**\n * 因为 annotation 需要依赖坐标系信息，所以 render 阶段为空方法，实际的创建逻辑都在 layout 中\n */\n Annotation.prototype.layout = function () {\n this.update();\n };\n // 因为 Annotation 不参与布局，但是渲染的位置依赖于坐标系，所以可以将绘制阶段延迟到 layout() 进行\n Annotation.prototype.render = function () { };\n /**\n * 更新\n */\n Annotation.prototype.update = function () {\n var _this = this;\n // 1. 先处理需要在图形渲染之后的辅助组件 需要在 Geometry 完成之后，拿到图形信息\n this.onAfterRender(function () {\n var updated = new Map();\n // 先看是否有 regionFilter/shape 要更新\n each(_this.option, function (option) {\n if (includes(ANNOTATIONS_AFTER_RENDER, option.type)) {\n var co = _this.updateOrCreate(option);\n // 存储已经处理过的\n if (co) {\n updated.set(_this.getCacheKey(option), co);\n }\n }\n });\n // 处理完成之后，更新 cache\n // 处理完成之后，销毁删除的\n _this.cache = _this.syncCache(updated);\n });\n // 2. 处理非 regionFilter\n var updateCache = new Map();\n each(this.option, function (option) {\n if (!includes(ANNOTATIONS_AFTER_RENDER, option.type)) {\n var co = _this.updateOrCreate(option);\n // 存储已经处理过的\n if (co) {\n updateCache.set(_this.getCacheKey(option), co);\n }\n }\n });\n this.cache = this.syncCache(updateCache);\n };\n /**\n * 清空\n * @param includeOption 是否清空 option 配置项\n */\n Annotation.prototype.clear = function (includeOption) {\n if (includeOption === void 0) { includeOption = false; }\n _super.prototype.clear.call(this);\n this.clearComponents();\n this.foregroundContainer.clear();\n this.backgroundContainer.clear();\n // clear all option\n if (includeOption) {\n this.option = [];\n }\n };\n Annotation.prototype.destroy = function () {\n this.clear(true);\n this.foregroundContainer.remove(true);\n this.backgroundContainer.remove(true);\n };\n /**\n * 复写基类的方法\n */\n Annotation.prototype.getComponents = function () {\n var co = [];\n this.cache.forEach(function (value) {\n co.push(value);\n });\n return co;\n };\n /**\n * 清除当前的组件\n */\n Annotation.prototype.clearComponents = function () {\n this.getComponents().forEach(function (co) {\n co.component.destroy();\n });\n this.cache.clear();\n };\n /**\n * region filter 比较特殊的渲染时机\n * @param doWhat\n */\n Annotation.prototype.onAfterRender = function (doWhat) {\n var done = false;\n if (this.view.getOptions().animate) {\n this.view.geometries.forEach(function (g) {\n // 如果 geometry 开启，则监听\n if (g.animateOption) {\n g.once(GEOMETRY_LIFE_CIRCLE.AFTER_DRAW_ANIMATE, function () {\n doWhat();\n });\n done = true;\n }\n });\n }\n if (!done) {\n this.view.getRootView().once(VIEW_LIFE_CIRCLE.AFTER_RENDER, function () {\n doWhat();\n });\n }\n };\n Annotation.prototype.createAnnotation = function (option) {\n var type = option.type;\n var Ctor = AnnotationComponent[upperFirst(type)];\n if (Ctor) {\n var theme = this.getAnnotationTheme(type);\n var cfg = this.getAnnotationCfg(type, option, theme);\n // 不创建\n if (!cfg) {\n return null;\n }\n var annotation = new Ctor(cfg);\n return {\n component: annotation,\n layer: this.isTop(cfg) ? LAYER.FORE : LAYER.BG,\n direction: DIRECTION.NONE,\n type: COMPONENT_TYPE.ANNOTATION,\n extra: option,\n };\n }\n };\n // APIs for creating annotation component\n Annotation.prototype.annotation = function (option) {\n this.option.push(option);\n };\n /**\n * 创建 Arc\n * @param option\n * @returns AnnotationController\n */\n Annotation.prototype.arc = function (option) {\n this.annotation(__assign({ type: 'arc' }, option));\n return this;\n };\n /**\n * 创建 image\n * @param option\n * @returns AnnotationController\n */\n Annotation.prototype.image = function (option) {\n this.annotation(__assign({ type: 'image' }, option));\n return this;\n };\n /**\n * 创建 Line\n * @param option\n * @returns AnnotationController\n */\n Annotation.prototype.line = function (option) {\n this.annotation(__assign({ type: 'line' }, option));\n return this;\n };\n /**\n * 创建 Region\n * @param option\n * @returns AnnotationController\n */\n Annotation.prototype.region = function (option) {\n this.annotation(__assign({ type: 'region' }, option));\n return this;\n };\n /**\n * 创建 Text\n * @param option\n * @returns AnnotationController\n */\n Annotation.prototype.text = function (option) {\n this.annotation(__assign({ type: 'text' }, option));\n return this;\n };\n /**\n * 创建 DataMarker\n * @param option\n * @returns AnnotationController\n */\n Annotation.prototype.dataMarker = function (option) {\n this.annotation(__assign({ type: 'dataMarker' }, option));\n return this;\n };\n /**\n * 创建 DataRegion\n * @param option\n * @returns AnnotationController\n */\n Annotation.prototype.dataRegion = function (option) {\n this.annotation(__assign({ type: 'dataRegion' }, option));\n };\n /**\n * 创建 RegionFilter\n * @param option\n * @returns AnnotationController\n */\n Annotation.prototype.regionFilter = function (option) {\n this.annotation(__assign({ type: 'regionFilter' }, option));\n };\n /**\n * 创建 ShapeAnnotation\n * @param option\n */\n Annotation.prototype.shape = function (option) {\n this.annotation(__assign({ type: 'shape' }, option));\n };\n /**\n * 创建 HtmlAnnotation\n * @param option\n */\n Annotation.prototype.html = function (option) {\n this.annotation(__assign({ type: 'html' }, option));\n };\n // end API\n /**\n * parse the point position to [x, y]\n * @param p Position\n * @returns { x, y }\n */\n Annotation.prototype.parsePosition = function (p) {\n var e_1, _a;\n var xScale = this.view.getXScale();\n // 转成 object\n var yScales = this.view.getScalesByDim('y');\n var position = isFunction(p) ? p.call(null, xScale, yScales) : p;\n var x = 0;\n var y = 0;\n // 入参是 [24, 24] 这类时\n if (isArray(position)) {\n var _b = __read(position, 2), xPos = _b[0], yPos = _b[1];\n // 如果数据格式是 ['50%', '50%'] 的格式\n // fix: 原始数据中可能会包含 'xxx5%xxx' 这样的数据，需要判断下 https://github.com/antvis/f2/issues/590\n // @ts-ignore\n if (isString(xPos) && xPos.indexOf('%') !== -1 && !isNaN(xPos.slice(0, -1))) {\n return this.parsePercentPosition(position);\n }\n x = getNormalizedValue(xPos, xScale);\n y = getNormalizedValue(yPos, Object.values(yScales)[0]);\n }\n else if (!isNil(position)) {\n try {\n // 入参是 object 结构，数据点\n for (var _c = __values(keys(position)), _d = _c.next(); !_d.done; _d = _c.next()) {\n var key = _d.value;\n var value = position[key];\n if (key === xScale.field) {\n x = getNormalizedValue(value, xScale);\n }\n if (yScales[key]) {\n y = getNormalizedValue(value, yScales[key]);\n }\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (_d && !_d.done && (_a = _c.return)) _a.call(_c);\n }\n finally { if (e_1) throw e_1.error; }\n }\n }\n if (isNaN(x) || isNaN(y)) {\n return null;\n }\n return this.view.getCoordinate().convert({ x: x, y: y });\n };\n /**\n * parse all the points between start and end\n * @param start\n * @param end\n * @return Point[]\n */\n Annotation.prototype.getRegionPoints = function (start, end) {\n var _this = this;\n var xScale = this.view.getXScale();\n var yScales = this.view.getScalesByDim('y');\n var yScale = Object.values(yScales)[0];\n var xField = xScale.field;\n var viewData = this.view.getData();\n var startXValue = isArray(start) ? start[0] : start[xField];\n var endXValue = isArray(end) ? end[0] : end[xField];\n var arr = [];\n var startIndex;\n each(viewData, function (item, idx) {\n if (item[xField] === startXValue) {\n startIndex = idx;\n }\n if (idx >= startIndex) {\n var point = _this.parsePosition([item[xField], item[yScale.field]]);\n if (point) {\n arr.push(point);\n }\n }\n if (item[xField] === endXValue) {\n return false;\n }\n });\n return arr;\n };\n /**\n * parse percent position\n * @param position\n */\n Annotation.prototype.parsePercentPosition = function (position) {\n var xPercent = parseFloat(position[0]) / 100;\n var yPercent = parseFloat(position[1]) / 100;\n var coordinate = this.view.getCoordinate();\n var start = coordinate.start, end = coordinate.end;\n var topLeft = {\n x: Math.min(start.x, end.x),\n y: Math.min(start.y, end.y),\n };\n var x = coordinate.getWidth() * xPercent + topLeft.x;\n var y = coordinate.getHeight() * yPercent + topLeft.y;\n return { x: x, y: y };\n };\n /**\n * get coordinate bbox\n */\n Annotation.prototype.getCoordinateBBox = function () {\n var coordinate = this.view.getCoordinate();\n var start = coordinate.start, end = coordinate.end;\n var width = coordinate.getWidth();\n var height = coordinate.getHeight();\n var topLeft = {\n x: Math.min(start.x, end.x),\n y: Math.min(start.y, end.y),\n };\n return {\n x: topLeft.x,\n y: topLeft.y,\n minX: topLeft.x,\n minY: topLeft.y,\n maxX: topLeft.x + width,\n maxY: topLeft.y + height,\n width: width,\n height: height,\n };\n };\n /**\n * get annotation component config by different type\n * @param type\n * @param option 用户的配置\n * @param theme\n */\n Annotation.prototype.getAnnotationCfg = function (type, option, theme) {\n var _this = this;\n var coordinate = this.view.getCoordinate();\n var canvas = this.view.getCanvas();\n var o = {};\n if (isNil(option)) {\n return null;\n }\n var start = option.start, end = option.end, position = option.position;\n var sp = this.parsePosition(start);\n var ep = this.parsePosition(end);\n var textPoint = this.parsePosition(position);\n if (['arc', 'image', 'line', 'region', 'regionFilter'].includes(type) && (!sp || !ep)) {\n return null;\n }\n else if (['text', 'dataMarker', 'html'].includes(type) && !textPoint) {\n return null;\n }\n if (type === 'arc') {\n var _a = option, start_1 = _a.start, end_1 = _a.end, rest = __rest(_a, [\"start\", \"end\"]);\n var startAngle = getAngleByPoint(coordinate, sp);\n var endAngle = getAngleByPoint(coordinate, ep);\n if (startAngle > endAngle) {\n endAngle = Math.PI * 2 + endAngle;\n }\n o = __assign(__assign({}, rest), { center: coordinate.getCenter(), radius: getDistanceToCenter(coordinate, sp), startAngle: startAngle, endAngle: endAngle });\n }\n else if (type === 'image') {\n var _b = option, start_2 = _b.start, end_2 = _b.end, rest = __rest(_b, [\"start\", \"end\"]);\n o = __assign(__assign({}, rest), { start: sp, end: ep, src: option.src });\n }\n else if (type === 'line') {\n var _c = option, start_3 = _c.start, end_3 = _c.end, rest = __rest(_c, [\"start\", \"end\"]);\n o = __assign(__assign({}, rest), { start: sp, end: ep, text: get(option, 'text', null) });\n }\n else if (type === 'region') {\n var _d = option, start_4 = _d.start, end_4 = _d.end, rest = __rest(_d, [\"start\", \"end\"]);\n o = __assign(__assign({}, rest), { start: sp, end: ep });\n }\n else if (type === 'text') {\n var filteredData = this.view.getData();\n var _e = option, position_1 = _e.position, content = _e.content, rest = __rest(_e, [\"position\", \"content\"]);\n var textContent = content;\n if (isFunction(content)) {\n textContent = content(filteredData);\n }\n o = __assign(__assign(__assign({}, textPoint), rest), { content: textContent });\n }\n else if (type === 'dataMarker') {\n var _f = option, position_2 = _f.position, point = _f.point, line = _f.line, text = _f.text, autoAdjust = _f.autoAdjust, direction = _f.direction, rest = __rest(_f, [\"position\", \"point\", \"line\", \"text\", \"autoAdjust\", \"direction\"]);\n o = __assign(__assign(__assign({}, rest), textPoint), { coordinateBBox: this.getCoordinateBBox(), point: point, line: line, text: text, autoAdjust: autoAdjust, direction: direction });\n }\n else if (type === 'dataRegion') {\n var _g = option, start_5 = _g.start, end_5 = _g.end, region = _g.region, text = _g.text, lineLength = _g.lineLength, rest = __rest(_g, [\"start\", \"end\", \"region\", \"text\", \"lineLength\"]);\n o = __assign(__assign({}, rest), { points: this.getRegionPoints(start_5, end_5), region: region, text: text, lineLength: lineLength });\n }\n else if (type === 'regionFilter') {\n var _h = option, start_6 = _h.start, end_6 = _h.end, apply_1 = _h.apply, color = _h.color, rest = __rest(_h, [\"start\", \"end\", \"apply\", \"color\"]);\n var geometries = this.view.geometries;\n var shapes_1 = [];\n var addShapes_1 = function (item) {\n if (!item) {\n return;\n }\n if (item.isGroup()) {\n item.getChildren().forEach(function (child) { return addShapes_1(child); });\n }\n else {\n shapes_1.push(item);\n }\n };\n each(geometries, function (geom) {\n if (apply_1) {\n if (contains(apply_1, geom.type)) {\n each(geom.elements, function (elem) {\n addShapes_1(elem.shape);\n });\n }\n }\n else {\n each(geom.elements, function (elem) {\n addShapes_1(elem.shape);\n });\n }\n });\n o = __assign(__assign({}, rest), { color: color, shapes: shapes_1, start: sp, end: ep });\n }\n else if (type === 'shape') {\n var _j = option, render_1 = _j.render, restOptions = __rest(_j, [\"render\"]);\n var wrappedRender = function (container) {\n if (isFunction(option.render)) {\n return render_1(container, _this.view, { parsePosition: _this.parsePosition.bind(_this) });\n }\n };\n o = __assign(__assign({}, restOptions), { render: wrappedRender });\n }\n else if (type === 'html') {\n var _k = option, html_1 = _k.html, position_3 = _k.position, restOptions = __rest(_k, [\"html\", \"position\"]);\n var wrappedHtml = function (container) {\n if (isFunction(html_1)) {\n return html_1(container, _this.view);\n }\n return html_1;\n };\n o = __assign(__assign(__assign({}, restOptions), textPoint), { \n // html 组件需要指定 parent\n parent: canvas.get('el').parentNode, html: wrappedHtml });\n }\n // 合并主题，用户配置优先级高于默认主题\n var cfg = deepMix({}, theme, __assign(__assign({}, o), { top: option.top, style: option.style, offsetX: option.offsetX, offsetY: option.offsetY }));\n if (type !== 'html') {\n // html 类型不使用 G container\n cfg.container = this.getComponentContainer(cfg);\n }\n cfg.animate = this.view.getOptions().animate && cfg.animate && get(option, 'animate', cfg.animate); // 如果 view 关闭动画，则不执行\n cfg.animateOption = deepMix({}, DEFAULT_ANIMATE_CFG, cfg.animateOption, option.animateOption);\n return cfg;\n };\n /**\n * is annotation render on top\n * @param option\n * @return whethe on top\n */\n Annotation.prototype.isTop = function (option) {\n return get(option, 'top', true);\n };\n /**\n * get the container by option.top\n * default is on top\n * @param option\n * @returns the container\n */\n Annotation.prototype.getComponentContainer = function (option) {\n return this.isTop(option) ? this.foregroundContainer : this.backgroundContainer;\n };\n Annotation.prototype.getAnnotationTheme = function (type) {\n return get(this.view.getTheme(), ['components', 'annotation', type], {});\n };\n /**\n * 创建或者更新 annotation\n * @param option\n */\n Annotation.prototype.updateOrCreate = function (option) {\n // 拿到缓存的内容\n var co = this.cache.get(this.getCacheKey(option));\n // 存在则更新，不存在在创建\n if (co) {\n var type = option.type;\n var theme = this.getAnnotationTheme(type);\n var cfg = this.getAnnotationCfg(type, option, theme);\n // 忽略掉一些配置\n if (cfg) {\n omit(cfg, ['container']);\n }\n co.component.update(__assign(__assign({}, (cfg || {})), { visible: !!cfg }));\n // 对于 regionFilter/shape，因为生命周期的原因，需要额外 render\n if (includes(ANNOTATIONS_AFTER_RENDER, option.type)) {\n co.component.render();\n }\n }\n else {\n // 不存在，创建\n co = this.createAnnotation(option);\n if (co) {\n co.component.init();\n // Note：regionFilter/shape 特殊处理，regionFilter/shape 需要取到 Geometry 中的 Shape，需要在 view render 之后处理\n // 其他组件使用外层的统一 render 逻辑\n if (includes(ANNOTATIONS_AFTER_RENDER, option.type)) {\n co.component.render();\n }\n }\n }\n return co;\n };\n /**\n * 更新缓存，以及销毁组件\n * @param updated 更新或者创建的组件\n */\n Annotation.prototype.syncCache = function (updated) {\n var _this = this;\n var newCache = new Map(this.cache); // clone 一份\n // 将 update 更新到 cache\n updated.forEach(function (co, key) {\n newCache.set(key, co);\n });\n // 另外和 options 进行对比，删除\n newCache.forEach(function (co, key) {\n // option 中已经找不到，那么就是删除的\n if (!find(_this.option, function (option) {\n return key === _this.getCacheKey(option);\n })) {\n co.component.destroy();\n newCache.delete(key);\n }\n });\n return newCache;\n };\n /**\n * 获得缓存组件的 key\n * @param option\n */\n Annotation.prototype.getCacheKey = function (option) {\n // 如果存在 id，则使用 id string，否则直接使用 option 引用作为 key\n return option;\n // 后续扩展 id 用\n // const id = get(option, 'id');\n // return id ? id : option;\n };\n return Annotation;\n}(Controller));\nexport default Annotation;\n//# sourceMappingURL=annotation.js.map","import { deepMix, get, map } from '@antv/util';\n/**\n * @ignore\n * get the grid theme by type, will mix the common cfg of axis\n * @param theme\n * @param direction\n * @returns theme object\n */\nexport function getGridThemeCfg(theme, direction) {\n var axisTheme = deepMix({}, get(theme, ['components', 'axis', 'common']), get(theme, ['components', 'axis', direction]));\n return get(axisTheme, ['grid'], {});\n}\n/**\n * @ignore\n * get axis grid items\n * @param coordinate\n * @param scale\n * @param dim\n * @return items\n */\nexport function getLineGridItems(coordinate, scale, dim, alignTick) {\n var items = [];\n var ticks = scale.getTicks();\n if (coordinate.isPolar) {\n // 补全 ticks\n ticks.push({\n value: 1,\n text: '',\n tickValue: '',\n });\n }\n ticks.reduce(function (preTick, currentTick, currentIndex) {\n var currentValue = currentTick.value;\n if (alignTick) {\n items.push({\n points: [\n coordinate.convert(dim === 'y' ? { x: 0, y: currentValue } : { x: currentValue, y: 0 }),\n coordinate.convert(dim === 'y' ? { x: 1, y: currentValue } : { x: currentValue, y: 1 }),\n ],\n });\n }\n else {\n if (currentIndex) {\n var preValue = preTick.value;\n var middleValue = (preValue + currentValue) / 2;\n items.push({\n points: [\n coordinate.convert(dim === 'y' ? { x: 0, y: middleValue } : { x: middleValue, y: 0 }),\n coordinate.convert(dim === 'y' ? { x: 1, y: middleValue } : { x: middleValue, y: 1 }),\n ],\n });\n }\n }\n return currentTick;\n }, ticks[0]);\n return items;\n}\n/**\n * @ignore\n * get\n * @param coordinate\n * @param xScale\n * @param yScale\n * @param dim\n * @returns items\n */\nexport function getCircleGridItems(coordinate, xScale, yScale, alignTick, dim) {\n var count = xScale.values.length;\n var items = [];\n var ticks = yScale.getTicks();\n ticks.reduce(function (preTick, currentTick) {\n var preValue = preTick ? preTick.value : currentTick.value; // 只有一项数据时取当前值\n var currentValue = currentTick.value;\n var middleValue = (preValue + currentValue) / 2;\n if (dim === 'x') {\n // 如果是 x 轴作为半径轴，那么只需要取圆弧收尾两个即可\n items.push({\n points: [\n coordinate.convert({\n x: alignTick ? currentValue : middleValue,\n y: 0,\n }),\n coordinate.convert({\n x: alignTick ? currentValue : middleValue,\n y: 1,\n }),\n ],\n });\n }\n else {\n items.push({\n points: map(Array(count + 1), function (__, idx) {\n return coordinate.convert({\n x: idx / count,\n y: alignTick ? currentValue : middleValue,\n });\n }),\n });\n }\n return currentTick;\n }, ticks[0]);\n return items;\n}\n/**\n * @ignore\n * show grid or not\n * @param axisTheme\n * @param axisOption\n */\nexport function showGrid(axisTheme, axisOption) {\n var userGrid = get(axisOption, 'grid');\n if (userGrid === null) {\n return false;\n }\n var themeGrid = get(axisTheme, 'grid');\n return !(userGrid === undefined && themeGrid === null);\n}\n//# sourceMappingURL=grid.js.map","import { __assign, __extends } from \"tslib\";\nimport { deepMix, each, get, isUndefined } from '@antv/util';\nimport { DIRECTION, COMPONENT_TYPE, LAYER } from '../../constant';\nimport { CircleAxis, CircleGrid, LineAxis, LineGrid } from '../../dependents';\nimport { DEFAULT_ANIMATE_CFG } from '../../animate/';\nimport { getAxisDirection, getAxisFactorByRegion, getAxisRegion, getAxisThemeCfg, getAxisTitleOptions, getAxisTitleText, getCircleAxisCenterRadius, isVertical, } from '../../util/axis';\nimport { getAxisOption } from '../../util/axis';\nimport { getCircleGridItems, getGridThemeCfg, getLineGridItems, showGrid } from '../../util/grid';\nimport { omit } from '../../util/helper';\nimport { Controller } from './base';\n// update 组件的时候，忽略的数据更新\nvar OMIT_CFG = ['container'];\n// 坐标轴默认动画配置\nvar AXIS_DEFAULT_ANIMATE_CFG = __assign(__assign({}, DEFAULT_ANIMATE_CFG), { appear: null });\n/**\n * @ignore\n * G2 Axis controller, will:\n * - create component\n * - axis\n * - grid\n * - life circle\n */\nvar Axis = /** @class */ (function (_super) {\n __extends(Axis, _super);\n function Axis(view) {\n var _this = _super.call(this, view) || this;\n /** 使用 object 存储组件 */\n _this.cache = new Map();\n // 先创建 gridContainer，将 grid 放到 axis 底层\n _this.gridContainer = _this.view.getLayer(LAYER.BG).addGroup();\n _this.gridForeContainer = _this.view.getLayer(LAYER.FORE).addGroup();\n _this.axisContainer = _this.view.getLayer(LAYER.BG).addGroup();\n _this.axisForeContainer = _this.view.getLayer(LAYER.FORE).addGroup();\n return _this;\n }\n Object.defineProperty(Axis.prototype, \"name\", {\n get: function () {\n return 'axis';\n },\n enumerable: false,\n configurable: true\n });\n Axis.prototype.init = function () { };\n Axis.prototype.render = function () {\n this.update();\n };\n /**\n * 更新组件布局，位置大小\n */\n Axis.prototype.layout = function () {\n var _this = this;\n var coordinate = this.view.getCoordinate();\n each(this.getComponents(), function (co) {\n var component = co.component, direction = co.direction, type = co.type, extra = co.extra;\n var dim = extra.dim, scale = extra.scale, alignTick = extra.alignTick;\n var updated;\n if (type === COMPONENT_TYPE.AXIS) {\n if (coordinate.isPolar) {\n if (dim === 'x') {\n updated = coordinate.isTransposed\n ? getAxisRegion(coordinate, direction)\n : getCircleAxisCenterRadius(coordinate);\n }\n else if (dim === 'y') {\n updated = coordinate.isTransposed\n ? getCircleAxisCenterRadius(coordinate)\n : getAxisRegion(coordinate, direction);\n }\n }\n else {\n updated = getAxisRegion(coordinate, direction);\n }\n }\n else if (type === COMPONENT_TYPE.GRID) {\n if (coordinate.isPolar) {\n var items = void 0;\n if (coordinate.isTransposed) {\n items =\n dim === 'x'\n ? getCircleGridItems(coordinate, _this.view.getYScales()[0], scale, alignTick, dim)\n : getLineGridItems(coordinate, scale, dim, alignTick);\n }\n else {\n items =\n dim === 'x'\n ? getLineGridItems(coordinate, scale, dim, alignTick)\n : getCircleGridItems(coordinate, _this.view.getXScale(), scale, alignTick, dim);\n }\n updated = {\n items: items,\n // coordinate 更新之后，center 也变化了\n center: _this.view.getCoordinate().getCenter(),\n };\n }\n else {\n updated = { items: getLineGridItems(coordinate, scale, dim, alignTick) };\n }\n }\n component.update(updated);\n });\n };\n /**\n * 更新 axis 组件\n */\n Axis.prototype.update = function () {\n this.option = this.view.getOptions().axes;\n var updatedCache = new Map();\n this.updateXAxes(updatedCache);\n this.updateYAxes(updatedCache);\n // 处理完成之后，销毁删除的\n // 不在处理中的\n var newCache = new Map();\n this.cache.forEach(function (co, key) {\n if (updatedCache.has(key)) {\n newCache.set(key, co);\n }\n else {\n // 不存在，则是所有需要被销毁的组件\n co.component.destroy();\n }\n });\n // 更新缓存\n this.cache = newCache;\n };\n Axis.prototype.clear = function () {\n _super.prototype.clear.call(this);\n this.cache.clear();\n this.gridContainer.clear();\n this.gridForeContainer.clear();\n this.axisContainer.clear();\n this.axisForeContainer.clear();\n };\n Axis.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n this.gridContainer.remove(true);\n this.gridForeContainer.remove(true);\n this.axisContainer.remove(true);\n this.axisForeContainer.remove(true);\n };\n /**\n * @override\n */\n Axis.prototype.getComponents = function () {\n var co = [];\n this.cache.forEach(function (value) {\n co.push(value);\n });\n return co;\n };\n /**\n * 更新 x axis\n * @param updatedCache\n */\n Axis.prototype.updateXAxes = function (updatedCache) {\n // x axis\n var scale = this.view.getXScale();\n if (!scale || scale.isIdentity) {\n return;\n }\n var xAxisOption = getAxisOption(this.option, scale.field);\n if (xAxisOption === false) {\n return;\n }\n var direction = getAxisDirection(xAxisOption, DIRECTION.BOTTOM);\n var layer = LAYER.BG;\n var dim = 'x';\n var coordinate = this.view.getCoordinate();\n var axisId = this.getId('axis', scale.field);\n var gridId = this.getId('grid', scale.field);\n if (coordinate.isRect) {\n // 1. do axis update\n var axis = this.cache.get(axisId);\n // 存在则更新\n if (axis) {\n var cfg = this.getLineAxisCfg(scale, xAxisOption, direction);\n omit(cfg, OMIT_CFG);\n axis.component.update(cfg);\n updatedCache.set(axisId, axis);\n }\n else {\n // 不存在，则创建\n axis = this.createLineAxis(scale, xAxisOption, layer, direction, dim);\n this.cache.set(axisId, axis);\n updatedCache.set(axisId, axis);\n }\n // 2. do grid update\n var grid = this.cache.get(gridId);\n // 存在则更新\n if (grid) {\n var cfg = this.getLineGridCfg(scale, xAxisOption, direction, dim);\n omit(cfg, OMIT_CFG);\n grid.component.update(cfg);\n updatedCache.set(gridId, grid);\n }\n else {\n // 不存在则创建\n grid = this.createLineGrid(scale, xAxisOption, layer, direction, dim);\n if (grid) {\n this.cache.set(gridId, grid);\n updatedCache.set(gridId, grid);\n }\n }\n }\n else if (coordinate.isPolar) {\n // 1. do axis update\n var axis = this.cache.get(axisId);\n // 存在则更新\n if (axis) {\n var cfg = coordinate.isTransposed\n ? this.getLineAxisCfg(scale, xAxisOption, DIRECTION.RADIUS)\n : this.getCircleAxisCfg(scale, xAxisOption, direction);\n omit(cfg, OMIT_CFG);\n axis.component.update(cfg);\n updatedCache.set(axisId, axis);\n }\n else {\n // 不存在，则创建\n if (coordinate.isTransposed) {\n if (isUndefined(xAxisOption)) {\n // 默认不渲染转置极坐标下的坐标轴\n return;\n }\n else {\n // 如果用户打开了隐藏的坐标轴 chart.axis(true)/chart.axis('x', true)\n // 那么对于转置了的极坐标，半径轴显示的是 x 轴对应的数据\n axis = this.createLineAxis(scale, xAxisOption, layer, DIRECTION.RADIUS, dim);\n }\n }\n else {\n axis = this.createCircleAxis(scale, xAxisOption, layer, direction, dim);\n }\n this.cache.set(axisId, axis);\n updatedCache.set(axisId, axis);\n }\n // 2. do grid update\n var grid = this.cache.get(gridId);\n // 存在则更新\n if (grid) {\n var cfg = coordinate.isTransposed\n ? this.getCircleGridCfg(scale, xAxisOption, DIRECTION.RADIUS, dim)\n : this.getLineGridCfg(scale, xAxisOption, DIRECTION.CIRCLE, dim);\n omit(cfg, OMIT_CFG);\n grid.component.update(cfg);\n updatedCache.set(gridId, grid);\n }\n else {\n // 不存在则创建\n if (coordinate.isTransposed) {\n if (isUndefined(xAxisOption)) {\n return;\n }\n else {\n grid = this.createCircleGrid(scale, xAxisOption, layer, DIRECTION.RADIUS, dim);\n }\n }\n else {\n // grid，极坐标下的 x 轴网格线沿着半径方向绘制\n grid = this.createLineGrid(scale, xAxisOption, layer, DIRECTION.CIRCLE, dim);\n }\n if (grid) {\n this.cache.set(gridId, grid);\n updatedCache.set(gridId, grid);\n }\n }\n }\n else {\n // helix and other, do not draw axis\n }\n };\n Axis.prototype.updateYAxes = function (updatedCache) {\n var _this = this;\n // y axes\n var yScales = this.view.getYScales();\n each(yScales, function (scale, idx) {\n // @ts-ignore\n if (!scale || scale.isIdentity) {\n return;\n }\n var field = scale.field;\n var yAxisOption = getAxisOption(_this.option, field);\n if (yAxisOption !== false) {\n var layer = LAYER.BG;\n var dim = 'y';\n var axisId = _this.getId('axis', field);\n var gridId = _this.getId('grid', field);\n var coordinate = _this.view.getCoordinate();\n if (coordinate.isRect) {\n var direction = getAxisDirection(yAxisOption, idx === 0 ? DIRECTION.LEFT : DIRECTION.RIGHT);\n // 1. do axis update\n var axis = _this.cache.get(axisId);\n // 存在则更新\n if (axis) {\n var cfg = _this.getLineAxisCfg(scale, yAxisOption, direction);\n omit(cfg, OMIT_CFG);\n axis.component.update(cfg);\n updatedCache.set(axisId, axis);\n }\n else {\n // 不存在，则创建\n axis = _this.createLineAxis(scale, yAxisOption, layer, direction, dim);\n _this.cache.set(axisId, axis);\n updatedCache.set(axisId, axis);\n }\n // 2. do grid update\n var grid = _this.cache.get(gridId);\n // 存在则更新\n if (grid) {\n var cfg = _this.getLineGridCfg(scale, yAxisOption, direction, dim);\n omit(cfg, OMIT_CFG);\n grid.component.update(cfg);\n updatedCache.set(gridId, grid);\n }\n else {\n // 不存在则创建\n grid = _this.createLineGrid(scale, yAxisOption, layer, direction, dim);\n if (grid) {\n _this.cache.set(gridId, grid);\n updatedCache.set(gridId, grid);\n }\n }\n }\n else if (coordinate.isPolar) {\n // 1. do axis update\n var axis = _this.cache.get(axisId);\n // 存在则更新\n if (axis) {\n var cfg = coordinate.isTransposed\n ? _this.getCircleAxisCfg(scale, yAxisOption, DIRECTION.CIRCLE)\n : _this.getLineAxisCfg(scale, yAxisOption, DIRECTION.RADIUS);\n // @ts-ignore\n omit(cfg, OMIT_CFG);\n axis.component.update(cfg);\n updatedCache.set(axisId, axis);\n }\n else {\n // 不存在，则创建\n if (coordinate.isTransposed) {\n if (isUndefined(yAxisOption)) {\n return;\n }\n else {\n axis = _this.createCircleAxis(scale, yAxisOption, layer, DIRECTION.CIRCLE, dim);\n }\n }\n else {\n axis = _this.createLineAxis(scale, yAxisOption, layer, DIRECTION.RADIUS, dim);\n }\n _this.cache.set(axisId, axis);\n updatedCache.set(axisId, axis);\n }\n // 2. do grid update\n var grid = _this.cache.get(gridId);\n // 存在则更新\n if (grid) {\n var cfg = coordinate.isTransposed\n ? _this.getLineGridCfg(scale, yAxisOption, DIRECTION.CIRCLE, dim)\n : _this.getCircleGridCfg(scale, yAxisOption, DIRECTION.RADIUS, dim);\n omit(cfg, OMIT_CFG);\n grid.component.update(cfg);\n updatedCache.set(gridId, grid);\n }\n else {\n // 不存在则创建\n if (coordinate.isTransposed) {\n if (isUndefined(yAxisOption)) {\n return;\n }\n else {\n grid = _this.createLineGrid(scale, yAxisOption, layer, DIRECTION.CIRCLE, dim);\n }\n }\n else {\n grid = _this.createCircleGrid(scale, yAxisOption, layer, DIRECTION.RADIUS, dim);\n }\n if (grid) {\n _this.cache.set(gridId, grid);\n updatedCache.set(gridId, grid);\n }\n }\n }\n else {\n // helix and other, do not draw axis\n }\n }\n });\n };\n /**\n * 创建 line axis\n * @param scale\n * @param option\n * @param layer\n * @param direction\n * @param dim\n */\n Axis.prototype.createLineAxis = function (scale, option, layer, direction, dim) {\n // axis\n var axis = {\n component: new LineAxis(this.getLineAxisCfg(scale, option, direction)),\n layer: layer,\n direction: direction === DIRECTION.RADIUS ? DIRECTION.NONE : direction,\n type: COMPONENT_TYPE.AXIS,\n extra: { dim: dim, scale: scale },\n };\n axis.component.set('field', scale.field);\n axis.component.init();\n return axis;\n };\n Axis.prototype.createLineGrid = function (scale, option, layer, direction, dim) {\n var cfg = this.getLineGridCfg(scale, option, direction, dim);\n if (cfg) {\n var grid = {\n component: new LineGrid(cfg),\n layer: layer,\n direction: DIRECTION.NONE,\n type: COMPONENT_TYPE.GRID,\n extra: {\n dim: dim,\n scale: scale,\n alignTick: get(cfg, 'alignTick', true),\n },\n };\n grid.component.init();\n return grid;\n }\n };\n Axis.prototype.createCircleAxis = function (scale, option, layer, direction, dim) {\n var axis = {\n component: new CircleAxis(this.getCircleAxisCfg(scale, option, direction)),\n layer: layer,\n direction: direction,\n type: COMPONENT_TYPE.AXIS,\n extra: { dim: dim, scale: scale },\n };\n axis.component.set('field', scale.field);\n axis.component.init();\n return axis;\n };\n Axis.prototype.createCircleGrid = function (scale, option, layer, direction, dim) {\n var cfg = this.getCircleGridCfg(scale, option, direction, dim);\n if (cfg) {\n var grid = {\n component: new CircleGrid(cfg),\n layer: layer,\n direction: DIRECTION.NONE,\n type: COMPONENT_TYPE.GRID,\n extra: {\n dim: dim,\n scale: scale,\n alignTick: get(cfg, 'alignTick', true),\n },\n };\n grid.component.init();\n return grid;\n }\n };\n /**\n * generate line axis cfg\n * @param scale\n * @param axisOption\n * @param direction\n * @return line axis cfg\n */\n Axis.prototype.getLineAxisCfg = function (scale, axisOption, direction) {\n var container = get(axisOption, ['top']) ? this.axisForeContainer : this.axisContainer;\n var coordinate = this.view.getCoordinate();\n var region = getAxisRegion(coordinate, direction);\n var titleText = getAxisTitleText(scale, axisOption);\n var axisThemeCfg = getAxisThemeCfg(this.view.getTheme(), direction);\n // the cfg order should be ensure\n var optionWithTitle = get(axisOption, ['title'])\n ? deepMix({ title: { style: { text: titleText } } }, { title: getAxisTitleOptions(this.view.getTheme(), direction, axisOption.title) }, axisOption)\n : axisOption;\n var cfg = deepMix(__assign(__assign({ container: container }, region), { ticks: scale.getTicks().map(function (tick) { return ({ id: \"\".concat(tick.tickValue), name: tick.text, value: tick.value }); }), verticalFactor: coordinate.isPolar\n ? getAxisFactorByRegion(region, coordinate.getCenter()) * -1\n : getAxisFactorByRegion(region, coordinate.getCenter()), theme: axisThemeCfg }), axisThemeCfg, optionWithTitle);\n var _a = this.getAnimateCfg(cfg), animate = _a.animate, animateOption = _a.animateOption;\n cfg.animateOption = animateOption;\n cfg.animate = animate;\n // 计算 verticalLimitLength\n var isAxisVertical = isVertical(region);\n // TODO: 1 / 3 等默认值需要有一个全局的配置的地方\n var verticalLimitLength = get(cfg, 'verticalLimitLength', isAxisVertical ? 1 / 3 : 1 / 2);\n if (verticalLimitLength <= 1) {\n // 配置的相对值，相对于画布\n var canvasWidth = this.view.getCanvas().get('width');\n var canvasHeight = this.view.getCanvas().get('height');\n cfg.verticalLimitLength = verticalLimitLength * (isAxisVertical ? canvasWidth : canvasHeight);\n }\n return cfg;\n };\n /**\n * generate line grid cfg\n * @param scale\n * @param axisOption\n * @param direction\n * @param dim\n * @return line grid cfg\n */\n Axis.prototype.getLineGridCfg = function (scale, axisOption, direction, dim) {\n if (!showGrid(getAxisThemeCfg(this.view.getTheme(), direction), axisOption)) {\n return undefined;\n }\n var gridThemeCfg = getGridThemeCfg(this.view.getTheme(), direction);\n // the cfg order should be ensure\n // grid 动画以 axis 为准\n var gridCfg = deepMix({\n container: get(axisOption, ['top']) ? this.gridForeContainer : this.gridContainer,\n }, gridThemeCfg, get(axisOption, 'grid'), this.getAnimateCfg(axisOption));\n gridCfg.items = getLineGridItems(this.view.getCoordinate(), scale, dim, get(gridCfg, 'alignTick', true));\n return gridCfg;\n };\n /**\n * generate circle axis cfg\n * @param scale\n * @param axisOption\n * @param direction\n * @return circle axis cfg\n */\n Axis.prototype.getCircleAxisCfg = function (scale, axisOption, direction) {\n var container = get(axisOption, ['top']) ? this.axisForeContainer : this.axisContainer;\n var coordinate = this.view.getCoordinate();\n var ticks = scale.getTicks().map(function (tick) { return ({ id: \"\".concat(tick.tickValue), name: tick.text, value: tick.value }); });\n if (!scale.isCategory && Math.abs(coordinate.endAngle - coordinate.startAngle) === Math.PI * 2) {\n // x 轴对应的值如果是非 cat 类型，在整圆的情况下坐标轴第一个和最后一个文本会重叠，默认只展示第一个文本\n ticks.pop();\n }\n var titleText = getAxisTitleText(scale, axisOption);\n var axisThemeCfg = getAxisThemeCfg(this.view.getTheme(), DIRECTION.CIRCLE);\n // the cfg order should be ensure\n var optionWithTitle = get(axisOption, ['title'])\n ? deepMix({ title: { style: { text: titleText } } }, { title: getAxisTitleOptions(this.view.getTheme(), direction, axisOption.title) }, axisOption)\n : axisOption;\n var cfg = deepMix(__assign(__assign({ container: container }, getCircleAxisCenterRadius(this.view.getCoordinate())), { ticks: ticks, verticalFactor: 1, theme: axisThemeCfg }), axisThemeCfg, optionWithTitle);\n var _a = this.getAnimateCfg(cfg), animate = _a.animate, animateOption = _a.animateOption;\n cfg.animate = animate;\n cfg.animateOption = animateOption;\n return cfg;\n };\n /**\n * generate circle grid cfg\n * @param scale\n * @param axisOption\n * @param direction\n * @return circle grid cfg\n */\n Axis.prototype.getCircleGridCfg = function (scale, axisOption, direction, dim) {\n if (!showGrid(getAxisThemeCfg(this.view.getTheme(), direction), axisOption)) {\n return undefined;\n }\n // the cfg order should be ensure\n // grid 动画以 axis 为准\n var gridThemeCfg = getGridThemeCfg(this.view.getTheme(), DIRECTION.RADIUS);\n var gridCfg = deepMix({\n container: get(axisOption, ['top']) ? this.gridForeContainer : this.gridContainer,\n center: this.view.getCoordinate().getCenter(),\n }, gridThemeCfg, get(axisOption, 'grid'), this.getAnimateCfg(axisOption));\n var alignTick = get(gridCfg, 'alignTick', true);\n var verticalScale = dim === 'x' ? this.view.getYScales()[0] : this.view.getXScale();\n gridCfg.items = getCircleGridItems(this.view.getCoordinate(), verticalScale, scale, alignTick, dim);\n // the cfg order should be ensure\n // grid 动画以 axis 为准\n return gridCfg;\n };\n Axis.prototype.getId = function (name, key) {\n var coordinate = this.view.getCoordinate();\n // 坐标系类型也作为组件的 key\n return \"\".concat(name, \"-\").concat(key, \"-\").concat(coordinate.type);\n };\n Axis.prototype.getAnimateCfg = function (cfg) {\n return {\n animate: this.view.getOptions().animate && get(cfg, 'animate'),\n animateOption: cfg && cfg.animateOption ? deepMix({}, AXIS_DEFAULT_ANIMATE_CFG, cfg.animateOption) : AXIS_DEFAULT_ANIMATE_CFG,\n };\n };\n return Axis;\n}(Controller));\nexport default Axis;\n//# sourceMappingURL=axis.js.map","import { DIRECTION } from '../constant';\n/**\n * @ignore\n * 方位常量转实际的 bbox 位置大小\n * @param parentBBox\n * @param bbox\n * @param direction\n */\nexport function directionToPosition(parentBBox, bbox, direction) {\n if (direction === DIRECTION.TOP) {\n return [parentBBox.minX + parentBBox.width / 2 - bbox.width / 2, parentBBox.minY];\n }\n if (direction === DIRECTION.BOTTOM) {\n return [parentBBox.minX + parentBBox.width / 2 - bbox.width / 2, parentBBox.maxY - bbox.height];\n }\n if (direction === DIRECTION.LEFT) {\n return [parentBBox.minX, parentBBox.minY + parentBBox.height / 2 - bbox.height / 2];\n }\n if (direction === DIRECTION.RIGHT) {\n return [parentBBox.maxX - bbox.width, parentBBox.minY + parentBBox.height / 2 - bbox.height / 2];\n }\n if (direction === DIRECTION.TOP_LEFT || direction === DIRECTION.LEFT_TOP) {\n return [parentBBox.tl.x, parentBBox.tl.y];\n }\n if (direction === DIRECTION.TOP_RIGHT || direction === DIRECTION.RIGHT_TOP) {\n return [parentBBox.tr.x - bbox.width, parentBBox.tr.y];\n }\n if (direction === DIRECTION.BOTTOM_LEFT || direction === DIRECTION.LEFT_BOTTOM) {\n return [parentBBox.bl.x, parentBBox.bl.y - bbox.height];\n }\n if (direction === DIRECTION.BOTTOM_RIGHT || direction === DIRECTION.RIGHT_BOTTOM) {\n return [parentBBox.br.x - bbox.width, parentBBox.br.y - bbox.height];\n }\n return [0, 0];\n}\n/**\n * get direction after coordinate transpose\n * @param direction\n * @param coordinate\n * @returns direction after transpose or not\n */\nfunction getTransposedDirection(direction, coordinate) {\n if (coordinate.isTransposed) {\n switch (direction) {\n case DIRECTION.BOTTOM:\n return DIRECTION.LEFT;\n case DIRECTION.LEFT:\n return DIRECTION.BOTTOM;\n case DIRECTION.RIGHT:\n return DIRECTION.TOP;\n case DIRECTION.TOP:\n return DIRECTION.RIGHT;\n }\n }\n return direction;\n}\nfunction reflectX(direct) {\n if (direct === DIRECTION.LEFT) {\n return DIRECTION.RIGHT;\n }\n if (direct === DIRECTION.RIGHT) {\n return DIRECTION.LEFT;\n }\n return direct;\n}\nfunction reflectY(direct) {\n if (direct === DIRECTION.TOP) {\n return DIRECTION.BOTTOM;\n }\n if (direct === DIRECTION.BOTTOM) {\n return DIRECTION.TOP;\n }\n return direct;\n}\n/**\n * get direction after coordinate.scale\n * @param direction\n * @param coordinate\n */\nfunction getScaleDirection(direction, coordinate) {\n var x = coordinate.matrix[0];\n var y = coordinate.matrix[4];\n var d = direction;\n if (x < 0) {\n d = reflectX(d);\n }\n if (y < 0) {\n d = reflectY(d);\n }\n return d;\n}\n/**\n *\n * @param direction\n * @param coordinate\n */\nfunction getReflectDirection(direction, coordinate) {\n var d = direction;\n if (coordinate.isReflect('x')) {\n d = reflectX(d);\n }\n if (coordinate.isReflect('y')) {\n d = reflectY(d);\n }\n return d;\n}\n/**\n * @ignore\n * get direction after coordinate translate\n * @param direction\n * @param coordinate\n */\nexport function getTranslateDirection(direction, coordinate) {\n var d = direction;\n d = getTransposedDirection(d, coordinate);\n d = getScaleDirection(d, coordinate);\n d = getReflectDirection(d, coordinate);\n return d;\n}\n//# sourceMappingURL=direction.js.map","import { __extends, __read } from \"tslib\";\nimport { deepMix, each, find, get, head, isBoolean, last } from '@antv/util';\nimport { COMPONENT_MAX_VIEW_PERCENTAGE, COMPONENT_TYPE, DIRECTION, LAYER } from '../../constant';\nimport { CategoryLegend, ContinuousLegend } from '../../dependents';\nimport { DEFAULT_ANIMATE_CFG } from '../../animate';\nimport { BBox } from '../../util/bbox';\nimport { directionToPosition } from '../../util/direction';\nimport { omit } from '../../util/helper';\nimport { getCustomLegendItems, getLegendItems, getLegendLayout, getLegendThemeCfg } from '../../util/legend';\nimport { getName } from '../../util/scale';\nimport { Controller } from './base';\n/**\n * 从配置中获取单个字段的 legend 配置\n * @param legends\n * @param field\n * @returns the option of one legend field\n */\nfunction getLegendOption(legends, field) {\n if (isBoolean(legends)) {\n return legends === false ? false : {};\n }\n return get(legends, [field], legends);\n}\nfunction getDirection(legendOption) {\n return get(legendOption, 'position', DIRECTION.BOTTOM);\n}\n/**\n * @ignore\n * legend Controller\n */\nvar Legend = /** @class */ (function (_super) {\n __extends(Legend, _super);\n function Legend(view) {\n var _this = _super.call(this, view) || this;\n _this.container = _this.view.getLayer(LAYER.FORE).addGroup();\n return _this;\n }\n Object.defineProperty(Legend.prototype, \"name\", {\n get: function () {\n return 'legend';\n },\n enumerable: false,\n configurable: true\n });\n Legend.prototype.init = function () { };\n /**\n * render the legend component by legend options\n */\n Legend.prototype.render = function () {\n // 和 update 逻辑保持一致\n this.update();\n };\n /**\n * layout legend\n * 计算出 legend 的 direction 位置 x, y\n */\n Legend.prototype.layout = function () {\n var _this = this;\n this.layoutBBox = this.view.viewBBox;\n each(this.components, function (co) {\n var component = co.component, direction = co.direction;\n var layout = getLegendLayout(direction);\n var maxWidthRatio = component.get('maxWidthRatio');\n var maxHeightRatio = component.get('maxHeightRatio');\n var maxSize = _this.getCategoryLegendSizeCfg(layout, maxWidthRatio, maxHeightRatio);\n var maxWidth = component.get('maxWidth');\n var maxHeight = component.get('maxHeight');\n // 先更新 maxSize，更新 layoutBBox，以便计算正确的 x y\n component.update({\n maxWidth: Math.min(maxSize.maxWidth, maxWidth || 0),\n maxHeight: Math.min(maxSize.maxHeight, maxHeight || 0),\n });\n var padding = component.get('padding');\n var bboxObject = component.getLayoutBBox(); // 这里只需要他的 width、height 信息做位置调整\n var bbox = new BBox(bboxObject.x, bboxObject.y, bboxObject.width, bboxObject.height).expand(padding);\n var _a = __read(directionToPosition(_this.view.viewBBox, bbox, direction), 2), x1 = _a[0], y1 = _a[1];\n var _b = __read(directionToPosition(_this.layoutBBox, bbox, direction), 2), x2 = _b[0], y2 = _b[1];\n var x = 0;\n var y = 0;\n // 因为 legend x y 要和 coordinateBBox 对齐，所以要做一个简单的判断\n if (direction.startsWith('top') || direction.startsWith('bottom')) {\n x = x1;\n y = y2;\n }\n else {\n x = x2;\n y = y1;\n }\n // 更新位置\n component.setLocation({ x: x + padding[3], y: y + padding[0] });\n _this.layoutBBox = _this.layoutBBox.cut(bbox, direction);\n });\n };\n /**\n * legend 的更新逻辑\n */\n Legend.prototype.update = function () {\n var _this = this;\n this.option = this.view.getOptions().legends;\n // 已经处理过的 legend\n var updated = {};\n var eachLegend = function (geometry, attr, scale) {\n var id = _this.getId(scale.field);\n var existCo = _this.getComponentById(id);\n // 存在则 update\n if (existCo) {\n var cfg = void 0;\n var legendOption = getLegendOption(_this.option, scale.field);\n // if the legend option is not false, means legend should be created.\n if (legendOption !== false) {\n if (get(legendOption, 'custom')) {\n cfg = _this.getCategoryCfg(geometry, attr, scale, legendOption, true);\n }\n else {\n if (scale.isLinear) {\n // linear field, create continuous legend\n cfg = _this.getContinuousCfg(geometry, attr, scale, legendOption);\n }\n else if (scale.isCategory) {\n // category field, create category legend\n cfg = _this.getCategoryCfg(geometry, attr, scale, legendOption);\n }\n }\n }\n // 如果 cfg 为空，则不在 updated 标记，那么会在后面逻辑中删除\n if (cfg) {\n // omit 掉一些属性，比如 container 等\n omit(cfg, ['container']);\n existCo.direction = getDirection(legendOption);\n existCo.component.update(cfg);\n // 标记为新的\n updated[id] = true;\n }\n }\n else {\n // 不存在则 create\n var legend = _this.createFieldLegend(geometry, attr, scale);\n if (legend) {\n legend.component.init();\n _this.components.push(legend);\n // 标记为新的\n updated[id] = true;\n }\n }\n };\n // 全局自定义图例\n if (get(this.option, 'custom')) {\n var id = 'global-custom';\n var existCo = this.getComponentById(id);\n if (existCo) {\n var customCfg = this.getCategoryCfg(undefined, undefined, undefined, this.option, true);\n omit(customCfg, ['container']);\n existCo.component.update(customCfg);\n updated[id] = true;\n }\n else {\n var component = this.createCustomLegend(undefined, undefined, undefined, this.option);\n if (component) {\n component.init();\n var layer = LAYER.FORE;\n var direction = getDirection(this.option);\n this.components.push({\n id: id,\n component: component,\n layer: layer,\n direction: direction,\n type: COMPONENT_TYPE.LEGEND,\n extra: undefined,\n });\n // 标记为更新\n updated[id] = true;\n }\n }\n }\n else {\n // 遍历处理每一个创建逻辑\n this.loopLegends(eachLegend);\n }\n // 处理完成之后，销毁删除的\n // 不在处理中的\n var components = [];\n each(this.getComponents(), function (co) {\n if (updated[co.id]) {\n components.push(co);\n }\n else {\n co.component.destroy();\n }\n });\n // 更新当前已有的 components\n this.components = components;\n };\n Legend.prototype.clear = function () {\n _super.prototype.clear.call(this);\n this.container.clear();\n };\n Legend.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n this.container.remove(true);\n };\n /**\n * 递归获取所有的 Geometry\n */\n Legend.prototype.getGeometries = function (view) {\n var _this = this;\n var geometries = view.geometries;\n each(view.views, function (v) {\n geometries = geometries.concat(_this.getGeometries(v));\n });\n return geometries;\n };\n /**\n * 遍历 Geometry，处理 legend 逻辑\n * @param doEach 每个 loop 中的处理方法\n */\n Legend.prototype.loopLegends = function (doEach) {\n var isRootView = this.view.getRootView() === this.view;\n // 非根 view，不处理 legend\n if (!isRootView) {\n return;\n }\n // 递归 view 中所有的 Geometry，进行创建 legend\n var geometries = this.getGeometries(this.view);\n var looped = {}; // 防止一个字段创建两个 legend\n each(geometries, function (geometry) {\n var attributes = geometry.getGroupAttributes();\n each(attributes, function (attr) {\n var scale = attr.getScale(attr.type);\n // 如果在视觉通道上映射常量值，如 size(2) shape('circle') 不创建 legend\n if (!scale || scale.type === 'identity' || looped[scale.field]) {\n return;\n }\n doEach(geometry, attr, scale);\n looped[scale.field] = true;\n });\n });\n };\n /**\n * 创建一个 legend\n * @param geometry\n * @param attr\n * @param scale\n */\n Legend.prototype.createFieldLegend = function (geometry, attr, scale) {\n var component;\n var legendOption = getLegendOption(this.option, scale.field);\n var layer = LAYER.FORE;\n var direction = getDirection(legendOption);\n // if the legend option is not false, means legend should be created.\n if (legendOption !== false) {\n if (get(legendOption, 'custom')) {\n component = this.createCustomLegend(geometry, attr, scale, legendOption);\n }\n else {\n if (scale.isLinear) {\n // linear field, create continuous legend\n component = this.createContinuousLegend(geometry, attr, scale, legendOption);\n }\n else if (scale.isCategory) {\n // category field, create category legend\n component = this.createCategoryLegend(geometry, attr, scale, legendOption);\n }\n }\n }\n if (component) {\n component.set('field', scale.field);\n return {\n id: this.getId(scale.field),\n component: component,\n layer: layer,\n direction: direction,\n type: COMPONENT_TYPE.LEGEND,\n extra: { scale: scale },\n };\n }\n };\n /**\n * 自定义图例使用 category 图例去渲染\n * @param geometry\n * @param attr\n * @param scale\n * @param legendOption\n */\n Legend.prototype.createCustomLegend = function (geometry, attr, scale, legendOption) {\n // 直接使用 分类图例渲染\n var cfg = this.getCategoryCfg(geometry, attr, scale, legendOption, true);\n return new CategoryLegend(cfg);\n };\n /**\n * 创建连续图例\n * @param geometry\n * @param attr\n * @param scale\n * @param legendOption\n */\n Legend.prototype.createContinuousLegend = function (geometry, attr, scale, legendOption) {\n var cfg = this.getContinuousCfg(geometry, attr, scale, omit(legendOption, ['value']));\n return new ContinuousLegend(cfg);\n };\n /**\n * 创建分类图例\n * @param geometry\n * @param attr\n * @param scale\n * @param legendOption\n */\n Legend.prototype.createCategoryLegend = function (geometry, attr, scale, legendOption) {\n var cfg = this.getCategoryCfg(geometry, attr, scale, legendOption);\n return new CategoryLegend(cfg);\n };\n /**\n * 获得连续图例的配置\n * @param geometry\n * @param attr\n * @param scale\n * @param legendOption\n */\n Legend.prototype.getContinuousCfg = function (geometry, attr, scale, legendOption) {\n var ticks = scale.getTicks();\n var containMin = find(ticks, function (tick) { return tick.value === 0; });\n var containMax = find(ticks, function (tick) { return tick.value === 1; });\n var items = ticks.map(function (tick) {\n var value = tick.value, tickValue = tick.tickValue;\n var attrValue = attr.mapping(scale.invert(value)).join('');\n return {\n value: tickValue,\n attrValue: attrValue,\n color: attrValue,\n scaleValue: value,\n };\n });\n if (!containMin) {\n items.push({\n value: scale.min,\n attrValue: attr.mapping(scale.invert(0)).join(''),\n color: attr.mapping(scale.invert(0)).join(''),\n scaleValue: 0,\n });\n }\n if (!containMax) {\n items.push({\n value: scale.max,\n attrValue: attr.mapping(scale.invert(1)).join(''),\n color: attr.mapping(scale.invert(1)).join(''),\n scaleValue: 1,\n });\n }\n // 排序\n items.sort(function (a, b) { return a.value - b.value; });\n // 跟 attr 相关的配置\n // size color 区别的配置\n var attrLegendCfg = {\n min: head(items).value,\n max: last(items).value,\n colors: [],\n rail: {\n type: attr.type,\n },\n track: {},\n };\n if (attr.type === 'size') {\n attrLegendCfg.track = {\n style: {\n // size 的选中前景色，对于 color，则直接使用 color 标识\n // @ts-ignore\n fill: attr.type === 'size' ? this.view.getTheme().defaultColor : undefined,\n },\n };\n }\n if (attr.type === 'color') {\n attrLegendCfg.colors = items.map(function (item) { return item.attrValue; });\n }\n var container = this.container;\n // if position is not set, use top as default\n var direction = getDirection(legendOption);\n var layout = getLegendLayout(direction);\n var title = get(legendOption, 'title');\n if (title) {\n title = deepMix({\n text: getName(scale),\n }, title);\n }\n // 基础配置，从当前数据中读到的配置\n attrLegendCfg.container = container;\n attrLegendCfg.layout = layout;\n attrLegendCfg.title = title;\n attrLegendCfg.animateOption = DEFAULT_ANIMATE_CFG;\n // @ts-ignore\n return this.mergeLegendCfg(attrLegendCfg, legendOption, 'continuous');\n };\n /**\n * 获取分类图例的配置项\n * @param geometry\n * @param attr\n * @param scale\n * @param custom\n * @param legendOption\n */\n Legend.prototype.getCategoryCfg = function (geometry, attr, scale, legendOption, custom) {\n var container = this.container;\n // if position is not set, use top as default\n var direction = get(legendOption, 'position', DIRECTION.BOTTOM);\n var legendTheme = getLegendThemeCfg(this.view.getTheme(), direction);\n // the default marker style\n var themeMarker = get(legendTheme, ['marker']);\n var userMarker = get(legendOption, 'marker');\n var layout = getLegendLayout(direction);\n var themePageNavigator = get(legendTheme, ['pageNavigator']);\n var userPageNavigator = get(legendOption, 'pageNavigator');\n var items = custom\n ? getCustomLegendItems(themeMarker, userMarker, legendOption.items)\n : getLegendItems(this.view, geometry, attr, themeMarker, userMarker);\n var title = get(legendOption, 'title');\n if (title) {\n title = deepMix({\n text: scale ? getName(scale) : '',\n }, title);\n }\n var maxWidthRatio = get(legendOption, 'maxWidthRatio');\n var maxHeightRatio = get(legendOption, 'maxHeightRatio');\n var baseCfg = this.getCategoryLegendSizeCfg(layout, maxWidthRatio, maxHeightRatio);\n baseCfg.container = container;\n baseCfg.layout = layout;\n baseCfg.items = items;\n baseCfg.title = title;\n baseCfg.animateOption = DEFAULT_ANIMATE_CFG;\n baseCfg.pageNavigator = deepMix({}, themePageNavigator, userPageNavigator);\n var categoryCfg = this.mergeLegendCfg(baseCfg, legendOption, direction);\n if (categoryCfg.reversed) {\n // 图例项需要逆序\n categoryCfg.items.reverse();\n }\n var maxItemWidth = get(categoryCfg, 'maxItemWidth');\n if (maxItemWidth && maxItemWidth <= 1) {\n // 转换成像素值\n categoryCfg.maxItemWidth = this.view.viewBBox.width * maxItemWidth;\n }\n return categoryCfg;\n };\n /**\n * get legend config, use option > suggestion > theme\n * @param baseCfg\n * @param legendOption\n * @param direction\n */\n Legend.prototype.mergeLegendCfg = function (baseCfg, legendOption, direction) {\n var position = direction.split('-')[0];\n var themeObject = getLegendThemeCfg(this.view.getTheme(), position);\n return deepMix({}, themeObject, baseCfg, legendOption);\n };\n /**\n * 生成 id\n * @param key\n */\n Legend.prototype.getId = function (key) {\n return \"\".concat(this.name, \"-\").concat(key);\n };\n /**\n * 根据 id 来获取组件\n * @param id\n */\n Legend.prototype.getComponentById = function (id) {\n return find(this.components, function (co) { return co.id === id; });\n };\n Legend.prototype.getCategoryLegendSizeCfg = function (layout, maxWidthRatio, maxHeightRatio) {\n if (maxWidthRatio === void 0) { maxWidthRatio = COMPONENT_MAX_VIEW_PERCENTAGE; }\n if (maxHeightRatio === void 0) { maxHeightRatio = COMPONENT_MAX_VIEW_PERCENTAGE; }\n var _a = this.view.viewBBox, vw = _a.width, vh = _a.height;\n // 目前 legend 的布局是以 viewBBox 为参照\n // const { width: cw, height: ch } = this.view.coordinateBBox;\n return layout === 'vertical'\n ? {\n maxWidth: vw * maxWidthRatio,\n maxHeight: vh,\n }\n : {\n maxWidth: vw,\n maxHeight: vh * maxHeightRatio,\n };\n };\n return Legend;\n}(Controller));\nexport default Legend;\n//# sourceMappingURL=legend.js.map","import { __assign, __extends, __read } from \"tslib\";\nimport { deepMix, get, isObject, size, clamp, isNil, noop, throttle, isEmpty, valuesOfKey } from '@antv/util';\nimport { COMPONENT_TYPE, DIRECTION, LAYER, VIEW_LIFE_CIRCLE } from '../../constant';\nimport { Slider as SliderComponent } from '../../dependents';\nimport { BBox } from '../../util/bbox';\nimport { directionToPosition } from '../../util/direction';\nimport { isBetween } from '../../util/helper';\nimport { Controller } from './base';\n/**\n * @ignore\n * slider Controller\n */\nvar Slider = /** @class */ (function (_super) {\n __extends(Slider, _super);\n function Slider(view) {\n var _this = _super.call(this, view) || this;\n _this.onChangeFn = noop;\n /**\n * 清除测量\n */\n _this.resetMeasure = function () {\n _this.clear();\n };\n /**\n * 滑块滑动的时候出发\n * @param v\n */\n _this.onValueChange = function (v) {\n var _a = __read(v, 2), min = _a[0], max = _a[1];\n _this.start = min;\n _this.end = max;\n _this.changeViewData(min, max);\n };\n _this.container = _this.view.getLayer(LAYER.FORE).addGroup();\n _this.onChangeFn = throttle(_this.onValueChange, 20, {\n leading: true,\n });\n _this.width = 0;\n _this.view.on(VIEW_LIFE_CIRCLE.BEFORE_CHANGE_DATA, _this.resetMeasure);\n _this.view.on(VIEW_LIFE_CIRCLE.BEFORE_CHANGE_SIZE, _this.resetMeasure);\n return _this;\n }\n Object.defineProperty(Slider.prototype, \"name\", {\n get: function () {\n return 'slider';\n },\n enumerable: false,\n configurable: true\n });\n Slider.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n this.view.off(VIEW_LIFE_CIRCLE.BEFORE_CHANGE_DATA, this.resetMeasure);\n this.view.off(VIEW_LIFE_CIRCLE.BEFORE_CHANGE_SIZE, this.resetMeasure);\n };\n /**\n * 初始化\n */\n Slider.prototype.init = function () { };\n /**\n * 渲染\n */\n Slider.prototype.render = function () {\n this.option = this.view.getOptions().slider;\n var _a = this.getSliderCfg(), start = _a.start, end = _a.end;\n if (isNil(this.start)) {\n this.start = start;\n this.end = end;\n }\n var viewData = this.view.getOptions().data;\n if (this.option && !isEmpty(viewData)) {\n if (this.slider) {\n // exist, update\n this.slider = this.updateSlider();\n }\n else {\n // not exist, create\n this.slider = this.createSlider();\n // 监听事件，绑定交互\n this.slider.component.on('sliderchange', this.onChangeFn);\n }\n }\n else {\n if (this.slider) {\n // exist, destroy\n this.slider.component.destroy();\n this.slider = undefined;\n }\n else {\n // do nothing\n }\n }\n };\n /**\n * 布局\n */\n Slider.prototype.layout = function () {\n var _this = this;\n if (this.option && !this.width) {\n this.measureSlider();\n setTimeout(function () {\n // 初始状态下的 view 数据过滤\n if (!_this.view.destroyed) {\n _this.changeViewData(_this.start, _this.end);\n }\n }, 0);\n }\n if (this.slider) {\n var width = this.view.coordinateBBox.width;\n // 获取组件的 layout bbox\n var padding = this.slider.component.get('padding');\n var _a = __read(padding, 4), paddingTop = _a[0], paddingRight = _a[1], paddingBottom = _a[2], paddingLeft = _a[3];\n var bboxObject = this.slider.component.getLayoutBBox();\n var bbox = new BBox(bboxObject.x, bboxObject.y, Math.min(bboxObject.width, width), bboxObject.height).expand(padding);\n var _b = this.getMinMaxText(this.start, this.end), minText = _b.minText, maxText = _b.maxText;\n var _c = __read(directionToPosition(this.view.viewBBox, bbox, DIRECTION.BOTTOM), 2), x1 = _c[0], y1 = _c[1];\n var _d = __read(directionToPosition(this.view.coordinateBBox, bbox, DIRECTION.BOTTOM), 2), x2 = _d[0], y2 = _d[1];\n // 默认放在 bottom\n this.slider.component.update(__assign(__assign({}, this.getSliderCfg()), { x: x2 + paddingLeft, y: y1 + paddingTop, width: this.width, start: this.start, end: this.end, minText: minText, maxText: maxText }));\n this.view.viewBBox = this.view.viewBBox.cut(bbox, DIRECTION.BOTTOM);\n }\n };\n /**\n * 更新\n */\n Slider.prototype.update = function () {\n // 逻辑和 render 保持一致\n this.render();\n };\n /**\n * 创建 slider 组件\n */\n Slider.prototype.createSlider = function () {\n var cfg = this.getSliderCfg();\n // 添加 slider 组件\n var component = new SliderComponent(__assign({ container: this.container }, cfg));\n component.init();\n return {\n component: component,\n layer: LAYER.FORE,\n direction: DIRECTION.BOTTOM,\n type: COMPONENT_TYPE.SLIDER,\n };\n };\n /**\n * 更新配置\n */\n Slider.prototype.updateSlider = function () {\n var cfg = this.getSliderCfg();\n if (this.width) {\n var _a = this.getMinMaxText(this.start, this.end), minText = _a.minText, maxText = _a.maxText;\n cfg = __assign(__assign({}, cfg), { width: this.width, start: this.start, end: this.end, minText: minText, maxText: maxText });\n }\n this.slider.component.update(cfg);\n return this.slider;\n };\n /**\n * 进行测量操作\n */\n Slider.prototype.measureSlider = function () {\n var width = this.getSliderCfg().width;\n this.width = width;\n };\n /**\n * 生成 slider 配置\n */\n Slider.prototype.getSliderCfg = function () {\n var cfg = {\n height: 16,\n start: 0,\n end: 1,\n minText: '',\n maxText: '',\n x: 0,\n y: 0,\n width: this.view.coordinateBBox.width,\n };\n if (isObject(this.option)) {\n // 用户配置的数据，优先级更高\n var trendCfg = __assign({ data: this.getData() }, get(this.option, 'trendCfg', {}));\n // 因为有样式，所以深层覆盖\n cfg = deepMix({}, cfg, this.getThemeOptions(), this.option);\n // trendCfg 因为有数据数组，所以使用浅替换\n cfg = __assign(__assign({}, cfg), { trendCfg: trendCfg });\n }\n cfg.start = clamp(Math.min(isNil(cfg.start) ? 0 : cfg.start, isNil(cfg.end) ? 1 : cfg.end), 0, 1);\n cfg.end = clamp(Math.max(isNil(cfg.start) ? 0 : cfg.start, isNil(cfg.end) ? 1 : cfg.end), 0, 1);\n return cfg;\n };\n /**\n * 从 view 中获取数据，缩略轴使用全量的数据\n */\n Slider.prototype.getData = function () {\n var data = this.view.getOptions().data;\n var _a = __read(this.view.getYScales(), 1), yScale = _a[0];\n var groupScales = this.view.getGroupScales();\n if (groupScales.length) {\n var _b = groupScales[0], field_1 = _b.field, ticks_1 = _b.ticks;\n return data.reduce(function (pre, cur) {\n if (cur[field_1] === ticks_1[0]) {\n pre.push(cur[yScale.field]);\n }\n return pre;\n }, []);\n }\n return data.map(function (datum) { return datum[yScale.field] || 0; });\n };\n /**\n * 获取 slider 的主题配置\n */\n Slider.prototype.getThemeOptions = function () {\n var theme = this.view.getTheme();\n return get(theme, ['components', 'slider', 'common'], {});\n };\n /**\n * 根据 start/end 和当前数据计算出当前的 minText/maxText\n * @param min\n * @param max\n */\n Slider.prototype.getMinMaxText = function (min, max) {\n var data = this.view.getOptions().data;\n var xScale = this.view.getXScale();\n var isHorizontal = true;\n var values = valuesOfKey(data, xScale.field);\n // 如果是 xScale 数值类型，则进行排序\n if (xScale.isLinear) {\n values = values.sort();\n }\n var xValues = isHorizontal ? values : values.reverse();\n var dataSize = size(data);\n if (!xScale || !dataSize) {\n return {}; // fix: 需要兼容，否则调用方直接取值会报错\n }\n var xTickCount = size(xValues);\n var minIndex = Math.round(min * (xTickCount - 1));\n var maxIndex = Math.round(max * (xTickCount - 1));\n var minText = get(xValues, [minIndex]);\n var maxText = get(xValues, [maxIndex]);\n var formatter = this.getSliderCfg().formatter;\n if (formatter) {\n minText = formatter(minText, data[minIndex], minIndex);\n maxText = formatter(maxText, data[maxIndex], maxIndex);\n }\n return {\n minText: minText,\n maxText: maxText,\n };\n };\n /**\n * 更新 view 过滤数据\n * @param min\n * @param max\n */\n Slider.prototype.changeViewData = function (min, max) {\n var data = this.view.getOptions().data;\n var xScale = this.view.getXScale();\n var dataSize = size(data);\n if (!xScale || !dataSize) {\n return;\n }\n var isHorizontal = true;\n var values = valuesOfKey(data, xScale.field);\n // 如果是 xScale 数值类型，则进行排序\n var xScaleValues = this.view.getXScale().isLinear ? values.sort(function (a, b) { return Number(a) - Number(b); }) : values;\n var xValues = isHorizontal ? xScaleValues : xScaleValues.reverse();\n var xTickCount = size(xValues);\n var minIndex = Math.round(min * (xTickCount - 1));\n var maxIndex = Math.round(max * (xTickCount - 1));\n // 增加 x 轴的过滤器\n this.view.filter(xScale.field, function (value, datum) {\n var idx = xValues.indexOf(value);\n return idx > -1 ? isBetween(idx, minIndex, maxIndex) : true;\n });\n this.view.render(true);\n };\n /**\n * 覆写父类方法\n */\n Slider.prototype.getComponents = function () {\n return this.slider ? [this.slider] : [];\n };\n /**\n * 覆盖父类\n */\n Slider.prototype.clear = function () {\n if (this.slider) {\n this.slider.component.destroy();\n this.slider = undefined;\n }\n this.width = 0;\n this.start = undefined;\n this.end = undefined;\n };\n return Slider;\n}(Controller));\nexport default Slider;\n//# sourceMappingURL=slider.js.map","import { __assign, __extends, __read, __rest, __spreadArray } from \"tslib\";\nimport { Controller } from './base';\nimport { Scrollbar as ScrollbarComponent } from '../../dependents';\nimport { BBox } from '../../util/bbox';\nimport { directionToPosition } from '../../util/direction';\nimport { COMPONENT_TYPE, DIRECTION, LAYER, VIEW_LIFE_CIRCLE } from '../../constant';\nimport { isObject, clamp, size, throttle, noop, get, valuesOfKey, deepMix } from '@antv/util';\nimport { isBetween } from '../../util/helper';\nvar DEFAULT_PADDING = 0;\nvar DEFAULT_SIZE = 8;\nvar DEFAULT_CATEGORY_SIZE = 32;\nvar MIN_THUMB_LENGTH = 20;\nvar Scrollbar = /** @class */ (function (_super) {\n __extends(Scrollbar, _super);\n function Scrollbar(view) {\n var _this = _super.call(this, view) || this;\n _this.onChangeFn = noop;\n _this.resetMeasure = function () {\n _this.clear();\n };\n _this.onValueChange = function (_a) {\n var ratio = _a.ratio;\n var animate = _this.getValidScrollbarCfg().animate;\n _this.ratio = clamp(ratio, 0, 1);\n var originalAnimate = _this.view.getOptions().animate;\n if (!animate) {\n _this.view.animate(false);\n }\n _this.changeViewData(_this.getScrollRange(), true);\n _this.view.animate(originalAnimate);\n };\n _this.container = _this.view.getLayer(LAYER.FORE).addGroup();\n _this.onChangeFn = throttle(_this.onValueChange, 20, {\n leading: true,\n });\n _this.trackLen = 0;\n _this.thumbLen = 0;\n _this.ratio = 0;\n _this.view.on(VIEW_LIFE_CIRCLE.BEFORE_CHANGE_DATA, _this.resetMeasure);\n _this.view.on(VIEW_LIFE_CIRCLE.BEFORE_CHANGE_SIZE, _this.resetMeasure);\n return _this;\n }\n Object.defineProperty(Scrollbar.prototype, \"name\", {\n get: function () {\n return 'scrollbar';\n },\n enumerable: false,\n configurable: true\n });\n Scrollbar.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n this.view.off(VIEW_LIFE_CIRCLE.BEFORE_CHANGE_DATA, this.resetMeasure);\n this.view.off(VIEW_LIFE_CIRCLE.BEFORE_CHANGE_SIZE, this.resetMeasure);\n };\n Scrollbar.prototype.init = function () { };\n /**\n * 渲染\n */\n Scrollbar.prototype.render = function () {\n this.option = this.view.getOptions().scrollbar;\n if (this.option) {\n if (this.scrollbar) {\n // exist, update\n this.scrollbar = this.updateScrollbar();\n }\n else {\n // not exist, create\n this.scrollbar = this.createScrollbar();\n this.scrollbar.component.on('scrollchange', this.onChangeFn);\n }\n }\n else {\n if (this.scrollbar) {\n // exist, destroy\n this.scrollbar.component.destroy();\n this.scrollbar = undefined;\n }\n }\n };\n /**\n * 布局\n */\n Scrollbar.prototype.layout = function () {\n var _this = this;\n if (this.option && !this.trackLen) {\n this.measureScrollbar();\n setTimeout(function () {\n if (!_this.view.destroyed) {\n _this.changeViewData(_this.getScrollRange(), true);\n }\n });\n }\n if (this.scrollbar) {\n var width = this.view.coordinateBBox.width;\n var padding = this.scrollbar.component.get('padding');\n var bboxObject = this.scrollbar.component.getLayoutBBox();\n var bbox = new BBox(bboxObject.x, bboxObject.y, Math.min(bboxObject.width, width), bboxObject.height).expand(padding);\n var cfg = this.getScrollbarComponentCfg();\n var x = void 0;\n var y = void 0;\n if (cfg.isHorizontal) {\n var _a = __read(directionToPosition(this.view.viewBBox, bbox, DIRECTION.BOTTOM), 2), x1 = _a[0], y1 = _a[1];\n var _b = __read(directionToPosition(this.view.coordinateBBox, bbox, DIRECTION.BOTTOM), 2), x2 = _b[0], y2 = _b[1];\n x = x2;\n y = y1;\n }\n else {\n var _c = __read(directionToPosition(this.view.viewBBox, bbox, DIRECTION.RIGHT), 2), x1 = _c[0], y1 = _c[1];\n var _d = __read(directionToPosition(this.view.viewBBox, bbox, DIRECTION.RIGHT), 2), x2 = _d[0], y2 = _d[1];\n x = x2;\n y = y1;\n }\n x += padding[3];\n y += padding[0];\n // 默认放在 bottom\n if (this.trackLen) {\n this.scrollbar.component.update(__assign(__assign({}, cfg), { x: x, y: y, trackLen: this.trackLen, thumbLen: this.thumbLen, thumbOffset: (this.trackLen - this.thumbLen) * this.ratio }));\n }\n else {\n this.scrollbar.component.update(__assign(__assign({}, cfg), { x: x, y: y }));\n }\n this.view.viewBBox = this.view.viewBBox.cut(bbox, cfg.isHorizontal ? DIRECTION.BOTTOM : DIRECTION.RIGHT);\n }\n };\n /**\n * 更新\n */\n Scrollbar.prototype.update = function () {\n // 逻辑和 render 保持一致\n this.render();\n };\n Scrollbar.prototype.getComponents = function () {\n return this.scrollbar ? [this.scrollbar] : [];\n };\n Scrollbar.prototype.clear = function () {\n if (this.scrollbar) {\n this.scrollbar.component.destroy();\n this.scrollbar = undefined;\n }\n this.trackLen = 0;\n this.thumbLen = 0;\n this.ratio = 0;\n this.cnt = 0;\n this.step = 0;\n this.data = undefined;\n this.xScaleCfg = undefined;\n this.yScalesCfg = [];\n };\n /** 设置滚动条位置 */\n Scrollbar.prototype.setValue = function (ratio) {\n this.onValueChange({ ratio: ratio });\n };\n /** 获得滚动条位置 */\n Scrollbar.prototype.getValue = function () {\n return this.ratio;\n };\n /**\n * 获取 scrollbar 的主题配置\n */\n Scrollbar.prototype.getThemeOptions = function () {\n var theme = this.view.getTheme();\n return get(theme, ['components', 'scrollbar', 'common'], {});\n };\n /**\n * 获取 scrollbar 组件的主题样式\n */\n Scrollbar.prototype.getScrollbarTheme = function (style) {\n var theme = get(this.view.getTheme(), ['components', 'scrollbar']);\n var _a = style || {}, thumbHighlightColor = _a.thumbHighlightColor, restStyles = __rest(_a, [\"thumbHighlightColor\"]);\n return {\n default: deepMix({}, get(theme, ['default', 'style'], {}), restStyles),\n hover: deepMix({}, get(theme, ['hover', 'style'], {}), { thumbColor: thumbHighlightColor }),\n };\n };\n Scrollbar.prototype.measureScrollbar = function () {\n var xScale = this.view.getXScale();\n var yScales = this.view.getYScales().slice();\n this.data = this.getScrollbarData();\n this.step = this.getStep();\n this.cnt = this.getCnt();\n var _a = this.getScrollbarComponentCfg(), trackLen = _a.trackLen, thumbLen = _a.thumbLen;\n this.trackLen = trackLen;\n this.thumbLen = thumbLen;\n this.xScaleCfg = {\n field: xScale.field,\n values: xScale.values || [],\n };\n this.yScalesCfg = yScales;\n };\n Scrollbar.prototype.getScrollRange = function () {\n var startIdx = Math.floor((this.cnt - this.step) * clamp(this.ratio, 0, 1));\n var endIdx = Math.min(startIdx + this.step - 1, this.cnt - 1);\n return [startIdx, endIdx];\n };\n Scrollbar.prototype.changeViewData = function (_a, render) {\n var _this = this;\n var _b = __read(_a, 2), startIdx = _b[0], endIdx = _b[1];\n var type = this.getValidScrollbarCfg().type;\n var isHorizontal = type !== 'vertical';\n var values = valuesOfKey(this.data, this.xScaleCfg.field);\n // 如果是 xScale 数值类型，则进行排序\n var xScaleValues = this.view.getXScale().isLinear ? values.sort(function (a, b) { return Number(a) - Number(b); }) : values;\n var xValues = isHorizontal ? xScaleValues : xScaleValues.reverse();\n this.yScalesCfg.forEach(function (cfg) {\n _this.view.scale(cfg.field, {\n formatter: cfg.formatter,\n type: cfg.type,\n min: cfg.min,\n max: cfg.max,\n tickMethod: cfg.tickMethod\n });\n });\n this.view.filter(this.xScaleCfg.field, function (val) {\n var idx = xValues.indexOf(val);\n return idx > -1 ? isBetween(idx, startIdx, endIdx) : true;\n });\n this.view.render(true);\n };\n Scrollbar.prototype.createScrollbar = function () {\n var type = this.getValidScrollbarCfg().type;\n var isHorizontal = type !== 'vertical';\n var component = new ScrollbarComponent(__assign(__assign({ container: this.container }, this.getScrollbarComponentCfg()), { x: 0, y: 0 }));\n component.init();\n return {\n component: component,\n layer: LAYER.FORE,\n direction: isHorizontal ? DIRECTION.BOTTOM : DIRECTION.RIGHT,\n type: COMPONENT_TYPE.SCROLLBAR,\n };\n };\n Scrollbar.prototype.updateScrollbar = function () {\n var config = this.getScrollbarComponentCfg();\n var realConfig = this.trackLen\n ? __assign(__assign({}, config), { trackLen: this.trackLen, thumbLen: this.thumbLen, thumbOffset: (this.trackLen - this.thumbLen) * this.ratio }) : __assign({}, config);\n this.scrollbar.component.update(realConfig);\n return this.scrollbar;\n };\n Scrollbar.prototype.getStep = function () {\n if (this.step) {\n return this.step;\n }\n var coordinateBBox = this.view.coordinateBBox;\n var _a = this.getValidScrollbarCfg(), type = _a.type, categorySize = _a.categorySize;\n var isHorizontal = type !== 'vertical';\n return Math.floor((isHorizontal ? coordinateBBox.width : coordinateBBox.height) / categorySize);\n };\n Scrollbar.prototype.getCnt = function () {\n if (this.cnt) {\n return this.cnt;\n }\n var xScale = this.view.getXScale();\n var data = this.getScrollbarData();\n var values = valuesOfKey(data, xScale.field);\n return size(values);\n };\n Scrollbar.prototype.getScrollbarComponentCfg = function () {\n var _a = this.view, coordinateBBox = _a.coordinateBBox, viewBBox = _a.viewBBox;\n var _b = this.getValidScrollbarCfg(), type = _b.type, padding = _b.padding, width = _b.width, height = _b.height, style = _b.style;\n var isHorizontal = type !== 'vertical';\n var _c = __read(padding, 4), paddingTop = _c[0], paddingRight = _c[1], paddingBottom = _c[2], paddingLeft = _c[3];\n var position = isHorizontal\n ? {\n x: coordinateBBox.minX + paddingLeft,\n y: viewBBox.maxY - height - paddingBottom,\n }\n : {\n x: viewBBox.maxX - width - paddingRight,\n y: coordinateBBox.minY + paddingTop,\n };\n var step = this.getStep();\n var cnt = this.getCnt();\n var trackLen = isHorizontal\n ? coordinateBBox.width - paddingLeft - paddingRight\n : coordinateBBox.height - paddingTop - paddingBottom;\n var thumbLen = Math.max(trackLen * clamp(step / cnt, 0, 1), MIN_THUMB_LENGTH);\n return __assign(__assign({}, this.getThemeOptions()), { x: position.x, y: position.y, size: isHorizontal ? height : width, isHorizontal: isHorizontal, trackLen: trackLen, thumbLen: thumbLen, thumbOffset: 0, theme: this.getScrollbarTheme(style) });\n };\n /**\n * 填充一些默认的配置项目\n */\n Scrollbar.prototype.getValidScrollbarCfg = function () {\n var cfg = {\n type: 'horizontal',\n categorySize: DEFAULT_CATEGORY_SIZE,\n width: DEFAULT_SIZE,\n height: DEFAULT_SIZE,\n padding: [0, 0, 0, 0],\n animate: true,\n style: {},\n };\n if (isObject(this.option)) {\n cfg = __assign(__assign({}, cfg), this.option);\n }\n if (!isObject(this.option) || !this.option.padding) {\n cfg.padding =\n cfg.type === 'horizontal' ? [DEFAULT_PADDING, 0, DEFAULT_PADDING, 0] : [0, DEFAULT_PADDING, 0, DEFAULT_PADDING];\n }\n return cfg;\n };\n /**\n * 获取数据\n */\n Scrollbar.prototype.getScrollbarData = function () {\n var coordinate = this.view.getCoordinate();\n var cfg = this.getValidScrollbarCfg();\n var data = this.view.getOptions().data || [];\n // 纵向做了 y 轴镜像之后，数据也需要镜像反转\n if (coordinate.isReflect('y') && cfg.type === 'vertical') {\n data = __spreadArray([], __read(data), false).reverse();\n }\n return data;\n };\n return Scrollbar;\n}(Controller));\nexport default Scrollbar;\n//# sourceMappingURL=scrollbar.js.map","import { __assign, __extends, __values } from \"tslib\";\nimport { each, head, isEqual, last, get, flatten, isArray, uniq, isNil } from '@antv/util';\nimport { findItemsFromViewRecurisive } from '../../util/tooltip';\nimport { getAngle, getSectorPath } from '../../util/graphics';\nimport Action from './base';\nvar DEFAULT_REGION_PATH_STYLE = {\n fill: '#CCD6EC',\n opacity: 0.3,\n};\nexport function getItemsOfView(view, point, tooltipCfg) {\n var e_1, _a, e_2, _b, e_3, _c;\n var items = findItemsFromViewRecurisive(view, point, tooltipCfg);\n if (items.length) {\n // 三层\n items = flatten(items);\n try {\n for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {\n var itemArr = items_1_1.value;\n try {\n for (var itemArr_1 = (e_2 = void 0, __values(itemArr)), itemArr_1_1 = itemArr_1.next(); !itemArr_1_1.done; itemArr_1_1 = itemArr_1.next()) {\n var item = itemArr_1_1.value;\n var _d = item.mappingData, x = _d.x, y = _d.y;\n item.x = isArray(x) ? x[x.length - 1] : x;\n item.y = isArray(y) ? y[y.length - 1] : y;\n }\n }\n catch (e_2_1) { e_2 = { error: e_2_1 }; }\n finally {\n try {\n if (itemArr_1_1 && !itemArr_1_1.done && (_b = itemArr_1.return)) _b.call(itemArr_1);\n }\n finally { if (e_2) throw e_2.error; }\n }\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n var shared = tooltipCfg.shared;\n // shared: false 代表只显示当前拾取到的 shape 的数据，但是一个 view 会有多个 Geometry，所以有可能会拾取到多个 shape\n if (shared === false && items.length > 1) {\n var snapItem = items[0];\n var min = Math.abs(point.y - snapItem[0].y);\n try {\n for (var items_2 = __values(items), items_2_1 = items_2.next(); !items_2_1.done; items_2_1 = items_2.next()) {\n var aItem = items_2_1.value;\n var yDistance = Math.abs(point.y - aItem[0].y);\n if (yDistance <= min) {\n snapItem = aItem;\n min = yDistance;\n }\n }\n }\n catch (e_3_1) { e_3 = { error: e_3_1 }; }\n finally {\n try {\n if (items_2_1 && !items_2_1.done && (_c = items_2.return)) _c.call(items_2);\n }\n finally { if (e_3) throw e_3.error; }\n }\n items = [snapItem];\n }\n return uniq(flatten(items));\n }\n return [];\n}\n/**\n * 背景框的 Action. 只作用于 interval 和 schema geometry\n * @ignore\n */\nvar ActiveRegion = /** @class */ (function (_super) {\n __extends(ActiveRegion, _super);\n function ActiveRegion() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * 显示\n * @param {ShapeAttrs} style region-path 的样式\n * @param {number} appendRatio 适用于笛卡尔坐标系. 对于 x 轴非 linear 类型: 默认：0.25, x 轴 linear 类型: 默认 0\n * @param {number} appendWidth 适用于笛卡尔坐标系. 像素级别，优先级 > appendRatio\n */\n ActiveRegion.prototype.show = function (args) {\n var view = this.context.view;\n var ev = this.context.event;\n var tooltipCfg = view.getController('tooltip').getTooltipCfg();\n var tooltipItems = getItemsOfView(view, {\n x: ev.x,\n y: ev.y,\n }, tooltipCfg);\n if (isEqual(tooltipItems, this.items)) {\n // 如果拾取数据同上次相同，则不重复绘制\n return;\n }\n this.items = tooltipItems;\n if (tooltipItems.length) {\n var xField_1 = view.getXScale().field;\n var xValue_1 = tooltipItems[0].data[xField_1];\n // 根据 x 对应的值查找 elements\n var elements_1 = [];\n var geometries = view.geometries;\n each(geometries, function (geometry) {\n if (geometry.type === 'interval' || geometry.type === 'schema') {\n var result = geometry.getElementsBy(function (ele) {\n var eleData = ele.getData();\n return eleData[xField_1] === xValue_1;\n });\n elements_1 = elements_1.concat(result);\n }\n });\n // 根据 bbox 计算背景框的面积区域\n if (elements_1.length) {\n var coordinate_1 = view.getCoordinate();\n var firstBBox_1 = elements_1[0].shape.getCanvasBBox();\n var lastBBox_1 = elements_1[0].shape.getCanvasBBox();\n var groupBBox_1 = firstBBox_1;\n each(elements_1, function (ele) {\n var bbox = ele.shape.getCanvasBBox();\n if (coordinate_1.isTransposed) {\n if (bbox.minY < firstBBox_1.minY) {\n firstBBox_1 = bbox;\n }\n if (bbox.maxY > lastBBox_1.maxY) {\n lastBBox_1 = bbox;\n }\n }\n else {\n if (bbox.minX < firstBBox_1.minX) {\n firstBBox_1 = bbox;\n }\n if (bbox.maxX > lastBBox_1.maxX) {\n lastBBox_1 = bbox;\n }\n }\n groupBBox_1.x = Math.min(bbox.minX, groupBBox_1.minX);\n groupBBox_1.y = Math.min(bbox.minY, groupBBox_1.minY);\n groupBBox_1.width = Math.max(bbox.maxX, groupBBox_1.maxX) - groupBBox_1.x;\n groupBBox_1.height = Math.max(bbox.maxY, groupBBox_1.maxY) - groupBBox_1.y;\n });\n var backgroundGroup = view.backgroundGroup, coordinateBBox = view.coordinateBBox;\n var path = void 0;\n if (coordinate_1.isRect) {\n var xScale = view.getXScale();\n var _a = args || {}, appendRatio = _a.appendRatio, appendWidth = _a.appendWidth;\n if (isNil(appendWidth)) {\n appendRatio = isNil(appendRatio) ? (xScale.isLinear ? 0 : 0.25) : appendRatio; // 如果 x 轴是数值类型，如直方图，默认不需要加额外的宽度\n appendWidth = coordinate_1.isTransposed ? appendRatio * lastBBox_1.height : appendRatio * firstBBox_1.width;\n }\n var minX = void 0;\n var minY = void 0;\n var width = void 0;\n var height = void 0;\n if (coordinate_1.isTransposed) {\n minX = coordinateBBox.minX;\n minY = Math.min(lastBBox_1.minY, firstBBox_1.minY) - appendWidth;\n width = coordinateBBox.width;\n height = groupBBox_1.height + appendWidth * 2;\n }\n else {\n minX = Math.min(firstBBox_1.minX, lastBBox_1.minX) - appendWidth;\n // 直角坐标系 非转置：最小值直接取 坐标系 minY\n minY = coordinateBBox.minY;\n width = groupBBox_1.width + appendWidth * 2;\n height = coordinateBBox.height;\n }\n path = [\n ['M', minX, minY],\n ['L', minX + width, minY],\n ['L', minX + width, minY + height],\n ['L', minX, minY + height],\n ['Z'],\n ];\n }\n else {\n var firstElement = head(elements_1);\n var lastElement = last(elements_1);\n var startAngle = getAngle(firstElement.getModel(), coordinate_1).startAngle;\n var endAngle = getAngle(lastElement.getModel(), coordinate_1).endAngle;\n var center = coordinate_1.getCenter();\n var radius = coordinate_1.getRadius();\n var innterRadius = coordinate_1.innerRadius * radius;\n path = getSectorPath(center.x, center.y, radius, startAngle, endAngle, innterRadius);\n }\n if (this.regionPath) {\n this.regionPath.attr('path', path);\n this.regionPath.show();\n }\n else {\n var style = get(args, 'style', DEFAULT_REGION_PATH_STYLE);\n this.regionPath = backgroundGroup.addShape({\n type: 'path',\n name: 'active-region',\n capture: false,\n attrs: __assign(__assign({}, style), { path: path }),\n });\n }\n }\n }\n };\n /**\n * 隐藏\n */\n ActiveRegion.prototype.hide = function () {\n if (this.regionPath) {\n this.regionPath.hide();\n }\n // this.regionPath = null;\n this.items = null;\n };\n /**\n * 销毁\n */\n ActiveRegion.prototype.destroy = function () {\n this.hide();\n if (this.regionPath) {\n this.regionPath.remove(true);\n }\n _super.prototype.destroy.call(this);\n };\n return ActiveRegion;\n}(Action));\nexport default ActiveRegion;\n//# sourceMappingURL=active-region.js.map","import { __extends } from \"tslib\";\nimport { isEqual, get } from '@antv/util';\nimport Action from '../../base';\n/**\n * Tooltip 展示隐藏的 Action\n * @ignore\n */\nvar TooltipAction = /** @class */ (function (_super) {\n __extends(TooltipAction, _super);\n function TooltipAction() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.timeStamp = 0;\n return _this;\n }\n /**\n * 显示 Tooltip\n * @returns\n */\n TooltipAction.prototype.show = function () {\n var context = this.context;\n var ev = context.event;\n var view = context.view;\n var isTooltipLocked = view.isTooltipLocked();\n if (isTooltipLocked) {\n // 锁定时不移动 tooltip\n return;\n }\n var lastTimeStamp = this.timeStamp;\n var timeStamp = +new Date();\n // 在 showDelay 毫秒（默认 16ms）内到 tooltip 上可以实现 enterable（调参工程师）\n var showDelay = get(context.view.getOptions(), 'tooltip.showDelay', 16);\n if (timeStamp - lastTimeStamp > showDelay) {\n var preLoc = this.location;\n var curLoc = { x: ev.x, y: ev.y };\n if (!preLoc || !isEqual(preLoc, curLoc)) {\n this.showTooltip(view, curLoc);\n }\n this.timeStamp = timeStamp;\n this.location = curLoc;\n }\n };\n /**\n * 隐藏 Tooltip。\n * @returns\n */\n TooltipAction.prototype.hide = function () {\n var view = this.context.view;\n var tooltip = view.getController('tooltip');\n var _a = this.context.event, clientX = _a.clientX, clientY = _a.clientY;\n // 如果已经 enterable + 已经在 tooltip 上，那么不隐藏\n if (tooltip.isCursorEntered({ x: clientX, y: clientY })) {\n return;\n }\n // 锁定 tooltip 时不隐藏\n if (view.isTooltipLocked()) {\n return;\n }\n this.hideTooltip(view);\n this.location = null;\n };\n TooltipAction.prototype.showTooltip = function (view, point) {\n // 相同位置不重复展示\n view.showTooltip(point);\n };\n TooltipAction.prototype.hideTooltip = function (view) {\n view.hideTooltip();\n };\n return TooltipAction;\n}(Action));\nexport default TooltipAction;\n//# sourceMappingURL=geometry.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport { getSiblingPoint, getSilbings } from '../../util';\nimport TooltipAction from './geometry';\n/**\n * 存在多个 view 时，控制其他 view 上的 tooltip 显示\n * @ignore\n */\nvar SiblingTooltip = /** @class */ (function (_super) {\n __extends(SiblingTooltip, _super);\n function SiblingTooltip() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * 所有同一层级的 tooltip 显示\n * @param view\n * @param point\n */\n SiblingTooltip.prototype.showTooltip = function (view, point) {\n var siblings = getSilbings(view);\n each(siblings, function (sibling) {\n var siblingPoint = getSiblingPoint(view, sibling, point);\n sibling.showTooltip(siblingPoint);\n });\n };\n /**\n * 隐藏同一层级的 tooltip\n * @param view\n */\n SiblingTooltip.prototype.hideTooltip = function (view) {\n var siblings = getSilbings(view);\n each(siblings, function (sibling) {\n sibling.hideTooltip();\n });\n };\n return SiblingTooltip;\n}(TooltipAction));\nexport default SiblingTooltip;\n//# sourceMappingURL=sibling.js.map","import { __assign, __extends } from \"tslib\";\nimport { isEqual, get, deepMix } from '@antv/util';\nimport { TOOLTIP_CSS_CONST } from '@antv/component';\nimport Action from '../../base';\nimport { HtmlTooltip } from '../../../../dependents';\n/**\n * 用于组件文本省略后需要展示完整信息的 Tooltip Action\n * @ignore\n */\nvar EllipsisText = /** @class */ (function (_super) {\n __extends(EllipsisText, _super);\n function EllipsisText() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.timeStamp = 0;\n return _this;\n }\n EllipsisText.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n this.tooltip && this.tooltip.destroy();\n };\n /**\n * 显示 Tooltip\n * @returns\n */\n EllipsisText.prototype.show = function () {\n var context = this.context;\n var ev = context.event;\n var lastTimeStamp = this.timeStamp;\n var timeStamp = +new Date();\n if (timeStamp - lastTimeStamp > 16) {\n var preLoc = this.location;\n var curLoc = { x: ev.x, y: ev.y };\n if (!preLoc || !isEqual(preLoc, curLoc)) {\n this.showTooltip(curLoc);\n }\n this.timeStamp = timeStamp;\n this.location = curLoc;\n }\n };\n /**\n * 隐藏 Tooltip。\n * @returns\n */\n EllipsisText.prototype.hide = function () {\n this.hideTooltip();\n this.location = null;\n };\n EllipsisText.prototype.showTooltip = function (curLoc) {\n var context = this.context;\n var ev = context.event;\n var target = ev.target;\n if (target && target.get('tip')) {\n if (!this.tooltip) {\n this.renderTooltip(); // 延迟生成\n }\n var tipContent = target.get('tip');\n // 展示 tooltip\n this.tooltip.update(__assign({ title: tipContent }, curLoc));\n this.tooltip.show();\n }\n };\n EllipsisText.prototype.hideTooltip = function () {\n this.tooltip && this.tooltip.hide();\n };\n EllipsisText.prototype.renderTooltip = function () {\n var _a;\n var view = this.context.view;\n var canvas = view.canvas;\n var region = {\n start: { x: 0, y: 0 },\n end: { x: canvas.get('width'), y: canvas.get('height') },\n };\n var theme = view.getTheme();\n var tooltipStyles = get(theme, ['components', 'tooltip', 'domStyles'], {}); // 获取 tooltip 样式\n var tooltip = new HtmlTooltip({\n parent: canvas.get('el').parentNode,\n region: region,\n visible: false,\n crosshairs: null,\n domStyles: __assign({}, deepMix({}, tooltipStyles, (_a = {},\n // 超长的时候，tooltip tip 最大宽度为 50%，然后可以换行\n _a[TOOLTIP_CSS_CONST.CONTAINER_CLASS] = { 'max-width': '50%' },\n _a[TOOLTIP_CSS_CONST.TITLE_CLASS] = { 'word-break': 'break-all' },\n _a))),\n });\n tooltip.init();\n tooltip.setCapture(false); // 不允许捕获事件\n this.tooltip = tooltip;\n };\n return EllipsisText;\n}(Action));\nexport default EllipsisText;\n//# sourceMappingURL=ellipsis-text.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport Action from '../base';\nimport { getElementsByState } from '../util';\n/**\n * 状态量 Action 的基类\n * @abstract\n * @class\n * @ignore\n */\nvar StateBase = /** @class */ (function (_super) {\n __extends(StateBase, _super);\n function StateBase() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n /**\n * 状态名称\n */\n _this.stateName = '';\n return _this;\n }\n /**\n * 是否具有某个状态\n * @param element 图表 Element 元素\n */\n StateBase.prototype.hasState = function (element) {\n return element.hasState(this.stateName);\n };\n /**\n * 设置状态激活\n * @param enable 状态值\n */\n StateBase.prototype.setElementState = function (element, enable) {\n // 防止闪烁\n element.setState(this.stateName, enable);\n };\n /**\n * 设置状态\n */\n StateBase.prototype.setState = function () {\n this.setStateEnable(true);\n };\n /**\n * 清除所有 Element 的状态\n */\n StateBase.prototype.clear = function () {\n var view = this.context.view;\n this.clearViewState(view);\n };\n StateBase.prototype.clearViewState = function (view) {\n var _this = this;\n var elements = getElementsByState(view, this.stateName);\n each(elements, function (el) {\n _this.setElementState(el, false);\n });\n };\n return StateBase;\n}(Action));\nexport default StateBase;\n//# sourceMappingURL=state-base.js.map","import { __extends } from \"tslib\";\nimport { each, isNil, get } from '@antv/util';\nimport { getCurrentElement, getDelegationObject, getElements, getElementValue, getScaleByField, isElementChange, isList, } from '../util';\nimport StateBase from './state-base';\nfunction getItem(shape) {\n return get(shape.get('delegateObject'), 'item');\n}\n/**\n * 状态量 Action 的基类，允许多个 Element 同时拥有某个状态\n * @class\n * @ignore\n */\nvar ElementState = /** @class */ (function (_super) {\n __extends(ElementState, _super);\n function ElementState() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.ignoreListItemStates = ['unchecked'];\n return _this;\n }\n // 是否忽略触发的列表项\n ElementState.prototype.isItemIgnore = function (item, list) {\n var states = this.ignoreListItemStates;\n var filtered = states.filter(function (state) {\n return list.hasState(item, state);\n });\n return !!filtered.length;\n };\n // 设置由组件选项导致的状态变化\n ElementState.prototype.setStateByComponent = function (component, item, enable) {\n var view = this.context.view;\n var field = component.get('field');\n var elements = getElements(view);\n this.setElementsStateByItem(elements, field, item, enable);\n };\n // 处理触发源由 element 导致的状态变化\n ElementState.prototype.setStateByElement = function (element, enable) {\n this.setElementState(element, enable);\n };\n /** 组件的选项是否同 element 匹配 */\n ElementState.prototype.isMathItem = function (element, field, item) {\n var view = this.context.view;\n var scale = getScaleByField(view, field);\n var value = getElementValue(element, field);\n return !isNil(value) && item.name === scale.getText(value);\n };\n ElementState.prototype.setElementsStateByItem = function (elements, field, item, enable) {\n var _this = this;\n each(elements, function (el) {\n if (_this.isMathItem(el, field, item)) {\n el.setState(_this.stateName, enable);\n }\n });\n };\n /** 设置状态是否激活 */\n ElementState.prototype.setStateEnable = function (enable) {\n var element = getCurrentElement(this.context);\n if (element) {\n // 触发源由于 element 导致\n if (isElementChange(this.context)) {\n this.setStateByElement(element, enable);\n }\n }\n else {\n // 触发源由组件导致\n var delegateObject = getDelegationObject(this.context);\n // 如果触发源时列表，图例、坐标轴\n if (isList(delegateObject)) {\n var item = delegateObject.item, component = delegateObject.component;\n if (item && component && !this.isItemIgnore(item, component)) {\n var event_1 = this.context.event.gEvent;\n // 防止闪烁\n if (event_1 && event_1.fromShape && event_1.toShape && getItem(event_1.fromShape) === getItem(event_1.toShape)) {\n return;\n }\n this.setStateByComponent(component, item, enable);\n }\n }\n }\n };\n /**\n * 切换状态\n */\n ElementState.prototype.toggle = function () {\n var element = getCurrentElement(this.context);\n if (element) {\n var hasState = element.hasState(this.stateName);\n this.setElementState(element, !hasState);\n }\n };\n /**\n * 取消当前时间影响的状态\n */\n ElementState.prototype.reset = function () {\n this.setStateEnable(false);\n };\n return ElementState;\n}(StateBase));\nexport default ElementState;\n//# sourceMappingURL=state.js.map","import { __extends } from \"tslib\";\nimport StateAction from './state';\n/**\n * 元素 active 的 Action，允许多个元素同时 active\n * @class\n * @ignore\n */\nvar ElementActive = /** @class */ (function (_super) {\n __extends(ElementActive, _super);\n function ElementActive() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'active';\n return _this;\n }\n /**\n * Active Element\n */\n ElementActive.prototype.active = function () {\n this.setState();\n };\n return ElementActive;\n}(StateAction));\nexport default ElementActive;\n//# sourceMappingURL=active.js.map","import { __assign, __extends } from \"tslib\";\nimport Action from '../base';\nimport { getCurrentElement, getElementValue, getElementsByField } from '../util';\nimport { deepMix, each, isFunction } from '@antv/util';\n/**\n * Link Elements by color\n *\n * public 方法是对外可用的反馈交互。使用方式，如：element-link-by-color:link, element-link-by-color:unlink, element-link-by-color:clear\n */\nvar LinkByColor = /** @class */ (function (_super) {\n __extends(LinkByColor, _super);\n function LinkByColor() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.cache = {};\n return _this;\n }\n // 获取颜色对应的 scale\n LinkByColor.prototype.getColorScale = function (view, element) {\n var colorAttr = element.geometry.getAttribute('color');\n if (!colorAttr) {\n return null;\n }\n var scale = view.getScaleByField(colorAttr.getFields()[0]);\n return scale;\n };\n // 获取连接的 path\n LinkByColor.prototype.getLinkPath = function (element, nextElement) {\n var view = this.context.view;\n var isTransposed = view.getCoordinate().isTransposed;\n var bbox = element.shape.getCanvasBBox();\n var nextBBox = nextElement.shape.getCanvasBBox();\n var path = isTransposed\n ? [\n ['M', bbox.minX, bbox.minY],\n ['L', nextBBox.minX, nextBBox.maxY],\n ['L', nextBBox.maxX, nextBBox.maxY],\n ['L', bbox.maxX, bbox.minY],\n ['Z'],\n ]\n : [\n ['M', bbox.maxX, bbox.minY],\n ['L', nextBBox.minX, nextBBox.minY],\n ['L', nextBBox.minX, nextBBox.maxY],\n ['L', bbox.maxX, bbox.maxY],\n ['Z'],\n ];\n return path;\n };\n // 添加连接的图形\n LinkByColor.prototype.addLinkShape = function (group, element, nextElement, activeStyle) {\n var style = {\n opacity: 0.4,\n fill: element.shape.attr('fill'),\n };\n group.addShape({\n type: 'path',\n attrs: __assign(__assign({}, deepMix({}, style, isFunction(activeStyle) ? activeStyle(style, element) : activeStyle)), { path: this.getLinkPath(element, nextElement) }),\n });\n };\n // 使用图形连接\n LinkByColor.prototype.linkByElement = function (element, activeStyle) {\n var _this = this;\n var view = this.context.view;\n var scale = this.getColorScale(view, element);\n if (!scale) {\n return;\n }\n var value = getElementValue(element, scale.field);\n if (!this.cache[value]) {\n var elements_1 = getElementsByField(view, scale.field, value);\n var linkGroup = this.linkGroup;\n var group_1 = linkGroup.addGroup();\n this.cache[value] = group_1; // 缓存\n var count_1 = elements_1.length;\n each(elements_1, function (el, index) {\n if (index < count_1 - 1) {\n var nextEl = elements_1[index + 1];\n _this.addLinkShape(group_1, el, nextEl, activeStyle);\n }\n });\n }\n };\n // 移除连接\n LinkByColor.prototype.removeLink = function (element) {\n var scale = this.getColorScale(this.context.view, element);\n if (!scale) {\n return;\n }\n var value = getElementValue(element, scale.field);\n if (this.cache[value]) {\n this.cache[value].remove();\n this.cache[value] = null;\n }\n };\n /**\n * 连接 elements\n *\n * @usage\n * registerInteraction('xxx', {\n * start: [\n * {\n * trigger: 'interval:mouseenter',\n * action: 'element-link-by-color:link',\n * arg: {\n * // style: { fill: 'red' }\n * style: (style, element) => ({ fill: 'red' })\n * },\n * },\n * ],\n * });\n */\n LinkByColor.prototype.link = function (args) {\n var context = this.context;\n if (!this.linkGroup) {\n // 不允许被拾取\n this.linkGroup = context.view.foregroundGroup.addGroup({\n id: 'link-by-color-group',\n capture: false,\n });\n }\n var element = getCurrentElement(context);\n if (element) {\n this.linkByElement(element, args === null || args === void 0 ? void 0 : args.style);\n }\n };\n /**\n * 取消连接 elements\n */\n LinkByColor.prototype.unlink = function () {\n var element = getCurrentElement(this.context);\n if (element) {\n this.removeLink(element);\n }\n };\n /**\n * 清除所有连接\n */\n LinkByColor.prototype.clear = function () {\n if (this.linkGroup) {\n this.linkGroup.clear();\n }\n this.cache = {};\n };\n /**\n * 销毁\n */\n LinkByColor.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n if (this.linkGroup) {\n this.linkGroup.remove();\n }\n };\n return LinkByColor;\n}(Action));\nexport default LinkByColor;\n//# sourceMappingURL=link-by-color.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport { getElements, getIntersectElements, getMaskedElements, getSiblingMaskElements, getSilbings, isInRecords, isMask, } from '../util';\nimport StateBase from './state-base';\n/**\n * @ignore\n * 区域设置状态的基础 Action\n */\nvar ElementRangeState = /** @class */ (function (_super) {\n __extends(ElementRangeState, _super);\n function ElementRangeState() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.startPoint = null;\n _this.endPoint = null;\n _this.isStarted = false;\n /**\n * 是否作用于当前 view 的 siblings，默认是 false 仅作用于自己\n */\n _this.effectSiblings = false;\n /**\n * 是否受 element 的数据影响，还是受包围盒的影响\n */\n _this.effectByRecord = false;\n return _this;\n }\n // 获取当前的位置\n ElementRangeState.prototype.getCurrentPoint = function () {\n var event = this.context.event;\n return {\n x: event.x,\n y: event.y,\n };\n };\n /**\n * 开始，记录开始选中的位置\n */\n ElementRangeState.prototype.start = function () {\n this.clear(); // 开始的时候清理之前的状态\n this.startPoint = this.getCurrentPoint();\n this.isStarted = true;\n };\n ElementRangeState.prototype.getIntersectElements = function () {\n var elements = null;\n if (isMask(this.context)) {\n elements = getMaskedElements(this.context, 10);\n }\n else {\n var startPoint = this.startPoint;\n var endPoint = this.isStarted ? this.getCurrentPoint() : this.endPoint;\n // 如果没有开始，则不允许范围设置状态，保护性质\n if (!startPoint || !endPoint) {\n return;\n }\n // 计算框选区域\n var box = {\n minX: Math.min(startPoint.x, endPoint.x),\n minY: Math.min(startPoint.y, endPoint.y),\n maxX: Math.max(startPoint.x, endPoint.x),\n maxY: Math.max(startPoint.y, endPoint.y),\n };\n // this.clear(); // 不全部清理，会导致闪烁\n var view = this.context.view;\n elements = getIntersectElements(view, box);\n }\n return elements;\n };\n /**\n * 选中\n */\n ElementRangeState.prototype.setStateEnable = function (enable) {\n if (this.effectSiblings && !this.effectByRecord) {\n this.setSiblingsState(enable);\n }\n else {\n var allElements = getElements(this.context.view);\n var elements = this.getIntersectElements();\n if (elements && elements.length) {\n if (this.effectByRecord) {\n this.setSiblingsStateByRecord(elements, enable);\n }\n else {\n this.setElementsState(elements, enable, allElements);\n }\n }\n else {\n this.clear();\n }\n }\n };\n // 根据选中的 element 的数据进行设置状态\n ElementRangeState.prototype.setSiblingsStateByRecord = function (elements, enable) {\n var _this = this;\n var view = this.context.view;\n var siblings = getSilbings(view);\n var records = elements.map(function (el) {\n return el.getModel().data;\n });\n var xFiled = view.getXScale().field;\n var yField = view.getYScales()[0].field;\n each(siblings, function (sibling) {\n var allElements = getElements(sibling);\n var effectElements = allElements.filter(function (el) {\n var record = el.getModel().data;\n return isInRecords(records, record, xFiled, yField);\n });\n _this.setElementsState(effectElements, enable, allElements);\n });\n };\n // 设置兄弟 view 的状态\n ElementRangeState.prototype.setSiblingsState = function (enable) {\n var _this = this;\n var view = this.context.view;\n var siblings = getSilbings(view);\n if (isMask(this.context)) {\n // 受 mask 影响\n each(siblings, function (sibling) {\n var allElements = getElements(sibling);\n var effectElements = getSiblingMaskElements(_this.context, sibling, 10);\n if (effectElements && effectElements.length) {\n _this.setElementsState(effectElements, enable, allElements);\n }\n else {\n _this.clearViewState(sibling);\n }\n });\n }\n };\n ElementRangeState.prototype.setElementsState = function (elements, enable, allElements) {\n var _this = this;\n each(allElements, function (el) {\n if (!elements.includes(el)) {\n _this.setElementState(el, false);\n }\n else {\n _this.setElementState(el, enable);\n }\n });\n };\n /**\n * 结束\n */\n ElementRangeState.prototype.end = function () {\n this.isStarted = false;\n this.endPoint = this.getCurrentPoint();\n };\n // 复写 clear\n ElementRangeState.prototype.clear = function () {\n var _this = this;\n var view = this.context.view;\n // 判断是否影响 siblings\n if (this.effectSiblings) {\n var siblings = getSilbings(view);\n each(siblings, function (sibling) {\n _this.clearViewState(sibling);\n });\n }\n else {\n this.clearViewState(view);\n }\n };\n return ElementRangeState;\n}(StateBase));\nexport default ElementRangeState;\n//# sourceMappingURL=range-state.js.map","import { __extends } from \"tslib\";\nimport ElementRangeState from './range-state';\n/**\n * @ignore\n * 图表元素区域 Active 的 Action\n */\nvar ElementRangeActive = /** @class */ (function (_super) {\n __extends(ElementRangeActive, _super);\n function ElementRangeActive() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'active';\n return _this;\n }\n /**\n * 图表元素 Active\n */\n ElementRangeActive.prototype.active = function () {\n this.setState();\n };\n return ElementRangeActive;\n}(ElementRangeState));\nexport default ElementRangeActive;\n//# sourceMappingURL=range-active.js.map","import { __extends } from \"tslib\";\nimport { getCurrentElement, isElementChange } from '../util';\nimport StateBase from './state-base';\n/**\n * 单状态量的 Action 基类\n * @class\n * @ignore\n */\nvar ElementSingleState = /** @class */ (function (_super) {\n __extends(ElementSingleState, _super);\n function ElementSingleState() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ElementSingleState.prototype.setStateEnable = function (enable) {\n var element = getCurrentElement(this.context);\n if (element) {\n // 在同一个 element 内部移动，忽视 label 和 shape 之间\n if (!isElementChange(this.context)) {\n return;\n }\n // 仅支持单个状态量的元素，只能由 element 触发\n if (enable) {\n this.clear();\n this.setElementState(element, true);\n }\n else if (this.hasState(element)) {\n this.setElementState(element, false);\n }\n }\n };\n /**\n * 切换选中，只允许选中一个\n */\n ElementSingleState.prototype.toggle = function () {\n var element = getCurrentElement(this.context);\n if (element) {\n var hasState = this.hasState(element); // 提前获取状态\n if (!hasState) {\n this.clear();\n }\n this.setElementState(element, !hasState);\n }\n };\n /**\n * 取消当前时间影响的状态\n */\n ElementSingleState.prototype.reset = function () {\n this.setStateEnable(false);\n };\n return ElementSingleState;\n}(StateBase));\nexport default ElementSingleState;\n//# sourceMappingURL=single-state.js.map","import { __extends } from \"tslib\";\nimport ElementSingleState from './single-state';\n/**\n * @ignore\n * 仅允许单个 Element Active 的 Action\n */\nvar ElementSingleActive = /** @class */ (function (_super) {\n __extends(ElementSingleActive, _super);\n function ElementSingleActive() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'active';\n return _this;\n }\n /**\n * 当前事件相关的 Element Active\n */\n ElementSingleActive.prototype.active = function () {\n this.setState();\n };\n return ElementSingleActive;\n}(ElementSingleState));\nexport default ElementSingleActive;\n//# sourceMappingURL=single-active.js.map","import { each } from '@antv/util';\nimport { getElements } from '../util';\nvar STATUS_UNACTIVE = 'inactive';\nvar STATUS_ACTIVE = 'active';\n/**\n * @ignore\n * 清理 highlight 效果\n * @param view View 或者 Chart\n */\nexport function clearHighlight(view) {\n var elements = getElements(view);\n each(elements, function (el) {\n if (el.hasState(STATUS_ACTIVE)) {\n el.setState(STATUS_ACTIVE, false);\n }\n if (el.hasState(STATUS_UNACTIVE)) {\n el.setState(STATUS_UNACTIVE, false);\n }\n });\n}\n/**\n * @ignore\n * 设置多个元素的 highlight\n * @param elements 元素集合\n * @param callback 设置回调函数\n * @param enable 设置或者取消\n */\nexport function setHighlightBy(elements, callback, enable) {\n each(elements, function (el) {\n // 需要处理 active 和 unactive 的互斥\n if (callback(el)) {\n if (el.hasState(STATUS_UNACTIVE)) {\n el.setState(STATUS_UNACTIVE, false);\n }\n el.setState(STATUS_ACTIVE, enable);\n }\n else {\n if (el.hasState(STATUS_ACTIVE)) {\n el.setState(STATUS_ACTIVE, false);\n }\n el.setState(STATUS_UNACTIVE, enable);\n }\n });\n}\n//# sourceMappingURL=highlight-util.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport { getElements, getElementsByState } from '../util';\nimport { clearHighlight } from './highlight-util';\nimport StateAction from './state';\nimport { ELEMENT_STATE } from '../../../constant';\nexport var STATUS_UNACTIVE = ELEMENT_STATE.INACTIVE;\nexport var STATUS_ACTIVE = ELEMENT_STATE.ACTIVE;\n/**\n * @ignore\n * highlight，指定图形高亮，其他图形变暗\n */\nvar ElementHighlight = /** @class */ (function (_super) {\n __extends(ElementHighlight, _super);\n function ElementHighlight() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = STATUS_ACTIVE;\n return _this;\n }\n // 多个元素设置、取消 highlight\n ElementHighlight.prototype.setElementsStateByItem = function (elements, field, item, enable) {\n var _this = this;\n var callback = function (el) { return _this.isMathItem(el, field, item); };\n this.setHighlightBy(elements, callback, enable);\n };\n // 设置元素的 highlight\n ElementHighlight.prototype.setElementHighlight = function (el, callback) {\n if (callback(el)) {\n if (el.hasState(STATUS_UNACTIVE)) {\n el.setState(STATUS_UNACTIVE, false);\n }\n el.setState(STATUS_ACTIVE, true);\n }\n else if (!el.hasState(STATUS_ACTIVE)) {\n el.setState(STATUS_UNACTIVE, true);\n }\n };\n ElementHighlight.prototype.setHighlightBy = function (elements, callback, enable) {\n var _this = this;\n if (enable) {\n // 如果是设置 highlight ，则将匹配的 element 设置成 active，\n // 其他如果不是 active，则设置成 unactive\n each(elements, function (el) {\n _this.setElementHighlight(el, callback);\n });\n }\n else {\n // 如果取消 highlight，则要检测是否全部取消 highlight\n var activeElements = getElementsByState(this.context.view, STATUS_ACTIVE);\n var allCancel_1 = true;\n // 检测所有 activeElements 都要取消 highlight\n each(activeElements, function (el) {\n if (!callback(el)) {\n allCancel_1 = false;\n return false;\n }\n });\n if (allCancel_1) {\n // 都要取消，则取消所有的 active，unactive 状态\n this.clear();\n }\n else {\n // 如果不是都要取消 highlight, 则设置匹配的 element 的状态为 unactive\n // 其他 element 状态不变\n each(elements, function (el) {\n if (callback(el)) {\n if (el.hasState(STATUS_ACTIVE)) {\n el.setState(STATUS_ACTIVE, false);\n }\n el.setState(STATUS_UNACTIVE, true);\n }\n });\n }\n }\n };\n // 单个元素设置和取消 highlight\n ElementHighlight.prototype.setElementState = function (element, enable) {\n var view = this.context.view;\n var elements = getElements(view);\n this.setHighlightBy(elements, function (el) { return element === el; }, enable);\n };\n ElementHighlight.prototype.highlight = function () {\n this.setState();\n };\n // 清理掉所有的 active， unactive 状态\n ElementHighlight.prototype.clear = function () {\n var view = this.context.view;\n clearHighlight(view);\n };\n return ElementHighlight;\n}(StateAction));\nexport default ElementHighlight;\n//# sourceMappingURL=highlight.js.map","import { __extends } from \"tslib\";\nimport { Event } from '../../../chart';\nimport { clearHighlight, setHighlightBy } from './highlight-util';\nimport ElementRangeState from './range-state';\nvar EVENTS;\n(function (EVENTS) {\n EVENTS[\"BEFORE_HIGHLIGHT\"] = \"element-range-highlight:beforehighlight\";\n EVENTS[\"AFTER_HIGHLIGHT\"] = \"element-range-highlight:afterhighlight\";\n EVENTS[\"BEFORE_CLEAR\"] = \"element-range-highlight:beforeclear\";\n EVENTS[\"AFTER_CLEAR\"] = \"element-range-highlight:afterclear\";\n})(EVENTS || (EVENTS = {}));\nexport { EVENTS as ELEMENT_RANGE_HIGHLIGHT_EVENTS };\n/**\n * @ignore\n * 区域 highlight 的 Action\n */\nvar ElementRangeHighlight = /** @class */ (function (_super) {\n __extends(ElementRangeHighlight, _super);\n function ElementRangeHighlight() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'active';\n return _this;\n }\n // 清理掉所有的 active， unactive 状态\n ElementRangeHighlight.prototype.clearViewState = function (view) {\n clearHighlight(view);\n };\n /**\n * 设置 highlight\n */\n ElementRangeHighlight.prototype.highlight = function () {\n var _a = this.context, view = _a.view, event = _a.event;\n var elements = this.getIntersectElements();\n var payload = { view: view, event: event, highlightElements: elements };\n view.emit(EVENTS.BEFORE_HIGHLIGHT, Event.fromData(view, EVENTS.BEFORE_HIGHLIGHT, payload));\n this.setState();\n view.emit(EVENTS.AFTER_HIGHLIGHT, Event.fromData(view, EVENTS.AFTER_HIGHLIGHT, payload));\n };\n /**\n * @overrider 添加事件\n */\n ElementRangeHighlight.prototype.clear = function () {\n var view = this.context.view;\n view.emit(EVENTS.BEFORE_CLEAR, Event.fromData(view, EVENTS.BEFORE_CLEAR, {}));\n _super.prototype.clear.call(this);\n view.emit(EVENTS.AFTER_CLEAR, Event.fromData(view, EVENTS.AFTER_CLEAR, {}));\n };\n ElementRangeHighlight.prototype.setElementsState = function (elements, enable, allElements) {\n setHighlightBy(allElements, function (el) { return elements.indexOf(el) >= 0; }, enable);\n };\n return ElementRangeHighlight;\n}(ElementRangeState));\nexport default ElementRangeHighlight;\n//# sourceMappingURL=range-highlight.js.map","import { __extends } from \"tslib\";\nimport { getElements, getElementValue } from '../util';\nimport Highlight from './highlight';\n/**\n * Highlight color\n * @ignore\n */\nvar HighlightColor = /** @class */ (function (_super) {\n __extends(HighlightColor, _super);\n function HighlightColor() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n HighlightColor.prototype.setStateByElement = function (element, enable) {\n var view = this.context.view;\n var colorAttr = element.geometry.getAttribute('color');\n if (!colorAttr) {\n return;\n }\n var scale = view.getScaleByField(colorAttr.getFields()[0]);\n var value = getElementValue(element, scale.field);\n var elements = getElements(view);\n var highlightElements = elements.filter(function (el) {\n return getElementValue(el, scale.field) === value;\n });\n this.setHighlightBy(elements, function (el) { return highlightElements.includes(el); }, enable);\n };\n return HighlightColor;\n}(Highlight));\nexport default HighlightColor;\n//# sourceMappingURL=highlight-by-color.js.map","import { __extends } from \"tslib\";\nimport { getElements, getElementValue, getCurrentElement } from '../util';\nimport Highlight, { STATUS_ACTIVE, STATUS_UNACTIVE } from './highlight';\n/**\n * Highlight x\n * @ignore\n */\nvar HighlightX = /** @class */ (function (_super) {\n __extends(HighlightX, _super);\n function HighlightX() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n // 不允许多选\n HighlightX.prototype.setElementHighlight = function (el, callback) {\n if (callback(el)) {\n if (el.hasState(STATUS_UNACTIVE)) {\n el.setState(STATUS_UNACTIVE, false);\n }\n el.setState(STATUS_ACTIVE, true);\n }\n else {\n el.setState(STATUS_UNACTIVE, true);\n if (el.hasState(STATUS_ACTIVE)) {\n el.setState(STATUS_ACTIVE, false);\n }\n }\n };\n HighlightX.prototype.setStateByElement = function (element, enable) {\n var view = this.context.view;\n var scale = view.getXScale();\n var value = getElementValue(element, scale.field);\n var elements = getElements(view);\n var highlightElements = elements.filter(function (el) {\n return getElementValue(el, scale.field) === value;\n });\n this.setHighlightBy(elements, function (el) { return highlightElements.includes(el); }, enable);\n };\n /**\n * 切换状态\n */\n HighlightX.prototype.toggle = function () {\n var element = getCurrentElement(this.context);\n if (element) {\n var hasState = element.hasState(this.stateName);\n this.setStateByElement(element, !hasState);\n }\n };\n return HighlightX;\n}(Highlight));\nexport default HighlightX;\n//# sourceMappingURL=highlight-by-x.js.map","import { __extends } from \"tslib\";\nimport { getElements } from '../util';\nimport { clearHighlight, setHighlightBy } from './highlight-util';\nimport ElementSingleState from './single-state';\n/**\n * @ignore\n * 单个 Element Highlight 的 Action\n */\nvar ElementSingleHighlight = /** @class */ (function (_super) {\n __extends(ElementSingleHighlight, _super);\n function ElementSingleHighlight() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'active';\n return _this;\n }\n /**\n * Element Highlight\n */\n ElementSingleHighlight.prototype.highlight = function () {\n this.setState();\n };\n ElementSingleHighlight.prototype.setElementState = function (element, enable) {\n var view = this.context.view;\n var elements = getElements(view);\n setHighlightBy(elements, function (el) { return element === el; }, enable);\n };\n // 清理掉所有的 active， unactive 状态\n ElementSingleHighlight.prototype.clear = function () {\n var view = this.context.view;\n clearHighlight(view);\n };\n return ElementSingleHighlight;\n}(ElementSingleState));\nexport default ElementSingleHighlight;\n//# sourceMappingURL=single-highlight.js.map","import { __extends } from \"tslib\";\nimport ElementRangeState from './range-state';\n/**\n * @ignore\n * 区域选中的 Action\n */\nvar ElementRangeSelected = /** @class */ (function (_super) {\n __extends(ElementRangeSelected, _super);\n function ElementRangeSelected() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'selected';\n return _this;\n }\n /**\n * 选中\n */\n ElementRangeSelected.prototype.selected = function () {\n this.setState();\n };\n return ElementRangeSelected;\n}(ElementRangeState));\nexport default ElementRangeSelected;\n//# sourceMappingURL=range-selected.js.map","import { __extends } from \"tslib\";\nimport StateAction from './state';\n/**\n * @ignore\n * 允许多选的 Action\n * @class\n */\nvar ElementMultipleSelected = /** @class */ (function (_super) {\n __extends(ElementMultipleSelected, _super);\n function ElementMultipleSelected() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'selected';\n return _this;\n }\n /**\n * 选中节点，允许多选\n */\n ElementMultipleSelected.prototype.selected = function () {\n this.setState();\n };\n return ElementMultipleSelected;\n}(StateAction));\nexport default ElementMultipleSelected;\n//# sourceMappingURL=selected.js.map","import { __extends } from \"tslib\";\nimport ElementSingleState from './single-state';\n/**\n * @ignore\n * 单选的 Action\n */\nvar ElementSingleSelected = /** @class */ (function (_super) {\n __extends(ElementSingleSelected, _super);\n function ElementSingleSelected() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'selected';\n return _this;\n }\n /**\n * 选中\n */\n ElementSingleSelected.prototype.selected = function () {\n this.setState();\n };\n return ElementSingleSelected;\n}(ElementSingleState));\nexport default ElementSingleSelected;\n//# sourceMappingURL=single-selected.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport Action from '../base';\nimport { getComponents } from '../util';\nimport { getCurrentElement, getDelegationObject, getElementValue, isList, getScaleByField } from '../util';\n/**\n * 列表项状态 Action 的基础类\n * @class\n * @ignore\n */\nvar ListState = /** @class */ (function (_super) {\n __extends(ListState, _super);\n function ListState() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = '';\n _this.ignoreItemStates = [];\n return _this;\n }\n /** 获取触发的列表组件 */\n ListState.prototype.getTriggerListInfo = function () {\n var delegateObject = getDelegationObject(this.context);\n var info = null;\n if (isList(delegateObject)) {\n info = {\n item: delegateObject.item,\n list: delegateObject.component,\n };\n }\n return info;\n };\n // 获取所有允许执行 Action 的组件\n ListState.prototype.getAllowComponents = function () {\n var _this = this;\n var view = this.context.view;\n var components = getComponents(view);\n var rst = [];\n each(components, function (component) {\n if (component.isList() && _this.allowSetStateByElement(component)) {\n rst.push(component);\n }\n });\n return rst;\n };\n /** 是否存在指定的状态 */\n ListState.prototype.hasState = function (list, item) {\n return list.hasState(item, this.stateName);\n };\n /** 清理组件的状态 */\n ListState.prototype.clearAllComponentsState = function () {\n var _this = this;\n var components = this.getAllowComponents();\n each(components, function (component) {\n component.clearItemsState(_this.stateName);\n });\n };\n // 不是所有的 component 都能进行 active，目前仅支持分类 scale 对应的组件\n ListState.prototype.allowSetStateByElement = function (component) {\n var field = component.get('field');\n if (!field) {\n return false;\n }\n if (this.cfg && this.cfg.componentNames) {\n var name_1 = component.get('name');\n // 如果配置了限制的 component name，则要进行检测\n if (this.cfg.componentNames.indexOf(name_1) === -1) {\n return false;\n }\n }\n var view = this.context.view;\n var scale = getScaleByField(view, field);\n return scale && scale.isCategory;\n };\n // 检测是否允许触发对应的状态改变事件\n ListState.prototype.allowSetStateByItem = function (item, list) {\n var ignoreStates = this.ignoreItemStates;\n if (ignoreStates.length) {\n var filterStates = ignoreStates.filter(function (state) {\n return list.hasState(item, state);\n });\n return filterStates.length === 0;\n }\n return true; // 没有定义忽略的状态时，允许\n };\n // 设置组件的 item active\n ListState.prototype.setStateByElement = function (component, element, enable) {\n var field = component.get('field');\n var view = this.context.view;\n var scale = getScaleByField(view, field);\n var value = getElementValue(element, field);\n var text = scale.getText(value);\n this.setItemsState(component, text, enable);\n };\n // 设置状态\n ListState.prototype.setStateEnable = function (enable) {\n var _this = this;\n var element = getCurrentElement(this.context);\n if (element) {\n // trigger by element\n var components = this.getAllowComponents();\n each(components, function (component) {\n _this.setStateByElement(component, element, enable);\n });\n }\n else {\n // 被组件触发\n var delegateObject = getDelegationObject(this.context);\n if (isList(delegateObject)) {\n var item = delegateObject.item, component = delegateObject.component;\n if (this.allowSetStateByElement(component) && this.allowSetStateByItem(item, component)) {\n this.setItemState(component, item, enable);\n }\n }\n }\n };\n // 多个 item 设置状态\n ListState.prototype.setItemsState = function (list, name, enable) {\n var _this = this;\n var items = list.getItems();\n each(items, function (item) {\n if (item.name === name) {\n _this.setItemState(list, item, enable);\n }\n });\n };\n // 单个 item 设置状态\n ListState.prototype.setItemState = function (list, item, enable) {\n list.setItemState(item, this.stateName, enable);\n };\n /**\n * 设置状态\n */\n ListState.prototype.setState = function () {\n this.setStateEnable(true);\n };\n /**\n * 取消状态\n */\n ListState.prototype.reset = function () {\n this.setStateEnable(false);\n };\n /**\n * 切换状态\n */\n ListState.prototype.toggle = function () {\n var triggerInfo = this.getTriggerListInfo();\n if (triggerInfo && triggerInfo.item) {\n var list = triggerInfo.list, item = triggerInfo.item;\n var enable = this.hasState(list, item);\n this.setItemState(list, item, !enable);\n }\n };\n /**\n * 取消状态\n */\n ListState.prototype.clear = function () {\n var triggerInfo = this.getTriggerListInfo();\n if (triggerInfo) {\n triggerInfo.list.clearItemsState(this.stateName);\n }\n else {\n this.clearAllComponentsState();\n }\n };\n return ListState;\n}(Action));\nexport default ListState;\n//# sourceMappingURL=list-state.js.map","import { __extends } from \"tslib\";\nimport ListState from './list-state';\n/**\n * 列表项（图例项、坐标轴文本）激活的 Action\n * @class\n * @ignore\n */\nvar ListActive = /** @class */ (function (_super) {\n __extends(ListActive, _super);\n function ListActive() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'active';\n return _this;\n }\n /**\n * 激活选项\n */\n ListActive.prototype.active = function () {\n this.setState();\n };\n return ListActive;\n}(ListState));\nexport default ListActive;\n//# sourceMappingURL=list-active.js.map","import { each } from '@antv/util';\nvar STATUS_UNACTIVE = 'inactive';\nvar STATUS_ACTIVE = 'active';\n/**\n * 清理图例的 Highlight 效果\n * @param list 列表组件，图例或者坐标轴\n * @ignore\n */\nexport function clearList(list) {\n var items = list.getItems();\n each(items, function (item) {\n if (list.hasState(item, STATUS_ACTIVE)) {\n list.setItemState(item, STATUS_ACTIVE, false);\n }\n if (list.hasState(item, STATUS_UNACTIVE)) {\n list.setItemState(item, STATUS_UNACTIVE, false);\n }\n });\n}\n//# sourceMappingURL=list-highlight-util.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport { clearList } from './list-highlight-util';\nimport ListState from './list-state';\nvar STATUS_UNACTIVE = 'inactive';\nvar STATUS_ACTIVE = 'active';\n/**\n * highlight Action 的效果是 active 和 inactive 两个状态的组合\n * @class\n * @ignore\n */\nvar ListHighlight = /** @class */ (function (_super) {\n __extends(ListHighlight, _super);\n function ListHighlight() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = STATUS_ACTIVE;\n _this.ignoreItemStates = ['unchecked']; // 当存在 unchecked 状态时不触发\n return _this;\n }\n // 如果 item.name 匹配，则设置 highlight 以及取消\n ListHighlight.prototype.setItemsState = function (list, name, enable) {\n this.setHighlightBy(list, function (item) { return item.name === name; }, enable);\n };\n // 单个 item 设置状态\n ListHighlight.prototype.setItemState = function (list, item, enable) {\n var items = list.getItems();\n this.setHighlightBy(list, function (el) { return el === item; }, enable);\n };\n // 根据条件设置 highlight\n ListHighlight.prototype.setHighlightBy = function (list, callback, enable) {\n var items = list.getItems();\n if (enable) {\n // 设置 highlight 时，保留之前已经 Highlight 的项\n each(items, function (item) {\n if (callback(item)) {\n if (list.hasState(item, STATUS_UNACTIVE)) {\n list.setItemState(item, STATUS_UNACTIVE, false);\n }\n list.setItemState(item, STATUS_ACTIVE, true);\n }\n else if (!list.hasState(item, STATUS_ACTIVE)) {\n list.setItemState(item, STATUS_UNACTIVE, true);\n }\n });\n }\n else {\n var activeItems = list.getItemsByState(STATUS_ACTIVE);\n var allCancel_1 = true;\n // 检测 activeItems 是否要全部取消\n each(activeItems, function (item) {\n if (!callback(item)) {\n allCancel_1 = false;\n return false;\n }\n });\n if (allCancel_1) {\n this.clear();\n }\n else {\n // 如果不是都要取消 highlight, 则设置匹配的 element 的状态为 unactive\n // 其他 element 状态不变\n each(items, function (item) {\n if (callback(item)) {\n if (list.hasState(item, STATUS_ACTIVE)) {\n list.setItemState(item, STATUS_ACTIVE, false);\n }\n list.setItemState(item, STATUS_UNACTIVE, true);\n }\n });\n }\n }\n };\n /**\n * highlight 图例项（坐标轴文本）\n */\n ListHighlight.prototype.highlight = function () {\n this.setState();\n };\n // 需要全部清理 active 和 unactive\n ListHighlight.prototype.clear = function () {\n var triggerInfo = this.getTriggerListInfo();\n if (triggerInfo) {\n clearList(triggerInfo.list);\n }\n else {\n // 如果不是 component 的事件触发，则所有满足触发条件的组件都清除该状态\n var components = this.getAllowComponents();\n each(components, function (component) {\n component.clearItemsState(STATUS_ACTIVE);\n component.clearItemsState(STATUS_UNACTIVE);\n });\n }\n };\n return ListHighlight;\n}(ListState));\nexport default ListHighlight;\n//# sourceMappingURL=list-highlight.js.map","import { __extends } from \"tslib\";\nimport ListState from './list-state';\n/**\n * 图例项和坐标轴文本选中的 Action\n * @ignore\n */\nvar ListSelected = /** @class */ (function (_super) {\n __extends(ListSelected, _super);\n function ListSelected() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'selected';\n return _this;\n }\n ListSelected.prototype.selected = function () {\n this.setState();\n };\n return ListSelected;\n}(ListState));\nexport default ListSelected;\n//# sourceMappingURL=list-selected.js.map","import { __extends } from \"tslib\";\nimport ListState from './list-state';\n/**\n * 图例项取消勾选的 Action\n * @ignore\n */\nvar ListUnchecked = /** @class */ (function (_super) {\n __extends(ListUnchecked, _super);\n function ListUnchecked() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = 'unchecked';\n return _this;\n }\n /**\n * 取消勾选\n */\n ListUnchecked.prototype.unchecked = function () {\n this.setState();\n };\n return ListUnchecked;\n}(ListState));\nexport default ListUnchecked;\n//# sourceMappingURL=list-unchecked.js.map","import { __extends } from \"tslib\";\nimport { each, some } from '@antv/util';\nimport ListState from './list-state';\nvar STATUS_UNCHECKED = 'unchecked';\nvar STATUS_CHECKED = 'checked';\n/**\n * checked Action\n * 提供三个对外方法\n * 1. toggle 切换状态\n * 2. checked 选中\n * 3. reset 清除重置\n */\nvar ListChecked = /** @class */ (function (_super) {\n __extends(ListChecked, _super);\n function ListChecked() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.stateName = STATUS_CHECKED;\n return _this;\n }\n // 单个 item 设置状态\n ListChecked.prototype.setItemState = function (list, item, enable) {\n this.setCheckedBy(list, function (el) { return el === item; }, enable);\n };\n // 根据条件设置 checked\n ListChecked.prototype.setCheckedBy = function (list, callback, enable) {\n var items = list.getItems();\n if (enable) {\n // 设置 checked 时，保留之前已经 checked 的项\n each(items, function (item) {\n if (callback(item)) {\n if (list.hasState(item, STATUS_UNCHECKED)) {\n list.setItemState(item, STATUS_UNCHECKED, false);\n }\n list.setItemState(item, STATUS_CHECKED, true);\n }\n else if (!list.hasState(item, STATUS_CHECKED)) {\n list.setItemState(item, STATUS_UNCHECKED, true);\n }\n });\n }\n };\n /**\n * 切换状态.\n * 1. 当全部选中的时候 或者 当前 item 未选中时，进行激活操作\n * 2. 否则，重置\n * @override\n */\n ListChecked.prototype.toggle = function () {\n var triggerInfo = this.getTriggerListInfo();\n if (triggerInfo && triggerInfo.item) {\n var list_1 = triggerInfo.list, item = triggerInfo.item;\n // 不知道 🤷♀️ 只认 unchecked status\n var allChecked = !some(list_1.getItems(), function (t) { return list_1.hasState(t, STATUS_UNCHECKED); });\n //\n if (allChecked || list_1.hasState(item, STATUS_UNCHECKED)) {\n this.setItemState(list_1, item, true);\n }\n else {\n this.reset();\n }\n }\n };\n /**\n * checked 图例项\n */\n ListChecked.prototype.checked = function () {\n this.setState();\n };\n /**\n * 重置，需要全部清理 checked 和 unchecked\n */\n ListChecked.prototype.reset = function () {\n var components = this.getAllowComponents();\n each(components, function (component) {\n component.clearItemsState(STATUS_CHECKED);\n component.clearItemsState(STATUS_UNCHECKED);\n });\n };\n return ListChecked;\n}(ListState));\nexport default ListChecked;\n//# sourceMappingURL=list-checked.js.map","import { __extends, __values } from \"tslib\";\nimport ListState from './list-state';\nvar STATUS_UNCHECKED = 'unchecked';\nvar ListFocus = /** @class */ (function (_super) {\n __extends(ListFocus, _super);\n function ListFocus() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ListFocus.prototype.toggle = function () {\n var e_1, _a, e_2, _b, e_3, _c, e_4, _d;\n var triggerInfo = this.getTriggerListInfo();\n if (triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.item) {\n var list_1 = triggerInfo.list, clickedItem = triggerInfo.item;\n var items = list_1.getItems();\n var checkedItems = items.filter(function (t) { return !list_1.hasState(t, STATUS_UNCHECKED); });\n var uncheckedItems = items.filter(function (t) { return list_1.hasState(t, STATUS_UNCHECKED); });\n var checkedItem = checkedItems[0];\n /**\n * 1. 初始化，全部 checked。此时，点击 radio, clickItem 进入聚焦\n * 2. 当前只选中一个\n * 2.1 且选中 item 等于 clickItem，退出聚焦，全部重新选中\n * 2.2 替换聚焦的 item\n * 3. 其它，同 2.2\n */\n if (items.length === checkedItems.length) {\n try {\n for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {\n var item = items_1_1.value;\n list_1.setItemState(item, STATUS_UNCHECKED, item.id !== clickedItem.id);\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n }\n else if (items.length - uncheckedItems.length === 1) {\n if (checkedItem.id === clickedItem.id) {\n try {\n for (var items_2 = __values(items), items_2_1 = items_2.next(); !items_2_1.done; items_2_1 = items_2.next()) {\n var item = items_2_1.value;\n list_1.setItemState(item, STATUS_UNCHECKED, false);\n }\n }\n catch (e_2_1) { e_2 = { error: e_2_1 }; }\n finally {\n try {\n if (items_2_1 && !items_2_1.done && (_b = items_2.return)) _b.call(items_2);\n }\n finally { if (e_2) throw e_2.error; }\n }\n }\n else {\n try {\n for (var items_3 = __values(items), items_3_1 = items_3.next(); !items_3_1.done; items_3_1 = items_3.next()) {\n var item = items_3_1.value;\n list_1.setItemState(item, STATUS_UNCHECKED, item.id !== clickedItem.id);\n }\n }\n catch (e_3_1) { e_3 = { error: e_3_1 }; }\n finally {\n try {\n if (items_3_1 && !items_3_1.done && (_c = items_3.return)) _c.call(items_3);\n }\n finally { if (e_3) throw e_3.error; }\n }\n }\n }\n else {\n try {\n for (var items_4 = __values(items), items_4_1 = items_4.next(); !items_4_1.done; items_4_1 = items_4.next()) {\n var item = items_4_1.value;\n list_1.setItemState(item, STATUS_UNCHECKED, item.id !== clickedItem.id);\n }\n }\n catch (e_4_1) { e_4 = { error: e_4_1 }; }\n finally {\n try {\n if (items_4_1 && !items_4_1.done && (_d = items_4.return)) _d.call(items_4);\n }\n finally { if (e_4) throw e_4.error; }\n }\n }\n }\n };\n return ListFocus;\n}(ListState));\nexport default ListFocus;\n//# sourceMappingURL=list-focus.js.map","import { __assign, __extends } from \"tslib\";\nimport ListState from './list-state';\nimport { isEqual } from '@antv/util';\nimport { TOOLTIP_CSS_CONST } from '@antv/component';\nimport { HtmlTooltip } from '../../../dependents';\nvar STATUS_SHOW = 'showRadio';\nvar TIP_ID = 'legend-radio-tip';\nvar ListRadio = /** @class */ (function (_super) {\n __extends(ListRadio, _super);\n function ListRadio() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.timeStamp = 0;\n return _this;\n }\n ListRadio.prototype.show = function () {\n var triggerInfo = this.getTriggerListInfo();\n if (triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.item) {\n var list = triggerInfo.list, item = triggerInfo.item;\n list.setItemState(item, STATUS_SHOW, true);\n }\n };\n ListRadio.prototype.hide = function () {\n var triggerInfo = this.getTriggerListInfo();\n if (triggerInfo === null || triggerInfo === void 0 ? void 0 : triggerInfo.item) {\n var list = triggerInfo.list, item = triggerInfo.item;\n list.setItemState(item, STATUS_SHOW, false);\n }\n };\n ListRadio.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n this.tooltip && this.tooltip.destroy();\n };\n /**\n * 显示 Tooltip (展示在上方)\n * @returns\n */\n ListRadio.prototype.showTip = function () {\n var context = this.context;\n var ev = context.event;\n var lastTimeStamp = this.timeStamp;\n var timeStamp = +new Date();\n var target = this.context.event.target;\n if (timeStamp - lastTimeStamp > 16 && target.get('name') === 'legend-item-radio') {\n var preLoc = this.location;\n var curLoc = { x: ev.x, y: ev.y };\n this.timeStamp = timeStamp;\n this.location = curLoc;\n if (!preLoc || !isEqual(preLoc, curLoc)) {\n this.showTooltip(curLoc);\n }\n }\n };\n /**\n * 隐藏 Tooltip。\n * @returns\n */\n ListRadio.prototype.hideTip = function () {\n this.hideTooltip();\n this.location = null;\n };\n ListRadio.prototype.showTooltip = function (curLoc) {\n var context = this.context;\n var ev = context.event;\n var target = ev.target;\n if (target && target.get('tip')) {\n if (!this.tooltip) {\n this.renderTooltip(); // 延迟生成\n }\n // 展示 tooltip\n var _a = context.view.getCanvas().get('el').getBoundingClientRect(), offsetX = _a.x, offsetY = _a.y;\n this.tooltip.update(__assign(__assign({ title: target.get('tip') }, curLoc), { x: curLoc.x + offsetX, y: curLoc.y + offsetY }));\n this.tooltip.show();\n }\n };\n ListRadio.prototype.hideTooltip = function () {\n this.tooltip && this.tooltip.hide();\n };\n ListRadio.prototype.renderTooltip = function () {\n var _a;\n var tooltipStyles = (_a = {},\n _a[TOOLTIP_CSS_CONST.CONTAINER_CLASS] = {\n padding: '6px 8px',\n transform: 'translate(-50%, -80%)',\n background: 'rgba(0,0,0,0.75)',\n color: '#fff',\n 'border-radius': '2px',\n // 避免遮挡，如果还不够的话，再考虑开放用户配置\n 'z-index': 100,\n },\n _a[TOOLTIP_CSS_CONST.TITLE_CLASS] = {\n 'font-size': '12px',\n 'line-height': '14px',\n 'margin-bottom': 0,\n 'word-break': 'break-all',\n },\n _a);\n if (document.getElementById(TIP_ID)) {\n document.body.removeChild(document.getElementById(TIP_ID));\n }\n var tooltip = new HtmlTooltip({\n parent: document.body,\n // tooltip 限制的区域\n region: null,\n visible: false,\n crosshairs: null,\n domStyles: tooltipStyles,\n containerId: TIP_ID,\n });\n tooltip.init();\n tooltip.setCapture(false); // 不允许捕获事件\n this.tooltip = tooltip;\n };\n return ListRadio;\n}(ListState));\nexport default ListRadio;\n//# sourceMappingURL=list-radio.js.map","import { __assign, __extends } from \"tslib\";\nimport { deepMix, each } from '@antv/util';\nimport Action from '../base';\n/**\n * @ignore\n * 辅助框 Action 的基类\n */\nvar MaskBase = /** @class */ (function (_super) {\n __extends(MaskBase, _super);\n function MaskBase() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n // mask 图形\n _this.maskShape = null;\n // 组成 mask 的各个点\n _this.points = [];\n // 开始 mask 的标记\n _this.starting = false;\n // 开始移动的标记\n _this.moving = false;\n _this.preMovePoint = null;\n _this.shapeType = 'path';\n return _this;\n }\n // 获取当前的位置\n MaskBase.prototype.getCurrentPoint = function () {\n var event = this.context.event;\n return {\n x: event.x,\n y: event.y,\n };\n };\n // 触发 mask 的事件\n MaskBase.prototype.emitEvent = function (type) {\n var eventName = \"mask:\".concat(type);\n var view = this.context.view;\n var event = this.context.event;\n view.emit(eventName, {\n target: this.maskShape,\n shape: this.maskShape,\n points: this.points,\n x: event.x,\n y: event.y,\n });\n };\n // 创建 mask\n MaskBase.prototype.createMask = function () {\n var view = this.context.view;\n var maskAttrs = this.getMaskAttrs();\n var maskShape = view.foregroundGroup.addShape({\n type: this.shapeType,\n name: 'mask',\n draggable: true,\n attrs: __assign({ fill: '#C5D4EB', opacity: 0.3 }, maskAttrs),\n });\n return maskShape;\n };\n // 生成 mask 的路径\n MaskBase.prototype.getMaskPath = function () {\n return [];\n };\n /**\n * 显示\n */\n MaskBase.prototype.show = function () {\n if (this.maskShape) {\n this.maskShape.show();\n this.emitEvent('show');\n }\n };\n /**\n * 开始\n */\n MaskBase.prototype.start = function (arg) {\n this.starting = true;\n // 开始时，保证移动结束\n this.moving = false;\n this.points = [this.getCurrentPoint()];\n if (!this.maskShape) {\n this.maskShape = this.createMask();\n // 开始时设置 capture: false，可以避免创建、resize 时触发事件\n this.maskShape.set('capture', false);\n }\n this.updateMask(arg === null || arg === void 0 ? void 0 : arg.maskStyle);\n this.emitEvent('start');\n };\n /**\n * 开始移动\n */\n MaskBase.prototype.moveStart = function () {\n this.moving = true;\n this.preMovePoint = this.getCurrentPoint();\n };\n /**\n * 移动 mask\n */\n MaskBase.prototype.move = function () {\n if (!this.moving || !this.maskShape) {\n return;\n }\n var currentPoint = this.getCurrentPoint();\n var preMovePoint = this.preMovePoint;\n var dx = currentPoint.x - preMovePoint.x;\n var dy = currentPoint.y - preMovePoint.y;\n var points = this.points;\n each(points, function (point) {\n point.x += dx;\n point.y += dy;\n });\n this.updateMask();\n this.emitEvent('change');\n this.preMovePoint = currentPoint;\n };\n MaskBase.prototype.updateMask = function (maskStyle) {\n var attrs = deepMix({}, this.getMaskAttrs(), maskStyle);\n this.maskShape.attr(attrs);\n };\n /**\n * 结束移动\n */\n MaskBase.prototype.moveEnd = function () {\n this.moving = false;\n this.preMovePoint = null;\n };\n /**\n * 结束\n */\n MaskBase.prototype.end = function () {\n this.starting = false;\n this.emitEvent('end');\n if (this.maskShape) {\n this.maskShape.set('capture', true);\n }\n };\n /**\n * 隐藏\n */\n MaskBase.prototype.hide = function () {\n if (this.maskShape) {\n this.maskShape.hide();\n this.emitEvent('hide');\n }\n };\n /**\n * 大小变化\n */\n MaskBase.prototype.resize = function () {\n // 只有进行中，才会允许大小变化\n if (this.starting && this.maskShape) {\n this.points.push(this.getCurrentPoint());\n this.updateMask();\n this.emitEvent('change');\n }\n };\n /**\n * 销毁\n */\n MaskBase.prototype.destroy = function () {\n this.points = [];\n if (this.maskShape) {\n this.maskShape.remove();\n }\n this.maskShape = null;\n this.preMovePoint = null;\n _super.prototype.destroy.call(this);\n };\n return MaskBase;\n}(Action));\nexport default MaskBase;\n//# sourceMappingURL=base.js.map","import { __extends } from \"tslib\";\nimport { last } from '@antv/util';\nimport { distance } from '../util';\nimport MaskBase from './base';\n/**\n * @ignore\n * 圆形辅助框 Action\n */\nvar CircleMask = /** @class */ (function (_super) {\n __extends(CircleMask, _super);\n function CircleMask() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.shapeType = 'circle';\n return _this;\n }\n CircleMask.prototype.getMaskAttrs = function () {\n var points = this.points;\n var currentPoint = last(this.points);\n var r = 0;\n var x = 0;\n var y = 0;\n if (points.length) {\n var first = points[0];\n r = distance(first, currentPoint) / 2;\n x = (currentPoint.x + first.x) / 2;\n y = (currentPoint.y + first.y) / 2;\n }\n return {\n x: x,\n y: y,\n r: r,\n };\n };\n return CircleMask;\n}(MaskBase));\nexport default CircleMask;\n//# sourceMappingURL=circle.js.map","import { __extends } from \"tslib\";\nimport { head, last } from '@antv/util';\nimport MaskBase from './base';\n/**\n * @ignore\n * 矩形的辅助框 Action\n */\nvar RectMask = /** @class */ (function (_super) {\n __extends(RectMask, _super);\n function RectMask() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.shapeType = 'rect';\n return _this;\n }\n RectMask.prototype.getRegion = function () {\n var points = this.points;\n return {\n start: head(points),\n end: last(points),\n };\n };\n // 添加图形\n RectMask.prototype.getMaskAttrs = function () {\n var _a = this.getRegion(), start = _a.start, end = _a.end;\n var x = Math.min(start.x, end.x);\n var y = Math.min(start.y, end.y);\n var width = Math.abs(end.x - start.x);\n var height = Math.abs(end.y - start.y);\n return {\n x: x,\n y: y,\n width: width,\n height: height,\n };\n };\n return RectMask;\n}(MaskBase));\nexport default RectMask;\n//# sourceMappingURL=rect.js.map","import { __extends } from \"tslib\";\nimport { clamp, head, last } from '@antv/util';\nimport RectMask from './rect';\nfunction clampPoint(point) {\n point.x = clamp(point.x, 0, 1);\n point.y = clamp(point.y, 0, 1);\n}\n/**\n * @ignore\n */\nvar DimRect = /** @class */ (function (_super) {\n __extends(DimRect, _super);\n function DimRect() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.dim = 'x';\n _this.inPlot = true;\n return _this;\n }\n DimRect.prototype.getRegion = function () {\n var start = null;\n var end = null;\n var points = this.points;\n var dim = this.dim;\n var coord = this.context.view.getCoordinate();\n var normalStart = coord.invert(head(points));\n var normalEnd = coord.invert(last(points));\n if (this.inPlot) {\n // 约束到 0 - 1 范围内\n clampPoint(normalStart);\n clampPoint(normalEnd);\n }\n if (dim === 'x') {\n // x 轴方向扩展, y 轴方向占满全部\n start = coord.convert({\n x: normalStart.x,\n y: 0,\n });\n end = coord.convert({\n x: normalEnd.x,\n y: 1,\n });\n }\n else {\n // y 轴方向扩展, x 轴方向占满全部\n start = coord.convert({\n x: 0,\n y: normalStart.y,\n });\n end = coord.convert({\n x: 1,\n y: normalEnd.y,\n });\n }\n return {\n start: start,\n end: end,\n };\n };\n return DimRect;\n}(RectMask));\nexport default DimRect;\n//# sourceMappingURL=dim-rect.js.map","import { __extends, __read } from \"tslib\";\nimport { Event } from '../../../chart';\nimport Action from '../base';\nimport { isMask } from '../util';\n// 获取对应的 scale\nfunction getFilter(scale, dim, point1, point2) {\n var min = Math.min(point1[dim], point2[dim]);\n var max = Math.max(point1[dim], point2[dim]);\n var _a = __read(scale.range, 2), rangeMin = _a[0], rangeMax = _a[1];\n // 约束值在 scale 的 range 之间\n if (min < rangeMin) {\n min = rangeMin;\n }\n if (max > rangeMax) {\n max = rangeMax;\n }\n // 范围大于整个 view 的范围，则返回 null\n if (min === rangeMax && max === rangeMax) {\n return null;\n }\n var minValue = scale.invert(min);\n var maxValue = scale.invert(max);\n if (scale.isCategory) {\n var minIndex = scale.values.indexOf(minValue);\n var maxIndex = scale.values.indexOf(maxValue);\n var arr_1 = scale.values.slice(minIndex, maxIndex + 1);\n return function (value) {\n return arr_1.includes(value);\n };\n }\n else {\n return function (value) {\n return value >= minValue && value <= maxValue;\n };\n }\n}\n/** range-filter 只用于：brush-filter, brush-x-filter, brush-y-filter */\nvar EVENTS;\n(function (EVENTS) {\n EVENTS[\"FILTER\"] = \"brush-filter-processing\";\n EVENTS[\"RESET\"] = \"brush-filter-reset\";\n EVENTS[\"BEFORE_FILTER\"] = \"brush-filter:beforefilter\";\n EVENTS[\"AFTER_FILTER\"] = \"brush-filter:afterfilter\";\n EVENTS[\"BEFORE_RESET\"] = \"brush-filter:beforereset\";\n EVENTS[\"AFTER_RESET\"] = \"brush-filter:afterreset\";\n})(EVENTS || (EVENTS = {}));\nexport { EVENTS as BRUSH_FILTER_EVENTS };\n/**\n * 范围过滤的 Action\n * @ignore\n */\nvar RangeFilter = /** @class */ (function (_super) {\n __extends(RangeFilter, _super);\n function RangeFilter() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n /**\n * 范围过滤生效的字段/维度，可以是 x, y\n */\n _this.dims = ['x', 'y'];\n /** 起始点 */\n _this.startPoint = null;\n _this.isStarted = false;\n return _this;\n }\n // x,y 是否生效\n RangeFilter.prototype.hasDim = function (dim) {\n return this.dims.includes(dim);\n };\n /**\n * 开始范围过滤，记录范围过滤的起点\n */\n RangeFilter.prototype.start = function () {\n var context = this.context;\n this.isStarted = true;\n this.startPoint = context.getCurrentPoint();\n };\n /**\n * 过滤，以开始的点和当前点对数据进行过滤\n */\n RangeFilter.prototype.filter = function () {\n var startPoint;\n var currentPoint;\n if (isMask(this.context)) {\n var maskShape = this.context.event.target;\n var bbox = maskShape.getCanvasBBox();\n startPoint = { x: bbox.x, y: bbox.y };\n currentPoint = { x: bbox.maxX, y: bbox.maxY };\n }\n else {\n if (!this.isStarted) {\n // 如果没有开始，则不执行过滤\n return;\n }\n startPoint = this.startPoint;\n currentPoint = this.context.getCurrentPoint();\n }\n if (Math.abs(startPoint.x - currentPoint.x) < 5 || Math.abs(startPoint.x - currentPoint.y) < 5) {\n // 距离过小也不生效\n return;\n }\n var _a = this.context, view = _a.view, event = _a.event;\n var payload = { view: view, event: event, dims: this.dims };\n view.emit(EVENTS.BEFORE_FILTER, Event.fromData(view, EVENTS.BEFORE_FILTER, payload));\n var coord = view.getCoordinate();\n var normalCurrent = coord.invert(currentPoint);\n var normalStart = coord.invert(startPoint);\n // 设置 x 方向的 filter\n if (this.hasDim('x')) {\n var xScale = view.getXScale();\n var filter = getFilter(xScale, 'x', normalCurrent, normalStart);\n this.filterView(view, xScale.field, filter);\n }\n // 设置 y 方向的 filter\n if (this.hasDim('y')) {\n var yScale = view.getYScales()[0];\n var filter = getFilter(yScale, 'y', normalCurrent, normalStart);\n this.filterView(view, yScale.field, filter);\n }\n this.reRender(view, { source: EVENTS.FILTER });\n view.emit(EVENTS.AFTER_FILTER, Event.fromData(view, EVENTS.AFTER_FILTER, payload));\n };\n /**\n * 结束\n */\n RangeFilter.prototype.end = function () {\n this.isStarted = false;\n };\n /**\n * 取消同当前 Action 相关的过滤，指定的 x,y\n */\n RangeFilter.prototype.reset = function () {\n var view = this.context.view;\n view.emit(EVENTS.BEFORE_RESET, Event.fromData(view, EVENTS.BEFORE_RESET, {}));\n this.isStarted = false;\n if (this.hasDim('x')) {\n var xScale = view.getXScale();\n this.filterView(view, xScale.field, null); // 取消过滤\n }\n if (this.hasDim('y')) {\n // y 轴过滤仅取第一个 yScale\n var yScale = view.getYScales()[0];\n this.filterView(view, yScale.field, null); // 取消过滤\n }\n this.reRender(view, { source: EVENTS.RESET });\n view.emit(EVENTS.AFTER_RESET, Event.fromData(view, EVENTS.AFTER_RESET, {}));\n };\n /**\n * 对 view 进行过滤\n */\n RangeFilter.prototype.filterView = function (view, field, filter) {\n view.filter(field, filter);\n };\n /**\n * 重新渲染\n * @param view\n */\n RangeFilter.prototype.reRender = function (view, payload) {\n view.render(true, payload);\n };\n return RangeFilter;\n}(Action));\nexport default RangeFilter;\n//# sourceMappingURL=range-filter.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport MaskBase from './base';\n/**\n * @ignore\n * 多个点构成的 Path 辅助框 Action\n */\nvar PathMask = /** @class */ (function (_super) {\n __extends(PathMask, _super);\n function PathMask() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n // 生成 mask 的路径\n PathMask.prototype.getMaskPath = function () {\n var points = this.points;\n var path = [];\n if (points.length) {\n each(points, function (point, index) {\n if (index === 0) {\n path.push(['M', point.x, point.y]);\n }\n else {\n path.push(['L', point.x, point.y]);\n }\n });\n path.push(['L', points[0].x, points[0].y]);\n }\n return path;\n };\n PathMask.prototype.getMaskAttrs = function () {\n return {\n path: this.getMaskPath(),\n };\n };\n /**\n * 添加一个点\n */\n PathMask.prototype.addPoint = function () {\n this.resize();\n };\n return PathMask;\n}(MaskBase));\nexport default PathMask;\n//# sourceMappingURL=path.js.map","import { __extends } from \"tslib\";\nimport { getSpline } from '../util';\nimport PathMask from './path';\n/**\n * Smooth path mask\n * @ignore\n */\nvar SmoothPathMask = /** @class */ (function (_super) {\n __extends(SmoothPathMask, _super);\n function SmoothPathMask() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n // 生成 mask 的路径\n SmoothPathMask.prototype.getMaskPath = function () {\n var points = this.points;\n return getSpline(points, true);\n };\n return SmoothPathMask;\n}(PathMask));\nexport default SmoothPathMask;\n//# sourceMappingURL=smooth-path.js.map","import { __extends } from \"tslib\";\n/**\n * @fileoverview 设置画布的箭头，参看：https://www.w3school.com.cn/jsref/prop_style_cursor.asp\n * @author dxq613\n */\nimport Action from './base';\n/**\n * 鼠标形状的 Action\n * @ignore\n */\nvar CursorAction = /** @class */ (function (_super) {\n __extends(CursorAction, _super);\n function CursorAction() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n CursorAction.prototype.setCursor = function (cursor) {\n var view = this.context.view;\n view.getCanvas().setCursor(cursor);\n };\n /**\n * 默认光标（通常是一个箭头）\n */\n CursorAction.prototype.default = function () {\n this.setCursor('default');\n };\n /** 光标呈现为指示链接的指针（一只手） */\n CursorAction.prototype.pointer = function () {\n this.setCursor('pointer');\n };\n /** 此光标指示某对象可被移动。 */\n CursorAction.prototype.move = function () {\n this.setCursor('move');\n };\n /** 光标呈现为十字线。 */\n CursorAction.prototype.crosshair = function () {\n this.setCursor('crosshair');\n };\n /** 此光标指示程序正忙（通常是一只表或沙漏）。 */\n CursorAction.prototype.wait = function () {\n this.setCursor('wait');\n };\n /** 此光标指示可用的帮助（通常是一个问号或一个气球）。 */\n CursorAction.prototype.help = function () {\n this.setCursor('help');\n };\n /** 此光标指示文本。 */\n CursorAction.prototype.text = function () {\n this.setCursor('text');\n };\n /**\n * 此光标指示矩形框的边缘可被向右（东）移动。\n */\n CursorAction.prototype.eResize = function () {\n this.setCursor('e-resize');\n };\n /**\n * 此光标指示矩形框的边缘可被向左（西）移动。\n */\n CursorAction.prototype.wResize = function () {\n this.setCursor('w-resize');\n };\n /**\n * 此光标指示矩形框的边缘可被向上（北）移动。\n */\n CursorAction.prototype.nResize = function () {\n this.setCursor('n-resize');\n };\n /**\n * 此光标指示矩形框的边缘可被向下（南）移动。\n */\n CursorAction.prototype.sResize = function () {\n this.setCursor('s-resize');\n };\n /**\n * 光标指示可移动的方向 右上方（东北）\n */\n CursorAction.prototype.neResize = function () {\n this.setCursor('ne-resize');\n };\n /**\n * 光标指示可移动的方向 左上方（西北）\n */\n CursorAction.prototype.nwResize = function () {\n this.setCursor('nw-resize');\n };\n /**\n * 光标指示可移动的方向右下方（东南）\n */\n CursorAction.prototype.seResize = function () {\n this.setCursor('se-resize');\n };\n /**\n * 光标指示可移动的方向左下方（西南）\n */\n CursorAction.prototype.swResize = function () {\n this.setCursor('sw-resize');\n };\n /**\n * 光标指示可以在上下方向移动\n */\n CursorAction.prototype.nsResize = function () {\n this.setCursor('ns-resize');\n };\n /**\n * 光标指示可以在左右方向移动\n */\n CursorAction.prototype.ewResize = function () {\n this.setCursor('ew-resize');\n };\n /**\n * 光标显示可以被放大\n */\n CursorAction.prototype.zoomIn = function () {\n this.setCursor('zoom-in');\n };\n /**\n * 光标显示可以缩小尺寸\n */\n CursorAction.prototype.zoomOut = function () {\n this.setCursor('zoom-out');\n };\n return CursorAction;\n}(Action));\nexport default CursorAction;\n//# sourceMappingURL=cursor.js.map","import { __extends, __read } from \"tslib\";\nimport { each } from '@antv/util';\nimport Action from '../base';\nimport { getDelegationObject, getScaleByField, isList, isSlider } from '../util';\n/**\n * 数据过滤。\n * @ignore\n */\nvar DataFilter = /** @class */ (function (_super) {\n __extends(DataFilter, _super);\n function DataFilter() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n DataFilter.prototype.filterView = function (view, field, filter) {\n var _this = this;\n // 只有存在这个 scale 时才生效\n if (view.getScaleByField(field)) {\n view.filter(field, filter);\n }\n if (view.views && view.views.length) {\n each(view.views, function (subView) {\n _this.filterView(subView, field, filter);\n });\n }\n };\n /**\n * 过滤数据\n */\n DataFilter.prototype.filter = function () {\n var delegateObject = getDelegationObject(this.context);\n if (delegateObject) {\n var view = this.context.view;\n var component = delegateObject.component;\n var field = component.get('field');\n // 列表类的组件能够触发\n if (isList(delegateObject)) {\n if (field) {\n var unCheckedItems = component.getItemsByState('unchecked');\n var scale_1 = getScaleByField(view, field);\n var names_1 = unCheckedItems.map(function (item) { return item.name; });\n if (names_1.length) {\n this.filterView(view, field, function (value) {\n var text = scale_1.getText(value);\n return !names_1.includes(text);\n });\n }\n else {\n this.filterView(view, field, null);\n }\n view.render(true);\n }\n }\n else if (isSlider(delegateObject)) {\n var range = component.getValue();\n var _a = __read(range, 2), min_1 = _a[0], max_1 = _a[1];\n this.filterView(view, field, function (value) {\n return value >= min_1 && value <= max_1;\n });\n view.render(true);\n }\n }\n };\n return DataFilter;\n}(Action));\nexport default DataFilter;\n//# sourceMappingURL=filter.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport RangeFilter from './range-filter';\nimport { getSilbings } from '../util';\n/**\n * 数据范围过滤，但不在当前的 view 上生效，而在当前的 view 同一层级的其他 views 上生效，用于实现联动过滤。\n * @ignore\n */\nvar SiblingFilter = /** @class */ (function (_super) {\n __extends(SiblingFilter, _super);\n function SiblingFilter() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * 对 view 进行过滤\n * @param view\n * @param field\n * @param filter\n */\n SiblingFilter.prototype.filterView = function (view, field, filter) {\n var siblings = getSilbings(view);\n each(siblings, function (sibling) {\n sibling.filter(field, filter);\n });\n };\n /**\n * 重新渲染\n * @param view\n */\n SiblingFilter.prototype.reRender = function (view) {\n var siblings = getSilbings(view);\n each(siblings, function (sibling) {\n sibling.render(true);\n });\n };\n return SiblingFilter;\n}(RangeFilter));\nexport default SiblingFilter;\n//# sourceMappingURL=sibling-filter.js.map","import { __extends, __read } from \"tslib\";\nimport { each } from '@antv/util';\nimport Action from '../base';\nimport { getDelegationObject, getElements, getElementValue, getScaleByField, isList, isSlider, isMask, getMaskedElements, } from '../util';\n/**\n * 元素过滤的 Action，控制元素的显示隐藏\n * @ignore\n */\nvar ElementFilter = /** @class */ (function (_super) {\n __extends(ElementFilter, _super);\n function ElementFilter() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * 过滤\n */\n ElementFilter.prototype.filter = function () {\n var delegateObject = getDelegationObject(this.context);\n var view = this.context.view;\n var elements = getElements(view);\n if (isMask(this.context)) {\n var maskElements_1 = getMaskedElements(this.context, 10);\n if (maskElements_1) {\n each(elements, function (el) {\n if (maskElements_1.includes(el)) {\n el.show();\n }\n else {\n el.hide();\n }\n });\n }\n }\n else if (delegateObject) {\n var component = delegateObject.component;\n var field_1 = component.get('field');\n // 列表类的组件能够触发\n if (isList(delegateObject)) {\n if (field_1) {\n var unCheckedItems = component.getItemsByState('unchecked');\n var scale_1 = getScaleByField(view, field_1);\n var names_1 = unCheckedItems.map(function (item) { return item.name; });\n // 直接控制显示、隐藏\n each(elements, function (el) {\n var value = getElementValue(el, field_1);\n var text = scale_1.getText(value);\n if (names_1.indexOf(text) >= 0) {\n el.hide();\n }\n else {\n el.show();\n }\n });\n }\n }\n else if (isSlider(delegateObject)) {\n var range = component.getValue();\n var _a = __read(range, 2), min_1 = _a[0], max_1 = _a[1];\n each(elements, function (el) {\n var value = getElementValue(el, field_1);\n if (value >= min_1 && value <= max_1) {\n el.show();\n }\n else {\n el.hide();\n }\n });\n }\n }\n };\n /**\n * 清除过滤\n */\n ElementFilter.prototype.clear = function () {\n var elements = getElements(this.context.view);\n each(elements, function (el) {\n el.show();\n });\n };\n /**\n * 恢复发生的过滤，保持同 data-filter 命名的一致\n */\n ElementFilter.prototype.reset = function () {\n this.clear();\n };\n return ElementFilter;\n}(Action));\nexport default ElementFilter;\n//# sourceMappingURL=filter.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport Action from '../base';\nimport { getElements, getMaskedElements, getSiblingMaskElements, getSilbings, isInRecords, isMask } from '../util';\n/**\n * Sibling filter\n * @ignore\n */\nvar SiblingFilter = /** @class */ (function (_super) {\n __extends(SiblingFilter, _super);\n function SiblingFilter() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.byRecord = false;\n return _this;\n }\n /**\n * 过滤隐藏图形\n */\n SiblingFilter.prototype.filter = function () {\n // 仅考虑 mask 导致的过滤\n if (isMask(this.context)) {\n if (this.byRecord) {\n this.filterByRecord();\n }\n else {\n this.filterByBBox();\n }\n }\n };\n // 根据框选的记录来做过滤\n SiblingFilter.prototype.filterByRecord = function () {\n var view = this.context.view;\n var maskElements = getMaskedElements(this.context, 10);\n if (!maskElements) {\n return;\n }\n var xFiled = view.getXScale().field;\n var yField = view.getYScales()[0].field;\n var records = maskElements.map(function (el) {\n return el.getModel().data;\n });\n var siblings = getSilbings(view);\n each(siblings, function (sibling) {\n var elements = getElements(sibling);\n each(elements, function (el) {\n var record = el.getModel().data;\n // records.includes(record) 不生效，应该是数据的引用被改了\n if (isInRecords(records, record, xFiled, yField)) {\n el.show();\n }\n else {\n el.hide();\n }\n });\n });\n };\n // 根据被框选的包围盒做过滤\n SiblingFilter.prototype.filterByBBox = function () {\n var _this = this;\n var view = this.context.view;\n var siblings = getSilbings(view);\n each(siblings, function (sibling) {\n var maskElements = getSiblingMaskElements(_this.context, sibling, 10);\n var elements = getElements(sibling);\n if (maskElements) {\n // mask 过小时返回为 null，不能是空数组，否则同未框选到混淆\n each(elements, function (el) {\n if (maskElements.includes(el)) {\n el.show();\n }\n else {\n el.hide();\n }\n });\n }\n });\n };\n /**\n * 清理所有隐藏的图形\n */\n SiblingFilter.prototype.reset = function () {\n var siblings = getSilbings(this.context.view);\n each(siblings, function (sibling) {\n var elements = getElements(sibling);\n each(elements, function (el) {\n el.show();\n });\n });\n };\n return SiblingFilter;\n}(Action));\nexport default SiblingFilter;\n//# sourceMappingURL=sibling-filter.js.map","import { __assign, __extends } from \"tslib\";\nimport { ext } from '@antv/matrix-util';\nimport { deepMix } from '@antv/util';\nimport { parsePadding } from '../../../util/padding';\nimport Action from '../base';\nvar PADDING_RIGHT = 10;\nvar PADDING_TOP = 5;\n/**\n * Button action\n * @ignore\n */\nvar ButtonAction = /** @class */ (function (_super) {\n __extends(ButtonAction, _super);\n function ButtonAction() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.buttonGroup = null;\n _this.buttonCfg = {\n name: 'button',\n text: 'button',\n textStyle: {\n x: 0,\n y: 0,\n fontSize: 12,\n fill: '#333333',\n cursor: 'pointer',\n },\n padding: [8, 10],\n style: {\n fill: '#f7f7f7',\n stroke: '#cccccc',\n cursor: 'pointer',\n },\n activeStyle: {\n fill: '#e6e6e6',\n },\n };\n return _this;\n }\n // mix 默认的配置和用户配置\n ButtonAction.prototype.getButtonCfg = function () {\n return deepMix(this.buttonCfg, this.cfg);\n };\n // 绘制 Button 和 文本\n ButtonAction.prototype.drawButton = function () {\n var config = this.getButtonCfg();\n var group = this.context.view.foregroundGroup.addGroup({\n name: config.name,\n });\n // 添加文本\n var textShape = group.addShape({\n type: 'text',\n name: 'button-text',\n attrs: __assign({ text: config.text }, config.textStyle),\n });\n var textBBox = textShape.getBBox();\n var padding = parsePadding(config.padding);\n // 添加背景按钮\n var buttonShape = group.addShape({\n type: 'rect',\n name: 'button-rect',\n attrs: __assign({ x: textBBox.x - padding[3], y: textBBox.y - padding[0], width: textBBox.width + padding[1] + padding[3], height: textBBox.height + padding[0] + padding[2] }, config.style),\n });\n buttonShape.toBack(); // 在后面\n // active 效果内置\n group.on('mouseenter', function () {\n buttonShape.attr(config.activeStyle);\n });\n group.on('mouseleave', function () {\n buttonShape.attr(config.style);\n });\n this.buttonGroup = group;\n };\n // 重置位置\n ButtonAction.prototype.resetPosition = function () {\n var view = this.context.view;\n var coord = view.getCoordinate();\n var point = coord.convert({ x: 1, y: 1 }); // 后面直接改成左上角\n var buttonGroup = this.buttonGroup;\n var bbox = buttonGroup.getBBox();\n var matrix = ext.transform(null, [\n ['t', point.x - bbox.width - PADDING_RIGHT, point.y + bbox.height + PADDING_TOP],\n ]);\n buttonGroup.setMatrix(matrix);\n };\n /**\n * 显示\n */\n ButtonAction.prototype.show = function () {\n if (!this.buttonGroup) {\n this.drawButton();\n }\n this.resetPosition();\n this.buttonGroup.show();\n };\n /**\n * 隐藏\n */\n ButtonAction.prototype.hide = function () {\n if (this.buttonGroup) {\n this.buttonGroup.hide();\n }\n };\n /**\n * 销毁\n */\n ButtonAction.prototype.destroy = function () {\n var buttonGroup = this.buttonGroup;\n if (buttonGroup) {\n buttonGroup.remove();\n }\n _super.prototype.destroy.call(this);\n };\n return ButtonAction;\n}(Action));\nexport default ButtonAction;\n//# sourceMappingURL=button.js.map","import { __extends } from \"tslib\";\nimport Action from '../base';\nimport { distance } from '../util';\nvar DISTANCE = 4; // 移动的最小距离\n/**\n * @ignore\n * View 支持 Drag 的 Action\n */\nvar Drag = /** @class */ (function (_super) {\n __extends(Drag, _super);\n function Drag() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n // Action 开始，不等同于 拖拽开始，需要判定移动的范围\n _this.starting = false;\n // 拖拽开始\n _this.dragStart = false;\n return _this;\n }\n /**\n * 开始\n */\n Drag.prototype.start = function () {\n this.starting = true;\n this.startPoint = this.context.getCurrentPoint();\n };\n /**\n * 拖拽\n */\n Drag.prototype.drag = function () {\n if (!this.startPoint) {\n return;\n }\n var current = this.context.getCurrentPoint();\n var view = this.context.view;\n var event = this.context.event;\n if (!this.dragStart) {\n if (distance(current, this.startPoint) > DISTANCE) {\n view.emit('dragstart', {\n target: event.target,\n x: event.x,\n y: event.y,\n });\n this.dragStart = true;\n }\n }\n else {\n view.emit('drag', {\n target: event.target,\n x: event.x,\n y: event.y,\n });\n }\n };\n /**\n * 结束\n */\n Drag.prototype.end = function () {\n if (this.dragStart) {\n var view = this.context.view;\n var event_1 = this.context.event;\n view.emit('dragend', {\n target: event_1.target,\n x: event_1.x,\n y: event_1.y,\n });\n }\n this.starting = false;\n this.dragStart = false;\n };\n return Drag;\n}(Action));\nexport default Drag;\n//# sourceMappingURL=drag.js.map","import { __extends } from \"tslib\";\nimport { ext } from '@antv/matrix-util';\nimport { Action } from '..';\nimport { distance } from '../util';\nvar MIN_DISTANCE = 5;\n/**\n * @ignore\n * View 移动的 Action\n */\nvar Move = /** @class */ (function (_super) {\n __extends(Move, _super);\n function Move() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.starting = false;\n _this.isMoving = false;\n // private cacheRange = null;\n _this.startPoint = null;\n _this.startMatrix = null;\n return _this;\n }\n /**\n * 开始移动\n */\n Move.prototype.start = function () {\n this.starting = true;\n this.startPoint = this.context.getCurrentPoint();\n // 缓存开始时的矩阵，防止反复拖拽\n this.startMatrix = this.context.view.middleGroup.getMatrix();\n };\n /**\n * 移动\n */\n Move.prototype.move = function () {\n if (!this.starting) {\n return;\n }\n var startPoint = this.startPoint;\n var currentPoint = this.context.getCurrentPoint();\n var d = distance(startPoint, currentPoint);\n if (d > MIN_DISTANCE && !this.isMoving) {\n this.isMoving = true;\n }\n if (this.isMoving) {\n var view = this.context.view;\n var matrix = ext.transform(this.startMatrix, [\n ['t', currentPoint.x - startPoint.x, currentPoint.y - startPoint.y],\n ]);\n view.backgroundGroup.setMatrix(matrix);\n view.foregroundGroup.setMatrix(matrix);\n view.middleGroup.setMatrix(matrix);\n }\n };\n /**\n * 结束移动\n */\n Move.prototype.end = function () {\n if (this.isMoving) {\n this.isMoving = false;\n }\n this.startMatrix = null;\n this.starting = false;\n this.startPoint = null;\n };\n /**\n * 回滚\n */\n Move.prototype.reset = function () {\n this.starting = false;\n this.startPoint = null;\n this.isMoving = false;\n var view = this.context.view;\n view.backgroundGroup.resetMatrix();\n view.foregroundGroup.resetMatrix();\n view.middleGroup.resetMatrix();\n this.isMoving = false;\n };\n return Move;\n}(Action));\nexport default Move;\n//# sourceMappingURL=move.js.map","import { __extends } from \"tslib\";\nimport { Action } from '..';\nvar DIM_X = 'x';\nvar DIM_Y = 'y';\n/**\n * Scale translate\n * @ignore\n */\nvar ScaleTranslate = /** @class */ (function (_super) {\n __extends(ScaleTranslate, _super);\n function ScaleTranslate() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.dims = [DIM_X, DIM_Y];\n _this.cfgFields = ['dims'];\n _this.cacheScaleDefs = {};\n return _this;\n }\n // 是否支持对应字段的平移\n ScaleTranslate.prototype.hasDim = function (dim) {\n return this.dims.includes(dim);\n };\n ScaleTranslate.prototype.getScale = function (dim) {\n var view = this.context.view;\n if (dim === 'x') {\n return view.getXScale();\n }\n else {\n return view.getYScales()[0];\n }\n };\n ScaleTranslate.prototype.resetDim = function (dim) {\n var view = this.context.view;\n if (this.hasDim(dim) && this.cacheScaleDefs[dim]) {\n var scale = this.getScale(dim);\n view.scale(scale.field, this.cacheScaleDefs[dim]);\n this.cacheScaleDefs[dim] = null;\n }\n };\n /**\n * 回滚\n */\n ScaleTranslate.prototype.reset = function () {\n this.resetDim(DIM_X);\n this.resetDim(DIM_Y);\n var view = this.context.view;\n view.render(true);\n };\n return ScaleTranslate;\n}(Action));\nexport default ScaleTranslate;\n//# sourceMappingURL=scale-transform.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport TransformAction from './scale-transform';\n/**\n * 拖拽 Scale 的 Action\n * @ignore\n */\nvar ScaleTranslate = /** @class */ (function (_super) {\n __extends(ScaleTranslate, _super);\n function ScaleTranslate() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.startPoint = null;\n _this.starting = false;\n _this.startCache = {};\n return _this;\n }\n /**\n * 开始\n */\n ScaleTranslate.prototype.start = function () {\n var _this = this;\n this.startPoint = this.context.getCurrentPoint();\n this.starting = true;\n var dims = this.dims;\n each(dims, function (dim) {\n var scale = _this.getScale(dim);\n var min = scale.min, max = scale.max, values = scale.values;\n _this.startCache[dim] = { min: min, max: max, values: values };\n });\n };\n // 平移分类的度量\n // private translateCategory(dim, scale, normalPoint) {\n // }\n /**\n * 结束\n */\n ScaleTranslate.prototype.end = function () {\n this.startPoint = null;\n this.starting = false;\n this.startCache = {};\n };\n /**\n * 平移\n */\n ScaleTranslate.prototype.translate = function () {\n var _this = this;\n if (!this.starting) {\n return;\n }\n var startPoint = this.startPoint;\n var coord = this.context.view.getCoordinate();\n var currentPoint = this.context.getCurrentPoint();\n var normalStart = coord.invert(startPoint);\n var noramlCurrent = coord.invert(currentPoint);\n var dx = noramlCurrent.x - normalStart.x;\n var dy = noramlCurrent.y - normalStart.y;\n var view = this.context.view;\n var dims = this.dims;\n each(dims, function (dim) {\n _this.translateDim(dim, { x: dx * -1, y: dy * -1 });\n });\n view.render(true);\n };\n // 平移度量\n ScaleTranslate.prototype.translateDim = function (dim, normalPoint) {\n if (this.hasDim(dim)) {\n var scale = this.getScale(dim);\n if (scale.isLinear) {\n this.translateLinear(dim, scale, normalPoint);\n }\n // else { // 暂时仅处理连续字段\n // this.translateCategory(dim, scale, normalPoint);\n // }\n }\n };\n // linear 度量平移\n ScaleTranslate.prototype.translateLinear = function (dim, scale, normalPoint) {\n var view = this.context.view;\n var _a = this.startCache[dim], min = _a.min, max = _a.max;\n var range = max - min;\n var d = normalPoint[dim] * range;\n // 只有第一次缓存，否则无法回滚\n if (!this.cacheScaleDefs[dim]) {\n this.cacheScaleDefs[dim] = {\n // @ts-ignore\n nice: scale.nice,\n min: min,\n max: max,\n };\n }\n view.scale(scale.field, {\n // @ts-ignore\n nice: false,\n min: min + d,\n max: max + d,\n });\n };\n // 平移分类的度量\n // private translateCategory(dim, scale, normalPoint) {\n // }\n /**\n * 回滚\n */\n ScaleTranslate.prototype.reset = function () {\n _super.prototype.reset.call(this);\n this.startPoint = null;\n this.starting = false;\n };\n return ScaleTranslate;\n}(TransformAction));\nexport default ScaleTranslate;\n//# sourceMappingURL=scale-translate.js.map","import { __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport TransformAction from './scale-transform';\n/**\n * 缩放 Scale 的 Action\n * @ignore\n */\nvar ScaleTranslate = /** @class */ (function (_super) {\n __extends(ScaleTranslate, _super);\n function ScaleTranslate() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.zoomRatio = 0.05;\n return _this;\n // 平移分类的度量\n // private translateCategory(dim, scale, normalPoint) {\n // }\n }\n /**\n * 缩小\n */\n ScaleTranslate.prototype.zoomIn = function () {\n this.zoom(this.zoomRatio);\n };\n ScaleTranslate.prototype.zoom = function (scale) {\n var _this = this;\n var dims = this.dims;\n each(dims, function (dim) {\n _this.zoomDim(dim, scale);\n });\n this.context.view.render(true);\n };\n /**\n * 放大\n */\n ScaleTranslate.prototype.zoomOut = function () {\n this.zoom(-1 * this.zoomRatio);\n };\n // 缩放度量\n ScaleTranslate.prototype.zoomDim = function (dim, dRatio) {\n if (this.hasDim(dim)) {\n var scale = this.getScale(dim);\n if (scale.isLinear) {\n this.zoomLinear(dim, scale, dRatio);\n }\n // else { // 暂时仅处理连续字段\n // this.zoomCategory(dim, scale, normalPoint);\n // }\n }\n };\n // linear 度量平移\n ScaleTranslate.prototype.zoomLinear = function (dim, scale, dRatio) {\n var view = this.context.view;\n // 只有第一次缓存，否则无法回滚\n if (!this.cacheScaleDefs[dim]) {\n this.cacheScaleDefs[dim] = {\n // @ts-ignore\n nice: scale.nice,\n min: scale.min,\n max: scale.max,\n };\n }\n // 使用使用原始度量作为缩放标准\n var scaleDef = this.cacheScaleDefs[dim];\n var range = scaleDef.max - scaleDef.min;\n var min = scale.min, max = scale.max;\n var d = dRatio * range;\n var toMin = min - d;\n var toMax = max + d;\n var curRange = toMax - toMin;\n var scaled = curRange / range;\n if (toMax > toMin && scaled < 100 && scaled > 0.01) {\n view.scale(scale.field, {\n // @ts-ignore\n nice: false,\n min: min - d,\n max: max + d,\n });\n }\n };\n return ScaleTranslate;\n}(TransformAction));\nexport default ScaleTranslate;\n//# sourceMappingURL=scale-zoom.js.map","import { __extends } from \"tslib\";\nimport { clamp, size, valuesOfKey } from '@antv/util';\nimport { Action } from '..';\nfunction isWheelDown(event) {\n var wheelEvent = event.gEvent.originalEvent;\n return wheelEvent.deltaY > 0;\n}\nvar DEFAULT_WHEELDELTA = 1;\nvar MousewheelScroll = /** @class */ (function (_super) {\n __extends(MousewheelScroll, _super);\n function MousewheelScroll() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n MousewheelScroll.prototype.scroll = function (arg) {\n var _a = this.context, view = _a.view, event = _a.event;\n if (!view.getOptions().scrollbar) {\n return;\n }\n var wheelDelta = (arg === null || arg === void 0 ? void 0 : arg.wheelDelta) || DEFAULT_WHEELDELTA;\n var scrollbarController = view.getController('scrollbar');\n var xScale = view.getXScale();\n var data = view.getOptions().data;\n var dataSize = size(valuesOfKey(data, xScale.field));\n var step = size(xScale.values);\n var currentRatio = scrollbarController.getValue();\n var currentStart = Math.floor((dataSize - step) * currentRatio);\n var nextStart = currentStart + (isWheelDown(event) ? wheelDelta : -wheelDelta);\n var correction = wheelDelta / (dataSize - step) / 10000;\n var nextRatio = clamp(nextStart / (dataSize - step) + correction, 0, 1);\n scrollbarController.setValue(nextRatio);\n };\n return MousewheelScroll;\n}(Action));\nexport default MousewheelScroll;\n//# sourceMappingURL=mousewheel-scroll.js.map","import { __assign, __extends } from \"tslib\";\nimport { TOOLTIP_CSS_CONST } from '@antv/component';\nimport { deepMix } from '@antv/util';\nimport { HtmlTooltip } from '../../../../dependents';\nimport Action from '../../base';\nimport { getDelegationObject } from '../../util';\nvar AXIS_DESCRIPTION_TOOLTIP = 'aixs-description-tooltip';\nvar AxisDescription = /** @class */ (function (_super) {\n __extends(AxisDescription, _super);\n function AxisDescription() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AxisDescription.prototype.show = function () {\n var context = this.context;\n var axis = getDelegationObject(context).axis;\n var _a = axis.cfg.title, description = _a.description, text = _a.text, descriptionTooltipStyle = _a.descriptionTooltipStyle;\n var _b = context.event, x = _b.x, y = _b.y;\n if (!this.tooltip) {\n this.renderTooltip();\n }\n this.tooltip.update({\n title: text || '',\n customContent: function () {\n return \"\\n \\n \");\n },\n x: x,\n y: y,\n });\n this.tooltip.show();\n };\n AxisDescription.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n this.tooltip && this.tooltip.destroy();\n };\n AxisDescription.prototype.hide = function () {\n this.tooltip && this.tooltip.hide();\n };\n AxisDescription.prototype.renderTooltip = function () {\n var _a;\n var view = this.context.view;\n var canvas = view.canvas;\n var region = {\n start: { x: 0, y: 0 },\n end: { x: canvas.get('width'), y: canvas.get('height') },\n };\n var tooltip = new HtmlTooltip({\n parent: canvas.get('el').parentNode,\n region: region,\n visible: false,\n containerId: AXIS_DESCRIPTION_TOOLTIP,\n domStyles: __assign({}, deepMix({}, (_a = {},\n // 超长的时候，tooltip tip 最大宽度为 50%，然后可以换行\n _a[TOOLTIP_CSS_CONST.CONTAINER_CLASS] = {\n 'max-width': '50%',\n padding: '10px',\n 'line-height': '15px',\n 'font-size': '12px',\n color: 'rgba(0, 0, 0, .65)',\n },\n _a[TOOLTIP_CSS_CONST.TITLE_CLASS] = {\n 'word-break': 'break-all',\n 'margin-bottom': '3px',\n },\n _a))),\n });\n tooltip.init();\n tooltip.setCapture(false);\n this.tooltip = tooltip;\n };\n return AxisDescription;\n}(Action));\nexport default AxisDescription;\n//# sourceMappingURL=axis-description.js.map","// 注册黑暗主题\nimport { registerTheme } from './core';\nimport { antvDark } from './theme/style-sheet/dark';\nimport { createThemeByStyleSheet } from './theme/util/create-by-style-sheet';\nregisterTheme('dark', createThemeByStyleSheet(antvDark));\n// 注册 G 渲染引擎\nimport * as CanvasEngine from '@antv/g-canvas';\nimport * as SVGEngine from '@antv/g-svg';\nimport { registerEngine } from './core';\nregisterEngine('canvas', CanvasEngine);\nregisterEngine('svg', SVGEngine);\n// 注册 G2 内置的 geometry\nimport { registerGeometry } from './core';\nimport Area from './geometry/area';\nimport Edge from './geometry/edge';\nimport Heatmap from './geometry/heatmap';\nimport Interval from './geometry/interval';\nimport Line from './geometry/line';\nimport Path from './geometry/path';\nimport Point from './geometry/point';\nimport Polygon from './geometry/polygon';\nimport Schema from './geometry/schema';\nimport Violin from './geometry/violin';\nregisterGeometry('Polygon', Polygon);\nregisterGeometry('Interval', Interval);\nregisterGeometry('Schema', Schema);\nregisterGeometry('Path', Path);\nregisterGeometry('Point', Point);\nregisterGeometry('Line', Line);\nregisterGeometry('Area', Area);\nregisterGeometry('Edge', Edge);\nregisterGeometry('Heatmap', Heatmap);\nregisterGeometry('Violin', Violin);\n// 引入所有内置的 shapes\nimport './geometry/shape/area/line';\nimport './geometry/shape/area/smooth';\nimport './geometry/shape/area/smooth-line';\nimport './geometry/shape/edge/arc';\nimport './geometry/shape/edge/smooth';\nimport './geometry/shape/edge/vhv';\nimport './geometry/shape/interval/funnel';\nimport './geometry/shape/interval/hollow-rect';\nimport './geometry/shape/interval/line';\nimport './geometry/shape/interval/pyramid';\nimport './geometry/shape/interval/tick';\nimport './geometry/shape/line/step';\nimport './geometry/shape/point/hollow';\nimport './geometry/shape/point/image';\nimport './geometry/shape/point/solid';\nimport './geometry/shape/schema/box';\nimport './geometry/shape/schema/candle';\nimport './geometry/shape/polygon/square';\nimport './geometry/shape/violin/smooth';\nimport './geometry/shape/violin/hollow';\n// 注册 Geometry 内置的 label\nimport { registerGeometryLabel } from './core';\nimport GeometryLabel from './geometry/label/base';\nimport IntervalLabel from './geometry/label/interval';\nimport PieLabel from './geometry/label/pie';\nimport PolarLabel from './geometry/label/polar';\nregisterGeometryLabel('base', GeometryLabel);\nregisterGeometryLabel('interval', IntervalLabel);\nregisterGeometryLabel('pie', PieLabel);\nregisterGeometryLabel('polar', PolarLabel);\n// 注册 Geometry label 内置的布局函数\nimport { registerGeometryLabelLayout } from './core';\nimport { distribute } from './geometry/label/layout/pie/distribute';\nimport { pieOuterLabelLayout } from './geometry/label/layout/pie/outer';\nimport { pieSpiderLabelLayout } from './geometry/label/layout/pie/spider';\nimport { limitInCanvas } from './geometry/label/layout/limit-in-canvas';\nimport { limitInShape } from './geometry/label/layout/limit-in-shape';\nimport { fixedOverlap, overlap } from './geometry/label/layout/overlap';\nimport { hideOverlap } from './geometry/label/layout/hide-overlap';\nimport { adjustColor } from './geometry/label/layout/adjust-color';\nimport { intervalAdjustPosition } from './geometry/label/layout/interval/adjust-position';\nimport { intervalHideOverlap } from './geometry/label/layout/interval/hide-overlap';\nimport { pointAdjustPosition } from './geometry/label/layout/point/adjust-position';\nimport { pathAdjustPosition } from './geometry/label/layout/path/adjust-position';\nimport { limitInPlot } from './geometry/label/layout/limit-in-plot';\nregisterGeometryLabelLayout('overlap', overlap);\nregisterGeometryLabelLayout('distribute', distribute);\nregisterGeometryLabelLayout('fixed-overlap', fixedOverlap);\nregisterGeometryLabelLayout('hide-overlap', hideOverlap);\nregisterGeometryLabelLayout('limit-in-shape', limitInShape);\nregisterGeometryLabelLayout('limit-in-canvas', limitInCanvas);\nregisterGeometryLabelLayout('limit-in-plot', limitInPlot);\nregisterGeometryLabelLayout('pie-outer', pieOuterLabelLayout);\nregisterGeometryLabelLayout('adjust-color', adjustColor);\nregisterGeometryLabelLayout('interval-adjust-position', intervalAdjustPosition);\nregisterGeometryLabelLayout('interval-hide-overlap', intervalHideOverlap);\nregisterGeometryLabelLayout('point-adjust-position', pointAdjustPosition);\nregisterGeometryLabelLayout('pie-spider', pieSpiderLabelLayout);\nregisterGeometryLabelLayout('path-adjust-position', pathAdjustPosition);\n// 注册需要的动画执行函数\nimport { fadeIn, fadeOut } from './animate/animation/fade';\nimport { growInX, growInXY, growInY } from './animate/animation/grow-in';\nimport { pathIn } from './animate/animation/path-in';\nimport { positionUpdate } from './animate/animation/position-update';\nimport { scaleInX, scaleInY } from './animate/animation/scale-in';\nimport { sectorPathUpdate } from './animate/animation/sector-path-update';\nimport { waveIn } from './animate/animation/wave-in';\nimport { zoomIn, zoomOut } from './animate/animation/zoom';\nimport { registerAnimation } from './core';\nregisterAnimation('fade-in', fadeIn);\nregisterAnimation('fade-out', fadeOut);\nregisterAnimation('grow-in-x', growInX);\nregisterAnimation('grow-in-xy', growInXY);\nregisterAnimation('grow-in-y', growInY);\nregisterAnimation('scale-in-x', scaleInX);\nregisterAnimation('scale-in-y', scaleInY);\nregisterAnimation('wave-in', waveIn);\nregisterAnimation('zoom-in', zoomIn);\nregisterAnimation('zoom-out', zoomOut);\nregisterAnimation('position-update', positionUpdate);\nregisterAnimation('sector-path-update', sectorPathUpdate);\nregisterAnimation('path-in', pathIn);\n// 注册内置的 Facet\nimport { registerFacet } from './core';\nimport Circle from './facet/circle';\nimport List from './facet/list';\nimport Matrix from './facet/matrix';\nimport Mirror from './facet/mirror';\nimport Rect from './facet/rect';\nimport Tree from './facet/tree';\nregisterFacet('rect', Rect);\nregisterFacet('mirror', Mirror);\nregisterFacet('list', List);\nregisterFacet('matrix', Matrix);\nregisterFacet('circle', Circle);\nregisterFacet('tree', Tree);\n// 注册内置的 Component\nimport { registerComponentController } from './core';\nimport Annotation from './chart/controller/annotation';\nimport Axis from './chart/controller/axis';\nimport Legend from './chart/controller/legend';\nimport Slider from './chart/controller/slider';\nimport Tooltip from './chart/controller/tooltip';\nimport Scrollbar from './chart/controller/scrollbar';\n// register build-in components\nregisterComponentController('axis', Axis);\nregisterComponentController('legend', Legend);\nregisterComponentController('tooltip', Tooltip);\nregisterComponentController('annotation', Annotation);\nregisterComponentController('slider', Slider);\nregisterComponentController('scrollbar', Scrollbar);\n// 注册 Interaction Action\nimport { registerAction } from './core';\nimport ActiveRegion from './interaction/action/active-region';\nimport SiblingTooltip from './interaction/action/component/tooltip/sibling';\nimport TooltipAction from './interaction/action/component/tooltip/geometry';\nimport EllipsisTextAction from './interaction/action/component/tooltip/ellipsis-text';\nimport ElementActive from './interaction/action/element/active';\nimport ElementLinkByColor from './interaction/action/element/link-by-color';\nimport ElementRangeActive from './interaction/action/element/range-active';\nimport ElementSingleActive from './interaction/action/element/single-active';\nimport ElementHighlight from './interaction/action/element/highlight';\nimport ElementHighlightByColor from './interaction/action/element/highlight-by-color';\nimport ElementHighlightByX from './interaction/action/element/highlight-by-x';\nimport ElementRangeHighlight, { ELEMENT_RANGE_HIGHLIGHT_EVENTS } from './interaction/action/element/range-highlight';\nimport ElementSingleHighlight from './interaction/action/element/single-highlight';\nimport ElementRangeSelected from './interaction/action/element/range-selected';\nimport ElementSelected from './interaction/action/element/selected';\nimport ElementSingleSelected from './interaction/action/element/single-selected';\nimport ListActive from './interaction/action/component/list-active';\nimport ListHighlight from './interaction/action/component/list-highlight';\nimport ListSelected from './interaction/action/component/list-selected';\nimport ListUnchecked from './interaction/action/component/list-unchecked';\nimport ListChecked from './interaction/action/component/list-checked';\nimport ListFocus from './interaction/action/component/list-focus';\nimport ListRadio from './interaction/action/component/list-radio';\nimport CircleMask from './interaction/action/mask/circle';\nimport DimMask from './interaction/action/mask/dim-rect';\nimport PathMask from './interaction/action/mask/path';\nimport RectMask from './interaction/action/mask/rect';\nimport SmoothPathMask from './interaction/action/mask/smooth-path';\nimport CursorAction from './interaction/action/cursor';\nimport DataFilter from './interaction/action/data/filter';\nimport DataRangeFilter, { BRUSH_FILTER_EVENTS } from './interaction/action/data/range-filter';\nimport SiblingFilter from './interaction/action/data/sibling-filter';\nimport ElementFilter from './interaction/action/element/filter';\nimport ElementSiblingFilter from './interaction/action/element/sibling-filter';\nimport ButtonAction from './interaction/action/view/button';\nimport ViewDrag from './interaction/action/view/drag';\nimport ViewMove from './interaction/action/view/move';\nimport ScaleTranslate from './interaction/action/view/scale-translate';\nimport ScaleZoom from './interaction/action/view/scale-zoom';\nimport MousewheelScroll from './interaction/action/view/mousewheel-scroll';\nimport AxisDescription from './interaction/action/component/axis/axis-description';\nregisterAction('tooltip', TooltipAction);\nregisterAction('sibling-tooltip', SiblingTooltip);\nregisterAction('ellipsis-text', EllipsisTextAction);\nregisterAction('element-active', ElementActive);\nregisterAction('element-single-active', ElementSingleActive);\nregisterAction('element-range-active', ElementRangeActive);\nregisterAction('element-highlight', ElementHighlight);\nregisterAction('element-highlight-by-x', ElementHighlightByX);\nregisterAction('element-highlight-by-color', ElementHighlightByColor);\nregisterAction('element-single-highlight', ElementSingleHighlight);\nregisterAction('element-range-highlight', ElementRangeHighlight);\nregisterAction('element-sibling-highlight', ElementRangeHighlight, {\n effectSiblings: true,\n effectByRecord: true,\n});\nregisterAction('element-selected', ElementSelected);\nregisterAction('element-single-selected', ElementSingleSelected);\nregisterAction('element-range-selected', ElementRangeSelected);\nregisterAction('element-link-by-color', ElementLinkByColor);\nregisterAction('active-region', ActiveRegion);\nregisterAction('list-active', ListActive);\nregisterAction('list-selected', ListSelected);\nregisterAction('list-highlight', ListHighlight);\nregisterAction('list-unchecked', ListUnchecked);\nregisterAction('list-checked', ListChecked);\nregisterAction('list-focus', ListFocus);\nregisterAction('list-radio', ListRadio);\nregisterAction('legend-item-highlight', ListHighlight, {\n componentNames: ['legend'],\n});\nregisterAction('axis-label-highlight', ListHighlight, {\n componentNames: ['axis'],\n});\nregisterAction('axis-description', AxisDescription);\nregisterAction('rect-mask', RectMask);\nregisterAction('x-rect-mask', DimMask, { dim: 'x' });\nregisterAction('y-rect-mask', DimMask, { dim: 'y' });\nregisterAction('circle-mask', CircleMask);\nregisterAction('path-mask', PathMask);\nregisterAction('smooth-path-mask', SmoothPathMask);\nregisterAction('cursor', CursorAction);\nregisterAction('data-filter', DataFilter);\nregisterAction('brush', DataRangeFilter);\nregisterAction('brush-x', DataRangeFilter, { dims: ['x'] });\nregisterAction('brush-y', DataRangeFilter, { dims: ['y'] });\nregisterAction('sibling-filter', SiblingFilter);\nregisterAction('sibling-x-filter', SiblingFilter);\nregisterAction('sibling-y-filter', SiblingFilter);\nregisterAction('element-filter', ElementFilter);\nregisterAction('element-sibling-filter', ElementSiblingFilter);\nregisterAction('element-sibling-filter-record', ElementSiblingFilter, { byRecord: true });\nregisterAction('view-drag', ViewDrag);\nregisterAction('view-move', ViewMove);\nregisterAction('scale-translate', ScaleTranslate);\nregisterAction('scale-zoom', ScaleZoom);\nregisterAction('reset-button', ButtonAction, {\n name: 'reset-button',\n text: 'reset',\n});\nregisterAction('mousewheel-scroll', MousewheelScroll);\n// 注册默认的 Interaction 交互行为\nimport { registerInteraction } from './core';\nfunction isPointInView(context) {\n return context.isInPlot();\n}\n// 注册 tooltip 的 interaction\nregisterInteraction('tooltip', {\n start: [\n { trigger: 'plot:mousemove', action: 'tooltip:show', throttle: { wait: 50, leading: true, trailing: false } },\n { trigger: 'plot:touchmove', action: 'tooltip:show', throttle: { wait: 50, leading: true, trailing: false } },\n ],\n end: [\n { trigger: 'plot:mouseleave', action: 'tooltip:hide' },\n { trigger: 'plot:leave', action: 'tooltip:hide' },\n { trigger: 'plot:touchend', action: 'tooltip:hide' },\n ],\n});\nregisterInteraction('ellipsis-text', {\n start: [\n {\n trigger: 'legend-item-name:mousemove',\n action: 'ellipsis-text:show',\n throttle: { wait: 50, leading: true, trailing: false },\n },\n {\n trigger: 'legend-item-name:touchstart',\n action: 'ellipsis-text:show',\n throttle: { wait: 50, leading: true, trailing: false },\n },\n {\n trigger: 'axis-label:mousemove',\n action: 'ellipsis-text:show',\n throttle: { wait: 50, leading: true, trailing: false },\n },\n {\n trigger: 'axis-label:touchstart',\n action: 'ellipsis-text:show',\n throttle: { wait: 50, leading: true, trailing: false },\n },\n ],\n end: [\n { trigger: 'legend-item-name:mouseleave', action: 'ellipsis-text:hide' },\n { trigger: 'legend-item-name:touchend', action: 'ellipsis-text:hide' },\n { trigger: 'axis-label:mouseleave', action: 'ellipsis-text:hide' },\n { trigger: 'axis-label:mouseout', action: 'ellipsis-text:hide' },\n { trigger: 'axis-label:touchend', action: 'ellipsis-text:hide' },\n ],\n});\n// 移动到 element 上 active\nregisterInteraction('element-active', {\n start: [{ trigger: 'element:mouseenter', action: 'element-active:active' }],\n end: [{ trigger: 'element:mouseleave', action: 'element-active:reset' }],\n});\n// 点击选中，允许取消\nregisterInteraction('element-selected', {\n start: [{ trigger: 'element:click', action: 'element-selected:toggle' }],\n});\n// hover highlight，允许取消\nregisterInteraction('element-highlight', {\n start: [{ trigger: 'element:mouseenter', action: 'element-highlight:highlight' }],\n end: [{ trigger: 'element:mouseleave', action: 'element-highlight:reset' }],\n});\n// hover highlight by x，允许取消\nregisterInteraction('element-highlight-by-x', {\n start: [{ trigger: 'element:mouseenter', action: 'element-highlight-by-x:highlight' }],\n end: [{ trigger: 'element:mouseleave', action: 'element-highlight-by-x:reset' }],\n});\n// hover highlight by y，允许取消\nregisterInteraction('element-highlight-by-color', {\n start: [{ trigger: 'element:mouseenter', action: 'element-highlight-by-color:highlight' }],\n end: [{ trigger: 'element:mouseleave', action: 'element-highlight-by-color:reset' }],\n});\n// legend hover，element active\nregisterInteraction('legend-active', {\n start: [{ trigger: 'legend-item:mouseenter', action: ['list-active:active', 'element-active:active'] }],\n end: [{ trigger: 'legend-item:mouseleave', action: ['list-active:reset', 'element-active:reset'] }],\n});\n// legend hover，element active\nregisterInteraction('legend-highlight', {\n start: [\n { trigger: 'legend-item:mouseenter', action: ['legend-item-highlight:highlight', 'element-highlight:highlight'] },\n ],\n end: [{ trigger: 'legend-item:mouseleave', action: ['legend-item-highlight:reset', 'element-highlight:reset'] }],\n});\n// legend hover，element active\nregisterInteraction('axis-label-highlight', {\n start: [\n { trigger: 'axis-label:mouseenter', action: ['axis-label-highlight:highlight', 'element-highlight:highlight'] },\n ],\n end: [{ trigger: 'axis-label:mouseleave', action: ['axis-label-highlight:reset', 'element-highlight:reset'] }],\n});\n// legend hover，element active\nregisterInteraction('element-list-highlight', {\n start: [{ trigger: 'element:mouseenter', action: ['list-highlight:highlight', 'element-highlight:highlight'] }],\n end: [{ trigger: 'element:mouseleave', action: ['list-highlight:reset', 'element-highlight:reset'] }],\n});\n// 框选\nregisterInteraction('element-range-highlight', {\n showEnable: [\n { trigger: 'plot:mouseenter', action: 'cursor:crosshair' },\n { trigger: 'mask:mouseenter', action: 'cursor:move' },\n { trigger: 'plot:mouseleave', action: 'cursor:default' },\n { trigger: 'mask:mouseleave', action: 'cursor:crosshair' },\n ],\n start: [\n {\n trigger: 'plot:mousedown',\n isEnable: function (context) {\n // 不要点击在 mask 上重新开始\n return !context.isInShape('mask');\n },\n action: ['rect-mask:start', 'rect-mask:show'],\n },\n {\n trigger: 'mask:dragstart',\n action: ['rect-mask:moveStart'],\n },\n ],\n processing: [\n {\n trigger: 'plot:mousemove',\n action: ['rect-mask:resize'],\n },\n {\n trigger: 'mask:drag',\n action: ['rect-mask:move'],\n },\n {\n trigger: 'mask:change',\n action: ['element-range-highlight:highlight'],\n },\n ],\n end: [\n { trigger: 'plot:mouseup', action: ['rect-mask:end'] },\n { trigger: 'mask:dragend', action: ['rect-mask:moveEnd'] },\n {\n trigger: 'document:mouseup',\n isEnable: function (context) {\n return !context.isInPlot();\n },\n action: ['element-range-highlight:clear', 'rect-mask:end', 'rect-mask:hide'],\n },\n ],\n rollback: [{ trigger: 'dblclick', action: ['element-range-highlight:clear', 'rect-mask:hide'] }],\n});\nregisterInteraction('brush', {\n showEnable: [\n { trigger: 'plot:mouseenter', action: 'cursor:crosshair' },\n { trigger: 'plot:mouseleave', action: 'cursor:default' },\n ],\n start: [\n {\n trigger: 'mousedown',\n isEnable: isPointInView,\n action: ['brush:start', 'rect-mask:start', 'rect-mask:show'],\n },\n ],\n processing: [\n {\n trigger: 'mousemove',\n isEnable: isPointInView,\n action: ['rect-mask:resize'],\n },\n ],\n end: [\n {\n trigger: 'mouseup',\n isEnable: isPointInView,\n action: ['brush:filter', 'brush:end', 'rect-mask:end', 'rect-mask:hide', 'reset-button:show'],\n },\n ],\n rollback: [{ trigger: 'reset-button:click', action: ['brush:reset', 'reset-button:hide', 'cursor:crosshair'] }],\n});\nregisterInteraction('brush-visible', {\n showEnable: [\n { trigger: 'plot:mouseenter', action: 'cursor:crosshair' },\n { trigger: 'plot:mouseleave', action: 'cursor:default' },\n ],\n start: [\n {\n trigger: 'plot:mousedown',\n action: ['rect-mask:start', 'rect-mask:show'],\n },\n ],\n processing: [\n {\n trigger: 'plot:mousemove',\n action: ['rect-mask:resize'],\n },\n { trigger: 'mask:change', action: ['element-range-highlight:highlight'] },\n ],\n end: [\n {\n trigger: 'plot:mouseup',\n action: ['rect-mask:end', 'rect-mask:hide', 'element-filter:filter', 'element-range-highlight:clear'],\n },\n ],\n rollback: [\n {\n trigger: 'dblclick',\n action: ['element-filter:clear'],\n },\n ],\n});\nregisterInteraction('brush-x', {\n showEnable: [\n { trigger: 'plot:mouseenter', action: 'cursor:crosshair' },\n { trigger: 'plot:mouseleave', action: 'cursor:default' },\n ],\n start: [\n {\n trigger: 'mousedown',\n isEnable: isPointInView,\n action: ['brush-x:start', 'x-rect-mask:start', 'x-rect-mask:show'],\n },\n ],\n processing: [\n {\n trigger: 'mousemove',\n isEnable: isPointInView,\n action: ['x-rect-mask:resize'],\n },\n ],\n end: [\n {\n trigger: 'mouseup',\n isEnable: isPointInView,\n action: ['brush-x:filter', 'brush-x:end', 'x-rect-mask:end', 'x-rect-mask:hide'],\n },\n ],\n rollback: [{ trigger: 'dblclick', action: ['brush-x:reset'] }],\n});\nregisterInteraction('element-path-highlight', {\n showEnable: [\n { trigger: 'plot:mouseenter', action: 'cursor:crosshair' },\n { trigger: 'plot:mouseleave', action: 'cursor:default' },\n ],\n start: [\n { trigger: 'mousedown', isEnable: isPointInView, action: 'path-mask:start' },\n { trigger: 'mousedown', isEnable: isPointInView, action: 'path-mask:show' },\n ],\n processing: [{ trigger: 'mousemove', action: 'path-mask:addPoint' }],\n end: [{ trigger: 'mouseup', action: 'path-mask:end' }],\n rollback: [{ trigger: 'dblclick', action: 'path-mask:hide' }],\n});\n// 点击选中，允许取消\nregisterInteraction('element-single-selected', {\n start: [{ trigger: 'element:click', action: 'element-single-selected:toggle' }],\n});\n// 筛选数据\nregisterInteraction('legend-filter', {\n showEnable: [\n { trigger: 'legend-item:mouseenter', action: ['cursor:pointer', 'list-radio:show'] },\n { trigger: 'legend-item:mouseleave', action: ['cursor:default', 'list-radio:hide'] },\n ],\n start: [\n {\n trigger: 'legend-item:click',\n isEnable: function (context) {\n return !context.isInShape('legend-item-radio');\n },\n action: ['legend-item-highlight:reset', 'element-highlight:reset', 'list-unchecked:toggle', 'data-filter:filter', 'list-radio:show'],\n },\n // 正反选数据: 只有当 radio === truthy 的时候才会有 legend-item-radio 这个元素\n {\n trigger: 'legend-item-radio:mouseenter',\n action: ['list-radio:showTip'],\n },\n {\n trigger: 'legend-item-radio:mouseleave',\n action: ['list-radio:hideTip'],\n },\n {\n trigger: 'legend-item-radio:click',\n action: ['list-focus:toggle', 'data-filter:filter', 'list-radio:show'],\n },\n ],\n});\n// 筛选数据\nregisterInteraction('continuous-filter', {\n start: [{ trigger: 'legend:valuechanged', action: 'data-filter:filter' }],\n});\n// 筛选数据\nregisterInteraction('continuous-visible-filter', {\n start: [{ trigger: 'legend:valuechanged', action: 'element-filter:filter' }],\n});\n// 筛选图形\nregisterInteraction('legend-visible-filter', {\n showEnable: [\n { trigger: 'legend-item:mouseenter', action: 'cursor:pointer' },\n { trigger: 'legend-item:mouseleave', action: 'cursor:default' },\n ],\n start: [{ trigger: 'legend-item:click', action: ['legend-item-highlight:reset', 'element-highlight:reset', 'list-unchecked:toggle', 'element-filter:filter'] }],\n});\n// 出现背景框\nregisterInteraction('active-region', {\n start: [{ trigger: 'plot:mousemove', action: 'active-region:show' }],\n end: [{ trigger: 'plot:mouseleave', action: 'active-region:hide' }],\n});\n// 显示坐标轴标题详情信息\nregisterInteraction('axis-description', {\n start: [{ trigger: 'axis-description:mousemove', action: 'axis-description:show' }],\n end: [{ trigger: 'axis-description:mouseleave', action: 'axis-description:hide' }]\n});\nfunction isWheelDown(event) {\n event.gEvent.preventDefault();\n return event.gEvent.originalEvent.deltaY > 0;\n}\nregisterInteraction('view-zoom', {\n start: [\n {\n trigger: 'plot:mousewheel',\n isEnable: function (context) {\n return isWheelDown(context.event);\n },\n action: 'scale-zoom:zoomOut',\n throttle: { wait: 100, leading: true, trailing: false },\n },\n {\n trigger: 'plot:mousewheel',\n isEnable: function (context) {\n return !isWheelDown(context.event);\n },\n action: 'scale-zoom:zoomIn',\n throttle: { wait: 100, leading: true, trailing: false },\n },\n ],\n});\nregisterInteraction('sibling-tooltip', {\n start: [{ trigger: 'plot:mousemove', action: 'sibling-tooltip:show' }],\n end: [{ trigger: 'plot:mouseleave', action: 'sibling-tooltip:hide' }],\n});\nregisterInteraction('plot-mousewheel-scroll', {\n start: [{ trigger: 'plot:mousewheel', action: 'mousewheel-scroll:scroll' }],\n});\n// 暴露一些常量\nexport { VIEW_LIFE_CIRCLE } from './constant';\n/** brush 范围筛选的一些事件常量 */\nexport { BRUSH_FILTER_EVENTS, ELEMENT_RANGE_HIGHLIGHT_EVENTS };\nexport * from './core';\n//# sourceMappingURL=index.js.map","import { __extends } from \"tslib\";\nimport * as _ from '@antv/util';\nimport { DODGE_RATIO, MARGIN_RATIO } from '../constant';\nimport Adjust from './adjust';\nvar Dodge = /** @class */ (function (_super) {\n __extends(Dodge, _super);\n function Dodge(cfg) {\n var _this = _super.call(this, cfg) || this;\n _this.cacheMap = {};\n _this.adjustDataArray = [];\n _this.mergeData = [];\n var _a = cfg.marginRatio, marginRatio = _a === void 0 ? MARGIN_RATIO : _a, _b = cfg.dodgeRatio, dodgeRatio = _b === void 0 ? DODGE_RATIO : _b, dodgeBy = cfg.dodgeBy, intervalPadding = cfg.intervalPadding, dodgePadding = cfg.dodgePadding, xDimensionLength = cfg.xDimensionLength, groupNum = cfg.groupNum, defaultSize = cfg.defaultSize, maxColumnWidth = cfg.maxColumnWidth, minColumnWidth = cfg.minColumnWidth, columnWidthRatio = cfg.columnWidthRatio, customOffset = cfg.customOffset;\n _this.marginRatio = marginRatio;\n _this.dodgeRatio = dodgeRatio;\n _this.dodgeBy = dodgeBy;\n _this.intervalPadding = intervalPadding;\n _this.dodgePadding = dodgePadding;\n _this.xDimensionLegenth = xDimensionLength;\n _this.groupNum = groupNum;\n _this.defaultSize = defaultSize;\n _this.maxColumnWidth = maxColumnWidth;\n _this.minColumnWidth = minColumnWidth;\n _this.columnWidthRatio = columnWidthRatio;\n _this.customOffset = customOffset;\n return _this;\n }\n Dodge.prototype.process = function (groupDataArray) {\n var groupedDataArray = _.clone(groupDataArray);\n // 将数据数组展开一层\n var mergeData = _.flatten(groupedDataArray);\n var dodgeBy = this.dodgeBy;\n // 如果指定了分组 dim 的字段\n var adjustDataArray = dodgeBy ? _.group(mergeData, dodgeBy) : groupedDataArray;\n this.cacheMap = {};\n this.adjustDataArray = adjustDataArray;\n this.mergeData = mergeData;\n this.adjustData(adjustDataArray, mergeData);\n this.adjustDataArray = [];\n this.mergeData = [];\n return groupedDataArray;\n };\n Dodge.prototype.adjustDim = function (dim, values, data, frameIndex) {\n var _this = this;\n var customOffset = this.customOffset;\n var map = this.getDistribution(dim);\n var groupData = this.groupData(data, dim); // 根据值分组\n _.each(groupData, function (group, key) {\n var range;\n // xField 中只有一个值，不需要做 dodge\n if (values.length === 1) {\n range = {\n pre: values[0] - 1,\n next: values[0] + 1,\n };\n }\n else {\n // 如果有多个，则需要获取调整的范围\n range = _this.getAdjustRange(dim, parseFloat(key), values);\n }\n _.each(group, function (d) {\n var value = d[dim];\n var valueArr = map[value];\n var valIndex = valueArr.indexOf(frameIndex);\n if (!_.isNil(customOffset)) {\n var pre = range.pre, next = range.next;\n d[dim] = _.isFunction(customOffset) ? customOffset(d, range) : (pre + next) / 2 + customOffset;\n }\n else {\n d[dim] = _this.getDodgeOffset(range, valIndex, valueArr.length);\n }\n });\n });\n return [];\n };\n Dodge.prototype.getDodgeOffset = function (range, idx, len) {\n var _a = this, dodgeRatio = _a.dodgeRatio, marginRatio = _a.marginRatio, intervalPadding = _a.intervalPadding, dodgePadding = _a.dodgePadding;\n var pre = range.pre, next = range.next;\n var tickLength = next - pre;\n var position;\n // 分多种输入情况\n if (!_.isNil(intervalPadding) && _.isNil(dodgePadding) && intervalPadding >= 0) {\n // 仅配置intervalPadding\n var offset = this.getIntervalOnlyOffset(len, idx);\n position = pre + offset;\n }\n else if (!_.isNil(dodgePadding) && _.isNil(intervalPadding) && dodgePadding >= 0) {\n // 仅配置dodgePadding\n var offset = this.getDodgeOnlyOffset(len, idx);\n position = pre + offset;\n }\n else if (!_.isNil(intervalPadding) &&\n !_.isNil(dodgePadding) &&\n intervalPadding >= 0 &&\n dodgePadding >= 0) {\n // 同时配置intervalPadding和dodgePadding\n var offset = this.getIntervalAndDodgeOffset(len, idx);\n position = pre + offset;\n }\n else {\n // 默认情况\n var width = (tickLength * dodgeRatio) / len;\n var margin = marginRatio * width;\n var offset = (1 / 2) * (tickLength - len * width - (len - 1) * margin) +\n ((idx + 1) * width + idx * margin) -\n (1 / 2) * width -\n (1 / 2) * tickLength;\n position = (pre + next) / 2 + offset;\n }\n return position;\n };\n Dodge.prototype.getIntervalOnlyOffset = function (len, idx) {\n var _a = this, defaultSize = _a.defaultSize, intervalPadding = _a.intervalPadding, xDimensionLegenth = _a.xDimensionLegenth, groupNum = _a.groupNum, dodgeRatio = _a.dodgeRatio, maxColumnWidth = _a.maxColumnWidth, minColumnWidth = _a.minColumnWidth, columnWidthRatio = _a.columnWidthRatio;\n var normalizedIntervalPadding = intervalPadding / xDimensionLegenth;\n var normalizedDodgePadding = (1 - (groupNum - 1) * normalizedIntervalPadding) / groupNum * dodgeRatio / (len - 1);\n var geomWidth = ((1 - normalizedIntervalPadding * (groupNum - 1)) / groupNum - normalizedDodgePadding * (len - 1)) / len;\n // 根据columnWidthRatio/defaultSize/maxColumnWidth/minColumnWidth调整宽度\n geomWidth = (!_.isNil(columnWidthRatio)) ? 1 / groupNum / len * columnWidthRatio : geomWidth;\n if (!_.isNil(maxColumnWidth)) {\n var normalizedMaxWidht = maxColumnWidth / xDimensionLegenth;\n geomWidth = Math.min(geomWidth, normalizedMaxWidht);\n }\n if (!_.isNil(minColumnWidth)) {\n var normalizedMinWidht = minColumnWidth / xDimensionLegenth;\n geomWidth = Math.max(geomWidth, normalizedMinWidht);\n }\n geomWidth = defaultSize ? (defaultSize / xDimensionLegenth) : geomWidth;\n // 调整组内间隔\n normalizedDodgePadding = ((1 - (groupNum - 1) * normalizedIntervalPadding) / groupNum - len * geomWidth) / (len - 1);\n var offset = ((1 / 2 + idx) * geomWidth + idx * normalizedDodgePadding +\n (1 / 2) * normalizedIntervalPadding) * groupNum -\n normalizedIntervalPadding / 2;\n return offset;\n };\n Dodge.prototype.getDodgeOnlyOffset = function (len, idx) {\n var _a = this, defaultSize = _a.defaultSize, dodgePadding = _a.dodgePadding, xDimensionLegenth = _a.xDimensionLegenth, groupNum = _a.groupNum, marginRatio = _a.marginRatio, maxColumnWidth = _a.maxColumnWidth, minColumnWidth = _a.minColumnWidth, columnWidthRatio = _a.columnWidthRatio;\n var normalizedDodgePadding = dodgePadding / xDimensionLegenth;\n var normalizedIntervalPadding = 1 * marginRatio / (groupNum - 1);\n var geomWidth = ((1 - normalizedIntervalPadding * (groupNum - 1)) / groupNum - normalizedDodgePadding * (len - 1)) / len;\n // 根据columnWidthRatio/defaultSize/maxColumnWidth/minColumnWidth调整宽度\n geomWidth = columnWidthRatio ? 1 / groupNum / len * columnWidthRatio : geomWidth;\n if (!_.isNil(maxColumnWidth)) {\n var normalizedMaxWidht = maxColumnWidth / xDimensionLegenth;\n geomWidth = Math.min(geomWidth, normalizedMaxWidht);\n }\n if (!_.isNil(minColumnWidth)) {\n var normalizedMinWidht = minColumnWidth / xDimensionLegenth;\n geomWidth = Math.max(geomWidth, normalizedMinWidht);\n }\n geomWidth = defaultSize ? (defaultSize / xDimensionLegenth) : geomWidth;\n // 调整组间距\n normalizedIntervalPadding = (1 - (geomWidth * len + normalizedDodgePadding * (len - 1)) * groupNum) / (groupNum - 1);\n var offset = ((1 / 2 + idx) * geomWidth + idx * normalizedDodgePadding +\n (1 / 2) * normalizedIntervalPadding) * groupNum -\n normalizedIntervalPadding / 2;\n return offset;\n };\n Dodge.prototype.getIntervalAndDodgeOffset = function (len, idx) {\n var _a = this, intervalPadding = _a.intervalPadding, dodgePadding = _a.dodgePadding, xDimensionLegenth = _a.xDimensionLegenth, groupNum = _a.groupNum;\n var normalizedIntervalPadding = intervalPadding / xDimensionLegenth;\n var normalizedDodgePadding = dodgePadding / xDimensionLegenth;\n var geomWidth = ((1 - normalizedIntervalPadding * (groupNum - 1)) / groupNum - normalizedDodgePadding * (len - 1)) / len;\n var offset = ((1 / 2 + idx) * geomWidth + idx * normalizedDodgePadding +\n (1 / 2) * normalizedIntervalPadding) * groupNum -\n normalizedIntervalPadding / 2;\n return offset;\n };\n Dodge.prototype.getDistribution = function (dim) {\n var groupedDataArray = this.adjustDataArray;\n var cacheMap = this.cacheMap;\n var map = cacheMap[dim];\n if (!map) {\n map = {};\n _.each(groupedDataArray, function (data, index) {\n var values = _.valuesOfKey(data, dim);\n if (!values.length) {\n values.push(0);\n }\n _.each(values, function (val) {\n if (!map[val]) {\n map[val] = [];\n }\n map[val].push(index);\n });\n });\n cacheMap[dim] = map;\n }\n return map;\n };\n return Dodge;\n}(Adjust));\nexport default Dodge;\n//# sourceMappingURL=dodge.js.map","import { each, mix } from '@antv/util';\n// 获取多个状态量的合并值\nexport function getStatesStyle(item, elementName, stateStyles) {\n var styleName = elementName + \"Style\"; // activeStyle\n var styles = null;\n each(stateStyles, function (v, state) {\n if (item[state] && v[styleName]) {\n if (!styles) {\n styles = {};\n }\n mix(styles, v[styleName]); // 合并样式\n }\n });\n return styles;\n}\n//# sourceMappingURL=state.js.map","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import * as glMatrix from \"./common.js\";\n/**\n * 3 Dimensional Vector\n * @module vec3\n */\n\n/**\n * Creates a new, empty vec3\n *\n * @returns {vec3} a new 3D vector\n */\n\nexport function create() {\n var out = new glMatrix.ARRAY_TYPE(3);\n\n if (glMatrix.ARRAY_TYPE != Float32Array) {\n out[0] = 0;\n out[1] = 0;\n out[2] = 0;\n }\n\n return out;\n}\n/**\n * Creates a new vec3 initialized with values from an existing vector\n *\n * @param {ReadonlyVec3} a vector to clone\n * @returns {vec3} a new 3D vector\n */\n\nexport function clone(a) {\n var out = new glMatrix.ARRAY_TYPE(3);\n out[0] = a[0];\n out[1] = a[1];\n out[2] = a[2];\n return out;\n}\n/**\n * Calculates the length of a vec3\n *\n * @param {ReadonlyVec3} a vector to calculate length of\n * @returns {Number} length of a\n */\n\nexport function length(a) {\n var x = a[0];\n var y = a[1];\n var z = a[2];\n return Math.hypot(x, y, z);\n}\n/**\n * Creates a new vec3 initialized with the given values\n *\n * @param {Number} x X component\n * @param {Number} y Y component\n * @param {Number} z Z component\n * @returns {vec3} a new 3D vector\n */\n\nexport function fromValues(x, y, z) {\n var out = new glMatrix.ARRAY_TYPE(3);\n out[0] = x;\n out[1] = y;\n out[2] = z;\n return out;\n}\n/**\n * Copy the values from one vec3 to another\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the source vector\n * @returns {vec3} out\n */\n\nexport function copy(out, a) {\n out[0] = a[0];\n out[1] = a[1];\n out[2] = a[2];\n return out;\n}\n/**\n * Set the components of a vec3 to the given values\n *\n * @param {vec3} out the receiving vector\n * @param {Number} x X component\n * @param {Number} y Y component\n * @param {Number} z Z component\n * @returns {vec3} out\n */\n\nexport function set(out, x, y, z) {\n out[0] = x;\n out[1] = y;\n out[2] = z;\n return out;\n}\n/**\n * Adds two vec3's\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {vec3} out\n */\n\nexport function add(out, a, b) {\n out[0] = a[0] + b[0];\n out[1] = a[1] + b[1];\n out[2] = a[2] + b[2];\n return out;\n}\n/**\n * Subtracts vector b from vector a\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {vec3} out\n */\n\nexport function subtract(out, a, b) {\n out[0] = a[0] - b[0];\n out[1] = a[1] - b[1];\n out[2] = a[2] - b[2];\n return out;\n}\n/**\n * Multiplies two vec3's\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {vec3} out\n */\n\nexport function multiply(out, a, b) {\n out[0] = a[0] * b[0];\n out[1] = a[1] * b[1];\n out[2] = a[2] * b[2];\n return out;\n}\n/**\n * Divides two vec3's\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {vec3} out\n */\n\nexport function divide(out, a, b) {\n out[0] = a[0] / b[0];\n out[1] = a[1] / b[1];\n out[2] = a[2] / b[2];\n return out;\n}\n/**\n * Math.ceil the components of a vec3\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a vector to ceil\n * @returns {vec3} out\n */\n\nexport function ceil(out, a) {\n out[0] = Math.ceil(a[0]);\n out[1] = Math.ceil(a[1]);\n out[2] = Math.ceil(a[2]);\n return out;\n}\n/**\n * Math.floor the components of a vec3\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a vector to floor\n * @returns {vec3} out\n */\n\nexport function floor(out, a) {\n out[0] = Math.floor(a[0]);\n out[1] = Math.floor(a[1]);\n out[2] = Math.floor(a[2]);\n return out;\n}\n/**\n * Returns the minimum of two vec3's\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {vec3} out\n */\n\nexport function min(out, a, b) {\n out[0] = Math.min(a[0], b[0]);\n out[1] = Math.min(a[1], b[1]);\n out[2] = Math.min(a[2], b[2]);\n return out;\n}\n/**\n * Returns the maximum of two vec3's\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {vec3} out\n */\n\nexport function max(out, a, b) {\n out[0] = Math.max(a[0], b[0]);\n out[1] = Math.max(a[1], b[1]);\n out[2] = Math.max(a[2], b[2]);\n return out;\n}\n/**\n * Math.round the components of a vec3\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a vector to round\n * @returns {vec3} out\n */\n\nexport function round(out, a) {\n out[0] = Math.round(a[0]);\n out[1] = Math.round(a[1]);\n out[2] = Math.round(a[2]);\n return out;\n}\n/**\n * Scales a vec3 by a scalar number\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the vector to scale\n * @param {Number} b amount to scale the vector by\n * @returns {vec3} out\n */\n\nexport function scale(out, a, b) {\n out[0] = a[0] * b;\n out[1] = a[1] * b;\n out[2] = a[2] * b;\n return out;\n}\n/**\n * Adds two vec3's after scaling the second operand by a scalar value\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @param {Number} scale the amount to scale b by before adding\n * @returns {vec3} out\n */\n\nexport function scaleAndAdd(out, a, b, scale) {\n out[0] = a[0] + b[0] * scale;\n out[1] = a[1] + b[1] * scale;\n out[2] = a[2] + b[2] * scale;\n return out;\n}\n/**\n * Calculates the euclidian distance between two vec3's\n *\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {Number} distance between a and b\n */\n\nexport function distance(a, b) {\n var x = b[0] - a[0];\n var y = b[1] - a[1];\n var z = b[2] - a[2];\n return Math.hypot(x, y, z);\n}\n/**\n * Calculates the squared euclidian distance between two vec3's\n *\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {Number} squared distance between a and b\n */\n\nexport function squaredDistance(a, b) {\n var x = b[0] - a[0];\n var y = b[1] - a[1];\n var z = b[2] - a[2];\n return x * x + y * y + z * z;\n}\n/**\n * Calculates the squared length of a vec3\n *\n * @param {ReadonlyVec3} a vector to calculate squared length of\n * @returns {Number} squared length of a\n */\n\nexport function squaredLength(a) {\n var x = a[0];\n var y = a[1];\n var z = a[2];\n return x * x + y * y + z * z;\n}\n/**\n * Negates the components of a vec3\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a vector to negate\n * @returns {vec3} out\n */\n\nexport function negate(out, a) {\n out[0] = -a[0];\n out[1] = -a[1];\n out[2] = -a[2];\n return out;\n}\n/**\n * Returns the inverse of the components of a vec3\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a vector to invert\n * @returns {vec3} out\n */\n\nexport function inverse(out, a) {\n out[0] = 1.0 / a[0];\n out[1] = 1.0 / a[1];\n out[2] = 1.0 / a[2];\n return out;\n}\n/**\n * Normalize a vec3\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a vector to normalize\n * @returns {vec3} out\n */\n\nexport function normalize(out, a) {\n var x = a[0];\n var y = a[1];\n var z = a[2];\n var len = x * x + y * y + z * z;\n\n if (len > 0) {\n //TODO: evaluate use of glm_invsqrt here?\n len = 1 / Math.sqrt(len);\n }\n\n out[0] = a[0] * len;\n out[1] = a[1] * len;\n out[2] = a[2] * len;\n return out;\n}\n/**\n * Calculates the dot product of two vec3's\n *\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {Number} dot product of a and b\n */\n\nexport function dot(a, b) {\n return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];\n}\n/**\n * Computes the cross product of two vec3's\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @returns {vec3} out\n */\n\nexport function cross(out, a, b) {\n var ax = a[0],\n ay = a[1],\n az = a[2];\n var bx = b[0],\n by = b[1],\n bz = b[2];\n out[0] = ay * bz - az * by;\n out[1] = az * bx - ax * bz;\n out[2] = ax * by - ay * bx;\n return out;\n}\n/**\n * Performs a linear interpolation between two vec3's\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @param {Number} t interpolation amount, in the range [0-1], between the two inputs\n * @returns {vec3} out\n */\n\nexport function lerp(out, a, b, t) {\n var ax = a[0];\n var ay = a[1];\n var az = a[2];\n out[0] = ax + t * (b[0] - ax);\n out[1] = ay + t * (b[1] - ay);\n out[2] = az + t * (b[2] - az);\n return out;\n}\n/**\n * Performs a hermite interpolation with two control points\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @param {ReadonlyVec3} c the third operand\n * @param {ReadonlyVec3} d the fourth operand\n * @param {Number} t interpolation amount, in the range [0-1], between the two inputs\n * @returns {vec3} out\n */\n\nexport function hermite(out, a, b, c, d, t) {\n var factorTimes2 = t * t;\n var factor1 = factorTimes2 * (2 * t - 3) + 1;\n var factor2 = factorTimes2 * (t - 2) + t;\n var factor3 = factorTimes2 * (t - 1);\n var factor4 = factorTimes2 * (3 - 2 * t);\n out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;\n out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;\n out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;\n return out;\n}\n/**\n * Performs a bezier interpolation with two control points\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the first operand\n * @param {ReadonlyVec3} b the second operand\n * @param {ReadonlyVec3} c the third operand\n * @param {ReadonlyVec3} d the fourth operand\n * @param {Number} t interpolation amount, in the range [0-1], between the two inputs\n * @returns {vec3} out\n */\n\nexport function bezier(out, a, b, c, d, t) {\n var inverseFactor = 1 - t;\n var inverseFactorTimesTwo = inverseFactor * inverseFactor;\n var factorTimes2 = t * t;\n var factor1 = inverseFactorTimesTwo * inverseFactor;\n var factor2 = 3 * t * inverseFactorTimesTwo;\n var factor3 = 3 * factorTimes2 * inverseFactor;\n var factor4 = factorTimes2 * t;\n out[0] = a[0] * factor1 + b[0] * factor2 + c[0] * factor3 + d[0] * factor4;\n out[1] = a[1] * factor1 + b[1] * factor2 + c[1] * factor3 + d[1] * factor4;\n out[2] = a[2] * factor1 + b[2] * factor2 + c[2] * factor3 + d[2] * factor4;\n return out;\n}\n/**\n * Generates a random vector with the given scale\n *\n * @param {vec3} out the receiving vector\n * @param {Number} [scale] Length of the resulting vector. If ommitted, a unit vector will be returned\n * @returns {vec3} out\n */\n\nexport function random(out, scale) {\n scale = scale || 1.0;\n var r = glMatrix.RANDOM() * 2.0 * Math.PI;\n var z = glMatrix.RANDOM() * 2.0 - 1.0;\n var zScale = Math.sqrt(1.0 - z * z) * scale;\n out[0] = Math.cos(r) * zScale;\n out[1] = Math.sin(r) * zScale;\n out[2] = z * scale;\n return out;\n}\n/**\n * Transforms the vec3 with a mat4.\n * 4th vector component is implicitly '1'\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the vector to transform\n * @param {ReadonlyMat4} m matrix to transform with\n * @returns {vec3} out\n */\n\nexport function transformMat4(out, a, m) {\n var x = a[0],\n y = a[1],\n z = a[2];\n var w = m[3] * x + m[7] * y + m[11] * z + m[15];\n w = w || 1.0;\n out[0] = (m[0] * x + m[4] * y + m[8] * z + m[12]) / w;\n out[1] = (m[1] * x + m[5] * y + m[9] * z + m[13]) / w;\n out[2] = (m[2] * x + m[6] * y + m[10] * z + m[14]) / w;\n return out;\n}\n/**\n * Transforms the vec3 with a mat3.\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the vector to transform\n * @param {ReadonlyMat3} m the 3x3 matrix to transform with\n * @returns {vec3} out\n */\n\nexport function transformMat3(out, a, m) {\n var x = a[0],\n y = a[1],\n z = a[2];\n out[0] = x * m[0] + y * m[3] + z * m[6];\n out[1] = x * m[1] + y * m[4] + z * m[7];\n out[2] = x * m[2] + y * m[5] + z * m[8];\n return out;\n}\n/**\n * Transforms the vec3 with a quat\n * Can also be used for dual quaternions. (Multiply it with the real part)\n *\n * @param {vec3} out the receiving vector\n * @param {ReadonlyVec3} a the vector to transform\n * @param {ReadonlyQuat} q quaternion to transform with\n * @returns {vec3} out\n */\n\nexport function transformQuat(out, a, q) {\n // benchmarks: https://jsperf.com/quaternion-transform-vec3-implementations-fixed\n var qx = q[0],\n qy = q[1],\n qz = q[2],\n qw = q[3];\n var x = a[0],\n y = a[1],\n z = a[2]; // var qvec = [qx, qy, qz];\n // var uv = vec3.cross([], qvec, a);\n\n var uvx = qy * z - qz * y,\n uvy = qz * x - qx * z,\n uvz = qx * y - qy * x; // var uuv = vec3.cross([], qvec, uv);\n\n var uuvx = qy * uvz - qz * uvy,\n uuvy = qz * uvx - qx * uvz,\n uuvz = qx * uvy - qy * uvx; // vec3.scale(uv, uv, 2 * w);\n\n var w2 = qw * 2;\n uvx *= w2;\n uvy *= w2;\n uvz *= w2; // vec3.scale(uuv, uuv, 2);\n\n uuvx *= 2;\n uuvy *= 2;\n uuvz *= 2; // return vec3.add(out, a, vec3.add(out, uv, uuv));\n\n out[0] = x + uvx + uuvx;\n out[1] = y + uvy + uuvy;\n out[2] = z + uvz + uuvz;\n return out;\n}\n/**\n * Rotate a 3D vector around the x-axis\n * @param {vec3} out The receiving vec3\n * @param {ReadonlyVec3} a The vec3 point to rotate\n * @param {ReadonlyVec3} b The origin of the rotation\n * @param {Number} rad The angle of rotation in radians\n * @returns {vec3} out\n */\n\nexport function rotateX(out, a, b, rad) {\n var p = [],\n r = []; //Translate point to the origin\n\n p[0] = a[0] - b[0];\n p[1] = a[1] - b[1];\n p[2] = a[2] - b[2]; //perform rotation\n\n r[0] = p[0];\n r[1] = p[1] * Math.cos(rad) - p[2] * Math.sin(rad);\n r[2] = p[1] * Math.sin(rad) + p[2] * Math.cos(rad); //translate to correct position\n\n out[0] = r[0] + b[0];\n out[1] = r[1] + b[1];\n out[2] = r[2] + b[2];\n return out;\n}\n/**\n * Rotate a 3D vector around the y-axis\n * @param {vec3} out The receiving vec3\n * @param {ReadonlyVec3} a The vec3 point to rotate\n * @param {ReadonlyVec3} b The origin of the rotation\n * @param {Number} rad The angle of rotation in radians\n * @returns {vec3} out\n */\n\nexport function rotateY(out, a, b, rad) {\n var p = [],\n r = []; //Translate point to the origin\n\n p[0] = a[0] - b[0];\n p[1] = a[1] - b[1];\n p[2] = a[2] - b[2]; //perform rotation\n\n r[0] = p[2] * Math.sin(rad) + p[0] * Math.cos(rad);\n r[1] = p[1];\n r[2] = p[2] * Math.cos(rad) - p[0] * Math.sin(rad); //translate to correct position\n\n out[0] = r[0] + b[0];\n out[1] = r[1] + b[1];\n out[2] = r[2] + b[2];\n return out;\n}\n/**\n * Rotate a 3D vector around the z-axis\n * @param {vec3} out The receiving vec3\n * @param {ReadonlyVec3} a The vec3 point to rotate\n * @param {ReadonlyVec3} b The origin of the rotation\n * @param {Number} rad The angle of rotation in radians\n * @returns {vec3} out\n */\n\nexport function rotateZ(out, a, b, rad) {\n var p = [],\n r = []; //Translate point to the origin\n\n p[0] = a[0] - b[0];\n p[1] = a[1] - b[1];\n p[2] = a[2] - b[2]; //perform rotation\n\n r[0] = p[0] * Math.cos(rad) - p[1] * Math.sin(rad);\n r[1] = p[0] * Math.sin(rad) + p[1] * Math.cos(rad);\n r[2] = p[2]; //translate to correct position\n\n out[0] = r[0] + b[0];\n out[1] = r[1] + b[1];\n out[2] = r[2] + b[2];\n return out;\n}\n/**\n * Get the angle between two 3D vectors\n * @param {ReadonlyVec3} a The first operand\n * @param {ReadonlyVec3} b The second operand\n * @returns {Number} The angle in radians\n */\n\nexport function angle(a, b) {\n var ax = a[0],\n ay = a[1],\n az = a[2],\n bx = b[0],\n by = b[1],\n bz = b[2],\n mag1 = Math.sqrt(ax * ax + ay * ay + az * az),\n mag2 = Math.sqrt(bx * bx + by * by + bz * bz),\n mag = mag1 * mag2,\n cosine = mag && dot(a, b) / mag;\n return Math.acos(Math.min(Math.max(cosine, -1), 1));\n}\n/**\n * Set the components of a vec3 to zero\n *\n * @param {vec3} out the receiving vector\n * @returns {vec3} out\n */\n\nexport function zero(out) {\n out[0] = 0.0;\n out[1] = 0.0;\n out[2] = 0.0;\n return out;\n}\n/**\n * Returns a string representation of a vector\n *\n * @param {ReadonlyVec3} a vector to represent as a string\n * @returns {String} string representation of the vector\n */\n\nexport function str(a) {\n return \"vec3(\" + a[0] + \", \" + a[1] + \", \" + a[2] + \")\";\n}\n/**\n * Returns whether or not the vectors have exactly the same elements in the same position (when compared with ===)\n *\n * @param {ReadonlyVec3} a The first vector.\n * @param {ReadonlyVec3} b The second vector.\n * @returns {Boolean} True if the vectors are equal, false otherwise.\n */\n\nexport function exactEquals(a, b) {\n return a[0] === b[0] && a[1] === b[1] && a[2] === b[2];\n}\n/**\n * Returns whether or not the vectors have approximately the same elements in the same position.\n *\n * @param {ReadonlyVec3} a The first vector.\n * @param {ReadonlyVec3} b The second vector.\n * @returns {Boolean} True if the vectors are equal, false otherwise.\n */\n\nexport function equals(a, b) {\n var a0 = a[0],\n a1 = a[1],\n a2 = a[2];\n var b0 = b[0],\n b1 = b[1],\n b2 = b[2];\n 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));\n}\n/**\n * Alias for {@link vec3.subtract}\n * @function\n */\n\nexport var sub = subtract;\n/**\n * Alias for {@link vec3.multiply}\n * @function\n */\n\nexport var mul = multiply;\n/**\n * Alias for {@link vec3.divide}\n * @function\n */\n\nexport var div = divide;\n/**\n * Alias for {@link vec3.distance}\n * @function\n */\n\nexport var dist = distance;\n/**\n * Alias for {@link vec3.squaredDistance}\n * @function\n */\n\nexport var sqrDist = squaredDistance;\n/**\n * Alias for {@link vec3.length}\n * @function\n */\n\nexport var len = length;\n/**\n * Alias for {@link vec3.squaredLength}\n * @function\n */\n\nexport var sqrLen = squaredLength;\n/**\n * Perform some operation over an array of vec3s.\n *\n * @param {Array} a the array of vectors to iterate over\n * @param {Number} stride Number of elements between the start of each vec3. If 0 assumes tightly packed\n * @param {Number} offset Number of elements to skip at the beginning of the array\n * @param {Number} count Number of vec3s to iterate over. If 0 iterates over entire array\n * @param {Function} fn Function to call for each vector in the array\n * @param {Object} [arg] additional argument to pass to fn\n * @returns {Array} a\n * @function\n */\n\nexport var forEach = function () {\n var vec = create();\n return function (a, stride, offset, count, fn, arg) {\n var i, l;\n\n if (!stride) {\n stride = 3;\n }\n\n if (!offset) {\n offset = 0;\n }\n\n if (count) {\n l = Math.min(count * stride + offset, a.length);\n } else {\n l = a.length;\n }\n\n for (i = offset; i < l; i += stride) {\n vec[0] = a[i];\n vec[1] = a[i + 1];\n vec[2] = a[i + 2];\n fn(vec, vec, arg);\n a[i] = vec[0];\n a[i + 1] = vec[1];\n a[i + 2] = vec[2];\n }\n\n return a;\n };\n}();","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.github.io/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n defineProperty(FunctionPrototype, NAME, {\n configurable: true,\n get: function () {\n try {\n return FunctionPrototypeToString.call(this).match(nameRE)[1];\n } catch (error) {\n return '';\n }\n }\n });\n}\n","import { __assign } from \"tslib\";\nimport { get } from '@antv/util';\nimport { ellipsisLabel } from './label';\nimport { applyRotate, applyTranslate } from './matrix';\nimport { formatPadding } from './util';\nexport function renderTag(container, tagCfg) {\n var x = tagCfg.x, y = tagCfg.y, content = tagCfg.content, style = tagCfg.style, id = tagCfg.id, name = tagCfg.name, rotate = tagCfg.rotate, maxLength = tagCfg.maxLength, autoEllipsis = tagCfg.autoEllipsis, isVertical = tagCfg.isVertical, ellipsisPosition = tagCfg.ellipsisPosition, background = tagCfg.background;\n var tagGroup = container.addGroup({\n id: id + \"-group\",\n name: name + \"-group\",\n attrs: {\n x: x,\n y: y,\n }\n });\n // Text shape\n var text = tagGroup.addShape({\n type: 'text',\n id: id,\n name: name,\n attrs: __assign({ x: 0, y: 0, text: content }, style),\n });\n // maxLength 应包含 background 中的 padding 值\n var padding = formatPadding(get(background, 'padding', 0));\n if (maxLength && autoEllipsis) {\n var maxTextLength = maxLength - (padding[1] + padding[3]);\n // 超出自动省略\n ellipsisLabel(!isVertical, text, maxTextLength, ellipsisPosition);\n }\n if (background) {\n // 渲染文本背景\n var backgroundStyle = get(background, 'style', {});\n var _a = text.getCanvasBBox(), minX = _a.minX, minY = _a.minY, width = _a.width, height = _a.height;\n var tagBg = tagGroup.addShape('rect', {\n id: id + \"-bg\",\n name: id + \"-bg\",\n attrs: __assign({ x: minX - padding[3], y: minY - padding[0], width: width + padding[1] + padding[3], height: height + padding[0] + padding[2] }, backgroundStyle),\n });\n tagBg.toBack();\n }\n applyTranslate(tagGroup, x, y);\n applyRotate(tagGroup, rotate, x, y);\n}\n//# sourceMappingURL=graphic.js.map","import { __assign, __extends } from \"tslib\";\nimport { isNumber, isString } from '@antv/util';\nimport GroupComponent from '../abstract/group-component';\nimport { renderTag } from '../util/graphic';\nimport Theme from '../util/theme';\nimport { getValueByPercent } from '../util/util';\nvar LineAnnotation = /** @class */ (function (_super) {\n __extends(LineAnnotation, _super);\n function LineAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @protected\n * 默认的配置项\n * @returns {object} 默认的配置项\n */\n LineAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'line', locationType: 'region', start: null, end: null, style: {}, text: null, defaultCfg: {\n style: {\n fill: Theme.textColor,\n fontSize: 12,\n textAlign: 'center',\n textBaseline: 'bottom',\n fontFamily: Theme.fontFamily,\n },\n text: {\n position: 'center',\n autoRotate: true,\n content: null,\n offsetX: 0,\n offsetY: 0,\n style: {\n stroke: Theme.lineColor,\n lineWidth: 1,\n },\n },\n } });\n };\n LineAnnotation.prototype.renderInner = function (group) {\n this.renderLine(group);\n if (this.get('text')) {\n this.renderLabel(group);\n }\n };\n // 绘制线\n LineAnnotation.prototype.renderLine = function (group) {\n var start = this.get('start');\n var end = this.get('end');\n var style = this.get('style');\n this.addShape(group, {\n type: 'line',\n id: this.getElementId('line'),\n name: 'annotation-line',\n attrs: __assign({ x1: start.x, y1: start.y, x2: end.x, y2: end.y }, style),\n });\n };\n // 获取 label 的位置\n LineAnnotation.prototype.getLabelPoint = function (start, end, position) {\n var percent;\n if (position === 'start') {\n percent = 0;\n }\n else if (position === 'center') {\n percent = 0.5;\n }\n else if (isString(position) && position.indexOf('%') !== -1) {\n percent = parseInt(position, 10) / 100;\n }\n else if (isNumber(position)) {\n percent = position;\n }\n else {\n percent = 1;\n }\n if (percent > 1 || percent < 0) {\n percent = 1;\n }\n return {\n x: getValueByPercent(start.x, end.x, percent),\n y: getValueByPercent(start.y, end.y, percent),\n };\n };\n // 绘制 label\n LineAnnotation.prototype.renderLabel = function (group) {\n var text = this.get('text');\n var start = this.get('start');\n var end = this.get('end');\n var position = text.position, content = text.content, style = text.style, offsetX = text.offsetX, offsetY = text.offsetY, autoRotate = text.autoRotate, maxLength = text.maxLength, autoEllipsis = text.autoEllipsis, ellipsisPosition = text.ellipsisPosition, background = text.background, _a = text.isVertical, isVertical = _a === void 0 ? false : _a;\n var point = this.getLabelPoint(start, end, position);\n var x = point.x + offsetX;\n var y = point.y + offsetY;\n var cfg = {\n id: this.getElementId('line-text'),\n name: 'annotation-line-text',\n x: x,\n y: y,\n content: content,\n style: style,\n maxLength: maxLength,\n autoEllipsis: autoEllipsis,\n ellipsisPosition: ellipsisPosition,\n background: background,\n isVertical: isVertical,\n };\n // 如果自动旋转\n if (autoRotate) {\n var vector = [end.x - start.x, end.y - start.y];\n cfg.rotate = Math.atan2(vector[1], vector[0]);\n }\n renderTag(group, cfg);\n };\n return LineAnnotation;\n}(GroupComponent));\nexport default LineAnnotation;\n//# sourceMappingURL=line.js.map","import { __assign, __extends } from \"tslib\";\nimport GroupComponent from '../abstract/group-component';\nimport { renderTag } from '../util/graphic';\nimport { applyRotate, applyTranslate } from '../util/matrix';\nimport Theme from '../util/theme';\nvar TextAnnotation = /** @class */ (function (_super) {\n __extends(TextAnnotation, _super);\n function TextAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @protected\n * 默认的配置项\n * @returns {object} 默认的配置项\n */\n TextAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'text', locationType: 'point', x: 0, y: 0, content: '', rotate: null, style: {}, background: null, maxLength: null, autoEllipsis: true, isVertical: false, ellipsisPosition: 'tail', defaultCfg: {\n style: {\n fill: Theme.textColor,\n fontSize: 12,\n textAlign: 'center',\n textBaseline: 'middle',\n fontFamily: Theme.fontFamily,\n },\n } });\n };\n // 复写 setLocation 方法，不需要重新创建 text\n TextAnnotation.prototype.setLocation = function (location) {\n this.set('x', location.x);\n this.set('y', location.y);\n this.resetLocation();\n };\n TextAnnotation.prototype.renderInner = function (group) {\n var _a = this.getLocation(), x = _a.x, y = _a.y;\n var content = this.get('content');\n var style = this.get('style');\n var id = this.getElementId('text');\n var name = this.get('name') + \"-text\";\n var maxLength = this.get('maxLength');\n var autoEllipsis = this.get('autoEllipsis');\n var isVertical = this.get('isVertical');\n var ellipsisPosition = this.get('ellipsisPosition');\n var background = this.get('background');\n var rotate = this.get('rotate');\n var cfg = {\n id: id,\n name: name,\n x: x,\n y: y,\n content: content,\n style: style,\n maxLength: maxLength,\n autoEllipsis: autoEllipsis,\n isVertical: isVertical,\n ellipsisPosition: ellipsisPosition,\n background: background,\n rotate: rotate,\n };\n renderTag(group, cfg);\n };\n TextAnnotation.prototype.resetLocation = function () {\n var textGroup = this.getElementByLocalId('text-group');\n if (textGroup) {\n var _a = this.getLocation(), x = _a.x, y = _a.y;\n var rotate = this.get('rotate');\n applyTranslate(textGroup, x, y);\n applyRotate(textGroup, rotate, x, y);\n }\n };\n return TextAnnotation;\n}(GroupComponent));\nexport default TextAnnotation;\n//# sourceMappingURL=text.js.map","import { __assign, __extends } from \"tslib\";\nimport GroupComponent from '../abstract/group-component';\nimport { getCirclePoint } from '../util/util';\nvar ArcAnnotation = /** @class */ (function (_super) {\n __extends(ArcAnnotation, _super);\n function ArcAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @protected\n * 默认的配置项\n * @returns {object} 默认的配置项\n */\n ArcAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'arc', locationType: 'circle', center: null, radius: 100, startAngle: -Math.PI / 2, endAngle: (Math.PI * 3) / 2, style: {\n stroke: '#999',\n lineWidth: 1,\n } });\n };\n ArcAnnotation.prototype.renderInner = function (group) {\n this.renderArc(group);\n };\n ArcAnnotation.prototype.getArcPath = function () {\n var _a = this.getLocation(), center = _a.center, radius = _a.radius, startAngle = _a.startAngle, endAngle = _a.endAngle;\n var startPoint = getCirclePoint(center, radius, startAngle);\n var endPoint = getCirclePoint(center, radius, endAngle);\n var largeFlag = endAngle - startAngle > Math.PI ? 1 : 0;\n var path = [['M', startPoint.x, startPoint.y]];\n if (endAngle - startAngle === Math.PI * 2) {\n // 整个圆是分割成两个圆\n var middlePoint = getCirclePoint(center, radius, startAngle + Math.PI);\n path.push(['A', radius, radius, 0, largeFlag, 1, middlePoint.x, middlePoint.y]);\n path.push(['A', radius, radius, 0, largeFlag, 1, endPoint.x, endPoint.y]);\n }\n else {\n path.push(['A', radius, radius, 0, largeFlag, 1, endPoint.x, endPoint.y]);\n }\n return path;\n };\n // 绘制 arc\n ArcAnnotation.prototype.renderArc = function (group) {\n // 也可以 通过 get('center') 类似的方式逐个获取\n var path = this.getArcPath();\n var style = this.get('style');\n this.addShape(group, {\n type: 'path',\n id: this.getElementId('arc'),\n name: 'annotation-arc',\n attrs: __assign({ path: path }, style),\n });\n };\n return ArcAnnotation;\n}(GroupComponent));\nexport default ArcAnnotation;\n//# sourceMappingURL=arc.js.map","import { __assign, __extends } from \"tslib\";\nimport GroupComponent from '../abstract/group-component';\nimport Theme from '../util/theme';\nimport { regionToBBox } from '../util/util';\nvar RegionAnnotation = /** @class */ (function (_super) {\n __extends(RegionAnnotation, _super);\n function RegionAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @protected\n * 默认的配置项\n * @returns {object} 默认的配置项\n */\n RegionAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'region', locationType: 'region', start: null, end: null, style: {}, defaultCfg: {\n style: {\n lineWidth: 0,\n fill: Theme.regionColor,\n opacity: 0.4,\n },\n } });\n };\n RegionAnnotation.prototype.renderInner = function (group) {\n this.renderRegion(group);\n };\n RegionAnnotation.prototype.renderRegion = function (group) {\n var start = this.get('start');\n var end = this.get('end');\n var style = this.get('style');\n var bbox = regionToBBox({ start: start, end: end });\n this.addShape(group, {\n type: 'rect',\n id: this.getElementId('region'),\n name: 'annotation-region',\n attrs: __assign({ x: bbox.x, y: bbox.y, width: bbox.width, height: bbox.height }, style),\n });\n };\n return RegionAnnotation;\n}(GroupComponent));\nexport default RegionAnnotation;\n//# sourceMappingURL=region.js.map","import { __assign, __extends } from \"tslib\";\nimport GroupComponent from '../abstract/group-component';\nimport { regionToBBox } from '../util/util';\nvar ImageAnnotation = /** @class */ (function (_super) {\n __extends(ImageAnnotation, _super);\n function ImageAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * @protected\n * 默认的配置项\n * @returns {object} 默认的配置项\n */\n ImageAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'image', locationType: 'region', start: null, end: null, src: null, style: {} });\n };\n ImageAnnotation.prototype.renderInner = function (group) {\n this.renderImage(group);\n };\n ImageAnnotation.prototype.getImageAttrs = function () {\n var start = this.get('start');\n var end = this.get('end');\n var style = this.get('style');\n var bbox = regionToBBox({ start: start, end: end });\n var src = this.get('src');\n return __assign({ x: bbox.x, y: bbox.y, img: src, width: bbox.width, height: bbox.height }, style);\n };\n // 绘制图片\n ImageAnnotation.prototype.renderImage = function (group) {\n this.addShape(group, {\n type: 'image',\n id: this.getElementId('image'),\n name: 'annotation-image',\n attrs: this.getImageAttrs(),\n });\n };\n return ImageAnnotation;\n}(GroupComponent));\nexport default ImageAnnotation;\n//# sourceMappingURL=image.js.map","import { __assign, __extends, __rest } from \"tslib\";\nimport { get } from '@antv/util';\nimport GroupComponent from '../abstract/group-component';\nimport { renderTag } from '../util/graphic';\nimport { applyTranslate } from '../util/matrix';\nimport Theme from '../util/theme';\nvar DataMarkerAnnotation = /** @class */ (function (_super) {\n __extends(DataMarkerAnnotation, _super);\n function DataMarkerAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * 默认的配置项\n * @returns {object} 默认的配置项\n */\n DataMarkerAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'dataMarker', locationType: 'point', x: 0, y: 0, point: {}, line: {}, text: {}, direction: 'upward', autoAdjust: true, coordinateBBox: null, defaultCfg: {\n point: {\n display: true,\n style: {\n r: 3,\n fill: '#FFFFFF',\n stroke: '#1890FF',\n lineWidth: 2,\n },\n },\n line: {\n display: true,\n length: 20,\n style: {\n stroke: Theme.lineColor,\n lineWidth: 1,\n },\n },\n text: {\n content: '',\n display: true,\n style: {\n fill: Theme.textColor,\n opacity: 0.65,\n fontSize: 12,\n textAlign: 'start',\n fontFamily: Theme.fontFamily,\n },\n },\n } });\n };\n DataMarkerAnnotation.prototype.renderInner = function (group) {\n if (get(this.get('line'), 'display')) {\n this.renderLine(group);\n }\n if (get(this.get('text'), 'display')) {\n this.renderText(group);\n }\n if (get(this.get('point'), 'display')) {\n this.renderPoint(group);\n }\n if (this.get('autoAdjust')) {\n this.autoAdjust(group);\n }\n };\n DataMarkerAnnotation.prototype.applyOffset = function () {\n this.moveElementTo(this.get('group'), {\n x: this.get('x') + this.get('offsetX'),\n y: this.get('y') + this.get('offsetY'),\n });\n };\n DataMarkerAnnotation.prototype.renderPoint = function (group) {\n var point = this.getShapeAttrs().point;\n this.addShape(group, {\n type: 'circle',\n id: this.getElementId('point'),\n name: 'annotation-point',\n attrs: point,\n });\n };\n DataMarkerAnnotation.prototype.renderLine = function (group) {\n var line = this.getShapeAttrs().line;\n this.addShape(group, {\n type: 'path',\n id: this.getElementId('line'),\n name: 'annotation-line',\n attrs: line,\n });\n };\n DataMarkerAnnotation.prototype.renderText = function (group) {\n var textAttrs = this.getShapeAttrs().text;\n var x = textAttrs.x, y = textAttrs.y, text = textAttrs.text, style = __rest(textAttrs, [\"x\", \"y\", \"text\"]);\n var _a = this.get('text'), background = _a.background, maxLength = _a.maxLength, autoEllipsis = _a.autoEllipsis, isVertival = _a.isVertival, ellipsisPosition = _a.ellipsisPosition;\n var tagCfg = {\n x: x,\n y: y,\n id: this.getElementId('text'),\n name: 'annotation-text',\n content: text,\n style: style,\n background: background,\n maxLength: maxLength,\n autoEllipsis: autoEllipsis,\n isVertival: isVertival,\n ellipsisPosition: ellipsisPosition,\n };\n renderTag(group, tagCfg);\n };\n DataMarkerAnnotation.prototype.autoAdjust = function (group) {\n var direction = this.get('direction');\n var x = this.get('x');\n var y = this.get('y');\n var lineLength = get(this.get('line'), 'length', 0);\n var coordinateBBox = this.get('coordinateBBox');\n var _a = group.getBBox(), minX = _a.minX, maxX = _a.maxX, minY = _a.minY, maxY = _a.maxY;\n var textGroup = group.findById(this.getElementId('text-group'));\n var textShape = group.findById(this.getElementId('text'));\n var lineShape = group.findById(this.getElementId('line'));\n if (!coordinateBBox) {\n return;\n }\n if (textGroup) {\n if (x + minX <= coordinateBBox.minX) {\n // 左侧超出\n var overflow = coordinateBBox.minX - (x + minX);\n applyTranslate(textGroup, textGroup.attr('x') + overflow, textGroup.attr('y'));\n }\n if (x + maxX >= coordinateBBox.maxX) {\n // 右侧超出\n var overflow = x + maxX - coordinateBBox.maxX;\n applyTranslate(textGroup, textGroup.attr('x') - overflow, textGroup.attr('y'));\n }\n }\n if ((direction === 'upward' && y + minY <= coordinateBBox.minY) ||\n (direction !== 'upward' && y + maxY >= coordinateBBox.maxY)) {\n // 上方或者下方超出\n var textBaseline = void 0;\n var factor = void 0;\n if (direction === 'upward' && y + minY <= coordinateBBox.minY) {\n textBaseline = 'top';\n factor = 1;\n }\n else {\n textBaseline = 'bottom';\n factor = -1;\n }\n textShape.attr('textBaseline', textBaseline);\n if (lineShape) {\n lineShape.attr('path', [\n ['M', 0, 0],\n ['L', 0, lineLength * factor],\n ]);\n }\n applyTranslate(textGroup, textGroup.attr('x'), (lineLength + 2) * factor);\n }\n };\n DataMarkerAnnotation.prototype.getShapeAttrs = function () {\n var lineDisplay = get(this.get('line'), 'display');\n var pointStyle = get(this.get('point'), 'style', {});\n var lineStyle = get(this.get('line'), 'style', {});\n var textStyle = get(this.get('text'), 'style', {});\n var direction = this.get('direction');\n var lineLength = lineDisplay ? get(this.get('line'), 'length', 0) : 0;\n var factor = direction === 'upward' ? -1 : 1;\n return {\n point: __assign({ x: 0, y: 0 }, pointStyle),\n line: __assign({ path: [\n ['M', 0, 0],\n ['L', 0, lineLength * factor],\n ] }, lineStyle),\n text: __assign({ x: 0, y: (lineLength + 2) * factor, text: get(this.get('text'), 'content', ''), textBaseline: direction === 'upward' ? 'bottom' : 'top' }, textStyle),\n };\n };\n return DataMarkerAnnotation;\n}(GroupComponent));\nexport default DataMarkerAnnotation;\n//# sourceMappingURL=data-marker.js.map","import { __assign, __extends } from \"tslib\";\nimport { get } from '@antv/util';\nimport GroupComponent from '../abstract/group-component';\nimport Theme from '../util/theme';\nimport { pointsToBBox } from '../util/util';\nimport { renderTag } from '../util/graphic';\nvar DataRegionAnnotation = /** @class */ (function (_super) {\n __extends(DataRegionAnnotation, _super);\n function DataRegionAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * 默认的配置项\n * @returns {object} 默认的配置项\n */\n DataRegionAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'dataRegion', locationType: 'points', points: [], lineLength: 0, region: {}, text: {}, defaultCfg: {\n region: {\n style: {\n lineWidth: 0,\n fill: Theme.regionColor,\n opacity: 0.4,\n },\n },\n text: {\n content: '',\n style: {\n textAlign: 'center',\n textBaseline: 'bottom',\n fontSize: 12,\n fill: Theme.textColor,\n fontFamily: Theme.fontFamily,\n },\n },\n } });\n };\n DataRegionAnnotation.prototype.renderInner = function (group) {\n var regionStyle = get(this.get('region'), 'style', {});\n var textStyle = get(this.get('text'), 'style', {});\n var lineLength = this.get('lineLength') || 0;\n var points = this.get('points');\n if (!points.length) {\n return;\n }\n var bbox = pointsToBBox(points);\n // render region\n var path = [];\n path.push(['M', points[0].x, bbox.minY - lineLength]);\n points.forEach(function (point) {\n path.push(['L', point.x, point.y]);\n });\n path.push(['L', points[points.length - 1].x, points[points.length - 1].y - lineLength]);\n this.addShape(group, {\n type: 'path',\n id: this.getElementId('region'),\n name: 'annotation-region',\n attrs: __assign({ path: path }, regionStyle),\n });\n // render text\n var textCfg = __assign({ id: this.getElementId('text'), name: 'annotation-text', x: (bbox.minX + bbox.maxX) / 2, y: bbox.minY - lineLength }, this.get('text'));\n renderTag(group, textCfg);\n };\n return DataRegionAnnotation;\n}(GroupComponent));\nexport default DataRegionAnnotation;\n//# sourceMappingURL=data-region.js.map","import { __assign, __extends } from \"tslib\";\nimport { clone, each } from '@antv/util';\nimport GroupComponent from '../abstract/group-component';\nimport { regionToBBox } from '../util/util';\nvar RegionFilterAnnotation = /** @class */ (function (_super) {\n __extends(RegionFilterAnnotation, _super);\n function RegionFilterAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n /**\n * 默认的配置项\n * @returns {object} 默认的配置项\n */\n RegionFilterAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'regionFilter', locationType: 'region', start: null, end: null, color: null, shape: [] });\n };\n RegionFilterAnnotation.prototype.renderInner = function (group) {\n var _this = this;\n var start = this.get('start');\n var end = this.get('end');\n // 1. add region layer\n var layer = this.addGroup(group, {\n id: this.getElementId('region-filter'),\n capture: false,\n });\n // 2. clone shape & color it\n each(this.get('shapes'), function (shape, shapeIdx) {\n var type = shape.get('type');\n var attrs = clone(shape.attr());\n _this.adjustShapeAttrs(attrs);\n _this.addShape(layer, {\n id: _this.getElementId(\"shape-\" + type + \"-\" + shapeIdx),\n capture: false,\n type: type,\n attrs: attrs,\n });\n });\n // 3. clip\n var clipBBox = regionToBBox({ start: start, end: end });\n layer.setClip({\n type: 'rect',\n attrs: {\n x: clipBBox.minX,\n y: clipBBox.minY,\n width: clipBBox.width,\n height: clipBBox.height,\n },\n });\n };\n RegionFilterAnnotation.prototype.adjustShapeAttrs = function (attr) {\n var color = this.get('color');\n if (attr.fill) {\n attr.fill = attr.fillStyle = color;\n }\n attr.stroke = attr.strokeStyle = color;\n };\n return RegionFilterAnnotation;\n}(GroupComponent));\nexport default RegionFilterAnnotation;\n//# sourceMappingURL=region-filter.js.map","import { __assign, __extends } from \"tslib\";\nimport { isFunction, noop } from '@antv/util';\nimport GroupComponent from '../abstract/group-component';\nvar ShapeAnnotation = /** @class */ (function (_super) {\n __extends(ShapeAnnotation, _super);\n function ShapeAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ShapeAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'shape', draw: noop });\n };\n ShapeAnnotation.prototype.renderInner = function (group) {\n var render = this.get('render');\n if (isFunction(render)) {\n render(group);\n }\n };\n return ShapeAnnotation;\n}(GroupComponent));\nexport default ShapeAnnotation;\n//# sourceMappingURL=shape.js.map","import { __assign, __extends } from \"tslib\";\nimport { createDom, getOuterHeight, getOuterWidth, modifyCSS } from '@antv/dom-util';\nimport { isElement, isFunction, isNumber, isString } from '@antv/util';\nimport HtmlComponent from '../abstract/html-component';\nimport { clearDom } from '../util/util';\nvar HtmlAnnotation = /** @class */ (function (_super) {\n __extends(HtmlAnnotation, _super);\n function HtmlAnnotation() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n HtmlAnnotation.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'annotation', type: 'html', locationType: 'point', x: 0, y: 0, containerTpl: \"\", alignX: 'left', alignY: 'top', html: '', zIndex: 7 });\n };\n HtmlAnnotation.prototype.render = function () {\n var container = this.getContainer();\n var html = this.get('html');\n clearDom(container);\n var rst = isFunction(html) ? html(container) : html;\n if (isElement(rst)) {\n container.appendChild(rst);\n }\n else if (isString(rst) || isNumber(rst)) {\n var dom = createDom(\"\" + rst);\n if (dom) {\n container.appendChild(dom);\n }\n }\n this.resetPosition();\n };\n HtmlAnnotation.prototype.resetPosition = function () {\n var container = this.getContainer();\n var _a = this.getLocation(), x = _a.x, y = _a.y;\n var alignX = this.get('alignX');\n var alignY = this.get('alignY');\n var offsetX = this.get('offsetX');\n var offsetY = this.get('offsetY');\n var domWidth = getOuterWidth(container);\n var domHeight = getOuterHeight(container);\n var position = {\n x: x,\n y: y,\n };\n if (alignX === 'middle') {\n position.x -= Math.round(domWidth / 2);\n }\n else if (alignX === 'right') {\n position.x -= Math.round(domWidth);\n }\n if (alignY === 'middle') {\n position.y -= Math.round(domHeight / 2);\n }\n else if (alignY === 'bottom') {\n position.y -= Math.round(domHeight);\n }\n if (offsetX) {\n position.x += offsetX;\n }\n if (offsetY) {\n position.y += offsetY;\n }\n modifyCSS(container, {\n position: 'absolute',\n left: position.x + \"px\",\n top: position.y + \"px\",\n zIndex: this.get('zIndex'),\n });\n };\n return HtmlAnnotation;\n}(HtmlComponent));\nexport default HtmlAnnotation;\n//# sourceMappingURL=html.js.map","export var CONTAINER_CLASS = 'g2-tooltip';\nexport var TITLE_CLASS = 'g2-tooltip-title';\nexport var LIST_CLASS = 'g2-tooltip-list';\nexport var LIST_ITEM_CLASS = 'g2-tooltip-list-item';\nexport var MARKER_CLASS = 'g2-tooltip-marker';\nexport var VALUE_CLASS = 'g2-tooltip-value';\nexport var NAME_CLASS = 'g2-tooltip-name';\nexport var CROSSHAIR_X = 'g2-tooltip-crosshair-x';\nexport var CROSSHAIR_Y = 'g2-tooltip-crosshair-y';\n//# sourceMappingURL=css-const.js.map","import { __assign, __extends } from \"tslib\";\nimport { each, isString, mix, isFunction } from '@antv/util';\nimport GroupComponent from '../abstract/group-component';\nimport Theme from '../util/theme';\nvar GridBase = /** @class */ (function (_super) {\n __extends(GridBase, _super);\n function GridBase() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n GridBase.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'grid', line: {}, alternateColor: null, capture: false, items: [], closed: false, defaultCfg: {\n line: {\n type: 'line',\n style: {\n lineWidth: 1,\n stroke: Theme.lineColor,\n },\n },\n } });\n };\n /**\n * 获取栅格线的类型\n * @return {string} 栅格线类型\n */\n GridBase.prototype.getLineType = function () {\n var line = this.get('line') || this.get('defaultCfg').line;\n return line.type;\n };\n GridBase.prototype.renderInner = function (group) {\n this.drawGrid(group);\n };\n GridBase.prototype.getAlternatePath = function (prePoints, points) {\n var regionPath = this.getGridPath(prePoints);\n var reversePoints = points.slice(0).reverse();\n var nextPath = this.getGridPath(reversePoints, true);\n var closed = this.get('closed');\n if (closed) {\n regionPath = regionPath.concat(nextPath);\n }\n else {\n nextPath[0][0] = 'L'; // 更新第一个节点\n regionPath = regionPath.concat(nextPath);\n regionPath.push(['Z']);\n }\n return regionPath;\n };\n // 获取路径的配置项\n GridBase.prototype.getPathStyle = function () {\n return this.get('line').style;\n };\n // 绘制栅格\n GridBase.prototype.drawGrid = function (group) {\n var _this = this;\n var line = this.get('line');\n var items = this.get('items');\n var alternateColor = this.get('alternateColor');\n var preItem = null;\n each(items, function (item, index) {\n var id = item.id || index;\n // 绘制栅格线\n if (line) {\n var style = _this.getPathStyle();\n style = isFunction(style) ? style(item, index, items) : style;\n var lineId = _this.getElementId(\"line-\" + id);\n var gridPath = _this.getGridPath(item.points);\n _this.addShape(group, {\n type: 'path',\n name: 'grid-line',\n id: lineId,\n attrs: mix({\n path: gridPath,\n }, style),\n });\n }\n // 如果存在 alternateColor 则绘制矩形\n // 从第二个栅格线开始绘制\n if (alternateColor && index > 0) {\n var regionId = _this.getElementId(\"region-\" + id);\n var isEven = index % 2 === 0;\n if (isString(alternateColor)) {\n // 如果颜色是单值，则是仅绘制偶数时的区域\n if (isEven) {\n _this.drawAlternateRegion(regionId, group, preItem.points, item.points, alternateColor);\n }\n }\n else {\n var color = isEven ? alternateColor[1] : alternateColor[0];\n _this.drawAlternateRegion(regionId, group, preItem.points, item.points, color);\n }\n }\n preItem = item;\n });\n };\n // 绘制栅格线间的间隔\n GridBase.prototype.drawAlternateRegion = function (id, group, prePoints, points, color) {\n var regionPath = this.getAlternatePath(prePoints, points);\n this.addShape(group, {\n type: 'path',\n id: id,\n name: 'grid-region',\n attrs: {\n path: regionPath,\n fill: color,\n },\n });\n };\n return GridBase;\n}(GroupComponent));\nexport default GridBase;\n//# sourceMappingURL=base.js.map","import { __assign, __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport GridBase from './base';\nfunction distance(x1, y1, x2, y2) {\n var dx = x2 - x1;\n var dy = y2 - y1;\n return Math.sqrt(dx * dx + dy * dy);\n}\nvar Circle = /** @class */ (function (_super) {\n __extends(Circle, _super);\n function Circle() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Circle.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { type: 'circle', \n /**\n * 中心点\n * @type {object}\n */\n center: null, \n /**\n * 栅格线是否封闭\n * @type {true}\n */\n closed: true });\n };\n Circle.prototype.getGridPath = function (points, reversed) {\n var lineType = this.getLineType();\n var closed = this.get('closed');\n var path = [];\n if (points.length) {\n // 防止出错\n if (lineType === 'circle') {\n var center = this.get('center');\n var firstPoint = points[0];\n var radius_1 = distance(center.x, center.y, firstPoint.x, firstPoint.y);\n var sweepFlag_1 = reversed ? 0 : 1; // 顺时针还是逆时针\n if (closed) {\n // 封闭时，绘制整个圆\n path.push(['M', center.x, center.y - radius_1]);\n path.push(['A', radius_1, radius_1, 0, 0, sweepFlag_1, center.x, center.y + radius_1]);\n path.push(['A', radius_1, radius_1, 0, 0, sweepFlag_1, center.x, center.y - radius_1]);\n path.push(['Z']);\n }\n else {\n each(points, function (point, index) {\n if (index === 0) {\n path.push(['M', point.x, point.y]);\n }\n else {\n path.push(['A', radius_1, radius_1, 0, 0, sweepFlag_1, point.x, point.y]);\n }\n });\n }\n }\n else {\n each(points, function (point, index) {\n if (index === 0) {\n path.push(['M', point.x, point.y]);\n }\n else {\n path.push(['L', point.x, point.y]);\n }\n });\n if (closed) {\n path.push(['Z']);\n }\n }\n }\n return path;\n };\n return Circle;\n}(GridBase));\nexport default Circle;\n//# sourceMappingURL=circle.js.map","import { __assign, __extends } from \"tslib\";\nimport { each } from '@antv/util';\nimport GridBase from './base';\nvar Line = /** @class */ (function (_super) {\n __extends(Line, _super);\n function Line() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Line.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { type: 'line' });\n };\n Line.prototype.getGridPath = function (points) {\n var path = [];\n each(points, function (point, index) {\n if (index === 0) {\n path.push(['M', point.x, point.y]);\n }\n else {\n path.push(['L', point.x, point.y]);\n }\n });\n return path;\n };\n return Line;\n}(GridBase));\nexport default Line;\n//# sourceMappingURL=line.js.map","/**\n * Common utilities\n * @module glMatrix\n */\n// Configuration Constants\nexport var EPSILON = 0.000001;\nexport var ARRAY_TYPE = typeof Float32Array !== 'undefined' ? Float32Array : Array;\nexport var RANDOM = Math.random;\n/**\n * Sets the type of array used when creating new vectors and matrices\n *\n * @param {Float32ArrayConstructor | ArrayConstructor} type Array type, such as Float32Array or Array\n */\n\nexport function setMatrixArrayType(type) {\n ARRAY_TYPE = type;\n}\nvar degree = Math.PI / 180;\n/**\n * Convert Degree To Radian\n *\n * @param {Number} a Angle in Degrees\n */\n\nexport function toRadian(a) {\n return a * degree;\n}\n/**\n * Tests whether or not the arguments have approximately the same value, within an absolute\n * or relative tolerance of glMatrix.EPSILON (an absolute tolerance is used for values less\n * than or equal to 1.0, and a relative tolerance is used for larger values)\n *\n * @param {Number} a The first number to test.\n * @param {Number} b The second number to test.\n * @returns {Boolean} True if the numbers are approximately equal, false otherwise.\n */\n\nexport function equals(a, b) {\n return Math.abs(a - b) <= EPSILON * Math.max(1.0, Math.abs(a), Math.abs(b));\n}\nif (!Math.hypot) Math.hypot = function () {\n var y = 0,\n i = arguments.length;\n\n while (i--) {\n y += arguments[i] * arguments[i];\n }\n\n return Math.sqrt(y);\n};","export var DEFAULT_Y = 0; // 默认的 y 的值\n// 偏移之后，间距\nexport var MARGIN_RATIO = 1 / 2;\nexport var DODGE_RATIO = 1 / 2;\n// 散点分开之后，距离边界的距离\nexport var GAP = 0.05;\n//# sourceMappingURL=constant.js.map","import * as Annotation from './annotation';\nimport * as Axis from './axis';\nimport * as Crosshair from './crosshair';\nimport * as Grid from './grid';\nimport * as Legend from './legend';\nimport * as Tooltip from './tooltip';\nexport { default as Component } from './abstract/component';\nexport { default as GroupComponent } from './abstract/group-component';\nexport { default as HtmlComponent } from './abstract/html-component';\nexport { Axis, Annotation, Grid, Legend, Tooltip, Crosshair };\nexport { Slider } from './slider';\nexport { Scrollbar } from './scrollbar';\nexport * from './interfaces';\nexport * from './types';\nexport { propagationDelegate } from './util/event';\nimport * as TOOLTIP_CSS_CONST from './tooltip/css-const';\nexport { TOOLTIP_CSS_CONST };\n//# sourceMappingURL=index.js.map","import { Event as GraphEvent } from '@antv/g-base';\n/**\n *\n * @param group 分组\n * @param eventName 事件名\n * @param eventObject 事件对象\n */\nexport function propagationDelegate(group, eventName, eventObject) {\n var event = new GraphEvent(eventName, eventObject);\n event.target = group;\n event.propagationPath.push(group); // 从当前 group 开始触发 delegation\n group.emitDelegation(eventName, event);\n var parent = group.getParent();\n // 执行冒泡\n while (parent) {\n // 委托事件要先触发\n parent.emitDelegation(eventName, event);\n event.propagationPath.push(parent);\n parent = parent.getParent();\n }\n}\n//# sourceMappingURL=event.js.map","import { __assign, __extends } from \"tslib\";\nimport { addEventListener } from '@antv/dom-util';\nimport { clamp, deepMix, get, noop } from '@antv/util';\nimport GroupComponent from '../abstract/group-component';\nvar DEFAULT_STYLE = {\n trackColor: 'rgba(0,0,0,0)',\n thumbColor: 'rgba(0,0,0,0.15)',\n size: 8,\n lineCap: 'round',\n};\nexport var DEFAULT_THEME = {\n // 默认样式\n default: DEFAULT_STYLE,\n // 鼠标 hover 的样式\n hover: {\n thumbColor: 'rgba(0,0,0,0.2)',\n },\n};\nvar Scrollbar = /** @class */ (function (_super) {\n __extends(Scrollbar, _super);\n function Scrollbar() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.clearEvents = noop;\n _this.onStartEvent = function (isMobile) { return function (e) {\n _this.isMobile = isMobile;\n e.originalEvent.preventDefault();\n var clientX = isMobile ? get(e.originalEvent, 'touches.0.clientX') : e.clientX;\n var clientY = isMobile ? get(e.originalEvent, 'touches.0.clientY') : e.clientY;\n // 将开始的点记录下来\n _this.startPos = _this.cfg.isHorizontal ? clientX : clientY;\n _this.bindLaterEvent();\n }; };\n _this.bindLaterEvent = function () {\n var containerDOM = _this.getContainerDOM();\n var events = [];\n if (_this.isMobile) {\n events = [\n addEventListener(containerDOM, 'touchmove', _this.onMouseMove),\n addEventListener(containerDOM, 'touchend', _this.onMouseUp),\n addEventListener(containerDOM, 'touchcancel', _this.onMouseUp),\n ];\n }\n else {\n events = [\n addEventListener(containerDOM, 'mousemove', _this.onMouseMove),\n addEventListener(containerDOM, 'mouseup', _this.onMouseUp),\n // 为了保证划出 canvas containerDom 时还没触发 mouseup\n addEventListener(containerDOM, 'mouseleave', _this.onMouseUp),\n ];\n }\n _this.clearEvents = function () {\n events.forEach(function (e) {\n e.remove();\n });\n };\n };\n // 拖拽滑块的事件回调\n // 这里是 dom 原生事件，绑定在 dom 元素上的\n _this.onMouseMove = function (e) {\n var _a = _this.cfg, isHorizontal = _a.isHorizontal, thumbOffset = _a.thumbOffset;\n e.preventDefault();\n var clientX = _this.isMobile ? get(e, 'touches.0.clientX') : e.clientX;\n var clientY = _this.isMobile ? get(e, 'touches.0.clientY') : e.clientY;\n // 鼠标松开的位置\n var endPos = isHorizontal ? clientX : clientY;\n // 滑块需要移动的距离, 由于这里是对滑块监听，所以移动的距离就是 diffDis, 如果监听对象是 container dom，则需要算比例\n var diff = endPos - _this.startPos;\n // 更新 _startPos\n _this.startPos = endPos;\n _this.updateThumbOffset(thumbOffset + diff);\n };\n _this.onMouseUp = function (e) {\n e.preventDefault();\n _this.clearEvents();\n };\n // 点击滑道的事件回调,移动滑块位置\n _this.onTrackClick = function (e) {\n var _a = _this.cfg, isHorizontal = _a.isHorizontal, x = _a.x, y = _a.y, thumbLen = _a.thumbLen;\n var containerDOM = _this.getContainerDOM();\n var rect = containerDOM.getBoundingClientRect();\n var clientX = e.clientX, clientY = e.clientY;\n var offset = isHorizontal ? clientX - rect.left - x - thumbLen / 2 : clientY - rect.top - y - thumbLen / 2;\n var newOffset = _this.validateRange(offset);\n _this.updateThumbOffset(newOffset);\n };\n _this.onThumbMouseOver = function () {\n var thumbColor = _this.cfg.theme.hover.thumbColor;\n _this.getElementByLocalId('thumb').attr('stroke', thumbColor);\n _this.draw();\n };\n _this.onThumbMouseOut = function () {\n var thumbColor = _this.cfg.theme.default.thumbColor;\n _this.getElementByLocalId('thumb').attr('stroke', thumbColor);\n _this.draw();\n };\n return _this;\n }\n Scrollbar.prototype.setRange = function (min, max) {\n this.set('minLimit', min);\n this.set('maxLimit', max);\n var curValue = this.getValue();\n var newValue = clamp(curValue, min, max);\n if (curValue !== newValue && !this.get('isInit')) {\n this.setValue(newValue);\n }\n };\n Scrollbar.prototype.getRange = function () {\n var min = this.get('minLimit') || 0;\n var max = this.get('maxLimit') || 1;\n return { min: min, max: max };\n };\n Scrollbar.prototype.setValue = function (value) {\n var range = this.getRange();\n var originalValue = this.getValue();\n this.update({\n thumbOffset: (this.get('trackLen') - this.get('thumbLen')) * clamp(value, range.min, range.max),\n });\n this.delegateEmit('valuechange', {\n originalValue: originalValue,\n value: this.getValue(),\n });\n };\n Scrollbar.prototype.getValue = function () {\n return clamp(this.get('thumbOffset') / (this.get('trackLen') - this.get('thumbLen')), 0, 1);\n };\n Scrollbar.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'scrollbar', isHorizontal: true, minThumbLen: 20, thumbOffset: 0, theme: DEFAULT_THEME });\n };\n Scrollbar.prototype.renderInner = function (group) {\n this.renderTrackShape(group);\n this.renderThumbShape(group);\n };\n Scrollbar.prototype.applyOffset = function () {\n this.moveElementTo(this.get('group'), {\n x: this.get('x'),\n y: this.get('y'),\n });\n };\n Scrollbar.prototype.initEvent = function () {\n this.bindEvents();\n };\n // 创建滑道的 shape\n Scrollbar.prototype.renderTrackShape = function (group) {\n var _a = this.cfg, trackLen = _a.trackLen, _b = _a.theme, theme = _b === void 0 ? { default: {} } : _b;\n var _c = deepMix({}, DEFAULT_THEME, theme).default, lineCap = _c.lineCap, trackColor = _c.trackColor, themeSize = _c.size;\n var size = get(this.cfg, 'size', themeSize);\n var attrs = this.get('isHorizontal')\n ? {\n x1: 0 + size / 2,\n y1: size / 2,\n x2: trackLen - size / 2,\n y2: size / 2,\n lineWidth: size,\n stroke: trackColor,\n lineCap: lineCap,\n }\n : {\n x1: size / 2,\n y1: 0 + size / 2,\n x2: size / 2,\n y2: trackLen - size / 2,\n lineWidth: size,\n stroke: trackColor,\n lineCap: lineCap,\n };\n return this.addShape(group, {\n id: this.getElementId('track'),\n name: 'track',\n type: 'line',\n attrs: attrs,\n });\n };\n // 创建滑块的 shape\n Scrollbar.prototype.renderThumbShape = function (group) {\n var _a = this.cfg, thumbOffset = _a.thumbOffset, thumbLen = _a.thumbLen, theme = _a.theme;\n var _b = deepMix({}, DEFAULT_THEME, theme).default, themeSize = _b.size, lineCap = _b.lineCap, thumbColor = _b.thumbColor;\n var size = get(this.cfg, 'size', themeSize);\n var attrs = this.get('isHorizontal')\n ? {\n x1: thumbOffset + size / 2,\n y1: size / 2,\n x2: thumbOffset + thumbLen - size / 2,\n y2: size / 2,\n lineWidth: size,\n stroke: thumbColor,\n lineCap: lineCap,\n cursor: 'default',\n }\n : {\n x1: size / 2,\n y1: thumbOffset + size / 2,\n x2: size / 2,\n y2: thumbOffset + thumbLen - size / 2,\n lineWidth: size,\n stroke: thumbColor,\n lineCap: lineCap,\n cursor: 'default',\n };\n return this.addShape(group, {\n id: this.getElementId('thumb'),\n name: 'thumb',\n type: 'line',\n attrs: attrs,\n });\n };\n Scrollbar.prototype.bindEvents = function () {\n var group = this.get('group');\n group.on('mousedown', this.onStartEvent(false));\n group.on('mouseup', this.onMouseUp);\n group.on('touchstart', this.onStartEvent(true));\n group.on('touchend', this.onMouseUp);\n var trackShape = group.findById(this.getElementId('track'));\n trackShape.on('click', this.onTrackClick);\n var thumbShape = group.findById(this.getElementId('thumb'));\n thumbShape.on('mouseover', this.onThumbMouseOver);\n thumbShape.on('mouseout', this.onThumbMouseOut);\n };\n Scrollbar.prototype.getContainerDOM = function () {\n var container = this.get('container');\n var canvas = container && container.get('canvas');\n return canvas && canvas.get('container');\n };\n Scrollbar.prototype.validateRange = function (offset) {\n var _a = this.cfg, thumbLen = _a.thumbLen, trackLen = _a.trackLen;\n var newOffset = offset;\n if (offset + thumbLen > trackLen) {\n newOffset = trackLen - thumbLen;\n }\n else if (offset + thumbLen < thumbLen) {\n newOffset = 0;\n }\n return newOffset;\n };\n Scrollbar.prototype.draw = function () {\n var container = this.get('container');\n var canvas = container && container.get('canvas');\n if (canvas) {\n canvas.draw();\n }\n };\n Scrollbar.prototype.updateThumbOffset = function (offset) {\n var _a = this.cfg, thumbOffset = _a.thumbOffset, isHorizontal = _a.isHorizontal, thumbLen = _a.thumbLen, size = _a.size;\n var newOffset = this.validateRange(offset);\n if (newOffset === thumbOffset) {\n // 如果更新后的 offset 与原值相同，则不改变\n return;\n }\n var thumbShape = this.getElementByLocalId('thumb');\n if (isHorizontal) {\n thumbShape.attr({\n x1: newOffset + size / 2,\n x2: newOffset + thumbLen - size / 2,\n });\n }\n else {\n thumbShape.attr({\n y1: newOffset + size / 2,\n y2: newOffset + thumbLen - size / 2,\n });\n }\n this.emitOffsetChange(newOffset);\n };\n Scrollbar.prototype.emitOffsetChange = function (offset) {\n var _a = this.cfg, originalValue = _a.thumbOffset, trackLen = _a.trackLen, thumbLen = _a.thumbLen;\n this.cfg.thumbOffset = offset;\n // 发送事件\n this.emit('scrollchange', {\n thumbOffset: offset,\n ratio: clamp(offset / (trackLen - thumbLen), 0, 1),\n });\n this.delegateEmit('valuechange', {\n originalValue: originalValue,\n value: offset,\n });\n };\n return Scrollbar;\n}(GroupComponent));\nexport { Scrollbar };\n//# sourceMappingURL=scrollbar.js.map","import { each, isArray, isNil, isNumber } from '@antv/util';\nexport function formatPadding(padding) {\n var top = 0;\n var left = 0;\n var right = 0;\n var bottom = 0;\n if (isNumber(padding)) {\n top = left = right = bottom = padding;\n }\n else if (isArray(padding)) {\n top = padding[0];\n right = !isNil(padding[1]) ? padding[1] : padding[0];\n bottom = !isNil(padding[2]) ? padding[2] : padding[0];\n left = !isNil(padding[3]) ? padding[3] : right;\n }\n return [top, right, bottom, left];\n}\nexport function clearDom(container) {\n var children = container.childNodes;\n var length = children.length;\n for (var i = length - 1; i >= 0; i--) {\n container.removeChild(children[i]);\n }\n}\nexport function hasClass(elements, cName) {\n return !!elements.className.match(new RegExp(\"(\\\\s|^)\" + cName + \"(\\\\s|$)\"));\n}\nexport function regionToBBox(region) {\n var start = region.start, end = region.end;\n var minX = Math.min(start.x, end.x);\n var minY = Math.min(start.y, end.y);\n var maxX = Math.max(start.x, end.x);\n var maxY = Math.max(start.y, end.y);\n return {\n x: minX,\n y: minY,\n minX: minX,\n minY: minY,\n maxX: maxX,\n maxY: maxY,\n width: maxX - minX,\n height: maxY - minY,\n };\n}\nexport function pointsToBBox(points) {\n var xs = points.map(function (point) { return point.x; });\n var ys = points.map(function (point) { return point.y; });\n var minX = Math.min.apply(Math, xs);\n var minY = Math.min.apply(Math, ys);\n var maxX = Math.max.apply(Math, xs);\n var maxY = Math.max.apply(Math, ys);\n return {\n x: minX,\n y: minY,\n minX: minX,\n minY: minY,\n maxX: maxX,\n maxY: maxY,\n width: maxX - minX,\n height: maxY - minY,\n };\n}\nexport function createBBox(x, y, width, height) {\n var maxX = x + width;\n var maxY = y + height;\n return {\n x: x,\n y: y,\n width: width,\n height: height,\n minX: x,\n minY: y,\n // 非常奇葩的 js 特性\n // Infinity + Infinity = Infinity\n // Infinity - Infinity = NaN\n // fixed https://github.com/antvis/G2Plot/issues/1243\n maxX: isNaN(maxX) ? 0 : maxX,\n maxY: isNaN(maxY) ? 0 : maxY,\n };\n}\nexport function getValueByPercent(min, max, percent) {\n return (1 - percent) * min + max * percent;\n}\nexport function getCirclePoint(center, radius, angle) {\n return {\n x: center.x + Math.cos(angle) * radius,\n y: center.y + Math.sin(angle) * radius,\n };\n}\nexport function distance(p1, p2) {\n var dx = p2.x - p1.x;\n var dy = p2.y - p1.y;\n return Math.sqrt(dx * dx + dy * dy);\n}\nexport var wait = function (interval) {\n return new Promise(function (resolve) {\n setTimeout(resolve, interval);\n });\n};\n/**\n * 判断两个数值 是否接近\n * - 解决精度问题（由于无法确定精度上限，根据具体场景可传入 精度 参数）\n */\nexport var near = function (x, y, e) {\n if (e === void 0) { e = Math.pow(Number.EPSILON, 0.5); }\n return [x, y].includes(Infinity) ? Math.abs(x) === Math.abs(y) : Math.abs(x - y) < e;\n};\nexport function intersectBBox(box1, box2) {\n var minX = Math.max(box1.minX, box2.minX);\n var minY = Math.max(box1.minY, box2.minY);\n var maxX = Math.min(box1.maxX, box2.maxX);\n var maxY = Math.min(box1.maxY, box2.maxY);\n return createBBox(minX, minY, maxX - minX, maxY - minY);\n}\nexport function mergeBBox(box1, box2) {\n var minX = Math.min(box1.minX, box2.minX);\n var minY = Math.min(box1.minY, box2.minY);\n var maxX = Math.max(box1.maxX, box2.maxX);\n var maxY = Math.max(box1.maxY, box2.maxY);\n return createBBox(minX, minY, maxX - minX, maxY - minY);\n}\nexport function getBBoxWithClip(element) {\n var clipShape = element.getClip();\n var clipBBox = clipShape && clipShape.getBBox();\n var bbox;\n if (!element.isGroup()) {\n // 如果是普通的图形\n bbox = element.getBBox();\n }\n else {\n var minX_1 = Infinity;\n var maxX_1 = -Infinity;\n var minY_1 = Infinity;\n var maxY_1 = -Infinity;\n var children = element.getChildren();\n if (children.length > 0) {\n each(children, function (child) {\n if (child.get('visible')) {\n // 如果分组没有子元素，则直接跳过\n if (child.isGroup() && child.get('children').length === 0) {\n return true;\n }\n var box = getBBoxWithClip(child);\n // 计算 4 个顶点\n var leftTop = child.applyToMatrix([box.minX, box.minY, 1]);\n var leftBottom = child.applyToMatrix([box.minX, box.maxY, 1]);\n var rightTop = child.applyToMatrix([box.maxX, box.minY, 1]);\n var rightBottom = child.applyToMatrix([box.maxX, box.maxY, 1]);\n // 从中取最小的范围\n var boxMinX = Math.min(leftTop[0], leftBottom[0], rightTop[0], rightBottom[0]);\n var boxMaxX = Math.max(leftTop[0], leftBottom[0], rightTop[0], rightBottom[0]);\n var boxMinY = Math.min(leftTop[1], leftBottom[1], rightTop[1], rightBottom[1]);\n var boxMaxY = Math.max(leftTop[1], leftBottom[1], rightTop[1], rightBottom[1]);\n if (boxMinX < minX_1) {\n minX_1 = boxMinX;\n }\n if (boxMaxX > maxX_1) {\n maxX_1 = boxMaxX;\n }\n if (boxMinY < minY_1) {\n minY_1 = boxMinY;\n }\n if (boxMaxY > maxY_1) {\n maxY_1 = boxMaxY;\n }\n }\n });\n }\n else {\n minX_1 = 0;\n maxX_1 = 0;\n minY_1 = 0;\n maxY_1 = 0;\n }\n bbox = createBBox(minX_1, minY_1, maxX_1 - minX_1, maxY_1 - minY_1);\n }\n if (clipBBox) {\n return intersectBBox(bbox, clipBBox);\n }\n else {\n return bbox;\n }\n}\nexport function updateClip(element, newElement) {\n if (!element.getClip() && !newElement.getClip()) {\n // 两者都没有 clip\n return;\n }\n var newClipShape = newElement.getClip();\n if (!newClipShape) {\n // 新的 element 没有 clip\n element.setClip(null); // 移除 clip\n return;\n }\n var clipCfg = {\n type: newClipShape.get('type'),\n attrs: newClipShape.attr(),\n };\n element.setClip(clipCfg);\n}\nexport function toPx(number) {\n return number + \"px\";\n}\nexport function getTextPoint(start, end, position, offset) {\n var lineLength = distance(start, end);\n var offsetPercent = offset / lineLength; // 计算间距同线的比例，用于计算最终的位置\n var percent = 0;\n if (position === 'start') {\n percent = 0 - offsetPercent;\n }\n else if (position === 'end') {\n percent = 1 + offsetPercent;\n }\n return {\n x: getValueByPercent(start.x, end.x, percent),\n y: getValueByPercent(start.y, end.y, percent),\n };\n}\n//# sourceMappingURL=util.js.map","import { __assign, __extends } from \"tslib\";\nimport GroupComponent from '../abstract/group-component';\nimport { createBBox, formatPadding } from '../util/util';\nvar LegendBase = /** @class */ (function (_super) {\n __extends(LegendBase, _super);\n function LegendBase() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n LegendBase.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'legend', \n /**\n * 布局方式： horizontal，vertical\n * @type {String}\n */\n layout: 'horizontal', locationType: 'point', x: 0, y: 0, offsetX: 0, offsetY: 0, title: null, background: null });\n };\n LegendBase.prototype.getLayoutBBox = function () {\n var bbox = _super.prototype.getLayoutBBox.call(this);\n var maxWidth = this.get('maxWidth');\n var maxHeight = this.get('maxHeight');\n var width = bbox.width, height = bbox.height;\n if (maxWidth) {\n width = Math.min(width, maxWidth);\n }\n if (maxHeight) {\n height = Math.min(height, maxHeight);\n }\n return createBBox(bbox.minX, bbox.minY, width, height);\n };\n LegendBase.prototype.setLocation = function (cfg) {\n this.set('x', cfg.x);\n this.set('y', cfg.y);\n this.resetLocation();\n };\n LegendBase.prototype.resetLocation = function () {\n var x = this.get('x');\n var y = this.get('y');\n var offsetX = this.get('offsetX');\n var offsetY = this.get('offsetY');\n this.moveElementTo(this.get('group'), {\n x: x + offsetX,\n y: y + offsetY,\n });\n };\n LegendBase.prototype.applyOffset = function () {\n this.resetLocation();\n };\n // 获取当前绘制的点\n LegendBase.prototype.getDrawPoint = function () {\n return this.get('currentPoint');\n };\n LegendBase.prototype.setDrawPoint = function (point) {\n return this.set('currentPoint', point);\n };\n // 复写父类定义的绘制方法\n LegendBase.prototype.renderInner = function (group) {\n this.resetDraw();\n if (this.get('title')) {\n this.drawTitle(group);\n }\n this.drawLegendContent(group);\n if (this.get('background')) {\n this.drawBackground(group);\n }\n // this.resetLocation(); // 在顶层已经在处理偏移时一起处理了\n };\n // 绘制背景\n LegendBase.prototype.drawBackground = function (group) {\n var background = this.get('background');\n var bbox = group.getBBox();\n var padding = formatPadding(background.padding);\n var attrs = __assign({ \n // 背景从 (0,0) 开始绘制\n x: 0, y: 0, width: bbox.width + padding[1] + padding[3], height: bbox.height + padding[0] + padding[2] }, background.style);\n var backgroundShape = this.addShape(group, {\n type: 'rect',\n id: this.getElementId('background'),\n name: 'legend-background',\n attrs: attrs,\n });\n backgroundShape.toBack();\n };\n // 绘制标题，标题在图例项的上面\n LegendBase.prototype.drawTitle = function (group) {\n var currentPoint = this.get('currentPoint');\n var titleCfg = this.get('title');\n var spacing = titleCfg.spacing, style = titleCfg.style, text = titleCfg.text;\n var shape = this.addShape(group, {\n type: 'text',\n id: this.getElementId('title'),\n name: 'legend-title',\n attrs: __assign({ text: text, x: currentPoint.x, y: currentPoint.y }, style),\n });\n var bbox = shape.getBBox();\n // 标题单独在一行\n this.set('currentPoint', { x: currentPoint.x, y: bbox.maxY + spacing });\n };\n // 重置绘制时开始的位置，如果绘制边框，考虑边框的 padding\n LegendBase.prototype.resetDraw = function () {\n var background = this.get('background');\n var currentPoint = { x: 0, y: 0 };\n if (background) {\n var padding = formatPadding(background.padding);\n currentPoint.x = padding[3]; // 左边 padding\n currentPoint.y = padding[0]; // 上面 padding\n }\n this.set('currentPoint', currentPoint); // 设置绘制的初始位置\n };\n return LegendBase;\n}(GroupComponent));\nexport default LegendBase;\n//# sourceMappingURL=base.js.map","import { __assign, __extends, __rest } from \"tslib\";\nimport { clamp, deepMix, each, filter, get, mix, isNumber, isFunction } from '@antv/util';\nimport { ellipsisLabel } from '../util/label';\nimport { getMatrixByAngle, getMatrixByTranslate } from '../util/matrix';\nimport { getStatesStyle } from '../util/state';\nimport Theme from '../util/theme';\nimport LegendBase from './base';\n/**\n * 分页器 默认配置\n */\nvar DEFAULT_PAGE_NAVIGATOR = {\n marker: {\n style: {\n inactiveFill: '#000',\n inactiveOpacity: 0.45,\n fill: '#000',\n opacity: 1,\n size: 12,\n },\n },\n text: {\n style: {\n fill: '#ccc',\n fontSize: 12,\n },\n },\n};\n// 默认 文本style\nvar textStyle = {\n fill: Theme.textColor,\n fontSize: 12,\n textAlign: 'start',\n textBaseline: 'middle',\n fontFamily: Theme.fontFamily,\n fontWeight: 'normal',\n lineHeight: 12,\n};\nvar RIGHT_ARROW_NAME = 'navigation-arrow-right';\nvar LEFT_ARROW_NAME = 'navigation-arrow-left';\nvar ROTATE_MAP = {\n right: (90 * Math.PI) / 180,\n left: ((360 - 90) * Math.PI) / 180,\n up: 0,\n down: (180 * Math.PI) / 180,\n};\nvar Category = /** @class */ (function (_super) {\n __extends(Category, _super);\n function Category() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.currentPageIndex = 1;\n _this.totalPagesCnt = 1;\n _this.pageWidth = 0;\n _this.pageHeight = 0;\n _this.startX = 0;\n _this.startY = 0;\n _this.onNavigationBack = function () {\n var itemGroup = _this.getElementByLocalId('item-group');\n if (_this.currentPageIndex > 1) {\n _this.currentPageIndex -= 1;\n _this.updateNavigation();\n var matrix = _this.getCurrentNavigationMatrix();\n if (_this.get('animate')) {\n itemGroup.animate({\n matrix: matrix,\n }, 100);\n }\n else {\n itemGroup.attr({ matrix: matrix });\n }\n }\n };\n _this.onNavigationAfter = function () {\n var itemGroup = _this.getElementByLocalId('item-group');\n if (_this.currentPageIndex < _this.totalPagesCnt) {\n _this.currentPageIndex += 1;\n _this.updateNavigation();\n var matrix = _this.getCurrentNavigationMatrix();\n if (_this.get('animate')) {\n itemGroup.animate({\n matrix: matrix,\n }, 100);\n }\n else {\n itemGroup.attr({ matrix: matrix });\n }\n }\n };\n return _this;\n }\n Category.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'legend', type: 'category', itemSpacing: 24, itemMarginBottom: 8, maxItemWidth: null, itemWidth: null, itemHeight: null, itemName: {}, itemValue: null, maxWidth: null, maxHeight: null, marker: {}, radio: null, items: [], itemStates: {}, itemBackground: {}, pageNavigator: {}, defaultCfg: {\n title: {\n spacing: 5,\n style: {\n fill: Theme.textColor,\n fontSize: 12,\n textAlign: 'start',\n textBaseline: 'top',\n },\n },\n background: {\n padding: 5,\n style: {\n stroke: Theme.lineColor,\n },\n },\n itemBackground: {\n style: {\n opacity: 0,\n fill: '#fff',\n },\n },\n pageNavigator: DEFAULT_PAGE_NAVIGATOR,\n itemName: {\n spacing: 16,\n style: textStyle,\n },\n marker: {\n spacing: 8,\n style: {\n r: 6,\n symbol: 'circle',\n },\n },\n itemValue: {\n alignRight: false,\n formatter: null,\n style: textStyle,\n spacing: 6,\n },\n itemStates: {\n active: {\n nameStyle: {\n opacity: 0.8,\n },\n },\n unchecked: {\n nameStyle: {\n fill: Theme.uncheckedColor,\n },\n markerStyle: {\n fill: Theme.uncheckedColor,\n stroke: Theme.uncheckedColor,\n },\n },\n inactive: {\n nameStyle: {\n fill: Theme.uncheckedColor,\n },\n markerStyle: {\n opacity: 0.2,\n },\n },\n },\n } });\n };\n // 实现 IList 接口\n Category.prototype.isList = function () {\n return true;\n };\n /**\n * 获取图例项\n * @return {ListItem[]} 列表项集合\n */\n Category.prototype.getItems = function () {\n return this.get('items');\n };\n /**\n * 设置列表项\n * @param {ListItem[]} items 列表项集合\n */\n Category.prototype.setItems = function (items) {\n this.update({\n items: items,\n });\n };\n /**\n * 更新列表项\n * @param {ListItem} item 列表项\n * @param {object} cfg 列表项\n */\n Category.prototype.updateItem = function (item, cfg) {\n mix(item, cfg);\n this.clear(); // 由于单个图例项变化，会引起全局变化，所以全部更新\n this.render();\n };\n /**\n * 清空列表\n */\n Category.prototype.clearItems = function () {\n var itemGroup = this.getElementByLocalId('item-group');\n itemGroup && itemGroup.clear();\n };\n /**\n * 设置列表项的状态\n * @param {ListItem} item 列表项\n * @param {string} state 状态名\n * @param {boolean} value 状态值, true, false\n */\n Category.prototype.setItemState = function (item, state, value) {\n item[state] = value;\n var itemElement = this.getElementByLocalId(\"item-\" + item.id);\n if (itemElement) {\n var items = this.getItems();\n var index = items.indexOf(item);\n var offsetGroup = this.createOffScreenGroup(); // 离屏的 group\n var newElement = this.drawItem(item, index, this.getItemHeight(), offsetGroup);\n this.updateElements(newElement, itemElement); // 更新整个分组\n this.clearUpdateStatus(itemElement); // 清理更新状态，防止出现 bug\n }\n };\n /**\n * 是否存在指定的状态\n * @param {ListItem} item 列表项\n * @param {boolean} state 状态名\n */\n Category.prototype.hasState = function (item, state) {\n return !!item[state];\n };\n Category.prototype.getItemStates = function (item) {\n var itemStates = this.get('itemStates');\n var rst = [];\n each(itemStates, function (v, k) {\n if (item[k]) {\n // item.selected\n rst.push(k);\n }\n });\n return rst;\n };\n /**\n * 清楚所有列表项的状态\n * @param {string} state 状态值\n */\n Category.prototype.clearItemsState = function (state) {\n var _this = this;\n var items = this.getItemsByState(state);\n each(items, function (item) {\n _this.setItemState(item, state, false);\n });\n };\n /**\n * 根据状态获取图例项\n * @param {string} state [description]\n * @return {ListItem[]} [description]\n */\n Category.prototype.getItemsByState = function (state) {\n var _this = this;\n var items = this.getItems();\n return filter(items, function (item) {\n return _this.hasState(item, state);\n });\n };\n // 绘制 legend 的选项\n Category.prototype.drawLegendContent = function (group) {\n this.processItems();\n this.drawItems(group);\n };\n // 防止未设置 id\n Category.prototype.processItems = function () {\n var items = this.get('items');\n each(items, function (item) {\n if (!item.id) {\n // 如果没有设置 id，默认使用 name\n item.id = item.name;\n }\n });\n };\n // 绘制所有的图例选项\n Category.prototype.drawItems = function (group) {\n var _this = this;\n var itemContainerGroup = this.addGroup(group, {\n id: this.getElementId('item-container-group'),\n name: 'legend-item-container-group',\n });\n var itemGroup = this.addGroup(itemContainerGroup, {\n id: this.getElementId('item-group'),\n name: 'legend-item-group',\n });\n var itemHeight = this.getItemHeight();\n var itemWidth = this.get('itemWidth');\n var itemSpacing = this.get('itemSpacing');\n var itemMarginBottom = this.get('itemMarginBottom');\n var currentPoint = this.get('currentPoint');\n var startX = currentPoint.x;\n var startY = currentPoint.y;\n var layout = this.get('layout');\n var items = this.get('items');\n var wrapped = false;\n var pageWidth = 0;\n var maxWidth = this.get('maxWidth'); // 最大宽度，会导致 layout : 'horizontal' 时自动换行\n var maxHeight = this.get('maxHeight'); // 最大高度，会导致出现分页\n // 暂时不考虑分页\n each(items, function (item, index) {\n var subGroup = _this.drawItem(item, index, itemHeight, itemGroup);\n var bbox = subGroup.getBBox();\n var width = itemWidth || bbox.width;\n if (width > pageWidth) {\n pageWidth = width;\n }\n if (layout === 'horizontal') {\n // 如果水平布局\n if (maxWidth && maxWidth < currentPoint.x + width - startX) {\n // 检测是否换行\n wrapped = true;\n currentPoint.x = startX;\n currentPoint.y += itemHeight + itemMarginBottom;\n }\n _this.moveElementTo(subGroup, currentPoint);\n currentPoint.x += width + itemSpacing;\n }\n else {\n // 如果垂直布局\n if (maxHeight && maxHeight < currentPoint.y + itemHeight + itemMarginBottom - startY) {\n // 换行\n wrapped = true;\n currentPoint.x += pageWidth + itemSpacing;\n currentPoint.y = startY;\n pageWidth = 0;\n }\n _this.moveElementTo(subGroup, currentPoint);\n currentPoint.y += itemHeight + itemMarginBottom; // itemSpacing 仅影响水平间距\n }\n });\n if (wrapped && this.get('flipPage')) {\n this.pageHeight = 0;\n this.pageWidth = 0;\n this.totalPagesCnt = 1;\n this.startX = startX;\n this.startY = startY;\n this.adjustNavigation(group, itemGroup);\n }\n };\n // 获取图例项的高度，如果未定义，则按照 name 的高度计算\n Category.prototype.getItemHeight = function () {\n var itemHeight = this.get('itemHeight');\n if (!itemHeight) {\n var style_1 = (this.get('itemName') || {}).style;\n if (isFunction(style_1)) {\n var items_1 = this.getItems();\n items_1.forEach(function (item, index) {\n var fontSize = __assign(__assign({}, textStyle), style_1(item, index, items_1)).fontSize;\n if (itemHeight < fontSize) {\n itemHeight = fontSize;\n }\n });\n }\n else if (style_1) {\n itemHeight = style_1.fontSize;\n }\n }\n return itemHeight;\n };\n // 绘制 marker\n Category.prototype.drawMarker = function (container, markerCfg, item, itemHeight) {\n var markerAttrs = __assign(__assign(__assign({ x: 0, y: itemHeight / 2 }, markerCfg.style), { symbol: get(item.marker, 'symbol', 'circle') }), get(item.marker, 'style', {}));\n var shape = this.addShape(container, {\n type: 'marker',\n id: this.getElementId(\"item-\" + item.id + \"-marker\"),\n name: 'legend-item-marker',\n attrs: markerAttrs,\n });\n var bbox = shape.getBBox();\n shape.attr('x', bbox.width / 2); // marker 需要左对齐，所以不能占用左侧的空间\n var _a = shape.attr(), stroke = _a.stroke, fill = _a.fill;\n if (stroke) {\n shape.set('isStroke', true);\n }\n if (fill) {\n shape.set('isFill', true);\n }\n return shape;\n };\n // 绘制文本\n Category.prototype.drawItemText = function (container, textName, cfg, item, itemHeight, xPosition, index) {\n var formatter = cfg.formatter;\n var style = cfg.style;\n var attrs = __assign(__assign({ x: xPosition, y: itemHeight / 2, text: formatter ? formatter(item[textName], item, index) : item[textName] }, textStyle), (isFunction(style) ? style(item, index, this.getItems()) : style));\n return this.addShape(container, {\n type: 'text',\n id: this.getElementId(\"item-\" + item.id + \"-\" + textName),\n name: \"legend-item-\" + textName,\n attrs: attrs,\n });\n };\n Category.prototype.drawRadio = function (container, radioCfg, item, itemHeight, x) {\n var _a, _b;\n var style = radioCfg.style || {};\n // 以用户设置的 r 为主\n var r = (_a = style.r) !== null && _a !== void 0 ? _a : itemHeight / 2;\n var lineWidth = (r * 3.6) / 8;\n var _c = [x + r, itemHeight / 2 - r], x0 = _c[0], y0 = _c[1];\n var _d = [x0 + r, y0 + r], x1 = _d[0], y1 = _d[1];\n var _e = [x0, y1 + r], x2 = _e[0], y2 = _e[1];\n var _f = [x, y0 + r], x3 = _f[0], y3 = _f[1];\n var showRadio = item.showRadio;\n var attrs = __assign(__assign({ path: [\n ['M', x0, y0],\n ['A', r, r, 0, 0, 1, x1, y1],\n ['L', x1 - lineWidth, y1],\n ['L', x1, y1],\n ['A', r, r, 0, 0, 1, x2, y2],\n ['L', x2, y2 - lineWidth],\n ['L', x2, y2],\n ['A', r, r, 0, 0, 1, x3, y3],\n ['L', x3 + lineWidth, y3],\n ['L', x3, y3],\n ['A', r, r, 0, 0, 1, x0, y0],\n ['L', x0, y0 + lineWidth],\n ], stroke: '#000000', fill: '#ffffff' }, style), { opacity: showRadio ? ((_b = style === null || style === void 0 ? void 0 : style.opacity) !== null && _b !== void 0 ? _b : 0.45) : 0 });\n var radioShape = this.addShape(container, {\n type: 'path',\n id: this.getElementId(\"item-\" + item.id + \"-radio\"),\n name: 'legend-item-radio',\n attrs: attrs,\n });\n radioShape.set('tip', radioCfg.tip);\n return radioShape;\n };\n // 绘制图例项\n Category.prototype.drawItem = function (item, index, itemHeight, itemGroup) {\n var groupId = \"item-\" + item.id;\n // 设置单独的 Group 用于 setClip\n var subContainer = this.addGroup(itemGroup, {\n name: 'legend-item-container',\n id: this.getElementId(\"item-container-\" + groupId),\n delegateObject: {\n item: item,\n index: index,\n },\n });\n var subGroup = this.addGroup(subContainer, {\n name: 'legend-item',\n id: this.getElementId(groupId),\n delegateObject: {\n item: item,\n index: index,\n },\n });\n var marker = this.get('marker');\n var itemName = this.get('itemName');\n var itemValue = this.get('itemValue');\n var itemBackground = this.get('itemBackground');\n var radio = this.get('radio');\n var itemWidth = this.getLimitItemWidth();\n var curX = 0; // 记录当前 x 的位置\n if (marker) {\n var markerShape = this.drawMarker(subGroup, marker, item, itemHeight);\n var spacing = marker.spacing;\n var itemMarkerSpacing = get(item, ['marker', 'spacing']);\n if (isNumber(itemMarkerSpacing)) {\n // 如果 item 有配置 marker.spacing，采用 item 的配置\n spacing = itemMarkerSpacing;\n }\n curX = markerShape.getBBox().maxX + spacing;\n }\n if (itemName) {\n var nameShape = this.drawItemText(subGroup, 'name', itemName, item, itemHeight, curX, index);\n if (itemWidth) {\n // 设置了 item 的最大宽度限制，并且超出了，进行省略处理\n ellipsisLabel(true, nameShape, clamp(itemWidth - curX, 0, itemWidth));\n }\n curX = nameShape.getBBox().maxX + itemName.spacing;\n }\n if (itemValue) {\n var valueShape = this.drawItemText(subGroup, 'value', itemValue, item, itemHeight, curX, index);\n if (itemWidth) {\n if (itemValue.alignRight) {\n valueShape.attr({\n textAlign: 'right',\n x: itemWidth,\n });\n ellipsisLabel(true, valueShape, clamp(itemWidth - curX, 0, itemWidth), 'head');\n }\n else {\n ellipsisLabel(true, valueShape, clamp(itemWidth - curX, 0, itemWidth));\n }\n }\n curX = valueShape.getBBox().maxX + itemValue.spacing;\n }\n if (radio) {\n this.drawRadio(subGroup, radio, item, itemHeight, curX);\n }\n // 添加透明的背景，便于拾取和包围盒计算\n if (itemBackground) {\n var bbox = subGroup.getBBox();\n var backShape = this.addShape(subGroup, {\n type: 'rect',\n name: 'legend-item-background',\n id: this.getElementId(groupId + \"-background\"),\n attrs: __assign({ x: 0, y: 0, width: bbox.width, height: itemHeight }, itemBackground.style),\n });\n backShape.toBack();\n }\n this.applyItemStates(item, subGroup);\n return subGroup;\n };\n // 加上分页器并重新排序 items\n Category.prototype.adjustNavigation = function (container, itemGroup) {\n var _this = this;\n var startX = this.startX;\n var startY = this.startY;\n var layout = this.get('layout');\n var subGroups = itemGroup.findAll(function (item) { return item.get('name') === 'legend-item'; });\n var maxWidth = this.get('maxWidth');\n var maxHeight = this.get('maxHeight');\n var itemWidth = this.get('itemWidth');\n var itemSpacing = this.get('itemSpacing');\n var itemHeight = this.getItemHeight();\n var pageNavigator = deepMix({}, DEFAULT_PAGE_NAVIGATOR, this.get('pageNavigator'));\n var navigation = this.drawNavigation(container, layout, '00/00', pageNavigator);\n var navigationBBox = navigation.getBBox();\n var currentPoint = { x: startX, y: startY };\n var pages = 1;\n var widthLimit = 0;\n var pageWidth = 0;\n var maxItemWidth = 0;\n var itemMarginBottom = this.get('itemMarginBottom');\n if (layout === 'horizontal') {\n var maxRow = this.get('maxRow') || 1;\n var maxRowHeight_1 = itemHeight + (maxRow === 1 ? 0 : itemMarginBottom);\n this.pageHeight = maxRowHeight_1 * maxRow;\n each(subGroups, function (item) {\n var bbox = item.getBBox();\n var width = itemWidth || bbox.width;\n if ((widthLimit && widthLimit < currentPoint.x + width + itemSpacing) ||\n maxWidth < currentPoint.x + width + itemSpacing + navigationBBox.width) {\n if (pages === 1) {\n widthLimit = currentPoint.x + itemSpacing;\n _this.pageWidth = widthLimit;\n _this.moveElementTo(navigation, {\n x: maxWidth - itemSpacing - navigationBBox.width - navigationBBox.minX,\n y: currentPoint.y + itemHeight / 2 - navigationBBox.height / 2 - navigationBBox.minY,\n });\n }\n pages += 1;\n currentPoint.x = startX;\n currentPoint.y += maxRowHeight_1;\n }\n _this.moveElementTo(item, currentPoint);\n item.getParent().setClip({\n type: 'rect',\n attrs: {\n x: currentPoint.x,\n y: currentPoint.y,\n width: width + itemSpacing,\n height: itemHeight,\n },\n });\n currentPoint.x += width + itemSpacing;\n });\n }\n else {\n each(subGroups, function (item) {\n var bbox = item.getBBox();\n if (bbox.width > pageWidth) {\n pageWidth = bbox.width;\n }\n });\n maxItemWidth = pageWidth;\n pageWidth += itemSpacing;\n if (maxWidth) {\n // maxWidth 限制加上\n pageWidth = Math.min(maxWidth, pageWidth);\n maxItemWidth = Math.min(maxWidth, maxItemWidth);\n }\n this.pageWidth = pageWidth;\n this.pageHeight = maxHeight - Math.max(navigationBBox.height, itemHeight + itemMarginBottom);\n var cntPerPage_1 = Math.floor(this.pageHeight / (itemHeight + itemMarginBottom));\n each(subGroups, function (item, index) {\n if (index !== 0 && index % cntPerPage_1 === 0) {\n pages += 1;\n currentPoint.x += pageWidth;\n currentPoint.y = startY;\n }\n _this.moveElementTo(item, currentPoint);\n item.getParent().setClip({\n type: 'rect',\n attrs: {\n x: currentPoint.x,\n y: currentPoint.y,\n width: pageWidth,\n height: itemHeight,\n },\n });\n currentPoint.y += itemHeight + itemMarginBottom;\n });\n this.totalPagesCnt = pages;\n this.moveElementTo(navigation, {\n x: startX + maxItemWidth / 2 - navigationBBox.width / 2 - navigationBBox.minX,\n y: maxHeight - navigationBBox.height - navigationBBox.minY,\n });\n }\n if (this.pageHeight && this.pageWidth) {\n // 为了使固定的 clip 生效，clip 设置在 itemContainerGroup 上，itemGroup 需要在翻页时会设置 matrix\n itemGroup.getParent().setClip({\n type: 'rect',\n attrs: {\n x: this.startX,\n y: this.startY,\n width: this.pageWidth,\n height: this.pageHeight,\n },\n });\n }\n // 重新计算 totalPagesCnt\n if (layout === 'horizontal' && this.get('maxRow')) {\n this.totalPagesCnt = Math.ceil(pages / this.get('maxRow'));\n }\n else {\n this.totalPagesCnt = pages;\n }\n if (this.currentPageIndex > this.totalPagesCnt) {\n this.currentPageIndex = 1;\n }\n this.updateNavigation(navigation);\n // update initial matrix\n itemGroup.attr('matrix', this.getCurrentNavigationMatrix());\n };\n /**\n * 绘制分页器\n */\n Category.prototype.drawNavigation = function (group, layout, text, styleCfg) {\n var currentPoint = { x: 0, y: 0 };\n var subGroup = this.addGroup(group, {\n id: this.getElementId('navigation-group'),\n name: 'legend-navigation',\n });\n var _a = get(styleCfg.marker, 'style', {}), _b = _a.size, size = _b === void 0 ? 12 : _b, arrowStyle = __rest(_a, [\"size\"]);\n var leftArrow = this.drawArrow(subGroup, currentPoint, LEFT_ARROW_NAME, layout === 'horizontal' ? 'up' : 'left', size, arrowStyle);\n leftArrow.on('click', this.onNavigationBack);\n var leftArrowBBox = leftArrow.getBBox();\n currentPoint.x += leftArrowBBox.width + 2;\n var textShape = this.addShape(subGroup, {\n type: 'text',\n id: this.getElementId('navigation-text'),\n name: 'navigation-text',\n attrs: __assign({ x: currentPoint.x, y: currentPoint.y + size / 2, text: text, textBaseline: 'middle' }, get(styleCfg.text, 'style')),\n });\n var textBBox = textShape.getBBox();\n currentPoint.x += textBBox.width + 2;\n var rightArrow = this.drawArrow(subGroup, currentPoint, RIGHT_ARROW_NAME, layout === 'horizontal' ? 'down' : 'right', size, arrowStyle);\n rightArrow.on('click', this.onNavigationAfter);\n return subGroup;\n };\n Category.prototype.updateNavigation = function (navigation) {\n var pageNavigator = deepMix({}, DEFAULT_PAGE_NAVIGATOR, this.get('pageNavigator'));\n var _a = pageNavigator.marker.style, fill = _a.fill, opacity = _a.opacity, inactiveFill = _a.inactiveFill, inactiveOpacity = _a.inactiveOpacity;\n var text = this.currentPageIndex + \"/\" + this.totalPagesCnt;\n var textShape = navigation ? navigation.getChildren()[1] : this.getElementByLocalId('navigation-text');\n var leftArrow = navigation\n ? navigation.findById(this.getElementId(LEFT_ARROW_NAME))\n : this.getElementByLocalId(LEFT_ARROW_NAME);\n var rightArrow = navigation\n ? navigation.findById(this.getElementId(RIGHT_ARROW_NAME))\n : this.getElementByLocalId(RIGHT_ARROW_NAME);\n textShape.attr('text', text);\n // 更新 left-arrow marker\n leftArrow.attr('opacity', this.currentPageIndex === 1 ? inactiveOpacity : opacity);\n leftArrow.attr('fill', this.currentPageIndex === 1 ? inactiveFill : fill);\n leftArrow.attr('cursor', this.currentPageIndex === 1 ? 'not-allowed' : 'pointer');\n // 更新 right-arrow marker\n rightArrow.attr('opacity', this.currentPageIndex === this.totalPagesCnt ? inactiveOpacity : opacity);\n rightArrow.attr('fill', this.currentPageIndex === this.totalPagesCnt ? inactiveFill : fill);\n rightArrow.attr('cursor', this.currentPageIndex === this.totalPagesCnt ? 'not-allowed' : 'pointer');\n // 更新位置\n var cursorX = leftArrow.getBBox().maxX + 2;\n textShape.attr('x', cursorX);\n cursorX += textShape.getBBox().width + 2;\n this.updateArrowPath(rightArrow, { x: cursorX, y: 0 });\n };\n Category.prototype.drawArrow = function (group, currentPoint, name, direction, size, style) {\n var x = currentPoint.x, y = currentPoint.y;\n var shape = this.addShape(group, {\n type: 'path',\n id: this.getElementId(name),\n name: name,\n attrs: __assign({ size: size,\n direction: direction, path: [['M', x + size / 2, y], ['L', x, y + size], ['L', x + size, y + size], ['Z']], cursor: 'pointer' }, style),\n });\n shape.attr('matrix', getMatrixByAngle({ x: x + size / 2, y: y + size / 2 }, ROTATE_MAP[direction]));\n return shape;\n };\n /**\n * 更新分页器 arrow 组件\n */\n Category.prototype.updateArrowPath = function (arrow, point) {\n var x = point.x, y = point.y;\n var _a = arrow.attr(), size = _a.size, direction = _a.direction;\n var matrix = getMatrixByAngle({ x: x + size / 2, y: y + size / 2 }, ROTATE_MAP[direction]);\n arrow.attr('path', [['M', x + size / 2, y], ['L', x, y + size], ['L', x + size, y + size], ['Z']]);\n arrow.attr('matrix', matrix);\n };\n Category.prototype.getCurrentNavigationMatrix = function () {\n var _a = this, currentPageIndex = _a.currentPageIndex, pageWidth = _a.pageWidth, pageHeight = _a.pageHeight;\n var layout = this.get('layout');\n var translate = layout === 'horizontal'\n ? {\n x: 0,\n y: pageHeight * (1 - currentPageIndex),\n }\n : {\n x: pageWidth * (1 - currentPageIndex),\n y: 0,\n };\n return getMatrixByTranslate(translate);\n };\n // 附加状态对应的样式\n Category.prototype.applyItemStates = function (item, subGroup) {\n var states = this.getItemStates(item);\n var hasStates = states.length > 0;\n if (hasStates) {\n var children = subGroup.getChildren();\n var itemStates_1 = this.get('itemStates');\n each(children, function (element) {\n var name = element.get('name');\n var elName = name.split('-')[2]; // marker, name, value\n var statesStyle = getStatesStyle(item, elName, itemStates_1);\n if (statesStyle) {\n element.attr(statesStyle);\n if (elName === 'marker' && !(element.get('isStroke') && element.get('isFill'))) {\n // 如果 marker 是单填充或者单描边的话，就不要额外添加 stroke 或这 fill 属性，否则会影响 unchecked 后的显示\n if (element.get('isStroke')) {\n element.attr('fill', null);\n }\n if (element.get('isFill')) {\n element.attr('stroke', null);\n }\n }\n }\n });\n }\n };\n // 获取 itemWidth 的最终设置\n Category.prototype.getLimitItemWidth = function () {\n var itemWidth = this.get('itemWidth');\n var maxItemWidth = this.get('maxItemWidth');\n if (maxItemWidth) {\n // 设置了最大宽度\n if (itemWidth) {\n maxItemWidth = itemWidth <= maxItemWidth ? itemWidth : maxItemWidth;\n }\n }\n else if (itemWidth) {\n maxItemWidth = itemWidth;\n }\n return maxItemWidth;\n };\n return Category;\n}(LegendBase));\nexport default Category;\n//# sourceMappingURL=category.js.map","import { __assign, __extends, __spreadArrays } from \"tslib\";\nimport { clone, isFunction, mix, upperFirst } from '@antv/util';\nimport Theme from '../util/theme';\nimport { getValueByPercent } from '../util/util';\nimport LegendBase from './base';\nvar HANDLER_HEIGHT_RATIO = 1.4;\nvar HANDLER_TRIANGLE_RATIO = 0.4;\nvar ContinueLegend = /** @class */ (function (_super) {\n __extends(ContinueLegend, _super);\n function ContinueLegend() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ContinueLegend.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { type: 'continue', min: 0, max: 100, value: null, colors: [], track: {}, rail: {}, label: {}, handler: {}, slidable: true, tip: null, step: null, maxWidth: null, maxHeight: null, defaultCfg: {\n label: {\n align: 'rail',\n spacing: 5,\n formatter: null,\n style: {\n fontSize: 12,\n fill: Theme.textColor,\n textBaseline: 'middle',\n fontFamily: Theme.fontFamily,\n },\n },\n handler: {\n size: 10,\n style: {\n fill: '#fff',\n stroke: '#333',\n },\n },\n track: {},\n rail: {\n type: 'color',\n size: 20,\n defaultLength: 100,\n style: {\n fill: '#DCDEE2',\n },\n },\n title: {\n spacing: 5,\n style: {\n fill: Theme.textColor,\n fontSize: 12,\n textAlign: 'start',\n textBaseline: 'top',\n },\n },\n } });\n };\n ContinueLegend.prototype.isSlider = function () {\n return true;\n };\n // 实现 IList 接口\n ContinueLegend.prototype.getValue = function () {\n return this.getCurrentValue();\n };\n ContinueLegend.prototype.getRange = function () {\n return {\n min: this.get('min'),\n max: this.get('max'),\n };\n };\n // 改变 range\n ContinueLegend.prototype.setRange = function (min, max) {\n this.update({\n min: min,\n max: max,\n });\n };\n ContinueLegend.prototype.setValue = function (value) {\n var originValue = this.getValue();\n this.set('value', value);\n var group = this.get('group');\n this.resetTrackClip();\n if (this.get('slidable')) {\n this.resetHandlers(group);\n }\n this.delegateEmit('valuechanged', {\n originValue: originValue,\n value: value,\n });\n };\n ContinueLegend.prototype.initEvent = function () {\n var group = this.get('group');\n this.bindSliderEvent(group);\n this.bindRailEvent(group);\n this.bindTrackEvent(group);\n };\n ContinueLegend.prototype.drawLegendContent = function (group) {\n this.drawRail(group);\n this.drawLabels(group);\n this.fixedElements(group); // 调整各个图形位置，适应宽高的限制\n this.resetTrack(group);\n this.resetTrackClip(group);\n if (this.get('slidable')) {\n this.resetHandlers(group);\n }\n };\n ContinueLegend.prototype.bindSliderEvent = function (group) {\n this.bindHandlersEvent(group);\n };\n ContinueLegend.prototype.bindHandlersEvent = function (group) {\n var _this = this;\n group.on('legend-handler-min:drag', function (ev) {\n var minValue = _this.getValueByCanvasPoint(ev.x, ev.y);\n var currentValue = _this.getCurrentValue();\n var maxValue = currentValue[1];\n if (maxValue < minValue) {\n // 如果小于最小值，则调整最小值\n maxValue = minValue;\n }\n _this.setValue([minValue, maxValue]);\n });\n group.on('legend-handler-max:drag', function (ev) {\n var maxValue = _this.getValueByCanvasPoint(ev.x, ev.y);\n var currentValue = _this.getCurrentValue();\n var minValue = currentValue[0];\n if (minValue > maxValue) {\n // 如果小于最小值，则调整最小值\n minValue = maxValue;\n }\n _this.setValue([minValue, maxValue]);\n });\n };\n ContinueLegend.prototype.bindRailEvent = function (group) { };\n ContinueLegend.prototype.bindTrackEvent = function (group) {\n var _this = this;\n var prePoint = null;\n group.on('legend-track:dragstart', function (ev) {\n prePoint = {\n x: ev.x,\n y: ev.y,\n };\n });\n group.on('legend-track:drag', function (ev) {\n if (!prePoint) {\n return;\n }\n var preValue = _this.getValueByCanvasPoint(prePoint.x, prePoint.y);\n var curValue = _this.getValueByCanvasPoint(ev.x, ev.y);\n var currentValue = _this.getCurrentValue();\n var curDiff = currentValue[1] - currentValue[0];\n var range = _this.getRange();\n var dValue = curValue - preValue;\n if (dValue < 0) {\n // 减小, 同时未出边界\n if (currentValue[0] + dValue > range.min) {\n _this.setValue([currentValue[0] + dValue, currentValue[1] + dValue]);\n }\n else {\n _this.setValue([range.min, range.min + curDiff]);\n }\n // && ||\n }\n else if (dValue > 0) {\n if (dValue > 0 && currentValue[1] + dValue < range.max) {\n _this.setValue([currentValue[0] + dValue, currentValue[1] + dValue]);\n }\n else {\n _this.setValue([range.max - curDiff, range.max]);\n }\n }\n prePoint = {\n x: ev.x,\n y: ev.y,\n };\n });\n group.on('legend-track:dragend', function (ev) {\n prePoint = null;\n });\n };\n ContinueLegend.prototype.drawLabels = function (group) {\n this.drawLabel('min', group);\n this.drawLabel('max', group);\n };\n ContinueLegend.prototype.drawLabel = function (name, group) {\n var labelCfg = this.get('label');\n var style = labelCfg.style;\n var labelAlign = labelCfg.align;\n var labelFormatter = labelCfg.formatter;\n var value = this.get(name);\n var alignAttrs = this.getLabelAlignAttrs(name, labelAlign);\n var localId = \"label-\" + name;\n this.addShape(group, {\n type: 'text',\n id: this.getElementId(localId),\n name: \"legend-label-\" + name,\n attrs: __assign(__assign({ x: 0, y: 0, text: isFunction(labelFormatter) ? labelFormatter(value) : value }, style), alignAttrs),\n });\n };\n // 获取文本的对齐方式，为了自适应真实操碎了心\n ContinueLegend.prototype.getLabelAlignAttrs = function (name, align) {\n var isVertical = this.isVertical();\n var textAlign = 'center';\n var textBaseline = 'middle';\n if (isVertical) {\n // 垂直布局的所有的文本都左对齐\n textAlign = 'start';\n if (align !== 'rail') {\n if (name === 'min') {\n textBaseline = 'top';\n }\n else {\n textBaseline = 'bottom';\n }\n }\n else {\n textBaseline = 'top';\n }\n }\n else {\n if (align !== 'rail') {\n textBaseline = 'top';\n if (name === 'min') {\n textAlign = 'start';\n }\n else {\n textAlign = 'end';\n }\n }\n else {\n textAlign = 'start';\n textBaseline = 'middle';\n }\n }\n return {\n textAlign: textAlign,\n textBaseline: textBaseline,\n };\n };\n ContinueLegend.prototype.getRailPath = function (x, y, w, h) {\n var railCfg = this.get('rail');\n var size = railCfg.size, defaultLength = railCfg.defaultLength, type = railCfg.type;\n var isVertical = this.isVertical();\n var length = defaultLength;\n var width = w;\n var height = h;\n if (!width) {\n width = isVertical ? size : length;\n }\n if (!height) {\n height = isVertical ? length : size;\n }\n var path = [];\n if (type === 'color') {\n path.push(['M', x, y]);\n path.push(['L', x + width, y]);\n path.push(['L', x + width, y + height]);\n path.push(['L', x, y + height]);\n path.push(['Z']);\n }\n else {\n path.push(['M', x + width, y]);\n path.push(['L', x + width, y + height]);\n path.push(['L', x, y + height]);\n path.push(['Z']);\n }\n return path;\n };\n ContinueLegend.prototype.drawRail = function (group) {\n var railCfg = this.get('rail');\n var style = railCfg.style;\n this.addShape(group, {\n type: 'path',\n id: this.getElementId('rail'),\n name: 'legend-rail',\n attrs: __assign({ path: this.getRailPath(0, 0) }, style),\n });\n };\n // 将传入的颜色转换成渐变色\n ContinueLegend.prototype.getTrackColor = function (colors) {\n var count = colors.length;\n if (!count) {\n return null;\n }\n if (count === 1) {\n return colors[0];\n }\n var color; // 最终形态 l(0) 0:colors[0] 0.5:colors[1] 1:colors[2];\n if (this.isVertical()) {\n // 根据方向设置渐变方向\n color = 'l(90)';\n }\n else {\n color = 'l(0)';\n }\n for (var i = 0; i < count; i++) {\n var percent = i / (count - 1);\n color += \" \" + percent + \":\" + colors[i];\n }\n return color;\n };\n ContinueLegend.prototype.getTrackPath = function (group) {\n var railShape = this.getRailShape(group);\n var path = railShape.attr('path');\n return clone(path);\n };\n ContinueLegend.prototype.getClipTrackAttrs = function (group) {\n var value = this.getCurrentValue();\n var min = value[0], max = value[1];\n var railBBox = this.getRailBBox(group);\n var startPoint = this.getPointByValue(min, group);\n var endPoint = this.getPointByValue(max, group);\n var isVertical = this.isVertical();\n var x;\n var y;\n var width;\n var height;\n if (isVertical) {\n x = railBBox.minX;\n y = startPoint.y;\n width = railBBox.width;\n height = endPoint.y - startPoint.y;\n }\n else {\n x = startPoint.x;\n y = railBBox.minY;\n width = endPoint.x - startPoint.x;\n height = railBBox.height;\n }\n return {\n x: x,\n y: y,\n width: width,\n height: height,\n };\n };\n // 获取 track 的属性，由 path 和 颜色构成\n ContinueLegend.prototype.getTrackAttrs = function (group) {\n var trackCfg = this.get('track');\n var colors = this.get('colors');\n var path = this.getTrackPath(group);\n return mix({\n path: path,\n fill: this.getTrackColor(colors),\n }, trackCfg.style);\n };\n ContinueLegend.prototype.resetTrackClip = function (group) {\n var container = group || this.get('group');\n var trackId = this.getElementId('track');\n var trackShape = container.findById(trackId);\n var clipShape = trackShape.getClip();\n var attrs = this.getClipTrackAttrs(group);\n if (!clipShape) {\n trackShape.setClip({\n type: 'rect',\n attrs: attrs,\n });\n }\n else {\n clipShape.attr(attrs);\n }\n };\n ContinueLegend.prototype.resetTrack = function (group) {\n var trackId = this.getElementId('track');\n var trackShape = group.findById(trackId);\n var trackAttrs = this.getTrackAttrs(group);\n if (trackShape) {\n trackShape.attr(trackAttrs);\n }\n else {\n this.addShape(group, {\n type: 'path',\n id: trackId,\n draggable: this.get('slidable'),\n name: 'legend-track',\n attrs: trackAttrs,\n });\n }\n };\n ContinueLegend.prototype.getPointByValue = function (value, group) {\n var _a = this.getRange(), min = _a.min, max = _a.max;\n var percent = (value - min) / (max - min);\n var bbox = this.getRailBBox(group);\n var isVertcal = this.isVertical();\n var point = { x: 0, y: 0 };\n if (isVertcal) {\n point.x = bbox.minX + bbox.width / 2;\n point.y = getValueByPercent(bbox.minY, bbox.maxY, percent);\n }\n else {\n point.x = getValueByPercent(bbox.minX, bbox.maxX, percent);\n point.y = bbox.minY + bbox.height / 2;\n }\n return point;\n };\n ContinueLegend.prototype.getRailShape = function (group) {\n var container = group || this.get('group');\n return container.findById(this.getElementId('rail'));\n };\n // 获取滑轨的宽高信息\n ContinueLegend.prototype.getRailBBox = function (group) {\n var railShape = this.getRailShape(group);\n var bbox = railShape.getBBox();\n return bbox;\n };\n ContinueLegend.prototype.getRailCanvasBBox = function () {\n var container = this.get('group');\n var railShape = container.findById(this.getElementId('rail'));\n var bbox = railShape.getCanvasBBox();\n return bbox;\n };\n // 是否垂直\n ContinueLegend.prototype.isVertical = function () {\n return this.get('layout') === 'vertical';\n };\n // 用于交互时\n ContinueLegend.prototype.getValueByCanvasPoint = function (x, y) {\n var _a = this.getRange(), min = _a.min, max = _a.max;\n var bbox = this.getRailCanvasBBox(); // 因为 x, y 是画布坐标\n var isVertcal = this.isVertical();\n var step = this.get('step');\n var percent;\n if (isVertcal) {\n // 垂直时计算 y\n percent = (y - bbox.minY) / bbox.height;\n }\n else {\n // 水平时计算 x\n percent = (x - bbox.minX) / bbox.width;\n }\n var value = getValueByPercent(min, max, percent);\n if (step) {\n var count = Math.round((value - min) / step);\n value = min + count * step; // 移动到最近的\n }\n if (value > max) {\n value = max;\n }\n if (value < min) {\n value = min;\n }\n return value;\n };\n // 当前选中的范围\n ContinueLegend.prototype.getCurrentValue = function () {\n var value = this.get('value');\n if (!value) {\n var values = this.get('values');\n if (!values) {\n return [this.get('min'), this.get('max')];\n }\n // 如果没有定义，取最大范围 最小值 为 values 中的最小值， 如果最小值 超过了 定义的最大值 则 做限制 最大值 反之\n return [Math.max(Math.min.apply(Math, __spreadArrays(values, [this.get('max')])), this.get('min')), Math.min(Math.max.apply(Math, __spreadArrays(values, [this.get('min')])), this.get('max'))];\n }\n return value;\n };\n // 重置滑块 handler\n ContinueLegend.prototype.resetHandlers = function (group) {\n var currentValue = this.getCurrentValue();\n var min = currentValue[0], max = currentValue[1];\n this.resetHandler(group, 'min', min);\n this.resetHandler(group, 'max', max);\n };\n // 获取滑块的 path\n ContinueLegend.prototype.getHandlerPath = function (handlerCfg, point) {\n var isVertical = this.isVertical();\n var path = [];\n var width = handlerCfg.size;\n var x = point.x, y = point.y;\n var height = width * HANDLER_HEIGHT_RATIO;\n var halfWidth = width / 2;\n var oneSixthWidth = width / 6;\n if (isVertical) {\n /**\n * 竖直情况下的滑块 handler，左侧顶点是 x,y\n * /----|\n * -- |\n * -- |\n * \\----|\n */\n var triangleX = x + height * HANDLER_TRIANGLE_RATIO;\n path.push(['M', x, y]);\n path.push(['L', triangleX, y + halfWidth]);\n path.push(['L', x + height, y + halfWidth]);\n path.push(['L', x + height, y - halfWidth]);\n path.push(['L', triangleX, y - halfWidth]);\n path.push(['Z']);\n // 绘制两条横线\n path.push(['M', triangleX, y + oneSixthWidth]);\n path.push(['L', x + height - 2, y + oneSixthWidth]);\n path.push(['M', triangleX, y - oneSixthWidth]);\n path.push(['L', x + height - 2, y - oneSixthWidth]);\n }\n else {\n /**\n * 水平情况下的滑块，上面顶点处是 x,y\n * / \\\n * | | | |\n * | | | |\n * -----\n */\n var triangleY = y + height * HANDLER_TRIANGLE_RATIO;\n path.push(['M', x, y]);\n path.push(['L', x - halfWidth, triangleY]);\n path.push(['L', x - halfWidth, y + height]);\n path.push(['L', x + halfWidth, y + height]);\n path.push(['L', x + halfWidth, triangleY]);\n path.push(['Z']);\n // 绘制两条竖线\n path.push(['M', x - oneSixthWidth, triangleY]);\n path.push(['L', x - oneSixthWidth, y + height - 2]);\n path.push(['M', x + oneSixthWidth, triangleY]);\n path.push(['L', x + oneSixthWidth, y + height - 2]);\n }\n return path;\n };\n // 调整 handler 的位置，如果未存在则绘制\n ContinueLegend.prototype.resetHandler = function (group, name, value) {\n var point = this.getPointByValue(value, group);\n var handlerCfg = this.get('handler');\n var path = this.getHandlerPath(handlerCfg, point);\n var id = this.getElementId(\"handler-\" + name);\n var handlerShape = group.findById(id);\n var isVertical = this.isVertical();\n if (handlerShape) {\n handlerShape.attr('path', path);\n }\n else {\n this.addShape(group, {\n type: 'path',\n name: \"legend-handler-\" + name,\n draggable: true,\n id: id,\n attrs: __assign(__assign({ path: path }, handlerCfg.style), { cursor: isVertical ? 'ns-resize' : 'ew-resize' }),\n });\n }\n };\n // 当设置了 maxWidth, maxHeight 时调整 rail 的宽度，\n // 文本的位置\n ContinueLegend.prototype.fixedElements = function (group) {\n var railShape = group.findById(this.getElementId('rail'));\n var minLabel = group.findById(this.getElementId('label-min'));\n var maxLabel = group.findById(this.getElementId('label-max'));\n var startPoint = this.getDrawPoint();\n if (this.isVertical()) {\n // 横向布局\n this.fixedVertail(minLabel, maxLabel, railShape, startPoint);\n }\n else {\n // 水平布局\n this.fixedHorizontal(minLabel, maxLabel, railShape, startPoint);\n }\n };\n ContinueLegend.prototype.fitRailLength = function (minLabelBBox, maxLabelBBox, railBBox, railShape) {\n var isVertical = this.isVertical();\n var lengthField = isVertical ? 'height' : 'width';\n var labelCfg = this.get('label');\n var labelAlign = labelCfg.align;\n var spacing = labelCfg.spacing;\n var maxLength = this.get(\"max\" + upperFirst(lengthField)); // get('maxWidth')\n if (maxLength) {\n var elementsLength = labelAlign === 'rail'\n ? railBBox[lengthField] + minLabelBBox[lengthField] + maxLabelBBox[lengthField] + spacing * 2\n : railBBox[lengthField];\n var diff = elementsLength - maxLength;\n if (diff > 0) {\n // 大于限制的长度\n this.changeRailLength(railShape, lengthField, railBBox[lengthField] - diff);\n }\n }\n };\n ContinueLegend.prototype.changeRailLength = function (railShape, lengthField, length) {\n var bbox = railShape.getBBox();\n var path;\n if (lengthField === 'height') {\n path = this.getRailPath(bbox.x, bbox.y, bbox.width, length);\n }\n else {\n path = this.getRailPath(bbox.x, bbox.y, length, bbox.height);\n }\n railShape.attr('path', path);\n };\n ContinueLegend.prototype.changeRailPosition = function (railShape, x, y) {\n var bbox = railShape.getBBox();\n var path = this.getRailPath(x, y, bbox.width, bbox.height);\n railShape.attr('path', path);\n };\n ContinueLegend.prototype.fixedHorizontal = function (minLabel, maxLabel, railShape, startPoint) {\n var labelCfg = this.get('label');\n var labelAlign = labelCfg.align;\n var spacing = labelCfg.spacing;\n var railBBox = railShape.getBBox();\n var minLabelBBox = minLabel.getBBox();\n var maxLabelBBox = maxLabel.getBBox();\n var railHeight = railBBox.height; // 取 rail 的高度，作为高度\n this.fitRailLength(minLabelBBox, maxLabelBBox, railBBox, railShape);\n railBBox = railShape.getBBox();\n if (labelAlign === 'rail') {\n // 沿着 rail 方向\n minLabel.attr({\n x: startPoint.x,\n y: startPoint.y + railHeight / 2,\n });\n this.changeRailPosition(railShape, startPoint.x + minLabelBBox.width + spacing, startPoint.y);\n maxLabel.attr({\n x: startPoint.x + minLabelBBox.width + railBBox.width + spacing * 2,\n y: startPoint.y + railHeight / 2,\n });\n }\n else if (labelAlign === 'top') {\n minLabel.attr({\n x: startPoint.x,\n y: startPoint.y,\n });\n maxLabel.attr({\n x: startPoint.x + railBBox.width,\n y: startPoint.y,\n });\n this.changeRailPosition(railShape, startPoint.x, startPoint.y + minLabelBBox.height + spacing);\n }\n else {\n this.changeRailPosition(railShape, startPoint.x, startPoint.y);\n minLabel.attr({\n x: startPoint.x,\n y: startPoint.y + railBBox.height + spacing,\n });\n maxLabel.attr({\n x: startPoint.x + railBBox.width,\n y: startPoint.y + railBBox.height + spacing,\n });\n }\n };\n ContinueLegend.prototype.fixedVertail = function (minLabel, maxLabel, railShape, startPoint) {\n var labelCfg = this.get('label');\n var labelAlign = labelCfg.align;\n var spacing = labelCfg.spacing;\n var railBBox = railShape.getBBox();\n var minLabelBBox = minLabel.getBBox();\n var maxLabelBBox = maxLabel.getBBox();\n this.fitRailLength(minLabelBBox, maxLabelBBox, railBBox, railShape);\n railBBox = railShape.getBBox();\n if (labelAlign === 'rail') {\n // 沿着 rail 方向\n minLabel.attr({\n x: startPoint.x,\n y: startPoint.y,\n });\n this.changeRailPosition(railShape, startPoint.x, startPoint.y + minLabelBBox.height + spacing);\n maxLabel.attr({\n x: startPoint.x,\n y: startPoint.y + minLabelBBox.height + railBBox.height + spacing * 2,\n });\n }\n else if (labelAlign === 'right') {\n minLabel.attr({\n x: startPoint.x + railBBox.width + spacing,\n y: startPoint.y,\n });\n this.changeRailPosition(railShape, startPoint.x, startPoint.y);\n maxLabel.attr({\n x: startPoint.x + railBBox.width + spacing,\n y: startPoint.y + railBBox.height,\n });\n }\n else {\n // left\n var maxLabelWidth = Math.max(minLabelBBox.width, maxLabelBBox.width);\n minLabel.attr({\n x: startPoint.x,\n y: startPoint.y,\n });\n this.changeRailPosition(railShape, startPoint.x + maxLabelWidth + spacing, startPoint.y);\n maxLabel.attr({\n x: startPoint.x,\n y: startPoint.y + railBBox.height,\n });\n }\n };\n return ContinueLegend;\n}(LegendBase));\nexport default ContinueLegend;\n//# sourceMappingURL=continuous.js.map","/**\n * @description 扩展方法，提供 gl-matrix 为提供的方法\n * */\nimport { mat3, vec2 } from 'gl-matrix';\nexport function leftTranslate(out, a, v) {\n var transMat = [0, 0, 0, 0, 0, 0, 0, 0, 0];\n mat3.fromTranslation(transMat, v);\n return mat3.multiply(out, transMat, a);\n}\nexport function leftRotate(out, a, rad) {\n var rotateMat = [0, 0, 0, 0, 0, 0, 0, 0, 0];\n mat3.fromRotation(rotateMat, rad);\n return mat3.multiply(out, rotateMat, a);\n}\nexport function leftScale(out, a, v) {\n var scaleMat = [0, 0, 0, 0, 0, 0, 0, 0, 0];\n mat3.fromScaling(scaleMat, v);\n return mat3.multiply(out, scaleMat, a);\n}\nfunction leftMultiply(out, a, a1) {\n return mat3.multiply(out, a1, a);\n}\n/**\n * 根据 actions 来做 transform\n * @param m\n * @param actions\n */\nexport function transform(m, actions) {\n var matrix = m ? [].concat(m) : [1, 0, 0, 0, 1, 0, 0, 0, 1];\n for (var i = 0, len = actions.length; i < len; i++) {\n var action = actions[i];\n switch (action[0]) {\n case 't':\n leftTranslate(matrix, matrix, [action[1], action[2]]);\n break;\n case 's':\n leftScale(matrix, matrix, [action[1], action[2]]);\n break;\n case 'r':\n leftRotate(matrix, matrix, action[1]);\n break;\n case 'm':\n leftMultiply(matrix, matrix, action[1]);\n break;\n default:\n break;\n }\n }\n return matrix;\n}\n/**\n * 向量 v1 到 向量 v2 夹角的方向\n * @param {Array} v1 向量\n * @param {Array} v2 向量\n * @return {Boolean} >= 0 顺时针 < 0 逆时针\n */\nexport function direction(v1, v2) {\n return v1[0] * v2[1] - v2[0] * v1[1];\n}\n/**\n * 二维向量 v1 到 v2 的夹角\n * @param v1\n * @param v2\n * @param direct\n */\nexport function angleTo(v1, v2, direct) {\n var ang = vec2.angle(v1, v2);\n var angleLargeThanPI = direction(v1, v2) >= 0;\n if (direct) {\n if (angleLargeThanPI) {\n return Math.PI * 2 - ang;\n }\n return ang;\n }\n if (angleLargeThanPI) {\n return ang;\n }\n return Math.PI * 2 - ang;\n}\n/**\n * 计算二维向量的垂直向量\n * @param out\n * @param v\n * @param flag\n */\nexport function vertical(out, v, flag) {\n if (flag) {\n out[0] = v[1];\n out[1] = -1 * v[0];\n }\n else {\n out[0] = -1 * v[1];\n out[1] = v[0];\n }\n return out;\n}\n//# sourceMappingURL=ext.js.map","import { map, memoize, isString, each } from '@antv/util';\nvar RGB_REG = /rgba?\\(([\\s.,0-9]+)\\)/;\nvar regexLG = /^l\\s*\\(\\s*([\\d.]+)\\s*\\)\\s*(.*)/i;\nvar regexRG = /^r\\s*\\(\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*,\\s*([\\d.]+)\\s*\\)\\s*(.*)/i;\nvar regexColorStop = /[\\d.]+:(#[^\\s]+|[^\\)]+\\))/gi;\nvar isGradientColor = function (val) { return /^[r,R,L,l]{1}[\\s]*\\(/.test(val); };\n// 创建辅助 tag 取颜色\nvar createTmp = function () {\n var i = document.createElement('i');\n i.title = 'Web Colour Picker';\n i.style.display = 'none';\n document.body.appendChild(i);\n return i;\n};\n// 获取颜色之间的插值\nvar getValue = function (start, end, percent, index) {\n return start[index] + (end[index] - start[index]) * percent;\n};\n// 数组转换成颜色\nfunction arr2rgb(arr) {\n return \"#\" + toHex(arr[0]) + toHex(arr[1]) + toHex(arr[2]);\n}\n// rgb 颜色转换成数组\nvar rgb2arr = function (str) {\n return [\n parseInt(str.substr(1, 2), 16),\n parseInt(str.substr(3, 2), 16),\n parseInt(str.substr(5, 2), 16),\n ];\n};\n// 将数值从 0-255 转换成16进制字符串\nvar toHex = function (value) {\n var x16Value = Math.round(value).toString(16);\n return x16Value.length === 1 ? \"0\" + x16Value : x16Value;\n};\n// 计算颜色\nvar calColor = function (points, percent) {\n var fixedPercent = isNaN(Number(percent)) || percent < 0 ? 0 :\n percent > 1 ? 1 :\n Number(percent);\n var steps = points.length - 1;\n var step = Math.floor(steps * fixedPercent);\n var left = steps * fixedPercent - step;\n var start = points[step];\n var end = step === steps ? start : points[step + 1];\n return arr2rgb([\n getValue(start, end, left, 0),\n getValue(start, end, left, 1),\n getValue(start, end, left, 2),\n ]);\n};\n// 用于给 toRGB 的缓存（使用 memoize 方法替换）\n// const colorCache = {};\nvar iEl;\n/**\n * 将颜色转换到 rgb 的格式\n * @param {color} color 颜色\n * @return 将颜色转换到 '#ffffff' 的格式\n */\nvar toRGB = function (color) {\n // 如果已经是 rgb的格式\n if (color[0] === '#' && color.length === 7) {\n return color;\n }\n if (!iEl) {\n // 防止防止在页头报错\n iEl = createTmp();\n }\n iEl.style.color = color;\n var rst = document.defaultView.getComputedStyle(iEl, '').getPropertyValue('color');\n var matches = RGB_REG.exec(rst);\n var cArray = matches[1].split(/\\s*,\\s*/).map(function (s) { return Number(s); });\n rst = arr2rgb(cArray);\n return rst;\n};\n/**\n * 获取渐变函数\n * @param colors 多个颜色\n * @return 颜色值\n */\nvar gradient = function (colors) {\n var colorArray = isString(colors) ? colors.split('-') : colors;\n var points = map(colorArray, function (color) {\n return rgb2arr(color.indexOf('#') === -1 ? toRGB(color) : color);\n });\n // 返回一个函数\n return function (percent) {\n return calColor(points, percent);\n };\n};\nvar toCSSGradient = function (gradientColor) {\n if (isGradientColor(gradientColor)) {\n var cssColor_1;\n var steps = void 0;\n if (gradientColor[0] === 'l') {\n // 线性渐变\n var arr = regexLG.exec(gradientColor);\n var angle = +arr[1] + 90; // css 和 g 的渐变起始角度不同\n steps = arr[2];\n cssColor_1 = \"linear-gradient(\" + angle + \"deg, \";\n }\n else if (gradientColor[0] === 'r') {\n // 径向渐变\n cssColor_1 = 'radial-gradient(';\n var arr = regexRG.exec(gradientColor);\n steps = arr[4];\n }\n var colorStops_1 = steps.match(regexColorStop);\n each(colorStops_1, function (item, index) {\n var itemArr = item.split(':');\n cssColor_1 += itemArr[1] + \" \" + itemArr[0] * 100 + \"%\";\n if (index !== (colorStops_1.length - 1)) {\n cssColor_1 += ', ';\n }\n });\n cssColor_1 += ')';\n return cssColor_1;\n }\n return gradientColor;\n};\nexport default {\n rgb2arr: rgb2arr,\n gradient: gradient,\n toRGB: memoize(toRGB),\n toCSSGradient: toCSSGradient,\n};\n//# sourceMappingURL=index.js.map","import { getAdjust, registerAdjust } from './factory';\nimport Adjust from './adjusts/adjust';\nimport Dodge from './adjusts/dodge';\nimport Jitter from './adjusts/jitter';\nimport Stack from './adjusts/stack';\nimport Symmetric from './adjusts/symmetric';\n// 注册内置的 adjust\nregisterAdjust('Dodge', Dodge);\nregisterAdjust('Jitter', Jitter);\nregisterAdjust('Stack', Stack);\nregisterAdjust('Symmetric', Symmetric);\n// 最终暴露给外部的方法\nexport { getAdjust, registerAdjust, Adjust };\nexport * from './interface';\n//# sourceMappingURL=index.js.map","import { __assign, __extends } from \"tslib\";\nimport * as _ from '@antv/util';\nimport Adjust from './adjust';\nvar Cache = _.Cache;\nvar Stack = /** @class */ (function (_super) {\n __extends(Stack, _super);\n function Stack(cfg) {\n var _this = _super.call(this, cfg) || this;\n var _a = cfg.adjustNames, adjustNames = _a === void 0 ? ['y'] : _a, _b = cfg.height, height = _b === void 0 ? NaN : _b, _c = cfg.size, size = _c === void 0 ? 10 : _c, _d = cfg.reverseOrder, reverseOrder = _d === void 0 ? false : _d;\n _this.adjustNames = adjustNames;\n _this.height = height;\n _this.size = size;\n _this.reverseOrder = reverseOrder;\n return _this;\n }\n /**\n * 方法入参是经过数据分组、数据数字化之后的二维数组\n * @param groupDataArray 分组之后的数据\n */\n Stack.prototype.process = function (groupDataArray) {\n var _a = this, yField = _a.yField, reverseOrder = _a.reverseOrder;\n // 如果有指定 y 字段，那么按照 y 字段来 stack\n // 否则，按照高度均分\n var d = yField ? this.processStack(groupDataArray) : this.processOneDimStack(groupDataArray);\n return reverseOrder ? this.reverse(d) : d;\n };\n Stack.prototype.reverse = function (groupedDataArray) {\n return groupedDataArray.slice(0).reverse();\n };\n Stack.prototype.processStack = function (groupDataArray) {\n var _a = this, xField = _a.xField, yField = _a.yField, reverseOrder = _a.reverseOrder;\n // 层叠顺序翻转\n var groupedDataArray = reverseOrder ? this.reverse(groupDataArray) : groupDataArray;\n // 用来缓存，正数和负数的堆叠问题\n var positive = new Cache();\n var negative = new Cache();\n return groupedDataArray.map(function (dataArray) {\n return dataArray.map(function (data) {\n var _a;\n var x = _.get(data, xField, 0);\n var y = _.get(data, [yField]);\n var xKey = x.toString();\n // todo 是否应该取 _origin？因为 y 可能取到的值不正确，比如先 symmetric，再 stack！\n y = _.isArray(y) ? y[1] : y;\n if (!_.isNil(y)) {\n var cache = y >= 0 ? positive : negative;\n if (!cache.has(xKey)) {\n cache.set(xKey, 0);\n }\n var xValue = cache.get(xKey);\n var newXValue = y + xValue;\n // 存起来\n cache.set(xKey, newXValue);\n return __assign(__assign({}, data), (_a = {}, _a[yField] = [xValue, newXValue], _a));\n }\n // 没有修改，则直接返回\n return data;\n });\n });\n };\n Stack.prototype.processOneDimStack = function (groupDataArray) {\n var _this = this;\n var _a = this, xField = _a.xField, height = _a.height, reverseOrder = _a.reverseOrder;\n var yField = 'y';\n // 如果层叠的顺序翻转\n var groupedDataArray = reverseOrder ? this.reverse(groupDataArray) : groupDataArray;\n // 缓存累加数据\n var cache = new Cache();\n return groupedDataArray.map(function (dataArray) {\n return dataArray.map(function (data) {\n var _a;\n var size = _this.size;\n var xValue = data[xField];\n // todo 没有看到这个 stack 计算原理\n var stackHeight = (size * 2) / height;\n if (!cache.has(xValue)) {\n cache.set(xValue, stackHeight / 2); // 初始值大小\n }\n var stackValue = cache.get(xValue);\n // 增加一层 stackHeight\n cache.set(xValue, stackValue + stackHeight);\n return __assign(__assign({}, data), (_a = {}, _a[yField] = stackValue, _a));\n });\n });\n };\n return Stack;\n}(Adjust));\nexport default Stack;\n//# sourceMappingURL=stack.js.map","var methodCache = {};\n/**\n * 获取计算 ticks 的方法\n * @param key 键值\n * @returns 计算 ticks 的方法\n */\nexport function getTickMethod(key) {\n return methodCache[key];\n}\n/**\n * 注册计算 ticks 的方法\n * @param key 键值\n * @param method 方法\n */\nexport function registerTickMethod(key, method) {\n methodCache[key] = method;\n}\n//# sourceMappingURL=register.js.map","import { assign, isEmpty, isFunction, isNil, isNumber, isObject, isString, map } from '@antv/util';\nimport { getTickMethod } from './tick-method/register';\nvar Scale = /** @class */ (function () {\n function Scale(cfg) {\n /**\n * 度量的类型\n */\n this.type = 'base';\n /**\n * 是否分类类型的度量\n */\n this.isCategory = false;\n /**\n * 是否线性度量，有linear, time 度量\n */\n this.isLinear = false;\n /**\n * 是否连续类型的度量，linear,time,log, pow, quantile, quantize 都支持\n */\n this.isContinuous = false;\n /**\n * 是否是常量的度量，传入和传出一致\n */\n this.isIdentity = false;\n this.values = [];\n this.range = [0, 1];\n this.ticks = [];\n this.__cfg__ = cfg;\n this.initCfg();\n this.init();\n }\n // 对于原始值的必要转换，如分类、时间字段需转换成数值，用transform/map命名可能更好\n Scale.prototype.translate = function (v) {\n return v;\n };\n /** 重新初始化 */\n Scale.prototype.change = function (cfg) {\n // 覆盖配置项，而不替代\n assign(this.__cfg__, cfg);\n this.init();\n };\n Scale.prototype.clone = function () {\n return this.constructor(this.__cfg__);\n };\n /** 获取坐标轴需要的ticks */\n Scale.prototype.getTicks = function () {\n var _this = this;\n return map(this.ticks, function (tick, idx) {\n if (isObject(tick)) {\n // 仅当符合Tick类型时才有意义\n return tick;\n }\n return {\n text: _this.getText(tick, idx),\n tickValue: tick,\n value: _this.scale(tick),\n };\n });\n };\n /** 获取Tick的格式化结果 */\n Scale.prototype.getText = function (value, key) {\n var formatter = this.formatter;\n var res = formatter ? formatter(value, key) : value;\n if (isNil(res) || !isFunction(res.toString)) {\n return '';\n }\n return res.toString();\n };\n // 获取配置项中的值，当前 scale 上的值可能会被修改\n Scale.prototype.getConfig = function (key) {\n return this.__cfg__[key];\n };\n // scale初始化\n Scale.prototype.init = function () {\n assign(this, this.__cfg__);\n this.setDomain();\n if (isEmpty(this.getConfig('ticks'))) {\n this.ticks = this.calculateTicks();\n }\n };\n // 子类上覆盖某些属性，不能直接在类上声明，否则会被覆盖\n Scale.prototype.initCfg = function () { };\n Scale.prototype.setDomain = function () { };\n Scale.prototype.calculateTicks = function () {\n var tickMethod = this.tickMethod;\n var ticks = [];\n if (isString(tickMethod)) {\n var method = getTickMethod(tickMethod);\n if (!method) {\n throw new Error('There is no method to to calculate ticks!');\n }\n ticks = method(this);\n }\n else if (isFunction(tickMethod)) {\n ticks = tickMethod(this);\n }\n return ticks;\n };\n // range 的最小值\n Scale.prototype.rangeMin = function () {\n return this.range[0];\n };\n // range 的最大值\n Scale.prototype.rangeMax = function () {\n return this.range[1];\n };\n /** 定义域转 0~1 */\n Scale.prototype.calcPercent = function (value, min, max) {\n if (isNumber(value)) {\n return (value - min) / (max - min);\n }\n return NaN;\n };\n /** 0~1转定义域 */\n Scale.prototype.calcValue = function (percent, min, max) {\n return min + percent * (max - min);\n };\n return Scale;\n}());\nexport default Scale;\n//# sourceMappingURL=base.js.map","/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n","import { __extends, __spreadArrays } from \"tslib\";\nimport { isNil, isNumber } from '@antv/util';\nimport Base from '../base';\n/**\n * 分类度量\n * @class\n */\nvar Category = /** @class */ (function (_super) {\n __extends(Category, _super);\n function Category() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'cat';\n _this.isCategory = true;\n return _this;\n }\n Category.prototype.buildIndexMap = function () {\n if (!this.translateIndexMap) {\n this.translateIndexMap = new Map();\n // 重新构建缓存\n for (var i = 0; i < this.values.length; i++) {\n this.translateIndexMap.set(this.values[i], i);\n }\n }\n };\n Category.prototype.translate = function (value) {\n // 按需构建 map\n this.buildIndexMap();\n // 找得到\n var idx = this.translateIndexMap.get(value);\n if (idx === undefined) {\n idx = isNumber(value) ? value : NaN;\n }\n return idx;\n };\n Category.prototype.scale = function (value) {\n var order = this.translate(value);\n // 分类数据允许 0.5 范围内调整\n // if (order < this.min - 0.5 || order > this.max + 0.5) {\n // return NaN;\n // }\n var percent = this.calcPercent(order, this.min, this.max);\n return this.calcValue(percent, this.rangeMin(), this.rangeMax());\n };\n Category.prototype.invert = function (scaledValue) {\n var domainRange = this.max - this.min;\n var percent = this.calcPercent(scaledValue, this.rangeMin(), this.rangeMax());\n var idx = Math.round(domainRange * percent) + this.min;\n if (idx < this.min || idx > this.max) {\n return NaN;\n }\n return this.values[idx];\n };\n Category.prototype.getText = function (value) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n var v = value;\n // value为index\n if (isNumber(value) && !this.values.includes(value)) {\n v = this.values[v];\n }\n return _super.prototype.getText.apply(this, __spreadArrays([v], args));\n };\n // 复写属性\n Category.prototype.initCfg = function () {\n this.tickMethod = 'cat';\n };\n // 设置 min, max\n Category.prototype.setDomain = function () {\n // 用户有可能设置 min\n if (isNil(this.getConfig('min'))) {\n this.min = 0;\n }\n if (isNil(this.getConfig('max'))) {\n var size = this.values.length;\n this.max = size > 1 ? size - 1 : size;\n }\n // scale.init 的时候清除缓存\n if (this.translateIndexMap) {\n this.translateIndexMap = undefined;\n }\n };\n return Category;\n}(Base));\nexport default Category;\n//# sourceMappingURL=base.js.map","var token = /d{1,4}|M{1,4}|YY(?:YY)?|S{1,3}|Do|ZZ|Z|([HhMsDm])\\1?|[aA]|\"[^\"]*\"|'[^']*'/g;\nvar twoDigitsOptional = \"\\\\d\\\\d?\";\nvar twoDigits = \"\\\\d\\\\d\";\nvar threeDigits = \"\\\\d{3}\";\nvar fourDigits = \"\\\\d{4}\";\nvar word = \"[^\\\\s]+\";\nvar literal = /\\[([^]*?)\\]/gm;\nfunction shorten(arr, sLen) {\n var newArr = [];\n for (var i = 0, len = arr.length; i < len; i++) {\n newArr.push(arr[i].substr(0, sLen));\n }\n return newArr;\n}\nvar monthUpdate = function (arrName) { return function (v, i18n) {\n var lowerCaseArr = i18n[arrName].map(function (v) { return v.toLowerCase(); });\n var index = lowerCaseArr.indexOf(v.toLowerCase());\n if (index > -1) {\n return index;\n }\n return null;\n}; };\nfunction assign(origObj) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n for (var _a = 0, args_1 = args; _a < args_1.length; _a++) {\n var obj = args_1[_a];\n for (var key in obj) {\n // @ts-ignore ex\n origObj[key] = obj[key];\n }\n }\n return origObj;\n}\nvar dayNames = [\n \"Sunday\",\n \"Monday\",\n \"Tuesday\",\n \"Wednesday\",\n \"Thursday\",\n \"Friday\",\n \"Saturday\"\n];\nvar monthNames = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\"\n];\nvar monthNamesShort = shorten(monthNames, 3);\nvar dayNamesShort = shorten(dayNames, 3);\nvar defaultI18n = {\n dayNamesShort: dayNamesShort,\n dayNames: dayNames,\n monthNamesShort: monthNamesShort,\n monthNames: monthNames,\n amPm: [\"am\", \"pm\"],\n DoFn: function (dayOfMonth) {\n return (dayOfMonth +\n [\"th\", \"st\", \"nd\", \"rd\"][dayOfMonth % 10 > 3\n ? 0\n : ((dayOfMonth - (dayOfMonth % 10) !== 10 ? 1 : 0) * dayOfMonth) % 10]);\n }\n};\nvar globalI18n = assign({}, defaultI18n);\nvar setGlobalDateI18n = function (i18n) {\n return (globalI18n = assign(globalI18n, i18n));\n};\nvar regexEscape = function (str) {\n return str.replace(/[|\\\\{()[^$+*?.-]/g, \"\\\\$&\");\n};\nvar pad = function (val, len) {\n if (len === void 0) { len = 2; }\n val = String(val);\n while (val.length < len) {\n val = \"0\" + val;\n }\n return val;\n};\nvar formatFlags = {\n D: function (dateObj) { return String(dateObj.getDate()); },\n DD: function (dateObj) { return pad(dateObj.getDate()); },\n Do: function (dateObj, i18n) {\n return i18n.DoFn(dateObj.getDate());\n },\n d: function (dateObj) { return String(dateObj.getDay()); },\n dd: function (dateObj) { return pad(dateObj.getDay()); },\n ddd: function (dateObj, i18n) {\n return i18n.dayNamesShort[dateObj.getDay()];\n },\n dddd: function (dateObj, i18n) {\n return i18n.dayNames[dateObj.getDay()];\n },\n M: function (dateObj) { return String(dateObj.getMonth() + 1); },\n MM: function (dateObj) { return pad(dateObj.getMonth() + 1); },\n MMM: function (dateObj, i18n) {\n return i18n.monthNamesShort[dateObj.getMonth()];\n },\n MMMM: function (dateObj, i18n) {\n return i18n.monthNames[dateObj.getMonth()];\n },\n YY: function (dateObj) {\n return pad(String(dateObj.getFullYear()), 4).substr(2);\n },\n YYYY: function (dateObj) { return pad(dateObj.getFullYear(), 4); },\n h: function (dateObj) { return String(dateObj.getHours() % 12 || 12); },\n hh: function (dateObj) { return pad(dateObj.getHours() % 12 || 12); },\n H: function (dateObj) { return String(dateObj.getHours()); },\n HH: function (dateObj) { return pad(dateObj.getHours()); },\n m: function (dateObj) { return String(dateObj.getMinutes()); },\n mm: function (dateObj) { return pad(dateObj.getMinutes()); },\n s: function (dateObj) { return String(dateObj.getSeconds()); },\n ss: function (dateObj) { return pad(dateObj.getSeconds()); },\n S: function (dateObj) {\n return String(Math.round(dateObj.getMilliseconds() / 100));\n },\n SS: function (dateObj) {\n return pad(Math.round(dateObj.getMilliseconds() / 10), 2);\n },\n SSS: function (dateObj) { return pad(dateObj.getMilliseconds(), 3); },\n a: function (dateObj, i18n) {\n return dateObj.getHours() < 12 ? i18n.amPm[0] : i18n.amPm[1];\n },\n A: function (dateObj, i18n) {\n return dateObj.getHours() < 12\n ? i18n.amPm[0].toUpperCase()\n : i18n.amPm[1].toUpperCase();\n },\n ZZ: function (dateObj) {\n var offset = dateObj.getTimezoneOffset();\n return ((offset > 0 ? \"-\" : \"+\") +\n pad(Math.floor(Math.abs(offset) / 60) * 100 + (Math.abs(offset) % 60), 4));\n },\n Z: function (dateObj) {\n var offset = dateObj.getTimezoneOffset();\n return ((offset > 0 ? \"-\" : \"+\") +\n pad(Math.floor(Math.abs(offset) / 60), 2) +\n \":\" +\n pad(Math.abs(offset) % 60, 2));\n }\n};\nvar monthParse = function (v) { return +v - 1; };\nvar emptyDigits = [null, twoDigitsOptional];\nvar emptyWord = [null, word];\nvar amPm = [\n \"isPm\",\n word,\n function (v, i18n) {\n var val = v.toLowerCase();\n if (val === i18n.amPm[0]) {\n return 0;\n }\n else if (val === i18n.amPm[1]) {\n return 1;\n }\n return null;\n }\n];\nvar timezoneOffset = [\n \"timezoneOffset\",\n \"[^\\\\s]*?[\\\\+\\\\-]\\\\d\\\\d:?\\\\d\\\\d|[^\\\\s]*?Z?\",\n function (v) {\n var parts = (v + \"\").match(/([+-]|\\d\\d)/gi);\n if (parts) {\n var minutes = +parts[1] * 60 + parseInt(parts[2], 10);\n return parts[0] === \"+\" ? minutes : -minutes;\n }\n return 0;\n }\n];\nvar parseFlags = {\n D: [\"day\", twoDigitsOptional],\n DD: [\"day\", twoDigits],\n Do: [\"day\", twoDigitsOptional + word, function (v) { return parseInt(v, 10); }],\n M: [\"month\", twoDigitsOptional, monthParse],\n MM: [\"month\", twoDigits, monthParse],\n YY: [\n \"year\",\n twoDigits,\n function (v) {\n var now = new Date();\n var cent = +(\"\" + now.getFullYear()).substr(0, 2);\n return +(\"\" + (+v > 68 ? cent - 1 : cent) + v);\n }\n ],\n h: [\"hour\", twoDigitsOptional, undefined, \"isPm\"],\n hh: [\"hour\", twoDigits, undefined, \"isPm\"],\n H: [\"hour\", twoDigitsOptional],\n HH: [\"hour\", twoDigits],\n m: [\"minute\", twoDigitsOptional],\n mm: [\"minute\", twoDigits],\n s: [\"second\", twoDigitsOptional],\n ss: [\"second\", twoDigits],\n YYYY: [\"year\", fourDigits],\n S: [\"millisecond\", \"\\\\d\", function (v) { return +v * 100; }],\n SS: [\"millisecond\", twoDigits, function (v) { return +v * 10; }],\n SSS: [\"millisecond\", threeDigits],\n d: emptyDigits,\n dd: emptyDigits,\n ddd: emptyWord,\n dddd: emptyWord,\n MMM: [\"month\", word, monthUpdate(\"monthNamesShort\")],\n MMMM: [\"month\", word, monthUpdate(\"monthNames\")],\n a: amPm,\n A: amPm,\n ZZ: timezoneOffset,\n Z: timezoneOffset\n};\n// Some common format strings\nvar globalMasks = {\n default: \"ddd MMM DD YYYY HH:mm:ss\",\n shortDate: \"M/D/YY\",\n mediumDate: \"MMM D, YYYY\",\n longDate: \"MMMM D, YYYY\",\n fullDate: \"dddd, MMMM D, YYYY\",\n isoDate: \"YYYY-MM-DD\",\n isoDateTime: \"YYYY-MM-DDTHH:mm:ssZ\",\n shortTime: \"HH:mm\",\n mediumTime: \"HH:mm:ss\",\n longTime: \"HH:mm:ss.SSS\"\n};\nvar setGlobalDateMasks = function (masks) { return assign(globalMasks, masks); };\n/***\n * Format a date\n * @method format\n * @param {Date|number} dateObj\n * @param {string} mask Format of the date, i.e. 'mm-dd-yy' or 'shortDate'\n * @returns {string} Formatted date string\n */\nvar format = function (dateObj, mask, i18n) {\n if (mask === void 0) { mask = globalMasks[\"default\"]; }\n if (i18n === void 0) { i18n = {}; }\n if (typeof dateObj === \"number\") {\n dateObj = new Date(dateObj);\n }\n if (Object.prototype.toString.call(dateObj) !== \"[object Date]\" ||\n isNaN(dateObj.getTime())) {\n throw new Error(\"Invalid Date pass to format\");\n }\n mask = globalMasks[mask] || mask;\n var literals = [];\n // Make literals inactive by replacing them with @@@\n mask = mask.replace(literal, function ($0, $1) {\n literals.push($1);\n return \"@@@\";\n });\n var combinedI18nSettings = assign(assign({}, globalI18n), i18n);\n // Apply formatting rules\n mask = mask.replace(token, function ($0) {\n return formatFlags[$0](dateObj, combinedI18nSettings);\n });\n // Inline literal values back into the formatted value\n return mask.replace(/@@@/g, function () { return literals.shift(); });\n};\n/**\n * Parse a date string into a Javascript Date object /\n * @method parse\n * @param {string} dateStr Date string\n * @param {string} format Date parse format\n * @param {i18n} I18nSettingsOptional Full or subset of I18N settings\n * @returns {Date|null} Returns Date object. Returns null what date string is invalid or doesn't match format\n */\nfunction parse(dateStr, format, i18n) {\n if (i18n === void 0) { i18n = {}; }\n if (typeof format !== \"string\") {\n throw new Error(\"Invalid format in fecha parse\");\n }\n // Check to see if the format is actually a mask\n format = globalMasks[format] || format;\n // Avoid regular expression denial of service, fail early for really long strings\n // https://www.owasp.org/index.php/Regular_expression_Denial_of_Service_-_ReDoS\n if (dateStr.length > 1000) {\n return null;\n }\n // Default to the beginning of the year.\n var today = new Date();\n var dateInfo = {\n year: today.getFullYear(),\n month: 0,\n day: 1,\n hour: 0,\n minute: 0,\n second: 0,\n millisecond: 0,\n isPm: null,\n timezoneOffset: null\n };\n var parseInfo = [];\n var literals = [];\n // Replace all the literals with @@@. Hopefully a string that won't exist in the format\n var newFormat = format.replace(literal, function ($0, $1) {\n literals.push(regexEscape($1));\n return \"@@@\";\n });\n var specifiedFields = {};\n var requiredFields = {};\n // Change every token that we find into the correct regex\n newFormat = regexEscape(newFormat).replace(token, function ($0) {\n var info = parseFlags[$0];\n var field = info[0], regex = info[1], requiredField = info[3];\n // Check if the person has specified the same field twice. This will lead to confusing results.\n if (specifiedFields[field]) {\n throw new Error(\"Invalid format. \" + field + \" specified twice in format\");\n }\n specifiedFields[field] = true;\n // Check if there are any required fields. For instance, 12 hour time requires AM/PM specified\n if (requiredField) {\n requiredFields[requiredField] = true;\n }\n parseInfo.push(info);\n return \"(\" + regex + \")\";\n });\n // Check all the required fields are present\n Object.keys(requiredFields).forEach(function (field) {\n if (!specifiedFields[field]) {\n throw new Error(\"Invalid format. \" + field + \" is required in specified format\");\n }\n });\n // Add back all the literals after\n newFormat = newFormat.replace(/@@@/g, function () { return literals.shift(); });\n // Check if the date string matches the format. If it doesn't return null\n var matches = dateStr.match(new RegExp(newFormat, \"i\"));\n if (!matches) {\n return null;\n }\n var combinedI18nSettings = assign(assign({}, globalI18n), i18n);\n // For each match, call the parser function for that date part\n for (var i = 1; i < matches.length; i++) {\n var _a = parseInfo[i - 1], field = _a[0], parser = _a[2];\n var value = parser\n ? parser(matches[i], combinedI18nSettings)\n : +matches[i];\n // If the parser can't make sense of the value, return null\n if (value == null) {\n return null;\n }\n dateInfo[field] = value;\n }\n if (dateInfo.isPm === 1 && dateInfo.hour != null && +dateInfo.hour !== 12) {\n dateInfo.hour = +dateInfo.hour + 12;\n }\n else if (dateInfo.isPm === 0 && +dateInfo.hour === 12) {\n dateInfo.hour = 0;\n }\n var dateTZ;\n if (dateInfo.timezoneOffset == null) {\n dateTZ = new Date(dateInfo.year, dateInfo.month, dateInfo.day, dateInfo.hour, dateInfo.minute, dateInfo.second, dateInfo.millisecond);\n var validateFields = [\n [\"month\", \"getMonth\"],\n [\"day\", \"getDate\"],\n [\"hour\", \"getHours\"],\n [\"minute\", \"getMinutes\"],\n [\"second\", \"getSeconds\"]\n ];\n for (var i = 0, len = validateFields.length; i < len; i++) {\n // Check to make sure the date field is within the allowed range. Javascript dates allows values\n // outside the allowed range. If the values don't match the value was invalid\n if (specifiedFields[validateFields[i][0]] &&\n dateInfo[validateFields[i][0]] !== dateTZ[validateFields[i][1]]()) {\n return null;\n }\n }\n }\n else {\n dateTZ = new Date(Date.UTC(dateInfo.year, dateInfo.month, dateInfo.day, dateInfo.hour, dateInfo.minute - dateInfo.timezoneOffset, dateInfo.second, dateInfo.millisecond));\n // We can't validate dates in another timezone unfortunately. Do a basic check instead\n if (dateInfo.month > 11 ||\n dateInfo.month < 0 ||\n dateInfo.day > 31 ||\n dateInfo.day < 1 ||\n dateInfo.hour > 23 ||\n dateInfo.hour < 0 ||\n dateInfo.minute > 59 ||\n dateInfo.minute < 0 ||\n dateInfo.second > 59 ||\n dateInfo.second < 0) {\n return null;\n }\n }\n // Don't allow invalid dates\n return dateTZ;\n}\nvar fecha = {\n format: format,\n parse: parse,\n defaultI18n: defaultI18n,\n setGlobalDateI18n: setGlobalDateI18n,\n setGlobalDateMasks: setGlobalDateMasks\n};\n\nexport default fecha;\nexport { assign, format, parse, defaultI18n, setGlobalDateI18n, setGlobalDateMasks };\n//# sourceMappingURL=fecha.js.map\n","import { isNil } from '@antv/util';\n/**\n * 二分右侧查找\n * https://github.com/d3/d3-array/blob/master/src/bisector.js\n */\nexport default function (getter) {\n /**\n * x: 目标值\n * lo: 起始位置\n * hi: 结束位置\n */\n return function (a, x, _lo, _hi) {\n var lo = isNil(_lo) ? 0 : _lo;\n var hi = isNil(_hi) ? a.length : _hi;\n while (lo < hi) {\n var mid = (lo + hi) >>> 1;\n if (getter(a[mid]) > x) {\n hi = mid;\n }\n else {\n lo = mid + 1;\n }\n }\n return lo;\n };\n}\n//# sourceMappingURL=bisector.js.map","import { isDate, isString, last } from '@antv/util';\nimport fecha from 'fecha';\nimport * as fecha1 from 'fecha';\nimport bisector from './bisector';\nvar FORMAT_METHOD = 'format';\nexport function timeFormat(time, mask) {\n var method = fecha1[FORMAT_METHOD] || fecha[FORMAT_METHOD];\n return method(time, mask);\n}\n/**\n * 转换成时间戳\n * @param value 时间值\n */\nexport function toTimeStamp(value) {\n if (isString(value)) {\n if (value.indexOf('T') > 0) {\n value = new Date(value).getTime();\n }\n else {\n // new Date('2010/01/10') 和 new Date('2010-01-10') 的差别在于:\n // 如果仅有年月日时，前者是带有时区的: Fri Jan 10 2020 02:40:13 GMT+0800 (中国标准时间)\n // 后者会格式化成 Sun Jan 10 2010 08:00:00 GMT+0800 (中国标准时间)\n value = new Date(value.replace(/-/gi, '/')).getTime();\n }\n }\n if (isDate(value)) {\n value = value.getTime();\n }\n return value;\n}\nvar SECOND = 1000;\nvar MINUTE = 60 * SECOND;\nvar HOUR = 60 * MINUTE;\nvar DAY = 24 * HOUR;\nvar MONTH = DAY * 31;\nvar YEAR = DAY * 365;\nexport { SECOND, MINUTE, HOUR, DAY, MONTH, YEAR };\nvar intervals = [\n ['HH:mm:ss', SECOND],\n ['HH:mm:ss', SECOND * 10],\n ['HH:mm:ss', SECOND * 30],\n ['HH:mm', MINUTE],\n ['HH:mm', MINUTE * 10],\n ['HH:mm', MINUTE * 30],\n ['HH', HOUR],\n ['HH', HOUR * 6],\n ['HH', HOUR * 12],\n ['YYYY-MM-DD', DAY],\n ['YYYY-MM-DD', DAY * 4],\n ['YYYY-WW', DAY * 7],\n ['YYYY-MM', MONTH],\n ['YYYY-MM', MONTH * 4],\n ['YYYY-MM', MONTH * 6],\n ['YYYY', DAY * 380],\n];\nexport function getTickInterval(min, max, tickCount) {\n var target = (max - min) / tickCount;\n var idx = bisector(function (o) { return o[1]; })(intervals, target) - 1;\n var interval = intervals[idx];\n if (idx < 0) {\n interval = intervals[0];\n }\n else if (idx >= intervals.length) {\n interval = last(intervals);\n }\n return interval;\n}\n//# sourceMappingURL=time.js.map","import { __extends } from \"tslib\";\nimport { each, isNumber } from '@antv/util';\nimport { timeFormat, toTimeStamp } from '../util/time';\nimport Category from './base';\n/**\n * 时间分类度量\n * @class\n */\nvar TimeCat = /** @class */ (function (_super) {\n __extends(TimeCat, _super);\n function TimeCat() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'timeCat';\n return _this;\n }\n /**\n * @override\n */\n TimeCat.prototype.translate = function (value) {\n value = toTimeStamp(value);\n var index = this.values.indexOf(value);\n if (index === -1) {\n if (isNumber(value) && value < this.values.length) {\n index = value;\n }\n else {\n index = NaN;\n }\n }\n return index;\n };\n /**\n * 由于时间类型数据需要转换一下，所以复写 getText\n * @override\n */\n TimeCat.prototype.getText = function (value, tickIndex) {\n var index = this.translate(value);\n if (index > -1) {\n var result = this.values[index];\n var formatter = this.formatter;\n result = formatter ? formatter(result, tickIndex) : timeFormat(result, this.mask);\n return result;\n }\n return value;\n };\n TimeCat.prototype.initCfg = function () {\n this.tickMethod = 'time-cat';\n this.mask = 'YYYY-MM-DD';\n this.tickCount = 7; // 一般时间数据会显示 7， 14， 30 天的数字\n };\n TimeCat.prototype.setDomain = function () {\n var values = this.values;\n // 针对时间分类类型，会将时间统一转换为时间戳\n each(values, function (v, i) {\n values[i] = toTimeStamp(v);\n });\n values.sort(function (v1, v2) {\n return v1 - v2;\n });\n _super.prototype.setDomain.call(this);\n };\n return TimeCat;\n}(Category));\nexport default TimeCat;\n//# sourceMappingURL=time.js.map","import { __extends } from \"tslib\";\nimport { filter, getRange, head, isNil, last } from '@antv/util';\nimport Base from '../base';\n/**\n * 连续度量的基类\n * @class\n */\nvar Continuous = /** @class */ (function (_super) {\n __extends(Continuous, _super);\n function Continuous() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.isContinuous = true;\n return _this;\n }\n Continuous.prototype.scale = function (value) {\n if (isNil(value)) {\n return NaN;\n }\n var rangeMin = this.rangeMin();\n var rangeMax = this.rangeMax();\n var max = this.max;\n var min = this.min;\n if (max === min) {\n return rangeMin;\n }\n var percent = this.getScalePercent(value);\n return rangeMin + percent * (rangeMax - rangeMin);\n };\n Continuous.prototype.init = function () {\n _super.prototype.init.call(this);\n // init 完成后保证 min, max 包含 ticks 的范围\n var ticks = this.ticks;\n var firstTick = head(ticks);\n var lastTick = last(ticks);\n if (firstTick < this.min) {\n this.min = firstTick;\n }\n if (lastTick > this.max) {\n this.max = lastTick;\n }\n // strict-limit 方式\n if (!isNil(this.minLimit)) {\n this.min = firstTick;\n }\n if (!isNil(this.maxLimit)) {\n this.max = lastTick;\n }\n };\n Continuous.prototype.setDomain = function () {\n var _a = getRange(this.values), min = _a.min, max = _a.max;\n if (isNil(this.min)) {\n this.min = min;\n }\n if (isNil(this.max)) {\n this.max = max;\n }\n if (this.min > this.max) {\n this.min = min;\n this.max = max;\n }\n };\n Continuous.prototype.calculateTicks = function () {\n var _this = this;\n var ticks = _super.prototype.calculateTicks.call(this);\n if (!this.nice) {\n ticks = filter(ticks, function (tick) {\n return tick >= _this.min && tick <= _this.max;\n });\n }\n return ticks;\n };\n // 计算原始值值占的百分比\n Continuous.prototype.getScalePercent = function (value) {\n var max = this.max;\n var min = this.min;\n return (value - min) / (max - min);\n };\n Continuous.prototype.getInvertPercent = function (value) {\n return (value - this.rangeMin()) / (this.rangeMax() - this.rangeMin());\n };\n return Continuous;\n}(Base));\nexport default Continuous;\n//# sourceMappingURL=base.js.map","import { __extends } from \"tslib\";\nimport Continuous from './base';\n/**\n * 线性度量\n * @class\n */\nvar Linear = /** @class */ (function (_super) {\n __extends(Linear, _super);\n function Linear() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'linear';\n _this.isLinear = true;\n return _this;\n }\n Linear.prototype.invert = function (value) {\n var percent = this.getInvertPercent(value);\n return this.min + percent * (this.max - this.min);\n };\n Linear.prototype.initCfg = function () {\n this.tickMethod = 'wilkinson-extended';\n this.nice = false;\n };\n return Linear;\n}(Continuous));\nexport default Linear;\n//# sourceMappingURL=linear.js.map","import { each, isNil } from '@antv/util';\n// 求以a为次幂，结果为b的基数，如 x^^a = b;求x\n// 虽然数学上 b 不支持负数，但是这里需要支持 负数\nexport function calBase(a, b) {\n var e = Math.E;\n var value;\n if (b >= 0) {\n value = Math.pow(e, Math.log(b) / a); // 使用换底公式求底\n }\n else {\n value = Math.pow(e, Math.log(-b) / a) * -1; // 使用换底公式求底\n }\n return value;\n}\nexport function log(a, b) {\n if (a === 1) {\n return 1;\n }\n return Math.log(b) / Math.log(a);\n}\nexport function getLogPositiveMin(values, base, max) {\n if (isNil(max)) {\n max = Math.max.apply(null, values);\n }\n var positiveMin = max;\n each(values, function (value) {\n if (value > 0 && value < positiveMin) {\n positiveMin = value;\n }\n });\n if (positiveMin === max) {\n positiveMin = max / base;\n }\n if (positiveMin > 1) {\n positiveMin = 1;\n }\n return positiveMin;\n}\nfunction digitLength(num) {\n // Get digit length of e\n var eSplit = num.toString().split(/[eE]/);\n var len = (eSplit[0].split('.')[1] || '').length - +(eSplit[1] || 0);\n return len > 0 ? len : 0;\n}\n/**\n * 高精度加法，解决 0.1 + 0.2 !== 0.3 的经典问题\n *\n * @param num1 加数\n * @param num2 被加数\n * @return {number} 返回值\n */\nexport function precisionAdd(num1, num2) {\n var num1Digits = digitLength(num1);\n var num2Digits = digitLength(num2);\n var baseNum = Math.pow(10, Math.max(num1Digits, num2Digits));\n return (num1 * baseNum + num2 * baseNum) / baseNum;\n}\n//# sourceMappingURL=math.js.map","import { __extends } from \"tslib\";\nimport { getLogPositiveMin, log } from '../util/math';\nimport Continuous from './base';\n/**\n * Log 度量，处理非均匀分布\n */\nvar Log = /** @class */ (function (_super) {\n __extends(Log, _super);\n function Log() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'log';\n return _this;\n }\n /**\n * @override\n */\n Log.prototype.invert = function (value) {\n var base = this.base;\n var max = log(base, this.max);\n var rangeMin = this.rangeMin();\n var range = this.rangeMax() - rangeMin;\n var min;\n var positiveMin = this.positiveMin;\n if (positiveMin) {\n if (value === 0) {\n return 0;\n }\n min = log(base, positiveMin / base);\n var appendPercent = (1 / (max - min)) * range; // 0 到 positiveMin的占比\n if (value < appendPercent) {\n // 落到 0 - positiveMin 之间\n return (value / appendPercent) * positiveMin;\n }\n }\n else {\n min = log(base, this.min);\n }\n var percent = (value - rangeMin) / range;\n var tmp = percent * (max - min) + min;\n return Math.pow(base, tmp);\n };\n Log.prototype.initCfg = function () {\n this.tickMethod = 'log';\n this.base = 10;\n this.tickCount = 6;\n this.nice = true;\n };\n // 设置\n Log.prototype.setDomain = function () {\n _super.prototype.setDomain.call(this);\n var min = this.min;\n if (min < 0) {\n throw new Error('When you use log scale, the minimum value must be greater than zero!');\n }\n if (min === 0) {\n this.positiveMin = getLogPositiveMin(this.values, this.base, this.max);\n }\n };\n // 根据当前值获取占比\n Log.prototype.getScalePercent = function (value) {\n var max = this.max;\n var min = this.min;\n if (max === min) {\n return 0;\n }\n // 如果值小于等于0，则按照0处理\n if (value <= 0) {\n return 0;\n }\n var base = this.base;\n var positiveMin = this.positiveMin;\n // 如果min == 0, 则根据比0大的最小值，计算比例关系。这个最小值作为坐标轴上的第二个tick，第一个是0但是不显示\n if (positiveMin) {\n min = (positiveMin * 1) / base;\n }\n var percent;\n // 如果数值小于次小值，那么就计算 value / 次小值 占整体的比例\n if (value < positiveMin) {\n percent = value / positiveMin / (log(base, max) - log(base, min));\n }\n else {\n percent = (log(base, value) - log(base, min)) / (log(base, max) - log(base, min));\n }\n return percent;\n };\n return Log;\n}(Continuous));\nexport default Log;\n//# sourceMappingURL=log.js.map","import { __extends } from \"tslib\";\nimport { calBase } from '../util/math';\nimport Continuous from './base';\n/**\n * Pow 度量，处理非均匀分布\n */\nvar Pow = /** @class */ (function (_super) {\n __extends(Pow, _super);\n function Pow() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'pow';\n return _this;\n }\n /**\n * @override\n */\n Pow.prototype.invert = function (value) {\n var percent = this.getInvertPercent(value);\n var exponent = this.exponent;\n var max = calBase(exponent, this.max);\n var min = calBase(exponent, this.min);\n var tmp = percent * (max - min) + min;\n var factor = tmp >= 0 ? 1 : -1;\n return Math.pow(tmp, exponent) * factor;\n };\n Pow.prototype.initCfg = function () {\n this.tickMethod = 'pow';\n this.exponent = 2;\n this.tickCount = 5;\n this.nice = true;\n };\n // 获取度量计算时，value占的定义域百分比\n Pow.prototype.getScalePercent = function (value) {\n var max = this.max;\n var min = this.min;\n if (max === min) {\n return 0;\n }\n var exponent = this.exponent;\n var percent = (calBase(exponent, value) - calBase(exponent, min)) / (calBase(exponent, max) - calBase(exponent, min));\n return percent;\n };\n return Pow;\n}(Continuous));\nexport default Pow;\n//# sourceMappingURL=pow.js.map","import { __extends } from \"tslib\";\nimport { each, isDate, isNil, isNumber, isString } from '@antv/util';\nimport { timeFormat, toTimeStamp } from '../util/time';\nimport Linear from './linear';\n/**\n * 时间度量\n * @class\n */\nvar Time = /** @class */ (function (_super) {\n __extends(Time, _super);\n function Time() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'time';\n return _this;\n }\n /**\n * @override\n */\n Time.prototype.getText = function (value, index) {\n var numberValue = this.translate(value);\n var formatter = this.formatter;\n return formatter ? formatter(numberValue, index) : timeFormat(numberValue, this.mask);\n };\n /**\n * @override\n */\n Time.prototype.scale = function (value) {\n var v = value;\n if (isString(v) || isDate(v)) {\n v = this.translate(v);\n }\n return _super.prototype.scale.call(this, v);\n };\n /**\n * 将时间转换成数字\n * @override\n */\n Time.prototype.translate = function (v) {\n return toTimeStamp(v);\n };\n Time.prototype.initCfg = function () {\n this.tickMethod = 'time-pretty';\n this.mask = 'YYYY-MM-DD';\n this.tickCount = 7;\n this.nice = false;\n };\n Time.prototype.setDomain = function () {\n var values = this.values;\n // 是否设置了 min, max，而不是直接取 this.min, this.max\n var minConfig = this.getConfig('min');\n var maxConfig = this.getConfig('max');\n // 如果设置了 min,max 则转换成时间戳\n if (!isNil(minConfig) || !isNumber(minConfig)) {\n this.min = this.translate(this.min);\n }\n if (!isNil(maxConfig) || !isNumber(maxConfig)) {\n this.max = this.translate(this.max);\n }\n // 没有设置 min, max 时\n if (values && values.length) {\n // 重新计算最大最小值\n var timeStamps_1 = [];\n var min_1 = Infinity; // 最小值\n var secondMin_1 = min_1; // 次小值\n var max_1 = 0;\n // 使用一个循环，计算min,max,secondMin\n each(values, function (v) {\n var timeStamp = toTimeStamp(v);\n if (isNaN(timeStamp)) {\n throw new TypeError(\"Invalid Time: \" + v + \" in time scale!\");\n }\n if (min_1 > timeStamp) {\n secondMin_1 = min_1;\n min_1 = timeStamp;\n }\n else if (secondMin_1 > timeStamp) {\n secondMin_1 = timeStamp;\n }\n if (max_1 < timeStamp) {\n max_1 = timeStamp;\n }\n timeStamps_1.push(timeStamp);\n });\n // 存在多个值时，设置最小间距\n if (values.length > 1) {\n this.minTickInterval = secondMin_1 - min_1;\n }\n if (isNil(minConfig)) {\n this.min = min_1;\n }\n if (isNil(maxConfig)) {\n this.max = max_1;\n }\n }\n };\n return Time;\n}(Linear));\nexport default Time;\n//# sourceMappingURL=time.js.map","import { __extends } from \"tslib\";\nimport { each, head, last } from '@antv/util';\nimport Continuous from './base';\n/**\n * 分段度量\n */\nvar Quantize = /** @class */ (function (_super) {\n __extends(Quantize, _super);\n function Quantize() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'quantize';\n return _this;\n }\n Quantize.prototype.invert = function (value) {\n var ticks = this.ticks;\n var length = ticks.length;\n var percent = this.getInvertPercent(value);\n var minIndex = Math.floor(percent * (length - 1));\n // 最后一个\n if (minIndex >= length - 1) {\n return last(ticks);\n }\n // 超出左边界， 则取第一个\n if (minIndex < 0) {\n return head(ticks);\n }\n var minTick = ticks[minIndex];\n var nextTick = ticks[minIndex + 1];\n // 比当前值小的 tick 在度量上的占比\n var minIndexPercent = minIndex / (length - 1);\n var maxIndexPercent = (minIndex + 1) / (length - 1);\n return minTick + (percent - minIndexPercent) / (maxIndexPercent - minIndexPercent) * (nextTick - minTick);\n };\n Quantize.prototype.initCfg = function () {\n this.tickMethod = 'r-pretty';\n this.tickCount = 5;\n this.nice = true;\n };\n Quantize.prototype.calculateTicks = function () {\n var ticks = _super.prototype.calculateTicks.call(this);\n if (!this.nice) { // 如果 nice = false ,补充 min, max\n if (last(ticks) !== this.max) {\n ticks.push(this.max);\n }\n if (head(ticks) !== this.min) {\n ticks.unshift(this.min);\n }\n }\n return ticks;\n };\n // 计算当前值在刻度中的占比\n Quantize.prototype.getScalePercent = function (value) {\n var ticks = this.ticks;\n // 超出左边界\n if (value < head(ticks)) {\n return 0;\n }\n // 超出右边界\n if (value > last(ticks)) {\n return 1;\n }\n var minIndex = 0;\n each(ticks, function (tick, index) {\n if (value >= tick) {\n minIndex = index;\n }\n else {\n return false;\n }\n });\n return minIndex / (ticks.length - 1);\n };\n return Quantize;\n}(Continuous));\nexport default Quantize;\n//# sourceMappingURL=quantize.js.map","import { __extends } from \"tslib\";\nimport Quantize from './quantize';\nvar Quantile = /** @class */ (function (_super) {\n __extends(Quantile, _super);\n function Quantile() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'quantile';\n return _this;\n }\n Quantile.prototype.initCfg = function () {\n this.tickMethod = 'quantile';\n this.tickCount = 5;\n this.nice = true;\n };\n return Quantile;\n}(Quantize));\nexport default Quantile;\n//# sourceMappingURL=quantile.js.map","import Scale from './base';\nvar map = {};\nfunction getClass(key) {\n return map[key];\n}\nfunction registerClass(key, cls) {\n if (getClass(key)) {\n throw new Error(\"type '\" + key + \"' existed.\");\n }\n map[key] = cls;\n}\nexport { Scale, getClass as getScale, registerClass as registerScale };\n//# sourceMappingURL=factory.js.map","import { __extends } from \"tslib\";\nimport { isNumber } from '@antv/util';\nimport Base from '../base';\n/**\n * identity scale原则上是定义域和值域一致，scale/invert方法也是一致的\n * 参考R的实现：https://github.com/r-lib/scales/blob/master/R/pal-identity.r\n * 参考d3的实现（做了下转型）：https://github.com/d3/d3-scale/blob/master/src/identity.js\n */\nvar Identity = /** @class */ (function (_super) {\n __extends(Identity, _super);\n function Identity() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.type = 'identity';\n _this.isIdentity = true;\n return _this;\n }\n Identity.prototype.calculateTicks = function () {\n return this.values;\n };\n Identity.prototype.scale = function (value) {\n // 如果传入的值不等于 identity 的值，则直接返回，用于一维图时的 dodge\n if (this.values[0] !== value && isNumber(value)) {\n return value;\n }\n return this.range[0];\n };\n Identity.prototype.invert = function (value) {\n var range = this.range;\n if (value < range[0] || value > range[1]) {\n return NaN;\n }\n return this.values[0];\n };\n return Identity;\n}(Base));\nexport default Identity;\n//# sourceMappingURL=index.js.map","import { filter, isNil, isNumber, last } from '@antv/util';\n/**\n * 计算分类 ticks\n * @param cfg 度量的配置项\n * @returns 计算后的 ticks\n */\nexport default function calculateCatTicks(cfg) {\n var values = cfg.values, tickInterval = cfg.tickInterval, tickCount = cfg.tickCount, showLast = cfg.showLast;\n if (isNumber(tickInterval)) {\n var ticks_1 = filter(values, function (__, i) { return i % tickInterval === 0; });\n var lastValue = last(values);\n if (showLast && last(ticks_1) !== lastValue) {\n ticks_1.push(lastValue);\n }\n return ticks_1;\n }\n var len = values.length;\n var min = cfg.min, max = cfg.max;\n if (isNil(min)) {\n min = 0;\n }\n if (isNil(max)) {\n max = values.length - 1;\n }\n if (!isNumber(tickCount) || tickCount >= len)\n return values.slice(min, max + 1);\n if (tickCount <= 0 || max <= 0)\n return [];\n var interval = tickCount === 1 ? len : Math.floor(len / (tickCount - 1));\n var ticks = [];\n var idx = min;\n for (var i = 0; i < tickCount; i++) {\n if (idx >= max)\n break;\n idx = Math.min(min + i * interval, max);\n if (i === tickCount - 1 && showLast)\n ticks.push(values[max]);\n else\n ticks.push(values[idx]);\n }\n return ticks;\n}\n//# sourceMappingURL=cat.js.map","export default function d3Linear(cfg) {\n var min = cfg.min, max = cfg.max, nice = cfg.nice, tickCount = cfg.tickCount;\n var linear = new D3Linear();\n linear.domain([min, max]);\n if (nice) {\n linear.nice(tickCount);\n }\n return linear.ticks(tickCount);\n}\nvar DEFAULT_COUNT = 5;\nvar e10 = Math.sqrt(50);\nvar e5 = Math.sqrt(10);\nvar e2 = Math.sqrt(2);\n// https://github.com/d3/d3-scale\nvar D3Linear = /** @class */ (function () {\n function D3Linear() {\n this._domain = [0, 1];\n }\n D3Linear.prototype.domain = function (domain) {\n if (domain) {\n this._domain = Array.from(domain, Number);\n return this;\n }\n return this._domain.slice();\n };\n D3Linear.prototype.nice = function (count) {\n var _a, _b;\n if (count === void 0) { count = DEFAULT_COUNT; }\n var d = this._domain.slice();\n var i0 = 0;\n var i1 = this._domain.length - 1;\n var start = this._domain[i0];\n var stop = this._domain[i1];\n var step;\n if (stop < start) {\n _a = [stop, start], start = _a[0], stop = _a[1];\n _b = [i1, i0], i0 = _b[0], i1 = _b[1];\n }\n step = tickIncrement(start, stop, count);\n if (step > 0) {\n start = Math.floor(start / step) * step;\n stop = Math.ceil(stop / step) * step;\n step = tickIncrement(start, stop, count);\n }\n else if (step < 0) {\n start = Math.ceil(start * step) / step;\n stop = Math.floor(stop * step) / step;\n step = tickIncrement(start, stop, count);\n }\n if (step > 0) {\n d[i0] = Math.floor(start / step) * step;\n d[i1] = Math.ceil(stop / step) * step;\n this.domain(d);\n }\n else if (step < 0) {\n d[i0] = Math.ceil(start * step) / step;\n d[i1] = Math.floor(stop * step) / step;\n this.domain(d);\n }\n return this;\n };\n D3Linear.prototype.ticks = function (count) {\n if (count === void 0) { count = DEFAULT_COUNT; }\n return d3ArrayTicks(this._domain[0], this._domain[this._domain.length - 1], count || DEFAULT_COUNT);\n };\n return D3Linear;\n}());\nexport { D3Linear };\nfunction d3ArrayTicks(start, stop, count) {\n var reverse;\n var i = -1;\n var n;\n var ticks;\n var step;\n (stop = +stop), (start = +start), (count = +count);\n if (start === stop && count > 0) {\n return [start];\n }\n // tslint:disable-next-line\n if ((reverse = stop < start)) {\n (n = start), (start = stop), (stop = n);\n }\n // tslint:disable-next-line\n if ((step = tickIncrement(start, stop, count)) === 0 || !isFinite(step)) {\n return [];\n }\n if (step > 0) {\n start = Math.ceil(start / step);\n stop = Math.floor(stop / step);\n ticks = new Array((n = Math.ceil(stop - start + 1)));\n while (++i < n) {\n ticks[i] = (start + i) * step;\n }\n }\n else {\n start = Math.floor(start * step);\n stop = Math.ceil(stop * step);\n ticks = new Array((n = Math.ceil(start - stop + 1)));\n while (++i < n) {\n ticks[i] = (start - i) / step;\n }\n }\n if (reverse) {\n ticks.reverse();\n }\n return ticks;\n}\nfunction tickIncrement(start, stop, count) {\n var step = (stop - start) / Math.max(0, count);\n var power = Math.floor(Math.log(step) / Math.LN10);\n var error = step / Math.pow(10, power);\n return power >= 0\n ? (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1) * Math.pow(10, power)\n : -Math.pow(10, -power) / (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1);\n}\n//# sourceMappingURL=d3-linear.js.map","import { fixedBase } from '@antv/util';\nfunction snapMultiple(v, base, snapType) {\n var div;\n if (snapType === 'ceil') {\n div = Math.ceil(v / base);\n }\n else if (snapType === 'floor') {\n div = Math.floor(v / base);\n }\n else {\n div = Math.round(v / base);\n }\n return div * base;\n}\nexport default function intervalTicks(min, max, interval) {\n // 变成 interval 的倍数\n var minTick = snapMultiple(min, interval, 'floor');\n var maxTick = snapMultiple(max, interval, 'ceil');\n // 统一小数位数\n minTick = fixedBase(minTick, interval);\n maxTick = fixedBase(maxTick, interval);\n var ticks = [];\n // https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Errors/Invalid_array_length\n var availableInterval = Math.max((maxTick - minTick) / (Math.pow(2, 12) - 1), interval);\n for (var i = minTick; i <= maxTick; i = i + availableInterval) {\n var tickValue = fixedBase(i, availableInterval); // 防止浮点数加法出现问题\n ticks.push(tickValue);\n }\n return {\n min: minTick,\n max: maxTick,\n ticks: ticks\n };\n}\n//# sourceMappingURL=interval.js.map","import { isNil } from '@antv/util';\n/**\n * 按照给定的 minLimit/maxLimit/tickCount 均匀计算出刻度 ticks\n *\n * @param cfg Scale 配置项\n * @return ticks\n */\nexport default function strictLimit(cfg, defaultMin, defaultMax) {\n var _a;\n var minLimit = cfg.minLimit, maxLimit = cfg.maxLimit, min = cfg.min, max = cfg.max, _b = cfg.tickCount, tickCount = _b === void 0 ? 5 : _b;\n var tickMin = isNil(minLimit) ? (isNil(defaultMin) ? min : defaultMin) : minLimit;\n var tickMax = isNil(maxLimit) ? (isNil(defaultMax) ? max : defaultMax) : maxLimit;\n if (tickMin > tickMax) {\n _a = [tickMin, tickMax], tickMax = _a[0], tickMin = _a[1];\n }\n if (tickCount <= 2) {\n return [tickMin, tickMax];\n }\n var step = (tickMax - tickMin) / (tickCount - 1);\n var ticks = [];\n for (var i = 0; i < tickCount; i++) {\n ticks.push(tickMin + step * i);\n }\n return ticks;\n}\n//# sourceMappingURL=strict-limit.js.map","import { head, isNil, last } from '@antv/util';\nimport d3Linear from '../util/d3-linear';\nimport interval from '../util/interval';\nimport strictLimit from '../util/strict-limit';\nexport default function d3LinearTickMethod(cfg) {\n var min = cfg.min, max = cfg.max, tickInterval = cfg.tickInterval, minLimit = cfg.minLimit, maxLimit = cfg.maxLimit;\n var ticks = d3Linear(cfg);\n if (!isNil(minLimit) || !isNil(maxLimit)) {\n return strictLimit(cfg, head(ticks), last(ticks));\n }\n if (tickInterval) {\n return interval(min, max, tickInterval).ticks;\n }\n return ticks;\n}\n//# sourceMappingURL=d3-linear.js.map","// 为了解决 js 运算的精度问题\nexport function prettyNumber(n) {\n return Math.abs(n) < 1e-15 ? n : parseFloat(n.toFixed(15));\n}\n//# sourceMappingURL=pretty-number.js.map","import { head, indexOf, size, last } from '@antv/util';\nimport { prettyNumber } from './pretty-number';\nexport var DEFAULT_Q = [1, 5, 2, 2.5, 4, 3];\nexport var ALL_Q = [1, 5, 2, 2.5, 4, 3, 1.5, 7, 6, 8, 9];\nvar eps = Number.EPSILON * 100;\nfunction mod(n, m) {\n return ((n % m) + m) % m;\n}\nfunction round(n) {\n return Math.round(n * 1e12) / 1e12;\n}\nfunction simplicity(q, Q, j, lmin, lmax, lstep) {\n var n = size(Q);\n var i = indexOf(Q, q);\n var v = 0;\n var m = mod(lmin, lstep);\n if ((m < eps || lstep - m < eps) && lmin <= 0 && lmax >= 0) {\n v = 1;\n }\n return 1 - i / (n - 1) - j + v;\n}\nfunction simplicityMax(q, Q, j) {\n var n = size(Q);\n var i = indexOf(Q, q);\n var v = 1;\n return 1 - i / (n - 1) - j + v;\n}\nfunction density(k, m, dMin, dMax, lMin, lMax) {\n var r = (k - 1) / (lMax - lMin);\n var rt = (m - 1) / (Math.max(lMax, dMax) - Math.min(dMin, lMin));\n return 2 - Math.max(r / rt, rt / r);\n}\nfunction densityMax(k, m) {\n if (k >= m) {\n return 2 - (k - 1) / (m - 1);\n }\n return 1;\n}\nfunction coverage(dMin, dMax, lMin, lMax) {\n var range = dMax - dMin;\n return 1 - (0.5 * (Math.pow((dMax - lMax), 2) + Math.pow((dMin - lMin), 2))) / Math.pow((0.1 * range), 2);\n}\nfunction coverageMax(dMin, dMax, span) {\n var range = dMax - dMin;\n if (span > range) {\n var half = (span - range) / 2;\n return 1 - Math.pow(half, 2) / Math.pow((0.1 * range), 2);\n }\n return 1;\n}\nfunction legibility() {\n return 1;\n}\n/**\n * An Extension of Wilkinson's Algorithm for Position Tick Labels on Axes\n * https://www.yuque.com/preview/yuque/0/2019/pdf/185317/1546999150858-45c3b9c2-4e86-4223-bf1a-8a732e8195ed.pdf\n * @param dMin 最小值\n * @param dMax 最大值\n * @param m tick个数\n * @param onlyLoose 是否允许扩展min、max，不绝对强制，例如[3, 97]\n * @param Q nice numbers集合\n * @param w 四个优化组件的权重\n */\nexport default function extended(dMin, dMax, n, onlyLoose, Q, w) {\n if (n === void 0) { n = 5; }\n if (onlyLoose === void 0) { onlyLoose = true; }\n if (Q === void 0) { Q = DEFAULT_Q; }\n if (w === void 0) { w = [0.25, 0.2, 0.5, 0.05]; }\n // 处理小于 0 和小数的 tickCount\n var m = n < 0 ? 0 : Math.round(n);\n // nan 也会导致异常\n if (Number.isNaN(dMin) || Number.isNaN(dMax) || typeof dMin !== 'number' || typeof dMax !== 'number' || !m) {\n return {\n min: 0,\n max: 0,\n ticks: [],\n };\n }\n // js 极大值极小值问题，差值小于 1e-15 会导致计算出错\n if (dMax - dMin < 1e-15 || m === 1) {\n return {\n min: dMin,\n max: dMax,\n ticks: [dMin],\n };\n }\n // js 超大值问题\n if (dMax - dMin > 1e148) {\n var count = n || 5;\n var step_1 = (dMax - dMin) / count;\n return {\n min: dMin,\n max: dMax,\n ticks: Array(count).fill(null).map(function (_, idx) {\n return prettyNumber(dMin + step_1 * idx);\n }),\n };\n }\n var best = {\n score: -2,\n lmin: 0,\n lmax: 0,\n lstep: 0,\n };\n var j = 1;\n while (j < Infinity) {\n for (var i = 0; i < Q.length; i += 1) {\n var q = Q[i];\n var sm = simplicityMax(q, Q, j);\n if (w[0] * sm + w[1] + w[2] + w[3] < best.score) {\n j = Infinity;\n break;\n }\n var k = 2;\n while (k < Infinity) {\n var dm = densityMax(k, m);\n if (w[0] * sm + w[1] + w[2] * dm + w[3] < best.score) {\n break;\n }\n var delta = (dMax - dMin) / (k + 1) / j / q;\n var z = Math.ceil(Math.log10(delta));\n while (z < Infinity) {\n var step = j * q * Math.pow(10, z);\n var cm = coverageMax(dMin, dMax, step * (k - 1));\n if (w[0] * sm + w[1] * cm + w[2] * dm + w[3] < best.score) {\n break;\n }\n var minStart = Math.floor(dMax / step) * j - (k - 1) * j;\n var maxStart = Math.ceil(dMin / step) * j;\n if (minStart <= maxStart) {\n var count = maxStart - minStart;\n for (var i_1 = 0; i_1 <= count; i_1 += 1) {\n var start = minStart + i_1;\n var lMin = start * (step / j);\n var lMax = lMin + step * (k - 1);\n var lStep = step;\n var s = simplicity(q, Q, j, lMin, lMax, lStep);\n var c = coverage(dMin, dMax, lMin, lMax);\n var g = density(k, m, dMin, dMax, lMin, lMax);\n var l = legibility();\n var score = w[0] * s + w[1] * c + w[2] * g + w[3] * l;\n if (score > best.score && (!onlyLoose || (lMin <= dMin && lMax >= dMax))) {\n best.lmin = lMin;\n best.lmax = lMax;\n best.lstep = lStep;\n best.score = score;\n }\n }\n }\n z += 1;\n }\n k += 1;\n }\n }\n j += 1;\n }\n // 处理精度问题，保证这三个数没有精度问题\n var lmax = prettyNumber(best.lmax);\n var lmin = prettyNumber(best.lmin);\n var lstep = prettyNumber(best.lstep);\n // 加 round 是为处理 extended(0.94, 1, 5)\n // 保证生成的 tickCount 没有精度问题\n var tickCount = Math.floor(round((lmax - lmin) / lstep)) + 1;\n var ticks = new Array(tickCount);\n // 少用乘法：防止出现 -1.2 + 1.2 * 3 = 2.3999999999999995 的情况\n ticks[0] = prettyNumber(lmin);\n for (var i = 1; i < tickCount; i++) {\n ticks[i] = prettyNumber(ticks[i - 1] + lstep);\n }\n return {\n min: Math.min(dMin, head(ticks)),\n max: Math.max(dMax, last(ticks)),\n ticks: ticks,\n };\n}\n//# sourceMappingURL=extended.js.map","import { head, isNil, last } from '@antv/util';\nimport extended from '../util/extended';\nimport interval from '../util/interval';\nimport strictLimit from '../util/strict-limit';\n/**\n * 计算线性的 ticks，使用 wilkinson extended 方法\n * @param cfg 度量的配置项\n * @returns 计算后的 ticks\n */\nexport default function linear(cfg) {\n var min = cfg.min, max = cfg.max, tickCount = cfg.tickCount, nice = cfg.nice, tickInterval = cfg.tickInterval, minLimit = cfg.minLimit, maxLimit = cfg.maxLimit;\n var ticks = extended(min, max, tickCount, nice).ticks;\n if (!isNil(minLimit) || !isNil(maxLimit)) {\n return strictLimit(cfg, head(ticks), last(ticks));\n }\n if (tickInterval) {\n return interval(min, max, tickInterval).ticks;\n }\n return ticks;\n}\n//# sourceMappingURL=linear.js.map","import { getLogPositiveMin, log } from '../util/math';\n/**\n * 计算 log 的 ticks，考虑 min = 0 的场景\n * @param cfg 度量的配置项\n * @returns 计算后的 ticks\n */\nexport default function calculateLogTicks(cfg) {\n var base = cfg.base, tickCount = cfg.tickCount, min = cfg.min, max = cfg.max, values = cfg.values;\n var minTick;\n var maxTick = log(base, max);\n if (min > 0) {\n minTick = Math.floor(log(base, min));\n }\n else {\n var positiveMin = getLogPositiveMin(values, base, max);\n minTick = Math.floor(log(base, positiveMin));\n }\n var count = maxTick - minTick;\n var avg = Math.ceil(count / tickCount);\n var ticks = [];\n for (var i = minTick; i < maxTick + avg; i = i + avg) {\n ticks.push(Math.pow(base, i));\n }\n if (min <= 0) {\n // 最小值 <= 0 时显示 0\n ticks.unshift(0);\n }\n return ticks;\n}\n//# sourceMappingURL=log.js.map","import { prettyNumber } from './pretty-number';\nexport default function pretty(min, max, m) {\n if (m === void 0) { m = 5; }\n if (min === max) {\n return {\n max: max,\n min: min,\n ticks: [min],\n };\n }\n var n = m < 0 ? 0 : Math.round(m);\n if (n === 0)\n return { max: max, min: min, ticks: [] };\n /*\n R pretty:\n https://svn.r-project.org/R/trunk/src/appl/pretty.c\n https://www.rdocumentation.org/packages/base/versions/3.5.2/topics/pretty\n */\n var h = 1.5; // high.u.bias\n var h5 = 0.5 + 1.5 * h; // u5.bias\n // 反正我也不会调参，跳过所有判断步骤\n var d = max - min;\n var c = d / n;\n // 当d非常小的时候触发，但似乎没什么用\n // const min_n = Math.floor(n / 3);\n // const shrink_sml = Math.pow(2, 5);\n // if (Math.log10(d) < -2) {\n // c = (_.max([ Math.abs(max), Math.abs(min) ]) * shrink_sml) / min_n;\n // }\n var base = Math.pow(10, Math.floor(Math.log10(c)));\n var unit = base;\n if (2 * base - c < h * (c - unit)) {\n unit = 2 * base;\n if (5 * base - c < h5 * (c - unit)) {\n unit = 5 * base;\n if (10 * base - c < h * (c - unit)) {\n unit = 10 * base;\n }\n }\n }\n var nu = Math.ceil(max / unit);\n var ns = Math.floor(min / unit);\n var hi = Math.max(nu * unit, max);\n var lo = Math.min(ns * unit, min);\n var size = Math.floor((hi - lo) / unit) + 1;\n var ticks = new Array(size);\n for (var i = 0; i < size; i++) {\n ticks[i] = prettyNumber(lo + i * unit);\n }\n return {\n min: lo,\n max: hi,\n ticks: ticks,\n };\n}\n//# sourceMappingURL=pretty.js.map","import { calBase } from '../util/math';\nimport pretty from '../util/pretty';\n/**\n * 计算 Pow 的 ticks\n * @param cfg 度量的配置项\n * @returns 计算后的 ticks\n */\nexport default function calculatePowTicks(cfg) {\n var exponent = cfg.exponent, tickCount = cfg.tickCount;\n var max = Math.ceil(calBase(exponent, cfg.max));\n var min = Math.floor(calBase(exponent, cfg.min));\n var ticks = pretty(min, max, tickCount).ticks;\n return ticks.map(function (tick) {\n var factor = tick >= 0 ? 1 : -1;\n return Math.pow(tick, exponent) * factor;\n });\n}\n//# sourceMappingURL=pow.js.map","/**\n * 计算几分位 https://github.com/simple-statistics/simple-statistics/blob/master/src/quantile_sorted.js\n * @param x 数组\n * @param p 百分比\n */\nfunction quantileSorted(x, p) {\n var idx = x.length * p;\n /*if (x.length === 0) { // 当前场景这些条件不可能命中\n throw new Error('quantile requires at least one value.');\n } else if (p < 0 || p > 1) {\n throw new Error('quantiles must be between 0 and 1');\n } else */\n if (p === 1) {\n // If p is 1, directly return the last element\n return x[x.length - 1];\n }\n else if (p === 0) {\n // If p is 0, directly return the first element\n return x[0];\n }\n else if (idx % 1 !== 0) {\n // If p is not integer, return the next element in array\n return x[Math.ceil(idx) - 1];\n }\n else if (x.length % 2 === 0) {\n // If the list has even-length, we'll take the average of this number\n // and the next value, if there is one\n return (x[idx - 1] + x[idx]) / 2;\n }\n else {\n // Finally, in the simple case of an integer value\n // with an odd-length list, return the x value at the index.\n return x[idx];\n }\n}\nexport default function calculateTicks(cfg) {\n var tickCount = cfg.tickCount, values = cfg.values;\n if (!values || !values.length) {\n return [];\n }\n var sorted = values.slice().sort(function (a, b) {\n return a - b;\n });\n var ticks = [];\n for (var i = 0; i < tickCount; i++) {\n var p = i / (tickCount - 1);\n ticks.push(quantileSorted(sorted, p));\n }\n return ticks;\n}\n//# sourceMappingURL=quantile.js.map","import { head, isNil, last } from '@antv/util';\nimport interval from '../util/interval';\nimport pretty from '../util/pretty';\nimport strictLimit from '../util/strict-limit';\n/**\n * 计算线性的 ticks，使用 R's pretty 方法\n * @param cfg 度量的配置项\n * @returns 计算后的 ticks\n */\nexport default function linearPretty(cfg) {\n var min = cfg.min, max = cfg.max, tickCount = cfg.tickCount, tickInterval = cfg.tickInterval, minLimit = cfg.minLimit, maxLimit = cfg.maxLimit;\n var ticks = pretty(min, max, tickCount).ticks;\n if (!isNil(minLimit) || !isNil(maxLimit)) {\n return strictLimit(cfg, head(ticks), last(ticks));\n }\n if (tickInterval) {\n return interval(min, max, tickInterval).ticks;\n }\n return ticks;\n}\n//# sourceMappingURL=r-prettry.js.map","import { getTickInterval } from '../util/time';\nexport default function calculateTimeTicks(cfg) {\n var min = cfg.min, max = cfg.max, minTickInterval = cfg.minTickInterval;\n var tickInterval = cfg.tickInterval;\n var tickCount = cfg.tickCount;\n // 指定 tickInterval 后 tickCount 不生效，需要重新计算\n if (tickInterval) {\n tickCount = Math.ceil((max - min) / tickInterval);\n }\n else {\n tickInterval = getTickInterval(min, max, tickCount)[1];\n var count = (max - min) / tickInterval;\n var ratio = count / tickCount;\n if (ratio > 1) {\n tickInterval = tickInterval * Math.ceil(ratio);\n }\n // 如果设置了最小间距，则使用最小间距\n if (minTickInterval && tickInterval < minTickInterval) {\n tickInterval = minTickInterval;\n }\n }\n tickInterval = Math.max(Math.floor((max - min) / (Math.pow(2, 12) - 1)), tickInterval);\n var ticks = [];\n for (var i = min; i < max + tickInterval; i += tickInterval) {\n ticks.push(i);\n }\n return ticks;\n}\n//# sourceMappingURL=time.js.map","import { __assign } from \"tslib\";\nimport catTicks from './cat';\n/**\n * 计算时间分类的 ticks, 保头，保尾\n * @param cfg 度量的配置项\n * @returns 计算后的 ticks\n */\nexport default function timeCat(cfg) {\n // 默认保留最后一条\n var ticks = catTicks(__assign({ showLast: true }, cfg));\n return ticks;\n}\n//# sourceMappingURL=time-cat.js.map","import { DAY, HOUR, MINUTE, MONTH, SECOND, YEAR } from '../util/time';\nfunction getYear(date) {\n return new Date(date).getFullYear();\n}\nfunction createYear(year) {\n return new Date(year, 0, 1).getTime();\n}\nfunction getMonth(date) {\n return new Date(date).getMonth();\n}\nfunction diffMonth(min, max) {\n var minYear = getYear(min);\n var maxYear = getYear(max);\n var minMonth = getMonth(min);\n var maxMonth = getMonth(max);\n return (maxYear - minYear) * 12 + ((maxMonth - minMonth) % 12);\n}\nfunction creatMonth(year, month) {\n return new Date(year, month, 1).getTime();\n}\nfunction diffDay(min, max) {\n return Math.ceil((max - min) / DAY);\n}\nfunction diffHour(min, max) {\n return Math.ceil((max - min) / HOUR);\n}\nfunction diffMinus(min, max) {\n return Math.ceil((max - min) / (60 * 1000));\n}\n/**\n * 计算 time 的 ticks，对 month, year 进行 pretty 处理\n * @param cfg 度量的配置项\n * @returns 计算后的 ticks\n */\nexport default function timePretty(cfg) {\n var min = cfg.min, max = cfg.max, minTickInterval = cfg.minTickInterval, tickCount = cfg.tickCount;\n var tickInterval = cfg.tickInterval;\n var ticks = [];\n // 指定 tickInterval 后 tickCount 不生效，需要重新计算\n if (!tickInterval) {\n tickInterval = (max - min) / tickCount;\n // 如果设置了最小间距，则使用最小间距\n if (minTickInterval && tickInterval < minTickInterval) {\n tickInterval = minTickInterval;\n }\n }\n tickInterval = Math.max(Math.floor((max - min) / (Math.pow(2, 12) - 1)), tickInterval);\n var minYear = getYear(min);\n // 如果间距大于 1 年，则将开始日期从整年开始\n if (tickInterval > YEAR) {\n var maxYear = getYear(max);\n var yearInterval = Math.ceil(tickInterval / YEAR);\n for (var i = minYear; i <= maxYear + yearInterval; i = i + yearInterval) {\n ticks.push(createYear(i));\n }\n }\n else if (tickInterval > MONTH) {\n // 大于月时\n var monthInterval = Math.ceil(tickInterval / MONTH);\n var mmMoth = getMonth(min);\n var dMonths = diffMonth(min, max);\n for (var i = 0; i <= dMonths + monthInterval; i = i + monthInterval) {\n ticks.push(creatMonth(minYear, i + mmMoth));\n }\n }\n else if (tickInterval > DAY) {\n // 大于天\n var date = new Date(min);\n var year = date.getFullYear();\n var month = date.getMonth();\n var mday = date.getDate();\n var day = Math.ceil(tickInterval / DAY);\n var ddays = diffDay(min, max);\n for (var i = 0; i < ddays + day; i = i + day) {\n ticks.push(new Date(year, month, mday + i).getTime());\n }\n }\n else if (tickInterval > HOUR) {\n // 大于小时\n var date = new Date(min);\n var year = date.getFullYear();\n var month = date.getMonth();\n var day = date.getDate();\n var hour = date.getHours();\n var hours = Math.ceil(tickInterval / HOUR);\n var dHours = diffHour(min, max);\n for (var i = 0; i <= dHours + hours; i = i + hours) {\n ticks.push(new Date(year, month, day, hour + i).getTime());\n }\n }\n else if (tickInterval > MINUTE) {\n // 大于分钟\n var dMinus = diffMinus(min, max);\n var minutes = Math.ceil(tickInterval / MINUTE);\n for (var i = 0; i <= dMinus + minutes; i = i + minutes) {\n ticks.push(min + i * MINUTE);\n }\n }\n else {\n // 小于分钟\n var interval = tickInterval;\n if (interval < SECOND) {\n interval = SECOND;\n }\n var minSecond = Math.floor(min / SECOND) * SECOND;\n var dSeconds = Math.ceil((max - min) / SECOND);\n var seconds = Math.ceil(interval / SECOND);\n for (var i = 0; i < dSeconds + seconds; i = i + seconds) {\n ticks.push(minSecond + i * SECOND);\n }\n }\n // 最好是能从算法能解决这个问题，但是如果指定了 tickInterval，计算 ticks，也只能这么算，所以\n // 打印警告提示\n if (ticks.length >= 512) {\n console.warn(\"Notice: current ticks length(\" + ticks.length + \") >= 512, may cause performance issues, even out of memory. Because of the configure \\\"tickInterval\\\"(in milliseconds, current is \" + tickInterval + \") is too small, increase the value to solve the problem!\");\n }\n return ticks;\n}\n//# sourceMappingURL=time-pretty.js.map","import cat from './cat';\nimport d3Linear from './d3-linear';\nimport linear from './linear';\nimport log from './log';\nimport pow from './pow';\nimport quantile from './quantile';\nimport rPretty from './r-prettry';\nimport { getTickMethod, registerTickMethod } from './register';\nimport time from './time';\nimport timeCat from './time-cat';\nimport timePretty from './time-pretty';\nregisterTickMethod('cat', cat);\nregisterTickMethod('time-cat', timeCat);\nregisterTickMethod('wilkinson-extended', linear);\nregisterTickMethod('r-pretty', rPretty);\nregisterTickMethod('time', time);\nregisterTickMethod('time-pretty', timePretty);\nregisterTickMethod('log', log);\nregisterTickMethod('pow', pow);\nregisterTickMethod('quantile', quantile);\nregisterTickMethod('d3-linear', d3Linear);\nexport { getTickMethod, registerTickMethod };\n//# sourceMappingURL=index.js.map","import Scale from './base';\nimport Category from './category/base';\nimport TimeCat from './category/time';\nimport Linear from './continuous/linear';\nimport Log from './continuous/log';\nimport Pow from './continuous/pow';\nimport Time from './continuous/time';\nimport Quantize from './continuous/quantize';\nimport Quantile from './continuous/quantile';\nimport { getScale, registerScale } from './factory';\nimport Identity from './identity/index';\nimport { getTickMethod, registerTickMethod } from './tick-method/index';\nregisterScale('cat', Category);\nregisterScale('category', Category);\nregisterScale('identity', Identity);\nregisterScale('linear', Linear);\nregisterScale('log', Log);\nregisterScale('pow', Pow);\nregisterScale('time', Time);\nregisterScale('timeCat', TimeCat);\nregisterScale('quantize', Quantize);\nregisterScale('quantile', Quantile);\nexport { Category, Identity, Linear, Log, Pow, Time, TimeCat, Quantile, Quantize, Scale, getScale, registerScale, getTickMethod, registerTickMethod, };\n//# sourceMappingURL=index.js.map","import { __assign, __extends } from \"tslib\";\nimport * as _ from '@antv/util';\nimport Adjust from './adjust';\nvar Symmetric = /** @class */ (function (_super) {\n __extends(Symmetric, _super);\n function Symmetric() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n Symmetric.prototype.process = function (groupDataArray) {\n var mergeData = _.flatten(groupDataArray);\n var _a = this, xField = _a.xField, yField = _a.yField;\n // 每个 x 值对应的 最大值\n var cache = this.getXValuesMaxMap(mergeData);\n // 所有数据的最大的值\n var max = Math.max.apply(Math, Object.keys(cache).map(function (key) { return cache[key]; }));\n return _.map(groupDataArray, function (dataArray) {\n return _.map(dataArray, function (data) {\n var _a, _b;\n var yValue = data[yField];\n var xValue = data[xField];\n // 数组处理逻辑\n if (_.isArray(yValue)) {\n var off_1 = (max - cache[xValue]) / 2;\n return __assign(__assign({}, data), (_a = {}, _a[yField] = _.map(yValue, function (y) { return off_1 + y; }), _a));\n }\n // 非数组处理逻辑\n var offset = (max - yValue) / 2;\n return __assign(__assign({}, data), (_b = {}, _b[yField] = [offset, yValue + offset], _b));\n });\n });\n };\n // 获取每个 x 对应的最大的值\n Symmetric.prototype.getXValuesMaxMap = function (mergeData) {\n var _this = this;\n var _a = this, xField = _a.xField, yField = _a.yField;\n // 根据 xField 的值进行分组\n var groupDataArray = _.groupBy(mergeData, function (data) { return data[xField]; });\n // 获取每个 xField 值中的最大值\n return _.mapValues(groupDataArray, function (dataArray) { return _this.getDimMaxValue(dataArray, yField); });\n };\n Symmetric.prototype.getDimMaxValue = function (mergeData, dim) {\n // 所有的 value 值\n var dimValues = _.map(mergeData, function (data) { return _.get(data, dim, []); });\n // 将数组打平（dim value 有可能是数组，比如 stack 之后的）\n var flattenValues = _.flatten(dimValues);\n // 求出数组的最大值\n return Math.max.apply(Math, flattenValues);\n };\n return Symmetric;\n}(Adjust));\nexport default Symmetric;\n//# sourceMappingURL=symmetric.js.map","var _a;\nimport Theme from '../util/theme';\n// tooltip 相关 dom 的 css 类名\nimport * as CssConst from './css-const';\nexport default (_a = {},\n // css style for tooltip\n _a[\"\" + CssConst.CONTAINER_CLASS] = {\n position: 'relative'\n },\n _a[\"\" + CssConst.CROSSHAIR_LINE] = {\n position: 'absolute',\n backgroundColor: 'rgba(0, 0, 0, 0.25)',\n },\n _a[\"\" + CssConst.CROSSHAIR_TEXT] = {\n position: 'absolute',\n color: Theme.textColor,\n fontFamily: Theme.fontFamily,\n },\n _a);\n//# sourceMappingURL=html-theme.js.map","import { __assign, __extends } from \"tslib\";\nimport { isNil } from '@antv/util';\nimport GroupComponent from '../abstract/group-component';\nimport { getMatrixByAngle } from '../util/matrix';\nimport Theme from '../util/theme';\nimport { formatPadding } from '../util/util';\nvar CrosshairBase = /** @class */ (function (_super) {\n __extends(CrosshairBase, _super);\n function CrosshairBase() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n CrosshairBase.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'crosshair', type: 'base', line: {}, text: null, textBackground: {}, capture: false, defaultCfg: {\n line: {\n style: {\n lineWidth: 1,\n stroke: Theme.lineColor,\n },\n },\n text: {\n position: 'start',\n offset: 10,\n autoRotate: false,\n content: null,\n style: {\n fill: Theme.textColor,\n textAlign: 'center',\n textBaseline: 'middle',\n fontFamily: Theme.fontFamily,\n },\n },\n textBackground: {\n padding: 5,\n style: {\n stroke: Theme.lineColor,\n },\n },\n } });\n };\n CrosshairBase.prototype.renderInner = function (group) {\n if (this.get('line')) {\n this.renderLine(group);\n }\n if (this.get('text')) {\n this.renderText(group);\n this.renderBackground(group);\n }\n };\n CrosshairBase.prototype.renderText = function (group) {\n var text = this.get('text');\n var style = text.style, autoRotate = text.autoRotate, content = text.content;\n if (!isNil(content)) {\n var textPoint = this.getTextPoint();\n var matrix = null;\n if (autoRotate) {\n var angle = this.getRotateAngle();\n matrix = getMatrixByAngle(textPoint, angle);\n }\n this.addShape(group, {\n type: 'text',\n name: 'crosshair-text',\n id: this.getElementId('text'),\n attrs: __assign(__assign(__assign({}, textPoint), { text: content, matrix: matrix }), style),\n });\n }\n };\n CrosshairBase.prototype.renderLine = function (group) {\n var path = this.getLinePath();\n var line = this.get('line');\n var style = line.style;\n this.addShape(group, {\n type: 'path',\n name: 'crosshair-line',\n id: this.getElementId('line'),\n attrs: __assign({ path: path }, style),\n });\n };\n // 绘制文本的背景\n CrosshairBase.prototype.renderBackground = function (group) {\n var textId = this.getElementId('text');\n var textShape = group.findById(textId); // 查找文本\n var textBackground = this.get('textBackground');\n if (textBackground && textShape) {\n var textBBox = textShape.getBBox();\n var padding = formatPadding(textBackground.padding); // 用户传入的 padding 格式不定\n var style = textBackground.style;\n var backgroundShape = this.addShape(group, {\n type: 'rect',\n name: 'crosshair-text-background',\n id: this.getElementId('text-background'),\n attrs: __assign({ x: textBBox.x - padding[3], y: textBBox.y - padding[0], width: textBBox.width + padding[1] + padding[3], height: textBBox.height + padding[0] + padding[2], matrix: textShape.attr('matrix') }, style),\n });\n backgroundShape.toBack();\n }\n };\n return CrosshairBase;\n}(GroupComponent));\nexport default CrosshairBase;\n//# sourceMappingURL=base.js.map","import { __assign, __extends } from \"tslib\";\nimport { getTextPoint } from '../util/util';\nimport CrosshairBase from './base';\nvar LineCrosshair = /** @class */ (function (_super) {\n __extends(LineCrosshair, _super);\n function LineCrosshair() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n LineCrosshair.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { type: 'line', locationType: 'region', start: null, end: null });\n };\n // 直线的文本需要同直线垂直\n LineCrosshair.prototype.getRotateAngle = function () {\n var _a = this.getLocation(), start = _a.start, end = _a.end;\n var position = this.get('text').position;\n var angle = Math.atan2(end.y - start.y, end.x - start.x);\n var tangentAngle = position === 'start' ? angle - Math.PI / 2 : angle + Math.PI / 2;\n return tangentAngle;\n };\n LineCrosshair.prototype.getTextPoint = function () {\n var _a = this.getLocation(), start = _a.start, end = _a.end;\n var _b = this.get('text'), position = _b.position, offset = _b.offset;\n return getTextPoint(start, end, position, offset);\n };\n LineCrosshair.prototype.getLinePath = function () {\n var _a = this.getLocation(), start = _a.start, end = _a.end;\n return [\n ['M', start.x, start.y],\n ['L', end.x, end.y],\n ];\n };\n return LineCrosshair;\n}(CrosshairBase));\nexport default LineCrosshair;\n//# sourceMappingURL=line.js.map","import { __assign, __extends } from \"tslib\";\nimport { getCirclePoint } from '../util/util';\nimport CrosshairBase from './base';\nvar LineCrosshair = /** @class */ (function (_super) {\n __extends(LineCrosshair, _super);\n function LineCrosshair() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n LineCrosshair.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { type: 'circle', locationType: 'circle', center: null, radius: 100, startAngle: -Math.PI / 2, endAngle: (Math.PI * 3) / 2 });\n };\n LineCrosshair.prototype.getRotateAngle = function () {\n var _a = this.getLocation(), startAngle = _a.startAngle, endAngle = _a.endAngle;\n var position = this.get('text').position;\n var tangentAngle = position === 'start' ? startAngle + Math.PI / 2 : endAngle - Math.PI / 2;\n return tangentAngle;\n };\n LineCrosshair.prototype.getTextPoint = function () {\n var text = this.get('text');\n var position = text.position, offset = text.offset;\n var _a = this.getLocation(), center = _a.center, radius = _a.radius, startAngle = _a.startAngle, endAngle = _a.endAngle;\n var angle = position === 'start' ? startAngle : endAngle;\n var tangentAngle = this.getRotateAngle() - Math.PI;\n var point = getCirclePoint(center, radius, angle);\n // 这个地方其实应该求切线向量然后在乘以 offset，但是太啰嗦了，直接给出结果\n // const tangent = [Math.cos(tangentAngle), Math.sin(tangentAngle)];\n // const offsetVector = vec2.scale([], tangent, offset);\n var offsetX = Math.cos(tangentAngle) * offset;\n var offsetY = Math.sin(tangentAngle) * offset;\n return {\n x: point.x + offsetX,\n y: point.y + offsetY,\n };\n };\n LineCrosshair.prototype.getLinePath = function () {\n var _a = this.getLocation(), center = _a.center, radius = _a.radius, startAngle = _a.startAngle, endAngle = _a.endAngle;\n var path = null;\n if (endAngle - startAngle === Math.PI * 2) {\n // 整圆\n var x = center.x, y = center.y;\n path = [\n ['M', x, y - radius],\n ['A', radius, radius, 0, 1, 1, x, y + radius],\n ['A', radius, radius, 0, 1, 1, x, y - radius],\n ['Z'],\n ];\n }\n else {\n var startPoint = getCirclePoint(center, radius, startAngle);\n var endPoint = getCirclePoint(center, radius, endAngle);\n var large = Math.abs(endAngle - startAngle) > Math.PI ? 1 : 0;\n var sweep = startAngle > endAngle ? 0 : 1;\n path = [\n ['M', startPoint.x, startPoint.y],\n ['A', radius, radius, 0, large, sweep, endPoint.x, endPoint.y],\n ];\n }\n return path;\n };\n return LineCrosshair;\n}(CrosshairBase));\nexport default LineCrosshair;\n//# sourceMappingURL=circle.js.map","export var CONTAINER_CLASS = 'g2-crosshair';\nexport var CROSSHAIR_LINE = CONTAINER_CLASS + \"-line\";\nexport var CROSSHAIR_TEXT = CONTAINER_CLASS + \"-text\";\n//# sourceMappingURL=css-const.js.map","import { __assign, __extends } from \"tslib\";\nimport { createDom, modifyCSS } from '@antv/dom-util';\nimport { substitute, hasKey } from '@antv/util';\nimport { toPx, getTextPoint } from '../util/util';\nimport HtmlComponent from '../abstract/html-component';\nimport * as CssConst from './css-const';\nimport HtmlTheme from './html-theme';\nvar HtmlCrosshair = /** @class */ (function (_super) {\n __extends(HtmlCrosshair, _super);\n function HtmlCrosshair() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n HtmlCrosshair.prototype.getDefaultCfg = function () {\n var cfg = _super.prototype.getDefaultCfg.call(this);\n return __assign(__assign({}, cfg), { name: 'crosshair', type: 'html', locationType: 'region', start: { x: 0, y: 0 }, end: { x: 0, y: 0 }, capture: false, text: null, containerTpl: \"\", crosshairTpl: \"\", textTpl: \"{content}\", domStyles: null, containerClassName: CssConst.CONTAINER_CLASS, defaultStyles: HtmlTheme, defaultCfg: {\n text: {\n position: 'start',\n content: null,\n align: 'center',\n offset: 10\n }\n } });\n };\n HtmlCrosshair.prototype.render = function () {\n this.resetText();\n this.resetPosition();\n };\n // 绘制 crosshair\n HtmlCrosshair.prototype.initCrossHair = function () {\n var container = this.getContainer();\n var crosshairTpl = this.get('crosshairTpl');\n var crosshairEl = createDom(crosshairTpl);\n container.appendChild(crosshairEl);\n this.applyStyle(CssConst.CROSSHAIR_LINE, crosshairEl);\n this.set('crosshairEl', crosshairEl);\n };\n // 获取文本的位置\n HtmlCrosshair.prototype.getTextPoint = function () {\n var _a = this.getLocation(), start = _a.start, end = _a.end;\n var _b = this.get('text'), position = _b.position, offset = _b.offset;\n return getTextPoint(start, end, position, offset);\n };\n // 设置 text\n HtmlCrosshair.prototype.resetText = function () {\n var text = this.get('text');\n var textEl = this.get('textEl');\n if (text) {\n var content = text.content;\n if (!textEl) {\n var container = this.getContainer();\n var textTpl = substitute(this.get('textTpl'), text);\n textEl = createDom(textTpl);\n container.appendChild(textEl);\n this.applyStyle(CssConst.CROSSHAIR_TEXT, textEl);\n this.set('textEl', textEl);\n }\n textEl.innerHTML = content;\n }\n else if (textEl) {\n textEl.remove();\n }\n };\n // 是否垂直\n HtmlCrosshair.prototype.isVertical = function (start, end) {\n return start.x === end.x;\n };\n // 重新调整位置\n HtmlCrosshair.prototype.resetPosition = function () {\n var crosshairEl = this.get('crosshairEl');\n if (!crosshairEl) {\n this.initCrossHair();\n crosshairEl = this.get('crosshairEl');\n }\n var start = this.get('start');\n var end = this.get('end');\n var minX = Math.min(start.x, end.x);\n var minY = Math.min(start.y, end.y);\n if (this.isVertical(start, end)) {\n modifyCSS(crosshairEl, {\n width: '1px',\n height: toPx(Math.abs(end.y - start.y))\n });\n }\n else {\n modifyCSS(crosshairEl, {\n height: '1px',\n width: toPx(Math.abs(end.x - start.x))\n });\n }\n modifyCSS(crosshairEl, {\n top: toPx(minY),\n left: toPx(minX)\n });\n this.alignText();\n };\n HtmlCrosshair.prototype.alignText = function () {\n // 重新设置 text 位置\n var textEl = this.get('textEl');\n if (textEl) {\n var align = this.get('text').align;\n var clientWidth = textEl.clientWidth;\n var point = this.getTextPoint();\n switch (align) {\n case 'center':\n point.x = point.x - clientWidth / 2;\n break;\n case 'right':\n point.x = point.x - clientWidth;\n case 'left':\n break;\n }\n modifyCSS(textEl, {\n top: toPx(point.y),\n left: toPx(point.x)\n });\n }\n };\n HtmlCrosshair.prototype.updateInner = function (cfg) {\n if (hasKey(cfg, 'text')) {\n this.resetText();\n }\n _super.prototype.updateInner.call(this, cfg);\n };\n return HtmlCrosshair;\n}(HtmlComponent));\nexport default HtmlCrosshair;\n//# sourceMappingURL=html.js.map"],"sourceRoot":""}