fix: preserve zero-valued suffix content

Author: QDyanbing

src/Input.tsx

@@ -1,5 +1,10 @@
 import { clsx } from 'clsx';
-import { omit, triggerFocus, type InputFocusOptions } from '@rc-component/util';
+import {
+  isReactRenderable,
+  omit,
+  triggerFocus,
+  type InputFocusOptions,
+} from '@rc-component/util';
 import React, {
   forwardRef,
   useEffect,
@@ -236,15 +241,16 @@ const Input = forwardRef<InputRef, InputProps>((props, ref) => {
 
   const getSuffix = () => {
     // Max length value
-    if (suffix || countConfig.show) {
+    if (isReactRenderable(suffix) || countConfig.show) {
       return (
         <>
           {countConfig.show && (
             <span
               className={clsx(
                 `${prefixCls}-show-count-suffix`,
                 {
-                  [`${prefixCls}-show-count-has-suffix`]: !!suffix,
+                  [`${prefixCls}-show-count-has-suffix`]:
+                    isReactRenderable(suffix),
                 },
                 classNames?.count,
               )}

tests/renderability.test.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Input from '../src';
+
+describe('suffix renderability', () => {
+  it('renders zero and applies the count suffix class', () => {
+    const { container, rerender } = render(<Input suffix={0} />);
+    expect(container.querySelector('.rc-input-suffix')).toHaveTextContent('0');
+    rerender(<Input suffix={0} showCount />);
+    expect(
+      container.querySelector('.rc-input-show-count-has-suffix'),
+    ).toBeTruthy();
+  });
+
+  it.each([null, undefined, false, ''])(
+    'does not wrap an empty suffix %s',
+    (suffix) => {
+      const { container } = render(<Input suffix={suffix} />);
+      expect(container.querySelector('.rc-input-suffix')).toBeNull();
+    },
+  );
+});