@zgfe/business-lib 1.2.3-ht.0 → 1.2.3-session.0

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,6 +1,25 @@
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
+ }];
4
23
  export default (function () {
5
24
  var groupRef = useRef(null);
6
25
  var filter = {
@@ -15,15 +34,14 @@ export default (function () {
15
34
  operator: 'equal',
16
35
  attrName: 'is_anonymous'
17
36
  }, {
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'
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
27
45
  }],
28
46
  relation: 'and'
29
47
  };
@@ -38,6 +56,7 @@ export default (function () {
38
56
  }, /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
39
57
  value: filter,
40
58
  ref: groupRef,
59
+ extra: extraList,
41
60
  enableDelete: true
42
61
  }), /*#__PURE__*/React.createElement("div", {
43
62
  style: {
@@ -1,5 +1,24 @@
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
+ }];
3
22
  export default (function () {
4
23
  return /*#__PURE__*/React.createElement(DemoWrapper, {
5
24
  needMeta: true
@@ -9,6 +28,7 @@ export default (function () {
9
28
  background: '#fff'
10
29
  }
11
30
  }, /*#__PURE__*/React.createElement(BizAttrCondition, {
31
+ extra: extraList,
12
32
  onChange: function onChange(condition) {
13
33
  console.log(condition);
14
34
  }
@@ -9,7 +9,8 @@ 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;
12
+ disableItemList = props.disableItemList,
13
+ extra = props.extra;
13
14
  var _useConditionGroup = useConditionGroup(props, ref),
14
15
  loading = _useConditionGroup.loading,
15
16
  conditions = _useConditionGroup.conditions,
@@ -52,6 +53,7 @@ var BizAttrConditionGroup = /*#__PURE__*/React.forwardRef(function (props, ref)
52
53
  enableUserProp: enableUserProp,
53
54
  enableEnvProp: enableEnvProp,
54
55
  disableItemList: disableItemList,
56
+ extra: extra,
55
57
  onChange: function onChange(data) {
56
58
  return _onChange(data, index);
57
59
  },
@@ -65,7 +65,8 @@ 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' : ''
68
+ status: isAttrError ? 'error' : '',
69
+ extra: props.extra
69
70
  }), isAttrError ? /*#__PURE__*/React.createElement("div", {
70
71
  className: "".concat(classPrefix, "-error")
71
72
  }, "\u5C5E\u6027\u4E0D\u53EF\u4E3A\u7A7A") : null), /*#__PURE__*/React.createElement(BizOperateList, {
@@ -55,6 +55,17 @@ 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
+ }
58
69
  }
59
70
  setAttr(attrData);
60
71
  }
@@ -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) === 'userProp' && (attr === null || attr === void 0 ? void 0 : attr.subtype) === 2) {
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) {
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.subtype) === 2) {
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) {
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 === 'userProp' && attr.subtype === 2 && numberAfter);
147
+ }), (attr.propCategory === PropCategory.UserProp || attr.propCategory === PropCategory.ExtraProp) && attr.subtype === 2 && numberAfter);
148
148
  } else {
149
149
  if (operate === OperateTypes.Absolute) {
150
150
  return /*#__PURE__*/React.createElement(RangePicker, {
@@ -9,7 +9,8 @@ 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;
12
+ disableItemList = props.disableItemList,
13
+ extra = props.extra;
13
14
  var _useConditionGroup = useConditionGroup(props, ref),
14
15
  loading = _useConditionGroup.loading,
15
16
  conditions = _useConditionGroup.conditions,
@@ -47,6 +48,7 @@ var BizConditionGroup = function BizConditionGroup(props, ref) {
47
48
  enableUserProp: enableUserProp,
48
49
  enableEnvProp: enableEnvProp,
49
50
  disableItemList: disableItemList,
51
+ extra: extra,
50
52
  onChange: function onChange(data) {
51
53
  return _onChange(data, index);
52
54
  },
@@ -20,6 +20,11 @@ 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
+ }
23
28
  } else {
24
29
  responseData.attrName = attr.name;
25
30
  responseData.category = attr.category;
@@ -68,7 +73,8 @@ var BizConditionItem = function BizConditionItem(props) {
68
73
  return _onDelete(e);
69
74
  },
70
75
  theme: theme,
71
- destroyPopupOnHide: props.destroyPopupOnHide
76
+ destroyPopupOnHide: props.destroyPopupOnHide,
77
+ extra: props.extra
72
78
  }), /*#__PURE__*/React.createElement("div", {
73
79
  className: "".concat(classPrefix, "-panel")
74
80
  }, /*#__PURE__*/React.createElement(BizOperateList, {
@@ -1,4 +1,4 @@
1
- import { EnvProp, EventProp, PropType, UserProp } from '../attributeSelector/types';
1
+ import { AttributeSelect, EnvProp, EventProp, PropType, UserProp } from '../attributeSelector/types';
2
2
  import { BizSelectTypes } from '../select/types';
3
3
  interface BasicAttrTypes {
4
4
  eventIdList?: number[];
@@ -8,6 +8,7 @@ interface BasicAttrTypes {
8
8
  enableEnvProp?: boolean;
9
9
  disableItemList?: (EventProp | UserProp | EnvProp)[];
10
10
  theme?: BizSelectTypes.Props['theme'];
11
+ extra?: AttributeSelect.AttributeExtra[];
11
12
  }
12
13
  export declare namespace AttrConditionTypes {
13
14
  interface ItemValue {
@@ -17,7 +18,7 @@ export declare namespace AttrConditionTypes {
17
18
  label?: string;
18
19
  attrNameStr?: string;
19
20
  type?: PropType;
20
- propCategory?: 'userProp' | 'eventProp' | 'envProp';
21
+ propCategory?: 'userProp' | 'eventProp' | 'envProp' | 'extraProp';
21
22
  category?: 'fixed' | 'custom';
22
23
  dimensionSub?: string;
23
24
  operator?: OperateTypes;
@@ -1,3 +1,4 @@
1
1
  import React from 'react';
2
+ import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
2
3
  declare const _default: () => React.JSX.Element;
3
4
  export default _default;
@@ -0,0 +1,80 @@
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
+ });
@@ -35,7 +35,6 @@ export default (function () {
35
35
  eventEnvList: store.envPropList
36
36
  }
37
37
  }, /*#__PURE__*/React.createElement(BizAttributeSelector, {
38
- isNumber: true,
39
38
  enableEventProp: true,
40
39
  enableUserProp: true,
41
40
  eventIdList: [24143016],
@@ -22,7 +22,7 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
22
22
  var enableDelete = props.enableDelete,
23
23
  placeholder = props.placeholder,
24
24
  theme = props.theme,
25
- isNumber = props.isNumber;
25
+ extra = props.extra;
26
26
  var _useState = useState(),
27
27
  _useState2 = _slicedToArray(_useState, 2),
28
28
  currentAttr = _useState2[0],
@@ -84,6 +84,16 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
84
84
  if (attr.name === param.name && attr.category === param.category) res = attr;
85
85
  }
86
86
  });
87
+ } else if ((param === null || param === void 0 ? void 0 : param.propCategory) === 'extraProp') {
88
+ extra === null || extra === void 0 ? void 0 : extra.forEach(function (item) {
89
+ item.attrList.forEach(function (attr) {
90
+ if (hasKey) {
91
+ if (attr.key === param.key) res = _.cloneDeep(attr);
92
+ } else {
93
+ if (attr.id === param.id) res = _.cloneDeep(attr);
94
+ }
95
+ });
96
+ });
87
97
  }
88
98
  return res;
89
99
  }
@@ -108,14 +118,12 @@ var BizAttributeSelector = function BizAttributeSelector(props) {
108
118
  id: id
109
119
  }, props), {}, {
110
120
  value: currentAttr,
111
- onChange: onChange,
112
- isNumber: isNumber
121
+ onChange: onChange
113
122
  }));
114
123
  },
