@easyv/charts 1.2.1 → 1.2.4

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 (90) 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 +40 -36
  6. package/lib/components/Axis.js +333 -329
  7. package/lib/components/Background.js +2 -2
  8. package/lib/components/Band.js +177 -173
  9. package/lib/components/Brush.js +201 -201
  10. package/lib/components/Carousel.js +171 -164
  11. package/lib/components/CartesianChart.js +11 -7
  12. package/lib/components/Chart.js +114 -111
  13. package/lib/components/ChartContainer.js +62 -58
  14. package/lib/components/ConicalGradient.js +268 -264
  15. package/lib/components/ExtentData.js +48 -45
  16. package/lib/components/FilterData.js +56 -53
  17. package/lib/components/Indicator.js +2 -2
  18. package/lib/components/Label.js +278 -278
  19. package/lib/components/Legend.js +160 -154
  20. package/lib/components/Lighter.js +179 -179
  21. package/lib/components/Line.js +187 -181
  22. package/lib/components/LinearGradient.js +2 -2
  23. package/lib/components/Mapping.js +130 -127
  24. package/lib/components/Marquee.js +98 -0
  25. package/lib/components/PieChart.js +1078 -1061
  26. package/lib/components/StackData.js +48 -45
  27. package/lib/components/StereoBar.js +340 -336
  28. package/lib/components/TextOverflow.js +65 -0
  29. package/lib/components/Tooltip.js +155 -155
  30. package/lib/components/index.js +202 -194
  31. package/lib/css/index.module.css +41 -41
  32. package/lib/css/piechart.module.css +26 -26
  33. package/lib/element/ConicGradient.js +72 -72
  34. package/lib/formatter/legend.js +91 -91
  35. package/lib/hooks/index.js +62 -62
  36. package/lib/hooks/useAnimateData.js +88 -88
  37. package/lib/hooks/useAxes.js +135 -135
  38. package/lib/hooks/useCarouselAxisX.js +184 -184
  39. package/lib/hooks/useExtentData.js +128 -128
  40. package/lib/hooks/useFilterData.js +112 -112
  41. package/lib/hooks/useStackData.js +136 -134
  42. package/lib/hooks/useTooltip.js +10 -10
  43. package/lib/index.js +89 -85
  44. package/lib/utils/index.js +835 -832
  45. package/package.json +53 -51
  46. package/src/components/AnimateData.tsx +24 -24
  47. package/src/components/Axis.tsx +354 -354
  48. package/src/components/Background.tsx +45 -45
  49. package/src/components/Band.tsx +173 -173
  50. package/src/components/Brush.js +159 -159
  51. package/src/components/Carousel.tsx +144 -144
  52. package/src/components/Chart.js +99 -99
  53. package/src/components/ChartContainer.tsx +63 -63
  54. package/src/components/ConicalGradient.js +258 -258
  55. package/src/components/ExtentData.js +17 -17
  56. package/src/components/FilterData.js +23 -23
  57. package/src/components/Indicator.js +13 -13
  58. package/src/components/Label.js +206 -206
  59. package/src/components/Legend.js +158 -158
  60. package/src/components/Lighter.jsx +173 -173
  61. package/src/components/Line.js +144 -144
  62. package/src/components/LinearGradient.js +29 -29
  63. package/src/components/Mapping.js +71 -71
  64. package/src/components/Marquee.js +93 -74
  65. package/src/components/PieChart.js +1288 -1097
  66. package/src/components/StackData.js +20 -20
  67. package/src/components/StereoBar.tsx +310 -310
  68. package/src/components/TextOverflow.js +51 -0
  69. package/src/components/Tooltip.js +169 -169
  70. package/src/components/index.js +53 -51
  71. package/src/context/index.js +2 -2
  72. package/src/css/index.module.css +41 -41
  73. package/src/css/piechart.module.css +26 -26
  74. package/src/element/ConicGradient.jsx +55 -55
  75. package/src/element/Line.tsx +33 -33
  76. package/src/element/index.ts +3 -3
  77. package/src/formatter/index.js +1 -1
  78. package/src/formatter/legend.js +90 -90
  79. package/src/hooks/index.js +17 -17
  80. package/src/hooks/useAnimateData.ts +67 -67
  81. package/src/hooks/useAxes.js +144 -144
  82. package/src/hooks/useCarouselAxisX.js +163 -163
  83. package/src/hooks/useExtentData.js +88 -88
  84. package/src/hooks/useFilterData.js +72 -72
  85. package/src/hooks/useStackData.js +100 -100
  86. package/src/hooks/useTooltip.ts +96 -96
  87. package/src/index.js +6 -6
  88. package/src/types/index.d.ts +67 -67
  89. package/src/utils/index.js +696 -696
  90. package/tsconfig.json +22 -22
