@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,47 +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 _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 = ["series"],
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
function
|
|
26
|
-
|
|
27
|
-
var _default = function _default(Component) {
|
|
14
|
+
_excluded2 = ["config", "data"];
|
|
15
|
+
/**
|
|
16
|
+
* 堆叠类,具体逻辑在useStackData(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
|
+
series = _ref$config.series,
|
|
24
|
+
config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
|
|
25
|
+
data = _ref.data,
|
|
26
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
|
|
35
27
|
var _config = (0, _hooks.useStackData)({
|
|
36
28
|
series: series,
|
|
37
29
|
data: data
|
|
38
30
|
});
|
|
39
|
-
|
|
40
31
|
return /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, props, {
|
|
41
32
|
config: _objectSpread(_objectSpread({}, config), _config),
|
|
42
33
|
data: data
|
|
43
34
|
}));
|
|
44
35
|
});
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
exports["default"] = _default;
|
|
36
|
+
};
|
|
@@ -1,36 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof3 = 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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
13
|
-
|
|
14
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
|
|
16
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
|
|
18
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
14
|
var _d3v = require("d3v7");
|
|
23
|
-
|
|
24
15
|
var _utils = require("../utils");
|
|
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" != _typeof3(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 getHighlightData = function getHighlightData(data, extent) {
|
|
35
23
|
switch (extent) {
|
|
36
24
|
case 'min':
|
|
@@ -42,7 +30,6 @@ var getHighlightData = function getHighlightData(data, extent) {
|
|
|
42
30
|
flag: minData == item.data.y ? 'min' : ''
|
|
43
31
|
});
|
|
44
32
|
});
|
|
45
|
-
|
|
46
33
|
case 'max':
|
|
47
34
|
var maxData = (0, _d3v.max)(data, function (d) {
|
|
48
35
|
return d.data.y;
|
|
@@ -52,18 +39,16 @@ var getHighlightData = function getHighlightData(data, extent) {
|
|
|
52
39
|
flag: maxData == item.data.y ? 'max' : ''
|
|
53
40
|
});
|
|
54
41
|
});
|
|
55
|
-
|
|
56
42
|
default:
|
|
57
43
|
return data;
|
|
58
44
|
}
|
|
59
45
|
};
|
|
60
|
-
|
|
61
46
|
var getAttr = function getAttr(_ref) {
|
|
62
47
|
var isVertical = _ref.isVertical,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
48
|
+
seriesWidth = _ref.seriesWidth,
|
|
49
|
+
length = _ref.length,
|
|
50
|
+
x = _ref.x,
|
|
51
|
+
y = _ref.y;
|
|
67
52
|
if (isVertical) return {
|
|
68
53
|
width: length,
|
|
69
54
|
height: seriesWidth,
|
|
@@ -77,53 +62,48 @@ var getAttr = function getAttr(_ref) {
|
|
|
77
62
|
height: length
|
|
78
63
|
};
|
|
79
64
|
};
|
|
80
|
-
|
|
81
65
|
var getBorderRadius = function getBorderRadius(_ref2) {
|
|
82
66
|
var isVertical = _ref2.isVertical,
|
|
83
|
-
|
|
84
|
-
|
|
67
|
+
positive = _ref2.positive,
|
|
68
|
+
seriesWidth = _ref2.seriesWidth;
|
|
85
69
|
return isVertical ? positive ? '0px ' + seriesWidth + 'px ' + seriesWidth + 'px 0' : seriesWidth + 'px 0 0 ' + seriesWidth + 'px' : positive ? seriesWidth / 2 + 'px ' + seriesWidth / 2 + 'px 0 0' : '0 0 ' + seriesWidth / 2 + 'px ' + seriesWidth / 2 + 'px';
|
|
86
70
|
};
|
|
87
|
-
|
|
88
|
-
var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
|
|
71
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
|
|
89
72
|
var triggerClick = _ref3.triggerClick,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
73
|
+
_ref3$config = _ref3.config,
|
|
74
|
+
_ref3$config$pattern = _ref3$config.pattern,
|
|
75
|
+
pattern = _ref3$config$pattern === void 0 ? {} : _ref3$config$pattern,
|
|
76
|
+
_ref3$config$seriesIn = _ref3$config.seriesIntervalWidth,
|
|
77
|
+
paddingInner = _ref3$config$seriesIn === void 0 ? 0 : _ref3$config$seriesIn,
|
|
78
|
+
_ref3$config$paddingI = _ref3$config.paddingInner,
|
|
79
|
+
paddingOuter = _ref3$config$paddingI === void 0 ? 0 : _ref3$config$paddingI,
|
|
80
|
+
style = _ref3$config.style,
|
|
81
|
+
fill = _ref3$config.fill,
|
|
82
|
+
_ref3$config$highligh = _ref3$config.highlight,
|
|
83
|
+
showHighlight = _ref3$config$highligh.show,
|
|
84
|
+
extent = _ref3$config$highligh.extent,
|
|
85
|
+
highlightFill = _ref3$config$highligh.fill,
|
|
86
|
+
id = _ref3$config.id,
|
|
87
|
+
_ref3$bandLength = _ref3.bandLength,
|
|
88
|
+
bandLength = _ref3$bandLength === void 0 ? 0 : _ref3$bandLength,
|
|
89
|
+
data = _ref3.data,
|
|
90
|
+
_ref3$xAxis = _ref3.xAxis,
|
|
91
|
+
xScaler = _ref3$xAxis.scaler,
|
|
92
|
+
step = _ref3$xAxis.step,
|
|
93
|
+
direction = _ref3$xAxis.direction,
|
|
94
|
+
yScaler = _ref3.yAxis.scaler,
|
|
95
|
+
name = _ref3.name;
|
|
113
96
|
if (!data.length) return null;
|
|
114
|
-
|
|
115
97
|
var _getSeriesInfo = (0, _utils.getSeriesInfo)({
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
98
|
+
step: step,
|
|
99
|
+
bandLength: bandLength,
|
|
100
|
+
paddingInner: paddingInner,
|
|
101
|
+
paddingOuter: paddingOuter
|
|
102
|
+
}),
|
|
103
|
+
seriesWidth = _getSeriesInfo.seriesWidth,
|
|
104
|
+
seriesStep = _getSeriesInfo.seriesStep,
|
|
105
|
+
seriesStart = _getSeriesInfo.seriesStart;
|
|
125
106
|
var _data = showHighlight ? getHighlightData(data, extent) : data;
|
|
126
|
-
|
|
127
107
|
var isVertical = direction === 'vertical';
|
|
128
108
|
var highlightColor = parseMultiColorToSVG(highlightFill, 'highlight_gradient_' + id + '_' + name);
|
|
129
109
|
var color = parseMultiColorToSVG(fill, 'gradient_' + id + '_' + name);
|
|
@@ -153,16 +133,15 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
|
|
|
153
133
|
slope: "0.7"
|
|
154
134
|
}))), highlightColor.def, color.def), _data.map(function (_ref4, i) {
|
|
155
135
|
var flag = _ref4.flag,
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
136
|
+
index = _ref4.index,
|
|
137
|
+
_ref4$bound = (0, _slicedToArray2["default"])(_ref4.bound, 2),
|
|
138
|
+
start = _ref4$bound[0],
|
|
139
|
+
end = _ref4$bound[1],
|
|
140
|
+
data = _ref4.data,
|
|
141
|
+
_ref4$data = _ref4.data,
|
|
142
|
+
x = _ref4$data.x,
|
|
143
|
+
y = _ref4$data.y,
|
|
144
|
+
s = _ref4$data.s;
|
|
166
145
|
var y1 = yScaler(isVertical ? end : start);
|
|
167
146
|
var y2 = yScaler(isVertical ? start : end);
|
|
168
147
|
var positionX = xScaler(x) - step / 2 + seriesStart + index * seriesStep;
|
|
@@ -184,17 +163,14 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
|
|
|
184
163
|
})));
|
|
185
164
|
}));
|
|
186
165
|
});
|
|
187
|
-
|
|
188
|
-
exports["default"] = _default;
|
|
189
|
-
|
|
190
166
|
var Column3DSkin = function Column3DSkin(props) {
|
|
191
167
|
var width = props.width,
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
168
|
+
height = props.height,
|
|
169
|
+
x = props.x,
|
|
170
|
+
y = props.y,
|
|
171
|
+
color = props.color,
|
|
172
|
+
_props$opacity = props.opacity,
|
|
173
|
+
opacity = _props$opacity === void 0 ? 1 : _props$opacity;
|
|
198
174
|
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
199
175
|
style: {
|
|
200
176
|
transform: "skew(0deg, 23deg)",
|
|
@@ -232,75 +208,61 @@ var Column3DSkin = function Column3DSkin(props) {
|
|
|
232
208
|
transform: "skew(-45deg) translate(0, -".concat(width / 2, "px)")
|
|
233
209
|
}
|
|
234
210
|
}));
|
|
235
|
-
};
|
|
236
|
-
|
|
211
|
+
};
|
|
237
212
|
|
|
213
|
+
//以下都是为了解析multicolor
|
|
238
214
|
function pointRotate(point, center, angle) {
|
|
239
215
|
var x = point[0],
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
216
|
+
y = point[1],
|
|
217
|
+
rx = center[0],
|
|
218
|
+
ry = center[1],
|
|
219
|
+
cos = Math.cos(angle),
|
|
220
|
+
sin = Math.sin(angle);
|
|
245
221
|
var x0 = (x - rx) * cos - (y - ry) * sin + rx;
|
|
246
222
|
var y0 = (x - rx) * sin + (y - ry) * cos + ry;
|
|
247
223
|
return [x0, y0];
|
|
248
224
|
}
|
|
249
|
-
|
|
250
225
|
var AngleTransfromRatio = 180 / Math.PI;
|
|
251
|
-
|
|
252
226
|
function deg2rad(deg) {
|
|
253
227
|
return deg / AngleTransfromRatio;
|
|
254
228
|
}
|
|
255
|
-
|
|
256
229
|
function deepCopy(obj) {
|
|
257
230
|
if ((0, _typeof2["default"])(obj) == 'object') {
|
|
258
231
|
var o;
|
|
259
|
-
|
|
260
232
|
if (Array.isArray(obj)) {
|
|
261
233
|
o = [];
|
|
262
|
-
|
|
263
234
|
for (var i = 0; i < obj.length; i++) {
|
|
264
235
|
o.push(deepCopy(obj[i]));
|
|
265
236
|
}
|
|
266
237
|
} else {
|
|
267
238
|
o = {};
|
|
268
|
-
|
|
269
239
|
for (var _i = 0, _Object$keys = Object.keys(obj); _i < _Object$keys.length; _i++) {
|
|
270
240
|
var k = _Object$keys[_i];
|
|
271
241
|
o[k] = deepCopy(obj[k]);
|
|
272
242
|
}
|
|
273
243
|
}
|
|
274
|
-
|
|
275
244
|
return o;
|
|
276
245
|
} else {
|
|
277
246
|
return obj;
|
|
278
247
|
}
|
|
279
248
|
}
|
|
280
|
-
|
|
281
249
|
function parseMultiColorToSVG(config, id) {
|
|
282
250
|
if (config.type == 'linear') {
|
|
283
251
|
var _config$linear = config.linear,
|
|
284
|
-
|
|
285
|
-
|
|
252
|
+
stops = _config$linear.stops,
|
|
253
|
+
opacity = _config$linear.opacity;
|
|
286
254
|
var start = [0, 0.5],
|
|
287
|
-
|
|
255
|
+
end = [1, 0.5];
|
|
288
256
|
var angle = config.linear.angle + 90;
|
|
289
|
-
|
|
290
257
|
if (angle) {
|
|
291
258
|
var center = [0.5, 0.5];
|
|
292
259
|
start = pointRotate(start, center, deg2rad(angle));
|
|
293
260
|
end = pointRotate(end, center, deg2rad(angle));
|
|
294
261
|
}
|
|
295
|
-
|
|
296
262
|
var _stops = deepCopy(stops); //深度复制再排序防止修改props
|
|
297
|
-
|
|
298
|
-
|
|
299
263
|
_stops.sort(function (a, b) {
|
|
300
264
|
return a.offset - b.offset;
|
|
301
265
|
}); //必须排序才能渲染出来
|
|
302
|
-
|
|
303
|
-
|
|
304
266
|
return {
|
|
305
267
|
fill: "url(#".concat(id, ")"),
|
|
306
268
|
def: /*#__PURE__*/_react["default"].createElement('linearGradient', {
|
|
@@ -326,14 +288,11 @@ function parseMultiColorToSVG(config, id) {
|
|
|
326
288
|
};
|
|
327
289
|
}
|
|
328
290
|
}
|
|
329
|
-
|
|
330
291
|
function getTopColor(stops, angle) {
|
|
331
292
|
var a = angle % 360;
|
|
332
|
-
|
|
333
293
|
if (a < 0) {
|
|
334
294
|
a = 360 + a;
|
|
335
295
|
}
|
|
336
|
-
|
|
337
296
|
if (a >= 90 && a < 270) {
|
|
338
297
|
return stops[stops.length - 1].color;
|
|
339
298
|
} else {
|
|
@@ -1,39 +1,32 @@
|
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _Marquee = _interopRequireDefault(require("./Marquee"));
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
/**
|
|
17
|
+
* 文本溢出组件
|
|
18
|
+
* eg: <TextOverflow type={溢出形式} value={文本内容} speed={跑马灯速度} style={额外样式}></Marquee>
|
|
19
|
+
*/
|
|
20
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
27
21
|
var type = props.type,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
22
|
+
value = props.value,
|
|
23
|
+
style = props.style,
|
|
24
|
+
_props$speed = props.speed,
|
|
25
|
+
speed = _props$speed === void 0 ? 5 : _props$speed,
|
|
26
|
+
_props$config = props.config,
|
|
27
|
+
config = _props$config === void 0 ? {} : _props$config;
|
|
34
28
|
var _config$needTitle = config.needTitle,
|
|
35
|
-
|
|
36
|
-
|
|
29
|
+
needTitle = _config$needTitle === void 0 ? true : _config$needTitle;
|
|
37
30
|
var getTextOverflow = function getTextOverflow(type) {
|
|
38
31
|
switch (type) {
|
|
39
32
|
case 'ellipsis':
|
|
@@ -42,26 +35,21 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
42
35
|
textOverflow: 'ellipsis',
|
|
43
36
|
whiteSpace: 'nowrap'
|
|
44
37
|
};
|
|
45
|
-
|
|
46
38
|
case 'break-word':
|
|
47
39
|
return {
|
|
48
40
|
wordBreak: 'break-all',
|
|
49
41
|
wordWrap: 'break-word',
|
|
50
42
|
whiteSpace: "pre-line"
|
|
51
43
|
};
|
|
52
|
-
|
|
53
44
|
case 'marquee':
|
|
54
45
|
return {
|
|
55
46
|
whiteSpace: 'nowrap'
|
|
56
47
|
};
|
|
57
|
-
|
|
58
48
|
default:
|
|
59
49
|
return {};
|
|
60
50
|
}
|
|
61
51
|
};
|
|
62
|
-
|
|
63
52
|
var styles = _objectSpread(_objectSpread({}, getTextOverflow(type)), style);
|
|
64
|
-
|
|
65
53
|
var textDom = document.createElement("div");
|
|
66
54
|
textDom.innerHTML = value;
|
|
67
55
|
var text = textDom.innerText;
|
|
@@ -78,6 +66,4 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
|
|
|
78
66
|
__html: value
|
|
79
67
|
}
|
|
80
68
|
});
|
|
81
|
-
}));
|
|
82
|
-
|
|
83
|
-
exports["default"] = _default;
|
|
69
|
+
}));
|
|
@@ -1,77 +1,68 @@
|
|
|
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
10
|
var _utils = require("../utils");
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
11
|
+
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; }
|
|
12
|
+
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; } /**
|
|
13
|
+
* 提示框
|
|
14
|
+
*/
|
|
15
|
+
var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
21
16
|
var position = _ref.x,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
17
|
+
x = _ref.tickName,
|
|
18
|
+
marginLeft = _ref.marginLeft,
|
|
19
|
+
marginTop = _ref.marginTop,
|
|
20
|
+
data = _ref.data,
|
|
21
|
+
series = _ref.series,
|
|
22
|
+
_ref$config$tip = _ref.config.tip,
|
|
23
|
+
_ref$config$tip$data = _ref$config$tip.data,
|
|
24
|
+
xAxis = _ref$config$tip$data.xAxis,
|
|
25
|
+
_ref$config$tip$data$ = _ref$config$tip$data.xAxis,
|
|
26
|
+
background = _ref$config$tip$data$.background,
|
|
27
|
+
gap = _ref$config$tip$data$.gap,
|
|
28
|
+
align = _ref$config$tip$data$.align,
|
|
29
|
+
font = _ref$config$tip$data$.font,
|
|
30
|
+
translateXAxis = _ref$config$tip$data$.translate,
|
|
31
|
+
dataConfig = _ref$config$tip$data.data,
|
|
32
|
+
_ref$config$tip$data$2 = _ref$config$tip$data.data,
|
|
33
|
+
lineHeight = _ref$config$tip$data$2.lineHeight,
|
|
34
|
+
dataGap = _ref$config$tip$data$2.gap,
|
|
35
|
+
iconSize = _ref$config$tip$data$2.iconSize,
|
|
36
|
+
dataBg = _ref$config$tip$data$2.background,
|
|
37
|
+
name = _ref$config$tip$data$2.name,
|
|
38
|
+
value = _ref$config$tip$data$2.value,
|
|
39
|
+
suffix = _ref$config$tip$data$2.suffix,
|
|
40
|
+
bgType = _ref$config$tip.bgType,
|
|
41
|
+
bgColor = _ref$config$tip.bgColor,
|
|
42
|
+
image = _ref$config$tip.image,
|
|
43
|
+
margin = _ref$config$tip.margin,
|
|
44
|
+
_ref$config$tip$size = _ref$config$tip.size,
|
|
45
|
+
tipWidth = _ref$config$tip$size.width,
|
|
46
|
+
tipHeight = _ref$config$tip$size.height,
|
|
47
|
+
translateTip = _ref$config$tip.translate,
|
|
48
|
+
formatter = _ref.formatter,
|
|
49
|
+
isVertical = _ref.isVertical,
|
|
50
|
+
width = _ref.width,
|
|
51
|
+
height = _ref.height;
|
|
57
52
|
var tipPosition = (0, _react.useMemo)(function () {
|
|
58
53
|
var translate3d = isVertical ? _objectSpread(_objectSpread({}, translateTip), {}, {
|
|
59
54
|
y: translateTip.y + position + marginTop
|
|
60
55
|
}) : _objectSpread(_objectSpread({}, translateTip), {}, {
|
|
61
56
|
x: translateTip.x + position + marginLeft
|
|
62
57
|
});
|
|
63
|
-
|
|
64
58
|
if (translate3d.x + tipWidth > width) {
|
|
65
59
|
var newPositon = position + marginLeft - tipWidth + translateTip.x;
|
|
66
60
|
translate3d.x = newPositon >= 0 ? newPositon : 0;
|
|
67
61
|
}
|
|
68
|
-
|
|
69
62
|
if (translate3d.y + tipHeight > height) {
|
|
70
63
|
var _newPositon = position + marginTop - tipHeight + translateTip.y;
|
|
71
|
-
|
|
72
64
|
translate3d.y = _newPositon <= 0 ? _newPositon : height - tipHeight;
|
|
73
65
|
}
|
|
74
|
-
|
|
75
66
|
return (0, _utils.getTranslate3d)(translate3d);
|
|
76
67
|
}, [width, height, marginLeft, marginTop, position, tipWidth, tipHeight, translateTip]);
|
|
77
68
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -117,26 +108,22 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
117
108
|
}
|
|
118
109
|
}, data.map(function (_ref2, index) {
|
|
119
110
|
var showY = _ref2.showY,
|
|
120
|
-
|
|
121
|
-
|
|
111
|
+
s = _ref2.s;
|
|
122
112
|
var _series$find = series.find(function (series) {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
113
|
+
return series.name == s;
|
|
114
|
+
}),
|
|
115
|
+
type = _series$find.type,
|
|
116
|
+
icon = _series$find.icon,
|
|
117
|
+
displayName = _series$find.displayName;
|
|
129
118
|
var showSuffix = suffix.show,
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
119
|
+
content = suffix.content,
|
|
120
|
+
suffiixFont = suffix.font,
|
|
121
|
+
suffixTranslate = suffix.translate;
|
|
133
122
|
var tmp = new Map();
|
|
134
123
|
Object.values(content).forEach(function (item) {
|
|
135
124
|
tmp.set(item['suffix'].name, item['suffix'].suffix);
|
|
136
125
|
});
|
|
137
|
-
|
|
138
126
|
var _icon = (0, _utils.getIcon)(type, icon);
|
|
139
|
-
|
|
140
127
|
return /*#__PURE__*/React.createElement("dd", {
|
|
141
128
|
style: {
|
|
142
129
|
display: 'flex',
|
|
@@ -167,6 +154,4 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
167
154
|
})
|
|
168
155
|
}, tmp.get(s))));
|
|
169
156
|
}))));
|
|
170
|
-
});
|
|
171
|
-
|
|
172
|
-
exports["default"] = _default;
|
|
157
|
+
});
|