Как правильно задать объединение типов (union)?

Question

[Антон Иванов]

Всем привет.
Есть следующие типы:

export type TFormFieldValue = string | number | boolean;
export interface TFormField<T extends TFormFieldValue> {
  value?: T;
  defaultValue?: T;
  emptyValue?: T;
  onChange?: (value: T) => void;
}

export type TFormFieldsUnion =
  | TFormField<string>
  | TFormField<boolean>
  | TFormField<number>

и соответственно код:

const field1: TFormField<string> = {
...
}

const field2: TFormField<number> = {
...
}

const fields: TFormFieldsUnion = {
    field1,
    field2,
    ...
}

Как правильно задать объединение типов? (если я правильно вещи называю)
Меня смущает, что со временем TFormFieldsUnion может разрастись до бесконечности.
Возможно есть более "правильный" способ?

Comments

[WbICHA]

Честно говоря, я вообще не понимаю смысл существования TFormFieldsUnion.

type TFormFieldsUnion =
  | TFormField<string>
  | TFormField<boolean>
  | TFormField<number>
// =
type TFormFieldsUnion = TFormField<string | number | boolean>
// =
type TFormFieldsUnion<T extends string | number | boolean> = TFormField<T>
// =
TFormField

[Lynn «Кофеман»]

const fields: TFormFieldsUnion = {
    field1,
    field2,
    ...
}

Вообще-то вот тут тип не совпадает с содержимым и TS ругается.

Answer 1

[Vlad]

Вам это было нужно? Не совсем понял)

export type TFormFieldsUnion = TFormField<string> | TFormField<boolean> | TFormField<number>


const field1: TFormField<string> = {}

const field2: TFormField<number> = {}

// Array
const fields_a: TFormFieldsUnion[] = [field1, field2]
// Object
const fields_o: { [key: string]: TFormFieldsUnion } = { field1, field2 }

Comments

[Антон Иванов]

Не совсем то, что надо. Не смог донести смысл вопроса. Но вы дали наводку, за что спасибо.