重构input-number组件

[aaronlet]

[aaronlet]

tasking

属性

• [ ] 通过props.size控制InputNumber的大小
  • [ ] 由于内部使用了Input组件设置size时也需要检测input的size是否正常设置
• [ ] modelValue双向绑定
  • [ ] 绑定modelValue值能否在input中正常显示
  • [ ] 点击增加按钮+传入modelValue是否+1
  • [ ] 点击减少按钮-传入modelValue是否-1
• [ ] 通过props.min设置数字最小值，modelValue小于props.min则等于props.min
• [ ] 通过props.max设置数字最小值，modelValue小于props.max则等于props.max
• [ ] 通过props.step设置每次增加和减少步长
  • [ ] 点击点击增加按钮+传入modelValue是否加等于props.step
  • [ ] 点击点击减少按钮-传入modelValue是否减等于props.step
  • [ ] 若最大值存在点击增大按钮modelValue，不能大于最大值
  • [ ] 若最小值存在点击减少按钮modelValue，不能小于最大值
• [ ] 通过props.step-strictly是否只能输入是否只能输入 step 的倍数
  • [ ] 初始化时props.step如果存在，则校验modelValue是否是props.step倍数modelValue%props.step===0，不是则抛出警告，设置modelValue的值为props.step的倍数modelValue -= modelValue%props.step，判断modelValue是否与调整值相同
• [ ] 通过precision校验是否使用浮点数，modelVaule浮点位数是否与props.precision相同
• [ ] 通过props.disabled判断
  • [ ] 增加按钮是否存在is-disabled
  • [ ] 减少按钮是否存在is-disabled
  • [ ] input是否存在disabled属性
• [ ] 通过props.controls控制增加减少按钮是否存在
• [ ] 通过props.controlsPosition控制按钮是否存在is-controls-right样式
• [ ] 通过props.name属性指定input是否存在name
• [ ] 通过props.label属性指定input是否存在label
• [ ] 通过props.placeholder属性指定input是否存在placeholder
• [ ] 用户通过按钮up按钮控制数值增加，需要遵循props.step-strictly、props.max、props.step规则
• [ ] 用户通过按钮down按钮控制数值减少，需要遵循props.step-strictly、props.max、props.step规则

事件

• [ ] 用户可以定义change事件控制modelValue值，但组件被禁用时无法使用
• [ ] 用户可以定义blur事件，但组件被禁用时无法使用
• [ ] 用户可以定义focus事件，但组件被禁用时无法使用

[aaronlet]

预计最晚提交时间 2020-12-25