var $=Object.defineProperty,j=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var S=(e,l,t)=>l in e?$(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,A=(e,l)=>{for(var t in l||(l={}))z.call(l,t)&&S(e,t,l[t]);if(D)for(var t of D(l))G.call(l,t)&&S(e,t,l[t]);return e},W=(e,l)=>j(e,q(l));var E=(e,l,t)=>new Promise((y,_)=>{var x=n=>{try{c(t.next(n))}catch(i){_(i)}},T=n=>{try{c(t.throw(n))}catch(i){_(i)}},c=n=>n.done?y(n.value):Promise.resolve(n.value).then(x,T);c((t=t.apply(e,l)).next())});import{P as K,__tla as Q}from"./index-e26b3a3c.js";import{aL as X,ay as Y,_ as Z,__tla as aa}from"./index-f0df2f76.js";import{V as C,a2 as ea}from"./antd-057b41b1.js";import{d as ta,r as sa,s as la,e as I,H as ra,a7 as d,_ as L,a8 as na,a9 as m,a3 as s,f as p,E as g,a6 as h,$ as M,F as oa,aa as ca}from"./vue-1631514e.js";import{__tla as ia}from"./useContentViewHeight-c315421e.js";import{__tla as ua}from"./useWindowSizeFn-53b82e7c.js";import"./onMountedOrActivated-5690e97c.js";let N,da=Promise.all([(()=>{try{return Q}catch(e){}})(),(()=>{try{return aa}catch(e){}})(),(()=>{try{return ia}catch(e){}})(),(()=>{try{return ua}catch(e){}})()]).then(()=>E(void 0,null,function*(){const e=ta({components:{PageWrapper:K,[C.name]:C,InputTextArea:C.TextArea,Tag:ea},setup(){const a=sa({server:"ws://localhost:3300/test",sendValue:"",recordList:[]}),{status:o,data:f,send:O,close:V,open:P}=X(a.server,{autoReconnect:!1,heartbeat:!0});la(()=>{if(f.value)try{const r=JSON.parse(f.value);a.recordList.push(r)}catch(r){a.recordList.push({res:f.value,id:Math.ceil(Math.random()*1e3),time:new Date().getTime()})}});const u=I(()=>o.value==="OPEN"),b=I(()=>u.value?"success":"red"),v=I(()=>[...a.recordList].reverse());function w(){O(a.sendValue),a.sendValue=""}function k(){u.value?V():P()}return W(A({status:o,formatToDateTime:Y},ra(a)),{handlerSend:w,getList:v,toggle:k,getIsOpen:u,getTagColor:b})}}),l={class:"flex"},t={class:"w-1/3 bg-white p-4"},y={class:"flex items-center"},_=s("span",{class:"text-lg font-medium mr-4"}," \u8FDE\u63A5\u72B6\u6001: ",-1),x=s("hr",{class:"my-4"},null,-1),T={class:"flex"},c=s("p",{class:"text-lg font-medium mt-4"},"\u8BBE\u7F6E",-1),n=s("hr",{class:"my-4"},null,-1),i={class:"w-2/3 bg-white ml-4 p-4"},U=s("span",{class:"text-lg font-medium mr-4"}," \u6D88\u606F\u8BB0\u5F55: ",-1),B=s("hr",{class:"my-4"},null,-1),F={class:"max-h-80 overflow-auto"},H={class:"flex items-center"},J=s("span",{class:"mr-2 text-primary font-medium"},"\u6536\u5230\u6D88\u606F:",-1);function R(a,o,f,O,V,P){const u=d("Tag"),b=d("a-input"),v=d("a-button"),w=d("InputTextArea"),k=d("PageWrapper");return L(),na(k,{title:"WebSocket \u793A\u4F8B"},{default:m(()=>[s("div",l,[s("div",t,[s("div",y,[_,p(u,{color:a.getTagColor},{default:m(()=>[g(h(a.status),1)]),_:1},8,["color"])]),x,s("div",T,[p(b,{value:a.server,"onUpdate:value":o[0]||(o[0]=r=>a.server=r),disabled:""},{addonBefore:m(()=>[g(" \u670D\u52A1\u5730\u5740 ")]),_:1},8,["value"]),p(v,{type:a.getIsOpen?"danger":"primary",onClick:a.toggle},{default:m(()=>[g(h(a.getIsOpen?"\u5173\u95ED\u8FDE\u63A5":"\u5F00\u542F\u8FDE\u63A5"),1)]),_:1},8,["type","onClick"])]),c,n,p(w,{placeholder:"\u9700\u8981\u53D1\u9001\u5230\u670D\u52A1\u5668\u7684\u5185\u5BB9",disabled:!a.getIsOpen,value:a.sendValue,"onUpdate:value":o[1]||(o[1]=r=>a.sendValue=r),allowClear:""},null,8,["disabled","value"]),p(v,{type:"primary",block:"",class:"mt-4",disabled:!a.getIsOpen,onClick:a.handlerSend},{default:m(()=>[g(" \u53D1\u9001 ")]),_:1},8,["disabled","onClick"])]),s("div",i,[U,B,s("div",F,[s("ul",null,[(L(!0),M(oa,null,ca(a.getList,r=>(L(),M("li",{class:"mt-2",key:r.time},[s("div",H,[J,s("span",null,h(a.formatToDateTime(r.time)),1)]),s("div",null,h(r.res),1)]))),128))])])])])]),_:1})}N=Z(e,[["render",R]])}));export{da as __tla,N as default};