@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,57 +1,42 @@
|
|
|
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
13
|
var _context = require("../context");
|
|
21
|
-
|
|
22
14
|
var _d3Scale = require("d3-scale");
|
|
23
|
-
|
|
24
15
|
var _utils = require("../utils");
|
|
25
|
-
|
|
26
16
|
var _excluded = ["Component", "yOrZ"];
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
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; }
|
|
33
|
-
|
|
34
|
-
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; }
|
|
35
|
-
|
|
36
|
-
var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
17
|
+
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); }
|
|
18
|
+
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; }
|
|
19
|
+
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; }
|
|
20
|
+
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; }
|
|
21
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
37
22
|
var _props$actions = props.actions,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
23
|
+
setX = _props$actions.setX,
|
|
24
|
+
setWorking = _props$actions.setWorking,
|
|
25
|
+
setControlWidth = _props$actions.setControlWidth,
|
|
26
|
+
_props$props = props.props,
|
|
27
|
+
_props$props$control = _props$props.control,
|
|
28
|
+
height = _props$props$control.height,
|
|
29
|
+
color = _props$props$control.color,
|
|
30
|
+
gap = _props$props$control.gap,
|
|
31
|
+
dragColor = _props$props$control.drag.color,
|
|
32
|
+
left = _props$props$control.margin.left,
|
|
33
|
+
_props$props$controlI = _props$props.controlInfo,
|
|
34
|
+
cWidth = _props$props$controlI.cWidth,
|
|
35
|
+
cBarWidth = _props$props$controlI.cBarWidth,
|
|
36
|
+
axes = _props$props.axes,
|
|
37
|
+
series = _props$props.series,
|
|
38
|
+
top = _props$props.top,
|
|
39
|
+
bandLength = _props$props.bandLength;
|
|
55
40
|
var context = (0, _react.useContext)(_context.chartContext);
|
|
56
41
|
var scale = context.scale;
|
|
57
42
|
var xAxis = axes.get("x");
|
|
@@ -77,21 +62,21 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
77
62
|
cursor: "col-resize",
|
|
78
63
|
background: "rgb(2, 176, 249)",
|
|
79
64
|
WebkitBackgroundClip: "content-box"
|
|
80
|
-
};
|
|
65
|
+
};
|
|
81
66
|
|
|
67
|
+
//左手柄的鼠标按下逻辑
|
|
82
68
|
var leftDown = function leftDown() {
|
|
83
69
|
var transform = ref.current.style.transform;
|
|
84
70
|
var initX = 0;
|
|
85
71
|
var rawTranslateX = parseFloat(transform ? transform.match(/\d+\.*\d*/)[0] : 0);
|
|
86
72
|
var rightX = rawTranslateX + cBarWidth;
|
|
87
|
-
|
|
88
73
|
var move = function move(e) {
|
|
89
74
|
var ex = e.movementX;
|
|
90
75
|
var movementX = ex * scale.current[0];
|
|
91
76
|
initX = (0, _utils.mathR)(initX + movementX, [-rawTranslateX, rightX - rawTranslateX]);
|
|
92
77
|
setControlWidth(function (pre) {
|
|
93
78
|
var cWidth = pre.cWidth,
|
|
94
|
-
|
|
79
|
+
cBarWidth = pre.cBarWidth;
|
|
95
80
|
var nextBarWidth = (0, _utils.mathR)(cBarWidth - movementX, [1, rightX]);
|
|
96
81
|
return _objectSpread(_objectSpread({}, pre), {}, {
|
|
97
82
|
cBarWidth: nextBarWidth,
|
|
@@ -100,17 +85,14 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
100
85
|
});
|
|
101
86
|
}, true);
|
|
102
87
|
};
|
|
103
|
-
|
|
104
|
-
var up = function up() {
|
|
88
|
+
var _up = function up() {
|
|
105
89
|
document.removeEventListener("mousemove", move);
|
|
106
|
-
document.removeEventListener("mouseup",
|
|
90
|
+
document.removeEventListener("mouseup", _up);
|
|
107
91
|
};
|
|
108
|
-
|
|
109
92
|
document.addEventListener("mousemove", move);
|
|
110
|
-
document.addEventListener("mouseup",
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
|
|
93
|
+
document.addEventListener("mouseup", _up);
|
|
94
|
+
};
|
|
95
|
+
//左手手柄的移动端适配
|
|
114
96
|
var leftTouchStart = function leftTouchStart(e) {
|
|
115
97
|
var transform = ref.current.style.transform;
|
|
116
98
|
var rawTranslateX = parseFloat(transform ? transform.match(/\d+\.*\d*/)[0] : 0);
|
|
@@ -119,7 +101,6 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
119
101
|
var startX = e.touches[0].clientX;
|
|
120
102
|
var currentX = 0;
|
|
121
103
|
var movementX = 0;
|
|
122
|
-
|
|
123
104
|
var move = function move(e) {
|
|
124
105
|
e.preventDefault();
|
|
125
106
|
currentX = e.touches[0].clientX;
|
|
@@ -128,7 +109,7 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
128
109
|
initX = (0, _utils.mathR)(initX + movementX, [-rawTranslateX, rightX - rawTranslateX]);
|
|
129
110
|
setControlWidth(function (pre) {
|
|
130
111
|
var cWidth = pre.cWidth,
|
|
131
|
-
|
|
112
|
+
cBarWidth = pre.cBarWidth;
|
|
132
113
|
var nextBarWidth = (0, _utils.mathR)(cBarWidth - movementX, [1, rightX]);
|
|
133
114
|
return _objectSpread(_objectSpread({}, pre), {}, {
|
|
134
115
|
cBarWidth: nextBarWidth,
|
|
@@ -137,49 +118,41 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
137
118
|
});
|
|
138
119
|
});
|
|
139
120
|
};
|
|
140
|
-
|
|
141
|
-
var up = function up(e) {
|
|
121
|
+
var _up2 = function up(e) {
|
|
142
122
|
document.removeEventListener("touchmove", move);
|
|
143
|
-
document.removeEventListener("touchend",
|
|
123
|
+
document.removeEventListener("touchend", _up2);
|
|
144
124
|
};
|
|
145
|
-
|
|
146
125
|
document.addEventListener("touchmove", move, {
|
|
147
126
|
passive: false
|
|
148
127
|
});
|
|
149
|
-
document.addEventListener("touchend",
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
|
|
128
|
+
document.addEventListener("touchend", _up2);
|
|
129
|
+
};
|
|
130
|
+
//滑块的鼠标按下操作
|
|
153
131
|
var down = function down() {
|
|
154
132
|
var transform = ref.current.style.transform;
|
|
155
133
|
var movementX = 0;
|
|
156
134
|
var rawTranslateX = parseFloat(transform ? transform.match(/\d+\.*\d*/)[0] : 0);
|
|
157
|
-
|
|
158
135
|
var mouseMoveHandle = function mouseMoveHandle(e) {
|
|
159
136
|
//当前位移的距离
|
|
160
137
|
movementX += e.movementX * scale.current[0];
|
|
161
138
|
setX(movementX + rawTranslateX, true);
|
|
162
139
|
};
|
|
163
|
-
|
|
164
|
-
var mouseUpHandle = function mouseUpHandle(e) {
|
|
140
|
+
var _mouseUpHandle = function mouseUpHandle(e) {
|
|
165
141
|
setWorking(false);
|
|
166
142
|
document.removeEventListener("mousemove", mouseMoveHandle);
|
|
167
|
-
document.removeEventListener("mouseup",
|
|
143
|
+
document.removeEventListener("mouseup", _mouseUpHandle);
|
|
168
144
|
};
|
|
169
|
-
|
|
170
145
|
document.addEventListener("mousemove", mouseMoveHandle);
|
|
171
|
-
document.addEventListener("mouseup",
|
|
146
|
+
document.addEventListener("mouseup", _mouseUpHandle);
|
|
172
147
|
setWorking(true);
|
|
173
|
-
};
|
|
174
|
-
|
|
175
|
-
|
|
148
|
+
};
|
|
149
|
+
//移动端适配
|
|
176
150
|
var touchStart = function touchStart(e) {
|
|
177
151
|
var transform = ref.current.style.transform;
|
|
178
152
|
var startX = e.touches[0].clientX;
|
|
179
153
|
var currentX = 0;
|
|
180
154
|
var movementX = 0;
|
|
181
155
|
var rawTranslateX = parseFloat(transform ? transform.match(/\d+\.*\d*/)[0] : 0);
|
|
182
|
-
|
|
183
156
|
var mouseMoveHandle = function mouseMoveHandle(e) {
|
|
184
157
|
e.preventDefault();
|
|
185
158
|
currentX = e.touches[0].clientX;
|
|
@@ -187,31 +160,27 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
187
160
|
startX = currentX;
|
|
188
161
|
setX(movementX + rawTranslateX, true);
|
|
189
162
|
};
|
|
190
|
-
|
|
191
|
-
var mouseUpHandle = function mouseUpHandle(e) {
|
|
163
|
+
var _mouseUpHandle2 = function mouseUpHandle(e) {
|
|
192
164
|
setWorking(false);
|
|
193
165
|
document.removeEventListener("touchmove", mouseMoveHandle);
|
|
194
|
-
document.removeEventListener("touchend",
|
|
166
|
+
document.removeEventListener("touchend", _mouseUpHandle2);
|
|
195
167
|
};
|
|
196
|
-
|
|
197
168
|
document.addEventListener("touchmove", mouseMoveHandle, {
|
|
198
169
|
passive: false
|
|
199
170
|
});
|
|
200
|
-
document.addEventListener("touchend",
|
|
171
|
+
document.addEventListener("touchend", _mouseUpHandle2);
|
|
201
172
|
setWorking(true);
|
|
202
|
-
};
|
|
203
|
-
|
|
204
|
-
|
|
173
|
+
};
|
|
174
|
+
//右手柄的鼠标按下逻辑
|
|
205
175
|
var rightDown = function rightDown() {
|
|
206
176
|
var transform = ref.current.style.transform;
|
|
207
177
|
var rawTranslateX = parseFloat(transform ? transform.match(/\d+\.*\d*/)[0] : 0);
|
|
208
|
-
|
|
209
178
|
var move = function move(e) {
|
|
210
179
|
var ex = e.movementX;
|
|
211
180
|
var movementX = ex * scale.current[0];
|
|
212
181
|
setControlWidth(function (pre) {
|
|
213
182
|
var cWidth = pre.cWidth,
|
|
214
|
-
|
|
183
|
+
cBarWidth = pre.cBarWidth;
|
|
215
184
|
var maxWidth = cWidth - rawTranslateX;
|
|
216
185
|
var nextBarWidth = (0, _utils.mathR)(cBarWidth + movementX, [1, maxWidth]);
|
|
217
186
|
return _objectSpread(_objectSpread({}, pre), {}, {
|
|
@@ -220,24 +189,20 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
220
189
|
});
|
|
221
190
|
});
|
|
222
191
|
};
|
|
223
|
-
|
|
224
|
-
var up = function up() {
|
|
192
|
+
var _up3 = function up() {
|
|
225
193
|
document.removeEventListener("mousemove", move);
|
|
226
|
-
document.removeEventListener("mouseup",
|
|
194
|
+
document.removeEventListener("mouseup", _up3);
|
|
227
195
|
};
|
|
228
|
-
|
|
229
196
|
document.addEventListener("mousemove", move);
|
|
230
|
-
document.addEventListener("mouseup",
|
|
231
|
-
};
|
|
232
|
-
|
|
233
|
-
|
|
197
|
+
document.addEventListener("mouseup", _up3);
|
|
198
|
+
};
|
|
199
|
+
//右手手柄的移动端适配
|
|
234
200
|
var rightTouchStart = function rightTouchStart(e) {
|
|
235
201
|
var transform = ref.current.style.transform;
|
|
236
202
|
var startX = e.touches[0].clientX;
|
|
237
203
|
var currentX = 0;
|
|
238
204
|
var movementX = 0;
|
|
239
205
|
var rawTranslateX = parseFloat(transform ? transform.match(/\d+\.*\d*/)[0] : 0);
|
|
240
|
-
|
|
241
206
|
var move = function move(e) {
|
|
242
207
|
e.preventDefault();
|
|
243
208
|
currentX = e.touches[0].clientX;
|
|
@@ -245,7 +210,7 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
245
210
|
startX = currentX;
|
|
246
211
|
setControlWidth(function (pre) {
|
|
247
212
|
var cWidth = pre.cWidth,
|
|
248
|
-
|
|
213
|
+
cBarWidth = pre.cBarWidth;
|
|
249
214
|
var maxWidth = cWidth - rawTranslateX;
|
|
250
215
|
var nextBarWidth = (0, _utils.mathR)(cBarWidth + movementX, [1, maxWidth]);
|
|
251
216
|
return _objectSpread(_objectSpread({}, pre), {}, {
|
|
@@ -254,18 +219,15 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
254
219
|
});
|
|
255
220
|
});
|
|
256
221
|
};
|
|
257
|
-
|
|
258
|
-
var up = function up(e) {
|
|
222
|
+
var _up4 = function up(e) {
|
|
259
223
|
document.removeEventListener("touchmove", move);
|
|
260
|
-
document.removeEventListener("touchend",
|
|
224
|
+
document.removeEventListener("touchend", _up4);
|
|
261
225
|
};
|
|
262
|
-
|
|
263
226
|
document.addEventListener("touchmove", move, {
|
|
264
227
|
passive: false
|
|
265
228
|
});
|
|
266
|
-
document.addEventListener("touchend",
|
|
229
|
+
document.addEventListener("touchend", _up4);
|
|
267
230
|
};
|
|
268
|
-
|
|
269
231
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
270
232
|
style: {
|
|
271
233
|
width: cWidth,
|
|
@@ -278,11 +240,11 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
278
240
|
height: "100%"
|
|
279
241
|
}, series.map(function (_ref, index) {
|
|
280
242
|
var Component = _ref.Component,
|
|
281
|
-
|
|
282
|
-
|
|
243
|
+
yOrZ = _ref.yOrZ,
|
|
244
|
+
config = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
283
245
|
var yAxis = axes.get(yOrZ);
|
|
284
|
-
var cloneYAxis = JSON.parse(JSON.stringify(yAxis));
|
|
285
|
-
|
|
246
|
+
var cloneYAxis = JSON.parse(JSON.stringify(yAxis));
|
|
247
|
+
//todo range
|
|
286
248
|
cloneYAxis.scaler = (0, _d3Scale.scaleLinear)().domain(yAxis.domain).range([height, 0]);
|
|
287
249
|
return yAxis && Component && /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
|
|
288
250
|
key: index
|
|
@@ -312,6 +274,4 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
312
274
|
onMouseDown: rightDown,
|
|
313
275
|
onTouchStart: rightTouchStart
|
|
314
276
|
})));
|
|
315
|
-
}));
|
|
316
|
-
|
|
317
|
-
exports["default"] = _default;
|
|
277
|
+
}));
|
|
@@ -1,37 +1,30 @@
|
|
|
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 _react = require("react");
|
|
17
|
-
|
|
18
12
|
var _hooks = require("../hooks");
|
|
19
|
-
|
|
20
13
|
var _excluded = ["axes", "series"],
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
function
|
|
26
|
-
|
|
27
|
-
var _default = function _default(Component) {
|
|
14
|
+
_excluded2 = ["config", "data"];
|
|
15
|
+
/**
|
|
16
|
+
* 计算X/Y/Z轴的domain,具体的逻辑在useExtentData(HOC)
|
|
17
|
+
*/
|
|
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
|
+
var _default = exports["default"] = function _default(Component) {
|
|
28
21
|
return /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
29
22
|
var _ref$config = _ref.config,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
23
|
+
axes = _ref$config.axes,
|
|
24
|
+
series = _ref$config.series,
|
|
25
|
+
config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
|
|
26
|
+
data = _ref.data,
|
|
27
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
|
|
35
28
|
return /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, props, {
|
|
36
29
|
config: _objectSpread(_objectSpread({}, config), {}, {
|
|
37
30
|
axes: (0, _hooks.useExtentData)({
|
|
@@ -44,6 +37,4 @@ var _default = function _default(Component) {
|
|
|
44
37
|
data: data
|
|
45
38
|
}));
|
|
46
39
|
});
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
exports["default"] = _default;
|
|
40
|
+
};
|
|
@@ -1,49 +1,39 @@
|
|
|
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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
12
|
var _react = require("react");
|
|
19
|
-
|
|
20
13
|
var _hooks = require("../hooks");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["series"],
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
function
|
|
28
|
-
|
|
29
|
-
var _default = function _default(Component) {
|
|
15
|
+
_excluded2 = ["config", "data"];
|
|
16
|
+
/**
|
|
17
|
+
* 点击图例进行数据筛选,具体逻辑在useFilterData(HOC)
|
|
18
|
+
*/
|
|
19
|
+
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; }
|
|
20
|
+
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; }
|
|
21
|
+
var _default = exports["default"] = function _default(Component) {
|
|
30
22
|
return /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
31
23
|
var _ref$config = _ref.config,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
24
|
+
series = _ref$config.series,
|
|
25
|
+
config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
|
|
26
|
+
data = _ref.data,
|
|
27
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
|
|
37
28
|
var _useFilterData = (0, _hooks.useFilterData)({
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
29
|
+
series: series,
|
|
30
|
+
data: data
|
|
31
|
+
}),
|
|
32
|
+
_useFilterData2 = (0, _slicedToArray2["default"])(_useFilterData, 2),
|
|
33
|
+
_useFilterData2$ = _useFilterData2[0],
|
|
34
|
+
_series = _useFilterData2$.series,
|
|
35
|
+
filteredData = _useFilterData2$.data,
|
|
36
|
+
filterData = _useFilterData2[1];
|
|
47
37
|
return /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, props, {
|
|
48
38
|
config: _objectSpread(_objectSpread({}, config), {}, {
|
|
49
39
|
series: _series
|
|
@@ -52,6 +42,4 @@ var _default = function _default(Component) {
|
|
|
52
42
|
filterData: filterData
|
|
53
43
|
}));
|
|
54
44
|
});
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
exports["default"] = _default;
|
|
45
|
+
};
|
|
@@ -1,42 +1,36 @@
|
|
|
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 _react = require("react");
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var _default = function _default(_ref) {
|
|
10
|
+
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; }
|
|
11
|
+
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; } /**
|
|
12
|
+
* 轴类图表移上去的指示框背景
|
|
13
|
+
*/
|
|
14
|
+
var _default = exports["default"] = function _default(_ref) {
|
|
19
15
|
var color = _ref.color,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
16
|
+
height = _ref.height,
|
|
17
|
+
width = _ref.width,
|
|
18
|
+
_ref$x = _ref.x,
|
|
19
|
+
x = _ref$x === void 0 ? 0 : _ref$x,
|
|
20
|
+
_ref$y = _ref.y,
|
|
21
|
+
y = _ref$y === void 0 ? 0 : _ref$y,
|
|
22
|
+
_ref$isControlChart = _ref.isControlChart,
|
|
23
|
+
isControlChart = _ref$isControlChart === void 0 ? false : _ref$isControlChart,
|
|
24
|
+
_ref$xName = _ref.xName,
|
|
25
|
+
xName = _ref$xName === void 0 ? null : _ref$xName,
|
|
26
|
+
ctlIndicatorList = _ref.ctlIndicatorList,
|
|
27
|
+
setCtlTip = _ref.setCtlTip;
|
|
32
28
|
var isShow = true;
|
|
33
|
-
|
|
34
29
|
if (isControlChart && ctlIndicatorList) {
|
|
35
30
|
isShow = ctlIndicatorList.find(function (item) {
|
|
36
31
|
return item.tick === xName;
|
|
37
32
|
}).isShow;
|
|
38
33
|
}
|
|
39
|
-
|
|
40
34
|
return /*#__PURE__*/React.createElement("rect", {
|
|
41
35
|
width: width,
|
|
42
36
|
height: height,
|
|
@@ -81,6 +75,4 @@ var _default = function _default(_ref) {
|
|
|
81
75
|
y: y,
|
|
82
76
|
stroke: "none"
|
|
83
77
|
});
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
exports["default"] = _default;
|
|
78
|
+
};
|