TypeScript联合类型允许类型之外的值[重复]

Question

我希望我的标题是明确的，但我对 TS 比较陌生，而且我正在努力处理联合类型。

我正在尝试创建一个通用的callApi 函数，它允许可选的paging 和filters 查询参数。但是，我想让过滤器选项强类型，例如，当调用/api/people/时，我只想允许PeopleFilterQueryParams。

这是我到现在为止的想法，但是，它允许 id 和 after 过滤器查询参数 - 当它应该只允许两者之一时。

export type BookingQueryParams = {
    before?: string;
    after?: string;
}

export type PersonQueryParams = {
    id?: number;
}

export type FilterQueryParams = BookingQueryParams | PersonQueryParams;

export interface PaginationQueryParams {
    page?: number;
    size?: number;
}

export interface ApiRequestParams {
    filters?: FilterQueryParams;
    paging?: PaginationQueryParams;
}

export const callApi = (url: string, params?: ApiRequestParams) => {
    return ``;
}

callApi('/people', {
    filters: {
        id: 123,
        after: '',
    }
})

我在这里有一个 TS 游乐场链接来展示我的问题： TS playground

任何帮助将不胜感激！

Answer 1

我相信这是因为嵌套联合的一些错误。找不到github问题。

但是，有一个解决方法。

export type BookingQueryParams = {
    before?: string;
    after?: string;
}

export type PersonQueryParams = {
    id?: number;
}

type UnionKeys<T> = T extends T ? keyof T : never;
type StrictUnionHelper<T, TAll> = 
    T extends any 
    ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>> : never;

// credits goes to https://stackoverflow.com/questions/65805600/struggling-with-building-a-type-in-ts#answer-65805753
type StrictUnion<T> = StrictUnionHelper<T, T>

export type FilterQueryParams = StrictUnion<BookingQueryParams | PersonQueryParams>;

export interface PaginationQueryParams {
    page?: number;
    size?: number;
}

export interface ApiRequestParams {
    filters?: FilterQueryParams;
    paging?: PaginationQueryParams;
}

export const callApi = (url: string, params?: ApiRequestParams) => {
    return ``;
}

callApi('/people', {
    filters: {
        id: 123,
        after: '', // error
    }
})

Credits goes toTitian Cernicova-Dragomir

你只需要让联合更加严格