import{d as P,r as m,d0 as j,e as N,ec as z,b2 as A,b as B,o as c,c as y,f as t,B as r,C as l,a as s,G as h,D as x,a0 as w,F as O,P as S,A as F,at as G,a6 as L,L as Q,Q as K,R as M}from"./index-b9299550.js";import{E as W}from"./el-card-0ae6fb5f.js";import{f as q}from"./formatTime-988372b6.js";import{g as H}from"./index-bf68c5cb.js";import{u as X}from"./useMessage-903d430d.js";const Y={class:"flex"},Z={class:"flex items-center"},ee={class:"flex"},le={class:"max-h-80 overflow-auto"},ae={class:"flex items-center"},se=P({name:"InfraWebSocket",__name:"index",setup(te){const g=X(),p=m("https://pt.letcgo.com/infra/ws".replace("http","ws")+"?token="+j()),o=N(()=>b.value==="OPEN"),$=N(()=>o.value?"success":"red"),{status:b,data:n,send:D,close:I,open:R}=z(p.value,{autoReconnect:!1,heartbeat:!0}),v=m([]);A(()=>{if(n.value)try{if(n.value==="pong")return;const d=JSON.parse(n.value),e=d.type,u=JSON.parse(d.content);if(!e)return void g.error("\u672A\u77E5\u7684\u6D88\u606F\u7C7B\u578B\uFF1A"+n.value);if(e==="demo-message-receive")return void(u.single?v.value.push({text:`\u3010\u5355\u53D1\u3011\u7528\u6237\u7F16\u53F7(${u.fromUserId})\uFF1A${u.text}`,time:new Date().getTime()}):v.value.push({text:`\u3010\u7FA4\u53D1\u3011\u7528\u6237\u7F16\u53F7(${u.fromUserId})\uFF1A${u.text}`,time:new Date().getTime()}));if(e==="notice-push")return void v.value.push({text:`\u3010\u7CFB\u7EDF\u901A\u77E5\u3011\uFF1A${u.title}`,time:new Date().getTime()});g.error("\u672A\u5904\u7406\u6D88\u606F\uFF1A"+n.value)}catch{g.error("\u5904\u7406\u6D88\u606F\u53D1\u751F\u5F02\u5E38\uFF1A"+n.value)}});const i=m(""),f=m(""),C=()=>{const d=JSON.stringify({text:i.value,toUserId:f.value}),e=JSON.stringify({type:"demo-message-send",content:d});D(e),i.value=""},T=()=>{o.value?I():R()},k=m([]);return B(async()=>{k.value=await H()}),(d,e)=>{const u=G,V=L,_=Q,U=K,E=M,J=W;return c(),y("div",Y,[t(J,{gutter:12,class:"w-1/2",shadow:"always"},{header:r(()=>e[3]||(e[3]=[l("div",{class:"card-header"},[l("span",null,"\u8FDE\u63A5")],-1)])),default:r(()=>[l("div",Z,[e[4]||(e[4]=l("span",{class:"mr-4 text-lg font-medium"}," \u8FDE\u63A5\u72B6\u6001: ",-1)),t(u,{color:s($)},{default:r(()=>[h(x(s(b)),1)]),_:1},8,["color"])]),e[7]||(e[7]=l("hr",{class:"my-4"},null,-1)),l("div",ee,[t(V,{modelValue:s(p),"onUpdate:modelValue":e[0]||(e[0]=a=>w(p)?p.value=a:null),disabled:""},{prepend:r(()=>e[5]||(e[5]=[h("\u670D\u52A1\u5730\u5740")])),_:1},8,["modelValue"]),t(_,{type:s(o)?"danger":"primary",onClick:T},{default:r(()=>[h(x(s(o)?"\u5173\u95ED\u8FDE\u63A5":"\u5F00\u542F\u8FDE\u63A5"),1)]),_:1},8,["type"])]),e[8]||(e[8]=l("p",{class:"mt-4 text-lg font-medium"},"\u6D88\u606F\u8F93\u5165\u6846",-1)),e[9]||(e[9]=l("hr",{class:"my-4"},null,-1)),t(V,{modelValue:s(i),"onUpdate:modelValue":e[1]||(e[1]=a=>w(i)?i.value=a:null),autosize:{minRows:2,maxRows:4},disabled:!s(o),clearable:"",type:"textarea",placeholder:"\u8BF7\u8F93\u5165\u4F60\u8981\u53D1\u9001\u7684\u6D88\u606F"},null,8,["modelValue","disabled"]),t(E,{modelValue:s(f),"onUpdate:modelValue":e[2]||(e[2]=a=>w(f)?f.value=a:null),class:"mt-4",placeholder:"\u8BF7\u9009\u62E9\u53D1\u9001\u4EBA"},{default:r(()=>[t(U,{key:"",label:"\u6240\u6709\u4EBA",value:""}),(c(!0),y(O,null,S(s(k),a=>(c(),F(U,{key:a.id,label:a.nickname,value:a.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),t(_,{disabled:!s(o),block:"",class:"ml-2 mt-4",type:"primary",onClick:C},{default:r(()=>e[6]||(e[6]=[h(" \u53D1\u9001 ")])),_:1},8,["disabled"])]),_:1}),t(J,{gutter:12,class:"w-1/2",shadow:"always"},{header:r(()=>e[10]||(e[10]=[l("div",{class:"card-header"},[l("span",null,"\u6D88\u606F\u8BB0\u5F55")],-1)])),default:r(()=>[l("div",le,[l("ul",null,[(c(!0),y(O,null,S(s(v).reverse(),a=>(c(),y("li",{key:a.time,class:"mt-2"},[l("div",ae,[e[11]||(e[11]=l("span",{class:"text-primary mr-2 font-medium"},"\u6536\u5230\u6D88\u606F:",-1)),l("span",null,x(s(q)(a.time)),1)]),l("div",null,x(a.text),1)]))),128))])])]),_:1})])}}});export{se as default};