cnhis-design-vue 3.4.0-beta.3 → 3.4.0-beta.7

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

@@ -16,10 +16,7 @@ import '../../../../shared/hooks/useScrollLoading.js';
 
 const InjectionIChatData = Symbol("InjectionIChatData");
 function getLastMessageContent(session) {
-  const {
-    lastMessage,
-    lastSenderName = ""
-  } = session;
+  const { lastMessage, lastSenderName = "" } = session;
   const content = simplifyMessage(lastMessage) || "";
   if (isGroup(session) && lastSenderName)
     return lastSenderName + ": " + content;
@@ -49,10 +46,7 @@ function initData(props, emit) {
     showMultipleVideo: false,
     userDetail: {
       show: false,
-      position: {
-        x: 0,
-        y: 0
-      },
+      position: { x: 0, y: 0 },
       userId: "",
       info: null
     },
@@ -71,60 +65,65 @@ function initData(props, emit) {
     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;
+  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;
       }
-      await promiseTimeout(300);
-      doEmit(++times);
-    })();
-  });
-  watch([() => state.isChangeSession, () => state.isUpdateSession], ([isChangeSession, isUpdateSession]) => {
-    if (isChangeSession) {
-      updateSessionList(state.currentSessionItem);
-      if (state.currentSessionItem.status === STATUS.REMOVED) {
-        closeSession();
+      if (isUpdateSession) {
+        updateSessionList(state.updateSessionItem);
+        state.isUpdateSession = false;
       }
-      state.isChangeSession = false;
-    }
-    if (isUpdateSession) {
-      updateSessionList(state.updateSessionItem);
-      state.isUpdateSession = false;
+    },
+    {
+      immediate: true
     }
-  }, {
-    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();
+  );
+  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
     }
-  }, 6e4, {
-    immediate: false
-  });
+  );
   function needUpdateTime() {
     if (!state.msgList.length)
       return false;
@@ -132,7 +131,9 @@ function initData(props, emit) {
   }
   function setMsgList(list = []) {
     pause();
-    state.msgList = cloneDeep(list).sort((cur, next) => new Date(next.sendTime).getTime() - new Date(cur.sendTime).getTime());
+    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,
@@ -147,20 +148,20 @@ function initData(props, emit) {
   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
-      }));
+      (_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;
+    const { checkedIds, remark, contents } = param;
     for (let i = 0; i < checkedIds.length; i++) {
       try {
         const receiver = checkedIds[i];
@@ -176,22 +177,11 @@ function initData(props, emit) {
         for (let j = 0; j < contents.length; j++) {
           await promiseTimeout(100);
           const content = contents[j];
-          sendMessage({
-            chatType,
-            receiver,
-            content
-          });
+          sendMessage({ chatType, receiver, content });
         }
         if (remark) {
           await promiseTimeout(100);
-          sendMessage({
-            chatType,
-            receiver,
-            content: {
-              chatMessageType: MESSAGE_TYPE.TEXT,
-              msg: remark
-            }
-          });
+          sendMessage({ chatType, receiver, content: { chatMessageType: MESSAGE_TYPE.TEXT, msg: remark } });
         }
         await promiseTimeout(100);
       } catch (error) {
@@ -202,17 +192,11 @@ function initData(props, emit) {
   }
   function setMessageLabel(params) {
     var _a;
-    const {
-      type,
-      labelItem: item,
-      msgId
-    } = params;
+    const { type, labelItem: item, msgId } = params;
     const message = state.msgList.find((item2) => item2.id === msgId);
     if (!message)
       return;
-    const {
-      labelList = []
-    } = message.content || {};
+    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;
@@ -232,11 +216,7 @@ function initData(props, emit) {
         findLabelItem.userList.push(state.userInfo);
       }
     } else {
-      labelList.push({
-        type,
-        label: item,
-        userList: [state.userInfo]
-      });
+      labelList.push({ type, label: item, userList: [state.userInfo] });
       message.content.labelList = labelList;
     }
   }
@@ -257,10 +237,7 @@ function initData(props, emit) {
     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)
-      })
+      lastMessageContent: getLastMessageContent({ ...item, chatType: item.chatType || (matchSessionItem == null ? void 0 : matchSessionItem.chatType) })
     };
     state.updateSessionItem = matchSessionItem ? {
       ...cloneDeep(matchSessionItem),
@@ -278,10 +255,7 @@ function initData(props, emit) {
           id: item.id,
           status: STATUS.ENABLED
         });
-        setUpdateSessionItem({
-          ...item,
-          status: STATUS.ENABLED
-        });
+        setUpdateSessionItem({ ...item, status: STATUS.ENABLED });
         item.status = STATUS.ENABLED;
       }
       const prevSessionKey = state.currentSessionItem.sessionKey;
