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

export default {
  componentName: 'AMSteps',
  docUrl: 'https://mobile.ant.design/zh/components/steps',
  title: '步骤条',
  category: '数据展示',
  group: '基础组件',
  props: [
    {
      name: 'current',
      title: {
        label: '当前步骤',
        tip: 'current | 指定当前步骤，从 0 开始记数。在子 Step 元素中，可以通过 status 属性覆盖状态',
      },
      propType: 'number',
      setter: 'NumberSetter',
    },
    {
      name: 'direction',
      title: { label: '步骤条方向',
         tip: 'direction | 指定步骤条方向',
      },
      propType: { type: 'oneOf', value: ['horizontal', 'vertical'] },
      setter: [
        {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: '水平',
                value: 'horizontal',
              },
              {
                title: '垂直',
                value: 'vertical',
              }
            ],
          },
        },
        'VariableSetter',
      ],
      defaultValue: 'horizontal',
    },
    {
      title: 'CSS变量',
      display: 'block',
      type: 'group',
      items: [
        fontSize('title', '标题字体大小'),
        fontSize('description', '描述字体大小'),
        pxProp('icon-size','图标大小'),
        stringProp('indicator-margin-right','额外间距','左边的指示器和右边的文字内容之间的'),
      ],
    },
  ],
  configure: {
    component: {
      isContainer: true,
      nestingRule: { childWhitelist: ['AMSteps.Step'] } 
    },
    supports: {
      style: true,
    },
  },
  snippets,
};