@zgfe/modules-interval 1.0.11-zhongbang.8 → 1.0.23-zhongyuan.1

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 (39) hide show
  1. package/README.md +35 -33
  2. package/dist/esm/components/common/styles/index.less +40 -40
  3. package/dist/esm/components/eventFilter/index.js +5 -3
  4. package/dist/esm/components/eventFilter/styles/index.less +39 -39
  5. package/dist/esm/components/renderContent/index.js +6 -5
  6. package/dist/esm/components/renderContent/styles/index.less +36 -36
  7. package/dist/esm/components/searchPanel/index.js +19 -9
  8. package/dist/esm/components/searchPanel/styles/index.less +71 -64
  9. package/dist/esm/components/searchPanel/types.d.ts +1 -0
  10. package/dist/esm/components/table/index.js +1 -1
  11. package/dist/esm/components/table/styles/index.less +138 -138
  12. package/dist/esm/components/topBar/index.js +8 -12
  13. package/dist/esm/components/topBar/styles/index.less +16 -50
  14. package/dist/esm/constants/apis.js +4 -4
  15. package/dist/esm/constants/fields.js +4 -4
  16. package/dist/esm/modules/chart/index.js +23 -4
  17. package/dist/esm/modules/chart/index.less +58 -58
  18. package/dist/esm/modules/content/index.js +48 -20
  19. package/dist/esm/modules/content/styles/index.less +25 -7
  20. package/dist/esm/modules/content/utils.d.ts +1 -0
  21. package/dist/esm/modules/content/utils.js +4 -3
  22. package/dist/esm/modules/home/demo/create.js +1 -1
  23. package/dist/esm/modules/home/demo/edit.js +1 -1
  24. package/dist/esm/modules/home/demo/index.js +2 -1
  25. package/dist/esm/modules/home/demo/styles/index.less +33 -33
  26. package/dist/esm/modules/home/index.js +52 -33
  27. package/dist/esm/modules/home/styles/index.less +69 -66
  28. package/dist/esm/modules/home/types.d.ts +1 -0
  29. package/dist/esm/modules/topPanel/index.js +88 -23
  30. package/dist/esm/modules/topPanel/styles/index.less +219 -213
  31. package/dist/esm/style/image/empty.png +0 -0
  32. package/dist/esm/style/image/ring.svg +9 -9
  33. package/dist/esm/style/index.less +67 -67
  34. package/dist/esm/types.js +6 -6
  35. package/dist/esm/utils/ajaxConfig.js +5 -5
  36. package/dist/esm/utils/formData.d.ts +6 -2
  37. package/dist/esm/utils/formData.js +9 -5
  38. package/dist/esm/utils/util.js +28 -28
  39. package/package.json +22 -22
