fix: BaseInput should not pass className to input when has addon (#35)

* fix: BaseInput should not pass className to input when has addon

* test: add test case

Author: MadCcc

src/BaseInput.tsx

@@ -148,7 +148,11 @@ const BaseInput: FC<BaseInputProps> = (props) => {
       <span className={mergedGroupClassName} style={style} hidden={hidden}>
         <span className={mergedWrapperClassName}>
           {addonBefore && <span className={addonCls}>{addonBefore}</span>}
-          {cloneElement(element, { style: inputStyle ?? null, hidden: null })}
+          {cloneElement(inputElement, {
+            style: inputStyle ?? null,
+            hidden: null,
+            value,
+          })}
           {addonAfter && <span className={addonCls}>{addonAfter}</span>}
         </span>
       </span>

tests/BaseInput.test.tsx

@@ -186,4 +186,21 @@ describe('BaseInput', () => {
     expect(container.querySelector('.test-base')).toBeTruthy();
     expect(container.querySelector('.test')).toBeTruthy();
   });
+
+  it('should not pass className to inputElement when has addon', () => {
+    const { container } = render(
+      <BaseInput
+        prefixCls="rc-input"
+        className="test-base"
+        addonBefore="addon"
+        inputElement={<input className="test" />}
+      />,
+    );
+    expect(
+      container.querySelector('input')?.classList.contains('test'),
+    ).toBeTruthy();
+    expect(
+      container.querySelector('input')?.classList.contains('test-base'),
+    ).toBeFalsy();
+  });
 });