import { color, pxProp, stringProp, } from '../_utils/css';
import snippets from './snippets';

export default {
    snippets,
    componentName: 'AMPageIndicator',
    docUrl: 'https://mobile.ant.design/zh/components/page-indicator',
    title: '分页符',
    category: '通用',
    group: '基础组件',
    props: [
        {
            name: 'color',
            title: '颜色',
            propType: {
                type: 'oneOf',
                value: ['primary', 'white'],
            },
            setter: [
                {
                    componentName: 'SelectSetter',
                    props: {
                        options: [
                            {
                                title: 'primary',
                                value: 'primary',
                            },
                            {
                                title: 'white',
                                value: 'white',
                            }
                        ],
                    },
                },
                'VariableSetter',
            ],
            defaultValue: 'primary',
        },
        {
            name: 'current',
            title: "当前页（从 0 开始计数）",
            propType: 'number',
            setter:'NumberSetter'
        },
        {
            name: 'direction',
            title: '方向',
            propType: {
                type: 'oneOf',
                value: ['horizontal', 'vertical'],
            },
            setter: [
                {
                    componentName: 'SelectSetter',
                    props: {
                        options: [
                            {
                                title: 'horizontal',
                                value: 'horizontal',
                            },
                            {
                                title: 'vertical',
                                value: 'vertical',
                            }
                        ],
                    },
                },
                'VariableSetter',
            ],
            defaultValue: 'horizontal',
        },
        {
            name: 'total',
            title: "总页数",
            propType: 'number',
            setter:'NumberSetter'
        },
        {
            title: 'CSS变量',
            display: 'block',
            type: 'group',
            items: [
                pxProp('active-dot-border-radius', '当前页的圆角大小'),
                pxProp('dot-border-radius', '非当前页的圆角大小'),
                color('active-dot', '当前页的颜色'),
                pxProp('active-dot-size', '当前页的大小'),
                color('dot', '非当前页的颜色'),
                pxProp('dot-size', '非当前页的大小'),
                pxProp('dot-spacing', '页码指示器小圆点之间的间距'),
            ],
        },

    ],

    configure: {
        supports: {
            style: true,

        }
    }
}