cnhis-design-vue 3.3.3-release.8 → 3.4.0-beta.0

package/es/components/iho-chat/src/components/Video.vue2.js

@@ -1,4 +1,4 @@
-import { createElementVNode, defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, withDirectives, vShow, createVNode, unref, toDisplayString, Fragment, normalizeClass, withCtx } from 'vue';
+import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, withDirectives, createElementVNode, vShow, createVNode, unref, toDisplayString, Fragment, normalizeClass, withCtx } from 'vue';
 import { NAvatar, NButton, NIcon } from 'naive-ui';
 import { Mic, MicOffCircle, Call } from '@vicons/ionicons5';
 import { avFinishApi } from '../api/index.js';
@@ -15,7 +15,6 @@ import '../../../../shared/hooks/useScrollLoading.js';
 import 'stompjs';
 import 'sockjs-client/dist/sockjs.min.js';
 import { useVideo } from '../hooks/useVideo.js';
-import TRTC from 'trtc-sdk-v5';
 
 const _hoisted_1 = {
   class: "video-wrapper"
@@ -35,61 +34,34 @@ const _hoisted_5 = {
 const _hoisted_6 = {
   class: "btn"
 };
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", null, function() {
-  var _a, _b, _c;
-  try {
-    return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.104")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.104")) || "\u9759\u97F3";
-  } catch (e) {
-    return "\u9759\u97F3";
-  }
-}(), -1);
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", null, function() {
-  var _a, _b, _c;
-  try {
-    return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.113")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.113")) || "\u62D2\u63A5";
-  } catch (e) {
-    return "\u62D2\u63A5";
-  }
-}(), -1);
-const _hoisted_9 = {
+const _hoisted_7 = {
   class: "btn"
 };
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", null, function() {
-  var _a, _b, _c;
-  try {
-    return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.125")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.125")) || "\u6302\u65AD";
-  } catch (e) {
-    return "\u6302\u65AD";
-  }
-}(), -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, function() {
-  var _a, _b, _c;
-  try {
-    return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.114")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.114")) || "\u63A5\u542C";
-  } catch (e) {
-    return "\u63A5\u542C";
-  }
-}(), -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Video",
   setup(__props) {
     const {
       sendMessage,
       state,
-      trtcProxy,
       trtc,
       timing,
       voiceClose,
       isAudio,
       isCall,
       startTimer,
-      resetTimer,
       toggleAudio,
       messageTypeText,
       time,
       installEventHandlers,
-      uninstallEventHandlers
-    } = useVideo();
+      uninstallEventHandlers,
+      enterRoom,
+      exitRoom,
+      startLocalMedia,
+      MAIN_STREAM_TYPE
+    } = useVideo({
+      isMultiple: false,
+      enableRetry: false
+    });
     const videoRef = ref();
     const selfVideoRef = ref();
     const isConnect = ref(false);
@@ -150,40 +122,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     async function handleEnter() {
-      const checkResult = await TRTC.isSupported();
-      if (!checkResult.result || !checkResult.detail.isH264EncodeSupported || !checkResult.detail.isH264DecodeSupported) {
-        console.log("checkResult :>> ", checkResult);
+      const success = await enterRoom();
+      if (!success) {
         state.showVideo = false;
         return;
       }
       try {
-        await trtc.enterRoom({
-          strRoomId: state.currentAVMsg.strRoomId,
-          sdkAppId: parseInt(state.userInfo.sdkAppID),
-          userId: state.userInfo.id,
-          userSig: state.userInfo.userSig,
-          proxy: trtcProxy.value
-        });
         if (!isCall.value) {
           isConnect.value = true;
           startTimer();
         }
         installEventHandlers({
-          handleError,
           handleRemoteUserEnter,
           handleRemoteAudioAvailable,
           handleRemoteUserExit,
           handleRemoteVideoAvailable
         });
-        await trtc.startLocalAudio();
-        if (isAudio.value)
-          return;
-        await trtc.startLocalVideo({
-          view: selfVideoRef.value
-        });
+        await startLocalMedia(selfVideoRef.value);
       } catch (error) {
-        console.log("error :>> ", error);
-        $message.error(error);
+        console.error("Error setting up single video call:", error);
+        $message.error("\u8BBE\u7F6E\u89C6\u9891\u901A\u8BDD\u5931\u8D25");
         state.showVideo = false;
       }
     }
@@ -198,19 +156,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         state.showVideo = false;
         uninstallEventHandlers({
-          handleError,
           handleRemoteUserEnter,
           handleRemoteAudioAvailable,
           handleRemoteUserExit,
           handleRemoteVideoAvailable
         });
-        await trtc.exitRoom();
-        await trtc.stopLocalAudio();
-        if (isAudio.value)
-          return;
-        await trtc.stopLocalVideo();
+        await exitRoom();
       } catch (error) {
-        console.log("error :>> ", error);
+        console.error("Error during video exit:", error);
       }
     }
     async function handleRemoteVideoAvailable(event) {
@@ -219,39 +172,61 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         streamType
       } = event;
       try {
-        await trtc.startRemoteVideo({
-          userId,
-          streamType,
-          view: videoRef.value
-        });
+        if (streamType === MAIN_STREAM_TYPE && videoRef.value) {
+          await trtc.startRemoteVideo({
+            userId,
+            streamType,
+            view: videoRef.value
+          });
+          console.log("Remote video rendered for user:", userId);
+        }
       } catch (error) {
-        console.log("error :>> ", error);
+        console.error("Error rendering remote video:", error);
       }
     }
     function handleRemoteAudioAvailable(event) {
+      console.log("Remote audio available:", event.userId);
     }
