@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,195 +1,203 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "Mapping", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Mapping["default"];
12
- }
13
- });
14
- Object.defineProperty(exports, "AnimateData", {
15
- enumerable: true,
16
- get: function get() {
17
- return _AnimateData["default"];
18
- }
19
- });
20
- Object.defineProperty(exports, "FilterData", {
21
- enumerable: true,
22
- get: function get() {
23
- return _FilterData["default"];
24
- }
25
- });
26
- Object.defineProperty(exports, "ExtentData", {
27
- enumerable: true,
28
- get: function get() {
29
- return _ExtentData["default"];
30
- }
31
- });
32
- Object.defineProperty(exports, "StackData", {
33
- enumerable: true,
34
- get: function get() {
35
- return _StackData["default"];
36
- }
37
- });
38
- Object.defineProperty(exports, "ChartContainer", {
39
- enumerable: true,
40
- get: function get() {
41
- return _ChartContainer["default"];
42
- }
43
- });
44
- Object.defineProperty(exports, "Legend", {
45
- enumerable: true,
46
- get: function get() {
47
- return _Legend["default"];
48
- }
49
- });
50
- Object.defineProperty(exports, "Axis", {
51
- enumerable: true,
52
- get: function get() {
53
- return _Axis["default"];
54
- }
55
- });
56
- Object.defineProperty(exports, "Tooltip", {
57
- enumerable: true,
58
- get: function get() {
59
- return _Tooltip["default"];
60
- }
61
- });
62
- Object.defineProperty(exports, "Indicator", {
63
- enumerable: true,
64
- get: function get() {
65
- return _Indicator["default"];
66
- }
67
- });
68
- Object.defineProperty(exports, "Band", {
69
- enumerable: true,
70
- get: function get() {
71
- return _Band["default"];
72
- }
73
- });
74
- Object.defineProperty(exports, "Lighter", {
75
- enumerable: true,
76
- get: function get() {
77
- return _Lighter["default"];
78
- }
79
- });
80
- Object.defineProperty(exports, "Line", {
81
- enumerable: true,
82
- get: function get() {
83
- return _Line["default"];
84
- }
85
- });
86
- Object.defineProperty(exports, "Background", {
87
- enumerable: true,
88
- get: function get() {
89
- return _Background["default"];
90
- }
91
- });
92
- Object.defineProperty(exports, "LinearGradient", {
93
- enumerable: true,
94
- get: function get() {
95
- return _LinearGradient["default"];
96
- }
97
- });
98
- Object.defineProperty(exports, "Brush", {
99
- enumerable: true,
100
- get: function get() {
101
- return _Brush["default"];
102
- }
103
- });
104
- Object.defineProperty(exports, "Label", {
105
- enumerable: true,
106
- get: function get() {
107
- return _Label["default"];
108
- }
109
- });
110
- Object.defineProperty(exports, "StereoBar", {
111
- enumerable: true,
112
- get: function get() {
113
- return _StereoBar["default"];
114
- }
115
- });
116
- Object.defineProperty(exports, "Carousel", {
117
- enumerable: true,
118
- get: function get() {
119
- return _Carousel["default"];
120
- }
121
- });
122
- Object.defineProperty(exports, "Chart", {
123
- enumerable: true,
124
- get: function get() {
125
- return _Chart["default"];
126
- }
127
- });
128
- Object.defineProperty(exports, "ConicalGradient", {
129
- enumerable: true,
130
- get: function get() {
131
- return _ConicalGradient["default"];
132
- }
133
- });
134
- Object.defineProperty(exports, "CartesianChart", {
135
- enumerable: true,
136
- get: function get() {
137
- return _CartesianChart["default"];
138
- }
139
- });
140
- Object.defineProperty(exports, "PieChart", {
141
- enumerable: true,
142
- get: function get() {
143
- return _PieChart["default"];
144
- }
145
- });
146
- exports.Area = void 0;
147
-
148
- var _Mapping = _interopRequireDefault(require("./Mapping"));
149
-
150
- var _AnimateData = _interopRequireDefault(require("./AnimateData"));
151
-
152
- var _FilterData = _interopRequireDefault(require("./FilterData"));
153
-
154
- var _ExtentData = _interopRequireDefault(require("./ExtentData"));
155
-
156
- var _StackData = _interopRequireDefault(require("./StackData"));
157
-
158
- var _ChartContainer = _interopRequireDefault(require("./ChartContainer"));
159
-
160
- var _Legend = _interopRequireDefault(require("./Legend"));
161
-
162
- var _Axis = _interopRequireDefault(require("./Axis"));
163
-
164
- var _Tooltip = _interopRequireDefault(require("./Tooltip"));
165
-
166
- var _Indicator = _interopRequireDefault(require("./Indicator"));
167
-
168
- var _Band = _interopRequireDefault(require("./Band"));
169
-
170
- var _Lighter = _interopRequireDefault(require("./Lighter"));
171
-
172
- var _Line = _interopRequireDefault(require("./Line"));
173
-
174
- var _Background = _interopRequireDefault(require("./Background"));
175
-
176
- var _LinearGradient = _interopRequireDefault(require("./LinearGradient"));
177
-
178
- var _Brush = _interopRequireDefault(require("./Brush"));
179
-
180
- var _Label = _interopRequireDefault(require("./Label"));
181
-
182
- var _StereoBar = _interopRequireDefault(require("./StereoBar"));
183
-
184
- var _Carousel = _interopRequireDefault(require("./Carousel"));
185
-
186
- var _Chart = _interopRequireDefault(require("./Chart"));
187
-
188
- var _ConicalGradient = _interopRequireDefault(require("./ConicalGradient"));
189
-
190
- var _CartesianChart = _interopRequireDefault(require("./CartesianChart"));
191
-
192
- var _PieChart = _interopRequireDefault(require("./PieChart"));
193
-
194
- var Area = _Line["default"];
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ Object.defineProperty(exports, "AnimateData", {
9
+ enumerable: true,
10
+ get: function get() {
11
+ return _AnimateData["default"];
12
+ }
13
+ });
14
+ exports.Area = void 0;
15
+ Object.defineProperty(exports, "Axis", {
16
+ enumerable: true,
17
+ get: function get() {
18
+ return _Axis["default"];
19
+ }
20
+ });
21
+ Object.defineProperty(exports, "Background", {
22
+ enumerable: true,
23
+ get: function get() {
24
+ return _Background["default"];
25
+ }
26
+ });
27
+ Object.defineProperty(exports, "Band", {
28
+ enumerable: true,
29
+ get: function get() {
30
+ return _Band["default"];
31
+ }
32
+ });
33
+ Object.defineProperty(exports, "Brush", {
34
+ enumerable: true,
35
+ get: function get() {
36
+ return _Brush["default"];
37
+ }
38
+ });
39
+ Object.defineProperty(exports, "Carousel", {
40
+ enumerable: true,
41
+ get: function get() {
42
+ return _Carousel["default"];
43
+ }
44
+ });
45
+ Object.defineProperty(exports, "CartesianChart", {
46
+ enumerable: true,
47
+ get: function get() {
48
+ return _CartesianChart["default"];
49
+ }
50
+ });
51
+ Object.defineProperty(exports, "Chart", {
52
+ enumerable: true,
53
+ get: function get() {
54
+ return _Chart["default"];
55
+ }
56
+ });
57
+ Object.defineProperty(exports, "ChartContainer", {
58
+ enumerable: true,
59
+ get: function get() {
60
+ return _ChartContainer["default"];
61
+ }
62
+ });
63
+ Object.defineProperty(exports, "ConicalGradient", {
64
+ enumerable: true,
65
+ get: function get() {
66
+ return _ConicalGradient["default"];
67
+ }
68
+ });
69
+ Object.defineProperty(exports, "ExtentData", {
70
+ enumerable: true,
71
+ get: function get() {
72
+ return _ExtentData["default"];
73
+ }
74
+ });
75
+ Object.defineProperty(exports, "FilterData", {
76
+ enumerable: true,
77
+ get: function get() {
78
+ return _FilterData["default"];
79
+ }
80
+ });
81
+ Object.defineProperty(exports, "Indicator", {
82
+ enumerable: true,
83
+ get: function get() {
84
+ return _Indicator["default"];
85
+ }
86
+ });
87
+ Object.defineProperty(exports, "Label", {
88
+ enumerable: true,
89
+ get: function get() {
90
+ return _Label["default"];
91
+ }
92
+ });
93
+ Object.defineProperty(exports, "Legend", {
94
+ enumerable: true,
95
+ get: function get() {
96
+ return _Legend["default"];
97
+ }
98
+ });
99
+ Object.defineProperty(exports, "Lighter", {
100
+ enumerable: true,
101
+ get: function get() {
102
+ return _Lighter["default"];
103
+ }
104
+ });
105
+ Object.defineProperty(exports, "Line", {
106
+ enumerable: true,
107
+ get: function get() {
108
+ return _Line["default"];
109
+ }
110
+ });
111
+ Object.defineProperty(exports, "LinearGradient", {
112
+ enumerable: true,
113
+ get: function get() {
114
+ return _LinearGradient["default"];
115
+ }
116
+ });
117
+ Object.defineProperty(exports, "Mapping", {
118
+ enumerable: true,
119
+ get: function get() {
120
+ return _Mapping["default"];
121
+ }
122
+ });
123
+ Object.defineProperty(exports, "PieChart", {
124
+ enumerable: true,
125
+ get: function get() {
126
+ return _PieChart["default"];
127
+ }
128
+ });
129
+ Object.defineProperty(exports, "StackData", {
130
+ enumerable: true,
131
+ get: function get() {
132
+ return _StackData["default"];
133
+ }
134
+ });
135
+ Object.defineProperty(exports, "StereoBar", {
136
+ enumerable: true,
137
+ get: function get() {
138
+ return _StereoBar["default"];
139
+ }
140
+ });
141
+ Object.defineProperty(exports, "TextOverflow", {
142
+ enumerable: true,
143
+ get: function get() {
144
+ return _TextOverflow["default"];
145
+ }
146
+ });
147
+ Object.defineProperty(exports, "Tooltip", {
148
+ enumerable: true,
149
+ get: function get() {
150
+ return _Tooltip["default"];
151
+ }
152
+ });
153
+
154
+ var _Mapping = _interopRequireDefault(require("./Mapping"));
155
+
156
+ var _AnimateData = _interopRequireDefault(require("./AnimateData"));
157
+
158
+ var _FilterData = _interopRequireDefault(require("./FilterData"));
159
+
160
+ var _ExtentData = _interopRequireDefault(require("./ExtentData"));
161
+
162
+ var _StackData = _interopRequireDefault(require("./StackData"));
163
+
164
+ var _ChartContainer = _interopRequireDefault(require("./ChartContainer"));
165
+
166
+ var _Legend = _interopRequireDefault(require("./Legend"));
167
+
168
+ var _Axis = _interopRequireDefault(require("./Axis"));
169
+
170
+ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
171
+
172
+ var _Indicator = _interopRequireDefault(require("./Indicator"));
173
+
174
+ var _Band = _interopRequireDefault(require("./Band"));
175
+
176
+ var _Lighter = _interopRequireDefault(require("./Lighter"));
177
+
178
+ var _Line = _interopRequireDefault(require("./Line"));
179
+
180
+ var _Background = _interopRequireDefault(require("./Background"));
181
+
182
+ var _LinearGradient = _interopRequireDefault(require("./LinearGradient"));
183
+
184
+ var _Brush = _interopRequireDefault(require("./Brush"));
185
+
186
+ var _Label = _interopRequireDefault(require("./Label"));
187
+
188
+ var _StereoBar = _interopRequireDefault(require("./StereoBar"));
189
+
190
+ var _Carousel = _interopRequireDefault(require("./Carousel"));
191
+
192
+ var _Chart = _interopRequireDefault(require("./Chart"));
193
+
194
+ var _ConicalGradient = _interopRequireDefault(require("./ConicalGradient"));
195
+
196
+ var _CartesianChart = _interopRequireDefault(require("./CartesianChart"));
197
+
198
+ var _PieChart = _interopRequireDefault(require("./PieChart"));
199
+
200
+ var _TextOverflow = _interopRequireDefault(require("./TextOverflow"));
201
+
202
+ var Area = _Line["default"];
195
203
  exports.Area = Area;
