数值范围编辑框
使用el-input-number组件封装,用于输入数值范围,如:1~10。支持编辑器类型包含:数值范围编辑框
示例效果
输入参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 编辑器值 | [String, Number] | - |
| controller | 编辑器控制器对象 | new RequiredProp(Object as PropType<C>) | - |
| data | 容器数据,通常为表单数据,表格行数据,面板数据 | new RequiredProp(Object as PropType<IData>) | - |
| disabled | 是否禁用 | { type: Boolean } | false |
| readonly | 是否只读 | { type: Boolean, default: false } | false |
| controlParams | 容器控件参数,一般是指表单部件控件参数、表格控件参数、面板控件参数 | { type: Object, required: false } | - |
事件
| 名称 | 说明 | 类型 |
|---|---|---|
| change | 值变更事件 | {_value:V, _name?:string, _ignore?:boolean} |
| blur | 失焦事件 | {_event?:IData} |
| focus | 聚焦事件 | {_event?:IData} |
| enter | 回车事件 | {_event?:IData} |
编辑器参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| precision | el-input-number组件的precision属性,设置数值精度 | number | undefined |
| maxvalue | el-input-number组件的max属性,设置右侧输入框最大输入值 | number | Infinity |
| minvalue | el-input-number组件的min属性,设置左侧输入框最小输入值 | number | -Infinity |
| valueseparator | 值分隔符,是最大值与最小值转为字符串时的分隔符号 | string | '-' |
| rangeseparator | 选择范围时的分隔符,是数值范围组件在呈现时中间位置的分隔符 | string | '~' |
| triggermode | 指定编辑器触发 change 值变更事件的模式,input: 输入框输入时触发事件,blur:输入框blur时触发事件 | 'blur' |' input' | 'blur' |
| readonly | 设置编辑器是否为只读态 | boolean | false |