alibaba / alibaba/lowcode-engine

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

Open
#1,740 0 comments 1 reaction 1 assignee Claimed by @hzd822 View on GitHub
Dominant language
TypeScript
Stars
15.9k
Forks
2.7k
PR merge metrics
No merged PRs in 30d

Description

## **Describe the bug (required)** / **详细描述 bug(必填)**
schema配置如下:
```js
{
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](https://img.alicdn.com/imgextra/i1/O1CN01NBScQq1HHIk2o9t3t_!!6000000000732-2-tps-422-140.png)

我们目前的解决方案是重置样式,将lc-setter-mixed的width设置成了calc(100% - 26px)
![img](https://img.alicdn.com/imgextra/i2/O1CN01MVWbhm1M6pllcfeWx_!!6000000001386-2-tps-1138-748.png)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.