@zgfe/modules-dm 1.0.34-heyh.10 → 1.0.34-heyh.8

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.
@@ -428,8 +428,7 @@ var CollectionEventList = function CollectionEventList(props) {
428
428
  Refresh: refreshHandle
429
429
  })), /*#__PURE__*/React.createElement(EventGroupingDrawer, {
430
430
  eventGroupingShow: eventGroupingShow,
431
- setEventGroupingShow: setEventGroupingShow,
432
- refresh: refreshHandle
431
+ setEventGroupingShow: setEventGroupingShow
433
432
  }), /*#__PURE__*/React.createElement(Modal, {
434
433
  title: "\u521B\u5EFA\u5206\u7EC4",
435
434
  className: "creact-group",
@@ -152,8 +152,7 @@ var CreateVirtualDrawer = function CreateVirtualDrawer(props) {
152
152
  message: '仅能输入英文、符号、数字'
153
153
  }]
154
154
  }, /*#__PURE__*/React.createElement(Input, {
155
- maxLength: 20,
156
- disabled: virtualDrawerType === 'edit'
155
+ maxLength: 50
157
156
  })), /*#__PURE__*/React.createElement(Form.Item, {
158
157
  label: "\u522B\u540D",
159
158
  name: "aliasName",
@@ -162,7 +161,7 @@ var CreateVirtualDrawer = function CreateVirtualDrawer(props) {
162
161
  message: '请输入虚拟事件名称'
163
162
  }]
164
163
  }, /*#__PURE__*/React.createElement(Input, {
165
- maxLength: 20
164
+ maxLength: 50
166
165
  })), /*#__PURE__*/React.createElement(Form.Item, {
167
166
  label: "\u5206\u7EC4",
168
167
  name: "eventGroupId"
@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
10
10
  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
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
- import { BizGlobalDataContext, IconFont, BizLoading } from '@zgfe/business-lib';
13
+ import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
14
14
  import { Input, Modal, message, Drawer, Popover, Checkbox, Select, Button } from 'antd';
15
15
  import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
16
16
  import request from '../../../utils/ajax';
@@ -22,8 +22,7 @@ import SortableComponnet from './sortableComponnet';
22
22
  var EventGroupingDrawer = function EventGroupingDrawer(props) {
23
23
  var classPrefix = 'event-grouping-drawer';
24
24
  var eventGroupingShow = props.eventGroupingShow,
25
- setEventGroupingShow = props.setEventGroupingShow,
26
- refresh = props.refresh;
25
+ setEventGroupingShow = props.setEventGroupingShow;
27
26
  var _useContext = useContext(BizGlobalDataContext),
28
27
  currentApp = _useContext.currentApp;
29
28
  var _useState = useState([]),
@@ -34,12 +33,7 @@ var EventGroupingDrawer = function EventGroupingDrawer(props) {
34
33
  _useState4 = _slicedToArray(_useState3, 2),
35
34
  isDragDisabled = _useState4[0],
36
35
  setIsDragDisabled = _useState4[1];
37
- var _useState5 = useState(false),
38
- _useState6 = _slicedToArray(_useState5, 2),
39
- loading = _useState6[0],
40
- setLoading = _useState6[1];
41
36
  var queryList = function queryList() {
42
- setLoading(true);
43
37
  request(apis.queryCollectionEventList, {
44
38
  method: 'post',
45
39
  data: {
@@ -52,7 +46,6 @@ var EventGroupingDrawer = function EventGroupingDrawer(props) {
52
46
  eventListHandle(res.data);
53
47
  setGroupingData(res.data);
54
48
  }
55
- setLoading(false);
56
49
  });
57
50
  };
58
51
  useEffect(function () {
@@ -124,26 +117,26 @@ var EventGroupingDrawer = function EventGroupingDrawer(props) {
124
117
  }
125
118
  };
126
119
  // 移动
127
- var _useState7 = useState(undefined),
120
+ var _useState5 = useState(undefined),
121
+ _useState6 = _slicedToArray(_useState5, 2),
122
+ eventMoveShow = _useState6[0],
123
+ setEventMoveShow = _useState6[1];
124
+ var _useState7 = useState(-1),
128
125
  _useState8 = _slicedToArray(_useState7, 2),
129
- eventMoveShow = _useState8[0],
130
- setEventMoveShow = _useState8[1];
131
- var _useState9 = useState(-1),
126
+ eventMoveChangeId = _useState8[0],
127
+ setEventMoveChangeId = _useState8[1];
128
+ var _useState9 = useState([]),
132
129
  _useState10 = _slicedToArray(_useState9, 2),
133
- eventMoveChangeId = _useState10[0],
134
- setEventMoveChangeId = _useState10[1];
135
- var _useState11 = useState([]),
130
+ eventMoveOption = _useState10[0],
131
+ setEventMoveOption = _useState10[1];
132
+ var _useState11 = useState(0),
136
133
  _useState12 = _slicedToArray(_useState11, 2),
137
- eventMoveOption = _useState12[0],
138
- setEventMoveOption = _useState12[1];
139
- var _useState13 = useState(0),
134
+ eventMoveLength = _useState12[0],
135
+ setEventMoveLength = _useState12[1];
136
+ var _useState13 = useState(''),
140
137
  _useState14 = _slicedToArray(_useState13, 2),
141
- eventMoveLength = _useState14[0],
142
- setEventMoveLength = _useState14[1];
143
- var _useState15 = useState(''),
144
- _useState16 = _slicedToArray(_useState15, 2),
145
- eventMoveIds = _useState16[0],
146
- setEventMoveIds = _useState16[1];
138
+ eventMoveIds = _useState14[0],
139
+ setEventMoveIds = _useState14[1];
147
140
  var eventMove = function eventMove(groupId) {
148
141
  var data = eventMoveData(groupId, groupingData, setGroupingData);
149
142
  setEventMoveOption(data.groupingOption);
@@ -200,18 +193,18 @@ var EventGroupingDrawer = function EventGroupingDrawer(props) {
200
193
  }, "\u786E\u5B9A")));
201
194
  };
202
195
  // 创建分组 & 修改分组名
203
- var _useState17 = useState(null),
196
+ var _useState15 = useState(null),
197
+ _useState16 = _slicedToArray(_useState15, 2),
198
+ createOrEditGrpup = _useState16[0],
199
+ setCreateOrEditGrpup = _useState16[1];
200
+ var _useState17 = useState(-1),
204
201
  _useState18 = _slicedToArray(_useState17, 2),
205
- createOrEditGrpup = _useState18[0],
206
- setCreateOrEditGrpup = _useState18[1];
207
- var _useState19 = useState(-1),
202
+ grpupModalSelectGrpupId = _useState18[0],
203
+ setGrpupModalSelectGrpupId = _useState18[1];
204
+ var _useState19 = useState(''),
208
205
  _useState20 = _slicedToArray(_useState19, 2),
209
- grpupModalSelectGrpupId = _useState20[0],
210
- setGrpupModalSelectGrpupId = _useState20[1];
211
- var _useState21 = useState(''),
212
- _useState22 = _slicedToArray(_useState21, 2),
213
- grpupNameInput = _useState22[0],
214
- setGrpupNameInput = _useState22[1];
206
+ grpupNameInput = _useState20[0],
207
+ setGrpupNameInput = _useState20[1];
215
208
  var GrpupModalHandle = function GrpupModalHandle() {
216
209
  if (grpupNameInput === '') {
217
210
  message.error('请填写分组名');
@@ -253,7 +246,6 @@ var EventGroupingDrawer = function EventGroupingDrawer(props) {
253
246
  onClose: function onClose() {
254
247
  setEventGroupingShow(false);
255
248
  setEventMoveShow(undefined);
256
- refresh();
257
249
  },
258
250
  destroyOnClose: true,
259
251
  open: eventGroupingShow,
@@ -270,8 +262,6 @@ var EventGroupingDrawer = function EventGroupingDrawer(props) {
270
262
  setEventMoveShow(undefined);
271
263
  }
272
264
  }))
273
- }, /*#__PURE__*/React.createElement(BizLoading, {
274
- spinning: loading
275
265
  }, /*#__PURE__*/React.createElement(DragDropContext, {
276
266
  onDragEnd: onDragEnd
277
267
  }, groupingData.map(function (item, index) {
@@ -360,7 +350,7 @@ var EventGroupingDrawer = function EventGroupingDrawer(props) {
360
350
  }))));
361
351
  }));
