$ cnpm install @uyun/ec-ip-addr-input
作者:沈剑芬
支持IPV4,IPV6,IPV4范围段及IPV6范围段等格式的Ip地址输入校验框。
<IpInput />
基础输入框
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
id | 输入控件id(必填项) | string | - |
value | 输入控件的值 | string[] | - |
size | 输入控件的尺寸 | string | default |
onChange | 输入控件值发生改变时的回调 | Function | (value) => void |
*注意 id 是必填项
getValidateInput(id,form,ipRange,options,limitCount,size)
获取经过表单 getFieldDecorator 包装的带校验控件
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
id | 输入控件唯一标志。支持嵌套式的写法(必填项) | string | - |
form | Form 表单的 form 属性 | object | - |
ipRange | 组件是否需要支持IPV4和IPV6范围段输入IP地址,默认不支持 | boolean | false |
options | 同 Form 表单的 getFieldDecorator(id, options) 中的options | object | - |
limitCount | IP地址个数上限 | number | - |
size | 输入控件的尺寸 | string | default |
*注意 id,form 是必填项,将父组件的form属性传给该组件,才能进行正常校验
validIpAddrs(value,ipRange) => errorIndex
调用该方法校验IP地址,返回错误IP值下标
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 输入控件的值 | string[] | - |
ipRange | 组件是否需要支持IPV4和IPV6范围段输入IP地址,默认不支持 | boolean | false |
errorIndex | 控件的错误值下标 | string[] | [] |
validIpAddrsRepeat(value,ipRange) => errorIndex
若IP地址输入框允许范围段输入,调用该方法验证IP地址是否重复,返回重复IP值下标值
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 输入控件的值 | string[] | - |
ipRange | 组件是否需要支持IPV4和IPV6范围段输入IP地址,默认不支持 | boolean | false |
errorIndex | 控件的重复值的错误下标 | string[] | [] |
validIpAddrsLimit(value, ipRange, limitCount) => errorIndex
调用该方法获取返回超过上限个数的IP地址下标值
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 输入控件的值 | string[] | - |
ipRange | 组件是否需要支持IPV4和IPV6范围段输入IP地址,默认不支持 | boolean | false |
limitCount | 组件IP地址个数上限 | number | - |
errorIndex | 控件的重复值的错误下标 | string[] | [] |
Copyright 2013 - present © cnpmjs.org