hs-admin-ui 4.1.2 → 4.1.4

package/dist/transverse-D8T9I9T0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transverse-D8T9I9T0.js","sources":["../src/layout/main/transverse.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nexport default defineComponent({\n  name: \"layoutTransverse\",\n  \n})\n</script>\n<template>\r\n\t<el-container class=\"layout-container flex-center layout-backtop\">\r\n\t\t<LayoutHeader />\r\n\t\t<LayoutMain ref=\"layoutMainRef\" />\r\n\t</el-container>\r\n</template>\r\n\r\n<script setup lang=\"ts\" name=\"layoutTransverse\">\r\nimport { defineAsyncComponent, ref, watch, nextTick, onMounted } from 'vue';\r\nimport { useRoute } from 'vue-router';\r\nimport { storeToRefs } from 'pinia';\r\nimport { useThemeConfig } from '/@/stores/themeConfig';\r\n\r\n// 引入组件\r\nconst LayoutHeader = defineAsyncComponent(() => import('/@/layout/component/header.vue'));\r\nconst LayoutMain = defineAsyncComponent(() => import('/@/layout/component/main.vue'));\r\n\r\n// 定义变量内容\r\nconst layoutMainRef = ref<InstanceType<typeof LayoutMain>>();\r\nconst storesThemeConfig = useThemeConfig();\r\nconst { themeConfig } = storeToRefs(storesThemeConfig);\r\nconst route = useRoute();\r\n\r\n// 重置滚动条高度，更新子级 scrollbar\r\nconst updateScrollbar = () => {\r\n\tlayoutMainRef.value!.layoutMainScrollbarRef.update();\r\n};\r\n// 重置滚动条高度，由于组件是异步引入的\r\nconst initScrollBarHeight = () => {\r\n\tnextTick(() => {\r\n\t\tsetTimeout(() => {\r\n\t\t\tupdateScrollbar();\r\n\t\t\tlayoutMainRef.value!.layoutMainScrollbarRef.wrapRef.scrollTop = 0;\r\n\t\t}, 500);\r\n\t});\r\n};\r\n// 页面加载时\r\nonMounted(() => {\r\n\tinitScrollBarHeight();\r\n});\r\n// 监听路由的变化，切换界面时，滚动条置顶\r\nwatch(\r\n\t() => route.path,\r\n\t() => {\r\n\t\tinitScrollBarHeight();\r\n\t}\r\n);\r\n// 监听 themeConfig 配置文件的变化，更新菜单 el-scrollbar 的高度\r\nwatch(\r\n\t() => themeConfig.value.isTagsview,\r\n\t() => {\r\n\t\tnextTick(() => {\r\n\t\t\tupdateScrollbar();\r\n\t\t});\r\n\t},\r\n\t{\r\n\t\tdeep: true,\r\n\t}\r\n);\r\n</script>\r\n"],"names":["__default__","defineComponent","LayoutHeader","defineAsyncComponent","LayoutMain","layoutMainRef","ref","storesThemeConfig","useThemeConfig","themeConfig","storeToRefs","route","useRoute","updateScrollbar","initScrollBarHeight","nextTick","onMounted","watch"],"mappings":"wIAEAA,EAAeC,EAAAA,gBAAgB,CAC7B,KAAM,kBAER,CAAC,qCAgBD,MAAMC,EAAeC,EAAA,qBAAqB,IAAM,QAAO,QAAA,EAAA,KAAA,IAAA,QAAA,sBAAgC,CAAC,CAAA,EAClFC,EAAaD,EAAA,qBAAqB,IAAM,QAAO,QAAA,EAAA,KAAA,IAAA,QAAA,oBAA8B,CAAC,CAAA,EAG9EE,EAAgBC,EAAAA,MAChBC,EAAoBC,EAAAA,iBACpB,CAAE,YAAAC,CAAA,EAAgBC,EAAA,YAAYH,CAAiB,EAC/CI,EAAQC,EAAAA,WAGRC,EAAkB,IAAM,CACfR,EAAA,MAAO,uBAAuB,QAAO,EAG9CS,EAAsB,IAAM,CACjCC,EAAAA,SAAS,IAAM,CACd,WAAW,IAAM,CACAF,IACFR,EAAA,MAAO,uBAAuB,QAAQ,UAAY,GAC9D,GAAG,CAAA,CACN,CAAA,EAGFW,OAAAA,EAAAA,UAAU,IAAM,CACKF,GAAA,CACpB,EAEDG,EAAA,MACC,IAAMN,EAAM,KACZ,IAAM,CACeG,GACrB,CAAA,EAGDG,EAAA,MACC,IAAMR,EAAY,MAAM,WACxB,IAAM,CACLM,EAAAA,SAAS,IAAM,CACEF,GAAA,CAChB,CACF,EACA,CACC,KAAM,EACP,CAAA"}

