@easyv/charts 1.4.29 → 1.4.31

package/lib/components/PieChart.js

@@ -1,39 +1,61 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _ = require(".");
+
 var _context = require("../context");
+
 var _utils = require("../utils");
+
 var _d3v = require("d3v7");
+
 var _popmotion = require("popmotion");
+
 var _LinearGradient = _interopRequireDefault(require("./LinearGradient"));
+
 var _formatter = require("../formatter");
+
 var _piechartModule = _interopRequireDefault(require("../css/piechart.module.css"));
+
 var _hooks = require("../hooks");
+
 var _PieTooltip = require("./PieTooltip");
+
 var _utils2 = require("@easyv/utils/lib/common/utils");
+
 var _excluded = ["startAngle", "endAngle", "antiClockwise"],
-  _excluded2 = ["padAngle", "innerRadius", "outerRadius", "cornerRadius", "startAngle", "endAngle"],
-  _excluded3 = ["formatter"],
-  _excluded4 = ["startAngle", "endAngle"];
-/**
- * 饼环图
- */
+    _excluded2 = ["padAngle", "innerRadius", "outerRadius", "cornerRadius", "startAngle", "endAngle"],
+    _excluded3 = ["formatter"],
+    _excluded4 = ["startAngle", "endAngle"];
+
 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 || _typeof(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; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var PI = Math.PI;
 var defaultChart = {
   outerRadius: 1,
@@ -49,6 +71,7 @@ var defaultAngle = {
   endAngle: 360,
   antiClockwise: false
 };
+
 var nameDy = function nameDy(showValue, showPercent, mode, dir) {
   if (showValue || showPercent) {
     if (mode == "vertical") {
@@ -64,6 +87,7 @@ var nameDy = function nameDy(showValue, showPercent, mode, dir) {
     }
   }
 };
+
 var valueDy = function valueDy(value1, mode, dir) {
   if (value1) {
     if (mode == "vertical") {
@@ -79,10 +103,12 @@ var valueDy = function valueDy(value1, mode, dir) {
     }
   }
 };
+
 var percentDy_ = function percentDy_(showName, showValue, mode, dir) {
   if (showValue) {
     return 0;
   }
+
   if (showName) {
     if (mode == "vertical") {
       return "1.5em";
@@ -97,10 +123,12 @@ var percentDy_ = function percentDy_(showName, showValue, mode, dir) {
     }
   }
 };
+
 var percentX = function percentX(showName, showValue, mode, x) {
   if (showValue) {
     return "";
   }
+
   if (showName) {
     if (mode == "vertical") {
       return x;
@@ -111,10 +139,12 @@ var percentX = function percentX(showName, showValue, mode, x) {
     return x;
   }
 };
+
 var percentDx = function percentDx(showName, showValue, mode) {
   if (showValue) {
     return "0.5em";
   }
+
   if (showName) {
     if (mode == "vertical") {
       return 0;
@@ -125,10 +155,12 @@ var percentDx = function percentDx(showName, showValue, mode) {
     return 0;
   }
 };
+
 var percentDy = function percentDy(showName, showValue, mode) {
   if (showValue) {
     return 0;
   }
+
   if (showName) {
     if (mode == "vertical") {
       return "1.5em";
@@ -139,31 +171,36 @@ var percentDy = function percentDy(showName, showValue, mode) {
     return 0;
   }
 };
+
 var valueDx = function valueDx(showName, mode) {
   if (!showName) {
     return "";
   }
+
   if (mode == "vertical") {
     return "";
   } else {
     return "0.5em";
   }
 };
+
 var getCoord = function getCoord(deg, radius) {
   var x = Math.cos(deg) * radius,
-    y = Math.sin(deg) * radius;
+      y = Math.sin(deg) * radius;
   return [x, y];
 };
+
 var getRoseRadius = function getRoseRadius(_ref) {
   var innerRadius = _ref.innerRadius,
-    baseRadius = _ref.baseRadius;
+      baseRadius = _ref.baseRadius;
   return innerRadius + (1 - innerRadius) * baseRadius;
 };
+
 var getAngle = function getAngle(_ref2) {
   var startAngle = _ref2.startAngle,
-    endAngle = _ref2.endAngle,
-    antiClockwise = _ref2.antiClockwise,
-    rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+      endAngle = _ref2.endAngle,
+      antiClockwise = _ref2.antiClockwise,
+      rest = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   if (antiClockwise) return _objectSpread(_objectSpread({}, rest), {}, {
     startAngle: endAngle - 180,
     endAngle: startAngle - 180
@@ -173,20 +210,21 @@ var getAngle = function getAngle(_ref2) {
     endAngle: endAngle
   });
 };
+
 var getArc = function getArc(radius, _ref3, series_, index) {
   var _ref3$padAngle = _ref3.padAngle,
-    padAngle = _ref3$padAngle === void 0 ? 0 : _ref3$padAngle,
-    _ref3$innerRadius = _ref3.innerRadius,
-    innerRadius = _ref3$innerRadius === void 0 ? 0 : _ref3$innerRadius,
-    _ref3$outerRadius = _ref3.outerRadius,
-    outerRadius = _ref3$outerRadius === void 0 ? 1 : _ref3$outerRadius,
-    _ref3$cornerRadius = _ref3.cornerRadius,
-    cornerRadius = _ref3$cornerRadius === void 0 ? 0 : _ref3$cornerRadius,
-    _ref3$startAngle = _ref3.startAngle,
-    startAngle = _ref3$startAngle === void 0 ? 0 : _ref3$startAngle,
-    _ref3$endAngle = _ref3.endAngle,
-    endAngle = _ref3$endAngle === void 0 ? 360 : _ref3$endAngle,
-    rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
+      padAngle = _ref3$padAngle === void 0 ? 0 : _ref3$padAngle,
+      _ref3$innerRadius = _ref3.innerRadius,
+      innerRadius = _ref3$innerRadius === void 0 ? 0 : _ref3$innerRadius,
+      _ref3$outerRadius = _ref3.outerRadius,
+      outerRadius = _ref3$outerRadius === void 0 ? 1 : _ref3$outerRadius,
+      _ref3$cornerRadius = _ref3.cornerRadius,
+      cornerRadius = _ref3$cornerRadius === void 0 ? 0 : _ref3$cornerRadius,
+      _ref3$startAngle = _ref3.startAngle,
+      startAngle = _ref3$startAngle === void 0 ? 0 : _ref3$startAngle,
+      _ref3$endAngle = _ref3.endAngle,
+      endAngle = _ref3$endAngle === void 0 ? 360 : _ref3$endAngle,
+      rest = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
   var series = series_.find(function (s) {
     return s.fieldName == rest.data.s;
   }) || series_[index % series_.length];
@@ -200,28 +238,33 @@ var getArc = function getArc(radius, _ref3, series_, index) {
     arc: (0, _d3v.arc)().innerRadius(innerRadius * radius).outerRadius(outerRadius * radius).cornerRadius(cornerRadius).startAngle(startAngle).endAngle(endAngle).padAngle(padAngle)
   });
 };
+
 var getCircleScale = function getCircleScale() {
   var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : tick,
-    count = _ref4.count,
-    color = _ref4.color,
-    width = _ref4.width,
-    length = _ref4.length;
+      count = _ref4.count,
+      color = _ref4.color,
+      width = _ref4.width,
+      length = _ref4.length;
+
   var radius = arguments.length > 1 ? arguments[1] : undefined;
   var data = [],
-    arcs = [],
-    centroids = [];
+      arcs = [],
+      centroids = [];
+
   for (var i = 0; i < count; i++) {
     data.push(1);
   }
+
   var scaleData = (0, _d3v.pie)()(data);
   scaleData.map(function (data) {
     var _arc = (0, _d3v.arc)().innerRadius(radius + length / 2).outerRadius(radius + length / 2).startAngle(data.startAngle).endAngle(data.endAngle);
+
     arcs.push(_arc());
     centroids.push(_arc.centroid());
   });
   return /*#__PURE__*/_react["default"].createElement("g", null, centroids.map(function (center, index) {
     var x = center[0],
-      y = center[1];
+        y = center[1];
     var rate = length / Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
     return /*#__PURE__*/_react["default"].createElement("path", {
       key: index,
@@ -231,69 +274,70 @@ var getCircleScale = function getCircleScale() {
     });
   }));
 };
+
 var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
   var _ref5$config = _ref5.config,
-    _ref5$config$chart = _ref5$config.chart,
-    _ref5$config$chart$di = _ref5$config$chart.dimension.chartDimension,
-    width = _ref5$config$chart$di.width,
-    height = _ref5$config$chart$di.height,
-    label = _ref5$config$chart.label,
-    _ref5$config$chart$le = _ref5$config$chart.legend,
-    _ref5$config$chart$le2 = _ref5$config$chart$le.formatter,
-    formatter = _ref5$config$chart$le2 === void 0 ? _formatter.pieLegendFormatter : _ref5$config$chart$le2,
-    legend = (0, _objectWithoutProperties2["default"])(_ref5$config$chart$le, _excluded3),
-    _ref5$config$chart$ma = _ref5$config$chart.margin,
-    marginLeft = _ref5$config$chart$ma.marginLeft,
-    marginTop = _ref5$config$chart$ma.marginTop,
-    _ref5$config$fan = _ref5$config.fan,
-    _ref5$config$fan2 = _ref5$config$fan === void 0 ? {} : _ref5$config$fan,
-    _ref5$config$fan2$cha = _ref5$config$fan2.chart,
-    chart = _ref5$config$fan2$cha === void 0 ? defaultChart : _ref5$config$fan2$cha,
-    _ref5$config$fan2$cha2 = _ref5$config$fan2.chart,
-    _ref5$config$fan2$cha3 = _ref5$config$fan2$cha2.outerRadius,
-    outerRadius = _ref5$config$fan2$cha3 === void 0 ? defaultChart.outerRadius : _ref5$config$fan2$cha3,
-    padAngle = _ref5$config$fan2$cha2.padAngle,
-    _ref5$config$fan2$ang = _ref5$config$fan2.angle,
-    angle = _ref5$config$fan2$ang === void 0 ? defaultAngle : _ref5$config$fan2$ang,
-    _ref5$config$fan2$str = _ref5$config$fan2.stroke,
-    _ref5$config$fan2$str2 = _ref5$config$fan2$str === void 0 ? {
-      show: false
-    } : _ref5$config$fan2$str,
-    show = _ref5$config$fan2$str2.show,
-    strokeWidth = _ref5$config$fan2$str2.strokeWidth,
-    color = _ref5$config$fan2$str2.color,
-    decorate = _ref5$config$fan2.decorate,
-    decorate2 = _ref5$config$fan2.decorate2,
-    categoryText = _ref5$config$fan2.categoryText,
-    outerDecorate = _ref5$config$fan2.outerDecorate,
-    current = _ref5$config$fan2.current,
-    order = _ref5$config.order,
-    series = _ref5$config.series,
-    _ref5$config$animatio = _ref5$config.animation,
-    on = _ref5$config$animatio.on,
-    _ref5$config$animatio2 = _ref5$config$animatio.current,
-    _ref5$config$animatio3 = _ref5$config$animatio2.heighten,
-    heighten = _ref5$config$animatio3 === void 0 ? 0 : _ref5$config$animatio3,
-    _ref5$config$animatio4 = _ref5$config$animatio2.opacity,
-    opacity = _ref5$config$animatio4 === void 0 ? 0 : _ref5$config$animatio4,
-    _ref5$config$animatio5 = _ref5$config$animatio2.width,
-    radiusWidthAdd = _ref5$config$animatio5 === void 0 ? 0 : _ref5$config$animatio5,
-    animateColor = _ref5$config$animatio2.color,
-    animateCTS = _ref5$config$animatio2.textStyle,
-    _ref5$config$animatio6 = _ref5$config$animatio2.gap,
-    gap = _ref5$config$animatio6 === void 0 ? 0 : _ref5$config$animatio6,
-    _ref5$config$animatio7 = _ref5$config$animatio.rotate,
-    rotate = _ref5$config$animatio7 === void 0 ? 0 : _ref5$config$animatio7,
-    _ref5$config$tooltip = _ref5$config.tooltip,
-    tooltip = _ref5$config$tooltip === void 0 ? {} : _ref5$config$tooltip,
-    config = _ref5.config,
-    _ref5$state = _ref5.state,
-    currentIndex = _ref5$state.currentIndex,
-    trigger = _ref5$state.trigger,
-    onEvent = _ref5.onEvent,
-    hoverEvent = _ref5.hoverEvent,
-    _ref5$data = _ref5.data,
-    originData = _ref5$data === void 0 ? [] : _ref5$data;
+      _ref5$config$chart = _ref5$config.chart,
+      _ref5$config$chart$di = _ref5$config$chart.dimension.chartDimension,
+      width = _ref5$config$chart$di.width,
+      height = _ref5$config$chart$di.height,
+      label = _ref5$config$chart.label,
+      _ref5$config$chart$le = _ref5$config$chart.legend,
+      _ref5$config$chart$le2 = _ref5$config$chart$le.formatter,
+      formatter = _ref5$config$chart$le2 === void 0 ? _formatter.pieLegendFormatter : _ref5$config$chart$le2,
+      legend = (0, _objectWithoutProperties2["default"])(_ref5$config$chart$le, _excluded3),
+      _ref5$config$chart$ma = _ref5$config$chart.margin,
+      marginLeft = _ref5$config$chart$ma.marginLeft,
+      marginTop = _ref5$config$chart$ma.marginTop,
+      _ref5$config$fan = _ref5$config.fan;
+  _ref5$config$fan = _ref5$config$fan === void 0 ? {} : _ref5$config$fan;
+  var _ref5$config$fan$char = _ref5$config$fan.chart,
+      chart = _ref5$config$fan$char === void 0 ? defaultChart : _ref5$config$fan$char,
+      _ref5$config$fan$char2 = _ref5$config$fan.chart,
+      _ref5$config$fan$char3 = _ref5$config$fan$char2.outerRadius,
+      outerRadius = _ref5$config$fan$char3 === void 0 ? defaultChart.outerRadius : _ref5$config$fan$char3,
+      padAngle = _ref5$config$fan$char2.padAngle,
+      _ref5$config$fan$angl = _ref5$config$fan.angle,
+      angle = _ref5$config$fan$angl === void 0 ? defaultAngle : _ref5$config$fan$angl,
+      _ref5$config$fan$stro = _ref5$config$fan.stroke;
+  _ref5$config$fan$stro = _ref5$config$fan$stro === void 0 ? {
+    show: false
+  } : _ref5$config$fan$stro;
+  var show = _ref5$config$fan$stro.show,
+      strokeWidth = _ref5$config$fan$stro.strokeWidth,
+      color = _ref5$config$fan$stro.color,
+      decorate = _ref5$config$fan.decorate,
+      decorate2 = _ref5$config$fan.decorate2,
+      categoryText = _ref5$config$fan.categoryText,
+      outerDecorate = _ref5$config$fan.outerDecorate,
+      current = _ref5$config$fan.current,
+      order = _ref5$config.order,
+      series = _ref5$config.series,
+      _ref5$config$animatio = _ref5$config.animation,
+      on = _ref5$config$animatio.on,
+      _ref5$config$animatio2 = _ref5$config$animatio.current,
+      _ref5$config$animatio3 = _ref5$config$animatio2.heighten,
+      heighten = _ref5$config$animatio3 === void 0 ? 0 : _ref5$config$animatio3,
+      _ref5$config$animatio4 = _ref5$config$animatio2.opacity,
+      opacity = _ref5$config$animatio4 === void 0 ? 0 : _ref5$config$animatio4,
+      _ref5$config$animatio5 = _ref5$config$animatio2.width,
+      radiusWidthAdd = _ref5$config$animatio5 === void 0 ? 0 : _ref5$config$animatio5,
+      animateColor = _ref5$config$animatio2.color,
+      animateCTS = _ref5$config$animatio2.textStyle,
+      _ref5$config$animatio6 = _ref5$config$animatio2.gap,
+      gap = _ref5$config$animatio6 === void 0 ? 0 : _ref5$config$animatio6,
+      _ref5$config$animatio7 = _ref5$config$animatio.rotate,
+      rotate = _ref5$config$animatio7 === void 0 ? 0 : _ref5$config$animatio7,
+      _ref5$config$tooltip = _ref5$config.tooltip,
+      tooltip = _ref5$config$tooltip === void 0 ? {} : _ref5$config$tooltip,
+      config = _ref5.config,
+      _ref5$state = _ref5.state,
+      currentIndex = _ref5$state.currentIndex,
+      trigger = _ref5$state.trigger,
+      onEvent = _ref5.onEvent,
+      hoverEvent = _ref5.hoverEvent,
+      _ref5$data = _ref5.data,
+      originData = _ref5$data === void 0 ? [] : _ref5$data;
   var data = originData.map(function (d) {
     return _objectSpread(_objectSpread({}, d), {}, {
       y: d.y < 0 ? 0 : d.y
@@ -301,92 +345,107 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
   });
   var prevIndex = (0, _react.useRef)(null);
   var legendPrecision = legend.config.percent.precision;
+
   var _useContext = (0, _react.useContext)(_context.chartContext),
-    id = _useContext.id,
-    chartWidth = _useContext.width,
-    chartHeight = _useContext.height,
-    triggerOnRelative = _useContext.triggerOnRelative,
-    onEmit = _useContext.onEmit;
+      id = _useContext.id,
+      chartWidth = _useContext.width,
+      chartHeight = _useContext.height,
+      triggerOnRelative = _useContext.triggerOnRelative,
+      onEmit = _useContext.onEmit;
+
   var _useState = (0, _react.useState)(1),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    y = _useState2[0],
-    setY = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      y = _useState2[0],
+      setY = _useState2[1];
+
   var radius = Math.min(chartWidth, chartHeight) / 2 * outerRadius;
   var arcsFunc = (0, _react.useMemo)(function () {
     var _getAngle = getAngle(angle),
-      _getAngle$startAngle = _getAngle.startAngle,
-      startAngle = _getAngle$startAngle === void 0 ? 0 : _getAngle$startAngle,
-      _getAngle$endAngle = _getAngle.endAngle,
-      endAngle = _getAngle$endAngle === void 0 ? 360 : _getAngle$endAngle;
+        _getAngle$startAngle = _getAngle.startAngle,
+        startAngle = _getAngle$startAngle === void 0 ? 0 : _getAngle$startAngle,
+        _getAngle$endAngle = _getAngle.endAngle,
+        endAngle = _getAngle$endAngle === void 0 ? 360 : _getAngle$endAngle;
+
     var arcsFunc = (0, _d3v.pie)().startAngle(startAngle * PI / 180).endAngle(endAngle * PI / 180).value(function (d) {
       return d.y;
     });
     return arcsFunc;
-  }, [angle]);
-  //此处创建arcsFuncTwo的原因是为了兼容数据全为零
+  }, [angle]); //此处创建arcsFuncTwo的原因是为了兼容数据全为零
+
   var arcsFuncTwo = (0, _react.useMemo)(function () {
     var _getAngle2 = getAngle(angle),
-      _getAngle2$startAngle = _getAngle2.startAngle,
-      startAngle = _getAngle2$startAngle === void 0 ? 0 : _getAngle2$startAngle,
-      _getAngle2$endAngle = _getAngle2.endAngle,
-      endAngle = _getAngle2$endAngle === void 0 ? 360 : _getAngle2$endAngle;
+        _getAngle2$startAngle = _getAngle2.startAngle,
+        startAngle = _getAngle2$startAngle === void 0 ? 0 : _getAngle2$startAngle,
+        _getAngle2$endAngle = _getAngle2.endAngle,
+        endAngle = _getAngle2$endAngle === void 0 ? 360 : _getAngle2$endAngle;
+
     var arcsFunc = (0, _d3v.pie)().startAngle(startAngle * PI / 180).endAngle(endAngle * PI / 180).value(function (d) {
       return d.y == 0 ? 1 : d.y;
     });
     return arcsFunc;
   }, [angle]);
   var judgeData = 0; //此处声明全局变量是为了父子组件传递值来判断数据是否都为零
+
   var arcs = (0, _react.useMemo)(function () {
     var _chart = Object.assign(defaultChart, chart);
+
     var innerRadius = _chart.innerRadius,
-      outerRadius = _chart.outerRadius,
-      rose = _chart.rose,
-      cornerRadius = _chart.cornerRadius,
-      padAngle = _chart.padAngle,
-      roseType = _chart.roseType;
+        outerRadius = _chart.outerRadius,
+        rose = _chart.rose,
+        cornerRadius = _chart.cornerRadius,
+        padAngle = _chart.padAngle,
+        roseType = _chart.roseType;
+
     var _padAngle = padAngle * Math.PI / 180;
+
     switch (order) {
       case "":
         arcsFunc.sort(null);
         break;
+
       case "desc":
         arcsFunc.sort(function (a, b) {
           return b.y - a.y;
         });
         break;
+
       case "asc":
         arcsFunc.sort(function (a, b) {
           return a.y - b.y;
         });
         break;
-    }
+    } //此处判断data中的y是否都为零,方便饼图都为零时展示
 
-    //此处判断data中的y是否都为零,方便饼图都为零时展示
 
     var arcs = 0;
     data.forEach(function (item) {
       judgeData += item.y;
     });
+
     if (judgeData == 0) {
       arcs = arcsFuncTwo(data);
     } else {
       arcs = arcsFunc(data);
-    }
+    } //const arcs = arcsFunc(data); 此处是原本的传输饼图data流程
+
 
-    //const arcs = arcsFunc(data); 此处是原本的传输饼图data流程
     var legendDataWithPercent = (0, _utils.getDataWithPercent)(arcs, legendPrecision);
+
     var _legendDataWithPercent = (0, _utils.sortPie)(legendDataWithPercent, order);
+
     if (rose) {
       var domain = (0, _d3v.extent)(_legendDataWithPercent, function (d) {
         return d.value;
       });
       var roseRadius = getRoseRadius(_chart);
       var scaler = (0, _d3v.scaleLinear)().domain(domain).range([roseRadius, 1]);
+
       var _angle = PI * 2 / _legendDataWithPercent.length;
+
       return _legendDataWithPercent.map(function (_ref6, index) {
         var startAngle = _ref6.startAngle,
-          endAngle = _ref6.endAngle,
-          arc = (0, _objectWithoutProperties2["default"])(_ref6, _excluded4);
+            endAngle = _ref6.endAngle,
+            arc = (0, _objectWithoutProperties2["default"])(_ref6, _excluded4);
         return _objectSpread(_objectSpread({}, arc), {}, {
           id: id + "_linear_" + index,
           startAngle: roseType == "area" ? _angle * index : startAngle,
@@ -398,6 +457,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
         });
       });
     }
+
     return _legendDataWithPercent.map(function (arc, index) {
       return _objectSpread(_objectSpread({}, arc), {}, {
         id: id + "_linear_" + index,
@@ -408,15 +468,19 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       });
     });
   }, [data, arcsFunc, arcsFuncTwo, chart, legendPrecision, order]);
+
   var _arcs = (0, _react.useMemo)(function () {
     var seriesLength = series.size;
     if (!seriesLength) return [];
+
     var _series = (0, _toConsumableArray2["default"])(series.values());
+
     if (_series.length < arcs.length) console.warn("请检查数据中是否存在相同的s");
     return arcs.map(function (arc, index) {
       return getArc(radius, arc, _series, index);
     });
   }, [series, arcs, radius]);
+
   var onClick = (0, _react.useCallback)(function (e) {
     onEvent({
       currentIndex: +e.currentTarget.dataset.index,
@@ -444,6 +508,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
   }, [onEvent]);
   (0, _react.useLayoutEffect)(function () {
     var animation;
+
     if (!!on) {
       animation = (0, _popmotion.animate)({
         from: 0,
@@ -467,6 +532,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
         onEmit('click', _data);
       }
     }
+
     return function () {
       prevIndex.current = currentIndex;
       animation && animation.stop();
@@ -479,12 +545,14 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       if (!window.aiData) {
         window.aiData = {};
       }
+
       window.aiData[id] = {
         getAI: function getAI() {
           return aiData;
         }
       };
     }
+
     return function () {
       window.aiData && window.aiData[id] && delete window.aiData[id];
     };
@@ -493,21 +561,26 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
   var halfChartHeight = chartHeight / 2;
   var rotate_ = decorate2 ? -(arcs[+currentIndex].startAngle + arcs[+currentIndex].endAngle) * 90 / Math.PI + rotate : 0;
   var maxRadius = 0;
+
   _arcs.map(function (d) {
     maxRadius = Math.max(maxRadius, d.outerRadius);
   });
+
   var centerRadius = 0.5 * maxRadius + 0.5 * _arcs[0].innerRadius;
+
   var _useState3 = (0, _react.useState)({
-      x: 0,
-      y: 0
-    }),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    mousePos = _useState4[0],
-    setMousePos = _useState4[1];
+    x: 0,
+    y: 0
+  }),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      mousePos = _useState4[0],
+      setMousePos = _useState4[1];
+
   var _useState5 = (0, _react.useState)(null),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    hoverData = _useState6[0],
-    setHoverData = _useState6[1];
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      hoverData = _useState6[0],
+      setHoverData = _useState6[1];
+
   var pieWarpEl = (0, _react.useRef)(null);
   return outerDecorate ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.ChartContainer //用于生成甜甜圈图，判断依据是外环装饰这个配置项(outerDecorate)
   , {
@@ -521,8 +594,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       transition: "transform ease-in-out 0.3s",
       transform: "translate(" + halfChartWidth + "px, " + halfChartHeight + "px) rotate(" + rotate_ + "deg)"
     }
-  },
-  //用于生成外环装饰的刻度
+  }, //用于生成外环装饰的刻度
   outerDecorate.tick.show && getCircleScale(outerDecorate.tick, maxRadius), /*#__PURE__*/_react["default"].createElement("circle", {
     //外环装饰
     cx: "0",
@@ -533,11 +605,11 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     strokeWidth: outerDecorate.width
   }), _arcs.map(function (_ref7, index) {
     var id = _ref7.id,
-      value = _ref7.value,
-      series = _ref7.series,
-      arc = _ref7.arc,
-      innerRadius = _ref7.innerRadius,
-      outerRadius = _ref7.outerRadius;
+        value = _ref7.value,
+        series = _ref7.series,
+        arc = _ref7.arc,
+        innerRadius = _ref7.innerRadius,
+        outerRadius = _ref7.outerRadius;
     var arcWidth = outerRadius - innerRadius;
     var path = arc.innerRadius(centerRadius).outerRadius(centerRadius)(value);
     var dashLength = Math.ceil(Math.PI * centerRadius * 2 / _arcs.length);
@@ -574,8 +646,8 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     }), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement(_LinearGradient["default"], {
       id: id,
       colors: pie,
-      rotate: series.color.linear.angle + 180
-      // gradientUnits='objectBoundingBox'
+      rotate: series.color.linear.angle + 180 // gradientUnits='objectBoundingBox'
+
     })));
   }), label && /*#__PURE__*/_react["default"].createElement(RingLabel, {
     config: _objectSpread(_objectSpread({}, label), {}, {
@@ -619,12 +691,12 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     }
   }, _arcs.map(function (_ref8, index) {
     var id = _ref8.id,
-      value = _ref8.value,
-      series = _ref8.series,
-      arc = _ref8.arc,
-      innerRadius = _ref8.innerRadius,
-      outerRadius = _ref8.outerRadius,
-      dataIndex = _ref8.index;
+        value = _ref8.value,
+        series = _ref8.series,
+        arc = _ref8.arc,
+        innerRadius = _ref8.innerRadius,
+        outerRadius = _ref8.outerRadius,
+        dataIndex = _ref8.index;
     var current = index == currentIndex;
     var prev = index == prevIndex.current;
     var offset = current ? y : prev ? 1 - y : 0;
@@ -634,13 +706,15 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     var pie = (0, _utils.getColorList)(series.color);
     var currentPie = animateColor ? (0, _utils.getColorList)(animateColor) : (0, _utils.getColorList)(series.color);
     var textPath = "",
-      categoryTextStyle = {};
+        categoryTextStyle = {};
+
     if (categoryText && categoryText.show) {
       //如果有类目文本，则需要计算文字路径
       //let offsetWidth=decorate2.radiusWidth/2 + radiusWidthAdd/2;   //当前文字需生成在装饰物内，故而半径需要减小
       var textArc = arc.innerRadius(outerRadius + (current ? gap : categoryText.gap)).outerRadius(outerRadius + (current ? gap : categoryText.gap))(value);
       var lastA = textArc.lastIndexOf("A");
       textPath = textArc.slice(0, lastA > 0 ? lastA : textArc.length); //文字路径
+
       categoryTextStyle = current ? animateCTS : categoryText.textStyle; //这里把textstyle拿出来
     }
 
@@ -668,8 +742,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       strokeWidth: show ? strokeWidth : "0",
       fill: "url(#" + id + ")",
       fillOpacity: fillOpacity
-    }),
-    //装饰物2，产生于每个弧的外部
+    }), //装饰物2，产生于每个弧的外部
     decorate2 && decorate2.show && /*#__PURE__*/_react["default"].createElement("path", {
       "data-index": index,
       onClick: onClick,
@@ -680,8 +753,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       strokeWidth: show ? strokeWidth : "0",
       fill: "url(#" + id + ")",
       fillOpacity: decorate2.opacity / 100
-    }),
-    //类目文本
+    }), //类目文本
     value && categoryText && categoryText.show && /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
       onClick: onClick,
       onMouseEnter: onMouseEnter,
@@ -704,8 +776,8 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     }, _arcs[index].displayName || _arcs[index].fieldName))), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement(_LinearGradient["default"], {
       id: id,
       colors: current ? currentPie : pie,
-      rotate: current ? animateColor ? animateColor.linear.angle + 180 : series.color.linear.angle + 180 : series.color.linear.angle + 180
-      // gradientUnits='objectBoundingBox'
+      rotate: current ? animateColor ? animateColor.linear.angle + 180 : series.color.linear.angle + 180 : series.color.linear.angle + 180 // gradientUnits='objectBoundingBox'
+
     })));
   }), label && /*#__PURE__*/_react["default"].createElement(Label, {
     config: label,
@@ -750,79 +822,82 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     judge: judgeData
   })));
 });
