perf(src/hooks/): 优化自定义下拉选择器和图表交互，接口请求多次

 /**
 /**
  * 重写select下拉框联动
  * 重写select下拉框联动
  */
  */
-import {toRaw, toRefs} from 'vue'
+import {toRefs} from 'vue'
 import {CreateComponentType} from '@/packages/index.d'
 import {CreateComponentType} from '@/packages/index.d'
 import {useChartEditStore} from '@/store/modules/chartEditStore/chartEditStore'
 import {useChartEditStore} from '@/store/modules/chartEditStore/chartEditStore'
-import {customRequest} from "@/api/external/customRequest";
-import {useFilterFn} from "@/hooks/external/useFilterFn";
 
 
 // 获取类型
 // 获取类型
 type ChartEditStoreType = typeof useChartEditStore
 type ChartEditStoreType = typeof useChartEditStore
@@ -36,21 +34,10 @@ export const useChartInteract = (
                 Header.value[key] = param[item.interactFn[key]]
                 Header.value[key] = param[item.interactFn[key]]
             }
             }
         })
         })
-        const res = await customRequest(toRaw(chartEditStore.componentList[index].request))
-        if (res) {
-            try {
-                const filter = chartEditStore.componentList[index].filter
-                const {value} = useFilterFn(filter, res)
-                if (!value) return
-                chartEditStore.componentList[index].option.dataset = value
-            } finally { 
-                console.log
-            }
-        }
     })
     })
 }
 }
 
 
 // 联动事件触发的 type 变更时，清除当前绑定内容
 // 联动事件触发的 type 变更时，清除当前绑定内容
-export const clearInteractEvent = (chartConfig: CreateComponentType) => {
+// export const clearInteractEvent = (chartConfig: CreateComponentType) => {
 
 
-}
+// }

@@ -54,6 +54,8 @@ const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSe
 
 
 use([DatasetComponent, CanvasRenderer, BarChart, GridComponent, TooltipComponent, LegendComponent])
 use([DatasetComponent, CanvasRenderer, BarChart, GridComponent, TooltipComponent, LegendComponent])
 
 
+const chartEditStore = useChartEditStore()
+
 const replaceMergeArr = ref<string[]>()
 const replaceMergeArr = ref<string[]>()
 
 
 const option = computed(() => {
 const option = computed(() => {
@@ -195,7 +197,7 @@ watch(
 )
 )
 
 
 //fix 修复v-chart图表绑定联动组件视图不更新问题
 //fix 修复v-chart图表绑定联动组件视图不更新问题
-const updateVChart = (newData:SocketReceiveMessageType) => {
+const updateVChart =async (newData:SocketReceiveMessageType) => {
   //区分是普通请求还是ws请求
   //区分是普通请求还是ws请求
   if (!isObject(newData) || !('dimensions' in newData)) {
   if (!isObject(newData) || !('dimensions' in newData)) {
     const { data } = newData
     const { data } = newData
@@ -207,26 +209,25 @@ const updateVChart = (newData:SocketReceiveMessageType) => {
       }
       }
     })
     })
   } else {
   } else {
-    //异步更新，同步更新会造成联动组件控制，图表不及时更新
-    new Promise((resolve) => {
-      setTimeout(() => {
-        resolve(
-          vChartRef.value?.setOption(
-            {
-              ...option.value,
-              dataset: newData
-            },
-            {
-              notMerge: true
-            }
-          )
-        )
-      }, 100)
+     //异步更新，同步更新会造成联动组件控制，图表不及时更新
+     await nextTick().then(()=>{
+      vChartRef.value?.setOption(
+        {
+          ...option.value,
+           dataset: newData
+        },
+        {
+          notMerge: true
+        }
+      )
     })
     })
   }
   }
 }
 }
 
 
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, newData => {
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, newData => {
+  const index = chartEditStore.fetchTargetIndex(props.chartConfig.id)
+  if (index === -1) return
+  chartEditStore.componentList[index].option.dataset = newData
   updateVChart(newData)
   updateVChart(newData)
 })
 })
 
 

