如何获取所有 Material UI 颜色选项作为类型？

Question

我希望使用 MaterialUI 创建一个颜色选择器，类似于本页上的颜色选择器：

https://mui.com/material-ui/customization/color/

我正在使用打字稿，并希望有某种内置映射。

我做了这个：https://gist.github.com/ParadigmMalcontent/03d345ff5e8fd698a24fcb579a7440ae这个想法是迭代所有颜色。

...但我觉得它正在重新发明一些应该已经发明的轮子。

Answer 1

您可以使用命名空间导入来创建一个对象，该对象将具有模块中的所有导出作为其属性 - 这包括关联的类型信息：

TS游乐场

import * as allColors from "@mui/material/colors";

allColors.amber.A100
//              ^? (property) A100: "#ffe57f"

allColors.teal.A400
//             ^? (property) A400: "#1de9b6"

// …etc.