fix: preserve zero-valued dropdown content and icons

src/BaseSelect/index.tsx

@@ -1,6 +1,6 @@
 import type { AlignType, BuildInPlacements } from '@rc-component/trigger';
 import { clsx } from 'clsx';
-import { getDOM, isNonNullable, useEvent } from '@rc-component/util';
+import { getDOM, isNonNullable, isReactRenderable, useEvent } from '@rc-component/util';
 import type { ScrollConfig, ScrollTo } from '@rc-component/virtual-list';
 import * as React from 'react';
 import { useAllowClear } from '../hooks/useAllowClear';
@@ -360,7 +360,7 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
 
   // ============================== Open ==============================
   // Not trigger `open` when `notFoundContent` is empty
-  const emptyListContent = !notFoundContent && emptyOptions;
+  const emptyListContent = !isReactRenderable(notFoundContent) && emptyOptions;
 
   const [rawOpen, mergedOpen, triggerOpen, lockOptions] = useOpen(
     defaultOpen || false,

src/OptionList.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx';
-import { KeyCode, omit, pickAttrs, useMemo } from '@rc-component/util';
+import { isReactRenderable, KeyCode, omit, pickAttrs, useMemo } from '@rc-component/util';
 import List, { type ListRef, type ScrollConfig } from '@rc-component/virtual-list';
 import * as React from 'react';
 import { useEffect } from 'react';
@@ -446,10 +446,12 @@ const OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, r
           const mergedLabel = getLabel(item);
 
           const iconVisible =
-            !menuItemSelectedIcon || typeof menuItemSelectedIcon === 'function' || selected;
+            !isReactRenderable(menuItemSelectedIcon) ||
+            typeof menuItemSelectedIcon === 'function' ||
+            selected;
 
           // https://github.com/ant-design/ant-design/issues/34145
-          const content = typeof mergedLabel === 'number' ? mergedLabel : mergedLabel || value;
+          const content = isReactRenderable(mergedLabel) ? mergedLabel : value;
           // https://github.com/ant-design/ant-design/issues/26717
           let optionTitle = isTitleType(content) ? content.toString() : undefined;
           if (title !== undefined) {

src/Select.tsx

@@ -369,10 +369,7 @@ const Select = React.forwardRef<BaseSelectRef, SelectProps<any, DefaultOptionTyp
       // https://github.com/ant-design/ant-design/issues/25057
       if (!mode && mergedValues.length === 1) {
         const firstValue = mergedValues[0];
-        if (
-          firstValue.value === null &&
-          (firstValue.label === null || firstValue.label === undefined)
-        ) {
+        if (firstValue.value === null && !isNonNullable(firstValue.label)) {
           return [];
         }
       }

src/SelectInput/Content/SingleContent.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { isNonNullable } from '@rc-component/util';
 import { clsx } from 'clsx';
 import Input from '../Input';
 import { useSelectInputContext } from '../context';
@@ -64,10 +65,7 @@ const SingleContent = React.forwardRef<HTMLInputElement, SharedContentProps>(
 
     // ========================== Render ==========================
     const showHasValueCls =
-      displayValue &&
-      displayValue.label !== null &&
-      displayValue.label !== undefined &&
-      String(displayValue.label).trim() !== '';
+      displayValue && isNonNullable(displayValue.label) && String(displayValue.label).trim() !== '';
 
     // Render value
     // Only render value when not using custom input in combobox mode

tests/renderability.test.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Select from '../src';
+
+it('opens an empty dropdown containing zero', () => {
+  const { baseElement } = render(<Select open options={[]} notFoundContent={0} />);
+  expect(baseElement.querySelector('.rc-select-item-empty').textContent).toBe('0');
+});
+
+it('only renders a zero selection icon on selected options', () => {
+  const { baseElement } = render(
+    <Select
+      open
+      mode="multiple"
+      value={['a']}
+      virtual={false}
+      menuItemSelectedIcon={0}
+      options={[
+        { value: 'a', label: 'A' },
+        { value: 'b', label: 'B' },
+      ]}
+    />,
+  );
+  expect(baseElement.querySelectorAll('.rc-select-item-option-state')).toHaveLength(1);
+  expect(
+    baseElement.querySelector('.rc-select-item-option-selected .rc-select-item-option-state')
+      .textContent,
+  ).toBe('0');
+});
+
+it('keeps a zero option label in the dropdown and selected value', () => {
+  const { container, baseElement } = render(
+    <Select open value="a" options={[{ value: 'a', label: 0 }]} />,
+  );
+  expect(baseElement.querySelector('.rc-select-item-option-content').textContent).toBe('0');
+  expect(container.querySelector('.rc-select-content-has-value')).toBeTruthy();
+});