cione-comp-lib/lib/packages/co-novnc-std/layout/TouchKeyboard.js

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

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),t=require("../utils/dom.js"),n=require("./TouchKeyboard.vue_used_vue_type_style_index_0_lang.module.js"),o=require("../../../_virtual/plugin-vue_export-helper.js");const u={name:"TouchKeyboard",emits:["input","hide"],setup(n,{emit:o}){const u=e.ref(null),r=t.inputKeyListener((e=>o("input",e))),s=e=>{if("touchKeyboardToggle"===e.target.name||document.activeElement!==u.value)return;["TEXTAREA","INPUT","SELECT","BUTTON"].includes(e.target.tagName)||e.preventDefault(),o("hide")};return e.onMounted((()=>u.value.focus())),e.onMounted((()=>document.addEventListener("mousedown",s,!0))),e.onUnmounted((()=>document.removeEventListener("mousedown",s,!0))),{onKeyDown:e=>r.down(e),onKeyUp:e=>r.up(e),onKeyPress:e=>r.press(e),onInput:e=>r.input(e),textarea:u}}};const r={$style:n.default};var s=o.default(u,[["render",function(t,n,o,u,r,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.$style.kbd)},[e.createElementVNode("textarea",e.mergeProps({ref:"textarea"},t.$attrs,{autocomplete:"off",autocapitalize:"off",spellcheck:"false",tabindex:"-1",onKeydown:n[0]||(n[0]=(...e)=>u.onKeyDown&&u.onKeyDown(...e)),onKeyup:n[1]||(n[1]=(...e)=>u.onKeyUp&&u.onKeyUp(...e)),onKeypress:n[2]||(n[2]=(...e)=>u.onKeyPress&&u.onKeyPress(...e)),onInput:n[3]||(n[3]=(...e)=>u.onInput&&u.onInput(...e)),onSubmit:n[4]||(n[4]=e.withModifiers((()=>!1),["prevent"]))}),null,16)],2)}],["__cssModules",r]]);exports.default=s;