单行文本输入框
该组件可以作为单行文本输入框。
该文本框限制最大字符长度限制为200,超出200个字符后会提示错误信息。
| 属性 | 值 | 备注 | 
|---|---|---|
| type | IrootTextInput | |
| name | 属性名,可以自定义,不要超过4个字,否则会折行。 | |
| callback | string/object | 可以直接配置回调函数名或一个对象。 当配置callback为回调函数名时,回调函数会接收一个返回值。格式:{ngvtext:"标题名称"} 当配置为对象时,具体用法请看尺寸组件下面的callback配置为object  | 
| customInput | object | 可以配置如参值 | 
| verification | object | 对入参值添加限制条件和错误提示 | 
- customInput下可以配置的属性:
 
| 属性 | 类型 | 值 | 备注 | 
|---|---|---|---|
| ngvtext | string | 输入文本,这里的字符长度限制为200,超出200个字符后会提示错误信息 | 
- verification下可以配置的属性:
 
| 属性 | 类型 | 值 | 备注 | 
|---|---|---|---|
| ngvtext | Object | 该节点下可以配置开发者对ngvtext字符长度的限制 | 
maxLength
最大长度限制,开发者可以规定文本最大字符限制,但这个值不能大于该组件自身的200长度的限制,否则会按200来处理。
errMessage
当输入文本超出长度后的提示信息
例如:
{
    "develop":{
        "html":"index.html",
        "css":["./styles/index.css"],
        "entry":"./scripts/main.js",
        "scripts":{
        }
    },
    "plugins":[],
    "services":[],
  "libs":[],
  "customAttributes":{
        "pro":[
            {
                "type":"IrootTextInput",
                "name":"标题名称",
                "customInput":{
                    "ngvtext":"动画演示"
                },
                "verification":{
                    "ngvtext":{
                        "maxLength":20,
                        "errMessage":"标题不能超过20个字符"
                    }
                },
                "callback":{
                    "ngvtext":"titleChange"
                }
            },
        ],
        "con":[
        ]
    }
}
上面示例中,配置了文本框的入参值为:“动画演示”
添加了verification配置项,maxLength用来控制文本的输入最大长度,errMessage是当超出最大长度时的错误提示内容。
最后添加callback回调函数titleChange。
main.js:
(function(){
    return{
    $data:{
        properties:null
    },
    $hooks:{
        onInit(properties){
            this.properties=properties;
        },
        onDestroy(){
        },
        setData(){
        },
        outSizeCallBack(){
        }
    },
    $methods:{
        titleChange(data){
                if(data){
                    console.log('ngvcheckListChange:///////')
                    console.log(data)
                }
            //{ "label": "Yaxis", "text": "Y轴刻度", "checked": false }
        }
    }
  }
})