+
 var Current = function Current(_ref9) {
   var _ref9$config = _ref9.config,
-    show = _ref9$config.show,
-    gap = _ref9$config.gap,
-    _ref9$config$name = _ref9$config.name,
-    showName = _ref9$config$name.show,
-    nameColor = _ref9$config$name.sameColor,
-    nameFont = _ref9$config$name.font,
-    maxWidth = _ref9$config$name.maxWidth,
-    textOverflow = _ref9$config$name.textOverflow,
-    speed = _ref9$config$name.speed,
-    _ref9$config$percent = _ref9$config.percent,
-    showPercent = _ref9$config$percent.show,
-    percentColor = _ref9$config$percent.sameColor,
-    percentFont = _ref9$config$percent.font,
-    precision = _ref9$config$percent.precision,
-    _ref9$config$percent$ = _ref9$config$percent.translate,
-    translatePercentX = _ref9$config$percent$.x,
-    translatePercentY = _ref9$config$percent$.y,
-    _ref9$config$value = _ref9$config.value,
-    showValue = _ref9$config$value.show,
-    valueColor = _ref9$config$value.sameColor,
-    valueFont = _ref9$config$value.font,
-    _ref9$config$value$tr = _ref9$config$value.translate,
-    translateValueX = _ref9$config$value$tr.x,
-    translateValueY = _ref9$config$value$tr.y,
-    _ref9$config$value$su = _ref9$config$value.suffix,
-    showSuffix = _ref9$config$value$su.show,
-    fontSize = _ref9$config$value$su.fontSize,
-    text = _ref9$config$value$su.text,
-    _ref9$config$value$su2 = _ref9$config$value$su.translate,
-    translateSuffixX = _ref9$config$value$su2.x,
-    translateSuffixY = _ref9$config$value$su2.y,
-    width = _ref9.width,
-    height = _ref9.height,
-    data = _ref9.data,
-    judge = _ref9.judge,
-    currentIndex = _ref9.currentIndex;
+      show = _ref9$config.show,
+      gap = _ref9$config.gap,
+      _ref9$config$name = _ref9$config.name,
+      showName = _ref9$config$name.show,
+      nameColor = _ref9$config$name.sameColor,
+      nameFont = _ref9$config$name.font,
+      maxWidth = _ref9$config$name.maxWidth,
+      textOverflow = _ref9$config$name.textOverflow,
+      speed = _ref9$config$name.speed,
+      _ref9$config$percent = _ref9$config.percent,
+      showPercent = _ref9$config$percent.show,
+      percentColor = _ref9$config$percent.sameColor,
+      percentFont = _ref9$config$percent.font,
+      precision = _ref9$config$percent.precision,
+      _ref9$config$percent$ = _ref9$config$percent.translate,
+      translatePercentX = _ref9$config$percent$.x,
+      translatePercentY = _ref9$config$percent$.y,
+      _ref9$config$value = _ref9$config.value,
+      showValue = _ref9$config$value.show,
+      valueColor = _ref9$config$value.sameColor,
+      valueFont = _ref9$config$value.font,
+      _ref9$config$value$tr = _ref9$config$value.translate,
+      translateValueX = _ref9$config$value$tr.x,
+      translateValueY = _ref9$config$value$tr.y,
+      _ref9$config$value$su = _ref9$config$value.suffix,
+      showSuffix = _ref9$config$value$su.show,
+      fontSize = _ref9$config$value$su.fontSize,
+      text = _ref9$config$value$su.text,
+      _ref9$config$value$su2 = _ref9$config$value$su.translate,
+      translateSuffixX = _ref9$config$value$su2.x,
+      translateSuffixY = _ref9$config$value$su2.y,
+      width = _ref9.width,
+      height = _ref9.height,
+      data = _ref9.data,
+      judge = _ref9.judge,
+      currentIndex = _ref9.currentIndex;
+
   var _data = (0, _react.useMemo)(function () {
     var legendDataWithPercent = (0, _utils.getDataWithPercent)(data, precision);
     return (0, _utils.sortPie)(legendDataWithPercent, "");
-  }, [data, precision]);
+  }, [data, precision]); //数据容错,当data都为零那么需要进行以下容错
+
 
