@zgfe/modules-interval 1.0.23-zhongyuan.0 → 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.
Files changed (37) hide show
  1. package/README.md +35 -35
  2. package/dist/esm/components/common/styles/index.less +40 -40
  3. package/dist/esm/components/eventFilter/styles/index.less +39 -39
  4. package/dist/esm/components/renderContent/styles/index.less +36 -36
  5. package/dist/esm/components/searchPanel/styles/index.less +71 -71
  6. package/dist/esm/components/table/styles/index.less +138 -138
  7. package/dist/esm/components/topBar/styles/index.less +16 -16
  8. package/dist/esm/constants/apis.js +4 -4
  9. package/dist/esm/constants/code.d.ts +13 -0
  10. package/dist/esm/constants/code.js +13 -0
  11. package/dist/esm/constants/fields.js +4 -4
  12. package/dist/esm/modules/chart/index.js +10 -3
  13. package/dist/esm/modules/chart/index.less +58 -58
  14. package/dist/esm/modules/chart/intervalChart.js +1 -1
  15. package/dist/esm/modules/chart/types.d.ts +5 -0
  16. package/dist/esm/modules/content/index.js +49 -19
  17. package/dist/esm/modules/content/styles/index.less +25 -25
  18. package/dist/esm/modules/content/utils.js +1 -1
  19. package/dist/esm/modules/home/demo/create.js +5 -3
  20. package/dist/esm/modules/home/demo/edit.js +132 -34
  21. package/dist/esm/modules/home/demo/index.js +1 -1
  22. package/dist/esm/modules/home/demo/scene.js +1 -1
  23. package/dist/esm/modules/home/demo/styles/index.less +33 -33
  24. package/dist/esm/modules/home/index.js +8 -1
  25. package/dist/esm/modules/home/styles/index.less +69 -69
  26. package/dist/esm/modules/topPanel/index.js +39 -29
  27. package/dist/esm/modules/topPanel/styles/index.less +6 -6
  28. package/dist/esm/modules/topPanel/types.d.ts +1 -0
  29. package/dist/esm/style/image/empty.png +0 -0
  30. package/dist/esm/style/image/ring.svg +9 -9
  31. package/dist/esm/style/index.less +67 -67
  32. package/dist/esm/types.js +6 -6
  33. package/dist/esm/utils/ajaxConfig.js +5 -5
  34. package/dist/esm/utils/formData.d.ts +4 -0
  35. package/dist/esm/utils/formData.js +9 -3
  36. package/dist/esm/utils/util.js +28 -28
  37. package/package.json +7 -7
