| 1 |
- var w=Object.defineProperty,A=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var y=(e,t,a)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,B=(e,t)=>{for(var a in t||(t={}))I.call(t,a)&&y(e,a,t[a]);if(b)for(var a of b(t))E.call(t,a)&&y(e,a,t[a]);return e},k=(e,t)=>A(e,C(t));import{j as O,a as V,I as _,s as L,eg as x,K as S,c as g,f4 as N,ai as P,O as r,o as h,Q as W,x as u,f as s,i as l,y as d,z as c,e as F,au as $,T as M}from"./index.ae52ebae.js";import{T as R}from"./index.4040b11d.js";import{P as U}from"./index.11cb8430.js";import"./index.c4be8493.js";import"./index.ddcc0e35.js";import"./useSize.9b10dc05.js";import"./eagerComputed.94e91cab.js";import"./onMountedOrActivated.c176aad3.js";import"./useWindowSizeFn.d176b3a5.js";import"./useContentViewHeight.2a59a8a3.js";import"./ArrowLeftOutlined.0f7d1b9e.js";const j=V({components:{PageWrapper:U,[_.name]:_,InputTextArea:_.TextArea,Tag:R},setup(){const e=L({server:"ws://localhost:3300/test",sendValue:"",recordList:[]}),{status:t,data:a,send:v,close:T,open:D}=x(e.server,{autoReconnect:!1,heartbeat:!0});S(()=>{if(a.value)try{const o=JSON.parse(a.value);e.recordList.push(o)}catch(o){e.recordList.push({res:a.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():D()}return k(B({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"},K={class:"flex items-center"},Q=s("span",{class:"text-lg font-medium mr-4"}," \u8FDE\u63A5\u72B6\u6001: ",-1),q=s("hr",{class:"my-4"},null,-1),G={class:"flex"},H=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"},ae=s("span",{class:"mr-2 text-primary font-medium"},"\u6536\u5230\u6D88\u606F:",-1);function oe(e,t,a,v,T,D){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",K,[Q,l(n,{color:e.getTagColor},{default:u(()=>[d(c(e.status),1)]),_:1},8,["color"])]),q,s("div",G,[l(p,{value:e.server,"onUpdate:value":t[0]||(t[0]=o=>e.server=o),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"])]),H,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]=o=>e.sendValue=o),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,o=>(h(),F("li",{class:"mt-2",key:o.time},[s("div",se,[ae,s("span",null,c(e.formatToDateTime(o.time)),1)]),s("div",null,c(o.res),1)]))),128))])])])])]),_:1})}var he=O(j,[["render",oe]]);export{he as default};
|
