@zgfe/modules-dm 1.0.56-zhongyuan.11 → 1.0.56-zhongyuan.12

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,210 +1,177 @@
1
- .maidianMapIndex {
2
- height: 100%;
3
- .info-upload-tip {
4
- color: var(--io-N4-, #9aa1a9);
5
- }
6
- }
7
- .mapSetting {
8
- .ant-input[disabled] {
9
- background-color: #fafafb !important;
10
- }
11
- &_search {
12
- display: grid;
13
- grid-template-columns: 1fr 100px;
14
- justify-content: space-between;
15
- margin-bottom: 16px;
16
- &_input {
17
- width: 320px;
18
- margin: 0px 10px 0px 0px;
19
- }
20
- }
21
- .ant-page-header {
22
- padding-top: 0px;
23
- padding-left: 0px;
24
- }
25
- &_addMap {
26
- &_tip {
27
- padding: 0px 0px 0px 16px;
28
- color: #67727f;
29
- line-height: 44px;
30
- background: #f2f3f4;
31
- }
32
- &_propTitle {
33
- padding: 0px 0px 0px 16px;
34
- color: #67727f;
35
- color: #354354;
36
- font-size: 14px;
37
- line-height: 32px;
38
- background: #f2f3f4;
39
- }
40
- &_propTitleLeft {
41
- display: inline-block;
42
- width: 58%;
43
- text-align: left;
44
- }
45
- &_propTitleRight {
46
- display: inline-block;
47
- width: 42%;
48
- text-align: left;
49
- }
50
- &_propContent {
51
- padding: 0px 0px 0px 0px;
52
- color: #67727f;
53
- color: #354354;
54
- font-size: 14px;
55
- line-height: 32px;
56
- }
57
- &_propContentLeft {
58
- display: inline-block;
59
- width: 50%;
60
- text-align: left;
61
- }
62
- &_propContentRight {
63
- display: inline-block;
64
- width: 40%;
65
- text-align: left;
66
- }
67
- &_propContentC {
68
- display: inline-block;
69
- width: 10%;
70
- text-align: center;
71
- }
72
- &_propValueList {
73
- display: flex;
74
- align-items: center;
75
- width: 100%;
76
- margin-top: 8px;
77
- .ant-form-item {
78
- margin: 0px;
79
- }
80
- }
81
- &_propValueflag {
82
- display: inline-block;
83
- margin: 0px 8px;
84
- }
85
- &_content {
86
- display: grid;
87
- grid-template-columns: 1fr 30px 1fr;
88
- }
89
- }
90
- &_footer {
91
- display: flex;
92
- align-items: center;
93
- justify-content: flex-end;
94
- }
95
- &_closeIco {
96
- margin: '0px 8px ';
97
- color: '#9aa1a9';
98
- vertical-align: 'middle';
99
- &:hover {
100
- color: red;
101
- }
102
- }
103
- }
104
-
105
- .leftTreePage {
106
- display: flex;
107
- flex-direction: column;
108
- background-color: white;
109
- &-top {
110
- flex: 1;
111
- }
112
- &-tree {
113
- // max-height: 100%;
114
- }
115
- &_selectMap {
116
- display: grid;
117
- grid-gap: 10px;
118
- grid-template-columns: 75px 1fr 60px;
119
- align-items: center;
120
- margin: 0px 0px 24px;
121
- }
122
- &_selectMap_setting {
123
- margin-left: 10px;
124
- color: #165dff;
125
- cursor: pointer;
126
- }
127
- &_searchBtn {
128
- width: 100%;
129
- padding: 6px 0px;
130
- background-color: transparent;
131
- border: 1px solid #ddd;
132
- cursor: pointer;
133
- }
134
- &_searchBtn:hover {
135
- color: #165dff;
136
- border: 1px solid #165dff;
137
- }
138
- }
139
-
140
- .dataMapDetail_echartDiv {
141
- display: grid;
142
- flex-wrap: wrap;
143
- grid-gap: 20px;
144
- grid-template-columns: repeat(2, 1fr);
145
- align-items: center;
146
- margin-top: 24px;
147
- &_item {
148
- display: grid;
149
- grid-template-columns: 1fr 60px;
150
- align-items: center;
151
- padding: 20px;
152
- background-color: #fafafb;
153
- border: 1px solid #eee;
154
- }
155
- &_leftText {
156
- display: inline-block;
157
- margin-left: 8px;
158
- color: #354354;
159
- }
160
- &_view {
161
- color: #165dff;
162
- }
163
- }
164
- .biz-attr-select-handle {
165
- width: 100%;
166
- max-width: 100%;
167
- margin-bottom: 2px;
168
- padding: 0;
169
- }
170
- .empty {
171
- height: 100%;
172
- color: #67727f;
173
- text-align: center;
174
- .empty-img {
175
- display: block;
176
- width: 200px;
177
- margin: 0px auto;
178
- }
179
- }
180
-
181
- .mapSetting_addMap_form {
182
- .biz-attr-condition-group-handle {
183
- display: none;
184
- }
185
- }
186
- .ziBackground {
187
- .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
188
- padding: 2px 3px;
189
- background-color: #bad8ff7d;
190
- }
191
- }
192
-
193
- .mapSetting {
194
- .ant-dropdown-trigger.biz-select-handle.biz-condition-item-single-select {
195
- position: relative;
196
- background-color: transparent;
197
- &::after {
198
- position: absolute;
199
- top: 0px;
200
- left: 0;
201
- display: inline-block;
202
- width: 100%;
203
- padding-top: 8px;
204
- text-align: center;
205
- vertical-align: middle;
206
- background-color: white;
207
- content: '是';
208
- }
209
- }
210
- }
1
+ .maidianMapIndex {
2
+ height: 100%;
3
+ .info-upload-tip {
4
+ color: var(--io-N4-, #9aa1a9);
5
+ }
6
+ }
7
+ .mapSetting {
8
+ &_search {
9
+ display: grid;
10
+ grid-template-columns: 1fr 100px;
11
+ justify-content: space-between;
12
+ margin-bottom: 16px;
13
+ &_input {
14
+ width: 320px;
15
+ margin: 0px 10px 0px 0px;
16
+ }
17
+ }
18
+ .ant-page-header {
19
+ padding-top: 0px;
20
+ padding-left: 0px;
21
+ }
22
+ &_addMap {
23
+ &_tip {
24
+ padding: 0px 0px 0px 16px;
25
+ color: #67727f;
26
+ line-height: 44px;
27
+ background: #f2f3f4;
28
+ }
29
+ &_propTitle {
30
+ padding: 0px 0px 0px 16px;
31
+ color: #67727f;
32
+ color: #354354;
33
+ font-size: 14px;
34
+ line-height: 32px;
35
+ background: #f2f3f4;
36
+ }
37
+ &_propTitleLeft {
38
+ display: inline-block;
39
+ width: 58%;
40
+ text-align: left;
41
+ }
42
+ &_propTitleRight {
43
+ display: inline-block;
44
+ width: 42%;
45
+ text-align: left;
46
+ }
47
+ &_propValueList {
48
+ display: flex;
49
+ align-items: center;
50
+ width: 100%;
51
+ margin-top: 8px;
52
+ .ant-form-item {
53
+ margin: 0px;
54
+ }
55
+ }
56
+ &_propValueflag {
57
+ display: inline-block;
58
+ margin: 0px 8px;
59
+ }
60
+ &_content {
61
+ display: grid;
62
+ grid-template-columns: 1fr 30px 1fr;
63
+ }
64
+ }
65
+ &_footer {
66
+ display: flex;
67
+ align-items: center;
68
+ justify-content: flex-end;
69
+ }
70
+ &_closeIco {
71
+ margin: '0px 8px ';
72
+ color: '#9aa1a9';
73
+ vertical-align: 'middle';
74
+ &:hover {
75
+ color: red;
76
+ }
77
+ }
78
+ }
79
+
80
+ .leftTreePage {
81
+ background-color: white;
82
+ &_selectMap {
83
+ display: grid;
84
+ grid-gap: 10px;
85
+ grid-template-columns: 75px 1fr 60px;
86
+ align-items: center;
87
+ margin: 0px 0px 24px;
88
+ }
89
+ &_selectMap_setting {
90
+ margin-left: 10px;
91
+ color: #165dff;
92
+ cursor: pointer;
93
+ }
94
+ &_searchBtn {
95
+ width: 100%;
96
+ padding: 6px 0px;
97
+ background-color: transparent;
98
+ border: 1px solid #ddd;
99
+ cursor: pointer;
100
+ }
101
+ &_searchBtn:hover {
102
+ color: #165dff;
103
+ border: 1px solid #165dff;
104
+ }
105
+ }
106
+
107
+ .dataMapDetail_echartDiv {
108
+ display: grid;
109
+ flex-wrap: wrap;
110
+ grid-gap: 20px;
111
+ grid-template-columns: repeat(2, 1fr);
112
+ align-items: center;
113
+ margin-top: 24px;
114
+ &_item {
115
+ display: grid;
116
+ grid-template-columns: 1fr 60px;
117
+ align-items: center;
118
+ padding: 16px;
119
+ background-color: #fafafb;
120
+ border: 1px solid #eee;
121
+ }
122
+ &_leftText {
123
+ display: inline-block;
124
+ margin-left: 8px;
125
+ color: #354354;
126
+ }
127
+ &_view {
128
+ color: #165dff;
129
+ }
130
+ }
131
+ .biz-attr-select-handle {
132
+ width: 100%;
133
+ max-width: 100%;
134
+ margin-bottom: 2px;
135
+ padding: 0;
136
+ }
137
+ .empty {
138
+ height: 100%;
139
+ color: #67727f;
140
+ text-align: center;
141
+ .empty-img {
142
+ display: block;
143
+ width: 200px;
144
+ margin: 0px auto;
145
+ }
146
+ }
147
+
148
+ .mapSetting_addMap_form {
149
+ .biz-attr-condition-group-handle {
150
+ display: none;
151
+ }
152
+ }
153
+ .ziBackground {
154
+ .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
155
+ padding: 2px 3px;
156
+ background-color: #bad8ff7d;
157
+ }
158
+ }
159
+
160
+ .mapSetting {
161
+ .ant-dropdown-trigger.biz-select-handle.biz-condition-item-single-select {
162
+ position: relative;
163
+ background-color: transparent;
164
+ &::after {
165
+ position: absolute;
166
+ top: 0px;
167
+ left: 0;
168
+ display: inline-block;
169
+ width: 100%;
170
+ padding-top: 8px;
171
+ text-align: center;
172
+ vertical-align: middle;
173
+ background-color: white;
174
+ content: '是';
175
+ }
176
+ }
177
+ }
@@ -23,13 +23,6 @@ var MapDetail = function MapDetail() {
23
23
  var onCurrentMap = function onCurrentMap(value) {
24
24
  setCurrentMap(value);
25
25
  };
26
- var _useState5 = useState(),
27
- _useState6 = _slicedToArray(_useState5, 2),
28
- filterValue = _useState6[0],
29
- setFilterValue = _useState6[1];
30
- var onFilterValue = function onFilterValue(searchValue) {
31
- setFilterValue(searchValue);
32
- };
33
26
  return /*#__PURE__*/React.createElement(Row, {
34
27
  gutter: 24
35
28
  }, /*#__PURE__*/React.createElement(Col, {
@@ -40,14 +33,12 @@ var MapDetail = function MapDetail() {
40
33
  }
41
34
  }, /*#__PURE__*/React.createElement(LeftTree, {
42
35
  onChangeTree: onChangeTree,
43
- onCurrentMap: onCurrentMap,
44
- onFilterValue: onFilterValue
36
+ onCurrentMap: onCurrentMap
45
37
  })), /*#__PURE__*/React.createElement(Col, {
46
38
  span: 16
47
39
  }, /*#__PURE__*/React.createElement(RightDetail, {
48
40
  currentTreeData: currentTreeData && JSON.stringify(currentTreeData) != '{}' && currentTreeData,
49
- currentMap: currentMap,
50
- filterValue: filterValue
41
+ currentMap: currentMap
51
42
  })));
52
43
  };
