mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-19 22:09:37 +00:00
28 lines
783 B
Vue
28 lines
783 B
Vue
<template>
|
|
<span>
|
|
<template v-for="(sequence, index) in keySequences" :key="index">
|
|
<Tag
|
|
class="min-w-6 justify-center bg-interface-menu-keybind-surface-default text-center font-normal text-base-foreground uppercase"
|
|
:severity="isModified ? 'info' : 'secondary'"
|
|
>
|
|
{{ sequence }}
|
|
</Tag>
|
|
<span v-if="index < keySequences.length - 1" class="px-0.5" />
|
|
</template>
|
|
</span>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Tag from 'primevue/tag'
|
|
import { computed } from 'vue'
|
|
|
|
import type { KeyComboImpl } from '@/platform/keybindings/keyCombo'
|
|
|
|
const { keyCombo, isModified = false } = defineProps<{
|
|
keyCombo: KeyComboImpl
|
|
isModified?: boolean
|
|
}>()
|
|
|
|
const keySequences = computed(() => keyCombo.getKeySequences())
|
|
</script>
|