cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/iho-chat/src/components/userItemRender.js

@@ -1 +1,58 @@
-import{defineComponent as e,createVNode as s}from"vue";import{NAvatar as t}from"naive-ui";import{useData as i}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{openSessionApi as r}from"../api/index.js";import"../utils/index.js";import"lodash-es";import"trtc-sdk-v5";var o=e({name:"UserItemRender",props:{item:{type:Object,default:()=>({})}},emits:["item-click"],setup(e,{attrs:o,slots:m,emit:n}){const{state:a,openSession:c,cssVars:l}=i();return()=>s("div",{class:"user-item",onClick:()=>async function(e){n("item-click");const s=a.sessionList.find((s=>e&&[s.receiver,s.id].includes(e)));let t=s;s||(t=await r({chatType:"SINGLE",receiver:e,sender:a.userInfo.id}));c(t)}(e.item.id)},[s(t,{round:!0,size:32,src:e.item.avatar,color:l.value["--c-primary-color"]},null),s("div",{class:"user-info"},[s("span",null,[e.item.name]),s("span",null,[e.item.deptName]),s("span",null,[e.item.post])])])}});export{o as default};
+import { defineComponent, createVNode } from 'vue';
+import { NAvatar } from 'naive-ui';
+import { useData } from '../hooks/useData.js';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { openSessionApi } from '../api/index.js';
+import '../utils/index.js';
+import 'lodash-es';
+import 'trtc-sdk-v5';
+
+var userItemRender = /* @__PURE__ */ defineComponent({
+  name: "UserItemRender",
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["item-click"],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const {
+      state,
+      openSession,
+      cssVars
+    } = useData();
+    async function addSession(id) {
+      emit("item-click");
+      const session = state.sessionList.find((session2) => id && [session2.receiver, session2.id].includes(id));
+      let data = session;
+      if (!session) {
+        const _data = await openSessionApi({
+          chatType: "SINGLE",
+          receiver: id,
+          sender: state.userInfo.id
+        });
+        data = _data;
+      }
+      openSession(data);
+    }
+    return () => createVNode("div", {
+      "class": "user-item",
+      "onClick": () => addSession(props.item.id)
+    }, [createVNode(NAvatar, {
+      "round": true,
+      "size": 32,
+      "src": props.item.avatar,
+      "color": cssVars.value["--c-primary-color"]
+    }, null), createVNode("div", {
+      "class": "user-info"
+    }, [createVNode("span", null, [props.item.name]), createVNode("span", null, [props.item.deptName]), createVNode("span", null, [props.item.post])])]);
+  }
+});
+
+export { userItemRender as default };

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

@@ -17,8 +17,8 @@ export declare enum MESSAGE_TYPE {
     BLEND = "BLEND",
     FORWARD = "FORWARD",
     QUICK_REPLY = "QUICK_REPLY",
-    AUDIO = "AUDIO",
-    VIDEO = "VIDEO",
+    AUDIO = "AUDIO",// 语音通话
+    VIDEO = "VIDEO",// 视频通话
     EVENT = "EVENT"
 }
 /**
@@ -52,3 +52,10 @@ export declare enum STATUS {
     ENABLED = "ENABLED",
     ENDED = "ENDED"
 }
+/**
+ * 角色枚举
+ */
+export declare enum ROLE_TYPE {
+    DOCTOR = "DOCTOR",
+    PATIENT = "PATIENT"
+}

package/es/components/iho-chat/src/constants/index.js

