Skip to content

MosoweForm 表单

基于element-plus form表单组件二次封装。

  1. 主要使用component内置动态组件进行渲染,通过props、emits、useAttrs、useSlots对组件进行属性事件插槽等方面的透传,使之支持对应elementPlus表单组件的功能。

  2. 组件本身可接收el-form的属性与事件,将会透传给el-form组件。

  3. 可直接通过ref调用el-form组件的expose事件。

  4. 组件采用css百分比布局,也可在配置中写入style样式布局。

  5. 组件联动 unionProp 属性,单独使用也可快速联动。

  6. 组件键转换 transform 属性,表单提交时转换,无需再写一遍转换逻辑。

  7. visible 属性,display控制显隐,hidden属性,v-if控制显隐。

  8. tooltip属性可配置提示文字。

  9. unit表单项尾部配置

  10. justshow仅展示,该模式下会将带有选项的 Cascader、Checkbox、CheckboxButton、Radio、RadioButton、Select、SelectV2、TreeSelect组件自动转为对应的文案。

  11. 支持展开/折叠,内联等比布局。

  12. 可使用其他自定义组件:MosoweUpload、MosoweInputNumber

  13. 表单提交重置按钮永远在右下角

  14. ...

贡献者

mosowe

文档版本 v1.0.1