alibaba / alibaba/lowcode-engine

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

Aperta
#1,740 0 commenti 1 reazione 1 assegnatario Rivendicata da @hzd822 Vedi su GitHub
Lingua principale
TypeScript
Stelle
15.9k
Fork
2.7k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

## **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)

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.