var __rest = (this && this.__rest) || function (s, e) { var t = {}; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; } return t; }; import { path as d3path } from 'd3-path'; import { Path } from '@antv/g'; import { applyStyle, arrowPoints, getShapeTheme } from '../utils'; import { select } from '../../utils/selection'; /** * Connect 2 points with a single line with arrow. * -----> */ export const Vector = (options) => { const { arrow = true, arrowSize = '40%' } = options, style = __rest(options, ["arrow", "arrowSize"]); return (points, value, coordinate, theme) => { const { mark, shape, defaultShape, transform } = value; const _a = getShapeTheme(theme, mark, shape, defaultShape), { defaultColor } = _a, shapeTheme = __rest(_a, ["defaultColor"]); const { color = defaultColor } = value; const [from, to] = points; // Draw line const path = d3path(); path.moveTo(...from); path.lineTo(...to); // Draw 2 arrows. if (arrow) { // Calculate arrow end point. const [arrow1, arrow2] = arrowPoints(from, to, { arrowSize }); path.moveTo(...to); path.lineTo(...arrow1); path.moveTo(...to); path.lineTo(...arrow2); } return select(new Path()) .call(applyStyle, shapeTheme) .style('d', path.toString()) .style('stroke', color || defaultColor) .style('transform', transform) .call(applyStyle, style) .node(); }; }; Vector.props = { defaultMarker: 'line', defaultEnterAnimation: 'fadeIn', defaultUpdateAnimation: 'morphing', defaultExitAnimation: 'fadeOut', }; //# sourceMappingURL=vector.js.map