@easyv/charts 1.4.25 → 1.4.28

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 (91) hide show
  1. package/.babelrc +8 -8
  2. package/.husky/commit-msg +3 -3
  3. package/CHANGELOG.md +18 -18
  4. package/commitlint.config.js +1 -1
  5. package/lib/components/AnimateData.js +8 -16
  6. package/lib/components/Axis.js +86 -133
  7. package/lib/components/Background.js +18 -26
  8. package/lib/components/Band.js +72 -98
  9. package/lib/components/BaseLine.js +33 -46
  10. package/lib/components/Brush.js +29 -46
  11. package/lib/components/Carousel.js +13 -40
  12. package/lib/components/CartesianChart.js +98 -146
  13. package/lib/components/Chart.js +23 -36
  14. package/lib/components/ChartContainer.js +18 -27
  15. package/lib/components/ConicalGradient.js +56 -89
  16. package/lib/components/Control.js +12 -28
  17. package/lib/components/ExtentData.js +9 -17
  18. package/lib/components/FilterData.js +16 -27
  19. package/lib/components/Indicator.js +23 -30
  20. package/lib/components/Label.js +96 -126
  21. package/lib/components/Legend.js +41 -66
  22. package/lib/components/Lighter.js +21 -50
  23. package/lib/components/Line.js +39 -59
  24. package/lib/components/LinearGradient.js +16 -22
  25. package/lib/components/Mapping.js +9 -34
  26. package/lib/components/Marquee.js +14 -30
  27. package/lib/components/PieChart.js +468 -489
  28. package/lib/components/StackData.js +8 -18
  29. package/lib/components/StereoBar.js +65 -105
  30. package/lib/components/TextOverflow.js +8 -21
  31. package/lib/components/Tooltip.js +41 -55
  32. package/lib/components/index.js +7 -28
  33. package/lib/components/pieTooltip.js +133 -0
  34. package/lib/context/index.js +0 -2
  35. package/lib/css/index.module.css +42 -42
  36. package/lib/css/piechart.module.css +26 -26
  37. package/lib/element/ConicGradient.js +29 -35
  38. package/lib/element/Line.js +9 -13
  39. package/lib/element/index.js +0 -2
  40. package/lib/formatter/index.js +0 -2
  41. package/lib/formatter/legend.js +30 -41
  42. package/lib/hooks/index.js +0 -9
  43. package/lib/hooks/useAiData.js +12 -20
  44. package/lib/hooks/useAnimateData.js +8 -21
  45. package/lib/hooks/useAxes.js +67 -117
  46. package/lib/hooks/useCarouselAxisX.js +27 -60
  47. package/lib/hooks/useExtentData.js +14 -46
  48. package/lib/hooks/useFilterData.js +13 -34
  49. package/lib/hooks/useStackData.js +12 -35
  50. package/lib/hooks/useTooltip.js +36 -53
  51. package/lib/index.js +0 -15
  52. package/lib/utils/index.js +95 -247
  53. package/package.json +55 -55
  54. package/src/components/Background.tsx +61 -61
  55. package/src/components/Band.tsx +274 -274
  56. package/src/components/Brush.js +159 -159
  57. package/src/components/CartesianChart.js +1 -1
  58. package/src/components/Chart.js +99 -99
  59. package/src/components/ChartContainer.tsx +71 -71
  60. package/src/components/ConicalGradient.js +258 -258
  61. package/src/components/Control.jsx +51 -51
  62. package/src/components/ExtentData.js +17 -17
  63. package/src/components/Indicator.js +61 -61
  64. package/src/components/Label.js +275 -275
  65. package/src/components/Legend.js +165 -165
  66. package/src/components/Lighter.jsx +173 -173
  67. package/src/components/Line.js +150 -150
  68. package/src/components/LinearGradient.js +29 -29
  69. package/src/components/Marquee.tsx +1 -1
  70. package/src/components/PieChart.js +404 -260
  71. package/src/components/PieTooltip.jsx +134 -0
  72. package/src/components/StereoBar.tsx +307 -307
  73. package/src/components/index.js +59 -57
  74. package/src/context/index.js +2 -2
  75. package/src/css/index.module.css +42 -42
  76. package/src/css/piechart.module.css +26 -26
  77. package/src/element/ConicGradient.jsx +55 -55
  78. package/src/element/Line.tsx +33 -33
  79. package/src/element/index.ts +3 -3
  80. package/src/formatter/index.js +1 -1
  81. package/src/formatter/legend.js +92 -92
  82. package/src/hooks/index.js +20 -20
  83. package/src/hooks/useAnimateData.ts +67 -67
  84. package/src/hooks/useCarouselAxisX.js +1 -1
  85. package/src/hooks/useFilterData.js +72 -72
  86. package/src/hooks/useStackData.js +101 -101
  87. package/src/hooks/useTooltip.ts +100 -100
  88. package/src/index.js +6 -6
  89. package/src/types/index.d.ts +67 -67
  90. package/src/utils/index.js +757 -757
  91. package/tsconfig.json +23 -23
