cnhis-design-vue 3.4.0-beta.9 → 3.4.0-release.7

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

@@ -1,4 +1,4 @@
-import { ref, reactive, computed, watch, toRef, inject, toRaw } from 'vue';
+import { reactive, ref, computed, watch, toRef, inject, toRaw } from 'vue';
 import { openSessionApi, updateStatusApi, groupUserApi } from '../api/index.js';
 import { promiseTimeout, useIntervalFn } from '@vueuse/core';
 import { isGroup, listSort, formatTime, transformMessage, $message, simplifyMessage } from '../utils/index.js';
@@ -23,7 +23,13 @@ function getLastMessageContent(session) {
   return content;
 }
 function initData(props, emit) {
-  const stompClient = ref();
+  const stompClient = {
+    value: null
+  };
+  const tempState = {
+    currentMsg: {},
+    updateSessionItem: {}
+  };
   const state = reactive({
     orgId: props.orgId,
     currentSessionItem: {},
@@ -32,11 +38,8 @@ function initData(props, emit) {
       id: props.userId
     },
     msgList: [],
-    currentMsg: {},
-    isAppendMsg: false,
     sessionList: [],
     isChangeSession: false,
-    updateSessionItem: {},
     isUpdateSession: false,
     currentReferenceMsg: null,
     currentReEditMsg: null,
@@ -50,8 +53,10 @@ function initData(props, emit) {
       userId: "",
       info: null
     },
-    isForward: false
+    isForward: false,
+    loading: false
   });
+  const chatMainRef = ref();
   const cssVars = useTheme();
   const unreadTotal = computed(() => {
     return state.sessionList.reduce((num, item) => num + +item.unreadNum, 0);
@@ -96,7 +101,7 @@ function initData(props, emit) {
         state.isChangeSession = false;
       }
       if (isUpdateSession) {
-        updateSessionList(state.updateSessionItem);
+        updateSessionList(tempState.updateSessionItem);
         state.isUpdateSession = false;
       }
     },
@@ -145,6 +150,17 @@ function initData(props, emit) {
       resume();
     }
   }
+  function appendMsg() {
+    setMsgList([tempState.currentMsg, ...state.msgList]);
+    scrollToBottom();
+  }
+  function scrollToBottom() {
+    var _a;
+    (_a = chatMainRef.value) == null ? void 0 : _a.scrollTo({
+      top: 0,
+      behavior: "auto"
+    });
+  }
   async function sendMessage(message) {
     var _a;
     try {
@@ -239,7 +255,7 @@ function initData(props, emit) {
       ...item,
       lastMessageContent: getLastMessageContent({ ...item, chatType: item.chatType || (matchSessionItem == null ? void 0 : matchSessionItem.chatType) })
     };
-    state.updateSessionItem = matchSessionItem ? {
+    tempState.updateSessionItem = matchSessionItem ? {
       ...cloneDeep(matchSessionItem),
       ...commonItem
     } : commonItem;
@@ -247,7 +263,7 @@ function initData(props, emit) {
   }
   async function openSession(session) {
     try {
-      const item = typeof session === "string" ? state.sessionList.find((_session) => _session.id === session) : session;
+      const item = typeof session === "string" ? state.sessionList.find((_session) => session && (_session.id, _session.sessionKey).includes(session)) : session;
       if (!item)
         return;
       if (item.status === STATUS.REMOVED) {
@@ -332,9 +348,12 @@ function initData(props, emit) {
   return {
     filterable: toRef(props, "filterable"),
     trtcProxy: toRef(props, "trtcProxy"),
+    token: toRef(props, "token"),
     cssVars,
     stompClient,
     state,
+    chatMainRef,
+    tempState,
     unreadTotal,
     isGroupChat,
     isGroupLeader,
@@ -350,7 +369,9 @@ function initData(props, emit) {
     setUpdateSessionItem,
     setSessionList,
     emit,
-    setUserDetail
+    setUserDetail,
+    appendMsg,
+    scrollToBottom
   };
 }
 const useData = () => inject(InjectionIChatData);

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

@@ -0,0 +1,6 @@
+export declare function useStreamOutput(): {
+    handleStreamOutput: () => Promise<{
+        msgId: string;
+        content: string;
+    } | undefined>;
+};

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

@@ -0,0 +1,100 @@
+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,
+          groupId: state.currentSessionItem.receiver
+        }
+      },
+      (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

@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
+import { MESSAGE_TYPE } from '../constants';
 import TRTC from 'trtc-sdk-v5';
 import { AnyFn } from '../../../../shared/types';
 export interface RemoteUser {
@@ -28,8 +29,50 @@ export interface VideoConfig {
 }
 export declare function useVideo(config?: VideoConfig): {
     state: {
-        orgId: string | number;
-        currentSessionItem: import("../../../../shared/types").AnyObject;
+        [x: string]: any;
+        orgId: string;
+        currentSessionItem: {
+            id: string;
+            sessionKey: string;
+            receiver: string;
+            createdTime: string;
+            avatar: string;
+            name: string;
+            defaultName: string;
+            chatType: import("../constants").CHAT_TYPE;
+            roleInfo: import("../constants").ROLE_TYPE;
+            status: import("../constants").STATUS;
+            sortTime: string;
+            topping: boolean;
+            unreadNum: number;
+            updatedTime: string;
+            lastMessageContent: string;
+            sender?: string | undefined;
+            lastMessageId?: string | undefined;
+            lastMessage?: {
+                [x: string]: any;
+                chatMessageType: MESSAGE_TYPE;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: import("../../../../shared/types").AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            } | undefined;
+            lastMessageSendTime?: string | undefined;
+            lastMessageStatus?: string | undefined;
+            lastSenderName?: string | undefined;
+            businessInfo?: {
+                uiSetting?: import("../../../../shared/types").AnyObject | undefined;
+                topicInfo?: {
+                    [x: string]: any;
+                    param?: import("../../../../shared/types").AnyObject | undefined;
+                } | undefined;
+            } | undefined;
+            labelList?: import("../../../../shared/types").AnyObject[] | undefined;
+            notDisturb: boolean;
+        };
         id: string;
         userInfo: import("../../../../shared/types").AnyObject;
         msgList: {
@@ -38,7 +81,7 @@ export declare function useVideo(config?: VideoConfig): {
             sessionKey: string;
             content: {
                 [x: string]: any;
-                chatMessageType: string;
+                chatMessageType: MESSAGE_TYPE;
                 msg: string;
                 referenceContent?: any;
                 forwardMessageList?: import("../../../../shared/types").AnyObject[] | undefined;
@@ -56,11 +99,49 @@ export declare function useVideo(config?: VideoConfig): {
             __time?: string | undefined;
             __sendTime?: string | undefined;
         }[];
-        currentMsg: import("../../../../shared/types").AnyObject;
-        isAppendMsg: boolean;
-        sessionList: import("../../../../shared/types").AnyObject[];
+        sessionList: {
+            id: string;
+            sessionKey: string;
+            receiver: string;
+            createdTime: string;
+            avatar: string;
+            name: string;
+            defaultName: string;
+            chatType: import("../constants").CHAT_TYPE;
+            roleInfo: import("../constants").ROLE_TYPE;
+            status: import("../constants").STATUS;
+            sortTime: string;
+            topping: boolean;
+            unreadNum: number;
+            updatedTime: string;
+            lastMessageContent: string;
+            sender?: string | undefined;
+            lastMessageId?: string | undefined;
+            lastMessage?: {
+                [x: string]: any;
+                chatMessageType: MESSAGE_TYPE;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: import("../../../../shared/types").AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            } | undefined;
+            lastMessageSendTime?: string | undefined;
+            lastMessageStatus?: string | undefined;
+            lastSenderName?: string | undefined;
+            businessInfo?: {
+                uiSetting?: import("../../../../shared/types").AnyObject | undefined;
+                topicInfo?: {
+                    [x: string]: any;
+                    param?: import("../../../../shared/types").AnyObject | undefined;
+                } | undefined;
+            } | undefined;
+            labelList?: import("../../../../shared/types").AnyObject[] | undefined;
+            notDisturb: boolean;
+        }[];
         isChangeSession: boolean;
-        updateSessionItem: import("../../../../shared/types").AnyObject;
         isUpdateSession: boolean;
         currentReferenceMsg: import("../../../../shared/types").AnyObject | null;
         currentReEditMsg: import("../../../../shared/types").AnyObject | null;
@@ -78,6 +159,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

@@ -1,7 +1,8 @@
 import { AnyObject } from '../../../../shared/types';
 import { UploadFileInfo } from 'naive-ui';
+import { CHAT_TYPE, MESSAGE_TYPE, ROLE_TYPE, STATUS } from '../constants';
 type ItemContent = {
-    chatMessageType: string;
+    chatMessageType: MESSAGE_TYPE;
     msg: string;
     referenceContent?: any;
     forwardMessageList?: AnyObject[];
@@ -25,17 +26,46 @@ export type MsgListItem = {
     __sendTime?: string;
     [key: string]: any;
 };
+export type SessionItem = {
+    id: string;
+    sessionKey: string;
+    receiver: string;
+    createdTime: string;
+    avatar: string;
+    name: string;
+    defaultName: string;
+    chatType: CHAT_TYPE;
+    roleInfo: ROLE_TYPE;
+    status: STATUS;
+    sortTime: string;
+    topping: boolean;
+    unreadNum: number;
+    updatedTime: string;
+    lastMessageContent: string;
+    sender?: string;
+    lastMessageId?: string;
+    lastMessage?: ItemContent;
+    lastMessageSendTime?: string;
+    lastMessageStatus?: string;
+    lastSenderName?: string;
+    businessInfo?: {
+        uiSetting?: AnyObject;
+        topicInfo?: {
+            param?: AnyObject;
+            [key: string]: any;
+        };
+    };
+    labelList?: AnyObject[];
+    notDisturb: boolean;
+};
 export type IState = {
-    orgId: number | string;
-    currentSessionItem: AnyObject;
+    orgId: string;
+    currentSessionItem: SessionItem;
     id: string;
     userInfo: AnyObject;
     msgList: MsgListItem[];
-    currentMsg: AnyObject;
-    isAppendMsg: boolean;
-    sessionList: AnyObject[];
+    sessionList: SessionItem[];
     isChangeSession: boolean;
-    updateSessionItem: AnyObject;
     isUpdateSession: boolean;
     currentReferenceMsg: null | AnyObject;
     currentReEditMsg: null | AnyObject;
@@ -53,6 +83,8 @@ export type IState = {
         info: AnyObject | null;
     };
     isForward: boolean;
+    loading: boolean;
+    [key: string]: any;
 };
 export type FileOptions = {
     file: UploadFileInfo;

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

@@ -1,11 +1,12 @@
 import { AnyObject } from '../../../../shared/types';
+import { SessionItem } from '../types';
 export declare const $message: import("naive-ui/es/message").MessageApi;
 export declare function formatTime(dateStr: string): {
     siderMsgTime: any;
     msgTime: any;
     recordTime: string;
 };
-export declare function listSort(list: AnyObject[]): AnyObject[];
+export declare function listSort(list: SessionItem[]): SessionItem[];
 export declare function transformMessage(content: AnyObject): any;
 export declare function getAVTime(msg: string): string;
 export declare function simplifyMessage(lastMessage: AnyObject): any;

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 };