mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-03-07 22:20:03 +00:00
25 lines
629 B
Vue
25 lines
629 B
Vue
<script setup lang="ts">
|
|
import Tag from 'primevue/tag'
|
|
import { computed } from 'vue'
|
|
|
|
import type { KeyComboImpl } from '@/stores/keybindingStore'
|
|
|
|
const { keyCombo, isModified = false } = defineProps<{
|
|
keyCombo: KeyComboImpl
|
|
isModified?: boolean
|
|
}>()
|
|
|
|
const keySequences = computed(() => keyCombo.getKeySequences())
|
|
</script>
|
|
|
|
<template>
|
|
<span>
|
|
<template v-for="(sequence, index) in keySequences" :key="index">
|
|
<Tag :severity="isModified ? 'info' : 'secondary'">
|
|
{{ sequence }}
|
|
</Tag>
|
|
<span v-if="index < keySequences.length - 1" class="px-2">+</span>
|
|
</template>
|
|
</span>
|
|
</template>
|