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 GPath } from '@antv/g'; import { path as d3path } from 'd3-path'; import { isPolar } from '../../utils/coordinate'; import { applyStyle, appendPolygon, appendArc, getShapeTheme } from '../utils'; import { select } from '../../utils/selection'; import { dist } from '../../utils/vector'; function getPolygonPath(points, coordinate) { const path = d3path(); // In polar, draw arc. if (isPolar(coordinate)) { const center = coordinate.getCenter(); const closedPoints = [...points, points[0]]; // Calculate dist array for cache. const dists = closedPoints.map((p) => dist(p, center)); closedPoints.forEach((curr, idx) => { if (idx === 0) { path.moveTo(curr[0], curr[1]); return; } const currDist = dists[idx]; const prev = points[idx - 1]; const prevDist = dists[idx - 1]; // When radius is equal, draw 2 point with arc. // todo: choose a minimum value. if (prevDist !== undefined && Math.abs(currDist - prevDist) < 1e-10) { appendArc(path, prev, curr, center, currDist); } else { path.lineTo(curr[0], curr[1]); } }); path.closePath(); return path; } // In rect, draw polygon. return appendPolygon(path, points); } export const Polygon = (options) => { const style = __rest(options, []); return (points, value, coordinate, theme) => { const { mark, shape, defaultShape, color, transform } = value; const _a = getShapeTheme(theme, mark, shape, defaultShape), { defaultColor } = _a, shapeTheme = __rest(_a, ["defaultColor"]); const path = getPolygonPath(points, coordinate); return select(new GPath()) .call(applyStyle, shapeTheme) .style('d', path.toString()) .style('stroke', color || defaultColor) .style('fill', color || defaultColor) .style('transform', transform) .call(applyStyle, style) .node(); }; }; Polygon.props = { defaultMarker: 'square', defaultEnterAnimation: 'fadeIn', defaultUpdateAnimation: 'morphing', defaultExitAnimation: 'fadeOut', }; //# sourceMappingURL=polygon.js.map