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

+/**
+ * 重写select下拉框联动
+ */
+import {toRaw, toRefs} from 'vue'
+import {CreateComponentType} from '@/packages/index.d'
+import {useChartEditStore} from '@/store/modules/chartEditStore/chartEditStore'
+import {customRequest} from "@/api/external/customRequest";
+import {useFilterFn} from "@/hooks/external/useFilterFn";
+
+// 获取类型
+type ChartEditStoreType = typeof useChartEditStore
+
+// Params 参数修改触发 api 更新图表请求
+export const useChartInteract = (
+    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(async (item) => {
+        const index = chartEditStore.fetchTargetIndex(item.interactComponentId)
+        if (index === -1) return
+        const {Params, Header} = toRefs(chartEditStore.componentList[index].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]]
+            }
+        })
+        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 变更时，清除当前绑定内容
+// export const clearInteractEvent = (chartConfig: CreateComponentType) => {
+
+// }

@@ -15,7 +15,7 @@ import { PropType, toRefs, shallowReactive, watch ,ref,computed} from 'vue'
 import dayjs, {ManipulateType} from 'dayjs'
 import dayjs, {ManipulateType} from 'dayjs'
 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 { useChartInteract } from '@/hooks/external/useChartSelectInteract.hook'
+import { useChartInteract } from '@/hooks/external/useChartDateInteract.hook'
 import { InteractEventOn } from '@/enums/eventEnum'
 import { InteractEventOn } from '@/enums/eventEnum'
 import {ComponentInteractEventEnum, ComponentInteractParamsEnum, DefaultTypeEnum} from './interact'
 import {ComponentInteractEventEnum, ComponentInteractParamsEnum, DefaultTypeEnum} from './interact'
 import quarterOfYear from 'dayjs/plugin/quarterOfYear';
 import quarterOfYear from 'dayjs/plugin/quarterOfYear';