@easyv/charts 1.4.15 → 1.4.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/.husky/commit-msg +1 -1
  2. package/lib/components/AnimateData.js +8 -16
  3. package/lib/components/Axis.js +199 -191
  4. package/lib/components/Background.js +16 -24
  5. package/lib/components/Band.js +98 -91
  6. package/lib/components/BaseLine.js +39 -40
  7. package/lib/components/Brush.js +29 -46
  8. package/lib/components/Carousel.js +13 -40
  9. package/lib/components/CartesianChart.js +66 -86
  10. package/lib/components/Chart.js +23 -36
  11. package/lib/components/ChartContainer.js +18 -27
  12. package/lib/components/ConicalGradient.js +35 -68
  13. package/lib/components/ExtentData.js +9 -17
  14. package/lib/components/FilterData.js +16 -27
  15. package/lib/components/Indicator.js +6 -8
  16. package/lib/components/Label.js +120 -134
  17. package/lib/components/Legend.js +41 -66
  18. package/lib/components/Lighter.js +19 -48
  19. package/lib/components/Line.js +39 -59
  20. package/lib/components/LinearGradient.js +14 -20
  21. package/lib/components/Mapping.js +9 -34
  22. package/lib/components/Marquee.js +14 -30
  23. package/lib/components/PieChart.js +306 -400
  24. package/lib/components/StackData.js +8 -18
  25. package/lib/components/StereoBar.js +65 -105
  26. package/lib/components/TextOverflow.js +8 -21
  27. package/lib/components/Tooltip.js +41 -55
  28. package/lib/components/index.js +0 -27
  29. package/lib/context/index.js +0 -2
  30. package/lib/element/ConicGradient.js +29 -35
  31. package/lib/element/Line.js +9 -13
  32. package/lib/element/index.js +0 -2
  33. package/lib/formatter/index.js +0 -2
  34. package/lib/formatter/legend.js +30 -41
  35. package/lib/hooks/index.js +0 -8
  36. package/lib/hooks/useAnimateData.js +3 -16
  37. package/lib/hooks/useAxes.js +253 -114
  38. package/lib/hooks/useCarouselAxisX.js +26 -56
  39. package/lib/hooks/useExtentData.js +47 -44
  40. package/lib/hooks/useFilterData.js +8 -29
  41. package/lib/hooks/useStackData.js +7 -30
  42. package/lib/hooks/useTooltip.js +26 -43
  43. package/lib/index.js +0 -15
  44. package/lib/utils/index.js +95 -247
  45. package/package.json +55 -54
  46. package/src/components/Axis.tsx +246 -157
  47. package/src/components/Band.tsx +91 -56
  48. package/src/components/BaseLine.js +22 -5
  49. package/src/components/CartesianChart.js +1 -0
  50. package/src/components/Label.js +56 -46
  51. package/src/hooks/useAxes.js +336 -117
  52. package/src/hooks/useExtentData.js +37 -10
@@ -1,52 +1,47 @@
1
1
  "use strict";
2
2
 
3
3
  var _typeof = require("@babel/runtime/helpers/typeof");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = ConicGradient;
9
-
10
8
  var d3 = _interopRequireWildcard(require("d3"));
11
-
12
9
  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); }
13
-
14
10
  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; }
15
-
16
11
  //只支持在svg中使用
17
12
  //在<clipPath>标签中绘制圆环路径,在<foreignObject>中使用conic-gradient来制作角向渐变
18
13
  //然后在foreignObject中调用clipPath来剪切dom元素,实现环形渐变效果
