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

0.0.8 • Public • Published

组件使用、扩展文档

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)

Package Sidebar

Install

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

Weekly Downloads

1

Version

0.0.8

License

ISC

Unpacked Size

149 kB

Total Files

17

Last publish

Collaborators

  • beisencorp