@zgfe/modules-dm 1.0.11 → 1.0.13
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.
- package/es/components/demo.js +0 -2
- package/es/constants/api.js +2 -2
- package/es/modules/dataCollection/collectionAttributeList.js +56 -93
- package/es/modules/dataCollection/collectionEventList.js +94 -167
- package/es/modules/dataCollection/index.js +21 -36
- package/es/modules/dataCollection/tablePlus.js +63 -111
- package/es/modules/dataManage/index.d.ts +5 -1
- package/es/modules/dataManage/index.js +15 -27
- package/es/modules/dataManage/styles/index.less +0 -15
- package/es/modules/dataPlan/addEventOrUser.js +31 -66
- package/es/modules/dataPlan/addPlan.js +121 -222
- package/es/modules/dataPlan/eventList.js +2 -4
- package/es/modules/dataPlan/index.js +41 -68
- package/es/modules/dataPlan/search.js +0 -4
- package/es/modules/dataPlan/tablePlus.js +2 -5
- package/es/modules/dataPlan/userAttributeList.js +2 -4
- package/es/store/action.js +0 -1
- package/es/store/index.js +9 -19
- package/es/types/flow.js +0 -15
- package/es/types.js +0 -23
- package/es/utils/ajax.js +0 -2
- package/es/utils/index.js +4 -12
- package/package.json +3 -7
|
@@ -1,21 +1,15 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
1
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
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
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
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
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
|
|
9
8
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
|
|
11
9
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
16
|
-
|
|
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
|
+
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; } }
|
|
17
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
-
|
|
19
13
|
import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
|
|
20
14
|
import { Input, Table, Select, message, Modal, Popover, Checkbox } from 'antd';
|
|
21
15
|
import request from '../../utils/ajax';
|
|
@@ -26,35 +20,28 @@ import './styles/index.less';
|
|
|
26
20
|
import _ from 'lodash';
|
|
27
21
|
import { getAppID, getTableScroll } from '../../utils';
|
|
28
22
|
import { DmContext } from '../../store';
|
|
29
|
-
|
|
30
23
|
var TablePlus = function TablePlus(props) {
|
|
31
24
|
var classPrefix = 'table-plus';
|
|
32
25
|
var tableHandleData = props.tableHandleData,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
26
|
+
queryPlanData = props.queryPlanData,
|
|
27
|
+
isOpen = props.isOpen;
|
|
36
28
|
var _useContext = useContext(BizGlobalDataContext),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
29
|
+
currentApp = _useContext.currentApp,
|
|
30
|
+
isDemo = _useContext.isDemo;
|
|
40
31
|
var _useContext2 = useContext(DmContext),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
32
|
+
state = _useContext2.state;
|
|
33
|
+
// 别名foucs
|
|
44
34
|
var _useState = useState(''),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
35
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
+
aliasFocusData = _useState2[0],
|
|
37
|
+
setAliasFocusData = _useState2[1];
|
|
49
38
|
var aliasFocus = function aliasFocus(e) {
|
|
50
39
|
setAliasFocusData(e.currentTarget.value);
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
|
|
40
|
+
};
|
|
41
|
+
// 修改别名
|
|
54
42
|
var aliasNameBlur = function aliasNameBlur(e, record) {
|
|
55
43
|
var value = e.currentTarget.value;
|
|
56
44
|
if (aliasFocusData == value) return; // 失焦判断,内容无修改不请求接口
|
|
57
|
-
|
|
58
45
|
request(apis.updateEventInfo, {
|
|
59
46
|
method: 'post',
|
|
60
47
|
params: {
|
|
@@ -71,43 +58,36 @@ var TablePlus = function TablePlus(props) {
|
|
|
71
58
|
}).catch(function (err) {}).finally(function () {
|
|
72
59
|
setAliasFocusData('');
|
|
73
60
|
});
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
|
|
61
|
+
};
|
|
62
|
+
// 表格class处理
|
|
77
63
|
var rowClassNameHandle = function rowClassNameHandle(record) {
|
|
78
64
|
if (record.groupId != undefined) {
|
|
79
65
|
return 'group-row';
|
|
80
66
|
} else {
|
|
81
67
|
var _queryPlanData$unexpe;
|
|
82
|
-
|
|
83
68
|
return (queryPlanData === null || queryPlanData === void 0 ? void 0 : (_queryPlanData$unexpe = queryPlanData.unexpectedEventList) === null || _queryPlanData$unexpe === void 0 ? void 0 : _queryPlanData$unexpe.indexOf(record.event_name)) != -1 && isOpen == 1 && record.owner != 'zg_abp' ? 'error-row' : '';
|
|
84
69
|
}
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
|
|
70
|
+
};
|
|
71
|
+
// 控制修改分组名弹框 显示隐藏
|
|
88
72
|
var _useState3 = useState(false),
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
73
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
74
|
+
eventNameShow = _useState4[0],
|
|
75
|
+
setEventNameShow = _useState4[1];
|
|
76
|
+
// 修改分组名数据
|
|
94
77
|
var _useState5 = useState(''),
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
78
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
79
|
+
eventNameInput = _useState6[0],
|
|
80
|
+
setEventNameInput = _useState6[1];
|
|
99
81
|
var _useState7 = useState({}),
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
82
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
83
|
+
eventNameData = _useState8[0],
|
|
84
|
+
setEventNameData = _useState8[1];
|
|
85
|
+
// 修改分组名
|
|
105
86
|
var eventNameEdit = function eventNameEdit() {
|
|
106
87
|
if (eventNameInput.length > 20) {
|
|
107
88
|
message.error('名称不可超过20字符');
|
|
108
89
|
return;
|
|
109
90
|
}
|
|
110
|
-
|
|
111
91
|
request(apis.upsertEventGroup, {
|
|
112
92
|
method: 'post',
|
|
113
93
|
data: {
|
|
@@ -125,9 +105,8 @@ var TablePlus = function TablePlus(props) {
|
|
|
125
105
|
}).catch(function (err) {}).finally(function () {
|
|
126
106
|
setEventNameShow(false);
|
|
127
107
|
});
|
|
128
|
-
};
|
|
129
|
-
|
|
130
|
-
|
|
108
|
+
};
|
|
109
|
+
// 删除分组
|
|
131
110
|
var eventNameDel = function eventNameDel(eventGroupId) {
|
|
132
111
|
var deteleFlag = true;
|
|
133
112
|
tableHandleData.map(function (item) {
|
|
@@ -156,9 +135,8 @@ var TablePlus = function TablePlus(props) {
|
|
|
156
135
|
}).catch(function (err) {}).finally(function () {});
|
|
157
136
|
}
|
|
158
137
|
});
|
|
159
|
-
};
|
|
160
|
-
|
|
161
|
-
|
|
138
|
+
};
|
|
139
|
+
// 删除事件
|
|
162
140
|
var eventItemDel = function eventItemDel(event_id) {
|
|
163
141
|
Modal.confirm({
|
|
164
142
|
centered: true,
|
|
@@ -182,32 +160,27 @@ var TablePlus = function TablePlus(props) {
|
|
|
182
160
|
}).catch(function (err) {}).finally(function () {});
|
|
183
161
|
}
|
|
184
162
|
});
|
|
185
|
-
};
|
|
186
|
-
|
|
187
|
-
|
|
163
|
+
};
|
|
164
|
+
// 修改:显示状态 | 采集状态 | 收藏&取消收藏
|
|
188
165
|
var eventHiddenChange = function eventHiddenChange(e, type, record) {
|
|
189
166
|
var _temp;
|
|
190
|
-
|
|
191
167
|
switch (type) {
|
|
192
168
|
case 'hidden':
|
|
193
169
|
_temp = {
|
|
194
170
|
hidden: e
|
|
195
171
|
};
|
|
196
172
|
break;
|
|
197
|
-
|
|
198
173
|
case 'is_stop':
|
|
199
174
|
_temp = {
|
|
200
175
|
is_stop: e
|
|
201
176
|
};
|
|
202
177
|
break;
|
|
203
|
-
|
|
204
178
|
case 'mark_type':
|
|
205
179
|
_temp = {
|
|
206
180
|
mark_type: e == null ? 1 : 0
|
|
207
181
|
};
|
|
208
182
|
break;
|
|
209
183
|
}
|
|
210
|
-
|
|
211
184
|
request(apis.updateEventInfo, {
|
|
212
185
|
method: 'post',
|
|
213
186
|
params: _objectSpread({
|
|
@@ -219,47 +192,39 @@ var TablePlus = function TablePlus(props) {
|
|
|
219
192
|
props.Refresh();
|
|
220
193
|
state.updateEventMetas && state.updateEventMetas(); // 更新store
|
|
221
194
|
}).catch(function (err) {}).finally(function () {});
|
|
222
|
-
};
|
|
223
|
-
|
|
224
|
-
|
|
195
|
+
};
|
|
196
|
+
// 复制事件名称
|
|
225
197
|
var copyEventName = function copyEventName(event_name) {
|
|
226
198
|
navigator.clipboard.writeText(event_name);
|
|
227
199
|
message.success('复制成功');
|
|
228
|
-
};
|
|
229
|
-
|
|
230
|
-
|
|
200
|
+
};
|
|
201
|
+
// 手否筛选收藏
|
|
231
202
|
var _useState9 = useState(false),
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
203
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
204
|
+
markActive = _useState10[0],
|
|
205
|
+
setMarkActive = _useState10[1];
|
|
206
|
+
// 分组操作-勾选数据
|
|
237
207
|
var _useState11 = useState({}),
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
208
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
209
|
+
groupCheckedData = _useState12[0],
|
|
210
|
+
setGroupCheckedData = _useState12[1];
|
|
242
211
|
var eventItemCheckbox = function eventItemCheckbox(e, data) {
|
|
243
212
|
// console.log(e.target.checked, data._groupId, data.event_id);
|
|
244
213
|
var _groupCheckedData = _.cloneDeep(groupCheckedData);
|
|
245
|
-
|
|
246
214
|
if (e.target.checked) {
|
|
247
215
|
_groupCheckedData[data._groupId] == undefined ? _groupCheckedData[data._groupId] = [] : null;
|
|
248
|
-
|
|
249
216
|
_groupCheckedData[data._groupId].push(data.event_id);
|
|
250
217
|
} else {
|
|
251
218
|
_.remove(_groupCheckedData[data._groupId], function (x) {
|
|
252
219
|
return x === data.event_id;
|
|
253
220
|
});
|
|
254
221
|
}
|
|
255
|
-
|
|
256
222
|
setGroupCheckedData(_groupCheckedData);
|
|
257
|
-
};
|
|
223
|
+
};
|
|
224
|
+
// useEffect(() => {
|
|
258
225
|
// console.log('groupCheckedData', groupCheckedData);
|
|
259
226
|
// }, [groupCheckedData]);
|
|
260
227
|
// 判断每一行的选中
|
|
261
|
-
|
|
262
|
-
|
|
263
228
|
var checkedItemHandle = function checkedItemHandle(record) {
|
|
264
229
|
// console.log(record.event_id, record._groupId, groupCheckedData);
|
|
265
230
|
if (Object.keys(groupCheckedData).length <= 0) {
|
|
@@ -267,9 +232,8 @@ var TablePlus = function TablePlus(props) {
|
|
|
267
232
|
} else {
|
|
268
233
|
return groupCheckedData[record._groupId] && groupCheckedData[record._groupId].indexOf(record.event_id) != -1;
|
|
269
234
|
}
|
|
270
|
-
};
|
|
271
|
-
|
|
272
|
-
|
|
235
|
+
};
|
|
236
|
+
// 移入到组、移出分组、复制到组
|
|
273
237
|
var groupHandle = function groupHandle(type, data, eventGroupId) {
|
|
274
238
|
// console.log('type', type, eventGroupId, data.groupId);
|
|
275
239
|
var _temp = {};
|
|
@@ -290,9 +254,7 @@ var TablePlus = function TablePlus(props) {
|
|
|
290
254
|
}).then(function (res) {
|
|
291
255
|
if (res.code == '00') {
|
|
292
256
|
message.success('成功');
|
|
293
|
-
|
|
294
257
|
var _groupCheckedData = _.cloneDeep(groupCheckedData);
|
|
295
|
-
|
|
296
258
|
delete _groupCheckedData[eventGroupId];
|
|
297
259
|
setGroupCheckedData({});
|
|
298
260
|
state.updateEventMetas && state.updateEventMetas(); // 更新store
|
|
@@ -301,11 +263,9 @@ var TablePlus = function TablePlus(props) {
|
|
|
301
263
|
props.Refresh();
|
|
302
264
|
});
|
|
303
265
|
};
|
|
304
|
-
|
|
305
266
|
var groupPopoverContent = function groupPopoverContent(data, type) {
|
|
306
267
|
var element = props.groupData.map(function (item, index) {
|
|
307
268
|
if (type == 'copy' && item.groupId == -1) return null; // 复制到组,移出未分组
|
|
308
|
-
|
|
309
269
|
return item.groupId != undefined && item.groupId != data.groupId ? /*#__PURE__*/React.createElement("div", {
|
|
310
270
|
onClick: function onClick() {
|
|
311
271
|
return groupHandle(type, data, item.groupId);
|
|
@@ -316,11 +276,10 @@ var TablePlus = function TablePlus(props) {
|
|
|
316
276
|
},
|
|
317
277
|
key: index
|
|
318
278
|
}, item.groupId == -1 ? '未分组' : item.groupName) : null;
|
|
319
|
-
});
|
|
320
|
-
|
|
279
|
+
});
|
|
280
|
+
// 复制分组时:除未分组外,如只有一个分组,则不展示复制分组
|
|
321
281
|
return props.groupData.length < 2 && type == 'copy' ? null : element;
|
|
322
282
|
};
|
|
323
|
-
|
|
324
283
|
var columns = [{
|
|
325
284
|
title: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconFont, {
|
|
326
285
|
style: {
|
|
@@ -340,7 +299,6 @@ var TablePlus = function TablePlus(props) {
|
|
|
340
299
|
render: function render(text, record, index) {
|
|
341
300
|
if (record.groupId) {
|
|
342
301
|
var _groupCheckedData$rec;
|
|
343
|
-
|
|
344
302
|
return /*#__PURE__*/React.createElement("div", {
|
|
345
303
|
className: "group-box"
|
|
346
304
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
@@ -579,7 +537,6 @@ var TablePlus = function TablePlus(props) {
|
|
|
579
537
|
message.error('demo环境无法修改');
|
|
580
538
|
return;
|
|
581
539
|
}
|
|
582
|
-
|
|
583
540
|
setEventNameData({
|
|
584
541
|
groupName: record.groupName,
|
|
585
542
|
groupId: record.groupId
|
|
@@ -594,7 +551,6 @@ var TablePlus = function TablePlus(props) {
|
|
|
594
551
|
message.error('demo环境无法删除');
|
|
595
552
|
return;
|
|
596
553
|
}
|
|
597
|
-
|
|
598
554
|
eventNameDel(record.groupId);
|
|
599
555
|
},
|
|
600
556
|
type: "shanchu"
|
|
@@ -607,13 +563,13 @@ var TablePlus = function TablePlus(props) {
|
|
|
607
563
|
message.error('demo环境无法删除');
|
|
608
564
|
return;
|
|
609
565
|
}
|
|
610
|
-
|
|
611
566
|
record.owner != 'zg_abp' ? eventItemDel(record.event_id) : message.error('内置事件无法删除');
|
|
612
567
|
}
|
|
613
568
|
}, "\u5220\u9664");
|
|
614
569
|
}
|
|
615
570
|
}
|
|
616
|
-
}];
|
|
571
|
+
}];
|
|
572
|
+
// const [isMore, setIsMore] = useState(true); // 是否还有数据
|
|
617
573
|
// const [pageNumber, setPageNumber] = useState(1); // 页码
|
|
618
574
|
// let scrollRef: any;
|
|
619
575
|
// const onScrollCapture = (e:any) => {
|
|
@@ -632,17 +588,14 @@ var TablePlus = function TablePlus(props) {
|
|
|
632
588
|
// useEffect(() => {
|
|
633
589
|
// pageNumber != 1 && props.pageSizeChange(pageNumber);
|
|
634
590
|
// }, [pageNumber]);
|
|
635
|
-
|
|
636
591
|
var _useState13 = useState(''),
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
592
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
593
|
+
scrollY = _useState14[0],
|
|
594
|
+
setScrollY = _useState14[1];
|
|
595
|
+
//页面加载完成后才能获取到对应的元素及其位置
|
|
642
596
|
useEffect(function () {
|
|
643
|
-
var _Y = getTableScroll(102);
|
|
644
|
-
|
|
645
|
-
|
|
597
|
+
var _Y = getTableScroll(102);
|
|
598
|
+
// console.log('_Y', _Y);
|
|
646
599
|
setScrollY(_Y);
|
|
647
600
|
}, []);
|
|
648
601
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -684,5 +637,4 @@ var TablePlus = function TablePlus(props) {
|
|
|
684
637
|
}
|
|
685
638
|
})));
|
|
686
639
|
};
|
|
687
|
-
|
|
688
640
|
export default TablePlus;
|
|
@@ -2,7 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import './styles/index.less';
|
|
3
3
|
interface DataManageProps {
|
|
4
4
|
updateEventMetas: Function;
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* 是否展示埋点方案
|
|
7
|
+
* default: true
|
|
8
|
+
*/
|
|
9
|
+
showPlan?: boolean;
|
|
6
10
|
}
|
|
7
11
|
declare const DataManage: React.FC<DataManageProps>;
|
|
8
12
|
export default DataManage;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
|
|
5
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
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
|
+
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; } }
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
7
|
import { BizGlobalDataContext, IconFont } from '@zgfe/business-lib';
|
|
14
8
|
import { Tabs, Popover } from 'antd';
|
|
15
9
|
import React, { useState, useContext, useEffect } from 'react';
|
|
@@ -18,40 +12,32 @@ import { DmContext, upDatedDmFun } from '../../store';
|
|
|
18
12
|
import { ActionType } from '../../store/action';
|
|
19
13
|
import PlanList from '../dataPlan';
|
|
20
14
|
import DataCollection from '../dataCollection';
|
|
21
|
-
|
|
22
15
|
var DataManage = function DataManage(props) {
|
|
23
16
|
var _useContext = useContext(BizGlobalDataContext),
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
isDemo = _useContext.isDemo;
|
|
26
18
|
var classPrefix = 'data-manage';
|
|
27
19
|
var updateEventMetas = props.updateEventMetas;
|
|
28
|
-
|
|
29
20
|
var _upDatedDmFun = upDatedDmFun(),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
21
|
+
_upDatedDmFun2 = _slicedToArray(_upDatedDmFun, 2),
|
|
22
|
+
state = _upDatedDmFun2[0],
|
|
23
|
+
dispatch = _upDatedDmFun2[1];
|
|
34
24
|
useEffect(function () {
|
|
35
25
|
dispatch({
|
|
36
26
|
type: ActionType.SET_GLOBAL,
|
|
37
27
|
payload: updateEventMetas
|
|
38
28
|
});
|
|
39
29
|
}, []);
|
|
40
|
-
|
|
41
30
|
var _useState = useState('0'),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
31
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
+
listTab = _useState2[0],
|
|
33
|
+
setListTab = _useState2[1];
|
|
46
34
|
var tabsChange = function tabsChange(activeKey) {
|
|
47
35
|
setListTab(activeKey);
|
|
48
36
|
};
|
|
49
|
-
|
|
50
37
|
var _useState3 = useState(false),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
38
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
39
|
+
collapsed = _useState4[0],
|
|
40
|
+
setCollapsed = _useState4[1];
|
|
55
41
|
return /*#__PURE__*/React.createElement(DmContext.Provider, {
|
|
56
42
|
value: {
|
|
57
43
|
state: state,
|
|
@@ -106,5 +92,7 @@ var DataManage = function DataManage(props) {
|
|
|
106
92
|
className: "dmcontent ".concat(collapsed && 'dmcontent-collapsed')
|
|
107
93
|
}, listTab == '0' && /*#__PURE__*/React.createElement(DataCollection, null), listTab == '1' && /*#__PURE__*/React.createElement(PlanList, null))));
|
|
108
94
|
};
|
|
109
|
-
|
|
95
|
+
DataManage.defaultProps = {
|
|
96
|
+
showPlan: true
|
|
97
|
+
};
|
|
110
98
|
export default DataManage;
|
|
@@ -1,19 +1,4 @@
|
|
|
1
1
|
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
|
-
|
|
3
|
-
.__dumi-default-layout-content {
|
|
4
|
-
position: absolute;
|
|
5
|
-
top: 0;
|
|
6
|
-
left: 0;
|
|
7
|
-
width: 100%;
|
|
8
|
-
.tabs {
|
|
9
|
-
position: absolute !important;
|
|
10
|
-
top: 0 !important;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
.__dumi-default-menu {
|
|
14
|
-
width: 0;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
2
|
.data-manage {
|
|
18
3
|
position: relative;
|
|
19
4
|
display: flex;
|