import snippets from './snippets';

export default {
  snippets,
  componentName: 'Input.Search',
  title: '搜索框',
  group: '原子组件',
  category: '输入类',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.0',
    exportName: 'Input',
    main: '',
    destructuring: true,
    subName: 'Search',
  },

  configure: {
    props: [
      {
        name: 'defaultValue',
        title: { label: '默认值', tip: '默认值' },
        propType: 'string',
        setter: 'StringSetter',
      },
      {
        name: 'value',
        title: { label: '当前值', tip: '当前值' },
        propType: 'string',
        setter: 'StringSetter',
      },
      {
        name: 'allowClear',
        title: { label: '支持清除', tip: '是否允许清除' },
        propType: 'bool',
        setter: 'BoolSetter',
      },
      {
        name: 'bordered',
        title: { label: '显示边框', tip: '是否有边框' },
        propType: 'bool',
        defaultValue: true,
        setter: 'BoolSetter',
      },
      {
        name: 'loading',
        title: { label: '加载状态', tip: 'loading' },
        propType: 'bool',
        setter: 'BoolSetter',
      },
      {
        name: 'disabled',
        title: { label: '是否禁用', tip: '是否为禁用状态' },
        propType: 'bool',
        defaultValue: false,
        setter: 'BoolSetter',
      },
      {
        name: 'placeholder',
        title: { label: '占位提示', tip: '占位提示' },
        propType: 'string',
        defaultValue: '请输入',
        setter: 'StringSetter',
      },
      // {
      //   name: 'id',
      //   title: { label: '输入框ID', tip: '输入框的ID' },
      //   propType: 'string',
      // },
      {
        name: 'size',
        title: { label: '控件大小', tip: '控件大小' },
        propType: { type: 'oneOf', value: ['large', 'middle', 'small'] },
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: '大',
                value: 'large',
              },
              {
                title: '中',
                value: 'middle',
              },
              {
                title: '小',
                value: 'small',
              },
            ],
          },
        },
        defaultValue: 'middle',
      },
      {
        name: 'enterButton',
        title: {
          label: '确认按钮',
          tip: '是否有确认按钮，可设为按钮文字。该属性会与 addonAfter 冲突。',
        },
        setter: 'BoolSetter',
        defaultValue: false,
      },
      {
        name: 'addonAfter',
        title: { label: '后置标签', tip: '后置标签' },
        setter: 'StringSetter',
      },
      {
        name: 'addonBefore',
        title: { label: '前置标签', tip: '前置标签' },
        setter: 'StringSetter',
      },
      {
        name: 'prefix',
        title: { label: '前缀', tip: '前缀' },
        setter: 'StringSetter',
      },
      {
        name: 'suffix',
        title: { label: '后缀', tip: '后缀' },
        setter: 'StringSetter',
      },
      {
        title: '自定义样式',
        display: 'block',
        type: 'group',
        extraProps: {
          display: 'accordion',
          defaultCollapsed: true,
        },
        items: [
          {
            name: 'customStyle.inputBorderRadius',
            title: {
              label: '中间圆角',
              tip: '中间input圆角设置',
            },
            display: 'inline',
            setter: {
              componentName: 'NumberSetter',
              props: {},
            },
          },
          {
            name: 'customStyle.spanBorderRadius',
            title: {
              label: '两边圆角',
              tip: '两边span圆角信息',
            },
            display: 'inline',
            setter: {
              componentName: 'NumberSetter',
              props: {},
            },
          },
        ],
      },
    ],
    supports: {
      style: false,
      events: [
        {
          name: 'onChange',
        },
        {
          name: 'onPressEnter',
        },
        {
          name: 'onSearch',
        },
        {
          name: 'onFocus',
        },
        {
          name: 'onKeyDown',
        },
        {
          name: 'onKeyPress',
        },
        {
          name: 'onKeyUp',
        },
        {
          name: 'onBlur',
        },
      ],
    },
  },
};