ts 根据 key 来决定使用哪个 enum

在TypeScript中，你可以通过创建一个字符串枚举（如`ts-key-enum`）来实现根据键盘事件键(event.key)动态决定使用哪个枚举值。`ts-key-enum`库提供了一个编译时的安全方式来代替直接使用字符串键。

安装`ts-key-enum`库后，可以这样使用：

import * as KeyEnum from 'ts-key-enum';

// 假设你的键映射已经定义在KeyEnum中，比如
const keyToEnumMap = {
  'ArrowUp': KeyEnum.Up,
  'Enter': KeyEnum.Submit,
};

onKeyPress = (ev: KeyboardEvent) => {
  const keyValue = ev.key;
  if (keyValue in keyToEnumMap) {
    const enumValue = keyToEnumMap[keyValue];
    // 使用对应的枚举值执行相应操作
    console.log(`对应的操作: ${enumValue.name}`);
  } else {
    console.log('未知按键');
  }
};

对于更复杂的枚举需求，`ts-enum-plus`库可以帮助你管理自定义描述的枚举，如例子所示：

import { EnumPlus } from 'ts-enum-plus';

class MyCustomEnum extends EnumPlus {
  @EnumDesc(1, '操作A')
  ACTION_A = 1;

  @EnumDesc(2, '操作B')
  ACTION_B = 2;
}

// ...

onKeyPress = (ev: KeyboardEvent) => {
  const keyValue = ev.key;
  switch (keyValue) {
    case 'A':
      // 使用ACTION_A枚举
      const action = MyCustomEnum.ACTION_A;
      break;
    // 添加其他case...
    default:
      // 处理未匹配的情况
      break;
  }
};