@zgfe/business-lib 1.2.6-session.1 → 1.2.7

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.
@@ -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: 'sa_duration',
38
- propCategory: 'extraProp',
39
- type: 2,
40
- operator: 'gt',
41
- values: ['158400', '1'],
42
- label: 'Session时长',
43
- attrName: 'Session时长',
44
- subtype: 2
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 (((attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.UserProp || (attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.ExtraProp) && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
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 (((attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.UserProp || (attr === null || attr === void 0 ? void 0 : attr.propCategory) === PropCategory.ExtraProp) && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
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
- }), (attr.propCategory === PropCategory.UserProp || attr.propCategory === PropCategory.ExtraProp) && attr.subtype === 2 && numberAfter);
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 { AttributeSelect, EnvProp, EventProp, PropType, UserProp } from '../attributeSelector/types';
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 | string;
15
+ attrId?: number;
17
16
  attrName?: string;
18
17
  label?: string;
19
18
  attrNameStr?: string;
20
19
  type?: PropType;
21
- propCategory?: 'userProp' | 'eventProp' | 'envProp' | 'extraProp';
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),
@@ -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: width < 284 ? 284 : width > 520 ? 520 : width
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 _useState7 = useState({
68
- container: "container-".concat(id)
69
- }),
70
- _useState8 = _slicedToArray(_useState7, 2),
71
- anchor = _useState8[0],
72
- stAnchor = _useState8[1];
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
- }, [anchor, eventIdMap, userPropList, eventEnvList, eventIdList, props.showCommonProp]);
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
- }, anchorList.map(function (item) {
271
- return /*#__PURE__*/React.createElement(Link, {
272
- key: item.id,
273
- href: "#".concat(item.id),
274
- title: /*#__PURE__*/React.createElement(Button, {
275
- size: "small"
276
- }, item.name)
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")
@@ -44,7 +44,6 @@
44
44
  }
45
45
 
46
46
  &-anchor-panel {
47
- max-width: 496px;
48
47
  padding: 12px 0;
49
48
 
50
49
  .ant-anchor {
@@ -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 | string;
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 | ExtraProp | null;
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 | ExtraProp)[];
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) {
@@ -140,13 +140,16 @@ var BizDatePicker = function BizDatePicker(_ref) {
140
140
  setDateRange(getDateRange(DatePickerTypes.Unit.day, 1, includeToday));
141
141
  }
142
142
  if (type.value === 'day') {
143
- setDateRange(getDateRange(DatePickerTypes.Unit.day, 1, includeToday));
143
+ setDateRange(getDateRange(DatePickerTypes.Unit.day, 7, includeToday));
144
+ setRelative([7, includeToday ? 0 : 1]);
144
145
  }
145
146
  if (type.value === 'week') {
146
- setDateRange(getDateRange(DatePickerTypes.Unit.day, 7, includeToday));
147
+ setDateRange(getDateRange(DatePickerTypes.Unit.week, 4, includeToday));
148
+ setRelative([4, includeToday ? 0 : 1]);
147
149
  }
148
150
  if (type.value === 'month') {
149
- setDateRange(getDateRange(DatePickerTypes.Unit.day, 30, includeToday));
151
+ setDateRange(getDateRange(DatePickerTypes.Unit.month, 1, includeToday));
152
+ setRelative([1, includeToday ? 0 : 1]);
150
153
  }
151
154
  }
152
155
  }), /*#__PURE__*/React.createElement(PickerShortcut, null), /*#__PURE__*/React.createElement(BizDate, {
@@ -38,7 +38,8 @@ var EventDemo = function EventDemo() {
38
38
  id: -2,
39
39
  name: '会话结束',
40
40
  attrList: []
41
- }]
41
+ }],
42
+ disableVirtualEventShow: true
42
43
  }));
43
44
  };
