@easyv/charts 1.4.28 → 1.4.30

package/lib/components/pieTooltip.js

@@ -1,61 +1,77 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 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,
-    precision = _props$config$tip$dat3.precision,
-    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;
+      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,
+      precision = _props$config$tip$dat3.precision,
+      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;
+        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;
+      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;
+          suffiixFont = suffix.font,
+          suffixTranslate = suffix.translate;
       return /*#__PURE__*/_react["default"].createElement("span", {
         style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(suffiixFont)), {}, {
           display: "inline-block",
@@ -63,7 +79,9 @@ var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
         })
       }, content);
     };
+
     var _icon = (0, _utils.getIcon)(type, icon);
+
     return /*#__PURE__*/_react["default"].createElement("dd", {
       style: {
         display: 'flex',
@@ -90,27 +108,66 @@ var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
       style: (0, _utils.getFontStyle)(percentageFont)
     }, Number(percent).toFixed(precision), percentageSuffixIsShow && renderSuffix(percentageSuffix)));
   };
+
   var mouseX = mousePos.x,
-    mouseY = mousePos.y;
+      mouseY = mousePos.y;
   var centerX = pieCenter.x,
-    centerY = pieCenter.y;
+      centerY = pieCenter.y;
+
   var getTipPos = function getTipPos() {
+    var getBigscreenScale = function getBigscreenScale() {
+      if (window.getScreenScale) {
+        return window.getScreenScale();
+      } else {
+        var bigscreenDom = document.getElementById('bigscreen-container');
+        if (!bigscreenDom) return [1, 1];
+        var transform = bigscreenDom.style.transform;
+        if (!transform) return [1, 1];
+        var match = transform.match(/scale\(([^)]+)\)/);
+
+        if (match) {
+          var scaleMatch = match[1].split(',');
+          var _scaleX = scaleMatch[0];
+          var _scaleY = scaleMatch[1];
+
+          if (_scaleY) {
+            return [Number(_scaleX), Number(_scaleY)];
+          } else {
+            return [Number(_scaleX), Number(_scaleX)];
+          }
+        } else {
+          return [1, 1];
+        }
+      }
+    };
+
+    var _getBigscreenScale = getBigscreenScale(),
+        _getBigscreenScale2 = (0, _slicedToArray2["default"])(_getBigscreenScale, 2),
+        scaleX = _getBigscreenScale2[0],
+        scaleY = _getBigscreenScale2[1];
+
+    var _mouseX = mouseX / scaleX;
+
+    var _mouseY = mouseY / scaleY;
+
     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)")
+      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) {
+
+    if (_mouseX < centerX && _mouseY < centerY) {
       return tipPosMap.leftTop;
-    } else if (mouseX > centerX && mouseY < centerY) {
+    } else if (_mouseX > centerX && _mouseY < centerY) {
       return tipPosMap.rightTop;
-    } else if (mouseX >= centerX && mouseY >= centerY) {
+    } else if (_mouseX >= centerX && _mouseY >= centerY) {
       return tipPosMap.rightBottom;
     } else {
       return tipPosMap.leftBottom;
     }
   };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "__easyv-tooltip",
     style: {

package/lib/context/index.js

@@ -4,6 +4,8 @@ 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,47 +1,52 @@
 "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,
@@ -60,6 +65,7 @@ function ConicGradient(props) {
     }
   }));
 }
+
 function colorsToString(colors) {
   var s = "";
   colors.sort(function (a, b) {

package/lib/element/Line.js

@@ -1,22 +1,25 @@
 "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,
@@ -29,4 +32,5 @@ var _default = function _default(_ref) {
     strokeDasharray: strokeDasharray
   });
 };
+
 exports["default"] = _default;

package/lib/element/index.js

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

package/lib/formatter/index.js

@@ -3,7 +3,9 @@
 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,51 +1,61 @@
 "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
@@ -85,4 +95,5 @@ var pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
     })
   }, percent + '%')));
 };
+
 exports.pieLegendFormatter = pieLegendFormatter;

package/lib/hooks/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -58,11 +59,19 @@ 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");