import{d as S,r as i,G as T,bw as V,a as h,f as N,e as a,b as n,H as p,h as v,I as f,q as d,Y as E,bh as x,be as y,F as A,ae as D,b3 as W,ab as B,ac as G,b4 as L}from"./index-e450010e.js";const M=d("span",null,"This is a message",-1),U={class:"dialog-footer"},$={class:"app-container"},H=S({__name:"page",setup(F){const u=i(""),o=i(null);T(()=>{b()}),V(()=>{o.value&&o.value.close()});function b(){o.value=new WebSocket("ws://127.0.0.1:17777/ws/websocketDemo"),o.value.onopen=function(l){console.log("WebSocket 连接已打开",l)},o.value.onerror=function(l){console.error("WebSocket 出错",l)},o.value.onmessage=function(l){console.log("收到消息",l.data)},o.value.onclose=function(l){console.log("WebSocket 连接已关闭",l),setTimeout(b,3e3)}}function g(){o.value&&o.value.readyState===WebSocket.OPEN?o.value.send(u.value):console.error("WebSocket 连接未打开")}const c=i("初始内容"),_=[{date:"2016-05-03",name:"Tom",address:"No. 189, Grove St, Los Angeles"},{date:"2016-05-02",name:"Tom",address:"No. 189, Grove St, Los Angeles"},{date:"2016-05-04",name:"Tom",address:"No. 189, Grove St, Los Angeles"},{date:"2016-05-01",name:"Tom",address:"No. 189, Grove St, Los Angeles"}],s=i(!1),k=l=>{D.confirm("Are you sure to close this dialog?").then(()=>{l()}).catch(()=>{})};return(l,e)=>{const r=W,m=B,w=G,C=L;return h(),N(A,null,[a(C,{data:_,border:"",style:{width:"100%"}},{default:n(()=>[a(r,{prop:"date",label:"Date",width:"180"}),a(r,{prop:"name",label:"Name",width:"180"}),a(r,{prop:"address",label:"Address"}),a(r,null,{default:n(()=>[a(m,{plain:"",onClick:e[0]||(e[0]=t=>s.value=!0)},{default:n(()=>[p(" Click to open the Dialog ")]),_:1}),a(w,{modelValue:v(s),"onUpdate:modelValue":e[3]||(e[3]=t=>f(s)?s.value=t:null),title:"Tips",width:"500","before-close":k},{footer:n(()=>[d("div",U,[a(m,{onClick:e[1]||(e[1]=t=>s.value=!1)},{default:n(()=>[p("Cancel")]),_:1}),a(m,{type:"primary",onClick:e[2]||(e[2]=t=>s.value=!1)},{default:n(()=>[p(" Confirm ")]),_:1})])]),default:n(()=>[M]),_:1},8,["modelValue"])]),_:1})]),_:1}),d("div",null,[E(d("input",{"onUpdate:modelValue":e[4]||(e[4]=t=>f(u)?u.value=t:null),placeholder:"输入消息"},null,512),[[x,v(u)]]),d("button",{onClick:g},"发送")]),d("div",$,[a(y,{modelValue:v(c),"onUpdate:modelValue":e[5]||(e[5]=t=>f(c)?c.value=t:null),style:{height:"calc(100vh - 124px)"}},null,8,["modelValue"])])],64)}}});export{H as default};