数字输入框
![image](/img/docs/hi-input-number-0.png)
介绍
基本表单组件,仅允许输入数字格式的输入框。
API
Props
Props 属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
默认状态 | 组件的状态, "默认"|"禁用"|"隐藏"|"只读" | string | 'default' |
标题 | 组件的标题文案 | string | '数字输入框' |
显示标题 | 是否显示标题 | boolean | true |
默认值 | 组件的默认值类型,"自定义"|"公式编辑" | string | 'custom' |
编辑默认值 | 组件的默认值配置,支持绑定变量 | string | - |
公式编辑 | 配置默认值的公式 | string | - |
模式 | 按钮模式,"按钮内嵌模式|""左右按钮模式"" | string | embed |
占位提示 | 配置组件占位符的文案 | string | - |
字段占比 | 组件宽度在父容器中的占比,"25%"|"50%"|"75%"|"100%" | string | '100%' |
数据字段 | 表单字段名 | string | "INPUT_随机八位字符" |
数字变化步长 | 每次点击"+"、"-"按钮后改变数值的变化幅度 | number | 1 |
数字精度 | 允许输入的小数位数 | number | - |
最小值 | 允许输入的最小值 | number | - |
最大值 | 允许输入的最大值 | number | - |
清除按钮 | 是否开启清除按钮 | boolean | false |
Props 高级
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
唯一标识 | 组件的唯一标识 | string | - |
补充说明 | 表单项底部的说明文字 | string | '' |
气泡提醒 | 组件旁边图标悬浮显示的说明性文字 | string | - |
必填 | 未输入内容时校验不通过 | boolean | false |
最小值 | 数字输入框值小于最小值时校验不通过 | boolean | false |
最大值 | 数字输入框值大于最大值时校验不通过 | boolean | false |
自定义函数 | 自定义校验函数,可配置校验规则与校验提示内容 | boolean | false |
前缀类型 | 前缀的类型,"text"|"icon" | string | "text" |
前缀标签 | 前缀中的文案内容 | string | - |
后缀类型 | 后缀的类型,"text"|"icon" | string | "text" |
后缀标签 | 后缀中的文案内容 | string | - |
循环 | 循环渲染设置 | - | - |