@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.
- package/.babelrc +8 -8
- package/.husky/commit-msg +3 -3
- package/CHANGELOG.md +18 -18
- package/commitlint.config.js +1 -1
- package/lib/components/AnimateData.js +8 -16
- package/lib/components/Axis.js +86 -133
- package/lib/components/Background.js +18 -26
- package/lib/components/Band.js +72 -98
- package/lib/components/BaseLine.js +33 -46
- package/lib/components/Brush.js +29 -46
- package/lib/components/Carousel.js +13 -40
- package/lib/components/CartesianChart.js +98 -146
- package/lib/components/Chart.js +23 -36
- package/lib/components/ChartContainer.js +18 -27
- package/lib/components/ConicalGradient.js +56 -89
- package/lib/components/Control.js +12 -28
- package/lib/components/ExtentData.js +9 -17
- package/lib/components/FilterData.js +16 -27
- package/lib/components/Indicator.js +23 -30
- package/lib/components/Label.js +96 -126
- package/lib/components/Legend.js +41 -66
- package/lib/components/Lighter.js +21 -50
- package/lib/components/Line.js +39 -59
- package/lib/components/LinearGradient.js +16 -22
- package/lib/components/Mapping.js +9 -34
- package/lib/components/Marquee.js +14 -30
- package/lib/components/PieChart.js +468 -489
- package/lib/components/StackData.js +8 -18
- package/lib/components/StereoBar.js +65 -105
- package/lib/components/TextOverflow.js +8 -21
- package/lib/components/Tooltip.js +41 -55
- package/lib/components/index.js +7 -28
- package/lib/components/pieTooltip.js +133 -0
- package/lib/context/index.js +0 -2
- package/lib/css/index.module.css +42 -42
- package/lib/css/piechart.module.css +26 -26
- package/lib/element/ConicGradient.js +29 -35
- package/lib/element/Line.js +9 -13
- package/lib/element/index.js +0 -2
- package/lib/formatter/index.js +0 -2
- package/lib/formatter/legend.js +30 -41
- package/lib/hooks/index.js +0 -9
- package/lib/hooks/useAiData.js +12 -20
- package/lib/hooks/useAnimateData.js +8 -21
- package/lib/hooks/useAxes.js +67 -117
- package/lib/hooks/useCarouselAxisX.js +27 -60
- package/lib/hooks/useExtentData.js +14 -46
- package/lib/hooks/useFilterData.js +13 -34
- package/lib/hooks/useStackData.js +12 -35
- package/lib/hooks/useTooltip.js +36 -53
- package/lib/index.js +0 -15
- package/lib/utils/index.js +95 -247
- package/package.json +55 -55
- package/src/components/Background.tsx +61 -61
- package/src/components/Band.tsx +274 -274
- package/src/components/Brush.js +159 -159
- package/src/components/CartesianChart.js +1 -1
- package/src/components/Chart.js +99 -99
- package/src/components/ChartContainer.tsx +71 -71
- package/src/components/ConicalGradient.js +258 -258
- package/src/components/Control.jsx +51 -51
- package/src/components/ExtentData.js +17 -17
- package/src/components/Indicator.js +61 -61
- package/src/components/Label.js +275 -275
- package/src/components/Legend.js +165 -165
- package/src/components/Lighter.jsx +173 -173
- package/src/components/Line.js +150 -150
- package/src/components/LinearGradient.js +29 -29
- package/src/components/Marquee.tsx +1 -1
- package/src/components/PieChart.js +404 -260
- package/src/components/PieTooltip.jsx +134 -0
- package/src/components/StereoBar.tsx +307 -307
- package/src/components/index.js +59 -57
- package/src/context/index.js +2 -2
- package/src/css/index.module.css +42 -42
- package/src/css/piechart.module.css +26 -26
- package/src/element/ConicGradient.jsx +55 -55
- package/src/element/Line.tsx +33 -33
- package/src/element/index.ts +3 -3
- package/src/formatter/index.js +1 -1
- package/src/formatter/legend.js +92 -92
- package/src/hooks/index.js +20 -20
- package/src/hooks/useAnimateData.ts +67 -67
- package/src/hooks/useCarouselAxisX.js +1 -1
- package/src/hooks/useFilterData.js +72 -72
- package/src/hooks/useStackData.js +101 -101
- package/src/hooks/useTooltip.ts +100 -100
- package/src/index.js +6 -6
- package/src/types/index.d.ts +67 -67
- package/src/utils/index.js +757 -757
- package/tsconfig.json +23 -23
package/lib/hooks/useTooltip.js
CHANGED
|
@@ -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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
46
|
+
mouseX = _getMousePos.x,
|
|
47
|
+
mouseY = _getMousePos.y,
|
|
48
|
+
boundWidth = _getMousePos.w,
|
|
49
|
+
boundHeight = _getMousePos.h;
|
|
59
50
|
var carousel = axisX.carousel,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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;
|
|
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; }
|