@@ -1,42 +1,42 @@
1
- .rotateClockwise {
2
- animation-name: rotateClockwise;
3
- }
4
-
5
- @keyframes rotateClockwise {
6
- 0% {
7
- transform: rotate(0deg);
8
- }
9
- 100% {
10
- transform: rotate(360deg);
11
- }
12
- }
13
-
14
- .rotateCounterClockwise {
15
- animation-name: rotateCounterClockwise;
16
- }
17
-
18
- @keyframes rotateCounterClockwise {
19
- 0% {
20
- transform: rotate(360deg);
21
- }
22
- 100% {
23
- transform: rotate(0deg);
24
- }
25
- }
26
-
27
- .showAllStyle {
28
- display: grid;
29
- width: 100%;
30
- grid-template-columns: 40% 30% 30%;
31
- align-items: center;
32
- flex-direction: row;
33
- justify-content: space-between;
34
- }
35
-
36
- .notShowAllStyle {
37
- display: flex;
38
- width: 100%;
39
- align-items: center;
40
- flex-direction: row;
41
- justify-content: space-between;
1
+ .rotateClockwise {
2
+ animation-name: rotateClockwise;
3
+ }
4
+
5
+ @keyframes rotateClockwise {
6
+ 0% {
7
+ transform: rotate(0deg);
8
+ }
9
+ 100% {
10
+ transform: rotate(360deg);
11
+ }
12
+ }
13
+
14
+ .rotateCounterClockwise {
15
+ animation-name: rotateCounterClockwise;
16
+ }
17
+
18
+ @keyframes rotateCounterClockwise {
19
+ 0% {
20
+ transform: rotate(360deg);
21
+ }
22
+ 100% {
23
+ transform: rotate(0deg);
24
+ }
25
+ }
26
+
27
+ .showAllStyle {
28
+ display: grid;
29
+ width: 100%;
30
+ grid-template-columns: 40% 30% 30%;
31
+ align-items: center;
32
+ flex-direction: row;
33
+ justify-content: space-between;
34
+ }
35
+
36
+ .notShowAllStyle {
37
+ display: flex;
38
+ width: 100%;
39
+ align-items: center;
40
+ flex-direction: row;
41
+ justify-content: space-between;
42
42
  }
@@ -1,27 +1,27 @@
1
- /*甜甜圈图专用css*/
2
- .label-line {
3
- stroke-dasharray: 100;
4
- stroke-dashoffset: 100;
5
- animation: dash 800ms ease forwards;
6
- }
7
-
8
- .label-text {
9
- opacity: 0;
10
- animation: show 800ms ease forwards;
11
- }
12
-
13
- .inner-arc {
14
- animation: dash 2s ease forwards;
15
- }
16
-
17
- @keyframes dash {
18
- 100% {
19
- stroke-dashoffset: 0%;
20
- }
21
- }
22
-
23
- @keyframes show {
24
- 100% {
25
- opacity: 1;
26
- }
1
+ /*甜甜圈图专用css*/
2
+ .label-line {
3
+ stroke-dasharray: 100;
4
+ stroke-dashoffset: 100;
5
+ animation: dash 800ms ease forwards;
6
+ }
7
+
8
+ .label-text {
9
+ opacity: 0;
10
+ animation: show 800ms ease forwards;
11
+ }
12
+
13
+ .inner-arc {
14
+ animation: dash 2s ease forwards;
15
+ }
16
+
17
+ @keyframes dash {
18
+ 100% {
19
+ stroke-dashoffset: 0%;
20
+ }
21
+ }
22
+
23
+ @keyframes show {
24
+ 100% {
25
+ opacity: 1;
26
+ }
27
27
  }