@easyv/charts 1.6.9 → 1.6.10

package/lib/components/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -168,60 +167,31 @@ 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;
+var Area = exports.Area = _Line["default"];

package/lib/components/pieTooltip.js

@@ -1,77 +1,62 @@
 "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) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PieTooltip = exports.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",
@@ -79,9 +64,7 @@ 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',
@@ -108,12 +91,10 @@ 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) {
@@ -124,12 +105,10 @@ var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
         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 {
@@ -140,23 +119,18 @@ var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
         }
       }
     };
-
     var _getBigscreenScale = getBigscreenScale(),
-        _getBigscreenScale2 = (0, _slicedToArray2["default"])(_getBigscreenScale, 2),
-        scaleX = _getBigscreenScale2[0],
-        scaleY = _getBigscreenScale2[1];
-
+      _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)")
     };
-
     if (_mouseX < centerX && _mouseY < centerY) {
       return tipPosMap.leftTop;
     } else if (_mouseX > centerX && _mouseY < centerY) {
@@ -167,7 +141,6 @@ var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
       return tipPosMap.leftBottom;
     }
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "__easyv-tooltip",
     style: {
@@ -186,5 +159,4 @@ var PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
       height: '100%'
     }
   }, Item()));
-});
-exports.PieTooltip = PieTooltip;
+});

package/lib/context/index.js

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

package/lib/css/index.module.css

@@ -35,7 +35,7 @@
 
 .notShowAllStyle {
   display: flex;
-  /* width: 100%; */
+  width: 100%;
   /* flex:1; */
   align-items: center;
   flex-direction: row;

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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 //只支持在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 _default = exports["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,
@@ -31,6 +28,4 @@ var _default = function _default(_ref) {
     strokeWidth: lineWidth,
     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,67 +1,62 @@
 "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) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var pieLegendFormatter = exports.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,
+    valueAlign = _ref2$value.align,
+    _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,
+    percentAlign = _ref2$percent.align;
   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
     })
   }), /*#__PURE__*/React.createElement("div", {
-    className: showName && showValue && showPercent ? _indexModule["default"].showAllStyle : _indexModule["default"].notShowAllStyle
+    className: showName && showValue && showPercent ? _indexModule["default"].showAllStyle : _indexModule["default"].notShowAllStyle,
+    style: {
+      width: "calc( 100% + ".concat(valueGap + percentGap, "px )")
+    }
   }, showName && /*#__PURE__*/React.createElement(_components.TextOverflow, {
     value: displayName,
     type: textOverflow,
@@ -75,10 +70,12 @@ var pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
       whiteSpace: "nowrap"
     }, (0, _utils.getFontStyle)(valueFont)), {}, {
       marginLeft: valueGap,
+      // transform:`translateX(${valueGap}px)`,
       display: 'flex',
+      flex: 1,
       color: valueSameColor ? _color : valueFont.color,
       alignItems: 'center',
-      justifyContent: 'flex-start'
+      justifyContent: valueAlign == "left" ? "flex-start" : valueAlign == "right" ? "flex-end" : 'center'
     })
   }, /*#__PURE__*/React.createElement("span", null, data.y), showSuffix && /*#__PURE__*/React.createElement("span", {
     style: {
@@ -91,9 +88,12 @@ var pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
       whiteSpace: "nowrap"
     }, (0, _utils.getFontStyle)(percentFont)), {}, {
       marginLeft: percentGap,
+      // transform:`translateX(${percentGap}px)`,
+      display: "flex",
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: percentAlign == "left" ? "flex-start" : percentAlign == "right" ? "flex-end" : 'center',
       color: percentSameColor ? _color : percentFont.color
     })
   }, 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");