@easyv/charts 1.6.9 → 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.
Files changed (50) hide show
  1. package/lib/components/AnimateData.js +13 -22
  2. package/lib/components/Axis.js +106 -153
  3. package/lib/components/Background.js +18 -27
  4. package/lib/components/Band.js +78 -104
  5. package/lib/components/BaseLine.js +38 -52
  6. package/lib/components/Brush.js +31 -49
  7. package/lib/components/Carousel.js +20 -48
  8. package/lib/components/CartesianChart.js +136 -195
  9. package/lib/components/Chart.js +37 -59
  10. package/lib/components/ChartContainer.js +23 -33
  11. package/lib/components/ConicalGradient.js +38 -72
  12. package/lib/components/Control.js +61 -101
  13. package/lib/components/ExtentData.js +13 -22
  14. package/lib/components/FilterData.js +20 -32
  15. package/lib/components/Indicator.js +18 -26
  16. package/lib/components/Label.js +90 -121
  17. package/lib/components/Legend.js +48 -74
  18. package/lib/components/Lighter.js +22 -52
  19. package/lib/components/Line.js +41 -62
  20. package/lib/components/LinearGradient.js +16 -23
  21. package/lib/components/Mapping.js +15 -41
  22. package/lib/components/Marquee.js +23 -40
  23. package/lib/components/PieChart.js +352 -456
  24. package/lib/components/StackData.js +12 -23
  25. package/lib/components/StereoBar.js +69 -110
  26. package/lib/components/TextOverflow.js +17 -31
  27. package/lib/components/Tooltip.js +50 -65
  28. package/lib/components/index.js +1 -31
  29. package/lib/components/pieTooltip.js +46 -74
  30. package/lib/context/index.js +1 -4
  31. package/lib/css/index.module.css +1 -1
  32. package/lib/element/ConicGradient.js +31 -37
  33. package/lib/element/Line.js +11 -16
  34. package/lib/element/index.js +0 -2
  35. package/lib/formatter/index.js +0 -2
  36. package/lib/formatter/legend.js +48 -48
  37. package/lib/hooks/index.js +0 -9
  38. package/lib/hooks/useAiData.js +16 -27
  39. package/lib/hooks/useAnimateData.js +7 -21
  40. package/lib/hooks/useAxes.js +89 -151
  41. package/lib/hooks/useCarouselAxisX.js +30 -64
  42. package/lib/hooks/useExtentData.js +24 -65
  43. package/lib/hooks/useFilterData.js +16 -42
  44. package/lib/hooks/useStackData.js +11 -35
  45. package/lib/hooks/useTooltip.js +29 -47
  46. package/lib/index.js +2 -17
  47. package/lib/utils/index.js +138 -325
  48. package/package.json +1 -1
  49. package/src/css/index.module.css +1 -1
  50. 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
- _excluded2 = ["config", "data"];
22
-
23
- 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; }
24
-
25
- 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; }
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
- series = _ref$config.series,
31
- config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
32
- data = _ref.data,
33
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
29
-
30
- 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; }
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
- seriesWidth = _ref.seriesWidth,
64
- length = _ref.length,
65
- x = _ref.x,
66
- y = _ref.y;
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
- positive = _ref2.positive,
84
- seriesWidth = _ref2.seriesWidth;
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
- _ref3$config = _ref3.config,
91
- _ref3$config$pattern = _ref3$config.pattern,
92
- pattern = _ref3$config$pattern === void 0 ? {} : _ref3$config$pattern,
93
- _ref3$config$seriesIn = _ref3$config.seriesIntervalWidth,
94
- paddingInner = _ref3$config$seriesIn === void 0 ? 0 : _ref3$config$seriesIn,
95
- _ref3$config$paddingI = _ref3$config.paddingInner,
96
- paddingOuter = _ref3$config$paddingI === void 0 ? 0 : _ref3$config$paddingI,
97
- style = _ref3$config.style,
98
- fill = _ref3$config.fill,
99
- _ref3$config$highligh = _ref3$config.highlight,
100
- showHighlight = _ref3$config$highligh.show,
101
- extent = _ref3$config$highligh.extent,
102
- highlightFill = _ref3$config$highligh.fill,
103
- id = _ref3$config.id,
104
- _ref3$bandLength = _ref3.bandLength,
105
- bandLength = _ref3$bandLength === void 0 ? 0 : _ref3$bandLength,
106
- data = _ref3.data,
107
- _ref3$xAxis = _ref3.xAxis,
108
- xScaler = _ref3$xAxis.scaler,
109
- step = _ref3$xAxis.step,
110
- direction = _ref3$xAxis.direction,
111
- yScaler = _ref3.yAxis.scaler,
112
- name = _ref3.name;
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
- step: step,
117
- bandLength: bandLength,
118
- paddingInner: paddingInner,
119
- paddingOuter: paddingOuter
120
- }),
121
- seriesWidth = _getSeriesInfo.seriesWidth,
122
- seriesStep = _getSeriesInfo.seriesStep,
123
- seriesStart = _getSeriesInfo.seriesStart;
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
- index = _ref4.index,
157
- _ref4$bound = (0, _slicedToArray2["default"])(_ref4.bound, 2),
158
- start = _ref4$bound[0],
159
- end = _ref4$bound[1],
160
- data = _ref4.data,
161
- _ref4$data = _ref4.data,
162
- x = _ref4$data.x,
163
- y = _ref4$data.y,
164
- s = _ref4$data.s;
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
- height = props.height,
193
- x = props.x,
194
- y = props.y,
195
- color = props.color,
196
- _props$opacity = props.opacity,
197
- opacity = _props$opacity === void 0 ? 1 : _props$opacity;
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
- }; //以下都是为了解析multicolor
236
-
211
+ };
237
212
 
