@zgfe/modules-attribution 1.0.1-alpha.24 → 1.0.1-alpha.26
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/searchTime/index.js +10 -2
- package/es/components/tableList/index.js +5 -2
- package/es/components/tableList/styles/index.less +9 -1
- package/es/images/empty.png +0 -0
- package/es/modules/content/index.js +10 -1
- package/es/modules/home/demo/create.js +1 -1
- package/es/modules/home/demo/index.js +1 -1
- package/es/modules/searchPanel/components/attributableEvents.js +3 -2
- package/es/modules/searchPanel/components/targetEvent.js +1 -0
- package/es/modules/searchPanel/index.js +29 -11
- package/es/modules/searchPanel/types.d.ts +1 -0
- package/package.json +3 -3
|
@@ -5,10 +5,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
5
5
|
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; }
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import { BizDatePicker } from '@zgfe/business-lib';
|
|
8
|
-
import React, { useContext, useState } from 'react';
|
|
8
|
+
import React, { useContext, useState, useEffect } from 'react';
|
|
9
9
|
import { getInitDate } from '../../constants';
|
|
10
10
|
import { AttributableContext } from '../../types';
|
|
11
11
|
import './styles/index.less';
|
|
12
|
+
import _ from 'lodash';
|
|
12
13
|
var classPrefix = 'search-panel';
|
|
13
14
|
var SearchTime = function SearchTime(props) {
|
|
14
15
|
var _useContext = useContext(AttributableContext),
|
|
@@ -21,7 +22,14 @@ var SearchTime = function SearchTime(props) {
|
|
|
21
22
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
22
23
|
timer = _useState4[0],
|
|
23
24
|
setTimer = _useState4[1];
|
|
25
|
+
useEffect(function () {
|
|
26
|
+
if (props.time === undefined) {
|
|
27
|
+
var _time = props.time || getInitDate(includeToday);
|
|
28
|
+
setTime(_.cloneDeep(_time));
|
|
29
|
+
}
|
|
30
|
+
}, [props.time]);
|
|
24
31
|
var onChangeTime = function onChangeTime(val) {
|
|
32
|
+
setTime(val);
|
|
25
33
|
if (timer) clearTimeout(timer);
|
|
26
34
|
setTimer(setTimeout(function () {
|
|
27
35
|
setTime(val);
|
|
@@ -33,7 +41,7 @@ var SearchTime = function SearchTime(props) {
|
|
|
33
41
|
return /*#__PURE__*/React.createElement("div", {
|
|
34
42
|
className: classPrefix
|
|
35
43
|
}, /*#__PURE__*/React.createElement(BizDatePicker, {
|
|
36
|
-
|
|
44
|
+
value: time,
|
|
37
45
|
onChange: onChangeTime
|
|
38
46
|
}));
|
|
39
47
|
};
|
|
@@ -2,6 +2,7 @@ import React, { useContext } from 'react';
|
|
|
2
2
|
import { Table } from 'antd';
|
|
3
3
|
import './styles/index.less';
|
|
4
4
|
import { AttributableContext } from '../../types';
|
|
5
|
+
import empty from '../../images/empty.png';
|
|
5
6
|
var TableList = function TableList(props) {
|
|
6
7
|
var classPrefix = 'table-list';
|
|
7
8
|
var tableDataList = props.tableDataList,
|
|
@@ -10,9 +11,11 @@ var TableList = function TableList(props) {
|
|
|
10
11
|
searching = _useContext.searching;
|
|
11
12
|
return /*#__PURE__*/React.createElement("div", {
|
|
12
13
|
className: classPrefix
|
|
13
|
-
}, !tableDataList.dataSource && !searching && /*#__PURE__*/React.createElement("
|
|
14
|
+
}, !tableDataList.dataSource && !searching && /*#__PURE__*/React.createElement("div", {
|
|
14
15
|
className: "".concat(classPrefix, "-empty-tips")
|
|
15
|
-
},
|
|
16
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
17
|
+
src: empty
|
|
18
|
+
}), /*#__PURE__*/React.createElement("p", null, "\u8BF7\u9009\u62E9\u6761\u4EF6\u8FDB\u884C\u67E5\u8BE2")), (tableDataList.dataSource || searching) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Table, {
|
|
16
19
|
dataSource: tableDataList.dataSource,
|
|
17
20
|
columns: tableDataList.columns,
|
|
18
21
|
rowKey: "key",
|
|
Binary file
|
|
@@ -67,6 +67,7 @@ var AttributionContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
67
67
|
if (!isFetchRequest) {
|
|
68
68
|
return;
|
|
69
69
|
}
|
|
70
|
+
setIsFetchRequest(false);
|
|
70
71
|
setLoading(true);
|
|
71
72
|
if (typeof cancel === 'function') {
|
|
72
73
|
cancel();
|
|
@@ -117,6 +118,13 @@ var AttributionContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
117
118
|
SearchPanelRef.current.onGetSearchData();
|
|
118
119
|
}
|
|
119
120
|
};
|
|
121
|
+
var resetTime = function resetTime() {
|
|
122
|
+
setSearchData(function (value) {
|
|
123
|
+
return _objectSpread(_objectSpread({}, value), {}, {
|
|
124
|
+
time: undefined
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
};
|
|
120
128
|
return /*#__PURE__*/React.createElement("div", {
|
|
121
129
|
className: classPrefix
|
|
122
130
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -124,7 +132,8 @@ var AttributionContent = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
124
132
|
}, /*#__PURE__*/React.createElement(SearchPanel, {
|
|
125
133
|
ref: SearchPanelRef,
|
|
126
134
|
defaultValue: searchData,
|
|
127
|
-
onChange: onChangeSearch
|
|
135
|
+
onChange: onChangeSearch,
|
|
136
|
+
resetTime: resetTime
|
|
128
137
|
})), /*#__PURE__*/React.createElement("div", {
|
|
129
138
|
className: "".concat(classPrefix, "-bottom-content-box")
|
|
130
139
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -15,7 +15,7 @@ export default (function () {
|
|
|
15
15
|
};
|
|
16
16
|
return /*#__PURE__*/React.createElement(DemoWrapper, {
|
|
17
17
|
needMeta: true,
|
|
18
|
-
defaultApp:
|
|
18
|
+
defaultApp: 328
|
|
19
19
|
}, /*#__PURE__*/React.createElement(AttributionHome, {
|
|
20
20
|
defaultValue: defaultValue,
|
|
21
21
|
afterEditTarget: afterEditTarget
|
|
@@ -130,8 +130,8 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
130
130
|
message.error('请先选择待归因事件');
|
|
131
131
|
return;
|
|
132
132
|
}
|
|
133
|
-
if (count >=
|
|
134
|
-
message.error('最多可添加
|
|
133
|
+
if (count >= 5) {
|
|
134
|
+
message.error('最多可添加5条属性筛选');
|
|
135
135
|
return;
|
|
136
136
|
}
|
|
137
137
|
setIsAdd(true);
|
|
@@ -241,6 +241,7 @@ var AttributableEvents = function AttributableEvents(props) {
|
|
|
241
241
|
})))), /*#__PURE__*/React.createElement("div", null, (filters || isAdd) && /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
|
|
242
242
|
ref: conditionRef,
|
|
243
243
|
value: filters,
|
|
244
|
+
onlyAnd: true,
|
|
244
245
|
enableEventProp: true,
|
|
245
246
|
enableDelete: true,
|
|
246
247
|
eventIdList: [eventId],
|
|
@@ -146,6 +146,7 @@ var TargetEvent = function TargetEvent(props) {
|
|
|
146
146
|
}))), /*#__PURE__*/React.createElement("div", null, (filters || isAdd) && /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
|
|
147
147
|
ref: conditionRef,
|
|
148
148
|
value: filters,
|
|
149
|
+
onlyAnd: true,
|
|
149
150
|
enableEventProp: true,
|
|
150
151
|
enableDelete: true,
|
|
151
152
|
eventIdList: [eventId],
|
|
@@ -10,6 +10,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
10
10
|
import React, { useContext, useEffect, useState, useImperativeHandle } from 'react';
|
|
11
11
|
import { IconFont, BizGlobalDataContext } from '@zgfe/business-lib';
|
|
12
12
|
import { Button, Form, Skeleton, Tooltip, Checkbox, Select, InputNumber } from 'antd';
|
|
13
|
+
import { initTarget } from '../../constants/initData';
|
|
13
14
|
import SearchContent from './components/index';
|
|
14
15
|
import GlobalAttribute from './components/globalAttribute';
|
|
15
16
|
import './styles/index.less';
|
|
@@ -19,7 +20,8 @@ import { searchFields } from '../../constants/fields';
|
|
|
19
20
|
import { AttributableContext } from '../../types';
|
|
20
21
|
export var classPrefix = 'mi-left-form';
|
|
21
22
|
var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
22
|
-
var defaultValue = props.defaultValue
|
|
23
|
+
var defaultValue = props.defaultValue,
|
|
24
|
+
resetTime = props.resetTime;
|
|
23
25
|
var _useContext = useContext(AttributableContext),
|
|
24
26
|
buttonDisable = _useContext.buttonDisable,
|
|
25
27
|
setButtonDisable = _useContext.setButtonDisable;
|
|
@@ -91,9 +93,20 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
91
93
|
setEventIdList(_eList);
|
|
92
94
|
setSelectList(eList);
|
|
93
95
|
};
|
|
96
|
+
var _useState21 = useState(false),
|
|
97
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
98
|
+
reset = _useState22[0],
|
|
99
|
+
setReset = _useState22[1];
|
|
94
100
|
useEffect(function () {
|
|
95
|
-
if (defaultValue) {
|
|
101
|
+
if (defaultValue && reset !== null) {
|
|
96
102
|
var data = defaultValue;
|
|
103
|
+
if (reset) {
|
|
104
|
+
data = {
|
|
105
|
+
targetFilters: initTarget,
|
|
106
|
+
sourceFilters: initTarget
|
|
107
|
+
};
|
|
108
|
+
setReset(null);
|
|
109
|
+
}
|
|
97
110
|
setFormData(data);
|
|
98
111
|
setSelectEventIdList(defaultValue);
|
|
99
112
|
if (defaultValue.windowType !== undefined) {
|
|
@@ -116,9 +129,8 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
116
129
|
setAttrSourceCount(_sourceCount);
|
|
117
130
|
}
|
|
118
131
|
setLoading(false);
|
|
119
|
-
}, []);
|
|
132
|
+
}, [reset]);
|
|
120
133
|
var onChange = function onChange(_changedValues, allValues) {
|
|
121
|
-
console.log('筛选值发生改变', _changedValues, allValues);
|
|
122
134
|
setFormData(allValues);
|
|
123
135
|
setSelectEventIdList(_.cloneDeep(allValues));
|
|
124
136
|
setButtonDisable(submitButtonDisableHandle(allValues, attrSourceCount, attrTargetCount, mincePropCount));
|
|
@@ -145,13 +157,18 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
145
157
|
};
|
|
146
158
|
var onReset = function onReset() {
|
|
147
159
|
setButtonDisable(true);
|
|
148
|
-
|
|
160
|
+
setReset(true);
|
|
161
|
+
setTimeout(function () {
|
|
162
|
+
form.resetFields();
|
|
163
|
+
resetTime && resetTime();
|
|
164
|
+
}, 20);
|
|
149
165
|
setWindowType(1);
|
|
166
|
+
setOtherEvent(false);
|
|
150
167
|
};
|
|
151
|
-
var
|
|
152
|
-
|
|
153
|
-
windowType =
|
|
154
|
-
setWindowType =
|
|
168
|
+
var _useState23 = useState(1),
|
|
169
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
170
|
+
windowType = _useState24[0],
|
|
171
|
+
setWindowType = _useState24[1];
|
|
155
172
|
return /*#__PURE__*/React.createElement("div", {
|
|
156
173
|
className: classPrefix
|
|
157
174
|
}, /*#__PURE__*/React.createElement(Skeleton, {
|
|
@@ -302,9 +319,10 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
302
319
|
width: 80
|
|
303
320
|
},
|
|
304
321
|
value: windowCnt,
|
|
322
|
+
min: 1,
|
|
323
|
+
max: 365,
|
|
305
324
|
onChange: function onChange(e) {
|
|
306
|
-
|
|
307
|
-
setWindowCnt(e);
|
|
325
|
+
setWindowCnt(Number(e));
|
|
308
326
|
}
|
|
309
327
|
}), /*#__PURE__*/React.createElement(Select, {
|
|
310
328
|
value: windowTypeUnit,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-attribution",
|
|
3
|
-
"version": "1.0.1-alpha.
|
|
3
|
+
"version": "1.0.1-alpha.26",
|
|
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.7",
|
|
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": "2ea8da6f86d57e0a2d303d750a3172f253d0d8c3"
|
|
54
54
|
}
|