@easyv/charts 1.1.7 → 1.2.1
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/.babelrc +8 -8
- package/.husky/commit-msg +3 -3
- package/CHANGELOG.md +18 -18
- package/commitlint.config.js +1 -1
- package/lib/components/AnimateData.js +36 -36
- package/lib/components/Axis.js +329 -329
- package/lib/components/Background.js +2 -2
- package/lib/components/Band.js +173 -173
- package/lib/components/Brush.js +201 -201
- package/lib/components/Carousel.js +164 -164
- package/lib/components/Chart.js +111 -111
- package/lib/components/ChartContainer.js +58 -58
- package/lib/components/ConicalGradient.js +264 -264
- package/lib/components/ExtentData.js +45 -45
- package/lib/components/FilterData.js +53 -53
- package/lib/components/Indicator.js +2 -2
- package/lib/components/Label.js +278 -278
- package/lib/components/Legend.js +154 -154
- package/lib/components/Lighter.js +179 -179
- package/lib/components/Line.js +181 -181
- package/lib/components/LinearGradient.js +2 -2
- package/lib/components/Mapping.js +127 -127
- package/lib/components/PieChart.js +1061 -1061
- package/lib/components/StackData.js +45 -45
- package/lib/components/StereoBar.js +336 -336
- package/lib/components/Tooltip.js +155 -155
- package/lib/components/index.js +194 -194
- package/lib/css/index.module.css +41 -41
- package/lib/css/piechart.module.css +26 -26
- package/lib/element/ConicGradient.js +72 -72
- package/lib/formatter/legend.js +91 -91
- package/lib/hooks/index.js +62 -62
- package/lib/hooks/useAnimateData.js +88 -88
- package/lib/hooks/useAxes.js +135 -135
- package/lib/hooks/useCarouselAxisX.js +184 -184
- package/lib/hooks/useExtentData.js +128 -128
- package/lib/hooks/useFilterData.js +112 -112
- package/lib/hooks/useStackData.js +134 -134
- package/lib/hooks/useTooltip.js +10 -10
- package/lib/index.js +84 -84
- package/lib/utils/index.js +832 -832
- package/package.json +51 -51
- package/src/components/AnimateData.tsx +24 -24
- package/src/components/Axis.tsx +354 -354
- package/src/components/Background.tsx +45 -45
- package/src/components/Band.tsx +173 -173
- package/src/components/Brush.js +159 -159
- package/src/components/Carousel.tsx +144 -144
- package/src/components/Chart.js +99 -99
- package/src/components/ChartContainer.tsx +63 -63
- package/src/components/ConicalGradient.js +258 -258
- package/src/components/ExtentData.js +17 -17
- package/src/components/FilterData.js +23 -23
- package/src/components/Indicator.js +13 -13
- package/src/components/Label.js +206 -206
- package/src/components/Legend.js +158 -158
- package/src/components/Lighter.jsx +173 -173
- package/src/components/Line.js +144 -144
- package/src/components/LinearGradient.js +29 -29
- package/src/components/Mapping.js +71 -71
- package/src/components/Marquee.js +74 -0
- package/src/components/PieChart.js +1097 -1097
- package/src/components/StackData.js +20 -20
- package/src/components/StereoBar.tsx +310 -310
- package/src/components/Tooltip.js +169 -168
- package/src/components/index.js +51 -51
- package/src/context/index.js +2 -2
- package/src/css/index.module.css +41 -41
- package/src/css/piechart.module.css +26 -26
- package/src/element/ConicGradient.jsx +55 -55
- package/src/element/Line.tsx +33 -33
- package/src/element/index.ts +3 -3
- package/src/formatter/index.js +1 -1
- package/src/formatter/legend.js +90 -90
- package/src/hooks/index.js +17 -17
- package/src/hooks/useAnimateData.ts +67 -62
- package/src/hooks/useAxes.js +144 -144
- package/src/hooks/useCarouselAxisX.js +163 -163
- package/src/hooks/useExtentData.js +88 -88
- package/src/hooks/useFilterData.js +72 -72
- package/src/hooks/useStackData.js +100 -100
- package/src/hooks/useTooltip.ts +96 -96
- package/src/index.js +6 -6
- package/src/types/index.d.ts +67 -62
- package/src/utils/index.js +696 -696
- package/tsconfig.json +22 -22
package/lib/components/Line.js
CHANGED
|
@@ -1,182 +1,182 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports["default"] = void 0;
|
|
11
|
-
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
-
|
|
18
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
|
-
var _d3v = require("d3v7");
|
|
21
|
-
|
|
22
|
-
var _utils = require("../utils");
|
|
23
|
-
|
|
24
|
-
var _ = require(".");
|
|
25
|
-
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
-
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
29
|
-
|
|
30
|
-
var defined = function defined(d) {
|
|
31
|
-
return d.data.y != null;
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
var getLineData = function getLineData(data, connectNulls) {
|
|
35
|
-
return connectNulls ? data.map(function (_ref) {
|
|
36
|
-
var data = _ref.data,
|
|
37
|
-
item = (0, _objectWithoutProperties2["default"])(_ref, ["data"]);
|
|
38
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
39
|
-
data: _objectSpread(_objectSpread({}, data), {}, {
|
|
40
|
-
y: +data.y
|
|
41
|
-
})
|
|
42
|
-
});
|
|
43
|
-
}) : data;
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
var Area = function Area(_ref2) {
|
|
47
|
-
var data = _ref2.data,
|
|
48
|
-
config = _ref2.config,
|
|
49
|
-
_ref2$config = _ref2.config,
|
|
50
|
-
id = _ref2$config.id,
|
|
51
|
-
fill = _ref2$config.fill,
|
|
52
|
-
type = _ref2$config.type,
|
|
53
|
-
url = _ref2$config.url,
|
|
54
|
-
opacity = _ref2$config.opacity,
|
|
55
|
-
_ref2$config$size = _ref2$config.size,
|
|
56
|
-
patternW = _ref2$config$size.width,
|
|
57
|
-
patternH = _ref2$config$size.height,
|
|
58
|
-
curve = _ref2$config.curve,
|
|
59
|
-
tension = _ref2$config.tension,
|
|
60
|
-
xScaler = _ref2.xScaler,
|
|
61
|
-
yScaler = _ref2.yScaler;
|
|
62
|
-
|
|
63
|
-
var _yScaler$range = yScaler.range(),
|
|
64
|
-
_yScaler$range2 = (0, _slicedToArray2["default"])(_yScaler$range, 1),
|
|
65
|
-
height = _yScaler$range2[0];
|
|
66
|
-
|
|
67
|
-
var area = (0, _react.useMemo)(function () {
|
|
68
|
-
return (0, _utils.getColorList)(fill);
|
|
69
|
-
}, [fill]);
|
|
70
|
-
var areaGen = (0, _react.useMemo)(function () {
|
|
71
|
-
var areaGen = (0, _d3v.area)().x(function (_ref3) {
|
|
72
|
-
var x = _ref3.data.x;
|
|
73
|
-
return xScaler(x);
|
|
74
|
-
}).y1(function (_ref4) {
|
|
75
|
-
var y = _ref4.data.y;
|
|
76
|
-
return yScaler(y);
|
|
77
|
-
}).y0(height).defined(defined);
|
|
78
|
-
curve && areaGen.curve(_d3v.curveCatmullRom.alpha(tension));
|
|
79
|
-
curve && areaGen.curve(_d3v.curveMonotoneX);
|
|
80
|
-
return areaGen;
|
|
81
|
-
}, [xScaler, yScaler, curve, tension]);
|
|
82
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("path", {
|
|
83
|
-
d: areaGen(data),
|
|
84
|
-
stroke: "none",
|
|
85
|
-
fill: 'url(#' + id + ')'
|
|
86
|
-
}), /*#__PURE__*/_react["default"].createElement("defs", null, type && type == 'pattern' ? /*#__PURE__*/_react["default"].createElement("pattern", {
|
|
87
|
-
id: id,
|
|
88
|
-
patternUnits: "userSpaceOnUse",
|
|
89
|
-
width: patternW,
|
|
90
|
-
height: patternH
|
|
91
|
-
}, url && /*#__PURE__*/_react["default"].createElement("image", {
|
|
92
|
-
opacity: opacity,
|
|
93
|
-
width: patternW,
|
|
94
|
-
height: patternH,
|
|
95
|
-
xlinkHref: window.appConfig.ASSETS_URL + url
|
|
96
|
-
})) : /*#__PURE__*/_react["default"].createElement(_.LinearGradient, {
|
|
97
|
-
id: id,
|
|
98
|
-
colors: area,
|
|
99
|
-
rotate: 0
|
|
100
|
-
})));
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
var _default = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
|
|
104
|
-
var type = _ref5.type,
|
|
105
|
-
_ref5$config$line = _ref5.config.line,
|
|
106
|
-
lineType = _ref5$config$line.type,
|
|
107
|
-
lineWidth = _ref5$config$line.lineWidth,
|
|
108
|
-
curve = _ref5$config$line.curve,
|
|
109
|
-
tension = _ref5$config$line.tension,
|
|
110
|
-
connectNulls = _ref5$config$line.connectNulls,
|
|
111
|
-
lighter = _ref5$config$line.lighter,
|
|
112
|
-
_ref5$line = _ref5.line,
|
|
113
|
-
lineId = _ref5$line.id,
|
|
114
|
-
stroke = _ref5$line.stroke,
|
|
115
|
-
area = _ref5.area,
|
|
116
|
-
data = _ref5.data,
|
|
117
|
-
_ref5$xAxis = _ref5.xAxis,
|
|
118
|
-
xScaler = _ref5$xAxis.scaler,
|
|
119
|
-
direction = _ref5$xAxis.direction,
|
|
120
|
-
yScaler = _ref5.yAxis.scaler;
|
|
121
|
-
if (!data.length) return null;
|
|
122
|
-
var ticks = xScaler.domain();
|
|
123
|
-
var sortData = (0, _react.useMemo)(function () {
|
|
124
|
-
var usefulData = data.filter(function (_ref6) {
|
|
125
|
-
var x = _ref6.data.x;
|
|
126
|
-
return ticks.indexOf(x) > -1;
|
|
127
|
-
});
|
|
128
|
-
return usefulData.sort(function (_ref7, _ref8) {
|
|
129
|
-
var a = _ref7.data.x;
|
|
130
|
-
var b = _ref8.data.x;
|
|
131
|
-
return ticks.indexOf(a) - ticks.indexOf(b);
|
|
132
|
-
});
|
|
133
|
-
}, [data, ticks]);
|
|
134
|
-
|
|
135
|
-
var _data = (0, _react.useMemo)(function () {
|
|
136
|
-
return getLineData(sortData, connectNulls);
|
|
137
|
-
}, [sortData, connectNulls]);
|
|
138
|
-
|
|
139
|
-
var lineGen = (0, _react.useMemo)(function () {
|
|
140
|
-
var isVertical = direction === 'vertical';
|
|
141
|
-
var lineGen = (isVertical ? (0, _d3v.line)().y(function (_ref9) {
|
|
142
|
-
var x = _ref9.data.x;
|
|
143
|
-
return xScaler(x);
|
|
144
|
-
}).x(function (_ref10) {
|
|
145
|
-
var y = _ref10.data.y;
|
|
146
|
-
return yScaler(y);
|
|
147
|
-
}) : (0, _d3v.line)().x(function (_ref11) {
|
|
148
|
-
var x = _ref11.data.x;
|
|
149
|
-
return xScaler(x);
|
|
150
|
-
}).y(function (_ref12) {
|
|
151
|
-
var y = _ref12.data.y;
|
|
152
|
-
return yScaler(y);
|
|
153
|
-
})).defined(defined);
|
|
154
|
-
curve && lineGen.curve(_d3v.curveCatmullRom.alpha(tension));
|
|
155
|
-
curve && lineGen.curve(_d3v.curveMonotoneX);
|
|
156
|
-
return lineGen;
|
|
157
|
-
}, [direction, xScaler, yScaler, tension, curve]);
|
|
158
|
-
var path = lineGen(_data);
|
|
159
|
-
var showLighter = lighter && lighter.show;
|
|
160
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
161
|
-
className: "__easyv-line"
|
|
162
|
-
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
163
|
-
d: path,
|
|
164
|
-
stroke: stroke,
|
|
165
|
-
fill: "none",
|
|
166
|
-
strokeDasharray: lineType === 'dash' ? '3 3' : null,
|
|
167
|
-
strokeWidth: lineWidth
|
|
168
|
-
}), type == 'area' && /*#__PURE__*/_react["default"].createElement(Area, {
|
|
169
|
-
data: _data,
|
|
170
|
-
config: _objectSpread(_objectSpread({}, area), {}, {
|
|
171
|
-
curve: curve,
|
|
172
|
-
tension: tension
|
|
173
|
-
}),
|
|
174
|
-
xScaler: xScaler,
|
|
175
|
-
yScaler: yScaler
|
|
176
|
-
}), showLighter && /*#__PURE__*/_react["default"].createElement(_.Lighter, {
|
|
177
|
-
path: path,
|
|
178
|
-
config: lighter
|
|
179
|
-
}));
|
|
180
|
-
});
|
|
181
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
+
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports["default"] = void 0;
|
|
11
|
+
|
|
12
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
+
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
|
|
16
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
|
+
|
|
18
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
+
|
|
20
|
+
var _d3v = require("d3v7");
|
|
21
|
+
|
|
22
|
+
var _utils = require("../utils");
|
|
23
|
+
|
|
24
|
+
var _ = require(".");
|
|
25
|
+
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
+
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
29
|
+
|
|
30
|
+
var defined = function defined(d) {
|
|
31
|
+
return d.data.y != null;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
var getLineData = function getLineData(data, connectNulls) {
|
|
35
|
+
return connectNulls ? data.map(function (_ref) {
|
|
36
|
+
var data = _ref.data,
|
|
37
|
+
item = (0, _objectWithoutProperties2["default"])(_ref, ["data"]);
|
|
38
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
39
|
+
data: _objectSpread(_objectSpread({}, data), {}, {
|
|
40
|
+
y: +data.y
|
|
41
|
+
})
|
|
42
|
+
});
|
|
43
|
+
}) : data;
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
var Area = function Area(_ref2) {
|
|
47
|
+
var data = _ref2.data,
|
|
48
|
+
config = _ref2.config,
|
|
49
|
+
_ref2$config = _ref2.config,
|
|
50
|
+
id = _ref2$config.id,
|
|
51
|
+
fill = _ref2$config.fill,
|
|
52
|
+
type = _ref2$config.type,
|
|
53
|
+
url = _ref2$config.url,
|
|
54
|
+
opacity = _ref2$config.opacity,
|
|
55
|
+
_ref2$config$size = _ref2$config.size,
|
|
56
|
+
patternW = _ref2$config$size.width,
|
|
57
|
+
patternH = _ref2$config$size.height,
|
|
58
|
+
curve = _ref2$config.curve,
|
|
59
|
+
tension = _ref2$config.tension,
|
|
60
|
+
xScaler = _ref2.xScaler,
|
|
61
|
+
yScaler = _ref2.yScaler;
|
|
62
|
+
|
|
63
|
+
var _yScaler$range = yScaler.range(),
|
|
64
|
+
_yScaler$range2 = (0, _slicedToArray2["default"])(_yScaler$range, 1),
|
|
65
|
+
height = _yScaler$range2[0];
|
|
66
|
+
|
|
67
|
+
var area = (0, _react.useMemo)(function () {
|
|
68
|
+
return (0, _utils.getColorList)(fill);
|
|
69
|
+
}, [fill]);
|
|
70
|
+
var areaGen = (0, _react.useMemo)(function () {
|
|
71
|
+
var areaGen = (0, _d3v.area)().x(function (_ref3) {
|
|
72
|
+
var x = _ref3.data.x;
|
|
73
|
+
return xScaler(x);
|
|
74
|
+
}).y1(function (_ref4) {
|
|
75
|
+
var y = _ref4.data.y;
|
|
76
|
+
return yScaler(y);
|
|
77
|
+
}).y0(height).defined(defined);
|
|
78
|
+
curve && areaGen.curve(_d3v.curveCatmullRom.alpha(tension));
|
|
79
|
+
curve && areaGen.curve(_d3v.curveMonotoneX);
|
|
80
|
+
return areaGen;
|
|
81
|
+
}, [xScaler, yScaler, curve, tension]);
|
|
82
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("path", {
|
|
83
|
+
d: areaGen(data),
|
|
84
|
+
stroke: "none",
|
|
85
|
+
fill: 'url(#' + id + ')'
|
|
86
|
+
}), /*#__PURE__*/_react["default"].createElement("defs", null, type && type == 'pattern' ? /*#__PURE__*/_react["default"].createElement("pattern", {
|
|
87
|
+
id: id,
|
|
88
|
+
patternUnits: "userSpaceOnUse",
|
|
89
|
+
width: patternW,
|
|
90
|
+
height: patternH
|
|
91
|
+
}, url && /*#__PURE__*/_react["default"].createElement("image", {
|
|
92
|
+
opacity: opacity,
|
|
93
|
+
width: patternW,
|
|
94
|
+
height: patternH,
|
|
95
|
+
xlinkHref: window.appConfig.ASSETS_URL + url
|
|
96
|
+
})) : /*#__PURE__*/_react["default"].createElement(_.LinearGradient, {
|
|
97
|
+
id: id,
|
|
98
|
+
colors: area,
|
|
99
|
+
rotate: 0
|
|
100
|
+
})));
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
var _default = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
|
|
104
|
+
var type = _ref5.type,
|
|
105
|
+
_ref5$config$line = _ref5.config.line,
|
|
106
|
+
lineType = _ref5$config$line.type,
|
|
107
|
+
lineWidth = _ref5$config$line.lineWidth,
|
|
108
|
+
curve = _ref5$config$line.curve,
|
|
109
|
+
tension = _ref5$config$line.tension,
|
|
110
|
+
connectNulls = _ref5$config$line.connectNulls,
|
|
111
|
+
lighter = _ref5$config$line.lighter,
|
|
112
|
+
_ref5$line = _ref5.line,
|
|
113
|
+
lineId = _ref5$line.id,
|
|
114
|
+
stroke = _ref5$line.stroke,
|
|
115
|
+
area = _ref5.area,
|
|
116
|
+
data = _ref5.data,
|
|
117
|
+
_ref5$xAxis = _ref5.xAxis,
|
|
118
|
+
xScaler = _ref5$xAxis.scaler,
|
|
119
|
+
direction = _ref5$xAxis.direction,
|
|
120
|
+
yScaler = _ref5.yAxis.scaler;
|
|
121
|
+
if (!data.length) return null;
|
|
122
|
+
var ticks = xScaler.domain();
|
|
123
|
+
var sortData = (0, _react.useMemo)(function () {
|
|
124
|
+
var usefulData = data.filter(function (_ref6) {
|
|
125
|
+
var x = _ref6.data.x;
|
|
126
|
+
return ticks.indexOf(x) > -1;
|
|
127
|
+
});
|
|
128
|
+
return usefulData.sort(function (_ref7, _ref8) {
|
|
129
|
+
var a = _ref7.data.x;
|
|
130
|
+
var b = _ref8.data.x;
|
|
131
|
+
return ticks.indexOf(a) - ticks.indexOf(b);
|
|
132
|
+
});
|
|
133
|
+
}, [data, ticks]);
|
|
134
|
+
|
|
135
|
+
var _data = (0, _react.useMemo)(function () {
|
|
136
|
+
return getLineData(sortData, connectNulls);
|
|
137
|
+
}, [sortData, connectNulls]);
|
|
138
|
+
|
|
139
|
+
var lineGen = (0, _react.useMemo)(function () {
|
|
140
|
+
var isVertical = direction === 'vertical';
|
|
141
|
+
var lineGen = (isVertical ? (0, _d3v.line)().y(function (_ref9) {
|
|
142
|
+
var x = _ref9.data.x;
|
|
143
|
+
return xScaler(x);
|
|
144
|
+
}).x(function (_ref10) {
|
|
145
|
+
var y = _ref10.data.y;
|
|
146
|
+
return yScaler(y);
|
|
147
|
+
}) : (0, _d3v.line)().x(function (_ref11) {
|
|
148
|
+
var x = _ref11.data.x;
|
|
149
|
+
return xScaler(x);
|
|
150
|
+
}).y(function (_ref12) {
|
|
151
|
+
var y = _ref12.data.y;
|
|
152
|
+
return yScaler(y);
|
|
153
|
+
})).defined(defined);
|
|
154
|
+
curve && lineGen.curve(_d3v.curveCatmullRom.alpha(tension));
|
|
155
|
+
curve && lineGen.curve(_d3v.curveMonotoneX);
|
|
156
|
+
return lineGen;
|
|
157
|
+
}, [direction, xScaler, yScaler, tension, curve]);
|
|
158
|
+
var path = lineGen(_data);
|
|
159
|
+
var showLighter = lighter && lighter.show;
|
|
160
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
161
|
+
className: "__easyv-line"
|
|
162
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
163
|
+
d: path,
|
|
164
|
+
stroke: stroke,
|
|
165
|
+
fill: "none",
|
|
166
|
+
strokeDasharray: lineType === 'dash' ? '3 3' : null,
|
|
167
|
+
strokeWidth: lineWidth
|
|
168
|
+
}), type == 'area' && /*#__PURE__*/_react["default"].createElement(Area, {
|
|
169
|
+
data: _data,
|
|
170
|
+
config: _objectSpread(_objectSpread({}, area), {}, {
|
|
171
|
+
curve: curve,
|
|
172
|
+
tension: tension
|
|
173
|
+
}),
|
|
174
|
+
xScaler: xScaler,
|
|
175
|
+
yScaler: yScaler
|
|
176
|
+
}), showLighter && /*#__PURE__*/_react["default"].createElement(_.Lighter, {
|
|
177
|
+
path: path,
|
|
178
|
+
config: lighter
|
|
179
|
+
}));
|
|
180
|
+
});
|
|
181
|
+
|
|
182
182
|
exports["default"] = _default;
|
|
@@ -1,128 +1,128 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
-
|
|
16
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
|
|
18
|
-
var _react = require("react");
|
|
19
|
-
|
|
20
|
-
var _d3v = require("d3v7");
|
|
21
|
-
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
-
|
|
26
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
27
|
-
|
|
28
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
29
|
-
|
|
30
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
31
|
-
|
|
32
|
-
var groupBySeriesData = function groupBySeriesData(data) {
|
|
33
|
-
var groupBySeries = (0, _d3v.group)(data, function (d) {
|
|
34
|
-
return d.s;
|
|
35
|
-
});
|
|
36
|
-
var tmp = [];
|
|
37
|
-
|
|
38
|
-
var _iterator = _createForOfIteratorHelper(groupBySeries.entries()),
|
|
39
|
-
_step;
|
|
40
|
-
|
|
41
|
-
try {
|
|
42
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
43
|
-
var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
|
|
44
|
-
key = _step$value[0],
|
|
45
|
-
value = _step$value[1];
|
|
46
|
-
|
|
47
|
-
tmp.push({
|
|
48
|
-
key: key,
|
|
49
|
-
value: value
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
} catch (err) {
|
|
53
|
-
_iterator.e(err);
|
|
54
|
-
} finally {
|
|
55
|
-
_iterator.f();
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
return tmp;
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
var isValidData = function isValidData(data) {
|
|
62
|
-
return !!(Array.isArray(data) && data.filter(function (obj) {
|
|
63
|
-
return Object.prototype.toString.call(obj) === '[object Object]' && Object.keys(obj).length !== 0;
|
|
64
|
-
}).length > 0);
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
var _default = function _default(Component) {
|
|
68
|
-
return /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
69
|
-
var _ref$config = _ref.config,
|
|
70
|
-
series = _ref$config.series,
|
|
71
|
-
config = (0, _objectWithoutProperties2["default"])(_ref$config, ["series"]),
|
|
72
|
-
originData = _ref.data,
|
|
73
|
-
rest = (0, _objectWithoutProperties2["default"])(_ref, ["config", "data"]);
|
|
74
|
-
var data = (0, _react.useMemo)(function () {
|
|
75
|
-
if (!isValidData(originData)) return [];
|
|
76
|
-
return groupBySeriesData(originData);
|
|
77
|
-
}, [originData]);
|
|
78
|
-
|
|
79
|
-
var _series = (0, _react.useMemo)(function () {
|
|
80
|
-
if (!!data.length) {
|
|
81
|
-
var seriesLength = series.length;
|
|
82
|
-
var noName = series.every(function (_ref2) {
|
|
83
|
-
var fieldName = _ref2.fieldName;
|
|
84
|
-
return !fieldName;
|
|
85
|
-
});
|
|
86
|
-
var tmp = new Map();
|
|
87
|
-
|
|
88
|
-
if (!!noName) {
|
|
89
|
-
data.forEach(function (_ref3, index) {
|
|
90
|
-
var key = _ref3.key;
|
|
91
|
-
var current = series[index % seriesLength];
|
|
92
|
-
var name = key || '';
|
|
93
|
-
tmp.set(name, _objectSpread(_objectSpread({}, current), {}, {
|
|
94
|
-
name: name
|
|
95
|
-
}));
|
|
96
|
-
});
|
|
97
|
-
return tmp;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
var lastSeries = series[seriesLength - 1];
|
|
101
|
-
data.forEach(function (_ref4) {
|
|
102
|
-
var key = _ref4.key;
|
|
103
|
-
var current = series.find(function (_ref5) {
|
|
104
|
-
var fieldName = _ref5.fieldName;
|
|
105
|
-
return fieldName == key;
|
|
106
|
-
});
|
|
107
|
-
var result = current || lastSeries;
|
|
108
|
-
var name = (current ? current.fieldName || current.displayName : key) || '';
|
|
109
|
-
tmp.set(name, _objectSpread(_objectSpread({}, result), {}, {
|
|
110
|
-
name: name,
|
|
111
|
-
displayName: current ? current.displayName : '',
|
|
112
|
-
fieldName: current ? current.fieldName : ''
|
|
113
|
-
}));
|
|
114
|
-
});
|
|
115
|
-
return tmp;
|
|
116
|
-
}
|
|
117
|
-
}, [series, data]);
|
|
118
|
-
|
|
119
|
-
return !!data.length && /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, rest, {
|
|
120
|
-
data: originData,
|
|
121
|
-
config: _objectSpread(_objectSpread({}, config), {}, {
|
|
122
|
-
series: _series
|
|
123
|
-
})
|
|
124
|
-
}));
|
|
125
|
-
});
|
|
126
|
-
};
|
|
127
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
|
+
|
|
16
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
+
|
|
18
|
+
var _react = require("react");
|
|
19
|
+
|
|
20
|
+
var _d3v = require("d3v7");
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
+
|
|
26
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
27
|
+
|
|
28
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
29
|
+
|
|
30
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
31
|
+
|
|
32
|
+
var groupBySeriesData = function groupBySeriesData(data) {
|
|
33
|
+
var groupBySeries = (0, _d3v.group)(data, function (d) {
|
|
34
|
+
return d.s;
|
|
35
|
+
});
|
|
36
|
+
var tmp = [];
|
|
37
|
+
|
|
38
|
+
var _iterator = _createForOfIteratorHelper(groupBySeries.entries()),
|
|
39
|
+
_step;
|
|
40
|
+
|
|
41
|
+
try {
|
|
42
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
43
|
+
var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
|
|
44
|
+
key = _step$value[0],
|
|
45
|
+
value = _step$value[1];
|
|
46
|
+
|
|
47
|
+
tmp.push({
|
|
48
|
+
key: key,
|
|
49
|
+
value: value
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
} catch (err) {
|
|
53
|
+
_iterator.e(err);
|
|
54
|
+
} finally {
|
|
55
|
+
_iterator.f();
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
return tmp;
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
var isValidData = function isValidData(data) {
|
|
62
|
+
return !!(Array.isArray(data) && data.filter(function (obj) {
|
|
63
|
+
return Object.prototype.toString.call(obj) === '[object Object]' && Object.keys(obj).length !== 0;
|
|
64
|
+
}).length > 0);
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
var _default = function _default(Component) {
|
|
68
|
+
return /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
69
|
+
var _ref$config = _ref.config,
|
|
70
|
+
series = _ref$config.series,
|
|
71
|
+
config = (0, _objectWithoutProperties2["default"])(_ref$config, ["series"]),
|
|
72
|
+
originData = _ref.data,
|
|
73
|
+
rest = (0, _objectWithoutProperties2["default"])(_ref, ["config", "data"]);
|
|
74
|
+
var data = (0, _react.useMemo)(function () {
|
|
75
|
+
if (!isValidData(originData)) return [];
|
|
76
|
+
return groupBySeriesData(originData);
|
|
77
|
+
}, [originData]);
|
|
78
|
+
|
|
79
|
+
var _series = (0, _react.useMemo)(function () {
|
|
80
|
+
if (!!data.length) {
|
|
81
|
+
var seriesLength = series.length;
|
|
82
|
+
var noName = series.every(function (_ref2) {
|
|
83
|
+
var fieldName = _ref2.fieldName;
|
|
84
|
+
return !fieldName;
|
|
85
|
+
});
|
|
86
|
+
var tmp = new Map();
|
|
87
|
+
|
|
88
|
+
if (!!noName) {
|
|
89
|
+
data.forEach(function (_ref3, index) {
|
|
90
|
+
var key = _ref3.key;
|
|
91
|
+
var current = series[index % seriesLength];
|
|
92
|
+
var name = key || '';
|
|
93
|
+
tmp.set(name, _objectSpread(_objectSpread({}, current), {}, {
|
|
94
|
+
name: name
|
|
95
|
+
}));
|
|
96
|
+
});
|
|
97
|
+
return tmp;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
var lastSeries = series[seriesLength - 1];
|
|
101
|
+
data.forEach(function (_ref4) {
|
|
102
|
+
var key = _ref4.key;
|
|
103
|
+
var current = series.find(function (_ref5) {
|
|
104
|
+
var fieldName = _ref5.fieldName;
|
|
105
|
+
return fieldName == key;
|
|
106
|
+
});
|
|
107
|
+
var result = current || lastSeries;
|
|
108
|
+
var name = (current ? current.fieldName || current.displayName : key) || '';
|
|
109
|
+
tmp.set(name, _objectSpread(_objectSpread({}, result), {}, {
|
|
110
|
+
name: name,
|
|
111
|
+
displayName: current ? current.displayName : '',
|
|
112
|
+
fieldName: current ? current.fieldName : ''
|
|
113
|
+
}));
|
|
114
|
+
});
|
|
115
|
+
return tmp;
|
|
116
|
+
}
|
|
117
|
+
}, [series, data]);
|
|
118
|
+
|
|
119
|
+
return !!data.length && /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, rest, {
|
|
120
|
+
data: originData,
|
|
121
|
+
config: _objectSpread(_objectSpread({}, config), {}, {
|
|
122
|
+
series: _series
|
|
123
|
+
})
|
|
124
|
+
}));
|
|
125
|
+
});
|
|
126
|
+
};
|
|
127
|
+
|
|
128
128
|
exports["default"] = _default;
|