@@ -1,135 +1,137 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
- var _react = require("react");
17
-
18
- var _d3v = require("d3v7");
19
-
20
- var _utils = require("../utils");
21
-
22
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
23
-
24
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
25
-
26
- var getSeriesMap = function getSeriesMap(series) {
27
- var seriesMap = new Map();
28
- series.forEach(function (_ref) {
29
- var name = _ref.name,
30
- rest = (0, _objectWithoutProperties2["default"])(_ref, ["name"]);
31
- seriesMap.set(name, _objectSpread(_objectSpread({}, rest), {}, {
32
- name: name,
33
- data: []
34
- }));
35
- });
36
- return seriesMap;
37
- };
38
-
39
- var resetStackData = function resetStackData(series) {
40
- series.forEach(function (series) {
41
- series.data = [];
42
- });
43
- };
44
-
45
- var setStackData = function setStackData(data, series, stacks) {
46
- var dataMap = (0, _d3v.group)(data, function (d) {
47
- return d.x;
48
- });
49
- dataMap.forEach(function (value) {
50
- (0, _utils.resetStacks)(stacks);
51
-
52
- for (var i = 0, j = value.length; i < j; i++) {
53
- var d = value[i];
54
- var currentSeries = series.get(d.s);
55
-
56
- if (d && d.y !== undefined && !isNaN(d.y)) {
57
- var currentStack = (0, _utils.getCurrentStack)(currentSeries, stacks);
58
-
59
- if (currentSeries && currentStack) {
60
- if (d.y >= 0) {
61
- currentSeries.data.push({
62
- data: d,
63
- index: currentStack.index,
64
- bound: [currentStack.positive, currentStack.positive + d.y]
65
- });
66
- currentStack.positive += d.y;
67
- } else {
68
- currentSeries.data.push({
69
- data: d,
70
- index: currentStack.index,
71
- bound: [currentStack.negative, currentStack.negative + d.y]
72
- });
73
- currentStack.negative += d.y;
74
- }
75
- } else {
76
- currentSeries.data.push({
77
- data: d,
78
- bound: [0, d.y],
79
- index: 0
80
- });
81
- }
82
- }
83
-
84
- currentSeries.bandLength = currentSeries.type === 'band' ? stacks.filter(function (item) {
85
- return item.type == 'band';
86
- }).length : 1;
87
- }
88
- });
89
- dataMap.clear();
90
- return series;
91
- };
92
- /**
93
- * 计算堆叠数据
94
- * @param {Array} data 数据
95
- * @param {Map} series 系列
96
- * @returns {Array} 返回堆叠后的数据,由一开始的{x, y, s}变成{data: {x, y, s}, bound: [start, end], index}
97
- */
98
-
99
-
100
- var _default = function _default(_ref2) {
101
- var data = _ref2.data,
102
- series = _ref2.series;
103
-
104
- var _series = (0, _react.useMemo)(function () {
105
- var stacks = (0, _utils.getStacks)(series);
106
-
107
- var _series = getSeriesMap(series);
108
-
109
- return {
110
- stacks: stacks,
111
- series: (0, _utils.seriesYOrZ)(_series)
112
- };
113
- }, [series]);
114
-
115
- var _data = (0, _react.useMemo)(function () {
116
- return (0, _utils.dataYOrZ)(data, _series.series);
117
- }, [data, _series]);
118
-
119
- var tmp = (0, _react.useMemo)(function () {
120
- var dataY = _data.y,
121
- dataZ = _data.z;
122
- var stacks = _series.stacks,
123
- _series$series = _series.series,
124
- seriesY = _series$series.y,
125
- seriesZ = _series$series.z;
126
- resetStackData(seriesY);
127
- resetStackData(seriesZ);
128
- setStackData(dataY, seriesY, stacks);
129
- setStackData(dataZ, seriesZ, stacks);
130
- return [].concat((0, _toConsumableArray2["default"])(seriesY.values()), (0, _toConsumableArray2["default"])(seriesZ.values()));
131
- }, [_data, _series]);
132
- return tmp;
133
- };
134
-
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
+
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
+
14
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
+
16
+ var _react = require("react");
17
+
18
+ var _d3v = require("d3v7");
19
+
20
+ var _utils = require("../utils");
21
+
22
+ var _excluded = ["name"];
23
+
24
+ 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; }
25
+
26
+ 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; }
27
+
28
+ var getSeriesMap = function getSeriesMap(series) {
29
+ var seriesMap = new Map();
30
+ series.forEach(function (_ref) {
31
+ var name = _ref.name,
32
+ rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
33
+ seriesMap.set(name, _objectSpread(_objectSpread({}, rest), {}, {
34
+ name: name,
35
+ data: []
36
+ }));
37
+ });
38
+ return seriesMap;
39
+ };
40
+
41
+ var resetStackData = function resetStackData(series) {
42
+ series.forEach(function (series) {
43
+ series.data = [];
44
+ });
45
+ };
46
+
47
+ var setStackData = function setStackData(data, series, stacks) {
48
+ var dataMap = (0, _d3v.group)(data, function (d) {
49
+ return d.x;
50
+ });
51
+ dataMap.forEach(function (value) {
52
+ (0, _utils.resetStacks)(stacks);
53
+
54
+ for (var i = 0, j = value.length; i < j; i++) {
55
+ var d = value[i];
56
+ var currentSeries = series.get(d.s);
57
+
58
+ if (d && d.y !== undefined && !isNaN(d.y)) {
59
+ var currentStack = (0, _utils.getCurrentStack)(currentSeries, stacks);
60
+
61
+ if (currentSeries && currentStack) {
62
+ if (d.y >= 0) {
63
+ currentSeries.data.push({
64
+ data: d,
65
+ index: currentStack.index,
66
+ bound: [currentStack.positive, currentStack.positive + d.y]
67
+ });
68
+ currentStack.positive += d.y;
69
+ } else {
70
+ currentSeries.data.push({
71
+ data: d,
72
+ index: currentStack.index,
73
+ bound: [currentStack.negative, currentStack.negative + d.y]
74
+ });
75
+ currentStack.negative += d.y;
76
+ }
77
+ } else {
78
+ currentSeries.data.push({
79
+ data: d,
80
+ bound: [0, d.y],
81
+ index: 0
82
+ });
83
+ }
84
+ }
85
+
86
+ currentSeries.bandLength = currentSeries.type === 'band' ? stacks.filter(function (item) {
87
+ return item.type == 'band';
88
+ }).length : 1;
89
+ }
90
+ });
91
+ dataMap.clear();
92
+ return series;
93
+ };
94
+ /**
95
+ * 计算堆叠数据
96
+ * @param {Array} data 数据
97
+ * @param {Map} series 系列
98
+ * @returns {Array} 返回堆叠后的数据,由一开始的{x, y, s}变成{data: {x, y, s}, bound: [start, end], index}
99
+ */
100
+
101
+
102
+ var _default = function _default(_ref2) {
103
+ var data = _ref2.data,
104
+ series = _ref2.series;
105
+
106
+ var _series = (0, _react.useMemo)(function () {
107
+ var stacks = (0, _utils.getStacks)(series);
108
+
109
+ var _series = getSeriesMap(series);
110
+
111
+ return {
112
+ stacks: stacks,
113
+ series: (0, _utils.seriesYOrZ)(_series)
114
+ };
115
+ }, [series]);
116
+
117
+ var _data = (0, _react.useMemo)(function () {
118
+ return (0, _utils.dataYOrZ)(data, _series.series);
119
+ }, [data, _series]);
120
+
121
+ var tmp = (0, _react.useMemo)(function () {
122
+ var dataY = _data.y,
123
+ dataZ = _data.z;
124
+ var stacks = _series.stacks,
125
+ _series$series = _series.series,
126
+ seriesY = _series$series.y,
127
+ seriesZ = _series$series.z;
128
+ resetStackData(seriesY);
129
+ resetStackData(seriesZ);
130
+ setStackData(dataY, seriesY, stacks);
131
+ setStackData(dataZ, seriesZ, stacks);
132
+ return [].concat((0, _toConsumableArray2["default"])(seriesY.values()), (0, _toConsumableArray2["default"])(seriesZ.values()));
133
+ }, [_data, _series]);
134
+ return tmp;
135
+ };
136
+
135
137
  exports["default"] = _default;
