@zgfe/modules-interval 1.0.23-zhongyuan.1 → 1.0.23-zhongyuan.2
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/dist/esm/constants/code.d.ts +13 -0
- package/dist/esm/constants/code.js +13 -0
- package/dist/esm/modules/chart/index.js +10 -3
- package/dist/esm/modules/chart/intervalChart.js +1 -1
- package/dist/esm/modules/chart/types.d.ts +5 -0
- package/dist/esm/modules/content/index.js +49 -19
- package/dist/esm/modules/content/utils.d.ts +0 -1
- package/dist/esm/modules/content/utils.js +3 -4
- package/dist/esm/modules/home/demo/create.js +5 -3
- package/dist/esm/modules/home/demo/edit.js +132 -34
- package/dist/esm/modules/home/demo/index.js +1 -1
- package/dist/esm/modules/home/demo/scene.js +1 -1
- package/dist/esm/modules/home/index.js +8 -1
- package/dist/esm/modules/home/types.d.ts +0 -1
- package/dist/esm/modules/topPanel/index.js +39 -29
- package/dist/esm/modules/topPanel/styles/index.less +219 -219
- package/dist/esm/modules/topPanel/types.d.ts +1 -0
- package/dist/esm/utils/formData.js +4 -1
- package/package.json +2 -2
|
@@ -17,9 +17,11 @@ import { extractNames, getDefaultShow } from "../../utils/formData";
|
|
|
17
17
|
import { Apis } from "../../constants";
|
|
18
18
|
import IntervalChart from "./intervalChart";
|
|
19
19
|
import { searchDataParams } from "../content/utils";
|
|
20
|
+
import { ERROR_RESPONESE_CODE } from "../../constants/code";
|
|
20
21
|
var IntervalEventChart = function IntervalEventChart(props) {
|
|
21
22
|
var _dataSource$appData2;
|
|
22
|
-
var params = props.params
|
|
23
|
+
var params = props.params,
|
|
24
|
+
onChangeException = props.onChangeException;
|
|
23
25
|
// 显示内容
|
|
24
26
|
var _useState = useState(),
|
|
25
27
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -66,12 +68,17 @@ var IntervalEventChart = function IntervalEventChart(props) {
|
|
|
66
68
|
method: 'post',
|
|
67
69
|
data: _objectSpread(_objectSpread({
|
|
68
70
|
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
|
|
69
|
-
}, params), obj)
|
|
71
|
+
}, params), obj),
|
|
72
|
+
intercept: false
|
|
70
73
|
}).then(function (res) {
|
|
74
|
+
setLoading(false);
|
|
71
75
|
if (!res) {
|
|
72
76
|
return;
|
|
73
77
|
}
|
|
74
|
-
|
|
78
|
+
if (res.code == ERROR_RESPONESE_CODE.EXCEPTION) {
|
|
79
|
+
onChangeException === null || onChangeException === void 0 ? void 0 : onChangeException();
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
75
82
|
setDataSource(res.data);
|
|
76
83
|
}).catch(function () {
|
|
77
84
|
setLoading(false);
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
3
|
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
4
|
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
5
|
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
6
|
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
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
|
+
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; }
|
|
9
|
+
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; }
|
|
10
|
+
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; }
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
12
|
+
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); }
|
|
13
13
|
import { ajax, BizGlobalDataContext, BizLayout, BizTargetFromPanelContext } from '@zgfe/business-lib';
|
|
14
14
|
import React, { useContext, useEffect, useRef, useState } from 'react';
|
|
15
15
|
import Request from 'umi-request';
|
|
@@ -21,11 +21,15 @@ import { judgeIsCity, judgeIsArea, getValue, searchDataParams } from "./utils";
|
|
|
21
21
|
import { ContentPanel, SearchPanel } from "../../components";
|
|
22
22
|
import TopPanel from "../topPanel";
|
|
23
23
|
import { message } from 'antd';
|
|
24
|
+
import { ERROR_RESPONESE_CODE } from "../../constants/code";
|
|
24
25
|
var CancelToken = Request.CancelToken;
|
|
25
26
|
var cancel;
|
|
26
27
|
var refresh = false;
|
|
27
28
|
var timer = 0;
|
|
28
29
|
var classPrefix = 'interval-content';
|
|
30
|
+
var RESPONESE_CODE = _objectSpread({
|
|
31
|
+
SUCCESS: '100000'
|
|
32
|
+
}, ERROR_RESPONESE_CODE);
|
|
29
33
|
var EventContent = function EventContent(props) {
|
|
30
34
|
// 最后的查询数据(防止图表在还没查询时就改变了类型)
|
|
31
35
|
var _useState = useState(props.value),
|
|
@@ -69,7 +73,8 @@ var EventContent = function EventContent(props) {
|
|
|
69
73
|
eventEnvList = _useContext2.eventEnvList,
|
|
70
74
|
userPropList = _useContext2.userPropList,
|
|
71
75
|
setRefreshLoading = _useContext2.setRefreshLoading,
|
|
72
|
-
panelId = _useContext2.panelId
|
|
76
|
+
panelId = _useContext2.panelId,
|
|
77
|
+
setException = _useContext2.setException;
|
|
73
78
|
var _useContext3 = useContext(BizTargetFromPanelContext),
|
|
74
79
|
handleSearch = _useContext3.handleSearch;
|
|
75
80
|
var collapseRef = useRef();
|
|
@@ -91,6 +96,7 @@ var EventContent = function EventContent(props) {
|
|
|
91
96
|
}
|
|
92
97
|
}
|
|
93
98
|
if (!searchData || !searchData.analysisModel) return;
|
|
99
|
+
if (!refresh) setLoading(true);
|
|
94
100
|
if (timer) clearTimeout(timer);
|
|
95
101
|
var flag = true;
|
|
96
102
|
timer = setTimeout(function () {
|
|
@@ -111,14 +117,18 @@ var EventContent = function EventContent(props) {
|
|
|
111
117
|
// 查询
|
|
112
118
|
var fetchRequest = function fetchRequest() {
|
|
113
119
|
var _searchData$start, _searchData$end, _searchData$associate, _searchData$associate2, _searchData$associate3;
|
|
120
|
+
if (typeof cancel == 'function') {
|
|
121
|
+
cancel();
|
|
122
|
+
cancel = undefined;
|
|
123
|
+
}
|
|
114
124
|
if ((searchData === null || searchData === void 0 ? void 0 : (_searchData$start = searchData.start) === null || _searchData$start === void 0 ? void 0 : _searchData$start.id) === null || (searchData === null || searchData === void 0 ? void 0 : (_searchData$end = searchData.end) === null || _searchData$end === void 0 ? void 0 : _searchData$end.id) === null) {
|
|
115
|
-
|
|
125
|
+
loadingHandle();
|
|
116
126
|
return;
|
|
117
127
|
}
|
|
118
|
-
|
|
119
|
-
|
|
128
|
+
if (!refresh) loadingHandle();
|
|
129
|
+
setException(false);
|
|
120
130
|
if (searchData !== null && searchData !== void 0 && (_searchData$associate = searchData.associatedNextAttr) !== null && _searchData$associate !== void 0 && _searchData$associate.type && (searchData === null || searchData === void 0 ? void 0 : (_searchData$associate2 = searchData.associatedPreAttr) === null || _searchData$associate2 === void 0 ? void 0 : _searchData$associate2.type) !== (searchData === null || searchData === void 0 ? void 0 : (_searchData$associate3 = searchData.associatedNextAttr) === null || _searchData$associate3 === void 0 ? void 0 : _searchData$associate3.type)) {
|
|
121
|
-
|
|
131
|
+
loadingHandle();
|
|
122
132
|
return message.error('您查询的属性不一致,暂不支持查询');
|
|
123
133
|
}
|
|
124
134
|
var params = searchDataParams(searchData);
|
|
@@ -128,28 +138,47 @@ var EventContent = function EventContent(props) {
|
|
|
128
138
|
data: _objectSpread(_objectSpread({
|
|
129
139
|
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
|
|
130
140
|
}, params), {}, {
|
|
141
|
+
snapshotId: searchData === null || searchData === void 0 ? void 0 : searchData.snapshotId,
|
|
131
142
|
refresh: refresh
|
|
132
143
|
}),
|
|
144
|
+
intercept: false,
|
|
133
145
|
cancelToken: new CancelToken(function executor(c) {
|
|
134
146
|
cancel = c;
|
|
135
147
|
})
|
|
136
148
|
}).then(function (res) {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
149
|
+
// 根据接口 code 判断后续的处理逻辑, 优先处理异常错误code
|
|
150
|
+
// EXCEPTION 可能发生在正常查询及刷新中
|
|
151
|
+
if ((res === null || res === void 0 ? void 0 : res.code) == RESPONESE_CODE.EXCEPTION) {
|
|
152
|
+
setException(true);
|
|
153
|
+
loadingHandle();
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
// 处理其他非成功情况
|
|
157
|
+
if (res.code != RESPONESE_CODE.SUCCESS) {
|
|
158
|
+
message.error(res === null || res === void 0 ? void 0 : res.msg);
|
|
159
|
+
loadingHandle();
|
|
140
160
|
return;
|
|
141
161
|
}
|
|
142
162
|
var result = res.data;
|
|
143
163
|
setEventData(result);
|
|
144
164
|
setFinalSearchData(_objectSpread({}, searchData));
|
|
145
|
-
|
|
146
|
-
setLoading(false);
|
|
147
|
-
}, 0);
|
|
165
|
+
loadingHandle();
|
|
148
166
|
}).catch(function () {
|
|
149
|
-
|
|
167
|
+
loadingHandle();
|
|
150
168
|
});
|
|
151
169
|
};
|
|
152
170
|
|
|
171
|
+
// 关闭loading
|
|
172
|
+
var loadingHandle = function loadingHandle() {
|
|
173
|
+
// 使用setTimeout放到宏任务队列中
|
|
174
|
+
// 预防在loading关闭时,数据还在变动中,这会导致渲染展示的还是上次查询的数据
|
|
175
|
+
setTimeout(function () {
|
|
176
|
+
setLoading && setLoading(false);
|
|
177
|
+
setRefreshLoading && setRefreshLoading(false);
|
|
178
|
+
refresh = false;
|
|
179
|
+
}, 0);
|
|
180
|
+
};
|
|
181
|
+
|
|
153
182
|
// 立即刷新
|
|
154
183
|
var refreshHandle = function refreshHandle() {
|
|
155
184
|
refresh = true;
|
|
@@ -190,8 +219,8 @@ var EventContent = function EventContent(props) {
|
|
|
190
219
|
return _objectSpread(_objectSpread({}, data), {}, {
|
|
191
220
|
time: _searchData.time,
|
|
192
221
|
platform: _searchData.platform || 0,
|
|
193
|
-
userGroup: data.analysisSubject ? undefined : data.userGroup,
|
|
194
|
-
analysisSubject: data.analysisSubject ? data.analysisSubject : undefined
|
|
222
|
+
userGroup: data !== null && data !== void 0 && data.analysisSubject ? undefined : data.userGroup,
|
|
223
|
+
analysisSubject: data !== null && data !== void 0 && data.analysisSubject ? data === null || data === void 0 ? void 0 : data.analysisSubject : undefined
|
|
195
224
|
});
|
|
196
225
|
});
|
|
197
226
|
};
|
|
@@ -212,6 +241,7 @@ var EventContent = function EventContent(props) {
|
|
|
212
241
|
collapseRef: collapseRef,
|
|
213
242
|
onChange: onChangeSearch,
|
|
214
243
|
defaultValue: searchData,
|
|
244
|
+
propsDefaultValue: props.defaultValue,
|
|
215
245
|
loading: loading,
|
|
216
246
|
finalSearchData: finalSearchData
|
|
217
247
|
})
|
|
@@ -80,7 +80,7 @@ export function searchCondition(params) {
|
|
|
80
80
|
};
|
|
81
81
|
}
|
|
82
82
|
export function searchDataParams(params) {
|
|
83
|
-
var _params$dimension, _params$dimension2, _params$dimension3, _params$dimension4, _params$dimension5, _params$dimension6, _params$dimension7, _params$dimension8, _params$dimension9, _params$dimension10, _params$dimension11, _params$dimension12, _params$
|
|
83
|
+
var _params$dimension, _params$dimension2, _params$dimension3, _params$dimension4, _params$dimension5, _params$dimension6, _params$dimension7, _params$dimension8, _params$dimension9, _params$dimension10, _params$dimension11, _params$dimension12, _params$associatedPre, _params$associatedNex;
|
|
84
84
|
return {
|
|
85
85
|
time: _objectSpread({}, params === null || params === void 0 ? void 0 : params.time),
|
|
86
86
|
platform: (params === null || params === void 0 ? void 0 : params.platform) || 0,
|
|
@@ -93,13 +93,12 @@ export function searchDataParams(params) {
|
|
|
93
93
|
attrId: params === null || params === void 0 ? void 0 : (_params$dimension6 = params.dimension) === null || _params$dimension6 === void 0 ? void 0 : _params$dimension6.id,
|
|
94
94
|
userAttr: (params === null || params === void 0 ? void 0 : (_params$dimension7 = params.dimension) === null || _params$dimension7 === void 0 ? void 0 : _params$dimension7.propCategory) === 'userProp' ? params === null || params === void 0 ? void 0 : (_params$dimension8 = params.dimension) === null || _params$dimension8 === void 0 ? void 0 : _params$dimension8.name : null,
|
|
95
95
|
eventAttr: (params === null || params === void 0 ? void 0 : (_params$dimension9 = params.dimension) === null || _params$dimension9 === void 0 ? void 0 : _params$dimension9.propCategory) === 'eventProp' ? params === null || params === void 0 ? void 0 : (_params$dimension10 = params.dimension) === null || _params$dimension10 === void 0 ? void 0 : _params$dimension10.label : null,
|
|
96
|
-
event: (params === null || params === void 0 ? void 0 : (_params$dimension11 = params.dimension) === null || _params$dimension11 === void 0 ? void 0 : _params$dimension11.propCategory) !== 'envProp' ? params === null || params === void 0 ? void 0 : (_params$dimension12 = params.dimension) === null || _params$dimension12 === void 0 ? void 0 : _params$dimension12.eventId : null
|
|
97
|
-
encryptionType: params === null || params === void 0 ? void 0 : (_params$dimension13 = params.dimension) === null || _params$dimension13 === void 0 ? void 0 : _params$dimension13.encryptionType
|
|
96
|
+
event: (params === null || params === void 0 ? void 0 : (_params$dimension11 = params.dimension) === null || _params$dimension11 === void 0 ? void 0 : _params$dimension11.propCategory) !== 'envProp' ? params === null || params === void 0 ? void 0 : (_params$dimension12 = params.dimension) === null || _params$dimension12 === void 0 ? void 0 : _params$dimension12.eventId : null
|
|
98
97
|
} : null,
|
|
99
98
|
associatedPreAttr: params === null || params === void 0 ? void 0 : (_params$associatedPre = params.associatedPreAttr) === null || _params$associatedPre === void 0 ? void 0 : _params$associatedPre.id,
|
|
100
99
|
associatedNextAttr: params === null || params === void 0 ? void 0 : (_params$associatedNex = params.associatedNextAttr) === null || _params$associatedNex === void 0 ? void 0 : _params$associatedNex.id,
|
|
101
100
|
analysisModel: params.analysisModel,
|
|
102
|
-
analysisSubject: params.analysisSubject
|
|
101
|
+
analysisSubject: params === null || params === void 0 ? void 0 : params.analysisSubject
|
|
103
102
|
};
|
|
104
103
|
}
|
|
105
104
|
export function transformData(data) {
|
|
@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useEffect, useState } from 'react';
|
|
8
8
|
import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
|
|
9
|
-
import { ModuleInterval } from
|
|
9
|
+
import { ModuleInterval } from '@zgfe/modules-interval';
|
|
10
10
|
import { requestConfig } from "../../../utils/ajaxConfig";
|
|
11
11
|
import { Button } from 'antd';
|
|
12
12
|
var defaultValue = null;
|
|
@@ -33,9 +33,10 @@ export default (function () {
|
|
|
33
33
|
var onUserDrill = function onUserDrill(data, searchData) {
|
|
34
34
|
console.log('onUserDrill:', data, searchData);
|
|
35
35
|
};
|
|
36
|
+
var onJumpWarning = function onJumpWarning() {};
|
|
36
37
|
return /*#__PURE__*/React.createElement(DemoWrapper, {
|
|
37
38
|
needMeta: true,
|
|
38
|
-
defaultApp:
|
|
39
|
+
defaultApp: 3
|
|
39
40
|
}, isDetail ? /*#__PURE__*/React.createElement("div", null, JSON.stringify(detailParams), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
|
|
40
41
|
onClick: function onClick() {
|
|
41
42
|
return setIsDetail(false);
|
|
@@ -43,6 +44,7 @@ export default (function () {
|
|
|
43
44
|
}, "\u8FD4\u56DE")) : /*#__PURE__*/React.createElement(ModuleInterval, {
|
|
44
45
|
defaultValue: searchParams,
|
|
45
46
|
afterEditTarget: afterEditTarget,
|
|
46
|
-
onUserDrill: onUserDrill
|
|
47
|
+
onUserDrill: onUserDrill,
|
|
48
|
+
onJumpWarning: onJumpWarning
|
|
47
49
|
}));
|
|
48
50
|
});
|
|
@@ -6,48 +6,146 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useEffect, useState } from 'react';
|
|
8
8
|
import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
|
|
9
|
-
import { ModuleInterval } from
|
|
9
|
+
import { ModuleInterval } from '@zgfe/modules-interval';
|
|
10
10
|
import { requestConfig } from "../../../utils/ajaxConfig";
|
|
11
11
|
import { Button } from 'antd';
|
|
12
12
|
var defaultValue = {
|
|
13
|
-
|
|
14
|
-
name: '测试6666',
|
|
15
|
-
type: 0,
|
|
13
|
+
appId: 52,
|
|
16
14
|
enlarged: 0,
|
|
17
|
-
|
|
15
|
+
hasPermission: true,
|
|
16
|
+
id: 488,
|
|
17
|
+
isPerfect: 1,
|
|
18
|
+
name: '间隔',
|
|
19
|
+
reqParam: {
|
|
20
|
+
data: {
|
|
21
|
+
appId: 52,
|
|
22
|
+
module: 'interval',
|
|
23
|
+
userGroup: [0],
|
|
24
|
+
start: {
|
|
25
|
+
id: 590,
|
|
26
|
+
name: 'pv',
|
|
27
|
+
deleted: 0
|
|
28
|
+
},
|
|
29
|
+
associatedPreAttr: {
|
|
30
|
+
realTime: true,
|
|
31
|
+
eventId: 590,
|
|
32
|
+
propCategory: 'eventProp',
|
|
33
|
+
alias: '',
|
|
34
|
+
id: 31415926,
|
|
35
|
+
label: '业务',
|
|
36
|
+
dimensionSub: 'event_attr',
|
|
37
|
+
type: 1,
|
|
38
|
+
key: 'eventProp-31415926',
|
|
39
|
+
isHidden: 0
|
|
40
|
+
},
|
|
41
|
+
associatedNextAttr: {
|
|
42
|
+
realTime: true,
|
|
43
|
+
eventId: 590,
|
|
44
|
+
propCategory: 'eventProp',
|
|
45
|
+
alias: '',
|
|
46
|
+
id: 3045,
|
|
47
|
+
label: 'page_title',
|
|
48
|
+
dimensionSub: 'event_attr',
|
|
49
|
+
type: 1,
|
|
50
|
+
key: 'eventProp-3045',
|
|
51
|
+
isHidden: 0
|
|
52
|
+
},
|
|
53
|
+
end: {
|
|
54
|
+
id: 590,
|
|
55
|
+
name: 'pv',
|
|
56
|
+
deleted: 0
|
|
57
|
+
},
|
|
58
|
+
dimension: {
|
|
59
|
+
id: 0,
|
|
60
|
+
alias: null,
|
|
61
|
+
category: 'fixed',
|
|
62
|
+
key: 'userProp-last_visit_time-0',
|
|
63
|
+
label: '最后一次访问时间',
|
|
64
|
+
name: 'last_visit_time',
|
|
65
|
+
propCategory: 'userProp',
|
|
66
|
+
type: 3,
|
|
67
|
+
realTime: false,
|
|
68
|
+
dimensionSub: 'last_visit_time'
|
|
69
|
+
},
|
|
70
|
+
analysisModel: 'commonInterval',
|
|
71
|
+
time: {
|
|
72
|
+
begin: '2024-11-15',
|
|
73
|
+
end: '2024-11-22',
|
|
74
|
+
relative: [7, 0],
|
|
75
|
+
unit: 'day'
|
|
76
|
+
},
|
|
77
|
+
platform: 0,
|
|
78
|
+
chartType: 'boxplot'
|
|
79
|
+
},
|
|
80
|
+
chosen_data: []
|
|
81
|
+
},
|
|
82
|
+
type: 0,
|
|
83
|
+
unExistEvent: '',
|
|
84
|
+
renderType: 'normal',
|
|
85
|
+
source: 'PANEL',
|
|
86
|
+
panelId: 87,
|
|
18
87
|
panelType: 'edit',
|
|
19
88
|
data: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
time: {
|
|
28
|
-
unit: 'day',
|
|
29
|
-
relative: [14, 0],
|
|
30
|
-
begin: '2023-08-04',
|
|
31
|
-
end: '2023-08-18'
|
|
89
|
+
appId: 52,
|
|
90
|
+
module: 'interval',
|
|
91
|
+
userGroup: [0],
|
|
92
|
+
start: {
|
|
93
|
+
id: 590,
|
|
94
|
+
name: 'pv',
|
|
95
|
+
deleted: 0
|
|
32
96
|
},
|
|
33
|
-
|
|
97
|
+
associatedPreAttr: {
|
|
98
|
+
realTime: true,
|
|
99
|
+
eventId: 590,
|
|
34
100
|
propCategory: 'eventProp',
|
|
35
|
-
|
|
101
|
+
alias: '',
|
|
102
|
+
id: 31415926,
|
|
103
|
+
label: '业务',
|
|
104
|
+
dimensionSub: 'event_attr',
|
|
105
|
+
type: 1,
|
|
106
|
+
key: 'eventProp-31415926',
|
|
107
|
+
isHidden: 0
|
|
36
108
|
},
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
109
|
+
associatedNextAttr: {
|
|
110
|
+
realTime: true,
|
|
111
|
+
eventId: 590,
|
|
112
|
+
propCategory: 'eventProp',
|
|
113
|
+
alias: '',
|
|
114
|
+
id: 3045,
|
|
115
|
+
label: 'page_title',
|
|
116
|
+
dimensionSub: 'event_attr',
|
|
117
|
+
type: 1,
|
|
118
|
+
key: 'eventProp-3045',
|
|
119
|
+
isHidden: 0
|
|
120
|
+
},
|
|
121
|
+
end: {
|
|
122
|
+
id: 590,
|
|
123
|
+
name: 'pv',
|
|
124
|
+
deleted: 0
|
|
125
|
+
},
|
|
126
|
+
dimension: {
|
|
127
|
+
id: 0,
|
|
128
|
+
alias: null,
|
|
129
|
+
category: 'fixed',
|
|
130
|
+
key: 'userProp-last_visit_time-0',
|
|
131
|
+
label: '最后一次访问时间',
|
|
132
|
+
name: 'last_visit_time',
|
|
133
|
+
propCategory: 'userProp',
|
|
134
|
+
type: 3,
|
|
135
|
+
realTime: false,
|
|
136
|
+
dimensionSub: 'last_visit_time'
|
|
137
|
+
},
|
|
138
|
+
analysisModel: 'commonInterval',
|
|
139
|
+
time: {
|
|
140
|
+
begin: '2024-11-15',
|
|
141
|
+
end: '2024-11-22',
|
|
142
|
+
relative: [7, 0],
|
|
143
|
+
unit: 'day'
|
|
144
|
+
},
|
|
145
|
+
platform: 0,
|
|
146
|
+
chartType: 'boxplot'
|
|
147
|
+
},
|
|
148
|
+
chosen_data: []
|
|
51
149
|
};
|
|
52
150
|
export default (function () {
|
|
53
151
|
// 是否进入用户钻取页面
|
|
@@ -74,7 +172,7 @@ export default (function () {
|
|
|
74
172
|
};
|
|
75
173
|
return /*#__PURE__*/React.createElement(DemoWrapper, {
|
|
76
174
|
needMeta: true,
|
|
77
|
-
defaultApp:
|
|
175
|
+
defaultApp: 52
|
|
78
176
|
}, isDetail ? /*#__PURE__*/React.createElement("div", null, JSON.stringify(detailParams), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
|
|
79
177
|
onClick: function onClick() {
|
|
80
178
|
return setIsDetail(false);
|
|
@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
|
|
8
8
|
import React, { useEffect, useState } from 'react';
|
|
9
|
-
import { ModuleInterval } from
|
|
9
|
+
import { ModuleInterval } from '@zgfe/modules-interval';
|
|
10
10
|
import "./styles/index.less";
|
|
11
11
|
import { requestConfig } from "../../../utils/ajaxConfig";
|
|
12
12
|
import { Button } from 'antd';
|
|
@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useEffect, useState } from 'react';
|
|
8
8
|
import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
|
|
9
|
-
import { ModuleInterval } from
|
|
9
|
+
import { ModuleInterval } from '@zgfe/modules-interval';
|
|
10
10
|
import { requestConfig } from "../../../utils/ajaxConfig";
|
|
11
11
|
import { Button } from 'antd';
|
|
12
12
|
var defaultValue = {
|
|
@@ -63,6 +63,11 @@ var ModuleInterval = function ModuleInterval(props) {
|
|
|
63
63
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
64
64
|
subjectEnable = _useState16[0],
|
|
65
65
|
setSubjectEnable = _useState16[1];
|
|
66
|
+
var _useState17 = useState(false),
|
|
67
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
68
|
+
exception = _useState18[0],
|
|
69
|
+
setException = _useState18[1];
|
|
70
|
+
|
|
66
71
|
// 初始化
|
|
67
72
|
useEffect(function () {
|
|
68
73
|
setLoading(true);
|
|
@@ -145,7 +150,9 @@ var ModuleInterval = function ModuleInterval(props) {
|
|
|
145
150
|
changeLoading: setLoading,
|
|
146
151
|
afterEditTarget: props.afterEditTarget,
|
|
147
152
|
onUserDrill: props.onUserDrill,
|
|
148
|
-
onJumpWarning: props.onJumpWarning
|
|
153
|
+
onJumpWarning: props.onJumpWarning,
|
|
154
|
+
exception: exception,
|
|
155
|
+
setException: setException
|
|
149
156
|
}
|
|
150
157
|
}, /*#__PURE__*/React.createElement(EventContent, {
|
|
151
158
|
defaultValue: props.defaultValue ? props.defaultValue.data : undefined,
|
|
@@ -21,6 +21,7 @@ var classPrefix = 'top-panel-interval';
|
|
|
21
21
|
var TopPanel = function TopPanel(props) {
|
|
22
22
|
var _props$defaultValue, _props$defaultValue2, _props$defaultValue3, _defaultValue$associa, _defaultValue$associa2, _finalSearchData$asso, _finalSearchData$asso2, _defaultValue$associa3, _finalSearchData$asso3, _defaultValue$associa4, _finalSearchData$asso4, _defaultValue$associa5, _finalSearchData$asso5, _defaultValue$associa6, _finalSearchData$asso6, _defaultValue$associa7, _finalSearchData$asso7, _defaultValue$associa8, _finalSearchData$asso8, _defaultValue$associa9, _finalSearchData$asso9, _defaultValue$associa10, _finalSearchData$asso10, _defaultValue$dimensi, _finalSearchData$dime, _defaultValue$dimensi2, _finalSearchData$dime2, _defaultValue$dimensi3, _finalSearchData$dime3, _defaultValue$dimensi4, _finalSearchData$dime4;
|
|
23
23
|
var defaultValue = props.defaultValue,
|
|
24
|
+
propsDefaultValue = props.propsDefaultValue,
|
|
24
25
|
loading = props.loading,
|
|
25
26
|
collapseRef = props.collapseRef,
|
|
26
27
|
finalSearchData = props.finalSearchData;
|
|
@@ -38,7 +39,7 @@ var TopPanel = function TopPanel(props) {
|
|
|
38
39
|
endEvent = _useState4[0],
|
|
39
40
|
setEndEvent = _useState4[1];
|
|
40
41
|
// 关联属性
|
|
41
|
-
var _useState5 = useState(false),
|
|
42
|
+
var _useState5 = useState(defaultValue !== null && defaultValue !== void 0 && defaultValue.associatedNextAttr ? true : false),
|
|
42
43
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
43
44
|
relevancy = _useState6[0],
|
|
44
45
|
setRelevancy = _useState6[1];
|
|
@@ -62,14 +63,23 @@ var TopPanel = function TopPanel(props) {
|
|
|
62
63
|
inited = _useState12[0],
|
|
63
64
|
setInited = _useState12[1];
|
|
64
65
|
var formRef = React.useRef(null);
|
|
66
|
+
|
|
67
|
+
// 初始化设置细分属性
|
|
68
|
+
useEffect(function () {
|
|
69
|
+
if (formRef.current && propsDefaultValue && propsDefaultValue.dimension) {
|
|
70
|
+
var _formRef$current;
|
|
71
|
+
(_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.setFieldValue('dimension', propsDefaultValue.dimension);
|
|
72
|
+
}
|
|
73
|
+
}, [formRef.current, propsDefaultValue]);
|
|
65
74
|
function onSearch(values) {
|
|
66
75
|
if (props.onChange) {
|
|
76
|
+
var _values$analysisSubje, _values$analysisSubje2, _values$analysisSubje3, _values$analysisSubje4;
|
|
67
77
|
props.onChange(_objectSpread(_objectSpread({}, values), {}, {
|
|
68
|
-
analysisSubject: values.analysisSubject ? {
|
|
69
|
-
subjectId: values.analysisSubject.id,
|
|
70
|
-
subjectName: values.analysisSubject.subjectName,
|
|
71
|
-
subjectAlias: values.analysisSubject.subjectAlias,
|
|
72
|
-
unit: values.analysisSubject.unit
|
|
78
|
+
analysisSubject: values !== null && values !== void 0 && values.analysisSubject ? {
|
|
79
|
+
subjectId: values === null || values === void 0 ? void 0 : (_values$analysisSubje = values.analysisSubject) === null || _values$analysisSubje === void 0 ? void 0 : _values$analysisSubje.id,
|
|
80
|
+
subjectName: values === null || values === void 0 ? void 0 : (_values$analysisSubje2 = values.analysisSubject) === null || _values$analysisSubje2 === void 0 ? void 0 : _values$analysisSubje2.subjectName,
|
|
81
|
+
subjectAlias: values === null || values === void 0 ? void 0 : (_values$analysisSubje3 = values.analysisSubject) === null || _values$analysisSubje3 === void 0 ? void 0 : _values$analysisSubje3.subjectAlias,
|
|
82
|
+
unit: values === null || values === void 0 ? void 0 : (_values$analysisSubje4 = values.analysisSubject) === null || _values$analysisSubje4 === void 0 ? void 0 : _values$analysisSubje4.unit
|
|
73
83
|
} : undefined
|
|
74
84
|
}), true);
|
|
75
85
|
}
|
|
@@ -106,12 +116,12 @@ var TopPanel = function TopPanel(props) {
|
|
|
106
116
|
return;
|
|
107
117
|
}
|
|
108
118
|
setInited(false);
|
|
109
|
-
if (defaultValue.analysisSubject) {
|
|
119
|
+
if (defaultValue !== null && defaultValue !== void 0 && defaultValue.analysisSubject) {
|
|
110
120
|
setAnalysisType('eventProp');
|
|
111
121
|
} else {
|
|
112
122
|
setAnalysisType('user');
|
|
113
123
|
}
|
|
114
|
-
if (defaultValue.analysisSubject) {
|
|
124
|
+
if (defaultValue !== null && defaultValue !== void 0 && defaultValue.analysisSubject) {
|
|
115
125
|
setCurrentSubject(subjectList.find(function (item) {
|
|
116
126
|
var _defaultValue$analysi;
|
|
117
127
|
return item.id === (defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$analysi = defaultValue.analysisSubject) === null || _defaultValue$analysi === void 0 ? void 0 : _defaultValue$analysi.subjectId);
|
|
@@ -190,7 +200,7 @@ var TopPanel = function TopPanel(props) {
|
|
|
190
200
|
name: "analysisSubject",
|
|
191
201
|
className: "panel-form-interval-item",
|
|
192
202
|
rules: [{
|
|
193
|
-
validator: function validator(
|
|
203
|
+
validator: function validator(_rule, value) {
|
|
194
204
|
if (!value) {
|
|
195
205
|
return Promise.reject('请选择口径名称');
|
|
196
206
|
}
|
|
@@ -203,12 +213,12 @@ var TopPanel = function TopPanel(props) {
|
|
|
203
213
|
labelField: "subjectName",
|
|
204
214
|
keyField: "id",
|
|
205
215
|
onChange: function onChange(val) {
|
|
206
|
-
var _formRef$
|
|
216
|
+
var _formRef$current2, _formRef$current3, _formRef$current4;
|
|
207
217
|
setCurrentSubject(val);
|
|
208
218
|
setRelevancy(false);
|
|
209
|
-
(_formRef$
|
|
210
|
-
(_formRef$
|
|
211
|
-
(_formRef$
|
|
219
|
+
(_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.setFieldValue('start', undefined);
|
|
220
|
+
(_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.setFieldValue('end', undefined);
|
|
221
|
+
(_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.setFieldValue('dimension', undefined);
|
|
212
222
|
}
|
|
213
223
|
})), analysisType === 'user' && /*#__PURE__*/React.createElement(Form.Item, {
|
|
214
224
|
label: "",
|
|
@@ -260,9 +270,9 @@ var TopPanel = function TopPanel(props) {
|
|
|
260
270
|
key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-start"),
|
|
261
271
|
analysisType: analysisType,
|
|
262
272
|
onChange: function onChange(evt) {
|
|
263
|
-
var _formRef$
|
|
273
|
+
var _formRef$current5;
|
|
264
274
|
setStartEvent(evt);
|
|
265
|
-
(_formRef$
|
|
275
|
+
(_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.setFieldValue('dimension', undefined);
|
|
266
276
|
}
|
|
267
277
|
})), /*#__PURE__*/React.createElement(Space, {
|
|
268
278
|
align: "baseline",
|
|
@@ -307,8 +317,8 @@ var TopPanel = function TopPanel(props) {
|
|
|
307
317
|
enableDelete: true,
|
|
308
318
|
key: "".concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "-pre"),
|
|
309
319
|
onDelete: function onDelete() {
|
|
310
|
-
var _formRef$
|
|
311
|
-
(_formRef$
|
|
320
|
+
var _formRef$current6;
|
|
321
|
+
(_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : _formRef$current6.setFieldValue('associatedPreAttr', undefined);
|
|
312
322
|
}
|
|
313
323
|
}))), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
314
324
|
className: "associated-label"
|
|
@@ -330,8 +340,8 @@ var TopPanel = function TopPanel(props) {
|
|
|
330
340
|
enableDelete: true,
|
|
331
341
|
key: "".concat(startEvent === null || startEvent === void 0 ? void 0 : startEvent.id, "-").concat(endEvent === null || endEvent === void 0 ? void 0 : endEvent.id, "-next"),
|
|
332
342
|
onDelete: function onDelete() {
|
|
333
|
-
var _formRef$
|
|
334
|
-
(_formRef$
|
|
343
|
+
var _formRef$current7;
|
|
344
|
+
(_formRef$current7 = formRef.current) === null || _formRef$current7 === void 0 ? void 0 : _formRef$current7.setFieldValue('associatedNextAttr', undefined);
|
|
335
345
|
}
|
|
336
346
|
}))), /*#__PURE__*/React.createElement("i", {
|
|
337
347
|
style: {
|
|
@@ -340,9 +350,9 @@ var TopPanel = function TopPanel(props) {
|
|
|
340
350
|
cursor: 'pointer'
|
|
341
351
|
},
|
|
342
352
|
onClick: function onClick() {
|
|
343
|
-
var _formRef$
|
|
344
|
-
(_formRef$
|
|
345
|
-
(_formRef$
|
|
353
|
+
var _formRef$current8, _formRef$current9;
|
|
354
|
+
(_formRef$current8 = formRef.current) === null || _formRef$current8 === void 0 ? void 0 : _formRef$current8.setFieldValue('associatedPreAttr', undefined);
|
|
355
|
+
(_formRef$current9 = formRef.current) === null || _formRef$current9 === void 0 ? void 0 : _formRef$current9.setFieldValue('associatedNextAttr', undefined);
|
|
346
356
|
setRelevancy(false);
|
|
347
357
|
},
|
|
348
358
|
className: "bsicon qingchu"
|
|
@@ -373,11 +383,11 @@ var TopPanel = function TopPanel(props) {
|
|
|
373
383
|
}, /*#__PURE__*/React.createElement(EventFilter, {
|
|
374
384
|
subject: currentSubject,
|
|
375
385
|
analysisType: analysisType,
|
|
376
|
-
key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-
|
|
386
|
+
key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-end"),
|
|
377
387
|
onChange: function onChange(val) {
|
|
378
|
-
var _formRef$
|
|
388
|
+
var _formRef$current10;
|
|
379
389
|
setEndEvent(val);
|
|
380
|
-
(_formRef$
|
|
390
|
+
(_formRef$current10 = formRef.current) === null || _formRef$current10 === void 0 ? void 0 : _formRef$current10.setFieldValue('dimension', undefined);
|
|
381
391
|
}
|
|
382
392
|
})), /*#__PURE__*/React.createElement(Form.Item, {
|
|
383
393
|
label: "\u6309\u5C5E\u6027\u7EC6\u5206",
|
|
@@ -392,8 +402,8 @@ var TopPanel = function TopPanel(props) {
|
|
|
392
402
|
showCommonProp: true,
|
|
393
403
|
enableDelete: true,
|
|
394
404
|
onDelete: function onDelete() {
|
|
395
|
-
var _formRef$
|
|
396
|
-
(_formRef$
|
|
405
|
+
var _formRef$current11;
|
|
406
|
+
(_formRef$current11 = formRef.current) === null || _formRef$current11 === void 0 ? void 0 : _formRef$current11.setFieldValue('dimension', undefined);
|
|
397
407
|
}
|
|
398
408
|
})), /*#__PURE__*/React.createElement(Form.Item, {
|
|
399
409
|
label: "\u5206\u6790\u6A21\u578B",
|
|
@@ -411,8 +421,8 @@ var TopPanel = function TopPanel(props) {
|
|
|
411
421
|
loading: loading || subjectLoading,
|
|
412
422
|
type: "primary",
|
|
413
423
|
onClick: function onClick() {
|
|
414
|
-
var _formRef$
|
|
415
|
-
(_formRef$
|
|
424
|
+
var _formRef$current12;
|
|
425
|
+
(_formRef$current12 = formRef.current) === null || _formRef$current12 === void 0 ? void 0 : _formRef$current12.submit();
|
|
416
426
|
}
|
|
417
427
|
}, "\u67E5\u8BE2"))));
|
|
418
428
|
};
|
|
@@ -1,219 +1,219 @@
|
|
|
1
|
-
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
-
|
|
3
|
-
.top-panel-interval {
|
|
4
|
-
&-form-botton-box {
|
|
5
|
-
display: flex;
|
|
6
|
-
justify-content: flex-end;
|
|
7
|
-
margin-top: 24px;
|
|
8
|
-
margin-right: 24px;
|
|
9
|
-
|
|
10
|
-
> :nth-child(1) {
|
|
11
|
-
margin-right: 16px;
|
|
12
|
-
color: #fff;
|
|
13
|
-
background-color: #29bd52;
|
|
14
|
-
border-color: #29bd52;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
&-label-hasIcon {
|
|
19
|
-
.bsicon {
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.panel-form-interval {
|
|
26
|
-
.ant-form-item-explain-error {
|
|
27
|
-
margin-left: 24px;
|
|
28
|
-
}
|
|
29
|
-
&-item {
|
|
30
|
-
.ant-form-item-label {
|
|
31
|
-
padding-left: 24px !important;
|
|
32
|
-
font-weight: 500;
|
|
33
|
-
}
|
|
34
|
-
.ant-form-item-control-input-content {
|
|
35
|
-
height: 40px;
|
|
36
|
-
padding: 0 24px !important;
|
|
37
|
-
line-height: 40px !important;
|
|
38
|
-
.biz-select-handle {
|
|
39
|
-
display: inline-block;
|
|
40
|
-
width: 208px;
|
|
41
|
-
}
|
|
42
|
-
span.ant-radio + * {
|
|
43
|
-
padding-right: 40px;
|
|
44
|
-
padding-left: 12px;
|
|
45
|
-
}
|
|
46
|
-
&:hover {
|
|
47
|
-
background-color: #
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
.interval-item {
|
|
52
|
-
margin-top: -2px;
|
|
53
|
-
.ant-space-vertical {
|
|
54
|
-
gap: 0px !important;
|
|
55
|
-
width: 100%;
|
|
56
|
-
.ant-space-item:nth-child(1) {
|
|
57
|
-
padding: 0 12px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.ant-space-item:nth-child(2) {
|
|
61
|
-
display: flex;
|
|
62
|
-
align-items: center;
|
|
63
|
-
height: 42px;
|
|
64
|
-
margin-top: 4px;
|
|
65
|
-
padding: 0 12px;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.ant-space-item:nth-child(2):hover {
|
|
69
|
-
background-color: #
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.biz-user-group-header {
|
|
75
|
-
padding: 0;
|
|
76
|
-
background-color: #fff;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.space-item {
|
|
80
|
-
.ant-space-item {
|
|
81
|
-
.biz-user-group {
|
|
82
|
-
width: 100%;
|
|
83
|
-
min-width: 208px;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.ant-space-horizontal .ant-space-item:nth-child(2) .tianjia {
|
|
88
|
-
display: none;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.collapseRefs {
|
|
93
|
-
.ant-form-item {
|
|
94
|
-
margin-bottom: 16px;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.ant-form-item-control-input {
|
|
98
|
-
display: flex;
|
|
99
|
-
align-items: center;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.ant-form-item-label {
|
|
103
|
-
padding-left: 24px;
|
|
104
|
-
font-weight: 500;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.interval-box {
|
|
108
|
-
> div:nth-child(1) {
|
|
109
|
-
padding: 4px 24px;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
> div:nth-child(1):hover {
|
|
113
|
-
background-color: #
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.biz-attr-condition-group-handle {
|
|
117
|
-
margin-right: 0;
|
|
118
|
-
margin-left: 32px;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.biz-attr-condition-group-container {
|
|
122
|
-
gap: 0px !important;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.biz-attr-condition-group-container-item {
|
|
126
|
-
max-width: calc(100% + 32px) !important;
|
|
127
|
-
margin-top: 4px;
|
|
128
|
-
padding: 4px 56px;
|
|
129
|
-
.ant-space-item {
|
|
130
|
-
width: auto;
|
|
131
|
-
max-width: auto;
|
|
132
|
-
margin-left: 0px;
|
|
133
|
-
padding: 0;
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.ant-space-item:hover {
|
|
138
|
-
background-color: #
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.dimension-interval {
|
|
143
|
-
.ant-form-item-control-input {
|
|
144
|
-
padding: 4px 24px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.ant-form-item-control-input:hover {
|
|
148
|
-
background-color: #
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.biz-event-select {
|
|
154
|
-
width: 208px;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
> .ant-form-item {
|
|
158
|
-
margin-bottom: 16px;
|
|
159
|
-
.biz-user-group-val {
|
|
160
|
-
color: #021429;
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.associated {
|
|
165
|
-
margin-top: -10px;
|
|
166
|
-
margin-bottom: 12px;
|
|
167
|
-
|
|
168
|
-
.qingchu {
|
|
169
|
-
color: #9aa1a9;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.qingchu:hover {
|
|
173
|
-
color: @error-color;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.ant-form-item-control-input {
|
|
177
|
-
padding: 4px 24px;
|
|
178
|
-
|
|
179
|
-
.ant-form-item-control-input {
|
|
180
|
-
padding: 0;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
.ant-form-item {
|
|
184
|
-
margin-bottom: 0;
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.ant-form-item-control-input:hover {
|
|
189
|
-
background-color: #
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
.associated-link {
|
|
193
|
-
display: block;
|
|
194
|
-
line-height: 32px;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.ant-form-item-row {
|
|
198
|
-
flex-direction: inherit;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
.ant-form-item-control-input-content {
|
|
202
|
-
display: flex;
|
|
203
|
-
gap: 12px;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
.associated-label {
|
|
207
|
-
color: var(--3, #5f6085);
|
|
208
|
-
font-weight: 400;
|
|
209
|
-
font-size: 14px;
|
|
210
|
-
font-family: PingFang SC;
|
|
211
|
-
font-style: normal;
|
|
212
|
-
line-height: 32px;
|
|
213
|
-
text-align: right;
|
|
214
|
-
}
|
|
215
|
-
.ant-form-item-explain-error {
|
|
216
|
-
margin-left: 0 !important;
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
}
|
|
1
|
+
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
+
|
|
3
|
+
.top-panel-interval {
|
|
4
|
+
&-form-botton-box {
|
|
5
|
+
display: flex;
|
|
6
|
+
justify-content: flex-end;
|
|
7
|
+
margin-top: 24px;
|
|
8
|
+
margin-right: 24px;
|
|
9
|
+
|
|
10
|
+
> :nth-child(1) {
|
|
11
|
+
margin-right: 16px;
|
|
12
|
+
color: #fff;
|
|
13
|
+
background-color: #29bd52;
|
|
14
|
+
border-color: #29bd52;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&-label-hasIcon {
|
|
19
|
+
.bsicon {
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.panel-form-interval {
|
|
26
|
+
.ant-form-item-explain-error {
|
|
27
|
+
margin-left: 24px;
|
|
28
|
+
}
|
|
29
|
+
&-item {
|
|
30
|
+
.ant-form-item-label {
|
|
31
|
+
padding-left: 24px !important;
|
|
32
|
+
font-weight: 500;
|
|
33
|
+
}
|
|
34
|
+
.ant-form-item-control-input-content {
|
|
35
|
+
height: 40px;
|
|
36
|
+
padding: 0 24px !important;
|
|
37
|
+
line-height: 40px !important;
|
|
38
|
+
.biz-select-handle {
|
|
39
|
+
display: inline-block;
|
|
40
|
+
width: 208px;
|
|
41
|
+
}
|
|
42
|
+
span.ant-radio + * {
|
|
43
|
+
padding-right: 40px;
|
|
44
|
+
padding-left: 12px;
|
|
45
|
+
}
|
|
46
|
+
&:hover {
|
|
47
|
+
background-color: #e7f3fe;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
.interval-item {
|
|
52
|
+
margin-top: -2px;
|
|
53
|
+
.ant-space-vertical {
|
|
54
|
+
gap: 0px !important;
|
|
55
|
+
width: 100%;
|
|
56
|
+
.ant-space-item:nth-child(1) {
|
|
57
|
+
padding: 0 12px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.ant-space-item:nth-child(2) {
|
|
61
|
+
display: flex;
|
|
62
|
+
align-items: center;
|
|
63
|
+
height: 42px;
|
|
64
|
+
margin-top: 4px;
|
|
65
|
+
padding: 0 12px;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.ant-space-item:nth-child(2):hover {
|
|
69
|
+
background-color: #e7f3fe;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.biz-user-group-header {
|
|
75
|
+
padding: 0;
|
|
76
|
+
background-color: #fff;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.space-item {
|
|
80
|
+
.ant-space-item {
|
|
81
|
+
.biz-user-group {
|
|
82
|
+
width: 100%;
|
|
83
|
+
min-width: 208px;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.ant-space-horizontal .ant-space-item:nth-child(2) .tianjia {
|
|
88
|
+
display: none;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.collapseRefs {
|
|
93
|
+
.ant-form-item {
|
|
94
|
+
margin-bottom: 16px;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.ant-form-item-control-input {
|
|
98
|
+
display: flex;
|
|
99
|
+
align-items: center;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.ant-form-item-label {
|
|
103
|
+
padding-left: 24px;
|
|
104
|
+
font-weight: 500;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.interval-box {
|
|
108
|
+
> div:nth-child(1) {
|
|
109
|
+
padding: 4px 24px;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
> div:nth-child(1):hover {
|
|
113
|
+
background-color: #e7f3fe;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.biz-attr-condition-group-handle {
|
|
117
|
+
margin-right: 0;
|
|
118
|
+
margin-left: 32px;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.biz-attr-condition-group-container {
|
|
122
|
+
gap: 0px !important;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.biz-attr-condition-group-container-item {
|
|
126
|
+
max-width: calc(100% + 32px) !important;
|
|
127
|
+
margin-top: 4px;
|
|
128
|
+
padding: 4px 56px;
|
|
129
|
+
.ant-space-item {
|
|
130
|
+
width: auto;
|
|
131
|
+
max-width: auto;
|
|
132
|
+
margin-left: 0px;
|
|
133
|
+
padding: 0;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.ant-space-item:hover {
|
|
138
|
+
background-color: #e7f3fe;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.dimension-interval {
|
|
143
|
+
.ant-form-item-control-input {
|
|
144
|
+
padding: 4px 24px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.ant-form-item-control-input:hover {
|
|
148
|
+
background-color: #e7f3fe;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.biz-event-select {
|
|
154
|
+
width: 208px;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
> .ant-form-item {
|
|
158
|
+
margin-bottom: 16px;
|
|
159
|
+
.biz-user-group-val {
|
|
160
|
+
color: #021429;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.associated {
|
|
165
|
+
margin-top: -10px;
|
|
166
|
+
margin-bottom: 12px;
|
|
167
|
+
|
|
168
|
+
.qingchu {
|
|
169
|
+
color: #9aa1a9;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.qingchu:hover {
|
|
173
|
+
color: @error-color;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.ant-form-item-control-input {
|
|
177
|
+
padding: 4px 24px;
|
|
178
|
+
|
|
179
|
+
.ant-form-item-control-input {
|
|
180
|
+
padding: 0;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.ant-form-item {
|
|
184
|
+
margin-bottom: 0;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.ant-form-item-control-input:hover {
|
|
189
|
+
background-color: #e7f3fe;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.associated-link {
|
|
193
|
+
display: block;
|
|
194
|
+
line-height: 32px;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.ant-form-item-row {
|
|
198
|
+
flex-direction: inherit;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.ant-form-item-control-input-content {
|
|
202
|
+
display: flex;
|
|
203
|
+
gap: 12px;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.associated-label {
|
|
207
|
+
color: var(--3, #5f6085);
|
|
208
|
+
font-weight: 400;
|
|
209
|
+
font-size: 14px;
|
|
210
|
+
font-family: PingFang SC;
|
|
211
|
+
font-style: normal;
|
|
212
|
+
line-height: 32px;
|
|
213
|
+
text-align: right;
|
|
214
|
+
}
|
|
215
|
+
.ant-form-item-explain-error {
|
|
216
|
+
margin-left: 0 !important;
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
@@ -12,6 +12,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
12
12
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
13
|
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); }
|
|
14
14
|
import React from 'react';
|
|
15
|
+
import { Tooltip } from 'antd';
|
|
15
16
|
import { chartColors } from "../constants/color";
|
|
16
17
|
import "../style/index.less";
|
|
17
18
|
import { IconFont } from '@zgfe/business-lib';
|
|
@@ -46,7 +47,9 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
|
|
|
46
47
|
dataIndex: 'time',
|
|
47
48
|
className: "".concat(classPrefix, "-table-td"),
|
|
48
49
|
render: function render(text, record) {
|
|
49
|
-
return /*#__PURE__*/React.createElement(
|
|
50
|
+
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
51
|
+
title: text
|
|
52
|
+
}, /*#__PURE__*/React.createElement("span", null, " ", text));
|
|
50
53
|
}
|
|
51
54
|
}, {
|
|
52
55
|
title: '最大值',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-interval",
|
|
3
|
-
"version": "1.0.23-zhongyuan.
|
|
3
|
+
"version": "1.0.23-zhongyuan.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"typings": "dist/esm/index.d.ts",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"publishConfig": {
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "e90168f1ab7052d0f46438adffc98ab9be1c8c6c",
|
|
63
63
|
"gitHooks": {
|
|
64
64
|
"pre-commit": "lint-staged"
|
|
65
65
|
}
|