dtable-ui-component 6.0.110-sam.2 → 6.0.110-sam.9

package/lib/DTableGroupSelect/select-option-group.js

@@ -232,7 +232,7 @@ class SelectOptionGroup extends _react.Component {
             ClearIndicator: props => {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
                 className: (0, _classnames.default)('select-search-text-clear input-icon-addon seatable-icon dtable-font dtable-icon-x'),
-                onClick: this.clearValue
+                onClick: props.clearValue
               });
             }
           }

package/lib/DTableSelect/index.js

@@ -31,13 +31,12 @@ class DTableSelect extends _react.default.Component {
       className
     } = this.props;
     const processedOptions = (0, _utils.processOptionsWithClear)(options, isClearable);
-    const effectiveClearable = isClearable && !isMulti; // 只在非多选模式下显示清除按钮
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.default, {
       value: value,
-      onChange: (0, _utils.createHandleChange)(onChange),
+      onChange: (0, _utils.createHandleChange)(onChange, isMulti),
       options: processedOptions,
       isMulti: isMulti,
-      isClearable: effectiveClearable,
+      isClearable: false,
       className: className,
       classNamePrefix: classNamePrefix,
       styles: style || _utils.MenuSelectStyle,

package/lib/DTableSelect/utils.js

@@ -239,20 +239,31 @@ const processOptionsWithClear = (options, isClearable) => {
   return options;
 };
 exports.processOptionsWithClear = processOptionsWithClear;
-const handleSelectChange = (selectedOption, actionMeta, onChangeCallback) => {
-  if (selectedOption && selectedOption.value === '__clear__') {
+const handleSelectChange = (selectedOption, actionMeta, onChangeCallback, isMulti) => {
+  if (isMulti && Array.isArray(selectedOption)) {
+    // 多选模式：检查数组中是否有 __clear__ 选项
+    const hasClear = selectedOption && selectedOption.some(opt => opt && opt.value === '__clear__');
+    if (hasClear) {
+      onChangeCallback([], {
+        ...actionMeta,
+        action: 'clear'
+      });
+      return;
+    }
+  } else if (selectedOption && selectedOption.value === '__clear__') {
+    // 单选模式
     onChangeCallback(null, {
       ...actionMeta,
       action: 'clear'
     });
-  } else {
-    onChangeCallback(selectedOption, actionMeta);
+    return;
   }
+  onChangeCallback(selectedOption, actionMeta);
 };
 exports.handleSelectChange = handleSelectChange;
-const createHandleChange = onChange => {
+const createHandleChange = (onChange, isMulti) => {
   return (selectedOption, actionMeta) => {
-    handleSelectChange(selectedOption, actionMeta, onChange);
+    handleSelectChange(selectedOption, actionMeta, onChange, isMulti);
   };
 };
 exports.createHandleChange = createHandleChange;

package/lib/SelectOptionGroup/index.js

@@ -274,7 +274,7 @@ class SelectOptionGroup extends _react.Component {
               ClearIndicator: props => {
                 return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
                   className: (0, _classnames.default)('select-search-text-clear input-icon-addon seatable-icon dtable-font dtable-icon-x'),
-                  onClick: this.clearValue
+                  onClick: props.clearValue
                 });
               }
             }

package/package.json

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