https://julebu.ai/_nuxt/M1RPHXQ4.js

1import{_ as ke}from"./D_nU-9oe.js";import{f as J,as as we,gf as ye,r as E,z as _e,c as r,o,a as e,t as m,bi as ae,g as he,k as i,dM as Ce,b as p,w as A,d as V,q as Pe,l as t,s as W,H as C,F as H,M as $e,p as g,n as k,m as re,S as oe,gg as Se,b2 as Re,J as Me,C as Ie,D as Te,N as je,A as ze,da as Ae,_ as be,bS as Ge,hx as De,ak as Ee,bm as Ve,bj as Oe,aH as Ne,ew as Ue,K as Be,ac as fe,bh as xe,v as ve,av as Ke,O as Q,gA as F,gp as q}from"./Hz_U0fwx.js";import{f as Le,T as X,A as We,C as Z}from"./CE_W3Eix.js";import{G as He,D as ee}from"./h23xhY2N.js";import{G as te,P as ge,S as Ye,a as Fe}from"./DclXQTWt.js";import{P as qe}from"./D2CC1oyD.js";import{a as Je}from"./BqzXk9Ph.js";import{u as Qe}from"./Dnv5kR9Y.js";import{u as Xe}from"./BXXtWAYe.js";import{y as Ze}from"./DttFo5BN.js";import"./_j7P8M8Z.js";import"./DqVrFyeY.js";import"./DUYpDDyg.js";import"./C_VDojrr.js";import"./BK80l4Oy.js";import"./CaUkbbkv.js";import"./CCkJPflB.js";import"./hkgOhsyI.js";import"./Qwc1dVbC.js";import"./BrLmP1_P.js";import"./CRt24w6Q.js";import"./BT8CMprY.js";import"./33dfyXTc.js";import"./Mv0B7zmN.js";import"./BR6SSkX-.js";import"./CIl9igWX.js";import"./DgHbvDPL.js";import"./_Dy2zPzC.js";import"./DB5V9s3m.js";import"./CVhg2cRB.js";import"./CTVssNkx.js";import"./BcMzgRPz.js";import"./BaFDRi-u.js";import"./BNUxGZV_.js";import"./BYz4KpIs.js";import"./C94ZD2ww.js";import"./Bz9ZQdqN.js";const et={class:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm"},tt={key:0,class:"text-[180px] font-black leading-none text-white drop-shadow-2xl md:text-[280px]",style:{"font-family":"'Arial Black', sans-serif"}},st={key:1,class:"animate-pulse text-[120px] font-black leading-none bg-linear-to-r from-yellow-400 via-red-500 to-pink-500 bg-clip-text text-transparent drop-shadow-2xl md:text-[180px]",style:{"font-family":"'Arial Black', sans-serif"}},ot=J({__name:"PkCountdown",emits:["complete"],setup(G,{emit:R}){const P=R,{$anime:M}=we(),{playCountdownSound:s}=ye(),d=E(3),a=E(!1),h=E();_e(async()=>{await y()});async function y(){s();const S=[3,2,1,0];for(let u=0;u<S.length;u++){u>0&&await new Promise(j=>setTimeout(j,1e3));const T=S[u];T===0?(a.value=!0,h.value&&M({targets:h.value,scale:[.5,1.5,1.2],rotate:[0,360],opacity:[0,1],duration:800,easing:"easeOutExpo"})):(d.value=T,h.value&&M({targets:h.value,scale:[0,1.5,1],opacity:[0,1,.8],duration:800,easing:"easeOutElastic(1, .8)"}))}await new Promise(u=>setTimeout(u,1e3)),P("complete")}return(S,u)=>(o(),r("div",et,[e("div",{ref_key:"countdownRef",ref:h,class:"text-center"},[a.value?(o(),r("div",st," GO! ")):(o(),r("div",tt,m(d.value),1))],512)]))}}),at=Object.assign(ot,{__name:"GamePkCountdown"});function ne(){const G=ae(),R=he(),P=i(()=>{var a;return(a=R.user)==null?void 0:a.id}),M=i(()=>{var y;const a=P.value,h=(y=G.room)==null?void 0:y.player1.userId;return a===h}),s=i(()=>{const a=G.room;return a?M.value?a.player1:a.player2:null}),d=i(()=>{const a=G.room;return a?M.value?a.player2:a.player1:null});return{currentUserId:P,isPlayer1:M,myPlayer:s,opponent:d}}const rt={class:"fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm p-4"},nt={class:"w-full max-w-2xl rounded-2xl bg-white p-4 shadow-2xl dark:bg-gray-800 md:p-8"},lt={class:"mb-6 text-center md:mb-8"},it={class:"mb-4 flex justify-start"},dt={class:"mb-6 grid grid-cols-2 gap-3 md:mb-8 md:gap-6"},ut={class:"mb-2 md:mb-3"},ct=["src"],mt={key:1,class:"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-blue-500 text-xl font-bold text-white md:h-16 md:w-16 md:text-2xl"},pt={class:"mb-1 text-sm font-semibold text-foreground-strong dark:text-white md:mb-2 md:text-base"},ft={key:0,class:"flex items-center justify-center gap-1 text-green-600 dark:text-green-400"},xt={key:1,class:"text-xs text-gray-500 md:text-sm"},vt={class:"mb-2 md:mb-3"},gt=["src"],yt={key:1,class:"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-purple-500 text-xl font-bold text-white md:h-16 md:w-16 md:text-2xl"},_t={class:"mb-1 text-sm font-semibold text-foreground-strong dark:text-white md:mb-2 md:text-base"},ht={key:0,class:"flex items-center justify-center gap-1 text-green-600 dark:text-green-400"},bt={key:1,class:"text-xs text-gray-500 md:text-sm"},kt={class:"text-center"},wt={class:"mt-4 text-center md:mt-6"},Ct={key:0,class:"flex flex-col items-center gap-2"},Pt={key:1,class:"text-xs text-gray-500 md:text-sm"},$t={key:2,class:"text-xs text-gray-500 md:text-sm"},St={key:3,class:"text-sm font-semibold text-green-600 md:text-base"},Rt=J({__name:"PkReadyOverlay",setup(G){const R=ae(),P=he(),{gotoHome:M}=re(),{myPlayer:s,opponent:d}=ne();function a(){M()}const h=i(()=>R.hasOpponent),y=i(()=>{var b;return((b=s.value)==null?void 0:b.isReady)??!1}),S=i(()=>{var b;return((b=d.value)==null?void 0:b.isReady)??!1}),u=i(()=>!y.value&&h.value),T=["⚔️ 句乐部终极 PK 战：就你？也敢接我的挑战帖？","胆儿肥了？⚔️ 句乐部 PK 局已开，有种别怂，来正面刚！","⚔️ 句乐部生死局邀约：敢应战？我怕你连输的体面都不剩！","别躲在舒适区装怂了！⚔️ 句乐部 PK 挑战砸脸，敢来就别怕被虐哭！","⚔️ 句乐部 PK 战书送达！就这点胆量也敢混圈？来战，让你输到怀疑人生！"],{copy:j}=Ce(),$=E(!1);async function _(){const b=T[Math.floor(Math.random()*T.length)],n=c()||window.location.href,I=`${b}
2${n}`;await j(I),$.value=!0,setTimeout(()=>{$.value=!1},2e3)}function c(){var b;return typeof window>"u"?"":Je(window.location.href,(b=P.user)==null?void 0:b.referral)}function z(){R.setReady()}return(b,n)=>{var f,D,B,K,O;const I=Pe;

2return o(),r("div",rt,[e("div",nt,[e("div",lt,[e("div",it,[p(t(W),{variant:"ghost",size:"sm",class:"gap-1 text-gray-500 hover:text-gray-700",onClick:a},{default:A(()=>[p(I,{name:"ph:arrow-left-bold",class:"h-4 w-4"}),n[0]||(n[0]=V(" 返回主页 ",-1))]),_:1})]),n[1]||(n[1]=e("h2",{class:"text-xl font-bold text-foreground-strong dark:text-white md:text-2xl"}," PK 对战房间 ",-1))]),e("div",dt,[e("div",{class:C(["rounded-xl border-2 p-4 text-center transition-all md:p-6",y.value?"border-green-500 bg-green-50 dark:bg-green-900/20":"border-gray-300 dark:border-foreground-deep"])},[e("div",ut,[(f=t(s))!=null&&f.avatar?(o(),r("img",{key:0,src:t(s).avatar,class:"mx-auto h-12 w-12 rounded-full md:h-16 md:w-16"},null,8,ct)):(o(),r("div",mt,m((B=(D=t(s))==null?void 0:D.name)==null?void 0:B.charAt(0)),1))]),e("div",pt,m((K=t(s))==null?void 0:K.name)+" (你) ",1),y.value?(o(),r("div",ft,[...n[2]||(n[2]=[e("svg",{class:"h-4 w-4 md:h-5 md:w-5",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z","clip-rule":"evenodd"})],-1),e("span",{class:"text-xs font-medium md:text-sm"},"已准备",-1)])])):(o(),r("div",xt," 等待准备... "))],2),e("div",{class:C(["rounded-xl border-2 p-4 text-center transition-all md:p-6",S.value?"border-green-500 bg-green-50 dark:bg-green-900/20":"border-gray-300 dark:border-foreground-deep"])},[h.value&&t(d)?(o(),r(H,{key:0},[e("div",vt,[t(d).avatar?(o(),r("img",{key:0,src:t(d).avatar,class:"mx-auto h-12 w-12 rounded-full md:h-16 md:w-16"},null,8,gt)):(o(),r("div",yt,m((O=t(d).name)==null?void 0:O.charAt(0)),1))]),e("div",_t,m(t(d).name),1),S.value?(o(),r("div",ht,[...n[3]||(n[3]=[e("svg",{class:"h-4 w-4 md:h-5 md:w-5",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z","clip-rule":"evenodd"})],-1),e("span",{class:"text-xs font-medium md:text-sm"},"已准备",-1)])])):(o(),r("div",bt," 等待准备... "))],64)):(o(),r(H,{key:1},[n[4]||(n[4]=$e('<div class="mb-2 md:mb-3"><div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-foreground-mid dark:bg-gray-600 md:h-16 md:w-16"><svg class="h-6 w-6 text-gray-500 md:h-8 md:w-8" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd"></path></svg></div></div><div class="text-xs text-gray-500 md:text-sm"> 等待对手加入... </div>',2))],64))],2)]),e("div",kt,[u.value?(o(),g(t(W),{key:0,type:"button",size:"lg",class:"min-w-40",onClick:z},{default:A(()=>[...n[5]||(n[5]=[V(" 我准备好了！ ",-1)])]),_:1})):y.value?(o(),g(t(W),{key:1,type:"button",size:"lg",class:"min-w-40",disabled:""},{default:A(()=>[...n[6]||(n[6]=[V(" 等待对手准备... ",-1)])]),_:1})):k("",!0)]),e("div",wt,[h.value?y.value?S.value?(o(),r("p",St," 双方已准备，游戏即将开始！ ")):(o(),r("p",$t," 等待对手点击准备... ")):(o(),r("p",Pt,' 点击"我准备好了"按钮开始对战 ')):(o(),r("div",Ct,[n[7]||(n[7]=e("p",{class:"text-xs text-gray-500 md:text-sm"}

2," 复制邀请链接分享给好友开始对战 ",-1)),p(t(W),{size:"lg",class:C(["rounded-xl px-6 py-3 text-sm font-semibold md:text-base",$.value?"bg-green-500 hover:bg-green-600":""]),onClick:_},{default:A(()=>[$.value?(o(),g(I,{key:0,name:"ph:check-bold",class:"h-5 w-5"})):(o(),g(I,{key:1,name:"ph:link-bold",class:"h-5 w-5"})),V(" "+m($.value?"已复制！":"复制邀请链接"),1)]),_:1},8,["class"])]))])])])}}}),Mt=Object.assign(Rt,{__name:"GamePkReadyOverlay"}),It={class:"min-h-0 overflow-y-auto p-4 sm:p-6 md:p-8"},Tt={class:"pk-result-enter mb-6 text-center sm:mb-8"},jt={class:"mb-1 text-2xl font-bold text-foreground sm:text-3xl"},zt={class:"text-sm text-muted-foreground"},At={key:0,class:"pk-result-enter pk-result-enter-delay mb-8 flex items-center justify-center gap-4 sm:mb-10 sm:gap-8"},Gt=["src","alt"],Dt={class:"mt-3 max-w-full truncate px-1 text-sm font-semibold text-foreground"},Et=["src","alt"],Vt={class:"mt-3 max-w-full truncate px-1 text-sm font-semibold text-foreground"},Ot={class:"flex flex-wrap justify-center gap-3"},Nt=400,Ut=J({__name:"PkResultModal",props:{result:{},room:{}},emits:["close"],setup(G,{emit:R}){const P=G,M=R,s=E(!0),{gotoMallDetail:d}=re(),{currentUserId:a,myPlayer:h,opponent:y}=ne(),{playVictorySound:S,playDefeatSound:u,stopGameSoundEffects:T}=ye(),{playRandomConfettiEffect:j,cleanupAllConfettiEffect:$}=Qe(),_=i(()=>{var l;return((l=P.result)==null?void 0:l.draw)??!1}),c=i(()=>!P.result||_.value?!1:P.result.winnerId===a.value),z=i(()=>_.value?"平局":c.value?"胜利！":"失败"),b=i(()=>_.value?"势均力敌，不分伯仲":c.value?"恭喜你赢得了这场对决":"继续努力，下次一定赢"),n=i(()=>{var l,x;return{avatar:((l=h.value)==null?void 0:l.avatar)||"",name:((x=h.value)==null?void 0:x.name)??""}}),I=i(()=>{var l,x;return{avatar:((l=y.value)==null?void 0:l.avatar)||"",name:((x=y.value)==null?void 0:x.name)??""}});let f=null;oe(()=>P.result,l=>{l&&s.value&&(f&&clearTimeout(f),Se(),f=setTimeout(()=>{c.value?(j(),S()):_.value||u(),f=null},300))},{immediate:!0}),Re(()=>{f&&(clearTimeout(f),f=null),T(),$()});function D(){s.value&&(s.value=!1,f&&(clearTimeout(f),f=null),T(),$(),M("close"))}const B=performance.now();function K(l){if(Ae(l)){l.stopPropagation();return}if(l.key==="Enter"||l.key===" "){if(l.preventDefault(),l.stopPropagation(),l.repeat||performance.now()-B<Nt)return;D();return}if(l.key==="Escape"){l.preventDefault(),l.stopPropagation(),D();return}l.stopPropagation()}function O(){s.value&&(s.value=!1,f&&(clearTimeout(f),f=null),T(),$(),d(P.room.coursePackId))}return(l,x)=>(o(),g(t(Me),{open:s.value,"onUpdate:open":x[1]||(x[1]=N=>!N&&D())},{default:A(()=>[p(t(ze),{class:"max-w-2xl","prevent-close":"",onKeydown:K,onKeyup:x[0]||(x[0]=je(()=>{},["stop"]))},{default:A(()=>[e("div",It,[p(t(Ie),{"sr-only":""},{default:A(()=>[V(m(z.value),1)]),_:1}),p(t(Te),{"sr-only":""},{default:A(()=>[V(m(b.value),1)]),_:1}),e("div",Tt,[e("h2",jt,m(z.value),1),e("p",zt,m(b.value),1)]),G.result?(o(),r("div",At,[e("div",{class:C(["flex min-w-0 flex-1 flex-col items-center",!_.value&&!c.value?"opacity-45":""])},[e("img",{src:n.value.avatar,alt:n.value.name,class:C(["size-16 rounded-full object-cover ring-2 sm:size-20",c.value?"ring-primary/40":"ring-border"])},null,10,Gt),e("div",Dt,m(n.value.name),1),e("div",{class:C(["mt-1.5 rounded-full px-3 py-0.5 text-xs font-medium",c.value?"bg-foreground text-background":"bg-muted text-muted-foreground"])},m(_.value?"平局":c.value?"胜者":"败者"),3)],2),x[2]||(x[2]=e("div",{class:"shrink-0 text-sm font-semibold tracking-widest text-muted-foreground"}," VS ",-1)),e("div",{class:C(["flex min-w-0 flex-1 flex-col items-center",!_.value&&c.value?"opacity-45":""])},[e("img",{src:I.value.avatar,alt:I.value.name,class:C(["size-16 rounded-full object-cover ring-2 sm:size-20",!_.value&&!c.value?"ring-primary/40":"ring-border"])},null,10,Et),e("div",Vt,m(I.value.name),1),e("div",{class:C(["mt-1.5 rounded-full px-3 py-0.5 text-xs font-medium",!_.value&&!c.value?"bg-foreground text-background":"bg-muted text-muted-foreground"])},m(_.value?"平局":c.value?"败者":"胜者"),3)],2)])):k("",!0),e("div",Ot,[p(t(W),{type:"button",size:"lg",class:"dialog-touch-target min-w-40",onClick:D},{default:A(()=>

2[...x[3]||(x[3]=[V(" 返回大厅 ",-1)])]),_:1}),c.value?k("",!0):(o(),g(t(W),{key:0,type:"button",variant:"outline",size:"lg",class:"dialog-touch-target min-w-40",onClick:O},{default:A(()=>[...x[4]||(x[4]=[V(" 练习该课程 ",-1)])]),_:1}))])])]),_:1})]),_:1},8,["open"]))}}),se=Object.assign(be(Ut,[["__scopeId","data-v-70baaede"]]),{__name:"GamePkResultModal"}),Bt={class:"relative isolate flex h-screen w-screen flex-col"},Kt={class:"px-3 py-3 md:px-6 md:py-4"},Lt={class:"flex items-center gap-2 md:gap-4"},Wt={class:"flex flex-1 items-center gap-2 md:gap-3"},Ht={class:"shrink-0"},Yt=["src","alt"],Ft={class:"flex-1 min-w-0"},qt={class:"mb-1 flex items-center justify-between text-[10px] md:text-xs"},Jt={class:"truncate font-semibold text-blue-600 dark:text-blue-400"},Qt={class:"ml-1 shrink-0 font-mono text-foreground-deep dark:text-foreground-faint md:ml-2"},Xt={class:"h-2 overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700 md:h-3"},Zt={class:"flex flex-1 items-center gap-2 md:gap-3"},es={class:"flex-1 min-w-0"},ts={class:"mb-1 flex items-center justify-between text-[10px] md:text-xs"},ss={class:"mr-1 shrink-0 font-mono text-foreground-deep dark:text-foreground-faint md:mr-2"},os={class:"truncate font-semibold text-purple-600 dark:text-purple-400"},as={key:0,class:"ml-1 text-[10px] text-red-500"},rs={class:"h-2 overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700 md:h-3"},ns={class:"shrink-0"},ls=["src","alt"],is={class:"mt-2 flex items-center justify-center md:mt-3"},ds={class:"mt-1 flex items-center justify-end gap-3 py-1 md:mt-2 md:py-2"},us={class:"flex-1 overflow-auto"},cs={key:0,class:"flex h-full gap-6"},ms={class:"game-layers relative flex-1 rounded-2xl from-purple-500/5 to-blue-500/5 p-1 md:p-6 dark:from-blue-500/5 dark:to-purple-500/5"},ps={class:"game-content-layer"},fs={key:1,class:"flex h-full gap-6"},xs={class:"game-layers relative flex-1 rounded-2xl from-purple-500/5 to-blue-500/5 p-1 md:p-6 dark:from-blue-500/5 dark:to-purple-500/5"},vs={class:"game-content-layer"},gs={key:2,class:"flex h-full flex-col"},ys={key:0,class:"mb-3 h-[32vh] min-h-[180px] shrink-0 overflow-hidden"},_s={class:"game-layers relative flex-1 rounded-2xl from-purple-500/5 to-blue-500/5 p-1 md:p-6 dark:from-blue-500/5 dark:to-purple-500/5"},hs={class:"game-content-layer"},bs=J({__name:"[roomCode]",setup(G){const{gotoPk:R}=re(),P=Ne(),M=Ge(),s=De(),d=Xe(Ee.PK),a=ae(),h=Le(),{myPlayer:y,opponent:S}=ne(),u=Ve(),{width:T}=Oe(),j=i(()=>T.value<768),$=E(!0),_=E(!1),c=E(!1),z=E(!1),b=i(()=>P.params.roomCode),n=i(()=>{var v;return!j.value&&s.isMediaCourse&&((v=s.currentCourse)==null?void 0:v.type)==="video"}),I=i(()=>{var v;return((v=s.currentCourse)==null?void 0:v.type)==="picture"&&!!s.currentCourse.image}),f=i(()=>!j.value&&I.value),D=i(()=>j.value&&I.value),B=i(()=>{const v=u.video.ratio,[w,U]=v.split(":").map(Number);return{video:`${w}%`,exercise:`${U}%`}}),K=i(()=>a.isWaiting&&!z.value),O=i(()=>s.status!==Ue.NOT_PLAYED),l=i(()=>s.progressDiff>0?"text-green-500":s.progressDiff<0?"text-red-500":"text-gray-500");_e(async()=>{var v,w;try{if(await M.init(),d.isStale())return;const U=d.own(s.beginRun()),L=await a.enterRoom(b.value);if(!L||d.isStale()||(await s.init(L,U),d.isStale()))return;if(j.value&&((v=s.currentCourse)==null?void 0:v.type)==="video"){Be.info("视频课程暂不支持移动端，请在电脑上体验",{duration:2e3,onAutoClose:()=>{R()}}),$.value=!1;return}if(s.isMediaCourse&&(((w=s.currentCourse)==null?void 0:w.type)==="video"&&($.value=!1,await fe()),await h.preloadMedia(),d.isStale()))return;Ze.checkAndSwitch(),await s.smartStart(L,U)}catch(U){if(d.isStale())return;console.error(U),R()}finally{$.value=!1}}),oe(()=>{var v;return(v=a.room)==null?void 0:v.status},(v,w)=>{v===xe.PLAYING&&w===xe.WAITING&&!z.value&&(ve.pkGameStart(),z.value=!0)}),oe(()=>a.gameResult,v=>{v&&(ve.pkGameComplete(),_.value=!0)});function x(){z.value=!1,s.start()}async function N(){await R(),fe(()=>{s.exit(d.ownerId())})}return Ke(()=>{s.exit(d.ownerId())}),(v,w)=>{var L,le,ie,de,ue,ce,me,pe;const U=ke;return o(),r("div",Bt,[p(qe),$.value?(o(),g(U,{key:0})):(o(),r(H,{key:1},[z.value?(o(),g(at,{key:0,onComplete:x})):k("",!0),K.value?(o(),g(Mt,{key:1})):k("",!0),e("div",Kt,[e("div",Lt,[e("div",Wt,[e("div",Ht,[e("img",{src:(L=t(y))==null?void 0:L.avatar,alt:(le=t(y))==null?void 0:le.name,class:"h-8 w-8 rounded-full border-2 border-blue-500 object-cover md:h-12 md:w-12"},null,8,Yt)]),e("div",Ft,[e("div",qt,[e("span",Jt,m((ie=t(y))==null?void 0:ie.name),1),e("span",Qt,m(t(s).myCompletedCount)+"/"+m(t(s).exercisesSize),1)]),e("div",Xt,[e("div",{class:"h-full bg-gradient-to-r from-blue-500 to-blue-600 transition-all duration-300",style:Q({width:`${t(s).myProgressPercent}%`})},null,4)])])]),w[3]||(w[3]=e("div",{class:"flex shrink-0 flex-col items-center"},[e("span",{class:"bg-gradient-to-r from-purple-600 via-pink-500 to-blue-600 bg-clip-text text-2xl font-black italic text-transparent drop-shadow-lg dark:from-purple-400 dark:via-pink-400 dark:to-blue-400 md:text-4xl"}," VS ")],-1)),e("div",Zt,[e("div",es,[e("div",ts,[e("span",ss,m(t(s).opponentCompletedCount)+"/"+m(t(s).exercisesSize),1),e("span",os,[V(m((de=t(S))==null?void 0:de.name)+" ",1),t(a).isOpponentDisconnected?(o(),r("span",as," (断线) ")):k("",!0)])]),e("div",rs,[e("div",{class:"ml-auto h-full bg-gradient-to-l from-purple-500 to-purple-600 transition-all duration-300",style:Q({width:`${t(s).opponentProgressPercent}%`})},null,4)])]),e("div",ns,[e("img",{src:(ue=t(S))==null?void 0:ue.avatar,alt:(ce=t(S))==null?void 0:ce.name,class:"h-8 w-8 rounded-full border-2 border-purple-500 object-cover md:h-12 md:w-12"},null,8,ls)])])]),e("div",is,[e("div",{class:C(["rounded-full px-3 py-1 text-xs font-bold shadow-md transition-all duration-300 md:px-4 md:py-1.5 md:text-sm",[l.value,t(s).isLeading?"bg-green-100 dark:bg-green-900/30":t(s).isBehind?"bg-red-100 dark:bg-red-900/30":"bg-gray-100 dark:bg-gray-800"]])},m(t(s).progressDiffText),3)]),e("div",ds,[p(Ye)])]),e("div",us,[e("div",{class:C(["mx-auto h-full p-6",{"max-w-screen-xl":!n.value&&!f.value}])},[n.value?(o(),r("div",cs,[e("div",{class:C(["flex shrink-0 items-center justify-center",{"order-1":t(u).video.position!==t(F).Right,"order-2":t(u).video.position===t(F).Right}]),style:Q({width:B.value.video,minWidth:"280px"})}

2,[p(Fe)],6),e("div",{class:C(["flex min-w-0 flex-grow flex-col",{"order-2":t(u).video.position!==t(F).Right,"order-1":t(u).video.position===t(F).Right}])},[e("div",ms,[e("div",ps,[O.value?(o(),r(H,{key:0},[t(s).isDictationMode?(o(),g(ee,{key:0})):t(s).isChineseToEnglishMode?(o(),g(Z,{key:1})):k("",!0),p(X)],64)):k("",!0)]),p(te,{modelValue:c.value,"onUpdate:modelValue":w[0]||(w[0]=Y=>c.value=Y),onConfirm:N},null,8,["modelValue"]),_.value?(o(),g(se,{key:0,result:t(a).gameResult,room:t(a).room,onClose:N},null,8,["result","room"])):k("",!0)])],2)])):f.value?(o(),r("div",fs,[e("div",{class:C(["pk-picture-image-area flex items-center justify-center",{"order-1":t(u).answer.imagePosition===t(q).Left,"order-2":t(u).answer.imagePosition===t(q).Right}])},[p(ge,{course:t(s).currentCourse,"current-sentence-id":(me=t(s).currentExercise)==null?void 0:me.sentenceId},null,8,["course","current-sentence-id"])],2),e("div",{class:C(["pk-picture-exercise-area flex flex-col",{"order-2":t(u).answer.imagePosition===t(q).Left,"order-1":t(u).answer.imagePosition===t(q).Right}])},[e("div",xs,[e("div",vs,[O.value?(o(),r(H,{key:0},[t(s).isDictationMode?(o(),g(ee,{key:0})):t(s).isChineseToEnglishMode?(o(),g(Z,{key:1})):k("",!0),p(X)],64)):k("",!0)]),p(te,{modelValue:c.value,"onUpdate:modelValue":w[1]||(w[1]=Y=>c.value=Y),onConfirm:N},null,8,["modelValue"]),_.value?(o(),g(se,{key:0,result:t(a).gameResult,room:t(a).room,onClose:N},null,8,["result","room"])):k("",!0)])],2)])):(o(),r("div",gs,[D.value?(o(),r("div",ys,[p(ge,{course:t(s).currentCourse,"current-sentence-id":(pe=t(s).currentExercise)==null?void 0:pe.sentenceId},null,8,["course","current-sentence-id"])])):k("",!0),e("div",_s,[p(He,{"is-picture-book-mode":!1}),e("div",hs,[O.value?(o(),r(H,{key:0},[t(s).isDictationMode?(o(),g(ee,{key:0})):t(s).isChineseToEnglishMode?(o(),g(Z,{key:1})):k("",!0),p(X)],64)):k("",!0)]),p(te,{modelValue:c.value,"onUpdate:modelValue":w[2]||(w[2]=Y=>c.value=Y),onConfirm:N},null,8,["modelValue"]),_.value?(o(),g(se,{key:0,result:t(a).gameResult,room:t(a).room,onClose:N},null,8,["result","room"])):k("",!0)])]))],2)]),p(We,{top:"4rem"})],64))])}}}),ro=be(bs,[["__scopeId","data-v-1106be65"]]);export{ro as default};