-  //数据容错,当data都为零那么需要进行以下容错
   if (judge == 0) {
     _data.forEach(function (d) {
       d.percent = 0, d.value = 0;
     });
   }
+
   var currentData = _data[currentIndex];
   if (!currentData) return null;
   var displayName = currentData.displayName,
-    fieldName = currentData.fieldName,
-    value = currentData.value,
-    percent = currentData.percent;
+      fieldName = currentData.fieldName,
+      value = currentData.value,
+      percent = currentData.percent;
   var nameTemp = displayName ? displayName : fieldName; //类目名
 
   var foreignStyle = {
-      //foreignObject标签样式，
-      width: width,
-      height: height,
-      transform: "translate(-".concat(width / 2, "px,-").concat(height / 2, "px)"),
-      pointerEvents: "none"
-    },
-    boxStyle = {
-      //弹性盒子样式，用于当前值的上下居中对齐等
-      width: width,
-      height: height,
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      alignItems: "center"
-    };
+    //foreignObject标签样式，
+    width: width,
+    height: height,
+    transform: "translate(-".concat(width / 2, "px,-").concat(height / 2, "px)"),
+    pointerEvents: "none"
+  },
+      boxStyle = {
+    //弹性盒子样式，用于当前值的上下居中对齐等
+    width: width,
+    height: height,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center"
+  };
   var seriesColor = currentData.series.color;
   seriesColor = seriesColor.type == "pure" ? seriesColor.pure : seriesColor.linear.stops[0].color;
   return show && /*#__PURE__*/_react["default"].createElement("foreignObject", {
@@ -841,8 +916,7 @@ var Current = function Current(_ref9) {
       margin: gap / 2 + "px 0",
       color: nameColor ? seriesColor : nameFont.color
     })
-  }),
-  //真实值
+  }), //真实值
   showValue && /*#__PURE__*/_react["default"].createElement("span", {
     style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(valueFont)), {}, {
       transform: "translate(" + translateValueX + "px," + translateValueY + "px)",
@@ -855,8 +929,7 @@ var Current = function Current(_ref9) {
       transform: "translate(" + translateSuffixX + "px," + translateSuffixY + "px)",
       fontSize: fontSize
     }
-  }, text)),
-  //百分比值
+  }, text)), //百分比值
   showPercent && /*#__PURE__*/_react["default"].createElement("span", {
     style: _objectSpread(_objectSpread({
       transform: "translate(" + translatePercentX + "px," + translatePercentY + "px)"
@@ -866,81 +939,95 @@ var Current = function Current(_ref9) {
     })
   }, percent + "%")));
 };
