@easyv/charts 1.4.15 → 1.4.16

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 (52) hide show
  1. package/.husky/commit-msg +1 -1
  2. package/lib/components/AnimateData.js +8 -16
  3. package/lib/components/Axis.js +199 -191
  4. package/lib/components/Background.js +16 -24
  5. package/lib/components/Band.js +98 -91
  6. package/lib/components/BaseLine.js +39 -40
  7. package/lib/components/Brush.js +29 -46
  8. package/lib/components/Carousel.js +13 -40
  9. package/lib/components/CartesianChart.js +66 -86
  10. package/lib/components/Chart.js +23 -36
  11. package/lib/components/ChartContainer.js +18 -27
  12. package/lib/components/ConicalGradient.js +35 -68
  13. package/lib/components/ExtentData.js +9 -17
  14. package/lib/components/FilterData.js +16 -27
  15. package/lib/components/Indicator.js +6 -8
  16. package/lib/components/Label.js +120 -134
  17. package/lib/components/Legend.js +41 -66
  18. package/lib/components/Lighter.js +19 -48
  19. package/lib/components/Line.js +39 -59
  20. package/lib/components/LinearGradient.js +14 -20
  21. package/lib/components/Mapping.js +9 -34
  22. package/lib/components/Marquee.js +14 -30
  23. package/lib/components/PieChart.js +306 -400
  24. package/lib/components/StackData.js +8 -18
  25. package/lib/components/StereoBar.js +65 -105
  26. package/lib/components/TextOverflow.js +8 -21
  27. package/lib/components/Tooltip.js +41 -55
  28. package/lib/components/index.js +0 -27
  29. package/lib/context/index.js +0 -2
  30. package/lib/element/ConicGradient.js +29 -35
  31. package/lib/element/Line.js +9 -13
  32. package/lib/element/index.js +0 -2
  33. package/lib/formatter/index.js +0 -2
  34. package/lib/formatter/legend.js +30 -41
  35. package/lib/hooks/index.js +0 -8
  36. package/lib/hooks/useAnimateData.js +3 -16
  37. package/lib/hooks/useAxes.js +253 -114
  38. package/lib/hooks/useCarouselAxisX.js +26 -56
  39. package/lib/hooks/useExtentData.js +47 -44
  40. package/lib/hooks/useFilterData.js +8 -29
  41. package/lib/hooks/useStackData.js +7 -30
  42. package/lib/hooks/useTooltip.js +26 -43
  43. package/lib/index.js +0 -15
  44. package/lib/utils/index.js +95 -247
  45. package/package.json +55 -54
  46. package/src/components/Axis.tsx +246 -157
  47. package/src/components/Band.tsx +91 -56
  48. package/src/components/BaseLine.js +22 -5
  49. package/src/components/CartesianChart.js +1 -0
  50. package/src/components/Label.js +56 -46
  51. package/src/hooks/useAxes.js +336 -117
  52. package/src/hooks/useExtentData.js +37 -10
@@ -1,37 +1,23 @@
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
-
16
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
19
-
20
13
  var _react = _interopRequireWildcard(require("react"));
21
-
22
14
  var _d3v = require("d3v7");
23
-
24
15
  var _excluded = ["animation"],
25
- _excluded2 = ["config", "data"];
26
-
16
+ _excluded2 = ["config", "data"];
27
17
  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); }
28
-
29
18
  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; }
30
-
31
19
  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; }
32
-
33
20
  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; }
