dtable-ui-component 6.0.110-oot.21 → 6.0.110-oot.23

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.
Files changed (10) hide show
  1. package/lib/DTableCustomizeSearchInput/index.css +3 -3
  2. package/lib/DTableCustomizeSelect/index.css +1 -0
  3. package/lib/DTableCustomizeSelect/select-option-group/index.css +2 -18
  4. package/lib/DTableGroupSelect/index.css +1 -1
  5. package/lib/DTableGroupSelect/select-option-group.css +1 -4
  6. package/lib/DTableGroupSelect/select-option-group.js +7 -20
  7. package/lib/DTableSelect/index.js +1 -1
  8. package/lib/SelectOptionGroup/index.css +1 -1
  9. package/lib/SelectOptionGroup/index.js +6 -18
  10. package/package.json +1 -1
package/lib/DTableCustomizeSearchInput/index.css CHANGED
@@ -12,7 +12,7 @@
12
12
  .seatable-search-input .form-control {
13
13
  height: 32px;
14
14
  border: none;
15
- padding: .375rem 1rem;
15
+ padding: .375rem 0 .375rem 1rem;
16
16
  cursor: pointer;
17
17
  border-bottom: 1px solid var(--bs-border-color);
18
18
  }
@@ -26,7 +26,7 @@
26
26
  .seatable-search-input .input-icon-addon {
27
27
  z-index: 1;
28
28
  pointer-events: auto;
29
- min-width: 2.5rem !important;
29
+ min-width: 2.75rem !important;
30
30
  }
31
31
 
32
32
  .seatable-search-input .input-icon-addon svg {
@@ -59,7 +59,7 @@
59
59
  .seatable-search-input-multiple .input-icon-addon {
60
60
  z-index: 1;
61
61
  pointer-events: auto;
62
- min-width: 2.5rem !important;
62
+ min-width: 2.75rem !important;
63
63
  top: 10px;
64
64
  height: 30px;
65
65
  right: 10px;
package/lib/DTableCustomizeSelect/index.css CHANGED
@@ -88,6 +88,7 @@
88
88
  font-size: 14px;
89
89
  white-space: nowrap;
90
90
  color: #868E96;
91
+ margin-right: 8px;
91
92
  }
92
93
 
93
94
  .seatable-customize-select .selected-option-show {
package/lib/DTableCustomizeSelect/select-option-group/index.css CHANGED
@@ -14,7 +14,6 @@
14
14
 
15
15
  .seatable-option-group .seatable-option-group-search {
16
16
  width: 100%;
17
- padding: 6px 10px;
18
17
  min-width: 170px;
19
18
  position: relative;
20
19
  padding: 0;
@@ -25,7 +24,7 @@
25
24
  .seatable-option-group .seatable-option-group-search .form-control {
26
25
  height: 32px;
27
26
  border: none;
28
- padding: .375rem 1rem;
27
+ padding: .375rem 0 .375rem 1rem;
29
28
  cursor: pointer;
30
29
  border-bottom: 1px solid var(--bs-border-color);
31
30
  }
@@ -38,7 +37,7 @@
38
37
  .seatable-option-group .seatable-option-group-search .input-icon-addon {
39
38
  z-index: 1;
40
39
  pointer-events: auto;
41
- min-width: 2.5rem !important;
40
+ min-width: 2.75rem !important;
42
41
  }
43
42
 
44
43
  .seatable-option-group .seatable-option-group-search .input-icon-addon svg {
@@ -84,21 +83,6 @@
84
83
  background-color: rgba(0, 0, 0, 0.04);
85
84
  }
86
85
 
87
- /* .seatable-select-option .seatable-multicolor-icon-tick {
88
- right: 10px;
89
- position: absolute;
90
- color: inherit;
91
- }
92
-
93
- .seatable-select-option:not(.seatable-select-option-active):hover .header-icon .seatable-multicolor-icon {
94
- fill: #aaa;
95
- }
96
-
97
- .seatable-select-option:not(.seatable-select-option-active):hover .header-icon .sf2-icon-tick {
98
- color: #aaa;
99
- } */
100
-
101
-
102
86
  .seatable-select-option .select-option-name .multiple-select-option {
103
87
  margin: 0;
104
88
  }
package/lib/DTableGroupSelect/index.css CHANGED
@@ -108,7 +108,7 @@
108
108
  border: none;
109
109
  border-bottom: 1px solid rgb(0 40 100 / 12%) !important;
110
110
  border-radius: 4px 4px 0 0;
111
- padding: .375rem 1rem !important;
111
+ padding: .375rem 0 .375rem 1rem;
112
112
  height: 32px;
113
113
  }
114
114
 
package/lib/DTableGroupSelect/select-option-group.css CHANGED
@@ -14,6 +14,7 @@
14
14
  align-items: center;
15
15
  justify-content: space-between;
16
16
  padding: 0.25rem 8px;
17
+ border-radius: 4px;
17
18
  }
18
19
 
19
20
  .group-selector .option .dtable-icon-check{
@@ -31,10 +32,6 @@
31
32
  cursor: pointer;
32
33
  }
33
34
 
34
- .group-selector .option.option-active .dtable-icon-check-mark {
35
- color: #666666 !important;
36
- }
37
-
38
35
  .group-selector .option .select-option-name .multiple-select-option {
39
36
  margin: 0;
40
37
  }
package/lib/DTableGroupSelect/select-option-group.js CHANGED
@@ -8,11 +8,9 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
- var _DTableSearchInput = _interopRequireDefault(require("../DTableSearchInput"));
11
+ var _DTableCustomizeSearchInput = _interopRequireDefault(require("../DTableCustomizeSearchInput"));
12
12
  var _option = _interopRequireDefault(require("./option"));
13
13
  var _KeyCodes = _interopRequireDefault(require("../SelectOptionGroup/KeyCodes"));
14
- var _IconButton = _interopRequireDefault(require("../IconButton"));
15
- var _lang = require("../lang");
16
14
  require("./select-option-group.css");
17
15
  var _jsxRuntime = require("react/jsx-runtime");
18
16
  const OPTION_HEIGHT = 32;
@@ -220,26 +218,15 @@ class SelectOptionGroup extends _react.Component {
220
218
  style: style,
221
219
  onMouseDown: this.onMouseDown,
222
220
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
223
- className: "position-relative",
224
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
225
- className: "option-search-control",
221
+ className: "seatable-search-input",
222
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCustomizeSearchInput.default, {
226
223
  placeholder: searchPlaceholder,
227
224
  onChange: this.onChangeSearch,
228
- ref: this.searchInputRef,
229
- isClearable: true,
225
+ autoFocus: true,
226
+ value: searchVal,
230
227
  clearValue: this.clearValue,
231
- components: {
232
- ClearIndicator: props => {
233
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
234
- className: (0, _classnames.default)('select-search-text-clear input-icon-addon seatable-icon dtable-font dtable-icon-x'),
235
- onClick: e => {
236
- e.stopPropagation();
237
- e.nativeEvent.stopImmediatePropagation();
238
- props.clearValue();
239
- }
240
- });
241
- }
242
- }
228
+ isClearable: true,
229
+ isLeftIcon: true
243
230
  })