+
 var Label = function Label(_ref10) {
   var _ref10$config = _ref10.config,
-    _ref10$config$maxRadi = _ref10$config.maxRadius,
-    maxRadius = _ref10$config$maxRadi === void 0 ? 0 : _ref10$config$maxRadi,
-    lineLength = _ref10$config.lineLength,
-    lineColor = _ref10$config.lineColor,
-    distance = _ref10$config.distance,
-    mode = _ref10$config.mode,
-    show = _ref10$config.show,
-    _ref10$config$transla = _ref10$config.translate,
-    translateX = _ref10$config$transla.x,
-    translateY = _ref10$config$transla.y,
-    _ref10$config$name = _ref10$config.name,
-    showName = _ref10$config$name.show,
-    nameFont = _ref10$config$name.font,
-    maxWidth = _ref10$config$name.maxWidth,
-    textOverflow = _ref10$config$name.textOverflow,
-    speed = _ref10$config$name.speed,
-    _ref10$config$value = _ref10$config.value,
-    showValue = _ref10$config$value.show,
-    valueFont = _ref10$config$value.font,
-    _ref10$config$value$s = _ref10$config$value.suffix,
-    showSuffix = _ref10$config$value$s.show,
-    text = _ref10$config$value$s.text,
-    suffixFontSize = _ref10$config$value$s.fontSize,
-    _ref10$config$value$s2 = _ref10$config$value$s.translate,
-    suffixTranslateX = _ref10$config$value$s2.x,
-    suffixTranslateY = _ref10$config$value$s2.y,
-    _ref10$config$percent = _ref10$config.percent,
-    showPercent = _ref10$config$percent.show,
-    percentFont = _ref10$config$percent.font,
-    precision = _ref10$config$percent.precision,
-    arcs = _ref10.arcs,
-    judge = _ref10.judge,
-    animation = _ref10.animation;
+      _ref10$config$maxRadi = _ref10$config.maxRadius,
+      maxRadius = _ref10$config$maxRadi === void 0 ? 0 : _ref10$config$maxRadi,
+      lineLength = _ref10$config.lineLength,
+      lineColor = _ref10$config.lineColor,
+      distance = _ref10$config.distance,
+      mode = _ref10$config.mode,
+      show = _ref10$config.show,
+      _ref10$config$transla = _ref10$config.translate,
+      translateX = _ref10$config$transla.x,
+      translateY = _ref10$config$transla.y,
+      _ref10$config$name = _ref10$config.name,
+      showName = _ref10$config$name.show,
+      nameFont = _ref10$config$name.font,
+      maxWidth = _ref10$config$name.maxWidth,
+      textOverflow = _ref10$config$name.textOverflow,
+      speed = _ref10$config$name.speed,
+      _ref10$config$value = _ref10$config.value,
+      showValue = _ref10$config$value.show,
+      valueFont = _ref10$config$value.font,
+      _ref10$config$value$s = _ref10$config$value.suffix,
+      showSuffix = _ref10$config$value$s.show,
+      text = _ref10$config$value$s.text,
+      suffixFontSize = _ref10$config$value$s.fontSize,
+      _ref10$config$value$s2 = _ref10$config$value$s.translate,
+      suffixTranslateX = _ref10$config$value$s2.x,
+      suffixTranslateY = _ref10$config$value$s2.y,
+      _ref10$config$percent = _ref10$config.percent,
+      showPercent = _ref10$config$percent.show,
+      percentFont = _ref10$config$percent.font,
+      precision = _ref10$config$percent.precision,
+      arcs = _ref10.arcs,
+      judge = _ref10.judge,
+      animation = _ref10.animation;
+
   var _arcs = (0, _react.useMemo)(function () {
     return (0, _utils.getDataWithPercent)(arcs, precision);
-  }, [arcs, precision]);
-  //数据做出容错
+  }, [arcs, precision]); //数据做出容错
+
+
   if (judge == 0) {
     _arcs.forEach(function (d) {
       d.percent = 0;
     });
   }