package/dist/trtcUI-C7LpCHW2.js

@@ -114,3 +114,4 @@ next answer: `).concat(this.filterSDPDirection(t))),this._log.warn("transceivers
 `,f+="TLS.expire:"+h+`
 `,m!=null&&(f+="TLS.userbuf:"+m+`
 `);let v=hR.HmacSHA256(f,this.PRIVATEKEY);return hR.enc.Base64.stringify(v)}_utc(){return Math.round(Date.now()/1e3)}_isNumber(a){return a!==null&&(typeof a=="number"&&!isNaN(a-0)||typeof a=="object"&&a.constructor===Number)}_isString(a){return typeof a=="string"}genSigWithUserbuf(a,c,h){let m=this._utc(),f={"TLS.ver":"2.0","TLS.identifier":a,"TLS.sdkappid":this.SDKAPPID,"TLS.time":m,"TLS.expire":c},v="";if(h!=null){let S=this.base64encode(h);f["TLS.userbuf"]=S,v=this._hmacsha256(a,m,c,S)}else v=this._hmacsha256(a,m,c,null);f["TLS.sig"]=v;let y=JSON.stringify(f),T=yb.deflateSync(this.newBuffer(y)).toString("base64"),g=this.escape(T);return console.log("ret="+g),g}validate(a){let c=this.decode(a),h=yb.inflateSync(c);console.log("validate ret="+h)}}const Tb=20008434,J8=604800,q8="aa4c2a6f23c55f8826fa3a1fd6023c82ee161d78d32124dabd704f068dac420b";function lC(r){const c=new Y8(Tb,q8,J8).genTestUserSig(r);return{SDKAppID:Tb,userSig:c}}function uC(r){function a(m){r.value.push({type:"success",content:m})}function c(m){r.value.push({type:"failed",content:m}),console.log("operateData.logs",r.value)}return{addSuccessLog:a,addFailedLog:c,handleClearLog:()=>{r.value=[]}}}function X8(r,a,c,h){const{addFailedLog:m,addSuccessLog:f}=uC(h);function v(D){Ar.ElMessage({message:`Local error: ${D.message}`,type:"error"}),m(`Local error: ${D.message}`),a(ae.EVENT.ERROR,D)}function y(D){console.log("用户被踢出房间",D),Ar.ElMessage({message:`User has been kicked out for ${D.reason}`,type:"warning"}),m(`User has been kicked out for ${D.reason}`),a(ae.EVENT.KICKED_OUT,D)}function T(D){const{userId:z}=D;console.log(`远端用户： [${z}] 进入房间`),c.remoteUsersViews.push({userId:z,streamType:"main"}),f(`Remote User [${z}] entered`),a(ae.EVENT.REMOTE_USER_ENTER,D)}function g(D){let z=c.remoteUsersViews.findIndex(Y=>Y.userId==D.userId);c.remoteUsersViews.splice(z,1),f(`远端用户: [${D.userId}] 退房事件`),a(ae.EVENT.REMOTE_USER_EXIT,D)}async function S(D){const{userId:z,streamType:Y}=D;try{console.log("远端用户:"+z+"发布了视频"),await Te.nextTick(),r.startRemoteVideo({userId:z,streamType:Y,view:z}),f(`Play remote video success: [${z}]`),a(ae.EVENT.REMOTE_VIDEO_AVAILABLE,D)}catch(X){m(`Play remote video failed: [${z}], error: ${X.message}`)}}function b(D){console.log("远端用户停止发布视频",D);const{streamType:z,userId:Y}=D;f(`[${Y}] [${z}] video unavailable`),r.stopRemoteVideo({userId:Y,streamType:z}),a(ae.EVENT.REMOTE_VIDEO_UNAVAILABLE,D)}function w(D){console.log("远端用户发布了音频",D),f(`[${D.userId}] audio available`),a(ae.EVENT.REMOTE_AUDIO_AVAILABLE,D)}function A(D){console.log("远端停止发布了音频",D),f(`[${D.userId}] audio unavailable`),a(ae.EVENT.REMOTE_AUDIO_UNAVAILABLE,D)}function O(){f("本地屏幕分享停止事件"),a(ae.EVENT.SCREEN_SHARE_STOPPED)}function L(D){const{userId:z,volume:Y}=D;console.log("event",D),console.log(z===""?`我的音量为: ${Y}`:`用户: ${z} 的音量为: ${Y}`),a(ae.EVENT.AUDIO_VOLUME,D)}function k(D){a(ae.EVENT.NETWORK_QUALITY,D)}function x(D){console.log("自动播放失败:",D),a(ae.EVENT.AUTOPLAY_FAILED,D)}function P(D){console.log("SDK 和腾讯云的连接状态变更事件:",D),a(ae.EVENT.CONNECTION_STATE_CHANGED,D)}function M(D){console.log("音频播放状态变更事件:",`${D.userId} player is ${D.state} because of ${D.reason}`),a(ae.EVENT.AUDIO_PLAY_STATE_CHANGED,D)}function V(D){console.log("视频播放状态变更事件:",`${D.userId} ${D.streamType} video player is ${D.state} because of ${D.reason}`),a(ae.EVENT.VIDEO_PLAY_STATE_CHANGED,D)}function W(D){console.log("摄像头、麦克风等设备变化的通知事件:",`${D.type}(${D.device.label}) ${D.action}`),a(ae.EVENT.DEVICE_CHANGED,D)}function H(D){console.log("推流状态变更事件:",`${D.mediaType} ${D.state} ${D.reason}`),a(ae.EVENT.PUBLISH_STATE_CHANGED,D)}function F(D){a(ae.EVENT.STATISTICS,D)}function j(D){a(ae.EVENT.SEI_MESSAGE,D)}function J(D){a(ae.EVENT.TRACK,D)}return{handleError:v,handleKickedOut:y,handleRemoteUserEnter:T,handleRemoteUserExit:g,handleRemoteVideoAvailable:S,handleRemoteVideoUnavailable:b,handleRemoteAudioUnavailable:A,handleRemoteAudioAvailable:w,handleScreenShareStopped:O,handleVolumeValue:L,handleNetworkQuality:k,handleAutoplayFailed:x,handleConnectStateChanged:P,handleAudioPlayStateChanged:M,handleVideoPlayStateChanged:V,handleDeviceChanged:W,handlePublishStateChanged:H,handleStatistics:F,handleSEIMessage:j,handleTrack:J}}const Oc=Te.ref(!1),Lc=Te.ref(!1),bn=Te.ref("stopped"),Cn=Te.ref("stopped"),kn=Te.ref("stopped"),Se=Te.markRaw(ae.create()),jd=Te.ref([]),{addSuccessLog:fr,addFailedLog:Ni}=uC(jd);function Q8(r,a,c){async function h(){kn.value="starting";try{await Se.startLocalAudio({option:{microphoneId:c.audioDeviceId}}),kn.value="started",fr("Local audio started successfully")}catch(me){kn.value="stopped",Ni(`Local audio is failed to started. Error: ${me.message}`)}}async function m(){if(kn.value!=="started"){Ni("The audio has not been started");return}kn.value="stopping";try{await Se.stopLocalAudio(),kn.value="stopped",fr("Local audio stopped successfully")}catch(me){kn.value="started",Ni(`Local audio is failed to stopped. Error: ${me.message}`)}}async function f(){Cn.value="starting";try{await Se.startLocalVideo({view:"local",option:{cameraId:c.videoDeviceId,profile:"1080p"}}),Cn.value="started",fr("Local audio stopped successfully")}catch(me){Cn.value="stopped",Ni(`Local audio is failed to stopped. Error: ${me.message}`)}}async function v(){if(Cn.value!=="started"){Ni("The audio has not been started");return}Cn.value="stopping";try{await Se.stopLocalVideo(),Cn.value="stopped",fr("Local audio stopped successfully")}catch(me){Cn.value="started",Ni(`Local audio is failed to stopped. Error: ${me.message}`)}}const y=async()=>{try{Oc.value?(await Se.updateLocalAudio({mute:!1}),Oc.value=!1):(await Se.updateLocalAudio({mute:!0}),Oc.value=!0),fr(`Audio Muted: ${Oc.value}`)}catch(me){console.log("error",me),Ni(`Mute audio error: ${me.message}`)}},T=async()=>{try{Lc.value?(await Se.updateLocalVideo({mute:!1}),Lc.value=!1):(await Se.updateLocalVideo({mute:!0}),Lc.value=!0),fr(`Video Muted: ${Lc.value}`)}catch(me){console.log("error==videoMuted",me),Ni(`Mute video error: ${me.message}`)}},{handleError:g,handleKickedOut:S,handleRemoteUserEnter:b,handleRemoteUserExit:w,handleRemoteVideoAvailable:A,handleRemoteVideoUnavailable:O,handleRemoteAudioUnavailable:L,handleRemoteAudioAvailable:k,handleScreenShareStopped:x,handleVolumeValue:P,handleNetworkQuality:M,handleAutoplayFailed:V,handleConnectStateChanged:W,handleAudioPlayStateChanged:H,handleVideoPlayStateChanged:F,handleDeviceChanged:j,handlePublishStateChanged:J,handleStatistics:D,handleSEIMessage:z,handleTrack:Y}=X8(Se,a,c,jd);function X(){Se.on(ae.EVENT.ERROR,g),Se.on(ae.EVENT.KICKED_OUT,S),Se.on(ae.EVENT.REMOTE_USER_ENTER,b),Se.on(ae.EVENT.REMOTE_USER_EXIT,w),Se.on(ae.EVENT.REMOTE_VIDEO_AVAILABLE,A),Se.on(ae.EVENT.REMOTE_VIDEO_UNAVAILABLE,O),Se.on(ae.EVENT.REMOTE_AUDIO_UNAVAILABLE,L),Se.on(ae.EVENT.REMOTE_AUDIO_AVAILABLE,k),Se.on(ae.EVENT.SCREEN_SHARE_STOPPED,x),Se.on(ae.EVENT.AUDIO_VOLUME,P),Se.on(ae.EVENT.NETWORK_QUALITY,M),Se.on(ae.EVENT.AUTOPLAY_FAILED,V),Se.on(ae.EVENT.CONNECTION_STATE_CHANGED,W),Se.on(ae.EVENT.AUDIO_PLAY_STATE_CHANGED,H),Se.on(ae.EVENT.VIDEO_PLAY_STATE_CHANGED,F),Se.on(ae.EVENT.DEVICE_CHANGED,j),Se.on(ae.EVENT.PUBLISH_STATE_CHANGED,J),Se.on(ae.EVENT.STATISTICS,D),Se.on(ae.EVENT.SEI_MESSAGE,z),Se.on(ae.EVENT.TRACK,Y)}function le(){Se.off(ae.EVENT.ERROR,g),Se.off(ae.EVENT.KICKED_OUT,S),Se.off(ae.EVENT.REMOTE_USER_ENTER,b),Se.off(ae.EVENT.REMOTE_USER_EXIT,w),Se.off(ae.EVENT.REMOTE_VIDEO_AVAILABLE,A),Se.off(ae.EVENT.REMOTE_VIDEO_UNAVAILABLE,O),Se.off(ae.EVENT.REMOTE_AUDIO_UNAVAILABLE,L),Se.off(ae.EVENT.REMOTE_AUDIO_AVAILABLE,k),Se.off(ae.EVENT.SCREEN_SHARE_STOPPED,x),Se.off(ae.EVENT.AUDIO_VOLUME,P),Se.off(ae.EVENT.NETWORK_QUALITY,M),Se.off(ae.EVENT.AUTOPLAY_FAILED,V),Se.off(ae.EVENT.CONNECTION_STATE_CHANGED,W),Se.off(ae.EVENT.AUDIO_PLAY_STATE_CHANGED,H),Se.off(ae.EVENT.VIDEO_PLAY_STATE_CHANGED,F),Se.off(ae.EVENT.DEVICE_CHANGED,j),Se.off(ae.EVENT.PUBLISH_STATE_CHANGED,J),Se.off(ae.EVENT.STATISTICS,D),Se.off(ae.EVENT.SEI_MESSAGE,z),Se.off(ae.EVENT.TRACK,Y)}Te.watch(()=>bn.value,me=>{a("changeRoomState",me)},{deep:!0,immediate:!0}),Te.watch(()=>jd.value,me=>{a("updateLog",me)},{deep:!0,immediate:!0});async function pe(){if(!(r.sdkAppId&&r.sdkSecretKey&&r.roomId&&r.userId)){Ar.ElMessage({message:"请检查参数 SDKAppId, SDKSecretKey, userId, roomId 是否输入正确！",type:"error"});return}bn.value="entering";try{let me={roomId:Number(r.roomId),sdkAppId:Number(r.sdkAppId),userId:r.userId,userSig:r.userSig};await Se.enterRoom(me),bn.value="entered",X(),await h(),await f(),fr(`[${r.userId}] enter room [${r.roomId}] success`)}catch(me){bn.value="stopped",Ni(`Enter room ${r.roomId} failed. Error: ${me.message}`)}}async function Ie(){if(bn.value!=="entered"){Ni("The room has not been entered");return}bn.value="exiting";try{le(),await Se.exitRoom(),await Se.stopLocalVideo(),await Se.stopLocalAudio(),bn.value="exited",c.remoteUsersViews=[],fr("Exit room success")}catch(me){bn.value="entered",Ni(`Exit room failed. Error: ${me.message}`)}kn.value==="started"&&m(),Cn.value==="started"&&v(),c.remoteUsersViews=[]}const Re=()=>{Se.destroy()};function ve(){let me=r.userSig||lC({sdkAppId:Number(r.sdkAppId),userId:r.userId,sdkSecretKey:r.sdkSecretKey}).userSig;return console.log("userSig",me),me}return{trtc:Se,logs:jd,roomStatus:bn,audioMuted:Oc,videoMuted:Lc,camStatus:Cn,micStatus:kn,handleEnter:pe,handleExit:Ie,destroy:Re,handleStartLocalAudio:h,handleStopLocalAudio:m,handleStartLocalVideo:f,handleStopLocalVideo:v,toggleAudio:y,toggleVideo:T,getUserSig:ve}}const dC=r=>(Te.pushScopeId("data-v-4d910502"),r=r(),Te.popScopeId(),r),Z8={class:"pusher"},$8={key:0,class:"group"},e7={class:"remote grid",style:{"grid-template-rows":"repeat(99, minmax(10em, auto))"}},t7=["id"],i7=dC(()=>Te.createElementVNode("div",{class:"local-user",id:"local"},null,-1)),n7={key:1,class:"single"},r7=dC(()=>Te.createElementVNode("div",{class:"local-user",id:"local"},null,-1)),s7={class:"remote flex flex-wrap"},o7=["id"],a7={key:2,class:"btns flex justify-center"},c7={class:"btn-box flex flex-nowrap justify-between items-center"},l7=Te.defineComponent({__name:"trtcUI",props:{sdkAppId:{type:String,default:""},userId:{type:String,default:""},roomId:{type:String,default:""},sdkSecretKey:{type:String,default:""},userSig:{type:String,default:""}},emits:[ae.EVENT.ERROR,ae.EVENT.KICKED_OUT,ae.EVENT.REMOTE_USER_ENTER,ae.EVENT.REMOTE_USER_EXIT,ae.EVENT.REMOTE_VIDEO_AVAILABLE,ae.EVENT.REMOTE_VIDEO_UNAVAILABLE,ae.EVENT.REMOTE_AUDIO_UNAVAILABLE,ae.EVENT.REMOTE_AUDIO_AVAILABLE,ae.EVENT.SCREEN_SHARE_STOPPED,ae.EVENT.AUDIO_VOLUME,ae.EVENT.NETWORK_QUALITY,ae.EVENT.AUTOPLAY_FAILED,ae.EVENT.CONNECTION_STATE_CHANGED,ae.EVENT.AUDIO_PLAY_STATE_CHANGED,ae.EVENT.VIDEO_PLAY_STATE_CHANGED,ae.EVENT.DEVICE_CHANGED,ae.EVENT.PUBLISH_STATE_CHANGED,ae.EVENT.STATISTICS,ae.EVENT.SEI_MESSAGE,ae.EVENT.TRACK,"changeRoomState","updateLog"],setup(r,{expose:a,emit:c}){const h=r,m=c,f=Te.reactive({audioDeviceId:"",videoDeviceId:"",remoteUsersViews:[]}),{audioMuted:v,videoMuted:y,roomStatus:T,trtc:g,logs:S,handleEnter:b,handleExit:w,destroy:A,handleStartLocalAudio:O,handleStopLocalAudio:L,handleStartLocalVideo:k,handleStopLocalVideo:x,toggleAudio:P,toggleVideo:M}=Q8(h,m,f),V=()=>{P()},W=()=>{M()},H=()=>{w()};return a({trtc:g,logs:S,handleEnter:b,handleExit:w,destroy:A,handleStartLocalAudio:O,handleStopLocalAudio:L,handleStartLocalVideo:k,handleStopLocalVideo:x,toggleAudio:P,toggleVideo:M}),(F,j)=>{const J=Te.resolveComponent("bc-icon");return Te.openBlock(),Te.createElementBlock("div",Z8,[f.remoteUsersViews.length>=2?(Te.openBlock(),Te.createElementBlock("div",$8,[Te.createElementVNode("div",e7,[(Te.openBlock(!0),Te.createElementBlock(Te.Fragment,null,Te.renderList(f.remoteUsersViews,D=>(Te.openBlock(),Te.createElementBlock("div",{id:D.userId,key:D.userId,class:"remote-user"},Te.toDisplayString(D),9,t7))),128))]),i7])):(Te.openBlock(),Te.createElementBlock("div",n7,[r7,Te.createElementVNode("div",s7,[(Te.openBlock(!0),Te.createElementBlock(Te.Fragment,null,Te.renderList(f.remoteUsersViews,D=>(Te.openBlock(),Te.createElementBlock("div",{id:D.userId,key:D.userId,class:"remote-user"},Te.toDisplayString(D.userId),9,o7))),128))])])),Te.unref(T)=="entered"?(Te.openBlock(),Te.createElementBlock("div",a7,[Te.createElementVNode("div",c7,[Te.createElementVNode("div",{class:Te.normalizeClass(`flex-items-center justify-center rounded-full p-3 ${Te.unref(v)?" bg-zinc-400/80":" bg-stone-50"}`),onClick:V},[Te.createVNode(J,{name:Te.unref(v)?"ele-Mute":"ele-Microphone",color:Te.unref(v)?"#fff":"#333",size:"20"},null,8,["name","color"])],2),Te.createElementVNode("div",{class:"icon-bg flex-items-center justify-center bg-red-500",onClick:H},[Te.createVNode(J,{name:"ele-PhoneFilled",color:"#fff",size:"20"})]),Te.createElementVNode("div",{class:Te.normalizeClass(`flex-items-center justify-center rounded-full p-3 ${Te.unref(y)?" bg-zinc-400/80":" bg-stone-50"}`),onClick:W},[Te.createVNode(J,{name:Te.unref(y)?"ele-VideoPlay":"ele-VideoCamera",color:Te.unref(y)?"#fff":"#333",size:"20"},null,8,["name","color"])],2)])])):Te.createCommentVNode("",!0)])}}}),hC=Ar._export_sfc(l7,[["__scopeId","data-v-4d910502"]]),u7=Object.freeze(Object.defineProperty({__proto__:null,default:hC},Symbol.toStringTag,{value:"Module"}));exports.TRTC=ae;exports.genTestUserSig=lC;exports.trtcUI=hC;exports.trtcUI$1=u7;
+//# sourceMappingURL=trtcUI-C7LpCHW2.js.map