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

export default {
  snippets,
  componentName: 'AMProgressBar',
  docUrl: 'https://mobile.ant.design/zh/components/progress-bar',
  title: '进度条',
  category: '反馈',
  group: '基础组件',
  props: [
    {
      name: 'percent',
      title: {
        label: '百分比',
        tip: 'percent | 百分比',
      },
      propType: 'number',
      setter: ['NumberSetter', 'VariableSetter'],
    },
    {
      name: 'rounded',
      title: { label: '是否圆角', tip: 'rounded | 是否圆角' },
      propType: 'bool',
      setter: 'BoolSetter',
      defaultValue: true,
      supportVariable: true,
    },
    {
      name: 'text',
      title: {
        label: '文字',
        tip: 'text | 文字',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'boolean'],
      },
      setter: ['SlotSetter', 'BoolSetter', 'VariableSetter'],
    },
    {
      title: 'CSS变量',
      display: 'block',
      type: 'group',
      items: [
        color('fill', '填充的颜色'),
        color('track', '线条的颜色'),
        width('track', '线条宽度'),
        width('text', '文字内容的宽度'),
      ],
    },
  ],
  configure: {
    supports: {
      style: true,
    },
  },
};