fix: should correct render when has addon and prefix (#36)

Author: MadCcc

src/BaseInput.tsx

@@ -72,7 +72,10 @@ const BaseInput: FC<BaseInputProps> = (props) => {
     value,
     hidden,
     className:
-      classNames(inputElement.props?.className, className) || undefined,
+      classNames(
+        inputElement.props?.className,
+        !hasPrefixSuffix(props) && !hasAddon(props) && className,
+      ) || null,
     style: {
       ...inputElement.props?.style,
       ...inputStyle,
@@ -148,10 +151,9 @@ const BaseInput: FC<BaseInputProps> = (props) => {
       <span className={mergedGroupClassName} style={style} hidden={hidden}>
         <span className={mergedWrapperClassName}>
           {addonBefore && <span className={addonCls}>{addonBefore}</span>}
-          {cloneElement(inputElement, {
+          {cloneElement(element, {
             style: inputStyle ?? null,
             hidden: null,
-            value,
           })}
           {addonAfter && <span className={addonCls}>{addonAfter}</span>}
         </span>

tests/BaseInput.test.tsx

@@ -203,4 +203,16 @@ describe('BaseInput', () => {
       container.querySelector('input')?.classList.contains('test-base'),
     ).toBeFalsy();
   });
+
+  it('should correct render with prefix and addon', () => {
+    const { container } = render(
+      <BaseInput
+        prefixCls="rc-input"
+        prefix="prefix"
+        addonBefore="addon"
+        inputElement={<input />}
+      />,
+    );
+    expect(container).toMatchSnapshot();
+  });
 });

tests/__snapshots__/BaseInput.test.tsx.snap

@@ -74,6 +74,36 @@ exports[`BaseInput prefix and suffix should render properly 1`] = `
 </div>
 `;
 
+exports[`BaseInput should correct render with prefix and addon 1`] = `
+<div>
+  <span
+    class="rc-input-group-wrapper"
+  >
+    <span
+      class="rc-input-wrapper rc-input-group"
+    >
+      <span
+        class="rc-input-group-addon"
+      >
+        addon
+      </span>
+      <span
+        class="rc-input-affix-wrapper"
+      >
+        <span
+          class="rc-input-prefix"
+        >
+          prefix
+        </span>
+        <input
+          value=""
+        />
+      </span>
+    </span>
+  </span>
+</div>
+`;
+
 exports[`BaseInput should render perfectly 1`] = `
 <div>
   <input