mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-20 22:39:39 +00:00
ca312fd1ea
* [refactor] move workflow domain to its own folder * [refactor] Fix workflow platform architecture organization - Move workflow rendering functionality to renderer/thumbnail domain - Rename ui folder to management for better semantic clarity - Update all import paths to reflect proper domain boundaries - Fix test imports to use new structure Architecture improvements: - rendering → renderer/thumbnail (belongs with other rendering logic) - ui → management (better name for state management and UI integration) This ensures proper separation of concerns and domain boundaries. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * [fix] Resolve circular dependency between nodeDefStore and subgraphStore * [fix] Update browser test imports to use new workflow platform paths --------- Co-authored-by: Claude <noreply@anthropic.com>
69 lines
2.0 KiB
Vue
69 lines
2.0 KiB
Vue
<template>
|
|
<DataTable
|
|
v-model:selection="selectedTemplate"
|
|
:value="enrichedTemplates"
|
|
striped-rows
|
|
selection-mode="single"
|
|
>
|
|
<Column field="title" :header="$t('g.title')">
|
|
<template #body="slotProps">
|
|
<span :title="slotProps.data.title">{{ slotProps.data.title }}</span>
|
|
</template>
|
|
</Column>
|
|
<Column field="description" :header="$t('g.description')">
|
|
<template #body="slotProps">
|
|
<span :title="slotProps.data.description">
|
|
{{ slotProps.data.description }}
|
|
</span>
|
|
</template>
|
|
</Column>
|
|
<Column field="actions" header="" class="w-12">
|
|
<template #body="slotProps">
|
|
<Button
|
|
icon="pi pi-arrow-right"
|
|
text
|
|
rounded
|
|
size="small"
|
|
:loading="loading === slotProps.data.name"
|
|
@click="emit('loadWorkflow', slotProps.data.name)"
|
|
/>
|
|
</template>
|
|
</Column>
|
|
</DataTable>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Button from 'primevue/button'
|
|
import Column from 'primevue/column'
|
|
import DataTable from 'primevue/datatable'
|
|
import { computed, ref } from 'vue'
|
|
|
|
import { useTemplateWorkflows } from '@/platform/workflow/templates/composables/useTemplateWorkflows'
|
|
import type { TemplateInfo } from '@/platform/workflow/templates/types/template'
|
|
|
|
const { sourceModule, loading, templates } = defineProps<{
|
|
sourceModule: string
|
|
categoryTitle: string
|
|
loading: string | null
|
|
templates: TemplateInfo[]
|
|
}>()
|
|
|
|
const selectedTemplate = ref(null)
|
|
const { getTemplateTitle, getTemplateDescription } = useTemplateWorkflows()
|
|
|
|
const enrichedTemplates = computed(() => {
|
|
return templates.map((template) => {
|
|
const actualSourceModule = template.sourceModule || sourceModule
|
|
return {
|
|
...template,
|
|
title: getTemplateTitle(template, actualSourceModule),
|
|
description: getTemplateDescription(template, actualSourceModule)
|
|
}
|
|
})
|
|
})
|
|
|
|
const emit = defineEmits<{
|
|
loadWorkflow: [name: string]
|
|
}>()
|
|
</script>
|