@zgfe/modules-event 0.1.15-qirui.2 → 0.1.16-xinao.0
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/eventFilter/index.js +51 -86
- package/es/components/eventFilter/styles/index.less +5 -13
- package/es/components/eventFilter/types.d.ts +3 -3
- package/es/components/renderContent/index.js +5 -5
- package/es/components/searchPanel/index.js +36 -43
- package/es/components/searchPanel/types.d.ts +0 -13
- package/es/components/table/index.js +14 -19
- package/es/components/table/styles/index.less +3 -1
- package/es/components/topBar/index.js +15 -18
- package/es/constants/apis.d.ts +0 -2
- package/es/constants/apis.js +1 -3
- package/es/modules/chart/demo/index.js +1 -1
- package/es/modules/chart/index.js +6 -6
- package/es/modules/content/index.js +25 -74
- package/es/modules/content/utils.d.ts +0 -4
- package/es/modules/content/utils.js +5 -15
- package/es/modules/home/demo/create.js +5 -5
- package/es/modules/home/demo/edit.js +4 -4
- package/es/modules/home/demo/index.js +8 -32
- package/es/modules/home/demo/scene.js +4 -4
- package/es/modules/home/index.js +8 -10
- package/es/modules/topPanel/index.js +49 -147
- package/es/modules/topPanel/styles/index.less +4 -29
- package/es/modules/topPanel/types.d.ts +0 -20
- package/es/types.d.ts +0 -11
- package/es/utils/formData.js +10 -10
- package/package.json +3 -3
|
@@ -1,36 +1,33 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
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(
|
|
6
|
-
function _toPrimitive(
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
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
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
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(
|
|
11
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import { Tooltip } from 'antd';
|
|
14
14
|
import React, { useEffect, useRef, useState, useContext } from 'react';
|
|
15
|
-
import { BizEventSelector, BizAttributeSelector, IconFont, BizAttrConditionGroup
|
|
15
|
+
import { BizEventSelector, BizAttributeSelector, IconFont, BizAttrConditionGroup } from '@zgfe/business-lib';
|
|
16
16
|
import { EventContext } from '../../types';
|
|
17
|
+
import { judgeFilterValue } from '../../modules/content/utils';
|
|
17
18
|
import './styles/index.less';
|
|
18
19
|
import { judgeIsCity, judgeIsArea } from '../../modules/content/utils';
|
|
19
20
|
import _ from 'lodash';
|
|
20
21
|
var classPrefix = 'eventfilter-box';
|
|
21
22
|
var EventFilter = function EventFilter(props) {
|
|
22
|
-
var
|
|
23
|
-
|
|
23
|
+
var setSearchDisabled = props.setSearchDisabled,
|
|
24
|
+
countChange = props.countChange,
|
|
24
25
|
setIsCity = props.setIsCity,
|
|
25
|
-
setEnableSelectChart = props.setEnableSelectChart
|
|
26
|
-
analysisType = props.analysisType;
|
|
26
|
+
setEnableSelectChart = props.setEnableSelectChart;
|
|
27
27
|
var _useContext = useContext(EventContext),
|
|
28
28
|
selectEventData = _useContext.selectEventData,
|
|
29
29
|
searchData = _useContext.searchData,
|
|
30
30
|
setSearchData = _useContext.setSearchData;
|
|
31
|
-
var _useContext2 = useContext(BizGlobalDataContext),
|
|
32
|
-
_useContext2$eventIdM = _useContext2.eventIdMap,
|
|
33
|
-
eventIdMap = _useContext2$eventIdM === void 0 ? {} : _useContext2$eventIdM;
|
|
34
31
|
var _useState = useState(props.value && props.value.filters && props.value.filters.conditions ? props.value.filters.conditions.length : 0),
|
|
35
32
|
_useState2 = _slicedToArray(_useState, 2),
|
|
36
33
|
count = _useState2[0],
|
|
@@ -51,7 +48,7 @@ var EventFilter = function EventFilter(props) {
|
|
|
51
48
|
var _useState7 = useState(props.value && props.value.id ? {
|
|
52
49
|
id: props.value.id,
|
|
53
50
|
name: props.value.name
|
|
54
|
-
} :
|
|
51
|
+
} : {
|
|
55
52
|
id: -100,
|
|
56
53
|
name: '事件概览'
|
|
57
54
|
}),
|
|
@@ -60,8 +57,8 @@ var EventFilter = function EventFilter(props) {
|
|
|
60
57
|
setEvent = _useState8[1];
|
|
61
58
|
var _useState9 = useState(false),
|
|
62
59
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
63
|
-
|
|
64
|
-
|
|
60
|
+
eventOverview = _useState10[0],
|
|
61
|
+
setEventOverview = _useState10[1];
|
|
65
62
|
var _useState11 = useState(),
|
|
66
63
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
67
64
|
filter = _useState12[0],
|
|
@@ -70,12 +67,6 @@ var EventFilter = function EventFilter(props) {
|
|
|
70
67
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
71
68
|
bizAttributeSelectorValue = _useState14[0],
|
|
72
69
|
setBizAttributeSelectorValue = _useState14[1];
|
|
73
|
-
var _useState15 = useState(_.isArray(props.value) ? props.value.map(function (id) {
|
|
74
|
-
return eventIdMap[id];
|
|
75
|
-
}) : props.analysisType === 'eventProp' && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.id) ? [eventIdMap[(_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.id]] : []),
|
|
76
|
-
_useState16 = _slicedToArray(_useState15, 2),
|
|
77
|
-
eventList = _useState16[0],
|
|
78
|
-
setEventList = _useState16[1];
|
|
79
70
|
useEffect(function () {
|
|
80
71
|
var _data = props.value;
|
|
81
72
|
if (selectEventData) {
|
|
@@ -87,7 +78,7 @@ var EventFilter = function EventFilter(props) {
|
|
|
87
78
|
}
|
|
88
79
|
if (_data) {
|
|
89
80
|
if (_data && _data.id) {
|
|
90
|
-
|
|
81
|
+
setEventOverview(true);
|
|
91
82
|
}
|
|
92
83
|
if (_data.filters) {
|
|
93
84
|
setFilter(_data.filters);
|
|
@@ -102,7 +93,7 @@ var EventFilter = function EventFilter(props) {
|
|
|
102
93
|
}
|
|
103
94
|
}, [selectEventData]);
|
|
104
95
|
var onAdd = function onAdd() {
|
|
105
|
-
if (
|
|
96
|
+
if (event.id === -1) {
|
|
106
97
|
return;
|
|
107
98
|
}
|
|
108
99
|
if (count >= 5) {
|
|
@@ -118,28 +109,14 @@ var EventFilter = function EventFilter(props) {
|
|
|
118
109
|
};
|
|
119
110
|
useEffect(function () {
|
|
120
111
|
countChange(count);
|
|
112
|
+
if (!judgeFilterValue(filter, count)) {
|
|
113
|
+
setSearchDisabled(true);
|
|
114
|
+
} else {
|
|
115
|
+
setSearchDisabled(false);
|
|
116
|
+
}
|
|
121
117
|
if (count <= 0) setFilter(undefined);
|
|
122
118
|
}, [count, filter]);
|
|
123
|
-
var onChangeEvent = function onChangeEvent(
|
|
124
|
-
if (analysisType === 'eventProp' && val.length > 1) {
|
|
125
|
-
setEventList(val);
|
|
126
|
-
setEvent(undefined);
|
|
127
|
-
setShowDimension(false);
|
|
128
|
-
setFilter(undefined);
|
|
129
|
-
setIsAdd(false);
|
|
130
|
-
return;
|
|
131
|
-
}
|
|
132
|
-
if (analysisType === 'eventProp' && val.length === 0) {
|
|
133
|
-
setEventList([]);
|
|
134
|
-
setEvent(undefined);
|
|
135
|
-
setShowDimension(false);
|
|
136
|
-
setFilter(undefined);
|
|
137
|
-
setIsAdd(false);
|
|
138
|
-
return;
|
|
139
|
-
}
|
|
140
|
-
var event = _.isArray(val) ? {
|
|
141
|
-
event: val[0]
|
|
142
|
-
} : val;
|
|
119
|
+
var onChangeEvent = function onChangeEvent(event) {
|
|
143
120
|
if (searchData.chartType === 'map') {
|
|
144
121
|
setSearchData(function (value) {
|
|
145
122
|
return _objectSpread(_objectSpread({}, value), {}, {
|
|
@@ -148,9 +125,9 @@ var EventFilter = function EventFilter(props) {
|
|
|
148
125
|
});
|
|
149
126
|
}
|
|
150
127
|
if (event && event.event && event.event.id === -100) {
|
|
151
|
-
|
|
128
|
+
setEventOverview(false);
|
|
152
129
|
} else {
|
|
153
|
-
|
|
130
|
+
setEventOverview(true);
|
|
154
131
|
}
|
|
155
132
|
if (event && event.event) {
|
|
156
133
|
setEvent(event.event);
|
|
@@ -158,7 +135,6 @@ var EventFilter = function EventFilter(props) {
|
|
|
158
135
|
if (event && event.group) {
|
|
159
136
|
setGroup(event.group);
|
|
160
137
|
}
|
|
161
|
-
setEventList([]);
|
|
162
138
|
setBizAttributeSelectorValue(undefined);
|
|
163
139
|
setFilter(undefined);
|
|
164
140
|
setIsAdd(false);
|
|
@@ -179,54 +155,44 @@ var EventFilter = function EventFilter(props) {
|
|
|
179
155
|
}
|
|
180
156
|
};
|
|
181
157
|
useEffect(function () {
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
var _dimension = _.cloneDeep(bizAttributeSelectorValue);
|
|
196
|
-
setEnableSelectChart && setEnableSelectChart(judgeIsArea(_dimension.value));
|
|
197
|
-
setIsCity && setIsCity(judgeIsCity(_dimension.value));
|
|
198
|
-
if (!judgeIsArea(_dimension.value)) {
|
|
199
|
-
if (searchData.chartType === 'map') _event.chartType = 'line';
|
|
200
|
-
}
|
|
201
|
-
delete _dimension.key;
|
|
202
|
-
_event.dimension = _dimension;
|
|
158
|
+
var _event = {
|
|
159
|
+
id: event.id,
|
|
160
|
+
name: event.name
|
|
161
|
+
};
|
|
162
|
+
if (filter) {
|
|
163
|
+
_event.filters = filter;
|
|
164
|
+
}
|
|
165
|
+
if (bizAttributeSelectorValue) {
|
|
166
|
+
var _dimension = _.cloneDeep(bizAttributeSelectorValue);
|
|
167
|
+
setEnableSelectChart && setEnableSelectChart(judgeIsArea(_dimension.value));
|
|
168
|
+
setIsCity && setIsCity(judgeIsCity(_dimension.value));
|
|
169
|
+
if (!judgeIsArea(_dimension.value)) {
|
|
170
|
+
if (searchData.chartType === 'map') _event.chartType = 'line';
|
|
203
171
|
}
|
|
204
|
-
|
|
205
|
-
|
|
172
|
+
delete _dimension.key;
|
|
173
|
+
_event.dimension = _dimension;
|
|
206
174
|
}
|
|
207
|
-
|
|
175
|
+
_event.eventGroupId = group.id !== 0 ? group.id : undefined;
|
|
176
|
+
props.onChange && props.onChange(_event);
|
|
177
|
+
}, [bizAttributeSelectorValue, filter, event, group]);
|
|
208
178
|
return /*#__PURE__*/React.createElement("div", {
|
|
209
179
|
className: classPrefix
|
|
210
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
211
|
-
className: analysisType === 'eventProp' && eventList.length > 1 ? "".concat(classPrefix, "-multiple") : ''
|
|
212
|
-
}, /*#__PURE__*/React.createElement(BizEventSelector, {
|
|
180
|
+
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizEventSelector, {
|
|
213
181
|
showAllEvent: true,
|
|
214
|
-
key: "".concat(analysisType),
|
|
215
|
-
multiple: analysisType === 'eventProp',
|
|
216
182
|
showBuiltInTarget: false,
|
|
217
183
|
popupContainer: false,
|
|
218
184
|
defaultSelectAble: false,
|
|
219
|
-
|
|
185
|
+
value: {
|
|
220
186
|
event: event,
|
|
221
187
|
group: group
|
|
222
188
|
},
|
|
223
189
|
onChange: onChangeEvent,
|
|
224
190
|
placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
|
|
225
|
-
}),
|
|
191
|
+
}), eventOverview && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
|
|
226
192
|
enableEventProp: true,
|
|
227
|
-
enableUserProp:
|
|
193
|
+
enableUserProp: true,
|
|
228
194
|
enableEnvProp: true,
|
|
229
|
-
eventIdList: [event
|
|
195
|
+
eventIdList: [event.id],
|
|
230
196
|
value: bizAttributeSelectorValue,
|
|
231
197
|
enableDelete: true,
|
|
232
198
|
onChange: onChangeAttr,
|
|
@@ -238,12 +204,12 @@ var EventFilter = function EventFilter(props) {
|
|
|
238
204
|
placement: "top",
|
|
239
205
|
title: '添加属性筛选'
|
|
240
206
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
241
|
-
className: "".concat(count >= 5 ||
|
|
207
|
+
className: "".concat(count >= 5 || event.id === -1 ? 'disable' : ''),
|
|
242
208
|
type: "shaixuan",
|
|
243
209
|
onClick: function onClick() {
|
|
244
210
|
return onAdd();
|
|
245
211
|
}
|
|
246
|
-
})))), (filter || isAdd) && /*#__PURE__*/React.createElement("div", {
|
|
212
|
+
}))))), (filter || isAdd) && ( /*#__PURE__*/React.createElement("div", {
|
|
247
213
|
className: "".concat(count > 0 ? 'attr-box-show' : '', " top")
|
|
248
214
|
}, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
|
|
249
215
|
ref: conditionRef,
|
|
@@ -251,10 +217,9 @@ var EventFilter = function EventFilter(props) {
|
|
|
251
217
|
onlyAnd: true,
|
|
252
218
|
enableEventProp: true,
|
|
253
219
|
enableDelete: true,
|
|
254
|
-
|
|
255
|
-
eventIdList: event ? [event.id] : [],
|
|
220
|
+
eventIdList: [event.id],
|
|
256
221
|
onChange: onChangeFilters,
|
|
257
222
|
onConditionsCount: setCount
|
|
258
|
-
})));
|
|
223
|
+
}))));
|
|
259
224
|
};
|
|
260
225
|
export default EventFilter;
|
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
.eventfilter-box {
|
|
2
|
-
|
|
3
|
-
margin-top: 4px;
|
|
4
|
-
}
|
|
5
|
-
> div:nth-child(1) {
|
|
2
|
+
> :nth-child(1) {
|
|
6
3
|
display: flex;
|
|
4
|
+
margin-bottom: 4px;
|
|
7
5
|
padding: 4px 0 4px 24px;
|
|
8
|
-
&:hover {
|
|
9
|
-
background: #e8efff;
|
|
10
|
-
}
|
|
11
6
|
.biz-event-select,
|
|
12
7
|
.biz-attr-select {
|
|
13
|
-
|
|
8
|
+
width: 208px;
|
|
14
9
|
margin-right: 16px;
|
|
15
10
|
}
|
|
16
11
|
.shaixuan {
|
|
@@ -27,10 +22,7 @@
|
|
|
27
22
|
cursor: not-allowed !important;
|
|
28
23
|
}
|
|
29
24
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
width: auto !important;
|
|
33
|
-
min-width: 208px;
|
|
34
|
-
}
|
|
25
|
+
> :nth-child(1):hover {
|
|
26
|
+
background: #e8efff;
|
|
35
27
|
}
|
|
36
28
|
}
|
|
@@ -11,10 +11,10 @@ export interface ConditionsnProps {
|
|
|
11
11
|
dimensionSub?: string | undefined;
|
|
12
12
|
}
|
|
13
13
|
export interface EventFilterProps {
|
|
14
|
-
value?: eventProps
|
|
15
|
-
onChange?: (event: eventProps
|
|
14
|
+
value?: eventProps;
|
|
15
|
+
onChange?: (event: eventProps) => {};
|
|
16
|
+
setSearchDisabled: (disabled: boolean) => void;
|
|
16
17
|
countChange: (count: number) => void;
|
|
17
18
|
setIsCity?: Function;
|
|
18
19
|
setEnableSelectChart?: Function;
|
|
19
|
-
analysisType?: string;
|
|
20
20
|
}
|
|
@@ -2,7 +2,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
2
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
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
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(
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { Empty } from 'antd';
|
|
8
8
|
import React, { useState, useContext } from 'react';
|
|
@@ -34,21 +34,21 @@ var ContentPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
34
34
|
className: classPrefix
|
|
35
35
|
}, /*#__PURE__*/React.createElement("div", {
|
|
36
36
|
className: "".concat(classPrefix, "-chart-container")
|
|
37
|
-
}, eventData ? /*#__PURE__*/React.createElement(EventChart, {
|
|
37
|
+
}, eventData ? ( /*#__PURE__*/React.createElement(EventChart, {
|
|
38
38
|
ref: ref,
|
|
39
39
|
dataSource: eventData,
|
|
40
40
|
params: searchData,
|
|
41
41
|
showList: showList
|
|
42
|
-
}) : /*#__PURE__*/React.createElement(Empty, {
|
|
42
|
+
})) : ( /*#__PURE__*/React.createElement(Empty, {
|
|
43
43
|
image: Empty.PRESENTED_IMAGE_SIMPLE,
|
|
44
44
|
description: "\u6682\u65E0\u6570\u636E"
|
|
45
|
-
})), eventData && eventData.series.length > 0 ? /*#__PURE__*/React.createElement(EventChart, {
|
|
45
|
+
}))), eventData && eventData.series.length > 0 ? ( /*#__PURE__*/React.createElement(EventChart, {
|
|
46
46
|
type: "grid",
|
|
47
47
|
dataSource: eventData,
|
|
48
48
|
params: searchData,
|
|
49
49
|
showList: showList,
|
|
50
50
|
onChangeShow: onChangeShow,
|
|
51
51
|
onSelectEvent: onSelectEvent
|
|
52
|
-
}) : null);
|
|
52
|
+
})) : null);
|
|
53
53
|
});
|
|
54
54
|
export default ContentPanel;
|
|
@@ -1,29 +1,26 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
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(
|
|
6
|
-
function _toPrimitive(
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
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
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
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(
|
|
11
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
import { BizDatePicker, BizSelect, BizTargetDimension
|
|
14
|
-
import React, { useContext, useEffect, useState
|
|
13
|
+
import { BizDatePicker, BizSelect, BizTargetDimension } from '@zgfe/business-lib';
|
|
14
|
+
import React, { useContext, useEffect, useState } from 'react';
|
|
15
15
|
import { chartTypeOptions, getInitDate } from '../../constants';
|
|
16
16
|
import { EventContext } from '../../types';
|
|
17
|
-
import { normalOptions
|
|
17
|
+
import { normalOptions } from '../../modules/content/utils';
|
|
18
18
|
import './styles/index.less';
|
|
19
19
|
var classPrefix = 'search-panel';
|
|
20
20
|
var SearchPanel = function SearchPanel(props) {
|
|
21
21
|
var _useContext = useContext(EventContext),
|
|
22
22
|
includeToday = _useContext.includeToday,
|
|
23
23
|
searchData = _useContext.searchData;
|
|
24
|
-
var analysisSubjectType = props.analysisSubjectType,
|
|
25
|
-
dimension = props.dimension,
|
|
26
|
-
setDimension = props.setDimension;
|
|
27
24
|
var _useState = useState(props.time || getInitDate(includeToday)),
|
|
28
25
|
_useState2 = _slicedToArray(_useState, 2),
|
|
29
26
|
time = _useState2[0],
|
|
@@ -32,21 +29,16 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
32
29
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
33
30
|
chart = _useState4[0],
|
|
34
31
|
setChart = _useState4[1];
|
|
35
|
-
var _useState5 = useState(
|
|
32
|
+
var _useState5 = useState(0),
|
|
36
33
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
var _useState7 = useState(
|
|
34
|
+
timer = _useState6[0],
|
|
35
|
+
setTimer = _useState6[1];
|
|
36
|
+
var _useState7 = useState({
|
|
37
|
+
analysisIndex: 'number'
|
|
38
|
+
}),
|
|
40
39
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var currentNormalOptions = useMemo(function () {
|
|
44
|
-
setTimeFlag(false);
|
|
45
|
-
setTimeout(function () {
|
|
46
|
-
setTimeFlag(true);
|
|
47
|
-
}, 0);
|
|
48
|
-
return analysisSubjectType === 'user' ? normalOptions : normalEventOptions;
|
|
49
|
-
}, [analysisSubjectType]);
|
|
40
|
+
dimension = _useState8[0],
|
|
41
|
+
setDimension = _useState8[1];
|
|
50
42
|
useEffect(function () {
|
|
51
43
|
if (searchData.chartType && searchData.chartType !== chart.value) {
|
|
52
44
|
if (searchData.chartType.indexOf(',') !== -1) {
|
|
@@ -59,6 +51,18 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
59
51
|
});
|
|
60
52
|
}
|
|
61
53
|
}
|
|
54
|
+
var _dimension = {
|
|
55
|
+
analysisIndex: 'number'
|
|
56
|
+
};
|
|
57
|
+
if (searchData.analysisIndex) {
|
|
58
|
+
_dimension = {
|
|
59
|
+
analysisIndex: searchData.analysisIndex
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
if (searchData.analysisAttr) {
|
|
63
|
+
_dimension['analysisAttr'] = searchData.analysisAttr;
|
|
64
|
+
}
|
|
65
|
+
setDimension(_objectSpread({}, _dimension));
|
|
62
66
|
}, [searchData]);
|
|
63
67
|
useEffect(function () {
|
|
64
68
|
if (!props.enableSelectChart && chart.value === 'map') {
|
|
@@ -85,21 +89,12 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
85
89
|
}, dimension));
|
|
86
90
|
};
|
|
87
91
|
var onDimensionChange = function onDimensionChange(data) {
|
|
88
|
-
setDimension
|
|
89
|
-
props.onChange && props.onChange({
|
|
92
|
+
setDimension(data);
|
|
93
|
+
props.onChange && props.onChange(_objectSpread({
|
|
90
94
|
time: time,
|
|
91
|
-
chartType: chart.value
|
|
92
|
-
|
|
93
|
-
analysisAttr: data.analysisAttr
|
|
94
|
-
});
|
|
95
|
+
chartType: chart.value
|
|
96
|
+
}, data));
|
|
95
97
|
};
|
|
96
|
-
useChanged(function (pre, next) {
|
|
97
|
-
if (pre === next) return;
|
|
98
|
-
onDimensionChange({
|
|
99
|
-
analysisIndex: currentNormalOptions[0].value,
|
|
100
|
-
analysisAttr: undefined
|
|
101
|
-
});
|
|
102
|
-
}, props.eventId);
|
|
103
98
|
return /*#__PURE__*/React.createElement("div", {
|
|
104
99
|
className: classPrefix
|
|
105
100
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -108,13 +103,11 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
108
103
|
}
|
|
109
104
|
}, /*#__PURE__*/React.createElement(BizDatePicker, {
|
|
110
105
|
defaultValue: time,
|
|
111
|
-
onChange: onChangeTime
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
normalOptions: currentNormalOptions,
|
|
106
|
+
onChange: onChangeTime
|
|
107
|
+
}), /*#__PURE__*/React.createElement(BizTargetDimension, {
|
|
108
|
+
normalOptions: normalOptions,
|
|
115
109
|
value: dimension,
|
|
116
110
|
eventId: props.eventId,
|
|
117
|
-
isExtend: true,
|
|
118
111
|
onChange: onDimensionChange
|
|
119
112
|
})), /*#__PURE__*/React.createElement("div", {
|
|
120
113
|
className: "".concat(classPrefix, "-search-right")
|
|
@@ -1,15 +1,6 @@
|
|
|
1
1
|
import { DatePickerTypes } from '@zgfe/business-lib/es/datePicker/types';
|
|
2
2
|
import { EventChartTypes } from '../../types';
|
|
3
3
|
import { ReactNode } from 'react';
|
|
4
|
-
import { TargetConditionTypes } from '@zgfe/business-lib';
|
|
5
|
-
export interface AnalysisSubject {
|
|
6
|
-
subjectId?: number;
|
|
7
|
-
id?: number;
|
|
8
|
-
name?: string;
|
|
9
|
-
unit?: string;
|
|
10
|
-
subjectAlias?: string;
|
|
11
|
-
subjectName?: string;
|
|
12
|
-
}
|
|
13
4
|
export interface SearchPanelProps {
|
|
14
5
|
analysisIndex?: string;
|
|
15
6
|
analysisAttr?: string;
|
|
@@ -21,8 +12,4 @@ export interface SearchPanelProps {
|
|
|
21
12
|
onChange?: (data: SearchPanelProps) => void;
|
|
22
13
|
setIsCity?: Function;
|
|
23
14
|
setEnableSelectChart?: Function;
|
|
24
|
-
analysisSubjectType?: string;
|
|
25
|
-
analysisSubject?: AnalysisSubject;
|
|
26
|
-
dimension?: TargetConditionTypes.DimensionValue;
|
|
27
|
-
setDimension?: Function;
|
|
28
15
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
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(
|
|
6
|
-
function _toPrimitive(
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
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
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
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(
|
|
11
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import { ajax, BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
|
|
14
14
|
import React, { useContext, useEffect, useMemo, useState } from 'react';
|
|
@@ -38,8 +38,7 @@ var EventTable = function EventTable(props) {
|
|
|
38
38
|
_useContext$eventGrou = _useContext.eventGroupList,
|
|
39
39
|
eventGroupList = _useContext$eventGrou === void 0 ? [] : _useContext$eventGrou,
|
|
40
40
|
eventEnvList = _useContext.eventEnvList,
|
|
41
|
-
userPropList = _useContext.userPropList
|
|
42
|
-
authority = _useContext.authority;
|
|
41
|
+
userPropList = _useContext.userPropList;
|
|
43
42
|
var _useContext2 = useContext(EventContext),
|
|
44
43
|
onUserDrill = _useContext2.onUserDrill,
|
|
45
44
|
_useContext2$defaultS = _useContext2.defaultSearch,
|
|
@@ -83,7 +82,7 @@ var EventTable = function EventTable(props) {
|
|
|
83
82
|
var _time = time.split('|');
|
|
84
83
|
var groupValue = '';
|
|
85
84
|
if (searchData.dimension && item.dimension) {
|
|
86
|
-
groupValue = item.dimension;
|
|
85
|
+
groupValue = item.originalName ? item.originalName : item.dimension;
|
|
87
86
|
} else {
|
|
88
87
|
eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
|
|
89
88
|
group.eventList.forEach(function (event) {
|
|
@@ -113,8 +112,7 @@ var EventTable = function EventTable(props) {
|
|
|
113
112
|
})
|
|
114
113
|
},
|
|
115
114
|
source: 'EVENT',
|
|
116
|
-
url:
|
|
117
|
-
analysisSubject: searchData.analysisSubject ? searchData.analysisSubject : undefined
|
|
115
|
+
url: '/zg/web/v2/data/appEventBatch'
|
|
118
116
|
}, _objectSpread(_objectSpread({
|
|
119
117
|
source: 'EVENT'
|
|
120
118
|
}, defaultSearch), {}, {
|
|
@@ -151,7 +149,7 @@ var EventTable = function EventTable(props) {
|
|
|
151
149
|
if (searchData.id && !searchData.dimension || !searchData.id) {
|
|
152
150
|
seriesNames.push(base64.encode('事件'));
|
|
153
151
|
}
|
|
154
|
-
var fname = "\u4E8B\
|
|
152
|
+
var fname = "\u4E8B\u4EF6_".concat((searchData === null || searchData === void 0 ? void 0 : searchData.name) ? getEventAliasName(searchData === null || searchData === void 0 ? void 0 : searchData.name, eventGroupList) : '事件概览');
|
|
155
153
|
var params = _objectSpread(_objectSpread({
|
|
156
154
|
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
|
|
157
155
|
platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
|
|
@@ -183,15 +181,15 @@ var EventTable = function EventTable(props) {
|
|
|
183
181
|
};
|
|
184
182
|
return /*#__PURE__*/React.createElement("div", {
|
|
185
183
|
className: classPrefix
|
|
186
|
-
}, !sourcePanel && /*#__PURE__*/React.createElement("div", {
|
|
184
|
+
}, !sourcePanel && ( /*#__PURE__*/React.createElement("div", {
|
|
187
185
|
className: "".concat(classPrefix, "-table-header")
|
|
188
|
-
}, /*#__PURE__*/React.createElement("span", null, "\u6307\u6807\u8BE6\u60C5"), /*#__PURE__*/React.createElement("div", null,
|
|
186
|
+
}, /*#__PURE__*/React.createElement("span", null, "\u6307\u6807\u8BE6\u60C5"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
189
187
|
onClick: seeSql
|
|
190
|
-
}, "\u67E5\u770BSQL"),
|
|
188
|
+
}, "\u67E5\u770BSQL"), /*#__PURE__*/React.createElement("div", {
|
|
191
189
|
onClick: download
|
|
192
190
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
193
191
|
type: "xiazai1"
|
|
194
|
-
}), "\u4E0B\u8F7D\u6570\u636E"))), /*#__PURE__*/React.createElement("div", {
|
|
192
|
+
}), "\u4E0B\u8F7D\u6570\u636E")))), /*#__PURE__*/React.createElement("div", {
|
|
195
193
|
className: "table-area ".concat(sourcePanel ? 'sourcepanel-table-header' : '')
|
|
196
194
|
}, /*#__PURE__*/React.createElement(ConfigProvider, {
|
|
197
195
|
renderEmpty: tableEmptyRender
|
|
@@ -200,9 +198,6 @@ var EventTable = function EventTable(props) {
|
|
|
200
198
|
rowKey: 'id',
|
|
201
199
|
columns: columns,
|
|
202
200
|
dataSource: tableData,
|
|
203
|
-
scroll: {
|
|
204
|
-
x: true
|
|
205
|
-
},
|
|
206
201
|
pagination: {
|
|
207
202
|
showQuickJumper: true,
|
|
208
203
|
total: total,
|
|
@@ -46,6 +46,8 @@
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
.ant-table {
|
|
49
|
+
max-height: 550px;
|
|
50
|
+
overflow: auto;
|
|
49
51
|
border-radius: 0 0 8px 8px;
|
|
50
52
|
}
|
|
51
53
|
.sourcepanel-table-header {
|
|
@@ -75,7 +77,7 @@
|
|
|
75
77
|
.tooltip-name-box {
|
|
76
78
|
display: flex;
|
|
77
79
|
&-market {
|
|
78
|
-
|
|
80
|
+
max-width: calc(100% - 20px);
|
|
79
81
|
margin-right: 8px;
|
|
80
82
|
overflow: hidden;
|
|
81
83
|
white-space: nowrap;
|