+
   return /*#__PURE__*/_react["default"].createElement("g", null, _arcs.map(function (_ref11, index) {
     var _ref11$series$color = _ref11.series.color,
-      type = _ref11$series$color.type,
-      pure = _ref11$series$color.pure,
-      stops = _ref11$series$color.linear.stops,
-      data = _ref11.data,
-      displayName = _ref11.displayName,
-      value = _ref11.value,
-      percent = _ref11.percent,
-      arc = _ref11.arc,
-      outerRadius = _ref11.outerRadius,
-      actualIndex = _ref11.index;
+        type = _ref11$series$color.type,
+        pure = _ref11$series$color.pure,
+        stops = _ref11$series$color.linear.stops,
+        data = _ref11.data,
+        displayName = _ref11.displayName,
+        value = _ref11.value,
+        percent = _ref11.percent,
+        arc = _ref11.arc,
+        outerRadius = _ref11.outerRadius,
+        actualIndex = _ref11.index;
+
     var _arc$centroid = arc.centroid(),
-      _arc$centroid2 = (0, _slicedToArray2["default"])(_arc$centroid, 2),
-      x = _arc$centroid2[0],
-      y = _arc$centroid2[1];
+        _arc$centroid2 = (0, _slicedToArray2["default"])(_arc$centroid, 2),
+        x = _arc$centroid2[0],
+        y = _arc$centroid2[1];
+
     var midAngle = Math.atan2(y, x);
+
     var _getCoord = getCoord(midAngle, maxRadius ? maxRadius : outerRadius),
-      _getCoord2 = (0, _slicedToArray2["default"])(_getCoord, 2),
-      x1 = _getCoord2[0],
-      y1 = _getCoord2[1];
+        _getCoord2 = (0, _slicedToArray2["default"])(_getCoord, 2),
+        x1 = _getCoord2[0],
+        y1 = _getCoord2[1];
+
     var radius = (maxRadius ? maxRadius : outerRadius) + distance;
+
     var _getCoord3 = getCoord(midAngle, radius),
-      _getCoord4 = (0, _slicedToArray2["default"])(_getCoord3, 2),
-      x2 = _getCoord4[0],
-      y2 = _getCoord4[1];
+        _getCoord4 = (0, _slicedToArray2["default"])(_getCoord3, 2),
+        x2 = _getCoord4[0],
+        y2 = _getCoord4[1];
+
     var direction = x2 < 0 ? -1 : 1;
     var x3 = x2 + lineLength * direction;
+
     var _x = x3 + (translateX + 6) * direction;
+
     var _showName = showName && displayName;
+
     var _showValue = showValue && (value || showSuffix);
+
     var nameStyle = (0, _utils.getFontStyle)(nameFont);
     return show && (_showName || showPercent || showValue) && /*#__PURE__*/_react["default"].createElement("g", {
       key: index
@@ -991,82 +1078,95 @@ var Label = function Label(_ref10) {
     }, (_showValue ? "（" : "") + percent + "%" + (_showValue ? "）" : "")))));
   }));
 };