@@ -1,69 +1,69 @@
1
- @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
- .ant-card-body {
3
- padding: 0;
4
- }
5
-
6
- .interval-module-container {
7
- width: 100%;
8
- min-width: 1000px;
9
- height: 100%;
10
- background: #fafafb;
11
- &-loading {
12
- display: flex;
13
- align-items: center;
14
- justify-content: center;
15
- height: 100%;
16
- }
17
- .interval-layout {
18
- .biz-layout-top {
19
- padding: 0 16px 16px;
20
- }
21
- .biz-layout-collapse-container {
22
- height: 24px;
23
- }
24
- .biz-layout-collapse-handle {
25
- height: 24px;
26
- }
27
- }
28
- &-header-title {
29
- height: 48px;
30
- padding: 0px 24px;
31
- color: #021429;
32
- font-weight: 500;
33
- font-size: 16px;
34
- line-height: 48px;
35
- background: #fff;
36
- }
37
-
38
- .biz-layout-top {
39
- margin-top: 2px;
40
- padding-top: 0;
41
-
42
- .biz-user-group-header {
43
- .ant-space-item {
44
- color: #5f6085;
45
- }
46
- }
47
- }
48
-
49
- .ant-spin-container {
50
- width: 100%;
51
- height: auto;
52
- }
53
-
54
- .biz-select-option:not(.biz-select-option-multiple),
55
- .biz-attr-select-option {
56
- &.active {
57
- background: @primary-color !important;
58
- }
59
- }
60
-
61
- // 设置下拉框最大高度
62
- .biz-select-overlay {
63
- max-height: 300px;
64
- }
65
-
66
- .biz-layout-panel-content {
67
- height: auto;
68
- }
69
- }
1
+ @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
+ .ant-card-body {
3
+ padding: 0;
4
+ }
5
+
6
+ .interval-module-container {
7
+ width: 100%;
8
+ min-width: 1000px;
9
+ height: 100%;
10
+ background: #fafafb;
11
+ &-loading {
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: center;
15
+ height: 100%;
16
+ }
17
+ .interval-layout {
18
+ .biz-layout-top {
19
+ padding: 0 16px 16px;
20
+ }
21
+ .biz-layout-collapse-container {
22
+ height: 24px;
23
+ }
24
+ .biz-layout-collapse-handle {
25
+ height: 24px;
26
+ }
27
+ }
28
+ &-header-title {
29
+ height: 48px;
30
+ padding: 0px 24px;
31
+ color: #021429;
32
+ font-weight: 500;
33
+ font-size: 16px;
34
+ line-height: 48px;
35
+ background: #fff;
36
+ }
37
+
38
+ .biz-layout-top {
39
+ margin-top: 2px;
40
+ padding-top: 0;
41
+
42
+ .biz-user-group-header {
43
+ .ant-space-item {
44
+ color: #5f6085;
45
+ }
46
+ }
47
+ }
48
+
49
+ .ant-spin-container {
50
+ width: 100%;
51
+ height: auto;
52
+ }
53
+
54
+ .biz-select-option:not(.biz-select-option-multiple),
55
+ .biz-attr-select-option {
56
+ &.active {
57
+ background: @primary-color !important;
58
+ }
59
+ }
60
+
61
+ // 设置下拉框最大高度
62
+ .biz-select-overlay {
63
+ max-height: 300px;
64
+ }
65
+
66
+ .biz-layout-panel-content {
67
+ height: auto;
68
+ }
69
+ }
@@ -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(rule, value) {
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$current, _formRef$current2, _formRef$current3;
216
+ var _formRef$current2, _formRef$current3, _formRef$current4;
207
217
  setCurrentSubject(val);
208
218
  setRelevancy(false);
209
- (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.setFieldValue('start', undefined);
210
- (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.setFieldValue('end', undefined);
211
- (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.setFieldValue('dimension', undefined);
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$current4;
273
+ var _formRef$current5;
264
274
  setStartEvent(evt);
265
- (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.setFieldValue('dimension', undefined);
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$current5;
311
- (_formRef$current5 = formRef.current) === null || _formRef$current5 === void 0 ? void 0 : _formRef$current5.setFieldValue('associatedPreAttr', undefined);
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$current6;
334
- (_formRef$current6 = formRef.current) === null || _formRef$current6 === void 0 ? void 0 : _formRef$current6.setFieldValue('associatedNextAttr', undefined);
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$current7, _formRef$current8;
344
- (_formRef$current7 = formRef.current) === null || _formRef$current7 === void 0 ? void 0 : _formRef$current7.setFieldValue('associatedPreAttr', undefined);
345
- (_formRef$current8 = formRef.current) === null || _formRef$current8 === void 0 ? void 0 : _formRef$current8.setFieldValue('associatedNextAttr', undefined);
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, "-start"),
386
+ key: "".concat(currentSubject === null || currentSubject === void 0 ? void 0 : currentSubject.subjectName, "-end"),
377
387
  onChange: function onChange(val) {
378
- var _formRef$current9;
388
+ var _formRef$current10;
379
389
  setEndEvent(val);
380
- (_formRef$current9 = formRef.current) === null || _formRef$current9 === void 0 ? void 0 : _formRef$current9.setFieldValue('dimension', undefined);
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$current10;
396
- (_formRef$current10 = formRef.current) === null || _formRef$current10 === void 0 ? void 0 : _formRef$current10.setFieldValue('dimension', undefined);
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$current11;
415
- (_formRef$current11 = formRef.current) === null || _formRef$current11 === void 0 ? void 0 : _formRef$current11.submit();
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
  };
@@ -44,7 +44,7 @@
44
44
  padding-left: 12px;
45
45
  }
46
46
  &:hover {
47
- background-color: #e8efff;
47
+ background-color: #e7f3fe;
48
48
  }
49
49
  }
50
50
  }
@@ -66,7 +66,7 @@
66
66
  }
67
67
 
68
68
  .ant-space-item:nth-child(2):hover {
69
- background-color: #e8efff;
69
+ background-color: #e7f3fe;
70
70
  }
71
71
  }
72
72
  }
@@ -110,7 +110,7 @@
110
110
  }
111
111
 
112
112
  > div:nth-child(1):hover {
113
- background-color: #e8efff;
113
+ background-color: #e7f3fe;
114
114
  }
115
115
 
