@easyv/charts 1.4.25 → 1.4.26

package/lib/components/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -138,6 +137,12 @@ Object.defineProperty(exports, "PieChart", {
     return _PieChart["default"];
   }
 });
+Object.defineProperty(exports, "PieTooltip", {
+  enumerable: true,
+  get: function get() {
+    return _PieTooltip.PieTooltip;
+  }
+});
 Object.defineProperty(exports, "StackData", {
   enumerable: true,
   get: function get() {
@@ -162,58 +167,32 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip["default"];
   }
 });
-
 var _Mapping = _interopRequireDefault(require("./Mapping"));
-
 var _AnimateData = _interopRequireDefault(require("./AnimateData"));
-
 var _FilterData = _interopRequireDefault(require("./FilterData"));
-
 var _ExtentData = _interopRequireDefault(require("./ExtentData"));
-
 var _StackData = _interopRequireDefault(require("./StackData"));
-
 var _ChartContainer = _interopRequireDefault(require("./ChartContainer"));
-
 var _Legend = _interopRequireDefault(require("./Legend"));
-
 var _Axis = _interopRequireDefault(require("./Axis"));
-
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
-
 var _Indicator = _interopRequireDefault(require("./Indicator"));
-
 var _Band = _interopRequireDefault(require("./Band"));
-
 var _Lighter = _interopRequireDefault(require("./Lighter"));
-
 var _Line = _interopRequireDefault(require("./Line"));
-
 var _Background = _interopRequireDefault(require("./Background"));
-
 var _LinearGradient = _interopRequireDefault(require("./LinearGradient"));
-
 var _Brush = _interopRequireDefault(require("./Brush"));
-
 var _Label = _interopRequireDefault(require("./Label"));
-
 var _StereoBar = _interopRequireDefault(require("./StereoBar"));
-
 var _Carousel = _interopRequireDefault(require("./Carousel"));
-
 var _Chart = _interopRequireDefault(require("./Chart"));
-
 var _ConicalGradient = _interopRequireDefault(require("./ConicalGradient"));
-
 var _CartesianChart = _interopRequireDefault(require("./CartesianChart"));
-
 var _PieChart = _interopRequireDefault(require("./PieChart"));
-
 var _TextOverflow = _interopRequireDefault(require("./TextOverflow"));
-
 var _BaseLine = _interopRequireDefault(require("./BaseLine"));
-
 var _Control = _interopRequireDefault(require("./Control"));
-
+var _PieTooltip = require("./PieTooltip");
 var Area = _Line["default"];
 exports.Area = Area;

