fix(src/store/): 修复ws绑定组件，然后删除后，ws还继续发送信息问题

@@ -5,7 +5,7 @@ import { SocketReceiveMessageType } from "@/store/external/modules/socketStore.d
 import { useChartEditStore } from "@/store/modules/chartEditStore/chartEditStore";
 import { useChartEditStore } from "@/store/modules/chartEditStore/chartEditStore";
 import { getJwtToken, getShareJwtToken } from "@/utils/external/auth";
 import { getJwtToken, getShareJwtToken } from "@/utils/external/auth";
 import { useWebSocket, WebSocketResult } from "@vueuse/core";
 import { useWebSocket, WebSocketResult } from "@vueuse/core";
-import { onMounted, unref } from "vue";
+import {onMounted, ref, unref} from "vue";
 import { ExtraRequestConfigType } from "@/store/external/modules/extraComponentInfo.d";
 import { ExtraRequestConfigType } from "@/store/external/modules/extraComponentInfo.d";
 import { isShareMode } from "@/views/share/hook";
 import { isShareMode } from "@/views/share/hook";
 
 
@@ -17,6 +17,8 @@ interface SocketConnectionPoolType {
 
 
 const socketConnectionPool: SocketConnectionPoolType[] = []
 const socketConnectionPool: SocketConnectionPoolType[] = []
 
 
+const saveHistoryWsMessage=ref()
+
 const parse = (value: string) => {
 const parse = (value: string) => {
   try {
   try {
     return JSON.parse(value)
     return JSON.parse(value)
@@ -88,13 +90,25 @@ export const useChartDataSocket = () => {
     const { subscribeMessage } = message
     const { subscribeMessage } = message
     const { send, data } = getSocketInstance(request)
     const { send, data } = getSocketInstance(request)
     send(JSON.stringify(subscribeMessage))
     send(JSON.stringify(subscribeMessage))
+    saveHistoryWsMessage.value=subscribeMessage
     return socketStore.getComponentValueByKeys(targetComponent, parse(unref(data)))
     return socketStore.getComponentValueByKeys(targetComponent, parse(unref(data)))
   }
   }
 
 
+  //删除组件 发送断开消息
+  const disconnectWs=(targetComponent:CreateComponentType)=>{
+    const { request } = unref(targetComponent)
+    const message = socketStore.subscribe(unref(targetComponent))
+    if (!message) return
+    if((request.requestContentType as RequestContentTypeEnum) !== RequestContentTypeEnum.WEB_SOCKET)return
+    const { send } = getSocketInstance(request)
+    saveHistoryWsMessage.value.tsSubCmds[0].unsubscribe=true
+    send(JSON.stringify(saveHistoryWsMessage.value))
+  }
 
 
   return {
   return {
     initial,
     initial,
-    sendMessage
+    sendMessage,
+    disconnectWs
   }
   }
 }
 }
 
 

@@ -31,6 +31,7 @@ import {
 
 
 // THINGS_KIT 引入store解决报错 Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia?
 // THINGS_KIT 引入store解决报错 Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia?
 import { pinia } from '@/store'
 import { pinia } from '@/store'
+import {useChartDataSocket} from "@/hooks/external/useChartDataSocket";
 const chartHistoryStore = useChartHistoryStore(pinia)
 const chartHistoryStore = useChartHistoryStore(pinia)
 const settingStore = useSettingStore(pinia)
 const settingStore = useSettingStore(pinia)
 
 
@@ -316,6 +317,14 @@ export const useChartEditStore = defineStore({
           const index = this.fetchTargetIndex(ids)
           const index = this.fetchTargetIndex(ids)
           if (index !== -1) {
           if (index !== -1) {
             history.push(this.getComponentList[index])
             history.push(this.getComponentList[index])
+            /**
+             * THINGS_KIT 这里升级版本有冲突
+             * 修改ws绑定组件，然后删除这个组件，ws还在继续发送消息问题
+             * 修改代码在//之间，其余源码未做修改
+             */
+            const {disconnectWs}=useChartDataSocket()
+            disconnectWs(this.getComponentList[index])
+            //
             this.componentList.splice(index, 1)
             this.componentList.splice(index, 1)
           }
           }
         })
         })
@@ -512,7 +521,7 @@ export const useChartEditStore = defineStore({
               item.id = getUUID()
               item.id = getUUID()
             })
             })
           }
           }
-        
+
           return e
           return e
         }
         }
         const isCut = recordCharts.type === HistoryActionTypeEnum.CUT
         const isCut = recordCharts.type === HistoryActionTypeEnum.CUT