-
组件布局 Layout视图 View导航 Navigation反馈 Feedback
输入框 FormControlissue v2.0.24- v2.0.24
- v2.0.23
- v2.0.22
- v2.0.21
- v2.0.20
- v2.0.19
- v2.0.17
- v2.0.16
- v2.0.15
- v2.0.14
- v2.0.13
- v2.0.12
- v2.0.11
- v2.0.10
- v2.0.9
- v2.0.8
- v2.0.7
- v2.0.6
- v2.0.5
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.0
- v1.1.12
- v1.1.11
- v1.1.10
- v1.1.9
- v1.1.8
- v1.1.7
- v1.1.6
- v1.1.5
- v1.1.4
- v1.1.3
- v1.1.2
- v1.1.1
- v1.1.0
- v1.0.10
- v1.0.9
- v1.0.8
- v1.0.5
- v2.0.24
- v2.0.23
- v2.0.22
- v2.0.21
- v2.0.20
- v2.0.19
- v2.0.17
- v2.0.16
- v2.0.15
- v2.0.14
- v2.0.13
- v2.0.12
- v2.0.11
- v2.0.10
- v2.0.9
- v2.0.8
- v2.0.7
- v2.0.6
- v2.0.5
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.0
- v1.1.12
- v1.1.11
- v1.1.10
- v1.1.9
- v1.1.8
- v1.1.7
- v1.1.6
- v1.1.5
- v1.1.4
- v1.1.3
- v1.1.2
- v1.1.1
- v1.1.0
- v1.0.10
- v1.0.9
- v1.0.8
- v1.0.5
用 <FormControl>
来代替 <input>
, <textarea>
何时使用
代替原生 input
如何使用
import { FormControl } from 'tinper-bee';
or
import FormControl from 'bee-form-control';
import 'bee-form-control/build/FormControl.css';
能力特性
API
FormControl
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
className | 类名 | string | - |
componentClass | 说明表单类型(input ,textarea ) |
string | 'input' |
type | 类型(text ,search , submit ,'checkbox',...详情http://www.w3school.com.cn/html5/att_input_type.asp) |
string | 'text' |
onChange | input值发生改变触发的回调 | func | - |
debounceDelay | 函数防抖时间间隔 | number | - |
onKeyDown | keydown回调 | func | - |
value | input当前值 | string | - |
defaultValue | input默认值 | string | - |
onSearch | input type="search" 回车和点击搜索按钮的回调 | func | - |
showClose | 是否显示清空按钮 | bool | - |
focusSelect | 设置当focus的时候是否选择内容 | bool | false |
prefix | 设置前缀。默认宽度 30px,可通过复写样式更改 | node/string | - |
suffix | 设置后缀。默认宽度 30px,可通过复写样式更改 | node/string | - |
maxLength | 设置最大长度;注:如果非首次渲染更新input的value的时候,不会自动截断value,需在设置value之前将value值手动截断 | number | - |
TextArea
配置 componentClass="textarea" 使用文本域组件
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
autoSize | 自适应内容高度,可设置为 true | false 或对象:{ minRows: 2, maxRows: 6 } | boolean |
onPressEnter | 按下回车的回调 | function(e) | - |
onResize | resize 回调 | function({ width, height }) | - |
注意事项
暂无
更新日志
-
v2.0.9 2019-09-24 ( release地址 )
- bee-form-control @2.0.9
- [Update]解决 value 设置为 undefined 或 null 时,报警告的问题。
- bee-form-control @2.0.9
-
v2.0.8 2019-09-21 ( release地址 )
- bee-form-control @2.0.8
- [Update]解决 Warning: React does not recognize the debounceDelay prop on a DOM element.
- bee-form-control @2.0.8
-
v2.0.7 2019-08-20 ( release地址 )
- bee-form-control @2.0.7
- [ Fixbug ]解决了清空value后删除按钮仍然可见的问题。
- [ Update ] 有value时光标移出后,删除按钮自动隐藏。
- bee-form-control @2.0.7
-
v2.0.6 2019-08-05 ( release地址 )
- bee-form-control @2.0.6
- [Fixbug]不能输入的问题
- bee-form-control @2.0.6
-
v2.0.5 2019-08-03 ( release地址 )
- bee-form-control @2.0.5
- [ Feature ] bee-form-control组件新增了onChange事件函数防抖功能和防抖时间间隔的属性。
- bee-form-control @2.0.5
-
v2.0.3 2019-05-20 ( release地址 )
- bee-form-control @2.0.3
- [Feature]带容器的输入框去掉多余的ClassName
- bee-form-control @2.0.3
-
v2.0.1 2019-03-08 ( release地址 )
- [Fixbug]bee-form-control @2.0.1
- 重新打包代码
- [Fixbug]bee-form-control @2.0.1
-
v2.0.0 2019-03-07 ( release地址 )
- [Feature]bee-form-control @2.0.0
- 规范输入框不可用状态
- [Feature]bee-form-control @2.0.0