import snippets from './snippets';

export default {
  snippets,
  componentName: 'Checkbox',
  title: '多选框',
  category: '表单',
  group: "基础组件",
  props: [
    {
      name: 'children',
      title: { label: '内容', tip: 'children | 内容' },
      propType: 'string',
      setter: 'StringSetter',
      supportVariable: true
    },
    {
      name: 'autoFocus',
      title: { label: '自动聚焦', tip: 'autoFocus | 自动获取焦点' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
      supportVariable: true
    },
    {
      name: 'checked',
      title: { label: '当前值', tip: 'checked | 指定当前是否选中' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
      supportVariable: true
    },
    {
      name: 'defaultChecked',
      title: { label: '默认值', tip: 'defaultChecked | 初始是否选中' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
      supportVariable: true
    },
    {
      name: 'disabled',
      title: { label: '是否禁用', tip: 'disabled | 是否为禁用状态' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
      supportVariable: true
    },
    {
      name: 'indeterminate',
      title: { label: '不确定状态', tip: 'indeterminate | indeterminate状态' },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
      supportVariable: true
    },
    {
      name: 'onChange',
      title: { label: '变化时回调函数', tip: 'onChange | 变化时回调函数' },
      propType: 'func',
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onChange',
          description: '变化时的回调函数',
          template:
            "\tonChange(event,${extParams}){\n\t\t// 变化时回调函数\n\t\tconsole.log('onChange', event);\n\t}\n",
        },
      ],
    },
  },
};