@zgfe/modules-event 1.0.5-heyh.7 → 1.0.5-heyh.8
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.
|
@@ -1,30 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
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); }
|
|
4
|
-
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; }
|
|
5
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { Empty } from 'antd';
|
|
8
|
-
import React, { useState, useContext } from 'react';
|
|
1
|
+
import React, { useContext } from 'react';
|
|
9
2
|
import { BizLoading } from '@zgfe/business-lib';
|
|
10
3
|
import { EventContext } from '../../types';
|
|
11
4
|
import './styles/index.less';
|
|
12
|
-
import EventChart from '../../modules/chart';
|
|
13
5
|
var classPrefix = 'render-content';
|
|
14
6
|
var ContentPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
15
7
|
var eventData = props.eventData,
|
|
16
8
|
searchData = props.searchData;
|
|
9
|
+
console.log(eventData, searchData, ref);
|
|
17
10
|
var _useContext = useContext(EventContext),
|
|
18
|
-
loading = _useContext.loading
|
|
19
|
-
onSelectEvent = _useContext.onSelectEvent;
|
|
20
|
-
var _useState = useState(props.showList || []),
|
|
21
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
-
showList = _useState2[0],
|
|
23
|
-
setShowList = _useState2[1];
|
|
24
|
-
var onChangeShow = function onChangeShow(names) {
|
|
25
|
-
setShowList(names);
|
|
26
|
-
if (props.onChangeShow) props.onChangeShow(names);
|
|
27
|
-
};
|
|
11
|
+
loading = _useContext.loading;
|
|
28
12
|
if (loading) {
|
|
29
13
|
return /*#__PURE__*/React.createElement(BizLoading, {
|
|
30
14
|
className: "".concat(classPrefix, "-loading")
|
|
@@ -34,21 +18,6 @@ var ContentPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
34
18
|
className: classPrefix
|
|
35
19
|
}, /*#__PURE__*/React.createElement("div", {
|
|
36
20
|
className: "".concat(classPrefix, "-chart-container")
|
|
37
|
-
}
|
|
38
|
-
ref: ref,
|
|
39
|
-
dataSource: eventData,
|
|
40
|
-
params: searchData,
|
|
41
|
-
showList: showList
|
|
42
|
-
}) : /*#__PURE__*/React.createElement(Empty, {
|
|
43
|
-
image: Empty.PRESENTED_IMAGE_SIMPLE,
|
|
44
|
-
description: "\u6682\u65E0\u6570\u636E"
|
|
45
|
-
})), eventData && eventData.series.length > 0 ? /*#__PURE__*/React.createElement(EventChart, {
|
|
46
|
-
type: "grid",
|
|
47
|
-
dataSource: eventData,
|
|
48
|
-
params: searchData,
|
|
49
|
-
showList: showList,
|
|
50
|
-
onChangeShow: onChangeShow,
|
|
51
|
-
onSelectEvent: onSelectEvent
|
|
52
|
-
}) : null);
|
|
21
|
+
}));
|
|
53
22
|
});
|
|
54
23
|
export default ContentPanel;
|
|
@@ -127,7 +127,7 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
127
127
|
className: "".concat(classPrefix, "-loading")
|
|
128
128
|
});
|
|
129
129
|
}
|
|
130
|
-
if (!dataSource || !
|
|
130
|
+
if (!dataSource || !dataSource.xAxis.length || !dataSource.series.length) {
|
|
131
131
|
return /*#__PURE__*/React.createElement(Empty, {
|
|
132
132
|
image: Empty.PRESENTED_IMAGE_SIMPLE,
|
|
133
133
|
description: "\u6682\u65E0\u6570\u636E"
|
|
@@ -139,36 +139,14 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
139
139
|
title: '当前图表数据实时更新,约每分钟更新一次'
|
|
140
140
|
}, /*#__PURE__*/React.createElement("div", null, "\u6570\u636E\u66F4\u65B0\u65F6\u95F4\uFF1A", moment().format('YYYY-MM-DD HH:mm')));
|
|
141
141
|
};
|
|
142
|
-
var chartBox = function chartBox() {
|
|
143
|
-
console.log('chartBox: ', chartBox);
|
|
144
|
-
if (dataSource.series.length <= 0) {
|
|
145
|
-
return /*#__PURE__*/React.createElement(Empty, {
|
|
146
|
-
image: Empty.PRESENTED_IMAGE_SIMPLE,
|
|
147
|
-
description: "\u6682\u65E0\u6570\u636E"
|
|
148
|
-
});
|
|
149
|
-
} else {
|
|
150
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
151
|
-
className: "".concat(classPrefix, "-chart-box")
|
|
152
|
-
}, !!props.dataSource && dataUpdateTime(), /*#__PURE__*/React.createElement(BizChart, {
|
|
153
|
-
ref: ref,
|
|
154
|
-
key: chartType,
|
|
155
|
-
type: chartType,
|
|
156
|
-
data: chartType === 'map' ? getMapChartData(dataSource) : dataSource,
|
|
157
|
-
legendPosition: "bottom",
|
|
158
|
-
showList: showList,
|
|
159
|
-
colors: showColors,
|
|
160
|
-
xRotate: chartType === 'bar' && dataSource.series.length > 5 ? 40 : 0,
|
|
161
|
-
reverseXAxis: chartType === 'bar',
|
|
162
|
-
isCity: isCity
|
|
163
|
-
}));
|
|
164
|
-
}
|
|
165
|
-
};
|
|
166
142
|
switch (chartType) {
|
|
167
143
|
case 'line':
|
|
168
144
|
case 'bar':
|
|
169
145
|
case 'pie':
|
|
170
146
|
case 'map':
|
|
171
|
-
return /*#__PURE__*/React.createElement(
|
|
147
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
148
|
+
className: "".concat(classPrefix, "-chart-box")
|
|
149
|
+
}, !!props.dataSource && dataUpdateTime(), /*#__PURE__*/React.createElement(BizChart, {
|
|
172
150
|
ref: ref,
|
|
173
151
|
key: chartType,
|
|
174
152
|
type: chartType,
|
|
@@ -179,7 +157,7 @@ var EventChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
179
157
|
xRotate: chartType === 'bar' && dataSource.series.length > 5 ? 40 : 0,
|
|
180
158
|
reverseXAxis: chartType === 'bar',
|
|
181
159
|
isCity: isCity
|
|
182
|
-
});
|
|
160
|
+
}));
|
|
183
161
|
case 'grid':
|
|
184
162
|
return /*#__PURE__*/React.createElement(EventTable, {
|
|
185
163
|
dataSource: dataSource,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-event",
|
|
3
|
-
"version": "1.0.5-heyh.
|
|
3
|
+
"version": "1.0.5-heyh.8",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"start": "dumi dev",
|
|
6
6
|
"docs:build": "dumi build",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"react": "^16.12.0 || ^17.0.0",
|
|
50
50
|
"yorkie": "^2.0.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "1413b77f8d7d0b13b4ca34c9cdee91aa558a9eb6",
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"react-copy-to-clipboard": "^5.1.0",
|
|
55
55
|
"react-highlight": "^0.15.0"
|