lowcode-engine icon indicating copy to clipboard operation
lowcode-engine copied to clipboard

ArraySetter里面的ObjectSetter嵌套MixedSetter的样式问题

Open avivadepp opened this issue 2 years ago • 0 comments

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,被删除图标遮住了。 img

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

avivadepp avatar Mar 16 '23 11:03 avivadepp