category:
  en: Form
  'zh-CN': 表单
icon: ''
extra:
  en: |

    ```html
      <group>
        <x-number title="title" v-model="value"></x-number>
      </group>
    ```

    ::: tip
    `x-number` shoule be used in `Group`
    :::

  zh-CN: |

    ```html
      <group>
        <x-number title="title" v-model="value"></x-number>
      </group>
    ```

    ::: tip
    `x-number`只能在`Group`中使用
    :::
tags:
  en:
    - form
    - number
  zh-CN:
    - 表单
    - 数字
props:
  value:
    type: Number
    default: 0
    en: 'form value, use `v-model` for binding'
    zh-CN: 表单值，使用`v-model`绑定
  title:
    en: label text
    zh-CN: 标题
  min:
    type: Number
    en: minimum number of value
    zh-CN: 最小值
  max:
    type: Number
    en: maximum number of value
    zh-CN: 最大值
  step:
    type: Number
    default: 1
    en: step value
    zh-CN: 步长
  fillable:
    type: Boolean
    default: false
    en: if use can fill the number
    zh-CN: 是否可填写
  width:
    type: String
    default: 50px
    en: width of the input element
    zh-CN: 输入框宽度
  button-style:
    type: String
    default: square
    en: button styles, ['square', 'round']
    zh-CN: '按钮样式，可选值为`square`或者`round`'
  align:
    type: String
    default: right
    en: align setting of the selecting area
    zh-CN: '按钮部分位置，默认在右边(right)，可选值为`left`和`right`'
changes:
  v2.8.0:
    en:
      - '[fix] fix on-change fires after created'
    zh-CN:
      - '[fix] 修复初始化时 on-change 错误触发'
  v2.3.7:
    en:
      - '[fix] fix value type #1554'
    zh-CN:
      - '[fix] 修复值类型 #1554'
  v2.3.2:
    en:
      - '[fix] fix undefined-min detecting logic. #1459'
    zh-CN:
      - '[fix] 修复 min 不存在的判断 #1459'
  v2.2.1:
    en:
      - '[fix] delete prop-check-warning message, and disable `add` and `sub` method when `value` is empty string'
    zh-CN:
      - '[fix] `value`为空字符串时，去掉 prop 类型检测 warning 信息，并禁用 `add` 和 `sub` 方法'
  v2.2.1-rc.8:
    en:
      - '[fix] fix cannot edit first number character when fillable'
    zh-CN:
      - '[fix] 当 `fillable` 为true时，修复数字第一位无法编辑的问题'
  v2.1.1-rc.7:
    en:
      - '[fix] Emit on-change after nextTick'
    zh-CN:
      - '[fix] 在 nextTick 后触发 on-change 事件'
  v2.1.0:
    en:
      - '[feature] upgrade `WeUI`'
      - '[fix] fix `label` styles donot conform with `group` settings'
      - '[feature] support prop:`align`'
    zh-CN:
      - '[feature] 升级`WeUI`样式'
      - '[fix] 修复`label`样式不受控于`group`设置'
      - '[feature] 支持`align`属性'
  v2.1.0-rc.46:
    en:
      - '[enhance] use `svg` for `+` `-` symbols'
      - '[feature] support `round` style for buttons'
    zh-CN:
      - '[enhance] 使用`svg`代替 `+` `-` 字符'
      - '[feature] 支持圆形按钮样式'
  v2.0.0:
    en:
      - '[change] set `fiilable` default value to `false`'
    zh-CN:
      - '[change] fillable 值默认为false, 稍微保护一下不小心商城的后端接口没有做好数据校验的用户，导致用户粘贴负数还提交正确'