19
14
  function ConicGradient(props) {
20
15
  var gradientId = props.gradientId,
21
- _props$colorConfig = props.colorConfig,
22
- colorConfig = _props$colorConfig === void 0 ? {} : _props$colorConfig,
23
- _props$circleConfig = props.circleConfig,
24
- circleConfig = _props$circleConfig === void 0 ? {} : _props$circleConfig,
25
- _colorConfig$colorTyp = colorConfig.colorType,
26
- colorType = _colorConfig$colorTyp === void 0 ? "linear" : _colorConfig$colorTyp,
27
- _colorConfig$colors = colorConfig.colors,
28
- colors = _colorConfig$colors === void 0 ? [{
29
- offset: 0,
30
- color: "rgba(255,0,0,0.5)"
31
- }, {
32
- offset: 50,
33
- color: "rgba(0,255,0,0.5)"
34
- }, {
35
- offset: 100,
36
- color: "rgba(0,0,255,0.5)"
37
- }] : _colorConfig$colors,
38
- _circleConfig$innerRa = circleConfig.innerRadius,
39
- innerRadius = _circleConfig$innerRa === void 0 ? 80 : _circleConfig$innerRa,
40
- _circleConfig$outerRa = circleConfig.outerRadius,
41
- outerRadius = _circleConfig$outerRa === void 0 ? 100 : _circleConfig$outerRa,
42
- _circleConfig$startAn = circleConfig.startAngle,
43
- startAngle = _circleConfig$startAn === void 0 ? 0 : _circleConfig$startAn,
44
- _circleConfig$endAngl = circleConfig.endAngle,
45
- endAngle = _circleConfig$endAngl === void 0 ? 360 : _circleConfig$endAngl,
46
- _circleConfig$cornerR = circleConfig.cornerRadius,
47
- cornerRadius = _circleConfig$cornerR === void 0 ? 0 : _circleConfig$cornerR,
48
- _circleConfig$padAngl = circleConfig.padAngle,
49
- padAngle = _circleConfig$padAngl === void 0 ? 0 : _circleConfig$padAngl;
16
+ _props$colorConfig = props.colorConfig,
17
+ colorConfig = _props$colorConfig === void 0 ? {} : _props$colorConfig,
18
+ _props$circleConfig = props.circleConfig,
19
+ circleConfig = _props$circleConfig === void 0 ? {} : _props$circleConfig,
20
+ _colorConfig$colorTyp = colorConfig.colorType,
21
+ colorType = _colorConfig$colorTyp === void 0 ? "linear" : _colorConfig$colorTyp,
22
+ _colorConfig$colors = colorConfig.colors,
23
+ colors = _colorConfig$colors === void 0 ? [{
24
+ offset: 0,
25
+ color: "rgba(255,0,0,0.5)"
26
+ }, {
27
+ offset: 50,
28
+ color: "rgba(0,255,0,0.5)"
29
+ }, {
30
+ offset: 100,
31
+ color: "rgba(0,0,255,0.5)"
32
+ }] : _colorConfig$colors,
33
+ _circleConfig$innerRa = circleConfig.innerRadius,
34
+ innerRadius = _circleConfig$innerRa === void 0 ? 80 : _circleConfig$innerRa,
35
+ _circleConfig$outerRa = circleConfig.outerRadius,
36
+ outerRadius = _circleConfig$outerRa === void 0 ? 100 : _circleConfig$outerRa,
37
+ _circleConfig$startAn = circleConfig.startAngle,
38
+ startAngle = _circleConfig$startAn === void 0 ? 0 : _circleConfig$startAn,
39
+ _circleConfig$endAngl = circleConfig.endAngle,
40
+ endAngle = _circleConfig$endAngl === void 0 ? 360 : _circleConfig$endAngl,
41
+ _circleConfig$cornerR = circleConfig.cornerRadius,
42
+ cornerRadius = _circleConfig$cornerR === void 0 ? 0 : _circleConfig$cornerR,
43
+ _circleConfig$padAngl = circleConfig.padAngle,
44
+ padAngle = _circleConfig$padAngl === void 0 ? 0 : _circleConfig$padAngl;
50
45
  var arc = d3.arc().innerRadius(innerRadius).outerRadius(outerRadius).startAngle(startAngle * Math.PI / 180).endAngle(endAngle * Math.PI / 180).cornerRadius(cornerRadius).padAngle(padAngle);
51
46
  return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("clipPath", {
52
47
  id: "" + gradientId,
@@ -65,7 +60,6 @@ function ConicGradient(props) {
65
60
  }
66
61
  }));
67
62
  }
