@open-data-v/data
Version:
OpenDataV 数据处理基础组件包
3 lines (2 loc) • 1.97 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@open-data-v/ui"),V={class:"flex flex-col flex-nowrap"},g={class:"flex flex-row flex-nowrap"},N=e.defineComponent({__name:"WebsocketView",props:{options:{default:()=>({url:"",message:"",timeout:3e3,isRetry:!1,maxRetryCount:0})},mode:{default:"use"},index:{},dataInstance:{}},emits:["update:options","change"],setup(c,{expose:f,emit:p}){const l=c,s=p,n=e.reactive(l.options),d=e.ref({data:""});let o;const m=()=>{o&&o.close()},x=()=>{if(!l.dataInstance)return;o=l.dataInstance;const r=t=>{d.value.data=t.data};o.debug(r)},v=()=>{o.send(n.message)},C=()=>{s("change",n),s("update:options",n)};return f({close:m}),e.onUnmounted(()=>{o&&o.cancelDebug()}),(r,t)=>{const i=e.resolveComponent("OCodeEditor");return e.openBlock(),e.createBlock(e.unref(a.OCard),null,{default:e.withCtx(()=>[e.createElementVNode("div",V,[e.renderSlot(r.$slots,"data-select")]),e.createElementVNode("div",g,[e.createVNode(e.unref(a.OInput),{value:n.url,"onUpdate:value":t[0]||(t[0]=u=>n.url=u),class:"flex-1",onUpdateValue:C},null,8,["value"]),e.createElementVNode("div",null,[e.createVNode(e.unref(a.OButtonGroup),null,{default:e.withCtx(()=>[e.createVNode(e.unref(a.OButton),{type:"primary",onClick:x},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("链接")])),_:1}),e.createVNode(e.unref(a.OButton),{onClick:v},{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("发送")])),_:1})]),_:1})])]),e.createVNode(e.unref(a.OCard),{name:"query",title:"消息"},{default:e.withCtx(()=>[e.createVNode(i,{value:n.message,"onUpdate:value":t[1]||(t[1]=u=>n.message=u),height:"100px"},null,8,["value"])]),_:1}),e.createVNode(e.unref(a.OCard),{name:"origin",title:"原始数据结果"},{default:e.withCtx(()=>[e.createVNode(i,{value:d.value.data},null,8,["value"])]),_:1})]),_:3})}}});exports.default=N;
//# sourceMappingURL=WebsocketView.vue.umd2.cjs.map