@easyv/charts 1.4.14 → 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.
- package/.husky/commit-msg +1 -1
- package/lib/components/AnimateData.js +8 -16
- package/lib/components/Axis.js +199 -191
- package/lib/components/Background.js +16 -24
- package/lib/components/Band.js +98 -91
- package/lib/components/BaseLine.js +39 -40
- package/lib/components/Brush.js +29 -46
- package/lib/components/Carousel.js +13 -40
- package/lib/components/CartesianChart.js +66 -86
- package/lib/components/Chart.js +23 -36
- package/lib/components/ChartContainer.js +18 -27
- package/lib/components/ConicalGradient.js +35 -68
- package/lib/components/ExtentData.js +9 -17
- package/lib/components/FilterData.js +16 -27
- package/lib/components/Indicator.js +6 -8
- package/lib/components/Label.js +120 -134
- package/lib/components/Legend.js +41 -66
- package/lib/components/Lighter.js +19 -48
- package/lib/components/Line.js +39 -59
- package/lib/components/LinearGradient.js +14 -20
- package/lib/components/Mapping.js +9 -34
- package/lib/components/Marquee.js +14 -30
- package/lib/components/PieChart.js +306 -400
- package/lib/components/StackData.js +8 -18
- package/lib/components/StereoBar.js +65 -105
- package/lib/components/TextOverflow.js +9 -22
- package/lib/components/Tooltip.js +41 -55
- package/lib/components/index.js +0 -27
- package/lib/context/index.js +0 -2
- 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 -8
- package/lib/hooks/useAnimateData.js +3 -16
- package/lib/hooks/useAxes.js +253 -114
- package/lib/hooks/useCarouselAxisX.js +26 -56
- package/lib/hooks/useExtentData.js +47 -44
- package/lib/hooks/useFilterData.js +8 -29
- package/lib/hooks/useStackData.js +7 -30
- package/lib/hooks/useTooltip.js +26 -43
- package/lib/index.js +0 -15
- package/lib/utils/index.js +95 -247
- package/package.json +55 -54
- package/src/components/Axis.tsx +246 -157
- package/src/components/Band.tsx +91 -56
- package/src/components/BaseLine.js +22 -5
- package/src/components/CartesianChart.js +1 -0
- package/src/components/Label.js +56 -46
- package/src/components/TextOverflow.tsx +1 -2
- package/src/hooks/useAxes.js +336 -117
- package/src/hooks/useExtentData.js +37 -10
|
@@ -1,28 +1,18 @@
|
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
15
|
-
|
|
16
11
|
var _react = require("react");
|
|
17
|
-
|
|
18
12
|
var _d3v = require("d3v7");
|
|
19
|
-
|
|
20
13
|
var _utils = require("../utils");
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
var stackData = function stackData(data, series) {
|
|
27
17
|
var dataMap = (0, _d3v.group)(data, function (d) {
|
|
28
18
|
return d.x;
|
|
@@ -35,14 +25,11 @@ var stackData = function stackData(data, series) {
|
|
|
35
25
|
dataMap.forEach(function (value) {
|
|
36
26
|
var arr = [];
|
|
37
27
|
(0, _utils.resetStacks)(stacks);
|
|
38
|
-
|
|
39
28
|
for (var i = 0, j = value.length; i < j; i++) {
|
|
40
29
|
var d = value[i];
|
|
41
30
|
var stack = series.get(d.s);
|
|
42
|
-
|
|
43
31
|
if (d && d.y !== undefined && !isNaN(d.y)) {
|
|
44
32
|
var currentStack = (0, _utils.getCurrentStack)(stack, stacks);
|
|
45
|
-
|
|
46
33
|
if (stack && currentStack) {
|
|
47
34
|
if (d.y >= 0) {
|
|
48
35
|
currentStack.positive += d.y;
|
|
@@ -56,13 +43,13 @@ var stackData = function stackData(data, series) {
|
|
|
56
43
|
}
|
|
57
44
|
}
|
|
58
45
|
}
|
|
59
|
-
|
|
60
46
|
min = Math.min.apply(Math, arr.concat([min]));
|
|
61
47
|
max = Math.max.apply(Math, arr.concat([max]));
|
|
62
48
|
});
|
|
63
49
|
dataMap.clear();
|
|
64
50
|
return [min || 0, max || (min || 0) + 100];
|
|
65
51
|
};
|
|
52
|
+
|
|
66
53
|
/**
|
|
67
54
|
* 计算轴的domain
|
|
68
55
|
* @param {Array} axes x轴列表
|
|
@@ -70,23 +57,18 @@ var stackData = function stackData(data, series) {
|
|
|
70
57
|
* @param {Object} data 数据列表
|
|
71
58
|
* @returns {Array} 返回带domain的轴
|
|
72
59
|
*/
|
|
73
|
-
|
|
74
|
-
|
|
75
60
|
var _default = function _default(_ref) {
|
|
76
61
|
var axes = _ref.axes,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
62
|
+
series = _ref.series,
|
|
63
|
+
data = _ref.data;
|
|
80
64
|
var _series = (0, _react.useMemo)(function () {
|
|
81
65
|
return (0, _utils.seriesYOrZ)(series);
|
|
82
66
|
}, [series]);
|
|
83
|
-
|
|
84
67
|
var _useMemo = (0, _react.useMemo)(function () {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
68
|
+
return (0, _utils.dataYOrZ)(data, _series);
|
|
69
|
+
}, [data, _series]),
|
|
70
|
+
dataY = _useMemo.y,
|
|
71
|
+
dataZ = _useMemo.z;
|
|
90
72
|
var x = (0, _react.useMemo)(function () {
|
|
91
73
|
return (0, _toConsumableArray2["default"])((0, _d3v.group)(data, function (d) {
|
|
92
74
|
return d.x;
|
|
@@ -94,38 +76,59 @@ var _default = function _default(_ref) {
|
|
|
94
76
|
}, [data]);
|
|
95
77
|
var y = stackData(dataY, _series.y);
|
|
96
78
|
var z = stackData(dataZ, _series.z);
|
|
79
|
+
//clipAxisMode如果是auto根据clipDifferenceValue设置clipValue
|
|
97
80
|
return axes.map(function (item) {
|
|
98
81
|
var axisType = item.axisType,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
82
|
+
domain = item.domain,
|
|
83
|
+
type = item.type;
|
|
102
84
|
switch (axisType) {
|
|
103
|
-
case
|
|
85
|
+
case "x":
|
|
104
86
|
return _objectSpread(_objectSpread({}, item), {}, {
|
|
105
|
-
domain: type ==
|
|
87
|
+
domain: type == "linear" ? (0, _d3v.extent)(x) : x
|
|
106
88
|
});
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
89
|
+
case "y":
|
|
90
|
+
{
|
|
91
|
+
if (item.axisType == "y" && item.isClipAxis === true && item.clipAxisMode == "auto") {
|
|
92
|
+
var _dataY = dataY.map(function (_item) {
|
|
93
|
+
return _item.y;
|
|
94
|
+
});
|
|
95
|
+
var _clipValue = Infinity;
|
|
96
|
+
if (_dataY.length >= 2) {
|
|
97
|
+
_dataY.sort(function (a, b) {
|
|
98
|
+
return a - b;
|
|
99
|
+
});
|
|
100
|
+
var clipDifferenceValueArr = [];
|
|
101
|
+
for (var i = 0; i < _dataY.length - 1; i++) {
|
|
102
|
+
clipDifferenceValueArr.push(_dataY[i + 1] - _dataY[i]);
|
|
103
|
+
}
|
|
104
|
+
var max = (0, _d3v.max)(clipDifferenceValueArr);
|
|
105
|
+
if (max >= item.clipDifferenceValue) {
|
|
106
|
+
var index = clipDifferenceValueArr.indexOf(max);
|
|
107
|
+
_clipValue = _dataY[index];
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
111
|
+
domain: domain ? getDomain(y, domain) : y,
|
|
112
|
+
clipValue: _clipValue
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
116
|
+
domain: domain ? getDomain(y, domain) : y
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
case "z":
|
|
114
120
|
return _objectSpread(_objectSpread({}, item), {}, {
|
|
115
121
|
domain: domain ? getDomain(z, domain) : z
|
|
116
122
|
});
|
|
117
123
|
}
|
|
118
124
|
});
|
|
119
125
|
};
|
|
120
|
-
|
|
121
126
|
exports["default"] = _default;
|
|
122
|
-
|
|
123
127
|
var getDomain = function getDomain(_ref2, _ref3) {
|
|
124
128
|
var _ref4 = (0, _slicedToArray2["default"])(_ref2, 2),
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
129
|
+
min1 = _ref4[0],
|
|
130
|
+
max1 = _ref4[1];
|
|
128
131
|
var min = _ref3.min,
|
|
129
|
-
|
|
130
|
-
return [min !==
|
|
132
|
+
max = _ref3.max;
|
|
133
|
+
return [min !== "" ? +min : min1, max !== "" ? +max : max1];
|
|
131
134
|
};
|
|
@@ -1,39 +1,26 @@
|
|
|
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
|
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; }
|
|
17
|
-
|
|
18
12
|
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; }
|
|
19
|
-
|
|
20
13
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
21
|
-
|
|
22
14
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
|
-
|
|
24
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
25
|
-
|
|
15
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
26
16
|
var getInitialSelected = function getInitialSelected(series) {
|
|
27
17
|
var status = new Map();
|
|
28
|
-
|
|
29
18
|
var _iterator = _createForOfIteratorHelper(series.entries()),
|
|
30
|
-
|
|
31
|
-
|
|
19
|
+
_step;
|
|
32
20
|
try {
|
|
33
21
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
34
22
|
var _step$value = (0, _slicedToArray2["default"])(_step.value, 1),
|
|
35
|
-
|
|
36
|
-
|
|
23
|
+
name = _step$value[0];
|
|
37
24
|
status.set(name, true);
|
|
38
25
|
}
|
|
39
26
|
} catch (err) {
|
|
@@ -41,10 +28,8 @@ var getInitialSelected = function getInitialSelected(series) {
|
|
|
41
28
|
} finally {
|
|
42
29
|
_iterator.f();
|
|
43
30
|
}
|
|
44
|
-
|
|
45
31
|
return status;
|
|
46
32
|
};
|
|
47
|
-
|
|
48
33
|
var getSelected = function getSelected(selected, name) {
|
|
49
34
|
var tmp = new Map();
|
|
50
35
|
selected.forEach(function (value, key) {
|
|
@@ -56,23 +41,20 @@ var getSelected = function getSelected(selected, name) {
|
|
|
56
41
|
});
|
|
57
42
|
return tmp;
|
|
58
43
|
};
|
|
44
|
+
|
|
59
45
|
/**
|
|
60
46
|
* 图例点击状态管理
|
|
61
47
|
* @param {Array} data 数据
|
|
62
48
|
* @param {Map} series 系列
|
|
63
49
|
* @returns {Array} 返回筛选后的数据和是否选中状态,及控制选中函数
|
|
64
50
|
*/
|
|
65
|
-
|
|
66
|
-
|
|
67
51
|
var _default = function _default(_ref) {
|
|
68
52
|
var data = _ref.data,
|
|
69
|
-
|
|
70
|
-
|
|
53
|
+
series = _ref.series;
|
|
71
54
|
var _useState = (0, _react.useState)(getInitialSelected(series)),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
55
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
56
|
+
selected = _useState2[0],
|
|
57
|
+
setSelected = _useState2[1];
|
|
76
58
|
var _series = (0, _react.useMemo)(function () {
|
|
77
59
|
var tmp = new Map();
|
|
78
60
|
series.forEach(function (currentSeries, key) {
|
|
@@ -83,14 +65,12 @@ var _default = function _default(_ref) {
|
|
|
83
65
|
});
|
|
84
66
|
return tmp;
|
|
85
67
|
}, [selected, series]);
|
|
86
|
-
|
|
87
68
|
var _data = (0, _react.useMemo)(function () {
|
|
88
69
|
return data.filter(function (_ref2) {
|
|
89
70
|
var s = _ref2.s;
|
|
90
71
|
return s && _series.get(s) && _series.get(s).selected;
|
|
91
72
|
});
|
|
92
73
|
}, [data, _series]);
|
|
93
|
-
|
|
94
74
|
var onClick = (0, _react.useCallback)(function (name) {
|
|
95
75
|
setSelected(function (selected) {
|
|
96
76
|
return getSelected(selected, name);
|
|
@@ -109,5 +89,4 @@ var _default = function _default(_ref) {
|
|
|
109
89
|
})
|
|
110
90
|
}, onClick];
|
|
111
91
|
};
|
|
112
|
-
|
|
113
92
|
exports["default"] = _default;
|
|
@@ -1,35 +1,24 @@
|
|
|
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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _react = require("react");
|
|
17
|
-
|
|
18
12
|
var _d3v = require("d3v7");
|
|
19
|
-
|
|
20
13
|
var _utils = require("../utils");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["name"];
|
|
23
|
-
|
|
24
15
|
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
16
|
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
17
|
var getSeriesMap = function getSeriesMap(series) {
|
|
29
18
|
var seriesMap = new Map();
|
|
30
19
|
series.forEach(function (_ref) {
|
|
31
20
|
var name = _ref.name,
|
|
32
|
-
|
|
21
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
33
22
|
seriesMap.set(name, _objectSpread(_objectSpread({}, rest), {}, {
|
|
34
23
|
name: name,
|
|
35
24
|
data: []
|
|
@@ -37,27 +26,22 @@ var getSeriesMap = function getSeriesMap(series) {
|
|
|
37
26
|
});
|
|
38
27
|
return seriesMap;
|
|
39
28
|
};
|
|
40
|
-
|
|
41
29
|
var resetStackData = function resetStackData(series) {
|
|
42
30
|
series.forEach(function (series) {
|
|
43
31
|
series.data = [];
|
|
44
32
|
});
|
|
45
33
|
};
|
|
46
|
-
|
|
47
34
|
var setStackData = function setStackData(data, series, stacks) {
|
|
48
35
|
var dataMap = (0, _d3v.group)(data, function (d) {
|
|
49
36
|
return d.x;
|
|
50
37
|
});
|
|
51
38
|
dataMap.forEach(function (value) {
|
|
52
39
|
(0, _utils.resetStacks)(stacks);
|
|
53
|
-
|
|
54
40
|
for (var i = 0, j = value.length; i < j; i++) {
|
|
55
41
|
var d = value[i];
|
|
56
42
|
var currentSeries = series.get(d.s);
|
|
57
|
-
|
|
58
43
|
if (d && d.y !== undefined && !isNaN(d.y)) {
|
|
59
44
|
var currentStack = (0, _utils.getCurrentStack)(currentSeries, stacks);
|
|
60
|
-
|
|
61
45
|
if (currentSeries && currentStack) {
|
|
62
46
|
if (d.y >= 0) {
|
|
63
47
|
currentSeries.data.push({
|
|
@@ -87,40 +71,34 @@ var setStackData = function setStackData(data, series, stacks) {
|
|
|
87
71
|
dataMap.clear();
|
|
88
72
|
return series;
|
|
89
73
|
};
|
|
74
|
+
|
|
90
75
|
/**
|
|
91
76
|
* 计算堆叠数据
|
|
92
77
|
* @param {Array} data 数据
|
|
93
78
|
* @param {Map} series 系列
|
|
94
79
|
* @returns {Array} 返回堆叠后的数据,由一开始的{x, y, s}变成{data: {x, y, s}, bound: [start, end], index}
|
|
95
80
|
*/
|
|
96
|
-
|
|
97
|
-
|
|
98
81
|
var _default = function _default(_ref2) {
|
|
99
82
|
var data = _ref2.data,
|
|
100
|
-
|
|
101
|
-
|
|
83
|
+
series = _ref2.series;
|
|
102
84
|
var _series = (0, _react.useMemo)(function () {
|
|
103
85
|
var stacks = (0, _utils.getStacks)(series);
|
|
104
|
-
|
|
105
86
|
var _series = getSeriesMap(series);
|
|
106
|
-
|
|
107
87
|
return {
|
|
108
88
|
stacks: stacks,
|
|
109
89
|
series: (0, _utils.seriesYOrZ)(_series)
|
|
110
90
|
};
|
|
111
91
|
}, [series]);
|
|
112
|
-
|
|
113
92
|
var _data = (0, _react.useMemo)(function () {
|
|
114
93
|
return (0, _utils.dataYOrZ)(data, _series.series);
|
|
115
94
|
}, [data, _series]);
|
|
116
|
-
|
|
117
95
|
var tmp = (0, _react.useMemo)(function () {
|
|
118
96
|
var dataY = _data.y,
|
|
119
|
-
|
|
97
|
+
dataZ = _data.z;
|
|
120
98
|
var stacks = _series.stacks,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
99
|
+
_series$series = _series.series,
|
|
100
|
+
seriesY = _series$series.y,
|
|
101
|
+
seriesZ = _series$series.z;
|
|
124
102
|
resetStackData(seriesY);
|
|
125
103
|
resetStackData(seriesZ);
|
|
126
104
|
setStackData(dataY, seriesY, stacks);
|
|
@@ -134,5 +112,4 @@ var _default = function _default(_ref2) {
|
|
|
134
112
|
}, [_data, _series]);
|
|
135
113
|
return tmp;
|
|
136
114
|
};
|
|
137
|
-
|
|
138
115
|
exports["default"] = _default;
|
package/lib/hooks/useTooltip.js
CHANGED
|
@@ -1,19 +1,15 @@
|
|
|
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() {};
|
|
12
|
+
|
|
17
13
|
/**
|
|
18
14
|
* 主要用于轴类图表,返回当前选中的是哪一个x
|
|
19
15
|
* @param {Array} svg svg的dom实例
|
|
@@ -25,59 +21,49 @@ var callback = function callback() {};
|
|
|
25
21
|
* @param {Object} config 轮播动画参数
|
|
26
22
|
* @returns {Object} 返回被选中的名称,坐标,选中方法
|
|
27
23
|
*/
|
|
28
|
-
|
|
29
|
-
|
|
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; }
|