import { useEventListener } from '@vueuse/core';
import { toValue } from 'vue';
import { isFocusingTextControl, isKeyMatched } from '../utils/index.js';
/**
 * Register keyboard event listeners for hotkeys
 *
 * 为热键注册键盘事件监听器
 *
 * @param hotKeys - Array of key configurations / 键配置数组
 * @param action - Action to execute when hotkey is pressed / 按下热键时执行的操作
 */
export const useKeys = (hotKeys, action) => {
    const onKeydown = (event) => {
        const hotKeysValue = toValue(hotKeys);
        if (hotKeysValue?.length) {
            if (
            // key matches
            isKeyMatched(event, hotKeysValue) &&
                // event does not come from the search box itself or
                // user isn't focusing (and thus perhaps typing in) a text control
                !isFocusingTextControl(event.target)) {
                event.preventDefault();
                void action();
            }
        }
    };
    useEventListener('keydown', onKeydown);
};