+
 var RingLabel = function RingLabel(_ref12) {
   var _ref12$config = _ref12.config,
-    _ref12$config$maxRadi = _ref12$config.maxRadius,
-    maxRadius = _ref12$config$maxRadi === void 0 ? 0 : _ref12$config$maxRadi,
-    lineLength = _ref12$config.lineLength,
-    lineColor = _ref12$config.lineColor,
-    distance = _ref12$config.distance,
-    mode = _ref12$config.mode,
-    show = _ref12$config.show,
-    _ref12$config$transla = _ref12$config.translate,
-    translateX = _ref12$config$transla.x,
-    translateY = _ref12$config$transla.y,
-    _ref12$config$name = _ref12$config.name,
-    showName = _ref12$config$name.show,
-    nameFont = _ref12$config$name.font,
-    maxWidth = _ref12$config$name.maxWidth,
-    textOverflow = _ref12$config$name.textOverflow,
-    speed = _ref12$config$name.speed,
-    _ref12$config$value = _ref12$config.value,
-    showValue = _ref12$config$value.show,
-    valueFont = _ref12$config$value.font,
-    _ref12$config$value$s = _ref12$config$value.suffix,
-    showSuffix = _ref12$config$value$s.show,
-    text = _ref12$config$value$s.text,
-    suffixFontSize = _ref12$config$value$s.fontSize,
-    _ref12$config$value$s2 = _ref12$config$value$s.translate,
-    suffixTranslateX = _ref12$config$value$s2.x,
-    suffixTranslateY = _ref12$config$value$s2.y,
-    _ref12$config$percent = _ref12$config.percent,
-    showPercent = _ref12$config$percent.show,
-    percentFont = _ref12$config$percent.font,
-    precision = _ref12$config$percent.precision,
-    judge = _ref12.judge,
-    arcs = _ref12.arcs;
+      _ref12$config$maxRadi = _ref12$config.maxRadius,
+      maxRadius = _ref12$config$maxRadi === void 0 ? 0 : _ref12$config$maxRadi,
+      lineLength = _ref12$config.lineLength,
+      lineColor = _ref12$config.lineColor,
+      distance = _ref12$config.distance,
+      mode = _ref12$config.mode,
+      show = _ref12$config.show,
+      _ref12$config$transla = _ref12$config.translate,
+      translateX = _ref12$config$transla.x,
+      translateY = _ref12$config$transla.y,
+      _ref12$config$name = _ref12$config.name,
+      showName = _ref12$config$name.show,
+      nameFont = _ref12$config$name.font,
+      maxWidth = _ref12$config$name.maxWidth,
+      textOverflow = _ref12$config$name.textOverflow,
+      speed = _ref12$config$name.speed,
+      _ref12$config$value = _ref12$config.value,
+      showValue = _ref12$config$value.show,
+      valueFont = _ref12$config$value.font,
+      _ref12$config$value$s = _ref12$config$value.suffix,
+      showSuffix = _ref12$config$value$s.show,
+      text = _ref12$config$value$s.text,
+      suffixFontSize = _ref12$config$value$s.fontSize,
+      _ref12$config$value$s2 = _ref12$config$value$s.translate,
+      suffixTranslateX = _ref12$config$value$s2.x,
+      suffixTranslateY = _ref12$config$value$s2.y,
+      _ref12$config$percent = _ref12$config.percent,
+      showPercent = _ref12$config$percent.show,
+      percentFont = _ref12$config$percent.font,
+      precision = _ref12$config$percent.precision,
+      judge = _ref12.judge,
+      arcs = _ref12.arcs;
+
   var _arcs = (0, _react.useMemo)(function () {
     return (0, _utils.getDataWithPercent)(arcs, precision);
-  }, [arcs, precision]);
+  }, [arcs, precision]); //数据做出容错
+
 
