import { FormInstance, FormRules } from 'element-plus';
import { ShallowRef, Ref } from 'vue';
type UseFormHooksOptions<
  M = Record<string, any>,
  S extends any[]
> = {
  // 表单ref名称
  ref?: string | ShallowRef<FormInstance>
  // 表单对象
  form?: M | Ref<M>
  // 表单验证规则
  rules?: FormRules<string>
  // 提交实现方法
  submit?(...args: S): Promise<unknown> | void
}

type UseFormHooksExample<
  M = Record<string, any>,
  S extends any[]
> = {
  // 表单实例
  ref: ShallowRef<FormInstance>
  // 响应式表单对象
  form: Ref<M>
  // 表单验证规则
  rules: FormRules<string>
  // 提交
  submit(...args: S): void
  // 重置表单
  resetFields(): void
  // 清除表单验证
  clearValidate(props?: Parameters<FormInstance['clearValidate']>[0]): void
}

type _UseFormHooksOptions<
  M = Record<string, any>,
  S extends any[]
> = UseFormHooksOptions<M, S> & {
  beforeSubmit?(): Promise<void>
}

type _UseFormHooksExample<
  M = Record<string, any>,
  S extends any[]
> = UseFormHooksExample<M, S> & {
  _option: _UseFormHooksOptions<M, S>
}