import {Component, Prop, Vue, Emit} from 'vue-property-decorator';

@Component
export default class ScorllBar extends Vue {

    private list = [
        {
            title: '组件',
            group: [
                {
                    name: 'Basic',
                    page: [
                        {path: '/color', name: 'Color 色彩'},
                        {path: '/typography', name: 'Typography 字体'},
                        {path: '/button', name: 'Button 按钮'}
                    ],
                },
                {
                    name: 'Form',
                    page: [
                        {path: '/input', name: 'Input 输入'},
                        {path: '/select', name: 'Select 选择'},
                        {path: '/radio', name: 'Radio 单选框'},
                        {path: '/checkbox', name: 'Checkbox 多选框'},
                        {path: '/count', name: 'Count 数量'},
                        {path: '/switch', name: 'Switch 开关'},
                        {path: '/upload', name: 'Upload 上传'},
                    ],
                },
                {
                    name: 'Data',
                    page: [
                        {path: '/table', name: 'Table 表格'},
                        {path: '/page', name: 'Page 分页'},
                        {path: '/moreOperate', name: 'MoreOperate 更多操作'},
                        {path: '/progress', name: 'Progress 进度条'},
                    ],
                },
                {
                    name: 'Navigation',
                    page: [
                        {path: '/navMenu', name: 'navMenu 导航菜单'},
                        {path: '/tabs', name: 'Tabs 导航'},
                    ],
                },
                {
                    name: 'Other',
                    page: [
                        {path: '/tip', name: 'Tip 提示'},
                        {path: '/tooltip', name: 'Tooltip 提示'},
                        {path: '/popover', name: 'Popover 弹出框'},
                        {path: '/screen', name: 'Screen 筛选'},
                        {path: '/slider', name: 'Slider 滑动条'},
                        {path: '/layer', name: 'Layer 弹窗'},
                    ],
                },
            ],
        }
    ];
    private base = '/component';
}