@easyv/charts 1.4.22 → 1.4.24

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");

package/lib/hooks/useAiData.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useAiDataOfPie = exports.useAiData = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 //生成AI图表分析所需的数据
 var useAiData = function useAiData(data, axes, series) {
   try {
@@ -20,19 +16,18 @@ var useAiData = function useAiData(data, axes, series) {
       var type = d.yOrZ;
       var yAxis = axes.get(type);
       var _yAxis$config$unit = yAxis.config.unit,
-          show = _yAxis$config$unit.show,
-          text = _yAxis$config$unit.text;
+        show = _yAxis$config$unit.show,
+        text = _yAxis$config$unit.text;
       var unit = show ? text : "";
       return [d.name, d.displayName + (unit === "" ? "" : "(".concat(unit, ")"))];
     }));
     var res = new Map();
     data.forEach(function (d) {
       var x = d.x,
-          y = d.y,
-          s = d.s;
+        y = d.y,
+        s = d.s;
       var arr = res.get(x);
       var sObj = seriesMap.get(s);
-
       if (arr) {
         arr.push((0, _defineProperty2["default"])({}, sObj, y));
       } else {
@@ -47,29 +42,26 @@ var useAiData = function useAiData(data, axes, series) {
       });
       return obj;
     });
-  } catch (e) {// console.error("生成AI数据失败：",e);
+  } catch (e) {
+    // console.error("生成AI数据失败：",e);
   }
-
   return [];
-}; //生成饼图的AI图表分析所需的数据
-
+};
 
+//生成饼图的AI图表分析所需的数据
 exports.useAiData = useAiData;
-
 var useAiDataOfPie = function useAiDataOfPie(series, legend) {
   try {
     var _legend$config$value$ = legend.config.value.suffix,
-        show = _legend$config$value$.show,
-        text = _legend$config$value$.text;
+      show = _legend$config$value$.show,
+      text = _legend$config$value$.text;
     return series.map(function (d) {
       var _ref2;
-
       return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, d.displayName, d.value + (show ? text : "")), (0, _defineProperty2["default"])(_ref2, "占比值", d.percent + "%"), _ref2;
     });
-  } catch (e) {// console.error("生成ai数据失败：",e);
+  } catch (e) {
+    // console.error("生成ai数据失败：",e);
   }
-
   return [];
 };
-
 exports.useAiDataOfPie = useAiDataOfPie;

package/lib/hooks/useAnimateData.js

@@ -1,39 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _popmotion = require("popmotion");
-
 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; }
-
-/**
- * 图表数据动画
- * @param {Array} data data列表
- * @param {boolean} dataAnimation 是否开启数据增长动画
- * @returns 改变后的数据
+/**
+ * 图表数据动画
+ * @param {Array} data data列表
+ * @param {boolean} dataAnimation 是否开启数据增长动画
+ * @returns 改变后的数据
  */
 var _default = function _default(data, dataAnimation) {
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      animateData = _useState2[0],
-      setAnimateData = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    animateData = _useState2[0],
+    setAnimateData = _useState2[1];
   (0, _react.useEffect)(function () {
     var animateRef = null;
-
     if (dataAnimation && dataAnimation.show && dataAnimation.duration && data.length) {
       animateRef = (0, _popmotion.animate)({
         autoplay: true,
@@ -46,7 +36,6 @@ var _default = function _default(data, dataAnimation) {
           setAnimateData(function (oldData) {
             var oldLength = oldData.length;
             var newLength = data.length;
-
             if (oldLength >= newLength) {
               return oldData.map(function (_ref, i) {
                 var y = _ref.y;
@@ -78,12 +67,10 @@ var _default = function _default(data, dataAnimation) {
     } else {
       setAnimateData(data);
     }
-
     return function () {
       animateRef && animateRef.stop();
     };
   }, [data, dataAnimation]);
   return animateData;
 };
-
 exports["default"] = _default;