@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)

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

    Package Sidebar

    Install

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

    Weekly Downloads

    2

    Version

    0.0.8

    License

    ISC

    Unpacked Size

    149 kB

    Total Files

    17

    Last publish

    Collaborators

    • beisencorp