export default {
    type: 'page',
    title: '选项卡示例',
    subTitle: '所有选项卡都在当前页面中，包括默认、line、card以及radio模式',
    body: [
        {
            type: 'tabs',
            tabs: [
                {
                    title: '选项卡1',
                    hash: 'tab1',
                    body: '选项卡内容1'
                },

                {
                    title: '选项卡2',
                    hash: 'tab2',
                    body: {
                        type: 'form',
                        panelClassName: 'panel-primary',
                        controls: [
                            {
                                type: 'text',
                                name: 'a',
                                label: '文本'
                            }
                        ]
                    }
                },

                {
                    title: '选项卡3',
                    body: {
                        type: 'crud',
                        api: '/api/sample',
                        filter: {
                            title: '条件搜索',
                            submitText: '',
                            controls: [
                                {
                                    type: 'text',
                                    name: 'keywords',
                                    placeholder: '通过关键字搜索',
                                    clearable: true,
                                    addOn: {
                                        label: '搜索',
                                        type: 'submit'
                                    }
                                },
                                {
                                    type: 'plain',
                                    text: '这里的表单项可以配置多个'
                                }
                            ]
                        },
                        columns: [
                            {
                                name: 'id',
                                label: 'ID',
                                width: 20
                            },
                            {
                                name: 'engine',
                                label: 'Rendering engine'
                            },
                            {
                                name: 'browser',
                                label: 'Browser'
                            },
                            {
                                name: 'platform',
                                label: 'Platform(s)'
                            },
                            {
                                name: 'version',
                                label: 'Engine version'
                            },
                            {
                                name: 'grade',
                                label: 'CSS grade'
                            },
                            {
                                type: 'operation',
                                label: '操作',
                                width: 100,
                                buttons: []
                            }
                        ]
                    }
                }
            ]
        },
        {
            type: 'divider'
        },
        {
            type: 'tabs',
            mode: 'line',
            tabs: [
                {
                    title: '选项卡1',
                    body: '选项卡内容1'
                },

                {
                    title: '选项卡2',
                    body: '选项卡内容2'
                },

                {
                    title: '选项卡3',
                    body: '选项卡内容3'
                }
            ]
        },
        {
            type: 'divider'
        },
        {
            type: 'tabs',
            mode: 'card',
            tabs: [
                {
                    title: '选项卡1',
                    body: '选项卡内容1'
                },

                {
                    title: '选项卡2',
                    body: '选项卡内容2'
                },

                {
                    title: '选项卡3',
                    body: '选项卡内容3'
                }
            ]
        },
        {
            type: 'divider'
        },
        {
            type: 'tabs',
            mode: 'radio',
            tabs: [
                {
                    title: '选项卡1',
                    body: '选项卡内容1'
                },

                {
                    title: '选项卡2',
                    body: '选项卡内容2'
                },

                {
                    title: '选项卡3',
                    body: '选项卡内容3'
                }
            ]
        },

        {
            type: 'divider'
        },
        {
            type: 'tabs',
            mode: 'vertical',
            tabs: [
                {
                    title: '选项卡1',
                    body: '选项卡内容1'
                },

                {
                    title: '选项卡2',
                    body: '选项卡内容2'
                },

                {
                    title: '选项卡3',
                    body: '选项卡内容3'
                }
            ]
        }
    ]
};