115
124
  trigger: ['click'],
116
125
  overlayStyle: {
117
- minWidth: 284,
118
- width: width
126
+ minWidth: width < 284 ? 284 : width > 520 ? 520 : width
119
127
  },
120
128
  open: visible,
121
129
  onOpenChange: onVisibleChange,
@@ -23,7 +23,7 @@ var AttrListPanel = function AttrListPanel(props) {
23
23
  enableUserProp = props.enableUserProp,
24
24
  eventIdList = props.eventIdList,
25
25
  funnelEventIdList = props.funnelEventIdList,
26
- isNumber = props.isNumber;
26
+ extra = props.extra;
27
27
  var _useState = useState(''),
28
28
  _useState2 = _slicedToArray(_useState, 2),
29
29
  searchValue = _useState2[0],
@@ -58,18 +58,71 @@ var AttrListPanel = function AttrListPanel(props) {
58
58
  item.key = "eventProp-".concat(item.id);
59
59
  } else if (item.propCategory === 'userProp') {
60
60
  item.key = "userProp-".concat(item.name);
61
+ } else if (item.propCategory === 'extraProp') {
62
+ item.key = "extraProp-".concat(item.id);
61
63
  }
62
64
  return item;
63
65
  });
64
- var anchor = {
65
- container: "container-".concat(id),
66
- event: "event".concat(id),
67
- user: "user".concat(id),
68
- env: "env".concat(id)
69
- };
66
+ var _useState7 = useState({
67
+ container: "container-".concat(id)
68
+ }),
69
+ _useState8 = _slicedToArray(_useState7, 2),
70
+ anchor = _useState8[0],
71
+ stAnchor = _useState8[1];
72
+ var _useState9 = useState([]),
73
+ _useState10 = _slicedToArray(_useState9, 2),
74
+ anchorList = _useState10[0],
75
+ setAnchorList = _useState10[1];
76
+ useEffect(function () {
77
+ var data = {
78
+ container: "container-".concat(id),
79
+ event: "event".concat(id),
80
+ user: "user".concat(id),
81
+ env: "env".concat(id)
82
+ };
83
+ var list = [];
84
+ extra === null || extra === void 0 ? void 0 : extra.forEach(function (item) {
85
+ data[item.type] = "".concat(item.type).concat(id);
86
+ list.push({
87
+ id: "".concat(item.type).concat(id),
88
+ name: item.name
89
+ });
90
+ });
91
+ stAnchor(data);
92
+ if (enableEventProp) {
93
+ list.push({
94
+ id: data.event,
95
+ name: '事件属性'
96
+ });
97
+ }
98
+ if (enableUserProp) {
99
+ list.push({
100
+ id: data.user,
101
+ name: '用户属性'
102
+ });
103
+ }
104
+ if (enableEnvProp) {
105
+ list.push({
106
+ id: data.env,
107
+ name: '触发环境'
108
+ });
109
+ }
110
+ setAnchorList(list);
111
+ }, [id]);
70
112
  var classPrefix = 'biz-attr-select';
