var k=Object.defineProperty,I=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var D=(e,t,o)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,w=(e,t)=>{for(var o in t||(t={}))C.call(t,o)&&D(e,o,t[o]);if(B)for(var o of B(t))E.call(t,o)&&D(e,o,t[o]);return e},y=(e,t)=>I(e,A(t));import{aw as L,a as V,I as _,v as O,fL as S,L as x,f as g,eI as N,b7 as P,w as r,o as h,j as W,z as u,m as s,n as l,B as d,t as c,h as F,F as $,b2 as M}from"./index.7e08ba81.js";import{T as R}from"./index.673e5955.js";import{P as U}from"./index.334036fa.js";import"./index.ea1692d3.js";import"./index.3132743a.js";import"./useSize.1210be5f.js";import"./eagerComputed.41f917f7.js";import"./useWindowSizeFn.9cd1b73f.js";import"./useContentViewHeight.eee5bfce.js";import"./ArrowLeftOutlined.8453d1a8.js";import"./index.492f2ae6.js";import"./transButton.38e068f8.js";const j=V({components:{PageWrapper:U,[_.name]:_,InputTextArea:_.TextArea,Tag:R},setup(){const e=O({server:"ws://localhost:3300/test",sendValue:"",recordList:[]}),{status:t,data:o,send:v,close:T,open:b}=S(e.server,{autoReconnect:!1,heartbeat:!0});x(()=>{if(o.value)try{const a=JSON.parse(o.value);e.recordList.push(a)}catch(a){e.recordList.push({res:o.value,id:Math.ceil(Math.random()*1e3),time:new Date().getTime()})}});const n=g(()=>t.value==="OPEN"),p=g(()=>n.value?"success":"red"),i=g(()=>[...e.recordList].reverse());function m(){v(e.sendValue),e.sendValue=""}function f(){n.value?T():b()}return y(w({status:t,formatToDateTime:N},P(e)),{handlerSend:m,getList:i,toggle:f,getIsOpen:n,getTagColor:p})}}),z={class:"flex"},J={class:"w-1/3 bg-white p-4"},q={class:"flex items-center"},G=s("span",{class:"text-lg font-medium mr-4"}," \u8FDE\u63A5\u72B6\u6001: ",-1),H=s("hr",{class:"my-4"},null,-1),K={class:"flex"},Q=s("p",{class:"text-lg font-medium mt-4"},"\u8BBE\u7F6E",-1),X=s("hr",{class:"my-4"},null,-1),Y={class:"w-2/3 bg-white ml-4 p-4"},Z=s("span",{class:"text-lg font-medium mr-4"}," \u6D88\u606F\u8BB0\u5F55: ",-1),ee=s("hr",{class:"my-4"},null,-1),te={class:"max-h-80 overflow-auto"},se={class:"flex items-center"},oe=s("span",{class:"mr-2 text-primary font-medium"},"\u6536\u5230\u6D88\u606F:",-1);function ae(e,t,o,v,T,b){const n=r("Tag"),p=r("a-input"),i=r("a-button"),m=r("InputTextArea"),f=r("PageWrapper");return h(),W(f,{title:"WebSocket \u793A\u4F8B"},{default:u(()=>[s("div",z,[s("div",J,[s("div",q,[G,l(n,{color:e.getTagColor},{default:u(()=>[d(c(e.status),1)]),_:1},8,["color"])]),H,s("div",K,[l(p,{value:e.server,"onUpdate:value":t[0]||(t[0]=a=>e.server=a),disabled:""},{addonBefore:u(()=>[d(" \u670D\u52A1\u5730\u5740 ")]),_:1},8,["value"]),l(i,{type:e.getIsOpen?"danger":"primary",onClick:e.toggle},{default:u(()=>[d(c(e.getIsOpen?"\u5173\u95ED\u8FDE\u63A5":"\u5F00\u542F\u8FDE\u63A5"),1)]),_:1},8,["type","onClick"])]),Q,X,l(m,{placeholder:"\u9700\u8981\u53D1\u9001\u5230\u670D\u52A1\u5668\u7684\u5185\u5BB9",disabled:!e.getIsOpen,value:e.sendValue,"onUpdate:value":t[1]||(t[1]=a=>e.sendValue=a),allowClear:""},null,8,["disabled","value"]),l(i,{type:"primary",block:"",class:"mt-4",disabled:!e.getIsOpen,onClick:e.handlerSend},{default:u(()=>[d(" \u53D1\u9001 ")]),_:1},8,["disabled","onClick"])]),s("div",Y,[Z,ee,s("div",te,[s("ul",null,[(h(!0),F($,null,M(e.getList,a=>(h(),F("li",{class:"mt-2",key:a.time},[s("div",se,[oe,s("span",null,c(e.formatToDateTime(a.time)),1)]),s("div",null,c(a.res),1)]))),128))])])])])]),_:1})}var ve=L(j,[["render",ae]]);export{ve as default};