package/lib/components/pieTooltip.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieTooltip = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../utils");
+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 PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var mousePos = props.mousePos,
+    pieCenter = props.pieCenter,
+    _props$config$tip = props.config.tip,
+    _props$config$tip$dat = _props$config$tip.data,
+    lineHeight = _props$config$tip$dat.lineHeight,
+    iconSize = _props$config$tip$dat.iconSize,
+    name = _props$config$tip$dat.name,
+    _props$config$tip$dat2 = _props$config$tip$dat.value,
+    valueIsShow = _props$config$tip$dat2.show,
+    valueFont = _props$config$tip$dat2.fontStyle,
+    valueSuffix = _props$config$tip$dat2.suffix,
+    valueSuffixIsShow = _props$config$tip$dat2.suffix.show,
+    _props$config$tip$dat3 = _props$config$tip$dat.percentage,
+    percentageIsShow = _props$config$tip$dat3.show,
+    percentageFont = _props$config$tip$dat3.fontStyle,
+    percentageSuffix = _props$config$tip$dat3.suffix,
+    percentageSuffixIsShow = _props$config$tip$dat3.suffix.show,
+    image = _props$config$tip.image,
+    margin = _props$config$tip.margin,
+    _props$config$tip$siz = _props$config$tip.size,
+    tipWidth = _props$config$tip$siz.width,
+    tipHeight = _props$config$tip$siz.height,
+    translateTip = _props$config$tip.translate,
+    data = props.data,
+    series = props.series;
+  var Item = function Item() {
+    var _data$data = data.data,
+      s = _data$data.s,
+      y = _data$data.y,
+      percent = data.percent;
+    var _find = (0, _toConsumableArray2["default"])(series.values()).find(function (series) {
+        return series.name == s;
+      }),
+      type = _find.type,
+      icon = _find.icon,
+      displayName = _find.displayName;
+    var renderSuffix = function renderSuffix(suffix) {
+      var content = suffix.content,
+        suffiixFont = suffix.font,
+        suffixTranslate = suffix.translate;
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(suffiixFont)), {}, {
+          display: "inline-block",
+          transform: (0, _utils.getTranslate3d)(suffixTranslate)
+        })
+      }, content);
+    };
+    var _icon = (0, _utils.getIcon)(type, icon);
+    return /*#__PURE__*/_react["default"].createElement("dd", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        lineHeight: lineHeight + 'px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        // border: '1px solid red',
+        display: 'flex',
+        alignItems: 'center',
+        gap: icon.iconGap
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: _objectSpread(_objectSpread({}, _icon), {}, {
+        width: iconSize + 'px',
+        height: iconSize + 'px'
+      })
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(name)
+    }, displayName || s)), valueIsShow && /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(valueFont)
+    }, y, valueSuffixIsShow && renderSuffix(valueSuffix)), percentageIsShow && /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(percentageFont)
+    }, percent, percentageSuffixIsShow && renderSuffix(percentageSuffix)));
+  };
+  var mouseX = mousePos.x,
+    mouseY = mousePos.y;
+  var centerX = pieCenter.x,
+    centerY = pieCenter.y;
+  var getTipPos = function getTipPos() {
+    var tipPosMap = {
+      rightTop: "translate(".concat(mouseX + translateTip.x, "px,").concat(mouseY - tipHeight - translateTip.y, "px)"),
+      leftTop: "translate(".concat(mouseX - tipWidth - translateTip.x, "px,").concat(mouseY - tipHeight - translateTip.y, "px)"),
+      leftBottom: "translate(".concat(mouseX - tipWidth - translateTip.x, "px,").concat(mouseY + translateTip.y, "px)"),
+      rightBottom: "translate(".concat(mouseX + translateTip.x, "px,").concat(mouseY + translateTip.y, "px)")
+    };
+    if (mouseX < centerX && mouseY < centerY) {
+      return tipPosMap.leftTop;
+    } else if (mouseX > centerX && mouseY < centerY) {
+      return tipPosMap.rightTop;
+    } else if (mouseX >= centerX && mouseY >= centerY) {
+      return tipPosMap.rightBottom;
+    } else {
+      return tipPosMap.leftBottom;
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "__easyv-tooltip",
+    style: {
+      pointerEvents: 'none',
+      transform: getTipPos(mousePos, pieCenter),
+      width: tipWidth,
+      height: tipHeight,
+      padding: (0, _utils.getMargin)(margin),
+      background: image ? '50% 50% / 100% 100% no-repeat url(' + window.appConfig.ASSETS_URL + image + ')' : 'rgba(48, 55, 66, 0.85)'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("dl", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'space-between',
+      height: '100%'
+    }
+  }, Item()));
+});
+exports.PieTooltip = PieTooltip;

package/lib/context/index.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.chartContext = void 0;
-
 var _react = require("react");
-
 var chartContext = /*#__PURE__*/(0, _react.createContext)();
 exports.chartContext = chartContext;

package/lib/css/index.module.css