-  //数据做出容错
   if (judge == 0) {
     _arcs.forEach(function (d) {
       d.percent = 0;
     });
   }
+
   return /*#__PURE__*/_react["default"].createElement("g", null, _arcs.map(function (_ref13, index) {
     var _ref13$series$color = _ref13.series.color,
-      type = _ref13$series$color.type,
-      pure = _ref13$series$color.pure,
-      stops = _ref13$series$color.linear.stops,
-      realData = _ref13.data,
-      displayName = _ref13.displayName,
-      value = _ref13.value,
-      percent = _ref13.percent,
-      arc = _ref13.arc,
-      outerRadius = _ref13.outerRadius,
-      actualIndex = _ref13.index;
+        type = _ref13$series$color.type,
+        pure = _ref13$series$color.pure,
+        stops = _ref13$series$color.linear.stops,
+        realData = _ref13.data,
+        displayName = _ref13.displayName,
+        value = _ref13.value,
+        percent = _ref13.percent,
+        arc = _ref13.arc,
+        outerRadius = _ref13.outerRadius,
+        actualIndex = _ref13.index;
+
     var _arc$centroid3 = arc.centroid(),
-      _arc$centroid4 = (0, _slicedToArray2["default"])(_arc$centroid3, 2),
-      x = _arc$centroid4[0],
-      y = _arc$centroid4[1];
+        _arc$centroid4 = (0, _slicedToArray2["default"])(_arc$centroid3, 2),
+        x = _arc$centroid4[0],
+        y = _arc$centroid4[1];
+
     var midAngle = Math.atan2(y, x);
+
     var _getCoord5 = getCoord(midAngle, maxRadius ? maxRadius : outerRadius),
-      _getCoord6 = (0, _slicedToArray2["default"])(_getCoord5, 2),
-      x1 = _getCoord6[0],
-      y1 = _getCoord6[1];
+        _getCoord6 = (0, _slicedToArray2["default"])(_getCoord5, 2),
+        x1 = _getCoord6[0],
+        y1 = _getCoord6[1];
+
     var radius = (maxRadius ? maxRadius : outerRadius) + distance;
+
     var _getCoord7 = getCoord(midAngle, radius),
-      _getCoord8 = (0, _slicedToArray2["default"])(_getCoord7, 2),
-      x2 = _getCoord8[0],
-      y2 = _getCoord8[1];
+        _getCoord8 = (0, _slicedToArray2["default"])(_getCoord7, 2),
+        x2 = _getCoord8[0],
+        y2 = _getCoord8[1];
+
     var directionX = x2 < 0 ? -1 : 1;
     var directionY = y2 < 0 ? -1 : 1;
     var x3 = x2 + lineLength * directionX;
+
     var _x = x3 + (translateX + 6) * directionX;
+
     var _showName = showName && displayName;
+
     var _showValue = showValue && (value || showSuffix);
+
     return show && (_showName || showPercent || _showValue) && /*#__PURE__*/_react["default"].createElement("g", {
       key: index
     }, /*#__PURE__*/_react["default"].createElement("path", {
@@ -1117,5 +1217,7 @@ var RingLabel = function RingLabel(_ref12) {
     }, (_showValue ? "（" : "") + percent + "%" + (_showValue ? "）" : "")))));
   }));
 };
+
 var _default = (0, _.Mapping)((0, _.Carousel)(Component));
+
 exports["default"] = _default;