@@ -1 +1,51 @@
-var E=(E=>(E.SINGLE="SINGLE",E.GROUP="GROUP",E))(E||{}),S=(E=>(E.TEXT="TEXT",E.FILE="FILE",E.EMOJI="EMOJI",E.IMAGE="IMAGE",E.TEMPLATE="TEMPLATE",E.BLEND="BLEND",E.FORWARD="FORWARD",E.QUICK_REPLY="QUICK_REPLY",E.AUDIO="AUDIO",E.VIDEO="VIDEO",E.EVENT="EVENT",E))(S||{}),A=(E=>(E.JOIN_GROUP="JOIN_GROUP",E.LEAVE_GROUP="LEAVE_GROUP",E.NEW_SESSION="NEW_SESSION",E.MESSAGE="MESSAGE",E.AV_STATUS="AV_STATUS",E.RECALL_MESSAGE="RECALL_MESSAGE",E.DISABLE_SESSION="DISABLE_SESSION",E))(A||{}),L=(E=>(E.IN_CALL="IN_CALL",E.CALL_BUSY="CALL_BUSY",E.NO_RESPONSE="NO_RESPONSE",E.FINISHED="FINISHED",E.REJECTED="REJECTED",E.CANCELED="CANCELED",E))(L||{}),I=(E=>(E.REMOVED="REMOVED",E.ENABLED="ENABLED",E.ENDED="ENDED",E))(I||{});export{L as AV_STATUS,E as CHAT_TYPE,S as MESSAGE_TYPE,I as STATUS,A as SUBSCRIBE_MESSAGE_TYPE};
+var CHAT_TYPE = /* @__PURE__ */ ((CHAT_TYPE2) => {
+  CHAT_TYPE2["SINGLE"] = "SINGLE";
+  CHAT_TYPE2["GROUP"] = "GROUP";
+  return CHAT_TYPE2;
+})(CHAT_TYPE || {});
+var MESSAGE_TYPE = /* @__PURE__ */ ((MESSAGE_TYPE2) => {
+  MESSAGE_TYPE2["TEXT"] = "TEXT";
+  MESSAGE_TYPE2["FILE"] = "FILE";
+  MESSAGE_TYPE2["EMOJI"] = "EMOJI";
+  MESSAGE_TYPE2["IMAGE"] = "IMAGE";
+  MESSAGE_TYPE2["TEMPLATE"] = "TEMPLATE";
+  MESSAGE_TYPE2["BLEND"] = "BLEND";
+  MESSAGE_TYPE2["FORWARD"] = "FORWARD";
+  MESSAGE_TYPE2["QUICK_REPLY"] = "QUICK_REPLY";
+  MESSAGE_TYPE2["AUDIO"] = "AUDIO";
+  MESSAGE_TYPE2["VIDEO"] = "VIDEO";
+  MESSAGE_TYPE2["EVENT"] = "EVENT";
+  return MESSAGE_TYPE2;
+})(MESSAGE_TYPE || {});
+var SUBSCRIBE_MESSAGE_TYPE = /* @__PURE__ */ ((SUBSCRIBE_MESSAGE_TYPE2) => {
+  SUBSCRIBE_MESSAGE_TYPE2["JOIN_GROUP"] = "JOIN_GROUP";
+  SUBSCRIBE_MESSAGE_TYPE2["LEAVE_GROUP"] = "LEAVE_GROUP";
+  SUBSCRIBE_MESSAGE_TYPE2["NEW_SESSION"] = "NEW_SESSION";
+  SUBSCRIBE_MESSAGE_TYPE2["MESSAGE"] = "MESSAGE";
+  SUBSCRIBE_MESSAGE_TYPE2["AV_STATUS"] = "AV_STATUS";
+  SUBSCRIBE_MESSAGE_TYPE2["RECALL_MESSAGE"] = "RECALL_MESSAGE";
+  SUBSCRIBE_MESSAGE_TYPE2["DISABLE_SESSION"] = "DISABLE_SESSION";
+  return SUBSCRIBE_MESSAGE_TYPE2;
+})(SUBSCRIBE_MESSAGE_TYPE || {});
+var AV_STATUS = /* @__PURE__ */ ((AV_STATUS2) => {
+  AV_STATUS2["IN_CALL"] = "IN_CALL";
+  AV_STATUS2["CALL_BUSY"] = "CALL_BUSY";
+  AV_STATUS2["NO_RESPONSE"] = "NO_RESPONSE";
+  AV_STATUS2["FINISHED"] = "FINISHED";
+  AV_STATUS2["REJECTED"] = "REJECTED";
+  AV_STATUS2["CANCELED"] = "CANCELED";
+  return AV_STATUS2;
+})(AV_STATUS || {});
+var STATUS = /* @__PURE__ */ ((STATUS2) => {
+  STATUS2["REMOVED"] = "REMOVED";
+  STATUS2["ENABLED"] = "ENABLED";
+  STATUS2["ENDED"] = "ENDED";
+  return STATUS2;
+})(STATUS || {});
+var ROLE_TYPE = /* @__PURE__ */ ((ROLE_TYPE2) => {
+  ROLE_TYPE2["DOCTOR"] = "DOCTOR";
+  ROLE_TYPE2["PATIENT"] = "PATIENT";
+  return ROLE_TYPE2;
+})(ROLE_TYPE || {});
+
+export { AV_STATUS, CHAT_TYPE, MESSAGE_TYPE, ROLE_TYPE, STATUS, SUBSCRIBE_MESSAGE_TYPE };

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

