@uyun/ip-addr-input
IpAddrInput component from everest-components
Last updated 3 years ago .
UNLICENSED · Repository · Bugs ·
$ cnpm install @uyun/ip-addr-input 
Private package

IP 地址输入框

作者:沈剑芬

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

何时使用

  • v0.3.6 版本依赖 @uyun/components@1.3.6 及以下版本的 form 使用
  • v3.0.0 以上版本(含)依赖 兼容包 @uyun/components-compatible 版本的 form 使用
  • v4.0.0 以上版本(含)依赖 @uyun/components@4.0.0 以上版本的 form 使用

基础输入框

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

<Example path="Basic" />

提供校验方法自定义校验

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

<Example path="ValidateFunc" />

提供 getValidateInput 方法获取 IP 输入框校验控件

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

<Example path="ValidateIp" />

提供 type 参数提供 IP 的不同类型校验

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

<Example path="ValidateIpType" />

API

基础输入框 <IpInput/> 属性

属性 说明 类型 默认值
id 输入控件 id(必填项) string -

getValidateInput(参数组合)

  • 参数组合序列(参数值过多,放下面依次展示):id,form,ipRange,options,limitCount,size,messageError,type
  • 获取经过表单 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
messageError 组件报错内容展示为弹错 boolean false
validateTye 组件校验 IP 格式(取值:ipv4/ipv6/ipV4V6/ipV4Vx) string -

*注意 id,form 是必填项,将父组件的 form 属性传给该组件,才能进行正常校验,

validIpAddrs(value,ipRange)

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

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

validIpAddrsRepeat(value,ipRange)

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

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

validIpAddrsLimit(value,ipRange, limitCount)

调用该方法获取返回超过上限个数的 IP 地址下标值

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

Current Tags

  • 5.0.1-dev.0                                ...           dev (3 years ago)
  • 5.0.2                                ...           latest (3 years ago)

14 Versions

  • 5.0.2                                ...           3 years ago
  • 5.0.1                                ...           3 years ago
  • 5.0.1-dev.0                                ...           3 years ago
  • 4.0.1-dev.4                                ...           3 years ago
  • 15.0.1-dev.0                                ...           3 years ago
  • 4.0.1-dev.2                                ...           3 years ago
  • 4.0.1-dev.1                                ...           3 years ago
  • 3.0.1-dev.0                                ...           3 years ago
  • 4.0.1-dev.0                                ...           3 years ago
  • 0.1.7                                ...           5 years ago
  • 0.1.6                                ...           5 years ago
  • 0.1.4                                ...           5 years ago
  • 0.1.2                                ...           5 years ago
  • 0.1.1                                ...           5 years ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (5)
Dev Dependencies (3)
Dependents (0)
None

Copyright 2013 - present © cnpmjs.org