import snippets from "./snippets";

export default {
  componentName: 'ProCheckbox',
  title: '复选按钮',
  group: '精选组件',
  category: '基础元素',
  docUrl: '',
  screenshot: '',
  npm: {
    package: 'lowcode-edit-pro-table',
    version: '{{version}}',
    exportName: 'ProCheckbox',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'className',
      propType: 'string',
      description: '自定义类名',
    },
    {
      name: 'id',
      propType: 'string',
      description: 'ID',
    },
    {
      name: 'name',
      propType: 'string',
      description: 'name',
    },
    {
      name: 'style',
      propType: 'object',
      description: '自定义内敛样式',
    },
    {
      name: 'checked',
      propType: 'bool',
      description: '选中状态',
    },
    {
      name: 'defaultChecked',
      propType: 'bool',
      description: '默认选中状态',
      defaultValue: false,
    },
    // {
    //   name: 'disabled',
    //   propType: 'bool',
    //   description: '禁用',
    // },
    {
      name: 'required',
      propType: 'bool',
      description: '是否必填',
    },
    {
      name: 'disableEdit',
      propType: 'bool',
      description: '禁止编辑',
    },
    {
      name: 'label',
      propType: 'string',
      description: 'label',
    },
    {
      name: 'indeterminate',
      propType: 'bool',
      description: '中间状态',
    },
    {
      name: 'defaultIndeterminate',
      propType: 'bool',
      description: '默认中间态',
      defaultValue: false,
    },
    {
      name: 'defaultValue',
      propType: {
        type: 'oneOfType',
        value: ['string'],
      },
      description: '默认值',
    },
    {
      name: 'checkedValue',
      propType: {
        type: 'oneOfType',
        value: ['string'],
      },
      description: 'checkedValue',
      defaultValue: '1',

    },
  ],
  configure: {
    props: [
      {
        name: 'label',
        title: '标题',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['StringSetter', 'ExpressionSetter'],
          },
        },
      },
      {
        name: 'defaultValue',
        title: '默认值',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['StringSetter', 'ExpressionSetter'],
          },
        },
      },
      {
        name: 'checkedValue',
        title: '选中的值',
        defaultValue: '',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['StringSetter', 'ExpressionSetter'],
          },
        },
      },
      {
        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: 'indeterminate',
        title: '半选状态',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['BoolSetter', 'ExpressionSetter'],
          },
        },
      },
      {
        name: 'controlChecked',
        display: 'block',
        title: {
          label: '外部控制选中',
          tip: '外部控制选中后，选中状态需要开发者自己根据 onChange 回传的值重新设置给组件才能生效',
        },
        setter: 'BoolSetter',
        supportVariable: true,
      },
      {
        name: 'checked',
        title: '选中状态',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['BoolSetter', 'ExpressionSetter'],
          },
        },
        condition(target) {
          return target.parent.getPropValue('controlChecked') || false;
        },
      },
      {
        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', 'onMouseEnter', 'onMouseLeave'],
    },
  },
  icon: '',
  snippets,
};