@zh-keyboard/vue 1.1.2 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -12
- package/dist/components/ZhKeyboard.vue.d.ts +17 -0
- package/dist/style.css +1 -1
- package/dist/zh-keyboard-vue.js +77 -64
- package/dist/zh-keyboard-vue.js.map +1 -1
- package/dist/zh-keyboard-vue.umd.cjs +1 -1
- package/dist/zh-keyboard-vue.umd.cjs.map +1 -1
- package/package.json +4 -4
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@zh-keyboard/core`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@zh-keyboard/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ZhKeyboardVue={},e.Vue,e.ZhKeyboardCore))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function r(e){return(0,t.getCurrentScope)()?((0,t.onScopeDispose)(e),!0):!1}var i=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var a=e=>e!=null,o=Object.prototype.toString,s=e=>o.call(e)===`[object Object]`,c=()=>{};function l(e,t){function n(...n){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(r).catch(i)})}return n}function u(e,n={}){let r,i,a=c,o=e=>{clearTimeout(e),a(),a=c},s;return c=>{let l=(0,t.toValue)(e),u=(0,t.toValue)(n.maxWait);return r&&o(r),l<=0||u!==void 0&&u<=0?(i&&=(o(i),null),Promise.resolve(c())):new Promise((e,t)=>{a=n.rejectOnCancel?t:e,s=c,u&&!i&&(i=setTimeout(()=>{r&&o(r),i=null,e(s())},u)),r=setTimeout(()=>{i&&o(i),i=null,e(c())},l)})}}function d(e){return Array.isArray(e)?e:[e]}function f(e){return e||(0,t.getCurrentInstance)()}function p(e,t=200,n={}){return l(u(t,n),e)}function m(e,n=!0,r){f(r)?(0,t.onMounted)(e,r):n?e():(0,t.nextTick)(e)}function h(e,n,r){return(0,t.watch)(e,n,{...r,immediate:!0})}var g=i?window:void 0;i&&window.document,i&&window.navigator,i&&window.location;function _(e){let n=(0,t.toValue)(e);return n?.$el??n}function v(...e){let n=[],i=()=>{n.forEach(e=>e()),n.length=0},a=(e,t,n,r)=>(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)),o=(0,t.computed)(()=>{let n=d((0,t.toValue)(e[0])).filter(e=>e!=null);return n.every(e=>typeof e!=`string`)?n:void 0}),c=h(()=>[o.value?.map(e=>_(e))??[g].filter(e=>e!=null),d((0,t.toValue)(o.value?e[1]:e[0])),d((0,t.unref)(o.value?e[2]:e[1])),(0,t.toValue)(o.value?e[3]:e[2])],([e,t,r,o])=>{if(i(),!e?.length||!t?.length||!r?.length)return;let c=s(o)?{...o}:o;n.push(...e.flatMap(e=>t.flatMap(t=>r.map(n=>a(e,t,n,c)))))},{flush:`post`});return r(i),()=>{c(),i()}}function y(){let e=(0,t.shallowRef)(!1),n=(0,t.getCurrentInstance)();return n&&(0,t.onMounted)(()=>{e.value=!0},n),e}function b(e){let n=y();return(0,t.computed)(()=>(n.value,!!e()))}function x(e,n,i={}){let{window:o=g,...s}=i,c,l=b(()=>o&&`MutationObserver`in o),u=()=>{c&&=(c.disconnect(),void 0)},f=(0,t.computed)(()=>{let n=d((0,t.toValue)(e)).map(_).filter(a);return new Set(n)}),p=(0,t.watch)(()=>f.value,e=>{u(),l.value&&e.size&&(c=new MutationObserver(n),e.forEach(e=>c.observe(e,s)))},{immediate:!0,flush:`post`}),m=()=>c?.takeRecords(),h=()=>{p(),u()};return r(h),{isSupported:l,stop:h,takeRecords:m}}function S(e,n,i={}){let{window:a=g,document:o=a?.document,flush:s=`sync`}=i;if(!a||!o)return c;let l,u=e=>{l?.(),l=e},d=(0,t.watchEffect)(()=>{let t=_(e);if(t){let{stop:e}=x(o,e=>{e.map(e=>[...e.removedNodes]).flat().some(e=>e===t||e.contains(t))&&n(e)},{window:a,childList:!0,subtree:!0});u(e)}},{flush:s}),f=()=>{d(),u()};return r(f),f}function C(e={}){let{window:n=g,deep:r=!0,triggerOnRemoval:i=!1}=e,a=e.document??n?.document,o=()=>{let e=a?.activeElement;if(r)for(;e?.shadowRoot;)e=e?.shadowRoot?.activeElement;return e},s=(0,t.shallowRef)(),c=()=>{s.value=o()};if(n){let e={capture:!0,passive:!0};v(n,`blur`,e=>{e.relatedTarget===null&&c()},e),v(n,`focus`,c,e)}return i&&S(s,c,{document:a}),c(),s}function w(e,n,i={}){let{window:a=g,...o}=i,s,c=b(()=>a&&`ResizeObserver`in a),l=()=>{s&&=(s.disconnect(),void 0)},u=(0,t.watch)((0,t.computed)(()=>{let n=(0,t.toValue)(e);return Array.isArray(n)?n.map(e=>_(e)):[_(n)]}),e=>{if(l(),c.value&&a){s=new ResizeObserver(n);for(let t of e)t&&s.observe(t,o)}},{immediate:!0,flush:`post`}),d=()=>{l(),u()};return r(d),{isSupported:c,stop:d}}function T(e,n={width:0,height:0},r={}){let{window:i=g,box:a=`content-box`}=r,o=(0,t.computed)(()=>(_(e)?.namespaceURI)?.includes(`svg`)),s=(0,t.shallowRef)(n.width),c=(0,t.shallowRef)(n.height),{stop:l}=w(e,([t])=>{let n=a===`border-box`?t.borderBoxSize:a===`content-box`?t.contentBoxSize:t.devicePixelContentBoxSize;if(i&&o.value){let t=_(e);if(t){let e=t.getBoundingClientRect();s.value=e.width,c.value=e.height}}else if(n){let e=d(n);s.value=e.reduce((e,{inlineSize:t})=>e+t,0),c.value=e.reduce((e,{blockSize:t})=>e+t,0)}else s.value=t.contentRect.width,c.value=t.contentRect.height},r);m(()=>{let t=_(e);t&&(s.value=`offsetWidth`in t?t.offsetWidth:n.width,c.value=`offsetHeight`in t?t.offsetHeight:n.height)});let u=(0,t.watch)(()=>_(e),e=>{s.value=e?n.width:0,c.value=e?n.height:0});function f(){l(),u()}return{width:s,height:c,stop:f}}function ee(e=!1){let r=(0,t.ref)(!1),i=(0,t.ref)(0);async function a(){let e=(0,n.getHandwritingRecognizer)();if(e)try{r.value=await e.initialize({onProgress:e=>{i.value=e}})}catch(e){console.error(`初始化手写识别服务失败:`,e),r.value=!1}else console.warn(`未注册手写识别服务`),r.value=!1}async function o(){let e=(0,n.getHandwritingRecognizer)();if(e&&r.value)try{await e.close(),r.value=!1}catch(e){console.error(`关闭手写识别服务失败:`,e)}}return(0,t.onMounted)(()=>{e&&a()}),(0,t.onUnmounted)(()=>{o()}),{recognizerInitialized:r,recognizerProgress:i}}var E=`data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e`,D=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z'%20/%3e%3c/svg%3e`;function O(){let e=(0,n.createKeyRepeater)();function r(t,n){t.preventDefault(),t.currentTarget?.setPointerCapture?.(t.pointerId),e.start(n)}function i(){e.stop()}return(0,t.onBeforeUnmount)(()=>{e.stop()}),{startRepeat:r,stopRepeat:i}}var te={class:`zhk-candidate-list`},ne=[`onClick`],k=(0,t.defineComponent)({__name:`CandidateList`,props:{candidates:{}},emits:[`select`],setup(e,{emit:n}){let r=n;function i(e){r(`select`,e)}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,te,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.candidates,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:`candidate-${n}`,class:`zhk-candidate-list__item`,onClick:e=>i(n)},(0,t.toDisplayString)(e),9,ne))),128))]))}}),A={class:`handwriting-input`},j={class:`handwriting-content`},M={class:`handwriting-buttons`},N={class:`handwriting-canvas-container`},P={key:0,class:`handwriting-loading`},F={class:`progress-bar`},I={class:`progress-text`},L={class:`handwriting-buttons`},R=(0,t.defineComponent)({__name:`HandwritingInput`,props:{recognizerInitialized:{type:Boolean},recognizerProgress:{}},emits:[`key`,`exit`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.ref)(null),s=null,c=(0,t.ref)(!1),{width:l,height:u}=T(o);function d(){s&&s.clearCanvas()}function f(){o.value&&(s&&s.destroy(),o.value.width=l.value,o.value.height=u.value,s=new n.CanvasDrawer(o.value,{onDrawEnd:g}))}let p=(0,t.ref)([]),{startRepeat:m,stopRepeat:h}=O();async function g(){if(!s||s.getStrokeData().length===0||c.value)return;let e=(0,n.getHandwritingRecognizer)();if(e){c.value=!0;try{let t=[...s.getStrokeData()];p.value=await e.recognize(t)}catch(e){console.error(`识别笔迹失败:`,e)}finally{c.value=!1}}else console.warn(`手写识别服务不可用`)}(0,t.onUnmounted)(()=>{s&&s.destroy()}),(0,t.watchEffect)(()=>{o.value&&(l.value||u.value)&&i.recognizerInitialized&&(0,t.nextTick)(()=>{f()})});function _(e){let t=p.value[e];t&&(a(`key`,{key:t}),p.value=[],d())}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,A,[(0,t.createVNode)(k,{candidates:p.value,onSelect:_},null,8,[`candidates`]),(0,t.createElementVNode)(`div`,j,[(0,t.createElementVNode)(`div`,M,[(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[0]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`。`})),onPointerup:n[1]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[2]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[3]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[4]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 。 `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[5]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`?`})),onPointerup:n[6]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[7]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[8]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[9]||=(0,t.withModifiers)(()=>{},[`prevent`])},` ? `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[10]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`!`})),onPointerup:n[11]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[12]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[13]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[14]||=(0,t.withModifiers)(()=>{},[`prevent`])},` ! `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[15]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`、`})),onPointerup:n[16]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[17]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[18]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[19]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 、 `,32)]),(0,t.createElementVNode)(`div`,N,[e.recognizerInitialized?((0,t.openBlock)(),(0,t.createElementBlock)(`canvas`,{key:1,ref_key:`canvasRef`,ref:o,class:`handwriting-canvas`},null,512)):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,P,[n[37]||=(0,t.createElementVNode)(`div`,{class:`loading-text`},` 正在加载手写识别... `,-1),(0,t.createElementVNode)(`div`,F,[(0,t.createElementVNode)(`div`,{class:`progress-fill`,style:(0,t.normalizeStyle)({width:`${e.recognizerProgress*100}%`})},null,4)]),(0,t.createElementVNode)(`div`,I,(0,t.toDisplayString)(Math.round(e.recognizerProgress*100))+`% `,1)]))]),(0,t.createElementVNode)(`div`,L,[(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[20]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`delete`,isControl:!0})),onPointerup:n[21]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[22]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[23]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[24]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[38]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e`,alt:`删除`},null,-1)],32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onClick:n[25]||=e=>a(`exit`),onContextmenu:n[26]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 拼音 `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[27]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`,`})),onPointerup:n[28]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[29]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[30]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[31]||=(0,t.withModifiers)(()=>{},[`prevent`])},` , `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[32]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`enter`,isControl:!0})),onPointerup:n[33]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[34]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[35]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[36]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[39]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z'%20/%3e%3c/svg%3e`,alt:`回车`},null,-1)],32)])])]))}}),z=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M6,18H18V16H6M12,8.41L16.59,13L18,11.58L12,5.58L6,11.58L7.41,13L12,8.41Z'%20/%3e%3c/svg%3e`,B=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M3%2015H5V19H19V15H21V19C21%2020.1%2020.1%2021%2019%2021H5C3.9%2021%203%2020.1%203%2019V15Z'%20/%3e%3c/svg%3e`,V={class:`zhk-selection`},H={class:`zhk-selection__list`},U=[`onClick`],W=(0,t.defineComponent)({__name:`CandidateSelection`,props:{candidates:{}},emits:[`select`,`close`],setup(e,{emit:n}){let r=n;function i(e){r(`select`,e)}function a(){r(`close`)}function o(e){let t=Array.from(e).length;return t>=2&&t<=3?2:t>=4?3:1}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,V,[(0,t.createElementVNode)(`div`,H,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.candidates,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n,class:(0,t.normalizeClass)([`zhk-selection__text`,[`zhk-selection__text--span-${o(e)}`]]),onClick:e=>i(n)},(0,t.toDisplayString)(e),11,U))),128))]),(0,t.createElementVNode)(`div`,{class:`zhk-selection__func`},[(0,t.createElementVNode)(`button`,{class:`zhk-selection__func-btn`,onClick:a},` 返回 `)])]))}}),G={class:`zhk-candidate`},K={class:`zhk-candidate__container`},q={key:0,class:`zhk-candidate__pinyin`},J={class:`zhk-candidate__bottom-container`},Y=(0,t.defineComponent)({__name:`CandidateBar`,props:{modelValue:{required:!0},modelModifiers:{}},emits:(0,t.mergeModels)([`key`,`input`],[`update:modelValue`]),setup(e,{expose:r,emit:i}){let a=i,o=(0,t.useModel)(e,`modelValue`),s=null,c=(0,t.ref)(null),l=(0,t.computed)(()=>c.value?.candidates.map(e=>e.text)??[]),u=(0,t.ref)(!1);(0,t.onMounted)(async()=>{if(s=(0,n.getPinyinEngine)(),!s)throw Error(`未找到拼音引擎实例,请确保已正确注册引擎`);o.value&&(c.value=await s.processInput(o.value))}),(0,t.onUnmounted)(()=>{s?.processInput(``).catch(()=>{}),s=null}),(0,t.watch)(o,async e=>{let t=s;if(t){if(e===``){t.processInput(``).catch(()=>{}),c.value=null;return}c.value=await t.processInput(e)}});async function d(e){if(!s)return;let t=await s.pickCandidate(e);c.value=t,t.preeditBody||(a(`input`,t.committed||``),o.value=``,c.value=null,u.value=!1)}r({handleSelection:d});let f=(0,t.computed)(()=>{let e=c.value;return e?e.preeditHead+e.preeditBody:``});return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,G,[(0,t.createElementVNode)(`div`,K,[f.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,q,(0,t.toDisplayString)(f.value),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,J,[l.value.length>0?((0,t.openBlock)(),(0,t.createBlock)(k,{key:0,candidates:l.value,onSelect:d},null,8,[`candidates`])):(0,t.createCommentVNode)(``,!0),l.value.length>0?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`zhk-candidate__more`,onClick:n[0]||=e=>u.value=!0},n[2]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'%20/%3e%3c/svg%3e`,alt:`更多`},null,-1)])):(0,t.createCommentVNode)(``,!0)])]),u.value?((0,t.openBlock)(),(0,t.createBlock)(W,{key:0,candidates:l.value,onSelect:d,onClose:n[1]||=e=>u.value=!1},null,8,[`candidates`])):(0,t.createCommentVNode)(``,!0)]))}}),X={class:`zhk-base`},Z={class:`zhk-base__row`},re=[`onPointerdown`],ie=[`disabled`],ae={key:1,src:z,class:`zhk-base__key-icon`,alt:`Shift`},oe=[`onPointerdown`],se={class:`zhk-base__row`},ce={class:`zhk-base__toggle-main`},le={class:`zhk-base__toggle-sub`},ue=(0,t.defineComponent)({__name:`KeyboardBase`,props:(0,t.mergeModels)({enableHandwriting:{type:Boolean}},{modelValue:{default:`en`},modelModifiers:{}}),emits:(0,t.mergeModels)([`key`],[`update:modelValue`]),setup(e,{emit:n}){let r=e,i=n,a=(0,t.useModel)(e,`modelValue`),o=(0,t.computed)(()=>a.value===`en_cap`),s=(0,t.computed)(()=>a.value===`zh`),c=(0,t.computed)(()=>s.value?!0:o.value);function l(e,t=!1){i(`key`,{key:e,isControl:t})}function u(){s.value?a.value=`hand`:a.value=o.value?`en`:`en_cap`}function d(){a.value=`num`}function f(){a.value=`symbol`}let p=[`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`,`0`],m=[[`q`,`w`,`e`,`r`,`t`,`y`,`u`,`i`,`o`,`p`],[`a`,`s`,`d`,`f`,`g`,`h`,`j`,`k`,`l`],[`z`,`x`,`c`,`v`,`b`,`n`,`m`]],h=(0,t.ref)(``),g=(0,t.ref)(null),{startRepeat:_,stopRepeat:v}=O();function y(){if(a.value===`zh`&&h.value){h.value=h.value.slice(0,-1);return}l(`delete`,!0)}function b(){if(a.value===`zh`&&h.value){g.value?.handleSelection(0);return}l(` `)}function x(){if(a.value===`zh`&&h.value){l(h.value),h.value=``;return}l(`enter`,!0)}function S(e){if(a.value===`zh`){h.value+=e;return}l(o.value?e.toUpperCase():e)}function C(){a.value=a.value===`zh`?`en`:`zh`}let w=(0,t.computed)(()=>r.enableHandwriting?`手写`:`-`),T=(0,t.computed)(()=>!r.enableHandwriting);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,X,[(0,t.createElementVNode)(`div`,Z,[a.value===`zh`?((0,t.openBlock)(),(0,t.createBlock)(Y,{key:0,ref_key:`candidateBarRef`,ref:g,modelValue:h.value,"onUpdate:modelValue":n[0]||=e=>h.value=e,onInput:n[1]||=e=>l(e,!1)},null,8,[`modelValue`])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},(0,t.renderList)(p,(e,r)=>(0,t.createElementVNode)(`button`,{key:`number-${r}`,class:`zhk-base__key zhk-base__key--letter`,onPointerdown:n=>(0,t.unref)(_)(n,()=>S(e)),onPointerup:n[2]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[3]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[4]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[5]||=(0,t.withModifiers)(()=>{},[`prevent`])},(0,t.toDisplayString)(e),41,re)),64))]),((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(m,(e,r)=>(0,t.createElementVNode)(`div`,{key:`row-${r}`,class:`zhk-base__row`},[r===2?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:(0,t.normalizeClass)([`zhk-base__key zhk-base__key--function zhk-base__key--shift`,{"zhk-base__key--active":!s.value&&o.value,"zhk-base__key--disabled":s.value&&T.value}]),disabled:s.value&&T.value,onClick:u,onContextmenu:n[6]||=(0,t.withModifiers)(()=>{},[`prevent`])},[s.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)(w.value),1)],64)):((0,t.openBlock)(),(0,t.createElementBlock)(`img`,ae))],42,ie)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e,(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:`key-${r}-${i}`,class:`zhk-base__key zhk-base__key--letter`,onPointerdown:n=>(0,t.unref)(_)(n,()=>S(e)),onPointerup:n[7]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[8]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[9]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[10]||=(0,t.withModifiers)(()=>{},[`prevent`])},(0,t.toDisplayString)(c.value?e.toUpperCase():e),41,oe))),128)),r===2?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`zhk-base__key zhk-base__key--function zhk-base__key--delete`,onPointerdown:n[11]||=e=>(0,t.unref)(_)(e,()=>y()),onPointerup:n[12]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[13]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[14]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[15]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[39]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e`,class:`zhk-base__key-icon`,alt:`Delete`},null,-1)],32)):(0,t.createCommentVNode)(``,!0)])),64)),(0,t.createElementVNode)(`div`,se,[(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--function`,onClick:f,onContextmenu:n[16]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 符 `,32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--function`,onClick:d,onContextmenu:n[17]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 123 `,32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key`,onPointerdown:n[18]||=e=>(0,t.unref)(_)(e,()=>l(`,`)),onPointerup:n[19]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[20]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[21]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[22]||=(0,t.withModifiers)(()=>{},[`prevent`])},` , `,32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--space`,onPointerdown:n[23]||=e=>(0,t.unref)(_)(e,()=>b()),onPointerup:n[24]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[25]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[26]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[27]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[40]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M3%2015H5V19H19V15H21V19C21%2020.1%2020.1%2021%2019%2021H5C3.9%2021%203%2020.1%203%2019V15Z'%20/%3e%3c/svg%3e`,class:`zhk-base__key-icon`,alt:`Space`},null,-1)],32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key`,onPointerdown:n[28]||=e=>(0,t.unref)(_)(e,()=>l(`。`)),onPointerup:n[29]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[30]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[31]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[32]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 。 `,32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--function`,onClick:C,onContextmenu:n[33]||=(0,t.withModifiers)(()=>{},[`prevent`])},[(0,t.createElementVNode)(`span`,ce,(0,t.toDisplayString)(a.value===`zh`?`中`:`英`),1),(0,t.createElementVNode)(`span`,le,`/`+(0,t.toDisplayString)(a.value===`zh`?`英`:`中`),1)],32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--function`,onPointerdown:n[34]||=e=>(0,t.unref)(_)(e,()=>x()),onPointerup:n[35]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[36]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[37]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[38]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[41]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z'%20/%3e%3c/svg%3e`,class:`zhk-base__key-icon`,alt:`Enter`},null,-1)],32)])]))}}),de={class:`num-keyboard`},fe={class:`num-keyboard__container`},pe={class:`num-keyboard__left`},me={class:`num-keyboard__rows`},he=[`onClick`,`onPointerdown`],ge={key:1,src:B,class:`zhk-base__key-icon`,alt:`Space`},_e={class:`num-keyboard__right`},ve=[`onPointerdown`],ye=[`src`,`alt`],be={key:1},xe=(0,t.defineComponent)({__name:`NumericKeyboard`,props:{keyboardRows:{default:()=>(0,n.getKeyboardConfig)().numKeys||[[`1`,`2`,`3`],[`4`,`5`,`6`],[`7`,`8`,`9`],[`back`,`0`,`space`]]}},emits:[`key`,`exit`],setup(e,{emit:n}){let r=n,i=[{key:`delete`,icon:E,text:``,alt:`Delete`},{key:`.`,icon:``,text:`.`,alt:`.`},{key:`@`,icon:``,text:`@`,alt:`@`},{key:`enter`,icon:D,text:``,alt:`Enter`}];function a(e){r(`key`,{key:e})}function o(e,t=!0){r(`key`,{key:e,isControl:t})}function s(){r(`exit`)}let{startRepeat:c,stopRepeat:l}=O();function u(e,t){e===`back`||(e===`space`&&(e=` `),e===`delete`||e===`enter`?c(t,()=>o(e)):c(t,()=>a(e)))}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,de,[(0,t.createElementVNode)(`div`,fe,[(0,t.createElementVNode)(`div`,pe,[(0,t.createElementVNode)(`div`,me,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.keyboardRows,(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`row-${r}`,class:`num-keyboard__row`},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e,(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:`key-${r}-${i}`,class:(0,t.normalizeClass)([`num-keyboard__key`,{"num-keyboard__key--back":e===`back`,"num-keyboard__key--space":e===`space`}]),onClick:t=>e===`back`&&s(),onPointerdown:t=>u(e,t),onPointerup:n[0]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onPointerleave:n[1]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onPointercancel:n[2]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onContextmenu:n[3]||=(0,t.withModifiers)(()=>{},[`prevent`])},[e===`back`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)(` 返回 `)],64)):e===`space`?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,ge)):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[(0,t.createTextVNode)((0,t.toDisplayString)(e),1)],64))],42,he))),128))]))),128))])]),(0,t.createElementVNode)(`div`,_e,[((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(i,(e,r)=>(0,t.createElementVNode)(`button`,{key:`func-${r}`,class:`num-keyboard__key num-keyboard__key--function`,onPointerdown:t=>u(e.key,t),onPointerup:n[4]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onPointerleave:n[5]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onPointercancel:n[6]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onContextmenu:n[7]||=(0,t.withModifiers)(()=>{},[`prevent`])},[e.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:e.icon,class:`num-keyboard__key-icon`,alt:e.alt},null,8,ye)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,be,(0,t.toDisplayString)(e.text),1))],40,ve)),64))])])]))}}),Se=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M18,20V10H6V20H18M18,8A2,2%200%200,1%2020,10V20A2,2%200%200,1%2018,22H6C4.89,22%204,21.1%204,20V10A2,2%200%200,1%206,8H15V6A3,3%200%200,0%2012,3A3,3%200%200,0%209,6H7A5,5%200%200,1%2012,1A5,5%200%200,1%2017,6V8H18M12,17A2,2%200%200,1%2010,15A2,2%200%200,1%2012,13A2,2%200%200,1%2014,15A2,2%200%200,1%2012,17Z'%20/%3e%3c/svg%3e`,Ce=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M12,17C10.89,17%2010,16.1%2010,15C10,13.89%2010.89,13%2012,13A2,2%200%200,1%2014,15A2,2%200%200,1%2012,17M18,20V10H6V20H18M18,8A2,2%200%200,1%2020,10V20A2,2%200%200,1%2018,22H6C4.89,22%204,21.1%204,20V10C4,8.89%204.89,8%206,8H7V6A5,5%200%200,1%2012,1A5,5%200%200,1%2017,6V8H18M12,3A3,3%200%200,0%209,6V8H15V6A3,3%200%200,0%2012,3Z'%20/%3e%3c/svg%3e`,we={class:`symbol-keyboard`},Te={class:`symbol-keyboard__content`},Ee={class:`symbol-keyboard__functions`},De={class:`symbol-keyboard__lang-selector`},Oe={class:`symbol-keyboard__control-group`},Q=[`src`],ke=[`src`],Ae={class:`symbol-keyboard__symbols-container`},je={class:`symbol-keyboard__symbols-grid`},Me=[`onClick`,`onPointerdown`],Ne=`!@#$%^&*(){}[]<>/\\|:;"',.?+-=_~\`€£¥₹©®™°`,Pe=`!@#¥%…&*(){}[]<>/\|:;"',。?+-=_~·€£¥₹©®™°`,Fe=(0,t.defineComponent)({__name:`SymbolKeyboard`,emits:[`key`,`exit`],setup(e,{emit:n}){let r=n,i=(0,t.ref)(`en`),a=(0,t.computed)(()=>i.value===`zh`?Pe:Ne),o=(0,t.ref)(!1),{startRepeat:s,stopRepeat:c}=O();function l(e,t){o.value&&s(t,()=>u(e))}function u(e){r(`key`,{key:e}),o.value||r(`exit`)}function d(){r(`exit`)}function f(e){i.value=e}function p(){o.value=!o.value}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,we,[(0,t.createElementVNode)(`div`,Te,[(0,t.createElementVNode)(`div`,Ee,[(0,t.createElementVNode)(`div`,De,[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`symbol-keyboard__lang-btn`,{"symbol-keyboard__lang-btn--active":i.value===`zh`}]),onClick:n[0]||=e=>f(`zh`),onContextmenu:n[1]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 中文 `,34),(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`symbol-keyboard__lang-btn`,{"symbol-keyboard__lang-btn--active":i.value===`en`}]),onClick:n[2]||=e=>f(`en`),onContextmenu:n[3]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 英文 `,34)]),(0,t.createElementVNode)(`div`,Oe,[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--lock`,{"symbol-keyboard__key--locked":o.value}]),onClick:p,onContextmenu:n[4]||=(0,t.withModifiers)(()=>{},[`prevent`])},[o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:1,src:(0,t.unref)(Ce),alt:`Lock closed`},null,8,ke)):((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:(0,t.unref)(Se),alt:`Lock open`},null,8,Q))],34),(0,t.createElementVNode)(`button`,{class:`symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--back`,onClick:d,onContextmenu:n[5]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 返回 `,32)])]),(0,t.createElementVNode)(`div`,Ae,[(0,t.createElementVNode)(`div`,je,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.value,(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:`key-${r}`,class:`symbol-keyboard__key`,onClick:t=>!o.value&&u(e),onPointerdown:t=>l(e,t),onPointerup:n[6]||=(...e)=>(0,t.unref)(c)&&(0,t.unref)(c)(...e),onPointerleave:n[7]||=(...e)=>(0,t.unref)(c)&&(0,t.unref)(c)(...e),onPointercancel:n[8]||=(...e)=>(0,t.unref)(c)&&(0,t.unref)(c)(...e),onContextmenu:n[9]||=(0,t.withModifiers)(()=>{},[`prevent`])},(0,t.toDisplayString)(e),41,Me))),128))])])])]))}}),Ie={key:0,class:`zhk__disabled-overlay`},$=(0,t.defineComponent)({__name:`ZhKeyboard`,props:{defaultMode:{type:String,default:()=>(0,n.getKeyboardConfig)().defaultMode??`en`},enableHandwriting:{type:Boolean,default:()=>(0,n.getKeyboardConfig)().enableHandwriting??!1},position:{type:String,default:()=>(0,n.getKeyboardConfig)().position??`static`},floatMarginTop:{type:Number,default:()=>(0,n.getKeyboardConfig)().floatMarginTop??0},disableWhenNoFocus:{type:Boolean,default:()=>(0,n.getKeyboardConfig)().disableWhenNoFocus??!0},numKeys:{type:Array||void 0}},emits:[`key`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.ref)(i.defaultMode),s=(0,t.ref)(i.defaultMode),c=(0,t.ref)([]),l=(0,t.ref)(!1),u=(0,t.ref)(null),d=(0,t.ref)(null),{recognizerInitialized:f,recognizerProgress:m}=ee(i.enableHandwriting);(0,t.watch)(o,(e,t)=>{e!==t&&(s.value=t)});let h=C(),g=(0,t.computed)(()=>h.value&&(0,n.isInputElement)(h.value)?h.value:null),_=(0,t.computed)(()=>i.position===`static`||!!(h.value&&(0,n.isInputElement)(h.value))),{height:y}=T(d);(0,t.watchEffect)(()=>{if(g.value){let e=g.value.dataset.inputmode;e&&(o.value=e)}});let b=(0,t.computed)(()=>i.disableWhenNoFocus===!1?!1:!g.value);function x(){y.value&&(u.value=(0,n.calculateKeyboardPosition)(g.value,d.value,i.position,i.floatMarginTop))}(0,t.watchEffect)(x);let S=p(x,100);v(window,`scroll`,S,{passive:!0}),v(window,`resize`,S,{passive:!0});function w(e){if(e.isControl){switch(e.key){case`delete`:(0,n.delToInputElement)(g.value);break;case`more`:l.value=!0;break;default:break}return}else E(e.key);a(`key`,e)}function E(e){(0,n.writeToInputElement)(g.value,e)}function D(){o.value===`hand`?s.value=`zh`:[`num`,`symbol`].includes(s.value)&&(s.value=i.defaultMode),o.value=s.value}function O(e){c.value=e}return(n,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`keyboardRef`,ref:d,class:(0,t.normalizeClass)([`zhk`,{"zhk--floating":e.position===`float`,"zhk--bottom":e.position===`bottom`,"zhk--disabled":b.value}]),style:(0,t.normalizeStyle)({"--keyboard-height":`${(0,t.unref)(y)}px`,...u.value}),onMousedown:r[1]||=(0,t.withModifiers)(()=>{},[`prevent`])},[b.value||!_.value||!(0,t.unref)(y)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Ie,r[2]||=[(0,t.createElementVNode)(`span`,null,`请选择输入框以启用键盘`,-1)])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[o.value===`hand`?((0,t.openBlock)(),(0,t.createBlock)(R,{key:0,"recognizer-initialized":(0,t.unref)(f),"recognizer-progress":(0,t.unref)(m),onKey:w,onExit:D,onRecognize:O},null,8,[`recognizer-initialized`,`recognizer-progress`])):o.value===`num`?((0,t.openBlock)(),(0,t.createBlock)(xe,{key:1,"keyboard-rows":e.numKeys,onKey:w,onExit:D},null,8,[`keyboard-rows`])):o.value===`symbol`?((0,t.openBlock)(),(0,t.createBlock)(Fe,{key:2,onKey:w,onExit:D})):o.value===`en`||o.value===`en_cap`||o.value===`zh`?((0,t.openBlock)(),(0,t.createBlock)(ue,{key:3,modelValue:o.value,"onUpdate:modelValue":r[0]||=e=>o.value=e,"enable-handwriting":e.enableHandwriting,onKey:w},null,8,[`modelValue`,`enable-handwriting`])):(0,t.createCommentVNode)(``,!0)],64))],38)),[[t.vShow,_.value]])}});e.ZhKeyboard=$,e.default={install:e=>{e.component(`ZhKeyboard`,$)}},Object.keys(n).forEach(function(t){t!==`default`&&!Object.prototype.hasOwnProperty.call(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return n[t]}})})});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@zh-keyboard/core`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@zh-keyboard/core`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ZhKeyboardVue={},e.Vue,e.ZhKeyboardCore))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function r(e){return(0,t.getCurrentScope)()?((0,t.onScopeDispose)(e),!0):!1}var i=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var a=e=>e!=null,o=Object.prototype.toString,s=e=>o.call(e)===`[object Object]`,c=()=>{};function l(e,t){function n(...n){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(r).catch(i)})}return n}function u(e,n={}){let r,i,a=c,o=e=>{clearTimeout(e),a(),a=c},s;return c=>{let l=(0,t.toValue)(e),u=(0,t.toValue)(n.maxWait);return r&&o(r),l<=0||u!==void 0&&u<=0?(i&&=(o(i),null),Promise.resolve(c())):new Promise((e,t)=>{a=n.rejectOnCancel?t:e,s=c,u&&!i&&(i=setTimeout(()=>{r&&o(r),i=null,e(s())},u)),r=setTimeout(()=>{i&&o(i),i=null,e(c())},l)})}}function d(e){return Array.isArray(e)?e:[e]}function f(e){return e||(0,t.getCurrentInstance)()}function p(e,t=200,n={}){return l(u(t,n),e)}function m(e,n=!0,r){f(r)?(0,t.onMounted)(e,r):n?e():(0,t.nextTick)(e)}function h(e,n,r){return(0,t.watch)(e,n,{...r,immediate:!0})}var g=i?window:void 0;i&&window.document,i&&window.navigator,i&&window.location;function _(e){let n=(0,t.toValue)(e);return n?.$el??n}function v(...e){let n=[],i=()=>{n.forEach(e=>e()),n.length=0},a=(e,t,n,r)=>(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)),o=(0,t.computed)(()=>{let n=d((0,t.toValue)(e[0])).filter(e=>e!=null);return n.every(e=>typeof e!=`string`)?n:void 0}),c=h(()=>[o.value?.map(e=>_(e))??[g].filter(e=>e!=null),d((0,t.toValue)(o.value?e[1]:e[0])),d((0,t.unref)(o.value?e[2]:e[1])),(0,t.toValue)(o.value?e[3]:e[2])],([e,t,r,o])=>{if(i(),!e?.length||!t?.length||!r?.length)return;let c=s(o)?{...o}:o;n.push(...e.flatMap(e=>t.flatMap(t=>r.map(n=>a(e,t,n,c)))))},{flush:`post`});return r(i),()=>{c(),i()}}function y(){let e=(0,t.shallowRef)(!1),n=(0,t.getCurrentInstance)();return n&&(0,t.onMounted)(()=>{e.value=!0},n),e}function b(e){let n=y();return(0,t.computed)(()=>(n.value,!!e()))}function x(e,n,i={}){let{window:o=g,...s}=i,c,l=b(()=>o&&`MutationObserver`in o),u=()=>{c&&=(c.disconnect(),void 0)},f=(0,t.computed)(()=>{let n=d((0,t.toValue)(e)).map(_).filter(a);return new Set(n)}),p=(0,t.watch)(()=>f.value,e=>{u(),l.value&&e.size&&(c=new MutationObserver(n),e.forEach(e=>c.observe(e,s)))},{immediate:!0,flush:`post`}),m=()=>c?.takeRecords(),h=()=>{p(),u()};return r(h),{isSupported:l,stop:h,takeRecords:m}}function S(e,n,i={}){let{window:a=g,document:o=a?.document,flush:s=`sync`}=i;if(!a||!o)return c;let l,u=e=>{l?.(),l=e},d=(0,t.watchEffect)(()=>{let t=_(e);if(t){let{stop:e}=x(o,e=>{e.map(e=>[...e.removedNodes]).flat().some(e=>e===t||e.contains(t))&&n(e)},{window:a,childList:!0,subtree:!0});u(e)}},{flush:s}),f=()=>{d(),u()};return r(f),f}function C(e={}){let{window:n=g,deep:r=!0,triggerOnRemoval:i=!1}=e,a=e.document??n?.document,o=()=>{let e=a?.activeElement;if(r)for(;e?.shadowRoot;)e=e?.shadowRoot?.activeElement;return e},s=(0,t.shallowRef)(),c=()=>{s.value=o()};if(n){let e={capture:!0,passive:!0};v(n,`blur`,e=>{e.relatedTarget===null&&c()},e),v(n,`focus`,c,e)}return i&&S(s,c,{document:a}),c(),s}function w(e,n,i={}){let{window:a=g,...o}=i,s,c=b(()=>a&&`ResizeObserver`in a),l=()=>{s&&=(s.disconnect(),void 0)},u=(0,t.watch)((0,t.computed)(()=>{let n=(0,t.toValue)(e);return Array.isArray(n)?n.map(e=>_(e)):[_(n)]}),e=>{if(l(),c.value&&a){s=new ResizeObserver(n);for(let t of e)t&&s.observe(t,o)}},{immediate:!0,flush:`post`}),d=()=>{l(),u()};return r(d),{isSupported:c,stop:d}}function T(e,n={width:0,height:0},r={}){let{window:i=g,box:a=`content-box`}=r,o=(0,t.computed)(()=>(_(e)?.namespaceURI)?.includes(`svg`)),s=(0,t.shallowRef)(n.width),c=(0,t.shallowRef)(n.height),{stop:l}=w(e,([t])=>{let n=a===`border-box`?t.borderBoxSize:a===`content-box`?t.contentBoxSize:t.devicePixelContentBoxSize;if(i&&o.value){let t=_(e);if(t){let e=t.getBoundingClientRect();s.value=e.width,c.value=e.height}}else if(n){let e=d(n);s.value=e.reduce((e,{inlineSize:t})=>e+t,0),c.value=e.reduce((e,{blockSize:t})=>e+t,0)}else s.value=t.contentRect.width,c.value=t.contentRect.height},r);m(()=>{let t=_(e);t&&(s.value=`offsetWidth`in t?t.offsetWidth:n.width,c.value=`offsetHeight`in t?t.offsetHeight:n.height)});let u=(0,t.watch)(()=>_(e),e=>{s.value=e?n.width:0,c.value=e?n.height:0});function f(){l(),u()}return{width:s,height:c,stop:f}}function ee(e=!1){let r=(0,t.ref)(!1),i=(0,t.ref)(0);async function a(){let e=(0,n.getHandwritingRecognizer)();if(e)try{r.value=await e.initialize({onProgress:e=>{i.value=e}})}catch(e){console.error(`初始化手写识别服务失败:`,e),r.value=!1}else console.warn(`未注册手写识别服务`),r.value=!1}async function o(){let e=(0,n.getHandwritingRecognizer)();if(e&&r.value)try{await e.close(),r.value=!1}catch(e){console.error(`关闭手写识别服务失败:`,e)}}return(0,t.onMounted)(()=>{e&&a()}),(0,t.onUnmounted)(()=>{o()}),{recognizerInitialized:r,recognizerProgress:i}}var E=`data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e`,D=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z'%20/%3e%3c/svg%3e`;function O(){let e=(0,n.createKeyRepeater)();function r(t,n){t.preventDefault(),t.currentTarget?.setPointerCapture?.(t.pointerId),e.start(n)}function i(){e.stop()}return(0,t.onBeforeUnmount)(()=>{e.stop()}),{startRepeat:r,stopRepeat:i}}var te={class:`zhk-candidate-list`},ne=[`onClick`],k=(0,t.defineComponent)({__name:`CandidateList`,props:{candidates:{}},emits:[`select`],setup(e,{emit:n}){let r=n;function i(e){r(`select`,e)}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,te,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.candidates,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:`candidate-${n}`,class:`zhk-candidate-list__item`,onClick:e=>i(n)},(0,t.toDisplayString)(e),9,ne))),128))]))}}),A={class:`handwriting-input`},j={class:`handwriting-content`},M={class:`handwriting-buttons`},N={class:`handwriting-canvas-container`},P={key:0,class:`handwriting-loading`},F={class:`progress-bar`},I={class:`progress-text`},L={class:`handwriting-buttons`},R=(0,t.defineComponent)({__name:`HandwritingInput`,props:{recognizerInitialized:{type:Boolean},recognizerProgress:{}},emits:[`key`,`exit`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.ref)(null),s=null,c=(0,t.ref)(!1),{width:l,height:u}=T(o);function d(){s&&s.clearCanvas()}function f(){o.value&&(s&&s.destroy(),o.value.width=l.value,o.value.height=u.value,s=new n.CanvasDrawer(o.value,{onDrawEnd:g}))}let p=(0,t.ref)([]),{startRepeat:m,stopRepeat:h}=O();async function g(){if(!s||s.getStrokeData().length===0||c.value)return;let e=(0,n.getHandwritingRecognizer)();if(e){c.value=!0;try{let t=[...s.getStrokeData()];p.value=await e.recognize(t)}catch(e){console.error(`识别笔迹失败:`,e)}finally{c.value=!1}}else console.warn(`手写识别服务不可用`)}(0,t.onUnmounted)(()=>{s&&s.destroy()}),(0,t.watchEffect)(()=>{o.value&&(l.value||u.value)&&i.recognizerInitialized&&(0,t.nextTick)(()=>{f()})});function _(e){let t=p.value[e];t&&(a(`key`,{key:t}),p.value=[],d())}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,A,[(0,t.createVNode)(k,{candidates:p.value,onSelect:_},null,8,[`candidates`]),(0,t.createElementVNode)(`div`,j,[(0,t.createElementVNode)(`div`,M,[(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[0]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`。`})),onPointerup:n[1]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[2]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[3]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[4]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 。 `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[5]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`?`})),onPointerup:n[6]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[7]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[8]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[9]||=(0,t.withModifiers)(()=>{},[`prevent`])},` ? `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[10]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`!`})),onPointerup:n[11]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[12]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[13]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[14]||=(0,t.withModifiers)(()=>{},[`prevent`])},` ! `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[15]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`、`})),onPointerup:n[16]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[17]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[18]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[19]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 、 `,32)]),(0,t.createElementVNode)(`div`,N,[e.recognizerInitialized?((0,t.openBlock)(),(0,t.createElementBlock)(`canvas`,{key:1,ref_key:`canvasRef`,ref:o,class:`handwriting-canvas`},null,512)):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,P,[n[37]||=(0,t.createElementVNode)(`div`,{class:`loading-text`},` 正在加载手写识别... `,-1),(0,t.createElementVNode)(`div`,F,[(0,t.createElementVNode)(`div`,{class:`progress-fill`,style:(0,t.normalizeStyle)({width:`${e.recognizerProgress*100}%`})},null,4)]),(0,t.createElementVNode)(`div`,I,(0,t.toDisplayString)(Math.round(e.recognizerProgress*100))+`% `,1)]))]),(0,t.createElementVNode)(`div`,L,[(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[20]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`delete`,isControl:!0})),onPointerup:n[21]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[22]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[23]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[24]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[38]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e`,alt:`删除`},null,-1)],32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onClick:n[25]||=e=>a(`exit`),onContextmenu:n[26]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 拼音 `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[27]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`,`})),onPointerup:n[28]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[29]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[30]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[31]||=(0,t.withModifiers)(()=>{},[`prevent`])},` , `,32),(0,t.createElementVNode)(`button`,{class:`handwriting-btn handwriting-btn--function`,onPointerdown:n[32]||=e=>(0,t.unref)(m)(e,()=>a(`key`,{key:`enter`,isControl:!0})),onPointerup:n[33]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointerleave:n[34]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onPointercancel:n[35]||=(...e)=>(0,t.unref)(h)&&(0,t.unref)(h)(...e),onContextmenu:n[36]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[39]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z'%20/%3e%3c/svg%3e`,alt:`回车`},null,-1)],32)])])]))}}),z=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M6,18H18V16H6M12,8.41L16.59,13L18,11.58L12,5.58L6,11.58L7.41,13L12,8.41Z'%20/%3e%3c/svg%3e`,B=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M3%2015H5V19H19V15H21V19C21%2020.1%2020.1%2021%2019%2021H5C3.9%2021%203%2020.1%203%2019V15Z'%20/%3e%3c/svg%3e`,V={class:`zhk-selection`},H={class:`zhk-selection__list`},U=[`onClick`],W=(0,t.defineComponent)({__name:`CandidateSelection`,props:{candidates:{}},emits:[`select`,`close`],setup(e,{emit:n}){let r=n;function i(e){r(`select`,e)}function a(){r(`close`)}function o(e){let t=Array.from(e).length;return t>=2&&t<=3?2:t>=4?3:1}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,V,[(0,t.createElementVNode)(`div`,H,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.candidates,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:n,class:(0,t.normalizeClass)([`zhk-selection__text`,[`zhk-selection__text--span-${o(e)}`]]),onClick:e=>i(n)},(0,t.toDisplayString)(e),11,U))),128))]),(0,t.createElementVNode)(`div`,{class:`zhk-selection__func`},[(0,t.createElementVNode)(`button`,{class:`zhk-selection__func-btn`,onClick:a},` 返回 `)])]))}}),G={class:`zhk-candidate`},K={key:0,class:`zhk-candidate__container zhk-candidate__container--loading`},q={class:`zhk-candidate__container`},J={key:0,class:`zhk-candidate__pinyin`},Y={class:`zhk-candidate__bottom-container`},X=(0,t.defineComponent)({__name:`CandidateBar`,props:{modelValue:{required:!0},modelModifiers:{}},emits:(0,t.mergeModels)([`key`,`input`],[`update:modelValue`]),setup(e,{expose:r,emit:i}){let a=i,o=(0,t.useModel)(e,`modelValue`),s=null,c=(0,t.ref)(!0),l=(0,t.ref)(null),u=(0,t.computed)(()=>l.value?.candidates.map(e=>e.text)??[]),d=(0,t.ref)(!1);(0,t.onMounted)(async()=>{if(s=(0,n.getPinyinEngine)(),!s)throw Error(`未找到拼音引擎实例,请确保已正确注册引擎`);c.value=!0;try{await s.whenReady?.()}catch(e){console.error(`拼音引擎就绪失败:`,e)}c.value=!1,o.value&&(l.value=await s.processInput(o.value))}),(0,t.onUnmounted)(()=>{s?.syncData?.(),s?.processInput(``).catch(()=>{}),s=null}),(0,t.watch)(o,async e=>{let t=s;if(!(!t||c.value)){if(e===``){t.processInput(``).catch(()=>{}),l.value=null;return}l.value=await t.processInput(e)}});async function f(e){if(!s)return;let t=await s.pickCandidate(e);l.value=t,t.preeditBody||(a(`input`,t.committed||``),o.value=``,l.value=null,d.value=!1)}r({handleSelection:f});let p=(0,t.computed)(()=>{let e=l.value;return e?e.preeditHead+e.preeditBody:``});return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,G,[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,K,n[2]||=[(0,t.createElementVNode)(`span`,{class:`zhk-candidate__loading-text`},`加载拼音引擎中…`,-1)])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createElementVNode)(`div`,q,[p.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,J,(0,t.toDisplayString)(p.value),1)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,Y,[u.value.length>0?((0,t.openBlock)(),(0,t.createBlock)(k,{key:0,candidates:u.value,onSelect:f},null,8,[`candidates`])):(0,t.createCommentVNode)(``,!0),u.value.length>0?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`zhk-candidate__more`,onClick:n[0]||=e=>d.value=!0},n[3]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'%20/%3e%3c/svg%3e`,alt:`更多`},null,-1)])):(0,t.createCommentVNode)(``,!0)])]),d.value?((0,t.openBlock)(),(0,t.createBlock)(W,{key:0,candidates:u.value,onSelect:f,onClose:n[1]||=e=>d.value=!1},null,8,[`candidates`])):(0,t.createCommentVNode)(``,!0)],64))]))}}),Z={class:`zhk-base`},re={class:`zhk-base__row`},ie=[`onPointerdown`],ae=[`disabled`],oe={key:1,src:z,class:`zhk-base__key-icon`,alt:`Shift`},se=[`onPointerdown`],ce={class:`zhk-base__row`},le={class:`zhk-base__toggle-main`},ue={class:`zhk-base__toggle-sub`},de=(0,t.defineComponent)({__name:`KeyboardBase`,props:(0,t.mergeModels)({enableHandwriting:{type:Boolean}},{modelValue:{default:`en`},modelModifiers:{}}),emits:(0,t.mergeModels)([`key`],[`update:modelValue`]),setup(e,{emit:n}){let r=e,i=n,a=(0,t.useModel)(e,`modelValue`),o=(0,t.computed)(()=>a.value===`en_cap`),s=(0,t.computed)(()=>a.value===`zh`),c=(0,t.computed)(()=>s.value?!0:o.value);function l(e,t=!1){i(`key`,{key:e,isControl:t})}function u(){s.value?a.value=`hand`:a.value=o.value?`en`:`en_cap`}function d(){a.value=`num`}function f(){a.value=`symbol`}let p=[`1`,`2`,`3`,`4`,`5`,`6`,`7`,`8`,`9`,`0`],m=[[`q`,`w`,`e`,`r`,`t`,`y`,`u`,`i`,`o`,`p`],[`a`,`s`,`d`,`f`,`g`,`h`,`j`,`k`,`l`],[`z`,`x`,`c`,`v`,`b`,`n`,`m`]],h=(0,t.ref)(``),g=(0,t.ref)(null),{startRepeat:_,stopRepeat:v}=O();function y(){if(a.value===`zh`&&h.value){h.value=h.value.slice(0,-1);return}l(`delete`,!0)}function b(){if(a.value===`zh`&&h.value){g.value?.handleSelection(0);return}l(` `)}function x(){if(a.value===`zh`&&h.value){l(h.value),h.value=``;return}l(`enter`,!0)}function S(e){if(a.value===`zh`){h.value+=e;return}l(o.value?e.toUpperCase():e)}function C(){a.value=a.value===`zh`?`en`:`zh`}let w=(0,t.computed)(()=>r.enableHandwriting?`手写`:`-`),T=(0,t.computed)(()=>!r.enableHandwriting);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Z,[(0,t.createElementVNode)(`div`,re,[a.value===`zh`?((0,t.openBlock)(),(0,t.createBlock)(X,{key:0,ref_key:`candidateBarRef`,ref:g,modelValue:h.value,"onUpdate:modelValue":n[0]||=e=>h.value=e,onInput:n[1]||=e=>l(e,!1)},null,8,[`modelValue`])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},(0,t.renderList)(p,(e,r)=>(0,t.createElementVNode)(`button`,{key:`number-${r}`,class:`zhk-base__key zhk-base__key--letter`,onPointerdown:n=>(0,t.unref)(_)(n,()=>S(e)),onPointerup:n[2]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[3]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[4]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[5]||=(0,t.withModifiers)(()=>{},[`prevent`])},(0,t.toDisplayString)(e),41,ie)),64))]),((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(m,(e,r)=>(0,t.createElementVNode)(`div`,{key:`row-${r}`,class:`zhk-base__row`},[r===2?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:(0,t.normalizeClass)([`zhk-base__key zhk-base__key--function zhk-base__key--shift`,{"zhk-base__key--active":!s.value&&o.value,"zhk-base__key--disabled":s.value&&T.value}]),disabled:s.value&&T.value,onClick:u,onContextmenu:n[6]||=(0,t.withModifiers)(()=>{},[`prevent`])},[s.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)(w.value),1)],64)):((0,t.openBlock)(),(0,t.createElementBlock)(`img`,oe))],42,ae)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e,(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:`key-${r}-${i}`,class:`zhk-base__key zhk-base__key--letter`,onPointerdown:n=>(0,t.unref)(_)(n,()=>S(e)),onPointerup:n[7]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[8]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[9]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[10]||=(0,t.withModifiers)(()=>{},[`prevent`])},(0,t.toDisplayString)(c.value?e.toUpperCase():e),41,se))),128)),r===2?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`zhk-base__key zhk-base__key--function zhk-base__key--delete`,onPointerdown:n[11]||=e=>(0,t.unref)(_)(e,()=>y()),onPointerup:n[12]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[13]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[14]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[15]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[39]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e`,class:`zhk-base__key-icon`,alt:`Delete`},null,-1)],32)):(0,t.createCommentVNode)(``,!0)])),64)),(0,t.createElementVNode)(`div`,ce,[(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--function`,onClick:f,onContextmenu:n[16]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 符 `,32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--function`,onClick:d,onContextmenu:n[17]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 123 `,32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key`,onPointerdown:n[18]||=e=>(0,t.unref)(_)(e,()=>l(`,`)),onPointerup:n[19]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[20]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[21]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[22]||=(0,t.withModifiers)(()=>{},[`prevent`])},` , `,32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--space`,onPointerdown:n[23]||=e=>(0,t.unref)(_)(e,()=>b()),onPointerup:n[24]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[25]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[26]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[27]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[40]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M3%2015H5V19H19V15H21V19C21%2020.1%2020.1%2021%2019%2021H5C3.9%2021%203%2020.1%203%2019V15Z'%20/%3e%3c/svg%3e`,class:`zhk-base__key-icon`,alt:`Space`},null,-1)],32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key`,onPointerdown:n[28]||=e=>(0,t.unref)(_)(e,()=>l(`。`)),onPointerup:n[29]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[30]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[31]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[32]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 。 `,32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--function`,onClick:C,onContextmenu:n[33]||=(0,t.withModifiers)(()=>{},[`prevent`])},[(0,t.createElementVNode)(`span`,le,(0,t.toDisplayString)(a.value===`zh`?`中`:`英`),1),(0,t.createElementVNode)(`span`,ue,`/`+(0,t.toDisplayString)(a.value===`zh`?`英`:`中`),1)],32),(0,t.createElementVNode)(`button`,{class:`zhk-base__key zhk-base__key--function`,onPointerdown:n[34]||=e=>(0,t.unref)(_)(e,()=>x()),onPointerup:n[35]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointerleave:n[36]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onPointercancel:n[37]||=(...e)=>(0,t.unref)(v)&&(0,t.unref)(v)(...e),onContextmenu:n[38]||=(0,t.withModifiers)(()=>{},[`prevent`])},n[41]||=[(0,t.createElementVNode)(`img`,{src:`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z'%20/%3e%3c/svg%3e`,class:`zhk-base__key-icon`,alt:`Enter`},null,-1)],32)])]))}}),fe={class:`num-keyboard`},pe={class:`num-keyboard__container`},me={class:`num-keyboard__left`},he={class:`num-keyboard__rows`},ge=[`onClick`,`onPointerdown`],_e={key:1,src:B,class:`zhk-base__key-icon`,alt:`Space`},ve={class:`num-keyboard__right`},ye=[`onPointerdown`],be=[`src`,`alt`],xe={key:1},Se=(0,t.defineComponent)({__name:`NumericKeyboard`,props:{keyboardRows:{default:()=>(0,n.getKeyboardConfig)().numKeys||[[`1`,`2`,`3`],[`4`,`5`,`6`],[`7`,`8`,`9`],[`back`,`0`,`space`]]}},emits:[`key`,`exit`],setup(e,{emit:n}){let r=n,i=[{key:`delete`,icon:E,text:``,alt:`Delete`},{key:`.`,icon:``,text:`.`,alt:`.`},{key:`@`,icon:``,text:`@`,alt:`@`},{key:`enter`,icon:D,text:``,alt:`Enter`}];function a(e){r(`key`,{key:e})}function o(e,t=!0){r(`key`,{key:e,isControl:t})}function s(){r(`exit`)}let{startRepeat:c,stopRepeat:l}=O();function u(e,t){e===`back`||(e===`space`&&(e=` `),e===`delete`||e===`enter`?c(t,()=>o(e)):c(t,()=>a(e)))}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,fe,[(0,t.createElementVNode)(`div`,pe,[(0,t.createElementVNode)(`div`,me,[(0,t.createElementVNode)(`div`,he,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.keyboardRows,(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:`row-${r}`,class:`num-keyboard__row`},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e,(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:`key-${r}-${i}`,class:(0,t.normalizeClass)([`num-keyboard__key`,{"num-keyboard__key--back":e===`back`,"num-keyboard__key--space":e===`space`}]),onClick:t=>e===`back`&&s(),onPointerdown:t=>u(e,t),onPointerup:n[0]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onPointerleave:n[1]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onPointercancel:n[2]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onContextmenu:n[3]||=(0,t.withModifiers)(()=>{},[`prevent`])},[e===`back`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)(` 返回 `)],64)):e===`space`?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,_e)):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[(0,t.createTextVNode)((0,t.toDisplayString)(e),1)],64))],42,ge))),128))]))),128))])]),(0,t.createElementVNode)(`div`,ve,[((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(i,(e,r)=>(0,t.createElementVNode)(`button`,{key:`func-${r}`,class:`num-keyboard__key num-keyboard__key--function`,onPointerdown:t=>u(e.key,t),onPointerup:n[4]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onPointerleave:n[5]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onPointercancel:n[6]||=(...e)=>(0,t.unref)(l)&&(0,t.unref)(l)(...e),onContextmenu:n[7]||=(0,t.withModifiers)(()=>{},[`prevent`])},[e.icon?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:e.icon,class:`num-keyboard__key-icon`,alt:e.alt},null,8,be)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,xe,(0,t.toDisplayString)(e.text),1))],40,ye)),64))])])]))}}),Ce=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M18,20V10H6V20H18M18,8A2,2%200%200,1%2020,10V20A2,2%200%200,1%2018,22H6C4.89,22%204,21.1%204,20V10A2,2%200%200,1%206,8H15V6A3,3%200%200,0%2012,3A3,3%200%200,0%209,6H7A5,5%200%200,1%2012,1A5,5%200%200,1%2017,6V8H18M12,17A2,2%200%200,1%2010,15A2,2%200%200,1%2012,13A2,2%200%200,1%2014,15A2,2%200%200,1%2012,17Z'%20/%3e%3c/svg%3e`,we=`data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M12,17C10.89,17%2010,16.1%2010,15C10,13.89%2010.89,13%2012,13A2,2%200%200,1%2014,15A2,2%200%200,1%2012,17M18,20V10H6V20H18M18,8A2,2%200%200,1%2020,10V20A2,2%200%200,1%2018,22H6C4.89,22%204,21.1%204,20V10C4,8.89%204.89,8%206,8H7V6A5,5%200%200,1%2012,1A5,5%200%200,1%2017,6V8H18M12,3A3,3%200%200,0%209,6V8H15V6A3,3%200%200,0%2012,3Z'%20/%3e%3c/svg%3e`,Te={class:`symbol-keyboard`},Ee={class:`symbol-keyboard__content`},De={class:`symbol-keyboard__functions`},Oe={class:`symbol-keyboard__lang-selector`},Q={class:`symbol-keyboard__control-group`},ke=[`src`],Ae=[`src`],je={class:`symbol-keyboard__symbols-container`},Me={class:`symbol-keyboard__symbols-grid`},Ne=[`onClick`,`onPointerdown`],Pe=`!@#$%^&*(){}[]<>/\\|:;"',.?+-=_~\`€£¥₹©®™°`,Fe=`!@#¥%…&*(){}[]<>/\|:;"',。?+-=_~·€£¥₹©®™°`,Ie=(0,t.defineComponent)({__name:`SymbolKeyboard`,emits:[`key`,`exit`],setup(e,{emit:n}){let r=n,i=(0,t.ref)(`en`),a=(0,t.computed)(()=>i.value===`zh`?Fe:Pe),o=(0,t.ref)(!1),{startRepeat:s,stopRepeat:c}=O();function l(e,t){o.value&&s(t,()=>u(e))}function u(e){r(`key`,{key:e}),o.value||r(`exit`)}function d(){r(`exit`)}function f(e){i.value=e}function p(){o.value=!o.value}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Te,[(0,t.createElementVNode)(`div`,Ee,[(0,t.createElementVNode)(`div`,De,[(0,t.createElementVNode)(`div`,Oe,[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`symbol-keyboard__lang-btn`,{"symbol-keyboard__lang-btn--active":i.value===`zh`}]),onClick:n[0]||=e=>f(`zh`),onContextmenu:n[1]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 中文 `,34),(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`symbol-keyboard__lang-btn`,{"symbol-keyboard__lang-btn--active":i.value===`en`}]),onClick:n[2]||=e=>f(`en`),onContextmenu:n[3]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 英文 `,34)]),(0,t.createElementVNode)(`div`,Q,[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)([`symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--lock`,{"symbol-keyboard__key--locked":o.value}]),onClick:p,onContextmenu:n[4]||=(0,t.withModifiers)(()=>{},[`prevent`])},[o.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:1,src:(0,t.unref)(we),alt:`Lock closed`},null,8,Ae)):((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,src:(0,t.unref)(Ce),alt:`Lock open`},null,8,ke))],34),(0,t.createElementVNode)(`button`,{class:`symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--back`,onClick:d,onContextmenu:n[5]||=(0,t.withModifiers)(()=>{},[`prevent`])},` 返回 `,32)])]),(0,t.createElementVNode)(`div`,je,[(0,t.createElementVNode)(`div`,Me,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.value,(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:`key-${r}`,class:`symbol-keyboard__key`,onClick:t=>!o.value&&u(e),onPointerdown:t=>l(e,t),onPointerup:n[6]||=(...e)=>(0,t.unref)(c)&&(0,t.unref)(c)(...e),onPointerleave:n[7]||=(...e)=>(0,t.unref)(c)&&(0,t.unref)(c)(...e),onPointercancel:n[8]||=(...e)=>(0,t.unref)(c)&&(0,t.unref)(c)(...e),onContextmenu:n[9]||=(0,t.withModifiers)(()=>{},[`prevent`])},(0,t.toDisplayString)(e),41,Ne))),128))])])])]))}}),Le={key:0,class:`zhk__disabled-overlay`},$=(0,t.defineComponent)({__name:`ZhKeyboard`,props:{defaultMode:{type:String,default:()=>(0,n.getKeyboardConfig)().defaultMode??`en`},enableHandwriting:{type:Boolean,default:()=>(0,n.getKeyboardConfig)().enableHandwriting??!1},position:{type:String,default:()=>(0,n.getKeyboardConfig)().position??`static`},floatMarginTop:{type:Number,default:()=>(0,n.getKeyboardConfig)().floatMarginTop??0},disableWhenNoFocus:{type:Boolean,default:()=>(0,n.getKeyboardConfig)().disableWhenNoFocus??!0},numKeys:{type:Array||void 0},requireInputmode:{type:Boolean,default:()=>(0,n.getKeyboardConfig)().requireInputmode??!1}},emits:[`key`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.ref)(i.defaultMode),s=(0,t.ref)(i.defaultMode),c=(0,t.ref)([]),l=(0,t.ref)(!1),u=(0,t.ref)(null),d=(0,t.ref)(null),{recognizerInitialized:f,recognizerProgress:m}=ee(i.enableHandwriting);(0,t.watch)(o,(e,t)=>{e!==t&&(s.value=t)});let h=C(),g=(0,t.computed)(()=>h.value&&(0,n.isInputElement)(h.value)?h.value:null),_=(0,t.computed)(()=>i.position===`static`?!0:!(!h.value||!(0,n.isInputElement)(h.value)||i.requireInputmode&&!h.value.dataset.inputmode)),{height:y}=T(d);(0,t.watchEffect)(()=>{if(g.value){let e=g.value.dataset.inputmode;e&&(o.value=e)}});let b=(0,t.computed)(()=>i.disableWhenNoFocus===!1?!1:!g.value);function x(){y.value&&(u.value=(0,n.calculateKeyboardPosition)(g.value,d.value,i.position,i.floatMarginTop))}(0,t.watchEffect)(x);let S=p(x,100);v(window,`scroll`,S,{passive:!0}),v(window,`resize`,S,{passive:!0});function w(e){if(e.isControl){switch(e.key){case`delete`:(0,n.delToInputElement)(g.value);break;case`more`:l.value=!0;break;default:break}return}else E(e.key);a(`key`,e)}function E(e){(0,n.writeToInputElement)(g.value,e)}function D(){o.value===`hand`?s.value=`zh`:[`num`,`symbol`].includes(s.value)&&(s.value=i.defaultMode),o.value=s.value}function O(e){c.value=e}return(n,r)=>(0,t.withDirectives)(((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`keyboardRef`,ref:d,class:(0,t.normalizeClass)([`zhk`,{"zhk--floating":e.position===`float`,"zhk--bottom":e.position===`bottom`,"zhk--disabled":b.value}]),style:(0,t.normalizeStyle)({"--keyboard-height":`${(0,t.unref)(y)}px`,...u.value}),onMousedown:r[1]||=(0,t.withModifiers)(()=>{},[`prevent`])},[b.value||!_.value||!(0,t.unref)(y)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,Le,r[2]||=[(0,t.createElementVNode)(`span`,null,`请选择输入框以启用键盘`,-1)])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[o.value===`hand`?((0,t.openBlock)(),(0,t.createBlock)(R,{key:0,"recognizer-initialized":(0,t.unref)(f),"recognizer-progress":(0,t.unref)(m),onKey:w,onExit:D,onRecognize:O},null,8,[`recognizer-initialized`,`recognizer-progress`])):o.value===`num`?((0,t.openBlock)(),(0,t.createBlock)(Se,{key:1,"keyboard-rows":e.numKeys,onKey:w,onExit:D},null,8,[`keyboard-rows`])):o.value===`symbol`?((0,t.openBlock)(),(0,t.createBlock)(Ie,{key:2,onKey:w,onExit:D})):o.value===`en`||o.value===`en_cap`||o.value===`zh`?((0,t.openBlock)(),(0,t.createBlock)(de,{key:3,modelValue:o.value,"onUpdate:modelValue":r[0]||=e=>o.value=e,"enable-handwriting":e.enableHandwriting,onKey:w},null,8,[`modelValue`,`enable-handwriting`])):(0,t.createCommentVNode)(``,!0)],64))],38)),[[t.vShow,_.value]])}});e.ZhKeyboard=$,e.default={install:e=>{e.component(`ZhKeyboard`,$)}},Object.keys(n).forEach(function(t){t!==`default`&&!Object.prototype.hasOwnProperty.call(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:function(){return n[t]}})})});
|
|
2
2
|
//# sourceMappingURL=zh-keyboard-vue.umd.cjs.map
|