@@ -14,16 +14,16 @@ var _react = require("react");
14
14
  var _utils = require("../utils");
15
15
 
16
16
  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} 返回被选中的名称,坐标,选中方法
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
27
  */
28
28
 
29
29
 
package/lib/index.js CHANGED
@@ -1,85 +1,89 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- var _exportNames = {
9
- utils: true
10
- };
11
- exports.utils = void 0;
12
-
13
- var _components = require("./components");
14
-
15
- Object.keys(_components).forEach(function (key) {
16
- if (key === "default" || key === "__esModule") return;
17
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
- if (key in exports && exports[key] === _components[key]) return;
19
- Object.defineProperty(exports, key, {
20
- enumerable: true,
21
- get: function get() {
22
- return _components[key];
23
- }
24
- });
25
- });
26
-
27
- var _hooks = require("./hooks");
28
-
29
- Object.keys(_hooks).forEach(function (key) {
30
- if (key === "default" || key === "__esModule") return;
31
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
32
- if (key in exports && exports[key] === _hooks[key]) return;
33
- Object.defineProperty(exports, key, {
34
- enumerable: true,
35
- get: function get() {
36
- return _hooks[key];
37
- }
38
- });
39
- });
40
-
41
- var _context = require("./context");
42
-
43
- Object.keys(_context).forEach(function (key) {
44
- if (key === "default" || key === "__esModule") return;
45
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
46
- if (key in exports && exports[key] === _context[key]) return;
47
- Object.defineProperty(exports, key, {
48
- enumerable: true,
49
- get: function get() {
50
- return _context[key];
51
- }
52
- });
53
- });
54
-
55
- var _formatter = require("./formatter");
56
-
57
- Object.keys(_formatter).forEach(function (key) {
58
- if (key === "default" || key === "__esModule") return;
59
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
60
- if (key in exports && exports[key] === _formatter[key]) return;
61
- Object.defineProperty(exports, key, {
62
- enumerable: true,
63
- get: function get() {
64
- return _formatter[key];
65
- }
66
- });
67
- });
68
-
69
- var _utils = _interopRequireWildcard(require("./utils"));
70
-
71
- exports.utils = _utils;
72
-
73
- var _utils3 = require("@easyv/utils");
74
-
75
- Object.keys(_utils3).forEach(function (key) {
76
- if (key === "default" || key === "__esModule") return;
77
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
78
- if (key in exports && exports[key] === _utils3[key]) return;
79
- Object.defineProperty(exports, key, {
80
- enumerable: true,
81
- get: function get() {
82
- return _utils3[key];
83
- }
84
- });
85
- });
1
+ "use strict";
2
+
3
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ var _exportNames = {
9
+ utils: true
10
+ };
11
+ exports.utils = void 0;
12
+
13
+ var _components = require("./components");
14
+
15
+ Object.keys(_components).forEach(function (key) {
16
+ if (key === "default" || key === "__esModule") return;
17
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
18
+ if (key in exports && exports[key] === _components[key]) return;
19
+ Object.defineProperty(exports, key, {
20
+ enumerable: true,
21
+ get: function get() {
22
+ return _components[key];
23
+ }
24
+ });
25
+ });
26
+
27
+ var _hooks = require("./hooks");
28
+
29
+ Object.keys(_hooks).forEach(function (key) {
30
+ if (key === "default" || key === "__esModule") return;
31
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
32
+ if (key in exports && exports[key] === _hooks[key]) return;
33
+ Object.defineProperty(exports, key, {
34
+ enumerable: true,
35
+ get: function get() {
36
+ return _hooks[key];
37
+ }
38
+ });
39
+ });
40
+
41
+ var _context = require("./context");
42
+
43
+ Object.keys(_context).forEach(function (key) {
44
+ if (key === "default" || key === "__esModule") return;
45
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
46
+ if (key in exports && exports[key] === _context[key]) return;
47
+ Object.defineProperty(exports, key, {
48
+ enumerable: true,
49
+ get: function get() {
50
+ return _context[key];
51
+ }
52
+ });
53
+ });
54
+
55
+ var _formatter = require("./formatter");
56
+
57
+ Object.keys(_formatter).forEach(function (key) {
58
+ if (key === "default" || key === "__esModule") return;
59
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
60
+ if (key in exports && exports[key] === _formatter[key]) return;
61
+ Object.defineProperty(exports, key, {
62
+ enumerable: true,
63
+ get: function get() {
64
+ return _formatter[key];
65
+ }
66
+ });
67
+ });
68
+
69
+ var _utils = _interopRequireWildcard(require("./utils"));
70
+
71
+ exports.utils = _utils;
72
+
73
+ var _utils3 = require("@easyv/utils");
74
+
75
+ Object.keys(_utils3).forEach(function (key) {
76
+ if (key === "default" || key === "__esModule") return;
77
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
78
+ if (key in exports && exports[key] === _utils3[key]) return;
79
+ Object.defineProperty(exports, key, {
80
+ enumerable: true,
81
+ get: function get() {
82
+ return _utils3[key];
83
+ }
84
+ });
85
+ });
86
+
87
+ 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
+ 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; }