InputField 输入字段
基于 Element Plus 的表单输入字段组件，支持多种输入类型,如文本、数字、单选、多选等。
基础用法
基础的输入字段用法，支持常见的输入类型，例如：文本、数字、日期、选择等。
输入框类型
选择类型
日期时间类型
其他一些类型等
自定义内容
可以通过插槽自定义字段的展示内容。
API
InputField 属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 绑定值 | any | - |
| slot | 是否使用插槽自定义内容 | boolean / string | false |
| type | 输入类型 | enum | 'input' |
| data | 选项数据 | array | [] |
| option-value-key | data选项值value key属性名(type是select时有意义) | string | value |
| option-label-key | data选项值label key属性名(type是select时有意义) | string | label |
| props | 组件其它属性对象，比如：disabled,当type是input时设置maxlength属性，也可直接设置组件属性然后透传给组件。具体参照element-plus对应组件的属性文档 | object | {} |
| events | 组件events对象，比如：当type是input时设置blur事件，也可直接设置组件事件然后透传给组件。具体参照element-plus对应组件的事件文档 | object | {} |
InputField 插槽
| 插槽名 | 说明 | 作用域 |
|---|---|---|
| default | 自定义默认内容，必须设置slot属性 | - |
注意事项
- 不同类型的输入字段支持的属性可能不同
- 选项数据的格式需要包含 label 和 value 属性，或通过optionValueKey、optionLabelKey来指定
- 自定义展示时需要自行处理数据绑定
- 日期类型的值格式需要注意处理