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

export default {
  snippets,
  componentName: 'AMRate',
  title: '评分',
  category: '表单',
  docUrl: 'https://mobile.ant.design/zh/components/rate',
  group: '基础组件',
  props: [
    {
      name: 'value',
      title: { label: '当前数', tip: 'value | 当前数' },
      propType: 'number',
      setter: 'NumberSetter',
    },
    {
      name: 'defaultValue',
      title: { label: '默认值', tip: 'defaultValue | 默认值' },
      propType: 'number',
      setter: 'NumberSetter',
      defaultValue: 5,
    },
    {
      name: 'count',
      title: { label: 'star总数', tip: 'count | star总数' },
      propType: 'number',
      setter: 'NumberSetter',
    },
    {
      name: 'readOnly',
      title: { label: '只读', tip: 'readOnly | 只读' },
      propType: 'bool',
      setter: 'BoolSetter',
    },
    {
      name: 'allowClear',
      title: { label: '点击后清除', tip: 'allowClear | 点击后清除' },
      propType: 'bool',
      setter: 'BoolSetter',
      defaultValue: true,
    },
    {
      name: 'allowHalf',
      title: { label: '是否允许半选', tip: 'allowHalf | 是否允许半选' },
      propType: 'bool',
      setter: 'BoolSetter',
    },
    {
      title: 'CSS变量',
      display: 'block',
      type: 'group',
      items: [
        color('active', '激活填充色'),
        color('inactive', '原始填充色'),
        pxProp('star', 'star 大小'),
      ],
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onChange',
          description: '输入框内容变化时的回调',
          template:
            "\tonChange(value,${extParams}){\n\t\t// 输入框内容变化时的回调\n\t\tconsole.log('onChange',value);\n\t}\n",
        },
      ],
    },
  },
};