44
45
  export default (function () {
@@ -35,30 +35,51 @@ var EventListPanel = function EventListPanel(props) {
35
35
  setSearchValue = _useState2[1];
36
36
  var _useContext = useContext(BizGlobalDataContext),
37
37
  eventGroupList = _useContext.eventGroupList;
38
- var _useState3 = useState(eventGroupList || []),
38
+ var _useState3 = useState([]),
39
39
  _useState4 = _slicedToArray(_useState3, 2),
40
- groupList = _useState4[0],
41
- setGroupList = _useState4[1];
42
- var _useState5 = useState(),
40
+ eventGroupListData = _useState4[0],
41
+ setEventGroupListData = _useState4[1];
42
+ useEffect(function () {
43
+ if (disableVirtualEventShow && eventGroupList) {
44
+ var _eventGroupList = _.cloneDeep(eventGroupList);
45
+ _eventGroupList && _eventGroupList.map(function (item) {
46
+ if (item.eventList.length > 0) {
47
+ item.eventList = item.eventList.filter(function (_item) {
48
+ return _item.owner !== 'zg_vtl';
49
+ });
50
+ }
51
+ });
52
+ setEventGroupListData(_eventGroupList);
53
+ setGroupList(_eventGroupList);
54
+ } else {
55
+ setEventGroupListData(eventGroupList || []);
56
+ setGroupList(eventGroupList || []);
57
+ }
58
+ }, [eventGroupList, disableVirtualEventShow]);
59
+ var _useState5 = useState([]),
43
60
  _useState6 = _slicedToArray(_useState5, 2),
44
- currentGroup = _useState6[0],
45
- setCurrentGroup = _useState6[1];
46
- var _useState7 = useState([]),
61
+ groupList = _useState6[0],
62
+ setGroupList = _useState6[1];
63
+ var _useState7 = useState(),
47
64
  _useState8 = _slicedToArray(_useState7, 2),
48
- searchEventList = _useState8[0],
49
- setSearchEventList = _useState8[1];
50
- var _useState9 = useState(props.multiple ? props.value : undefined),
65
+ currentGroup = _useState8[0],
66
+ setCurrentGroup = _useState8[1];
67
+ var _useState9 = useState([]),
51
68
  _useState10 = _slicedToArray(_useState9, 2),
52
- currentValue = _useState10[0],
53
- setCurrentValue = _useState10[1];
54
- var _useState11 = useState(props.multiple ? props.value || [] : []),
69
+ searchEventList = _useState10[0],
70
+ setSearchEventList = _useState10[1];
71
+ var _useState11 = useState(props.multiple ? props.value : undefined),
55
72
  _useState12 = _slicedToArray(_useState11, 2),
56
- checkedEventList = _useState12[0],
57
- setCheckedEventList = _useState12[1];
58
- var _useState13 = useState(false),
73
+ currentValue = _useState12[0],
74
+ setCurrentValue = _useState12[1];
75
+ var _useState13 = useState(props.multiple ? props.value || [] : []),
59
76
  _useState14 = _slicedToArray(_useState13, 2),
60
- ready = _useState14[0],
61
- setReady = _useState14[1];
77
+ checkedEventList = _useState14[0],
78
+ setCheckedEventList = _useState14[1];
79
+ var _useState15 = useState(false),
80
+ _useState16 = _slicedToArray(_useState15, 2),
81
+ ready = _useState16[0],
82
+ setReady = _useState16[1];
62
83
  var scrollableId = 'scrollableDiv' + Math.random();
63
84
  var overviewData = {
64
85
  id: -100,
@@ -67,15 +88,16 @@ var EventListPanel = function EventListPanel(props) {
67
88
  isOverview: true
68
89
  };
69
90
  useEffect(function () {
91
+ if (eventGroupListData.length <= 0) return;
70
92
  var group = {
71
93
  id: 0,
72
94
  eventList: function () {
73
95
  var list = [];
74
96
  var listObj = {};
75
97
  var markList = [];
76
- eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
98
+ eventGroupListData === null || eventGroupListData === void 0 ? void 0 : eventGroupListData.forEach(function (group) {
77
99
  group.eventList.forEach(function (item) {
78
- if (!listObj[item.id] && (disableVirtualEventShow ? item.owner !== 'zg_vtl' : true)) {
100
+ if (!listObj[item.id]) {
79
101
  if (item.marked) {
80
102
  markList.push(item);
81
103
  } else {
@@ -100,7 +122,7 @@ var EventListPanel = function EventListPanel(props) {
100
122
  result.forEach(function (group) {
101
123
  var evtList = [];
102
124
  group.eventList.forEach(function (event) {
103
- if (disableVirtualEventShow && event.owner === 'zg_vtl') return;
125
+ if (disableVirtualEventShow) return;
104
126
  if (props.filter(event)) {
105
127
  evtList.push(event);
106
128
  }
@@ -123,7 +145,7 @@ var EventListPanel = function EventListPanel(props) {
123
145
  resultGroup = BuiltinIndicators;
124
146
  } else {
125
147
  var _currentGroup = group;
126
- eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (eGroup) {
148
+ eventGroupListData === null || eventGroupListData === void 0 ? void 0 : eventGroupListData.forEach(function (eGroup) {
127
149
  var _props$value2, _props$value2$group;
128
150
  if (eGroup.id === ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : (_props$value2$group = _props$value2.group) === null || _props$value2$group === void 0 ? void 0 : _props$value2$group.id)) {
129
151
  _currentGroup = eGroup;
@@ -141,7 +163,7 @@ var EventListPanel = function EventListPanel(props) {
141
163
  }
142
164
  });
143
165
  setReady(true);
144
- }, []);
166
+ }, [eventGroupListData]);
145
167
  useChanged(function () {
146
168
  if (props.multiple) {
147
169
  setCheckedEventList(_.cloneDeep(props.value) || []);
@@ -152,7 +174,7 @@ var EventListPanel = function EventListPanel(props) {
152
174
  useEffect(function () {
153
175
  var list = [];
154
176
  currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.eventList.forEach(function (event) {
155
- if (searchValue && !new RegExp(_.escapeRegExp(searchValue), 'i').test(event.alias || event.name)) return;
177
+ if (searchValue && !new RegExp(_.escapeRegExp(searchValue), 'i').test("".concat(event.owner === 'zg_vtl' ? '虚拟事件' : '元事件', " | ").concat(event.alias || event.name))) return;
156
178
  list.push(event);
157
179
  });
158
180
  if (showOverview) list.unshift(overviewData);
@@ -271,14 +293,14 @@ export var InfiniteScrollList = function InfiniteScrollList(_ref) {
271
293
  multiple = _ref.multiple,
272
294
  maxEventCount = _ref.maxEventCount,
273
295
  checkedIdList = _ref.checkedIdList;
274
- var _useState15 = useState([]),
275
- _useState16 = _slicedToArray(_useState15, 2),
276
- showList = _useState16[0],
277
- setShowList = _useState16[1];
278
296
  var _useState17 = useState([]),
279
297
  _useState18 = _slicedToArray(_useState17, 2),
280
- canShowList = _useState18[0],
281
- setCanShowList = _useState18[1];
298
+ showList = _useState18[0],
299
+ setShowList = _useState18[1];
300
+ var _useState19 = useState([]),
301
+ _useState20 = _slicedToArray(_useState19, 2),
302
+ canShowList = _useState20[0],
303
+ setCanShowList = _useState20[1];
282
304
  useEffect(function () {
283
305
  var data = searchEventList.filter(function (item) {
284
306
  return item.eventHidden !== ShowStatus.hidden;
@@ -321,7 +343,7 @@ export var InfiniteScrollList = function InfiniteScrollList(_ref) {
321
343
  _disable = true;
322
344
  }
323
345
  return /*#__PURE__*/React.createElement(EventListOption, {
324
- label: e.alias || e.name,
346
+ label: "".concat(e.owner === 'zg_vtl' ? '虚拟事件' : '元事件', " | ").concat(e.alias || e.name),
325
347
  key: "".concat(groupId, "-").concat(e.id),
326
348
  checked: multiple ? checkedIdList === null || checkedIdList === void 0 ? void 0 : checkedIdList.includes(e.id) : currentId === e.id,
327
349
  disable: _disable,
@@ -101,7 +101,7 @@ export declare namespace BizProductConditionT {
101
101
  }[];
102
102
  }
103
103
  interface AttrCondition {
104
- attrId: number | string;
104
+ attrId: number;
105
105
  attrName: string;
106
106
  operator: AttrConditionOperator;
107
107
  params: string[];
@@ -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
  });
@@ -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: "".concat(props.label || (optionData === null || optionData === void 0 ? void 0 : optionData[aliasField || '']) || (optionData === null || optionData === void 0 ? void 0 : optionData[labelField]) || '').concat(extraLabel)
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 || '请选择'), extraLabel)), /*#__PURE__*/React.createElement(IconFont, {
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;
@@ -191,7 +191,6 @@ var BizSelect = function BizSelect(props) {
191
191
  showSelectIcon: props.showSelectIcon,
192
192
  status: props.status,
193
193
  open: visible,
194
- extraLabel: props.extraLabel,
195
194
  onDelete: onDelete,
196
195
  onSearch: function onSearch(v) {
197
196
  setSearchValue(v);
@@ -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 | string;
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zgfe/business-lib",
3
- "version": "1.2.6-session.1",
3
+ "version": "1.2.7",
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": "f431ccb7e125dd99d3bc80693dfc6e2c5b5adbfd",
58
+ "gitHead": "26ac18987a5c98f9b4500c282673b98c7e481cf4",
59
59
  "gitHooks": {
60
60
  "pre-commit": "lint-staged"
61
61
  }
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
3
- declare const _default: () => React.JSX.Element;
4
- export default _default;
@@ -1,80 +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, { 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
- }, {
23
- id: 'se_duration',
24
- label: '事件使用时长',
25
- propCategory: 'extraProp',
26
- key: 'extraProp-se_duration'
27
- }]
28
- }, {
29
- type: 'pageProp',
30
- name: '页面属性',
31
- attrList: [{
32
- id: 'page_duration',
33
- label: '页面访问时长',
34
- propCategory: 'extraProp',
35
- key: 'extraProp-page_duration'
36
- }, {
37
- id: 'click',
38
- label: '页面点击次数',
39
- propCategory: 'extraProp',
40
- key: 'extraProp-click'
41
- }]
42
- }];
43
- export default (function () {
44
- var _useState = useState({
45
- propCategory: 'extraProp',
46
- key: 'extraProp-click',
47
- id: 'page_duration'
48
- }),
49
- _useState2 = _slicedToArray(_useState, 2),
50
- attribute = _useState2[0],
51
- setAttribute = _useState2[1];
52
- var store = convertAttributeData({
53
- eventList: eventData,
54
- userPropList: userData,
55
- envPropList: envData
56
- });
57
- function onChange(val) {
58
- setAttribute(val);
59
- }
60
- 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, {
61
- value: {
62
- eventGroupList: store.eventGroupList,
63
- userPropList: store.userPropList,
64
- eventEnvList: store.envPropList
65
- }
66
- }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
67
- enableEventProp: true,
68
- enableUserProp: true,
69
- eventIdList: [24143016],
70
- value: attribute,
71
- onChange: onChange,
72
- enableDelete: true,
73
- enableEnvProp: true,
74
- extra: extraList,
75
- disableItemList: [{
76
- id: 'click',
77
- propCategory: 'extraProp'
78
- }]
79
- })));
80
- });