UNPKG

cione-comp-lib

Version:

`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`

2 lines (1 loc) 7.89 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),o=require("./utils/config.js"),n=require("./utils/primitives.js"),t=require("./composables/windowTitle.js"),i=require("./composables/fullscreen.js"),s=require("./composables/rfb.js"),l=require("./store.js"),a=require("./config.js"),r=require("./layout/Panel.js"),c=require("./layout/Controls.js"),u=require("./layout/Power.js"),d=require("./layout/Keys.js"),g=require("./layout/Clipboard.js"),p=require("./layout/Settings.js"),b=require("./layout/Login.js"),y=require("./layout/Messages.js"),h=require("./layout/Logo.js"),f=require("./layout/TouchKeyboard.js");require("./main.vue_vue_type_style_index_0_scoped_true_lang.js");var v=require("./main.vue_used_vue_type_style_index_1_lang.module.js"),m=require("../../_virtual/plugin-vue_export-helper.js");const C={name:"novnc",components:{Panel:r.default,Controls:c.default,Power:u.default,Keys:d.default,Clipboard:g.default,Settings:p.default,Login:b.default,Messages:y.default,Logo:h.default,TouchKeyboard:f.default},props:{setConfig:{type:Object,require:!0}},emits:["fullScreen"],setup(o){const{setConfig:n}=e.toRefs(o),{proxy:r}=e.getCurrentInstance(),c=r,u=e.ref(null),{windowTitle:d}=t.useWindowTitle(a.default.title),{rfb:g,bell:p,connect:b,reconnect:y,disconnect:h}=s.useRFB({root:u,bellSound:a.default.bell}),{requestFullscreen:f,exitFullscreen:v}=i.useFullscreen((e=>l.toggleFullscreen(e))),m=()=>{var e,o,t,i,s,a,r,u,d,g,p;l.connectionActivate(l.state.reconnecting),c.onUpdateSettings({key:"viewOnly",value:null==(e=n.value)?void 0:e.viewOnly}),c.onUpdateSettings({key:"hostname",value:null==(o=n.value)?void 0:o.hostname}),c.onUpdateSettings({key:"port",value:null==(t=n.value)?void 0:t.port}),c.onUpdateSettings({key:"path",value:null==(i=n.value)?void 0:i.path}),c.onUpdateSettings({key:"scalingMode",value:null==(s=n.value)?void 0:s.scalingMode}),c.onUpdateSettings({key:"quality",value:null==(a=n.value)?void 0:a.quality}),c.onUpdateSettings({key:"compression",value:null==(r=n.value)?void 0:r.compression}),c.onUpdateSettings({key:"reconnect",value:null==(u=n.value)?void 0:u.reconnect}),(null==(d=n.value)?void 0:d.reconnect)&&c.onUpdateSettings({key:"reconnectDelay",value:null==(g=n.value)?void 0:g.reconnectDelay}),c.onUpdateSettings({key:"password",value:null==(p=n.value)?void 0:p.password}),c.onUpdateSettings({key:"dotCursor",value:!0}),c.connect(c.settings,{disconnect:c.onDisconnected,connect:c.onConnected,credentialsrequired:c.onCredentialsRequired,securityfailure:c.onSecurityFailure,desktopname:c.onDesktopName,bell:c.onBell,capabilities:c.onCapabilities,clipboard:c.onClipboard})};return e.watch((()=>o.setConfig),(()=>{m()}),{deep:!0}),e.onMounted((()=>{m()})),{onSettingsToggle:()=>{l.toggleSettings()},onDragToggle:()=>{l.toggleDragging()(this).rfb.applySettings(this.settings,{dragging:this.dragging})},onConnectRequest:m,config:a.default,bell:p,view:u,rfb:g,connect:b,disconnect:h,reconnect:y,windowTitle:d,requestFullscreen:f,exitFullscreen:v}},data:()=>l.state,mounted(){this.settings.autoconnect&&this.onConnectRequest()},methods:{onError(e){},onBell(){this.settings.bell&&this.bell.play()},onSecurityFailure(e){},onDesktopName(e){this.windowTitle=e.detail.name},onCapabilities(){l.assignCapabilities({power:this.rfb.hasPowerCapabilities()})},onClipboard(e){l.updateClipboard(e.detail.text)},onClipboardClear(){this.rfb.clipboardPasteFrom(""),l.updateClipboard("")},onClipboardUpdate(e){this.rfb.clipboardPasteFrom(e),l.updateClipboard(e)},onCredentialsRequired(){l.toggleLogin(!0)},onConnected(){l.connectionActivated(),this.rfb.focus()},onUpdateSettings({key:e,value:t}){const i={...this.settings},s=l.assignSettings({[e]:t});this.connected&&this.rfb.applySettings(this.settings,{dragging:this.dragging}),a.default.localStorageBlacklist.includes(e)||o.localStorageSettings.assign(n.diffObject(i,s))},onDisconnected(e){this.windowTitle="",e.detail.clean||l.state.connected;const o=!(!this.connected&&!this.connecting)&&this.settings.reconnect;if(l.connectionDeactivated(o),o){const e=this.settings.reconnectDelay;this.reconnect(e,(()=>this.onConnectRequest()))}},onDisconnectRequest(){l.connectionDeactivate(),this.disconnect()},onMaximize(){this.requestFullscreen(),this.$emit("fullScreen",!0)},onMinimize(){this.exitFullscreen(),this.$emit("fullScreen",!1)},onPower(){l.togglePower()},onToggleKeys(){l.toggleKeys()},onToggleClipboard(){l.toggleClipboard()},onToggleTouchKeyboard(){l.toggleTouchKeyboard()},onPowerShutdown(){this.rfb.machineShutdown()},onPowerReboot(){this.rfb.machineReboot()},onPowerReset(){this.rfb.machineReset()},onKeyToggle(e){const o=l.toggleKey(e);this.rfb.sendKeyCommand(e,o),this.rfb.focus()},onKeySend(e){"cad"===e?this.rfb.sendCtrlAltDel():this.rfb.sendKeyCommand(e),this.rfb.focus()},onMouseOut(){this.connected&&this.rfb.focus()},onSubmitCredentials(e){l.assignSettings(e),this.rfb.sendCredentials(e)},onMessageClick(e,{key:o}){l.removeMessage(o)},onTouchKeyboardFocus(){this.rfb.focusOnClick=!0},onTouchKeyboardBlur(){this.rfb.focusOnClick=!1},onTouchKeyboardHide(){l.toggleTouchKeyboard(!1)},onTouchKeyboardInput(e){this.rfb.sendKeyCommand(e,void 0)},onTogglePanel(e,o){l.togglePanelOpen(),setTimeout((()=>{document.activeElement&&document.activeElement.blur()}),1)}}},w={class:"novnc-std",style:{color:"#fff",width:"100%",height:"100%",position:"relative"}};const T={$style:v.default};var S=m.default(C,[["render",function(o,n,t,i,s,l){const a=e.resolveComponent("Controls"),r=e.resolveComponent("Settings"),c=e.resolveComponent("Panel"),u=e.resolveComponent("Messages"),d=e.resolveComponent("TouchKeyboard");return e.openBlock(),e.createElementBlock("div",w,[i.config.features.panel?(e.openBlock(),e.createBlock(c,{key:0,visible:o.panelOpen,fullscreen:o.fullscreen,onMouseout:l.onMouseOut},{default:e.withCtx((()=>[e.createVNode(a,{connected:o.connected,connecting:o.connecting,reconnecting:o.reconnecting,fullscreen:o.fullscreen,power:o.capabilities.power,"view-only":o.settings.viewOnly,"clip-to-window":o.settings.clipToWindow,features:i.config.features,dragging:o.dragging,"touch-keyboard":o.touchKeyboard,"panel-open":o.panelOpen,onSettings:i.onSettingsToggle,onDrag:i.onDragToggle,onConnect:i.onConnectRequest,onDisconnect:l.onDisconnectRequest,onMaximize:l.onMaximize,onMinimize:l.onMinimize,onPower:l.onPower,onToggleKeys:l.onToggleKeys,onToggleClipboard:l.onToggleClipboard,onToggleTouchKeyboard:l.onToggleTouchKeyboard,onTogglePanel:l.onTogglePanel},null,8,["connected","connecting","reconnecting","fullscreen","power","view-only","clip-to-window","features","dragging","touch-keyboard","panel-open","onSettings","onDrag","onConnect","onDisconnect","onMaximize","onMinimize","onPower","onToggleKeys","onToggleClipboard","onToggleTouchKeyboard","onTogglePanel"]),o.panelOpen?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.config.features.settings?e.withDirectives((e.openBlock(),e.createBlock(r,{key:0,disabled:o.connected||o.connecting,settings:o.settings,onUpdate:l.onUpdateSettings,onSubmit:i.onConnectRequest},null,8,["disabled","settings","onUpdate","onSubmit"])),[[e.vShow,o.showSettings]]):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)])),_:1},8,["visible","fullscreen","onMouseout"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref:"view",class:e.normalizeClass(o.$style.vnc)},null,2),[[e.vShow,o.connected]]),e.createVNode(u,{messages:o.messages,onClick:l.onMessageClick},null,8,["messages","onClick"]),i.config.features.touchKeyboard&&o.touchKeyboard?(e.openBlock(),e.createBlock(d,{key:1,onFocus:l.onTouchKeyboardFocus,onBlur:l.onTouchKeyboardBlur,onHide:l.onTouchKeyboardHide,onInput:l.onTouchKeyboardInput},null,8,["onFocus","onBlur","onHide","onInput"])):e.createCommentVNode("",!0)])}],["__cssModules",T],["__scopeId","data-v-eabb9f12"]]);exports.default=S;