@easyv/charts 1.6.8 → 1.6.10
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/lib/components/AnimateData.js +13 -22
- package/lib/components/Axis.js +106 -153
- package/lib/components/Background.js +18 -27
- package/lib/components/Band.js +79 -105
- package/lib/components/BaseLine.js +38 -52
- package/lib/components/Brush.js +31 -49
- package/lib/components/Carousel.js +20 -48
- package/lib/components/CartesianChart.js +136 -195
- package/lib/components/Chart.js +37 -59
- package/lib/components/ChartContainer.js +23 -33
- package/lib/components/ConicalGradient.js +38 -72
- package/lib/components/Control.js +61 -101
- package/lib/components/ExtentData.js +13 -22
- package/lib/components/FilterData.js +20 -32
- package/lib/components/Indicator.js +18 -26
- package/lib/components/Label.js +90 -121
- package/lib/components/Legend.js +48 -74
- package/lib/components/Lighter.js +22 -52
- package/lib/components/Line.js +41 -62
- package/lib/components/LinearGradient.js +16 -23
- package/lib/components/Mapping.js +15 -41
- package/lib/components/Marquee.js +23 -40
- package/lib/components/PieChart.js +352 -456
- package/lib/components/StackData.js +12 -23
- package/lib/components/StereoBar.js +69 -110
- package/lib/components/TextOverflow.js +17 -31
- package/lib/components/Tooltip.js +50 -65
- package/lib/components/index.js +1 -31
- package/lib/components/pieTooltip.js +46 -74
- package/lib/context/index.js +1 -4
- package/lib/css/index.module.css +1 -1
- package/lib/element/ConicGradient.js +31 -37
- package/lib/element/Line.js +11 -16
- package/lib/element/index.js +0 -2
- package/lib/formatter/index.js +0 -2
- package/lib/formatter/legend.js +48 -48
- package/lib/hooks/index.js +0 -9
- package/lib/hooks/useAiData.js +16 -27
- package/lib/hooks/useAnimateData.js +7 -21
- package/lib/hooks/useAxes.js +89 -151
- package/lib/hooks/useCarouselAxisX.js +30 -64
- package/lib/hooks/useExtentData.js +24 -65
- package/lib/hooks/useFilterData.js +16 -42
- package/lib/hooks/useStackData.js +11 -35
- package/lib/hooks/useTooltip.js +29 -47
- package/lib/index.js +2 -17
- package/lib/utils/index.js +138 -325
- package/package.json +1 -1
- package/src/components/Band.tsx +1 -1
- package/src/components/CartesianChart.js +2 -2
- package/src/css/index.module.css +1 -1
- package/src/formatter/legend.js +13 -1
|
@@ -1,54 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
12
|
var _d3v = require("d3v7");
|
|
19
|
-
|
|
20
13
|
var _utils = require("../utils");
|
|
21
|
-
|
|
22
14
|
var _svgPathProperties = require("svg-path-properties");
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
28
17
|
/**
|
|
29
18
|
* 区域图发光跟踪路径
|
|
30
19
|
*/
|
|
31
|
-
var _default = function _default(_ref) {
|
|
20
|
+
var _default = exports["default"] = function _default(_ref) {
|
|
32
21
|
var d = _ref.path,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
22
|
+
config = _ref.config,
|
|
23
|
+
_ref$config = _ref.config,
|
|
24
|
+
curveLength = _ref$config.length,
|
|
25
|
+
width = _ref$config.width,
|
|
26
|
+
fill = _ref$config.fill,
|
|
27
|
+
unitStep = _ref$config.unitStep;
|
|
39
28
|
var pointIndexRef = (0, _react.useRef)(0);
|
|
40
29
|
var raf = (0, _react.useRef)(null);
|
|
41
|
-
|
|
42
30
|
var _useState = (0, _react.useState)([]),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
31
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
32
|
+
points = _useState2[0],
|
|
33
|
+
setPoints = _useState2[1];
|
|
47
34
|
var _useState3 = (0, _react.useState)(null),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
35
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
36
|
+
lighter = _useState4[0],
|
|
37
|
+
setLighter = _useState4[1];
|
|
52
38
|
var pointLength = points.length;
|
|
53
39
|
var totalLength = getLength(pointLength, curveLength);
|
|
54
40
|
var easingFunc = easing.linear;
|
|
@@ -58,7 +44,6 @@ var _default = function _default(_ref) {
|
|
|
58
44
|
var drawLigher = (0, _react.useCallback)(function () {
|
|
59
45
|
var STEP = 2;
|
|
60
46
|
var LOOP = false;
|
|
61
|
-
|
|
62
47
|
if (lighter && lighter.children) {
|
|
63
48
|
var currentPointLength = pointIndexRef.current;
|
|
64
49
|
var pointIndex = currentPointLength >= totalLength ? LOOP ? curveLength : 0 : currentPointLength + unitStep + Math.floor(easingFunc(pointIndexRef.current / totalLength) * STEP);
|
|
@@ -69,26 +54,22 @@ var _default = function _default(_ref) {
|
|
|
69
54
|
drawCircle(Array.from(lighter.children), [].concat((0, _toConsumableArray2["default"])(points.slice(startIndex, endIndex)), (0, _toConsumableArray2["default"])(overstepPoints)), interpolateList);
|
|
70
55
|
pointIndexRef.current = pointIndex;
|
|
71
56
|
}
|
|
72
|
-
|
|
73
57
|
raf.current = requestAnimationFrame(drawLigher);
|
|
74
58
|
}, [lighter, totalLength, curveLength, unitStep, points, interpolateList]);
|
|
75
59
|
(0, _react.useEffect)(function () {
|
|
76
60
|
var path = new _svgPathProperties.svgPathProperties(d);
|
|
77
61
|
var totalLength = path.getTotalLength();
|
|
78
62
|
var points = [];
|
|
79
|
-
|
|
80
63
|
for (var i = 0; i < totalLength; i++) {
|
|
81
64
|
var _path$getPointAtLengt = path.getPointAtLength(i),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
65
|
+
x = _path$getPointAtLengt.x,
|
|
66
|
+
y = _path$getPointAtLengt.y;
|
|
85
67
|
points.push({
|
|
86
68
|
index: i,
|
|
87
69
|
x: x,
|
|
88
70
|
y: y
|
|
89
71
|
});
|
|
90
72
|
}
|
|
91
|
-
|
|
92
73
|
setPoints(points);
|
|
93
74
|
}, [d, config]);
|
|
94
75
|
(0, _react.useEffect)(function () {
|
|
@@ -101,7 +82,7 @@ var _default = function _default(_ref) {
|
|
|
101
82
|
ref: setLighter
|
|
102
83
|
}, points.map(function (_ref2, index) {
|
|
103
84
|
var x = _ref2.x,
|
|
104
|
-
|
|
85
|
+
y = _ref2.y;
|
|
105
86
|
return /*#__PURE__*/_react["default"].createElement("circle", {
|
|
106
87
|
cx: x,
|
|
107
88
|
cy: y,
|
|
@@ -111,35 +92,29 @@ var _default = function _default(_ref) {
|
|
|
111
92
|
});
|
|
112
93
|
}));
|
|
113
94
|
};
|
|
114
|
-
|
|
115
|
-
exports["default"] = _default;
|
|
116
|
-
|
|
117
95
|
var drawCircle = function drawCircle(children, points, interpolateList) {
|
|
118
|
-
var pointLength = points.length;
|
|
96
|
+
var pointLength = points.length;
|
|
97
|
+
// const [startPoint] = points;
|
|
119
98
|
// const startIndex = startPoint ? startPoint.index : 0;
|
|
120
|
-
|
|
121
99
|
children.forEach(function (child, index) {
|
|
122
100
|
var pointIndex = points.findIndex(function (_ref3) {
|
|
123
101
|
var i = _ref3.index;
|
|
124
102
|
return i == index;
|
|
125
103
|
});
|
|
126
|
-
child.setAttribute('fill', pointIndex > -1 ? getColor(pointIndex / pointLength,
|
|
104
|
+
child.setAttribute('fill', pointIndex > -1 ? getColor(pointIndex / pointLength,
|
|
105
|
+
//TODO: 颜色插值尚需完善
|
|
127
106
|
interpolateList) : 'none');
|
|
128
107
|
});
|
|
129
108
|
};
|
|
130
|
-
|
|
131
109
|
var getColor = function getColor(x, interpolateList) {
|
|
132
110
|
return interpolateList(x);
|
|
133
111
|
};
|
|
134
|
-
|
|
135
112
|
var getLength = function getLength(pointLength, length) {
|
|
136
113
|
if (length > pointLength) {
|
|
137
114
|
return pointLength * 2;
|
|
138
115
|
}
|
|
139
|
-
|
|
140
116
|
return pointLength + length;
|
|
141
117
|
};
|
|
142
|
-
|
|
143
118
|
var getColorsInterpolate = function getColorsInterpolate(colors) {
|
|
144
119
|
var length = colors.length;
|
|
145
120
|
if (!!(length < 2)) return (0, _d3v.scaleLinear)().domain([0, 1]).range([colors[0].color || '#000', colors[0].color || '#000']);
|
|
@@ -150,7 +125,6 @@ var getColorsInterpolate = function getColorsInterpolate(colors) {
|
|
|
150
125
|
}));
|
|
151
126
|
return linear;
|
|
152
127
|
};
|
|
153
|
-
|
|
154
128
|
var easing = {
|
|
155
129
|
linear: function linear() {
|
|
156
130
|
return 0;
|
|
@@ -168,17 +142,13 @@ var easing = {
|
|
|
168
142
|
return k < 0.5 ? 0.5 * (1 - easing.easeIn(1 - 2 * k)) : 0.5 * easing.easeIn(k * 2 - 1) + 0.5;
|
|
169
143
|
}
|
|
170
144
|
};
|
|
171
|
-
|
|
172
145
|
var getPointIndex = function getPointIndex(pointIndex, pointLength, curveLength) {
|
|
173
146
|
var index = pointIndex - curveLength;
|
|
174
|
-
|
|
175
147
|
if (index < 0) {
|
|
176
148
|
return 0;
|
|
177
149
|
}
|
|
178
|
-
|
|
179
150
|
if (index >= pointLength) {
|
|
180
151
|
return pointLength - 1;
|
|
181
152
|
}
|
|
182
|
-
|
|
183
153
|
return index;
|
|
184
154
|
};
|
package/lib/components/Line.js
CHANGED
|
@@ -1,40 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
|
|
13
|
-
|
|
14
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
13
|
var _d3v = require("d3v7");
|
|
21
|
-
|
|
22
14
|
var _utils = require("../utils");
|
|
23
|
-
|
|
24
15
|
var _ = require(".");
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
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; }
|
|
33
|
-
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
|
|
20
|
+
* 折线图
|
|
21
|
+
*/
|
|
34
22
|
var defined = function defined(d) {
|
|
35
23
|
return d.data.y != null;
|
|
36
24
|
};
|
|
37
|
-
|
|
38
25
|
var getLineData = function getLineData(data, connectNulls) {
|
|
39
26
|
return data.flatMap(function (d) {
|
|
40
27
|
var y = d.data.y;
|
|
@@ -45,28 +32,25 @@ var getLineData = function getLineData(data, connectNulls) {
|
|
|
45
32
|
}) : d;
|
|
46
33
|
});
|
|
47
34
|
};
|
|
48
|
-
|
|
49
35
|
var Area = function Area(_ref) {
|
|
50
36
|
var data = _ref.data,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
37
|
+
config = _ref.config,
|
|
38
|
+
_ref$config = _ref.config,
|
|
39
|
+
id = _ref$config.id,
|
|
40
|
+
fill = _ref$config.fill,
|
|
41
|
+
type = _ref$config.type,
|
|
42
|
+
url = _ref$config.url,
|
|
43
|
+
opacity = _ref$config.opacity,
|
|
44
|
+
_ref$config$size = _ref$config.size,
|
|
45
|
+
patternW = _ref$config$size.width,
|
|
46
|
+
patternH = _ref$config$size.height,
|
|
47
|
+
curve = _ref$config.curve,
|
|
48
|
+
tension = _ref$config.tension,
|
|
49
|
+
xScaler = _ref.xScaler,
|
|
50
|
+
yScaler = _ref.yScaler;
|
|
66
51
|
var _yScaler$range = yScaler.range(),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
52
|
+
_yScaler$range2 = (0, _slicedToArray2["default"])(_yScaler$range, 1),
|
|
53
|
+
height = _yScaler$range2[0];
|
|
70
54
|
var area = (0, _react.useMemo)(function () {
|
|
71
55
|
return (0, _utils.getColorList)(fill);
|
|
72
56
|
}, [fill]);
|
|
@@ -108,26 +92,25 @@ var Area = function Area(_ref) {
|
|
|
108
92
|
rotate: 0
|
|
109
93
|
})));
|
|
110
94
|
};
|
|
111
|
-
|
|
112
|
-
var _default = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
|
|
95
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
|
|
113
96
|
var type = _ref5.type,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
97
|
+
_ref5$config$line = _ref5.config.line,
|
|
98
|
+
lineType = _ref5$config$line.type,
|
|
99
|
+
lineWidth = _ref5$config$line.lineWidth,
|
|
100
|
+
curve = _ref5$config$line.curve,
|
|
101
|
+
tension = _ref5$config$line.tension,
|
|
102
|
+
connectNulls = _ref5$config$line.connectNulls,
|
|
103
|
+
lineShadow = _ref5$config$line.lineShadow,
|
|
104
|
+
lighter = _ref5$config$line.lighter,
|
|
105
|
+
_ref5$line = _ref5.line,
|
|
106
|
+
lineId = _ref5$line.id,
|
|
107
|
+
stroke = _ref5$line.stroke,
|
|
108
|
+
area = _ref5.area,
|
|
109
|
+
data = _ref5.data,
|
|
110
|
+
_ref5$xAxis = _ref5.xAxis,
|
|
111
|
+
xScaler = _ref5$xAxis.scaler,
|
|
112
|
+
direction = _ref5$xAxis.direction,
|
|
113
|
+
yScaler = _ref5.yAxis.scaler;
|
|
131
114
|
if (!data.length) return null;
|
|
132
115
|
var ticks = xScaler.domain();
|
|
133
116
|
var sortData = (0, _react.useMemo)(function () {
|
|
@@ -141,11 +124,9 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
|
|
|
141
124
|
return ticks.indexOf(a) - ticks.indexOf(b);
|
|
142
125
|
});
|
|
143
126
|
}, [data, ticks]);
|
|
144
|
-
|
|
145
127
|
var _data = (0, _react.useMemo)(function () {
|
|
146
128
|
return getLineData(sortData, connectNulls);
|
|
147
129
|
}, [sortData, connectNulls]);
|
|
148
|
-
|
|
149
130
|
var lineGen = (0, _react.useMemo)(function () {
|
|
150
131
|
var isVertical = direction === 'vertical';
|
|
151
132
|
var lineGen = (isVertical ? (0, _d3v.line)().y(function (_ref9) {
|
|
@@ -193,6 +174,4 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
|
|
|
193
174
|
path: path,
|
|
194
175
|
config: lighter
|
|
195
176
|
}));
|
|
196
|
-
});
|
|
197
|
-
|
|
198
|
-
exports["default"] = _default;
|
|
177
|
+
});
|
|
@@ -1,32 +1,27 @@
|
|
|
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
|
/**
|
|
13
10
|
* svg渐变滤镜
|
|
14
11
|
*/
|
|
15
|
-
var _default = function _default(_ref) {
|
|
12
|
+
var _default = exports["default"] = function _default(_ref) {
|
|
16
13
|
var id = _ref.id,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
y2 = _ref$position2[3];
|
|
29
|
-
|
|
14
|
+
colors = _ref.colors,
|
|
15
|
+
_ref$rotate = _ref.rotate,
|
|
16
|
+
rotate = _ref$rotate === void 0 ? 0 : _ref$rotate,
|
|
17
|
+
gradientUnits = _ref.gradientUnits,
|
|
18
|
+
_ref$position = _ref.position,
|
|
19
|
+
_ref$position2 = _ref$position === void 0 ? [0, 0, 0, 1] : _ref$position,
|
|
20
|
+
_ref$position3 = (0, _slicedToArray2["default"])(_ref$position2, 4),
|
|
21
|
+
x1 = _ref$position3[0],
|
|
22
|
+
y1 = _ref$position3[1],
|
|
23
|
+
x2 = _ref$position3[2],
|
|
24
|
+
y2 = _ref$position3[3];
|
|
30
25
|
return /*#__PURE__*/React.createElement("linearGradient", {
|
|
31
26
|
x1: x1,
|
|
32
27
|
y1: y1,
|
|
@@ -37,9 +32,9 @@ var _default = function _default(_ref) {
|
|
|
37
32
|
gradientTransform: 'rotate(' + rotate + ', .5, .5)'
|
|
38
33
|
}, colors.map(function (_ref2, index) {
|
|
39
34
|
var offset = _ref2.offset,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
35
|
+
color = _ref2.color,
|
|
36
|
+
_ref2$stopOpacity = _ref2.stopOpacity,
|
|
37
|
+
stopOpacity = _ref2$stopOpacity === void 0 ? 1 : _ref2$stopOpacity;
|
|
43
38
|
return /*#__PURE__*/React.createElement("stop", {
|
|
44
39
|
key: index,
|
|
45
40
|
offset: offset,
|
|
@@ -47,6 +42,4 @@ var _default = function _default(_ref) {
|
|
|
47
42
|
stopOpacity: stopOpacity
|
|
48
43
|
});
|
|
49
44
|
}));
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
exports["default"] = _default;
|
|
45
|
+
};
|
|
@@ -1,52 +1,35 @@
|
|
|
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
|
|
18
12
|
var _react = require("react");
|
|
19
|
-
|
|
20
13
|
var _d3v = require("d3v7");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["series"],
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
function
|
|
26
|
-
|
|
27
|
-
function
|
|
28
|
-
|
|
29
|
-
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; } } }; }
|
|
30
|
-
|
|
31
|
-
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); }
|
|
32
|
-
|
|
33
|
-
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; }
|
|
34
|
-
|
|
15
|
+
_excluded2 = ["config", "data"];
|
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
19
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
20
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
35
21
|
var groupBySeriesData = function groupBySeriesData(data) {
|
|
36
22
|
var groupBySeries = (0, _d3v.group)(data, function (d) {
|
|
37
23
|
return d.s;
|
|
38
24
|
});
|
|
39
25
|
var tmp = [];
|
|
40
|
-
|
|
41
26
|
var _iterator = _createForOfIteratorHelper(groupBySeries.entries()),
|
|
42
|
-
|
|
43
|
-
|
|
27
|
+
_step;
|
|
44
28
|
try {
|
|
45
29
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
46
30
|
var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
31
|
+
key = _step$value[0],
|
|
32
|
+
value = _step$value[1];
|
|
50
33
|
tmp.push({
|
|
51
34
|
key: key,
|
|
52
35
|
value: value
|
|
@@ -57,28 +40,24 @@ var groupBySeriesData = function groupBySeriesData(data) {
|
|
|
57
40
|
} finally {
|
|
58
41
|
_iterator.f();
|
|
59
42
|
}
|
|
60
|
-
|
|
61
43
|
return tmp;
|
|
62
44
|
};
|
|
63
|
-
|
|
64
45
|
var isValidData = function isValidData(data) {
|
|
65
46
|
return !!(Array.isArray(data) && data.filter(function (obj) {
|
|
66
47
|
return Object.prototype.toString.call(obj) === '[object Object]' && Object.keys(obj).length !== 0;
|
|
67
48
|
}).length > 0);
|
|
68
49
|
};
|
|
69
|
-
|
|
70
|
-
var _default = function _default(Component) {
|
|
50
|
+
var _default = exports["default"] = function _default(Component) {
|
|
71
51
|
return /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
72
52
|
var _ref$config = _ref.config,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
53
|
+
series = _ref$config.series,
|
|
54
|
+
config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
|
|
55
|
+
originData = _ref.data,
|
|
56
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
|
|
77
57
|
var data = (0, _react.useMemo)(function () {
|
|
78
58
|
if (!isValidData(originData)) return [];
|
|
79
59
|
return groupBySeriesData(originData);
|
|
80
60
|
}, [originData]);
|
|
81
|
-
|
|
82
61
|
var _series = (0, _react.useMemo)(function () {
|
|
83
62
|
if (!!data.length) {
|
|
84
63
|
var seriesLength = series.length;
|
|
@@ -87,7 +66,6 @@ var _default = function _default(Component) {
|
|
|
87
66
|
return !fieldName;
|
|
88
67
|
});
|
|
89
68
|
var tmp = new Map();
|
|
90
|
-
|
|
91
69
|
if (!!noName) {
|
|
92
70
|
data.forEach(function (_ref3, index) {
|
|
93
71
|
var key = _ref3.key;
|
|
@@ -99,7 +77,6 @@ var _default = function _default(Component) {
|
|
|
99
77
|
});
|
|
100
78
|
return tmp;
|
|
101
79
|
}
|
|
102
|
-
|
|
103
80
|
var lastSeries = series[seriesLength - 1];
|
|
104
81
|
data.forEach(function (_ref4) {
|
|
105
82
|
var key = _ref4.key;
|
|
@@ -118,7 +95,6 @@ var _default = function _default(Component) {
|
|
|
118
95
|
return tmp;
|
|
119
96
|
}
|
|
120
97
|
}, [series, data]);
|
|
121
|
-
|
|
122
98
|
return !!data.length && /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, rest, {
|
|
123
99
|
data: originData,
|
|
124
100
|
config: _objectSpread(_objectSpread({}, config), {}, {
|
|
@@ -126,6 +102,4 @@ var _default = function _default(Component) {
|
|
|
126
102
|
})
|
|
127
103
|
}));
|
|
128
104
|
});
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
exports["default"] = _default;
|
|
105
|
+
};
|