-    function handleRemoteUserEnter() {
-      isConnect.value = true;
-      startTimer();
+    function handleRemoteUserEnter(event) {
+      console.log("Remote user entered:", event.userId);
+      if (isCall.value) {
+        isConnect.value = true;
+        startTimer();
+      }
     }
     function handleRemoteUserExit(event) {
-      console.log("event :>> \u5BF9\u65B9\u5DF2\u6302\u65AD", event);
+      console.log("Remote user exited:", event.userId);
       handleExit();
     }
-    function handleError(error) {
-      console.log("error :>> ", error);
-      state.showVideo = false;
-    }
-    watch(() => status.value, (value) => {
+    const statusHandlers = {
+      [AV_STATUS.IN_CALL]: () => init(),
+      [AV_STATUS.CALL_BUSY]: () => {
+        $message.error("\u5BF9\u65B9\u7E41\u5FD9\uFF01");
+        handleExit();
+      },
+      [AV_STATUS.NO_RESPONSE]: () => {
+        $message.error("\u5BF9\u65B9\u672A\u63A5\u542C!");
+        handleExit();
+      },
+      [AV_STATUS.REJECTED]: () => {
+        $message.error("\u5BF9\u65B9\u5DF2\u62D2\u7EDD!");
+        handleExit();
+      }
+    };
+    watch(status, (newStatus, oldStatus) => {
+      if (newStatus === oldStatus)
+        return;
       if (!state.showVideo)
         return;
-      if (value === AV_STATUS.IN_CALL) {
-        init();
+      const handler = statusHandlers[newStatus];
+      if (handler) {
+        handler();
       } else {
         handleExit();
       }
     }, {
-      immediate: true
+      immediate: true,
+      flush: "post"
     });
     onBeforeUnmount(() => {
       handleExit();
@@ -268,8 +243,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, null, 512), [[vShow, isConnect.value]]), withDirectives(createElementVNode("div", _hoisted_2, [createVNode(unref(NAvatar), {
         size: 58,
         round: "",
-        src: unref(info).avatar
-      }, null, 8, ["src"]), createElementVNode("span", _hoisted_3, toDisplayString(unref(info).name), 1), createElementVNode("span", _hoisted_4, toDisplayString(unref(tipContent)), 1)], 512), [[vShow, unref(isAudio) || !isConnect.value]]), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [unref(isCall) && !isConnect.value || isConnect.value ? (openBlock(), createElementBlock(Fragment, {
+        src: info.value.avatar
+      }, null, 8, ["src"]), createElementVNode("span", _hoisted_3, toDisplayString(info.value.name), 1), createElementVNode("span", _hoisted_4, toDisplayString(tipContent.value), 1)], 512), [[vShow, unref(isAudio) || !isConnect.value]]), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [unref(isCall) && !isConnect.value || isConnect.value ? (openBlock(), createElementBlock(Fragment, {
         key: 0
       }, [createVNode(unref(NButton), {
         circle: "",
@@ -284,7 +259,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: !unref(voiceClose) ? unref(Mic) : unref(MicOffCircle)
         }, null, 8, ["color", "component"])]),
         _: 1
-      }, 8, ["onClick", "class"]), _hoisted_7], 64)) : (openBlock(), createElementBlock(Fragment, {
+      }, 8, ["onClick", "class"]), _cache[1] || (_cache[1] = createElementVNode("span", null, function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.104")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.104")) || "\u9759\u97F3";
+        } catch (e) {
+          return "\u9759\u97F3";
+        }
+      }(), -1))], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
       }, [createVNode(unref(NButton), {
         circle: "",
@@ -297,7 +279,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_8], 64))]), createElementVNode("div", _hoisted_9, [unref(isCall) && !isConnect.value || isConnect.value ? (openBlock(), createElementBlock(Fragment, {
+      }), _cache[2] || (_cache[2] = createElementVNode("span", null, function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.113")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.113")) || "\u62D2\u63A5";
+        } catch (e) {
+          return "\u62D2\u63A5";
+        }
+      }(), -1))], 64))]), createElementVNode("div", _hoisted_7, [unref(isCall) && !isConnect.value || isConnect.value ? (openBlock(), createElementBlock(Fragment, {
         key: 0
       }, [createVNode(unref(NButton), {
         circle: "",
@@ -310,7 +299,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_10], 64)) : (openBlock(), createElementBlock(Fragment, {
+      }), _cache[3] || (_cache[3] = createElementVNode("span", null, function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.125")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.125")) || "\u6302\u65AD";
+        } catch (e) {
+          return "\u6302\u65AD";
+        }
+      }(), -1))], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
       }, [createVNode(unref(NButton), {
         circle: "",
@@ -322,7 +318,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_11], 64))])])]);
+      }), _cache[4] || (_cache[4] = createElementVNode("span", null, function() {
+        var _a, _b, _c;
+        try {
+          return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.114")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.114")) || "\u63A5\u542C";
+        } catch (e) {
+          return "\u63A5\u542C";
+        }
+      }(), -1))], 64))])])]);
     };
   }
 });

