cnhis-design-vue 3.4.0-beta.71 → 3.4.0-beta.73

package/es/components/iho-chat/src/hooks/useStreamOutput.js

@@ -0,0 +1,99 @@
+import { useData } from './useData.js';
+import 'vue';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { MESSAGE_TYPE } from '../constants/index.js';
+import '../api/index.js';
+import '../utils/index.js';
+import 'lodash-es';
+import 'trtc-sdk-v5';
+import { SseClient } from '../utils/sseClient.js';
+import { uuidGenerator } from '../../../../shared/utils/index.js';
+import { format } from 'date-fns';
+import { useThrottleFn } from '@vueuse/core';
+
+function useStreamOutput() {
+  const { state, token, appendMsg, tempState, scrollToBottom } = useData();
+  function handleRender(id, content) {
+    const msgItem = state.msgList.find((item) => item.id === id);
+    if (msgItem) {
+      const oldContent = msgItem.content.msg;
+      if (content && oldContent !== content) {
+        msgItem.content.msg = content;
+        scrollToBottom();
+      }
+    }
+  }
+  const _handleRender = useThrottleFn(handleRender, 250, true, true);
+  let sseClient = null;
+  async function handleStreamOutput() {
+    var _a, _b, _c, _d;
+    if (sseClient == null ? void 0 : sseClient.active)
+      return;
+    const flagObj = {
+      id: uuidGenerator(),
+      status: "START",
+      content: ""
+    };
+    state.loading = true;
+    sseClient == null ? void 0 : sseClient.disconnect();
+    sseClient = new SseClient();
+    await sseClient.connect(
+      "/flow/ai/mcpApi/conversation",
+      {
+        agentCode: ((_b = (_a = state.currentSessionItem.businessInfo) == null ? void 0 : _a.topicInfo) == null ? void 0 : _b.agentCode) || "A17696-012",
+        sessionId: state.currentSessionItem.receiver,
+        conversationId: flagObj.id,
+        content: "\u804A\u5929\u603B\u7ED3",
+        configs: {
+          ...(_d = (_c = state.currentSessionItem.businessInfo) == null ? void 0 : _c.topicInfo) == null ? void 0 : _d.param
+        }
+      },
+      (data, msg) => {
+        const content = data != null ? data : "";
+        if (flagObj.status === "START") {
+          tempState.currentMsg = {
+            id: flagObj.id,
+            chatType: state.currentSessionItem.chatType,
+            receiver: state.currentSessionItem.receiver,
+            content: { chatMessageType: MESSAGE_TYPE.AI_SUMMARY, msg: "" },
+            sender: state.userInfo.id,
+            senderName: state.userInfo.name,
+            senderAvatar: state.userInfo.avatar,
+            sendTime: format(new Date(Date.now() + 30 * 1e3), "yyyy-MM-dd HH:mm:ss")
+          };
+          appendMsg();
+          flagObj.status = "STOP";
+        } else {
+          flagObj.content += content;
+          const { id, content: snapshotContent } = flagObj;
+          _handleRender(id, snapshotContent);
+        }
+      },
+      {
+        headers: {
+          Authorization: "bearer " + token.value
+        },
+        method: "POST",
+        onClose: () => {
+          state.loading = false;
+          sseClient = null;
+        },
+        onError: () => {
+          state.loading = false;
+          sseClient == null ? void 0 : sseClient.disconnect();
+          sseClient = null;
+        }
+      }
+    );
+    return {
+      msgId: flagObj.id,
+      content: flagObj.content
+    };
+  }
+  return {
+    handleStreamOutput
+  };
+}
+
+export { useStreamOutput };

package/es/components/iho-chat/src/hooks/useVideo.d.ts

