antdv4.x 的样式兼容, 内含复现demo - Githubissues

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.09k stars 428 forks source link

antdv4.x 的样式兼容, 内含复现demo #324

Open passioncsu opened 1 year ago

passioncsu commented 1 year ago

反馈问题请先查看文档和务必提供详细的复现代码，遵循如下格式，描述不清楚的问题将会直接关闭。

vue和ui框架

vue3、ui框架antd

问题描述

当前不兼容antd 4.x antd3.x如下 fieldGroupWrap_box下直接就是form-items 但是在antd4.x下 form-items外多包了一层, 因此传入的单个输入框的width会被限制.

如何复现

https://codesandbox.io/s/patient-hill-jkwdn4

期望的结果

正常情况这两个输入框应该在一行

passioncsu commented 1 year ago

另外这个 layoutColumn最多只支持到3, 加个 4,5,6吧

passioncsu commented 1 year ago

再加个需求哦, 就是最下面这个 ant-form-item css-dev-only-do-not-override-q44oiu ant-form-item-has-success genFormItem validateWidget validateWidget-object

再为空的时候, 能不能不显示,现在会占一块位置....

lljj-x commented 1 year ago

antdv4 做了一个特殊适配，不影响默认的v3版本，可以参考这个，文档还在补充 https://codesandbox.io/s/elegant-satoshi-tzywff?file=/src/App.vue