ts 如何正确断言？

Question

EChartsOption.tooltip?: TooltipOption | TooltipOption[] | undefined

type formatter = EChartsOption['tooltip']['formatter'];
报错：`类型“TooltipOption | TooltipOption[] | undefined”上不存在属性“formatter”。`

type formatter1 = EChartsOption['tooltip'][number]['formatter']; 
报错：`类型“TooltipOption | TooltipOption[] | undefined”没有匹配的类型“number”的索引签名。`

如何正确断言呢？

EChartsOption['tooltip']  断言为  TooltipOption
EChartsOption['tooltip']  断言为  TooltipOption[] 

Answer 1

把联合类型中不需要的排除掉

type inferArrayItem<T> =
  T extends (infer U)[] ? U :
  T extends readonly (infer U)[] ? U :
  T;

type ExcludeUndefined<T> = T extends undefined ? never : T;

type formatter = inferArrayItem<ExcludeUndefined<EChartsOption['tooltip']>>['formatter']

Answer 2

type formatter = (EChartsOption['tooltip'] & {})['formatter'];

Answer 3

echarts 的文字提示选项类类型是export的，你可以直接用：

import { TooltipComponentOption } from 'echarts'

type Formater = TooltipComponentOption['formatter']