"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); var _typeof3 = require("@babel/runtime/helpers/typeof"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof")); var React = _interopRequireWildcard(require("react")); function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } var Block = function Block(_ref) { var bg = _ref.bg, children = _ref.children; return /*#__PURE__*/React.createElement("div", { style: { width: '100%', height: '100%', background: bg } }, children); }; function getPtgColors(color, scale) { return Object.keys(color).map(function (key) { var parsedKey = parseFloat(key); var ptgKey = "".concat(Math.floor(parsedKey * scale), "%"); return "".concat(color[key], " ").concat(ptgKey); }); } var PtgCircle = /*#__PURE__*/React.forwardRef(function (props, ref) { var prefixCls = props.prefixCls, color = props.color, gradientId = props.gradientId, radius = props.radius, circleStyleForStack = props.style, ptg = props.ptg, strokeLinecap = props.strokeLinecap, strokeWidth = props.strokeWidth, size = props.size, gapDegree = props.gapDegree; var isGradient = color && (0, _typeof2.default)(color) === 'object'; var stroke = isGradient ? "#FFF" : undefined; // ========================== Circle ========================== var halfSize = size / 2; var circleNode = /*#__PURE__*/React.createElement("circle", { className: "".concat(prefixCls, "-circle-path"), r: radius, cx: halfSize, cy: halfSize, stroke: stroke, strokeLinecap: strokeLinecap, strokeWidth: strokeWidth, opacity: ptg === 0 ? 0 : 1, style: circleStyleForStack, ref: ref }); // ========================== Render ========================== if (!isGradient) { return circleNode; } var maskId = "".concat(gradientId, "-conic"); var fromDeg = gapDegree ? "".concat(180 + gapDegree / 2, "deg") : '0deg'; var conicColors = getPtgColors(color, (360 - gapDegree) / 360); var linearColors = getPtgColors(color, 1); var conicColorBg = "conic-gradient(from ".concat(fromDeg, ", ").concat(conicColors.join(', '), ")"); var linearColorBg = "linear-gradient(to ".concat(gapDegree ? 'bottom' : 'top', ", ").concat(linearColors.join(', '), ")"); return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("mask", { id: maskId }, circleNode), /*#__PURE__*/React.createElement("foreignObject", { x: 0, y: 0, width: size, height: size, mask: "url(#".concat(maskId, ")") }, /*#__PURE__*/React.createElement(Block, { bg: linearColorBg }, /*#__PURE__*/React.createElement(Block, { bg: conicColorBg })))); }); if (process.env.NODE_ENV !== 'production') { PtgCircle.displayName = 'PtgCircle'; } var _default = PtgCircle; exports.default = _default;