362
352
  });
363
- })))), /*#__PURE__*/React.createElement(Modal, {
353
+ }))), /*#__PURE__*/React.createElement(Modal, {
364
354
  wrapClassName: "create-or-edit-grpup-modal",
365
355
  title: "".concat(createOrEditGrpup === 'create' ? '创建分组' : '修改分组名'),
366
356
  bodyStyle: {
@@ -411,9 +411,7 @@ var TablePlus = function TablePlus(props) {
411
411
  }, record.alias_name),
412
412
  trigger: "hover",
413
413
  placement: "top"
414
- }, /*#__PURE__*/React.createElement("div", {
415
- className: 'alias_name_text'
416
- }, record.alias_name)), /*#__PURE__*/React.createElement(IconFont, {
414
+ }, /*#__PURE__*/React.createElement("div", null, record.alias_name)), /*#__PURE__*/React.createElement(IconFont, {
417
415
  className: "edit-alias-name",
418
416
  onClick: function onClick() {
419
417
  setAliasNameInput(record.alias_name);
@@ -192,9 +192,7 @@ var VirtualTablePlus = function VirtualTablePlus(props) {
192
192
  key: 'aliasName',
193
193
  width: 167,
194
194
  render: function render(_, record) {
195
- return /*#__PURE__*/React.createElement("div", {
196
- className: "alias_name"
197
- }, /*#__PURE__*/React.createElement(Popover, {
195
+ return /*#__PURE__*/React.createElement(Popover, {
198
196
  content: /*#__PURE__*/React.createElement("div", {
199
197
  style: {
200
198
  width: '200px',
@@ -203,9 +201,7 @@ var VirtualTablePlus = function VirtualTablePlus(props) {
203
201
  }, record.aliasName),
204
202
  trigger: "hover",
205
203
  placement: "top"
206
- }, /*#__PURE__*/React.createElement("div", {
207
- className: 'alias_name_text'
208
- }, record.aliasName)));
204
+ }, /*#__PURE__*/React.createElement("div", null, record.aliasName));
209
205
  }
210
206
  }, {
211
207
  title: '首次上报时间',
@@ -227,40 +223,12 @@ var VirtualTablePlus = function VirtualTablePlus(props) {
227
223
  title: '描述',
228
224
  dataIndex: 'description',
229
225
  key: 'description',
230
- width: 187,
231
- render: function render(text) {
232
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
233
- content: /*#__PURE__*/React.createElement("div", {
234
- style: {
235
- width: '200px',
236
- wordBreak: 'break-all'
237
- }
238
- }, text),
239
- trigger: "hover",
240
- placement: "top"
241
- }, /*#__PURE__*/React.createElement("div", {
242
- className: 'description'
243
- }, text)));
244
- }
226
+ width: 187
245
227
  }, {
246
228
  title: '包含埋点事件',
247
229
  dataIndex: 'bindEvent',
248
230
  key: 'bindEvent',
249
- width: 187,
250
- render: function render(text) {
251
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
252
- content: /*#__PURE__*/React.createElement("div", {
253
- style: {
254
- width: '200px',
255
- wordBreak: 'break-all'
256
- }
257
- }, text),
258
- trigger: "hover",
259
- placement: "top"
260
- }, /*#__PURE__*/React.createElement("div", {
261
- className: 'bind-event'
262
- }, text)));
263
- }
231
+ width: 187
264
232
  }, {
265
233
  title: '创建人',
266
234
  dataIndex: 'createUser',
@@ -19,7 +19,7 @@ var DataCollection = function DataCollection(props) {
19
19
  var _useContext = useContext(BizGlobalDataContext),
20
20
  currentApp = _useContext.currentApp,
21
21
  authority = _useContext.authority;
22
- var _useState = useState(1),
22
+ var _useState = useState(3),
23
23
  _useState2 = _slicedToArray(_useState, 2),
24
24
  listTab = _useState2[0],
25
25
  setListTab = _useState2[1];
@@ -115,6 +115,10 @@
115
115
  word-break: break-all;
116
116
  background: red;
117
117
  }
118
+ .alias_name {
119
+ border: none;
120
+ cursor: pointer;
121
+ }
118
122
  .ant-input:focus,
119
123
  .ant-input-focused {
120
124
  background-color: #fff !important;
@@ -256,16 +260,6 @@
256
260
  }
257
261
  .alias_name {
258
262
  display: flex;
259
- border: none;
260
- cursor: pointer;
261
- .alias_name_text {
262
- display: -webkit-box;
263
- max-width: 167px;
264
- overflow: hidden;
265
- cursor: pointer;
266
- -webkit-box-orient: vertical;
267
- -webkit-line-clamp: 1;
268
- }
269
263
  .edit-alias-name {
270
264
  display: none;
271
265
  margin-left: 10px;
@@ -275,15 +269,6 @@
275
269
  color: @primary-color;
276
270
  }
277
271
  }
278
- .bind-event,
279
- .description {
280
- display: -webkit-box;
281
- max-width: 180px;
282
- overflow: hidden;
283
- cursor: pointer;
284
- -webkit-box-orient: vertical;
285
- -webkit-line-clamp: 1;
286
- }
287
272
  .ant-table-row:hover {
288
273
  .collect-icon {
289
274
  opacity: 1;
@@ -503,12 +488,6 @@
503
488
  width: 25%;
504
489
  .ant-checkbox + span {
505
490
  user-select: none;
506
- display: -webkit-box;
507
- max-width: 100%;
508
- overflow: hidden;
509
- cursor: pointer;
510
- -webkit-box-orient: vertical;
511
- -webkit-line-clamp: 1;
512
491
  }
513
492
  }
514
493
  }
@@ -599,65 +578,6 @@
599
578
  }