package/es/components/iho-chat/src/components/userItemRender.d.ts

@@ -1,18 +1,18 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<AnyObject>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<AnyObject>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     "onItem-click"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     item: AnyObject;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,18 +1,42 @@
 import { InjectionKey } from 'vue';
+import { MsgListItem } from '../types';
 import { ChatSock } from '../utils/chatSock';
 import { AnyObject } from '../../../../shared/types';
 export declare const InjectionIChatData: InjectionKey<ReturnType<typeof initData>>;
 export declare function initData(props: AnyObject, emit: (event: 'template-click' | 'unread-message-update' | 'session-change' | 'session-close', ...args: any[]) => void): {
-    filterable: import("vue").Ref<any>;
-    trtcProxy: import("vue").Ref<any>;
+    filterable: import("vue").Ref<any, any>;
+    trtcProxy: import("vue").Ref<any, any>;
     cssVars: import("vue").ComputedRef<AnyObject>;
-    stompClient: import("vue").Ref<ChatSock | undefined>;
+    stompClient: import("vue").Ref<ChatSock | undefined, ChatSock | undefined>;
     state: {
         orgId: string | number;
         currentSessionItem: AnyObject;
         id: string;
         userInfo: AnyObject;
-        msgList: AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            };
+            senderName: string;
+            sendTime: string;
+            sender: string;
+            status: string;
+            senderAvatar: string;
+            __content: string;
+            __time?: string | undefined;
+            __sendTime?: string | undefined;
+        }[];
         currentMsg: AnyObject;
         isAppendMsg: boolean;
         sessionList: AnyObject[];
