【摸鱼神器】UI库秒变低代码工具——表单篇（二）子控件

上一篇先容了表单控件，这一篇先容一下表单内里的各种子控件的封装方式。

• 需求分析
  
• 子控件的分类
  
• 子控件属性的分类
  
• 界说 interface。
  
• 界说子控件的的 props。
  
• 界说 json 文件。
  
• 基于 UI库 进行二次封装，实现依靠 json 渲染。
  
• 通过 slot 、 “字典”，实现自界说子控件。
  
• 做个工具维护 json 文件。（下篇先容）
  

以是必须支持自界说扩展！感谢 Vue 和 UI库，提供根本的技能支持，让扩展变得非常轻易。

• 低代码须要的属性
  须要在代码内里使用的属性，比如字段名称、控件范例、默认值、防抖耽误等，会集在一起，通过 props 的方式通报。
  
• 共用属性
  各个组件（大概大部门组件）都须要的属性，比如浮动提示、size、是否表现清空按钮等，作为一级属性，通过 props 的方式通报。
  
• 扩展属性
  某个组件须要的属性，比如数字组件须要 max、min、step等。通过 $attrs 的方式通报。
  

• IFormItemProps