@@ -28,7 +28,7 @@ export interface VideoConfig {
 }
 export declare function useVideo(config?: VideoConfig): {
     state: {
-        orgId: string | number;
+        orgId: string;
         currentSessionItem: import("../../../../shared/types").AnyObject;
         id: string;
         userInfo: import("../../../../shared/types").AnyObject;
@@ -56,11 +56,8 @@ export declare function useVideo(config?: VideoConfig): {
             __time?: string | undefined;
             __sendTime?: string | undefined;
         }[];
-        currentMsg: import("../../../../shared/types").AnyObject;
-        isAppendMsg: boolean;
         sessionList: import("../../../../shared/types").AnyObject[];
         isChangeSession: boolean;
-        updateSessionItem: import("../../../../shared/types").AnyObject;
         isUpdateSession: boolean;
         currentReferenceMsg: import("../../../../shared/types").AnyObject | null;
         currentReEditMsg: import("../../../../shared/types").AnyObject | null;
@@ -78,6 +75,7 @@ export declare function useVideo(config?: VideoConfig): {
             info: import("../../../../shared/types").AnyObject | null;
         };
         isForward: boolean;
+        loading: boolean;
     };
     trtcProxy: Ref<any, any>;
     sendMessage: (message: {

package/es/components/iho-chat/src/hooks/useWebSocket.js

@@ -6,7 +6,17 @@ import { isAudioOrVideoMessage } from '../utils/index.js';
 import { remove } from 'lodash-es';
 
 function useWebSocket(props, data) {
-  const { stompClient, state, openSession, closeSession, setSessionList, setUpdateSessionItem, setCurrentSessionItem } = data;
+  const {
+    stompClient,
+    state,
+    tempState,
+    openSession,
+    closeSession,
+    setSessionList,
+    setUpdateSessionItem,
+    setCurrentSessionItem,
+    appendMsg
+  } = data;
   const groupSessionList = [];
   initWebSocket();
   function initWebSocket() {
@@ -77,9 +87,9 @@ function useWebSocket(props, data) {
     );
   }
   async function handleMessage(messageVo, chatType) {
-    state.currentMsg = messageVo;
+    tempState.currentMsg = messageVo;
     if (messageVo.sessionKey === state.currentSessionItem.sessionKey) {
-      state.isAppendMsg = true;
+      appendMsg();
       if (messageVo.sender !== state.userInfo.id) {
         await readMessageApi({
           chatType,
@@ -115,7 +125,7 @@ function useWebSocket(props, data) {
         case SUBSCRIBE_MESSAGE_TYPE.MESSAGE: {
           if (isAudioOrVideoMessage(messageVo.content)) {
             if (!state.showVideo && !state.showMultipleVideo || messageVo.content.avStatus !== AV_STATUS.IN_CALL) {
-              state.currentMsg = messageVo;
+              tempState.currentMsg = messageVo;
               Object.assign(state.currentAVMsg, {
                 strRoomId: messageVo.sessionKey,
                 chatMessageType: messageVo.content.chatMessageType,

package/es/components/iho-chat/src/types/index.d.ts

@@ -26,16 +26,13 @@ export type MsgListItem = {
     [key: string]: any;
 };
 export type IState = {
-    orgId: number | string;
+    orgId: string;
     currentSessionItem: AnyObject;
     id: string;
     userInfo: AnyObject;
     msgList: MsgListItem[];
-    currentMsg: AnyObject;
-    isAppendMsg: boolean;
     sessionList: AnyObject[];
     isChangeSession: boolean;
-    updateSessionItem: AnyObject;
     isUpdateSession: boolean;
     currentReferenceMsg: null | AnyObject;
     currentReEditMsg: null | AnyObject;
@@ -53,6 +50,7 @@ export type IState = {
         info: AnyObject | null;
     };
     isForward: boolean;
+    loading: boolean;
 };
 export type FileOptions = {
     file: UploadFileInfo;

package/es/components/iho-chat/src/utils/sseClient.d.ts

@@ -0,0 +1,22 @@
+import { type EventSourceMessage } from '@microsoft/fetch-event-source';
+import { AnyObject, AnyFn } from '../../../../shared/types';
+type SSEClientOptions = {
+    headers?: Record<string, string>;
+    method?: 'GET' | 'POST';
+    withCredentials?: boolean;
+    parseJSON?: boolean;
+    abortOn?: (msg: EventSourceMessage) => boolean;
+    onOpen?: (response: Response) => void;
+    onError?: (error: unknown) => void;
+    onClose?: () => void;
+};
+export declare class SseClient {
+    private controller?;
+    private connecting;
+    private baseOptions;
+    constructor(options?: SSEClientOptions);
+    get active(): boolean;
+    disconnect(): void;
+    connect(url: string, params: AnyObject | undefined, onMessage: AnyFn<[unknown, EventSourceMessage], void>, options?: SSEClientOptions): Promise<void>;
+}
+export default SseClient;

package/es/components/iho-chat/src/utils/sseClient.js

@@ -0,0 +1,97 @@
+import { fetchEventSource } from '@microsoft/fetch-event-source';
+
+function toQuery(url, params) {
+  if (!params || Object.keys(params).length === 0)
+    return url;
+  const usp = new URLSearchParams();
+  Object.entries(params).forEach(([k, v]) => {
+    if (v === void 0 || v === null)
+      return;
+    usp.append(k, typeof v === "string" ? v : JSON.stringify(v));
+  });
+  return url + (url.includes("?") ? "&" : "?") + usp.toString();
+}
+function safeParse(data, enable) {
+  if (!enable)
+    return data;
+  try {
+    return JSON.parse(data);
+  } catch (e) {
+    return data;
+  }
+}
+class SseClient {
+  constructor(options = { method: "POST", parseJSON: true }) {
+    this.connecting = false;
+    this.baseOptions = options;
+  }
+  get active() {
+    return this.connecting && !!this.controller && !this.controller.signal.aborted;
+  }
+  disconnect() {
+    if (this.controller && !this.controller.signal.aborted) {
+      this.controller.abort();
+    }
+    this.connecting = false;
+  }
+  async connect(url, params = {}, onMessage, options = {}) {
+    var _a, _b, _c, _d;
+    const opts = {
+      parseJSON: true,
+      abortOn: (msg) => msg.data === "[DONE]",
+      ...this.baseOptions,
+      ...options
+    };
+    if (this.controller)
+      this.controller.abort();
+    this.controller = new AbortController();
+    this.connecting = true;
+    const method = (_a = opts.method) != null ? _a : "POST";
+    const headers = { "Content-Type": "application/json", ...(_b = opts.headers) != null ? _b : {} };
+    const credentials = opts.withCredentials ? "include" : "same-origin";
+    const finalUrl = method === "GET" ? toQuery(url, params) : url;
+    const body = method === "POST" ? JSON.stringify(params != null ? params : {}) : void 0;
+    try {
+      await fetchEventSource(finalUrl, {
+        method,
+        headers,
+        body,
+        signal: this.controller.signal,
+        credentials,
+        openWhenHidden: true,
+        onopen: async (r) => {
+          var _a2;
+          return (_a2 = opts.onOpen) == null ? void 0 : _a2.call(opts, r);
+        },
+        onmessage: (msg) => {
+          var _a2;
+          try {
+            const data = safeParse(msg.data, opts.parseJSON !== false);
+            onMessage(data, msg);
+            if (opts.abortOn && opts.abortOn(msg))
+              this.disconnect();
+          } catch (e) {
+            (_a2 = opts.onError) == null ? void 0 : _a2.call(opts, e);
+          }
+        },
+        onclose: () => {
+          this.disconnect();
+        },
+        onerror: (err) => {
+          var _a2;
+          (_a2 = opts.onError) == null ? void 0 : _a2.call(opts, err);
+          this.disconnect();
+          throw err;
+        }
+      });
+    } catch (e) {
+      (_c = opts.onError) == null ? void 0 : _c.call(opts, e);
+      this.disconnect();
+    } finally {
+      this.connecting = false;
+      (_d = opts.onClose) == null ? void 0 : _d.call(opts);
+    }
+  }
+}
+
+export { SseClient, SseClient as default };