@@ -1,83 +1,69 @@
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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
9
  var _react = require("react");
13
-
14
10
  var _utils = require("../utils");
15
-
16
11
  var callback = function callback() {};
17
- /**
18
- * 主要用于轴类图表,返回当前选中的是哪一个x
19
- * @param {Array} svg svg的dom实例
20
- * @param {Number} marginLeft 左间距
21
- * @param {Number} marginTop 上间距
22
- * @param {Number} width 宽
23
- * @param {Number} height 高
24
- * @param {Number} axisX 类目轴
25
- * @param {Object} config 轮播动画参数
26
- * @returns {Object} 返回被选中的名称,坐标,选中方法
27
- */
28
-
29
12
 
13
+ /**
14
+ * 主要用于轴类图表,返回当前选中的是哪一个x
15
+ * @param {Array} svg svg的dom实例
16
+ * @param {Number} marginLeft 左间距
17
+ * @param {Number} marginTop 上间距
18
+ * @param {Number} width 宽
19
+ * @param {Number} height 高
20
+ * @param {Number} axisX 类目轴
21
+ * @param {Object} config 轮播动画参数
22
+ * @returns {Object} 返回被选中的名称,坐标,选中方法
23
+ */
30
24
  var _default = function _default(_ref) {
31
25
  var svg = _ref.svg,
32
- marginLeft = _ref.marginLeft,
33
- marginTop = _ref.marginTop,
34
- width = _ref.width,
35
- height = _ref.height,
36
- axisX = _ref.axisX,
37
- isHover = _ref.isHover,
38
- _ref$config = _ref.config;
39
- _ref$config = _ref$config === void 0 ? {} : _ref$config;
40
- var auto = _ref$config.auto,
41
- _ref$config$interval = _ref$config.interval,
42
- interval = _ref$config$interval === void 0 ? 0 : _ref$config$interval,
43
- manual = _ref$config.manual;
44
-
26
+ marginLeft = _ref.marginLeft,
27
+ marginTop = _ref.marginTop,
28
+ width = _ref.width,
29
+ height = _ref.height,
30
+ axisX = _ref.axisX,
31
+ isHover = _ref.isHover,
32
+ _ref$config = _ref.config,
33
+ _ref$config2 = _ref$config === void 0 ? {} : _ref$config,
34
+ auto = _ref$config2.auto,
35
+ _ref$config2$interval = _ref$config2.interval,
36
+ interval = _ref$config2$interval === void 0 ? 0 : _ref$config2$interval,
37
+ manual = _ref$config2.manual;
45
38
  var _useState = (0, _react.useState)(null),
46
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
47
- currentIndex = _useState2[0],
48
- setCurrentIndex = _useState2[1];
49
-
39
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
40
+ currentIndex = _useState2[0],
41
+ setCurrentIndex = _useState2[1];
50
42
  var tickLength = axisX.allTicks.length;
51
43
  var setIndex = (0, _react.useCallback)(function (e) {
52
44
  if (svg) {
53
45
  var _getMousePos = (0, _utils.getMousePos)(e, svg.current),
54
- mouseX = _getMousePos.x,
55
- mouseY = _getMousePos.y,
56
- boundWidth = _getMousePos.w,
57
- boundHeight = _getMousePos.h;
58
-
46
+ mouseX = _getMousePos.x,
47
+ mouseY = _getMousePos.y,
48
+ boundWidth = _getMousePos.w,
49
+ boundHeight = _getMousePos.h;
59
50
  var carousel = axisX.carousel,
60
- allTicks = axisX.allTicks,
61
- ticks = axisX.ticks,
62
- scaler = axisX.scaler,
63
- direction = axisX.direction;
64
-
51
+ allTicks = axisX.allTicks,
52
+ ticks = axisX.ticks,
53
+ scaler = axisX.scaler,
54
+ direction = axisX.direction;
65
55
  var _ticks = carousel ? ticks : allTicks;
66
-
67
56
  var ratioX = parseInt(svg.current.style.width) / boundWidth;
68
57
  var ratioY = parseInt(svg.current.style.height) / boundHeight;
69
58
  var resetX = mouseX * ratioX;
70
59
  var resetY = mouseY * ratioY;
71
60
  var x = resetX - marginLeft;
72
61
  var y = resetY - marginTop;
73
-
74
62
  if (x > 0 && x < width && y > 0 && y < height && _ticks.length) {
75
63
  var position = direction === "vertical" ? y : x;
76
-
77
64
  var _name = _ticks.reduce(function (prev, current) {
78
65
  return Math.abs(scaler(prev) - position) > Math.abs(scaler(current) - position) ? current : prev;
79
66
  });
80
-
81
67
  setCurrentIndex(allTicks.findIndex(function (tick) {
82
68
  return tick == _name;
83
69
  }));
@@ -90,17 +76,15 @@ var _default = function _default(_ref) {
90
76
  }
91
77
  }, [svg, marginLeft, axisX, auto]);
92
78
  (0, _react.useEffect)(function () {
93
- var on = auto && tickLength && !isHover; // if (!!on) setCurrentIndex(0);
94
-
79
+ var on = auto && tickLength && !isHover;
80
+ // if (!!on) setCurrentIndex(0);
95
81
  var intervalHandler = on ? setInterval(function () {
96
82
  setCurrentIndex(function (index) {
97
83
  var tmp = index == null ? 0 : index;
98
84
  var currentIndex = tmp + 1;
99
-
100
85
  if (currentIndex >= tickLength) {
101
86
  return 0;
102
87
  }
103
-
104
88
  return currentIndex;
105
89
  });
106
90
  }, interval * 1000) : null;
@@ -115,5 +99,4 @@ var _default = function _default(_ref) {
115
99
  setIndex: manual ? setIndex : callback
116
100
  };
117
101
  };
118
-
119
102
  exports["default"] = _default;
package/lib/index.js CHANGED
@@ -1,7 +1,6 @@
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
  });
@@ -9,9 +8,7 @@ var _exportNames = {
9
8
  utils: true
10
9
  };
11
10
  exports.utils = void 0;
12
-
13
11
  var _components = require("./components");
14
-
15
12
  Object.keys(_components).forEach(function (key) {
16
13
  if (key === "default" || key === "__esModule") return;
17
14
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -23,9 +20,7 @@ Object.keys(_components).forEach(function (key) {
23
20
  }
24
21
  });
25
22
  });
26
-
27
23
  var _hooks = require("./hooks");
28
-
29
24
  Object.keys(_hooks).forEach(function (key) {
30
25
  if (key === "default" || key === "__esModule") return;
31
26
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -37,9 +32,7 @@ Object.keys(_hooks).forEach(function (key) {
37
32
  }
38
33
  });
39
34
  });
40
-
41
35
  var _context = require("./context");
42
-
43
36
  Object.keys(_context).forEach(function (key) {
44
37
  if (key === "default" || key === "__esModule") return;
45
38
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -51,9 +44,7 @@ Object.keys(_context).forEach(function (key) {
51
44
  }
52
45
  });
53
46
  });
54
-
55
47
  var _formatter = require("./formatter");
56
-
57
48
  Object.keys(_formatter).forEach(function (key) {
58
49
  if (key === "default" || key === "__esModule") return;
59
50
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -65,13 +56,9 @@ Object.keys(_formatter).forEach(function (key) {
65
56
  }
66
57
  });
67
58
  });
68
-
69
59
  var _utils = _interopRequireWildcard(require("./utils"));
70
-
71
60
  exports.utils = _utils;
72
-
73
61
  var _utils3 = require("@easyv/utils");
74
-
75
62
  Object.keys(_utils3).forEach(function (key) {
76
63
  if (key === "default" || key === "__esModule") return;
77
64
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -83,7 +70,5 @@ Object.keys(_utils3).forEach(function (key) {
83
70
  }
84
71
  });
85
72
  });
86
-
87
73
  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); }
88
-
89
74
  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; }