定义常量列表的类型以自动完成

Question

我有一个JS库，我想导出Constants，以便使用vscode或Typescript的人可以自动完成特定常量选项。

我尝试用接口和不同的选项类型在index.d.ts中导出常量，但是没有运气。我该如何实现？

index.d.ts

type ColorOption =
  | "blue"
  | "green"
  | "red"
  | "white"
  | "gray";

interface Constant {
  Colors: ColorOption;
  Fonts: ...;
  Icons: ...;
  Spacing: ...;

}

export default Constant

理想情况下，自动填充功能例如为Constants.Colors.red或Constants.Fonts.xlarge

编辑：

仅当我在export type之类的道具中使用<Component type="red" />时才起作用，但是使用Constants.Colors.red时枚举似乎起作用。两者都可以工作吗？

Answer 1

我认为您需要做什么is：

export type ColorOption =
  | "blue"
  | "green"
  | "red"
  | "white"
  | "gray";

export interface Constant {
  Colors: ColorOption;
  Fonts: ...;
  Icons: ...;
  Spacing: ...;

}