@@ -54,6 +54,8 @@ const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSe
 
 
 use([DatasetComponent, CanvasRenderer, LineChart, GridComponent, TooltipComponent, LegendComponent])
 use([DatasetComponent, CanvasRenderer, LineChart, GridComponent, TooltipComponent, LegendComponent])
 
 
+const chartEditStore = useChartEditStore()
+
 const replaceMergeArr = ref<string[]>()
 const replaceMergeArr = ref<string[]>()
 
 
 const option = computed(() => {
 const option = computed(() => {
@@ -194,7 +196,7 @@ watch(
 )
 )
 
 
 //fix 修复v-chart图表绑定联动组件视图不更新问题
 //fix 修复v-chart图表绑定联动组件视图不更新问题
-const updateVChart = (newData:SocketReceiveMessageType) => {
+const updateVChart =async (newData:SocketReceiveMessageType) => {
   //区分是普通请求还是ws请求
   //区分是普通请求还是ws请求
   if (!isObject(newData) || !('dimensions' in newData)) {
   if (!isObject(newData) || !('dimensions' in newData)) {
     const { data } = newData
     const { data } = newData
@@ -207,25 +209,24 @@ const updateVChart = (newData:SocketReceiveMessageType) => {
     })
     })
   } else {
   } else {
     //异步更新，同步更新会造成联动组件控制，图表不及时更新
     //异步更新，同步更新会造成联动组件控制，图表不及时更新
-    new Promise((resolve) => {
-      setTimeout(() => {
-        resolve(
-          vChartRef.value?.setOption(
-            {
-              ...option.value,
-              dataset: newData
-            },
-            {
-              notMerge: true
-            }
-          )
-        )
-      }, 100)
+    await nextTick().then(()=>{
+      vChartRef.value?.setOption(
+        {
+          ...option.value,
+           dataset: newData
+        },
+        {
+          notMerge: true
+        }
+      )
     })
     })
   }
   }
 }
 }
 
 
 const {vChartRef} = useChartDataFetch(props.chartConfig, useChartEditStore, (newData) => {
 const {vChartRef} = useChartDataFetch(props.chartConfig, useChartEditStore, (newData) => {
+   const index = chartEditStore.fetchTargetIndex(props.chartConfig.id)
+  if (index === -1) return
+  chartEditStore.componentList[index].option.dataset = newData
   updateVChart(newData)
   updateVChart(newData)
 })
 })
 
 

@@ -226,7 +226,7 @@ watch(
 )
 )
 
 
 //fix 修复v-chart图表绑定联动组件视图不更新问题
 //fix 修复v-chart图表绑定联动组件视图不更新问题
-const updateVChart = (newData:SocketReceiveMessageType) => {
+const updateVChart =async (newData:SocketReceiveMessageType) => {
   //区分是普通请求还是ws请求
   //区分是普通请求还是ws请求
   if (!isObject(newData) || !('dimensions' in newData)) {
   if (!isObject(newData) || !('dimensions' in newData)) {
     const { data } = newData
     const { data } = newData
@@ -239,25 +239,24 @@ const updateVChart = (newData:SocketReceiveMessageType) => {
     })
     })
   } else {
   } else {
     //异步更新，同步更新会造成联动组件控制，图表不及时更新
     //异步更新，同步更新会造成联动组件控制，图表不及时更新
-    new Promise((resolve) => {
-      setTimeout(() => {
-        resolve(
-          vChartRef.value?.setOption(
-            {
-              ...option.value,
-              dataset: newData
-            },
-            {
-              notMerge: true
-            }
-          )
-        )
-      }, 100)
+    await nextTick().then(()=>{
+      vChartRef.value?.setOption(
+        {
+          ...option.value,
+           dataset: newData
+        },
+        {
+          notMerge: true
+        }
+      )
     })
     })
   }
   }
 }
 }
 
 
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, newData => {
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, newData => {
+  const index = chartEditStore.fetchTargetIndex(props.chartConfig.id)
+  if (index === -1) return
+  chartEditStore.componentList[index].option.dataset = newData
   updateVChart(newData)
   updateVChart(newData)
 })
 })