perf: 优化无数据源数据展示

src/packages/components/Decorates/Decorates/Decorates03/config.ts

@@ -4,7 +4,6 @@ import { Decorates03Config } from './index'
 import cloneDeep from 'lodash/cloneDeep'
 
 export const option = {
-  dataset: '装饰-03',
   textColor: '#fff',
   textSize: 24,
   colors: ['#1dc1f5', '#1dc1f5'],

src/views/chart/ContentConfigurations/components/ChartData/components/ChartDataMatchingAndShow/index.vue

@@ -164,21 +164,23 @@ const dimensionsAndSourceHandle = () => {
 watch(
   () => targetData.value?.option?.dataset,
   (
-    newData: {
+    newData?: {
       source: any
       dimensions: any
     } | null
   ) => {
-    if (newData && isObject(newData)) {
-      // 只有 Echarts 数据才有对应的格式
+    if (newData && targetData?.value?.chartConfig?.chartFrame === ChartFrameEnum.ECHARTS) {
+      // 只有 DataSet 数据才有对应的格式
       source.value = newData
       if (isCharts.value) {
         dimensions.value = newData.dimensions
         dimensionsAndSource.value = dimensionsAndSourceHandle()
       }
-    } else {
+    } else if (newData !== undefined && newData !== null) {
       dimensionsAndSource.value = null
       source.value = newData
+    } else {
+      source.value = '此组件无数据源'
     }
   },
   {

src/views/chart/ContentConfigurations/components/ChartData/index.vue

@@ -1,16 +1,11 @@
 <template>
   <div class="go-chart-configurations-data" v-if="targetData">
     <setting-item-box name="请求方式" :alone="true">
-      <n-select
-        v-model:value="targetData.request.requestDataType"
-        :options="selectOptions"
-      />
+      <n-select v-model:value="targetData.request.requestDataType" :disabled="isNotData" :options="selectOptions" />
     </setting-item-box>
 
     <!-- 静态 -->
-    <chart-data-static
-      v-if="targetData.request.requestDataType === RequestDataTypeEnum.STATIC"
-    ></chart-data-static>
+    <chart-data-static v-if="targetData.request.requestDataType === RequestDataTypeEnum.STATIC"></chart-data-static>
 
     <!-- 动态 -->
     <chart-data-ajax v-else></chart-data-ajax>
@@ -18,6 +13,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
 import { useTargetData } from '../hooks/useTargetData.hook'
 import { ChartDataStatic } from './components/ChartDataStatic/index'
@@ -38,4 +34,9 @@ const selectOptions: SelectCreateDataType[] = [
     value: RequestDataTypeEnum.AJAX
   }
 ]
-</script>
+
+// 无数据源
+const isNotData = computed(() => {
+  return typeof targetData.value?.option?.dataset === 'undefined'
+})
+</script>