@zgfe/modules-dm 1.0.22 → 1.0.23-alpha.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.
- package/es/components/demo.js +0 -2
- package/es/constants/api.js +2 -2
- package/es/modules/dataCollection/collectionAttributeList.js +60 -101
- package/es/modules/dataCollection/collectionEventList.js +94 -168
- package/es/modules/dataCollection/demo/index.js +2 -2
- package/es/modules/dataCollection/index.js +41 -49
- package/es/modules/dataCollection/styles/index.less +0 -2
- package/es/modules/dataCollection/tablePlus.js +63 -112
- package/es/modules/dataManage/index.js +17 -66
- package/es/modules/dataManage/styles/index.less +11 -54
- 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/styles/index.less +1 -2
- 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 +2 -2
package/es/components/demo.js
CHANGED
|
@@ -5,7 +5,6 @@ import '@zgfe/business-lib/es/assets/iconfont/iconfont.css';
|
|
|
5
5
|
import { DemoWrapper } from '@zgfe/business-lib';
|
|
6
6
|
import { ConfigProvider } from 'antd';
|
|
7
7
|
import zhCN from 'antd/es/locale/zh_CN';
|
|
8
|
-
|
|
9
8
|
var DemoWrapper2 = function DemoWrapper2(props) {
|
|
10
9
|
return /*#__PURE__*/React.createElement(ConfigProvider, {
|
|
11
10
|
locale: zhCN
|
|
@@ -19,5 +18,4 @@ var DemoWrapper2 = function DemoWrapper2(props) {
|
|
|
19
18
|
needMeta: true
|
|
20
19
|
}, props.children)));
|
|
21
20
|
};
|
|
22
|
-
|
|
23
21
|
export default DemoWrapper2;
|
package/es/constants/api.js
CHANGED
|
@@ -47,12 +47,12 @@ var apis = {
|
|
|
47
47
|
queryControlSwitch: '/zg/web/v2/managementPlan/queryControlSwitch',
|
|
48
48
|
// 更新 埋点方案控制开关状态
|
|
49
49
|
updateControlSwitch: '/zg/web/v2/managementPlan/updateControlSwitch'
|
|
50
|
-
};
|
|
50
|
+
};
|
|
51
|
+
// for (const api in apis) {
|
|
51
52
|
// if (api != 'propUpload') {
|
|
52
53
|
// (apis as { [prop: string]: string })[api] = `/analysis/api/${
|
|
53
54
|
// (apis as { [prop: string]: string })[api]
|
|
54
55
|
// }`;
|
|
55
56
|
// }
|
|
56
57
|
// }
|
|
57
|
-
|
|
58
58
|
export default apis;
|
|
@@ -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, Button, Select, Table, message, Modal, Upload, Popover } from 'antd';
|
|
21
15
|
import React, { useEffect, useState, useContext } from 'react';
|
|
@@ -24,50 +18,41 @@ import request from '../../utils/ajax';
|
|
|
24
18
|
import apis from '../../constants/api';
|
|
25
19
|
import { DmContext } from '../../store';
|
|
26
20
|
import { getAppID } from '../../utils';
|
|
27
|
-
|
|
28
21
|
var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
29
22
|
var classPrefix = 'attr-list';
|
|
30
|
-
|
|
31
23
|
var _useContext = useContext(BizGlobalDataContext),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
24
|
+
currentApp = _useContext.currentApp,
|
|
25
|
+
isDemo = _useContext.isDemo;
|
|
35
26
|
var isOpen = props.isOpen,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
27
|
+
queryPlanData = props.queryPlanData,
|
|
28
|
+
source = props.source,
|
|
29
|
+
eventAttrsData = props.eventAttrsData;
|
|
30
|
+
// 属性列表加载中
|
|
40
31
|
var _useState = useState(true),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
32
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
+
loading = _useState2[0],
|
|
34
|
+
setLoading = _useState2[1];
|
|
35
|
+
// 属性值弹窗列表加载中
|
|
46
36
|
var _useState3 = useState(false),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
37
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
38
|
+
valueLoading = _useState4[0],
|
|
39
|
+
setValueLoading = _useState4[1];
|
|
51
40
|
var _useContext2 = useContext(DmContext),
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
41
|
+
state = _useContext2.state;
|
|
42
|
+
// 判断是否在方案中: 处理表格class添加异常样式 | 处理表格行异常信息展示, true异常
|
|
55
43
|
var rowRenderHandle = function rowRenderHandle(name) {
|
|
56
44
|
if (source == 'event' && eventAttrsData.owner == 'zg_abp') {
|
|
57
45
|
// 内置事件属性
|
|
58
46
|
return false;
|
|
59
47
|
}
|
|
60
|
-
|
|
61
48
|
if (source == 'user') {
|
|
62
49
|
var _queryPlanData$unexpe;
|
|
63
|
-
|
|
64
50
|
return (queryPlanData === null || queryPlanData === void 0 ? void 0 : (_queryPlanData$unexpe = queryPlanData.unexpectedPropList) === null || _queryPlanData$unexpe === void 0 ? void 0 : _queryPlanData$unexpe.indexOf(name)) != -1 && isOpen == 1 ? true : false;
|
|
65
51
|
} else {
|
|
66
52
|
if (isOpen != 1) {
|
|
67
53
|
return false;
|
|
68
54
|
} else {
|
|
69
55
|
var _temp2, _temp2$attrList;
|
|
70
|
-
|
|
71
56
|
var _temp = {};
|
|
72
57
|
queryPlanData.eventPlanAndRealDataDiff.map(function (item) {
|
|
73
58
|
if (item.eventName == (eventAttrsData === null || eventAttrsData === void 0 ? void 0 : eventAttrsData.event_name)) _temp = item;
|
|
@@ -75,14 +60,12 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
75
60
|
return Object.keys(_temp).length <= 0 ? true : ((_temp2 = _temp) === null || _temp2 === void 0 ? void 0 : (_temp2$attrList = _temp2.attrList) === null || _temp2$attrList === void 0 ? void 0 : _temp2$attrList.indexOf(name)) == -1 ? true : false;
|
|
76
61
|
}
|
|
77
62
|
}
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
|
|
63
|
+
};
|
|
64
|
+
// 用户属性列表
|
|
81
65
|
var _useState5 = useState([]),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
66
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
67
|
+
userAttrData = _useState6[0],
|
|
68
|
+
setUserAttrData = _useState6[1];
|
|
86
69
|
var queryUserPropMeta = function queryUserPropMeta() {
|
|
87
70
|
request(apis.getUserPropMeta, {
|
|
88
71
|
method: 'post',
|
|
@@ -101,7 +84,6 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
101
84
|
setLoading(false);
|
|
102
85
|
}).catch(function (err) {}).finally(function () {});
|
|
103
86
|
};
|
|
104
|
-
|
|
105
87
|
useEffect(function () {
|
|
106
88
|
// console.log('eventAttrsData', eventAttrsData);
|
|
107
89
|
if (source == 'user') {
|
|
@@ -112,12 +94,11 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
112
94
|
item.type = item.prop_type;
|
|
113
95
|
return item;
|
|
114
96
|
});
|
|
115
|
-
|
|
116
97
|
setUserAttrData(_temp);
|
|
117
98
|
setLoading(false);
|
|
118
99
|
}
|
|
119
|
-
}, [source, eventAttrsData]);
|
|
120
|
-
|
|
100
|
+
}, [source, eventAttrsData]);
|
|
101
|
+
// 复制属性名称
|
|
121
102
|
var copyAttrName = function copyAttrName(name) {
|
|
122
103
|
if (navigator.clipboard) {
|
|
123
104
|
navigator.clipboard.writeText(name);
|
|
@@ -127,30 +108,24 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
127
108
|
event.preventDefault();
|
|
128
109
|
event.clipboardData.setData('text/plain', name);
|
|
129
110
|
};
|
|
130
|
-
|
|
131
111
|
document.addEventListener('copy', eventCopyer);
|
|
132
112
|
document.execCommand('copy');
|
|
133
113
|
document.removeEventListener('copy', eventCopyer);
|
|
134
114
|
message.success('复制成功');
|
|
135
115
|
}
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
|
|
116
|
+
};
|
|
117
|
+
// 别名foucs
|
|
139
118
|
var _useState7 = useState(''),
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
119
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
120
|
+
aliasFocusData = _useState8[0],
|
|
121
|
+
setAliasFocusData = _useState8[1];
|
|
144
122
|
var aliasFocus = function aliasFocus(e) {
|
|
145
123
|
setAliasFocusData(e.currentTarget.value);
|
|
146
|
-
};
|
|
147
|
-
|
|
148
|
-
|
|
124
|
+
};
|
|
125
|
+
// 修改属性
|
|
149
126
|
var attrChangeHandle = function attrChangeHandle(value, record, type) {
|
|
150
127
|
var _params;
|
|
151
|
-
|
|
152
128
|
if (aliasFocusData == value && type == 'alias_name') return; // 失焦判断,内容无修改不请求接口
|
|
153
|
-
|
|
154
129
|
request(source == 'event' ? apis.updateEventAttr : apis.updateUserAttr, {
|
|
155
130
|
method: 'post',
|
|
156
131
|
params: (_params = {
|
|
@@ -160,19 +135,16 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
160
135
|
}).then(function (res) {
|
|
161
136
|
if (res) {
|
|
162
137
|
message.success('修改成功');
|
|
163
|
-
|
|
164
138
|
if (source == 'user') {
|
|
165
139
|
queryUserPropMeta();
|
|
166
140
|
} else {
|
|
167
141
|
props.Refresh();
|
|
168
142
|
}
|
|
169
|
-
|
|
170
143
|
state.updateEventMetas && state.updateEventMetas(); // 更新store
|
|
171
144
|
}
|
|
172
145
|
}).catch(function (err) {}).finally(function () {});
|
|
173
|
-
};
|
|
174
|
-
|
|
175
|
-
|
|
146
|
+
};
|
|
147
|
+
// 表格列
|
|
176
148
|
var columns = [{
|
|
177
149
|
title: '属性名称',
|
|
178
150
|
dataIndex: 'name',
|
|
@@ -249,7 +221,6 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
249
221
|
message.error('demo环境,无法编辑');
|
|
250
222
|
return;
|
|
251
223
|
}
|
|
252
|
-
|
|
253
224
|
setattrId(source == 'event' ? record.attr_id : record.id);
|
|
254
225
|
setAttrAliasNameShow(true);
|
|
255
226
|
}
|
|
@@ -340,8 +311,8 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
340
311
|
}]
|
|
341
312
|
}), rowRenderHandle(record.name) && /*#__PURE__*/React.createElement("div", null, json[record.encryption_type]));
|
|
342
313
|
}
|
|
343
|
-
}];
|
|
344
|
-
|
|
314
|
+
}];
|
|
315
|
+
// 属性值别名 - 表格列
|
|
345
316
|
var attrColumns = [{
|
|
346
317
|
title: '属性值',
|
|
347
318
|
dataIndex: 'original_value'
|
|
@@ -349,27 +320,22 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
349
320
|
title: '属性值别名',
|
|
350
321
|
dataIndex: 'mapping_value'
|
|
351
322
|
}];
|
|
352
|
-
|
|
353
323
|
var _useState9 = useState([]),
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
324
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
325
|
+
attrExcelData = _useState10[0],
|
|
326
|
+
setAttrExcelData = _useState10[1];
|
|
358
327
|
var _useState11 = useState(false),
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
328
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
329
|
+
attrAliasNameShow = _useState12[0],
|
|
330
|
+
setAttrAliasNameShow = _useState12[1];
|
|
363
331
|
var _useState13 = useState(0),
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
332
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
333
|
+
attrId = _useState14[0],
|
|
334
|
+
setattrId = _useState14[1];
|
|
368
335
|
var _useState15 = useState(0),
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
336
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
337
|
+
batchId = _useState16[0],
|
|
338
|
+
setBatchId = _useState16[1];
|
|
373
339
|
var uploadProps = {
|
|
374
340
|
maxCount: 1,
|
|
375
341
|
showUploadList: false,
|
|
@@ -397,19 +363,17 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
397
363
|
}).catch(function (err) {});
|
|
398
364
|
return false;
|
|
399
365
|
}
|
|
400
|
-
};
|
|
401
|
-
|
|
366
|
+
};
|
|
367
|
+
// 清空属性值别名excel数据
|
|
402
368
|
var _useState17 = useState(false),
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
369
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
370
|
+
clearFlag = _useState18[0],
|
|
371
|
+
setClearFlag = _useState18[1];
|
|
407
372
|
var clearData = function clearData() {
|
|
408
373
|
setAttrExcelData([]);
|
|
409
374
|
setClearFlag(true);
|
|
410
|
-
};
|
|
411
|
-
|
|
412
|
-
|
|
375
|
+
};
|
|
376
|
+
// 添加&修改用户属性值别名
|
|
413
377
|
var attrAliasNameEdit = function attrAliasNameEdit() {
|
|
414
378
|
setValueLoading(true);
|
|
415
379
|
request(apis.addPropDict, {
|
|
@@ -428,9 +392,8 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
428
392
|
closeHandle();
|
|
429
393
|
}
|
|
430
394
|
}).catch(function (err) {});
|
|
431
|
-
};
|
|
432
|
-
|
|
433
|
-
|
|
395
|
+
};
|
|
396
|
+
// 获取已设置的属性值别名列表
|
|
434
397
|
var getAttrAliasList = function getAttrAliasList() {
|
|
435
398
|
setValueLoading(true);
|
|
436
399
|
request(apis.queryPropDict, {
|
|
@@ -447,13 +410,11 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
447
410
|
}
|
|
448
411
|
});
|
|
449
412
|
};
|
|
450
|
-
|
|
451
413
|
useEffect(function () {
|
|
452
414
|
if (attrId) {
|
|
453
415
|
getAttrAliasList();
|
|
454
416
|
}
|
|
455
417
|
}, [attrId]);
|
|
456
|
-
|
|
457
418
|
var closeHandle = function closeHandle() {
|
|
458
419
|
setattrId(0);
|
|
459
420
|
setAttrAliasNameShow(false);
|
|
@@ -461,7 +422,6 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
461
422
|
setValueLoading(false);
|
|
462
423
|
setAttrExcelData([]);
|
|
463
424
|
};
|
|
464
|
-
|
|
465
425
|
return /*#__PURE__*/React.createElement("div", {
|
|
466
426
|
className: classPrefix
|
|
467
427
|
}, /*#__PURE__*/React.createElement(Table, {
|
|
@@ -514,5 +474,4 @@ var CollectionAttributeList = function CollectionAttributeList(props) {
|
|
|
514
474
|
pagination: false
|
|
515
475
|
})));
|
|
516
476
|
};
|
|
517
|
-
|
|
518
477
|
export default CollectionAttributeList;
|