68
-
69
63
  function colorsToString(colors) {
70
64
  var s = "";
71
65
  colors.sort(function (a, b) {
@@ -1,25 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _default = function _default(_ref) {
13
10
  var _ref$config = _ref.config,
14
- show = _ref$config.show,
15
- color = _ref$config.color,
16
- lineWidth = _ref$config.lineWidth,
17
- strokeDasharray = _ref$config.strokeDasharray,
18
- x1 = _ref.x1,
19
- x2 = _ref.x2,
20
- y1 = _ref.y1,
21
- y2 = _ref.y2,
22
- className = _ref.className;
11
+ show = _ref$config.show,
12
+ color = _ref$config.color,
13
+ lineWidth = _ref$config.lineWidth,
14
+ strokeDasharray = _ref$config.strokeDasharray,
15
+ x1 = _ref.x1,
16
+ x2 = _ref.x2,
17
+ y1 = _ref.y1,
18
+ y2 = _ref.y2,
19
+ className = _ref.className;
23
20
  if (!show) return null;
24
21
  return /*#__PURE__*/_react["default"].createElement("line", {
25
22
  className: className,
@@ -32,5 +29,4 @@ var _default = function _default(_ref) {
32
29
  strokeDasharray: strokeDasharray
33
30
  });
34
31
  };
35
-
36
32
  exports["default"] = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "Line", {
11
10
  return _Line["default"];
12
11
  }
13
12
  });
14
-
15
13
  var _Line = _interopRequireDefault(require("./Line"));
@@ -3,9 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
6
  var _legend = require("./legend");
8
-
9
7
  Object.keys(_legend).forEach(function (key) {
10
8
  if (key === "default" || key === "__esModule") return;
11
9
  if (key in exports && exports[key] === _legend[key]) return;
@@ -1,61 +1,51 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.pieLegendFormatter = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
13
-
14
10
  var _utils = require("../utils");
15
-
16
11
  var _components = require("../components");
17
-
18
12
  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; }
19
-
20
13
  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; }
21
-
22
14
  var pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
23
15
  var displayName = _ref.displayName,
24
- data = _ref.data,
25
- percent = _ref.percent,
26
- _ref$series = _ref.series,
27
- seriesColor = _ref$series.color,
28
- _ref$series$icon = _ref$series.icon,
29
- icon = _ref$series$icon === void 0 ? "" : _ref$series$icon;
16
+ data = _ref.data,
17
+ percent = _ref.percent,
18
+ _ref$series = _ref.series,
19
+ seriesColor = _ref$series.color,
20
+ _ref$series$icon = _ref$series.icon,
21
+ icon = _ref$series$icon === void 0 ? "" : _ref$series$icon;
30
22
  var _ref2$name = _ref2.name,
31
- showName = _ref2$name.show,
32
- nameFont = _ref2$name.font,
33
- textOverflow = _ref2$name.textOverflow,
34
- speed = _ref2$name.speed,
35
- maxWidth = _ref2$name.maxWidth,
36
- _ref2$value = _ref2.value,
37
- showValue = _ref2$value.show,
38
- valueFont = _ref2$value.font,
39
- valueSameColor = _ref2$value.sameColor,
40
- valueGap = _ref2$value.gap,
41
- _ref2$value$suffix = _ref2$value.suffix,
42
- showSuffix = _ref2$value$suffix.show,
43
- text = _ref2$value$suffix.text,
44
- fontSize = _ref2$value$suffix.fontSize,
45
- _ref2$value$suffix$tr = _ref2$value$suffix.translate,
46
- x = _ref2$value$suffix$tr.x,
47
- y = _ref2$value$suffix$tr.y,
48
- _ref2$percent = _ref2.percent,
49
- showPercent = _ref2$percent.show,
50
- percentFont = _ref2$percent.font,
51
- percentSameColor = _ref2$percent.sameColor,
52
- percentGap = _ref2$percent.gap;
23
+ showName = _ref2$name.show,
24
+ nameFont = _ref2$name.font,
25
+ textOverflow = _ref2$name.textOverflow,
26
+ speed = _ref2$name.speed,
27
+ maxWidth = _ref2$name.maxWidth,
28
+ _ref2$value = _ref2.value,
29
+ showValue = _ref2$value.show,
30
+ valueFont = _ref2$value.font,
31
+ valueSameColor = _ref2$value.sameColor,
32
+ valueGap = _ref2$value.gap,
33
+ _ref2$value$suffix = _ref2$value.suffix,
34
+ showSuffix = _ref2$value$suffix.show,
35
+ text = _ref2$value$suffix.text,
36
+ fontSize = _ref2$value$suffix.fontSize,
37
+ _ref2$value$suffix$tr = _ref2$value$suffix.translate,
38
+ x = _ref2$value$suffix$tr.x,
39
+ y = _ref2$value$suffix$tr.y,
40
+ _ref2$percent = _ref2.percent,
41
+ showPercent = _ref2$percent.show,
42
+ percentFont = _ref2$percent.font,
43
+ percentSameColor = _ref2$percent.sameColor,
44
+ percentGap = _ref2$percent.gap;
53
45
  var seriesColorType = seriesColor.type,
54
- pure = seriesColor.pure,
55
- stops = seriesColor.linear.stops;
56
-
46
+ pure = seriesColor.pure,
47
+ stops = seriesColor.linear.stops;
57
48
  var _color = seriesColorType == 'pure' ? pure : stops[0].color;
58
-
59
49
  return /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("span", {
60
50
  style: _objectSpread(_objectSpread({}, icon), {}, {
61
51
  marginRight: icon.marginRight
@@ -95,5 +85,4 @@ var pieLegendFormatter = function pieLegendFormatter(_ref, _ref2) {
95
85
  })
96
86
  }, percent + '%')));
97
87
  };