71
113
  useEffect(function () {
72
114
  var list = [];
115
+ if (extra) {
116
+ extra.forEach(function (item) {
117
+ list.push({
118
+ isEvent: false,
119
+ groupName: item.name,
120
+ key: item.type,
121
+ anchor: anchor[item.type],
122
+ children: item.attrList
123
+ });
124
+ });
125
+ }
73
126
  if (enableEventProp) {
74
127
  if (props.showCommonProp) {
75
128
  var group = {
@@ -103,9 +156,7 @@ var AttrListPanel = function AttrListPanel(props) {
103
156
  groupName: event.alias || event.name,
104
157
  anchor: hasAnchor ? String(Math.random()) : anchor.event,
105
158
  key: "event-".concat(event.id),
106
- children: event.attrList.slice().filter(function (item) {
107
- return isNumber ? item.type === 2 : true;
108
- })
159
+ children: event.attrList.slice()
109
160
  };
110
161
  list.push(group);
111
162
  });
@@ -148,7 +199,7 @@ var AttrListPanel = function AttrListPanel(props) {
148
199
  });
149
200
  }
150
201
  setOptionList(list);
151
- }, [eventIdMap, userPropList, eventEnvList, eventIdList, props.showCommonProp]);
202
+ }, [anchor, eventIdMap, userPropList, eventEnvList, eventIdList, props.showCommonProp]);
152
203
  useEffect(function () {
153
204
  setCurrentAttr(props.value);
154
205
  }, [props.value]);
