@zgfe/modules-event 0.1.15-qirui.2 → 0.1.16-gongyin.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 +33 -38
- package/es/components/searchPanel/types.d.ts +0 -13
- package/es/components/table/index.js +11 -15
- package/es/components/table/styles/index.less +3 -1
- package/es/components/topBar/index.js +13 -13
- 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 +8 -8
- package/es/modules/content/index.js +26 -70
- package/es/modules/content/utils.d.ts +1 -4
- package/es/modules/content/utils.js +22 -15
- package/es/modules/home/demo/create.js +4 -4
- 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 +8 -8
- 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 : String(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 : String(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,7 +89,7 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
85
89
|
}, dimension));
|
|
86
90
|
};
|
|
87
91
|
var onDimensionChange = function onDimensionChange(data) {
|
|
88
|
-
setDimension
|
|
92
|
+
setDimension(data);
|
|
89
93
|
props.onChange && props.onChange({
|
|
90
94
|
time: time,
|
|
91
95
|
chartType: chart.value,
|
|
@@ -93,13 +97,6 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
93
97
|
analysisAttr: data.analysisAttr
|
|
94
98
|
});
|
|
95
99
|
};
|
|
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
100
|
return /*#__PURE__*/React.createElement("div", {
|
|
104
101
|
className: classPrefix
|
|
105
102
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -108,13 +105,11 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
108
105
|
}
|
|
109
106
|
}, /*#__PURE__*/React.createElement(BizDatePicker, {
|
|
110
107
|
defaultValue: time,
|
|
111
|
-
onChange: onChangeTime
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
normalOptions: currentNormalOptions,
|
|
108
|
+
onChange: onChangeTime
|
|
109
|
+
}), /*#__PURE__*/React.createElement(BizTargetDimension, {
|
|
110
|
+
normalOptions: normalOptions,
|
|
115
111
|
value: dimension,
|
|
116
112
|
eventId: props.eventId,
|
|
117
|
-
isExtend: true,
|
|
118
113
|
onChange: onDimensionChange
|
|
119
114
|
})), /*#__PURE__*/React.createElement("div", {
|
|
120
115
|
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 : String(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';
|
|
@@ -113,8 +113,7 @@ var EventTable = function EventTable(props) {
|
|
|
113
113
|
})
|
|
114
114
|
},
|
|
115
115
|
source: 'EVENT',
|
|
116
|
-
url:
|
|
117
|
-
analysisSubject: searchData.analysisSubject ? searchData.analysisSubject : undefined
|
|
116
|
+
url: '/zg/web/v2/data/appEventBatch'
|
|
118
117
|
}, _objectSpread(_objectSpread({
|
|
119
118
|
source: 'EVENT'
|
|
120
119
|
}, defaultSearch), {}, {
|
|
@@ -151,7 +150,7 @@ var EventTable = function EventTable(props) {
|
|
|
151
150
|
if (searchData.id && !searchData.dimension || !searchData.id) {
|
|
152
151
|
seriesNames.push(base64.encode('事件'));
|
|
153
152
|
}
|
|
154
|
-
var fname = "\u4E8B\
|
|
153
|
+
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
154
|
var params = _objectSpread(_objectSpread({
|
|
156
155
|
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
|
|
157
156
|
platform: (currentApp === null || currentApp === void 0 ? void 0 : currentApp.platform) || 0
|
|
@@ -183,15 +182,15 @@ var EventTable = function EventTable(props) {
|
|
|
183
182
|
};
|
|
184
183
|
return /*#__PURE__*/React.createElement("div", {
|
|
185
184
|
className: classPrefix
|
|
186
|
-
}, !sourcePanel && /*#__PURE__*/React.createElement("div", {
|
|
185
|
+
}, !sourcePanel && ( /*#__PURE__*/React.createElement("div", {
|
|
187
186
|
className: "".concat(classPrefix, "-table-header")
|
|
188
187
|
}, /*#__PURE__*/React.createElement("span", null, "\u6307\u6807\u8BE6\u60C5"), /*#__PURE__*/React.createElement("div", null, authority[100051] && /*#__PURE__*/React.createElement("div", {
|
|
189
188
|
onClick: seeSql
|
|
190
|
-
}, "\u67E5\u770BSQL"), authority[100050] && /*#__PURE__*/React.createElement("div", {
|
|
189
|
+
}, "\u67E5\u770BSQL"), authority[100050] && ( /*#__PURE__*/React.createElement("div", {
|
|
191
190
|
onClick: download
|
|
192
191
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
193
192
|
type: "xiazai1"
|
|
194
|
-
}), "\u4E0B\u8F7D\u6570\u636E"))), /*#__PURE__*/React.createElement("div", {
|
|
193
|
+
}), "\u4E0B\u8F7D\u6570\u636E"))))), /*#__PURE__*/React.createElement("div", {
|
|
195
194
|
className: "table-area ".concat(sourcePanel ? 'sourcepanel-table-header' : '')
|
|
196
195
|
}, /*#__PURE__*/React.createElement(ConfigProvider, {
|
|
197
196
|
renderEmpty: tableEmptyRender
|
|
@@ -200,9 +199,6 @@ var EventTable = function EventTable(props) {
|
|
|
200
199
|
rowKey: 'id',
|
|
201
200
|
columns: columns,
|
|
202
201
|
dataSource: tableData,
|
|
203
|
-
scroll: {
|
|
204
|
-
x: true
|
|
205
|
-
},
|
|
206
202
|
pagination: {
|
|
207
203
|
showQuickJumper: true,
|
|
208
204
|
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;
|