@beisen-cmps/ux-m-platform-interval-input

平台移动端输入区间表单项

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen-cmps/ux-m-platform-interval-input
Minified + gzip package size for @beisen-cmps/ux-m-platform-interval-input in KB

Readme

组件使用、扩展文档

BlockItem数字区间

用于数字区间

UI规则

  1. 编辑态
    • 标题最大宽度为96px超出折行
    • 两边界值平分剩余宽度,超出打点省略
    • 点击该项时弹出输入键盘
  2. 快速搜索态
    • 激活输入框,边框变为蓝色,弹出输入键盘
    • 点击清空,清空输入框中的值
    • 点击确定,完成输入

Inputsearch blockitem

API

BlockItem props

name description type default
cls 自定义container css String ''
style 自定义container style Object {}
label 标题 String ''
leftV 左侧值 Number
rightV 右侧值 Number
popType 搜索类型'searchItem'为快速搜索 String
onFocus 激活 Function()
onBlurLeft 左侧输入框失去焦点 Function(e.target.value)
onBlurRight 右侧输入框失去焦点 Function(e.target.value)
onSubmit 点击确定 Function(e)
onClearValue 点击清空 Function(e)

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.