index-2aa54749.js 3.8 KB

1
  1. var q=Object.defineProperty,F=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var S=(a,l,t)=>l in a?q(a,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[l]=t,D=(a,l)=>{for(var t in l||(l={}))H.call(l,t)&&S(a,t,l[t]);if(A)for(var t of A(l))K.call(l,t)&&S(a,t,l[t]);return a},N=(a,l)=>F(a,G(l));var W=(a,l,t)=>new Promise((y,_)=>{var T=n=>{try{c(t.next(n))}catch(u){_(u)}},b=n=>{try{c(t.throw(n))}catch(u){_(u)}},c=n=>n.done?y(n.value):Promise.resolve(n.value).then(T,b);c((t=t.apply(a,l)).next())});import{d as $,I as O,T as Q,f as X,dz as Y,a6 as Z,A as k,dl as ee,a8 as ae,_ as te,y as d,o as C,c as se,w as m,a as s,e as p,b as g,t as h,l as M,N as le,O as re,__tla as ne}from"./index-b5895273.js";import{P as oe,__tla as ce}from"./index-3705f1a8.js";import{__tla as ue}from"./onMountedOrActivated-6125a24a.js";import{__tla as ie}from"./useWindowSizeFn-a59bee15.js";import{__tla as de}from"./useContentViewHeight-cd147d02.js";let U,me=Promise.all([(()=>{try{return ne}catch(a){}})(),(()=>{try{return ce}catch(a){}})(),(()=>{try{return ue}catch(a){}})(),(()=>{try{return ie}catch(a){}})(),(()=>{try{return de}catch(a){}})()]).then(()=>W(void 0,null,function*(){const a=$({components:{PageWrapper:oe,[O.name]:O,InputTextArea:O.TextArea,Tag:Q},setup(){const e=X({server:"ws://localhost:3300/test",sendValue:"",recordList:[]}),{status:o,data:f,send:L,close:P,open:V}=Y(e.server,{autoReconnect:!1,heartbeat:!0});Z(()=>{if(f.value)try{const r=JSON.parse(f.value);e.recordList.push(r)}catch(r){e.recordList.push({res:f.value,id:Math.ceil(Math.random()*1e3),time:new Date().getTime()})}});const i=k(()=>o.value==="OPEN"),x=k(()=>i.value?"success":"red"),v=k(()=>[...e.recordList].reverse());function w(){L(e.sendValue),e.sendValue=""}function I(){i.value?P():V()}return N(D({status:o,formatToDateTime:ee},ae(e)),{handlerSend:w,getList:v,toggle:I,getIsOpen:i,getTagColor:x})}}),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),T=s("hr",{class:"my-4"},null,-1),b={class:"flex"},c=s("p",{class:"text-lg font-medium mt-4"},"\u8BBE\u7F6E",-1),n=s("hr",{class:"my-4"},null,-1),u={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),B=s("hr",{class:"my-4"},null,-1),E={class:"max-h-80 overflow-auto"},J={class:"flex items-center"},R=s("span",{class:"mr-2 text-primary font-medium"},"\u6536\u5230\u6D88\u606F:",-1);function j(e,o,f,L,P,V){const i=d("Tag"),x=d("a-input"),v=d("a-button"),w=d("InputTextArea"),I=d("PageWrapper");return C(),se(I,{title:"WebSocket \u793A\u4F8B"},{default:m(()=>[s("div",l,[s("div",t,[s("div",y,[_,p(i,{color:e.getTagColor},{default:m(()=>[g(h(e.status),1)]),_:1},8,["color"])]),T,s("div",b,[p(x,{value:e.server,"onUpdate:value":o[0]||(o[0]=r=>e.server=r),disabled:""},{addonBefore:m(()=>[g(" \u670D\u52A1\u5730\u5740 ")]),_:1},8,["value"]),p(v,{type:e.getIsOpen?"danger":"primary",onClick:e.toggle},{default:m(()=>[g(h(e.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:!e.getIsOpen,value:e.sendValue,"onUpdate:value":o[1]||(o[1]=r=>e.sendValue=r),allowClear:""},null,8,["disabled","value"]),p(v,{type:"primary",block:"",class:"mt-4",disabled:!e.getIsOpen,onClick:e.handlerSend},{default:m(()=>[g(" \u53D1\u9001 ")]),_:1},8,["disabled","onClick"])]),s("div",u,[z,B,s("div",E,[s("ul",null,[(C(!0),M(le,null,re(e.getList,r=>(C(),M("li",{class:"mt-2",key:r.time},[s("div",J,[R,s("span",null,h(e.formatToDateTime(r.time)),1)]),s("div",null,h(r.res),1)]))),128))])])])])]),_:1})}U=te(a,[["render",j]])}));export{me as __tla,U as default};