@@ -1,138 +1,138 @@
1
- .mi-interval-table {
2
- width: 100%;
3
- margin-top: 16px;
4
-
5
- .ant-table {
6
- border-radius: 8px;
7
- }
8
- .ant-table-cell-with-append .ant-table-row-expand-icon {
9
- left: 16px !important;
10
- color: #9aa1a9;
11
- border: 1px solid #9aa1a9;
12
- }
13
- .ant-table-row-expand-icon::before {
14
- height: 1.4px !important;
15
- }
16
- .ant-table-row-expand-icon::after {
17
- width: 1.4px !important;
18
- }
19
- .ant-table-cell {
20
- height: 50px;
21
- padding: 0 16px !important;
22
- }
23
-
24
- .ant-pagination {
25
- margin-top: 24px !important;
26
- }
27
-
28
- .ant-table-tbody > tr > td {
29
- border-bottom: 0.1px solid #e6e7ea;
30
- }
31
-
32
- .ant-table .ant-table-container .ant-table-thead > tr > th {
33
- background-color: #f2f3f4 !important;
34
- }
35
-
36
- &-table-header {
37
- display: flex;
38
- justify-content: space-between;
39
- height: 50px;
40
- padding: 0 16px;
41
- line-height: 50px;
42
- background: #fafafb;
43
- border: 1px solid var(--gray-6, #ecedf0);
44
- border-bottom: none;
45
- border-radius: 8px 8px 0 0;
46
-
47
- > :nth-child(2) {
48
- display: flex;
49
- margin-top: 9px;
50
- div {
51
- display: flex;
52
- align-items: center;
53
- height: 32px;
54
- padding: 0 16px;
55
- line-height: 32px;
56
- background: #fff;
57
- border: 1px solid #f2f3f4;
58
- border-radius: 4px;
59
- cursor: pointer;
60
- .xiazai1 {
61
- margin-right: 4px;
62
- font-size: 16px !important;
63
- }
64
- }
65
- div:hover {
66
- color: #165dff;
67
- border: 1px solid #165dff;
68
- }
69
- }
70
- }
71
-
72
- .ant-table {
73
- border-radius: 0 0 8px 8px;
74
- }
75
-
76
- .ant-table-cell-with-append {
77
- padding-left: 20px;
78
-
79
- .ant-table-row-expand-icon {
80
- position: absolute;
81
- left: 0;
82
- margin-top: 0;
83
- }
84
- }
85
- }
86
-
87
- .event-table-sql-modal {
88
- .ant-modal-header {
89
- position: relative;
90
- z-index: 1;
91
- height: 82px;
92
- background: transparent;
93
- }
94
-
95
- .ant-modal-body {
96
- padding: 0 24px 18px 24px;
97
- }
98
-
99
- .ant-modal-close-x {
100
- margin-top: 13px;
101
- margin-right: 8px;
102
- }
103
-
104
- img {
105
- width: 100%;
106
- }
107
-
108
- .qingchu {
109
- font-weight: 500;
110
- font-size: 22px !important;
111
- }
112
-
113
- .modal-bg {
114
- position: absolute;
115
- top: 0;
116
- left: 0;
117
- width: 100%;
118
- height: auto;
119
- }
120
-
121
- .hljs {
122
- padding: 16px;
123
- background: #fafafb;
124
- }
125
-
126
- .copy-box {
127
- position: absolute;
128
- top: 98px;
129
- right: 40px;
130
- padding: 0 8px;
131
- background: #f2f3f4;
132
- border-radius: 4px;
133
-
134
- .fuzhi1 {
135
- margin-right: 8px;
136
- }
137
- }
138
- }
1
+ .mi-interval-table {
2
+ width: 100%;
3
+ margin-top: 16px;
4
+
5
+ .ant-table {
6
+ border-radius: 8px;
7
+ }
8
+ .ant-table-cell-with-append .ant-table-row-expand-icon {
9
+ left: 16px !important;
10
+ color: #9aa1a9;
11
+ border: 1px solid #9aa1a9;
12
+ }
13
+ .ant-table-row-expand-icon::before {
14
+ height: 1.4px !important;
15
+ }
16
+ .ant-table-row-expand-icon::after {
17
+ width: 1.4px !important;
18
+ }
19
+ .ant-table-cell {
20
+ height: 50px;
21
+ padding: 0 16px !important;
22
+ }
23
+
24
+ .ant-pagination {
25
+ margin-top: 24px !important;
26
+ }
27
+
28
+ .ant-table-tbody > tr > td {
29
+ border-bottom: 0.1px solid #e6e7ea;
30
+ }
31
+
32
+ .ant-table .ant-table-container .ant-table-thead > tr > th {
33
+ background-color: #f2f3f4 !important;
34
+ }
35
+
36
+ &-table-header {
37
+ display: flex;
38
+ justify-content: space-between;
39
+ height: 50px;
40
+ padding: 0 16px;
41
+ line-height: 50px;
42
+ background: #fafafb;
43
+ border: 1px solid var(--gray-6, #ecedf0);
44
+ border-bottom: none;
45
+ border-radius: 8px 8px 0 0;
46
+
47
+ > :nth-child(2) {
48
+ display: flex;
49
+ margin-top: 9px;
50
+ div {
51
+ display: flex;
52
+ align-items: center;
53
+ height: 32px;
54
+ padding: 0 16px;
55
+ line-height: 32px;
56
+ background: #fff;
57
+ border: 1px solid #f2f3f4;
58
+ border-radius: 4px;
59
+ cursor: pointer;
60
+ .xiazai1 {
61
+ margin-right: 4px;
62
+ font-size: 16px !important;
63
+ }
64
+ }
65
+ div:hover {
66
+ color: #165dff;
67
+ border: 1px solid #165dff;
68
+ }
69
+ }
70
+ }
71
+
72
+ .ant-table {
73
+ border-radius: 0 0 8px 8px;
74
+ }
75
+
76
+ .ant-table-cell-with-append {
77
+ padding-left: 20px;
78
+
79
+ .ant-table-row-expand-icon {
80
+ position: absolute;
81
+ left: 0;
82
+ margin-top: 0;
83
+ }
84
+ }
85
+ }
86
+
87
+ .event-table-sql-modal {
88
+ .ant-modal-header {
89
+ position: relative;
90
+ z-index: 1;
91
+ height: 82px;
92
+ background: transparent;
93
+ }
94
+
95
+ .ant-modal-body {
96
+ padding: 0 24px 18px 24px;
97
+ }
98
+
99
+ .ant-modal-close-x {
100
+ margin-top: 13px;
101
+ margin-right: 8px;
102
+ }
103
+
104
+ img {
105
+ width: 100%;
106
+ }
107
+
108
+ .qingchu {
109
+ font-weight: 500;
110
+ font-size: 22px !important;
111
+ }
112
+
113
+ .modal-bg {
114
+ position: absolute;
115
+ top: 0;
116
+ left: 0;
117
+ width: 100%;
118
+ height: auto;
119
+ }
120
+
121
+ .hljs {
122
+ padding: 16px;
123
+ background: #fafafb;
124
+ }
125
+
126
+ .copy-box {
127
+ position: absolute;
128
+ top: 98px;
129
+ right: 40px;
130
+ padding: 0 8px;
131
+ background: #f2f3f4;
132
+ border-radius: 4px;
133
+
134
+ .fuzhi1 {
135
+ margin-right: 8px;
136
+ }
137
+ }
138
+ }
@@ -12,10 +12,10 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
12
12
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
13
13
  import { Button } from 'antd';
14
14
  import React, { useContext, useEffect, useState } from 'react';
15
- import { BizAddToPanel, BizAddToScene, BizGlobalDataContext } from '@zgfe/business-lib';
15
+ import { BizAddToPanel, BizAddToScene, BizGlobalDataContext, BizPlatformSelector } from '@zgfe/business-lib';
16
16
  import "./styles/index.less";
17
17
  import { IntervalContext } from "../../types";
18
- import { chartTypes, platformOption } from "../../constants/fields";
18
+ import { chartTypes } from "../../constants/fields";
19
19
  import { appVersionType } from '@zgfe/business-lib/es/context';
20
20
  var classPrefix = 'modules-interval-topbar';
21
21
  var TopBar = function TopBar(props) {
@@ -65,7 +65,6 @@ var TopBar = function TopBar(props) {
65
65
  }, [props.eventData]);
66
66
  // 保存
67
67
  var _onOk = function onOk(type, val) {
68
- // console.log('onOk', type, val);
69
68
  closeHandle(type);
70
69
  if (afterEditTarget) afterEditTarget(type, val);
71
70
  };
@@ -129,15 +128,12 @@ var TopBar = function TopBar(props) {
129
128
  }
130
129
  }, "\u8BBE\u7F6E\u6D41\u5931\u9884\u8B66") : null, /*#__PURE__*/React.createElement("div", {
131
130
  className: "".concat(classPrefix, "-platform")
132
- }, platformOption.map(function (item) {
133
- return /*#__PURE__*/React.createElement("div", {
134
- className: "".concat(selectPlatform === item.key ? 'active' : ''),
135
- key: item.key,
136
- onClick: function onClick() {
137
- setselectPlatform(item.key);
138
- platformChange(item.key);
139
- }
140
- }, item.value);
131
+ }, /*#__PURE__*/React.createElement(BizPlatformSelector, {
132
+ value: selectPlatform,
133
+ onChange: function onChange(val) {
134
+ setselectPlatform(val.key);
135
+ platformChange(val.key);
136
+ }
141
137
  })));
