import { ref, nextTick } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { $t } from '@/locales'

/**
 * SaiAdmin Composable
 * SaiAdmin状态管理
 */
export function useSaiAdmin() {
  // 弹窗相关
  const dialogType = ref('add')
  const dialogVisible = ref(false)
  const dialogData = ref<Partial<Record<string, any>>>({})

  // 选中行
  const selectedRows = ref<Record<string, any>[]>([])

  // 显示弹窗
  const showDialog = (type: string, row?: Record<string, any>): void => {
    dialogType.value = type
    dialogData.value = row || {}
    nextTick(() => {
      dialogVisible.value = true
    })
  }

  // 隐藏弹窗
  const hideDialog = (): void => {
    dialogVisible.value = false
  }

  // 表格行选择变化
  const handleSelectionChange = (selection: Record<string, any>[]): void => {
    selectedRows.value = selection
  }

  // 删除数据
  const deleteRow = (
    row: Record<string, any>,
    apiFn: (params: any) => Promise<any>,
    callback?: () => void
  ): void => {
    ElMessageBox.confirm($t('uiMsg.deleteConfirmSingle'), $t('uiMsg.titleDelete'), {
      confirmButtonText: $t('uiMsg.btnOk'),
      cancelButtonText: $t('uiMsg.btnCancel'),
      type: 'error'
    }).then(() => {
      apiFn({ ids: [row.id] }).then(() => {
        ElMessage.success($t('uiMsg.deleteSuccess'))
        if (callback) callback()
      })
    })
  }

  // 批量删除数据
  const deleteSelectedRows = (
    apiFn: (params: any) => Promise<any>,
    callback?: () => void
  ): void => {
    if (selectedRows.value.length === 0) {
      ElMessage.warning($t('uiMsg.selectRowsToDelete'))
      return
    }
    ElMessageBox.confirm(
      $t('uiMsg.deleteConfirmSelected', { n: selectedRows.value.length }),
      $t('uiMsg.titleDeleteSelected'),
      {
        confirmButtonText: $t('uiMsg.btnOk'),
        cancelButtonText: $t('uiMsg.btnCancel'),
        type: 'error'
      }
    ).then(() => {
      apiFn({ ids: selectedRows.value.map((row) => row.id) }).then(() => {
        ElMessage.success($t('uiMsg.deleteSuccess'))
        if (callback) callback()
        selectedRows.value = []
      })
    })
  }

  return {
    dialogType,
    dialogVisible,
    dialogData,
    selectedRows,
    showDialog,
    hideDialog,
    handleSelectionChange,
    deleteRow,
    deleteSelectedRows
  }
}