diff --git a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue index b3413183dd..a095d84e0b 100644 --- a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue +++ b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeStatusIcons.vue @@ -12,7 +12,7 @@ const { hasIssues, executionStatus, executionWaiting, - executionRunning, + executionRunningThrottled, hasRunData, runDataIterations, isDisabled, @@ -58,7 +58,7 @@ const hideNodeIssues = computed(() => false); // @TODO Implement this
diff --git a/packages/editor-ui/src/composables/useCanvasNode.ts b/packages/editor-ui/src/composables/useCanvasNode.ts index 56b27264ba..6b051992fb 100644 --- a/packages/editor-ui/src/composables/useCanvasNode.ts +++ b/packages/editor-ui/src/composables/useCanvasNode.ts @@ -7,6 +7,7 @@ import { CanvasNodeKey } from '@/constants'; import { computed, inject } from 'vue'; import type { CanvasNodeData } from '@/types'; import { CanvasNodeRenderType, CanvasConnectionMode } from '@/types'; +import { refThrottled } from '@vueuse/core'; export function useCanvasNode() { const node = inject(CanvasNodeKey); @@ -58,6 +59,7 @@ export function useCanvasNode() { const executionStatus = computed(() => data.value.execution.status); const executionWaiting = computed(() => data.value.execution.waiting); const executionRunning = computed(() => data.value.execution.running); + const executionRunningThrottled = refThrottled(executionRunning, 300); const runDataOutputMap = computed(() => data.value.runData.outputMap); const runDataIterations = computed(() => data.value.runData.iterations); @@ -89,6 +91,7 @@ export function useCanvasNode() { executionStatus, executionWaiting, executionRunning, + executionRunningThrottled, render, eventBus, };