@easyv/charts 1.4.14 → 1.4.16

package/lib/components/PieChart.js

@@ -1,55 +1,36 @@
 "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 _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,
@@ -65,7 +46,6 @@ var defaultAngle = {
   endAngle: 360,
   antiClockwise: false
 };
-
 var nameDy = function nameDy(showValue, showPercent, mode, dir) {
   if (showValue || showPercent) {
     if (mode == 'vertical') {
@@ -81,7 +61,6 @@ var nameDy = function nameDy(showValue, showPercent, mode, dir) {
     }
   }
 };
-
 var valueDy = function valueDy(value1, mode, dir) {
   if (value1) {
     if (mode == 'vertical') {
@@ -97,12 +76,10 @@ 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';
@@ -117,12 +94,10 @@ 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;
@@ -133,12 +108,10 @@ 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;
@@ -149,12 +122,10 @@ 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';
@@ -165,36 +136,31 @@ 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
@@ -204,21 +170,20 @@ 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];
@@ -232,33 +197,28 @@ 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,
@@ -268,67 +228,66 @@ 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$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$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$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$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
@@ -336,107 +295,92 @@ 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,
@@ -448,7 +392,6 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
         });
       });
     }
-
     return _legendDataWithPercent.map(function (arc, index) {
       return _objectSpread(_objectSpread({}, arc), {}, {
         id: id + '_linear_' + index,
@@ -459,19 +402,15 @@ 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) {
     return onEvent({
       currentIndex: +e.currentTarget.dataset.index,
@@ -492,7 +431,6 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
   }, [onEvent]);
   (0, _react.useLayoutEffect)(function () {
     var animation;
-
     if (!!on) {
       animation = (0, _popmotion.animate)({
         from: 0,
@@ -516,7 +454,6 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
         onEmit(trigger, _data);
       }
     }
-
     return function () {
       prevIndex.current = currentIndex;
       animation && animation.stop();
@@ -527,11 +464,9 @@ 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;
   return outerDecorate ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.ChartContainer //用于生成甜甜圈图，判断依据是外环装饰这个配置项(outerDecorate)
   , {
@@ -544,7 +479,8 @@ 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",
@@ -555,11 +491,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);
@@ -584,8 +520,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), {}, {
@@ -615,12 +551,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;
@@ -630,15 +566,13 @@ 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拿出来
     }
 
@@ -654,7 +588,8 @@ 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,
@@ -665,7 +600,8 @@ 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,
@@ -688,8 +624,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,
@@ -721,82 +657,79 @@ 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都为零那么需要进行以下容错
-
+  }, [data, precision]);
 
+  //数据容错,当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", {
@@ -815,7 +748,8 @@ 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)',
@@ -828,7 +762,8 @@ 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)'
@@ -838,95 +773,81 @@ 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
@@ -977,95 +898,82 @@ 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", {
@@ -1116,7 +1024,5 @@ var RingLabel = function RingLabel(_ref12) {
     }, (_showValue ? '（' : '') + percent + '%' + (_showValue ? '）' : '')))));
   }));
 };
-
 var _default = (0, _.Mapping)((0, _.Carousel)(Component));
-
 exports["default"] = _default;