fix: 解决不能预览渐变色的问题

src/packages/components/Charts/Lines/LineGradientSingle/config.ts

@@ -2,6 +2,7 @@ import { echartOptionProfixHandle, publicConfig } from '@/packages/public'
 import { LineGradientSingleConfig } from './index'
 import { CreateComponentType } from '@/packages/index.d'
 import { graphic } from 'echarts/core'
+import { defaultTheme, chartColorsSearch } from '@/settings/chartThemes/index'
 
 export const includes = ['legend', 'xAxis', 'yAxis']
 
@@ -40,11 +41,11 @@ const options = {
         color: new graphic.LinearGradient(0, 0, 0, 1, [
           {
             offset: 0,
-            color: 'rgba(25,163,223,.5)'
+            color: chartColorsSearch[defaultTheme][3]
           },
           {
             offset: 1,
-            color: 'rgba(25,163,223, 0)'
+            color: 'rgba(0,0,0,0)'
           }
         ])
       },

src/packages/components/Charts/Lines/LineGradientSingle/index.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, watchEffect, watch, PropType } from 'vue'
+import { reactive, watch, PropType } from 'vue'
 import VChart from 'vue-echarts'
 import { use, graphic } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
@@ -42,26 +42,24 @@ const option = reactive({
   options: {}
 })
 
-watchEffect(()=> {
-  option.options = mergeTheme(props.chartConfig.option, props.themeSetting, includes)
-})
-
 // 渐变色处理
 watch(()=>chartEditStore.getEditCanvasConfig.chartThemeColor, (newColor: keyof typeof chartColorsSearch) => {
-    const themeColor = chartColorsSearch[newColor] || chartColorsSearch[defaultTheme]
-    props.chartConfig.option.series.forEach((value: any, index: number) => {
-      value.areaStyle.color = new graphic.LinearGradient(0, 0, 0, 1, [
-        {
-          offset: 0,
-          color: themeColor[3]
-        },
-        {
-          offset: 1,
-          color: 'rgba(0,0,0, 0)'
-        }
-      ])
-      themeColor[index]
-    })
+    if (!document.location.hash.includes('preview')) {
+      const themeColor = chartColorsSearch[newColor] || chartColorsSearch[defaultTheme]
+      props.chartConfig.option.series.forEach((value: any, index: number) => {
+        value.areaStyle.color = new graphic.LinearGradient(0, 0, 0, 1, [
+          {
+            offset: 0,
+            color: themeColor[3]
+          },
+          {
+            offset: 1,
+            color: 'rgba(0,0,0, 0)'
+          }
+        ])
+        themeColor[index]
+      })
+    }
     option.options = mergeTheme(props.chartConfig.option, props.themeSetting, includes)
   }, 
   {