useAjax.tsx 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import { message } from 'antd'
  2. import moment from 'moment'
  3. import { useRequest } from 'umi'
  4. interface Options {
  5. manual?: boolean,//手动模式true开启
  6. pollingInterval?: number,//轮询间隔,单位为毫秒。设置后,将进入轮询模式,定时触发 run
  7. pollingWhenHidden?: boolean,//在页面隐藏时,是否继续轮询。默认为 true,即不会停止轮询
  8. debounceInterval?: number,//防抖间隔, 单位为毫秒,设置后,请求进入防抖模式。
  9. throttleInterval?: number,//节流间隔, 单位为毫秒,设置后,请求进入节流模式。
  10. cacheKey?: string,//请求唯一标识。如果设置了 cacheKey启用缓存机制
  11. onSuccess?: (data: any, params: any[]) => void,//service resolve 时触发,参数为 data 和 params
  12. onError?: (error: Error, params: any[]) => void,//service 报错时触发,参数为 error 和 params。
  13. formatResult?: boolean,//格式化请求结果
  14. isExcelData?:boolean,//是否是excel数据,返回原始内容
  15. initialData?: any,//默认的 data
  16. msgNmae?: string,
  17. }
  18. /**
  19. *
  20. * @param fnc
  21. * @param options:Options
  22. * @param manual?: boolean,//手动模式true开启
  23. * @param pollingInterval?: number,//轮询间隔,单位为毫秒。设置后,将进入轮询模式,定时触发 run
  24. * @param pollingWhenHidden?: boolean,//在页面隐藏时,是否继续轮询。默认为 true,即不会停止轮询
  25. * @param debounceInterval?: number,//防抖间隔, 单位为毫秒,设置后,请求进入防抖模式。开启后then获取不到res
  26. * @param throttleInterval?: number,//节流间隔, 单位为毫秒,设置后,请求进入节流模式。开启后then获取不到res
  27. * @param cacheKey?: string,//请求唯一标识。如果设置了 cacheKey启用缓存机制
  28. * @param onSuccess?: (data: any, params: any[]) => void,//service resolve 时触发,参数为 data 和 params
  29. * @param onError?: (error: Error, params: any[]) => void,//service 报错时触发,参数为 error 和 params。
  30. * @param formatResult?: boolean,//格式化请求结果
  31. * @param initialData?: any,//默认的 data
  32. * @param msgNmae?: string,//操作完成提示文字
  33. *
  34. */
  35. export function useAjax(fnc: (params?: any) => Promise<any>, options?: Options) {
  36. const ajax = useRequest(fnc, {
  37. manual: options?.manual || true,
  38. cacheKey: options?.cacheKey,
  39. pollingInterval: options?.pollingInterval || undefined,
  40. debounceInterval: options?.debounceInterval || undefined,
  41. // throttleInterval:500,
  42. formatResult: (res) => {
  43. let reqTime = moment().format('YYYY-MM-DD HH:mm:ss')
  44. if(options?.isExcelData){
  45. return res
  46. }else{
  47. return options?.formatResult ? {...res,reqTime} : res?.data
  48. }
  49. },
  50. onSuccess: (res) => {
  51. if (res) {
  52. options?.msgNmae && message.success(options?.msgNmae + '成功!', 2)
  53. }
  54. return null
  55. },
  56. onError: () => {
  57. }
  58. })
  59. return ajax
  60. }