import snippets from './snippets';

export default {
  componentName: 'ProInput',
  title: '输入框',
  group: '精选组件',
  category: '基础元素',
  docUrl: '',
  screenshot: '',
  npm: {
    package: 'lowcode-edit-pro-table',
    version: '{{version}}',
    exportName: 'ProInput',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'label',
      propType: 'string',
      title: '标签文案',
      description: 'label',
    },
    {
      name: 'id',
      propType: 'string',
      description: 'ID',
    },
    {
      name: 'name',
      propType: 'string',
    },
    {
      name: 'hasClear',
      propType: 'bool',
      description: '是否出现清除按钮',
    },
    {
      name: 'defaultValue',
      propType: {
        type: 'oneOfType',
        value: ['string'],
      },
      description: '默认值',
    },
    {
      name: 'state',
      title: '状态',
      propType: {
        type: 'oneOf',
        value: ['error', 'loading', 'success', 'warning'],
      },
      description: '状态\n@enumdesc 错误, 校验中, 成功, 警告',
    },
    {
      name: 'size',
      title: '尺寸',
      propType: {
        type: 'oneOf',
        value: ['small', 'medium', 'large'],
      },
      description: '尺寸\n@enumdesc 小, 中, 大',
      defaultValue: 'medium',
    },
    {
      name: 'disabled',
      propType: 'bool',
      description: '是否禁用',
    },
    {
      name: 'maxLength',
      propType: 'number',
      description: '最大长度',
    },
    {
      name: 'hasLimitHint',
      propType: 'bool',
      description: '是否展现最大长度样式',
    },
    {
      name: 'cutString',
      propType: 'bool',
      description: '是否截断超出字符串',
    },
    {
      name: 'required',
      propType: 'bool',
      description: '是否必填',
    },
    {
      name: 'disableEdit',
      propType: 'bool',
      description: '禁止编辑',
    },
    {
      name: 'trim',
      propType: 'bool',
      description: 'onChange返回会自动去除头尾空字符',
    },
    {
      name: 'placeholder',
      propType: 'string',
      description: '输入提示',
    },
    {
      name: 'hasBorder',
      propType: 'bool',
      description: '是否有边框',
    },
    {
      name: 'onPressEnter',
      propType: 'func',
      description: '按下回车的回调',
    },
    {
      name: 'onClear',
      propType: 'func',
    },
    {
      name: 'onChange',
      propType: 'func',
    },
    {
      name: 'onKeyDown',
      propType: 'func',
    },
    {
      name: 'onFocus',
      propType: 'func',
    },
    {
      name: 'onBlur',
      propType: 'func',
    },
    {
      name: 'hint',
      title: 'Icon 水印',
      propType: 'string',
      description: '水印 (Icon的type类型，和hasClear占用一个地方)',
    },
    {
      name: 'innerBefore',
      propType: 'string',
      description: '文字前附加内容',
    },
    {
      name: 'innerAfter',
      propType: 'string',
      description: '文字后附加内容',
    },
    {
      name: 'addonBefore',
      propType: 'string',
      description: '输入框前附加内容',
    },
    {
      name: 'addonAfter',
      propType: 'string',
      description: '输入框后附加内容',
    },
    {
      name: 'addonTextBefore',
      propType: 'string',
      description: '输入框前附加文字',
    },
    {
      name: 'addonTextAfter',
      propType: 'string',
      description: '输入框后附加文字',
    },
    {
      name: 'autoFocus',
      propType: 'bool',
      description: '自动聚焦',
    },
    {
      name: 'style',
      propType: 'object',
    },
  ],
  configure: {
    props: [
      {
        name: 'label',
        setter: 'StringSetter',
        supportVariable: true,
        title: {
          label: {
            type: 'i18n',
            zh_CN: '标签文本',
            en_US: 'Label',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: label | 说明: 标签文本内容',
            en_US: 'prop: label | description: label content',
          },
        },
        description: 'label',
      },
      {
        name: 'placeholder',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '输入提示',
            en_US: 'Placeholder',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: placeholder | 说明: 输入提示',
            en_US: 'prop: placeholder | description: placeholder',
          },
        },
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        name: 'defaultValue',
        title: '默认值',
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: ['StringSetter', 'ExpressionSetter'],
          },
        },
      },
      {
        name: 'state',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '状态',
            en_US: 'State',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: state | 说明: 状态\n@enumdesc 错误, 校验中, 成功, 警告',
            en_US: 'prop: state | description: input state',
          },
        },
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                value: 'error',
                title: 'error',
              },
              {
                value: 'loading',
                title: 'loading',
              },
              {
                value: 'success',
                title: 'success',
              },
              {
                value: 'warning',
                title: 'warning',
              },
              {
                value: '',
                title: '默认',
              },
            ],
          },
        },
      },
      {
        name: 'size',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '尺寸',
            en_US: 'Size',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: size | 说明: 尺寸\n@enumdesc 小, 中, 大',
            en_US: 'prop: size | description: size',
          },
        },
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: ['small', 'medium', 'large'],
          },
        },
        defaultValue: 'medium',
      },
      {
        name: 'maxLength',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '最大长度',
            en_US: 'MaxLength',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: maxLength | 说明: 最大长度',
            en_US: 'prop: maxLength | description: max length',
          },
        },
        setter: 'NumberSetter',
        supportVariable: true,
        description: '最大长度',
      },
      // {
      //   name: 'disabled',
      //   title: {
      //     label: {
      //       type: 'i18n',
      //       zh_CN: '是否禁用',
      //       en_US: 'Disabled',
      //     },
      //     tip: {
      //       type: 'i18n',
      //       zh_CN: '属性: disabled | 说明: 是否被禁用',
      //       en_US: 'prop: disabled | description: disabled',
      //     },
      //   },
      //   setter: 'BoolSetter',
      //   supportVariable: true,
      //   description: '是否禁用',
      // },
      {
        name: 'required',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '是否必填',
            en_US: 'Required',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: required | 说明: 是否被必填',
            en_US: 'prop: required | description: required',
          },
        },
        setter: 'BoolSetter',
        supportVariable: true,
        description: '是否必填',
      },
      {
        name: 'disableEdit',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '禁止编辑',
            en_US: 'Disable Edit',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: disableEdit | 说明: 禁止编辑',
            en_US: 'prop: disableEdit | description: disableEdit',
          },
        },
        setter: 'BoolSetter',
        supportVariable: true,
        description: '禁止编辑',
      },
      {
        name: 'hasLimitHint',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '展示限制',
            en_US: 'ShowLimit',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: hasLimitHint | 说明: 是否展现最大长度样式',
            en_US: 'prop: hasLimitHint | description: hasLimitHint',
          },
        },
        setter: 'BoolSetter',
        supportVariable: true,
        description: '是否展现最大长度样式',
      },
      {
        name: 'cutString',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '是否截断',
            en_US: 'Cut Off',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: cutString | 说明: 是否截断超出字符串',
            en_US: 'prop: cutString | description: whether cut off string',
          },
        },
        setter: 'BoolSetter',
        supportVariable: true,
        description: '是否截断超出字符串',
      },
      {
        name: 'trim',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '是否 Trim',
            en_US: 'Trim',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: trim | 说明: onChange返回会自动去除头尾空字符',
            en_US: 'prop: trim | description: whether trim when onChange called',
          },
        },
        setter: 'BoolSetter',
        supportVariable: true,
      },
      {
        name: 'hasClear',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '显示清除',
            en_US: 'Show Clear',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: hasClear | 说明: 是否出现清除按钮',
            en_US: 'prop: hasClear | description: show clear icon',
          },
        },
        setter: 'BoolSetter',
        supportVariable: true,
        description: '是否出现清除按钮',
      },
      {
        name: 'hasBorder',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '显示边框',
            en_US: 'ShowBorder',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: hasBorder | 说明: 是否有边框',
            en_US: 'prop: hasBorder | description: HasBorder',
          },
        },
        setter: 'BoolSetter',
        supportVariable: true,
      },
      {
        name: 'autoFocus',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '自动聚焦',
            en_US: 'Auto Focus',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: autoFocus | 说明: 自动聚焦',
            en_US: 'prop: autoFocus | description: autoFocus',
          },
        },
        setter: 'BoolSetter',
        supportVariable: true,
        description: '自动聚焦',
      },
      {
        name: 'hint',
        title: {
          label: {
            type: 'i18n',
            zh_CN: 'Icon 水印',
            en_US: 'IconHint',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: hint | 说明: Icon 水印',
            en_US: 'prop: hint | description: Icon hint',
          },
        },
        setter: {
          componentName: 'IconSetter',
        },
      },
      {
        name: 'innerBefore',
        display: 'block',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '文字前附加内容',
            en_US: 'Inner Before',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: innerBefore | 说明: 文字前附加内容',
            en_US: 'prop: innerBefore | description: innerBefore',
          },
        },
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        name: 'innerAfter',
        display: 'block',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '文字后附加内容',
            en_US: 'Inner After',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: innerAfter | 说明: 文字后附加内容',
            en_US: 'prop: innerAfter | description: innerAfter',
          },
        },
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        name: 'addonBefore',
        display: 'block',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '输入框前附加内容',
            en_US: 'Addon Before',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: addonBefore | 说明: 输入框前附加内容',
            en_US: 'prop: addonBefore | description: addonBefore',
          },
        },
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        name: 'addonAfter',
        display: 'block',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '输入框后附加内容',
            en_US: 'Addon After',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: addonAfter | 说明: 输入框后附加内容',
            en_US: 'prop: addonAfter | description: addonAfter',
          },
        },
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        name: 'addonTextBefore',
        display: 'block',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '输入框前附加文字',
            en_US: 'Text Before',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: addonTextBefore | 说明: 输入框前附加文字',
            en_US: 'prop: addonTextBefore | description: addonTextBefore',
          },
        },
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        name: 'addonTextAfter',
        display: 'block',
        title: {
          label: {
            type: 'i18n',
            zh_CN: '输入框后附加文字',
            en_US: 'Text After',
          },
          tip: {
            type: 'i18n',
            zh_CN: '属性: addonTextAfter | 说明: 输入框后附加文字',
            en_US: 'prop: addonTextAfter | description: addonTextAfter',
          },
        },
        setter: 'StringSetter',
        supportVariable: true,
      },
      {
        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: ['onPressEnter', 'onClear', 'onChange', 'onKeyDown', 'onFocus', 'onBlur'],
    },
  },
  experimental: {
    closeDialog: true,
  },
  icon: '',
  snippets,
};