dtable-ui-component 7.0.0-ahn.17 → 7.0.0-ahn.19
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.
|
@@ -11,6 +11,7 @@ var _SelectOptionGroup = _interopRequireDefault(require("../SelectOptionGroup"))
|
|
|
11
11
|
var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
var _ModalPortal = _interopRequireDefault(require("../ModalPortal"));
|
|
14
|
+
var _utils = require("../utils/utils");
|
|
14
15
|
require("./index.css");
|
|
15
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
17
|
class DTableCustomizeSelect extends _react.Component {
|
|
@@ -23,7 +24,7 @@ class DTableCustomizeSelect extends _react.Component {
|
|
|
23
24
|
so it can be closed when other select is clicked.
|
|
24
25
|
*/
|
|
25
26
|
if (this.state.isShowSelectOptions) event.stopPropagation();
|
|
26
|
-
|
|
27
|
+
const eventClassName = (0, _utils.getEventClassName)(event);
|
|
27
28
|
if (this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'seatable-select-search') return;
|
|
28
29
|
// Prevent closing by pressing the spacebar in the search input
|
|
29
30
|
if (event.target.value === '') return;
|
|
@@ -32,7 +33,7 @@ class DTableCustomizeSelect extends _react.Component {
|
|
|
32
33
|
});
|
|
33
34
|
};
|
|
34
35
|
this.onClick = event => {
|
|
35
|
-
if (this.props.isShowSelected && event.
|
|
36
|
+
if (this.props.isShowSelected && (0, _utils.getEventClassName)(event).includes('icon-fork-number')) {
|
|
36
37
|
return;
|
|
37
38
|
}
|
|
38
39
|
if (!this.selector.contains(event.target)) {
|
|
@@ -72,7 +72,6 @@ const controlCallback = (provided, state) => {
|
|
|
72
72
|
const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
73
73
|
menu: base => {
|
|
74
74
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
|
|
75
|
-
padding: '8px',
|
|
76
75
|
backgroundColor: 'var(--bs-popover-bg)',
|
|
77
76
|
border: '1px solid var(--bs-border-secondary-color)',
|
|
78
77
|
borderRadius: '4px',
|
|
@@ -82,7 +81,7 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
|
|
|
82
81
|
});
|
|
83
82
|
},
|
|
84
83
|
menuList: provided => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
|
|
85
|
-
padding:
|
|
84
|
+
padding: '8px'
|
|
86
85
|
}),
|
|
87
86
|
option: (provided, state) => {
|
|
88
87
|
const isDisabled = state.isDisabled;
|