feat: group wrapper should have disabled cls

react-component · Dec 15, 2023 · 1b917ae · 1b917ae
1 parent 1aec10f
commit 1b917ae
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/BaseInput.tsx b/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,
     );

diff --git a/tests/BaseInput.test.tsx b/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');
+  });
 });