ts项目能否通过复写d.ts文件实现对meta类型的重新定义

[kkfive]

举个例子，我在我得项目中新建了xxx.d.ts文件，然后通过覆盖的方式重新定义meta类型

import 'alova'

declare module 'alova' {
  export interface AlovaMethodConfig {
    meta: {
      a: 1
    }
  }
}

[MeetinaXD]

暂时没办法，因为alova目前在内部使用了type去定义AlovaMethodConfig，所以不支持重新定义。

这边给出一个解决方案你可以考虑一下：

重新包装一次alova的方法

// wrapAlova.ts
type ConfigWithMeta<Meta, R, T, RC, RH> = Omit<AlovaMethodCreateConfig<R, T, RC, RH>, 'meta'> & {
  meta: Meta
}

interface MyAlova<Meta, S, E, RC, RE, RH> {
  options: AlovaOptions<S, E, RC, RE, RH>;
  id: string;
  storage: AlovaGlobalStorage;
  Get<R, T = unknown>(url: string, config?: ConfigWithMeta<Meta, R, T, RC, RH>): Method<S, E, R, T, RC, RE, RH>;
  Post<R, T = unknown>(
    url: string,
    data?: RequestBody,
    config?: ConfigWithMeta<Meta, R, T, RC, RH>
  ): Method<S, E, R, T, RC, RE, RH>;
  Put<R, T = unknown>(
    url: string,
    data?: RequestBody,
    config?: ConfigWithMeta<Meta, R, T, RC, RH>
  ): Method<S, E, R, T, RC, RE, RH>;
  Delete<R, T = unknown>(
    url: string,
    data?: RequestBody,
    config?: ConfigWithMeta<Meta, R, T, RC, RH>
  ): Method<S, E, R, T, RC, RE, RH>;
  Head<R, T = unknown>(url: string, config?: ConfigWithMeta<Meta, R, T, RC, RH>): Method<S, E, R, T, RC, RE, RH>;
  Options<R, T = unknown>(url: string, config?: ConfigWithMeta<Meta, R, T, RC, RH>): Method<S, E, R, T, RC, RE, RH>;
  Patch<R, T = unknown>(
    url: string,
    data?: RequestBody,
    config?: ConfigWithMeta<Meta, R, T, RC, RH>
  ): Method<S, E, R, T, RC, RE, RH>;
}

export function wrapWithType<Meta, S, E, RC, RE, RH>(alovaInst: Alova<S, E, RC, RE, RH>, meta: Meta) {
  return alovaInst as unknown as MyAlova<Meta, S, E, RC, RE, RH>
}

在需要的地方使用：

import { wrapWithType } from './path/to/wrapAlova.ts'

interface Meta {
  name: string
  age?: number
}

const newAlovaInstance = wrapWithType(alovaInstance, {} as Meta)

newAlovaInstance.Get('', {
  meta: {
    
  }
})

效果如图：

这应该可以解决你的问题。

[JOU-amjs]

在alova3中已实现

import 'alova'

declare module 'alova' {
  export interface AlovaCustomTypes {
    meta: {
      a: 1
    }
  }
}