stepper 步进器

步进器（Stepper）组件是一种常见的用户界面组件，用于允许用户通过增加或减少操作来调整数值。它通常由一个显示当前数值的输入框和增加/减少按钮组成。

Props参数

名称	类型	是否必传	默认值	描述
value	number	✅	-	值
min	number	否	0	最小值
max	number	否	Infinity	最大值
step	number	否	1	步进
disabled	boolean	否	-	是否禁用
inputProps	InputProps	否	-	内容输入框部分 props 覆盖
hiddenInZero	boolean	否	-	当 没有 value 或为 0 时，隐藏减号与输入框
type	'number' | 'digit'	否	number	类型
number - 数值
digit - 支持小数

示例

import { useState } from 'react'
import MMStepper from '~/components/stepper/index'
import MMPageContainer from '../_components/page-container'
import PageDemoBlock from '../_components/page-demo-block'

export default () => {
  const [value, setValue] = useState(1)

  return (
    <MMPageContainer title="步进器">
      <PageDemoBlock title="默认">
        <MMStepper value={value} onChange={setValue} />
      </PageDemoBlock>

      <PageDemoBlock title="最小值(1)/最大值(10)">
        <MMStepper min={1} max={10} value={value} onChange={setValue} />
      </PageDemoBlock>

      <PageDemoBlock title="步进(0.1)">
        <MMStepper step={0.1} value={value} onChange={setValue} />
      </PageDemoBlock>

      <PageDemoBlock title="当输入框值为0时只显示+号">
        <MMStepper value={value} hiddenInZero onChange={setValue} />
      </PageDemoBlock>
    </MMPageContainer>
  )
}