98
-
99
88
  exports.pieLegendFormatter = pieLegendFormatter;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -47,17 +46,10 @@ Object.defineProperty(exports, "useTooltip", {
47
46
  return _useTooltip["default"];
48
47
  }
49
48
  });
50
-
51
49
  var _useFilterData = _interopRequireDefault(require("./useFilterData"));
52
-
53
50
  var _useStackData = _interopRequireDefault(require("./useStackData"));
54
-
55
51
  var _useAxes = _interopRequireDefault(require("./useAxes"));
56
-
57
52
  var _useTooltip = _interopRequireDefault(require("./useTooltip"));
58
-
59
53
  var _useAnimateData = _interopRequireDefault(require("./useAnimateData"));
60
-
61
54
  var _useCarouselAxisX = _interopRequireDefault(require("./useCarouselAxisX"));
62
-
63
55
  var _useExtentData = _interopRequireDefault(require("./useExtentData"));
@@ -1,24 +1,16 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
10
  var _react = require("react");
15
-
16
11
  var _popmotion = require("popmotion");
17
-
18
12
  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; }
19
-
20
13
  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; }
21
-
22
14
  /**
23
15
  * 图表数据动画
24
16
  * @param {Array} data data列表
@@ -27,13 +19,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
27
19
  */
28
20
  var _default = function _default(data, dataAnimation) {
29
21
  var _useState = (0, _react.useState)([]),
30
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
31
- animateData = _useState2[0],
32
- setAnimateData = _useState2[1];
33
-
22
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
23
+ animateData = _useState2[0],
24
+ setAnimateData = _useState2[1];
34
25
  (0, _react.useEffect)(function () {
35
26
  var animateRef = null;
36
-
37
27
  if (dataAnimation && dataAnimation.show && dataAnimation.duration && data.length) {
38
28
  animateRef = (0, _popmotion.animate)({
39
29
  autoplay: true,
@@ -46,7 +36,6 @@ var _default = function _default(data, dataAnimation) {
46
36
  setAnimateData(function (oldData) {
47
37
  var oldLength = oldData.length;
48
38
  var newLength = data.length;
49
-
50
39
  if (oldLength >= newLength) {
51
40
  return oldData.map(function (_ref, i) {
52
41
  var y = _ref.y;
@@ -78,12 +67,10 @@ var _default = function _default(data, dataAnimation) {
78
67
  } else {
79
68
  setAnimateData(data);
80
69
  }
81
-
82
70
  return function () {
83
71
  animateRef && animateRef.stop();
84
72
  };
85
73
  }, [data, dataAnimation]);
86
74
  return animateData;
87
75
  };
88
-
89
76
  exports["default"] = _default;