lowcode-engine
lowcode-engine copied to clipboard
ArraySetter里面的ObjectSetter嵌套MixedSetter的样式问题
Describe the bug (required) / 详细描述 bug(必填)
schema配置如下:
{
name: 'test',
componentName: 'ArraySetter',
props: {
itemSetter: {
componentName: 'ObjectSetter',
props: {
config: {
items: [
{
name: 'test1',
setter: 'stringSetter',
},
{
name: 'test2',
setter: {
componentName: 'MixedSetter',
props: {
setters: ['BoolSetter', 'StringSetter', 'NumberSetter'],
},
},
},
{
name: 'test3',
setter: 'stringSetter',
},
{
name: 'test4',
setter: 'stringSetter',
},
],
},
},
},
},
};
test134能正常展示,test2的mixedSetter刚开始以为是没有渲染出来,后来发现其实渲染出来了,只不过图标被遮住了,因为lc-setter-mixed有个26的margin且width是100%,导致lc-setter-actions超出了lc-field-body,被删除图标遮住了。

我们目前的解决方案是重置样式,将lc-setter-mixed的width设置成了calc(100% - 26px)
