export default {
  componentName: 'ProRadio.Group',
  title: '单选框组',
  group: '精选组件',
  category: '基础元素',
  docUrl: '',
  screenshot: '',
  npm: {
    package: 'lowcode-edit-pro-table',
    version: '{{version}}',
    exportName: 'ProRadio',
    main: '',
    destructuring: true,
    subName: 'Group',
  },
  props: [
    {
      name: 'className',
      propType: 'string',
      description: '自定义类名',
    },
    {
      name: 'style',
      propType: 'object',
      description: '自定义内敛样式',
    },
    {
      name: 'name',
      propType: 'string',
      description: 'name',
    },
    {
      name: 'size',
      propType: {
        type: 'oneOf',
        value: ['large', 'medium', 'small'],
      },
      description: '尺寸',
      defaultValue: 'medium',
    },
    {
      name: 'shape',
      propType: {
        type: 'oneOf',
        value: ['normal', 'button'],
      },
      description: '展示形态',
    },
    {
      name: 'defaultValue',
      propType: {
        type: 'oneOfType',
        value: ['string'],
      },
      description: '默认值',
    },
    {
      name: 'component',
      propType: 'string',
      description: '设置标签类型',
      defaultValue: 'div',
    },
    {
      name: 'disabled',
      propType: 'bool',
      description: '是否被禁用',
    },
    {
      name: 'required',
      propType: 'bool',
      description: '是否必填',
    },
    {
      name: 'disableEdit',
      propType: 'bool',
      description: '禁止编辑',
    },
    {
      name: 'dataSource',
      propType: 'object',
      description: '可选项列表',
    },
    {
      name: 'itemDirection',
      propType: {
        type: 'oneOf',
        value: ['hoz', 'ver'],
      },
      description: '子项目的排列方式',
      defaultValue: 'hoz',
    },
    {
      name: 'isPreview',
      propType: 'bool',
      description: '是否为预览态',
      defaultValue: false,
    },
    {
      name: 'renderPreview',
      propType: 'func',
      description: '预览态模式下渲染的内容\n@param {number} value 评分值',
    },
    {
      name: 'onChange',
      propType: 'func',
      description:
        '选中值改变时的事件\n@param {String/Number} value 选中项的值\n@param {Event} e Dom 事件对象',
    },
  ],
  configure: {
    props: [
      {
        name: 'shape',
        title: '展示形状',
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              { title: '默认', value: 'normal' },
              { title: '按钮', value: 'button' },
            ],
          },
        },
        defaultValue: 'normal',
      },
      {
        name: 'itemDirection',
        title: '排列方式',
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              { title: '水平排列', value: 'hoz' },
              { title: '垂直排列', value: 'ver' },
            ],
          },
        },
        defaultValue: 'hoz',
      },
      {
        name: 'disabled',
        title: '禁止编辑',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['BoolSetter', 'ExpressionSetter'],
          },
        },
      },
      {
        name: 'required',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '是否必填',
            en_US: 'Required',
          }
        },
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['BoolSetter', 'ExpressionSetter'],
          },
        },
      },
      // {
      //   name: 'disableEdit',
      //   title: {
      //     label: {
      //       type: 'i18n',
      //       zh_CN: '禁止编辑',
      //       en_US: 'Disable Edit',
      //     },
      //   },
      //   setter: {
      //     componentName: 'MixedSetter',
      //     props: {
      //       setters: ['BoolSetter', 'ExpressionSetter'],
      //     },
      //   },
      // },
      {
        name: 'isPreview',
        title: '预览态',
        setter: {
          componentName: 'BoolSetter',
        },
      },
      {
        name: 'defaultValue',
        title: '默认值',
        defaultValue: '',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['StringSetter', 'ExpressionSetter'],
          },
        },
      },
      {
        name: 'dataSource',
        display: 'block',
        title: '选项',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: [
              {
                componentName: 'ArraySetter',
                props: {
                  itemSetter: {
                    componentName: 'ObjectSetter',
                    props: {
                      config: {
                        items: [
                          {
                            name: 'label',
                            title: 'label',
                            setter: 'StringSetter',
                            supportVariable: true,
                          },
                          {
                            name: 'value',
                            title: 'value',
                            setter: 'StringSetter',
                            supportVariable: true,
                          },
                        ],
                      },
                    },
                    initialValue: {
                      label: '选项一',
                      value: '1',
                    },
                  },
                },
              },
              'ExpressionSetter',
            ],
          },
        },
      },
      {
        type: 'group',
        title: '高级',
        display: 'block',
        items: [
          {
            name: 'id',
            title: {
              label: {
                type: 'i18n',
                zh_CN: '唯一标识',
                en_US: 'ID',
              },
              tip: {
                type: 'i18n',
                zh_CN: '属性: id | 说明: 唯一标识',
                en_US: 'prop: id | description: switch id',
              },
            },
            setter: 'StringSetter',
            supportVariable: true,
          },
          {
            name: 'name',
            title: {
              label: {
                type: 'i18n',
                zh_CN: '表单标识',
                en_US: 'Name',
              },
              tip: {
                type: 'i18n',
                zh_CN: '属性: name | 说明: 表单标识',
                en_US: 'prop: name | description: switch name',
              },
            },
            setter: 'StringSetter',
            supportVariable: true,
          },
        ],
      },
    ],
    supports: {
      style: true,
      events: ['onChange'],
    },
  },
  icon: '',
}