@zgfe/business-lib 1.2.8-session.0 → 1.2.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.
- package/es/attrCondition/demo/group.js +9 -28
- package/es/attrCondition/demo/index.js +0 -20
- package/es/attrCondition/group.js +1 -3
- package/es/attrCondition/index.js +1 -2
- package/es/attrCondition/useAttrCondition.js +0 -11
- package/es/attrConditions/components/valuesList.js +3 -3
- package/es/attrConditions/group.js +1 -3
- package/es/attrConditions/index.js +1 -7
- package/es/attrConditions/types.d.ts +3 -4
- package/es/attributeSelector/index.js +3 -13
- package/es/attributeSelector/listPanel.js +23 -69
- package/es/attributeSelector/styles/index.less +0 -1
- package/es/attributeSelector/types.d.ts +4 -17
- package/es/attributeSelector/types.js +0 -1
- package/es/chart/demo/data/data.d.ts +0 -3
- package/es/chart/demo/data/data.js +15 -29
- package/es/chart/demo/data/data3.d.ts +2 -7
- package/es/chart/demo/data/data3.js +5 -17
- package/es/chart/demo/index.js +2 -3
- package/es/chart/styles/index.less +0 -13
- package/es/chart/util/chartOptionConfig.js +3 -21
- package/es/chart/util/formatData.js +4 -8
- package/es/chart/util/formatOption.js +3 -7
- package/es/chart/util/mapUtil.js +1 -2
- package/es/productCondition/types.d.ts +1 -1
- package/es/select/demo/index.js +1 -2
- package/es/select/handle.js +4 -6
- package/es/select/index.js +0 -1
- package/es/select/types.d.ts +0 -2
- package/es/targetConditionGroup/types.d.ts +0 -1
- package/es/userCondition/types.d.ts +1 -1
- package/es/utils/ajax.js +6 -4
- package/package.json +2 -2
- package/es/attributeSelector/demo/extra.d.ts +0 -4
- package/es/attributeSelector/demo/extra.js +0 -89
|
@@ -1,25 +1,6 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
2
|
import { BizAttrConditionGroup, DemoWrapper } from '@zgfe/business-lib';
|
|
3
3
|
import { Button } from 'antd';
|
|
4
|
-
var extraList = [{
|
|
5
|
-
type: 'sessionProp',
|
|
6
|
-
name: 'Session属性',
|
|
7
|
-
attrList: [{
|
|
8
|
-
id: 'sa_duration',
|
|
9
|
-
label: 'Session时长',
|
|
10
|
-
propCategory: 'extraProp',
|
|
11
|
-
key: 'extraProp-sa_duration',
|
|
12
|
-
type: 2,
|
|
13
|
-
subtype: 2
|
|
14
|
-
}, {
|
|
15
|
-
id: 'se_duration',
|
|
16
|
-
label: '事件使用时长',
|
|
17
|
-
propCategory: 'extraProp',
|
|
18
|
-
key: 'extraProp-se_duration',
|
|
19
|
-
type: 2,
|
|
20
|
-
subtype: 2
|
|
21
|
-
}]
|
|
22
|
-
}];
|
|
23
4
|
export default (function () {
|
|
24
5
|
var groupRef = useRef(null);
|
|
25
6
|
var filter = {
|
|
@@ -34,14 +15,15 @@ export default (function () {
|
|
|
34
15
|
operator: 'equal',
|
|
35
16
|
attrName: 'is_anonymous'
|
|
36
17
|
}, {
|
|
37
|
-
attrId:
|
|
38
|
-
propCategory: '
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
18
|
+
attrId: 0,
|
|
19
|
+
propCategory: 'userProp',
|
|
20
|
+
values: ['30', '1'],
|
|
21
|
+
dimensionSub: 'last_visit_time',
|
|
22
|
+
label: '最后一次访问时间',
|
|
23
|
+
type: 3,
|
|
24
|
+
category: 'fixed',
|
|
25
|
+
operator: 'relative',
|
|
26
|
+
attrName: 'last_visit_time'
|
|
45
27
|
}],
|
|
46
28
|
relation: 'and'
|
|
47
29
|
};
|
|
@@ -56,7 +38,6 @@ export default (function () {
|
|
|
56
38
|
}, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
|
|
57
39
|
value: filter,
|
|
58
40
|
ref: groupRef,
|
|
59
|
-
extra: extraList,
|
|
60
41
|
enableDelete: true
|
|
61
42
|
}), /*#__PURE__*/React.createElement("div", {
|
|
62
43
|
style: {
|
|
@@ -1,24 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BizAttrCondition, DemoWrapper } from '@zgfe/business-lib';
|
|
3
|
-
var extraList = [{
|
|
4
|
-
type: 'sessionProp',
|
|
5
|
-
name: 'Session属性',
|
|
6
|
-
attrList: [{
|
|
7
|
-
id: 'sa_duration',
|
|
8
|
-
label: 'Session时长',
|
|
9
|
-
propCategory: 'extraProp',
|
|
10
|
-
key: 'extraProp-sa_duration',
|
|
11
|
-
type: 2,
|
|
12
|
-
subtype: 2
|
|
13
|
-
}, {
|
|
14
|
-
id: 'se_duration',
|
|
15
|
-
label: '事件使用时长',
|
|
16
|
-
propCategory: 'extraProp',
|
|
17
|
-
key: 'extraProp-se_duration',
|
|
18
|
-
type: 2,
|
|
19
|
-
subtype: 2
|
|
20
|
-
}]
|
|
21
|
-
}];
|
|
22
3
|
export default (function () {
|
|
23
4
|
return /*#__PURE__*/React.createElement(DemoWrapper, {
|
|
24
5
|
needMeta: true
|
|
@@ -28,7 +9,6 @@ export default (function () {
|
|
|
28
9
|
background: '#fff'
|
|
29
10
|
}
|
|
30
11
|
}, /*#__PURE__*/React.createElement(BizAttrCondition, {
|
|
31
|
-
extra: extraList,
|
|
32
12
|
onChange: function onChange(condition) {
|
|
33
13
|
console.log(condition);
|
|
34
14
|
}
|
|
@@ -9,8 +9,7 @@ var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
9
9
|
enableEventProp = props.enableEventProp,
|
|
10
10
|
enableUserProp = props.enableUserProp,
|
|
11
11
|
enableEnvProp = props.enableEnvProp,
|
|
12
|
-
disableItemList = props.disableItemList
|
|
13
|
-
extra = props.extra;
|
|
12
|
+
disableItemList = props.disableItemList;
|
|
14
13
|
var _useConditionGroup = useConditionGroup(props, ref),
|
|
15
14
|
loading = _useConditionGroup.loading,
|
|
16
15
|
conditions = _useConditionGroup.conditions,
|
|
@@ -53,7 +52,6 @@ var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref)
|
|
|
53
52
|
enableUserProp: enableUserProp,
|
|
54
53
|
enableEnvProp: enableEnvProp,
|
|
55
54
|
disableItemList: disableItemList,
|
|
56
|
-
extra: extra,
|
|
57
55
|
onChange: function onChange(data) {
|
|
58
56
|
return _onChange(data, index);
|
|
59
57
|
},
|
|
@@ -65,8 +65,7 @@ var BizAttrCondition = function BizAttrCondition(props) {
|
|
|
65
65
|
theme: theme,
|
|
66
66
|
destroyPopupOnHide: props.destroyPopupOnHide,
|
|
67
67
|
placeholder: "\u8BF7\u9009\u62E9\u5C5E\u6027",
|
|
68
|
-
status: isAttrError ? 'error' : ''
|
|
69
|
-
extra: props.extra
|
|
68
|
+
status: isAttrError ? 'error' : ''
|
|
70
69
|
}), isAttrError ? /*#__PURE__*/React.createElement("div", {
|
|
71
70
|
className: "".concat(classPrefix, "-error")
|
|
72
71
|
}, "\u5C5E\u6027\u4E0D\u53EF\u4E3A\u7A7A") : null), /*#__PURE__*/React.createElement(BizOperateList, {
|
|
@@ -55,17 +55,6 @@ var useAttrCondition = function useAttrCondition(props) {
|
|
|
55
55
|
dimensionSub: data.dimensionSub || data.attrName
|
|
56
56
|
};
|
|
57
57
|
}
|
|
58
|
-
} else if (data.propCategory === PropCategory.ExtraProp) {
|
|
59
|
-
if (data.attrId) {
|
|
60
|
-
attrData = {
|
|
61
|
-
id: data.attrId,
|
|
62
|
-
propCategory: data.propCategory,
|
|
63
|
-
type: data.type,
|
|
64
|
-
key: "".concat(data.propCategory, "-").concat(data.attrId),
|
|
65
|
-
label: data.attrNameStr || data.label,
|
|
66
|
-
subtype: data.subtype
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
58
|
}
|
|
70
59
|
setAttr(attrData);
|
|
71
60
|
}
|
|
@@ -37,7 +37,7 @@ var ValuesList = function ValuesList(props) {
|
|
|
37
37
|
setIsFirst = _useState6[1];
|
|
38
38
|
useEffect(function () {
|
|
39
39
|
if (defaultValue) {
|
|
40
|
-
if ((
|
|
40
|
+
if ((attr === null || attr === void 0 ? void 0 : attr.propCategory) === 'userProp' && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
|
|
41
41
|
var num = String(parseFloat(defaultValue[0]) / getUnitCount(defaultValue[1]));
|
|
42
42
|
setCurrent([num, defaultValue[1]]);
|
|
43
43
|
} else {
|
|
@@ -72,7 +72,7 @@ var ValuesList = function ValuesList(props) {
|
|
|
72
72
|
};
|
|
73
73
|
var onChangeNumber = function onChangeNumber(e) {
|
|
74
74
|
var data = [e.target.value];
|
|
75
|
-
if ((
|
|
75
|
+
if ((attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.UserProp && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
|
|
76
76
|
var num = String(parseFloat(e.target.value) * getUnitCount(unit));
|
|
77
77
|
data = [num, unit];
|
|
78
78
|
setCurrent([e.target.value, unit]);
|
|
@@ -144,7 +144,7 @@ var ValuesList = function ValuesList(props) {
|
|
|
144
144
|
status: status,
|
|
145
145
|
onChange: onChangeNumber,
|
|
146
146
|
suffix: attr.propCategory === 'userProp' && attr.subtype === 1 ? '%' : null
|
|
147
|
-
}),
|
|
147
|
+
}), attr.propCategory === 'userProp' && attr.subtype === 2 && numberAfter);
|
|
148
148
|
} else {
|
|
149
149
|
if (operate === OperateTypes.Absolute) {
|
|
150
150
|
return /*#__PURE__*/React.createElement(RangePicker, {
|
|
@@ -9,8 +9,7 @@ var BizConditionGroup = function BizConditionGroup(props, ref) {
|
|
|
9
9
|
enableEventProp = props.enableEventProp,
|
|
10
10
|
enableUserProp = props.enableUserProp,
|
|
11
11
|
enableEnvProp = props.enableEnvProp,
|
|
12
|
-
disableItemList = props.disableItemList
|
|
13
|
-
extra = props.extra;
|
|
12
|
+
disableItemList = props.disableItemList;
|
|
14
13
|
var _useConditionGroup = useConditionGroup(props, ref),
|
|
15
14
|
loading = _useConditionGroup.loading,
|
|
16
15
|
conditions = _useConditionGroup.conditions,
|
|
@@ -48,7 +47,6 @@ var BizConditionGroup = function BizConditionGroup(props, ref) {
|
|
|
48
47
|
enableUserProp: enableUserProp,
|
|
49
48
|
enableEnvProp: enableEnvProp,
|
|
50
49
|
disableItemList: disableItemList,
|
|
51
|
-
extra: extra,
|
|
52
50
|
onChange: function onChange(data) {
|
|
53
51
|
return _onChange(data, index);
|
|
54
52
|
},
|
|
@@ -20,11 +20,6 @@ export function getCondition(attr, operate, values) {
|
|
|
20
20
|
};
|
|
21
21
|
if (attr.propCategory === PropCategory.EventProp) {
|
|
22
22
|
responseData.attrName = attr.label;
|
|
23
|
-
} else if (attr.propCategory === PropCategory.ExtraProp) {
|
|
24
|
-
responseData.attrName = attr.label;
|
|
25
|
-
if (attr.propCategory === PropCategory.ExtraProp && attr.subtype) {
|
|
26
|
-
responseData.subtype = attr.subtype;
|
|
27
|
-
}
|
|
28
23
|
} else {
|
|
29
24
|
responseData.attrName = attr.name;
|
|
30
25
|
responseData.category = attr.category;
|
|
@@ -73,8 +68,7 @@ var BizConditionItem = function BizConditionItem(props) {
|
|
|
73
68
|
return _onDelete(e);
|
|
74
69
|
},
|
|
75
70
|
theme: theme,
|
|
76
|
-
destroyPopupOnHide: props.destroyPopupOnHide
|
|
77
|
-
extra: props.extra
|
|
71
|
+
destroyPopupOnHide: props.destroyPopupOnHide
|
|
78
72
|
}), /*#__PURE__*/React.createElement("div", {
|
|
79
73
|
className: "".concat(classPrefix, "-panel")
|
|
80
74
|
}, /*#__PURE__*/React.createElement(BizOperateList, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { EnvProp, EventProp, PropType, UserProp } from '../attributeSelector/types';
|
|
2
2
|
import { BizSelectTypes } from '../select/types';
|
|
3
3
|
interface BasicAttrTypes {
|
|
4
4
|
eventIdList?: number[];
|
|
@@ -8,17 +8,16 @@ interface BasicAttrTypes {
|
|
|
8
8
|
enableEnvProp?: boolean;
|
|
9
9
|
disableItemList?: (EventProp | UserProp | EnvProp)[];
|
|
10
10
|
theme?: BizSelectTypes.Props['theme'];
|
|
11
|
-
extra?: AttributeSelect.AttributeExtra[];
|
|
12
11
|
}
|
|
13
12
|
export declare namespace AttrConditionTypes {
|
|
14
13
|
interface ItemValue {
|
|
15
14
|
subtype?: number;
|
|
16
|
-
attrId?: number
|
|
15
|
+
attrId?: number;
|
|
17
16
|
attrName?: string;
|
|
18
17
|
label?: string;
|
|
19
18
|
attrNameStr?: string;
|
|
20
19
|
type?: PropType;
|
|
21
|
-
propCategory?: 'userProp' | 'eventProp' | 'envProp'
|
|
20
|
+
propCategory?: 'userProp' | 'eventProp' | 'envProp';
|
|
22
21
|
category?: 'fixed' | 'custom';
|
|
23
22
|
dimensionSub?: string;
|
|
24
23
|
operator?: OperateTypes;
|
|
@@ -22,7 +22,6 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
|
|
|
22
22
|
var enableDelete = props.enableDelete,
|
|
23
23
|
placeholder = props.placeholder,
|
|
24
24
|
theme = props.theme,
|
|
25
|
-
extra = props.extra,
|
|
26
25
|
isNumber = props.isNumber;
|
|
27
26
|
var _useState = useState(),
|
|
28
27
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -52,7 +51,7 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
|
|
|
52
51
|
}, []);
|
|
53
52
|
useEffect(function () {
|
|
54
53
|
setCurrentAttr(getValue(props.value));
|
|
55
|
-
}, [props.value
|
|
54
|
+
}, [props.value]);
|
|
56
55
|
function getValue(param) {
|
|
57
56
|
var res = undefined;
|
|
58
57
|
var hasKey = param && param.key;
|
|
@@ -85,16 +84,6 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
|
|
|
85
84
|
if (attr.name === param.name && attr.category === param.category) res = attr;
|
|
86
85
|
}
|
|
87
86
|
});
|
|
88
|
-
} else if ((param === null || param === void 0 ? void 0 : param.propCategory) === 'extraProp') {
|
|
89
|
-
extra === null || extra === void 0 ? void 0 : extra.forEach(function (item) {
|
|
90
|
-
item.attrList.forEach(function (attr) {
|
|
91
|
-
if (hasKey) {
|
|
92
|
-
if (attr.key === param.key) res = _.cloneDeep(attr);
|
|
93
|
-
} else {
|
|
94
|
-
if (attr.id === param.id) res = _.cloneDeep(attr);
|
|
95
|
-
}
|
|
96
|
-
});
|
|
97
|
-
});
|
|
98
87
|
}
|
|
99
88
|
return res;
|
|
100
89
|
}
|
|
@@ -125,7 +114,8 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
|
|
|
125
114
|
},
|
|
126
115
|
trigger: ['click'],
|
|
127
116
|
overlayStyle: {
|
|
128
|
-
minWidth:
|
|
117
|
+
minWidth: 284,
|
|
118
|
+
width: width
|
|
129
119
|
},
|
|
130
120
|
open: visible,
|
|
131
121
|
onOpenChange: onVisibleChange,
|
|
@@ -23,7 +23,6 @@ var AttrListPanel = function AttrListPanel(props) {
|
|
|
23
23
|
enableUserProp = props.enableUserProp,
|
|
24
24
|
eventIdList = props.eventIdList,
|
|
25
25
|
funnelEventIdList = props.funnelEventIdList,
|
|
26
|
-
extra = props.extra,
|
|
27
26
|
isNumber = props.isNumber;
|
|
28
27
|
var _useState = useState(''),
|
|
29
28
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -59,71 +58,18 @@ var AttrListPanel = function AttrListPanel(props) {
|
|
|
59
58
|
item.key = "eventProp-".concat(item.id);
|
|
60
59
|
} else if (item.propCategory === 'userProp') {
|
|
61
60
|
item.key = "userProp-".concat(item.name);
|
|
62
|
-
} else if (item.propCategory === 'extraProp') {
|
|
63
|
-
item.key = "extraProp-".concat(item.id);
|
|
64
61
|
}
|
|
65
62
|
return item;
|
|
66
63
|
});
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
var _useState9 = useState([]),
|
|
74
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
75
|
-
anchorList = _useState10[0],
|
|
76
|
-
setAnchorList = _useState10[1];
|
|
77
|
-
useEffect(function () {
|
|
78
|
-
var data = {
|
|
79
|
-
container: "container-".concat(id),
|
|
80
|
-
event: "event".concat(id),
|
|
81
|
-
user: "user".concat(id),
|
|
82
|
-
env: "env".concat(id)
|
|
83
|
-
};
|
|
84
|
-
var list = [];
|
|
85
|
-
extra === null || extra === void 0 ? void 0 : extra.forEach(function (item) {
|
|
86
|
-
data[item.type] = "".concat(item.type).concat(id);
|
|
87
|
-
list.push({
|
|
88
|
-
id: "".concat(item.type).concat(id),
|
|
89
|
-
name: item.name
|
|
90
|
-
});
|
|
91
|
-
});
|
|
92
|
-
stAnchor(data);
|
|
93
|
-
if (enableEventProp) {
|
|
94
|
-
list.push({
|
|
95
|
-
id: data.event,
|
|
96
|
-
name: '事件属性'
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
if (enableUserProp) {
|
|
100
|
-
list.push({
|
|
101
|
-
id: data.user,
|
|
102
|
-
name: '用户属性'
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
if (enableEnvProp) {
|
|
106
|
-
list.push({
|
|
107
|
-
id: data.env,
|
|
108
|
-
name: '触发环境'
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
setAnchorList(list);
|
|
112
|
-
}, [id]);
|
|
64
|
+
var anchor = {
|
|
65
|
+
container: "container-".concat(id),
|
|
66
|
+
event: "event".concat(id),
|
|
67
|
+
user: "user".concat(id),
|
|
68
|
+
env: "env".concat(id)
|
|
69
|
+
};
|
|
113
70
|
var classPrefix = 'biz-attr-select';
|
|
114
71
|
useEffect(function () {
|
|
115
72
|
var list = [];
|
|
116
|
-
if (extra) {
|
|
117
|
-
extra.forEach(function (item) {
|
|
118
|
-
list.push({
|
|
119
|
-
isEvent: false,
|
|
120
|
-
groupName: item.name,
|
|
121
|
-
key: item.type,
|
|
122
|
-
anchor: anchor[item.type],
|
|
123
|
-
children: item.attrList
|
|
124
|
-
});
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
73
|
if (enableEventProp) {
|
|
128
74
|
if (props.showCommonProp) {
|
|
129
75
|
var group = {
|
|
@@ -202,7 +148,7 @@ var AttrListPanel = function AttrListPanel(props) {
|
|
|
202
148
|
});
|
|
203
149
|
}
|
|
204
150
|
setOptionList(list);
|
|
205
|
-
}, [
|
|
151
|
+
}, [eventIdMap, userPropList, eventEnvList, eventIdList, props.showCommonProp]);
|
|
206
152
|
useEffect(function () {
|
|
207
153
|
setCurrentAttr(props.value);
|
|
208
154
|
}, [props.value]);
|
|
@@ -267,14 +213,22 @@ var AttrListPanel = function AttrListPanel(props) {
|
|
|
267
213
|
getContainer: function getContainer() {
|
|
268
214
|
return document.getElementById(anchor.container);
|
|
269
215
|
}
|
|
270
|
-
},
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
216
|
+
}, enableEventProp && /*#__PURE__*/React.createElement(Link, {
|
|
217
|
+
href: "#".concat(anchor.event),
|
|
218
|
+
title: /*#__PURE__*/React.createElement(Button, {
|
|
219
|
+
size: "small"
|
|
220
|
+
}, "\u4E8B\u4EF6\u5C5E\u6027")
|
|
221
|
+
}), enableUserProp && /*#__PURE__*/React.createElement(Link, {
|
|
222
|
+
href: "#".concat(anchor.user),
|
|
223
|
+
title: /*#__PURE__*/React.createElement(Button, {
|
|
224
|
+
size: "small"
|
|
225
|
+
}, "\u7528\u6237\u5C5E\u6027")
|
|
226
|
+
}), enableEnvProp && /*#__PURE__*/React.createElement(Link, {
|
|
227
|
+
"data-type": 'event',
|
|
228
|
+
href: "#".concat(anchor.env),
|
|
229
|
+
title: /*#__PURE__*/React.createElement(Button, {
|
|
230
|
+
size: "small"
|
|
231
|
+
}, "\u89E6\u53D1\u73AF\u5883")
|
|
278
232
|
}))) : null, /*#__PURE__*/React.createElement("div", {
|
|
279
233
|
id: anchor.container,
|
|
280
234
|
className: "".concat(classPrefix, "-container")
|
|
@@ -8,8 +8,7 @@ export declare enum PropType {
|
|
|
8
8
|
export declare enum PropCategory {
|
|
9
9
|
EventProp = "eventProp",
|
|
10
10
|
UserProp = "userProp",
|
|
11
|
-
EnvProp = "envProp"
|
|
12
|
-
ExtraProp = "extraProp"
|
|
11
|
+
EnvProp = "envProp"
|
|
13
12
|
}
|
|
14
13
|
export declare enum ShowStatus {
|
|
15
14
|
show = 0,
|
|
@@ -38,7 +37,7 @@ export interface EventGroup {
|
|
|
38
37
|
eventList: AnalysisEvent[];
|
|
39
38
|
}
|
|
40
39
|
export interface BasicProp {
|
|
41
|
-
id?: number
|
|
40
|
+
id?: number;
|
|
42
41
|
label?: string;
|
|
43
42
|
alias?: string;
|
|
44
43
|
type?: PropType;
|
|
@@ -72,12 +71,12 @@ export interface PropGroups {
|
|
|
72
71
|
eventIdMap?: Record<number, AnalysisEvent>;
|
|
73
72
|
}
|
|
74
73
|
export declare namespace AttributeSelect {
|
|
75
|
-
type Value = EventProp | UserProp | EnvProp |
|
|
74
|
+
type Value = EventProp | UserProp | EnvProp | null;
|
|
76
75
|
interface Props {
|
|
77
76
|
id?: string;
|
|
78
77
|
value?: Value;
|
|
79
78
|
defaultValue?: Value;
|
|
80
|
-
disableItemList?: (EventProp | UserProp | EnvProp
|
|
79
|
+
disableItemList?: (EventProp | UserProp | EnvProp)[];
|
|
81
80
|
enableDelete?: boolean;
|
|
82
81
|
placeholder?: string;
|
|
83
82
|
enableEventProp?: boolean;
|
|
@@ -94,20 +93,8 @@ export declare namespace AttributeSelect {
|
|
|
94
93
|
destroyPopupOnHide?: boolean;
|
|
95
94
|
size?: SizeType;
|
|
96
95
|
status?: string;
|
|
97
|
-
extra?: AttributeExtra[];
|
|
98
96
|
isNumber?: Boolean;
|
|
99
97
|
}
|
|
100
|
-
interface AttributeExtra {
|
|
101
|
-
type: string;
|
|
102
|
-
name: string;
|
|
103
|
-
attrList: ExtraProp[];
|
|
104
|
-
}
|
|
105
|
-
interface ExtraProp extends BasicProp {
|
|
106
|
-
propCategory: 'extraProp';
|
|
107
|
-
key?: number | string;
|
|
108
|
-
name?: string;
|
|
109
|
-
subtype?: number;
|
|
110
|
-
}
|
|
111
98
|
interface Option {
|
|
112
99
|
groupName: string;
|
|
113
100
|
isEvent: boolean;
|
|
@@ -9,7 +9,6 @@ export var PropCategory;
|
|
|
9
9
|
PropCategory["EventProp"] = "eventProp";
|
|
10
10
|
PropCategory["UserProp"] = "userProp";
|
|
11
11
|
PropCategory["EnvProp"] = "envProp";
|
|
12
|
-
PropCategory["ExtraProp"] = "extraProp";
|
|
13
12
|
})(PropCategory || (PropCategory = {}));
|
|
14
13
|
export var ShowStatus;
|
|
15
14
|
(function (ShowStatus) {
|
|
@@ -3,7 +3,6 @@ declare const _default: {
|
|
|
3
3
|
series: {
|
|
4
4
|
names: string[];
|
|
5
5
|
values: number[];
|
|
6
|
-
orderNum: number;
|
|
7
6
|
}[];
|
|
8
7
|
};
|
|
9
8
|
export default _default;
|
|
@@ -12,7 +11,5 @@ export declare const barData: {
|
|
|
12
11
|
series: {
|
|
13
12
|
names: string[];
|
|
14
13
|
values: number[];
|
|
15
|
-
orderNum: number;
|
|
16
14
|
}[];
|
|
17
15
|
};
|
|
18
|
-
export declare const showCharts: string[];
|
|
@@ -2,60 +2,46 @@ export default {
|
|
|
2
2
|
xAxis: ['2022-03-31', '2022-04-01', '2022-04-02', '2022-04-03', '2022-04-04', '2022-04-05', '2022-04-06', '2022-04-07', '2022-04-08', '2022-04-09', '2022-04-10', '2022-04-11', '2023-09-17', '2023-09-18'],
|
|
3
3
|
series: [{
|
|
4
4
|
names: ['付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功'],
|
|
5
|
-
values: [26, 27, 43, 44, 40, 34, 33, 33, 34, 24, 30, 31, 31, 38]
|
|
6
|
-
orderNum: 1
|
|
5
|
+
values: [26, 27, 43, 44, 40, 34, 33, 33, 34, 24, 30, 31, 31, 38]
|
|
7
6
|
}, {
|
|
8
7
|
names: ['注册-发送手机验证码'],
|
|
9
|
-
values: [11, 10, 7, 5, 13, 18, 14, 17, 11, 6, 10, 12, 15, 10]
|
|
10
|
-
orderNum: 1
|
|
8
|
+
values: [11, 10, 7, 5, 13, 18, 14, 17, 11, 6, 10, 12, 15, 10]
|
|
11
9
|
}, {
|
|
12
10
|
names: ['搜索商品'],
|
|
13
|
-
values: [75, 68, 86, 80, 87, 71, 72, 81, 77, 74, 78, 76, 76, 79]
|
|
14
|
-
orderNum: 2
|
|
11
|
+
values: [75, 68, 86, 80, 87, 71, 72, 81, 77, 74, 78, 76, 76, 79]
|
|
15
12
|
}, {
|
|
16
13
|
names: ['pv'],
|
|
17
|
-
values: [104, 89, 109, 103, 112, 93, 87, 101, 101, 97, 102, 110, 106, 98]
|
|
18
|
-
orderNum: 3
|
|
14
|
+
values: [104, 89, 109, 103, 112, 93, 87, 101, 101, 97, 102, 110, 106, 98]
|
|
19
15
|
}, {
|
|
20
16
|
names: ['申请退货2'],
|
|
21
|
-
values: [5, 11, 14, 9, 8, 14, 9, 10, 12, 12, 14, 16, 12, 10]
|
|
22
|
-
orderNum: 4
|
|
17
|
+
values: [5, 11, 14, 9, 8, 14, 9, 10, 12, 12, 14, 16, 12, 10]
|
|
23
18
|
}, {
|
|
24
|
-
names: ['搜索商品'],
|
|
25
|
-
values: [75, 68, 86, 80, 87, 71, 72, 81, 77, 74, 78, 76, 76, 79]
|
|
26
|
-
orderNum: 5
|
|
19
|
+
names: ['搜索商品2'],
|
|
20
|
+
values: [75, 68, 86, 80, 87, 71, 72, 81, 77, 74, 78, 76, 76, 79]
|
|
27
21
|
}, {
|
|
28
22
|
names: ['付款成功11付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功付款成功'],
|
|
29
|
-
values: [26, 27, 43, 44, 40, 34, 33, 33, 34, 24, 30, 31, 31, 38]
|
|
30
|
-
orderNum: 1
|
|
23
|
+
values: [26, 27, 43, 44, 40, 34, 33, 33, 34, 24, 30, 31, 31, 38]
|
|
31
24
|
}, {
|
|
32
25
|
names: ['查看商品详情'],
|
|
33
|
-
values: [122, 107, 132, 113, 133, 115, 106, 127, 132, 117, 119, 123, 119, 117]
|
|
34
|
-
orderNum: 2
|
|
26
|
+
values: [122, 107, 132, 113, 133, 115, 106, 127, 132, 117, 119, 123, 119, 117]
|
|
35
27
|
}, {
|
|
36
28
|
names: ['scroll'],
|
|
37
|
-
values: [98, 96, 106, 109, 113, 105, 91, 111, 99, 99, 104, 108, 116, 92]
|
|
38
|
-
orderNum: 3
|
|
29
|
+
values: [98, 96, 106, 109, 113, 105, 91, 111, 99, 99, 104, 108, 116, 92]
|
|
39
30
|
}, {
|
|
40
31
|
names: ['click'],
|
|
41
|
-
values: [108, 102, 111, 90, 111, 105, 91, 129, 117, 101, 109, 109, 105, 96]
|
|
42
|
-
orderNum: 4
|
|
32
|
+
values: [108, 102, 111, 90, 111, 105, 91, 129, 117, 101, 109, 109, 105, 96]
|
|
43
33
|
}, {
|
|
44
34
|
names: ['申请退货'],
|
|
45
|
-
values: [5, 11, 14, 9, 8, 14, 9, 10, 12, 12, 14, 16, 12, 10]
|
|
46
|
-
orderNum: 5
|
|
35
|
+
values: [5, 11, 14, 9, 8, 14, 9, 10, 12, 12, 14, 16, 12, 10]
|
|
47
36
|
}]
|
|
48
37
|
};
|
|
49
38
|
export var barData = {
|
|
50
39
|
xAxis: ['2022-08-23|2022-08-30'],
|
|
51
40
|
series: [{
|
|
52
41
|
names: ['北京市', '所有用户', '查看商品'],
|
|
53
|
-
values: [1560]
|
|
54
|
-
orderNum: 1
|
|
42
|
+
values: [1560]
|
|
55
43
|
}, {
|
|
56
44
|
names: ['北京市', '最近7天活跃用户', '查看商品'],
|
|
57
|
-
values: [1560]
|
|
58
|
-
orderNum: 2
|
|
45
|
+
values: [1560]
|
|
59
46
|
}]
|
|
60
|
-
};
|
|
61
|
-
export var showCharts = ['注册-发送手机验证码|:|1', '搜索商品|:|2', '查看商品详情|:|2', 'scroll|:|3', '申请退货|:|5', 'click|:|4', '搜索商品|:|5'];
|
|
47
|
+
};
|
|
@@ -2,34 +2,22 @@ export default {
|
|
|
2
2
|
xAxis: ['2022-08-25|2022-09-01'],
|
|
3
3
|
series: [{
|
|
4
4
|
names: ['北京市', '所有用户', '加购商品'],
|
|
5
|
-
values: [1370],
|
|
6
|
-
orderNum: 1
|
|
7
|
-
}, {
|
|
8
|
-
names: ['武汉市', '所有用户', '加购商品'],
|
|
9
5
|
values: [1370]
|
|
10
|
-
}, {
|
|
11
|
-
names: ['武汉市', '所有用户', '加购商品'],
|
|
12
|
-
values: [22]
|
|
13
6
|
}, {
|
|
14
7
|
names: ['北京市', '洞察测试用户群二', '加购商品'],
|
|
15
|
-
values: [1370]
|
|
16
|
-
orderNum: 2
|
|
8
|
+
values: [1370]
|
|
17
9
|
}, {
|
|
18
10
|
names: ['北京市', '所有用户', '查看商品'],
|
|
19
|
-
values: [2000]
|
|
20
|
-
orderNum: 3
|
|
11
|
+
values: [2000]
|
|
21
12
|
}, {
|
|
22
13
|
names: ['北京市', '洞察测试用户群二', '查看商品'],
|
|
23
|
-
values: [2000]
|
|
24
|
-
orderNum: 3
|
|
14
|
+
values: [2000]
|
|
25
15
|
}, {
|
|
26
16
|
names: ['北京市', '所有用户', '评价商品'],
|
|
27
|
-
values: [380]
|
|
28
|
-
orderNum: 3
|
|
17
|
+
values: [380]
|
|
29
18
|
}, {
|
|
30
19
|
names: ['北京市', '洞察测试用户群二', '评价商品'],
|
|
31
|
-
values: [380]
|
|
32
|
-
orderNum: 4
|
|
20
|
+
values: [380]
|
|
33
21
|
}, {
|
|
34
22
|
names: ['武汉市', '所有用户', '加购商品'],
|
|
35
23
|
values: [130]
|
package/es/chart/demo/index.js
CHANGED
|
@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useRef, useState } from 'react';
|
|
8
8
|
import { BizChart } from '@zgfe/business-lib';
|
|
9
|
-
import chartData
|
|
9
|
+
import chartData from './data/data';
|
|
10
10
|
import { Button, Image } from 'antd';
|
|
11
11
|
export default (function () {
|
|
12
12
|
var chartRef = useRef();
|
|
@@ -22,8 +22,7 @@ export default (function () {
|
|
|
22
22
|
data: chartData,
|
|
23
23
|
type: "line",
|
|
24
24
|
legendPosition: "bottom",
|
|
25
|
-
ref: chartRef
|
|
26
|
-
showList: showCharts
|
|
25
|
+
ref: chartRef
|
|
27
26
|
}), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
|
|
28
27
|
onClick: onClick
|
|
29
28
|
}, "\u83B7\u53D6\u56FE\u8868\u56FE\u7247"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Image, {
|
|
@@ -38,19 +38,6 @@
|
|
|
38
38
|
margin-right: @margin-xs;
|
|
39
39
|
border-radius: 50%;
|
|
40
40
|
}
|
|
41
|
-
.biz-tooltip-order {
|
|
42
|
-
display: flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
justify-content: center;
|
|
45
|
-
width: 12.8px;
|
|
46
|
-
height: 12.8px;
|
|
47
|
-
margin-right: @margin-xs;
|
|
48
|
-
color: #fff;
|
|
49
|
-
font-weight: 500;
|
|
50
|
-
font-size: 8.96px;
|
|
51
|
-
background: #457dff;
|
|
52
|
-
border-radius: 50%;
|
|
53
|
-
}
|
|
54
41
|
.biz-tooltip-name {
|
|
55
42
|
max-width: 300px;
|
|
56
43
|
white-space: pre-wrap;
|
|
@@ -45,8 +45,7 @@ export var legendConfig = {
|
|
|
45
45
|
show: true,
|
|
46
46
|
formatter: function formatter(param) {
|
|
47
47
|
var maxLength = 20;
|
|
48
|
-
var
|
|
49
|
-
var names = name.match(new RegExp("\\S{1,".concat(maxLength, "}"), 'g'));
|
|
48
|
+
var names = param.name.match(new RegExp("\\S{1,".concat(maxLength, "}"), 'g'));
|
|
50
49
|
return names ? names.join('<br/>') : '';
|
|
51
50
|
}
|
|
52
51
|
}
|
|
@@ -226,12 +225,8 @@ export var getPieOption = function getPieOption() {
|
|
|
226
225
|
color: '#021429',
|
|
227
226
|
fontSize: 10,
|
|
228
227
|
fontWight: 500,
|
|
229
|
-
verticalAlign: 'bottom',
|
|
230
228
|
formatter: function formatter(params) {
|
|
231
|
-
|
|
232
|
-
var name = nameArr[0];
|
|
233
|
-
var orderNum = nameArr[1];
|
|
234
|
-
return "".concat(orderNum ? '{c|' + orderNum + '}' : '{a|' + ' }', " ").concat(util.strMiddleSplit(name), " {b|").concat(params.value, "}");
|
|
229
|
+
return "{a|".concat("} ", util.strMiddleSplit(params.name), " {b|").concat(params.value, "}");
|
|
235
230
|
},
|
|
236
231
|
rich: {
|
|
237
232
|
a: {
|
|
@@ -244,18 +239,6 @@ export var getPieOption = function getPieOption() {
|
|
|
244
239
|
color: '#67727F',
|
|
245
240
|
fontSize: 10,
|
|
246
241
|
fontWight: 400
|
|
247
|
-
},
|
|
248
|
-
c: {
|
|
249
|
-
backgroundColor: 'inherit',
|
|
250
|
-
width: 8,
|
|
251
|
-
height: 8,
|
|
252
|
-
borderRadius: 8,
|
|
253
|
-
fontSize: 8,
|
|
254
|
-
padding: [3, 3, 2, 3],
|
|
255
|
-
color: '#fff',
|
|
256
|
-
align: 'center',
|
|
257
|
-
verticalAlign: 'middle',
|
|
258
|
-
lineHeight: 8
|
|
259
242
|
}
|
|
260
243
|
}
|
|
261
244
|
},
|
|
@@ -295,8 +278,7 @@ export var getPieOption = function getPieOption() {
|
|
|
295
278
|
var name = params.name,
|
|
296
279
|
value = params.value,
|
|
297
280
|
color = params.color;
|
|
298
|
-
|
|
299
|
-
return "<div class=\"biz-chart-tooltip-item\">\n <div class=\"biz-chart-tooltip-content\">\n <span class=\"".concat(nameArr[1] ? 'biz-tooltip-order' : 'biz-tooltip-marker', "\" style=\"background:").concat(color, "\">").concat(nameArr[1] || '', "</span>\n <div class=\"biz-tooltip-name\">").concat(nameArr[0], "</div>\n </div> \n <span class=\"biz-chart-tooltip-value\">").concat(value, "(").concat(params.percent, "%)</span>\n </div>");
|
|
281
|
+
return "<div class=\"biz-chart-tooltip-item\">\n <div class=\"biz-chart-tooltip-content\">\n <span class=\"biz-tooltip-marker\" style=\"background:".concat(color, "\"></span>\n <div class=\"biz-tooltip-name\">").concat(name, "</div>\n </div> \n <span class=\"biz-chart-tooltip-value\">").concat(value, "(").concat(params.percent, "%)</span>\n </div>");
|
|
300
282
|
};
|
|
301
283
|
}
|
|
302
284
|
return _objectSpread(_objectSpread({}, baseConfig), {}, {
|
|
@@ -11,10 +11,8 @@ export var formatPieData = function formatPieData(data, showAll, showList, showO
|
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
data.series.forEach(function (item) {
|
|
14
|
-
var names = item.names,
|
|
15
|
-
orderNum = item.orderNum;
|
|
16
14
|
var series = {
|
|
17
|
-
name:
|
|
15
|
+
name: item.names.join(','),
|
|
18
16
|
value: item.values[0]
|
|
19
17
|
};
|
|
20
18
|
if (showAll) {
|
|
@@ -39,18 +37,16 @@ export var formatChartData = function formatChartData(data, showAll, showList, r
|
|
|
39
37
|
var colorData = color || chartColors;
|
|
40
38
|
data.series.forEach(function (seriesItem) {
|
|
41
39
|
var name = seriesItem.names.join(',');
|
|
42
|
-
var showName = "".concat(name).concat(seriesItem.orderNum ? '|:|' + seriesItem.orderNum : '');
|
|
43
|
-
resultFormatMap["".concat(name, "Order")] = seriesItem.orderNum;
|
|
44
40
|
if (seriesItem.resultFormat && !resultFormatMap[name]) {
|
|
45
41
|
resultFormatMap[name] = seriesItem.resultFormat;
|
|
46
42
|
}
|
|
47
|
-
if (showAll || showList && showMap[
|
|
43
|
+
if (showAll || showList && showMap[name] || !showList && sData.length < 10) {
|
|
48
44
|
if (reverseXAxis) {
|
|
49
45
|
xAxis.push(name);
|
|
50
46
|
sData.push({
|
|
51
47
|
name: xAxisData[0],
|
|
52
48
|
value: seriesItem.values[0],
|
|
53
|
-
label:
|
|
49
|
+
label: name,
|
|
54
50
|
itemStyle: {
|
|
55
51
|
normal: {
|
|
56
52
|
color: colorData[sData.length]
|
|
@@ -59,7 +55,7 @@ export var formatChartData = function formatChartData(data, showAll, showList, r
|
|
|
59
55
|
});
|
|
60
56
|
} else {
|
|
61
57
|
sData.push({
|
|
62
|
-
name:
|
|
58
|
+
name: name,
|
|
63
59
|
data: seriesItem.values,
|
|
64
60
|
type: isUseSelf ? seriesItem.type : undefined
|
|
65
61
|
});
|
|
@@ -32,10 +32,7 @@ var tooltipFormatterDefault = function tooltipFormatterDefault(params, resultFor
|
|
|
32
32
|
if (item.seriesType === 'bar' && params.length === 1 && !name) {
|
|
33
33
|
name = (item.data && item.data.label ? item.data.label : item.name).trim();
|
|
34
34
|
}
|
|
35
|
-
|
|
36
|
-
name = nameArr[0];
|
|
37
|
-
var orderNum = nameArr[1];
|
|
38
|
-
htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n <div class=\"biz-chart-tooltip-content\">\n <span class=\"".concat(orderNum ? 'biz-tooltip-order' : 'biz-tooltip-marker', "\" style=\"background:").concat(item.color, "\">").concat(orderNum || '', "</span>\n <div class=\"biz-tooltip-name\">").concat(name, "</div>\n </div> \n <span class=\"biz-chart-tooltip-value\">").concat(lineLabel, "</span>\n </div>"));
|
|
35
|
+
htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n <div class=\"biz-chart-tooltip-content\">\n <span class=\"biz-tooltip-marker\" style=\"background:".concat(item.color, "\"></span>\n <div class=\"biz-tooltip-name\">").concat(name, "</div>\n </div> \n <span class=\"biz-chart-tooltip-value\">").concat(lineLabel, "</span>\n </div>"));
|
|
39
36
|
});
|
|
40
37
|
return htmlArray.join('');
|
|
41
38
|
};
|
|
@@ -71,15 +68,14 @@ var mapTooltipFormatter = function mapTooltipFormatter(params) {
|
|
|
71
68
|
htmlArray.push("<div class=\"biz-chart-tooltip-title\">".concat(params.name, "</div>"));
|
|
72
69
|
var childrenOptions = data.childrenOptions;
|
|
73
70
|
childrenOptions.forEach(function (option) {
|
|
74
|
-
htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n
|
|
71
|
+
htmlArray.push("<div class=\"biz-chart-tooltip-item\">\n <span class=\"biz-chart-tooltip-content\">\n ".concat(option.name, "\n </span> \n <span class=\"biz-chart-tooltip-value\">").concat(util.toThousands(option.value), "</span>\n </div>"));
|
|
75
72
|
});
|
|
76
73
|
return htmlArray.join('');
|
|
77
74
|
}
|
|
78
75
|
return "<div class=\"biz-chart-tooltip-item\"><span class=\"biz-chart-tooltip-content\">".concat(data.name, ": </span><span>").concat(util.toThousands(data.value), "</span></div>");
|
|
79
76
|
};
|
|
80
77
|
var legendFormatterDefault = function legendFormatterDefault(label) {
|
|
81
|
-
|
|
82
|
-
return util.strMiddleSplit(nameArr[0], {
|
|
78
|
+
return util.strMiddleSplit(label, {
|
|
83
79
|
maxLength: maxLength,
|
|
84
80
|
beginLength: maxLength / 2 - 2,
|
|
85
81
|
endLength: maxLength / 2 - 2,
|
package/es/chart/util/mapUtil.js
CHANGED
|
@@ -124,8 +124,7 @@ var formatMapData = function formatMapData(seriesData, type) {
|
|
|
124
124
|
var targetName = item.names.slice(1).join(',');
|
|
125
125
|
var targeItem = {
|
|
126
126
|
name: targetName || areaName,
|
|
127
|
-
value: item.values[0]
|
|
128
|
-
orderNum: item.orderNum
|
|
127
|
+
value: item.values[0]
|
|
129
128
|
};
|
|
130
129
|
if (!areaObjMap[areaName]) {
|
|
131
130
|
areaObjMap[areaName] = {
|
package/es/select/demo/index.js
CHANGED
|
@@ -72,7 +72,6 @@ export default (function () {
|
|
|
72
72
|
theme: "secondary",
|
|
73
73
|
onChange: onChange,
|
|
74
74
|
disableItemList: disabledList,
|
|
75
|
-
dropdownExtra: /*#__PURE__*/React.createElement(Button, null, "+ \u6DFB\u52A0")
|
|
76
|
-
extraLabel: ' (别名)'
|
|
75
|
+
dropdownExtra: /*#__PURE__*/React.createElement(Button, null, "+ \u6DFB\u52A0")
|
|
77
76
|
}), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u9009\u62E9\u7684\u503C\u662F\uFF1A", JSON.stringify(data)));
|
|
78
77
|
});
|
package/es/select/handle.js
CHANGED
|
@@ -17,8 +17,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
17
17
|
keyField = props.keyField,
|
|
18
18
|
border = props.border,
|
|
19
19
|
showSelectIcon = props.showSelectIcon,
|
|
20
|
-
disable = props.disable
|
|
21
|
-
extraLabel = props.extraLabel;
|
|
20
|
+
disable = props.disable;
|
|
22
21
|
var classPrefix = 'biz-select-handle';
|
|
23
22
|
var _useState = useState(false),
|
|
24
23
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -146,7 +145,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
146
145
|
return /*#__PURE__*/React.createElement("div", {
|
|
147
146
|
ref: handleRef,
|
|
148
147
|
className: "".concat(classPrefix, "-input ").concat(props.theme ? props.theme : '', "\n ").concat(props.disable ? 'disable' : '', " ").concat(focus ? 'active' : '', " \n ").concat(mergedStatus ? "".concat(classPrefix, "-status-").concat(mergedStatus) : '', "\n ").concat(border ? '' : 'borderless', " ").concat(props.size ? props.size : 'middle'),
|
|
149
|
-
title:
|
|
148
|
+
title: props.label || (optionData === null || optionData === void 0 ? void 0 : optionData[aliasField || '']) || (optionData === null || optionData === void 0 ? void 0 : optionData[labelField])
|
|
150
149
|
}, /*#__PURE__*/React.createElement("span", {
|
|
151
150
|
className: "".concat(classPrefix, "-content")
|
|
152
151
|
}, /*#__PURE__*/React.createElement("span", {
|
|
@@ -155,7 +154,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
155
154
|
className: "".concat(classPrefix, "-icon")
|
|
156
155
|
}, props.value.icon), props.children || props.label || (optionData === null || optionData === void 0 ? void 0 : optionData[aliasField || '']) || (optionData === null || optionData === void 0 ? void 0 : optionData[labelField]) || /*#__PURE__*/React.createElement("span", {
|
|
157
156
|
className: "".concat(classPrefix, "-holder")
|
|
158
|
-
}, placeholder || '请选择')
|
|
157
|
+
}, placeholder || '请选择'))), /*#__PURE__*/React.createElement(IconFont, {
|
|
159
158
|
className: "".concat(classPrefix, "-expand-icon").concat(props.open ? ' open' : ''),
|
|
160
159
|
type: 'xiangxia'
|
|
161
160
|
}));
|
|
@@ -164,7 +163,6 @@ SelectHandle.defaultProps = {
|
|
|
164
163
|
labelField: 'label',
|
|
165
164
|
keyField: 'id',
|
|
166
165
|
border: true,
|
|
167
|
-
showSelectIcon: true
|
|
168
|
-
extraLabel: ''
|
|
166
|
+
showSelectIcon: true
|
|
169
167
|
};
|
|
170
168
|
export default SelectHandle;
|
package/es/select/index.js
CHANGED
package/es/select/types.d.ts
CHANGED
|
@@ -26,7 +26,6 @@ export declare namespace BizSelectTypes {
|
|
|
26
26
|
minDropdownWidth?: number;
|
|
27
27
|
options: Group[] | Option[];
|
|
28
28
|
extra?: (option: Option) => ReactNode;
|
|
29
|
-
extraLabel?: ReactNode;
|
|
30
29
|
dropdownExtra?: ReactNode;
|
|
31
30
|
enableSearch?: boolean;
|
|
32
31
|
enableCreate?: boolean;
|
|
@@ -76,7 +75,6 @@ export declare namespace BizSelectTypes {
|
|
|
76
75
|
}
|
|
77
76
|
export interface HandlerTypes {
|
|
78
77
|
label?: string;
|
|
79
|
-
extraLabel?: ReactNode;
|
|
80
78
|
children?: ReactNode;
|
|
81
79
|
placeholder?: string;
|
|
82
80
|
value?: BizSelectTypes.Option | BizSelectTypes.Option[];
|
|
@@ -100,7 +100,7 @@ export declare namespace BizUserConditionT {
|
|
|
100
100
|
}[];
|
|
101
101
|
}
|
|
102
102
|
interface AttrCondition {
|
|
103
|
-
attrId: number
|
|
103
|
+
attrId: number;
|
|
104
104
|
attrName: string;
|
|
105
105
|
operator: 'is not null' | 'is null' | 'not contains' | 'contains' | 'equal' | 'not equal' | 'begin with' | 'not begin with' | 'end with' | 'not end with' | Unpacked<RunTimesI, 'operator'>;
|
|
106
106
|
params: string[];
|
package/es/utils/ajax.js
CHANGED
|
@@ -30,10 +30,12 @@ var errorHandler = function errorHandler(error) {
|
|
|
30
30
|
var errorText = codeMessage[response.status] || response.statusText;
|
|
31
31
|
var status = response.status,
|
|
32
32
|
url = response.url;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
if (url.indexOf('data/queryEsData.jsp') === -1) {
|
|
34
|
+
notification.error({
|
|
35
|
+
message: "\u8BF7\u6C42\u9519\u8BEF ".concat(status, ": ").concat(url),
|
|
36
|
+
description: errorText
|
|
37
|
+
});
|
|
38
|
+
}
|
|
37
39
|
} else if (!response) {
|
|
38
40
|
if (Request.isCancel(error) || (error === null || error === void 0 ? void 0 : error.type) === 'AbortError') {
|
|
39
41
|
var abortError = new Error('AbortError');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/business-lib",
|
|
3
|
-
"version": "1.2.8
|
|
3
|
+
"version": "1.2.8",
|
|
4
4
|
"module": "es/index.js",
|
|
5
5
|
"typings": "es/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"react": "^16.12.0 || ^17.0.0",
|
|
56
56
|
"yorkie": "^2.0.0"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "fdc78e3c8067ebeae1ba607f03ce35d4ce0296c2",
|
|
59
59
|
"gitHooks": {
|
|
60
60
|
"pre-commit": "lint-staged"
|
|
61
61
|
}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
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."); }
|
|
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); }
|
|
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; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import React, { useEffect, useState } from 'react';
|
|
8
|
-
import { BizAttributeSelector, BizGlobalDataContext } from '@zgfe/business-lib';
|
|
9
|
-
import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
|
|
10
|
-
import eventData from '../../mock/event';
|
|
11
|
-
import envData from '../../mock/env';
|
|
12
|
-
import userData from './userData.js';
|
|
13
|
-
import convertAttributeData from '../util';
|
|
14
|
-
var extraList = [{
|
|
15
|
-
type: 'sessionProp',
|
|
16
|
-
name: 'Session属性',
|
|
17
|
-
attrList: [{
|
|
18
|
-
id: 'sa_duration',
|
|
19
|
-
label: 'Session时长',
|
|
20
|
-
propCategory: 'extraProp',
|
|
21
|
-
key: 'extraProp-sa_duration',
|
|
22
|
-
type: 2,
|
|
23
|
-
subtype: 2
|
|
24
|
-
}]
|
|
25
|
-
}, {
|
|
26
|
-
type: 'pageProp',
|
|
27
|
-
name: '页面属性',
|
|
28
|
-
attrList: [{
|
|
29
|
-
id: 'page_duration',
|
|
30
|
-
label: '页面访问时长',
|
|
31
|
-
propCategory: 'extraProp',
|
|
32
|
-
key: 'extraProp-page_duration'
|
|
33
|
-
}, {
|
|
34
|
-
id: 'click',
|
|
35
|
-
label: '页面点击次数',
|
|
36
|
-
propCategory: 'extraProp',
|
|
37
|
-
key: 'extraProp-click'
|
|
38
|
-
}]
|
|
39
|
-
}];
|
|
40
|
-
export default (function () {
|
|
41
|
-
var _useState = useState({
|
|
42
|
-
id: 'sa_duration',
|
|
43
|
-
label: 'Session时长',
|
|
44
|
-
propCategory: 'extraProp',
|
|
45
|
-
key: 'extraProp-sa_duration',
|
|
46
|
-
type: 2,
|
|
47
|
-
subtype: 2
|
|
48
|
-
}),
|
|
49
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
50
|
-
attribute = _useState2[0],
|
|
51
|
-
setAttribute = _useState2[1];
|
|
52
|
-
var _useState3 = useState(),
|
|
53
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
54
|
-
list = _useState4[0],
|
|
55
|
-
setList = _useState4[1];
|
|
56
|
-
useEffect(function () {
|
|
57
|
-
setTimeout(function () {
|
|
58
|
-
setList(extraList);
|
|
59
|
-
}, 0);
|
|
60
|
-
}, []);
|
|
61
|
-
var store = convertAttributeData({
|
|
62
|
-
eventList: eventData,
|
|
63
|
-
userPropList: userData,
|
|
64
|
-
envPropList: envData
|
|
65
|
-
});
|
|
66
|
-
function onChange(val) {
|
|
67
|
-
setAttribute(val);
|
|
68
|
-
}
|
|
69
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, "\u9009\u62E9\u7684\u5C5E\u6027\u662F\uFF1A", JSON.stringify(attribute)), /*#__PURE__*/React.createElement(BizGlobalDataContext.Provider, {
|
|
70
|
-
value: {
|
|
71
|
-
eventGroupList: store.eventGroupList,
|
|
72
|
-
userPropList: store.userPropList,
|
|
73
|
-
eventEnvList: store.envPropList
|
|
74
|
-
}
|
|
75
|
-
}, /*#__PURE__*/React.createElement(BizAttributeSelector, {
|
|
76
|
-
enableEventProp: true,
|
|
77
|
-
enableUserProp: true,
|
|
78
|
-
eventIdList: [24143016],
|
|
79
|
-
value: attribute,
|
|
80
|
-
onChange: onChange,
|
|
81
|
-
enableDelete: true,
|
|
82
|
-
enableEnvProp: true,
|
|
83
|
-
extra: list,
|
|
84
|
-
disableItemList: [{
|
|
85
|
-
id: 'click',
|
|
86
|
-
propCategory: 'extraProp'
|
|
87
|
-
}]
|
|
88
|
-
})));
|
|
89
|
-
});
|