import snippets from './snippets';

export default {
  componentName: 'ProRadio',
  title: '单选框',
  group: '精选组件',
  category: '基础元素',
  docUrl: '',
  screenshot: '',
  npm: {
    package: 'lowcode-edit-pro-table',
    version: '{{version}}',
    exportName: 'ProRadio',
    main: '',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'className',
      propType: 'string',
      description: '自定义类名',
    },
    {
      name: 'style',
      propType: 'object',
      description: '自定义内敛样式',
    },
    {
      name: 'id',
      propType: 'string',
      description: 'input元素id',
    },
    {
      name: 'name',
      propType: 'string',
      description: 'name',
    },
    {
      name: 'checked',
      propType: 'bool',
      description: '是否选中',
    },
    {
      name: 'defaultChecked',
      propType: 'bool',
      description: '是否默认选中',
    },
    {
      name: 'label',
      propType: 'string',
      description: '通过属性配置label',
    },
    {
      name: 'disabled',
      propType: 'bool',
      description: '是否被禁用',
    },
    {
      name: 'value',
      propType: {
        type: 'oneOfType',
        value: ['string', 'number', 'bool'],
      },
      description: '值',
    },
    {
      name: 'defaultValue',
      propType: {
        type: 'oneOfType',
        value: ['string', 'number', 'bool'],
      },
      description: '默认值',
    },
    {
      name: 'isPreview',
      propType: 'bool',
      description: '是否为预览态',
      defaultValue: false,
    },
    {
      name: 'renderPreview',
      propType: 'func',
      description: '预览态模式下渲染的内容',
    },
    {
      name: 'onChange',
      propType: 'func',
      description:
        '状态变化时触发的事件\n@param {Boolean} checked 是否选中\n@param {Event} e Dom 事件对象',
    },
    {
      name: 'onMouseEnter',
      propType: 'func',
      description: '鼠标进入enter事件\n@param {Event} e Dom 事件对象',
    },
    {
      name: 'onMouseLeave',
      propType: 'func',
      description: '鼠标离开事件\n@param {Event} e Dom 事件对象',
    },
  ],
  icon: '',
  snippets,
};