@@ -1,43 +1,43 @@
-.rotateClockwise {
-  animation-name: rotateClockwise;
-}
-
-@keyframes rotateClockwise {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.rotateCounterClockwise {
-  animation-name: rotateCounterClockwise;
-}
-
-@keyframes rotateCounterClockwise {
-  0% {
-    transform: rotate(360deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-
-.showAllStyle {
-  display: grid;
-  width: 100%;
-  grid-template-columns: 40% 30% 30%;
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.notShowAllStyle {
-  display: flex;
-  /* width: 100%; */
-  /* flex:1; */
-  align-items: center;
-  flex-direction: row;
-  justify-content: space-between;
+.rotateClockwise {
+  animation-name: rotateClockwise;
+}
+
+@keyframes rotateClockwise {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.rotateCounterClockwise {
+  animation-name: rotateCounterClockwise;
+}
+
+@keyframes rotateCounterClockwise {
+  0% {
+    transform: rotate(360deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+
+.showAllStyle {
+  display: grid;
+  width: 100%;
+  grid-template-columns: 40% 30% 30%;
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.notShowAllStyle {
+  display: flex;
+  /* width: 100%; */
+  /* flex:1; */
+  align-items: center;
+  flex-direction: row;
+  justify-content: space-between;
 }

package/lib/css/piechart.module.css

@@ -1,27 +1,27 @@
-/*甜甜圈图专用css*/
-.label-line {
-    stroke-dasharray: 100;
-    stroke-dashoffset: 100;
-    animation: dash 800ms ease forwards;
-  }
-  
-  .label-text {
-    opacity: 0;
-    animation: show 800ms ease forwards;
-  }
-  
-  .inner-arc {
-    animation: dash 2s ease forwards;
-  }
-  
-  @keyframes dash {
-    100% {
-      stroke-dashoffset: 0%;
-    }
-  }
-  
-  @keyframes show {
-    100% {
-      opacity: 1;
-    }
+/*甜甜圈图专用css*/
+.label-line {
+    stroke-dasharray: 100;
+    stroke-dashoffset: 100;
+    animation: dash 800ms ease forwards;
+  }
+  
+  .label-text {
+    opacity: 0;
+    animation: show 800ms ease forwards;
+  }
+  
+  .inner-arc {
+    animation: dash 2s ease forwards;
+  }
+  
+  @keyframes dash {
+    100% {
+      stroke-dashoffset: 0%;
+    }
+  }
+  
+  @keyframes show {
+    100% {
+      opacity: 1;
+    }
   }

package/lib/element/ConicGradient.js

@@ -1,52 +1,47 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = ConicGradient;
-
 var d3 = _interopRequireWildcard(require("d3"));
-
 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; }
-
 //只支持在svg中使用
 //在<clipPath>标签中绘制圆环路径，在<foreignObject>中使用conic-gradient来制作角向渐变
 //然后在foreignObject中调用clipPath来剪切dom元素，实现环形渐变效果
 function ConicGradient(props) {
   var gradientId = props.gradientId,
-      _props$colorConfig = props.colorConfig,
-      colorConfig = _props$colorConfig === void 0 ? {} : _props$colorConfig,
-      _props$circleConfig = props.circleConfig,
-      circleConfig = _props$circleConfig === void 0 ? {} : _props$circleConfig,
-      _colorConfig$colorTyp = colorConfig.colorType,
-      colorType = _colorConfig$colorTyp === void 0 ? "linear" : _colorConfig$colorTyp,
-      _colorConfig$colors = colorConfig.colors,
-      colors = _colorConfig$colors === void 0 ? [{
-    offset: 0,
-    color: "rgba(255,0,0,0.5)"
-  }, {
-    offset: 50,
-    color: "rgba(0,255,0,0.5)"
-  }, {
-    offset: 100,
-    color: "rgba(0,0,255,0.5)"
-  }] : _colorConfig$colors,
-      _circleConfig$innerRa = circleConfig.innerRadius,
-      innerRadius = _circleConfig$innerRa === void 0 ? 80 : _circleConfig$innerRa,
-      _circleConfig$outerRa = circleConfig.outerRadius,
-      outerRadius = _circleConfig$outerRa === void 0 ? 100 : _circleConfig$outerRa,
-      _circleConfig$startAn = circleConfig.startAngle,
-      startAngle = _circleConfig$startAn === void 0 ? 0 : _circleConfig$startAn,
-      _circleConfig$endAngl = circleConfig.endAngle,
-      endAngle = _circleConfig$endAngl === void 0 ? 360 : _circleConfig$endAngl,
-      _circleConfig$cornerR = circleConfig.cornerRadius,
-      cornerRadius = _circleConfig$cornerR === void 0 ? 0 : _circleConfig$cornerR,
-      _circleConfig$padAngl = circleConfig.padAngle,
-      padAngle = _circleConfig$padAngl === void 0 ? 0 : _circleConfig$padAngl;
+    _props$colorConfig = props.colorConfig,
+    colorConfig = _props$colorConfig === void 0 ? {} : _props$colorConfig,
+    _props$circleConfig = props.circleConfig,
+    circleConfig = _props$circleConfig === void 0 ? {} : _props$circleConfig,
+    _colorConfig$colorTyp = colorConfig.colorType,
+    colorType = _colorConfig$colorTyp === void 0 ? "linear" : _colorConfig$colorTyp,
+    _colorConfig$colors = colorConfig.colors,
+    colors = _colorConfig$colors === void 0 ? [{
+      offset: 0,
+      color: "rgba(255,0,0,0.5)"
+    }, {
+      offset: 50,
+      color: "rgba(0,255,0,0.5)"
+    }, {
+      offset: 100,
+      color: "rgba(0,0,255,0.5)"
+    }] : _colorConfig$colors,
+    _circleConfig$innerRa = circleConfig.innerRadius,
+    innerRadius = _circleConfig$innerRa === void 0 ? 80 : _circleConfig$innerRa,
+    _circleConfig$outerRa = circleConfig.outerRadius,
+    outerRadius = _circleConfig$outerRa === void 0 ? 100 : _circleConfig$outerRa,
+    _circleConfig$startAn = circleConfig.startAngle,
+    startAngle = _circleConfig$startAn === void 0 ? 0 : _circleConfig$startAn,
+    _circleConfig$endAngl = circleConfig.endAngle,
+    endAngle = _circleConfig$endAngl === void 0 ? 360 : _circleConfig$endAngl,
+    _circleConfig$cornerR = circleConfig.cornerRadius,
+    cornerRadius = _circleConfig$cornerR === void 0 ? 0 : _circleConfig$cornerR,
+    _circleConfig$padAngl = circleConfig.padAngle,
+    padAngle = _circleConfig$padAngl === void 0 ? 0 : _circleConfig$padAngl;
   var arc = d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle * Math.PI / 180).endAngle(endAngle * Math.PI / 180).cornerRadius(cornerRadius).padAngle(padAngle);
   return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("clipPath", {
     id: "" + gradientId,
@@ -65,7 +60,6 @@ function ConicGradient(props) {
     }
   }));
 }
-
 function colorsToString(colors) {
   var s = "";
   colors.sort(function (a, b) {

package/lib/element/Line.js

@@ -1,25 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _default = function _default(_ref) {
   var _ref$config = _ref.config,
-      show = _ref$config.show,
-      color = _ref$config.color,
-      lineWidth = _ref$config.lineWidth,
-      strokeDasharray = _ref$config.strokeDasharray,
-      x1 = _ref.x1,
-      x2 = _ref.x2,
-      y1 = _ref.y1,
-      y2 = _ref.y2,
-      className = _ref.className;
+    show = _ref$config.show,
+    color = _ref$config.color,
+    lineWidth = _ref$config.lineWidth,
+    strokeDasharray = _ref$config.strokeDasharray,
+    x1 = _ref.x1,
+    x2 = _ref.x2,
+    y1 = _ref.y1,
+    y2 = _ref.y2,
+    className = _ref.className;
   if (!show) return null;
   return /*#__PURE__*/_react["default"].createElement("line", {
     className: className,
@@ -32,5 +29,4 @@ var _default = function _default(_ref) {
     strokeDasharray: strokeDasharray
   });
 };
-
 exports["default"] = _default;

package/lib/element/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "Line", {
     return _Line["default"];
   }
 });
-
 var _Line = _interopRequireDefault(require("./Line"));

package/lib/formatter/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _legend = require("./legend");
-
 Object.keys(_legend).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _legend[key]) return;

package/lib/formatter/legend.js

@@ -1,61 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.pieLegendFormatter = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
-
 var _utils = require("../utils");
-
 var _components = require("../components");
-
 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 pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
   var displayName = _ref.displayName,
-      data = _ref.data,
-      percent = _ref.percent,
-      _ref$series = _ref.series,
-      seriesColor = _ref$series.color,
-      _ref$series$icon = _ref$series.icon,
-      icon = _ref$series$icon === void 0 ? "" : _ref$series$icon;
+    data = _ref.data,
+    percent = _ref.percent,
+    _ref$series = _ref.series,
+    seriesColor = _ref$series.color,
+    _ref$series$icon = _ref$series.icon,
+    icon = _ref$series$icon === void 0 ? "" : _ref$series$icon;
   var _ref2$name = _ref2.name,
-      showName = _ref2$name.show,
-      nameFont = _ref2$name.font,
-      textOverflow = _ref2$name.textOverflow,
-      speed = _ref2$name.speed,
-      maxWidth = _ref2$name.maxWidth,
-      _ref2$value = _ref2.value,
-      showValue = _ref2$value.show,
-      valueFont = _ref2$value.font,
-      valueSameColor = _ref2$value.sameColor,
-      valueGap = _ref2$value.gap,
-      _ref2$value$suffix = _ref2$value.suffix,
-      showSuffix = _ref2$value$suffix.show,
-      text = _ref2$value$suffix.text,
-      fontSize = _ref2$value$suffix.fontSize,
-      _ref2$value$suffix$tr = _ref2$value$suffix.translate,
-      x = _ref2$value$suffix$tr.x,
-      y = _ref2$value$suffix$tr.y,
-      _ref2$percent = _ref2.percent,
-      showPercent = _ref2$percent.show,
-      percentFont = _ref2$percent.font,
-      percentSameColor = _ref2$percent.sameColor,
-      percentGap = _ref2$percent.gap;
+    showName = _ref2$name.show,
+    nameFont = _ref2$name.font,
+    textOverflow = _ref2$name.textOverflow,
+    speed = _ref2$name.speed,
+    maxWidth = _ref2$name.maxWidth,
+    _ref2$value = _ref2.value,
+    showValue = _ref2$value.show,
+    valueFont = _ref2$value.font,
+    valueSameColor = _ref2$value.sameColor,
+    valueGap = _ref2$value.gap,
+    _ref2$value$suffix = _ref2$value.suffix,
+    showSuffix = _ref2$value$suffix.show,
+    text = _ref2$value$suffix.text,
+    fontSize = _ref2$value$suffix.fontSize,
+    _ref2$value$suffix$tr = _ref2$value$suffix.translate,
+    x = _ref2$value$suffix$tr.x,
+    y = _ref2$value$suffix$tr.y,
+    _ref2$percent = _ref2.percent,
+    showPercent = _ref2$percent.show,
+    percentFont = _ref2$percent.font,
+    percentSameColor = _ref2$percent.sameColor,
+    percentGap = _ref2$percent.gap;
   var seriesColorType = seriesColor.type,
-      pure = seriesColor.pure,
-      stops = seriesColor.linear.stops;
-
+    pure = seriesColor.pure,
+    stops = seriesColor.linear.stops;
   var _color = seriesColorType == 'pure' ? pure : stops[0].color;
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("span", {
     style: _objectSpread(_objectSpread({}, icon), {}, {
       marginRight: icon.marginRight
@@ -95,5 +85,4 @@ var pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
     })
   }, percent + '%')));
 };
-
 exports.pieLegendFormatter = pieLegendFormatter;

package/lib/hooks/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -59,19 +58,11 @@ Object.defineProperty(exports, "useTooltip", {
     return _useTooltip["default"];
   }
 });
-
 var _useFilterData = _interopRequireDefault(require("./useFilterData"));
-
 var _useStackData = _interopRequireDefault(require("./useStackData"));
-
 var _useAxes = _interopRequireDefault(require("./useAxes"));
-
 var _useTooltip = _interopRequireDefault(require("./useTooltip"));
-
 var _useAnimateData = _interopRequireDefault(require("./useAnimateData"));
-
 var _useCarouselAxisX = _interopRequireDefault(require("./useCarouselAxisX"));
-
 var _useExtentData = _interopRequireDefault(require("./useExtentData"));
-
 var _useAiData = require("./useAiData");