feat: Locations Formats the layout if it does not exist (#11535)

dolphinscheduler-ui/src/views/projects/workflow/components/dag/index.tsx

@@ -89,6 +89,7 @@ export default defineComponent({
 
     const graph = ref<Graph>()
     provide('graph', graph)
+    context.expose(graph)
 
     // Auto layout modal
     const {

dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-graph-auto-layout.ts

@@ -80,7 +80,7 @@ export function useGraphAutoLayout(options: Options) {
    * @returns
    */
   function format(layoutConfig: LayoutConfig) {
-    if (!layoutConfig) {
+    if (Object.keys(layoutConfig).length === 0) {
       layoutConfig = DEFAULT_LAYOUT_CONFIG
     }
     const graph = graphRef?.value

dolphinscheduler-ui/src/views/projects/workflow/definition/detail/index.tsx

@@ -33,6 +33,7 @@ import {
   Location
 } from '../../components/dag/types'
 import Styles from './index.module.scss'
+import { useGraphAutoLayout } from '../../components/dag/use-graph-auto-layout'
 
 interface SaveData {
   saveForm: SaveForm
@@ -55,6 +56,7 @@ export default defineComponent({
     const definition = ref<WorkflowDefinition>()
     const readonly = ref(false)
     const isLoading = ref(true)
+    const dagRef = ref()
 
     const refresh = () => {
       isLoading.value = true
@@ -62,6 +64,13 @@ export default defineComponent({
         readonly.value = res.processDefinition.releaseState === 'ONLINE'
         definition.value = res
         isLoading.value = false
+        if (!res.processDefinition.locations) {
+          setTimeout(() => {
+            const graph = dagRef.value
+            const { submit } = useGraphAutoLayout({ graph })
+            submit()
+          }, 1000)
+        }
       })
     }
 
@@ -115,6 +124,7 @@ export default defineComponent({
       >
         {!isLoading.value && (
           <Dag
+            ref={dagRef}
             definition={definition.value}
             onRefresh={refresh}
             projectCode={projectCode}