@zgfe/modules-event 1.0.29-zhongyuanE.0 → 1.0.29-zhongyuanE.17
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/es/components/renderContent/styles/index.less +0 -19
- package/package.json +3 -3
- package/es/components/eventFilter/index.d.ts +0 -5
- package/es/components/eventFilter/index.js +0 -312
- package/es/components/eventFilter/setCascade.d.ts +0 -3
- package/es/components/eventFilter/setCascade.js +0 -286
- package/es/components/eventFilter/types.d.ts +0 -21
- package/es/components/eventFilter/types.js +0 -1
- package/es/components/index.d.ts +0 -4
- package/es/components/index.js +0 -4
- package/es/components/renderContent/index.d.ts +0 -5
- package/es/components/renderContent/index.js +0 -46
- package/es/components/renderContent/types.d.ts +0 -8
- package/es/components/renderContent/types.js +0 -1
- package/es/components/searchPanel/index.d.ts +0 -5
- package/es/components/searchPanel/index.js +0 -131
- package/es/components/searchPanel/styles/index.less +0 -22
- package/es/components/searchPanel/types.d.ts +0 -28
- package/es/components/searchPanel/types.js +0 -1
- package/es/components/table/index.d.ts +0 -6
- package/es/components/table/index.js +0 -319
- package/es/components/table/styles/index.css +0 -236
- package/es/components/table/styles/index.less +0 -249
- package/es/components/table/types.d.ts +0 -10
- package/es/components/table/types.js +0 -1
- package/es/components/topBar/index.d.ts +0 -10
- package/es/components/topBar/index.js +0 -174
- package/es/components/topBar/styles/index.less +0 -58
- package/es/components/topBar/types.d.ts +0 -8
- package/es/components/topBar/types.js +0 -1
- package/es/constants/apis.d.ts +0 -10
- package/es/constants/apis.js +0 -10
- package/es/constants/chart.d.ts +0 -2
- package/es/constants/chart.js +0 -31
- package/es/constants/color.d.ts +0 -1
- package/es/constants/color.js +0 -1
- package/es/constants/fields.d.ts +0 -251
- package/es/constants/fields.js +0 -177
- package/es/constants/index.d.ts +0 -6
- package/es/constants/index.js +0 -6
- package/es/constants/initData.d.ts +0 -2
- package/es/constants/initData.js +0 -9
- package/es/index.d.ts +0 -6
- package/es/index.js +0 -5
- package/es/modules/chart/demo/data.d.ts +0 -73
- package/es/modules/chart/demo/data.js +0 -484
- package/es/modules/chart/demo/index.d.ts +0 -3
- package/es/modules/chart/demo/index.js +0 -51
- package/es/modules/chart/demo/panel.d.ts +0 -3
- package/es/modules/chart/demo/panel.js +0 -16
- package/es/modules/chart/index.d.ts +0 -4
- package/es/modules/chart/index.js +0 -253
- package/es/modules/chart/types.d.ts +0 -19
- package/es/modules/chart/types.js +0 -1
- package/es/modules/content/index.d.ts +0 -5
- package/es/modules/content/index.js +0 -300
- package/es/modules/content/styles/index.less +0 -19
- package/es/modules/content/types.d.ts +0 -11
- package/es/modules/content/types.js +0 -1
- package/es/modules/content/utils.d.ts +0 -17
- package/es/modules/content/utils.js +0 -107
- package/es/modules/home/demo/create.d.ts +0 -3
- package/es/modules/home/demo/create.js +0 -58
- package/es/modules/home/demo/edit.d.ts +0 -3
- package/es/modules/home/demo/edit.js +0 -73
- package/es/modules/home/demo/index.d.ts +0 -4
- package/es/modules/home/demo/index.js +0 -55
- package/es/modules/home/demo/scene.d.ts +0 -3
- package/es/modules/home/demo/scene.js +0 -89
- package/es/modules/home/demo/styles/index.less +0 -33
- package/es/modules/home/index.d.ts +0 -5
- package/es/modules/home/index.js +0 -184
- package/es/modules/home/styles/index.less +0 -49
- package/es/modules/home/types.d.ts +0 -34
- package/es/modules/home/types.js +0 -1
- package/es/modules/topPanel/index.d.ts +0 -5
- package/es/modules/topPanel/index.js +0 -246
- package/es/modules/topPanel/styles/index.less +0 -50
- package/es/modules/topPanel/types.d.ts +0 -46
- package/es/modules/topPanel/types.js +0 -1
- package/es/style/theme.d.ts +0 -15
- package/es/style/theme.js +0 -14
- package/es/types.d.ts +0 -86
- package/es/types.js +0 -6
- package/es/utils/ajaxConfig.d.ts +0 -8
- package/es/utils/ajaxConfig.js +0 -40
- package/es/utils/base64.d.ts +0 -23
- package/es/utils/base64.js +0 -125
- package/es/utils/formData.d.ts +0 -20
- package/es/utils/formData.js +0 -406
- package/es/utils/util.d.ts +0 -32
- package/es/utils/util.js +0 -139
package/es/components/index.d.ts
DELETED
package/es/components/index.js
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React, { useContext } from 'react';
|
|
2
|
-
import { BizLoading } from '@zgfe/business-lib';
|
|
3
|
-
import { EventContext } from '../../types';
|
|
4
|
-
import './styles/index.less';
|
|
5
|
-
import EventChart from '../../modules/chart';
|
|
6
|
-
var classPrefix = 'render-content';
|
|
7
|
-
var ContentPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
8
|
-
var eventData = props.eventData,
|
|
9
|
-
searchData = props.searchData;
|
|
10
|
-
var _useContext = useContext(EventContext),
|
|
11
|
-
loading = _useContext.loading,
|
|
12
|
-
refreshLoading = _useContext.refreshLoading,
|
|
13
|
-
onSelectEvent = _useContext.onSelectEvent,
|
|
14
|
-
showListHome = _useContext.showListHome,
|
|
15
|
-
setShowListHome = _useContext.setShowListHome,
|
|
16
|
-
completedSearchData = _useContext.completedSearchData;
|
|
17
|
-
var onChangeShow = function onChangeShow(names) {
|
|
18
|
-
setShowListHome(names);
|
|
19
|
-
};
|
|
20
|
-
if (loading || refreshLoading) {
|
|
21
|
-
return /*#__PURE__*/React.createElement(BizLoading, {
|
|
22
|
-
className: "".concat(classPrefix, "-loading")
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
26
|
-
className: classPrefix
|
|
27
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: "".concat(classPrefix, "-chart-container")
|
|
29
|
-
}, /*#__PURE__*/React.createElement(EventChart, {
|
|
30
|
-
ref: ref,
|
|
31
|
-
dataSource: eventData,
|
|
32
|
-
params: searchData,
|
|
33
|
-
completedSearchData: completedSearchData,
|
|
34
|
-
showList: showListHome
|
|
35
|
-
})), eventData && eventData.series.length > 0 ? /*#__PURE__*/React.createElement(EventChart, {
|
|
36
|
-
type: "grid",
|
|
37
|
-
isHideDel: true,
|
|
38
|
-
dataSource: eventData,
|
|
39
|
-
params: searchData,
|
|
40
|
-
completedSearchData: completedSearchData,
|
|
41
|
-
showList: showListHome,
|
|
42
|
-
onChangeShow: onChangeShow,
|
|
43
|
-
onSelectEvent: onSelectEvent
|
|
44
|
-
}) : null);
|
|
45
|
-
});
|
|
46
|
-
export default ContentPanel;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { SearchValue, ResponseDataProps } from '../../types';
|
|
2
|
-
export interface RenderContentProps {
|
|
3
|
-
eventData?: ResponseDataProps;
|
|
4
|
-
searchData?: SearchValue;
|
|
5
|
-
isCity?: boolean;
|
|
6
|
-
afterEditTarget?: (type: string, value?: any) => void;
|
|
7
|
-
onChangeShow?: (data: string[]) => void;
|
|
8
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
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; }
|
|
3
|
-
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) { _defineProperty(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; }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
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."); }
|
|
9
|
-
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); }
|
|
10
|
-
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; }
|
|
11
|
-
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; } }
|
|
12
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
import { BizSelect, BizTargetDimension, useChanged, IconFont, BizDatePickerV2 } from '@zgfe/business-lib';
|
|
14
|
-
import { Button } from 'antd';
|
|
15
|
-
import { DatePickerTypes } from '@zgfe/business-lib/es/datePickerV2/types';
|
|
16
|
-
import React, { useContext, useEffect, useState } from 'react';
|
|
17
|
-
import { chartTypeOptions, getInitDate } from '../../constants';
|
|
18
|
-
import { EventContext } from '../../types';
|
|
19
|
-
import { normalOptions, normalEventOptions } from '../../modules/content/utils';
|
|
20
|
-
import './styles/index.less';
|
|
21
|
-
var classPrefix = 'search-panel';
|
|
22
|
-
var SearchPanel = function SearchPanel(props) {
|
|
23
|
-
var _useContext = useContext(EventContext),
|
|
24
|
-
includeToday = _useContext.includeToday,
|
|
25
|
-
searchData = _useContext.searchData,
|
|
26
|
-
currentApp = _useContext.currentApp,
|
|
27
|
-
refreshLoading = _useContext.refreshLoading;
|
|
28
|
-
var analysisSubjectType = props.analysisSubjectType,
|
|
29
|
-
dimension = props.dimension,
|
|
30
|
-
setDimension = props.setDimension;
|
|
31
|
-
var _useState = useState(props.time || getInitDate(includeToday)),
|
|
32
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
-
time = _useState2[0],
|
|
34
|
-
setTime = _useState2[1];
|
|
35
|
-
var _useState3 = useState(chartTypeOptions[0]),
|
|
36
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
37
|
-
chart = _useState4[0],
|
|
38
|
-
setChart = _useState4[1];
|
|
39
|
-
var currentNormalOptions = analysisSubjectType === 'user' ? normalOptions(currentApp === null || currentApp === void 0 ? void 0 : currentApp.type) : normalEventOptions;
|
|
40
|
-
useEffect(function () {
|
|
41
|
-
if (searchData.chartType && searchData.chartType !== chart.value) {
|
|
42
|
-
if (searchData.chartType.indexOf(',') !== -1) {
|
|
43
|
-
setChart({
|
|
44
|
-
value: searchData.chartType.split(',')[0]
|
|
45
|
-
});
|
|
46
|
-
} else {
|
|
47
|
-
setChart({
|
|
48
|
-
value: searchData.chartType
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}, [searchData]);
|
|
53
|
-
useEffect(function () {
|
|
54
|
-
if (!props.enableSelectChart && chart.value === 'map') {
|
|
55
|
-
setChart({
|
|
56
|
-
value: 'line'
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
}, [props.enableSelectChart]);
|
|
60
|
-
var onChangeTime = function onChangeTime(val) {
|
|
61
|
-
setTime(val);
|
|
62
|
-
props.onChange && props.onChange(_objectSpread({
|
|
63
|
-
time: val,
|
|
64
|
-
chartType: chart.value
|
|
65
|
-
}, dimension));
|
|
66
|
-
};
|
|
67
|
-
var onChange = function onChange(val) {
|
|
68
|
-
setChart(val);
|
|
69
|
-
props.onChange && props.onChange(_objectSpread({
|
|
70
|
-
time: time,
|
|
71
|
-
chartType: val.value
|
|
72
|
-
}, dimension));
|
|
73
|
-
};
|
|
74
|
-
var onDimensionChange = function onDimensionChange(data) {
|
|
75
|
-
setDimension && setDimension(data);
|
|
76
|
-
props.onChange && props.onChange({
|
|
77
|
-
time: time,
|
|
78
|
-
chartType: chart.value,
|
|
79
|
-
analysisIndex: data.analysisIndex,
|
|
80
|
-
analysisAttr: data.analysisAttr
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
useChanged(function (pre, next) {
|
|
84
|
-
if (pre === next) return;
|
|
85
|
-
onDimensionChange({
|
|
86
|
-
analysisIndex: currentNormalOptions[0].value,
|
|
87
|
-
analysisAttr: undefined
|
|
88
|
-
});
|
|
89
|
-
}, props.eventId);
|
|
90
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
91
|
-
className: classPrefix
|
|
92
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
93
|
-
style: {
|
|
94
|
-
display: 'flex'
|
|
95
|
-
}
|
|
96
|
-
}, /*#__PURE__*/React.createElement(BizDatePickerV2, {
|
|
97
|
-
defaultValue: time,
|
|
98
|
-
onChange: onChangeTime,
|
|
99
|
-
selectRange: 6000,
|
|
100
|
-
dateTypeList: [DatePickerTypes.Unit.minute, DatePickerTypes.Unit.hour, DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month],
|
|
101
|
-
selectRangeUnit: "days"
|
|
102
|
-
}), /*#__PURE__*/React.createElement(BizTargetDimension, {
|
|
103
|
-
normalOptions: currentNormalOptions,
|
|
104
|
-
value: dimension,
|
|
105
|
-
eventId: props.eventId,
|
|
106
|
-
isExtend: true,
|
|
107
|
-
onChange: onDimensionChange
|
|
108
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
109
|
-
className: "".concat(classPrefix, "-search-right")
|
|
110
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
111
|
-
className: "".concat(classPrefix, "-search-right-refresh"),
|
|
112
|
-
icon: /*#__PURE__*/React.createElement(IconFont, {
|
|
113
|
-
type: "zhongxinjiazai"
|
|
114
|
-
}),
|
|
115
|
-
loading: refreshLoading,
|
|
116
|
-
onClick: function onClick() {
|
|
117
|
-
return props.refreshHandle();
|
|
118
|
-
}
|
|
119
|
-
}, "\u5237\u65B0"), /*#__PURE__*/React.createElement(BizSelect, {
|
|
120
|
-
className: "".concat(classPrefix, "-select"),
|
|
121
|
-
options: chartTypeOptions,
|
|
122
|
-
defaultValue: chart,
|
|
123
|
-
value: chart,
|
|
124
|
-
labelField: "label",
|
|
125
|
-
keyField: "value",
|
|
126
|
-
theme: "secondary",
|
|
127
|
-
onChange: onChange,
|
|
128
|
-
disableItemList: props.enableSelectChart ? [] : [chartTypeOptions[3]]
|
|
129
|
-
})));
|
|
130
|
-
};
|
|
131
|
-
export default SearchPanel;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
@import '~@zgfe/business-lib/es/assets/styles/variable.less';
|
|
2
|
-
|
|
3
|
-
.search-panel {
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: space-between;
|
|
7
|
-
height: 32px;
|
|
8
|
-
margin-bottom: 24px;
|
|
9
|
-
|
|
10
|
-
&-search-right {
|
|
11
|
-
display: flex;
|
|
12
|
-
gap: 16px;
|
|
13
|
-
&-refresh {
|
|
14
|
-
display: flex !important;
|
|
15
|
-
gap: 4px;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&-select {
|
|
20
|
-
width: 112px;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { DatePickerTypes } from '@zgfe/business-lib/es/datePicker/types';
|
|
2
|
-
import { EventChartTypes } from '../../types';
|
|
3
|
-
import { TargetConditionTypes } from '@zgfe/business-lib';
|
|
4
|
-
export interface AnalysisSubject {
|
|
5
|
-
subjectId?: number;
|
|
6
|
-
id?: number;
|
|
7
|
-
name?: string;
|
|
8
|
-
unit?: string;
|
|
9
|
-
subjectAlias?: string;
|
|
10
|
-
subjectName?: string;
|
|
11
|
-
}
|
|
12
|
-
export interface SearchPanelProps {
|
|
13
|
-
refreshHandle: Function;
|
|
14
|
-
analysisIndex?: string;
|
|
15
|
-
analysisAttr?: string;
|
|
16
|
-
enableSelectChart?: boolean;
|
|
17
|
-
time?: DatePickerTypes.Value;
|
|
18
|
-
eventId?: number;
|
|
19
|
-
chartType?: EventChartTypes;
|
|
20
|
-
onChange?: (data: SearchPanelProps) => void;
|
|
21
|
-
setIsCity?: Function;
|
|
22
|
-
setEnableSelectChart?: Function;
|
|
23
|
-
analysisSubjectType?: string;
|
|
24
|
-
analysisSubject?: AnalysisSubject;
|
|
25
|
-
dimension?: TargetConditionTypes.DimensionValue;
|
|
26
|
-
setDimension?: Function;
|
|
27
|
-
optionNode?: any;
|
|
28
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,319 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
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; }
|
|
3
|
-
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) { _defineProperty(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; }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
8
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
10
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
11
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
|
-
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."); }
|
|
13
|
-
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); }
|
|
14
|
-
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; }
|
|
15
|
-
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; } }
|
|
16
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
-
import { ajax, BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
|
|
18
|
-
import React, { useContext, useEffect, useMemo, useState } from 'react';
|
|
19
|
-
import Highlight from 'react-highlight';
|
|
20
|
-
import { CopyToClipboard } from 'react-copy-to-clipboard';
|
|
21
|
-
import 'highlight.js/styles/vs.css';
|
|
22
|
-
import base64 from '../../utils/base64';
|
|
23
|
-
import { Apis } from '../../constants';
|
|
24
|
-
import { Modal, message, Table, ConfigProvider, Empty, Tooltip, Typography } from 'antd';
|
|
25
|
-
import { ExclamationCircleOutlined } from '@ant-design/icons';
|
|
26
|
-
import { formTableData, getColumns } from '../../utils/formData';
|
|
27
|
-
import './styles/index.less';
|
|
28
|
-
import { getValue } from '../../modules/content/utils';
|
|
29
|
-
import { EventContext } from '../../types';
|
|
30
|
-
import { getEventAliasName } from '../../utils/formData';
|
|
31
|
-
var classPrefix = 'event-mi-table';
|
|
32
|
-
var Text = Typography.Text;
|
|
33
|
-
var EventTable = function EventTable(props) {
|
|
34
|
-
var dataSource = props.dataSource,
|
|
35
|
-
searchData = props.searchData,
|
|
36
|
-
showList = props.showList,
|
|
37
|
-
sourcePanel = props.sourcePanel;
|
|
38
|
-
var _useState = useState([]),
|
|
39
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
-
tableData = _useState2[0],
|
|
41
|
-
setTableData = _useState2[1];
|
|
42
|
-
var _useContext = useContext(BizGlobalDataContext),
|
|
43
|
-
_useContext$eventGrou = _useContext.eventGroupList,
|
|
44
|
-
eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou,
|
|
45
|
-
eventEnvList = _useContext.eventEnvList,
|
|
46
|
-
userPropList = _useContext.userPropList,
|
|
47
|
-
userGroupList = _useContext.userGroupList,
|
|
48
|
-
authority = _useContext.authority,
|
|
49
|
-
showProdDownload = _useContext.showProdDownload;
|
|
50
|
-
var _useContext2 = useContext(EventContext),
|
|
51
|
-
onUserDrill = _useContext2.onUserDrill,
|
|
52
|
-
_useContext2$defaultS = _useContext2.defaultSearch,
|
|
53
|
-
defaultSearch = _useContext2$defaultS === void 0 ? {} : _useContext2$defaultS,
|
|
54
|
-
panelName = _useContext2.panelName,
|
|
55
|
-
currentApp = _useContext2.currentApp;
|
|
56
|
-
var _useState3 = useState(false),
|
|
57
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
58
|
-
sqlModal = _useState4[0],
|
|
59
|
-
setSqlModal = _useState4[1];
|
|
60
|
-
var _useState5 = useState(''),
|
|
61
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
62
|
-
sqlText = _useState6[0],
|
|
63
|
-
setSqlText = _useState6[1];
|
|
64
|
-
var _useState7 = useState(1),
|
|
65
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
66
|
-
current = _useState8[0],
|
|
67
|
-
setCurrent = _useState8[1];
|
|
68
|
-
var _useState9 = useState(10),
|
|
69
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
70
|
-
pageSize = _useState10[0],
|
|
71
|
-
setPageSize = _useState10[1];
|
|
72
|
-
var _useState11 = useState(0),
|
|
73
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
74
|
-
total = _useState12[0],
|
|
75
|
-
setTotal = _useState12[1];
|
|
76
|
-
var _useState13 = useState(),
|
|
77
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
78
|
-
pvTitle = _useState14[0],
|
|
79
|
-
setPvTitle = _useState14[1];
|
|
80
|
-
useEffect(function () {
|
|
81
|
-
var gLen = (searchData === null || searchData === void 0 ? void 0 : searchData.dimension) ? 1 : 0;
|
|
82
|
-
var _data = formTableData(dataSource, searchData.userGroup || [0], gLen);
|
|
83
|
-
setTotal(_data.length);
|
|
84
|
-
var dataAll = [];
|
|
85
|
-
if (dataSource.userGroupEventTimeSum) {
|
|
86
|
-
dataSource.userGroupEventTimeSum.map(function (item) {
|
|
87
|
-
var data = {
|
|
88
|
-
eventName: '总计',
|
|
89
|
-
dimension: '总计',
|
|
90
|
-
isAdd: true,
|
|
91
|
-
id: Math.random(),
|
|
92
|
-
name: '总计',
|
|
93
|
-
nameGroup: '总计',
|
|
94
|
-
originalName: '总计',
|
|
95
|
-
userGroup: Object.keys(item)[0]
|
|
96
|
-
};
|
|
97
|
-
var sum = 0;
|
|
98
|
-
Object.values(item)[0].forEach(function (item, index) {
|
|
99
|
-
data["field".concat(index)] = item;
|
|
100
|
-
sum += item;
|
|
101
|
-
});
|
|
102
|
-
data.attrSum = sum;
|
|
103
|
-
dataAll.push(data);
|
|
104
|
-
});
|
|
105
|
-
setPvTitle(dataSource.eventPvTitle.split(';').map(function (item) {
|
|
106
|
-
return item.split(' ');
|
|
107
|
-
}));
|
|
108
|
-
}
|
|
109
|
-
setTableData([].concat(dataAll, _toConsumableArray(_data)));
|
|
110
|
-
}, []);
|
|
111
|
-
var columns = useMemo(function () {
|
|
112
|
-
var _searchData$userGroup = searchData.userGroup,
|
|
113
|
-
userGroup = _searchData$userGroup === void 0 ? [0] : _searchData$userGroup;
|
|
114
|
-
var onShowClick = function onShowClick(nameGroup) {
|
|
115
|
-
props.changeShowByName(nameGroup);
|
|
116
|
-
};
|
|
117
|
-
var onClickToDetail = function onClickToDetail(item, time, count) {
|
|
118
|
-
var _searchData$dimension, _searchData$filters;
|
|
119
|
-
var userGroupData = userGroup[0] == null ? [] : [userGroup[0]];
|
|
120
|
-
if ((userGroup === null || userGroup === void 0 ? void 0 : userGroup.length) > 1) {
|
|
121
|
-
userGroupList && userGroupList.forEach(function (user) {
|
|
122
|
-
if (user.name === item.userGroup) {
|
|
123
|
-
userGroupData = [user.id];
|
|
124
|
-
}
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
var _time = time.split('|');
|
|
128
|
-
var groupValue = '';
|
|
129
|
-
if (searchData.dimension && item.dimension) {
|
|
130
|
-
groupValue = item.originalName;
|
|
131
|
-
} else {
|
|
132
|
-
eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
|
|
133
|
-
group.eventList.forEach(function (event) {
|
|
134
|
-
if (event.name === item.originalName) {
|
|
135
|
-
groupValue = event.id.toString();
|
|
136
|
-
}
|
|
137
|
-
});
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
onUserDrill && onUserDrill({
|
|
141
|
-
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
|
|
142
|
-
platform: (searchData === null || searchData === void 0 ? void 0 : searchData.platform) || 0,
|
|
143
|
-
count: count,
|
|
144
|
-
module: 'event',
|
|
145
|
-
params: {
|
|
146
|
-
groupValue: groupValue,
|
|
147
|
-
groupValueEncry: (((_searchData$dimension = searchData.dimension) === null || _searchData$dimension === void 0 ? void 0 : _searchData$dimension.encryptionType) || 0) > 0,
|
|
148
|
-
id: searchData.id,
|
|
149
|
-
userGroup: userGroupData,
|
|
150
|
-
chartType: searchData.chartType,
|
|
151
|
-
conditions: (_searchData$filters = searchData.filters) === null || _searchData$filters === void 0 ? void 0 : _searchData$filters.conditions,
|
|
152
|
-
dimension: searchData.dimension,
|
|
153
|
-
dataType: searchData.id ? 'event' : 'overview',
|
|
154
|
-
time: _objectSpread(_objectSpread({}, searchData.time), {}, {
|
|
155
|
-
begin: _time[0],
|
|
156
|
-
end: _time.length > 1 ? _time[1] : _time[0]
|
|
157
|
-
})
|
|
158
|
-
},
|
|
159
|
-
source: 'EVENT',
|
|
160
|
-
url: searchData.analysisSubject ? '/zg/web/v2/data/eventSubjectDetail' : '/zg/web/v2/data/appEventBatch',
|
|
161
|
-
analysisSubject: searchData.analysisSubject ? searchData.analysisSubject : undefined
|
|
162
|
-
}, _objectSpread(_objectSpread({
|
|
163
|
-
source: 'EVENT'
|
|
164
|
-
}, defaultSearch), {}, {
|
|
165
|
-
name: panelName,
|
|
166
|
-
data: searchData
|
|
167
|
-
}));
|
|
168
|
-
};
|
|
169
|
-
var _getColumns = getColumns(eventGroupList, userPropList, eventEnvList, dataSource.xAxis || [], userGroup, searchData, showList, onShowClick, onClickToDetail, props === null || props === void 0 ? void 0 : props.onSelectEvent);
|
|
170
|
-
return _getColumns;
|
|
171
|
-
}, [dataSource.xAxis, showList, panelName]);
|
|
172
|
-
var seeSql = function seeSql() {
|
|
173
|
-
ajax(Apis.getEventDataSql, {
|
|
174
|
-
method: 'post',
|
|
175
|
-
data: _objectSpread({
|
|
176
|
-
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
|
|
177
|
-
platform: (searchData === null || searchData === void 0 ? void 0 : searchData.platform) || 0,
|
|
178
|
-
service: searchData.id ? 'event_sql' : 'event/overview_sql'
|
|
179
|
-
}, searchData)
|
|
180
|
-
}).then(function (res) {
|
|
181
|
-
if (res === null || res === void 0 ? void 0 : res.data) {
|
|
182
|
-
setSqlText(res.data.sql);
|
|
183
|
-
setSqlModal(true);
|
|
184
|
-
}
|
|
185
|
-
});
|
|
186
|
-
};
|
|
187
|
-
var download = function download() {
|
|
188
|
-
var seriesNames = [];
|
|
189
|
-
if (searchData.userGroup && (searchData.userGroup.length > 1 || searchData.userGroup[0] !== 0)) {
|
|
190
|
-
seriesNames.push(base64.encode('用户群'));
|
|
191
|
-
}
|
|
192
|
-
if (searchData.dimension) {
|
|
193
|
-
seriesNames.push(base64.encode(getValue(searchData.dimension, eventGroupList, eventEnvList, userPropList).label));
|
|
194
|
-
}
|
|
195
|
-
if (searchData.id && !searchData.dimension || !searchData.id) {
|
|
196
|
-
seriesNames.push(base64.encode('事件'));
|
|
197
|
-
}
|
|
198
|
-
var fname = "\u4E8B\u4EF6\u5206\u6790-".concat((searchData === null || searchData === void 0 ? void 0 : searchData.name) ? getEventAliasName(searchData === null || searchData === void 0 ? void 0 : searchData.name, eventGroupList) : '事件概览');
|
|
199
|
-
var params = _objectSpread(_objectSpread({
|
|
200
|
-
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
|
|
201
|
-
platform: (searchData === null || searchData === void 0 ? void 0 : searchData.platform) || 0
|
|
202
|
-
}, searchData), {}, {
|
|
203
|
-
down: {
|
|
204
|
-
fname: base64.encode(fname),
|
|
205
|
-
titles: seriesNames
|
|
206
|
-
}
|
|
207
|
-
});
|
|
208
|
-
ajax(Apis.eventDownloadReport, {
|
|
209
|
-
method: 'post',
|
|
210
|
-
data: params,
|
|
211
|
-
responseType: 'blob',
|
|
212
|
-
fileName: fname,
|
|
213
|
-
getResponse: true
|
|
214
|
-
}).then(function () {
|
|
215
|
-
message.success('下载成功!');
|
|
216
|
-
});
|
|
217
|
-
};
|
|
218
|
-
var pageChange = function pageChange(page, pageSize) {
|
|
219
|
-
setCurrent(page);
|
|
220
|
-
setPageSize(pageSize);
|
|
221
|
-
};
|
|
222
|
-
var tableEmptyRender = function tableEmptyRender() {
|
|
223
|
-
return /*#__PURE__*/React.createElement(Empty, {
|
|
224
|
-
image: Empty.PRESENTED_IMAGE_SIMPLE,
|
|
225
|
-
description: "\u6682\u65E0\u6570\u636E"
|
|
226
|
-
});
|
|
227
|
-
};
|
|
228
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
229
|
-
className: classPrefix
|
|
230
|
-
}, !sourcePanel && /*#__PURE__*/React.createElement("div", {
|
|
231
|
-
className: "".concat(classPrefix, "-table-header")
|
|
232
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
233
|
-
className: "".concat(classPrefix, "-table-header-left")
|
|
234
|
-
}, "\u6307\u6807\u8BE6\u60C5", pvTitle && pvTitle.length ? /*#__PURE__*/React.createElement("div", {
|
|
235
|
-
className: "".concat(classPrefix, "-table-header-left-box")
|
|
236
|
-
}, "\uFF08\u4E8B\u4EF6\u603B\u91CF\uFF1A", /*#__PURE__*/React.createElement("div", {
|
|
237
|
-
className: "".concat(classPrefix, "-table-header-left-content")
|
|
238
|
-
}, pvTitle.map(function (item, index) {
|
|
239
|
-
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
240
|
-
title: item[0] + ':' + item[1],
|
|
241
|
-
key: index
|
|
242
|
-
}, /*#__PURE__*/React.createElement("span", null, item[0], "\uFF1A"), /*#__PURE__*/React.createElement("span", null, item[1], index === pvTitle.length - 1 ? '' : ' | '));
|
|
243
|
-
}), "\uFF09")) : null), /*#__PURE__*/React.createElement("div", null, authority[100051] && /*#__PURE__*/React.createElement("div", {
|
|
244
|
-
onClick: seeSql
|
|
245
|
-
}, "\u67E5\u770BSQL"), authority[100050] && showProdDownload && /*#__PURE__*/React.createElement("div", {
|
|
246
|
-
onClick: download
|
|
247
|
-
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
248
|
-
type: "xiazai1"
|
|
249
|
-
}), "\u4E0B\u8F7D\u6570\u636E"))), /*#__PURE__*/React.createElement("div", {
|
|
250
|
-
className: "table-area ".concat(sourcePanel ? 'sourcepanel-table-header' : '')
|
|
251
|
-
}, /*#__PURE__*/React.createElement(ConfigProvider, {
|
|
252
|
-
renderEmpty: tableEmptyRender
|
|
253
|
-
}, /*#__PURE__*/React.createElement(Table, {
|
|
254
|
-
className: "table",
|
|
255
|
-
rowKey: 'id',
|
|
256
|
-
columns: columns,
|
|
257
|
-
dataSource: tableData,
|
|
258
|
-
scroll: {
|
|
259
|
-
x: true
|
|
260
|
-
},
|
|
261
|
-
pagination: {
|
|
262
|
-
showQuickJumper: true,
|
|
263
|
-
showSizeChanger: true,
|
|
264
|
-
total: total,
|
|
265
|
-
defaultPageSize: 10,
|
|
266
|
-
defaultCurrent: 1,
|
|
267
|
-
current: current,
|
|
268
|
-
pageSize: pageSize,
|
|
269
|
-
onChange: pageChange,
|
|
270
|
-
showTotal: function showTotal(total) {
|
|
271
|
-
return "\u603B\u6761\u6570\uFF1A".concat(total, " ");
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
}))), /*#__PURE__*/React.createElement(Modal, {
|
|
275
|
-
open: sqlModal,
|
|
276
|
-
wrapClassName: "event-table-sql-modal",
|
|
277
|
-
okText: "\u786E\u5B9A",
|
|
278
|
-
cancelText: "\u53D6\u6D88",
|
|
279
|
-
closeIcon: /*#__PURE__*/React.createElement(IconFont, {
|
|
280
|
-
type: "qingchu"
|
|
281
|
-
}),
|
|
282
|
-
title: "\u67E5\u770BSQL",
|
|
283
|
-
onCancel: function onCancel() {
|
|
284
|
-
return setSqlModal(false);
|
|
285
|
-
},
|
|
286
|
-
onOk: function onOk() {
|
|
287
|
-
return setSqlModal(false);
|
|
288
|
-
},
|
|
289
|
-
maskClosable: false
|
|
290
|
-
}, /*#__PURE__*/React.createElement(Highlight, {
|
|
291
|
-
languageName: "sql",
|
|
292
|
-
style: {
|
|
293
|
-
whiteSpace: 'pre-wrap'
|
|
294
|
-
}
|
|
295
|
-
}, sqlText), /*#__PURE__*/React.createElement(CopyToClipboard, {
|
|
296
|
-
text: sqlText,
|
|
297
|
-
onCopy: function onCopy() {
|
|
298
|
-
return message.success('复制成功!');
|
|
299
|
-
}
|
|
300
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
301
|
-
className: "copy-box"
|
|
302
|
-
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
303
|
-
type: "fuzhi1"
|
|
304
|
-
}), "\u590D\u5236\u4EE3\u7801")), /*#__PURE__*/React.createElement("div", {
|
|
305
|
-
style: {
|
|
306
|
-
margin: '10px 0px 0px'
|
|
307
|
-
},
|
|
308
|
-
className: "sql-tip"
|
|
309
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
310
|
-
type: "warning"
|
|
311
|
-
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
312
|
-
title: "\u771F\u5B9E\u4E1A\u52A1\u573A\u666F\u4E0B\u7684\u67E5\u8BE2\u903B\u8F91\uFF0C\u6D89\u53CA\u590D\u6742\u4E1A\u52A1\u89C4\u5219\u4E0E\u7A0B\u5E8F\u5904\u7406\u903B\u8F91\u4EA4\u7EC7\u3002\u6B64\u5904\u5C55\u793A\u7684 SQL \u4EC5\u4F5C\u4E3A\u7B80\u5355\u4E8B\u4EF6\u67E5\u8BE2\u7684\u903B\u8F91\u53C2\u8003\u793A\u4F8B \uFF0C\u4E0D\u4EE3\u8868\u4E0E\u5F53\u524D\u754C\u9762\u6240\u9009\u67E5\u8BE2\u6761\u4EF6\u5B8C\u5168\u6620\u5C04"
|
|
313
|
-
}, /*#__PURE__*/React.createElement(ExclamationCircleOutlined, {
|
|
314
|
-
style: {
|
|
315
|
-
margin: '0px 8px 0px 0px'
|
|
316
|
-
}
|
|
317
|
-
})), "SQL \u4EC5\u4F5C\u4E3A\u7B80\u5355\u4E8B\u4EF6\u67E5\u8BE2\u7684\u903B\u8F91\u53C2\u8003\u793A\u4F8B"))));
|
|
318
|
-
};
|
|
319
|
-
export default EventTable;
|