Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-27 10:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Support keybinding customization (#1081)

Browse Source 
* Basic keybinding panel

nit

Make row selectable

Reduce padding

Better key seq render

Show actions on demand

Turn off autocomplete

nit

Persist keybindings

Autofocus

Fix set unsetted keybinding bug

Refactor

Add reset button

Add back default keybinding logic

Report key conflict error

Adjust style

fix bug

Highlight modified keybindings

* Set current editing command's id as dialog header
This commit is contained in:
Chenlei Hu
2024-10-03 16:58:56 -04:00
committed by GitHub
parent 142882a8ff
commit 1775d43d90
10 changed files with 442 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/stores/commandStore.ts
View File

@@ -1,7 +1,7 @@
import { app } from '@/scripts/app'
import { api } from '@/scripts/api'
import { defineStore } from 'pinia'
import { ref } from 'vue'
import { computed, ref } from 'vue'
import { globalTracker } from '@/scripts/changeTracker'
import { useSettingStore } from '@/stores/settingStore'
import { useToastStore } from '@/stores/toastStore'
@@ -32,12 +32,14 @@ const getTracker = () =>
export const useCommandStore = defineStore('command', () => {
const settingStore = useSettingStore()
const commands = ref<Record<string, ComfyCommand>>({})
const commandsById = ref<Record<string, ComfyCommand>>({})
const commands = computed(() => Object.values(commandsById.value))
const registerCommand = (command: ComfyCommand) => {
if (commands.value[command.id]) {
if (commandsById.value[command.id]) {
console.warn(`Command ${command.id} already registered`)
}
commands.value[command.id] = command
commandsById.value[command.id] = command
}
const commandDefinitions: ComfyCommand[] = [
@@ -311,15 +313,15 @@ export const useCommandStore = defineStore('command', () => {
commandDefinitions.forEach(registerCommand)
const getCommandFunction = (command: string) => {
return commands.value[command]?.function ?? (() => {})
return commandsById.value[command]?.function ?? (() => {})
}
const getCommand = (command: string) => {
return commands.value[command]
return commandsById.value[command]
}
const isRegistered = (command: string) => {
return !!commands.value[command]
return !!commandsById.value[command]
}
const loadExtensionCommands = (extension: ComfyExtension) => {
@@ -331,6 +333,7 @@ export const useCommandStore = defineStore('command', () => {
}
return {
commands,
getCommand,
getCommandFunction,
registerCommand,