@@ -40,7 +64,7 @@ export declare function initData(props: AnyObject, emit: (event: 'template-click
     isGroupChat: import("vue").ComputedRef<boolean>;
     isGroupLeader: import("vue").ComputedRef<boolean>;
     isEnded: import("vue").ComputedRef<boolean>;
-    setMsgList: (list?: AnyObject[]) => void;
+    setMsgList: (list?: AnyObject[] | MsgListItem) => void;
     sendMessage: (message: {
         chatType?: string;
         content: AnyObject;
@@ -66,16 +90,39 @@ export declare function initData(props: AnyObject, emit: (event: 'template-click
     setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
 };
 export declare const useData: () => {
-    filterable: import("vue").Ref<any>;
-    trtcProxy: import("vue").Ref<any>;
+    filterable: import("vue").Ref<any, any>;
+    trtcProxy: import("vue").Ref<any, any>;
     cssVars: import("vue").ComputedRef<AnyObject>;
-    stompClient: import("vue").Ref<ChatSock | undefined>;
+    stompClient: import("vue").Ref<ChatSock | undefined, ChatSock | undefined>;
     state: {
         orgId: string | number;
         currentSessionItem: AnyObject;
         id: string;
         userInfo: AnyObject;
-        msgList: AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            };
+            senderName: string;
+            sendTime: string;
+            sender: string;
+            status: string;
+            senderAvatar: string;
+            __content: string;
+            __time?: string | undefined;
+            __sendTime?: string | undefined;
+        }[];
         currentMsg: AnyObject;
         isAppendMsg: boolean;
         sessionList: AnyObject[];
@@ -103,7 +150,7 @@ export declare const useData: () => {
     isGroupChat: import("vue").ComputedRef<boolean>;
     isGroupLeader: import("vue").ComputedRef<boolean>;
     isEnded: import("vue").ComputedRef<boolean>;
-    setMsgList: (list?: AnyObject[]) => void;
+    setMsgList: (list?: AnyObject[] | MsgListItem) => void;
     sendMessage: (message: {
         chatType?: string;
         content: AnyObject;

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

@@ -1,9 +1,9 @@
 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 { isGroup, listSort, formatTime, transformMessage, $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 { STATUS, CHAT_TYPE, MESSAGE_TYPE } from '../constants/index.js';
 import { useTheme } from '../../../../shared/hooks/useTheme.js';
 import 'date-fns';
 import '@vue/shared';
@@ -139,11 +139,6 @@ function initData(props, emit) {
         __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();

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

@@ -15,10 +15,16 @@ export declare function useDraggable(target: Ref<HTMLElement | null>, options?:
     style: Ref<{
         left: string;
         top: string;
+    }, {
+        left: string;
+        top: string;
+    } | {
+        left: string;
+        top: string;
     }>;
     position: {
-        x: Ref<number>;
-        y: Ref<number>;
+        x: Ref<number, number>;
+        y: Ref<number, number>;
     };
     changePosition: (position?: PositionStr) => void;
 };

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

@@ -6,6 +6,6 @@ export declare function useSearchPatientList({ wrapperRef, keywordRef, before, a
     before?: AnyFn;
     after?: AnyFn;
 }): {
-    patientList: Ref<AnyObject[]>;
+    patientList: Ref<AnyObject[], AnyObject[]>;
     handlePatientInput: () => void;
 };

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

@@ -6,6 +6,6 @@ export declare function useSearchUserList({ wrapperRef, keywordRef, before, afte
     before?: AnyFn;
     after?: AnyFn;
 }): {
-    userList: Ref<AnyObject[]>;
+    userList: Ref<AnyObject[], AnyObject[]>;
     handleInput: () => void;
 };

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

@@ -1,19 +1,61 @@
+import { Ref } from 'vue';
 import TRTC from 'trtc-sdk-v5';
 import { AnyFn } from '../../../../shared/types';
-type EventHandlers = {
-    handleError: AnyFn;
+export interface RemoteUser {
+    id: string;
+    name: string;
+    hasVideo?: boolean;
+    hasAudio?: boolean;
+}
+export interface TRTCEvent {
+    userId: string;
+    streamType?: any;
+    available?: boolean;
+}
+export interface VideoEventHandlers {
     handleRemoteUserEnter: AnyFn;
     handleRemoteAudioAvailable: AnyFn;
     handleRemoteUserExit: AnyFn;
     handleRemoteVideoAvailable: AnyFn;
-};
-export declare function useVideo(): {
+    handleRemoteVideoUnavailable?: AnyFn;
+    handleRemoteAudioUnavailable?: AnyFn;
+}
+export interface VideoConfig {
+    isMultiple?: boolean;
+    enableRetry?: boolean;
+    retryDelay?: number;
+    maxRetries?: number;
+}
+export declare function useVideo(config?: VideoConfig): {
     state: {
         orgId: string | number;
         currentSessionItem: import("../../../../shared/types").AnyObject;
         id: string;
         userInfo: import("../../../../shared/types").AnyObject;
-        msgList: import("../../../../shared/types").AnyObject[];
+        msgList: {
+            [x: string]: any;
+            id: string;
+            sessionKey: string;
+            content: {
+                [x: string]: any;
+                chatMessageType: string;
+                msg: string;
+                referenceContent?: any;
+                forwardMessageList?: import("../../../../shared/types").AnyObject[] | undefined;
+                messageTemplate?: any;
+                messageTemplateData?: any;
+                fileUrl?: string | undefined;
+                avStatus?: string | undefined;
+            };
+            senderName: string;
+            sendTime: string;
+            sender: string;
+            status: string;
+            senderAvatar: string;
+            __content: string;
+            __time?: string | undefined;
+            __sendTime?: string | undefined;
+        }[];
         currentMsg: import("../../../../shared/types").AnyObject;
         isAppendMsg: boolean;
         sessionList: import("../../../../shared/types").AnyObject[];
@@ -37,28 +79,58 @@ export declare function useVideo(): {
         };
         isForward: boolean;
     };
-    trtcProxy: import("vue").Ref<any>;
+    trtcProxy: Ref<any, any>;
     sendMessage: (message: {
         chatType?: string | undefined;
         content: import("../../../../shared/types").AnyObject;
         receiver?: string | undefined;
     }) => Promise<void>;
     trtc: TRTC;
-    timing: import("vue").Ref<string>;
-    voiceClose: import("vue").Ref<boolean>;
-    videocamClose: import("vue").Ref<boolean>;
+    timing: Ref<string, string>;
+    voiceClose: Ref<boolean, boolean>;
+    videocamClose: Ref<boolean, boolean>;
+    isConnect: Ref<boolean, boolean>;
     isAudio: import("vue").ComputedRef<boolean>;
     isCall: import("vue").ComputedRef<boolean>;
-    startTimer: () => void;
-    resetTimer: () => void;
-    toggleAudio: () => Promise<void>;
-    toggleVideo: () => Promise<void>;
     messageTypeText: import("vue").ComputedRef<"语音" | "视频">;
     time: {
         timer: any;
         seconds: number;
     };
-    installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: EventHandlers) => void;
-    uninstallEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: EventHandlers) => void;
+    remoteUsers: Ref<{
+        id: string;
+        name: string;
+        hasVideo?: boolean | undefined;
+        hasAudio?: boolean | undefined;
+    }[], RemoteUser[] | {
+        id: string;
+        name: string;
+        hasVideo?: boolean | undefined;
+        hasAudio?: boolean | undefined;
+    }[]>;
+    videoRefs: Ref<Map<string, HTMLElement>, Map<string, HTMLElement>>;
+    startTimer: () => void;
+    resetTimer: () => void;
+    toggleAudio: () => Promise<void>;
+    toggleVideo: () => Promise<void>;
+    enterRoom: () => Promise<boolean>;
+    exitRoom: () => Promise<void>;
+    startLocalMedia: (selfVideoRef?: HTMLElement) => Promise<void>;
+    checkTRTCSupport: () => Promise<boolean>;
+    findUser: (userId: string) => RemoteUser | undefined;
+    addOrUpdateUser: (userId: string, updates: Partial<RemoteUser>) => void;
+    removeUser: (userId: string) => void;
+    tryRenderRemoteVideo: (userId: string) => Promise<void>;
+    stopRemoteVideo: (userId: string) => Promise<void>;
+    setVideoRef: (userId: string, el: HTMLElement | null) => void;
+    installEventHandlers: (handlers: VideoEventHandlers) => void;
+    uninstallEventHandlers: (handlers: VideoEventHandlers) => void;
+    cleanupAllResources: () => void;
+    checkAndRenderAllVideos: () => void;
+    forceRenderAllVideos: () => Promise<void>;
+    cleanupInvalidUsers: () => void;
+    isUserValid: (userId: string) => boolean;
+    startUserConnectionMonitoring: () => void;
+    stopUserConnectionMonitoring: () => void;
+    MAIN_STREAM_TYPE: any;
 };
-export {};