Function ShortcutField

src/components/ShortcutField.tsx:41–307

({ value, onChange, disable = false, minWidth = '10rem' }: ShortcutFieldProps)

}

export default function ShortcutField({ value, onChange, disable = false, minWidth = '10rem' }: ShortcutFieldProps) {
    const { t } = useTranslation();
    const [isRecording, setIsRecording] = useState(false);
    const [currentCombo, setCurrentCombo] = useState('');
    const [isHovered, setIsHovered] = useState(false);
    const { notify } = useSnackbar();
    const inputRef = useRef<HTMLDivElement>(null);
    const osRef = useRef<string>("");

    // Load platform once
    useEffect(() => { osRef.current = platform(); }, []);

    // 处理快捷键输入
    const handleShortcutKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
        if (!isRecording) return;

        event.preventDefault();
        event.stopPropagation();

        // 构建当前按键组合用于实时显示
        const keys: string[] = [];

        if (event.ctrlKey) keys.push('Ctrl');
        if (event.shiftKey) keys.push('Shift');
        if (event.altKey) keys.push('Alt');

        // Windows 不支持 Meta 键（Win 键）作为全局快捷键
        const os = osRef.current;
        if (event.metaKey) {
            switch (os) {
                case 'windows':
                    notify('不支持使用 Win 键作为快捷键', 'warning');
                    return;
                case 'macos':
                    keys.push('Command');
                    break;
                case 'linux':
                    notify('不支持使用 Meta 键作为快捷键', 'warning');
                    break;
            }
        }

        // 过滤掉单独的修饰键
        const isModifierKey = ['Control', 'Shift', 'Alt', 'Meta'].includes(event.key);

        if (!isModifierKey) {
            // 使用 event.code 来获取物理按键，避免 Shift 等修饰键影响
            let mainKey = event.key;

            // 处理数字键（避免 Shift+1 变成 !）
            if (event.code.startsWith('Digit')) {
                mainKey = event.code.replace('Digit', '');
            }
            // 处理字母键
            else if (event.code.startsWith('Key')) {
                mainKey = event.code.replace('Key', '');
            }
            // 处理特殊键