import snippets from './snippets';

export default {
  snippets,
  componentName: 'Rate',
  title: '评分',
  category: '表单',
  group: "基础组件",
  props: [
    {
      name: 'defaultValue',
      title: { label: '默认值', tip: 'defaultValue | 默认值' },
      propType: 'number',
      setter: 'NumberSetter'
    },
    {
      name: 'allowClear',
      title: { label: '支持清除', tip: 'allowClear | 是否允许清除' },
      propType: 'bool',
      defaultValue: true,
      setter: 'BoolSetter'
    },
    {
      name: 'allowHalf',
      title: { label: '支持半选', tip: 'allowHalf | 支持半选' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter'
    },
    {
      name: 'autoFocus',
      title: { label: '自动聚焦', tip: 'autoFocus | 自动获取焦点' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter'
    },
    {
      name: 'character',
      title: { label: '符号', tip: 'character | 自定义字符' },
      propType: 'node',
    },
    {
      name: 'count',
      title: { label: '总数', tip: 'count | star 总数' },
      propType: 'number',
      defaultValue: 5,
      setter: 'NumberSetter'
    },
    // {
    //   name: 'value',
    //   title: { label: '当前值', tip: 'value | 当前数' },
    //   propType: 'number',
    // },

    {
      name: 'disabled',
      title: { label: '是否禁用', tip: 'disabled | 是否为禁用状态' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter'
    },
    {
      name: 'tooltips',
      title: { label: '提示信息', tip: 'tooltips | 自定义每项的提示信息' },
      propType: { type: 'arrayOf', value: 'string' },
    },
    {
      name: 'onBlur',
      title: { label: '失去焦点时的回调', tip: 'onBlur | 失去焦点时的回调' },
      propType: 'func',
    },
    {
      name: 'onChange',
      title: { label: '选择时的回调', tip: 'onChange | 选择时的回调' },
      propType: 'func',
    },
    {
      name: 'onFocus',
      title: { label: '获取焦点时的回调', tip: 'onFocus | 获取焦点时的回调' },
      propType: 'func',
    },
    {
      name: 'onHoverChange',
      title: { label: '鼠标经过时回调', tip: 'onHoverChange | 鼠标经过时数值变化的回调' },
      propType: 'func',
    },
    {
      name: 'onKeyDown',
      title: { label: '按键回调', tip: 'onKeyDown | 按键回调' },
      propType: 'func',
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onBlur',
          description: '失去焦点时的回调',
          template: "\tonBlur(${extParams}){\n\t\t// 失去焦点时的回调\n\t\tconsole.log('onBlur');\n\t}\n",
        },
        {
          name: 'onChange',
          description: '选择时的回调',
          template:
            "\tonChange(value,${extParams}){\n\t\t// 选择时的回调\n\t\tconsole.log('onChange',value);\n\t}\n",
        },
        {
          name: 'onFocus',
          description: '获取焦点时的回调',
          template: "\tonFocus(${extParams}){\n\t\t// 获取焦点时的回调\n\t\tconsole.log('onFocus');\n\t}\n",
        },
        {
          name: 'onHoverChange',
          description: '鼠标经过时数值变化的回调',
          template:
            "\tonHoverChange(value,${extParams}){\n\t\t// 鼠标经过时数值变化的回调\n\t\tconsole.log('onHoverChange',value);\n\t}\n",
        },
        {
          name: 'onKeyDown',
          description: '按键回调',
          template: "\tonKeyDown(event,${extParams}){\n\t\t// 按键回调\n\t\tconsole.log('onKeyDown',event);\n\t}\n",
        },
      ],
    },
  },
};