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

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

@@ -1 +1,421 @@
-import{createElementVNode as e,defineComponent as o,ref as n,computed as l,onBeforeUnmount as i,openBlock as a,createElementBlock as t,withDirectives as s,toDisplayString as d,unref as c,vShow as r,createVNode as u,withCtx as m,Fragment as v,renderList as p,createCommentVNode as g,createTextVNode as w,nextTick as f}from"vue";import{NButton as h,NIcon as y}from"naive-ui";import k from"./ChatAdd.vue.js";import{Close as I,Mic as C,MicOff as A,Videocam as b,VideocamOff as V,Call as _,PersonAdd as M}from"@vicons/ionicons5";import{getUserDetailApi as x}from"../api/index.js";import"@vueuse/core";import{$message as L}from"../utils/index.js";import{xorBy as R}from"lodash-es";import{CHAT_TYPE as E,SUBSCRIBE_MESSAGE_TYPE as T}from"../constants/index.js";import"../../../../shared/utils/index.js";import"date-fns";import"@vue/shared";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"../../../../shared/hooks/useScrollLoading.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{useVideo as B}from"../hooks/useVideo.js";import j from"trtc-sdk-v5";var S,$,H,U,z,N;const P={class:"video-wrapper video-wrapper--multiple"},D={class:"video-header"},Y={key:0,class:"video-main"},q={class:"video-main__left"},G=["data-name"],O={class:"video-bottom"},F={class:"btn-group"},J={class:"btn"},K=e("span",{class:"text"},(null==(S=window.getLanguageByCode)?void 0:S.call(window,"10010.1.104"))||"静音",-1),Q={class:"btn"},W=e("span",{class:"text"},(null==($=window.getLanguageByCode)?void 0:$.call(window,"10010.1.105"))||"摄像头",-1),X=e("span",{class:"text"},(null==(H=window.getLanguageByCode)?void 0:H.call(window,"10010.1.106"))||"结束会诊",-1),Z={class:"btn"},ee=e("span",{class:"text"},(null==(U=window.getLanguageByCode)?void 0:U.call(window,"10010.1.107"))||"添加参会人",-1),oe={class:"video-main__right"},ne=["id","data-name"],le={class:"user"},ie={class:"name"},ae={key:0,class:"tip"},te={key:0,class:"calling-box"},se={class:"btn-box"},de={key:1,class:"opt-btn"},ce={class:"btn"},re=e("span",null,(null==(z=window.getLanguageByCode)?void 0:z.call(window,"10010.1.113"))||"拒接",-1),ue={class:"btn"},me=e("span",null,(null==(N=window.getLanguageByCode)?void 0:N.call(window,"10010.1.114"))||"接听",-1);var ve=o({__name:"MultipleVideo",setup(o){const S=n(),$=n([]),{state:H,sendMessage:U,trtc:z,trtcProxy:N,voiceClose:ve,isAudio:pe,isCall:ge,startTimer:we,resetTimer:fe,toggleAudio:he,messageTypeText:ye,timing:ke,toggleVideo:Ie,videocamClose:Ce,installEventHandlers:Ae,uninstallEventHandlers:be}=B(),Ve=n(!1),_e=l((()=>ge.value?H.userInfo.name:H.currentAVMsg.sendName)),Me=l((()=>{if(!Ve.value)return"";const e=ge.value?`（${$.value.length+1}/${H.currentAVMsg.checkedIds.length+1}）`:"";return`${_e.value}发起的${ye.value}会诊${e} ${ke.value}`}));function xe({checkedIds:e,checkedOptions:o}){console.log("checkedIds :>> ",e,o),H.currentAVMsg.checkedIds.push(...e),Le()}function Le(){var e;(null==(e=H.currentAVMsg.checkedIds)?void 0:e.length)&&H.currentAVMsg.checkedIds.forEach((e=>{U({chatType:E.SINGLE,content:{msg:H.currentAVMsg.chatMessageType+","+H.currentAVMsg.strRoomId,chatMessageType:T.AV_STATUS},receiver:e})})),Ve.value||Re()}async function Re(){const e=await j.isSupported();if(!e.result||!e.detail.isH264EncodeSupported||!e.detail.isH264DecodeSupported)return console.log("checkResult :>> ",e),void(H.showMultipleVideo=!1);try{if(await z.enterRoom({strRoomId:H.currentAVMsg.strRoomId,sdkAppId:parseInt(H.userInfo.sdkAppID),userId:H.userInfo.id,userSig:H.userInfo.userSig,proxy:N.value}),Ve.value=!0,we(),Ae({handleError:He,handleRemoteUserEnter:je,handleRemoteAudioAvailable:Be,handleRemoteUserExit:$e,handleRemoteVideoAvailable:Te}),await z.startLocalAudio({mute:ve.value}),pe.value)return;await z.startLocalVideo({view:S.value,mute:Ce.value})}catch(e){console.log("error :>> ",e),L.error(e),H.showMultipleVideo=!1}}async function Ee(){try{if(H.showMultipleVideo=!1,be({handleError:He,handleRemoteUserEnter:je,handleRemoteAudioAvailable:Be,handleRemoteUserExit:$e,handleRemoteVideoAvailable:Te}),await z.exitRoom(),await z.stopLocalAudio(),pe.value)return;await z.stopLocalVideo()}catch(e){console.log("error :>> ",e)}}async function Te(e){const{userId:o,streamType:n}=e;try{n===j.TYPE.STREAM_TYPE_MAIN&&(await f(),await z.startRemoteVideo({userId:o,streamType:n,view:o}))}catch(e){console.log("error :>> ",e)}}async function Be(e){var o;const{userId:n}=e;if(n&&!(null==(o=$.value.map((e=>e.id)))?void 0:o.includes(n))){const e=await Se(n);$.value.push({id:n,name:e})}}async function je(e){const{userId:o}=e,n=await Se(o);$.value.push({id:o,name:n}),we()}async function Se(e){const o=await x({userId:e});return(null==o?void 0:o.name)||""}function $e(e){console.log("event :>> 退房",e);const{userId:o}=e;$.value=R($.value,[{id:o,name:""}],"id")}function He(e){console.log("error :>> ",e),H.showMultipleVideo=!1}return i((()=>{Ee()})),(o,n)=>{var l,i,f,x,L,R;return a(),t("div",P,[e("div",D,[s(e("span",{class:"title"},d(c(Me)),513),[[r,Ve.value]]),u(c(h),{quaternary:"",circle:"",color:"#ffffffcc",onClick:Ee},{icon:m((()=>[u(c(y),{component:c(I)},null,8,["component"])])),_:1})]),Ve.value?(a(),t("div",Y,[e("div",q,[e("div",{ref_key:"selfVideoRef",ref:S,class:"video-view","data-name":c(H).userInfo.name},null,8,G),e("div",O,[e("div",F,[e("div",J,[u(c(h),{text:"",color:c(ve)?"#000":"#fff",onClick:c(he)},{icon:m((()=>[u(c(y),{component:c(ve)?c(A):c(C)},null,8,["component"])])),_:1},8,["color","onClick"]),K]),e("div",Q,[u(c(h),{text:"",color:c(Ce)?"#000":"#fff",disabled:c(pe),onClick:c(Ie)},{icon:m((()=>[u(c(y),{component:c(Ce)?c(V):c(b)},null,8,["component"])])),_:1},8,["color","disabled","onClick"]),W]),e("div",{class:"btn",onClick:Ee},[u(c(h),{circle:"",color:"#f17568",class:"btn--rotate"},{icon:m((()=>[u(c(y),{component:c(_)},null,8,["component"])])),_:1}),X]),u(k,{onComfirm:xe,disabledIds:c(H).currentAVMsg.checkedIds},{trigger:m((()=>[e("div",Z,[u(c(h),{text:"",color:"#fff"},{icon:m((()=>[u(c(y),{component:c(M)},null,8,["component"])])),_:1}),ee])])),_:1},8,["disabledIds"])])])]),e("div",oe,[(a(!0),t(v,null,p($.value,(e=>(a(),t("div",{key:e.id,id:e.id,class:"video-view","data-name":e.name},null,8,ne)))),128))])])):(a(),t(v,{key:1},[e("div",le,[e("span",ie,d(c(_e))+((null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.108"))||"发起的")+d(c(ye))+((null==(i=window.getLanguageByCode)?void 0:i.call(window,"10010.1.109"))||"会议"),1),c(ge)?g("v-if",!0):(a(),t("span",ae,((null==(f=window.getLanguageByCode)?void 0:f.call(window,"10010.1.110"))||"邀请你加入")+d(c(ye))+((null==(x=window.getLanguageByCode)?void 0:x.call(window,"10010.1.109"))||"会议"),1))]),c(ge)?(a(),t("div",te,[u(k,{onComfirm:xe,disabledIds:c(H).currentAVMsg.checkedIds},{trigger:m((()=>[u(c(h),{size:"large",circle:"",color:"#000"},{icon:m((()=>[u(c(y),{component:c(M)},null,8,["component"])])),_:1})])),_:1},8,["disabledIds"]),e("p",null,((null==(L=window.getLanguageByCode)?void 0:L.call(window,"10010.1.111"))||"已邀请共")+d(c(H).currentAVMsg.checkedIds.length)+((null==(R=window.getLanguageByCode)?void 0:R.call(window,"10010.1.40"))||"人"),1),u(c(h),{size:"large",strong:"",round:"",type:"primary",onClick:Le},{default:m((()=>{var e;return[w((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.112"))||"开始会诊")]})),_:1}),e("div",se,[u(c(h),{color:"#000",round:"",onClick:n[0]||(n[0]=e=>ve.value=!c(ve))},{icon:m((()=>[u(c(y),{component:c(ve)?c(A):c(C)},null,8,["component"])])),_:1}),u(c(h),{color:"#000",round:"",onClick:n[1]||(n[1]=e=>Ce.value=!c(Ce)),disabled:c(pe)},{icon:m((()=>[u(c(y),{component:c(Ce)?c(V):c(b)},null,8,["component"])])),_:1},8,["disabled"])])])):(a(),t("div",de,[e("div",ce,[u(c(h),{circle:"",color:"#f17568",class:"btn--rotate",onClick:n[2]||(n[2]=()=>c(H).showMultipleVideo=!1)},{icon:m((()=>[u(c(y),{size:"30",component:c(_)},null,8,["component"])])),_:1}),re]),e("div",ue,[u(c(h),{circle:"",color:"#2ac98b",onClick:Re},{icon:m((()=>[u(c(y),{size:"30",component:c(_)},null,8,["component"])])),_:1}),me])]))],64))])}}});export{ve as default};
+import { createElementVNode, defineComponent, ref, computed, onBeforeUnmount, openBlock, createElementBlock, withDirectives, toDisplayString, unref, vShow, createVNode, withCtx, Fragment, renderList, createCommentVNode, createTextVNode, nextTick } from 'vue';
+import { NButton, NIcon } from 'naive-ui';
+import ChatAdd from './ChatAdd.vue.js';
+import { Close, Mic, MicOff, Videocam, VideocamOff, Call, PersonAdd } from '@vicons/ionicons5';
+import { getUserDetailApi } from '../api/index.js';
+import '@vueuse/core';
+import { $message } from '../utils/index.js';
+import { xorBy } from 'lodash-es';
+import { CHAT_TYPE, SUBSCRIBE_MESSAGE_TYPE } from '../constants/index.js';
+import '../../../../shared/utils/index.js';
+import 'date-fns';
+import '@vue/shared';
+import '@vueuse/shared';
+import '../../../../shared/hooks/selectHooks/useSearchContent.js';
+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';
+
+var _a, _b, _c, _d, _e, _f;
+const _hoisted_1 = {
+  class: "video-wrapper video-wrapper--multiple"
+};
+const _hoisted_2 = {
+  class: "video-header"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "video-main"
+};
+const _hoisted_4 = {
+  class: "video-main__left"
+};
+const _hoisted_5 = ["data-name"];
+const _hoisted_6 = {
+  class: "video-bottom"
+};
+const _hoisted_7 = {
+  class: "btn-group"
+};
+const _hoisted_8 = {
+  class: "btn"
+};
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", {
+  class: "text"
+}, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.104")) || "\u9759\u97F3", -1);
+const _hoisted_10 = {
+  class: "btn"
+};
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", {
+  class: "text"
+}, ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.105")) || "\u6444\u50CF\u5934", -1);
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", {
+  class: "text"
+}, ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.106")) || "\u7ED3\u675F\u4F1A\u8BCA", -1);
+const _hoisted_13 = {
+  class: "btn"
+};
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", {
+  class: "text"
+}, ((_d = window.getLanguageByCode) == null ? void 0 : _d.call(window, "10010.1.107")) || "\u6DFB\u52A0\u53C2\u4F1A\u4EBA", -1);
+const _hoisted_15 = {
+  class: "video-main__right"
+};
+const _hoisted_16 = ["id", "data-name"];
+const _hoisted_17 = {
+  class: "user"
+};
+const _hoisted_18 = {
+  class: "name"
+};
+const _hoisted_19 = {
+  key: 0,
+  class: "tip"
+};
+const _hoisted_20 = {
+  key: 0,
+  class: "calling-box"
+};
+const _hoisted_21 = {
+  class: "btn-box"
+};
+const _hoisted_22 = {
+  key: 1,
+  class: "opt-btn"
+};
+const _hoisted_23 = {
+  class: "btn"
+};
+const _hoisted_24 = /* @__PURE__ */ createElementVNode("span", null, ((_e = window.getLanguageByCode) == null ? void 0 : _e.call(window, "10010.1.113")) || "\u62D2\u63A5", -1);
+const _hoisted_25 = {
+  class: "btn"
+};
+const _hoisted_26 = /* @__PURE__ */ createElementVNode("span", null, ((_f = window.getLanguageByCode) == null ? void 0 : _f.call(window, "10010.1.114")) || "\u63A5\u542C", -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MultipleVideo",
+  setup(__props) {
+    const selfVideoRef = ref();
+    const remoteUsers = ref([]);
+    const {
+      state,
+      sendMessage,
+      trtc,
+      trtcProxy,
+      voiceClose,
+      isAudio,
+      isCall,
+      startTimer,
+      resetTimer,
+      toggleAudio,
+      messageTypeText,
+      timing,
+      toggleVideo,
+      videocamClose,
+      installEventHandlers,
+      uninstallEventHandlers
+    } = useVideo();
+    const isConnect = ref(false);
+    const callUser = computed(() => isCall.value ? state.userInfo.name : state.currentAVMsg.sendName);
+    const title = computed(() => {
+      if (!isConnect.value)
+        return "";
+      const count = isCall.value ? `\uFF08${remoteUsers.value.length + 1}/${state.currentAVMsg.checkedIds.length + 1}\uFF09` : "";
+      return `${callUser.value}\u53D1\u8D77\u7684${messageTypeText.value}\u4F1A\u8BCA${count} ${timing.value}`;
+    });
+    function handleAddPerson({
+      checkedIds,
+      checkedOptions
+    }) {
+      console.log("checkedIds :>> ", checkedIds, checkedOptions);
+      state.currentAVMsg.checkedIds.push(...checkedIds);
+      handleCall();
+    }
+    function handleCall() {
+      var _a2;
+      if ((_a2 = state.currentAVMsg.checkedIds) == null ? void 0 : _a2.length) {
+        state.currentAVMsg.checkedIds.forEach((id) => {
+          sendMessage({
+            chatType: CHAT_TYPE.SINGLE,
+            content: {
+              msg: state.currentAVMsg.chatMessageType + "," + state.currentAVMsg.strRoomId,
+              chatMessageType: SUBSCRIBE_MESSAGE_TYPE.AV_STATUS
+            },
+            receiver: id
+          });
+        });
+      }
+      if (isConnect.value)
+        return;
+      handleEnter();
+    }
+    async function handleEnter() {
+      const checkResult = await TRTC.isSupported();
+      if (!checkResult.result || !checkResult.detail.isH264EncodeSupported || !checkResult.detail.isH264DecodeSupported) {
+        console.log("checkResult :>> ", checkResult);
+        state.showMultipleVideo = 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
+        });
+        isConnect.value = true;
+        startTimer();
+        installEventHandlers({
+          handleError,
+          handleRemoteUserEnter,
+          handleRemoteAudioAvailable,
+          handleRemoteUserExit,
+          handleRemoteVideoAvailable
+        });
+        await trtc.startLocalAudio({
+          mute: voiceClose.value
+        });
+        if (isAudio.value)
+          return;
+        await trtc.startLocalVideo({
+          view: selfVideoRef.value,
+          mute: videocamClose.value
+        });
+      } catch (error) {
+        console.log("error :>> ", error);
+        $message.error(error);
+        state.showMultipleVideo = false;
+      }
+    }
+    async function handleExit() {
+      try {
+        state.showMultipleVideo = false;
+        uninstallEventHandlers({
+          handleError,
+          handleRemoteUserEnter,
+          handleRemoteAudioAvailable,
+          handleRemoteUserExit,
+          handleRemoteVideoAvailable
+        });
+        await trtc.exitRoom();
+        await trtc.stopLocalAudio();
+        if (isAudio.value)
+          return;
+        await trtc.stopLocalVideo();
+      } catch (error) {
+        console.log("error :>> ", error);
+      }
+    }
+    async function handleRemoteVideoAvailable(event) {
+      const {
+        userId,
+        streamType
+      } = event;
+      try {
+        if (streamType === TRTC.TYPE.STREAM_TYPE_MAIN) {
+          await nextTick();
+          await trtc.startRemoteVideo({
+            userId,
+            streamType,
+            view: userId
+          });
+        }
+      } catch (error) {
+        console.log("error :>> ", error);
+      }
+    }
+    async function handleRemoteAudioAvailable(event) {
+      var _a2;
+      const {
+        userId
+      } = event;
+      if (userId && !((_a2 = remoteUsers.value.map((user) => user.id)) == null ? void 0 : _a2.includes(userId))) {
+        const name = await getUserName(userId);
+        remoteUsers.value.push({
+          id: userId,
+          name
+        });
+      }
+    }
+    async function handleRemoteUserEnter(event) {
+      const {
+        userId
+      } = event;
+      const name = await getUserName(userId);
+      remoteUsers.value.push({
+        id: userId,
+        name
+      });
+      startTimer();
+    }
+    async function getUserName(userId) {
+      const data = await getUserDetailApi({
+        userId
+      });
+      return (data == null ? void 0 : data.name) || "";
+    }
+    function handleRemoteUserExit(event) {
+      console.log("event :>> \u9000\u623F", event);
+      const {
+        userId
+      } = event;
+      remoteUsers.value = xorBy(remoteUsers.value, [{
+        id: userId,
+        name: ""
+      }], "id");
+    }
+    function handleError(error) {
+      console.log("error :>> ", error);
+      state.showMultipleVideo = false;
+    }
+    onBeforeUnmount(() => {
+      handleExit();
+    });
+    return (_ctx, _cache) => {
+      var _a2, _b2, _c2, _d2, _e2, _f2;
+      return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [withDirectives(createElementVNode("span", {
+        class: "title"
+      }, toDisplayString(unref(title)), 513), [[vShow, isConnect.value]]), createVNode(unref(NButton), {
+        quaternary: "",
+        circle: "",
+        color: "#ffffffcc",
+        onClick: handleExit
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          component: unref(Close)
+        }, null, 8, ["component"])]),
+        _: 1
+      })]), isConnect.value ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createElementVNode("div", {
+        ref_key: "selfVideoRef",
+        ref: selfVideoRef,
+        class: "video-view",
+        "data-name": unref(state).userInfo.name
+      }, null, 8, _hoisted_5), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("div", _hoisted_8, [createVNode(unref(NButton), {
+        text: "",
+        color: !unref(voiceClose) ? "#fff" : "#000",
+        onClick: unref(toggleAudio)
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          component: !unref(voiceClose) ? unref(Mic) : unref(MicOff)
+        }, null, 8, ["component"])]),
+        _: 1
+      }, 8, ["color", "onClick"]), _hoisted_9]), createElementVNode("div", _hoisted_10, [createVNode(unref(NButton), {
+        text: "",
+        color: !unref(videocamClose) ? "#fff" : "#000",
+        disabled: unref(isAudio),
+        onClick: unref(toggleVideo)
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          component: !unref(videocamClose) ? unref(Videocam) : unref(VideocamOff)
+        }, null, 8, ["component"])]),
+        _: 1
+      }, 8, ["color", "disabled", "onClick"]), _hoisted_11]), createElementVNode("div", {
+        class: "btn",
+        onClick: handleExit
+      }, [createVNode(unref(NButton), {
+        circle: "",
+        color: "#f17568",
+        class: "btn--rotate"
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          component: unref(Call)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), _hoisted_12]), createVNode(ChatAdd, {
+        onComfirm: handleAddPerson,
+        disabledIds: unref(state).currentAVMsg.checkedIds
+      }, {
+        trigger: withCtx(() => [createElementVNode("div", _hoisted_13, [createVNode(unref(NButton), {
+          text: "",
+          color: "#fff"
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(PersonAdd)
+          }, null, 8, ["component"])]),
+          _: 1
+        }), _hoisted_14])]),
+        _: 1
+      }, 8, ["disabledIds"])])])]), createElementVNode("div", _hoisted_15, [(openBlock(true), createElementBlock(Fragment, null, renderList(remoteUsers.value, (user) => {
+        return openBlock(), createElementBlock("div", {
+          key: user.id,
+          id: user.id,
+          class: "video-view",
+          "data-name": user.name
+        }, null, 8, _hoisted_16);
+      }), 128))])])) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [createElementVNode("div", _hoisted_17, [createElementVNode("span", _hoisted_18, toDisplayString(unref(callUser)) + (((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.108")) || "\u53D1\u8D77\u7684") + toDisplayString(unref(messageTypeText)) + (((_b2 = window.getLanguageByCode) == null ? void 0 : _b2.call(window, "10010.1.109")) || "\u4F1A\u8BAE"), 1), !unref(isCall) ? (openBlock(), createElementBlock("span", _hoisted_19, (((_c2 = window.getLanguageByCode) == null ? void 0 : _c2.call(window, "10010.1.110")) || "\u9080\u8BF7\u4F60\u52A0\u5165") + toDisplayString(unref(messageTypeText)) + (((_d2 = window.getLanguageByCode) == null ? void 0 : _d2.call(window, "10010.1.109")) || "\u4F1A\u8BAE"), 1)) : createCommentVNode("v-if", true)]), unref(isCall) ? (openBlock(), createElementBlock("div", _hoisted_20, [createVNode(ChatAdd, {
+        onComfirm: handleAddPerson,
+        disabledIds: unref(state).currentAVMsg.checkedIds
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          size: "large",
+          circle: "",
+          color: "#000"
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(PersonAdd)
+          }, null, 8, ["component"])]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["disabledIds"]), createElementVNode("p", null, (((_e2 = window.getLanguageByCode) == null ? void 0 : _e2.call(window, "10010.1.111")) || "\u5DF2\u9080\u8BF7\u5171") + toDisplayString(unref(state).currentAVMsg.checkedIds.length) + (((_f2 = window.getLanguageByCode) == null ? void 0 : _f2.call(window, "10010.1.40")) || "\u4EBA"), 1), createVNode(unref(NButton), {
+        size: "large",
+        strong: "",
+        round: "",
+        type: "primary",
+        onClick: handleCall
+      }, {
+        default: withCtx(() => {
+          var _a3;
+          return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.112")) || "\u5F00\u59CB\u4F1A\u8BCA")];
+        }),
+        _: 1
+      }), createElementVNode("div", _hoisted_21, [createVNode(unref(NButton), {
+        color: "#000",
+        round: "",
+        onClick: _cache[0] || (_cache[0] = ($event) => voiceClose.value = !unref(voiceClose))
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          component: unref(voiceClose) ? unref(MicOff) : unref(Mic)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), createVNode(unref(NButton), {
+        color: "#000",
+        round: "",
+        onClick: _cache[1] || (_cache[1] = ($event) => videocamClose.value = !unref(videocamClose)),
+        disabled: unref(isAudio)
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          component: unref(videocamClose) ? unref(VideocamOff) : unref(Videocam)
+        }, null, 8, ["component"])]),
+        _: 1
+      }, 8, ["disabled"])])])) : (openBlock(), createElementBlock("div", _hoisted_22, [createElementVNode("div", _hoisted_23, [createVNode(unref(NButton), {
+        circle: "",
+        color: "#f17568",
+        class: "btn--rotate",
+        onClick: _cache[2] || (_cache[2] = () => unref(state).showMultipleVideo = false)
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          size: "30",
+          component: unref(Call)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), _hoisted_24]), createElementVNode("div", _hoisted_25, [createVNode(unref(NButton), {
+        circle: "",
+        color: "#2ac98b",
+        onClick: handleEnter
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          size: "30",
+          component: unref(Call)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), _hoisted_26])]))], 64))]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/iho-chat/src/components/PersonProfile.vue.d.ts

@@ -1,5 +1,6 @@
 import { UploadFileInfo } from 'naive-ui';
 import { AnyObject } from '../../../../shared/types';
+import { isDoctorRole, getRoleName } from '../utils';
 declare const _default: import("vue").DefineComponent<{}, {
     state: {
         orgId: string | number;
@@ -58,5 +59,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    isDoctorRole: typeof isDoctorRole;
+    getRoleName: typeof getRoleName;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/components/iho-chat/src/components/PersonProfile.vue.js

@@ -1 +1,6 @@
-import e from"./PersonProfile.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","PersonProfile.vue"]]);export{o as default};
+import _sfc_main from './PersonProfile.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var PersonProfile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "PersonProfile.vue"]]);
+
+export { PersonProfile as default };