@@ -289,15 +263,10 @@ function initData(props, emit) {
       if (prevSessionKey === state.currentSessionItem.sessionKey)
         return;
       if (isGroupChat.value) {
-        const data = await groupUserApi({
-          id: item.receiver
-        });
+        const data = await groupUserApi({ id: item.receiver });
         state.currentGroupUser = isArray(data) ? data : [];
       } else {
-        state.currentGroupUser = uniqBy([state.userInfo, {
-          ...cloneDeep(item),
-          id: item.receiver
-        }], "id");
+        state.currentGroupUser = uniqBy([state.userInfo, { ...cloneDeep(item), id: item.receiver }], "id");
       }
       emit("session-change", {
         ...toRaw(state.currentSessionItem),
@@ -310,9 +279,7 @@ function initData(props, emit) {
   function closeSession() {
     if (!state.id)
       return null;
-    const {
-      currentSessionItem
-    } = state;
+    const { currentSessionItem } = state;
     state.currentSessionItem = {};
     state.msgList = [];
     state.id = "";
@@ -333,9 +300,7 @@ function initData(props, emit) {
         item.unreadNum = 0;
       }
       if (item.chatType === CHAT_TYPE.GROUP && !item.name) {
-        groupUserApi({
-          id: item.receiver
-        }).then((res) => {
+        groupUserApi({ id: item.receiver }).then((res) => {
           if (isArray(res)) {
             item.name = res.map((u) => u.name).join(",");
           }
@@ -350,9 +315,7 @@ function initData(props, emit) {
     }
     state.sessionList.some((item) => {
       if (item.sessionKey === sessionItem.sessionKey) {
-        let {
-          unreadNum = 0
-        } = item;
+        let { unreadNum = 0 } = item;
         Object.assign(item, sessionItem);
         if (sessionItem.sessionKey !== state.currentSessionItem.sessionKey && item.sender && item.sender !== state.userInfo.id) {
           item.unreadNum = ++unreadNum;
@@ -363,10 +326,7 @@ function initData(props, emit) {
   }
   function setUserDetail(event, userDetail) {
     Object.assign(state.userDetail, userDetail, {
-      position: {
-        x: event.clientX,
-        y: event.clientY
-      }
+      position: { x: event.clientX, y: event.clientY }
     });
   }
   return {

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

@@ -4,14 +4,8 @@ function useDraggable(target, options = {}) {
   const x = ref(0);
   const y = ref(0);
   const isDragging = ref(false);
-  const startPos = ref({
-    x: 0,
-    y: 0
-  });
-  const startMousePos = ref({
-    x: 0,
-    y: 0
-  });
+  const startPos = ref({ x: 0, y: 0 });
+  const startMousePos = ref({ x: 0, y: 0 });
   const style = ref({
     left: `${x.value}px`,
     top: `${y.value}px`
@@ -25,14 +19,8 @@ function useDraggable(target, options = {}) {
   const centerElement = () => {
     if (!target.value)
       return;
-    const {
-      width: width1,
-      height: height1
-    } = target.value.getBoundingClientRect();
-    const {
-      width: width2,
-      height: height2
-    } = getHiddenElementRect(target.value);
+    const { width: width1, height: height1 } = target.value.getBoundingClientRect();
+    const { width: width2, height: height2 } = getHiddenElementRect(target.value);
     const width = width1 || width2 || 0;
     const height = height1 || height2 || 0;
     x.value = window.innerWidth / 2 - width / 2;
@@ -42,12 +30,8 @@ function useDraggable(target, options = {}) {
   const topRightElement = () => {
     if (!target.value)
       return;
-    const {
-      width: width1
-    } = target.value.getBoundingClientRect();
-    const {
-      width: width2
-    } = getHiddenElementRect(target.value);
+    const { width: width1 } = target.value.getBoundingClientRect();
+    const { width: width2 } = getHiddenElementRect(target.value);
     const width = width1 || width2 || 0;
     x.value = window.innerWidth - width - 20;
     y.value = 20;
@@ -71,18 +55,9 @@ function useDraggable(target, options = {}) {
     if (!target.value)
       return;
     isDragging.value = true;
-    startMousePos.value = {
-      x: e.clientX,
-      y: e.clientY
-    };
-    startPos.value = {
-      x: x.value,
-      y: y.value
-    };
-    (_a = options.onDragStart) == null ? void 0 : _a.call(options, {
-      x: x.value,
-      y: y.value
-    });
+    startMousePos.value = { x: e.clientX, y: e.clientY };
+    startPos.value = { x: x.value, y: y.value };
+    (_a = options.onDragStart) == null ? void 0 : _a.call(options, { x: x.value, y: y.value });
     e.preventDefault();
     document.body.style.userSelect = "none";
   };
@@ -92,10 +67,7 @@ function useDraggable(target, options = {}) {
       return;
     const dx = e.clientX - startMousePos.value.x;
     const dy = e.clientY - startMousePos.value.y;
-    const {
-      width,
-      height
-    } = target.value.getBoundingClientRect();
+    const { width, height } = target.value.getBoundingClientRect();
     const minX = 0;
     const minY = 0;
     const maxX = window.innerWidth - width;
@@ -103,10 +75,7 @@ function useDraggable(target, options = {}) {
     x.value = clamp(startPos.value.x + dx, minX, maxX);
     y.value = clamp(startPos.value.y + dy, minY, maxY);
     updatePosition();
-    (_a = options.onDrag) == null ? void 0 : _a.call(options, {
-      x: x.value,
-      y: y.value
-    });
+    (_a = options.onDrag) == null ? void 0 : _a.call(options, { x: x.value, y: y.value });
   };
   const onMouseUp = () => {
     var _a;
@@ -114,10 +83,7 @@ function useDraggable(target, options = {}) {
       return;
     isDragging.value = false;
     document.body.style.userSelect = "";
-    (_a = options.onDragEnd) == null ? void 0 : _a.call(options, {
-      x: x.value,
-      y: y.value
-    });
+    (_a = options.onDragEnd) == null ? void 0 : _a.call(options, { x: x.value, y: y.value });
   };
   onMounted(() => {
     var _a, _b;
@@ -142,19 +108,13 @@ function useDraggable(target, options = {}) {
   });
   return {
     style,
-    position: {
-      x,
-      y
-    },
+    position: { x, y },
     changePosition
   };
 }
 function getHiddenElementRect(element) {
   const styles = window.getComputedStyle(element);
-  return {
-    width: parseFloat(styles.width),
-    height: parseFloat(styles.height)
-  };
+  return { width: parseFloat(styles.width), height: parseFloat(styles.height) };
 }
 
 export { useDraggable };

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

@@ -26,9 +26,7 @@ function useSearchPatientList({
     page: 0,
     hasMore: true
   };
-  const {
-    state
-  } = useData();
+  const { state } = useData();
   const patientList = ref([]);
   const handlePatientInput = useDebounceFn(resetAndSearch, 300);
   useScrollLoading(wrapperRef, () => {

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

@@ -26,9 +26,7 @@ function useSearchUserList({
     page: 0,
     hasMore: true
   };
-  const {
-    state
-  } = useData();
+  const { state } = useData();
   const userList = ref([]);
   const handleInput = useDebounceFn(resetAndSearch, 300);
   useScrollLoading(wrapperRef, () => {

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

@@ -1,3 +1,4 @@
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
 import { ref, computed, onBeforeUnmount, nextTick } from 'vue';
 import { useData } from './useData.js';
 import 'stompjs';
@@ -28,21 +29,7 @@ function useVideo(config = {}) {
   const retryCount = ref(/* @__PURE__ */ new Map());
   const isAudio = computed(() => state.currentAVMsg.chatMessageType === MESSAGE_TYPE.AUDIO);
   const isCall = computed(() => state.currentAVMsg.callMode === "call");
-  const messageTypeText = computed(() => isAudio.value ? function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.130")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.130")) || "\u8BED\u97F3";
-    } catch (e) {
-      return "\u8BED\u97F3";
-    }
-  }() : function() {
-    var _a, _b, _c;
-    try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.131")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.131")) || "\u89C6\u9891";
-    } catch (e) {
-      return "\u89C6\u9891";
-    }
-  }());
+  const messageTypeText = computed(() => isAudio.value ? i18n("10010.1.130", "\u8BED\u97F3") : i18n("10010.1.131", "\u89C6\u9891"));
   const trtc = TRTC.create();
   const MAIN_STREAM_TYPE = TRTC.TYPE.STREAM_TYPE_MAIN;
   function startTimer() {

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

@@ -6,23 +6,12 @@ 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, openSession, closeSession, setSessionList, setUpdateSessionItem, setCurrentSessionItem } = data;
   const groupSessionList = [];
   initWebSocket();
   function initWebSocket() {
     const options = {
-      headers: {
-        AccessToken: props.token,
-        UserId: props.userId
-      },
+      headers: { AccessToken: props.token, UserId: props.userId },
       heartbeatFn() {
         {
           try {
@@ -44,30 +33,28 @@ function useWebSocket(props, data) {
     stompClient.value = new ChatSock("/fdp-chat/websocket", options);
   }
   function subscribeSessionList() {
-    stompClient.value.subscribe("/app/sessionList", ({
-      body
-    }) => {
-      try {
-        const data2 = JSON.parse(body);
-        const {
-          authentication,
-          currentUser,
-          sessionVos
-        } = data2;
-        Object.assign(state.userInfo, currentUser, authentication);
-        if (!(sessionVos == null ? void 0 : sessionVos.length))
-          return;
-        setSessionList(sessionVos);
-        groupSessionList.splice(0, groupSessionList.length);
-        groupSessionList.push(...sessionVos.filter((session) => session.chatType === CHAT_TYPE.GROUP));
-        subscribeGroupMessage();
-        handleDefaultSession();
-      } catch (error) {
-        console.log(error);
+    stompClient.value.subscribe(
+      "/app/sessionList",
+      ({ body }) => {
+        try {
+          const data2 = JSON.parse(body);
+          const { authentication, currentUser, sessionVos } = data2;
+          Object.assign(state.userInfo, currentUser, authentication);
+          if (!(sessionVos == null ? void 0 : sessionVos.length))
+            return;
+          setSessionList(sessionVos);
+          groupSessionList.splice(0, groupSessionList.length);
+          groupSessionList.push(...sessionVos.filter((session) => session.chatType === CHAT_TYPE.GROUP));
+          subscribeGroupMessage();
+          handleDefaultSession();
+        } catch (error) {
+          console.log(error);
+        }
+      },
+      {
+        extraConfig: JSON.stringify(props.extraParams)
       }
-    }, {
-      extraConfig: JSON.stringify(props.extraParams)
-    });
+    );
   }
   function handleDefaultSession() {
     const session = state.sessionList.find((_session) => _session.id === props.defaultSessionId);
@@ -77,21 +64,17 @@ function useWebSocket(props, data) {
   }
   function subscribeGroupMessage() {
     groupSessionList.forEach((groupSession) => {
-      stompClient.value.subscribe(`/topic/group/${groupSession.receiver}`, ({
-        body
-      }) => handleSubscribeMessage({
-        body,
-        chatType: CHAT_TYPE.GROUP
-      }));
+      stompClient.value.subscribe(
+        `/topic/group/${groupSession.receiver}`,
+        ({ body }) => handleSubscribeMessage({ body, chatType: CHAT_TYPE.GROUP })
+      );
     });
   }
   function subscribeMessage() {
-    stompClient.value.subscribe("/user/topic/single", ({
-      body
-    }) => handleSubscribeMessage({
-      body,
-      chatType: CHAT_TYPE.SINGLE
-    }));
+    stompClient.value.subscribe(
+      "/user/topic/single",
+      ({ body }) => handleSubscribeMessage({ body, chatType: CHAT_TYPE.SINGLE })
+    );
   }
   async function handleMessage(messageVo, chatType) {
     state.currentMsg = messageVo;
@@ -124,17 +107,10 @@ function useWebSocket(props, data) {
     };
     setUpdateSessionItem(updateSessionItem);
   }
-  async function handleSubscribeMessage({
-    body,
-    chatType
-  }) {
+  async function handleSubscribeMessage({ body, chatType }) {
     try {
       const data2 = JSON.parse(body);
-      const {
-        messageVo,
-        sessionVo,
-        chatAvStatusVo
-      } = data2;
+      const { messageVo, sessionVo, chatAvStatusVo } = data2;
       switch (data2.event) {
         case SUBSCRIBE_MESSAGE_TYPE.MESSAGE: {
           if (isAudioOrVideoMessage(messageVo.content)) {
@@ -152,14 +128,18 @@ function useWebSocket(props, data) {
                 handleMessage(messageVo, chatType);
               }
             } else {
-              stompClient.value.send("/app/chat/send", {}, JSON.stringify({
-                chatType: CHAT_TYPE.SINGLE,
-                receiver: messageVo.sender,
-                content: {
-                  chatMessageType: messageVo.content.chatMessageType,
-                  avStatus: AV_STATUS.CALL_BUSY
-                }
-              }));
+              stompClient.value.send(
+                "/app/chat/send",
+                {},
+                JSON.stringify({
+                  chatType: CHAT_TYPE.SINGLE,
+                  receiver: messageVo.sender,
+                  content: {
+                    chatMessageType: messageVo.content.chatMessageType,
+                    avStatus: AV_STATUS.CALL_BUSY
+                  }
+                })
+              );
               console.log("\u7528\u6237\u5FD9\uFF01");
             }
           } else {
@@ -190,12 +170,10 @@ function useWebSocket(props, data) {
           if (chatType === CHAT_TYPE.GROUP)
             return;
           setUpdateSessionItem(sessionVo);
-          stompClient.value.subscribe(`/topic/group/${sessionVo.receiver}`, ({
-            body: body2
-          }) => handleSubscribeMessage({
-            body: body2,
-            chatType: CHAT_TYPE.GROUP
-          }));
+          stompClient.value.subscribe(
+            `/topic/group/${sessionVo.receiver}`,
+            ({ body: body2 }) => handleSubscribeMessage({ body: body2, chatType: CHAT_TYPE.GROUP })
+          );
           break;
         }
         case SUBSCRIBE_MESSAGE_TYPE.LEAVE_GROUP: {