import { ShallowRef, Ref } from 'vue';
import { FormInstance, FormRules } from 'element-plus';
import { _UseFormHooksExample } from '../form/type';
export type UseFormDialogHooksOptions<
  M = Record<string, any>,
  S extends any[],
  SP extends any[],
  CP extends any[]
> = {
  // 表单ref名称
  ref?: string | ShallowRef<FormInstance>
  // 表单对象
  form?: M | Ref<M>
  // 表单验证规则
  rules?: FormRules
  // 提交实现方法 如果`submit`返回的是`Promise`，`submitAutoClose`缺省值为`true`
  submit?(...args: S): Promise<unknown> | void
  // 对话框打开之前钩子
  beforeShow?(...args: SP): boolean | Promise<boolean> | undefined | void
  // 对话框打开之后钩子
  show?(...args: SP): void
  // 对话框关闭之前钩子
  beforeClose?(...args: CP): boolean | Promise<boolean> | undefined | void
  // 对话框关闭之后钩子
  close?(...args: CP): void
  // 对话框标题，根据form自动补充为添加XX或编辑XX，如"添加用户"
  title?: string
  // 关闭自动清空表单
  closeResetFields?: boolean
  // 提交后自动关闭，如果`submit`返回的是`Promise`，`submitAutoClose`缺省值为`true`
  submitAutoClose?: boolean
  // 提交后自动上传文件 仅配合使用ElFormDialog组件时生效
  submitAutoUploadFile?: boolean
}

export type UseFormDialogHooksExample<
  M = Record<string, any>,
  S extends any[],
  SP extends any[],
  CP extends any[]
> = {
  // 表单实例
  ref: ShallowRef<FormInstance>
  // 响应式表单对象
  form: Ref<M>
  // 表单验证规则
  rules: FormRules
  // 提交
  submit(...args: S): void | Promise<unknown>
  // 重置表单
  resetFields(): void
  // 清除表单验证
  clearValidate(props?: Parameters<FormInstance['clearValidate']>[0]): void
  // 展示对话框，返回是否打开成功
  show(...args: SP): Promise<boolean>
  // 关闭对话框，返回是否关闭成功
  close(...args: CP): Promise<boolean>
  // 当前展示状态，提供双向绑定
  model: Ref<boolean>
  // 对话框标题
  title: Ref<string>
}

export type _UseFormDialogHooksExample<
  M = Record<string, any>,
  S extends any[],
  SP extends any[],
  CP extends any[]
> = UseFormDialogHooksExample<M, S, SP, CP> & {
  _formHook: _UseFormHooksExample<M, []>,
  _options: UseFormDialogHooksOptions<M, [], [], []>
}