import{d as A,Z as I,e as J,k as b,w as D,u as e,P as W,x as Y,U as r,$ as i,a0 as o,a8 as f,f as s,t as Z,A as G,V as y,F as N,a7 as H,W as M,a3 as w}from"./vue-18ee037d.js";import"./dayjs-4778c158.js";import{a2 as O,a3 as m,J as p}from"./index-122302b9.js";import{_ as Q}from"./index.vue_vue_type_script_setup_true_lang-e3083022.js";import{V as S}from"./jb4-60518ffa.js";import{u as X}from"./audio_decoder_hard-e133cc4e.js";import{i as ee}from"./gb28281-53c246af.js";import{u as te}from"./usePlay-29f12ad2.js";import{C as z,R as se}from"./Card-58451e7c.js";import{C as oe}from"./index-977bc6d2.js";import{D as L}from"./index-cc7f4b20.js";import{I as le}from"./index-92754d13.js";import{S as ae}from"./index-af741fec.js";import{a as re}from"./index-6a63fb8a.js";import"./mockjs-890b569b.js";import"./device-88d35103.js";import"./index-ac918f8f.js";import"./index-60ff9924.js";import"./TextArea-1376d3ad.js";import"./useFlexGapSupport-791d0eca.js";import"./LeftOutlined-492d0e43.js";const ne={class:"cursor-pointer fixed top-46% left-0 z-10 flex flex-col bg-black dark:bg-#333 color-#fff p-4px rounded-r-4px"},ce={class:"p-16px pb-0"},ie={class:"mb-8px flex items-center"},ue=f("label",{class:"w-70px text-right"},"分屏总数  ",-1),me={class:"flex items-center"},pe=f("label",{class:"w-70px text-right"},"每行屏数  ",-1),de={key:1,class:"video-player-placeholder"},fe=A({name:"ScreenLarge"}),Pe=A({...fe,setup(ve){const n=X(),{customInfo:l}=I(n),B=J(()=>24/l.value.rowNum),k=()=>{n.setCustomInfo({collapsed:!l.value.collapsed})},F=b({1:"1",2:"2",3:"3",4:"4",6:"6",8:"8",12:"12",24:"24"}),{getActiveInfo:_}=I(n),{updateItem:V,streamList:$,changeStreamList:R,closeAll:P,webrtc:U}=te();D(()=>l.value.screenNum,async()=>{n.setCustomInfo({selectNum:0}),n.setActiveInfo({ID:"",DeviceID:"",DeviceName:"",Name:"",LiveStatus:0});const c=new Array(l.value.screenNum).fill({}).map(()=>({path:""}));R(c)},{immediate:!0}),D(()=>e(_),(c,a)=>{const{ID:t,DeviceID:d}=_.value,h=`${c.ID}/${c.DeviceID}`,x=`${a.ID}/${a.DeviceID}`;c.DeviceID&&h!==x&&ee({id:t,channel:d}).finally(()=>{V(_.value,l.value.selectNum)})});const u=()=>document.querySelector(".screen-custom"),C=b(null),{toggle:K,isFullscreen:v}=O(C),g=()=>{n.setCustomInfo({collapsed:v}),K()},T=c=>{const{ID:a,DeviceID:t,DeviceName:d,Name:h,LiveStatus:x}=c;n.setActiveInfo({ID:a,DeviceID:t,DeviceName:d,Name:h,LiveStatus:x})},j=c=>{n.setCustomInfo({selectNum:c})},q=W(),E=()=>{q.go(-1)};return Y(()=>{P()}),(c,a)=>(r(),i(e(re),{ref_key:"screenCustom",ref:C,class:"screen-custom h-full w-full flex flex-row"},{default:o(()=>[f("div",ne,[s(e(m),{title:"退出分屏",placement:"right",getPopupContainer:u},{default:o(()=>[s(e(p),{onClick:E,icon:"majesticons:door-exit",class:"v-middle",size:22})]),_:1}),s(e(L),{class:"mx-0 my-4px border-color-#fff"}),e(l).collapsed?(r(),i(e(m),{key:1,title:"展开设备树",placement:"right",getPopupContainer:u},{default:o(()=>[s(e(p),{onClick:k,icon:"icon-park-solid:expand-left",class:"v-middle",size:22})]),_:1})):(r(),i(e(m),{key:0,title:"收起设备树",placement:"right",getPopupContainer:u},{default:o(()=>[s(e(p),{onClick:k,icon:"icon-park-solid:expand-right",class:"v-middle",size:22})]),_:1})),s(e(L),{class:"mx-0 my-4px border-color-#fff"}),e(v)?(r(),i(e(m),{key:3,title:"退出全屏",placement:"right",getPopupContainer:u},{default:o(()=>[s(e(p),{icon:"ant-design:fullscreen-exit-outlined",class:"v-text-bottom",onClick:g,size:22})]),_:1})):(r(),i(e(m),{key:2,title:"全屏",placement:"right",getPopupContainer:u},{default:o(()=>[s(e(p),{icon:"ant-design:fullscreen-outlined",class:"v-text-bottom",onClick:g,size:22})]),_:1}))]),Z(s(e(z),{class:"w-342px m-r-8px h-full",bordered:!1,bodyStyle:{height:"100%",padding:0}},{default:o(()=>[f("div",ce,[f("div",ie,[ue,s(e(le),{value:e(l).screenNum,"onUpdate:value":a[0]||(a[0]=t=>e(l).screenNum=t),min:1,style:{flex:"1"},onChange:a[1]||(a[1]=t=>e(n).setCustomInfo({screenNum:t}))},null,8,["value"])]),f("div",me,[pe,s(e(ae),{class:"flex-1",value:e(l).rowNum,"onUpdate:value":a[2]||(a[2]=t=>e(l).rowNum=t),min:1,max:24,step:null,marks:F.value,onChange:a[3]||(a[3]=t=>e(n).setCustomInfo({rowNum:t}))},null,8,["value","step","marks"])])]),s(Q,{onSelect:T})]),_:1},512),[[G,!e(l).collapsed]]),s(e(z),{style:{height:"100%",flex:"1"},bordered:!1,bodyStyle:{height:"100%",overflowY:"scroll",padding:"8px"}},{default:o(()=>[s(e(se),{gutter:4,ref:"screenRef"},{default:o(()=>[(r(!0),y(N,null,H(e($),(t,d)=>(r(),i(e(oe),{span:e(B),key:d,class:M(["mt-4px flex-center",{active:e(l).screenNum>1&&e(l).selectNum===d&&!e(v),isFullscreen:e(v)}]),onClick:()=>j(d)},{default:o(()=>[t.path?(r(),y(N,{key:0},[e(U)?(r(),i(S,{key:0,webrtcStream:t.stream},{default:o(()=>[t.path?(r(),i(e(m),{key:0,class:"position-absolute bottom-0 left-50% cursor-pointer",title:t.path,getPopupContainer:u},{default:o(()=>[s(e(p),{icon:"octicon:ellipsis-16",size:20,color:"#dedede",hoverColor:"#a275d9"})]),_:2},1032,["title"])):w("",!0)]),_:2},1032,["webrtcStream"])):(r(),i(S,{key:1,format:"ws-flv","stream-path":t.path},{default:o(()=>[t.path?(r(),i(e(m),{key:0,class:"position-absolute bottom-0 left-50% cursor-pointer",title:t.path,getPopupContainer:u},{default:o(()=>[s(e(p),{icon:"octicon:ellipsis-16",size:20,color:"#dedede",hoverColor:"#a275d9"})]),_:2},1032,["title"])):w("",!0)]),_:2},1032,["stream-path"]))],64)):(r(),y("div",de,[s(e(m),{title:"当前无信号，请先选择通道",class:"no-stream-tip cursor-pointer",getPopupContainer:u},{default:o(()=>[s(e(p),{icon:"pepicons-pop:television-play-off",size:30})]),_:1})]))]),_:2},1032,["span","class","onClick"]))),128))]),_:1},512)]),_:1})]),_:1},512))}});export{Pe as default};