34
-
35
21
  var initialState = {
36
22
  currentIndex: null,
37
23
  trigger: ''
@@ -52,29 +38,24 @@ var defaultAnimation = {
52
38
  /**
53
39
  * 饼图类图表轮播逻辑,用来管理currentIndex,及回调逻辑(HOC)
54
40
  */
55
-
56
41
  var _default = function _default(Component) {
57
42
  return /*#__PURE__*/(0, _react.memo)(function (_ref) {
58
43
  var _ref$config = _ref.config,
59
- animation = _ref$config.animation,
60
- config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
61
- _ref$data = _ref.data,
62
- data = _ref$data === void 0 ? [] : _ref$data,
63
- rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
44
+ animation = _ref$config.animation,
45
+ config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
46
+ _ref$data = _ref.data,
47
+ data = _ref$data === void 0 ? [] : _ref$data,
48
+ rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
64
49
  var dataLength = data.length;
65
-
66
50
  var _animation = Object.assign({}, defaultAnimation, animation);
67
-
68
51
  var on = _animation.on,
69
- interval = _animation.interval,
70
- interactive = _animation.interactive,
71
- hoverStop = _animation.hoverStop;
72
-
52
+ interval = _animation.interval,
53
+ interactive = _animation.interactive,
54
+ hoverStop = _animation.hoverStop;
73
55
  var _useState = (0, _react.useState)(on ? carouselState : initialState),
74
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
75
- state = _useState2[0],
76
- setState = _useState2[1];
77
-
56
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
57
+ state = _useState2[0],
58
+ setState = _useState2[1];
78
59
  var timer = (0, _react.useRef)(null);
79
60
  var hoverState = (0, _react.useRef)(false);
80
61
  var animationOn = on && interval && dataLength;
@@ -110,8 +91,7 @@ var _default = function _default(Component) {
110
91
  }, [carousel]);
111
92
  var onEvent = (0, _react.useCallback)(function (_ref3) {
112
93
  var currentIndex = _ref3.currentIndex,
113
- type = _ref3.type;
114
-
94
+ type = _ref3.type;
115
95
  switch (interactive) {
116
96
  case true:
117
97
  case 'click':
@@ -123,9 +103,7 @@ var _default = function _default(Component) {
123
103
  currentIndex: currentIndex
124
104
  });
125
105
  }
126
-
127
106
  break;
128
-
129
107
  case 'hover':
130
108
  if (type == 'onMouseEnter') {
131
109
  setState({
@@ -136,13 +114,10 @@ var _default = function _default(Component) {
136
114
  } else if (type == 'onMouseLeave') {
137
115
  !hoverState.current && animationOn && carousel();
138
116
  }
139
-
140
117
  break;
141
-
142
118
  case false:
143
119
  case '':
144
120
  break;
145
-
146
121
  case 'carousel':
147
122
  default:
148
123
  setState({
@@ -159,7 +134,6 @@ var _default = function _default(Component) {
159
134
  timer.current && timer.current.stop();
160
135
  } else {
161
136
  hoverState.current = false;
162
-
163
137
  if (animationOn) {
164
138
  timer.current = (0, _d3v.interval)(function () {
165
139
  setState(function (_ref4) {
@@ -186,5 +160,4 @@ var _default = function _default(Component) {
186
160
  }));
187
161
  });
188
162
  };
189
-
190
163
  exports["default"] = _default;
@@ -1,89 +1,75 @@
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15
-
16
11
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
17
-
18
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
19
-
20
13
  var _react = _interopRequireWildcard(require("react"));
21
-
22
14
  var _hooks = require("../hooks");
23
-
24
15
  var _context = require("../context");
25
-
26
16
  var _ = require(".");
27
-
28
17
  var _excluded = ["Component", "yOrZ"],
29
- _excluded2 = ["Component", "yOrZ"];
30
-
18
+ _excluded2 = ["Component", "yOrZ"];
19
+ /**
20
+ * 轴类图表
21
+ */
31
22
  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); }
32
-
33
23
  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; }
34
-
35
24
  var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
36
25
  var _ref$config = _ref.config,
37
- axesConfig = _ref$config.axes,
38
- background = _ref$config.background,
39
- _ref$config$chart = _ref$config.chart,
40
- _ref$config$chart$dim = _ref$config$chart.dimension.chartDimension,
41
- height = _ref$config$chart$dim.height,
42
- width = _ref$config$chart$dim.width,
43
- _ref$config$chart$mar = _ref$config$chart.margin,
44
- marginLeft = _ref$config$chart$mar.marginLeft,
45
- marginTop = _ref$config$chart$mar.marginTop,
46
- marginRight = _ref$config$chart$mar.marginRight,
47
- marginBottom = _ref$config$chart$mar.marginBottom,
48
- animation = _ref$config$chart.animation,
49
- legend = _ref$config$chart.legend,
50
- series = _ref$config.series,
51
- bandLength = _ref$config.bandLength,
52
- tooltip = _ref$config.tooltip,
53
- _ref$config$baseLine = _ref$config.baseLine,
54
- _ref$config$baseLine$ = _ref$config$baseLine.orientation,
55
- baseLineOri = _ref$config$baseLine$ === void 0 ? '' : _ref$config$baseLine$,
56
- _ref$config$baseLine$2 = _ref$config$baseLine.config,
57
- baseLineConfig = _ref$config$baseLine$2 === void 0 ? {} : _ref$config$baseLine$2,
58
- _ref$config$baseLine$3 = _ref$config$baseLine.data,
59
- baseLineData = _ref$config$baseLine$3 === void 0 ? [] : _ref$config$baseLine$3,
60
- _ref$config$tooltip = _ref$config.tooltip;
61
- _ref$config$tooltip = _ref$config$tooltip === void 0 ? {} : _ref$config$tooltip;
62
- var _ref$config$tooltip$c = _ref$config$tooltip.config,
63
- tooltipConfig = _ref$config$tooltip$c === void 0 ? {} : _ref$config$tooltip$c,
64
- _ref$config$tooltip$c2 = _ref$config$tooltip.config;
65
- _ref$config$tooltip$c2 = _ref$config$tooltip$c2 === void 0 ? {} : _ref$config$tooltip$c2;
66
- var auto = _ref$config$tooltip$c2.auto,
67
- manual = _ref$config$tooltip$c2.manual,
68
- _ref$config$tooltip$c3 = _ref$config$tooltip$c2.indicator,
69
- indicator = _ref$config$tooltip$c3 === void 0 ? {} : _ref$config$tooltip$c3,
70
- brush = _ref$config.brush,
71
- style = _ref.style,
72
- originData = _ref.originData,
73
- filterData = _ref.filterData;
26
+ axesConfig = _ref$config.axes,
27
+ background = _ref$config.background,
28
+ _ref$config$chart = _ref$config.chart,
29
+ _ref$config$chart$dim = _ref$config$chart.dimension.chartDimension,
30
+ height = _ref$config$chart$dim.height,
31
+ width = _ref$config$chart$dim.width,
32
+ _ref$config$chart$mar = _ref$config$chart.margin,
33
+ marginLeft = _ref$config$chart$mar.marginLeft,
34
+ marginTop = _ref$config$chart$mar.marginTop,
35
+ marginRight = _ref$config$chart$mar.marginRight,
36
+ marginBottom = _ref$config$chart$mar.marginBottom,
37
+ animation = _ref$config$chart.animation,
38
+ legend = _ref$config$chart.legend,
39
+ series = _ref$config.series,
40
+ bandLength = _ref$config.bandLength,
41
+ tooltip = _ref$config.tooltip,
42
+ _ref$config$baseLine = _ref$config.baseLine,
43
+ _ref$config$baseLine$ = _ref$config$baseLine.orientation,
44
+ baseLineOri = _ref$config$baseLine$ === void 0 ? '' : _ref$config$baseLine$,
45
+ _ref$config$baseLine$2 = _ref$config$baseLine.config,
46
+ baseLineConfig = _ref$config$baseLine$2 === void 0 ? {} : _ref$config$baseLine$2,
47
+ _ref$config$baseLine$3 = _ref$config$baseLine.data,
48
+ baseLineData = _ref$config$baseLine$3 === void 0 ? [] : _ref$config$baseLine$3,
49
+ _ref$config$tooltip = _ref$config.tooltip,
50
+ _ref$config$tooltip2 = _ref$config$tooltip === void 0 ? {} : _ref$config$tooltip,
51
+ _ref$config$tooltip2$ = _ref$config$tooltip2.config,
52
+ tooltipConfig = _ref$config$tooltip2$ === void 0 ? {} : _ref$config$tooltip2$,
53
+ _ref$config$tooltip2$2 = _ref$config$tooltip2.config,
54
+ _ref$config$tooltip2$3 = _ref$config$tooltip2$2 === void 0 ? {} : _ref$config$tooltip2$2,
55
+ auto = _ref$config$tooltip2$3.auto,
56
+ manual = _ref$config$tooltip2$3.manual,
57
+ _ref$config$tooltip2$4 = _ref$config$tooltip2$3.indicator,
58
+ indicator = _ref$config$tooltip2$4 === void 0 ? {} : _ref$config$tooltip2$4,
59
+ brush = _ref$config.brush,
60
+ style = _ref.style,
61
+ originData = _ref.originData,
62
+ filterData = _ref.filterData;
74
63
  var context = (0, _react.useContext)(_context.chartContext);
75
-
76
64
  var _useState = (0, _react.useState)(false),
77
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
78
- isHover = _useState2[0],
79
- setIsHover = _useState2[1];
80
-
65
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
66
+ isHover = _useState2[0],
67
+ setIsHover = _useState2[1];
81
68
  var _useContext = (0, _react.useContext)(_context.chartContext),
82
- chartWidth = _useContext.width,
83
- chartHeight = _useContext.height,
84
- triggerOnRelative = _useContext.triggerOnRelative,
85
- onEmit = _useContext.onEmit;
86
-
69
+ chartWidth = _useContext.width,
70
+ chartHeight = _useContext.height,
71
+ triggerOnRelative = _useContext.triggerOnRelative,
72
+ onEmit = _useContext.onEmit;
87
73
  var svg = (0, _react.useRef)();
88
74
  var axes = (0, _hooks.useAxes)({
89
75
  axes: axesConfig,
@@ -92,21 +78,19 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
92
78
  var axisX = (0, _hooks.useCarouselAxisX)(axes.get('x'), animation, isHover);
93
79
  var xLineRange = width - marginLeft - marginRight;
94
80
  var yLineRange = height - marginTop - marginBottom;
95
-
96
81
  var _useTooltip = (0, _hooks.useTooltip)({
97
- svg: svg,
98
- marginLeft: marginLeft,
99
- marginTop: marginTop,
100
- width: chartWidth,
101
- height: chartHeight,
102
- axisX: axisX,
103
- isHover: isHover,
104
- config: tooltipConfig
105
- }),
106
- tooltipX = _useTooltip.x,
107
- tickName = _useTooltip.name,
108
- setIndex = _useTooltip.setIndex;
109
-
82
+ svg: svg,
83
+ marginLeft: marginLeft,
84
+ marginTop: marginTop,
85
+ width: chartWidth,
86
+ height: chartHeight,
87
+ axisX: axisX,
88
+ isHover: isHover,
89
+ config: tooltipConfig
90
+ }),
91
+ tooltipX = _useTooltip.x,
92
+ tickName = _useTooltip.name,
93
+ setIndex = _useTooltip.setIndex;
110
94
  var tooltipData = (0, _react.useMemo)(function () {
111
95
  return tickName !== undefined && originData.filter(function (d) {
112
96
  return d.x === tickName;
@@ -128,9 +112,7 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
128
112
  var onInteraction = (0, _react.useCallback)(function (e) {
129
113
  e.stopPropagation();
130
114
  var data = e.currentTarget.dataset.data;
131
-
132
115
  var _data = JSON.parse(data);
133
-
134
116
  triggerOnRelative(_data);
135
117
  onEmit('click', _data);
136
118
  }, [triggerOnRelative, onEmit]);
@@ -179,9 +161,9 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
179
161
  } : {
180
162
  width: xLineRange,
181
163
  height: yLineRange + marginTop + marginBottom,
182
- transform: "translateY(".concat(-marginTop, "px)") // overflow:'visible'
164
+ transform: "translateY(".concat(-marginTop, "px)")
165
+ // overflow:'visible'
183
166
  // paddingTop:marginTop
184
-
185
167
  }
186
168
  }, /*#__PURE__*/_react["default"].createElement("svg", {
187
169
  width: "100%",
@@ -192,8 +174,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
192
174
  }
193
175
  }, series.map(function (_ref2, index) {
194
176
  var Component = _ref2.Component,
195
- yOrZ = _ref2.yOrZ,
196
- config = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
177
+ yOrZ = _ref2.yOrZ,
178
+ config = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
197
179
  var yAxis = axes.get(yOrZ);
198
180
  return yAxis && Component && /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
199
181
  key: index
@@ -205,8 +187,8 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
205
187
  }));
206
188
  }), series.map(function (_ref3, index) {
207
189
  var Component = _ref3.Component,
208
- yOrZ = _ref3.yOrZ,
209
- config = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
190
+ yOrZ = _ref3.yOrZ,
191
+ config = (0, _objectWithoutProperties2["default"])(_ref3, _excluded2);
210
192
  var yAxis = axes.get(yOrZ);
211
193
  return yAxis && /*#__PURE__*/_react["default"].createElement(_.Label, (0, _extends2["default"])({
212
194
  key: index
@@ -247,7 +229,5 @@ var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref) {
247
229
  width: width
248
230
  }));
249
231
  });
250
-
251
232
  var _default = (0, _.Mapping)((0, _.FilterData)((0, _.ExtentData)((0, _.AnimateData)((0, _.StackData)(Chart)))));
252
-
253
233
  exports["default"] = _default;
@@ -1,79 +1,66 @@
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 _react = _interopRequireWildcard(require("react"));
17
-
18
12
  var _context = require("../context");
19
-
20
13
  var _ = require(".");
21
-
22
14
  var _excluded = ["id", "type", "config", "config", "data", "onRelative", "emit", "emitEvent"];
23
-
15
+ /**
16
+ * 总入口,通过外面传进来的type来确定渲染哪种图表,饼环图表为“pie”,否则为轴类图表
17
+ */
24
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); }
25
-
26
19
  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
-
28
20
  var getCallbackData = function getCallbackData(callbacks, data) {
29
21
  var callbackData;
30
-
31
22
  if (callbacks && Array.isArray(callbacks) && callbacks.length && data) {
32
23
  callbackData = {};
33
24
  callbacks.forEach(function (_ref) {
34
25
  var origin = _ref.origin,
35
- target = _ref.target;
26
+ target = _ref.target;
36
27
  callbackData[target] = data[origin];
37
28
  });
38
29
  }
39
-
40
30
  return callbackData;
41
31
  };
42
-
43
32
  var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
44
33
  var id = _ref2.id,
45
- type = _ref2.type,
46
- config = _ref2.config,
47
- _ref2$config = _ref2.config,
48
- _ref2$config$chart = _ref2$config.chart,
49
- _ref2$config$chart$di = _ref2$config$chart.dimension.chartDimension,
50
- height = _ref2$config$chart$di.height,
51
- width = _ref2$config$chart$di.width,
52
- _ref2$config$chart$ma = _ref2$config$chart.margin,
53
- marginRight = _ref2$config$chart$ma.marginRight,
54
- marginLeft = _ref2$config$chart$ma.marginLeft,
55
- marginBottom = _ref2$config$chart$ma.marginBottom,
56
- marginTop = _ref2$config$chart$ma.marginTop,
57
- interaction = _ref2$config.interaction,
58
- data = _ref2.data,
59
- onRelative = _ref2.onRelative,
60
- emit = _ref2.emit,
61
- emitEvent = _ref2.emitEvent,
62
- props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
34
+ type = _ref2.type,
35
+ config = _ref2.config,
36
+ _ref2$config = _ref2.config,
37
+ _ref2$config$chart = _ref2$config.chart,
38
+ _ref2$config$chart$di = _ref2$config$chart.dimension.chartDimension,
39
+ height = _ref2$config$chart$di.height,
40
+ width = _ref2$config$chart$di.width,
41
+ _ref2$config$chart$ma = _ref2$config$chart.margin,
42
+ marginRight = _ref2$config$chart$ma.marginRight,
43
+ marginLeft = _ref2$config$chart$ma.marginLeft,
44
+ marginBottom = _ref2$config$chart$ma.marginBottom,
45
+ marginTop = _ref2$config$chart$ma.marginTop,
46
+ interaction = _ref2$config.interaction,
47
+ data = _ref2.data,
48
+ onRelative = _ref2.onRelative,
49
+ emit = _ref2.emit,
50
+ emitEvent = _ref2.emitEvent,
51
+ props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
63
52
  var svg = /*#__PURE__*/(0, _react.createRef)();
64
53
  var chartWidth = width - marginLeft - marginRight;
65
54
  var chartHeight = height - marginTop - marginBottom;
66
55
  var triggerOnRelative = (0, _react.useCallback)(function (data) {
67
56
  if (!interaction) return;
68
57
  var callbacks = interaction.callbacks,
69
- remoteControls = interaction.remoteControls;
58
+ remoteControls = interaction.remoteControls;
70
59
  var callbackData = getCallbackData(callbacks, data);
71
-
72
60
  if (callbackData) {
73
61
  onRelative && onRelative(id, callbackData);
74
62
  remoteControls && emitEvent && remoteControls.forEach(function (o) {
75
63
  var control = JSON.parse(o.control);
76
-
77
64
  if (control.screen && control.type && control.type === 'callback') {
78
65
  emitEvent({
79
66
  screen: control.screen,
@@ -1,45 +1,37 @@
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
  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); }
17
-
18
12
  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; }
19
-
20
13
  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; }
21
-
22
- 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; }
23
-
14
+ 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; } /**
15
+ * svg外框
16
+ */
24
17
  var event = function event() {};
25
-
26
18
  var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
27
19
  var width = _ref.width,
28
- height = _ref.height,
29
- marginLeft = _ref.marginLeft,
30
- marginTop = _ref.marginTop,
31
- style = _ref.style,
32
- children = _ref.children,
33
- _ref$onMouseEnter = _ref.onMouseEnter,
34
- onMouseEnter = _ref$onMouseEnter === void 0 ? event : _ref$onMouseEnter,
35
- _ref$onMouseLeave = _ref.onMouseLeave,
36
- onMouseLeave = _ref$onMouseLeave === void 0 ? event : _ref$onMouseLeave,
37
- _ref$onClick = _ref.onClick,
38
- onClick = _ref$onClick === void 0 ? event : _ref$onClick,
39
- _ref$onMouseMove = _ref.onMouseMove,
40
- onMouseMove = _ref$onMouseMove === void 0 ? event : _ref$onMouseMove,
41
- _ref$onMouseOut = _ref.onMouseOut,
42
- onMouseOut = _ref$onMouseOut === void 0 ? event : _ref$onMouseOut;
20
+ height = _ref.height,
21
+ marginLeft = _ref.marginLeft,
22
+ marginTop = _ref.marginTop,
23
+ style = _ref.style,
24
+ children = _ref.children,
25
+ _ref$onMouseEnter = _ref.onMouseEnter,
26
+ onMouseEnter = _ref$onMouseEnter === void 0 ? event : _ref$onMouseEnter,
27
+ _ref$onMouseLeave = _ref.onMouseLeave,
28
+ onMouseLeave = _ref$onMouseLeave === void 0 ? event : _ref$onMouseLeave,
29
+ _ref$onClick = _ref.onClick,
30
+ onClick = _ref$onClick === void 0 ? event : _ref$onClick,
31
+ _ref$onMouseMove = _ref.onMouseMove,
32
+ onMouseMove = _ref$onMouseMove === void 0 ? event : _ref$onMouseMove,
33
+ _ref$onMouseOut = _ref.onMouseOut,
34
+ onMouseOut = _ref$onMouseOut === void 0 ? event : _ref$onMouseOut;
43
35
  return /*#__PURE__*/_react["default"].createElement("svg", {
44
36
  className: "__easyv-svg",
45
37
  width: width,
@@ -59,5 +51,4 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
59
51
  transform: 'translate(' + marginLeft + ', ' + marginTop + ')'
60
52
  }, children));
61
53
  }));
62
-
63
54
  exports["default"] = _default;