244
231
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
245
232
  className: "option-group-content",
package/lib/DTableSelect/index.js CHANGED
@@ -106,7 +106,7 @@ class DTableSelect extends _react.default.Component {
106
106
  placeholder = '',
107
107
  isMulti = false,
108
108
  menuPosition,
109
- isClearable = true,
109
+ isClearable = false,
110
110
  noOptionsMessage = () => {
111
111
  return null;
112
112
  },
package/lib/SelectOptionGroup/index.css CHANGED
@@ -68,7 +68,7 @@
68
68
  border: none;
69
69
  border-bottom: 1px solid rgb(0 40 100 / 12%) !important;
70
70
  border-radius: 4px 4px 0 0;
71
- padding: .375rem 1rem !important;
71
+ padding: .375rem 0 .375rem 1rem;
72
72
  height: 32px;
73
73
  }
74
74
 
package/lib/SelectOptionGroup/index.js CHANGED
@@ -9,7 +9,7 @@ exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
  var _option = _interopRequireDefault(require("./option"));
12
- var _DTableSearchInput = _interopRequireDefault(require("../DTableSearchInput"));
12
+ var _DTableCustomizeSearchInput = _interopRequireDefault(require("../DTableCustomizeSearchInput"));
13
13
  var _KeyCodes = _interopRequireDefault(require("./KeyCodes"));
14
14
  var _ClickOutside = _interopRequireDefault(require("../ClickOutside"));
15
15
  require("./index.css");
@@ -261,27 +261,15 @@ class SelectOptionGroup extends _react.Component {
261
261
  onClick: e => e.stopPropagation(),
262
262
  children: value.label || ''
263
263
  }), searchable && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
264
- className: "option-group-search",
265
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
266
- className: "option-search-control",
264
+ className: "seatable-search-input-multiple",
265
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCustomizeSearchInput.default, {
267
266
  placeholder: searchPlaceholder,
268
267
  onChange: this.onChangeSearch,
269
- autoFocus: true,
270
- ref: this.searchInputRef,
268
+ value: searchVal,
271
269
  clearValue: this.clearValue,
270
+ autoFocus: true,
272
271
  isClearable: true,
273
- components: {
274
- ClearIndicator: props => {
275
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
276
- className: (0, _classnames.default)('select-search-text-clear input-icon-addon seatable-icon dtable-font dtable-icon-x'),
277
- onClick: e => {
278
- e.stopPropagation();
279
- e.nativeEvent.stopImmediatePropagation();
280
- props.clearValue();
281
- }
282
- });
283
- }
284
- }
272
+ isMultiple: true
285
273
  })
286
274
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
287
275
  className: "option-group-content ".concat(!searchable && !supportMultipleSelect ? 'option-group-top' : ''),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dtable-ui-component",
3
- "version": "6.0.110oot.21",
3
+ "version": "6.0.110oot.23",
4
4
  "main": "./lib/index.js",
5
5
  "dependencies": {
6
6
  "@seafile/react-image-lightbox": "^5.0.4",