cmc-web/packages/common/hooks/useTable.ts

import { ref, toRefs, reactive } from 'vue'
import { MessageBox, Message } from 'element-ui'
import { handleSearchParam } from '@cmp/cmp-element'

interface IRemoveService {
  (id: number, params?: any): Promise<Base.IResponseData>
}
interface IConfigs {
  getService: {
    (params: Base.IListParams): Promise<Base.IResponseList>
  }
  removeService?: IRemoveService
  listFormat?: {
    (data: any): any[]
  }
  afterGetList?: {
    (): void
  }
  rows?: number
  params?: any
  initParams?: any
  deleteTipKey?: string
}
interface IRecord {
  id: number
  name: string
}
export function useDelete(removeService: IRemoveService, getData: { (): void }, deleteTipKey = 'name') {
  function handleDelete(record: any, params: any) {
    MessageBox.confirm(`您确定要删除【${record[deleteTipKey]}】吗?`, '提示', {
      confirmButtonClass: 'el-button--danger',
      type: 'warning'
    })
      .then(async () => {
        const res = await removeService(record.id, params)
        if (res.success) {
          Message.success(res.message)
          getData()
        }
      })
      .catch(e => {})
  }
  return {
    handleDelete
  }
}
export default function <T = any>(configs: IConfigs) {
  const { getService, removeService, listFormat, rows = 10, params = {}, afterGetList, initParams, deleteTipKey = 'name' } = configs
  const loading = ref(false)
  const state: Base.IListState<T> = reactive({
    list: [],
    total: 0,
    params: {
      page: 1,
      rows,
      ...params
    }
  })
  // if (initParams) {
  //   state.params.params = handleSearchParam(initParams)
  // }
  async function getList() {
    loading.value = true
    try {
      const data = await getService(state.params)
      loading.value = false
      if (data.success) {
        if (listFormat) {
          state.list = listFormat(data.data.rows)
        } else {
          state.list = data.data.rows
        }
        state.total = data.data.total
        afterGetList && afterGetList()
      }
    } catch (e) {
      loading.value = false
    }
  }
  const { handleDelete } = useDelete(removeService as IRemoveService, getList, deleteTipKey)
  return {
    loading,
    ...toRefs(state),
    getList,
    handleDelete
  }
}

export function useSelect() {
  const selectList = ref<object[]>([])
  function handleSelectItem(selection: object[], row: object) {
    selectList.value = selection
  }
  function handleSelectAll(selection: object[]) {
    selectList.value = selection
  }
  return {
    selectList,
    handleSelectItem,
    handleSelectAll
  }
}