chore: support naming

Author: zombieJ

src/InputNumber.tsx

@@ -55,7 +55,7 @@ const getDecimalIfValidate = (value: ValueType) => {
   return decimal.isInvalidate() ? null : decimal;
 };
 
-type SemanticName = 'actions' | 'input';
+type SemanticName = 'actions' | 'input' | 'action';
 export interface InputNumberProps<T extends ValueType = ValueType>
   extends Omit<
     React.InputHTMLAttributes<HTMLInputElement>,
@@ -593,18 +593,28 @@ const InternalInputNumber = React.forwardRef(
 
     // ============================ Render ============================
     // >>>>>> Handler
+    const sharedHandlerProps = {
+      prefixCls,
+      onStep: onInternalStep,
+      className: classNames?.action,
+      style: styles?.action,
+    };
+
     const upNode = (
-      <StepHandler action="up" prefixCls={prefixCls} disabled={upDisabled} onStep={onInternalStep}>
+      <StepHandler 
+        {...sharedHandlerProps}
+        action="up" 
+        disabled={upDisabled}
+      >
         {upHandler}
       </StepHandler>
     );
 
     const downNode = (
       <StepHandler
+        {...sharedHandlerProps}
         action="down"
-        prefixCls={prefixCls}
         disabled={downDisabled}
-        onStep={onInternalStep}
       >
         {downHandler}
       </StepHandler>

src/StepHandler.tsx

@@ -18,6 +18,8 @@ export interface StepHandlerProps {
   action: 'up' | 'down';
   children?: React.ReactNode;
   disabled?: boolean;
+  className?: string;
+  style?: React.CSSProperties;
   onStep: (up: boolean, emitter: 'handler' | 'keyboard' | 'wheel') => void;
 }
 
@@ -26,6 +28,8 @@ export default function StepHandler({
   action,
   children,
   disabled,
+  className,
+  style,
   onStep,
 }: StepHandlerProps) {
   // ======================== MISC ========================
@@ -70,9 +74,14 @@ export default function StepHandler({
   // ======================= Render =======================
   const handlerClassName = `${prefixCls}-handler`;
 
-  const className = clsx(handlerClassName, `${handlerClassName}-${action}`, {
-    [`${handlerClassName}-${action}-disabled`]: disabled,
-  });
+  const mergedClassName = clsx(
+    handlerClassName, 
+    `${handlerClassName}-${action}`, 
+    {
+      [`${handlerClassName}-${action}-disabled`]: disabled,
+    },
+    className
+  );
 
   // fix: https://github.com/ant-design/ant-design/issues/43088
   // In Safari, When we fire onmousedown and onmouseup events in quick succession,
@@ -96,7 +105,8 @@ export default function StepHandler({
       }}
       aria-label={isUpAction ? 'Increase Value' : 'Decrease Value'}
       aria-disabled={disabled}
-      className={className}
+      className={mergedClassName}
+      style={style}
     >
       {children || <span unselectable="on" className={`${prefixCls}-handler-${action}-inner`} />}
     </span>