## Input输入框
<br />
输入框可自定义设置样式，在失焦状态下，可只展示文本，聚焦状态下，显示输入框

### 基本用法

### 导入使用

```code[javascript]
import suUpdateInput from "ss-universal-client-web/comp/form/su-update-input";
```

:::demo `model`绑定输入值。
```html
<template>
    <div>
        {{title}}
        <su-update-input v-model="title" /> 
    </div>
</template>

<script>
    export default {
        components: {
            suUpdateInput
        },
        data() {
            return {
                title : '名字'
            }
        }
    }
</script>
```
:::

### 设置样式
输入框宽度、边框，字体大小及颜色等可自定义，高度自适应或与字体高度保持一致

:::demo `initStyle`设置输入框样式。
```html
<template>
    <div>
        {{title}}
        <su-update-input v-model="title" :initStyle="initStyle"/> 
    </div>
</template>

<script>
    export default {
        components: {
            suUpdateInput
        },
        data() {
            return {
                title : '名字',
                initStyle : {
                    "width" : "200px", "font-size" : "18px", "font-weight" : "bold"
                }
            }
        }
    }
</script>
```
:::

### 文本类型
输入框输入文本类型可设置`text`或`number`，`rows`可自定义控制文本域展示行数

:::demo `type`默认`text`，可选参数`number`,`rows`为1的时候，限制enter键输入
```html
<template>
    <div>
        <su-update-input v-model="title" type="number" :rows="1" :initStyle="initStyle"/>
    </div>
</template>

<script>
    export default {
        components: {
            suUpdateInput
        },
        data() {
            return {
                title : 123,
                initStyle : {
                    "width" : "100px", "font-size" : "16px", "color" : "#333"
                }
            }
        }
    }
</script>
```
:::

### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| type | 文本类型 | string | number/text | text |
| v-model | 输入框绑定值 | string/number | — | — |
| initStyle | 输入框样式 | object | — | — |
| maxlength | 最大输入长度 | number | — | — |
| rows | 输入框行数 | number | — | — |
| placeholder | 输入框占位文本 | string | — | — |