$ cnpm install @uyun/ip-addr-input
作者:沈剑芬
支持 IPV4,IPV6,IPV4 范围段及 IPV6 范围段等格式的 Ip 地址输入校验框。
基础输入框,输入任意值按回车或者逗号生成一个有效值,不具备校验功能。
<Example path="Basic" />针对于允许 IP 范围段输入的场景,提供 validIpAddrs
、 validIpAddrsRepeat
、 validIpAddrsLimit
等校验方法,返回错误 IP 值下标,自定义组合校验,实现 IP 输入框校验。
表单场景中,IPV4、IPV6、IPV4 范围段及 IPV6 范围段输入校验框。通过调用getValidateInput
方法获取获取经过表单 getFieldDecorator 包装的带校验控件。
表单场景中,IP 输入框需要支持 IPV4 或者 IPV6 或者 IPV4&IPV6 IPV4&子网掩码 或者等特定格式的校验,通过调用 getValidateInput 方法中的 type 参数来获取获取经过表单 getFieldDecorator 包装的带校验控件
<Example path="ValidateIpType" />属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
id | 输入控件 id(必填项) | string | - |
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
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 |
messageError | 组件报错内容展示为弹错 | boolean | false |
validateTye | 组件校验 IP 格式(取值:ipv4/ipv6/ipV4V6/ipV4Vx) | string | - |
*注意 id,form 是必填项,将父组件的 form 属性传给该组件,才能进行正常校验,
调用该方法校验 IP 地址,返回错误 IP 值下标
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 输入控件的值 | string[] | - |
ipRange | 组件是否需要支持 IPV4 和 IPV6 范围段输入 IP 地址,默认不支持 | boolean | false |
errorIndex | 控件的错误值下标 | string[] | [ ] |
若 IP 地址输入框允许范围段输入,调用该方法验证 IP 地址是否重复,返回重复 IP 值下标值
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 输入控件的值 | string[] | - |
ipRange | 组件是否需要支持 IPV4 和 IPV6 范围段输入 IP 地址,默认不支持 | boolean | false |
errorIndex | 控件的重复值的错误下标 | string[] | [ ] |
调用该方法获取返回超过上限个数的 IP 地址下标值
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 输入控件的值 | string[] | - |
ipRange | 组件是否需要支持 IPV4 和 IPV6 范围段输入 IP 地址,默认不支持 | boolean | false |
limitCount | 组件 IP 地址个数上限 | number | - |
errorIndex | 控件的重复值的错误下标 | string[] | [ ] |
Copyright 2013 - present © cnpmjs.org