600
579
 
601
580
  .select-attributes {
602
- &-box {
603
- display: flex;
604
- width: 616px;
605
- height: 380px;
606
- background: #fff;
607
- border-radius: 10px;
608
- box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
609
- &-left {
610
- display: flex;
611
- flex-direction: column;
612
- width: 205px;
613
- height: 380px;
614
- padding: 8px;
615
- overflow-y: auto;
616
- box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
617
- > div {
618
- display: flex;
619
- justify-content: space-between;
620
- padding: 6px 12px;
621
- }
622
- .active {
623
- color: #fff;
624
- background: #165dff;
625
- border-radius: 4px;
626
- > :nth-child(2) {
627
- padding: 0px 4px;
628
- border: 1px solid #fff;
629
- border-radius: 10px;
630
- }
631
- }
632
- }
633
- &-right {
634
- width: 100%;
635
- height: 380px;
636
- padding: 8px;
637
- > :nth-child(2) {
638
- display: flex;
639
- flex-direction: column;
640
- gap: 8px;
641
- align-items: flex-start;
642
- width: 100%;
643
- height: 320px;
644
- margin-top: 8px;
645
- overflow-y: auto;
646
- > div {
647
- display: flex;
648
- flex-shrink: 0;
649
- gap: 10px;
650
- align-items: center;
651
- align-self: stretch;
652
- height: 32px;
653
- padding: 0px 16px;
654
- }
655
- .active {
656
- background: #e8efff;
657
- }
658
- }
659
- }
660
- }
661
581
  &-select {
662
582
  .ant-select-dropdown {
663
583
  display: none !important;
@@ -682,6 +602,66 @@
682
602
  }
683
603
  }
684
604
 
605
+ .select-attributes-box {
606
+ display: flex;
607
+ width: 616px;
608
+ height: 380px;
609
+ background: #fff;
610
+ border-radius: 10px;
611
+ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
612
+ &-left {
613
+ display: flex;
614
+ flex-direction: column;
615
+ width: 205px;
616
+ height: 380px;
617
+ padding: 8px;
618
+ overflow-y: auto;
619
+ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
620
+ > div {
621
+ display: flex;
622
+ justify-content: space-between;
623
+ padding: 6px 12px;
624
+ }
625
+ .active {
626
+ color: #fff;
627
+ background: #165dff;
628
+ border-radius: 4px;
629
+ > :nth-child(2) {
630
+ padding: 0px 4px;
631
+ border: 1px solid #fff;
632
+ border-radius: 10px;
633
+ }
634
+ }
635
+ }
636
+ &-right {
637
+ width: 100%;
638
+ height: 380px;
639
+ padding: 8px;
640
+ > :nth-child(2) {
641
+ display: flex;
642
+ flex-direction: column;
643
+ gap: 8px;
644
+ align-items: flex-start;
645
+ width: 100%;
646
+ height: 320px;
647
+ margin-top: 8px;
648
+ overflow-y: auto;
649
+ > div {
650
+ display: flex;
651
+ flex-shrink: 0;
652
+ gap: 10px;
653
+ align-items: center;
654
+ align-self: stretch;
655
+ height: 32px;
656
+ padding: 0px 16px;
657
+ }
658
+ .active {
659
+ background: #e8efff;
660
+ }
661
+ }
662
+ }
663
+ }
664
+
685
665
  .sortable-componnet-sortableList {
686
666
  z-index: 9999;
687
667
  }
@@ -72,5 +72,4 @@ export interface SubmitDataProps {
72
72
  export interface EventGroupingDrawerProps {
73
73
  eventGroupingShow: boolean;
74
74
  setEventGroupingShow: Function;
75
- refresh: Function;
76
75
  }
@@ -51,7 +51,7 @@ var VirtualEventList = function VirtualEventList() {
51
51
  _useState10 = _slicedToArray(_useState9, 2),
52
52
  pageNumber = _useState10[0],
53
53
  setPageNumber = _useState10[1];
54
- var _useState11 = useState(20),
54
+ var _useState11 = useState(10),
55
55
  _useState12 = _slicedToArray(_useState11, 2),
56
56
  pageSize = _useState12[0],
57
57
  setPageSize = _useState12[1];
@@ -298,9 +298,8 @@ var VirtualEventList = function VirtualEventList() {
298
298
  textAlign: 'right'
299
299
  },
300
300
  showQuickJumper: true,
301
- showSizeChanger: total > pageSize,
301
+ showSizeChanger: total > 10,
302
302
  defaultCurrent: 1,
303
- defaultPageSize: pageSize,
304
303
  current: pageNumber,
305
304
  total: total,
306
305
  onChange: onPaginationChange
@@ -313,8 +312,7 @@ var VirtualEventList = function VirtualEventList() {
313
312
  refresh: queryList
314
313
  }), /*#__PURE__*/React.createElement(EventGroupingDrawer, {
315
314
  eventGroupingShow: eventGroupingShow,
316
- setEventGroupingShow: setEventGroupingShow,
317
- refresh: queryList
315
+ setEventGroupingShow: setEventGroupingShow
318
316
  }), /*#__PURE__*/React.createElement(Modal, {
319
317
  title: "\u521B\u5EFA\u5206\u7EC4",
320
318
  className: "creact-group",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zgfe/modules-dm",
3
- "version": "1.0.34-heyh.10",
3
+ "version": "1.0.34-heyh.8",
4
4
  "license": "ISC",
5
5
  "module": "es/index.js",
6
6
  "typings": "es/index.d.ts",
@@ -52,7 +52,7 @@
52
52
  "umi-request": "^1.4.0",
53
53
  "yorkie": "^2.0.0"
54
54
  },
55
- "gitHead": "11760c86c52f86c0564a186a2c0e3922b2429b0e",
55
+ "gitHead": "4ca76aeae40292e76792d097506126970af21364",
56
56
  "gitHooks": {
57
57
  "pre-commit": "lint-staged"
58
58
  }