CommandPalette
Открыть палитру
Используйте поиск или стрелки + Enter для выбора, Esc для закрытия.
Выбранная команда
Пока ничего не выбрано
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
items | CommandPaletteItem[] | [] | Список команд. Тип CommandPaletteItem: value, label, description?, group?, keywords?, disabled?. |
placeholder | string | 'Поиск команд…' | Плейсхолдер поля поиска. |
emptyText | string | 'Ничего не найдено' | Текст пустого состояния при отсутствии результатов. |
width | string | '32rem' | Ширина диалога палитры. |
readonly | boolean | false | Режим «только чтение» — без фильтрации по мере ввода. |
v-model
Проп open через v-model:open управляет открытием/закрытием палитры (тип boolean, по умолчанию false).
События
| Имя | Аргументы | Когда срабатывает |
|---|---|---|
select | item: CommandPaletteItem | При выборе команды (клик, Enter или клик по активному пункту). Не срабатывает для отключённых команд. |
Описание
Компонент C3CommandPalette — командная палитра в стиле быстрых действий (command palette): модальный оверлей с полем поиска и списком команд, сгруппированных по group. Позволяет быстро находить и выполнять действия с клавиатуры.
Управляйте видимостью через v-model:open. Поиск фильтрует команды по label, description, group и keywords (кроме режима readonly).
Дополнительная информация
- Компонент целиком телепортируется в
document.bodyи использует transitionc3-modal. - Элемент имеет
role="dialog"иaria-label="Командная палитра"; при открытии фокус ставится в поле поиска, скролл страницы блокируется, при закрытии фокус возвращается на элемент, открывший палитру. - Клавиатура:
ArrowDown/ArrowUp— навигация по командам,Enter— выбор,Escape— закрытие; поддерживается ловушка фокуса (trapFocus). - Слоты не предусмотрены; контент и разметка управляются пропсами
itemsиemptyText.