perf(src/packages/external/Informations): 优化自定义echarts，可通过动态接口设置值

@@ -25,6 +25,7 @@ import { useChartDataFetch } from '@/hooks'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { isPreview } from '@/utils'
 import { isPreview } from '@/utils'
 import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components'
 import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent } from 'echarts/components'
+import { isObject, isString } from '@/utils/external/is'
 
 
 const props = defineProps({
 const props = defineProps({
   themeSetting: {
   themeSetting: {
@@ -41,17 +42,35 @@ const props = defineProps({
   }
   }
 })
 })
 
 
-const initOptions = useCanvasInitOptions(eval('(' + props.chartConfig.option.dataset + ')'), props.themeSetting)
+//判断数据格式是否是字符串
+const datasetIsString = () => {
+  return isString(props.chartConfig.option.dataset)
+    ? eval('(' + props.chartConfig.option.dataset + ')')
+    : props.chartConfig.option.dataset
+}
+
+const initOptions = useCanvasInitOptions(datasetIsString, props.themeSetting)
 
 
 use([DatasetComponent, CanvasRenderer, BarChart, GridComponent, TooltipComponent, LegendComponent])
 use([DatasetComponent, CanvasRenderer, BarChart, GridComponent, TooltipComponent, LegendComponent])
 
 
 const replaceMergeArr = ref<string[]>()
 const replaceMergeArr = ref<string[]>()
 
 
 const option = computed(() => {
 const option = computed(() => {
-  return mergeTheme(eval('(' + props.chartConfig.option.dataset + ')'), props.themeSetting, [])
+  return mergeTheme(datasetIsString, props.themeSetting, [])
+})
+
+const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, newData => {
+  chartDataset(newData)
 })
 })
 
 
-const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore)
+const chartDataset = (newValue: Recordable | string) => {
+  if (isObject(newValue)) {
+    updateVChart(newValue)
+  } else if (isString(newValue)) {
+    //嵌套字符串使用JSON.parse会报错，这里使用eval函数
+    updateVChart(eval('(' + newValue + ')'))
+  }
+}
 
 
 const updateVChart = (dataset: object) => {
 const updateVChart = (dataset: object) => {
   new Promise(resolve => {
   new Promise(resolve => {
@@ -74,8 +93,7 @@ watch(
   () => props.chartConfig.option.dataset,
   () => props.chartConfig.option.dataset,
   newValue => {
   newValue => {
     try {
     try {
-      //嵌套字符串使用JSON.parse会报错，这里使用eval函数
-      updateVChart(eval('(' + newValue + ')'))
+      chartDataset(newValue)
     } catch (e) {
     } catch (e) {
       console.error(
       console.error(
         `文件位置：src\\packages\\components\\external\\InformationsMores\\CustomEcharts\\index.vue`,
         `文件位置：src\\packages\\components\\external\\InformationsMores\\CustomEcharts\\index.vue`,