fix(input-number): without controls suffix style (#50450)

Co-authored-by: afc163 <afc163@gmail.com>

components/input-number/__tests__/suffix.test.tsx

@@ -16,4 +16,12 @@ describe('suffix', () => {
     fireEvent.click(container.querySelector('i')!);
     expect(mockFocus).toHaveBeenCalled();
   });
+
+  it('should has classname when without controls', () => {
+    const { container } = render(<InputNumber suffix={<i>antd</i>} controls={false} />);
+
+    expect(
+      container.querySelector('.ant-input-number-affix-wrapper-without-controls'),
+    ).toBeTruthy();
+  });
 });

components/input-number/index.tsx

@@ -171,6 +171,7 @@ const InputNumber = React.forwardRef<HTMLInputElement, InputNumberProps>((props,
             [`${prefixCls}-affix-wrapper-sm`]: mergedSize === 'small',
             [`${prefixCls}-affix-wrapper-lg`]: mergedSize === 'large',
             [`${prefixCls}-affix-wrapper-rtl`]: direction === 'rtl',
+            [`${prefixCls}-affix-wrapper-without-controls`]: controls === false,
           },
           hashId,
         ),

components/input-number/style/index.ts

@@ -469,7 +469,7 @@ const genAffixWrapperStyles: GenerateStyle<InputNumberToken> = (token: InputNumb
         width: token.handleWidth,
         opacity: 1,
       },
-      [`&:hover ${componentCls}-suffix`]: {
+      [`&:not(${componentCls}-affix-wrapper-without-controls):hover ${componentCls}-suffix`]: {
         marginInlineEnd: token.calc(token.handleWidth).add(paddingInline).equal(),
       },
     },