refactor: add isSaving prop to TopHeader and enhance validation logic for CDC dataflow type TAP-9372, TAP-9373

Author: feynmx

packages/dag/src/components/monitor/TopHeader.vue

@@ -27,6 +27,7 @@ export default {
   mixins: [syncTaskAgent],
   props: {
     loading: Boolean,
+    isSaving: Boolean,
     dataflowName: String,
     dataflow: Object,
     scale: Number,
@@ -402,6 +403,11 @@ export default {
             !(dataflow.disabledData && dataflow.disabledData.start) &&
             buttonShowMap.Start
           "
+          :disabled="
+            isSaving ||
+            (dataflow.disabledData && dataflow.disabledData.start) ||
+            transformLoading
+          "
           class="ml-3"
           type="primary"
           @click="$emit('start')"

packages/dag/src/mixins/editor.js

@@ -1988,6 +1988,8 @@ export default {
     },
 
     async validateDropTableEnabled() {
+      if (this.dataflow.type === 'cdc') return true
+
       if (
         this.allNodes.some(
           (node) =>