@@ -1 +1,3 @@
-export{InjectionIChatData,initData,useData}from"./useData.js";export{useWebSocket}from"./useWebSocket.js";export{useVideo}from"./useVideo.js";
+export { InjectionIChatData, initData, useData } from './useData.js';
+export { useWebSocket } from './useWebSocket.js';
+export { useVideo } from './useVideo.js';

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

@@ -1 +1,403 @@
-import{ref as e,reactive as s,computed as t,watch as n,toRef as i,inject as r,toRaw as o}from"vue";import{openSessionApi as a,updateStatusApi as u,groupUserApi as c}from"../api/index.js";import{promiseTimeout as d,useIntervalFn as m}from"@vueuse/core";import{isGroup as l,listSort as p,formatTime as f,transformMessage as g,getFileSize as h,$message as I,simplifyMessage as S}from"../utils/index.js";import{cloneDeep as y,remove as L,isArray as T,uniqBy as v}from"lodash-es";import{STATUS as M,MESSAGE_TYPE as E,CHAT_TYPE as C}from"../constants/index.js";import{useTheme as b}from"../../../../shared/hooks/useTheme.js";import"date-fns";import"@vue/shared";import"../../../../shared/utils/index.js";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"naive-ui";import"../../../../shared/hooks/useScrollLoading.js";const w=Symbol("InjectionIChatData");function D(e){const{lastMessage:s,lastSenderName:t=""}=e,n=S(s)||"";return l(e)&&t?t+": "+n:n}function N(r,S){const w=e(),N=s({orgId:r.orgId,currentSessionItem:{},id:"",userInfo:{id:r.userId},msgList:[],currentMsg:{},isAppendMsg:!1,sessionList:[],isChangeSession:!1,updateSessionItem:{},isUpdateSession:!1,currentReferenceMsg:null,currentReEditMsg:null,showVideo:!1,currentAVMsg:{},currentGroupUser:[],showMultipleVideo:!1,userDetail:{show:!1,position:{x:0,y:0},userId:"",info:null},isForward:!1}),j=b(),U=t((()=>N.sessionList.reduce(((e,s)=>e+ +s.unreadNum),0))),_=t((()=>l(N.currentSessionItem))),x=t((()=>{var e,s,t;return(null==(e=N.userInfo)?void 0:e.id)===(null==(t=null==(s=N.currentGroupUser)?void 0:s[0])?void 0:t.id)})),G=t((()=>{var e;return(null==(e=N.currentSessionItem)?void 0:e.status)===M.ENDED}));n((()=>U.value),(e=>{!async function s(t=0){if(t>2)return;const n=N.sessionList.filter((e=>{var s;return+(null!=(s=e.unreadNum)?s:0)>0}));n.every((e=>!!e.name))?S("unread-message-update",e,p(n)):(await d(300),s(++t))}()})),n([()=>N.isChangeSession,()=>N.isUpdateSession],(([e,s])=>{e&&(F(N.currentSessionItem),N.currentSessionItem.status===M.REMOVED&&P(),N.isChangeSession=!1),s&&(F(N.updateSessionItem),N.isUpdateSession=!1)}),{immediate:!0});const{pause:O,resume:R,isActive:K}=m((()=>{const e=y(N.msgList);e.some((e=>{const{sendTime:s}=e;return!(Date.now()-new Date(s).getTime()>=36e5)&&(e.__sendTime=f(s).recordTime,!0)})),N.msgList=e,k()||O()}),6e4,{immediate:!1});function k(){return!!N.msgList.length&&N.msgList.some((e=>Date.now()-new Date(e.sendTime).getTime()<36e5))}async function A(e){var s;try{null==(s=w.value)||s.send("/app/chat/send",{},JSON.stringify({chatType:N.currentSessionItem.chatType,receiver:N.currentSessionItem.receiver,...e}))}catch(e){}}function V(e){Object.assign(N.currentSessionItem,e,{lastMessageContent:Reflect.has(e,"lastMessageContent")?e.lastMessageContent:Reflect.has(e,"lastMessage")?D({...e,chatType:e.chatType||N.currentSessionItem.chatType}):N.currentSessionItem.lastMessageContent}),N.isChangeSession=!0,N.id!==N.currentSessionItem.id&&(N.msgList=[],N.id=N.currentSessionItem.id)}function B(e){const s=N.sessionList.find((s=>s.sessionKey===e.sessionKey)),t={...e,lastMessageContent:D({...e,chatType:e.chatType||(null==s?void 0:s.chatType)})};N.updateSessionItem=s?{...y(s),...t}:t,N.isUpdateSession=!0}function P(){if(!N.id)return null;const{currentSessionItem:e}=N;return N.currentSessionItem={},N.msgList=[],N.id="",N.currentGroupUser=[],e}function z(e){N.sessionList=y(v(e,"id")),N.sessionList.forEach((e=>{Object.assign(e,{defaultName:Reflect.has(e,"defaultName")?e.defaultName:e.name||"",lastMessageContent:Reflect.has(e,"lastMessageContent")?e.lastMessageContent:D(e)}),e.receiver===N.userInfo.id&&(e.unreadNum=0),e.chatType!==C.GROUP||e.name||c({id:e.receiver}).then((s=>{T(s)&&(e.name=s.map((e=>e.name)).join(","))}))}))}function F(e){!e.id||N.sessionList.map((e=>e.id)).includes(e.id)?N.sessionList.some((s=>{if(s.sessionKey===e.sessionKey){let{unreadNum:t=0}=s;return Object.assign(s,e),e.sessionKey!==N.currentSessionItem.sessionKey&&s.sender&&s.sender!==N.userInfo.id&&(s.unreadNum=++t),!0}})):z([...N.sessionList,e])}return{filterable:i(r,"filterable"),trtcProxy:i(r,"trtcProxy"),cssVars:j,stompClient:w,state:N,unreadTotal:U,isGroupChat:_,isGroupLeader:x,isEnded:G,setMsgList:function(e=[]){O(),N.msgList=y(e).sort(((e,s)=>new Date(s.sendTime).getTime()-new Date(e.sendTime).getTime())),N.msgList.forEach((e=>{Object.assign(e,{__time:f(e.sendTime).msgTime,__content:g(e.content),__sendTime:f(e.sendTime).recordTime}),e.content.chatMessageType!==E.FILE||e.__size||h(e.content.fileUrl).then((s=>{e.__size=s}))})),k()&&R()},sendMessage:A,relayMessage:async function(e){const{checkedIds:s,remark:t,contents:n}=e;for(let e=0;e<s.length;e++)try{const i=s[e],r=N.sessionList.find((e=>e.receiver===i));r||await a({chatType:C.SINGLE,receiver:i,sender:N.userInfo.id});const o=(null==r?void 0:r.chatType)||C.SINGLE;for(let e=0;e<n.length;e++){await d(100);const s=n[e];A({chatType:o,receiver:i,content:s})}t&&(await d(100),A({chatType:o,receiver:i,content:{chatMessageType:E.TEXT,msg:t}})),await d(100)}catch(e){console.log("error ==>",e)}I.success("转发成功")},setMessageLabel:function(e){var s;const{type:t,labelItem:n,msgId:i}=e,r=N.msgList.find((e=>e.id===i));if(!r)return;const{labelList:o=[]}=r.content||{},a=o.findIndex((e=>{const s="emoji"===t?e.label===n:e.label.label===n.label;return e.type===t&&s})),u=o[a];if(u){u.userList.find((e=>e.id===N.userInfo.id))?(L(u.userList,(e=>e.id===N.userInfo.id)),(null==(s=u.userList)?void 0:s.length)||o.splice(a,1)):(u.userList||(u.userList=[]),u.userList.push(N.userInfo))}else o.push({type:t,label:n,userList:[N.userInfo]}),r.content.labelList=o},openSession:async function(e){try{const s="string"==typeof e?N.sessionList.find((s=>s.id===e)):e;if(!s)return;s.status===M.REMOVED&&(await u({id:s.id,status:M.ENABLED}),B({...s,status:M.ENABLED}),s.status=M.ENABLED);const t=N.currentSessionItem.sessionKey;if(V(s),t===N.currentSessionItem.sessionKey)return;if(_.value){const e=await c({id:s.receiver});N.currentGroupUser=T(e)?e:[]}else N.currentGroupUser=v([N.userInfo,{...y(s),id:s.receiver}],"id");S("session-change",{...o(N.currentSessionItem),userList:N.currentGroupUser.map((e=>o(e)))})}catch(e){console.log("error---\x3e",e)}},closeSession:P,getCurrentSession:function(){return N.id?N.currentSessionItem:null},setCurrentSessionItem:V,setUpdateSessionItem:B,setSessionList:z,emit:S,setUserDetail:function(e,s){Object.assign(N.userDetail,s,{position:{x:e.clientX,y:e.clientY}})}}}const j=()=>r(w);export{w as InjectionIChatData,N as initData,j as useData};
+import { ref, reactive, 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, getFileSize, $message, simplifyMessage } from '../utils/index.js';
+import { cloneDeep, remove, isArray, uniqBy } from 'lodash-es';
+import { STATUS, MESSAGE_TYPE, CHAT_TYPE } from '../constants/index.js';
+import { useTheme } from '../../../../shared/hooks/useTheme.js';
+import 'date-fns';
+import '@vue/shared';
+import '../../../../shared/utils/index.js';
+import '@vueuse/shared';
+import '../../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import 'naive-ui';
+import '../../../../shared/hooks/useScrollLoading.js';
+
+const InjectionIChatData = Symbol("InjectionIChatData");
+function getLastMessageContent(session) {
+  const {
+    lastMessage,
+    lastSenderName = ""
+  } = session;
+  const content = simplifyMessage(lastMessage) || "";
+  if (isGroup(session) && lastSenderName)
+    return lastSenderName + ": " + content;
+  return content;
+}
+function initData(props, emit) {
+  const stompClient = ref();
+  const state = reactive({
+    orgId: props.orgId,
+    currentSessionItem: {},
+    id: "",
+    userInfo: {
+      id: props.userId
+    },
+    msgList: [],
+    currentMsg: {},
+    isAppendMsg: false,
+    sessionList: [],
+    isChangeSession: false,
+    updateSessionItem: {},
+    isUpdateSession: false,
+    currentReferenceMsg: null,
+    currentReEditMsg: null,
+    showVideo: false,
+    currentAVMsg: {},
+    currentGroupUser: [],
+    showMultipleVideo: false,
+    userDetail: {
+      show: false,
+      position: {
+        x: 0,
+        y: 0
+      },
+      userId: "",
+      info: null
+    },
+    isForward: false
+  });
+  const cssVars = useTheme();
+  const unreadTotal = computed(() => {
+    return state.sessionList.reduce((num, item) => num + +item.unreadNum, 0);
+  });
+  const isGroupChat = computed(() => isGroup(state.currentSessionItem));
+  const isGroupLeader = computed(() => {
+    var _a, _b, _c;
+    return ((_a = state.userInfo) == null ? void 0 : _a.id) === ((_c = (_b = state.currentGroupUser) == null ? void 0 : _b[0]) == null ? void 0 : _c.id);
+  });
+  const isEnded = computed(() => {
+    var _a;
+    return ((_a = state.currentSessionItem) == null ? void 0 : _a.status) === STATUS.ENDED;
+  });
+  watch(() => unreadTotal.value, (value) => {
+    (async function doEmit(times = 0) {
+      if (times > 2)
+        return;
+      const unreadSessionList = state.sessionList.filter((item) => {
+        var _a;
+        return +((_a = item.unreadNum) != null ? _a : 0) > 0;
+      });
+      const allHasName = unreadSessionList.every((session) => !!session.name);
+      if (allHasName) {
+        emit("unread-message-update", value, listSort(unreadSessionList));
+        return;
+      }
+      await promiseTimeout(300);
+      doEmit(++times);
+    })();
+  });
+  watch([() => state.isChangeSession, () => state.isUpdateSession], ([isChangeSession, isUpdateSession]) => {
+    if (isChangeSession) {
+      updateSessionList(state.currentSessionItem);
+      if (state.currentSessionItem.status === STATUS.REMOVED) {
+        closeSession();
+      }
+      state.isChangeSession = false;
+    }
+    if (isUpdateSession) {
+      updateSessionList(state.updateSessionItem);
+      state.isUpdateSession = false;
+    }
+  }, {
+    immediate: true
+  });
+  const {
+    pause,
+    resume,
+    isActive
+  } = useIntervalFn(() => {
+    const msgList = cloneDeep(state.msgList);
+    msgList.some((msgItem) => {
+      const {
+        sendTime
+      } = msgItem;
+      if (Date.now() - new Date(sendTime).getTime() >= 60 * 60 * 1e3)
+        return false;
+      msgItem.__sendTime = formatTime(sendTime).recordTime;
+      return true;
+    });
+    state.msgList = msgList;
+    if (!needUpdateTime()) {
+      pause();
+    }
+  }, 6e4, {
+    immediate: false
+  });
+  function needUpdateTime() {
+    if (!state.msgList.length)
+      return false;
+    return state.msgList.some((msgItem) => Date.now() - new Date(msgItem.sendTime).getTime() < 60 * 60 * 1e3);
+  }
+  function setMsgList(list = []) {
+    pause();
+    state.msgList = cloneDeep(list).sort((cur, next) => new Date(next.sendTime).getTime() - new Date(cur.sendTime).getTime());
+    state.msgList.forEach((item) => {
+      Object.assign(item, {
+        __time: formatTime(item.sendTime).msgTime,
+        __content: transformMessage(item.content),
+        __sendTime: formatTime(item.sendTime).recordTime
+      });
+      if (item.content.chatMessageType === MESSAGE_TYPE.FILE && !item.__size) {
+        getFileSize(item.content.fileUrl).then((size) => {
+          item.__size = size;
+        });
+      }
+    });
+    if (needUpdateTime()) {
+      resume();
+    }
+  }
+  async function sendMessage(message) {
+    var _a;
+    try {
+      (_a = stompClient.value) == null ? void 0 : _a.send("/app/chat/send", {}, JSON.stringify({
+        chatType: state.currentSessionItem.chatType,
+        receiver: state.currentSessionItem.receiver,
+        ...message
+      }));
+    } catch (error) {
+    }
+  }
+  async function relayMessage(param) {
+    const {
+      checkedIds,
+      remark,
+      contents
+    } = param;
+    for (let i = 0; i < checkedIds.length; i++) {
+      try {
+        const receiver = checkedIds[i];
+        const session = state.sessionList.find((_session) => _session.receiver === receiver);
+        if (!session) {
+          await openSessionApi({
+            chatType: CHAT_TYPE.SINGLE,
+            receiver,
+            sender: state.userInfo.id
+          });
+        }
+        const chatType = (session == null ? void 0 : session.chatType) || CHAT_TYPE.SINGLE;
+        for (let j = 0; j < contents.length; j++) {
+          await promiseTimeout(100);
+          const content = contents[j];
+          sendMessage({
+            chatType,
+            receiver,
+            content
+          });
+        }
+        if (remark) {
+          await promiseTimeout(100);
+          sendMessage({
+            chatType,
+            receiver,
+            content: {
+              chatMessageType: MESSAGE_TYPE.TEXT,
+              msg: remark
+            }
+          });
+        }
+        await promiseTimeout(100);
+      } catch (error) {
+        console.log("error ==>", error);
+      }
+    }
+    $message.success("\u8F6C\u53D1\u6210\u529F");
+  }
+  function setMessageLabel(params) {
+    var _a;
+    const {
+      type,
+      labelItem: item,
+      msgId
+    } = params;
+    const message = state.msgList.find((item2) => item2.id === msgId);
+    if (!message)
+      return;
+    const {
+      labelList = []
+    } = message.content || {};
+    const findLabelItemIndex = labelList.findIndex((labelItem) => {
+      const isSameLabel = type === "emoji" ? labelItem.label === item : labelItem.label.label === item.label;
+      return labelItem.type === type && isSameLabel;
+    });
+    const findLabelItem = labelList[findLabelItemIndex];
+    if (findLabelItem) {
+      const findMe = findLabelItem.userList.find((user) => user.id === state.userInfo.id);
+      if (findMe) {
+        remove(findLabelItem.userList, (user) => user.id === state.userInfo.id);
+        if (!((_a = findLabelItem.userList) == null ? void 0 : _a.length)) {
+          labelList.splice(findLabelItemIndex, 1);
+        }
+      } else {
+        if (!findLabelItem.userList) {
+          findLabelItem.userList = [];
+        }
+        findLabelItem.userList.push(state.userInfo);
+      }
+    } else {
+      labelList.push({
+        type,
+        label: item,
+        userList: [state.userInfo]
+      });
+      message.content.labelList = labelList;
+    }
+  }
+  function setCurrentSessionItem(item) {
+    Object.assign(state.currentSessionItem, item, {
+      lastMessageContent: Reflect.has(item, "lastMessageContent") ? item.lastMessageContent : Reflect.has(item, "lastMessage") ? getLastMessageContent({
+        ...item,
+        chatType: item.chatType || state.currentSessionItem.chatType
+      }) : state.currentSessionItem.lastMessageContent
+    });
+    state.isChangeSession = true;
+    if (state.id === state.currentSessionItem.id)
+      return;
+    state.msgList = [];
+    state.id = state.currentSessionItem.id;
+  }
+  function setUpdateSessionItem(item) {
+    const matchSessionItem = state.sessionList.find((session) => session.sessionKey === item.sessionKey);
+    const commonItem = {
+      ...item,
+      lastMessageContent: getLastMessageContent({
+        ...item,
+        chatType: item.chatType || (matchSessionItem == null ? void 0 : matchSessionItem.chatType)
+      })
+    };
+    state.updateSessionItem = matchSessionItem ? {
+      ...cloneDeep(matchSessionItem),
+      ...commonItem
+    } : commonItem;
+    state.isUpdateSession = true;
+  }
+  async function openSession(session) {
+    try {
+      const item = typeof session === "string" ? state.sessionList.find((_session) => _session.id === session) : session;
+      if (!item)
+        return;
+      if (item.status === STATUS.REMOVED) {
+        await updateStatusApi({
+          id: item.id,
+          status: STATUS.ENABLED
+        });
+        setUpdateSessionItem({
+          ...item,
+          status: STATUS.ENABLED
+        });
+        item.status = STATUS.ENABLED;
+      }
+      const prevSessionKey = state.currentSessionItem.sessionKey;
+      setCurrentSessionItem(item);
+      if (prevSessionKey === state.currentSessionItem.sessionKey)
+        return;
+      if (isGroupChat.value) {
+        const data = await groupUserApi({
+          id: item.receiver
+        });
+        state.currentGroupUser = isArray(data) ? data : [];
+      } else {
+        state.currentGroupUser = uniqBy([state.userInfo, {
+          ...cloneDeep(item),
+          id: item.receiver
+        }], "id");
+      }
+      emit("session-change", {
+        ...toRaw(state.currentSessionItem),
+        userList: state.currentGroupUser.map((user) => toRaw(user))
+      });
+    } catch (error) {
+      console.log("error--->", error);
+    }
+  }
+  function closeSession() {
+    if (!state.id)
+      return null;
+    const {
+      currentSessionItem
+    } = state;
+    state.currentSessionItem = {};
+    state.msgList = [];
+    state.id = "";
+    state.currentGroupUser = [];
+    return currentSessionItem;
+  }
+  function getCurrentSession() {
+    return state.id ? state.currentSessionItem : null;
+  }
+  function setSessionList(list) {
+    state.sessionList = cloneDeep(uniqBy(list, "id"));
+    state.sessionList.forEach((item) => {
+      Object.assign(item, {
+        defaultName: Reflect.has(item, "defaultName") ? item.defaultName : item.name || "",
+        lastMessageContent: Reflect.has(item, "lastMessageContent") ? item.lastMessageContent : getLastMessageContent(item)
+      });
+      if (item.receiver === state.userInfo.id) {
+        item.unreadNum = 0;
+      }
+      if (item.chatType === CHAT_TYPE.GROUP && !item.name) {
+        groupUserApi({
+          id: item.receiver
+        }).then((res) => {
+          if (isArray(res)) {
+            item.name = res.map((u) => u.name).join(",");
+          }
+        });
+      }
+    });
+  }
+  function updateSessionList(sessionItem) {
+    if (sessionItem.id && !state.sessionList.map((session) => session.id).includes(sessionItem.id)) {
+      setSessionList([...state.sessionList, sessionItem]);
+      return;
+    }
+    state.sessionList.some((item) => {
+      if (item.sessionKey === sessionItem.sessionKey) {
+        let {
+          unreadNum = 0
+        } = item;
+        Object.assign(item, sessionItem);
+        if (sessionItem.sessionKey !== state.currentSessionItem.sessionKey && item.sender && item.sender !== state.userInfo.id) {
+          item.unreadNum = ++unreadNum;
+        }
+        return true;
+      }
+    });
+  }
+  function setUserDetail(event, userDetail) {
+    Object.assign(state.userDetail, userDetail, {
+      position: {
+        x: event.clientX,
+        y: event.clientY
+      }
+    });
+  }
+  return {
+    filterable: toRef(props, "filterable"),
+    trtcProxy: toRef(props, "trtcProxy"),
+    cssVars,
+    stompClient,
+    state,
+    unreadTotal,
+    isGroupChat,
+    isGroupLeader,
+    isEnded,
+    setMsgList,
+    sendMessage,
+    relayMessage,
+    setMessageLabel,
+    openSession,
+    closeSession,
+    getCurrentSession,
+    setCurrentSessionItem,
+    setUpdateSessionItem,
+    setSessionList,
+    emit,
+    setUserDetail
+  };
+}
+const useData = () => inject(InjectionIChatData);
+
+export { InjectionIChatData, initData, useData };

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

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { AnyFn, AnyObject } from '../../../../shared/types';
+export declare function useSearchPatientList({ wrapperRef, keywordRef, before, after }: {
+    wrapperRef: Ref<HTMLElement>;
+    keywordRef: Ref<string>;
+    before?: AnyFn;
+    after?: AnyFn;
+}): {
+    patientList: Ref<AnyObject[]>;
+    handlePatientInput: () => void;
+};

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

