amis2/examples/components/Form/FieldSetInTabs.jsx
liaoxuezhi 65ac422ed6
1.2.x 文档&示例配置调整 (#2064)
* 补充容错

* fix: form 中 name 关联顶层数据初始化失效

* 更新 examples

* 文档调整

* 删除多余的文档, 调整 schema

* schema 调整

* schema 调整

* control 类型容器 control 改成 body

* 修复一个选项加载的bug

* form 注册直接用 type
2021-06-07 10:09:55 +08:00

116 lines
3.0 KiB
JavaScript

export default {
title: 'FieldSet In Tabs',
remark: '',
body: {
type: 'form',
body: [
{
type: 'tabs',
collapsable: true,
tabs: [
{
title: 'Tab A',
body: [
{
type: 'fieldset',
body: [
{
type: 'tabs',
title: 'Group A',
tabs: [
{
title: 'SubTab A',
body: [
{
name: 'a',
type: 'input-text',
label: 'Text'
},
{
name: 'a',
type: 'input-text',
label: 'Text'
}
]
},
{
title: 'SubTab B',
body: [
{
name: 'a',
type: 'input-text',
label: 'Text'
},
{
name: 'a',
type: 'input-text',
label: 'Text'
}
]
}
]
},
{
type: 'tabs',
title: 'Group B',
body: [
{
name: 'a',
type: 'input-text',
label: 'Text'
},
{
name: 'a',
type: 'input-text',
label: 'Text'
}
]
}
]
}
]
},
{
title: 'Tab B',
body: [
{
type: 'fieldset',
title: 'Group A',
body: [
{
name: 'a',
type: 'input-text',
label: 'Text'
},
{
name: 'a',
type: 'input-text',
label: 'Text'
}
]
},
{
type: 'fieldset',
title: 'Group B',
body: [
{
name: 'a',
type: 'input-text',
label: 'Text'
},
{
name: 'a',
type: 'input-text',
label: 'Text'
}
]
}
]
}
]
}
]
}
};