@zgfe/modules-interval 1.0.23-zhongyuan.3 → 1.0.23-zhongyuan.5

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.
@@ -1,13 +1,13 @@
1
- /**
2
- * @description 异常状态码
1
+ /**
2
+ * @description 异常状态码
3
3
  */
4
4
  export var ERROR_RESPONESE_CODE = {
5
- /**
6
- * @description 刷新失败
5
+ /**
6
+ * @description 刷新失败
7
7
  */
8
8
  REFRESH_FAIL: '100080',
9
- /**
10
- * @description 用户群或标签查询异常
9
+ /**
10
+ * @description 用户群或标签查询异常
11
11
  */
12
12
  EXCEPTION: '100081'
13
13
  };
@@ -51,6 +51,7 @@ var IntervalEventChart = function IntervalEventChart(props) {
51
51
  // 初始化,判断showList是否有值,如果没值,取结果的前10条
52
52
  useEffect(function () {
53
53
  var _dataSource$appData, _dataSource$appData$s;
54
+ var dataSource = props.dataSource;
54
55
  if ((dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$appData = dataSource.appData) === null || _dataSource$appData === void 0 ? void 0 : (_dataSource$appData$s = _dataSource$appData.series) === null || _dataSource$appData$s === void 0 ? void 0 : _dataSource$appData$s.length) > 0) {
55
56
  var _extractNames;
56
57
  var arr = params !== null && params !== void 0 && params.displaySetup ? params === null || params === void 0 ? void 0 : params.displaySetup : (_extractNames = extractNames(dataSource)) === null || _extractNames === void 0 ? void 0 : _extractNames.splice(0, 4);
@@ -58,7 +59,8 @@ var IntervalEventChart = function IntervalEventChart(props) {
58
59
  setShowList(app);
59
60
  setDataSourceList(arr);
60
61
  }
61
- }, [params === null || params === void 0 ? void 0 : params.displaySetup, dataSource]);
62
+ setDataSource(dataSource);
63
+ }, [params === null || params === void 0 ? void 0 : params.displaySetup, props.dataSource]);
62
64
  var fetchResult = function fetchResult() {
63
65
  var _obj$start, _obj$end, _params$start, _params$end;
64
66
  var obj = searchDataParams(params);
@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
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
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
- import React, { useEffect, useState } from 'react';
7
+ import React, { useEffect, useRef, useState } from 'react';
8
8
  import ReactECharts from 'echarts-for-react';
9
9
  import * as echarts from 'echarts';
10
10
  import { renderToString } from 'react-dom/server';
@@ -17,8 +17,10 @@ var IntervalChart = function IntervalChart(props) {
17
17
  _useState2 = _slicedToArray(_useState, 2),
18
18
  option = _useState2[0],
19
19
  setOption = _useState2[1];
20
+ var chartRef = useRef(null);
20
21
  useEffect(function () {
21
22
  var _props$showList, _seriesData$series;
23
+ chartRef && chartRef.current.getEchartsInstance().clear();
22
24
  var seriesData = props === null || props === void 0 ? void 0 : (_props$showList = props.showList) === null || _props$showList === void 0 ? void 0 : _props$showList.appData;
23
25
  var params = props === null || props === void 0 ? void 0 : props.params;
24
26
  var eCharts = {
@@ -134,6 +136,7 @@ var IntervalChart = function IntervalChart(props) {
134
136
  setOption(eCharts);
135
137
  }, [props === null || props === void 0 ? void 0 : props.showList]);
136
138
  return /*#__PURE__*/React.createElement(ReactECharts, {
139
+ ref: chartRef,
137
140
  style: {
138
141
  height: '431px',
139
142
  padding: 24
@@ -262,7 +262,7 @@ var EventContent = function EventContent(props) {
262
262
  loading: loading,
263
263
  isCity: isCity,
264
264
  eventData: eventData,
265
- searchData: finalSearchData,
265
+ searchData: searchData,
266
266
  showList: showList,
267
267
  onChangeShow: onChangeShow
268
268
  }))));
@@ -4,30 +4,30 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
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); }
7
- /**
8
- * 判断当前细分属性是否为”城市“
9
- * @param name 属性名称
10
- * @returns true标识为:是城市
7
+ /**
8
+ * 判断当前细分属性是否为”城市“
9
+ * @param name 属性名称
10
+ * @returns true标识为:是城市
11
11
  */
12
12
  export var judgeIsCity = function judgeIsCity(name) {
13
13
  var areaData = ['current_city', 'city'];
14
14
  return name && areaData.indexOf(name) !== -1 ? true : false;
15
15
  };
16
16
 
17
- /**
18
- * 判断当前细分属性,地图是否可选
19
- * @param name 属性名称
20
- * @returns true标识为:地图可选
17
+ /**
18
+ * 判断当前细分属性,地图是否可选
19
+ * @param name 属性名称
20
+ * @returns true标识为:地图可选
21
21
  */
22
22
  export var judgeIsArea = function judgeIsArea(name) {
23
23
  var areaData = ['current_area', 'current_city', 'area', 'city'];
24
24
  return name && areaData.indexOf(name) !== -1 ? true : false;
25
25
  };
26
26
 
27
- /**
28
- * 获取当前属性的全部数据
29
- * @param param 属性的部分数据
30
- * @returns 属性的全部数据
27
+ /**
28
+ * 获取当前属性的全部数据
29
+ * @param param 属性的部分数据
30
+ * @returns 属性的全部数据
31
31
  */
32
32
  export var getValue = function getValue(param, eventGroupList, eventEnvList, userPropList) {
33
33
  var res = undefined;
@@ -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: #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
- }
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
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zgfe/modules-interval",
3
- "version": "1.0.23-zhongyuan.3",
3
+ "version": "1.0.23-zhongyuan.5",
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": "e8c97df2f4e849232f643a5b105e36f497101ba0",
62
+ "gitHead": "ae73c427ed843d7c0a3d03642e849d9a5d9097e7",
63
63
  "gitHooks": {
64
64
  "pre-commit": "lint-staged"
65
65
  }