Merge pull request #594 from tapdata/feat/TAP-12019-cpu

feat(LeftSider.vue): add conditional rendering for CPU usage chart ba…

Author: feynmx

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

@@ -7,7 +7,7 @@ import { IconButton } from '@tap/component/src/icon-button'
 import TimeSelect from '@tap/component/src/TimeSelect.vue'
 
 import { useI18n } from '@tap/i18n'
-import { calcTimeUnit, calcUnit } from '@tap/shared'
+import { calcTimeUnit, calcUnit, getSettingByKey } from '@tap/shared'
 import Time from '@tap/shared/src/time'
 import dayjs from 'dayjs'
 import { cloneDeep } from 'lodash-es'
@@ -324,6 +324,11 @@ const replicateLagData = computed(() => {
   }
 })
 
+const showCpuUsageChart = computed(() => {
+  const flag = getSettingByKey('cpu_mem_collector')
+  return flag && flag !== 'false'
+})
+
 const cpuUsageData = computed(() => {
   const data = props.quota?.samples?.lineChartData?.[0]
   const { time = [] } = props.quota as any
@@ -1118,7 +1123,7 @@ onMounted(() => {
           </div>
         </div>
       </div>
-      <div class="py-2 px-4 info-box">
+      <div v-if="showCpuUsageChart" class="py-2 px-4 info-box">
         <div class="line-chart__box mb-2">
           <div class="flex align-center gap-2">
             <span class="inline-flex align-items-center">