@@ -0,0 +1,82 @@
+import { ref } from 'vue';
+import { isArray } from 'lodash-es';
+import { listPatientApi } from '../api/index.js';
+import { useDebounceFn } from '@vueuse/core';
+import '../../../../shared/utils/index.js';
+import 'naive-ui';
+import 'date-fns';
+import '@vue/shared';
+import '@vueuse/shared';
+import '../../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import { useScrollLoading } from '../../../../shared/hooks/useScrollLoading.js';
+import { useData } from './useData.js';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import '../utils/index.js';
+import 'trtc-sdk-v5';
+
+function useSearchPatientList({
+  wrapperRef,
+  keywordRef,
+  before,
+  after
+}) {
+  const pageInfo = {
+    page: 0,
+    hasMore: true
+  };
+  const {
+    state
+  } = useData();
+  const patientList = ref([]);
+  const handlePatientInput = useDebounceFn(resetAndSearch, 300);
+  useScrollLoading(wrapperRef, () => {
+    handleSearch();
+  });
+  async function handleSearch() {
+    const keyword = (keywordRef.value || "").replace(/^\s+|\s+$/g, "");
+    if (!keyword) {
+      if (before) {
+        before();
+      } else {
+        patientList.value = [];
+      }
+      return;
+    }
+    if (!pageInfo.hasMore)
+      return;
+    pageInfo.page++;
+    if (pageInfo.page == 1) {
+      patientList.value = [];
+    }
+    const data = await listPatientApi({
+      orgId: state.orgId,
+      keyword,
+      page: pageInfo.page,
+      pageSize: 15
+    });
+    if (!isArray(data.records))
+      return;
+    if (patientList.value.length <= +data.total) {
+      patientList.value = pageInfo.page > 1 ? patientList.value.concat(data.records) : data.records;
+      after == null ? void 0 : after();
+      if (patientList.value.length >= +data.total) {
+        pageInfo.hasMore = false;
+      }
+    }
+  }
+  function resetAndSearch() {
+    Object.assign(pageInfo, {
+      page: 0,
+      hasMore: true
+    });
+    handleSearch();
+  }
+  return {
+    patientList,
+    handlePatientInput
+  };
+}
+
+export { useSearchPatientList };