IP 地址输入框新

作者：沈剑芬

支持 IPV4,IPV6,IPV4 范围段及 IPV6 范围段等格式的 Ip 地址输入校验框。

何时使用

基础输入框，输入任意值按回车或者逗号生成一个有效值，不具备校验功能。

针对于允许 IP 范围段输入的场景，提供 validIpAddrs 、 validIpAddrsRepeat 、 validIpAddrsLimit等校验方法，返回错误 IP 值下标，自定义组合校验，实现 IP 输入框校验。

表单场景中，IPV4、IPV6、IPV4 范围段及 IPV6 范围段输入校验框。通过调用getValidateInput方法获取获取经过表单 getFieldDecorator 包装的带校验控件。

表单场景中，IP 输入框需要支持 IPV4 或者 IPV6 或者 IPV4&IPV6 IPV4&子网掩码或者等特定格式的校验，通过调用 getValidateInput 方法中的 type 参数来获取获取经过表单 getFieldDecorator 包装的带校验控件

属性	说明	类型	默认值
id	输入控件 id（必填项）	string	-
placeholder	输入控件的 placeholder	string	请输入 IP 地址
size	输入控件的尺寸	<kbd>small</kbd> \| <kbd>middle</kbd> \|<kbd>large</kbd>	<kbd>middle</kbd>

获取经过表单 validateIpInput 包装的带校验控件,以下是 params 参数类型

属性	说明	类型	默认值
name	输入控件唯一标志。支持嵌套式的写法（必填项）	string	-
label	输入控件唯一标志。支持嵌套式的写法（必填项）	string	-
rules	校验规则，设置字段的校验逻辑。用法同 Form 中的 rules	Rule[]	-
ipRange	组件是否需要支持 IPV4 和 IPV6 范围段输入 IP 地址，默认不支持,若指定为 true,则不需要设置 validateTye	boolean	false
limitCount	IP 地址个数上限	number	100
messageError	组件报错内容展示为弹错	boolean	false
validateTye	组件校验 IP 格式,若没有指定 ipRange，需要指定 validateTye 类型	<kbd>ipv4</kbd> \| <kbd>ipv6</kbd> \|<kbd>ipV4V6</kbd> \|<kbd>ipV4Vx</kbd>	-
size	输入控件的尺寸	string	default
placeholder	输入控件的 placeholder	string	-

调用该方法校验 IP 地址，返回错误 IP 值下标

属性	说明	类型	默认值
value	输入控件的值	string[ ]	-
ipRange	组件是否需要支持 IPV4 和 IPV6 范围段输入 IP 地址，默认不支持	boolean	false

若 IP 地址输入框允许范围段输入，调用该方法验证 IP 地址是否重复，返回重复 IP 值下标值

属性	说明	类型	默认值
value	输入控件的值	string[ ]	-
ipRange	组件是否需要支持 IPV4 和 IPV6 范围段输入 IP 地址，默认不支持	boolean	false

调用该方法获取返回超过上限个数的 IP 地址下标值,以下是 params 参数类型

属性	说明	类型	默认值
value	输入控件的值	string[ ]	-
ipRange	组件是否需要支持 IPV4 和 IPV6 范围段输入 IP 地址，默认不支持	boolean	false
limitCount	组件 IP 地址个数上限	number	-