@easyv/charts 1.2.0 → 1.2.1
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 +36 -36
- package/lib/components/Axis.js +329 -329
- package/lib/components/Background.js +2 -2
- package/lib/components/Band.js +173 -173
- package/lib/components/Brush.js +201 -201
- package/lib/components/Carousel.js +164 -164
- package/lib/components/Chart.js +111 -111
- package/lib/components/ChartContainer.js +58 -58
- package/lib/components/ConicalGradient.js +264 -264
- package/lib/components/ExtentData.js +45 -45
- package/lib/components/FilterData.js +53 -53
- package/lib/components/Indicator.js +2 -2
- package/lib/components/Label.js +278 -278
- package/lib/components/Legend.js +154 -154
- package/lib/components/Lighter.js +179 -179
- package/lib/components/Line.js +181 -181
- package/lib/components/LinearGradient.js +2 -2
- package/lib/components/Mapping.js +127 -127
- package/lib/components/PieChart.js +1061 -1061
- package/lib/components/StackData.js +45 -45
- package/lib/components/StereoBar.js +336 -336
- package/lib/components/Tooltip.js +155 -155
- package/lib/components/index.js +194 -194
- package/lib/css/index.module.css +41 -41
- package/lib/css/piechart.module.css +26 -26
- package/lib/element/ConicGradient.js +72 -72
- package/lib/formatter/legend.js +91 -91
- package/lib/hooks/index.js +62 -62
- package/lib/hooks/useAnimateData.js +88 -88
- package/lib/hooks/useAxes.js +135 -135
- package/lib/hooks/useCarouselAxisX.js +184 -184
- package/lib/hooks/useExtentData.js +128 -128
- package/lib/hooks/useFilterData.js +112 -112
- package/lib/hooks/useStackData.js +134 -134
- package/lib/hooks/useTooltip.js +10 -10
- package/lib/index.js +84 -84
- package/lib/utils/index.js +832 -832
- package/package.json +51 -51
- package/src/components/AnimateData.tsx +24 -24
- package/src/components/Axis.tsx +354 -354
- package/src/components/Background.tsx +45 -45
- package/src/components/Band.tsx +173 -173
- package/src/components/Brush.js +159 -159
- package/src/components/Carousel.tsx +144 -144
- package/src/components/Chart.js +99 -99
- package/src/components/ChartContainer.tsx +63 -63
- package/src/components/ConicalGradient.js +258 -258
- package/src/components/ExtentData.js +17 -17
- package/src/components/FilterData.js +23 -23
- package/src/components/Indicator.js +13 -13
- package/src/components/Label.js +206 -206
- package/src/components/Legend.js +158 -158
- package/src/components/Lighter.jsx +173 -173
- package/src/components/Line.js +144 -144
- package/src/components/LinearGradient.js +29 -29
- package/src/components/Mapping.js +71 -71
- package/src/components/Marquee.js +74 -0
- package/src/components/PieChart.js +1097 -1097
- package/src/components/StackData.js +20 -20
- package/src/components/StereoBar.tsx +310 -310
- package/src/components/Tooltip.js +169 -169
- package/src/components/index.js +51 -51
- package/src/context/index.js +2 -2
- package/src/css/index.module.css +41 -41
- 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 +90 -90
- package/src/hooks/index.js +17 -17
- package/src/hooks/useAnimateData.ts +67 -67
- package/src/hooks/useAxes.js +144 -144
- package/src/hooks/useCarouselAxisX.js +163 -163
- package/src/hooks/useExtentData.js +88 -88
- package/src/hooks/useFilterData.js +72 -72
- package/src/hooks/useStackData.js +100 -100
- package/src/hooks/useTooltip.ts +96 -96
- package/src/index.js +6 -6
- package/src/types/index.d.ts +67 -67
- package/src/utils/index.js +696 -696
- package/tsconfig.json +22 -22
|
@@ -1,129 +1,129 @@
|
|
|
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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
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 stackData = function stackData(data, series) {
|
|
27
|
-
var dataMap = (0, _d3v.group)(data, function (d) {
|
|
28
|
-
return d.x;
|
|
29
|
-
});
|
|
30
|
-
var stacks = (0, _utils.getStacks)(series);
|
|
31
|
-
var min = 0,
|
|
32
|
-
max = 0;
|
|
33
|
-
dataMap.forEach(function (value) {
|
|
34
|
-
var arr = [];
|
|
35
|
-
(0, _utils.resetStacks)(stacks);
|
|
36
|
-
|
|
37
|
-
for (var i = 0, j = value.length; i < j; i++) {
|
|
38
|
-
var d = value[i];
|
|
39
|
-
var stack = series.get(d.s);
|
|
40
|
-
|
|
41
|
-
if (d && d.y !== undefined && !isNaN(d.y)) {
|
|
42
|
-
var currentStack = (0, _utils.getCurrentStack)(stack, stacks);
|
|
43
|
-
|
|
44
|
-
if (stack && currentStack) {
|
|
45
|
-
if (d.y >= 0) {
|
|
46
|
-
currentStack.positive += d.y;
|
|
47
|
-
arr.push(currentStack.positive);
|
|
48
|
-
} else {
|
|
49
|
-
currentStack.negative += d.y;
|
|
50
|
-
arr.push(currentStack.negative);
|
|
51
|
-
}
|
|
52
|
-
} else {
|
|
53
|
-
arr.push(d.y);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
min = Math.min.apply(Math, arr.concat([min]));
|
|
59
|
-
max = Math.max.apply(Math, arr.concat([max]));
|
|
60
|
-
});
|
|
61
|
-
dataMap.clear();
|
|
62
|
-
return [min, max];
|
|
63
|
-
};
|
|
64
|
-
/**
|
|
65
|
-
* 计算轴的domain
|
|
66
|
-
* @param {Array} axes x轴列表
|
|
67
|
-
* @param {Object} series 图表的系列,主要是为了读取type, stack, yOrZ三个字段
|
|
68
|
-
* @param {Object} data 数据列表
|
|
69
|
-
* @returns {Array} 返回带domain的轴
|
|
70
|
-
*/
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
var _default = function _default(_ref) {
|
|
74
|
-
var axes = _ref.axes,
|
|
75
|
-
series = _ref.series,
|
|
76
|
-
data = _ref.data;
|
|
77
|
-
|
|
78
|
-
var _series = (0, _react.useMemo)(function () {
|
|
79
|
-
return (0, _utils.seriesYOrZ)(series);
|
|
80
|
-
}, [series]);
|
|
81
|
-
|
|
82
|
-
var _useMemo = (0, _react.useMemo)(function () {
|
|
83
|
-
return (0, _utils.dataYOrZ)(data, _series);
|
|
84
|
-
}, [data, _series]),
|
|
85
|
-
dataY = _useMemo.y,
|
|
86
|
-
dataZ = _useMemo.z;
|
|
87
|
-
|
|
88
|
-
var x = (0, _react.useMemo)(function () {
|
|
89
|
-
return (0, _toConsumableArray2["default"])((0, _d3v.group)(data, function (d) {
|
|
90
|
-
return d.x;
|
|
91
|
-
}).keys());
|
|
92
|
-
}, [data]);
|
|
93
|
-
var y = stackData(dataY, _series.y);
|
|
94
|
-
var z = stackData(dataZ, _series.z);
|
|
95
|
-
return axes.map(function (item) {
|
|
96
|
-
var axisType = item.axisType,
|
|
97
|
-
domain = item.domain,
|
|
98
|
-
type = item.type;
|
|
99
|
-
|
|
100
|
-
switch (axisType) {
|
|
101
|
-
case 'x':
|
|
102
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
103
|
-
domain: type == 'linear' ? (0, _d3v.extent)(x) : x
|
|
104
|
-
});
|
|
105
|
-
|
|
106
|
-
case 'y':
|
|
107
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
108
|
-
domain: domain ? getDomain(y, domain) : y
|
|
109
|
-
});
|
|
110
|
-
|
|
111
|
-
case 'z':
|
|
112
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
113
|
-
domain: domain ? getDomain(z, domain) : z
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
exports["default"] = _default;
|
|
120
|
-
|
|
121
|
-
var getDomain = function getDomain(_ref2, _ref3) {
|
|
122
|
-
var _ref4 = (0, _slicedToArray2["default"])(_ref2, 2),
|
|
123
|
-
min1 = _ref4[0],
|
|
124
|
-
max1 = _ref4[1];
|
|
125
|
-
|
|
126
|
-
var min = _ref3.min,
|
|
127
|
-
max = _ref3.max;
|
|
128
|
-
return [min !== '' ? +min : min1, max !== '' ? +max : max1];
|
|
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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
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 stackData = function stackData(data, series) {
|
|
27
|
+
var dataMap = (0, _d3v.group)(data, function (d) {
|
|
28
|
+
return d.x;
|
|
29
|
+
});
|
|
30
|
+
var stacks = (0, _utils.getStacks)(series);
|
|
31
|
+
var min = 0,
|
|
32
|
+
max = 0;
|
|
33
|
+
dataMap.forEach(function (value) {
|
|
34
|
+
var arr = [];
|
|
35
|
+
(0, _utils.resetStacks)(stacks);
|
|
36
|
+
|
|
37
|
+
for (var i = 0, j = value.length; i < j; i++) {
|
|
38
|
+
var d = value[i];
|
|
39
|
+
var stack = series.get(d.s);
|
|
40
|
+
|
|
41
|
+
if (d && d.y !== undefined && !isNaN(d.y)) {
|
|
42
|
+
var currentStack = (0, _utils.getCurrentStack)(stack, stacks);
|
|
43
|
+
|
|
44
|
+
if (stack && currentStack) {
|
|
45
|
+
if (d.y >= 0) {
|
|
46
|
+
currentStack.positive += d.y;
|
|
47
|
+
arr.push(currentStack.positive);
|
|
48
|
+
} else {
|
|
49
|
+
currentStack.negative += d.y;
|
|
50
|
+
arr.push(currentStack.negative);
|
|
51
|
+
}
|
|
52
|
+
} else {
|
|
53
|
+
arr.push(d.y);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
min = Math.min.apply(Math, arr.concat([min]));
|
|
59
|
+
max = Math.max.apply(Math, arr.concat([max]));
|
|
60
|
+
});
|
|
61
|
+
dataMap.clear();
|
|
62
|
+
return [min, max];
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* 计算轴的domain
|
|
66
|
+
* @param {Array} axes x轴列表
|
|
67
|
+
* @param {Object} series 图表的系列,主要是为了读取type, stack, yOrZ三个字段
|
|
68
|
+
* @param {Object} data 数据列表
|
|
69
|
+
* @returns {Array} 返回带domain的轴
|
|
70
|
+
*/
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
var _default = function _default(_ref) {
|
|
74
|
+
var axes = _ref.axes,
|
|
75
|
+
series = _ref.series,
|
|
76
|
+
data = _ref.data;
|
|
77
|
+
|
|
78
|
+
var _series = (0, _react.useMemo)(function () {
|
|
79
|
+
return (0, _utils.seriesYOrZ)(series);
|
|
80
|
+
}, [series]);
|
|
81
|
+
|
|
82
|
+
var _useMemo = (0, _react.useMemo)(function () {
|
|
83
|
+
return (0, _utils.dataYOrZ)(data, _series);
|
|
84
|
+
}, [data, _series]),
|
|
85
|
+
dataY = _useMemo.y,
|
|
86
|
+
dataZ = _useMemo.z;
|
|
87
|
+
|
|
88
|
+
var x = (0, _react.useMemo)(function () {
|
|
89
|
+
return (0, _toConsumableArray2["default"])((0, _d3v.group)(data, function (d) {
|
|
90
|
+
return d.x;
|
|
91
|
+
}).keys());
|
|
92
|
+
}, [data]);
|
|
93
|
+
var y = stackData(dataY, _series.y);
|
|
94
|
+
var z = stackData(dataZ, _series.z);
|
|
95
|
+
return axes.map(function (item) {
|
|
96
|
+
var axisType = item.axisType,
|
|
97
|
+
domain = item.domain,
|
|
98
|
+
type = item.type;
|
|
99
|
+
|
|
100
|
+
switch (axisType) {
|
|
101
|
+
case 'x':
|
|
102
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
103
|
+
domain: type == 'linear' ? (0, _d3v.extent)(x) : x
|
|
104
|
+
});
|
|
105
|
+
|
|
106
|
+
case 'y':
|
|
107
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
108
|
+
domain: domain ? getDomain(y, domain) : y
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
case 'z':
|
|
112
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
113
|
+
domain: domain ? getDomain(z, domain) : z
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
exports["default"] = _default;
|
|
120
|
+
|
|
121
|
+
var getDomain = function getDomain(_ref2, _ref3) {
|
|
122
|
+
var _ref4 = (0, _slicedToArray2["default"])(_ref2, 2),
|
|
123
|
+
min1 = _ref4[0],
|
|
124
|
+
max1 = _ref4[1];
|
|
125
|
+
|
|
126
|
+
var min = _ref3.min,
|
|
127
|
+
max = _ref3.max;
|
|
128
|
+
return [min !== '' ? +min : min1, max !== '' ? +max : max1];
|
|
129
129
|
};
|
|
@@ -1,113 +1,113 @@
|
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
|
-
var _react = require("react");
|
|
15
|
-
|
|
16
|
-
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; }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { 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 = o[Symbol.iterator](); }, 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
|
-
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
|
-
|
|
26
|
-
var getInitialSelected = function getInitialSelected(series) {
|
|
27
|
-
var status = new Map();
|
|
28
|
-
|
|
29
|
-
var _iterator = _createForOfIteratorHelper(series.entries()),
|
|
30
|
-
_step;
|
|
31
|
-
|
|
32
|
-
try {
|
|
33
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
34
|
-
var _step$value = (0, _slicedToArray2["default"])(_step.value, 1),
|
|
35
|
-
name = _step$value[0];
|
|
36
|
-
|
|
37
|
-
status.set(name, true);
|
|
38
|
-
}
|
|
39
|
-
} catch (err) {
|
|
40
|
-
_iterator.e(err);
|
|
41
|
-
} finally {
|
|
42
|
-
_iterator.f();
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
return status;
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
var getSelected = function getSelected(selected, name) {
|
|
49
|
-
var tmp = new Map();
|
|
50
|
-
selected.forEach(function (value, key) {
|
|
51
|
-
if (name == key) {
|
|
52
|
-
tmp.set(key, !value);
|
|
53
|
-
} else {
|
|
54
|
-
tmp.set(key, value);
|
|
55
|
-
}
|
|
56
|
-
});
|
|
57
|
-
return tmp;
|
|
58
|
-
};
|
|
59
|
-
/**
|
|
60
|
-
* 图例点击状态管理
|
|
61
|
-
* @param {Array} data 数据
|
|
62
|
-
* @param {Map} series 系列
|
|
63
|
-
* @returns {Array} 返回筛选后的数据和是否选中状态,及控制选中函数
|
|
64
|
-
*/
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
var _default = function _default(_ref) {
|
|
68
|
-
var data = _ref.data,
|
|
69
|
-
series = _ref.series;
|
|
70
|
-
|
|
71
|
-
var _useState = (0, _react.useState)(getInitialSelected(series)),
|
|
72
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
73
|
-
selected = _useState2[0],
|
|
74
|
-
setSelected = _useState2[1];
|
|
75
|
-
|
|
76
|
-
var _series = (0, _react.useMemo)(function () {
|
|
77
|
-
var tmp = new Map();
|
|
78
|
-
series.forEach(function (currentSeries, key) {
|
|
79
|
-
var value = selected.get(key);
|
|
80
|
-
tmp.set(key, _objectSpread(_objectSpread({}, currentSeries), {}, {
|
|
81
|
-
selected: value
|
|
82
|
-
}));
|
|
83
|
-
});
|
|
84
|
-
return tmp;
|
|
85
|
-
}, [selected, series]);
|
|
86
|
-
|
|
87
|
-
var _data = (0, _react.useMemo)(function () {
|
|
88
|
-
return data.filter(function (_ref2) {
|
|
89
|
-
var s = _ref2.s;
|
|
90
|
-
return s && _series.get(s) && _series.get(s).selected;
|
|
91
|
-
});
|
|
92
|
-
}, [data, _series]);
|
|
93
|
-
|
|
94
|
-
var onClick = (0, _react.useCallback)(function (name) {
|
|
95
|
-
setSelected(function (selected) {
|
|
96
|
-
return getSelected(selected, name);
|
|
97
|
-
});
|
|
98
|
-
}, []);
|
|
99
|
-
(0, _react.useEffect)(function () {
|
|
100
|
-
setSelected(getInitialSelected(series));
|
|
101
|
-
}, [series]);
|
|
102
|
-
return [{
|
|
103
|
-
series: _series,
|
|
104
|
-
data: _data.map(function (d) {
|
|
105
|
-
return _objectSpread(_objectSpread({}, d), {}, {
|
|
106
|
-
y: parseFloat(d.y),
|
|
107
|
-
showY: d.y
|
|
108
|
-
});
|
|
109
|
-
})
|
|
110
|
-
}, onClick];
|
|
111
|
-
};
|
|
112
|
-
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
14
|
+
var _react = require("react");
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { 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 = o[Symbol.iterator](); }, 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
|
+
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
|
+
|
|
26
|
+
var getInitialSelected = function getInitialSelected(series) {
|
|
27
|
+
var status = new Map();
|
|
28
|
+
|
|
29
|
+
var _iterator = _createForOfIteratorHelper(series.entries()),
|
|
30
|
+
_step;
|
|
31
|
+
|
|
32
|
+
try {
|
|
33
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
34
|
+
var _step$value = (0, _slicedToArray2["default"])(_step.value, 1),
|
|
35
|
+
name = _step$value[0];
|
|
36
|
+
|
|
37
|
+
status.set(name, true);
|
|
38
|
+
}
|
|
39
|
+
} catch (err) {
|
|
40
|
+
_iterator.e(err);
|
|
41
|
+
} finally {
|
|
42
|
+
_iterator.f();
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
return status;
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
var getSelected = function getSelected(selected, name) {
|
|
49
|
+
var tmp = new Map();
|
|
50
|
+
selected.forEach(function (value, key) {
|
|
51
|
+
if (name == key) {
|
|
52
|
+
tmp.set(key, !value);
|
|
53
|
+
} else {
|
|
54
|
+
tmp.set(key, value);
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
return tmp;
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* 图例点击状态管理
|
|
61
|
+
* @param {Array} data 数据
|
|
62
|
+
* @param {Map} series 系列
|
|
63
|
+
* @returns {Array} 返回筛选后的数据和是否选中状态,及控制选中函数
|
|
64
|
+
*/
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
var _default = function _default(_ref) {
|
|
68
|
+
var data = _ref.data,
|
|
69
|
+
series = _ref.series;
|
|
70
|
+
|
|
71
|
+
var _useState = (0, _react.useState)(getInitialSelected(series)),
|
|
72
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
73
|
+
selected = _useState2[0],
|
|
74
|
+
setSelected = _useState2[1];
|
|
75
|
+
|
|
76
|
+
var _series = (0, _react.useMemo)(function () {
|
|
77
|
+
var tmp = new Map();
|
|
78
|
+
series.forEach(function (currentSeries, key) {
|
|
79
|
+
var value = selected.get(key);
|
|
80
|
+
tmp.set(key, _objectSpread(_objectSpread({}, currentSeries), {}, {
|
|
81
|
+
selected: value
|
|
82
|
+
}));
|
|
83
|
+
});
|
|
84
|
+
return tmp;
|
|
85
|
+
}, [selected, series]);
|
|
86
|
+
|
|
87
|
+
var _data = (0, _react.useMemo)(function () {
|
|
88
|
+
return data.filter(function (_ref2) {
|
|
89
|
+
var s = _ref2.s;
|
|
90
|
+
return s && _series.get(s) && _series.get(s).selected;
|
|
91
|
+
});
|
|
92
|
+
}, [data, _series]);
|
|
93
|
+
|
|
94
|
+
var onClick = (0, _react.useCallback)(function (name) {
|
|
95
|
+
setSelected(function (selected) {
|
|
96
|
+
return getSelected(selected, name);
|
|
97
|
+
});
|
|
98
|
+
}, []);
|
|
99
|
+
(0, _react.useEffect)(function () {
|
|
100
|
+
setSelected(getInitialSelected(series));
|
|
101
|
+
}, [series]);
|
|
102
|
+
return [{
|
|
103
|
+
series: _series,
|
|
104
|
+
data: _data.map(function (d) {
|
|
105
|
+
return _objectSpread(_objectSpread({}, d), {}, {
|
|
106
|
+
y: parseFloat(d.y),
|
|
107
|
+
showY: d.y
|
|
108
|
+
});
|
|
109
|
+
})
|
|
110
|
+
}, onClick];
|
|
111
|
+
};
|
|
112
|
+
|
|
113
113
|
exports["default"] = _default;
|