| 1 |
- var I=Object.defineProperty,w=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var y=(e,t,o)=>t in e?I(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,B=(e,t)=>{for(var o in t||(t={}))C.call(t,o)&&y(e,o,t[o]);if(D)for(var o of D(t))E.call(t,o)&&y(e,o,t[o]);return e},F=(e,t)=>w(e,A(t));import{av as L,a as V,I as f,v as O,fL as S,K as x,f as v,eI as N,b7 as P,a_ as r,o as g,j as W,y as u,m as s,n as l,z as d,t as c,h as k,F as $,b2 as M}from"./index.f9240906.js";import{T as R}from"./index.fe79a0f6.js";import{P as U}from"./index.ab16c1d0.js";import"./index.963f7d97.js";import"./index.e6f3c6c4.js";import"./useSize.3965ca89.js";import"./eagerComputed.938959e2.js";import"./useWindowSizeFn.e05ba499.js";import"./useContentViewHeight.51fb01ea.js";import"./ArrowLeftOutlined.8ef55b3d.js";import"./index.ae5f4215.js";import"./transButton.bc515676.js";const j=V({components:{PageWrapper:U,[f.name]:f,InputTextArea:f.TextArea,Tag:R},setup(){const e=O({server:"ws://localhost:3300/test",sendValue:"",recordList:[]}),{status:t,data:o,send:h,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=v(()=>t.value==="OPEN"),p=v(()=>n.value?"success":"red"),i=v(()=>[...e.recordList].reverse());function m(){h(e.sendValue),e.sendValue=""}function _(){n.value?T():b()}return F(B({status:t,formatToDateTime:N},P(e)),{handlerSend:m,getList:i,toggle:_,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),G=s("hr",{class:"my-4"},null,-1),H={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,h,T,b){const n=r("Tag"),p=r("a-input"),i=r("a-button"),m=r("InputTextArea"),_=r("PageWrapper");return g(),W(_,{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"])]),G,s("div",H,[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,[(g(!0),k($,null,M(e.getList,a=>(g(),k("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 he=L(j,[["render",ae]]);export{he as default};
|
