import React, { useImperativeHandle, forwardRef } from 'react'
import type { FormInstance as RCFormInstance } from 'rc-field-form'
import type { ValidateErrorEntity } from 'rc-field-form/lib/interface'
import RCForm from 'rc-field-form'

import Toast from '../toast'
import useForm from './useForm'
import type { FormProps } from './interface'

/**
 * 默认处理错误的回调
 */
const defaultOnFinishFailed = (errorInfo: ValidateErrorEntity<unknown>) => {
  Toast(errorInfo.errorFields[0].errors[0])
}

const InternalForm: React.ForwardRefRenderFunction<
  RCFormInstance,
  FormProps
> = ({ onFinishFailed = defaultOnFinishFailed, form, ...restProps }, ref) => {
  const [wrapForm] = useForm(form)

  useImperativeHandle(ref, () => wrapForm)

  return (
    <RCForm
      {...restProps}
      component={false}
      form={wrapForm}
      onFinishFailed={onFinishFailed}
    />
  )
}

const Form = forwardRef<RCFormInstance, FormProps>(InternalForm) as <
  Values = any,
>(
  props: React.PropsWithChildren<FormProps<Values>> & {
    ref?: React.Ref<RCFormInstance<Values>>
  },
) => React.ReactElement

export default Form