使用ant-design-mobile的stepper时，唤起ios原生键盘无法输入负数（inputmode="decimal"）

解决措施：将input的inputmode设置为空，并设置input的type为number

import classNames from 'classnames';
import { useRef, useState } from 'react';
import type { HTMLAttributes } from 'react';
import styles from './index.module.less';
import { Stepper } from 'antd-mobile';
import { useMount } from 'ahooks';

export type TOneKeyStepper = HTMLAttributes<HTMLDivElement> & {
  value?: any;
  standardValue: number;
  onChange?: (value) => void;
};

const OneKeyStepper = (props: TOneKeyStepper) => {
  const { value = null, onChange, standardValue } = props;
  const [stepperValue, setStepperValue] = useState<any>(value);

  const hackDomRef = useRef<HTMLDivElement>(null);

  // !!!HACK: 这里是hack掉steeper不支持输入负数
  useMount(() => {
    const inputDom = hackDomRef.current?.getElementsByTagName('input')?.[0] as HTMLInputElement;
    if (inputDom) {
      inputDom.setAttribute('inputmode', '');
      inputDom.setAttribute('type', 'number');
    }
  });

  return (
    <div ref={hackDomRef} className={classNames(styles.stepperWrapper, props.className)}>
      <Stepper
        value={stepperValue === '' ? null : stepperValue}
        digits={1}
        allowEmpty
        className={styles.stepper}
        onChange={val => {
          setStepperValue(val);
          onChange?.(val);
        }}
      />
      <div
        className={styles.standard}
        onClick={() => {
          setStepperValue(standardValue);
          onChange?.(standardValue);
        }}
      >
        填入标准值
      </div>
    </div>
  );
};

export default OneKeyStepper;