import { FormInstance, FormItemProp } from 'element-plus'
import { ref } from 'vue-demi'
import { isEmpty } from '../utils/validate'

export function useForm () {
  const elForm = ref<FormInstance|null>(null)

  function validate () {
    if (isEmpty(elForm.value)) throw new Error('please set <el-from ref="elForm" .../>')
    return elForm.value.validate()
  }

  function resetFields (props?: FormItemProp[] | FormItemProp) {
    elForm.value?.resetFields?.(props)
  }

  function clearValidate (props?: FormItemProp[] | FormItemProp) {
    elForm.value?.clearValidate(props)
  }

  return { elForm, validate, resetFields, clearValidate }
}