@@ -213,22 +264,14 @@ var AttrListPanel = function AttrListPanel(props) {
213
264
  getContainer: function getContainer() {
214
265
  return document.getElementById(anchor.container);
215
266
  }
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")
267
+ }, anchorList.map(function (item) {
268
+ return /*#__PURE__*/React.createElement(Link, {
269
+ key: item.id,
270
+ href: "#".concat(item.id),
271
+ title: /*#__PURE__*/React.createElement(Button, {
272
+ size: "small"
273
+ }, item.name)
274
+ });
232
275
  }))) : null, /*#__PURE__*/React.createElement("div", {
233
276
  id: anchor.container,
234
277
  className: "".concat(classPrefix, "-container")
@@ -44,6 +44,7 @@
44
44
  }
45
45
 
46
46
  &-anchor-panel {
47
+ max-width: 496px;
47
48
  padding: 12px 0;
48
49
 
49
50
  .ant-anchor {
@@ -8,7 +8,8 @@ export declare enum PropType {
8
8
  export declare enum PropCategory {
9
9
  EventProp = "eventProp",
10
10
  UserProp = "userProp",
11
- EnvProp = "envProp"
11
+ EnvProp = "envProp",
12
+ ExtraProp = "extraProp"
12
13
  }
13
14
  export declare enum ShowStatus {
14
15
  show = 0,
@@ -71,12 +72,12 @@ export interface PropGroups {
71
72
  eventIdMap?: Record<number, AnalysisEvent>;
72
73
  }
73
74
  export declare namespace AttributeSelect {
74
- type Value = EventProp | UserProp | EnvProp | null;
75
+ type Value = EventProp | UserProp | EnvProp | ExtraProp | null;
75
76
  interface Props {
76
77
  id?: string;
77
78
  value?: Value;
78
79
  defaultValue?: Value;
79
- disableItemList?: (EventProp | UserProp | EnvProp)[];
80
+ disableItemList?: (EventProp | UserProp | EnvProp | ExtraProp)[];
80
81
  enableDelete?: boolean;
81
82
  placeholder?: string;
82
83
  enableEventProp?: boolean;
@@ -93,7 +94,18 @@ export declare namespace AttributeSelect {
93
94
  destroyPopupOnHide?: boolean;
94
95
  size?: SizeType;
95
96
  status?: string;
96
- isNumber?: Boolean;
97
+ extra?: AttributeExtra[];
98
+ }
99
+ interface AttributeExtra {
100
+ type: string;
101
+ name: string;
102
+ attrList: ExtraProp[];
103
+ }
104
+ interface ExtraProp extends BasicProp {
105
+ propCategory: 'extraProp';
106
+ key?: number | string;
107
+ name?: string;
108
+ subtype?: number;
97
109
  }
98
110
  interface Option {
99
111
  groupName: string;
@@ -9,6 +9,7 @@ export var PropCategory;
9
9
  PropCategory["EventProp"] = "eventProp";
10
10
  PropCategory["UserProp"] = "userProp";
11
11
  PropCategory["EnvProp"] = "envProp";
12
+ PropCategory["ExtraProp"] = "extraProp";
12
13
  })(PropCategory || (PropCategory = {}));
13
14
  export var ShowStatus;
14
15
  (function (ShowStatus) {
package/es/chart/index.js CHANGED
@@ -107,8 +107,8 @@ var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
107
107
  if (type === 'pie') {
108
108
  var rData = formatPieData(data, showAll, showList, props.showOther);
109
109
  eOption = getPieOption(rData, legendPosition, legendOrient, props.showLabel, props.radius, props.center, tooltipFormatter);
110
- } else if (type === 'line' || type === 'bar' || type === 'line_bar') {
111
- var _rData = formatChartData(data, showAll, showList, reverseXAxis, colors, type === 'line_bar');
110
+ } else if (type === 'line' || type === 'bar') {
111
+ var _rData = formatChartData(data, showAll, showList, reverseXAxis, colors);
112
112
  eOption = getChartOption(type, _rData, legendPosition, legendOrient, valueUnit, xRotate, yRotate, tooltipFormatter, xAxisFormatter, yAxisFormatter, legendFormatter, reverseXAxis, seriesName);
113
113
  } else if (type === 'map') {
114
114
  var series = isCity ? citySeries(data) : provinceSeries(data);
@@ -122,7 +122,6 @@ var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
122
122
  if (type === 'line') {
123
123
  eOption = dashedLineFormat(eOption);
124
124
  }
125
- console.log('eOption', eOption);
126
125
  setChartOption(function () {
127
126
  return _objectSpread({}, eOption);
128
127
  });
@@ -28,7 +28,7 @@ export declare namespace ChartTypes {
28
28
  };
29
29
  }
30
30
  interface Props {
31
- type?: 'bar' | 'pie' | 'line' | 'map' | 'line_bar';
31
+ type?: 'bar' | 'pie' | 'line' | 'map';
32
32
  data?: Value;
33
33
  option?: EChartsOption;
34
34
  isCity?: boolean;
@@ -157,8 +157,7 @@ export var getChartOption = function getChartOption(chartType, data) {
157
157
  if (!reverseXAxis) {
158
158
  series = data.series.map(function (item) {
159
159
  return _objectSpread(_objectSpread(_objectSpread({}, item), seriesItem), {}, {
160
- type: chartType === 'line_bar' ? item.type : chartType,
161
- yAxisIndex: item.type === 'line' ? 0 : 1
160
+ type: chartType
162
161
  });
163
162
  });
164
163
  } else {
@@ -166,8 +165,7 @@ export var getChartOption = function getChartOption(chartType, data) {
166
165
  name: seriesName || '',
167
166
  data: data.series
168
167
  }, seriesItem), {}, {
169
- type: chartType === 'line_bar' ? seriesItem.type : chartType,
170
- yAxisIndex: seriesItem.type === 'line' ? 0 : 1
168
+ type: chartType
171
169
  })];
172
170
  }
173
171
  tooltip.axisPointer = tooltip.axisPointer || {};
@@ -192,12 +190,10 @@ export var getChartOption = function getChartOption(chartType, data) {
192
190
  legend.icon = 'circle';
193
191
  }
194
192
  legend.formatter = legendFormatter ? legendFormatter : legendFormatterDefault;
195
- var dealyAxis = [yAxis, yAxis];
196
- console.log('yAxis', dealyAxis);
197
193
  return _objectSpread(_objectSpread({}, baseConfig), {}, {
198
194
  legend: legend,
199
195
  xAxis: xAxis,
200
- yAxis: dealyAxis,
196
+ yAxis: yAxis,
201
197
  tooltip: tooltip,
202
198
  grid: grid,
203
199
  series: series
@@ -6,7 +6,7 @@ export declare const formatPieData: (data: ChartTypes.Value, showAll?: boolean,
6
6
  color: string;
7
7
  };
8
8
  }[];
9
- export declare const formatChartData: (data: ChartTypes.Value, showAll?: boolean, showList?: Array<any>, reverseXAxis?: boolean, color?: string[], isUseSelf?: boolean) => {
9
+ export declare const formatChartData: (data: ChartTypes.Value, showAll?: boolean, showList?: Array<any>, reverseXAxis?: boolean, color?: string[]) => {
10
10
  xAxis: string[];
11
11
  series: any;
12
12
  resultFormatMap: {
@@ -28,7 +28,7 @@ export var formatPieData = function formatPieData(data, showAll, showList, showO
28
28
  if (showOther && !showAll && other.value > 0) list.push(other);
29
29
  return list;
30
30
  };
31
- export var formatChartData = function formatChartData(data, showAll, showList, reverseXAxis, color, isUseSelf) {
31
+ export var formatChartData = function formatChartData(data, showAll, showList, reverseXAxis, color) {
32
32
  var showMap = getShowMap(showList);
33
33
  var xAxisData = data.xAxis || data.x_axis;
34
34
  var xAxis = reverseXAxis && data.series.length ? [] : xAxisData;
@@ -56,8 +56,7 @@ export var formatChartData = function formatChartData(data, showAll, showList, r
56
56
  } else {
57
57
  sData.push({
58
58
  name: name,
59
- data: seriesItem.values,
60
- type: isUseSelf ? seriesItem.type : undefined
59
+ data: seriesItem.values
61
60
  });
62
61
  }
63
62
  }
@@ -72,6 +72,7 @@ export default (function () {
72
72
  theme: "secondary",
73
73
  onChange: onChange,
74
74
  disableItemList: disabledList,
75
- dropdownExtra: /*#__PURE__*/React.createElement(Button, null, "+ \u6DFB\u52A0")
75
+ dropdownExtra: /*#__PURE__*/React.createElement(Button, null, "+ \u6DFB\u52A0"),
76
+ extraLabel: ' (别名)'
76
77
  }), /*#__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)));
77
78
  });
@@ -17,7 +17,8 @@ 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;
20
+ disable = props.disable,
21
+ extraLabel = props.extraLabel;
21
22
  var classPrefix = 'biz-select-handle';
22
23
  var _useState = useState(false),
23
24
  _useState2 = _slicedToArray(_useState, 2),
@@ -145,7 +146,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
145
146
  return /*#__PURE__*/React.createElement("div", {
146
147
  ref: handleRef,
147
148
  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'),
148
- title: props.label || (optionData === null || optionData === void 0 ? void 0 : optionData[aliasField || '']) || (optionData === null || optionData === void 0 ? void 0 : optionData[labelField])
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)
149
150
  }, /*#__PURE__*/React.createElement("span", {
150
151
  className: "".concat(classPrefix, "-content")
151
152
  }, /*#__PURE__*/React.createElement("span", {
@@ -154,7 +155,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
154
155
  className: "".concat(classPrefix, "-icon")
155
156
  }, 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", {
156
157
  className: "".concat(classPrefix, "-holder")
157
- }, placeholder || '请选择'))), /*#__PURE__*/React.createElement(IconFont, {
158
+ }, placeholder || '请选择'), extraLabel)), /*#__PURE__*/React.createElement(IconFont, {
158
159
  className: "".concat(classPrefix, "-expand-icon").concat(props.open ? ' open' : ''),
159
160
  type: 'xiangxia'
160
161
  }));
@@ -163,6 +164,7 @@ SelectHandle.defaultProps = {
163
164
  labelField: 'label',
164
165
  keyField: 'id',
165
166
  border: true,
166
- showSelectIcon: true
167
+ showSelectIcon: true,
168
+ extraLabel: ''
167
169
  };
168
170
  export default SelectHandle;
@@ -191,6 +191,7 @@ var BizSelect = function BizSelect(props) {
191
191
  showSelectIcon: props.showSelectIcon,
192
192
  status: props.status,
193
193
  open: visible,
194
+ extraLabel: props.extraLabel,
194
195
  onDelete: onDelete,
195
196
  onSearch: function onSearch(v) {
196
197
  setSearchValue(v);
@@ -26,6 +26,7 @@ export declare namespace BizSelectTypes {
26
26
  minDropdownWidth?: number;
27
27
  options: Group[] | Option[];
28
28
  extra?: (option: Option) => ReactNode;
29
+ extraLabel?: ReactNode;
29
30
  dropdownExtra?: ReactNode;
30
31
  enableSearch?: boolean;
31
32
  enableCreate?: boolean;
@@ -75,6 +76,7 @@ export declare namespace BizSelectTypes {
75
76
  }
76
77
  export interface HandlerTypes {
77
78
  label?: string;
79
+ extraLabel?: ReactNode;
78
80
  children?: ReactNode;
79
81
  placeholder?: string;
80
82
  value?: BizSelectTypes.Option | BizSelectTypes.Option[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zgfe/business-lib",
3
- "version": "1.2.3-ht.0",
3
+ "version": "1.2.3-session.0",
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": "b69b4bee42b9107e4bfb0fad2d0e27002bca3a32",
58
+ "gitHead": "606cac66fdf2ee6464434df5778c7873d1de4733",
59
59
  "gitHooks": {
60
60
  "pre-commit": "lint-staged"
61
61
  }
@@ -1,24 +0,0 @@
1
- declare const _default: {
2
- series: ({
3
- type: string;
4
- names: string[];
5
- values: number[];
6
- duration?: undefined;
7
- index?: undefined;
8
- } | {
9
- duration: never[];
10
- type: string;
11
- index: string;
12
- names: string[];
13
- values: number[];
14
- })[];
15
- xAxis: string[];
16
- };
17
- export default _default;
18
- export declare const barData: {
19
- xAxis: string[];
20
- series: {
21
- names: string[];
22
- values: number[];
23
- }[];
24
- };
@@ -1,60 +0,0 @@
1
- export default {
2
- series: [{
3
- type: 'bar',
4
- names: ['histogramFirstUv'],
5
- values: [0, 0, 1, 0, 0, 10000, 0, 0, 13, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
6
- }, {
7
- duration: [],
8
- type: 'bar',
9
- index: '人数',
10
- names: ['histogramSecondUv'],
11
- values: [0, 0, 0, 0, 0, 0, 10000, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
12
- }, {
13
- duration: [],
14
- type: 'bar',
15
- index: '人数',
16
- names: ['lineChartFirstUv'],
17
- values: [0, 0, 0, 0, 0, 0, 0, 10000, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
18
- }, {
19
- duration: [],
20
- type: 'bar',
21
- index: '人数',
22
- names: ['lineChartSecondUv'],
23
- values: [0, 0, 0, 0, 0, 0, 0, 10000, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
24
- }, {
25
- duration: [],
26
- type: 'line',
27
- index: '额度',
28
- names: ['histogramFirstNv'],
29
- values: [0, 0, 1, 0, 0, 0, 0, 0, 13, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
30
- }, {
31
- duration: [],
32
- type: 'line',
33
- index: '额度',
34
- names: ['histogramSecondNv'],
35
- values: [0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
36
- }, {
37
- duration: [],
38
- type: 'line',
39
- index: '额度',
40
- names: ['lineChartFirstNv'],
41
- values: [0, 0, 0, 0, 0, 0, 0, 0, 5, 5, 10, 20, 40, 80, 160, 320, 640, 1280, 2560, 5120, 10240, 20480, 40960, 81920]
42
- }, {
43
- duration: [],
44
- type: 'line',
45
- index: '额度',
46
- names: ['lineChartSecondNv'],
47
- values: [0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
48
- }],
49
- xAxis: ['2023-10-25 00:00:00', '2023-10-25 01:00:00', '2023-10-25 02:00:00', '2023-10-25 03:00:00', '2023-10-25 04:00:00', '2023-10-25 05:00:00', '2023-10-25 06:00:00', '2023-10-25 07:00:00', '2023-10-25 08:00:00', '2023-10-25 09:00:00', '2023-10-25 10:00:00', '2023-10-25 11:00:00', '2023-10-25 12:00:00', '2023-10-25 13:00:00', '2023-10-25 14:00:00', '2023-10-25 15:00:00', '2023-10-25 16:00:00', '2023-10-25 17:00:00', '2023-10-25 18:00:00', '2023-10-25 19:00:00', '2023-10-25 20:00:00', '2023-10-25 21:00:00', '2023-10-25 22:00:00', '2023-10-25 23:00:00']
50
- };
51
- export var barData = {
52
- xAxis: ['2022-08-23|2022-08-30'],
53
- series: [{
54
- names: ['北京市', '所有用户', '查看商品'],
55
- values: [1560]
56
- }, {
57
- names: ['北京市', '最近7天活跃用户', '查看商品'],
58
- values: [1560]
59
- }]
60
- };
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { BizChart } from '@zgfe/business-lib';
3
- import data from './data/data4';
4
- export default (function () {
5
- return /*#__PURE__*/React.createElement(BizChart, {
6
- data: data,
7
- type: "line_bar",
8
- showAll: false,
9
- legendPosition: "bottom"
10
- });
11
- });