import React from 'react';
import Options from '../../Options';
import OptionGroup from '../../OptionGroup';
import withFormItem, { FormComponentProps } from '../withFormItem';
import { FieldValues } from 'react-hook-form';
import { OptionsProps } from 'src/components/Options/interface';
import { OptionGroupProps } from 'src/components/OptionGroup/OptionGroup';

// 使用 withFormItem 创建 FormOptions，通过封装的类型简化 as 断言
const FormOptions = withFormItem(
  Options,
  'FormOptions',
  {},
  {
    triggerValidationOnChange: true,
  }
) as <T, V>(
  props: FormComponentProps<FieldValues, OptionsProps<T, V>>
) => React.ReactElement;

const FormOptionGroup = withFormItem(
  OptionGroup,
  'FormOptionGroup',
  {},
  {
    triggerValidationOnChange: true,
  }
);

export { FormOptionGroup };

// 导出支持泛型的类型定义
export type FormOptionsProps<
  TFieldValues extends FieldValues = FieldValues,
  V = unknown,
  S = boolean
> = FormComponentProps<TFieldValues, OptionsProps<V, S>>;

export type FormOptionGroupProps<
  TFieldValues extends FieldValues = FieldValues
> = FormComponentProps<TFieldValues, OptionGroupProps>;

export default FormOptions;