53
44
  export default MapDetail;
@@ -9,7 +9,6 @@ import { LeftOutlined, SearchOutlined } from '@ant-design/icons';
9
9
  import React, { useEffect, useState, useRef, useContext } from 'react';
10
10
  import { BizGlobalDataContext } from '@zgfe/business-lib';
11
11
  import DrawerAdd from './component/drawerAdd';
12
- import ViewMapSetting from './component/viewMapSetting';
13
12
  import './css/index.less';
14
13
  import apis from '../../constants/api';
15
14
  import request from '../../utils/ajax';
@@ -30,7 +29,9 @@ var MapSetting = function MapSetting(props) {
30
29
  _useState4 = _slicedToArray(_useState3, 2),
31
30
  openMapAdd = _useState4[0],
32
31
  setOpenMapAdd = _useState4[1];
33
- var currentMap = useRef(undefined);
32
+ var currentMap = useRef({
33
+ id: 0
34
+ });
34
35
  var onChange = function onChange(e) {
35
36
  setSearchName(e.currentTarget.value);
36
37
  };
@@ -89,7 +90,6 @@ var MapSetting = function MapSetting(props) {
89
90
  }, [searchName]);
90
91
  var handleClose = function handleClose() {
91
92
  setOpenMapAdd(false);
92
- currentMap.current = undefined;
93
93
  props.getList(searchName);
94
94
  };
