Skip to content

feat(VCommandPalette): add new component #21459

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 57 commits into
base: master
Choose a base branch
from

Conversation

johnleider
Copy link
Member

@johnleider johnleider commented May 22, 2025

Description

This introduces two new components. VCommandPalette and VHotKey.

It also introduces a global, reactive data store for registering actions that will be displayed and listed in the command palette.

Markup:

There is a comprehensive playground for you to try out. It's point is not to be beautiful, it is to demonstrate functionality.

https://github.com/vuetifyjs/vuetify/blob/feat%2FActionCore-VCommandPalette/packages%2Fvuetify%2Fplaygrounds%2FPlayground.actionCore.vue

Documentation here: https://github.com/vuetifyjs/vuetify/tree/feat%2FActionCore-VCommandPalette/packages%2Fvuetify%2Fsrc%2Flabs%2FVActionCore%2Fdocumentation

MatthewAry added 30 commits May 15, 2025 09:56
Update types for CommandCorePublicAPI interface
update Playground and ScenarioContextMenu for improved accessibility and error handling. Adjust VBtn command execution logic for better state management. Enhance VCommandPalette tests and component structure for robustness and clarity.
- Added hotkey options for save actions in ScenarioContextualActions.vue to prevent default behavior and stop propagation.
- Updated undo action hotkey to support both 'cmd' and 'ctrl' in ScenarioUndoRedo.vue.
- Refined logic for handling input blockers in action core to accommodate various runInTextInput scenarios.
- Expanded test cases in actionCore.spec.ts to validate new hotkey configurations and ensure correct behavior across multiple action definitions.
- Introduced ShowSubItemsUISymbol for global sub-items UI handling, allowing components to display sub-items of actions.
- Registered the new settings action with a global hotkey in ScenarioActionWithSubItems.vue, ensuring consistent hotkey behavior.
- Updated ActionCore to initialize key bindings with capture: true for improved event handling.
- Enhanced VHotKey component to support display modes for hotkeys, improving accessibility and user experience.
- Added tests to validate the new hotkey configurations and ShowSubItemsUI integration in actionCore.spec.ts and useKeyBindings.spec.ts.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants