typescript里使用字面量类型，当定义变量时如何既能有代码提示还能不报错？

Question

css中的transition里的一个字段的取值为：
transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n);
这个定义如何用ts来写呢

type Timing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | string

上面代码在使用时 缺少了代码提醒。我猜测是最后string的问题
有什么写法可以有代码提醒，并且取值不在下面几种情况时 也不会报错呢

Answer 1

type Timing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | (string & {});

直接查transitionTimingFunction不就看到了吗

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

type Timing = "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | `cubic-bezier(${number}, ${number}, ${number}, ${number})`

Answer 3

这个问题看这个issue就可以了：https://github.com/microsoft/...