import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';

const RateMeta: IPublicTypeComponentMetadata = {
  componentName: 'Rate',
  title: 'Rate',
  docUrl: '',
  screenshot: '',
  group: '原子组件',
  category: '单选类',
  devMode: 'proCode',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.42',
    exportName: 'Rate',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'defaultValue',
      title: { label: '默认值', tip: '默认值' },
      propType: 'number',
      setter: 'NumberSetter',
    },
    {
      name: 'allowClear',
      title: { label: '支持清除', tip: '是否允许清除' },
      propType: 'bool',
      defaultValue: true,
      setter: 'BoolSetter',
    },
    {
      name: 'allowHalf',
      title: { label: '支持半选', tip: '支持半选' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
    },
    {
      name: 'autoFocus',
      title: { label: '自动聚焦', tip: '自动获取焦点' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
    },
    {
      name: 'character',
      title: { label: '符号', tip: '自定义字符' },
      propType: 'node',
    },
    {
      name: 'count',
      title: { label: '总数', tip: 'star 总数' },
      propType: 'number',
      defaultValue: 5,
      setter: 'NumberSetter',
    },
    // {
    //   name: 'value',
    //   title: { label: '当前值', tip: '当前数' },
    //   propType: 'number',
    // },

    {
      name: 'disabled',
      title: { label: '是否禁用', tip: '是否为禁用状态' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
    },
    {
      name: 'tooltips',
      title: { label: '提示信息', tip: '自定义每项的提示信息' },
      propType: { type: 'arrayOf', value: 'string' },
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onBlur',
          template: "onBlur(${extParams}){\n// 失去焦点时的回调\nconsole.log('onBlur');}",
        },
        {
          name: 'onChange',
          template:
            "onChange(value,${extParams}){\n// 选择时的回调\nconsole.log('onChange',value);}",
        },
        {
          name: 'onFocus',
          template: "onFocus(${extParams}){\n// 获取焦点时的回调\nconsole.log('onFocus');}",
        },
        {
          name: 'onHoverChange',
          template:
            "onHoverChange(value,${extParams}){\n// 鼠标经过时数值变化的回调\nconsole.log('onHoverChange',value);}",
        },
        {
          name: 'onKeyDown',
          template: "onKeyDown(event,${extParams}){\n// 按键回调\nconsole.log('onKeyDown',event);}",
        },
      ],
    },
  },
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '评分',
    screenshot: require('./__screenshots__/rate.png'),
    schema: {
      componentName: 'Rate',
      props: {
        defaultValue: 3,
      },
    },
  },
];

export default {
  ...RateMeta,
  snippets,
};