dtable-ui-component 6.0.110-aol.1 → 6.0.110-aol.2

package/lib/DTableCustomizeSelect/index.js

@@ -52,10 +52,9 @@ class DTableCustomizeSelect extends _react.Component {
     };
     this.getFilterOptions = searchValue => {
       const {
-        options,
-        searchable
+        options
       } = this.props;
-      if (!searchable) return options || [];
+      if (!Array.isArray(options) || options.length < 10) return Array.isArray(options) ? options : [];
       const validSearchVal = searchValue.trim().toLowerCase();
       if (!validSearchVal) return options || [];
       return options.filter(option => {
@@ -88,7 +87,6 @@ class DTableCustomizeSelect extends _react.Component {
       value,
       options,
       placeholder,
-      searchable,
       searchPlaceholder,
       noOptionsPlaceholder,
       isLocked,
@@ -96,6 +94,7 @@ class DTableCustomizeSelect extends _react.Component {
       addOptionAble,
       component
     } = this.props;
+    const searchable = Array.isArray(options) && options.length > 10;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: node => this.selector = node,
       className: (0, _classnames.default)('dtable-select custom-select', {

package/lib/SelectOptionGroup/index.js

@@ -194,6 +194,7 @@ class SelectOptionGroup extends _react.Component {
       addOptionAble,
       component
     } = this.props;
+    const isUnSingleSelectOrMultiSelect = className === 'selector-multiple-select' || className === 'selector-single-select';
     const {
       AddOption
     } = component || {};
@@ -236,7 +237,7 @@ class SelectOptionGroup extends _react.Component {
           onClick: e => e.stopPropagation(),
           children: value.label || ''
         }), searchable && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "option-group-search custom-select-search",
+          className: `option-group-search ${!isUnSingleSelectOrMultiSelect ? 'custom-select-search' : ''}`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
             className: "option-search-control",
             placeholder: searchPlaceholder,
@@ -245,7 +246,7 @@ class SelectOptionGroup extends _react.Component {
             ref: this.searchInputRef
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `option-group-content ${searchable && 'option-group-top'}`,
+          className: `option-group-content ${!searchable ? 'option-group-top' : ''}`,
           ref: ref => this.optionGroupContentRef = ref,
           children: this.renderOptGroup(searchVal)
         }), addOptionAble && AddOption]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.110-aol.1",
+  "version": "6.0.110-aol.2",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "^5.0.4",