fix: handle whitespace-only values in content-has-value class

Author: zombieJ

src/SelectInput/Content/SingleContent.tsx

@@ -63,6 +63,13 @@ const SingleContent = React.forwardRef<HTMLInputElement, SharedContentProps>(
     }, [combobox, activeValue]);
 
     // ========================== Render ==========================
+    const showHasValueCls = !!(
+      displayValue &&
+      displayValue.label !== null &&
+      displayValue.label !== undefined &&
+      String(displayValue.label).trim() !== ''
+    );
+
     // Render value
     const renderValue = displayValue ? (
       hasOptionStyle ? (
@@ -88,11 +95,7 @@ const SingleContent = React.forwardRef<HTMLInputElement, SharedContentProps>(
       <div
         className={clsx(
           `${prefixCls}-content`,
-          displayValue &&
-            displayValue.label !== null &&
-            displayValue.label !== undefined &&
-            displayValue.label !== '' &&
-            `${prefixCls}-content-has-value`,
+          showHasValueCls && `${prefixCls}-content-has-value`,
           mergedSearchValue && `${prefixCls}-content-has-search-value`,
           hasOptionStyle && `${prefixCls}-content-has-option-style`,
           classNames?.content,

tests/Select.test.tsx

@@ -286,12 +286,21 @@ describe('Select.Basic', () => {
     const { container } = render(
       <Select value={0}>
         <Option value={0}>0</Option>
-        <Option value="1">1</Option>
+        <Option value={1}>1</Option>
       </Select>,
     );
     expect(container.querySelector('.rc-select-content-has-value')).toBeTruthy();
   });
 
+  it('should not add -content-has-value className when value is whitespace string', () => {
+    const { container } = render(
+      <Select value="  ">
+        <Option value="1">One</Option>
+      </Select>,
+    );
+    expect(container.querySelector('.rc-select-content-has-value')).toBeFalsy();
+  });
+
   it('should default select the right option', () => {
     const { container } = render(
       <Select defaultValue="2">