2 lines
3.8 KiB
Java
2 lines
3.8 KiB
Java
var O=Object.defineProperty,S=Object.defineProperties;var x=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var C=(t,e,o)=>e in t?O(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,I=(t,e)=>{for(var o in e||(e={}))A.call(e,o)&&C(t,o,e[o]);if(w)for(var o of w(e))B.call(e,o)&&C(t,o,e[o]);return t},V=(t,e)=>S(t,x(e));import{P as D}from"./index-Ckh_BVlA.js";import{aG as u,al as N,cG as P,au as W}from"./index-X7Y8jykP.js";import{T as h}from"./index-J2mOtM3w.js";import{e as E,b as $,w as G,c as v,a7 as _,y as F,z as T,A as n,K as p,Q as s,f as l,E as m,G as d,C as L,F as M,D as R}from"./vue-vendor-DNhG1Cve.js";import"./useMenuSetting-BwQ9LkAm.js";import"./useFullContent-B3OUGaJG.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./useContentHeight-vWUZcXk1.js";import"./onMountedOrActivated-DhSdLlqP.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./useContentViewHeight-Cja8zrBg.js";import"./usePageContext-9jIr04Op.js";import"./injectionKey-DPVn4AgL.js";import"./ArrowLeftOutlined-B3JgaWh-.js";import"./ArrowRightOutlined-CZG1QCpB.js";import"./index-lcIOKfa7.js";import"./dropdown-jkliuVyN.js";import"./index-B4gPlWQt.js";import"./eagerComputed-BTlOruLW.js";import"./transButton-B2CWzlQO.js";import"./operationUnit-vCu2co3e.js";const U=E({components:{PageWrapper:D,[u.name]:u,InputTextArea:u.TextArea,Tag:h},setup(){const t=$({server:"ws://localhost:3300/test",sendValue:"",recordList:[]}),{status:e,data:o,send:b,close:y,open:k}=N(t.server,{autoReconnect:!1,heartbeat:!0});G(()=>{if(o.value)try{const a=JSON.parse(o.value);t.recordList.push(a)}catch(a){t.recordList.push({res:o.value,id:Math.ceil(Math.random()*1e3),time:new Date().getTime()})}});const r=v(()=>e.value==="OPEN"),f=v(()=>r.value?"success":"red"),i=v(()=>[...t.recordList].reverse());function c(){b(t.sendValue),t.sendValue=""}function g(){r.value?y():k()}return V(I({status:e,formatToDateTime:P},_(t)),{handlerSend:c,getList:i,toggle:g,getIsOpen:r,getTagColor:f})}}),z={class:"flex"},J={class:"w-1/3 bg-white p-4"},K={class:"flex items-center"},Q={class:"flex"},j={class:"w-2/3 bg-white ml-4 p-4"},q={class:"max-h-80 overflow-auto"},H={class:"flex items-center"};function X(t,e,o,b,y,k){const r=p("Tag"),f=u,i=p("a-button"),c=p("InputTextArea"),g=p("PageWrapper");return T(),F(g,{title:"WebSocket 示例"},{default:n(()=>[s("div",z,[s("div",J,[s("div",K,[e[2]||(e[2]=s("span",{class:"text-lg font-medium mr-4"}," 连接状态: ",-1)),l(r,{color:t.getTagColor},{default:n(()=>[m(d(t.status),1)]),_:1},8,["color"])]),e[5]||(e[5]=s("hr",{class:"my-4"},null,-1)),s("div",Q,[l(f,{value:t.server,"onUpdate:value":e[0]||(e[0]=a=>t.server=a),disabled:""},{addonBefore:n(()=>[...e[3]||(e[3]=[m(" 服务地址 ",-1)])]),_:1},8,["value"]),l(i,{type:t.getIsOpen?"danger":"primary",onClick:t.toggle},{default:n(()=>[m(d(t.getIsOpen?"关闭连接":"开启连接"),1)]),_:1},8,["type","onClick"])]),e[6]||(e[6]=s("p",{class:"text-lg font-medium mt-4"},"设置",-1)),e[7]||(e[7]=s("hr",{class:"my-4"},null,-1)),l(c,{placeholder:"需要发送到服务器的内容",disabled:!t.getIsOpen,value:t.sendValue,"onUpdate:value":e[1]||(e[1]=a=>t.sendValue=a),allowClear:""},null,8,["disabled","value"]),l(i,{type:"primary",block:"",class:"mt-4",disabled:!t.getIsOpen,onClick:t.handlerSend},{default:n(()=>[...e[4]||(e[4]=[m(" 发送 ",-1)])]),_:1},8,["disabled","onClick"])]),s("div",j,[e[9]||(e[9]=s("span",{class:"text-lg font-medium mr-4"}," 消息记录: ",-1)),e[10]||(e[10]=s("hr",{class:"my-4"},null,-1)),s("div",q,[s("ul",null,[(T(!0),L(M,null,R(t.getList,a=>(T(),L("li",{class:"mt-2",key:a.time},[s("div",H,[e[8]||(e[8]=s("span",{class:"mr-2 text-primary font-medium"},"收到消息:",-1)),s("span",null,d(t.formatToDateTime(a.time)),1)]),s("div",null,d(a.res),1)]))),128))])])])])]),_:1})}const ke=W(U,[["render",X]]);export{ke as default};
|