cnhis-design-vue 3.2.14-beta.19 → 3.2.14-beta.21

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

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'vue';
 import { AnyObject } from '../../../../shared/types';
 import { formatTime } from '../utils';
 declare const _default: import("vue").DefineComponent<{}, {
@@ -14,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{}, {
         label: string;
         key: string;
     }[]>;
+    contextmenuRef: import("vue").Ref<any>;
+    showMenu: import("vue").Ref<boolean>;
+    menuPosition: any;
+    sessionId: import("vue").Ref<any>;
     currentFilterKey: import("vue").Ref<string>;
     state: {
         orgId: string | number;
@@ -36,16 +41,56 @@ declare const _default: import("vue").DefineComponent<{}, {
     };
     unreadTotal: import("vue").ComputedRef<number>;
     openSession: (item: AnyObject) => Promise<void>;
+    setUpdateSessionItem: (item: AnyObject) => void;
     currentWidth: import("vue").ComputedRef<number>;
     sessionList: import("vue").ComputedRef<AnyObject[]>;
     getLabelNum: (session: AnyObject) => number;
     changeWidth: ({ distance }: AnyObject) => void;
     handleFilter: (key: string) => void;
     showSession: (item: AnyObject, currentKey?: string) => boolean | undefined;
+    handleContextmenu: (event: MouseEvent, id: string) => Promise<void>;
+    handleSelect: (key: string, session: AnyObject) => Promise<void>;
     NSpin: any;
     NBadge: any;
     NAvatar: any;
     NTag: any;
+    ContextMenu: import("vue").DefineComponent<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        position: {
+            type: import("vue").PropType<CSSProperties>;
+        };
+        id: {
+            type: StringConstructor;
+        };
+    }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        position: {
+            type: import("vue").PropType<CSSProperties>;
+        };
+        id: {
+            type: StringConstructor;
+        };
+    }>> & {
+        onSelect?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: string;
+        show: boolean;
+    }>;
     vFlexibleResize: {
         mounted(el: any, { value }: any): void;
         beforeUnmount(el: any): void;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as s,computed as i,withDirectives as t,openBlock as l,createElementBlock as a,normalizeStyle as n,unref as r,createBlock as o,createCommentVNode as u,createElementVNode as d,Fragment as v,renderList as m,withCtx as c,createTextVNode as p,toDisplayString as k,normalizeClass as f,createVNode as y,vShow as _}from"vue";import{NSpin as h,NTag as x,NAvatar as g,NBadge as b}from"naive-ui";import{useData as M}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{STATUS as j}from"../constants/index.js";import"../api/index.js";import{listSort as N,formatTime as D}from"../utils/index.js";import"trtc-sdk-v5";import{vFlexibleResize as T}from"../../../../shared/directive/flexibleResize.js";const C={class:"sider-list__filter box-shadow"},S=["onClick"],E={class:"avatar-right"},L={class:"name"},R={class:"msg-tip"},w={class:"msg-tip__content"},H={key:0},z=["innerHTML"];var K=e({__name:"SiderList",setup(e){const K="all",W="unread",A="ended";let B=[];const I=s(300),V=s(),q=s(!1),F=s([{label:"全部",key:K},{label:"未读",key:W},{label:"结束",key:A}]),G=s("all"),{state:J,unreadTotal:O,openSession:P}=M(),Q=i((()=>Math.min(Math.max(I.value,240),360))),U=i((()=>N(J.sessionList)));function X({distance:e}){I.value=I.value+e}function Y(e,s=r(G)){var i;return s===K||(s===W?B.includes(e.sessionKey)||(null!=(i=e.unreadNum)?i:0)>0:s===A?e.status===j.ENDED:void 0)}return(e,s)=>t((l(),a("section",{class:"sider-list",style:n({width:r(Q)+"px"})},[q.value?(l(),o(r(h),{key:0,stroke:"#5585f5"})):u("v-if",!0),u(' <n-input v-else placeholder="输入用户名模糊搜索" v-model:value="keyword" @keyup.enter="handleSearch"></n-input> '),d("div",C,[(l(!0),a(v,null,m(F.value,(e=>(l(),o(r(x),{type:G.value===e.key?"info":"default",round:"",bordered:!1,key:e.key,onClick:()=>{return s=e.key,G.value=s,void(s===W&&(B=(U.value.filter((e=>{var s;return(null!=(s=e.unreadNum)?s:0)>0}))||[]).map((e=>e.sessionKey))));var s}},{default:c((()=>{return[p(k(e.label)+"("+k((s=e,s.key===A?U.value.filter((e=>e.status===j.ENDED)).length:O.value))+") ",1)];var s})),_:2},1032,["type","onClick"])))),128))]),d("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:V},[(l(!0),a(v,null,m(r(U),(e=>t((l(),a("div",{key:e.id,onClick:()=>r(P)(e),class:f(["sider-list__box__item",{active:e.id===r(J).id},e.topping?"sider-list__box__item--top":""])},[y(r(g),{round:"",size:"large",src:e.avatar},null,8,["src"]),d("div",E,[d("div",L,[d("h4",null,k(e.name),1),d("span",null,k(e.lastMessage?r(D)(e.lastMessageSendTime).siderMsgTime:""),1)]),d("div",R,[d("div",w,["WITHDRAWN"===e.lastMessageStatus?(l(),a("div",H,"撤回了一条消息")):(l(),a("div",{key:1,innerHTML:e.lastMessageContent},null,8,z))]),y(r(b),{value:e.unreadNum>99?"99+":e.unreadNum},null,8,["value"])])])],10,S)),[[_,Y(e)]]))),128))],512)],4)),[[r(T),{mode:"VR",onMove:X}]])}});export{K as default};
+import{defineComponent as e,ref as t,computed as l,withDirectives as i,openBlock as n,createElementBlock as o,normalizeStyle as a,unref as s,createBlock as u,createCommentVNode as d,createElementVNode as r,Fragment as v,renderList as p,withCtx as c,createTextVNode as m,toDisplayString as g,withModifiers as f,normalizeClass as y,createVNode as w,vShow as k,nextTick as h}from"vue";import{NSpin as x,NTag as _,NAvatar as C,NBadge as b}from"naive-ui";import M from"./ContextMenu.js";import{useData as j}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{STATUS as L}from"../constants/index.js";import{toppingSessionApi as B}from"../api/index.js";import{listSort as N,formatTime as R}from"../utils/index.js";import"trtc-sdk-v5";import{vFlexibleResize as S}from"../../../../shared/directive/flexibleResize.js";const T={class:"sider-list__filter box-shadow"},D=["onClick","onContextmenu"],E={class:"avatar-right"},H={class:"name"},z={class:"msg-tip"},I={class:"msg-tip__content"},K={key:0},U=["innerHTML"];var W=e({__name:"SiderList",setup(e){var W,A,V;const X="all",Y="unread",$="ended";let q=[];const F=t(300),G=t(),J=t(!1),O=t([{label:(null==(W=window.getLanguageByCode)?void 0:W.call(window,"10010.1.123"))||"全部",key:X},{label:(null==(A=window.getLanguageByCode)?void 0:A.call(window,"10010.1.124"))||"未读",key:Y},{label:(null==(V=window.getLanguageByCode)?void 0:V.call(window,"10010.1.77"))||"结束",key:$}]),P=t(),Q=t(!1),Z=t({left:0,top:0}),ee=t(),te=t("all"),{state:le,unreadTotal:ie,openSession:ne,setUpdateSessionItem:oe}=j(),ae=l((()=>Math.min(Math.max(F.value,240),360))),se=l((()=>N(le.sessionList)));function ue({distance:e}){F.value=F.value+e}function de(e,t=s(te)){var l;return t===X||(t===Y?q.includes(e.sessionKey)||(null!=(l=e.unreadNum)?l:0)>0:t===$?e.status===L.ENDED:void 0)}async function re(e,t){if("topping"!==e);else try{await B({id:t.id,topping:!(null==t?void 0:t.topping)}),oe({...t,topping:!(null==t?void 0:t.topping)})}catch(e){}}return(e,t)=>i((n(),o("section",{class:"sider-list",style:a({width:s(ae)+"px"})},[J.value?(n(),u(s(x),{key:0,stroke:"#5585f5"})):d("v-if",!0),d(' <n-input v-else placeholder="输入用户名模糊搜索" v-model:value="keyword" @keyup.enter="handleSearch"></n-input> '),r("div",T,[(n(!0),o(v,null,p(O.value,(e=>(n(),u(s(_),{type:te.value===e.key?"info":"default",round:"",bordered:!1,key:e.key,onClick:()=>{return t=e.key,te.value=t,void(t===Y&&(q=(se.value.filter((e=>{var t;return(null!=(t=e.unreadNum)?t:0)>0}))||[]).map((e=>e.sessionKey))));var t}},{default:c((()=>{return[m(g(e.label)+"("+g((t=e,t.key===$?se.value.filter((e=>e.status===L.ENDED)).length:ie.value))+") ",1)];var t})),_:2},1032,["type","onClick"])))),128))]),r("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:G},[(n(!0),o(v,null,p(s(se),(e=>{var t;return i((n(),o("div",{key:e.id,onClick:()=>s(ne)(e),onContextmenu:f((t=>async function(e,t){var l,i,n,o,a;ee.value=t,Q.value=!0,await h();const{clientX:s,clientY:u}=e,{width:d=0,height:r=0,left:v=0,top:p=0}=(null==(l=G.value)?void 0:l.getBoundingClientRect())||{},{width:c=100,height:m=80}=(null==(n=null==(i=P.value)?void 0:i.$el)?void 0:n.getBoundingClientRect())||{},g=null!=(a=null==(o=G.value)?void 0:o.scrollTop)?a:0,f={};s<v+d-(c+2)-5?f.left=s-v+5+"px":f.right=v+d-s+5+"px",p+r-u<=m+5?f.bottom=5-g+"px":f.top=u-p+g+5+"px",Z.value=f}(t,e.id)),["prevent"]),class:y(["sider-list__box__item",{active:e.id===s(le).id},e.topping?"sider-list__box__item--top":""])},[w(s(C),{round:"",size:"large",src:e.avatar},null,8,["src"]),r("div",E,[r("div",H,[r("h4",null,g(e.name),1),r("span",null,g(e.lastMessage?s(R)(e.lastMessageSendTime).siderMsgTime:""),1)]),r("div",z,[r("div",I,["WITHDRAWN"===e.lastMessageStatus?(n(),o("div",K,(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.68"))||"撤回了一条消息")):(n(),o("div",{key:1,innerHTML:e.lastMessageContent},null,8,U))]),w(s(b),{value:e.unreadNum>99?"99+":e.unreadNum},null,8,["value"])])])],42,D)),[[k,de(e)]])})),128)),w(s(M),{ref_key:"contextmenuRef",ref:P,show:Q.value,"onUpdate:show":t[0]||(t[0]=e=>Q.value=e),type:"session",position:Z.value,id:ee.value,onSelect:re},null,8,["show","position","id"])],512)],4)),[[s(S),{mode:"VR",onMove:ue}]])}});export{W as default};

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

