@zgfe/business-lib 1.0.26 → 1.0.27-adanalysis.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.
- package/es/addToPanel/index.js +16 -33
- package/es/assets/iconfont/demo_index.html +3 -647
- package/es/assets/iconfont/iconfont.css +3 -115
- package/es/assets/iconfont/iconfont.js +33 -37
- package/es/assets/iconfont/iconfont.json +0 -196
- package/es/assets/iconfont/iconfont.ttf +0 -0
- package/es/assets/iconfont/iconfont.woff +0 -0
- package/es/assets/iconfont/iconfont.woff2 +0 -0
- package/es/assets/styles/resetAntd.less +2 -7
- package/es/attrConditions/components/stringList.js +1 -1
- package/es/attrConditions/components/valuesList.js +5 -7
- package/es/attrConditions/group.js +4 -4
- package/es/attrConditions/types.d.ts +0 -1
- package/es/attributeSelector/styles/index.less +2 -31
- package/es/attributeSelector/util.js +1 -9
- package/es/chart/demo/bar.js +4 -3
- package/es/chart/demo/data/data.d.ts +0 -7
- package/es/chart/demo/data/data.js +0 -10
- package/es/chart/demo/data/data3.d.ts +2 -0
- package/es/chart/demo/data/data3.js +574 -15
- package/es/chart/demo/map.js +2 -1
- package/es/chart/index.js +2 -2
- package/es/chart/util/chartOptionConfig.d.ts +54 -1
- package/es/chart/util/chartOptionConfig.js +7 -13
- package/es/chart/util/formatData.js +1 -2
- package/es/chart/util/formatOption.js +23 -7
- package/es/chart/util/mapUtil.d.ts +2 -2
- package/es/chart/util/mapUtil.js +75 -59
- package/es/cycleTime/index.d.ts +0 -1
- package/es/cycleTime/index.js +5 -12
- package/es/cycleTime/month.d.ts +0 -1
- package/es/cycleTime/month.js +3 -6
- package/es/cycleTime/styles/month.less +0 -12
- package/es/datePicker/datePicker.js +1 -3
- package/es/{cycleTime/demo/disable.d.ts → datePicker/demo/day.d.ts} +1 -0
- package/es/datePicker/demo/day.js +49 -0
- package/es/datePicker/index.js +5 -3
- package/es/datePicker/styles/index.less +2 -1
- package/es/datePicker/types.d.ts +2 -0
- package/es/datePicker/utils.d.ts +1 -0
- package/es/datePicker/utils.js +37 -1
- package/es/eventSelector/index.js +2 -2
- package/es/eventSelector/listPanel.js +5 -20
- package/es/eventSelector/types.d.ts +1 -1
- package/es/layout/analysisLayout/demo/index.js +1 -5
- package/es/layout/analysisLayout/index.js +5 -5
- package/es/layout/analysisLayout/index.less +6 -0
- package/es/select/demo/multiple.js +2 -3
- package/es/select/handle.js +12 -50
- package/es/select/index.js +9 -44
- package/es/select/overlay.d.ts +1 -1
- package/es/select/overlay.js +5 -4
- package/es/select/styles/handle.less +28 -50
- package/es/select/types.d.ts +0 -6
- package/es/targetConditionGroup/index.js +1 -3
- package/es/targetConditionGroup/types.d.ts +0 -1
- package/es/targetSelector/index.js +0 -13
- package/es/targetSelector/styles/index.less +0 -1
- package/es/userCondition/conditions/styles/eventCondition.less +1 -1
- package/es/userCondition/conditions/styles/tagsCondition.less +1 -1
- package/es/userCondition/conditions/tagsCondition.js +13 -26
- package/es/userCondition/conditions/textDesc.js +8 -29
- package/es/userCondition/demo/index.js +228 -5
- package/es/userCondition/types.d.ts +3 -21
- package/es/userCondition/util.d.ts +1 -23
- package/es/userCondition/util.js +5 -39
- package/es/userTagsSelector/cascaderOverlay.js +42 -132
- package/es/userTagsSelector/demo/index.js +5 -12
- package/es/userTagsSelector/groups/groupOption.js +2 -3
- package/es/userTagsSelector/groups/index.js +11 -18
- package/es/userTagsSelector/groups/styles/option.less +1 -6
- package/es/userTagsSelector/index.js +3 -17
- package/es/userTagsSelector/multipleCheckPanel/checkOption.js +1 -2
- package/es/userTagsSelector/multipleCheckPanel/index.js +16 -7
- package/es/userTagsSelector/styles/cascaderOverlay.less +4 -9
- package/es/userTagsSelector/types.d.ts +10 -1
- package/es/userTagsSelector/util.d.ts +1 -1
- package/es/userTagsSelector/util.js +2 -6
- package/es/utils/ajax.js +1 -5
- package/package.json +3 -3
- package/es/cycleTime/demo/disable.js +0 -17
- package/es/userCondition/demo/mockData.d.ts +0 -85
- package/es/userCondition/demo/mockData.js +0 -546
|
@@ -72,21 +72,14 @@ var EventListPanel = function EventListPanel(props) {
|
|
|
72
72
|
eventList: function () {
|
|
73
73
|
var list = [];
|
|
74
74
|
var listObj = {};
|
|
75
|
-
var markList = [];
|
|
76
75
|
eventGroupList === null || eventGroupList === void 0 ? void 0 : eventGroupList.forEach(function (group) {
|
|
77
76
|
group.eventList.forEach(function (item) {
|
|
78
77
|
if (!listObj[item.id]) {
|
|
79
|
-
|
|
80
|
-
markList.push(item);
|
|
81
|
-
} else {
|
|
82
|
-
list.push(item);
|
|
83
|
-
}
|
|
84
|
-
|
|
78
|
+
list.push(item);
|
|
85
79
|
listObj[item.id] = 1;
|
|
86
80
|
}
|
|
87
81
|
});
|
|
88
82
|
});
|
|
89
|
-
list = [].concat(markList, _toConsumableArray(list));
|
|
90
83
|
return list;
|
|
91
84
|
}(),
|
|
92
85
|
name: '所有分组'
|
|
@@ -114,27 +107,19 @@ var EventListPanel = function EventListPanel(props) {
|
|
|
114
107
|
function onClickEvent(e) {
|
|
115
108
|
var resVal = _.cloneDeep(currentValue) || {};
|
|
116
109
|
resVal.event = e;
|
|
117
|
-
|
|
118
|
-
if (e.id === -100) {
|
|
119
|
-
resVal.group = currentGroup;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
110
|
setCurrentValue(resVal);
|
|
123
111
|
if (props.onChange) props.onChange(resVal);
|
|
124
112
|
}
|
|
125
113
|
|
|
126
114
|
function onClickGroup(g) {
|
|
127
|
-
var _currentValue$event;
|
|
128
|
-
|
|
129
115
|
setCurrentGroup(g);
|
|
130
|
-
var isOverview = (currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$event = currentValue.event) === null || _currentValue$event === void 0 ? void 0 : _currentValue$event.id) === -100;
|
|
131
116
|
|
|
132
|
-
if (defaultSelectAble
|
|
117
|
+
if (defaultSelectAble) {
|
|
133
118
|
var resVal = _.cloneDeep(currentValue) || {};
|
|
134
119
|
resVal.group = g;
|
|
135
120
|
resVal.event = searchEventList[0];
|
|
136
121
|
setCurrentValue(resVal);
|
|
137
|
-
if (props.onChange) props.onChange(resVal
|
|
122
|
+
if (props.onChange) props.onChange(resVal);
|
|
138
123
|
}
|
|
139
124
|
}
|
|
140
125
|
|
|
@@ -217,13 +202,13 @@ var InfiniteScrollList = function InfiniteScrollList(_ref) {
|
|
|
217
202
|
scrollableTarget: "scrollableDiv",
|
|
218
203
|
key: Math.random()
|
|
219
204
|
}, showList.map(function (e) {
|
|
220
|
-
var _currentValue$
|
|
205
|
+
var _currentValue$event;
|
|
221
206
|
|
|
222
207
|
if (e.eventHidden === ShowStatus.hidden) return null;
|
|
223
208
|
return /*#__PURE__*/React.createElement(EventListOption, {
|
|
224
209
|
label: e.alias || e.name,
|
|
225
210
|
key: "".concat(currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.id, "-").concat(e.id),
|
|
226
|
-
checked: (currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$
|
|
211
|
+
checked: (currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$event = currentValue.event) === null || _currentValue$event === void 0 ? void 0 : _currentValue$event.id) === e.id,
|
|
227
212
|
highlight: {
|
|
228
213
|
enable: true,
|
|
229
214
|
text: searchValue
|
|
@@ -17,11 +17,7 @@ var Footer = function Footer() {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
var RightContent = function RightContent() {
|
|
20
|
-
return /*#__PURE__*/React.createElement("div",
|
|
21
|
-
style: {
|
|
22
|
-
height: '600px'
|
|
23
|
-
}
|
|
24
|
-
}, /*#__PURE__*/React.createElement("h1", null, "right"));
|
|
20
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "right"));
|
|
25
21
|
};
|
|
26
22
|
|
|
27
23
|
var onCollapse = function onCollapse(flag) {
|
|
@@ -111,8 +111,7 @@ var BizAnalysisLayout = function BizAnalysisLayout(props) {
|
|
|
111
111
|
onClick: onCollapse
|
|
112
112
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
113
113
|
className: "biz-layout-pickup-icon",
|
|
114
|
-
type: 'zhedie'
|
|
115
|
-
size: 24
|
|
114
|
+
type: 'zhedie'
|
|
116
115
|
}))) : /*#__PURE__*/React.createElement(Tooltip, {
|
|
117
116
|
title: "\u5C55\u5F00\u7B5B\u9009\u9762\u677F",
|
|
118
117
|
placement: "right",
|
|
@@ -121,8 +120,7 @@ var BizAnalysisLayout = function BizAnalysisLayout(props) {
|
|
|
121
120
|
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
122
121
|
className: "biz-layout-open",
|
|
123
122
|
onClick: onCollapse,
|
|
124
|
-
type: "zhankai"
|
|
125
|
-
size: 24
|
|
123
|
+
type: "zhankai"
|
|
126
124
|
})), /*#__PURE__*/React.createElement("div", {
|
|
127
125
|
className: "biz-layout-handler",
|
|
128
126
|
style: {
|
|
@@ -134,7 +132,9 @@ var BizAnalysisLayout = function BizAnalysisLayout(props) {
|
|
|
134
132
|
style: {
|
|
135
133
|
width: "calc(100% - ".concat(width + 6, "px)")
|
|
136
134
|
}
|
|
137
|
-
},
|
|
135
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
136
|
+
className: "biz-right-content"
|
|
137
|
+
}, children)));
|
|
138
138
|
};
|
|
139
139
|
|
|
140
140
|
BizAnalysisLayout.defaultProps = {
|
|
@@ -40,7 +40,7 @@ var stringOperate = [{
|
|
|
40
40
|
name: '是空值',
|
|
41
41
|
value: 'is null'
|
|
42
42
|
}, {
|
|
43
|
-
name: '不是空值',
|
|
43
|
+
name: '不是空值aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
|
|
44
44
|
value: 'is not null'
|
|
45
45
|
}];
|
|
46
46
|
var disabledList = [{
|
|
@@ -80,7 +80,6 @@ export default (function () {
|
|
|
80
80
|
disableItemList: disabledList,
|
|
81
81
|
multiple: true,
|
|
82
82
|
enableCreate: true,
|
|
83
|
-
value: data
|
|
84
|
-
disable: true
|
|
83
|
+
value: data
|
|
85
84
|
}), /*#__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)));
|
|
86
85
|
});
|
package/es/select/handle.js
CHANGED
|
@@ -11,19 +11,15 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
11
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
12
|
|
|
13
13
|
import { Input, Tag, Tooltip } from 'antd';
|
|
14
|
-
import {
|
|
15
|
-
import React, { useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
14
|
+
import React, { useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
16
15
|
import IconFont from '../icon/iconFont';
|
|
17
16
|
import './styles/handle.less';
|
|
18
17
|
var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
19
|
-
var _props$value;
|
|
20
|
-
|
|
21
18
|
var placeholder = props.placeholder,
|
|
22
19
|
labelField = props.labelField,
|
|
23
20
|
keyField = props.keyField,
|
|
24
|
-
border = props.border,
|
|
25
|
-
|
|
26
|
-
disable = props.disable;
|
|
21
|
+
_props$border = props.border,
|
|
22
|
+
border = _props$border === void 0 ? true : _props$border;
|
|
27
23
|
var classPrefix = 'biz-select-handle';
|
|
28
24
|
|
|
29
25
|
var _useState = useState(false),
|
|
@@ -40,38 +36,22 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
40
36
|
searchValue = _useState4[0],
|
|
41
37
|
setSearchValue = _useState4[1];
|
|
42
38
|
|
|
43
|
-
var _useContext = useContext(FormItemInputContext),
|
|
44
|
-
contextStatus = _useContext.status;
|
|
45
|
-
|
|
46
|
-
var mergedStatus = props.status || contextStatus;
|
|
47
39
|
useImperativeHandle(ref, function () {
|
|
48
40
|
return {
|
|
49
|
-
create: function create(flag
|
|
41
|
+
create: function create(flag) {
|
|
50
42
|
if (props.disable) return;
|
|
51
43
|
setFocus(flag);
|
|
52
44
|
if (!props.multiple) return;
|
|
53
45
|
|
|
54
46
|
if (flag) {
|
|
55
47
|
inputRef.current.focus();
|
|
56
|
-
} else {
|
|
57
|
-
if (overlayClicked) {
|
|
58
|
-
setSearchValue('');
|
|
59
|
-
} else {
|
|
60
|
-
if (searchValue && props.onCreate) {
|
|
61
|
-
props.onCreate(searchValue);
|
|
62
|
-
setSearchValue('');
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
48
|
}
|
|
49
|
+
|
|
50
|
+
setSearchValue('');
|
|
66
51
|
},
|
|
67
52
|
width: handleRef.current.clientWidth
|
|
68
53
|
};
|
|
69
54
|
});
|
|
70
|
-
useEffect(function () {
|
|
71
|
-
if (focus) {
|
|
72
|
-
props.onVisible && props.onVisible();
|
|
73
|
-
}
|
|
74
|
-
}, [focus]);
|
|
75
55
|
var searchInputWidth = useMemo(function () {
|
|
76
56
|
return textRef.current && searchValue ? textRef.current.offsetWidth : 3;
|
|
77
57
|
}, [searchValue]);
|
|
@@ -86,19 +66,6 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
86
66
|
if (props.onSearch) props.onSearch(value);
|
|
87
67
|
};
|
|
88
68
|
|
|
89
|
-
var onKeyDown = function onKeyDown(e) {
|
|
90
|
-
if (e.keyCode === 13 && props.multiple) {
|
|
91
|
-
var value = e.target.value.trim();
|
|
92
|
-
|
|
93
|
-
if (value && props.onCreate) {
|
|
94
|
-
props.onCreate(value);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
setFocus(false);
|
|
98
|
-
setSearchValue('');
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
|
|
102
69
|
if (props.multiple) {
|
|
103
70
|
return /*#__PURE__*/React.createElement("div", {
|
|
104
71
|
ref: handleRef,
|
|
@@ -111,9 +78,9 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
111
78
|
color: "#fff"
|
|
112
79
|
}, /*#__PURE__*/React.createElement(Tag, {
|
|
113
80
|
closable: true,
|
|
114
|
-
|
|
81
|
+
id: "".concat(classPrefix, "-tag"),
|
|
115
82
|
onClose: function onClose() {
|
|
116
|
-
|
|
83
|
+
onDelete(item);
|
|
117
84
|
}
|
|
118
85
|
}, /*#__PURE__*/React.createElement("div", {
|
|
119
86
|
className: "".concat(classPrefix, "-tag-label")
|
|
@@ -129,8 +96,7 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
129
96
|
width: "".concat(searchInputWidth, "px")
|
|
130
97
|
},
|
|
131
98
|
value: searchValue,
|
|
132
|
-
onChange: onSearch
|
|
133
|
-
onKeyDown: onKeyDown
|
|
99
|
+
onChange: onSearch
|
|
134
100
|
}), /*#__PURE__*/React.createElement("span", {
|
|
135
101
|
className: "".concat(classPrefix, "-temp"),
|
|
136
102
|
ref: textRef
|
|
@@ -139,13 +105,11 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
139
105
|
|
|
140
106
|
return /*#__PURE__*/React.createElement("div", {
|
|
141
107
|
ref: handleRef,
|
|
142
|
-
className: "".concat(classPrefix, "-input ").concat(props.theme ? props.theme : '', "\n ").concat(props.disable ? 'disable' : '', " ").concat(focus ? 'active' : '', " \n ").concat(
|
|
108
|
+
className: "".concat(classPrefix, "-input ").concat(props.theme ? props.theme : '', "\n ").concat(props.disable ? 'disable' : '', " ").concat(focus ? 'active' : '', " \n ").concat(border ? '' : 'borderless', " ").concat(props.size ? props.size : 'middle'),
|
|
143
109
|
title: props.label || props.value && props.value[labelField]
|
|
144
110
|
}, /*#__PURE__*/React.createElement("span", {
|
|
145
111
|
className: "".concat(classPrefix, "-content")
|
|
146
|
-
},
|
|
147
|
-
className: "".concat(classPrefix, "-icon")
|
|
148
|
-
}, props.value.icon), props.label || props.value && props.value[labelField] || /*#__PURE__*/React.createElement("span", {
|
|
112
|
+
}, props.label || props.value && props.value[labelField] || /*#__PURE__*/React.createElement("span", {
|
|
149
113
|
className: "".concat(classPrefix, "-holder")
|
|
150
114
|
}, placeholder || '请选择')), /*#__PURE__*/React.createElement(IconFont, {
|
|
151
115
|
className: "".concat(classPrefix, "-expand-icon"),
|
|
@@ -154,8 +118,6 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
154
118
|
});
|
|
155
119
|
SelectHandle.defaultProps = {
|
|
156
120
|
labelField: 'label',
|
|
157
|
-
keyField: 'id'
|
|
158
|
-
border: true,
|
|
159
|
-
showSelectIcon: true
|
|
121
|
+
keyField: 'id'
|
|
160
122
|
};
|
|
161
123
|
export default SelectHandle;
|
package/es/select/index.js
CHANGED
|
@@ -31,8 +31,6 @@ import _ from 'lodash';
|
|
|
31
31
|
export var classPrefix = 'biz-select';
|
|
32
32
|
|
|
33
33
|
var BizSelect = function BizSelect(props) {
|
|
34
|
-
var _boxRef$current3;
|
|
35
|
-
|
|
36
34
|
var overlayWidth = props.overlayWidth,
|
|
37
35
|
minDropdownWidth = props.minDropdownWidth,
|
|
38
36
|
labelField = props.labelField,
|
|
@@ -55,7 +53,6 @@ var BizSelect = function BizSelect(props) {
|
|
|
55
53
|
setVisible = _useState6[1];
|
|
56
54
|
|
|
57
55
|
var selectRef = useRef(null);
|
|
58
|
-
var overlayRef = useRef(null);
|
|
59
56
|
var boxRef = useRef(null);
|
|
60
57
|
var selectId = Math.random().toString();
|
|
61
58
|
|
|
@@ -65,18 +62,21 @@ var BizSelect = function BizSelect(props) {
|
|
|
65
62
|
setWidth = _useState8[1];
|
|
66
63
|
|
|
67
64
|
useEffect(function () {
|
|
65
|
+
var _boxRef$current;
|
|
66
|
+
|
|
67
|
+
setWidth((boxRef === null || boxRef === void 0 ? void 0 : (_boxRef$current = boxRef.current) === null || _boxRef$current === void 0 ? void 0 : _boxRef$current.width) || 200);
|
|
68
|
+
|
|
68
69
|
if (props.defaultValue) {
|
|
69
70
|
setCurrent(getValue(props.defaultValue));
|
|
70
71
|
}
|
|
71
72
|
|
|
72
73
|
var handleClick = function handleClick(e) {
|
|
73
|
-
var _selectRef$current,
|
|
74
|
+
var _selectRef$current, _boxRef$current2;
|
|
74
75
|
|
|
75
76
|
var clicked = (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.contains(e.target);
|
|
76
|
-
|
|
77
|
-
(_boxRef$current = boxRef.current) === null || _boxRef$current === void 0 ? void 0 : _boxRef$current.create(clicked, overlayClicked);
|
|
77
|
+
(_boxRef$current2 = boxRef.current) === null || _boxRef$current2 === void 0 ? void 0 : _boxRef$current2.create(clicked);
|
|
78
78
|
|
|
79
|
-
if (!clicked && !props.enableCreate
|
|
79
|
+
if (!clicked && !props.enableCreate) {
|
|
80
80
|
setSearchValue('');
|
|
81
81
|
}
|
|
82
82
|
};
|
|
@@ -86,11 +86,6 @@ var BizSelect = function BizSelect(props) {
|
|
|
86
86
|
window.removeEventListener('click', handleClick);
|
|
87
87
|
};
|
|
88
88
|
}, []);
|
|
89
|
-
useEffect(function () {
|
|
90
|
-
var _boxRef$current2;
|
|
91
|
-
|
|
92
|
-
setWidth((boxRef === null || boxRef === void 0 ? void 0 : (_boxRef$current2 = boxRef.current) === null || _boxRef$current2 === void 0 ? void 0 : _boxRef$current2.width) || 200);
|
|
93
|
-
}, [boxRef === null || boxRef === void 0 ? void 0 : (_boxRef$current3 = boxRef.current) === null || _boxRef$current3 === void 0 ? void 0 : _boxRef$current3.width]);
|
|
94
89
|
useEffect(function () {
|
|
95
90
|
if (!props.value) return;
|
|
96
91
|
setCurrent(getValue(props.value));
|
|
@@ -154,39 +149,13 @@ var BizSelect = function BizSelect(props) {
|
|
|
154
149
|
props.onVisibleChange && props.onVisibleChange(flag);
|
|
155
150
|
};
|
|
156
151
|
|
|
157
|
-
var onCreate = function onCreate(val) {
|
|
158
|
-
var _data;
|
|
159
|
-
|
|
160
|
-
if (current) {
|
|
161
|
-
var flag = true;
|
|
162
|
-
current.forEach(function (item) {
|
|
163
|
-
if (item[labelField] === val) {
|
|
164
|
-
flag = false;
|
|
165
|
-
}
|
|
166
|
-
});
|
|
167
|
-
if (!flag) return;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
var data = (_data = {}, _defineProperty(_data, keyField, val), _defineProperty(_data, labelField, val), _data);
|
|
171
|
-
var originData = current || [];
|
|
172
|
-
originData.push(data);
|
|
173
|
-
setCurrent(originData);
|
|
174
|
-
setSearchValue('');
|
|
175
|
-
if (props.onChange) props.onChange(originData);
|
|
176
|
-
};
|
|
177
|
-
|
|
178
|
-
var onVisible = function onVisible() {
|
|
179
|
-
setVisible(true);
|
|
180
|
-
};
|
|
181
|
-
|
|
182
152
|
return /*#__PURE__*/React.createElement(Dropdown, {
|
|
183
153
|
overlay: /*#__PURE__*/React.createElement(SelectOverlay, _objectSpread(_objectSpread({}, res), {}, {
|
|
184
154
|
value: current,
|
|
185
155
|
labelField: labelField,
|
|
186
156
|
keyField: keyField,
|
|
187
157
|
searchValue: searchValue,
|
|
188
|
-
onChange: onChange
|
|
189
|
-
ref: overlayRef
|
|
158
|
+
onChange: onChange
|
|
190
159
|
})),
|
|
191
160
|
disabled: props.disable,
|
|
192
161
|
destroyPopupOnHide: props.destroyPopupOnHide,
|
|
@@ -215,15 +184,11 @@ var BizSelect = function BizSelect(props) {
|
|
|
215
184
|
theme: props.theme,
|
|
216
185
|
size: props.size || 'middle',
|
|
217
186
|
border: props.border,
|
|
218
|
-
showSelectIcon: props.showSelectIcon,
|
|
219
|
-
status: props.status,
|
|
220
187
|
onDelete: onDelete,
|
|
221
188
|
onSearch: function onSearch(v) {
|
|
222
189
|
setSearchValue(v);
|
|
223
190
|
if (props.onSearch) props.onSearch(v);
|
|
224
|
-
}
|
|
225
|
-
onCreate: onCreate,
|
|
226
|
-
onVisible: onVisible
|
|
191
|
+
}
|
|
227
192
|
})));
|
|
228
193
|
};
|
|
229
194
|
|
package/es/select/overlay.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BizSelectTypes } from './types';
|
|
3
|
-
declare const SelectOverlay: React.
|
|
3
|
+
declare const SelectOverlay: React.FC<BizSelectTypes.Props>;
|
|
4
4
|
export default SelectOverlay;
|
package/es/select/overlay.js
CHANGED
|
@@ -18,7 +18,8 @@ import BizSearchInput from '../searchInput';
|
|
|
18
18
|
import { classPrefix } from './index';
|
|
19
19
|
import SelectOption from './option';
|
|
20
20
|
import _ from 'lodash';
|
|
21
|
-
|
|
21
|
+
|
|
22
|
+
var SelectOverlay = function SelectOverlay(props) {
|
|
22
23
|
var labelField = props.labelField,
|
|
23
24
|
keyField = props.keyField,
|
|
24
25
|
options = props.options,
|
|
@@ -198,13 +199,13 @@ var SelectOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
198
199
|
}
|
|
199
200
|
|
|
200
201
|
return /*#__PURE__*/React.createElement("div", {
|
|
201
|
-
className: "".concat(classPrefix, "-overlay ").concat(overlayClassName)
|
|
202
|
-
ref: ref
|
|
202
|
+
className: "".concat(classPrefix, "-overlay ").concat(overlayClassName)
|
|
203
203
|
}, props.enableSearch && !props.multiple && /*#__PURE__*/React.createElement(BizSearchInput, {
|
|
204
204
|
className: "".concat(classPrefix, "-search"),
|
|
205
205
|
onChange: onSearch
|
|
206
206
|
}), dropdownExtra, /*#__PURE__*/React.createElement("div", {
|
|
207
207
|
className: "".concat(classPrefix, "-list-panel")
|
|
208
208
|
}, render()));
|
|
209
|
-
}
|
|
209
|
+
};
|
|
210
|
+
|
|
210
211
|
export default SelectOverlay;
|
|
@@ -56,42 +56,6 @@
|
|
|
56
56
|
height: auto;
|
|
57
57
|
min-height: @height-base;
|
|
58
58
|
}
|
|
59
|
-
.biz-select-handle-tag {
|
|
60
|
-
display: flex;
|
|
61
|
-
align-items: center;
|
|
62
|
-
margin: 2px 4px 2px 0;
|
|
63
|
-
padding: 0 4px;
|
|
64
|
-
padding-top: 1px;
|
|
65
|
-
padding-bottom: 1px;
|
|
66
|
-
background: none;
|
|
67
|
-
border-color: #cacdd4;
|
|
68
|
-
border-radius: @border-radius-small;
|
|
69
|
-
&-label {
|
|
70
|
-
min-width: 0;
|
|
71
|
-
max-width: 100px;
|
|
72
|
-
overflow: hidden;
|
|
73
|
-
text-overflow: ellipsis;
|
|
74
|
-
}
|
|
75
|
-
&:not(.disable) {
|
|
76
|
-
&:hover {
|
|
77
|
-
.__default-hover();
|
|
78
|
-
.anticon {
|
|
79
|
-
color: @primary-color;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
&.disable {
|
|
84
|
-
&:hover {
|
|
85
|
-
cursor: not-allowed;
|
|
86
|
-
.anticon-close {
|
|
87
|
-
cursor: not-allowed;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
.biz-select-handle-tag-label {
|
|
91
|
-
color: @disabled-color !important;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
59
|
}
|
|
96
60
|
|
|
97
61
|
&-search.ant-input {
|
|
@@ -103,7 +67,7 @@
|
|
|
103
67
|
|
|
104
68
|
&:focus,
|
|
105
69
|
&.active {
|
|
106
|
-
box-shadow: none
|
|
70
|
+
box-shadow: none;
|
|
107
71
|
}
|
|
108
72
|
}
|
|
109
73
|
&-temp {
|
|
@@ -117,15 +81,40 @@
|
|
|
117
81
|
color: @input-placeholder-color;
|
|
118
82
|
}
|
|
119
83
|
&-content {
|
|
120
|
-
display: flex;
|
|
121
84
|
flex: 1;
|
|
122
|
-
align-items: center;
|
|
123
85
|
.__default-overflow();
|
|
124
86
|
}
|
|
125
87
|
&-expand-icon {
|
|
126
88
|
width: 14px;
|
|
127
89
|
margin-left: 5px;
|
|
128
90
|
}
|
|
91
|
+
&-input {
|
|
92
|
+
display: flex;
|
|
93
|
+
#biz-select-handle-tag {
|
|
94
|
+
display: flex;
|
|
95
|
+
align-items: center;
|
|
96
|
+
margin: 2px 4px 2px 0;
|
|
97
|
+
padding: 0 4px;
|
|
98
|
+
padding-top: 1px;
|
|
99
|
+
padding-bottom: 1px;
|
|
100
|
+
background: none;
|
|
101
|
+
border-color: #cacdd4;
|
|
102
|
+
border-radius: @border-radius-small;
|
|
103
|
+
&-label {
|
|
104
|
+
min-width: 0;
|
|
105
|
+
max-width: 100px;
|
|
106
|
+
overflow: hidden;
|
|
107
|
+
text-overflow: ellipsis;
|
|
108
|
+
}
|
|
109
|
+
&:hover {
|
|
110
|
+
.__default-hover();
|
|
111
|
+
|
|
112
|
+
.anticon {
|
|
113
|
+
color: @primary-color;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
129
118
|
|
|
130
119
|
&-tooltip {
|
|
131
120
|
.ant-tooltip-inner {
|
|
@@ -133,15 +122,4 @@
|
|
|
133
122
|
background-color: @white;
|
|
134
123
|
}
|
|
135
124
|
}
|
|
136
|
-
|
|
137
|
-
&-icon {
|
|
138
|
-
margin-right: @margin-xss;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
&-status-error {
|
|
142
|
-
border-color: @error-color;
|
|
143
|
-
&.biz-select-handle-input:hover {
|
|
144
|
-
border-color: @error-color;
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
125
|
}
|
package/es/select/types.d.ts
CHANGED
|
@@ -34,9 +34,7 @@ export declare namespace BizSelectTypes {
|
|
|
34
34
|
disableItemList?: Option[];
|
|
35
35
|
searchValue?: string;
|
|
36
36
|
notFound?: string | ReactNode;
|
|
37
|
-
showSelectIcon?: boolean;
|
|
38
37
|
loading?: boolean;
|
|
39
|
-
status?: string;
|
|
40
38
|
onChange?: (val: Option) => void;
|
|
41
39
|
onVisibleChange?: (visible: boolean) => void;
|
|
42
40
|
destroyPopupOnHide?: boolean;
|
|
@@ -71,10 +69,6 @@ export interface HandlerTypes {
|
|
|
71
69
|
theme?: string;
|
|
72
70
|
size?: SizeType;
|
|
73
71
|
border?: boolean;
|
|
74
|
-
showSelectIcon?: boolean;
|
|
75
|
-
status?: string;
|
|
76
72
|
onDelete?: (data: BizSelectTypes.Option) => void;
|
|
77
73
|
onSearch?: (val: string) => void;
|
|
78
|
-
onCreate?: (val: string) => void;
|
|
79
|
-
onVisible?: () => void;
|
|
80
74
|
}
|
|
@@ -211,8 +211,7 @@ var BizTargetCondition = function BizTargetCondition(props) {
|
|
|
211
211
|
eventName: ((_target$value$event5 = target.value.event) === null || _target$value$event5 === void 0 ? void 0 : _target$value$event5.alias) || ((_target$value$event6 = target.value.event) === null || _target$value$event6 === void 0 ? void 0 : _target$value$event6.name),
|
|
212
212
|
eventGroupId: (_target$value$group = target.value.group) === null || _target$value$group === void 0 ? void 0 : _target$value$group.id,
|
|
213
213
|
analysisDimension: analysisDimension,
|
|
214
|
-
filters: filterDatas
|
|
215
|
-
marked: target.value.event.marked
|
|
214
|
+
filters: filterDatas
|
|
216
215
|
};
|
|
217
216
|
props.onChange(data);
|
|
218
217
|
}
|
|
@@ -253,7 +252,6 @@ var BizTargetCondition = function BizTargetCondition(props) {
|
|
|
253
252
|
})), (filters || isAdd) && /*#__PURE__*/React.createElement(BizConditionGroup, {
|
|
254
253
|
ref: conditionRef,
|
|
255
254
|
value: filters,
|
|
256
|
-
onlyAnd: props.onlyAnd,
|
|
257
255
|
enableEventProp: true,
|
|
258
256
|
enableDelete: true,
|
|
259
257
|
eventIdList: (targetData === null || targetData === void 0 ? void 0 : (_targetData$value4 = targetData.value) === null || _targetData$value4 === void 0 ? void 0 : (_targetData$value4$ev = _targetData$value4.event) === null || _targetData$value4$ev === void 0 ? void 0 : _targetData$value4$ev.id) ? [targetData === null || targetData === void 0 ? void 0 : (_targetData$value5 = targetData.value) === null || _targetData$value5 === void 0 ? void 0 : (_targetData$value5$ev = _targetData$value5.event) === null || _targetData$value5$ev === void 0 ? void 0 : _targetData$value5$ev.id] : undefined,
|
|
@@ -39,11 +39,6 @@ var BizTargetSelector = function BizTargetSelector(props) {
|
|
|
39
39
|
showEditModal = _useState6[0],
|
|
40
40
|
setShowEditModal = _useState6[1];
|
|
41
41
|
|
|
42
|
-
var _useState7 = useState(false),
|
|
43
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
44
|
-
visible = _useState8[0],
|
|
45
|
-
setVisible = _useState8[1];
|
|
46
|
-
|
|
47
42
|
useEffect(function () {
|
|
48
43
|
if (!props.defaultValue) return;
|
|
49
44
|
setAlias(props.defaultValue.alias || '');
|
|
@@ -56,8 +51,6 @@ var BizTargetSelector = function BizTargetSelector(props) {
|
|
|
56
51
|
}, [props.value]);
|
|
57
52
|
|
|
58
53
|
var onClickIcon = function onClickIcon(name) {
|
|
59
|
-
setVisible(false);
|
|
60
|
-
|
|
61
54
|
if (name === 'edit') {
|
|
62
55
|
setShowEditModal(true);
|
|
63
56
|
} else if (name === 'add') {
|
|
@@ -98,10 +91,6 @@ var BizTargetSelector = function BizTargetSelector(props) {
|
|
|
98
91
|
});
|
|
99
92
|
};
|
|
100
93
|
|
|
101
|
-
var onVisibleChange = function onVisibleChange(flag) {
|
|
102
|
-
setVisible(flag);
|
|
103
|
-
};
|
|
104
|
-
|
|
105
94
|
return /*#__PURE__*/React.createElement("div", {
|
|
106
95
|
className: classPrefix
|
|
107
96
|
}, /*#__PURE__*/React.cloneElement(props.children, {
|
|
@@ -123,8 +112,6 @@ var BizTargetSelector = function BizTargetSelector(props) {
|
|
|
123
112
|
enabled: enableDelete,
|
|
124
113
|
onClick: onClickIcon
|
|
125
114
|
}), targetData && /*#__PURE__*/React.createElement(Dropdown, {
|
|
126
|
-
visible: visible,
|
|
127
|
-
onVisibleChange: onVisibleChange,
|
|
128
115
|
overlay: /*#__PURE__*/React.createElement(BizTargetOptionMenu, {
|
|
129
116
|
onClick: onClickIcon,
|
|
130
117
|
enableAdd: enableAdd,
|