95
95
  // 删除
@@ -110,14 +110,6 @@ var MapSetting = function MapSetting(props) {
110
110
  }
111
111
  });
112
112
  };
113
- var _useState5 = useState(false),
114
- _useState6 = _slicedToArray(_useState5, 2),
115
- openMapView = _useState6[0],
116
- setOpenMapView = _useState6[1];
117
- var handleViewClose = function handleViewClose() {
118
- setOpenMapView(false);
119
- currentMap.current = undefined;
120
- };
121
113
  return /*#__PURE__*/React.createElement("div", {
122
114
  className: pageClassName
123
115
  }, /*#__PURE__*/React.createElement(PageHeader, {
@@ -159,10 +151,6 @@ var MapSetting = function MapSetting(props) {
159
151
  }), /*#__PURE__*/React.createElement(DrawerAdd, {
160
152
  open: openMapAdd,
161
153
  handleClose: handleClose
162
- }), /*#__PURE__*/React.createElement(ViewMapSetting, {
163
- open: openMapView,
164
- handleClose: handleViewClose,
165
- currentMap: currentMap.current
166
154
  }));
167
155
  };
168
156
  export default MapSetting;
@@ -22,10 +22,8 @@ import './css/index.less';
22
22
  import DataRealViewTable from './table';
23
23
  import * as _ from 'lodash';
