重写 form-create 中下拉菜单等组件的 fetch 请求为 axios

项目中一般都有实用axios的拦截器创建的请求服务，form-create的自带请求就无法携带token和baseUrl等使用起来非常不便，将其替换

import formCreate from '@form-create/element-ui'
import { service } from '@/config/axios/service' // 对应你项目中的拦截器配置文件

// 创建vueapp实例
const app = ......


interface Option {
  action: string
  method?: AxiosMethod
  data?: object
  dataType?: object
  headers?: object
  withCredentials?: boolean
  onSuccess: (body: any) => void
  onError?: (e: Error | ProgressEvent) => void
  _parse?: string
}

// 第一个是原fetch用到的option，第二个没找到源码中引用的地方不知道有什么用
const overrideFetch = (option: Option, effectArgs) => {
    // console.log('--fetch option--', option)

    service({
      url: option.action,
      method: option.method,
      data: option.data,
      headers: option.headers,
      withCredentials: option.withCredentials
    })
      .then((res) => {
        try {
          if (option._parse) {
            // 使用内置 api 处理解析函数字符串转化为 函数类型
            const parseFn = formCreate.parseFn(option._parse)
            res.data = parseFn(res)
          }
        } catch (e) {
          console.log('--parseFn error--', e)
        }
        option.onSuccess?.(res)
      })
      .catch((e) => {
        option.onError?.(e)
      })

    return option
  }

// 重写 fetch 请求方法，select 等动态获取数据请求通过拦截器
// @ts-ignore
formCreate.fetch = overrideFetch

app.use(formCreate)