TypeScript严格对象键名配置：允许键名可选的主题映射需求

你的核心需求是创建一个严格的主题映射类型，仅允许指定的可选键（来自固定联合类型）和必填固定键，且所有对应值均为Color类型。原代码存在语法错误，以下是修正后的实现方案：

原代码的问题 #

1. 类型命名非法：TypeScript不允许类型名称以数字开头（如type 300），必须使用合法标识符。
2. 索引签名写法错误：[key: '100' | 'AppBackground']不符合语法规范，索引签名的键类型仅支持string/number/symbol，不能直接用具体字符串联合类型。
3. 对象键定义错误：['400' | 'InactiveBackground']: Color这种写法无效，无法直接用联合类型作为对象字面量的键。

正确实现 #

首先定义各组可选键的联合类型，再通过映射类型转为可选键值对，最后与必填固定键类型交叉合并：

// 示例Color类型，可根据实际需求调整
type Color = string | { r: number; g: number; b: number };

// 定义各组可选键的联合类型
type ThemeGroup1 = '100' | 'AppBackground';
type ThemeGroup2 = '200' | 'ContentBackground';
type ThemeGroup3 = '300' | 'CardBackground';
type ThemeGroup4 = '400' | 'InactiveBackground';

// 将每组可选键转为可选的键值对类型
type OptionalThemeGroup1 = { [K in ThemeGroup1]?: Color };
type OptionalThemeGroup2 = { [K in ThemeGroup2]?: Color };
type OptionalThemeGroup3 = { [K in ThemeGroup3]?: Color };
type OptionalThemeGroup4 = { [K in ThemeGroup4]?: Color };

// 必填的固定键值对
type RequiredThemeKeys = {
  link: Color;
  red: Color;
  yellow: Color;
  green: Color;
  blue: Color;
};

// 交叉合并所有类型，得到最终严格映射类型
export type ThemeMapping = RequiredThemeKeys 
  & OptionalThemeGroup1 
  & OptionalThemeGroup2 
  & OptionalThemeGroup3 
  & OptionalThemeGroup4;

效果说明 #

• 必填键：link、red、yellow、green、blue必须存在，且值类型为Color。
• 可选键：仅允许使用ThemeGroup1至ThemeGroup4中定义的键（如'100'、'AppBackground'等），这些键可选择性添加，添加后值类型必须为Color。
• 严格性：无法添加任何未在上述类型中定义的键，完全符合你需要的固定可选键+固定必填键的严格映射要求。

内容的提问来源于stack exchange，提问作者Max Baldwin