@@ -1 +1 @@
-import{defineComponent as e,ref as o,computed as s,watch as t,onBeforeUnmount as r,openBlock as n,createElementBlock as a,withDirectives as i,createElementVNode as l,vShow as c,createVNode as u,unref as d,toDisplayString as v,Fragment as m,normalizeClass as p,withCtx as f}from"vue";import{NAvatar as h,NButton as g,NIcon as I}from"naive-ui";import{Mic as A,MicOffCircle as k,Call as y}from"@vicons/ionicons5";import{avFinishApi as E}from"../api/index.js";import"@vueuse/core";import"../utils/index.js";import"lodash-es";import{AV_STATUS as V,CHAT_TYPE as R}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 S}from"../hooks/useVideo.js";import w from"trtc-sdk-v5";const M={class:"video-wrapper"},b={class:"user"},T={class:"name"},j={class:"tip"},x={class:"opt-btn"},C={class:"btn"},_=l("span",null,"静音",-1),L=l("span",null,"拒接",-1),N={class:"btn"},H=l("span",null,"挂断",-1),D=l("span",null,"接听",-1);var z=e({__name:"Video",setup(e){const{sendMessage:z,state:U,trtc:F,timing:O,voiceOpen:G,isAudio:J,isCall:P,startTimer:$,resetTimer:q,toggleAudio:B,messageTypeText:K,time:Q,installEventHandlers:W,uninstallEventHandlers:X}=S(),Y=o(),Z=o(),ee=o(!1);let oe=null;const se=s((()=>{var e,o,s;return P.value?{avatar:U.currentSessionItem.avatar,name:U.currentSessionItem.name,userId:U.currentSessionItem.receiver}:{avatar:null==(e=U.currentAVMsg.currentMsg)?void 0:e.senderAvatar,name:null==(o=U.currentAVMsg.currentMsg)?void 0:o.senderName,userId:null==(s=U.currentAVMsg.currentMsg)?void 0:s.sender}})),te=s((()=>ee.value?J.value?O.value:"":P.value?"正在呼叫...":`邀请你${K.value}问诊...`)),re=s((()=>{var e,o;return null==(o=null==(e=U.currentAVMsg.currentMsg)?void 0:e.content)?void 0:o.avStatus}));async function ne(e=V.FINISHED){z({chatType:R.SINGLE,content:{msg:e===V.FINISHED?""+Q.seconds:"s",chatMessageType:U.currentAVMsg.chatMessageType,avStatus:e},receiver:se.value.userId}),await E({recordId:U.currentAVMsg.currentMsg.id,status:e,duration:e===V.FINISHED?Q.seconds:0})}async function ae(){const e=await w.isSupported();if(!e.result||!e.detail.isH264EncodeSupported||!e.detail.isH264DecodeSupported)return console.log("checkResult :>> ",e),void(U.showVideo=!1);try{if(await F.enterRoom({strRoomId:U.currentAVMsg.strRoomId,sdkAppId:parseInt(U.userInfo.sdkAppID),userId:U.userInfo.id,userSig:U.userInfo.userSig}),P.value||(ee.value=!0,$()),W({handleError:me,handleRemoteUserEnter:de,handleRemoteAudioAvailable:ue,handleRemoteUserExit:ve,handleRemoteVideoAvailable:ce}),await F.startLocalAudio(),J.value)return;await F.startLocalVideo({view:Z.value})}catch(e){console.log("error :>> ",e),U.showVideo=!1}}function ie(){P.value&&!ee.value?ne(V.CANCELED):ne()}async function le(){try{if(U.showVideo=!1,X({handleError:me,handleRemoteUserEnter:de,handleRemoteAudioAvailable:ue,handleRemoteUserExit:ve,handleRemoteVideoAvailable:ce}),await F.exitRoom(),await F.stopLocalAudio(),J.value)return;await F.stopLocalVideo()}catch(e){console.log("error :>> ",e)}}async function ce(e){const{userId:o,streamType:s}=e;try{await F.startRemoteVideo({userId:o,streamType:s,view:Y.value})}catch(e){console.log("error :>> ",e)}}function ue(e){}function de(){ee.value=!0,$()}function ve(e){console.log("event :>> 对方已挂断",e),le()}function me(e){console.log("error :>> ",e),U.showVideo=!1}return t((()=>re.value),(e=>{U.showVideo&&(e===V.IN_CALL?async function(){P.value?ae():(oe&&clearTimeout(oe),oe=setTimeout((async()=>{ee.value||ne(V.NO_RESPONSE)}),6e4))}():le())}),{immediate:!0}),r((()=>{le()})),(e,o)=>(n(),a("div",M,[i(l("div",{class:"video-box",ref_key:"videoRef",ref:Y},null,512),[[c,ee.value]]),i(l("div",{class:"video-box--self",ref_key:"selfVideoRef",ref:Z},null,512),[[c,ee.value]]),i(l("div",b,[u(d(h),{size:58,round:"",src:d(se).avatar},null,8,["src"]),l("span",T,v(d(se).name),1),l("span",j,v(d(te)),1)],512),[[c,d(J)||!ee.value]]),l("div",x,[l("div",C,[d(P)&&!ee.value||ee.value?(n(),a(m,{key:0},[u(d(g),{circle:"",onClick:d(B),class:p({bordered:d(G)})},{icon:f((()=>[u(d(I),{size:"30",color:d(G)?"#fff":"#626262",component:d(G)?d(A):d(k)},null,8,["color","component"])])),_:1},8,["onClick","class"]),_],64)):(n(),a(m,{key:1},[u(d(g),{circle:"",color:"#f17568",class:"btn--rotate",onClick:o[0]||(o[0]=()=>ne(d(V).REJECTED))},{icon:f((()=>[u(d(I),{size:"30",component:d(y)},null,8,["component"])])),_:1}),L],64))]),l("div",N,[d(P)&&!ee.value||ee.value?(n(),a(m,{key:0},[u(d(g),{circle:"",color:"#f17568",class:"btn--rotate",onClick:ie},{icon:f((()=>[u(d(I),{size:"30",component:d(y)},null,8,["component"])])),_:1}),H],64)):(n(),a(m,{key:1},[u(d(g),{circle:"",color:"#2ac98b",onClick:ae},{icon:f((()=>[u(d(I),{size:"30",component:d(y)},null,8,["component"])])),_:1}),D],64))])])]))}});export{z as default};
+import{createElementVNode as e,defineComponent as o,ref as n,computed as s,watch as t,onBeforeUnmount as a,openBlock as r,createElementBlock as l,withDirectives as i,vShow as c,createVNode as u,unref as d,toDisplayString as v,Fragment as m,normalizeClass as p,withCtx as g}from"vue";import{NAvatar as f,NButton as w,NIcon as h}from"naive-ui";import{Mic as I,MicOffCircle as y,Call as A}from"@vicons/ionicons5";import{avFinishApi as k}from"../api/index.js";import"@vueuse/core";import"../utils/index.js";import"lodash-es";import{AV_STATUS as E,CHAT_TYPE as V}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 R}from"../hooks/useVideo.js";import S from"trtc-sdk-v5";var C,M,b,L;const T={class:"video-wrapper"},j={class:"user"},x={class:"name"},_={class:"tip"},N={class:"opt-btn"},H={class:"btn"},D=e("span",null,(null==(C=window.getLanguageByCode)?void 0:C.call(window,"10010.1.104"))||"静音",-1),z=e("span",null,(null==(M=window.getLanguageByCode)?void 0:M.call(window,"10010.1.113"))||"拒接",-1),B={class:"btn"},U=e("span",null,(null==(b=window.getLanguageByCode)?void 0:b.call(window,"10010.1.125"))||"挂断",-1),F=e("span",null,(null==(L=window.getLanguageByCode)?void 0:L.call(window,"10010.1.114"))||"接听",-1);var O=o({__name:"Video",setup(o){const{sendMessage:C,state:M,trtc:b,timing:L,voiceOpen:O,isAudio:G,isCall:J,startTimer:P,resetTimer:$,toggleAudio:q,messageTypeText:K,time:Q,installEventHandlers:W,uninstallEventHandlers:X}=R(),Y=n(),Z=n(),ee=n(!1);let oe=null;const ne=s((()=>{var e,o,n;return J.value?{avatar:M.currentSessionItem.avatar,name:M.currentSessionItem.name,userId:M.currentSessionItem.receiver}:{avatar:null==(e=M.currentAVMsg.currentMsg)?void 0:e.senderAvatar,name:null==(o=M.currentAVMsg.currentMsg)?void 0:o.senderName,userId:null==(n=M.currentAVMsg.currentMsg)?void 0:n.sender}})),se=s((()=>ee.value?G.value?L.value:"":J.value?"正在呼叫...":`邀请你${K.value}问诊...`)),te=s((()=>{var e,o;return null==(o=null==(e=M.currentAVMsg.currentMsg)?void 0:e.content)?void 0:o.avStatus}));async function ae(e=E.FINISHED){C({chatType:V.SINGLE,content:{msg:e===E.FINISHED?""+Q.seconds:"s",chatMessageType:M.currentAVMsg.chatMessageType,avStatus:e},receiver:ne.value.userId}),await k({recordId:M.currentAVMsg.currentMsg.id,status:e,duration:e===E.FINISHED?Q.seconds:0})}async function re(){const e=await S.isSupported();if(!e.result||!e.detail.isH264EncodeSupported||!e.detail.isH264DecodeSupported)return console.log("checkResult :>> ",e),void(M.showVideo=!1);try{if(await b.enterRoom({strRoomId:M.currentAVMsg.strRoomId,sdkAppId:parseInt(M.userInfo.sdkAppID),userId:M.userInfo.id,userSig:M.userInfo.userSig}),J.value||(ee.value=!0,P()),W({handleError:me,handleRemoteUserEnter:de,handleRemoteAudioAvailable:ue,handleRemoteUserExit:ve,handleRemoteVideoAvailable:ce}),await b.startLocalAudio(),G.value)return;await b.startLocalVideo({view:Z.value})}catch(e){console.log("error :>> ",e),M.showVideo=!1}}function le(){J.value&&!ee.value?ae(E.CANCELED):ae()}async function ie(){try{if(M.showVideo=!1,X({handleError:me,handleRemoteUserEnter:de,handleRemoteAudioAvailable:ue,handleRemoteUserExit:ve,handleRemoteVideoAvailable:ce}),await b.exitRoom(),await b.stopLocalAudio(),G.value)return;await b.stopLocalVideo()}catch(e){console.log("error :>> ",e)}}async function ce(e){const{userId:o,streamType:n}=e;try{await b.startRemoteVideo({userId:o,streamType:n,view:Y.value})}catch(e){console.log("error :>> ",e)}}function ue(e){}function de(){ee.value=!0,P()}function ve(e){console.log("event :>> 对方已挂断",e),ie()}function me(e){console.log("error :>> ",e),M.showVideo=!1}return t((()=>te.value),(e=>{M.showVideo&&(e===E.IN_CALL?async function(){J.value?re():(oe&&clearTimeout(oe),oe=setTimeout((async()=>{ee.value||ae(E.NO_RESPONSE)}),6e4))}():ie())}),{immediate:!0}),a((()=>{ie()})),(o,n)=>(r(),l("div",T,[i(e("div",{class:"video-box",ref_key:"videoRef",ref:Y},null,512),[[c,ee.value]]),i(e("div",{class:"video-box--self",ref_key:"selfVideoRef",ref:Z},null,512),[[c,ee.value]]),i(e("div",j,[u(d(f),{size:58,round:"",src:d(ne).avatar},null,8,["src"]),e("span",x,v(d(ne).name),1),e("span",_,v(d(se)),1)],512),[[c,d(G)||!ee.value]]),e("div",N,[e("div",H,[d(J)&&!ee.value||ee.value?(r(),l(m,{key:0},[u(d(w),{circle:"",onClick:d(q),class:p({bordered:d(O)})},{icon:g((()=>[u(d(h),{size:"30",color:d(O)?"#fff":"#626262",component:d(O)?d(I):d(y)},null,8,["color","component"])])),_:1},8,["onClick","class"]),D],64)):(r(),l(m,{key:1},[u(d(w),{circle:"",color:"#f17568",class:"btn--rotate",onClick:n[0]||(n[0]=()=>ae(d(E).REJECTED))},{icon:g((()=>[u(d(h),{size:"30",component:d(A)},null,8,["component"])])),_:1}),z],64))]),e("div",B,[d(J)&&!ee.value||ee.value?(r(),l(m,{key:0},[u(d(w),{circle:"",color:"#f17568",class:"btn--rotate",onClick:le},{icon:g((()=>[u(d(h),{size:"30",component:d(A)},null,8,["component"])])),_:1}),U],64)):(r(),l(m,{key:1},[u(d(w),{circle:"",color:"#2ac98b",onClick:re},{icon:g((()=>[u(d(h),{size:"30",component:d(A)},null,8,["component"])])),_:1}),F],64))])])]))}});export{O as default};

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

