feat: group wrapper should have disabled cls (#56)

Author: MadCcc

src/BaseInput.tsx

@@ -130,6 +130,7 @@ const BaseInput: FC<BaseInputProps> = (props) => {
   if (hasAddon(props)) {
     const wrapperCls = `${prefixCls}-group`;
     const addonCls = `${wrapperCls}-addon`;
+    const groupWrapperCls = `${wrapperCls}-wrapper`;
 
     const mergedWrapperClassName = clsx(
       `${prefixCls}-wrapper`,
@@ -139,7 +140,10 @@ const BaseInput: FC<BaseInputProps> = (props) => {
     );
 
     const mergedGroupClassName = clsx(
-      `${prefixCls}-group-wrapper`,
+      groupWrapperCls,
+      {
+        [`${groupWrapperCls}-disabled`]: disabled,
+      },
       classes?.group,
       classNames?.groupWrapper,
     );

tests/BaseInput.test.tsx

@@ -226,4 +226,14 @@ describe('BaseInput', () => {
         ?.style.color,
     ).toBe('blue');
   });
+
+  it('with addon and disabled', () => {
+    const { container } = render(
+      <BaseInput prefixCls="rc-input" addonBefore="addon" disabled>
+        <input />
+      </BaseInput>,
+    );
+
+    expect(container.firstChild).toHaveClass('rc-input-group-wrapper-disabled');
+  });
 });