refactor: replace dialogService method call with useWorkflowTemplateSelectorDialog hook

This commit is contained in:
Johnpaul
2025-09-09 01:17:10 +01:00
parent 180a8ea16c
commit deb3d942b8
3 changed files with 13 additions and 29 deletions

View File

@@ -1,7 +1,6 @@
import { merge } from 'es-toolkit/compat'
import { Component } from 'vue'
import NewWorkflowTemplateSelectorDialog from '@/components/custom/widget/NewWorkflowTemplateSelectorDialog.vue'
import ApiNodesSignInContent from '@/components/dialog/content/ApiNodesSignInContent.vue'
import ConfirmationDialogContent from '@/components/dialog/content/ConfirmationDialogContent.vue'
import ErrorDialogContent from '@/components/dialog/content/ErrorDialogContent.vue'
@@ -129,32 +128,6 @@ export const useDialogService = () => {
})
}
function showWorkflowTemplateSelectorDialog() {
const layoutDefaultProps: DialogComponentProps = {
headless: true,
modal: true,
closable: false,
pt: {
content: { class: '!px-0 overflow-hidden h-full !py-0' },
// Let internal layout manage its own max-width; prevent child from exceeding and causing scrollWidth > clientWidth
root: {
style: 'width: 90vw; height: 85vh; max-width: 1400px; display: flex;'
}
}
}
showLayoutDialog({
key: 'global-workflow-template-selector',
component: NewWorkflowTemplateSelectorDialog,
// Pass through sizing hint so inner layout adapts to parent rather than viewport
props: {
onClose: () =>
dialogStore.closeDialog({ key: 'global-workflow-template-selector' })
},
dialogComponentProps: layoutDefaultProps
})
}
function showManagerDialog(
props: InstanceType<typeof ManagerDialogContent>['$props'] = {}
) {
@@ -539,7 +512,7 @@ export const useDialogService = () => {
showAboutDialog,
showExecutionErrorDialog,
showTemplateWorkflowsDialog,
showWorkflowTemplateSelectorDialog,
// showWorkflowTemplateSelectorDialog,
showManagerDialog,
showManagerProgressDialog,
showApiNodesSignInDialog,