@zgfe/modules-event 0.1.5-event.4 → 0.1.5-event.42
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 +72 -48
- package/es/components/eventFilter/styles/index.less +1 -2
- package/es/components/eventFilter/types.d.ts +3 -4
- package/es/components/renderContent/index.js +1 -1
- package/es/components/searchPanel/index.js +21 -23
- package/es/components/searchPanel/types.d.ts +12 -0
- package/es/components/table/index.js +5 -7
- package/es/components/topBar/index.js +4 -4
- package/es/modules/chart/demo/index.js +1 -1
- package/es/modules/chart/index.js +4 -4
- package/es/modules/content/index.js +28 -37
- package/es/modules/content/utils.js +4 -4
- package/es/modules/home/demo/create.js +1 -1
- package/es/modules/home/demo/edit.js +37 -23
- package/es/modules/home/demo/index.js +3 -3
- package/es/modules/home/demo/scene.js +1 -1
- package/es/modules/home/index.js +4 -4
- package/es/modules/topPanel/index.js +110 -78
- package/es/modules/topPanel/styles/index.less +11 -2
- package/es/modules/topPanel/types.d.ts +5 -2
- package/es/types.d.ts +2 -0
- package/es/utils/formData.js +1 -1
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
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
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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
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); }
|
|
@@ -8,26 +8,25 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
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(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
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
15
|
import { BizEventSelector, BizAttributeSelector, IconFont, BizAttrConditionGroup } from '@zgfe/business-lib';
|
|
16
16
|
import { EventContext } from '../../types';
|
|
17
|
-
import { judgeFilterValue } from '../../modules/content/utils';
|
|
18
17
|
import './styles/index.less';
|
|
19
18
|
import { judgeIsCity, judgeIsArea } from '../../modules/content/utils';
|
|
20
19
|
import _ from 'lodash';
|
|
21
20
|
var classPrefix = 'eventfilter-box';
|
|
22
21
|
var EventFilter = function EventFilter(props) {
|
|
23
|
-
var
|
|
24
|
-
countChange = props.countChange,
|
|
22
|
+
var countChange = props.countChange,
|
|
25
23
|
setIsCity = props.setIsCity,
|
|
26
24
|
setEnableSelectChart = props.setEnableSelectChart,
|
|
27
|
-
|
|
25
|
+
analysisType = props.analysisType;
|
|
28
26
|
var _useContext = useContext(EventContext),
|
|
29
27
|
selectEventData = _useContext.selectEventData,
|
|
30
|
-
searchData = _useContext.searchData
|
|
28
|
+
searchData = _useContext.searchData,
|
|
29
|
+
setSearchData = _useContext.setSearchData;
|
|
31
30
|
var _useState = useState(props.value && props.value.filters && props.value.filters.conditions ? props.value.filters.conditions.length : 0),
|
|
32
31
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
32
|
count = _useState2[0],
|
|
@@ -48,7 +47,7 @@ var EventFilter = function EventFilter(props) {
|
|
|
48
47
|
var _useState7 = useState(props.value && props.value.id ? {
|
|
49
48
|
id: props.value.id,
|
|
50
49
|
name: props.value.name
|
|
51
|
-
} : {
|
|
50
|
+
} : analysisType === 'eventProp' ? undefined : {
|
|
52
51
|
id: -100,
|
|
53
52
|
name: '事件概览'
|
|
54
53
|
}),
|
|
@@ -57,8 +56,8 @@ var EventFilter = function EventFilter(props) {
|
|
|
57
56
|
setEvent = _useState8[1];
|
|
58
57
|
var _useState9 = useState(false),
|
|
59
58
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
showDimension = _useState10[0],
|
|
60
|
+
setShowDimension = _useState10[1];
|
|
62
61
|
var _useState11 = useState(),
|
|
63
62
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
64
63
|
filter = _useState12[0],
|
|
@@ -67,6 +66,10 @@ var EventFilter = function EventFilter(props) {
|
|
|
67
66
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
68
67
|
bizAttributeSelectorValue = _useState14[0],
|
|
69
68
|
setBizAttributeSelectorValue = _useState14[1];
|
|
69
|
+
var _useState15 = useState([]),
|
|
70
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
71
|
+
eventList = _useState16[0],
|
|
72
|
+
setEventList = _useState16[1];
|
|
70
73
|
useEffect(function () {
|
|
71
74
|
var _data = props.value;
|
|
72
75
|
if (selectEventData) {
|
|
@@ -78,7 +81,7 @@ var EventFilter = function EventFilter(props) {
|
|
|
78
81
|
}
|
|
79
82
|
if (_data) {
|
|
80
83
|
if (_data && _data.id) {
|
|
81
|
-
|
|
84
|
+
setShowDimension(true);
|
|
82
85
|
}
|
|
83
86
|
if (_data.filters) {
|
|
84
87
|
setFilter(_data.filters);
|
|
@@ -93,7 +96,7 @@ var EventFilter = function EventFilter(props) {
|
|
|
93
96
|
}
|
|
94
97
|
}, [selectEventData]);
|
|
95
98
|
var onAdd = function onAdd() {
|
|
96
|
-
if (event.id === -1) {
|
|
99
|
+
if ((event === null || event === void 0 ? void 0 : event.id) === -1) {
|
|
97
100
|
return;
|
|
98
101
|
}
|
|
99
102
|
if (count >= 5) {
|
|
@@ -109,18 +112,31 @@ var EventFilter = function EventFilter(props) {
|
|
|
109
112
|
};
|
|
110
113
|
useEffect(function () {
|
|
111
114
|
countChange(count);
|
|
112
|
-
if (!judgeFilterValue(filter, count)) {
|
|
113
|
-
setSearchDisabled(true);
|
|
114
|
-
} else {
|
|
115
|
-
setSearchDisabled(false);
|
|
116
|
-
}
|
|
117
115
|
if (count <= 0) setFilter(undefined);
|
|
118
116
|
}, [count, filter]);
|
|
119
|
-
var onChangeEvent = function onChangeEvent(
|
|
117
|
+
var onChangeEvent = function onChangeEvent(val) {
|
|
118
|
+
if (analysisType === 'eventProp' && val.length > 1) {
|
|
119
|
+
setEventList(val);
|
|
120
|
+
setEvent(undefined);
|
|
121
|
+
setShowDimension(false);
|
|
122
|
+
setFilter(undefined);
|
|
123
|
+
setIsAdd(false);
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
var event = _.isArray(val) ? {
|
|
127
|
+
event: val[0]
|
|
128
|
+
} : val;
|
|
129
|
+
if (searchData.chartType === 'map') {
|
|
130
|
+
setSearchData(function (value) {
|
|
131
|
+
return _objectSpread(_objectSpread({}, value), {}, {
|
|
132
|
+
chartType: 'line'
|
|
133
|
+
});
|
|
134
|
+
});
|
|
135
|
+
}
|
|
120
136
|
if (event && event.event && event.event.id === -100) {
|
|
121
|
-
|
|
137
|
+
setShowDimension(false);
|
|
122
138
|
} else {
|
|
123
|
-
|
|
139
|
+
setShowDimension(true);
|
|
124
140
|
}
|
|
125
141
|
if (event && event.event) {
|
|
126
142
|
setEvent(event.event);
|
|
@@ -128,6 +144,7 @@ var EventFilter = function EventFilter(props) {
|
|
|
128
144
|
if (event && event.group) {
|
|
129
145
|
setGroup(event.group);
|
|
130
146
|
}
|
|
147
|
+
setEventList([]);
|
|
131
148
|
setBizAttributeSelectorValue(undefined);
|
|
132
149
|
setFilter(undefined);
|
|
133
150
|
setIsAdd(false);
|
|
@@ -148,46 +165,52 @@ var EventFilter = function EventFilter(props) {
|
|
|
148
165
|
}
|
|
149
166
|
};
|
|
150
167
|
useEffect(function () {
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
_event
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
168
|
+
if (analysisType === 'eventProp' && eventList.length > 1) {
|
|
169
|
+
props.onChange && props.onChange(eventList.map(function (item) {
|
|
170
|
+
return item.id;
|
|
171
|
+
}));
|
|
172
|
+
} else {
|
|
173
|
+
var _event = {
|
|
174
|
+
id: event === null || event === void 0 ? void 0 : event.id,
|
|
175
|
+
name: event === null || event === void 0 ? void 0 : event.name
|
|
176
|
+
};
|
|
177
|
+
if (filter) {
|
|
178
|
+
_event.filters = filter;
|
|
179
|
+
}
|
|
180
|
+
if (bizAttributeSelectorValue) {
|
|
181
|
+
var _dimension = _.cloneDeep(bizAttributeSelectorValue);
|
|
182
|
+
setEnableSelectChart && setEnableSelectChart(judgeIsArea(_dimension.value));
|
|
183
|
+
setIsCity && setIsCity(judgeIsCity(_dimension.value));
|
|
184
|
+
if (!judgeIsArea(_dimension.value)) {
|
|
185
|
+
if (searchData.chartType === 'map') _event.chartType = 'line';
|
|
186
|
+
}
|
|
187
|
+
delete _dimension.key;
|
|
188
|
+
_event.dimension = _dimension;
|
|
166
189
|
}
|
|
167
|
-
|
|
168
|
-
|
|
190
|
+
_event.eventGroupId = group.id !== 0 ? group.id : undefined;
|
|
191
|
+
props.onChange && props.onChange(_event);
|
|
169
192
|
}
|
|
170
|
-
|
|
171
|
-
props.onChange && props.onChange(_event);
|
|
172
|
-
}, [bizAttributeSelectorValue, filter, event, group]);
|
|
193
|
+
}, [bizAttributeSelectorValue, filter, event, group, eventList]);
|
|
173
194
|
return /*#__PURE__*/React.createElement("div", {
|
|
174
195
|
className: classPrefix
|
|
175
196
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizEventSelector, {
|
|
176
197
|
showAllEvent: true,
|
|
198
|
+
key: "".concat(analysisType),
|
|
199
|
+
multiple: analysisType === 'eventProp',
|
|
177
200
|
showBuiltInTarget: false,
|
|
178
201
|
popupContainer: false,
|
|
179
202
|
defaultSelectAble: false,
|
|
180
|
-
|
|
203
|
+
defaultValue: analysisType === 'eventProp' ? [] : {
|
|
181
204
|
event: event,
|
|
182
205
|
group: group
|
|
183
206
|
},
|
|
184
207
|
onChange: onChangeEvent,
|
|
185
208
|
placeholder: "\u8BF7\u9009\u62E9\u4E8B\u4EF6"
|
|
186
|
-
}),
|
|
209
|
+
}), showDimension && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BizAttributeSelector, {
|
|
187
210
|
enableEventProp: true,
|
|
188
|
-
enableUserProp:
|
|
211
|
+
enableUserProp: analysisType === 'eventProp' ? false : true,
|
|
189
212
|
enableEnvProp: true,
|
|
190
|
-
eventIdList: [event.id],
|
|
213
|
+
eventIdList: [event === null || event === void 0 ? void 0 : event.id],
|
|
191
214
|
value: bizAttributeSelectorValue,
|
|
192
215
|
enableDelete: true,
|
|
193
216
|
onChange: onChangeAttr,
|
|
@@ -199,7 +222,7 @@ var EventFilter = function EventFilter(props) {
|
|
|
199
222
|
placement: "top",
|
|
200
223
|
title: '添加属性筛选'
|
|
201
224
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
202
|
-
className: "".concat(count >= 5 || event.id === -1 ? 'disable' : ''),
|
|
225
|
+
className: "".concat(count >= 5 || (event === null || event === void 0 ? void 0 : event.id) === -1 ? 'disable' : ''),
|
|
203
226
|
type: "shaixuan",
|
|
204
227
|
onClick: function onClick() {
|
|
205
228
|
return onAdd();
|
|
@@ -212,7 +235,8 @@ var EventFilter = function EventFilter(props) {
|
|
|
212
235
|
onlyAnd: true,
|
|
213
236
|
enableEventProp: true,
|
|
214
237
|
enableDelete: true,
|
|
215
|
-
|
|
238
|
+
enableUserProp: analysisType === 'eventProp' ? false : true,
|
|
239
|
+
eventIdList: event ? [event.id] : [],
|
|
216
240
|
onChange: onChangeFilters,
|
|
217
241
|
onConditionsCount: setCount
|
|
218
242
|
})));
|
|
@@ -11,11 +11,10 @@ export interface ConditionsnProps {
|
|
|
11
11
|
dimensionSub?: string | undefined;
|
|
12
12
|
}
|
|
13
13
|
export interface EventFilterProps {
|
|
14
|
-
value?: eventProps;
|
|
15
|
-
onChange?: (event: eventProps) => {};
|
|
16
|
-
setSearchDisabled: (disabled: boolean) => void;
|
|
14
|
+
value?: eventProps | number[];
|
|
15
|
+
onChange?: (event: eventProps | number[]) => {};
|
|
17
16
|
countChange: (count: number) => void;
|
|
18
17
|
setIsCity?: Function;
|
|
19
18
|
setEnableSelectChart?: Function;
|
|
20
|
-
|
|
19
|
+
analysisType?: string;
|
|
21
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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { Empty } from 'antd';
|
|
8
8
|
import React, { useState, useContext } from 'react';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
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
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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
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); }
|
|
@@ -8,7 +8,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
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(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
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import { BizDatePicker, BizSelect, BizTargetDimension } from '@zgfe/business-lib';
|
|
14
14
|
import React, { useContext, useEffect, useState, useMemo } from 'react';
|
|
@@ -19,8 +19,11 @@ import './styles/index.less';
|
|
|
19
19
|
var classPrefix = 'search-panel';
|
|
20
20
|
var SearchPanel = function SearchPanel(props) {
|
|
21
21
|
var _useContext = useContext(EventContext),
|
|
22
|
-
includeToday = _useContext.includeToday
|
|
23
|
-
|
|
22
|
+
includeToday = _useContext.includeToday,
|
|
23
|
+
searchData = _useContext.searchData;
|
|
24
|
+
var analysisSubjectType = props.analysisSubjectType,
|
|
25
|
+
dimension = props.dimension,
|
|
26
|
+
setDimension = props.setDimension;
|
|
24
27
|
var _useState = useState(props.time || getInitDate(includeToday)),
|
|
25
28
|
_useState2 = _slicedToArray(_useState, 2),
|
|
26
29
|
time = _useState2[0],
|
|
@@ -37,12 +40,6 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
37
40
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
38
41
|
timer = _useState8[0],
|
|
39
42
|
setTimer = _useState8[1];
|
|
40
|
-
var _useState9 = useState({
|
|
41
|
-
analysisIndex: 'number'
|
|
42
|
-
}),
|
|
43
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
44
|
-
dimension = _useState10[0],
|
|
45
|
-
setDimension = _useState10[1];
|
|
46
43
|
var currentNormalOptions = useMemo(function () {
|
|
47
44
|
setTimeFlag(false);
|
|
48
45
|
setTimeout(function () {
|
|
@@ -51,30 +48,30 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
51
48
|
return analysisSubjectType === 'user' ? normalOptions : normalEventOptions;
|
|
52
49
|
}, [analysisSubjectType]);
|
|
53
50
|
useEffect(function () {
|
|
54
|
-
if (
|
|
55
|
-
if (
|
|
51
|
+
if (searchData.chartType && searchData.chartType !== chart.value) {
|
|
52
|
+
if (searchData.chartType.indexOf(',') !== -1) {
|
|
56
53
|
setChart({
|
|
57
|
-
value:
|
|
54
|
+
value: searchData.chartType.split(',')[0]
|
|
58
55
|
});
|
|
59
56
|
} else {
|
|
60
57
|
setChart({
|
|
61
|
-
value:
|
|
58
|
+
value: searchData.chartType
|
|
62
59
|
});
|
|
63
60
|
}
|
|
64
61
|
}
|
|
65
62
|
var _dimension = {
|
|
66
63
|
analysisIndex: 'number'
|
|
67
64
|
};
|
|
68
|
-
if (
|
|
65
|
+
if (searchData.analysisIndex) {
|
|
69
66
|
_dimension = {
|
|
70
|
-
analysisIndex:
|
|
67
|
+
analysisIndex: searchData.analysisIndex
|
|
71
68
|
};
|
|
72
69
|
}
|
|
73
|
-
if (
|
|
74
|
-
_dimension['analysisAttr'] =
|
|
70
|
+
if (searchData.analysisAttr && !searchData.analysisSubject) {
|
|
71
|
+
_dimension['analysisAttr'] = searchData.analysisAttr;
|
|
75
72
|
}
|
|
76
|
-
setDimension(_objectSpread({}, _dimension));
|
|
77
|
-
}, []);
|
|
73
|
+
setDimension && setDimension(_objectSpread({}, _dimension));
|
|
74
|
+
}, [searchData]);
|
|
78
75
|
useEffect(function () {
|
|
79
76
|
if (!props.enableSelectChart && chart.value === 'map') {
|
|
80
77
|
setChart({
|
|
@@ -100,7 +97,7 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
100
97
|
}, dimension));
|
|
101
98
|
};
|
|
102
99
|
var onDimensionChange = function onDimensionChange(data) {
|
|
103
|
-
setDimension(data);
|
|
100
|
+
setDimension && setDimension(data);
|
|
104
101
|
props.onChange && props.onChange(_objectSpread({
|
|
105
102
|
time: time,
|
|
106
103
|
chartType: chart.value
|
|
@@ -120,6 +117,7 @@ var SearchPanel = function SearchPanel(props) {
|
|
|
120
117
|
normalOptions: currentNormalOptions,
|
|
121
118
|
value: dimension,
|
|
122
119
|
eventId: props.eventId,
|
|
120
|
+
isExtend: analysisSubjectType === 'eventProp' ? false : true,
|
|
123
121
|
onChange: onDimensionChange
|
|
124
122
|
})), /*#__PURE__*/React.createElement("div", {
|
|
125
123
|
className: "".concat(classPrefix, "-search-right")
|
|
@@ -1,6 +1,15 @@
|
|
|
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
|
+
}
|
|
4
13
|
export interface SearchPanelProps {
|
|
5
14
|
analysisIndex?: string;
|
|
6
15
|
analysisAttr?: string;
|
|
@@ -13,4 +22,7 @@ export interface SearchPanelProps {
|
|
|
13
22
|
setIsCity?: Function;
|
|
14
23
|
setEnableSelectChart?: Function;
|
|
15
24
|
analysisSubjectType?: string;
|
|
25
|
+
analysisSubject?: AnalysisSubject;
|
|
26
|
+
dimension?: TargetConditionTypes.DimensionValue;
|
|
27
|
+
setDimension?: Function;
|
|
16
28
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
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
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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
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); }
|
|
@@ -8,7 +8,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
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(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
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';
|
|
@@ -112,8 +112,6 @@ var EventTable = function EventTable(props) {
|
|
|
112
112
|
},
|
|
113
113
|
source: 'EVENT',
|
|
114
114
|
url: searchData.analysisSubject ? '/zg/web/v2/data/eventSubjectDetail' : '/zg/web/v2/data/appEventBatch',
|
|
115
|
-
downloadUrl: searchData.analysisSubject ? '/zg/web/v2/data/eventSubjectDetailDownLoad' : undefined,
|
|
116
|
-
downloadFileName: '',
|
|
117
115
|
analysisSubject: searchData.analysisSubject ? searchData.analysisSubject : undefined
|
|
118
116
|
}, _objectSpread(_objectSpread({
|
|
119
117
|
source: 'EVENT'
|
|
@@ -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\u5206\u6790-".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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
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
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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
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); }
|
|
@@ -8,7 +8,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
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(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
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import { Button } from 'antd';
|
|
14
14
|
import React, { useContext, useState, useEffect } from 'react';
|
|
@@ -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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useState } from 'react';
|
|
8
8
|
import { EventChart } from '@zgfe/modules-event';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
function _typeof(
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
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
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
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
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); }
|
|
@@ -8,7 +8,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
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(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
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import React, { useContext, useEffect, useMemo, useState } from 'react';
|
|
14
14
|
import { Tooltip, Empty } from 'antd';
|