0.0.8 • Published 6 years ago
@beisen-cmps/ux-m-platform-interval-input v0.0.8
组件使用、扩展文档
BlockItem数字区间
用于数字区间
UI规则
- 编辑态
- 标题最大宽度为96px超出折行
- 两边界值平分剩余宽度，超出打点省略
- 点击该项时弹出输入键盘
- 快速搜索态
- 激活输入框，边框变为蓝色，弹出输入键盘
- 点击清空，清空输入框中的值
- 点击确定，完成输入
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) |