fix(src/packages/): 修复组件联动分组，然后点击一个会影响另一个组件问题

 /**
  * 重写select下拉框联动
  */
-import {toRefs} from 'vue'
-import {CreateComponentGroupType, CreateComponentType} from '@/packages/index.d'
-import {useChartEditStore} from '@/store/modules/chartEditStore/chartEditStore'
+import { toRefs } from 'vue'
+import {  CreateComponentType } from '@/packages/index.d'
+import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 
 // 获取类型
 type ChartEditStoreType = typeof useChartEditStore
 
 // Params 参数修改触发 api 更新图表请求
 export const useChartInteract = (
-    chartConfig: CreateComponentType,
-    useChartEditStore: ChartEditStoreType,
-    param: { [T: string]: any },
-    interactEventOn: string
+  chartConfig: CreateComponentType,
+  useChartEditStore: ChartEditStoreType,
+  param: { [T: string]: any },
+  interactEventOn: string
 ) => {
-    const chartEditStore = useChartEditStore()
-    const {interactEvents} = chartConfig.events
-    const fnOnEvent = interactEvents.filter(item => {
-        return item.interactOn === interactEventOn
-    })
+  const chartEditStore = useChartEditStore()
+  const { interactEvents } = chartConfig.events
+  const fnOnEvent = interactEvents.filter(item => {
+    return item.interactOn === interactEventOn
+  })
 
-    if (fnOnEvent.length === 0) return
-    fnOnEvent.forEach(async (item) => {
-        const index = chartEditStore.fetchTargetIndex(item.interactComponentId)
-        if (index === -1) return
-          //支持分组
-          const target = chartEditStore.getComponentList?.reduce((prev: Array<CreateComponentType | CreateComponentGroupType>, acc) => {
-            acc?.isGroup ? (prev = [...(acc?.groupList as CreateComponentGroupType[])]) : prev?.push(acc)
-            return prev
-          }, [])
-          target?.forEach((targetItem)=>{
-            if(targetItem.id!==chartConfig.id){
-            const {Params, Header} = toRefs(targetItem.request.requestParams)
+  if (fnOnEvent.length === 0) return
+  fnOnEvent.forEach(async item => {
+    const index = chartEditStore.fetchTargetIndex(item.interactComponentId)
+    if (index === -1) return
+    //支持分组
+    /**
+     * 修复多个分组，然后下拉框联动，会影响另一个组件
+     */
+    chartEditStore.getComponentList.forEach(targetItem => {
+      if (targetItem.isGroup) {
+        targetItem.groupList?.forEach(groupItem => {
+          if (groupItem.id === item.interactComponentId) {
+            const { Params, Header } = toRefs(groupItem.request.requestParams)
             Object.keys(item.interactFn).forEach(key => {
-            if (Params.value[key]) {
+              if (Params.value[key]) {
                 Params.value[key] = param[item.interactFn[key]]
-            }
-            if (Header.value[key]) {
+              }
+              if (Header.value[key]) {
                 Header.value[key] = param[item.interactFn[key]]
-            }
+              }
             })
-            }
+          }
         })
+      } else {
+        if (targetItem.id === item.interactComponentId) {
+          const { Params, Header } = toRefs(targetItem.request.requestParams)
+          Object.keys(item.interactFn).forEach(key => {
+            if (Params.value[key]) {
+              Params.value[key] = param[item.interactFn[key]]
+            }
+            if (Header.value[key]) {
+              Header.value[key] = param[item.interactFn[key]]
+            }
+          })
+        }
+      }
+      //
     })
+  })
 }
 
 // 联动事件触发的 type 变更时，清除当前绑定内容

 /**
  * 重写select下拉框联动
  */
-import {toRefs} from 'vue'
-import {CreateComponentGroupType, CreateComponentType} from '@/packages/index.d'
-import {useChartEditStore} from '@/store/modules/chartEditStore/chartEditStore'
+import { toRefs } from 'vue'
+import { CreateComponentType } from '@/packages/index.d'
+import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 
 // 获取类型
 type ChartEditStoreType = typeof useChartEditStore
 
 // Params 参数修改触发 api 更新图表请求
 export const useChartInteract = (
-    chartConfig: CreateComponentType,
-    useChartEditStore: ChartEditStoreType,
-    param: { [T: string]: any },
-    interactEventOn: string
+  chartConfig: CreateComponentType,
+  useChartEditStore: ChartEditStoreType,
+  param: { [T: string]: any },
+  interactEventOn: string
 ) => {
-    const chartEditStore = useChartEditStore()
-    const {interactEvents} = chartConfig.events
-    const fnOnEvent = interactEvents.filter(item => {
-        return item.interactOn === interactEventOn
-    })
-    if (fnOnEvent.length === 0) return
-    fnOnEvent.forEach((item) => {
-        const index = chartEditStore.fetchTargetIndex(item.interactComponentId)
-        if (index === -1) return
-        //支持分组
-        const target = chartEditStore.getComponentList?.reduce((prev: Array<CreateComponentType | CreateComponentGroupType>, acc) => {
-            acc?.isGroup ? (prev = [...(acc?.groupList as CreateComponentGroupType[])]) : prev?.push(acc)
-            return prev
-          }, [])
-        target?.forEach((targetItem)=>{
-            if(targetItem.id!==chartConfig.id){
-            const {Params, Header} = toRefs(targetItem.request.requestParams)
+  const chartEditStore = useChartEditStore()
+  const { interactEvents } = chartConfig.events
+  const fnOnEvent = interactEvents.filter(item => {
+    return item.interactOn === interactEventOn
+  })
+  if (fnOnEvent.length === 0) return
+  fnOnEvent.forEach(item => {
+    const index = chartEditStore.fetchTargetIndex(item.interactComponentId)
+    if (index === -1) return
+    //联动支持分组
+    /**
+     * 修复多个分组，然后下拉框联动，会影响另一个组件
+     */
+    chartEditStore.getComponentList.forEach(targetItem => {
+      if (targetItem.isGroup) {
+        targetItem.groupList?.forEach(groupItem => {
+          if (groupItem.id === item.interactComponentId) {
+            const { Params, Header } = toRefs(groupItem.request.requestParams)
             Object.keys(item.interactFn).forEach(key => {
-            if (Params.value[key]) {
+              if (Params.value[key]) {
                 Params.value[key] = param[item.interactFn[key]]
-            }
-            if (Header.value[key]) {
+              }
+              if (Header.value[key]) {
                 Header.value[key] = param[item.interactFn[key]]
-            }
+              }
             })
-            }
+          }
         })
+      } else {
+        if (targetItem.id === item.interactComponentId) {
+            const { Params, Header } = toRefs(targetItem.request.requestParams)
+            Object.keys(item.interactFn).forEach(key => {
+              if (Params.value[key]) {
+                Params.value[key] = param[item.interactFn[key]]
+              }
+              if (Header.value[key]) {
+                Header.value[key] = param[item.interactFn[key]]
+              }
+            })
+          }
+      }
+      //
     })
+  })
 }
 
 // 联动事件触发的 type 变更时，清除当前绑定内容

@@ -34,7 +34,7 @@ import { useFullScreen } from '../../utls/fullScreen'
 import cloneDeep from 'lodash/cloneDeep'
 import { useAssembleDataHooks } from '@/hooks/external/useAssembleData.hook'
 import { SocketReceiveMessageType } from '@/store/external/modules/socketStore.d'
-import {CreateComponentGroupType, CreateComponentType} from '@/packages/index.d'
+import { CreateComponentGroupType, CreateComponentType } from '@/packages/index.d'
 
 const props = defineProps({
   themeSetting: {
@@ -198,7 +198,7 @@ watch(
 )
 
 //fix 修复v-chart图表绑定联动组件视图不更新问题
-const updateVChart =async (newData:SocketReceiveMessageType) => {
+const updateVChart = async (newData: SocketReceiveMessageType) => {
   //区分是普通请求还是ws请求
   if (!isObject(newData) || !('dimensions' in newData)) {
     const { data } = newData
@@ -210,12 +210,12 @@ const updateVChart =async (newData:SocketReceiveMessageType) => {
       }
     })
   } else {
-     //异步更新，同步更新会造成联动组件控制，图表不及时更新
-     await nextTick().then(()=>{
+    //异步更新，同步更新会造成联动组件控制，图表不及时更新
+    await nextTick().then(() => {
       vChartRef.value?.setOption(
         {
           ...option.value,
-           dataset: newData
+          dataset: newData
         },
         {
           notMerge: true
@@ -226,15 +226,24 @@ const updateVChart =async (newData:SocketReceiveMessageType) => {
 }
 
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, newData => {
-  const target = chartEditStore.getComponentList?.reduce((prev: Array<CreateComponentType | CreateComponentGroupType>, acc) => {
-      acc?.isGroup ? (prev = [...(acc?.groupList as CreateComponentGroupType[])]) : prev?.push(acc)
-      return prev
-  }, [])
-  target?.forEach((targetItem)=>{
-      if(targetItem.id === props.chartConfig.id){
-          targetItem.option.dataset = newData
+ //联动支持分组
+    /**
+     * 修复多个分组，然后下拉框联动，会影响另一个组件
+     */
+  chartEditStore.getComponentList.forEach(targetItem => {
+    if (targetItem.isGroup) {
+      targetItem.groupList?.forEach(groupItem => {
+        if (groupItem.id === props.chartConfig.id) {
+          groupItem.option.dataset = newData
+        }
+      })
+    } else {
+      if (targetItem.id === props.chartConfig.id) {
+        targetItem.option.dataset = newData
       }
+    }
   })
+  //
   updateVChart(newData)
 })
 

@@ -225,15 +225,24 @@ const updateVChart =async (newData:SocketReceiveMessageType) => {
 }
 
 const {vChartRef} = useChartDataFetch(props.chartConfig, useChartEditStore, (newData) => {
-  const target = chartEditStore.getComponentList?.reduce((prev: Array<CreateComponentType | CreateComponentGroupType>, acc) => {
-      acc?.isGroup ? (prev = [...(acc?.groupList as CreateComponentGroupType[])]) : prev?.push(acc)
-      return prev
-  }, [])
-  target?.forEach((targetItem)=>{
-      if(targetItem.id === props.chartConfig.id){
-          targetItem.option.dataset = newData
+  //联动支持分组
+    /**
+     * 修复多个分组，然后下拉框联动，会影响另一个组件
+     */
+     chartEditStore.getComponentList.forEach(targetItem => {
+    if (targetItem.isGroup) {
+      targetItem.groupList?.forEach(groupItem => {
+        if (groupItem.id === props.chartConfig.id) {
+          groupItem.option.dataset = newData
+        }
+      })
+    } else {
+      if (targetItem.id === props.chartConfig.id) {
+        targetItem.option.dataset = newData
       }
+    }
   })
+  //
   updateVChart(newData)
 })
 

@@ -255,15 +255,24 @@ const updateVChart =async (newData:SocketReceiveMessageType) => {
 }
 
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, newData => {
-  const target = chartEditStore.getComponentList?.reduce((prev: Array<CreateComponentType | CreateComponentGroupType>, acc) => {
-      acc?.isGroup ? (prev = [...(acc?.groupList as CreateComponentGroupType[])]) : prev?.push(acc)
-      return prev
-  }, [])
-  target?.forEach((targetItem)=>{
-      if(targetItem.id === props.chartConfig.id){
-          targetItem.option.dataset = newData
+ //联动支持分组
+    /**
+     * 修复多个分组，然后下拉框联动，会影响另一个组件
+     */
+     chartEditStore.getComponentList.forEach(targetItem => {
+    if (targetItem.isGroup) {
+      targetItem.groupList?.forEach(groupItem => {
+        if (groupItem.id === props.chartConfig.id) {
+          groupItem.option.dataset = newData
+        }
+      })
+    } else {
+      if (targetItem.id === props.chartConfig.id) {
+        targetItem.option.dataset = newData
       }
+    }
   })
+  //
   updateVChart(newData)
 })