24
24
  var classNameBase = 'dataReal';
25
- // const webSocketUrl = `${location.protocol == 'http:' ? 'ws' : 'wss'}://${
26
- // location.host
27
- // }/eventtracking/ws?type=realTime`;
28
- var webSocketUrl = 'ws://172.31.31.50:19898/eventtracking/ws?type=realTime';
25
+ var webSocketUrl = "".concat(location.protocol == 'http:' ? 'ws' : 'wss', "://").concat(location.host, "/eventtracking/ws?type=realTime");
26
+ // const webSocketUrl = 'ws://172.31.31.50:19898/eventtracking/ws?type=realTime';
29
27
  // 点击单元格 添加悬浮框 2。看宽度是否可自适应,可能需要适应大屏
30
28
  function matchesFilterData(o, filterData) {
31
29
  return new RegExp(_.escapeRegExp(filterData), 'i').test(JSON.stringify(o === null || o === void 0 ? void 0 : o.data));
@@ -88,9 +86,17 @@ var DataRealView = function DataRealView() {
88
86
  data: "".concat(JSON.stringify(message))
89
87
  };
90
88
  setCurrentMessageObj(obj);
89
+ // 最多为500条 超出去掉第一条
90
+ // setOldList((prev: any) => {
91
+ // if (prev.length <= 49) {
92
+ // return [obj, ...prev];
93
+ // }
94
+ // prev.pop();
95
+ // return [obj, ...prev];
96
+ // });
91
97
  // 最多1000条数据
92
98
  // setOldList((prev: any) => {
93
- // if (prev.length < 3) {
99
+ // if (prev.length <= 200) {
94
100
  // return [obj, ...prev];
95
101
  // }
96
102
  // prev.pop();
@@ -181,7 +187,7 @@ var DataRealView = function DataRealView() {
181
187
  var hasFilterData = !filterData || matchesFilterData(currentMessageObj, filterData);
182
188
  if (hasEventName && hasUserId && hasFilterData) {
183
189
  setOldList(function (prev) {
184
- if (prev.length < 3) {
190
+ if (prev.length < 51) {
185
191
  return [currentMessageObj].concat(_toConsumableArray(prev));
186
192
  }
187
193
  prev.pop();
@@ -202,7 +208,7 @@ var DataRealView = function DataRealView() {
202
208
  });
203
209
  }
204
210
  var newList = matchesSearchCriteria(oldList, eventName, searchUserId, filterData);
205
- // const aa = newList?.slice(0, 2);
211
+ // const aa = newList?.slice(0, 50);
206
212
  setList(newList);
207
213
  }, [eventName, searchUserId, oldList, filterData]);
208
214
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
package/package.json CHANGED
@@ -1,64 +1,64 @@
1
- {
2
- "name": "@zgfe/modules-dm",
3
- "version": "1.0.56-zhongyuan.11",
4
- "license": "ISC",
5
- "module": "es/index.js",
6
- "typings": "es/index.d.ts",
7
- "files": [
8
- "es"
9
- ],
10
- "scripts": {
11
- "build": "father-build",
12
- "deploy": "npm run docs:build && npm run docs:deploy",
13
- "docs:build": "dumi build",
14
- "docs:deploy": "gh-pages -d docs-dist",
15
- "prepublishOnly": "npm run build",
16
- "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
17
- "pub": "lerna publish",
18
- "start": "dumi dev",
19
- "test": "umi-test",
20
- "test:coverage": "umi-test --coverage"
21
- },
22
- "lint-staged": {
23
- "*.{js,jsx,less,md,json}": [
24
- "prettier --write"
25
- ],
26
- "*.ts?(x)": [
27
- "prettier --parser=typescript --write"
28
- ]
29
- },
30
- "dependencies": {
31
- "@types/lodash-es": "^4.17.12",
32
- "@visactor/react-vtable": "^1.12.0",
33
- "@visactor/vtable": "^1.12.0",
34
- "array-move": "^4.0.0",
35
- "echarts": "^5.6.0",
36
- "echarts-for-react": "^3.0.2",
37
- "lodash-es": "^4.17.21",
38
- "moment": "^2.30.1",
39
- "react": "^16.12.0 || ^17.0.0",
40
- "react-sortable-hoc": "^2.0.0"
41
- },
42
- "devDependencies": {
43
- "@testing-library/jest-dom": "^5.15.1",
44
- "@testing-library/react": "^12.1.2",
45
- "@types/jest": "^27.0.3",
46
- "@types/lodash": "^4.14.182",
47
- "@umijs/fabric": "^2.8.1",
48
- "@umijs/test": "^3.0.5",
49
- "@zgfe/business-lib": "1.2.70-hxd.1",
50
- "antd": "4.24.10",
51
- "dumi": "^1.1.0",
52
- "father-build": "^1.17.2",
53
- "gh-pages": "^3.0.0",
54
- "lerna": "^4.0.0",
55
- "lint-staged": "^10.0.7",
56
- "prettier": "^2.2.1",
57
- "umi-request": "^1.4.0",
58
- "yorkie": "^2.0.0"
59
- },
60
- "gitHead": "d0e38f270e5a5edd9459cbedc0682272a22fa1be",
61
- "gitHooks": {
62
- "pre-commit": "lint-staged"
63
- }
64
- }
1
+ {
2
+ "name": "@zgfe/modules-dm",
3
+ "version": "1.0.56-zhongyuan.12",
4
+ "license": "ISC",
5
+ "module": "es/index.js",
6
+ "typings": "es/index.d.ts",
7
+ "files": [
8
+ "es"
9
+ ],
10
+ "scripts": {
11
+ "build": "father-build",
12
+ "deploy": "npm run docs:build && npm run docs:deploy",
13
+ "docs:build": "dumi build",
14
+ "docs:deploy": "gh-pages -d docs-dist",
15
+ "prepublishOnly": "npm run build",
16
+ "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
17
+ "pub": "lerna publish",
18
+ "start": "dumi dev",
19
+ "test": "umi-test",
20
+ "test:coverage": "umi-test --coverage"
21
+ },
22
+ "lint-staged": {
23
+ "*.{js,jsx,less,md,json}": [
24
+ "prettier --write"
25
+ ],
26
+ "*.ts?(x)": [
27
+ "prettier --parser=typescript --write"
28
+ ]
29
+ },
30
+ "dependencies": {
31
+ "@types/lodash-es": "^4.17.12",
32
+ "@visactor/react-vtable": "^1.12.0",
33
+ "@visactor/vtable": "^1.12.0",
34
+ "array-move": "^4.0.0",
35
+ "echarts": "^5.6.0",
36
+ "echarts-for-react": "^3.0.2",
37
+ "lodash-es": "^4.17.21",
38
+ "moment": "^2.30.1",
39
+ "react": "^16.12.0 || ^17.0.0",
40
+ "react-sortable-hoc": "^2.0.0"
41
+ },
42
+ "devDependencies": {
43
+ "@testing-library/jest-dom": "^5.15.1",
44
+ "@testing-library/react": "^12.1.2",
45
+ "@types/jest": "^27.0.3",
46
+ "@types/lodash": "^4.14.182",
47
+ "@umijs/fabric": "^2.8.1",
48
+ "@umijs/test": "^3.0.5",
49
+ "@zgfe/business-lib": "1.2.70-hxd.1",
50
+ "antd": "4.24.10",
51
+ "dumi": "^1.1.0",
52
+ "father-build": "^1.17.2",
53
+ "gh-pages": "^3.0.0",
54
+ "lerna": "^4.0.0",
55
+ "lint-staged": "^10.0.7",
56
+ "prettier": "^2.2.1",
57
+ "umi-request": "^1.4.0",
58
+ "yorkie": "^2.0.0"
59
+ },
60
+ "gitHead": "a3715c35687d884e78285bd1de9d5d68fefee0fe",
61
+ "gitHooks": {
62
+ "pre-commit": "lint-staged"
63
+ }
64
+ }
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { mapDataType } from '../../CutsModal';
3
- declare const RightDetail: React.FC<{
4
- currentTreeData: any;
5
- currentMap?: mapDataType;
6
- }>;
7
- export default RightDetail;