@zgfe/modules-attribution 1.0.2-alpha.1 → 1.0.2-alpha.11
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/option/index.js +1 -1
- package/es/components/tableList/styles/index.less +3 -0
- package/es/components/title/index.js +1 -1
- package/es/components/title/styles/index.less +1 -0
- package/es/constants/fields.d.ts +4 -0
- package/es/constants/fields.js +13 -0
- package/es/modules/content/index.js +3 -1
- package/es/modules/home/index.js +1 -1
- package/es/modules/home/styles/index.less +10 -6
- package/es/modules/searchPanel/components/attributableEvents.js +34 -22
- package/es/modules/searchPanel/components/globalAttribute.js +6 -4
- package/es/modules/searchPanel/components/targetEvent.js +4 -6
- package/es/modules/searchPanel/index.d.ts +1 -1
- package/es/modules/searchPanel/index.js +49 -13
- package/es/modules/searchPanel/styles/index.less +36 -13
- package/es/modules/searchPanel/utils.js +25 -32
- package/package.json +3 -3
package/es/constants/fields.d.ts
CHANGED
package/es/constants/fields.js
CHANGED
|
@@ -29,4 +29,17 @@ export var searchFields = [{
|
|
|
29
29
|
max: 5,
|
|
30
30
|
addLabel: '添加属性',
|
|
31
31
|
required: false
|
|
32
|
+
}];
|
|
33
|
+
export var attributionTypeTooltips = [{
|
|
34
|
+
text: '首次触点归因',
|
|
35
|
+
title: '完成目标事件的「待归因事件」中,第一个「待归因事件」贡献为100%'
|
|
36
|
+
}, {
|
|
37
|
+
text: '末次触点归因',
|
|
38
|
+
title: '完成目标事件的「待归因事件」中,最后一个「待归因事件」贡献为100%'
|
|
39
|
+
}, {
|
|
40
|
+
text: '线性归因',
|
|
41
|
+
title: '完成目标事件的「待归因事件」中,所有「待归因事件」平均分配贡献'
|
|
42
|
+
}, {
|
|
43
|
+
text: '位置归因',
|
|
44
|
+
title: '完成目标事件的「待归因事件」中,首位和末位「待归因事件」各获40%贡献,其余「待归因事件」平分20%贡献'
|
|
32
45
|
}];
|
|
@@ -106,6 +106,8 @@ var AttributionContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
106
106
|
};
|
|
107
107
|
return /*#__PURE__*/React.createElement("div", {
|
|
108
108
|
className: classPrefix
|
|
109
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
110
|
+
className: "".concat(classPrefix, "-top-content")
|
|
109
111
|
}, /*#__PURE__*/React.createElement("div", {
|
|
110
112
|
className: "".concat(classPrefix, "-top-content-box")
|
|
111
113
|
}, /*#__PURE__*/React.createElement(SearchPanel, {
|
|
@@ -113,7 +115,7 @@ var AttributionContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
113
115
|
defaultValue: searchData,
|
|
114
116
|
onChange: onChangeSearch,
|
|
115
117
|
resetTime: resetTime
|
|
116
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
118
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
117
119
|
className: "".concat(classPrefix, "-bottom-content-box")
|
|
118
120
|
}, /*#__PURE__*/React.createElement("div", {
|
|
119
121
|
className: "".concat(classPrefix, "-bottom-content-box-times")
|
package/es/modules/home/index.js
CHANGED
|
@@ -118,7 +118,7 @@ var AttributionHome = function AttributionHome(props) {
|
|
|
118
118
|
onEditTitle: setTitle
|
|
119
119
|
}), !panelId && /*#__PURE__*/React.createElement("div", {
|
|
120
120
|
className: "".concat(classPrefix, "-header-title")
|
|
121
|
-
}, "\u5F52\u56E0
|
|
121
|
+
}, "\u5F52\u56E0"), /*#__PURE__*/React.createElement("div", {
|
|
122
122
|
className: "".concat(classPrefix, "-content ").concat(panelId ? classPrefix + '-content2' : '')
|
|
123
123
|
}, /*#__PURE__*/React.createElement(AttributionContent, {
|
|
124
124
|
ref: attributionRef,
|
|
@@ -14,20 +14,24 @@
|
|
|
14
14
|
font-weight: 500;
|
|
15
15
|
font-size: 16px;
|
|
16
16
|
line-height: 48px;
|
|
17
|
-
border-bottom: 1px solid #f2f3f4;
|
|
18
17
|
}
|
|
19
18
|
&-content {
|
|
20
19
|
width: 100%;
|
|
21
20
|
height: 100%;
|
|
22
21
|
// overflow: auto;
|
|
23
22
|
overflow-x: hidden;
|
|
24
|
-
background: #
|
|
23
|
+
background: #fff;
|
|
25
24
|
border-top: 1px solid #eaeaea;
|
|
26
25
|
.attribution-content {
|
|
27
|
-
&-top-content
|
|
28
|
-
|
|
29
|
-
padding: 24px;
|
|
30
|
-
|
|
26
|
+
&-top-content {
|
|
27
|
+
background: #fafafb;
|
|
28
|
+
padding: 16px 24px;
|
|
29
|
+
&-box{
|
|
30
|
+
padding: 24px;
|
|
31
|
+
background: #fff;
|
|
32
|
+
border: 1px solid #ECEDF0;
|
|
33
|
+
border-radius: 8px;
|
|
34
|
+
}
|
|
31
35
|
}
|
|
32
36
|
&-bottom-content-box {
|
|
33
37
|
min-height: 382px;
|
|
@@ -39,17 +39,21 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
39
39
|
setCount = _useState8[1];
|
|
40
40
|
var _useState9 = useState(false),
|
|
41
41
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
var
|
|
45
|
-
var _useState11 = useState(-1),
|
|
42
|
+
countLoading = _useState10[0],
|
|
43
|
+
setCountLoading = _useState10[1];
|
|
44
|
+
var _useState11 = useState(false),
|
|
46
45
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
var
|
|
46
|
+
isAdd = _useState12[0],
|
|
47
|
+
setIsAdd = _useState12[1];
|
|
48
|
+
var conditionRef = useRef(null);
|
|
49
|
+
var _useState13 = useState(-1),
|
|
50
50
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
eventId = _useState14[0],
|
|
52
|
+
setEventId = _useState14[1];
|
|
53
|
+
var _useState15 = useState(),
|
|
54
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
55
|
+
minceAttr = _useState16[0],
|
|
56
|
+
setMinceAttr = _useState16[1];
|
|
53
57
|
var bizEventSelectorDefaultValue = {};
|
|
54
58
|
if (value && value.eventId && value.eventId != -100) {
|
|
55
59
|
bizEventSelectorDefaultValue = {
|
|
@@ -59,10 +63,10 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
59
63
|
}
|
|
60
64
|
};
|
|
61
65
|
}
|
|
62
|
-
var
|
|
63
|
-
|
|
64
|
-
bizAttributeSelectorValue =
|
|
65
|
-
setBizAttributeSelectorValue =
|
|
66
|
+
var _useState17 = useState(),
|
|
67
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
68
|
+
bizAttributeSelectorValue = _useState18[0],
|
|
69
|
+
setBizAttributeSelectorValue = _useState18[1];
|
|
66
70
|
useEffect(function () {
|
|
67
71
|
if (value) {
|
|
68
72
|
var _value$filters;
|
|
@@ -92,16 +96,18 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
92
96
|
}
|
|
93
97
|
}, []);
|
|
94
98
|
useEffect(function () {
|
|
99
|
+
setCountLoading(false);
|
|
95
100
|
if (ReasonData) {
|
|
96
101
|
handleCount('add', attrSourceCount, setAttrSourceCount, count);
|
|
97
102
|
}
|
|
98
|
-
setTimeout(function () {
|
|
99
|
-
onChangeHandle(ReasonData, filters, minceAttr);
|
|
100
|
-
}, 0);
|
|
101
103
|
}, [count]);
|
|
102
104
|
var onEventDelete = function onEventDelete() {
|
|
103
105
|
if (formData && formData.sourceFilters.length <= 1) {
|
|
104
106
|
setReasonData(undefined);
|
|
107
|
+
setAttrSelectShow(false);
|
|
108
|
+
setFilters(undefined);
|
|
109
|
+
setIsAdd(false);
|
|
110
|
+
setBizAttributeSelectorValue(undefined);
|
|
105
111
|
onChangeHandle(undefined, undefined, undefined);
|
|
106
112
|
return;
|
|
107
113
|
}
|
|
@@ -135,6 +141,10 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
135
141
|
message.error('最多可添加5条属性筛选');
|
|
136
142
|
return;
|
|
137
143
|
}
|
|
144
|
+
if (countLoading) {
|
|
145
|
+
return;
|
|
146
|
+
}
|
|
147
|
+
setCountLoading(true);
|
|
138
148
|
setIsAdd(true);
|
|
139
149
|
setTimeout(function () {
|
|
140
150
|
conditionRef.current.add();
|
|
@@ -206,10 +216,10 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
206
216
|
props.onChange(data);
|
|
207
217
|
}
|
|
208
218
|
};
|
|
209
|
-
var
|
|
210
|
-
|
|
211
|
-
notClickable =
|
|
212
|
-
setNotClickable =
|
|
219
|
+
var _useState19 = useState(null),
|
|
220
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
221
|
+
notClickable = _useState20[0],
|
|
222
|
+
setNotClickable = _useState20[1];
|
|
213
223
|
useEffect(function () {
|
|
214
224
|
var _ReasonData$event;
|
|
215
225
|
if (ReasonData === undefined || (ReasonData === null || ReasonData === void 0 ? void 0 : (_ReasonData$event = ReasonData.event) === null || _ReasonData$event === void 0 ? void 0 : _ReasonData$event.id) === -100 && Object.keys(bizEventSelectorDefaultValue).length <= 0) {
|
|
@@ -264,7 +274,9 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
264
274
|
onClick: function onClick() {
|
|
265
275
|
return onAdd();
|
|
266
276
|
}
|
|
267
|
-
})))), /*#__PURE__*/React.createElement("div", null, (filters || isAdd) && /*#__PURE__*/React.createElement(
|
|
277
|
+
})))), /*#__PURE__*/React.createElement("div", null, (filters || isAdd) && /*#__PURE__*/React.createElement("div", {
|
|
278
|
+
className: "".concat(count > 0 ? 'attr-box-show' : '')
|
|
279
|
+
}, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
|
|
268
280
|
ref: conditionRef,
|
|
269
281
|
value: filters,
|
|
270
282
|
onlyAnd: true,
|
|
@@ -273,6 +285,6 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
273
285
|
eventIdList: [eventId],
|
|
274
286
|
onChange: onChangeFilters,
|
|
275
287
|
onConditionsCount: setCount
|
|
276
|
-
})));
|
|
288
|
+
}))));
|
|
277
289
|
};
|
|
278
290
|
export default AttributableEvents;
|
|
@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
7
7
|
import { BizAttrConditionGroup, IconFont } from '@zgfe/business-lib';
|
|
8
8
|
import React, { useEffect, useRef, useState } from 'react';
|
|
9
9
|
var GlobalAttribute = function GlobalAttribute(props) {
|
|
10
|
-
var classPrefix = '
|
|
10
|
+
var classPrefix = 'form-box';
|
|
11
11
|
var max = props.max,
|
|
12
12
|
onChange = props.onChange,
|
|
13
13
|
setAttrGlobalCount = props.setAttrGlobalCount;
|
|
@@ -33,13 +33,15 @@ var GlobalAttribute = function GlobalAttribute(props) {
|
|
|
33
33
|
}
|
|
34
34
|
}, [props.eventIdList, props.value]);
|
|
35
35
|
var onAdd = function onAdd() {
|
|
36
|
-
if (props.eventIdList[0] === -100) return;
|
|
36
|
+
if (props.eventIdList && props.eventIdList.length <= 0 || props.eventIdList[0] === -100) return;
|
|
37
37
|
conditionRef.current.add();
|
|
38
38
|
};
|
|
39
39
|
useEffect(function () {
|
|
40
40
|
setAttrGlobalCount(count);
|
|
41
41
|
}, [count]);
|
|
42
|
-
return /*#__PURE__*/React.createElement("div", null, props.eventIdList && props.eventIdList[0] === -100 ? '' : /*#__PURE__*/React.createElement(
|
|
42
|
+
return /*#__PURE__*/React.createElement("div", null, props.eventIdList && props.eventIdList[0] === -100 ? '' : /*#__PURE__*/React.createElement("div", {
|
|
43
|
+
className: "".concat(count > 0 ? 'attr-box-show' : '')
|
|
44
|
+
}, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
|
|
43
45
|
ref: conditionRef,
|
|
44
46
|
value: props.value,
|
|
45
47
|
onlyAnd: true,
|
|
@@ -48,7 +50,7 @@ var GlobalAttribute = function GlobalAttribute(props) {
|
|
|
48
50
|
eventIdList: props.eventIdList,
|
|
49
51
|
onChange: onChange,
|
|
50
52
|
onConditionsCount: setCount
|
|
51
|
-
}), count < max && /*#__PURE__*/React.createElement("div", {
|
|
53
|
+
})), count < max && /*#__PURE__*/React.createElement("div", {
|
|
52
54
|
className: "".concat(classPrefix, "-add ").concat(props.eventIdList && props.eventIdList.length <= 0 ? 'disabled' : ''),
|
|
53
55
|
onClick: onAdd
|
|
54
56
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
@@ -66,7 +66,6 @@ var TargetEvent = function TargetEvent(props) {
|
|
|
66
66
|
};
|
|
67
67
|
var onAdd = function onAdd() {
|
|
68
68
|
var _targetData$event;
|
|
69
|
-
console.log('添加筛选', targetData, bizEventSelectorDefaultValue);
|
|
70
69
|
if ((targetData === null || targetData === void 0 ? void 0 : (_targetData$event = targetData.event) === null || _targetData$event === void 0 ? void 0 : _targetData$event.id) === -100 && Object.keys(bizEventSelectorDefaultValue).length <= 0) {
|
|
71
70
|
message.error('请先选择目标事件');
|
|
72
71
|
return;
|
|
@@ -93,9 +92,6 @@ var TargetEvent = function TargetEvent(props) {
|
|
|
93
92
|
};
|
|
94
93
|
useEffect(function () {
|
|
95
94
|
setAttrTargetCount(count);
|
|
96
|
-
setTimeout(function () {
|
|
97
|
-
onChangeHandle(targetData, filters);
|
|
98
|
-
}, 0);
|
|
99
95
|
}, [count]);
|
|
100
96
|
var onChangeHandle = function onChangeHandle(reason, filterData) {
|
|
101
97
|
if (props.onChange) {
|
|
@@ -147,7 +143,9 @@ var TargetEvent = function TargetEvent(props) {
|
|
|
147
143
|
onClick: function onClick() {
|
|
148
144
|
return onAdd();
|
|
149
145
|
}
|
|
150
|
-
}))), /*#__PURE__*/React.createElement("div", null, (filters || isAdd) && /*#__PURE__*/React.createElement(
|
|
146
|
+
}))), /*#__PURE__*/React.createElement("div", null, (filters || isAdd) && /*#__PURE__*/React.createElement("div", {
|
|
147
|
+
className: "".concat(count > 0 ? 'attr-box-show' : '')
|
|
148
|
+
}, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
|
|
151
149
|
ref: conditionRef,
|
|
152
150
|
value: undefined,
|
|
153
151
|
onlyAnd: true,
|
|
@@ -156,6 +154,6 @@ var TargetEvent = function TargetEvent(props) {
|
|
|
156
154
|
eventIdList: [eventId],
|
|
157
155
|
onChange: onChangeFilters,
|
|
158
156
|
onConditionsCount: setCount
|
|
159
|
-
})));
|
|
157
|
+
}))));
|
|
160
158
|
};
|
|
161
159
|
export default TargetEvent;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SearchPanelTypes } from './types';
|
|
3
3
|
import './styles/index.less';
|
|
4
|
-
export declare const classPrefix = "
|
|
4
|
+
export declare const classPrefix = "form-box";
|
|
5
5
|
declare const SearchPanel: React.ForwardRefExoticComponent<SearchPanelTypes.Props & React.RefAttributes<any>>;
|
|
6
6
|
export default SearchPanel;
|
|
@@ -16,9 +16,9 @@ import GlobalAttribute from './components/globalAttribute';
|
|
|
16
16
|
import './styles/index.less';
|
|
17
17
|
import _ from 'lodash';
|
|
18
18
|
import { targetChangeCallback, operableOrNotHandle } from './utils';
|
|
19
|
-
import { searchFields } from '../../constants/fields';
|
|
19
|
+
import { searchFields, attributionTypeTooltips } from '../../constants/fields';
|
|
20
20
|
import { AttributableContext } from '../../types';
|
|
21
|
-
export var classPrefix = '
|
|
21
|
+
export var classPrefix = 'form-box';
|
|
22
22
|
var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
23
23
|
var defaultValue = props.defaultValue,
|
|
24
24
|
resetTime = props.resetTime;
|
|
@@ -173,9 +173,21 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
173
173
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
174
174
|
windowType = _useState24[0],
|
|
175
175
|
setWindowType = _useState24[1];
|
|
176
|
+
var attributionTypeTooltip = function attributionTypeTooltip(type) {
|
|
177
|
+
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
178
|
+
overlayClassName: "attribution-type-tooltip ".concat(type === 2 || type === 3 ? 'attribution-type-tooltip-distance' : ''),
|
|
179
|
+
placement: "right",
|
|
180
|
+
getPopupContainer: function getPopupContainer() {
|
|
181
|
+
return document.getElementById('attribution-type');
|
|
182
|
+
},
|
|
183
|
+
title: attributionTypeTooltips[type].title
|
|
184
|
+
}, /*#__PURE__*/React.createElement("p", null, attributionTypeTooltips[type].text));
|
|
185
|
+
};
|
|
176
186
|
return /*#__PURE__*/React.createElement("div", {
|
|
177
187
|
className: classPrefix
|
|
178
|
-
}, /*#__PURE__*/React.createElement(
|
|
188
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
189
|
+
className: "".concat(classPrefix, "-bottom-form-title")
|
|
190
|
+
}, "\u9009\u62E9\u4E8B\u4EF6"), /*#__PURE__*/React.createElement(Skeleton, {
|
|
179
191
|
loading: loading,
|
|
180
192
|
active: true,
|
|
181
193
|
paragraph: {
|
|
@@ -189,9 +201,10 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
189
201
|
}, searchFields.map(function (item) {
|
|
190
202
|
if (item.type === 'globalFilters') {
|
|
191
203
|
return /*#__PURE__*/React.createElement(Form.Item, {
|
|
192
|
-
key: item.key
|
|
204
|
+
key: item.key,
|
|
205
|
+
className: "".concat(classPrefix, "-form-item")
|
|
193
206
|
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
194
|
-
className: "".concat(classPrefix, "-title")
|
|
207
|
+
className: "".concat(classPrefix, "-title global-attr")
|
|
195
208
|
}, item.label), /*#__PURE__*/React.createElement(Form.Item, {
|
|
196
209
|
className: "".concat(classPrefix, "-item"),
|
|
197
210
|
name: item.name
|
|
@@ -208,6 +221,7 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
208
221
|
var add = _ref.add,
|
|
209
222
|
remove = _ref.remove;
|
|
210
223
|
return /*#__PURE__*/React.createElement(Form.Item, {
|
|
224
|
+
className: "".concat(classPrefix, "-form-item"),
|
|
211
225
|
key: "".concat(item.key, "-item-").concat(index)
|
|
212
226
|
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
213
227
|
className: "".concat(classPrefix, "-title")
|
|
@@ -216,7 +230,7 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
216
230
|
color: 'red'
|
|
217
231
|
}
|
|
218
232
|
}, "* "), item.label, /*#__PURE__*/React.createElement(Tooltip, {
|
|
219
|
-
placement: "
|
|
233
|
+
placement: "right",
|
|
220
234
|
title: item.tips
|
|
221
235
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
222
236
|
type: "tishiicon"
|
|
@@ -266,7 +280,8 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
266
280
|
color: 'red'
|
|
267
281
|
}
|
|
268
282
|
}, "* "), "\u5F52\u56E0\u6A21\u578B"), /*#__PURE__*/React.createElement("div", {
|
|
269
|
-
className: "".concat(classPrefix, "-bottom-form")
|
|
283
|
+
className: "".concat(classPrefix, "-bottom-form"),
|
|
284
|
+
id: "attribution-type"
|
|
270
285
|
}, /*#__PURE__*/React.createElement("p", {
|
|
271
286
|
className: "p"
|
|
272
287
|
}, "\u5206\u6790\u6A21\u578B"), /*#__PURE__*/React.createElement(Form.Item, {
|
|
@@ -276,23 +291,32 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
276
291
|
message: '请选择分析模型'
|
|
277
292
|
}]
|
|
278
293
|
}, /*#__PURE__*/React.createElement(Select, {
|
|
279
|
-
className: "
|
|
294
|
+
className: "attribution-type",
|
|
295
|
+
getPopupContainer: function getPopupContainer() {
|
|
296
|
+
return document.getElementById('attribution-type');
|
|
297
|
+
},
|
|
280
298
|
placeholder: "\u8BF7\u9009\u62E9",
|
|
281
299
|
style: {
|
|
282
300
|
width: 208
|
|
283
301
|
},
|
|
302
|
+
suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
|
|
303
|
+
type: "xiangxia",
|
|
304
|
+
style: {
|
|
305
|
+
color: '#021429'
|
|
306
|
+
}
|
|
307
|
+
}),
|
|
284
308
|
options: [{
|
|
285
309
|
value: 1,
|
|
286
|
-
label:
|
|
310
|
+
label: attributionTypeTooltip(0)
|
|
287
311
|
}, {
|
|
288
312
|
value: 2,
|
|
289
|
-
label:
|
|
313
|
+
label: attributionTypeTooltip(1)
|
|
290
314
|
}, {
|
|
291
315
|
value: 3,
|
|
292
|
-
label:
|
|
316
|
+
label: attributionTypeTooltip(2)
|
|
293
317
|
}, {
|
|
294
318
|
value: 4,
|
|
295
|
-
label:
|
|
319
|
+
label: attributionTypeTooltip(3)
|
|
296
320
|
}]
|
|
297
321
|
})), /*#__PURE__*/React.createElement("p", {
|
|
298
322
|
className: "p"
|
|
@@ -307,6 +331,12 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
307
331
|
style: {
|
|
308
332
|
width: 208
|
|
309
333
|
},
|
|
334
|
+
suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
|
|
335
|
+
type: "xiangxia",
|
|
336
|
+
style: {
|
|
337
|
+
color: '#021429'
|
|
338
|
+
}
|
|
339
|
+
}),
|
|
310
340
|
onChange: function onChange(e) {
|
|
311
341
|
setWindowType(e);
|
|
312
342
|
e === 1 ? setWindowCnt(-1) : setWindowCnt(1);
|
|
@@ -338,6 +368,12 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
338
368
|
onChange: function onChange(e) {
|
|
339
369
|
return setwindowTypeUnit(e);
|
|
340
370
|
},
|
|
371
|
+
suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
|
|
372
|
+
type: "xiangxia",
|
|
373
|
+
style: {
|
|
374
|
+
color: '#021429'
|
|
375
|
+
}
|
|
376
|
+
}),
|
|
341
377
|
options: [{
|
|
342
378
|
value: 'day',
|
|
343
379
|
label: '天'
|
|
@@ -357,6 +393,6 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
357
393
|
onClick: function onClick() {
|
|
358
394
|
return onFinish(true);
|
|
359
395
|
}
|
|
360
|
-
}, "\
|
|
396
|
+
}, "\u67E5\u8BE2")))));
|
|
361
397
|
});
|
|
362
398
|
export default SearchPanel;
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
@import '~@zgfe/business-lib/es/assets/styles/inner.less';
|
|
2
2
|
|
|
3
|
-
.
|
|
3
|
+
.form-box {
|
|
4
|
+
.xiangxia {
|
|
5
|
+
font-size: 14px !important;
|
|
6
|
+
}
|
|
7
|
+
&-form-item {
|
|
8
|
+
margin-bottom: 16px;
|
|
9
|
+
.attr-box-show {
|
|
10
|
+
margin: 12px 0px;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
4
14
|
&-bottom-form-title {
|
|
5
15
|
margin-top: 34px;
|
|
6
16
|
margin-bottom: 16px;
|
|
@@ -23,13 +33,29 @@
|
|
|
23
33
|
color: #9aa1a9;
|
|
24
34
|
}
|
|
25
35
|
}
|
|
26
|
-
.
|
|
36
|
+
.attribution-type {
|
|
27
37
|
margin-right: 24px;
|
|
28
38
|
}
|
|
29
39
|
.windowCnt {
|
|
30
40
|
margin: 0 16px;
|
|
31
41
|
}
|
|
32
42
|
}
|
|
43
|
+
|
|
44
|
+
#attribution-type{
|
|
45
|
+
position: relative;
|
|
46
|
+
.ant-select-dropdown{
|
|
47
|
+
z-index: 998;
|
|
48
|
+
}
|
|
49
|
+
.attribution-type-tooltip {
|
|
50
|
+
z-index: 999;
|
|
51
|
+
right: 0px!important;
|
|
52
|
+
// left: 200px!important;
|
|
53
|
+
&-distance{
|
|
54
|
+
// left: 170px!important;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
33
59
|
&-otherEvent {
|
|
34
60
|
color: #021429;
|
|
35
61
|
font-size: 14px;
|
|
@@ -71,13 +97,12 @@
|
|
|
71
97
|
}
|
|
72
98
|
|
|
73
99
|
&-item.ant-form-item {
|
|
74
|
-
margin-bottom:
|
|
100
|
+
margin-bottom: 0px;
|
|
75
101
|
}
|
|
76
102
|
|
|
77
103
|
&-add {
|
|
78
104
|
width: fit-content;
|
|
79
105
|
height: 20px;
|
|
80
|
-
margin-top: 8px;
|
|
81
106
|
color: #165dff;
|
|
82
107
|
font-size: 14px;
|
|
83
108
|
line-height: 20px;
|
|
@@ -97,6 +122,10 @@
|
|
|
97
122
|
}
|
|
98
123
|
}
|
|
99
124
|
|
|
125
|
+
.global-attr {
|
|
126
|
+
margin-bottom: 0 !important;
|
|
127
|
+
}
|
|
128
|
+
|
|
100
129
|
.biz-condition-item-input {
|
|
101
130
|
border-color: transparent;
|
|
102
131
|
}
|
|
@@ -128,18 +157,13 @@
|
|
|
128
157
|
right: 40px;
|
|
129
158
|
}
|
|
130
159
|
}
|
|
131
|
-
// .biz-attr-select-handle:hover{
|
|
132
|
-
// .xiangxia{
|
|
133
|
-
// display: none;
|
|
134
|
-
// }
|
|
135
|
-
// }
|
|
136
160
|
}
|
|
137
161
|
.button-box {
|
|
138
162
|
.qingchu,
|
|
139
163
|
.tianjia2,
|
|
140
164
|
.shaixuan {
|
|
141
165
|
margin-top: 2px;
|
|
142
|
-
margin-right:
|
|
166
|
+
margin-right: 16px;
|
|
143
167
|
// color: #CCD0D4;
|
|
144
168
|
color: #9aa1a9;
|
|
145
169
|
font-size: 20px !important;
|
|
@@ -162,7 +186,6 @@
|
|
|
162
186
|
.target-events-box {
|
|
163
187
|
.selector-content {
|
|
164
188
|
display: flex;
|
|
165
|
-
margin-bottom: 12px;
|
|
166
189
|
.ant-dropdown-trigger {
|
|
167
190
|
width: 208px;
|
|
168
191
|
margin-right: 16px;
|
|
@@ -175,7 +198,7 @@
|
|
|
175
198
|
}
|
|
176
199
|
}
|
|
177
200
|
.shaixuan {
|
|
178
|
-
margin: 2px 0 0
|
|
201
|
+
margin: 2px 0 0 16px;
|
|
179
202
|
color: #9aa1a9;
|
|
180
203
|
font-size: 20px !important;
|
|
181
204
|
cursor: pointer;
|
|
@@ -199,4 +222,4 @@
|
|
|
199
222
|
margin-top: -14px;
|
|
200
223
|
color: #fb5547;
|
|
201
224
|
}
|
|
202
|
-
}
|
|
225
|
+
}
|
|
@@ -39,50 +39,43 @@ var judgeAttrInEvents = function judgeAttrInEvents(elds, attrId, eventGroupList)
|
|
|
39
39
|
return flag;
|
|
40
40
|
};
|
|
41
41
|
export function operableOrNotHandle(data, attrSourceCount, attrTargetCount, mincePropCount, attrGlobalCount) {
|
|
42
|
-
var
|
|
43
|
-
data.attributionType === undefined
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
if (attrGlobalCount && data.globalFilters === undefined)
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
return flag;
|
|
42
|
+
var flagList = [];
|
|
43
|
+
if (data.attributionType === undefined) return true;
|
|
44
|
+
subsetHandle(flagList, data, 'sourceFilters', attrSourceCount, mincePropCount);
|
|
45
|
+
subsetHandle(flagList, data, 'targetFilters', attrTargetCount);
|
|
46
|
+
if (attrGlobalCount && data.globalFilters === undefined) return true;
|
|
47
|
+
data.globalFilters && conditionsHandle('globalFilters', data.globalFilters, attrGlobalCount, 0, flagList);
|
|
48
|
+
return flagList.indexOf(true) !== -1;
|
|
51
49
|
}
|
|
52
|
-
var subsetHandle = function subsetHandle(data, type, count, mincePropCount) {
|
|
53
|
-
var flag = false;
|
|
50
|
+
var subsetHandle = function subsetHandle(flagList, data, type, count, mincePropCount) {
|
|
54
51
|
data[type].map(function (item) {
|
|
55
|
-
item === undefined ?
|
|
52
|
+
item === undefined ? flagList.push(true) : null;
|
|
56
53
|
if (item !== undefined) {
|
|
57
|
-
|
|
58
|
-
(item === null || item === void 0 ? void 0 : item.eventId) === -100 ? flag = true : null;
|
|
54
|
+
(item === null || item === void 0 ? void 0 : item.eventId) === -100 ? flagList.push(true) : null;
|
|
59
55
|
if (type === 'targetFilters') {
|
|
60
|
-
item.filters === undefined && count != 0 ?
|
|
56
|
+
item.filters === undefined && count != 0 ? flagList.push(true) : null;
|
|
61
57
|
} else {
|
|
62
|
-
item.filters === undefined && Object.keys(count).length > 0 && count[item.eventId] !== undefined ?
|
|
58
|
+
item.filters === undefined && Object.keys(count).length > 0 && count[item.eventId] !== undefined ? flagList.push(true) : null;
|
|
63
59
|
if (mincePropCount != undefined) {
|
|
64
|
-
item.attributionSubdivision === undefined && Object.keys(mincePropCount).length > 0 && mincePropCount[item.eventId] !== undefined ?
|
|
60
|
+
item.attributionSubdivision === undefined && Object.keys(mincePropCount).length > 0 && mincePropCount[item.eventId] !== undefined ? flagList.push(true) : null;
|
|
65
61
|
}
|
|
66
62
|
}
|
|
67
|
-
|
|
68
|
-
flag = conditionsHandle(type, item.filters, count, item.eventId);
|
|
69
|
-
}
|
|
63
|
+
(item === null || item === void 0 ? void 0 : item.filters) && conditionsHandle(type, item.filters, count, item.eventId, flagList);
|
|
70
64
|
}
|
|
71
65
|
});
|
|
72
|
-
return flag;
|
|
73
66
|
};
|
|
74
|
-
var conditionsHandle = function conditionsHandle(type, data, count, eventId) {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
67
|
+
var conditionsHandle = function conditionsHandle(type, data, count, eventId, flagList) {
|
|
68
|
+
if (data.conditions.length > 0) {
|
|
69
|
+
data.conditions.map(function (_item) {
|
|
70
|
+
if (_item.operator !== 'is null' && _item.operator !== 'is not null') {
|
|
71
|
+
var _item$values;
|
|
72
|
+
_item.values && (((_item$values = _item.values) === null || _item$values === void 0 ? void 0 : _item$values.length) <= 0 || _item.values[0] === '') ? flagList.push(true) : null;
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
}
|
|
82
76
|
if (type === 'targetFilters' || type === 'globalFilters') {
|
|
83
|
-
data.conditions.length != count ?
|
|
77
|
+
data.conditions.length != count ? flagList.push(true) : null;
|
|
84
78
|
} else {
|
|
85
|
-
data.conditions.length != count[eventId] ?
|
|
79
|
+
count[eventId] && data.conditions.length != count[eventId] ? flagList.push(true) : null;
|
|
86
80
|
}
|
|
87
|
-
return flag;
|
|
88
81
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-attribution",
|
|
3
|
-
"version": "1.0.2-alpha.
|
|
3
|
+
"version": "1.0.2-alpha.11",
|
|
4
4
|
"module": "es/index.js",
|
|
5
5
|
"typings": "es/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@types/lodash": "^4.14.191",
|
|
38
38
|
"@umijs/fabric": "^2.8.1",
|
|
39
39
|
"@umijs/test": "^3.0.5",
|
|
40
|
-
"@zgfe/business-lib": "1.1.41-attribution.
|
|
40
|
+
"@zgfe/business-lib": "1.1.41-attribution.19",
|
|
41
41
|
"antd": "^4.22.6",
|
|
42
42
|
"dumi": "^1.1.0",
|
|
43
43
|
"echarts": "^5.3.2",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"react": "^16.12.0 || ^17.0.0",
|
|
51
51
|
"yorkie": "^2.0.0"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "20530e83e95c6451266025a6f704e51d16ab041c"
|
|
54
54
|
}
|