116
116
  .biz-attr-condition-group-handle {
@@ -135,7 +135,7 @@
135
135
  }
136
136
 
137
137
  .ant-space-item:hover {
138
- background-color: #e8efff;
138
+ background-color: #e7f3fe;
139
139
  }
140
140
  }
141
141
 
@@ -145,7 +145,7 @@
145
145
  }
146
146
 
147
147
  .ant-form-item-control-input:hover {
148
- background-color: #e8efff;
148
+ background-color: #e7f3fe;
149
149
  }
150
150
  }
151
151
  }
@@ -186,7 +186,7 @@
186
186
  }
187
187
 
188
188
  .ant-form-item-control-input:hover {
189
- background-color: #e8efff;
189
+ background-color: #e7f3fe;
190
190
  }
191
191
 
192
192
  .associated-link {
@@ -42,6 +42,7 @@ export interface TopPanelProps {
42
42
  * 默认值
43
43
  */
44
44
  defaultValue?: SearchValue;
45
+ propsDefaultValue?: SearchValue;
45
46
  loading?: boolean;
46
47
  /**
47
48
  * 数据更新
File without changes
@@ -1,9 +1,9 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="80px" height="80px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
3
- <circle cx="50" cy="50" r="32" stroke-width="4" stroke="#165dff" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
4
- <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
5
- </circle>
6
- <circle cx="50" cy="50" r="27" stroke-width="4" stroke="#85adfc" stroke-dasharray="42.411500823462205 42.411500823462205" stroke-dashoffset="42.411500823462205" fill="none" stroke-linecap="round">
7
- <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;-360 50 50"></animateTransform>
8
- </circle>
9
- <!-- [ldio] generated by https://loading.io/ --></svg>
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="80px" height="80px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
3
+ <circle cx="50" cy="50" r="32" stroke-width="4" stroke="#165dff" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
4
+ <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
5
+ </circle>
6
+ <circle cx="50" cy="50" r="27" stroke-width="4" stroke="#85adfc" stroke-dasharray="42.411500823462205 42.411500823462205" stroke-dashoffset="42.411500823462205" fill="none" stroke-linecap="round">
7
+ <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;-360 50 50"></animateTransform>
8
+ </circle>
9
+ <!-- [ldio] generated by https://loading.io/ --></svg>
@@ -1,67 +1,67 @@
1
- .interval-form-data {
2
- &-table-td {
3
- padding: 0 !important;
4
-
5
- .ant-table-column-sorters {
6
- justify-content: end !important;
7
- }
8
-
9
- &-show {
10
- display: flex;
11
- align-items: center;
12
- justify-content: center;
13
- min-width: 60px;
14
- height: 48px;
15
- cursor: pointer;
16
-
17
- span {
18
- width: 10px;
19
- height: 10px;
20
- border-radius: 50%;
21
- cursor: pointer;
22
- }
23
- }
24
-
25
- &-name {
26
- display: flex;
27
- align-items: center;
28
-
29
- .bsicon {
30
- margin-right: 4px;
31
- color: #fd9f41;
32
- }
33
-
34
- &-content {
35
- display: inline-block;
36
- max-width: 300px;
37
- overflow: hidden;
38
- white-space: nowrap;
39
- text-overflow: ellipsis;
40
- cursor: pointer;
41
- }
42
- }
43
-
44
- &-link {
45
- cursor: pointer;
46
-
47
- &:hover {
48
- color: #165dff;
49
- text-decoration: underline;
50
- }
51
- }
52
- }
53
- }
54
- .interval-drill {
55
- display: block;
56
- .bsicon {
57
- display: none;
58
- margin-right: 4px;
59
- }
60
- &:hover {
61
- color: @primary-color;
62
- cursor: pointer;
63
- .bsicon {
64
- display: inline;
65
- }
66
- }
67
- }
1
+ .interval-form-data {
2
+ &-table-td {
3
+ padding: 0 !important;
4
+
5
+ .ant-table-column-sorters {
6
+ justify-content: end !important;
7
+ }
8
+
9
+ &-show {
10
+ display: flex;
11
+ align-items: center;
12
+ justify-content: center;
13
+ min-width: 60px;
14
+ height: 48px;
15
+ cursor: pointer;
16
+
17
+ span {
18
+ width: 10px;
19
+ height: 10px;
20
+ border-radius: 50%;
21
+ cursor: pointer;
22
+ }
23
+ }
24
+
25
+ &-name {
26
+ display: flex;
27
+ align-items: center;
28
+
29
+ .bsicon {
30
+ margin-right: 4px;
31
+ color: #fd9f41;
32
+ }
33
+
34
+ &-content {
35
+ display: inline-block;
36
+ max-width: 300px;
37
+ overflow: hidden;
38
+ white-space: nowrap;
39
+ text-overflow: ellipsis;
40
+ cursor: pointer;
41
+ }
42
+ }
43
+
44
+ &-link {
45
+ cursor: pointer;
46
+
47
+ &:hover {
48
+ color: #165dff;
49
+ text-decoration: underline;
50
+ }
51
+ }
52
+ }
53
+ }
54
+ .interval-drill {
55
+ display: block;
56
+ .bsicon {
57
+ display: none;
58
+ margin-right: 4px;
59
+ }
60
+ &:hover {
61
+ color: @primary-color;
62
+ cursor: pointer;
63
+ .bsicon {
64
+ display: inline;
65
+ }
66
+ }
67
+ }
package/dist/esm/types.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import { createContext } from 'react';
2
2
 
3
- /**
4
- * 属性选择器 默认值
3
+ /**
4
+ * 属性选择器 默认值
5
5
  */
6
6
 
7
- /**
8
- * 图表选择类型
7
+ /**
8
+ * 图表选择类型
9
9
  */
10
10
 
11
- /**
12
- * series value
11
+ /**
12
+ * series value
13
13
  */
14
14
 
15
15
  var defaultContext = {
@@ -1,10 +1,10 @@
1
1
  import _ from 'lodash';
2
2
 
3
- /**
4
- * 接口option封装
5
- * @param url url
6
- * @param options 操作
7
- * @returns
3
+ /**
4
+ * 接口option封装
5
+ * @param url url
6
+ * @param options 操作
7
+ * @returns
8
8
  */
9
9
  function setOptionWapper(url, options) {
10
10
  var reqOption = _.cloneDeep(options);
@@ -38,9 +38,11 @@ export declare function formTableData(originalData: ChartData): {
38
38
  total: number;
39
39
  peopleNum: number;
40
40
  names: string[];
41
+ originalNames: string[];
41
42
  }[] | {
42
43
  key: number;
43
44
  time: string;
45
+ originalNames: string[];
44
46
  max: number;
45
47
  Q1: number;
46
48
  median: number;
@@ -61,12 +63,14 @@ export declare function formTableData(originalData: ChartData): {
61
63
  total: number;
62
64
  peopleNum: number;
63
65
  names: string[];
66
+ originalNames: string[];
64
67
  }[];
65
68
  }[] | undefined;
66
69
  type ChartData = {
67
70
  appData: {
68
71
  series?: {
69
72
  names: string[];
73
+ originalNames: string[];
70
74
  values: number[][];
71
75
  total: number[];
72
76
  }[];
@@ -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("span", null, " ", text);
50
+ return /*#__PURE__*/React.createElement(Tooltip, {
51
+ title: text
52
+ }, /*#__PURE__*/React.createElement("span", null, " ", text));
50
53
  }
51
54
  }, {
52
55
  title: '最大值',
@@ -188,7 +191,8 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
188
191
  };
189
192
  }
190
193
  if (searchParam.dimension) {
191
- params.params.groupValue = /\d{4}-\d{2}-\d{2}/.test(record.time || '') ? record.names ? record.names[0] : undefined : record.time;
194
+ params.params.groupValue = record.originalNames ? record.originalNames[0] : undefined;
195
+ params.params.groupValueEncry = searchParam.dimension.encryptionType > 0;
192
196
  }
193
197
  if (/\d{4}-\d{2}-\d{2}/.test(record.time || '')) {
194
198
  params.params.time.begin = record.time.split('|')[0];
@@ -236,6 +240,7 @@ function createNewArray(data) {
236
240
  return {
237
241
  key: i + 1,
238
242
  time: item.names[0],
243
+ originalNames: item.originalNames,
239
244
  max: item.total[0] || 0,
240
245
  Q1: item.total[1] || 0,
241
246
  median: item.total[2] || 0,
@@ -298,7 +303,8 @@ function getChildrenData(data, index) {
298
303
  perValue: values[i][5] || 0,
299
304
  total: values[i][6] || 0,
300
305
  peopleNum: values[i][7] || 0,
301
- names: firstSeries.names
306
+ names: firstSeries.names,
307
+ originalNames: firstSeries.originalNames
302
308
  };
303
309
  });
304
310
  }