213
+ //以下都是为了解析multicolor
238
214
  function pointRotate(point, center, angle) {
239
215
  var x = point[0],
240
- y = point[1],
241
- rx = center[0],
242
- ry = center[1],
243
- cos = Math.cos(angle),
244
- sin = Math.sin(angle);
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
- stops = _config$linear.stops,
285
- opacity = _config$linear.opacity;
252
+ stops = _config$linear.stops,
253
+ opacity = _config$linear.opacity;
286
254
  var start = [0, 0.5],
287
- end = [1, 0.5];
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- 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; }
21
-
22
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
23
-
24
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
25
-
26
- 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
- value = props.value,
29
- style = props.style,
30
- _props$speed = props.speed,
31
- speed = _props$speed === void 0 ? 5 : _props$speed,
32
- _props$config = props.config,
33
- config = _props$config === void 0 ? {} : _props$config;
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
- needTitle = _config$needTitle === void 0 ? true : _config$needTitle;
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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
-
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
-
20
- 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
- x = _ref.tickName,
23
- marginLeft = _ref.marginLeft,
24
- marginTop = _ref.marginTop,
25
- data = _ref.data,
26
- series = _ref.series,
27
- _ref$config$tip = _ref.config.tip,
28
- _ref$config$tip$data = _ref$config$tip.data,
29
- xAxis = _ref$config$tip$data.xAxis,
30
- _ref$config$tip$data$ = _ref$config$tip$data.xAxis,
31
- background = _ref$config$tip$data$.background,
32
- gap = _ref$config$tip$data$.gap,
33
- align = _ref$config$tip$data$.align,
34
- font = _ref$config$tip$data$.font,
35
- translateXAxis = _ref$config$tip$data$.translate,
36
- dataConfig = _ref$config$tip$data.data,
37
- _ref$config$tip$data$2 = _ref$config$tip$data.data,
38
- lineHeight = _ref$config$tip$data$2.lineHeight,
39
- dataGap = _ref$config$tip$data$2.gap,
40
- iconSize = _ref$config$tip$data$2.iconSize,
41
- dataBg = _ref$config$tip$data$2.background,
42
- name = _ref$config$tip$data$2.name,
43
- value = _ref$config$tip$data$2.value,
44
- suffix = _ref$config$tip$data$2.suffix,
45
- bgType = _ref$config$tip.bgType,
46
- bgColor = _ref$config$tip.bgColor,
47
- image = _ref$config$tip.image,
48
- margin = _ref$config$tip.margin,
49
- _ref$config$tip$size = _ref$config$tip.size,
50
- tipWidth = _ref$config$tip$size.width,
51
- tipHeight = _ref$config$tip$size.height,
52
- translateTip = _ref$config$tip.translate,
53
- formatter = _ref.formatter,
54
- isVertical = _ref.isVertical,
55
- width = _ref.width,
56
- height = _ref.height;
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
- s = _ref2.s;
121
-
111
+ s = _ref2.s;
122
112
  var _series$find = series.find(function (series) {
123
- return series.name == s;
124
- }),
125
- type = _series$find.type,
126
- icon = _series$find.icon,
127
- displayName = _series$find.displayName;
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
- content = suffix.content,
131
- suffiixFont = suffix.font,
132
- suffixTranslate = suffix.translate;
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
+ });