142
138
  };
143
139
  export default TopBar;
@@ -1,50 +1,16 @@
1
- @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
-
3
- .modules-interval-topbar {
4
- display: flex;
5
- justify-content: flex-end;
6
- margin: 8px 0;
7
- padding-right: 24px;
8
- &-panel {
9
- margin-right: 16px;
10
- }
11
- &-scene {
12
- margin-right: 16px;
13
- }
14
- &-earlywarning {
15
- margin-right: 16px;
16
- }
17
- &-platform {
18
- display: flex;
19
- height: 32px;
20
- line-height: 32px;
21
- > div {
22
- position: relative;
23
- padding: 0 16px;
24
- font-size: 14px;
25
- background: #fff;
26
- border: 1px solid #ecedf0;
27
- cursor: pointer;
28
- }
29
- > div:hover,
30
- .active {
31
- z-index: 1;
32
- color: #165dff;
33
- background: #e8efff;
34
- border: 1px solid #165dff;
35
- }
36
- > :nth-child(1) {
37
- border-radius: 4px 0 0 4px;
38
- }
39
- > :nth-child(2) {
40
- margin-left: -1px;
41
- }
42
- > :nth-child(3) {
43
- margin-left: -1px;
44
- }
45
- > :nth-child(4) {
46
- margin-left: -1px;
47
- border-radius: 0 4px 4px 0;
48
- }
49
- }
50
- }
1
+ @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
+
3
+ .modules-interval-topbar {
4
+ display: flex;
5
+ justify-content: flex-end;
6
+ margin: 8px 0;
7
+ &-panel {
8
+ margin-right: 16px;
9
+ }
10
+ &-scene {
11
+ margin-right: 16px;
12
+ }
13
+ &-earlywarning {
14
+ margin-right: 16px;
15
+ }
16
+ }
@@ -2,12 +2,12 @@ var Apis = {
2
2
  dataList: '/interval/intervalData',
3
3
  getEventDataSql: '/dataSql/getEventDataSql',
4
4
  eventDownloadReport: '/interval/downLoadintervalData',
5
- /**
6
- * 用户下钻
5
+ /**
6
+ * 用户下钻
7
7
  */
8
8
  userDrill: '/interval/userDrill',
9
- /**
10
- * 主体下钻
9
+ /**
10
+ * 主体下钻
11
11
  */
12
12
  subjectDrill: '/interval/eventDrill',
13
13
  querySubjectDisplay: '/analysisSubject/querySubDisplay'
@@ -126,8 +126,8 @@ export var addSceneFields = [{
126
126
  }]
127
127
  }];
