@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.
- package/.husky/commit-msg +1 -1
- package/lib/components/AnimateData.js +8 -16
- package/lib/components/Axis.js +199 -191
- package/lib/components/Background.js +16 -24
- package/lib/components/Band.js +98 -91
- package/lib/components/BaseLine.js +39 -40
- package/lib/components/Brush.js +29 -46
- package/lib/components/Carousel.js +13 -40
- package/lib/components/CartesianChart.js +66 -86
- package/lib/components/Chart.js +23 -36
- package/lib/components/ChartContainer.js +18 -27
- package/lib/components/ConicalGradient.js +35 -68
- package/lib/components/ExtentData.js +9 -17
- package/lib/components/FilterData.js +16 -27
- package/lib/components/Indicator.js +6 -8
- package/lib/components/Label.js +120 -134
- package/lib/components/Legend.js +41 -66
- package/lib/components/Lighter.js +19 -48
- package/lib/components/Line.js +39 -59
- package/lib/components/LinearGradient.js +14 -20
- package/lib/components/Mapping.js +9 -34
- package/lib/components/Marquee.js +14 -30
- package/lib/components/PieChart.js +306 -400
- package/lib/components/StackData.js +8 -18
- package/lib/components/StereoBar.js +65 -105
- package/lib/components/TextOverflow.js +8 -21
- package/lib/components/Tooltip.js +41 -55
- package/lib/components/index.js +0 -27
- package/lib/context/index.js +0 -2
- package/lib/element/ConicGradient.js +29 -35
- package/lib/element/Line.js +9 -13
- package/lib/element/index.js +0 -2
- package/lib/formatter/index.js +0 -2
- package/lib/formatter/legend.js +30 -41
- package/lib/hooks/index.js +0 -8
- package/lib/hooks/useAnimateData.js +3 -16
- package/lib/hooks/useAxes.js +253 -114
- package/lib/hooks/useCarouselAxisX.js +26 -56
- package/lib/hooks/useExtentData.js +47 -44
- package/lib/hooks/useFilterData.js +8 -29
- package/lib/hooks/useStackData.js +7 -30
- package/lib/hooks/useTooltip.js +26 -43
- package/lib/index.js +0 -15
- package/lib/utils/index.js +95 -247
- package/package.json +55 -54
- package/src/components/Axis.tsx +246 -157
- package/src/components/Band.tsx +91 -56
- package/src/components/BaseLine.js +22 -5
- package/src/components/CartesianChart.js +1 -0
- package/src/components/Label.js +56 -46
- package/src/hooks/useAxes.js +336 -117
- 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
|
-
|
|
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
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
52
|
+
interval = _animation.interval,
|
|
53
|
+
interactive = _animation.interactive,
|
|
54
|
+
hoverStop = _animation.hoverStop;
|
|
73
55
|
var _useState = (0, _react.useState)(on ? carouselState : initialState),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
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
|
-
|
|
78
|
-
|
|
79
|
-
|
|
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
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
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
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
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)")
|
|
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
|
-
|
|
196
|
-
|
|
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
|
-
|
|
209
|
-
|
|
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;
|
package/lib/components/Chart.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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;
|