dtable-ui-component 6.0.110-oot.32 → 6.0.110-oot.34
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.
|
@@ -153,8 +153,7 @@ class DTableSelect extends _react.default.Component {
|
|
|
153
153
|
Option,
|
|
154
154
|
DropdownIndicator,
|
|
155
155
|
MenuList,
|
|
156
|
-
ClearIndicator
|
|
157
|
-
ValueContainer
|
|
156
|
+
ClearIndicator
|
|
158
157
|
},
|
|
159
158
|
placeholder: placeholder,
|
|
160
159
|
isSearchable: isSearchable,
|
|
@@ -169,6 +168,7 @@ class DTableSelect extends _react.default.Component {
|
|
|
169
168
|
filterOption: customFilterOption,
|
|
170
169
|
autoFocus: autoFocus,
|
|
171
170
|
form: form,
|
|
171
|
+
menuIsOpen: true,
|
|
172
172
|
formatOptionLabel: (option, _ref3) => {
|
|
173
173
|
let {
|
|
174
174
|
context
|
|
@@ -9,7 +9,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
|
|
|
9
9
|
// Seahub select is based on seafile-ui.css, so use the following content to override the default react-select style
|
|
10
10
|
const DEFAULT_CONTROL_STYLE = {
|
|
11
11
|
fontSize: '14px',
|
|
12
|
-
padding: '0
|
|
12
|
+
padding: '0 1rem',
|
|
13
13
|
border: '1px solid var(--bs-border-color) !important',
|
|
14
14
|
boxShadow: 'none',
|
|
15
15
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
@@ -18,7 +18,7 @@ const DEFAULT_CONTROL_STYLE = {
|
|
|
18
18
|
};
|
|
19
19
|
const FOCUS_CONTROL_STYLE = {
|
|
20
20
|
fontSize: '14px',
|
|
21
|
-
padding: '0
|
|
21
|
+
padding: '0 1rem',
|
|
22
22
|
border: '1px solid #3e84f7',
|
|
23
23
|
boxShadow: 'none',
|
|
24
24
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
@@ -54,12 +54,13 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
54
54
|
// .react-select__menu / react-select-2-listbox
|
|
55
55
|
menu: base => {
|
|
56
56
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
|
|
57
|
-
padding: '
|
|
57
|
+
padding: '8px',
|
|
58
58
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
59
59
|
border: '1px solid var(--bs-border-secondary-color)',
|
|
60
60
|
borderRadius: '4px',
|
|
61
61
|
boxShadow: '0px 6px 14px rgba(0, 0, 0, 0.1)',
|
|
62
|
-
marginTop: '4px'
|
|
62
|
+
marginTop: '4px',
|
|
63
|
+
marginBottom: 0
|
|
63
64
|
});
|
|
64
65
|
},
|
|
65
66
|
// .react-select__menu-list）
|
|
@@ -77,7 +78,7 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
77
78
|
if (isActive || isVisited) {
|
|
78
79
|
bgColor = 'rgba(0, 0, 0, 0.06)';
|
|
79
80
|
} else if (isFocused) {
|
|
80
|
-
bgColor = '
|
|
81
|
+
bgColor = 'rgba(0, 0, 0, .04)';
|
|
81
82
|
} else {
|
|
82
83
|
bgColor = 'var(--bs-popover-bg)';
|
|
83
84
|
}
|
|
@@ -85,7 +86,7 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
85
86
|
color: 'var(--bs-body-color)',
|
|
86
87
|
borderRadius: '4px',
|
|
87
88
|
minHeight: '32px',
|
|
88
|
-
padding: '6px
|
|
89
|
+
padding: '6px 8px 6px 8px',
|
|
89
90
|
cursor: isDisabled ? 'default' : 'pointer',
|
|
90
91
|
backgroundColor: "".concat(bgColor, " !important")
|
|
91
92
|
});
|