@easyv/charts 1.4.25 → 1.4.26

package/lib/components/PieChart.js

@@ -1,64 +1,45 @@
 "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 _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,
   innerRadius: 0,
   cornerRadius: 0,
   rose: false,
-  roseType: 'radius',
+  roseType: "radius",
   baseRadius: 0,
   padAngle: 0
 };
@@ -67,99 +48,89 @@ var defaultAngle = {
   endAngle: 360,
   antiClockwise: false
 };
-
 var nameDy = function nameDy(showValue, showPercent, mode, dir) {
   if (showValue || showPercent) {
-    if (mode == 'vertical') {
-      return dir == 1 ? '1.1em' : '-2.6em';
+    if (mode == "vertical") {
+      return dir == 1 ? "1.1em" : "-2.6em";
     } else {
       return 0;
     }
   } else {
-    if (mode == 'vertical') {
-      return dir * 1.1 + 'em';
+    if (mode == "vertical") {
+      return dir * 1.1 + "em";
     } else {
       return 0;
     }
   }
 };
-
 var valueDy = function valueDy(value1, mode, dir) {
   if (value1) {
-    if (mode == 'vertical') {
-      return '1.5em';
+    if (mode == "vertical") {
+      return "1.5em";
     } else {
       return 0;
     }
   } else {
-    if (mode == 'vertical') {
-      return dir == 1 ? '1.1em' : '-1.1em';
+    if (mode == "vertical") {
+      return dir == 1 ? "1.1em" : "-1.1em";
     } else {
       return 0;
     }
   }
 };
-
 var percentDy_ = function percentDy_(showName, showValue, mode, dir) {
   if (showValue) {
     return 0;
   }
-
   if (showName) {
-    if (mode == 'vertical') {
-      return '1.5em';
+    if (mode == "vertical") {
+      return "1.5em";
     } else {
       return 0;
     }
   } else {
-    if (mode == 'vertical') {
-      return dir * 1.1 + 'em';
+    if (mode == "vertical") {
+      return dir * 1.1 + "em";
     } else {
       return 0;
     }
   }
 };
-
 var percentX = function percentX(showName, showValue, mode, x) {
   if (showValue) {
-    return '';
+    return "";
   }
-
   if (showName) {
-    if (mode == 'vertical') {
+    if (mode == "vertical") {
       return x;
     } else {
-      return '';
+      return "";
     }
   } else {
     return x;
   }
 };
-
 var percentDx = function percentDx(showName, showValue, mode) {
   if (showValue) {
-    return '0.5em';
+    return "0.5em";
   }
-
   if (showName) {
-    if (mode == 'vertical') {
+    if (mode == "vertical") {
       return 0;
     } else {
-      return '0.5em';
+      return "0.5em";
     }
   } else {
     return 0;
   }
 };
-
 var percentDy = function percentDy(showName, showValue, mode) {
   if (showValue) {
     return 0;
   }
-
   if (showName) {
-    if (mode == 'vertical') {
-      return '1.5em';
+    if (mode == "vertical") {
+      return "1.5em";
     } else {
       return 0;
     }
@@ -167,36 +138,31 @@ var percentDy = function percentDy(showName, showValue, mode) {
     return 0;
   }
 };
-
 var valueDx = function valueDx(showName, mode) {
   if (!showName) {
-    return '';
+    return "";
   }
-
-  if (mode == 'vertical') {
-    return '';
+  if (mode == "vertical") {
+    return "";
   } else {
-    return '0.5em';
+    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
@@ -206,26 +172,25 @@ 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];
   return _objectSpread(_objectSpread({}, rest), {}, {
-    type: 'pie',
+    type: "pie",
     fieldName: series.fieldName,
     displayName: series.displayName || rest.data.s,
     series: series,
@@ -234,33 +199,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,
@@ -270,67 +230,69 @@ 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$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
@@ -338,111 +300,96 @@ 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 '':
+      case "":
         arcsFunc.sort(null);
         break;
-
-      case 'desc':
+      case "desc":
         arcsFunc.sort(function (a, b) {
           return b.y - a.y;
         });
         break;
-
-      case 'asc':
+      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,
-          endAngle: roseType == 'area' ? _angle * (index + 1) : endAngle,
+          id: id + "_linear_" + index,
+          startAngle: roseType == "area" ? _angle * index : startAngle,
+          endAngle: roseType == "area" ? _angle * (index + 1) : endAngle,
           cornerRadius: cornerRadius,
           padAngle: _padAngle,
           innerRadius: innerRadius,
@@ -450,10 +397,9 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
         });
       });
     }
-
     return _legendDataWithPercent.map(function (arc, index) {
       return _objectSpread(_objectSpread({}, arc), {}, {
-        id: id + '_linear_' + index,
+        id: id + "_linear_" + index,
         cornerRadius: cornerRadius,
         padAngle: _padAngle,
         innerRadius: innerRadius,
@@ -461,40 +407,42 @@ 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,
-      type: 'onClick'
+      type: "onClick"
     });
   }, [onEvent]);
   var onMouseEnter = (0, _react.useCallback)(function (e) {
-    return onEvent({
+    var _data = arcs[+currentIndex].data;
+    triggerOnRelative(_data);
+    onEmit("onMouseEnter", _data);
+    onEvent({
       currentIndex: +e.currentTarget.dataset.index,
-      type: 'onMouseEnter'
+      type: "onMouseEnter"
     });
-  }, [onEvent]);
+  }, [onEvent, triggerOnRelative, onEmit]);
   var onMouseLeave = (0, _react.useCallback)(function (e) {
-    return onEvent({
+    setMousePos({
+      x: 0,
+      y: 0
+    });
+    onEvent({
       currentIndex: +e.currentTarget.dataset.index,
-      type: 'onMouseLeave'
+      type: "onMouseLeave"
     });
   }, [onEvent]);
   (0, _react.useLayoutEffect)(function () {
     var animation;
-
     if (!!on) {
       animation = (0, _popmotion.animate)({
         from: 0,
@@ -508,17 +456,16 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
         onComplete: function onComplete() {
           var _data = arcs[+currentIndex].data;
           triggerOnRelative(_data);
-          onEmit('carousel', _data);
+          onEmit("carousel", _data);
         }
       });
     } else {
-      if (currentIndex !== null && trigger === 'onClick') {
+      if (currentIndex !== null && trigger === "onClick") {
         var _data = arcs[+currentIndex].data;
         triggerOnRelative(_data);
         onEmit(trigger, _data);
       }
     }
-
     return function () {
       prevIndex.current = currentIndex;
       animation && animation.stop();
@@ -531,14 +478,12 @@ 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];
     };
@@ -547,24 +492,36 @@ 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];
+  var _useState5 = (0, _react.useState)(null),
+    _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)
   , {
     width: width,
     height: height,
     marginLeft: marginLeft,
-    marginTop: marginTop
+    marginTop: marginTop,
+    ref: pieWarpEl
   }, /*#__PURE__*/_react["default"].createElement("g", {
     style: {
-      transition: 'transform ease-in-out 0.3s',
-      transform: 'translate(' + halfChartWidth + 'px, ' + halfChartHeight + 'px) rotate(' + rotate_ + 'deg)'
+      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",
@@ -575,11 +532,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);
@@ -587,7 +544,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
       key: index
     }, /*#__PURE__*/_react["default"].createElement("path", {
-      className: _piechartModule["default"]['inner-arc'],
+      className: _piechartModule["default"]["inner-arc"],
       style: {
         strokeDasharray: "".concat(dashLength, ",").concat(2 * dashLength),
         strokeDashoffset: dashLength,
@@ -597,15 +554,27 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       onClick: onClick,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
-      d: path.split('L')[0],
-      stroke: 'url(#' + id + ')',
+      onMouseMove: function onMouseMove(e) {
+        var _data = arcs[+e.currentTarget.dataset.index];
+        var warpBoxPos = {
+          x: pieWarpEl.current.getBoundingClientRect().x,
+          y: pieWarpEl.current.getBoundingClientRect().y
+        };
+        setMousePos({
+          x: e.clientX - warpBoxPos.x,
+          y: e.clientY - warpBoxPos.y
+        });
+        setHoverData(_data);
+      },
+      d: path.split("L")[0],
+      stroke: "url(#" + id + ")",
       strokeWidth: arcWidth,
       fill: "none"
     }), /*#__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), {}, {
@@ -613,7 +582,16 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     }),
     arcs: _arcs,
     judge: judgeData
-  }))), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
+  }))), tooltip && mousePos && mousePos.x != 0 && mousePos.y != 0 && tooltip.manual && /*#__PURE__*/_react["default"].createElement(_PieTooltip.PieTooltip, {
+    series: series,
+    data: hoverData,
+    config: tooltip,
+    pieCenter: {
+      x: halfChartWidth,
+      y: maxRadius + marginTop
+    },
+    mousePos: mousePos
+  }), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
     series: _arcs,
     formatter: formatter,
     judge: judgeData
@@ -627,20 +605,21 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     },
     onMouseLeave: function onMouseLeave() {
       hoverEvent(false);
-    }
+    },
+    ref: pieWarpEl
   }, /*#__PURE__*/_react["default"].createElement("g", {
     style: {
-      transition: 'transform ease-in-out 0.3s',
-      transform: 'translate(' + halfChartWidth + 'px, ' + halfChartHeight + 'px) rotate(' + rotate_ + 'deg)'
+      transition: "transform ease-in-out 0.3s",
+      transform: "translate(" + halfChartWidth + "px, " + halfChartHeight + "px) rotate(" + rotate_ + "deg)"
     }
   }, _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;
@@ -649,16 +628,14 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     var path = arc.innerRadius(innerRadius + deltaHeighten).outerRadius(outerRadius + deltaHeighten)(value);
     var pie = (0, _utils.getColorList)(series.color);
     var currentPie = animateColor ? (0, _utils.getColorList)(animateColor) : (0, _utils.getColorList)(series.color);
-    var textPath = '',
-        categoryTextStyle = {};
-
+    var textPath = "",
+      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');
+      var lastA = textArc.lastIndexOf("A");
       textPath = textArc.slice(0, lastA > 0 ? lastA : textArc.length); //文字路径
-
       categoryTextStyle = current ? animateCTS : categoryText.textStyle; //这里把textstyle拿出来
     }
 
@@ -669,47 +646,61 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
       onClick: onClick,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
+      onMouseMove: function onMouseMove(e) {
+        var _data = arcs[+e.currentTarget.dataset.index];
+        var warpBoxPos = {
+          x: pieWarpEl.current.getBoundingClientRect().x,
+          y: pieWarpEl.current.getBoundingClientRect().y
+        };
+        setMousePos({
+          x: e.clientX - warpBoxPos.x,
+          y: e.clientY - warpBoxPos.y
+        });
+        setHoverData(_data);
+      },
       d: path,
-      stroke: show ? color : 'none',
-      strokeWidth: show ? strokeWidth : '0',
-      fill: 'url(#' + id + ')',
+      stroke: show ? color : "none",
+      strokeWidth: show ? strokeWidth : "0",
+      fill: "url(#" + id + ")",
       fillOpacity: fillOpacity
-    }), //装饰物2，产生于每个弧的外部
+    }),
+    //装饰物2，产生于每个弧的外部
     decorate2 && decorate2.show && /*#__PURE__*/_react["default"].createElement("path", {
       "data-index": index,
       onClick: onClick,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       d: arc.innerRadius(outerRadius).outerRadius(outerRadius + decorate2.radiusWidth + (current ? radiusWidthAdd : 0))(value),
-      stroke: show ? color : 'none',
-      strokeWidth: show ? strokeWidth : '0',
-      fill: 'url(#' + id + ')',
+      stroke: show ? color : "none",
+      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,
       onMouseLeave: onMouseLeave,
-      id: id + '_text_' + index,
+      id: id + "_text_" + index,
       d: textPath,
       fill: "none",
       stroke: "none"
     }), /*#__PURE__*/_react["default"].createElement("text", {
       textAnchor: "middle",
       style: _objectSpread(_objectSpread({}, categoryTextStyle), {}, {
-        fontWeight: categoryTextStyle.bold ? 'bold' : 'normal',
-        fontStyle: categoryTextStyle.italic ? 'italic' : 'normal',
-        pointerEvents: 'none'
+        fontWeight: categoryTextStyle.bold ? "bold" : "normal",
+        fontStyle: categoryTextStyle.italic ? "italic" : "normal",
+        pointerEvents: "none"
       }),
       fill: categoryTextStyle.color
     }, /*#__PURE__*/_react["default"].createElement("textPath", {
       startOffset: "50%",
-      href: '#' + id + '_text_' + index
+      href: "#" + id + "_text_" + index
     }, _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,
@@ -718,7 +709,7 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
   }), current && /*#__PURE__*/_react["default"].createElement("g", {
     fillOpacity: y,
     style: {
-      transform: 'rotate(' + -rotate_ + 'deg)'
+      transform: "rotate(" + -rotate_ + "deg)"
     }
   }, /*#__PURE__*/_react["default"].createElement(Current, {
     config: current,
@@ -735,90 +726,96 @@ var Component = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
     config: decorate,
     arcs: _arcs,
     radius: radius
+  }), tooltip && mousePos && mousePos.x != 0 && mousePos.y != 0 && tooltip.manual && /*#__PURE__*/_react["default"].createElement(_PieTooltip.PieTooltip, {
+    series: series,
+    data: hoverData,
+    config: tooltip,
+    pieCenter: {
+      x: halfChartWidth,
+      y: maxRadius + marginTop
+    },
+    mousePos: mousePos
   }), /*#__PURE__*/_react["default"].createElement(_.Legend, (0, _extends2["default"])({}, legend, {
     series: _arcs,
     formatter: formatter,
     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都为零那么需要进行以下容错
-
+    return (0, _utils.sortPie)(legendDataWithPercent, "");
+  }, [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;
+  seriesColor = seriesColor.type == "pure" ? seriesColor.pure : seriesColor.linear.stops[0].color;
   return show && /*#__PURE__*/_react["default"].createElement("foreignObject", {
     style: foreignStyle
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -832,131 +829,119 @@ var Current = function Current(_ref9) {
       display: textOverflow == "marquee" ? "flex" : "bolck",
       justifyContent: "center"
     }, (0, _utils.getFontStyle)(nameFont)), {}, {
-      margin: gap / 2 + 'px 0',
+      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)',
-      margin: gap / 2 + 'px 0',
+      transform: "translate(" + translateValueX + "px," + translateValueY + "px)",
+      margin: gap / 2 + "px 0",
       color: valueColor ? seriesColor : valueFont.color
     })
   }, value, showSuffix && text && /*#__PURE__*/_react["default"].createElement("span", {
     style: {
       display: "inline-block",
-      transform: 'translate(' + translateSuffixX + 'px,' + translateSuffixY + 'px)',
+      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)'
+      transform: "translate(" + translatePercentX + "px," + translatePercentY + "px)"
     }, (0, _utils.getFontStyle)(percentFont)), {}, {
-      margin: gap / 2 + 'px 0',
+      margin: gap / 2 + "px 0",
       color: percentColor ? seriesColor : percentFont.color
     })
-  }, percent + '%')));
+  }, 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
     }, /*#__PURE__*/_react["default"].createElement("path", {
-      className: animation ? _piechartModule["default"]['label-line'] : '',
+      className: animation ? _piechartModule["default"]["label-line"] : "",
       style: {
         animationDelay: "".concat(animation ? (actualIndex + 1) * 2000 - 800 : 0, "ms")
       },
-      d: 'M' + x1 + ', ' + y1 + 'L' + x2 + ', ' + y2 + 'L' + x3 + ', ' + y2,
-      stroke: lineColor ? lineColor : type == 'pure' ? pure : stops[0].color,
+      d: "M" + x1 + ", " + y1 + "L" + x2 + ", " + y2 + "L" + x3 + ", " + y2,
+      stroke: lineColor ? lineColor : type == "pure" ? pure : stops[0].color,
       fill: "none"
     }), /*#__PURE__*/_react["default"].createElement("foreignObject", {
       width: "1",
@@ -967,7 +952,7 @@ var Label = function Label(_ref10) {
         overflow: "visible"
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: animation ? _piechartModule["default"]['label-text'] : "",
+      className: animation ? _piechartModule["default"]["label-text"] : "",
       style: {
         transform: "translate(0,-50%)",
         whiteSpace: "nowrap",
@@ -994,107 +979,94 @@ var Label = function Label(_ref10) {
       }
     }, text)), showPercent && /*#__PURE__*/_react["default"].createElement("span", {
       style: (0, _utils.getFontStyle)(percentFont)
-    }, (_showValue ? '（' : '') + percent + '%' + (_showValue ? '）' : '')))));
+    }, (_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", {
-      className: _piechartModule["default"]['label-line'],
+      className: _piechartModule["default"]["label-line"],
       style: {
         animationDelay: "".concat((actualIndex + 1) * 2000 - 800, "ms")
       },
-      d: 'M' + x1 + ', ' + y1 + 'L' + x2 + ', ' + y2 + 'L' + x3 + ', ' + y2,
-      stroke: lineColor ? lineColor : type == 'pure' ? pure : stops[0].color,
+      d: "M" + x1 + ", " + y1 + "L" + x2 + ", " + y2 + "L" + x3 + ", " + y2,
+      stroke: lineColor ? lineColor : type == "pure" ? pure : stops[0].color,
       fill: "none"
     }), /*#__PURE__*/_react["default"].createElement("foreignObject", {
       width: "1",
@@ -1105,7 +1077,7 @@ var RingLabel = function RingLabel(_ref12) {
         overflow: "visible"
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: _piechartModule["default"]['label-text'],
+      className: _piechartModule["default"]["label-text"],
       style: {
         transform: "translate(0,-50%)",
         whiteSpace: "nowrap",
@@ -1133,10 +1105,8 @@ var RingLabel = function RingLabel(_ref12) {
       }
     }, text)), showPercent && /*#__PURE__*/_react["default"].createElement("span", {
       style: (0, _utils.getFontStyle)(percentFont)
-    }, (_showValue ? '（' : '') + percent + '%' + (_showValue ? '）' : '')))));
+    }, (_showValue ? "（" : "") + percent + "%" + (_showValue ? "）" : "")))));
   }));
 };
-
 var _default = (0, _.Mapping)((0, _.Carousel)(Component));
-
 exports["default"] = _default;