dtable-ui-component 6.0.110-oot.3 → 6.0.110-oot.5

package/lib/DTableCustomizeSelect/index.css

@@ -90,3 +90,10 @@
   white-space: nowrap;
   color: #868E96;
 }
+
+.seatable-customize-select .selected-option-show {
+  height: 20px;
+  line-height: 20px;
+  margin-right: 8px;
+  width: calc(100% - 20px);
+}

package/lib/DTableCustomizeSelect/select-option-group/search-input.js

@@ -66,6 +66,9 @@ class SearchInput extends _react.Component {
       if (!isClearable || !searchValue) return null;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
+        style: {
+          fontSize: '12px'
+        },
         onClick: this.clearSearch,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
           symbol: "close"

package/lib/DTableSelect/index.js

@@ -129,24 +129,9 @@ class DTableSelect extends _react.default.Component {
         options.shift();
       }
     }
-    const optionsWithCheck = options.map(option => {
-      const isSelected = value && value.value === option.value;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, option), {}, {
-        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          className: "d-flex align-items-center justify-content-between",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "select-option-label",
-            children: option.label
-          }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "dtable-font dtable-icon-check seatable-check-color",
-            style: {
-              width: '12px',
-              height: '12px'
-            }
-          })]
-        })
-      });
-    });
+
+    // 保持 label 为纯文本
+    const optionsWithCheck = options.map(option => (0, _objectSpread2.default)({}, option));
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.default, {
       value: value,
       isDisabled: isDisabled,
@@ -177,7 +162,32 @@ class DTableSelect extends _react.default.Component {
       filterOption: customFilterOption,
       autoFocus: autoFocus,
       form: form,
-      menuIsOpen: true
+      formatOptionLabel: (option, _ref3) => {
+        let {
+          context
+        } = _ref3;
+        const isSelected = value && value.value === option.value;
+        if (context === 'menu') {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: "d-flex align-items-center justify-content-between",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "select-option-label",
+              children: option.label
+            }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "dtable-font dtable-icon-check seatable-check-color",
+              style: {
+                width: '12px',
+                height: '12px'
+              }
+            })]
+          });
+        }
+        // context === 'value'，即已选项显示区
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "select-option-label",
+          children: option.label
+        });
+      }
     });
   }
 }

package/package.json

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