fix(Select): fix indeterminate status style (#2915)

* fix(Menu): fix submenu classname * fix(Select): fix indeterminate status
Tencent · May 20, 2024 · 3fc0697 · 3fc0697
1 parent 6164b4f
commit 3fc0697
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/select/base/Option.tsx b/src/select/base/Option.tsx
@@ -60,6 +60,7 @@ const Option: React.FC<SelectOptionProps> = (props) => {
   } = props;
 
   let selected: boolean;
+  let indeterminate: boolean;
   const label = propLabel || value;
   const disabled = propDisabled || (multiple && Array.isArray(selectedValue) && max && selectedValue.length >= max);
 
@@ -98,6 +99,7 @@ const Option: React.FC<SelectOptionProps> = (props) => {
     });
     if (props.checkAll) {
       selected = selectedValue.length === props.optionLength;
+      indeterminate = selectedValue.length > 0 && !selected;
     }
   }
 
@@ -115,6 +117,7 @@ const Option: React.FC<SelectOptionProps> = (props) => {
       return (
         <label
           className={classNames(`${classPrefix}-checkbox`, {
+            [`${classPrefix}-is-indeterminate`]: indeterminate,
             [`${classPrefix}-is-disabled`]: disabled,
             [`${classPrefix}-is-checked`]: selected,
           })}