## OPNumber 扫描输入组件

- 点击空格切换输入框
- Enter 回车触发回调

```jsx
import React, { useState } from 'react';
import { Button, Icon } from '@alife/cn-ui';
import ReactDOM from 'react-dom';
import { OPNumber } from '../src/view';

const TestScanHeader = () => {
  const [val, setVal] = useState(1);
  const onChange = (val) => {
    // console.log(val);
  };
  const onEnter = () => {
    console.log('onEnter');
  };
  return (
    <div>
      <OPNumber
        onEnter={onEnter}
        value={val}
        onChange={setVal}
        width={100}
        align='right'
      />
      <OPNumber onChange={onChange} width={100} align='right' />
      <OPNumber
        placeholder='设置了最大100'
        max={100}
        onChange={onChange}
        width={200}
        align='right'
      />
      <OPNumber
        placeholder='设置了最小值100'
        min={100}
        width={200}
        align='right'
      />
      <OPNumber
        placeholder='自定义format，每次+1'
        format={(val) => val + 1}
        width={250}
        align='right'
      />
    </div>
  );
};

ReactDOM.render(<TestScanHeader />, mountNode);
```

```css

```