@@ -1 +1 @@
-import{ref as e,computed as t,onBeforeUnmount as o}from"vue";import{useData as n}from"./useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{MESSAGE_TYPE as a}from"../constants/index.js";import"../api/index.js";import{formatSeconds as E}from"../utils/index.js";import i from"trtc-sdk-v5";function s(){const s={timer:null,seconds:0},{state:l,sendMessage:r}=n(),d=e(""),m=e(!0),u=e(!0),c=t((()=>l.currentAVMsg.chatMessageType===a.AUDIO)),R=t((()=>"call"===l.currentAVMsg.callMode)),T=t((()=>c.value?"语音":"视频")),A=i.create();function v(){d.value="00:00:00",s.timer&&clearInterval(s.timer),s.timer=null,s.seconds=0}return o((()=>{v()})),{state:l,sendMessage:r,trtc:A,timing:d,voiceOpen:m,videocamOpen:u,isAudio:c,isCall:R,startTimer:function(){v(),s.timer=setInterval((()=>{s.seconds++,d.value=E(s.seconds)}),1e3)},resetTimer:v,toggleAudio:async function(){await A.updateLocalAudio({mute:!m.value}),m.value=!m.value},toggleVideo:async function(){await A.updateLocalVideo({mute:!u.value}),u.value=!u.value},messageTypeText:T,time:s,installEventHandlers:function({handleError:e,handleRemoteUserEnter:t,handleRemoteAudioAvailable:o,handleRemoteUserExit:n,handleRemoteVideoAvailable:a}){A.on(i.EVENT.ERROR,e),A.on(i.EVENT.REMOTE_USER_ENTER,t),A.on(i.EVENT.REMOTE_AUDIO_AVAILABLE,o),A.on(i.EVENT.REMOTE_USER_EXIT,n),c.value||A.on(i.EVENT.REMOTE_VIDEO_AVAILABLE,a)},uninstallEventHandlers:function({handleError:e,handleRemoteUserEnter:t,handleRemoteAudioAvailable:o,handleRemoteUserExit:n,handleRemoteVideoAvailable:a}){A.off(i.EVENT.ERROR,e),A.off(i.EVENT.REMOTE_USER_ENTER,t),A.off(i.EVENT.REMOTE_AUDIO_AVAILABLE,o),A.off(i.EVENT.REMOTE_USER_EXIT,n),c.value||A.off(i.EVENT.REMOTE_VIDEO_AVAILABLE,a)}}}export{s as useVideo};
+import{ref as e,computed as t,onBeforeUnmount as o}from"vue";import{useData as n}from"./useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{MESSAGE_TYPE as a}from"../constants/index.js";import"../api/index.js";import{formatSeconds as i}from"../utils/index.js";import l from"trtc-sdk-v5";function E(){const E={timer:null,seconds:0},{state:s,sendMessage:r}=n(),d=e(""),u=e(!0),m=e(!0),c=t((()=>s.currentAVMsg.chatMessageType===a.AUDIO)),R=t((()=>"call"===s.currentAVMsg.callMode)),T=t((()=>{var e,t;return c.value?(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.130"))||"语音":(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.131"))||"视频"})),v=l.create();function A(){d.value="00:00:00",E.timer&&clearInterval(E.timer),E.timer=null,E.seconds=0}return o((()=>{A()})),{state:s,sendMessage:r,trtc:v,timing:d,voiceOpen:u,videocamOpen:m,isAudio:c,isCall:R,startTimer:function(){A(),E.timer=setInterval((()=>{E.seconds++,d.value=i(E.seconds)}),1e3)},resetTimer:A,toggleAudio:async function(){await v.updateLocalAudio({mute:!u.value}),u.value=!u.value},toggleVideo:async function(){await v.updateLocalVideo({mute:!m.value}),m.value=!m.value},messageTypeText:T,time:E,installEventHandlers:function({handleError:e,handleRemoteUserEnter:t,handleRemoteAudioAvailable:o,handleRemoteUserExit:n,handleRemoteVideoAvailable:a}){v.on(l.EVENT.ERROR,e),v.on(l.EVENT.REMOTE_USER_ENTER,t),v.on(l.EVENT.REMOTE_AUDIO_AVAILABLE,o),v.on(l.EVENT.REMOTE_USER_EXIT,n),c.value||v.on(l.EVENT.REMOTE_VIDEO_AVAILABLE,a)},uninstallEventHandlers:function({handleError:e,handleRemoteUserEnter:t,handleRemoteAudioAvailable:o,handleRemoteUserExit:n,handleRemoteVideoAvailable:a}){v.off(l.EVENT.ERROR,e),v.off(l.EVENT.REMOTE_USER_ENTER,t),v.off(l.EVENT.REMOTE_AUDIO_AVAILABLE,o),v.off(l.EVENT.REMOTE_USER_EXIT,n),c.value||v.off(l.EVENT.REMOTE_VIDEO_AVAILABLE,a)}}}export{E as useVideo};

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

@@ -1 +1 @@
-import{isToday as e,format as t,isYesterday as n,startOfDay as r}from"date-fns";import{cloneDeep as s,isNumber as o,isNaN as a}from"lodash-es";import{MESSAGE_TYPE as i}from"../constants/index.js";import{emojis as c}from"./emoji.js";import{uuidGenerator as l}from"../../../../shared/utils/index.js";import{createDiscreteApi as m}from"naive-ui";const{message:u}=m(["message"]);function p(r){const s=new Date(r);let o,a;if(e(s))o=a=t(s,"HH:mm");else{o=n(s)?"昨天":t(s,"MM-dd");const e=s.getFullYear(),r=(new Date).getFullYear();a=t(s,e<r?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}return{siderMsgTime:o,msgTime:a,recordTime:function(r){const s=new Date(r),o=Date.now()-s.getTime();if(o<6e4)return"刚刚";if(o<36e5)return Math.ceil(o/1e3/60)+"分钟前";if(e(s))return"今天 "+t(s,"HH:mm");if(n(s))return"昨天 "+t(s,"HH:mm");{const e=s.getFullYear(),n=(new Date).getFullYear();return t(s,e<n?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}(r)}}function d(e){return s(e||[]).sort(((e,t)=>e.topping&&!t.topping?-1:!e.topping&&t.topping?1:new Date(t.sortTime).getTime()-new Date(e.sortTime).getTime()))}function g(e){if(!(null==e?void 0:e.msg))return"";const{chatMessageType:t="",msg:n=""}=e;let r=n.toString();if(t===i.BLEND){const e=r.match(/\[([^\]]+)\]/g);return null==e||e.forEach((e=>{const n=e.match(/\[([^\]]+)\]/);if(n&&n.length>1){const s=c.findEmoji(n[1]);s&&(r=r.replace(e,`<img data-msg=${n[1]} data-type=${t} class="emoji--min" src=${s} />`))}})),r}const s=e=>new RegExp("\\n*\\["+(e||"")+"(code|pre|div|span|p|table|thead|th|tbody|tr|td|ul|li|ol|li|dl|dt|dd|h2|h3|h4|h5)([\\s\\S]*?)]\\n*","g");return r=r.replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/'/g,"&#39;").replace(/"/g,"&quot;").replace(/@(\S+)(\s+?|$)/g,'@<a href="javascript:;">$1</a>$2').replace(s(),"<$1 $2>").replace(s("/"),"</$1>").replace(/\n/g,"<br>"),r}function f(e){if(e&&o(+e)&&!a(+e)){const t=M(+e),n=t.split(":");let r=t;return 3===n.length&&"00"===n[0]&&(r=`${n[1]}:${n[2]}`),"通话时长 "+r}return"已取消"}function h(e){var t;if(!e)return"";const{chatMessageType:n,msg:r,messageTemplate:s}=e,o=E(e)?f(r):"";switch(n){case i.TEXT:return g(e);case i.IMAGE:return"[图片]";case i.FILE:return"[文件]";case i.EMOJI:return`<img class="emoji--min" alt=${r} src=${c.findEmoji(r)}>`;case i.TEMPLATE:return null==(t=null==s?void 0:s.setting)?void 0:t.title;case i.VIDEO:return`[视频通话]${o}`;case i.AUDIO:return`[语音通话]${o}`;default:return"[消息]"}}function w(e,t){const n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="blob",n.onload=function(e){if(200===n.status){const e=window.URL.createObjectURL(n.response),r=document.createElement("a");r.href=e,r.download=t,r.dispatchEvent(new MouseEvent("click")),window.URL.revokeObjectURL(e)}},n.send()}function y(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("HEAD",e,!0),r.onreadystatechange=()=>{var e;if(4===r.readyState&&200===r.status){let n=null!=(e=r.getResponseHeader("Content-Length"))?e:0;const s=+n;s>1048576?n=(s/1048576).toFixed(2)+"M":s>1024?n=(s/1024).toFixed(2)+"K":n+="B",t(n)}},r.send()}))}async function H(e){try{const t=await fetch(e),n=await t.blob();return new File([n],`${l()}.${n.type.split("/")[1]}`,{type:n.type})}catch(e){return}}function E(e){return e&&[i.AUDIO,i.VIDEO].includes(e.chatMessageType)}function M(e){const n=r(new Date);return n.setSeconds(e),t(n,"HH:mm:ss")}export{u as $message,H as base64ToFile,w as downloadFile,M as formatSeconds,p as formatTime,f as getAVTime,y as getFileSize,E as isAudioOrVideoMessage,d as listSort,h as simplifyMessage,g as transformMessage};
+import{isToday as e,format as t,isYesterday as n,startOfDay as r}from"date-fns";import{cloneDeep as o,isNumber as a,isNaN as i}from"lodash-es";import{MESSAGE_TYPE as s}from"../constants/index.js";import{emojis as c}from"./emoji.js";import{uuidGenerator as l}from"../../../../shared/utils/index.js";import{createDiscreteApi as u}from"naive-ui";const{message:d}=u(["message"]);function m(r){var o;const a=new Date(r);let i,s;if(e(a))i=s=t(a,"HH:mm");else{i=n(a)?(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.132"))||"昨天":t(a,"MM-dd");const e=a.getFullYear(),r=(new Date).getFullYear();s=t(a,e<r?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}return{siderMsgTime:i,msgTime:s,recordTime:function(r){var o,a;const i=new Date(r),s=Date.now()-i.getTime();if(s<6e4)return(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.133"))||"刚刚";if(s<36e5)return Math.ceil(s/1e3/60)+((null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.136"))||"分钟前");if(e(i))return"今天 "+t(i,"HH:mm");if(n(i))return"昨天 "+t(i,"HH:mm");{const e=i.getFullYear(),n=(new Date).getFullYear();return t(i,e<n?"yyyy年M月d日 HH:mm":"M月d日 HH:mm")}}(r)}}function g(e){return o(e||[]).sort(((e,t)=>e.topping&&!t.topping?-1:!e.topping&&t.topping?1:new Date(t.sortTime).getTime()-new Date(e.sortTime).getTime()))}function p(e){if(!(null==e?void 0:e.msg))return"";const{chatMessageType:t="",msg:n=""}=e;let r=n.toString();if(t===s.BLEND){const e=r.match(/\[([^\]]+)\]/g);return null==e||e.forEach((e=>{const n=e.match(/\[([^\]]+)\]/);if(n&&n.length>1){const o=c.findEmoji(n[1]);o&&(r=r.replace(e,`<img data-msg=${n[1]} data-type=${t} class="emoji--min" src=${o} />`))}})),r}const o=e=>new RegExp("\\n*\\["+(e||"")+"(code|pre|div|span|p|table|thead|th|tbody|tr|td|ul|li|ol|li|dl|dt|dd|h2|h3|h4|h5)([\\s\\S]*?)]\\n*","g");return r=r.replace(/&(?!#?[a-zA-Z0-9]+;)/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/'/g,"&#39;").replace(/"/g,"&quot;").replace(/@(\S+)(\s+?|$)/g,'@<a href="javascript:;">$1</a>$2').replace(o(),"<$1 $2>").replace(o("/"),"</$1>").replace(/\n/g,"<br>"),r}function f(e){var t;if(e&&a(+e)&&!i(+e)){const t=E(+e),n=t.split(":");let r=t;return 3===n.length&&"00"===n[0]&&(r=`${n[1]}:${n[2]}`),"通话时长 "+r}return(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.138"))||"已取消"}function w(e){var t;if(!e)return"";const{chatMessageType:n,msg:r,messageTemplate:o}=e,a=v(e)?f(r):"";switch(n){case s.TEXT:return p(e);case s.IMAGE:return"[图片]";case s.FILE:return"[文件]";case s.EMOJI:return`<img class="emoji--min" alt=${r} src=${c.findEmoji(r)}>`;case s.TEMPLATE:return null==(t=null==o?void 0:o.setting)?void 0:t.title;case s.VIDEO:return`[视频通话]${a}`;case s.AUDIO:return`[语音通话]${a}`;default:return"[消息]"}}function h(e,t){const n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="blob",n.onload=function(e){if(200===n.status){const e=window.URL.createObjectURL(n.response),r=document.createElement("a");r.href=e,r.download=t,r.dispatchEvent(new MouseEvent("click")),window.URL.revokeObjectURL(e)}},n.send()}function y(e){return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.open("HEAD",e,!0),r.onreadystatechange=()=>{var e;if(4===r.readyState&&200===r.status){let n=null!=(e=r.getResponseHeader("Content-Length"))?e:0;const o=+n;o>1048576?n=(o/1048576).toFixed(2)+"M":o>1024?n=(o/1024).toFixed(2)+"K":n+="B",t(n)}},r.send()}))}async function H(e){try{const t=await fetch(e),n=await t.blob();return new File([n],`${l()}.${n.type.split("/")[1]}`,{type:n.type})}catch(e){return}}function v(e){return e&&[s.AUDIO,s.VIDEO].includes(e.chatMessageType)}function E(e){const n=r(new Date);return n.setSeconds(e),t(n,"HH:mm:ss")}export{d as $message,H as base64ToFile,h as downloadFile,E as formatSeconds,m as formatTime,f as getAVTime,y as getFileSize,v as isAudioOrVideoMessage,g as listSort,w as simplifyMessage,p as transformMessage};