search

lljj-x / vue-json-schema-form

基于Vue/Vue3，Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单，用于活动编辑器、h5编辑器、cms等数据配置；支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi
https://form.lljj.me/
Apache License 2.0
2.01k stars 418 forks source link

大佬，请问如何适配其他UI组件库，比如uni-ui等移动端 #302

Closed peterzheng1 closed 1 year ago

peterzheng1 commented 1 year ago

希望能够适配移动端UI组件，可以告诉从何做起吗？感谢大佬！

lljj-x commented 1 year ago

可以参考已有的ui适配，都是基于core来的

peterzheng1 commented 1 year ago

我翻看了您的 image 并且查看了https://github.com/lljj-x/vue-json-schema-form/tree/master/packages/lib/vue3/vue3-form-ant 不太明白，可以简单说下步骤吗

lljj-x commented 1 year ago

简单理解就是配置下 globalOptions 里面WIDGET_MAP 、COMPONENT_MAP、HELPERS 这些配置的mapping

因为没类型所以需要自己看下之前具体配置，

WIDGET_MAP 按类型默认渲染的Widget组件，渲染对应数据类型的格式，组件都要实现 v-model

COMPONENT_MAP 表单自身相关的组件，form formItem button popover，然后组件默认渲染的props slot不一致需要转换到你自己ui库的即可。默认格式是elementUi的参数格式

HELPERS 这里面只有一个判断显示description格式需不需要mini格式