128
128
 
129
- /**
130
- * 维度对象
129
+ /**
130
+ * 维度对象
131
131
  */
132
132
  export var indexObject = {
133
133
  number: '人数',
@@ -139,8 +139,8 @@ export var indexObject = {
139
139
  median: '中位数'
140
140
  };
141
141
 
142
- /**
143
- * 内置指标
142
+ /**
143
+ * 内置指标
144
144
  */
145
145
  export var BuiltinIndicators = {
146
146
  id: -2,
@@ -11,7 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
11
11
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
12
12
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
13
13
  import React, { useContext, useEffect, useState } from 'react';
14
- import { BizGlobalDataContext, BizLoading, ajax } from '@zgfe/business-lib';
14
+ import { BizEmpty, BizGlobalDataContext, BizLoading, ajax } from '@zgfe/business-lib';
15
15
  import { EventTable, MiNone } from "../../components";
16
16
  import { extractNames, getDefaultShow } from "../../utils/formData";
17
17
  import { Apis } from "../../constants";
@@ -41,7 +41,7 @@ var IntervalEventChart = function IntervalEventChart(props) {
41
41
  setLoading = _useState8[1];
42
42
  useEffect(function () {
43
43
  // 没有dataSource时(看板列表访问),请求查询
44
- if (!props.dataSource || (params === null || params === void 0 ? void 0 : params.module) === 'interval') {
44
+ if (!props.dataSource) {
45
45
  fetchResult();
46
46
  }
47
47
  }, []);
@@ -64,9 +64,9 @@ var IntervalEventChart = function IntervalEventChart(props) {
64
64
  setLoading(true);
65
65
  ajax(Apis.dataList, {
66
66
  method: 'post',
67
- data: _objectSpread({
67
+ data: _objectSpread(_objectSpread({
68
68
  appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId
69
- }, obj)
69
+ }, params), obj)
70
70
  }).then(function (res) {
71
71
  if (!res) {
72
72
  return;
@@ -88,6 +88,25 @@ var IntervalEventChart = function IntervalEventChart(props) {
88
88
  className: "mi-common-interval-content"
89
89
  }, /*#__PURE__*/React.createElement("div", null));
90
90
  }
91
+ if (dataSource !== null && dataSource !== void 0 && dataSource.appData.delEvent) {
92
+ return /*#__PURE__*/React.createElement("div", {
93
+ style: {
94
+ display: 'flex',
95
+ minHeight: 345,
96
+ justifyContent: 'center',
97
+ alignItems: 'center'
98
+ }
99
+ }, /*#__PURE__*/React.createElement(BizEmpty, {
100
+ imageStyle: {
101
+ height: 58
102
+ },
103
+ description: /*#__PURE__*/React.createElement("span", {
104
+ style: {
105
+ color: '#9AA1A9'
106
+ }
107
+ }, "\u4E8B\u4EF6\u5DF2\u88AB\u5220\u9664\u65E0\u6CD5\u67E5\u770B\uFF0C\u8BF7\u91CD\u65B0\u8BBE\u7F6E")
108
+ }));
109
+ }
91
110
  if (!dataSource || !(dataSource !== null && dataSource !== void 0 && (_dataSource$appData2 = dataSource.appData) !== null && _dataSource$appData2 !== void 0 && _dataSource$appData2.series.length)) {
92
111
  return /*#__PURE__*/React.createElement(MiNone, {
93
112
  label: !dataSource ? '请选择条件进行查询' : '暂无数据'
@@ -1,58 +1,58 @@
1
- .custom-tooltip-chart {
2
- display: flex;
3
- flex-direction: column;
4
- flex-shrink: 0;
5
- gap: 4px;
6
- align-items: flex-start;
7
- width: 146px;
8
- height: 100%;
9
- padding: 8px;
10
- color: var(--io-n, #021429);
11
- font-weight: 500;
12
- font-size: 12px;
13
- font-style: normal;
14
- // background: rgba(250, 251, 253, 0.8);
15
- border-radius: 10px;
16
- box-shadow: 0px 4px 10px 0px #0000001a;
17
-
18
- .custom-tooltip-name {
19
- color: var(--io-n, #021429);
20
- font-weight: 500;
21
- font-size: 12px;
22
- font-family: PingFang SC;
23
- font-style: normal;
24
- line-height: normal;
25
- }
26
-
27
- .custom-tooltip-div {
28
- display: flex;
29
- flex-direction: column;
30
- gap: 6px;
31
- width: 100%;
32
- height: 100%;
33
- padding: 0px 8px;
34
- background: #fff;
35
- border-radius: 4px;
36
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
37
-
38
- .tooltip-span {
39
- display: block;
40
- color: var(--3, #5f6085);
41
- font-weight: 400;
42
- font-size: 12px;
43
- font-family: PingFang SC;
44
- font-style: normal;
45
- line-height: normal;
46
- }
47
-
48
- > div {
49
- display: flex;
50
- align-items: center;
51
- justify-content: space-between;
52
- }
53
-
54
- .tooltip-marker {
55
- justify-content: flex-start;
56
- }
57
- }
58
- }
1
+ .custom-tooltip-chart {
2
+ display: flex;
3
+ flex-direction: column;
4
+ flex-shrink: 0;
5
+ gap: 4px;
6
+ align-items: flex-start;
7
+ width: 146px;
8
+ height: 100%;
9
+ padding: 8px;
10
+ color: var(--io-n, #021429);
11
+ font-weight: 500;
12
+ font-size: 12px;
13
+ font-style: normal;
14
+ // background: rgba(250, 251, 253, 0.8);
15
+ border-radius: 10px;
16
+ box-shadow: 0px 4px 10px 0px #0000001a;
17
+
18
+ .custom-tooltip-name {
19
+ color: var(--io-n, #021429);
20
+ font-weight: 500;
21
+ font-size: 12px;
22
+ font-family: PingFang SC;
23
+ font-style: normal;
24
+ line-height: normal;
25
+ }
26
+
27
+ .custom-tooltip-div {
28
+ display: flex;
29
+ flex-direction: column;
30
+ gap: 6px;
31
+ width: 100%;
32
+ height: 100%;
33
+ padding: 0px 8px;
34
+ background: #fff;
35
+ border-radius: 4px;
36
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
37
+
38
+ .tooltip-span {
39
+ display: block;
40
+ color: var(--3, #5f6085);
41
+ font-weight: 400;
42
+ font-size: 12px;
43
+ font-family: PingFang SC;
44
+ font-style: normal;
45
+ line-height: normal;
46
+ }
47
+
48
+ > div {
49
+ display: flex;
50
+ align-items: center;
51
+ justify-content: space-between;
52
+ }
53
+
54
+ .tooltip-marker {
55
+ justify-content: flex-start;
56
+ }
57
+ }
58
+ }