@zh-keyboard/vue 1.0.0 → 1.1.0

package/dist/zh-keyboard-vue.js

@@ -1,13 +1,13 @@
 var Pe = Object.defineProperty;
 var _e = (e, o, s) => o in e ? Pe(e, o, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[o] = s;
 var T = (e, o, s) => _e(e, typeof o != "symbol" ? o + "" : o, s);
-import { onMounted as Q, nextTick as me, watch as Z, getCurrentScope as $e, onScopeDispose as Ee, getCurrentInstance as pe, toValue as B, shallowRef as G, computed as S, watchEffect as q, unref as n, ref as E, onUnmounted as ce, onBeforeUnmount as Se, defineComponent as I, createElementBlock as x, openBlock as y, Fragment as L, renderList as V, toDisplayString as D, createVNode as Le, createElementVNode as g, withModifiers as C, normalizeStyle as se, normalizeClass as O, mergeModels as ie, useModel as ke, createBlock as K, createCommentVNode as W, createTextVNode as re, withDirectives as Re, vShow as Te } from "vue";
+import { onMounted as Q, nextTick as me, watch as X, getCurrentScope as $e, onScopeDispose as Ee, getCurrentInstance as pe, toValue as B, shallowRef as G, computed as S, watchEffect as q, unref as n, ref as E, onUnmounted as ce, onBeforeUnmount as Se, defineComponent as I, createElementBlock as x, openBlock as b, Fragment as L, renderList as V, toDisplayString as D, createVNode as Le, createElementVNode as h, withModifiers as C, normalizeStyle as se, normalizeClass as O, mergeModels as ie, useModel as ke, createBlock as K, createCommentVNode as W, createTextVNode as re, withDirectives as Re, vShow as Te } from "vue";
 function ee(e) {
   return $e() ? (Ee(e), !0) : !1;
 }
 const De = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const He = (e) => e != null, Me = Object.prototype.toString, Ve = (e) => Me.call(e) === "[object Object]", le = () => {
+const Me = (e) => e != null, He = Object.prototype.toString, Ve = (e) => He.call(e) === "[object Object]", le = () => {
 };
 function Be(e, o) {
   function s(...a) {
@@ -19,18 +19,18 @@ function Be(e, o) {
 }
 function Ie(e, o = {}) {
   let s, a, l = le;
-  const i = (v) => {
-    clearTimeout(v), l(), l = le;
+  const i = (c) => {
+    clearTimeout(c), l(), l = le;
   };
   let d;
-  return (v) => {
-    const b = B(e), h = B(o.maxWait);
-    return s && i(s), b <= 0 || h !== void 0 && h <= 0 ? (a && (i(a), a = null), Promise.resolve(v())) : new Promise((u, p) => {
-      l = o.rejectOnCancel ? p : u, d = v, h && !a && (a = setTimeout(() => {
+  return (c) => {
+    const y = B(e), g = B(o.maxWait);
+    return s && i(s), y <= 0 || g !== void 0 && g <= 0 ? (a && (i(a), a = null), Promise.resolve(c())) : new Promise((u, p) => {
+      l = o.rejectOnCancel ? p : u, d = c, g && !a && (a = setTimeout(() => {
         s && i(s), a = null, u(d());
-      }, h)), s = setTimeout(() => {
-        a && i(a), a = null, u(v());
-      }, b);
+      }, g)), s = setTimeout(() => {
+        a && i(a), a = null, u(c());
+      }, y);
     });
   };
 }
@@ -50,7 +50,7 @@ function We(e, o = !0, s) {
   Ae() ? Q(e, s) : o ? e() : me(e);
 }
 function Oe(e, o, s) {
-  return Z(
+  return X(
     e,
     o,
     {
@@ -59,8 +59,8 @@ function Oe(e, o, s) {
     }
   );
 }
-const X = De ? window : void 0;
-function M(e) {
+const Y = De ? window : void 0;
+function H(e) {
   var o;
   const s = B(e);
   return (o = s == null ? void 0 : s.$el) != null ? o : s;
@@ -68,28 +68,28 @@ function M(e) {
 function J(...e) {
   const o = [], s = () => {
     o.forEach((f) => f()), o.length = 0;
-  }, a = (f, v, b, h) => (f.addEventListener(v, b, h), () => f.removeEventListener(v, b, h)), l = S(() => {
-    const f = j(B(e[0])).filter((v) => v != null);
-    return f.every((v) => typeof v != "string") ? f : void 0;
+  }, a = (f, c, y, g) => (f.addEventListener(c, y, g), () => f.removeEventListener(c, y, g)), l = S(() => {
+    const f = j(B(e[0])).filter((c) => c != null);
+    return f.every((c) => typeof c != "string") ? f : void 0;
   }), i = Oe(
     () => {
-      var f, v;
+      var f, c;
       return [
-        (v = (f = l.value) == null ? void 0 : f.map((b) => M(b))) != null ? v : [X].filter((b) => b != null),
+        (c = (f = l.value) == null ? void 0 : f.map((y) => H(y))) != null ? c : [Y].filter((y) => y != null),
         j(B(l.value ? e[1] : e[0])),
         j(n(l.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         B(l.value ? e[3] : e[2])
       ];
     },
-    ([f, v, b, h]) => {
-      if (s(), !(f != null && f.length) || !(v != null && v.length) || !(b != null && b.length))
+    ([f, c, y, g]) => {
+      if (s(), !(f != null && f.length) || !(c != null && c.length) || !(y != null && y.length))
         return;
-      const u = Ve(h) ? { ...h } : h;
+      const u = Ve(g) ? { ...g } : g;
       o.push(
         ...f.flatMap(
-          (p) => v.flatMap(
-            (c) => b.map((m) => a(p, c, m, u))
+          (p) => c.flatMap(
+            (v) => y.map((m) => a(p, v, m, u))
           )
         )
       );
@@ -106,51 +106,51 @@ function Ne() {
     e.value = !0;
   }, o), e;
 }
-function he(e) {
+function ge(e) {
   const o = Ne();
   return S(() => (o.value, !!e()));
 }
 function Ue(e, o, s = {}) {
-  const { window: a = X, ...l } = s;
+  const { window: a = Y, ...l } = s;
   let i;
-  const d = he(() => a && "MutationObserver" in a), f = () => {
+  const d = ge(() => a && "MutationObserver" in a), f = () => {
     i && (i.disconnect(), i = void 0);
-  }, v = S(() => {
-    const p = B(e), c = j(p).map(M).filter(He);
-    return new Set(c);
-  }), b = Z(
-    () => v.value,
+  }, c = S(() => {
+    const p = B(e), v = j(p).map(H).filter(Me);
+    return new Set(v);
+  }), y = X(
+    () => c.value,
     (p) => {
-      f(), d.value && p.size && (i = new MutationObserver(o), p.forEach((c) => i.observe(c, l)));
+      f(), d.value && p.size && (i = new MutationObserver(o), p.forEach((v) => i.observe(v, l)));
     },
     { immediate: !0, flush: "post" }
-  ), h = () => i == null ? void 0 : i.takeRecords(), u = () => {
-    b(), f();
+  ), g = () => i == null ? void 0 : i.takeRecords(), u = () => {
+    y(), f();
   };
   return ee(u), {
     isSupported: d,
     stop: u,
-    takeRecords: h
+    takeRecords: g
   };
 }
 function Fe(e, o, s = {}) {
   const {
-    window: a = X,
+    window: a = Y,
     document: l = a == null ? void 0 : a.document,
     flush: i = "sync"
   } = s;
   if (!a || !l)
     return le;
   let d;
-  const f = (h) => {
-    d == null || d(), d = h;
-  }, v = q(() => {
-    const h = M(e);
-    if (h) {
+  const f = (g) => {
+    d == null || d(), d = g;
+  }, c = q(() => {
+    const g = H(e);
+    if (g) {
       const { stop: u } = Ue(
         l,
         (p) => {
-          p.map((m) => [...m.removedNodes]).flat().some((m) => m === h || m.contains(h)) && o(p);
+          p.map((m) => [...m.removedNodes]).flat().some((m) => m === g || m.contains(g)) && o(p);
         },
         {
           window: a,
@@ -160,58 +160,58 @@ function Fe(e, o, s = {}) {
       );
       f(u);
     }
-  }, { flush: i }), b = () => {
-    v(), f();
+  }, { flush: i }), y = () => {
+    c(), f();
   };
-  return ee(b), b;
+  return ee(y), y;
 }
 function Ze(e = {}) {
   var o;
   const {
-    window: s = X,
+    window: s = Y,
     deep: a = !0,
     triggerOnRemoval: l = !1
   } = e, i = (o = e.document) != null ? o : s == null ? void 0 : s.document, d = () => {
-    var b;
-    let h = i == null ? void 0 : i.activeElement;
+    var y;
+    let g = i == null ? void 0 : i.activeElement;
     if (a)
-      for (; h != null && h.shadowRoot; )
-        h = (b = h == null ? void 0 : h.shadowRoot) == null ? void 0 : b.activeElement;
-    return h;
-  }, f = G(), v = () => {
+      for (; g != null && g.shadowRoot; )
+        g = (y = g == null ? void 0 : g.shadowRoot) == null ? void 0 : y.activeElement;
+    return g;
+  }, f = G(), c = () => {
     f.value = d();
   };
   if (s) {
-    const b = {
+    const y = {
       capture: !0,
       passive: !0
     };
     J(
       s,
       "blur",
-      (h) => {
-        h.relatedTarget === null && v();
+      (g) => {
+        g.relatedTarget === null && c();
       },
-      b
+      y
     ), J(
       s,
       "focus",
-      v,
-      b
+      c,
+      y
     );
   }
-  return l && Fe(f, v, { document: i }), v(), f;
+  return l && Fe(f, c, { document: i }), c(), f;
 }
 function Xe(e, o, s = {}) {
-  const { window: a = X, ...l } = s;
+  const { window: a = Y, ...l } = s;
   let i;
-  const d = he(() => a && "ResizeObserver" in a), f = () => {
+  const d = ge(() => a && "ResizeObserver" in a), f = () => {
     i && (i.disconnect(), i = void 0);
-  }, v = S(() => {
+  }, c = S(() => {
     const u = B(e);
-    return Array.isArray(u) ? u.map((p) => M(p)) : [M(u)];
-  }), b = Z(
-    v,
+    return Array.isArray(u) ? u.map((p) => H(p)) : [H(u)];
+  }), y = X(
+    c,
     (u) => {
       if (f(), d.value && a) {
         i = new ResizeObserver(o);
@@ -220,53 +220,53 @@ function Xe(e, o, s = {}) {
       }
     },
     { immediate: !0, flush: "post" }
-  ), h = () => {
-    f(), b();
+  ), g = () => {
+    f(), y();
   };
-  return ee(h), {
+  return ee(g), {
     isSupported: d,
-    stop: h
+    stop: g
   };
 }
-function ge(e, o = { width: 0, height: 0 }, s = {}) {
-  const { window: a = X, box: l = "content-box" } = s, i = S(() => {
+function he(e, o = { width: 0, height: 0 }, s = {}) {
+  const { window: a = Y, box: l = "content-box" } = s, i = S(() => {
     var u, p;
-    return (p = (u = M(e)) == null ? void 0 : u.namespaceURI) == null ? void 0 : p.includes("svg");
-  }), d = G(o.width), f = G(o.height), { stop: v } = Xe(
+    return (p = (u = H(e)) == null ? void 0 : u.namespaceURI) == null ? void 0 : p.includes("svg");
+  }), d = G(o.width), f = G(o.height), { stop: c } = Xe(
     e,
     ([u]) => {
       const p = l === "border-box" ? u.borderBoxSize : l === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
       if (a && i.value) {
-        const c = M(e);
-        if (c) {
-          const m = c.getBoundingClientRect();
+        const v = H(e);
+        if (v) {
+          const m = v.getBoundingClientRect();
           d.value = m.width, f.value = m.height;
         }
       } else if (p) {
-        const c = j(p);
-        d.value = c.reduce((m, { inlineSize: _ }) => m + _, 0), f.value = c.reduce((m, { blockSize: _ }) => m + _, 0);
+        const v = j(p);
+        d.value = v.reduce((m, { inlineSize: P }) => m + P, 0), f.value = v.reduce((m, { blockSize: P }) => m + P, 0);
       } else
         d.value = u.contentRect.width, f.value = u.contentRect.height;
     },
     s
   );
   We(() => {
-    const u = M(e);
+    const u = H(e);
     u && (d.value = "offsetWidth" in u ? u.offsetWidth : o.width, f.value = "offsetHeight" in u ? u.offsetHeight : o.height);
   });
-  const b = Z(
-    () => M(e),
+  const y = X(
+    () => H(e),
     (u) => {
       d.value = u ? o.width : 0, f.value = u ? o.height : 0;
     }
   );
-  function h() {
-    v(), b();
+  function g() {
+    c(), y();
   }
   return {
     width: d,
     height: f,
-    stop: h
+    stop: g
   };
 }
 var Ye = class {
@@ -365,8 +365,8 @@ let ae = {
   enableHandwriting: !1,
   position: "static",
   disableWhenNoFocus: !0
-}, be = null, ye = null;
-function Y() {
+}, ye = null, be = null;
+function Z() {
   return ae;
 }
 function vn(e) {
@@ -376,31 +376,31 @@ function vn(e) {
   };
 }
 function fn(e) {
-  be = e;
+  ye = e;
 }
 function ue() {
-  return be;
+  return ye;
 }
 function mn(e) {
-  ye = e;
+  be = e;
 }
 function je() {
-  return ye;
+  return be;
 }
-function Ge(e, o, s) {
+function Ge(e, o, s, a = 0) {
   if (!e || !o || s === "static") return null;
-  let a, l;
+  let l, i;
   if (s === "bottom")
-    a = window.innerHeight - o.offsetHeight, l = 0;
+    l = window.innerHeight - o.offsetHeight, i = 0;
   else {
-    const i = e.getBoundingClientRect(), d = o.offsetWidth;
-    a = i.bottom + window.scrollY, l = i.left + window.scrollX + i.width / 2 - d / 2;
-    const f = window.innerWidth;
-    l + d > f && (l = f - d - 10), l < 10 && (l = 10);
+    const d = e.getBoundingClientRect(), f = o.offsetWidth;
+    l = d.bottom + window.scrollY + a, i = d.left + window.scrollX + d.width / 2 - f / 2;
+    const c = window.innerWidth;
+    i + f > c && (i = c - f - 10), i < 10 && (i = 10);
   }
   return {
-    top: `${a}px`,
-    left: `${l}px`
+    top: `${l}px`,
+    left: `${i}px`
   };
 }
 function de(e) {
@@ -445,8 +445,8 @@ function we(e, o = "") {
   let i;
   if (o.length > 0) i = l - a;
   else {
-    const v = l - a;
-    if (v > 0) i = v;
+    const c = l - a;
+    if (c > 0) i = c;
     else if (a > 0)
       i = 1, a--;
     else return;
@@ -545,11 +545,11 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
     function a(l) {
       s("select", l);
     }
-    return (l, i) => (y(), x("div", st, [
-      (y(!0), x(L, null, V(l.candidates, (d, f) => (y(), x("button", {
+    return (l, i) => (b(), x("div", st, [
+      (b(!0), x(L, null, V(l.candidates, (d, f) => (b(), x("button", {
         key: `candidate-${f}`,
         class: "zhk-candidate-list__item",
-        onClick: (v) => a(f)
+        onClick: (c) => a(f)
       }, D(d), 9, it))), 128))
     ]));
   }
@@ -563,16 +563,16 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
   setup(e, { emit: o }) {
     const s = e, a = o, l = E(null), i = E(null);
     let d = null;
-    const f = E(!1), { height: v } = ge(i);
-    function b() {
+    const f = E(!1), { height: c } = he(i);
+    function y() {
       d && d.clearCanvas();
     }
-    function h() {
+    function g() {
       l.value && (d && d.destroy(), d = new Ye(l.value, {
         onDrawEnd: m
       }));
     }
-    const u = E([]), { startRepeat: p, stopRepeat: c } = te();
+    const u = E([]), { startRepeat: p, stopRepeat: v } = te();
     async function m() {
       if (!d || d.getStrokeData().length === 0 || f.value)
         return;
@@ -593,146 +593,146 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
     ce(() => {
       d && d.destroy();
     }), q(() => {
-      l.value && v.value && s.recognizerInitialized && me(() => {
-        h();
+      l.value && c.value && s.recognizerInitialized && me(() => {
+        g();
       });
     });
-    function _(z) {
+    function P(z) {
       const t = u.value[z];
-      t && (a("key", { key: t }), u.value = [], b());
+      t && (a("key", { key: t }), u.value = [], y());
     }
-    return (z, t) => (y(), x("div", rt, [
+    return (z, t) => (b(), x("div", rt, [
       Le(xe, {
         candidates: u.value,
-        onSelect: _
+        onSelect: P
       }, null, 8, ["candidates"]),
-      g("div", {
+      h("div", {
         ref_key: "containerRef",
         ref: i,
         class: "handwriting-content"
       }, [
-        g("div", lt, [
-          g("button", {
+        h("div", lt, [
+          h("button", {
             class: "handwriting-btn handwriting-btn--function",
             onPointerdown: t[0] || (t[0] = (k) => n(p)(k, () => a("key", { key: "。" }))),
             onPointerup: t[1] || (t[1] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointerleave: t[2] || (t[2] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointercancel: t[3] || (t[3] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onContextmenu: t[4] || (t[4] = C(() => {
             }, ["prevent"]))
           }, " 。 ", 32),
-          g("button", {
+          h("button", {
             class: "handwriting-btn handwriting-btn--function",
             onPointerdown: t[5] || (t[5] = (k) => n(p)(k, () => a("key", { key: "？" }))),
             onPointerup: t[6] || (t[6] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointerleave: t[7] || (t[7] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointercancel: t[8] || (t[8] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onContextmenu: t[9] || (t[9] = C(() => {
             }, ["prevent"]))
           }, " ？ ", 32),
-          g("button", {
+          h("button", {
             class: "handwriting-btn handwriting-btn--function",
             onPointerdown: t[10] || (t[10] = (k) => n(p)(k, () => a("key", { key: "！" }))),
             onPointerup: t[11] || (t[11] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointerleave: t[12] || (t[12] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointercancel: t[13] || (t[13] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onContextmenu: t[14] || (t[14] = C(() => {
             }, ["prevent"]))
           }, " ！ ", 32),
-          g("button", {
+          h("button", {
             class: "handwriting-btn handwriting-btn--function",
             onPointerdown: t[15] || (t[15] = (k) => n(p)(k, () => a("key", { key: "、" }))),
             onPointerup: t[16] || (t[16] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointerleave: t[17] || (t[17] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointercancel: t[18] || (t[18] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onContextmenu: t[19] || (t[19] = C(() => {
             }, ["prevent"]))
           }, " 、 ", 32)
         ]),
-        g("div", at, [
-          z.recognizerInitialized ? (y(), x("canvas", {
+        h("div", at, [
+          z.recognizerInitialized ? (b(), x("canvas", {
             key: 1,
             ref_key: "canvasRef",
             ref: l,
             class: "handwriting-canvas",
-            width: n(v),
-            height: n(v)
-          }, null, 8, ct)) : (y(), x("div", {
+            width: n(c),
+            height: n(c)
+          }, null, 8, ct)) : (b(), x("div", {
             key: 0,
             class: "handwriting-loading",
-            style: se({ width: `${n(v)}px`, height: `${n(v)}px` })
+            style: se({ width: `${n(c)}px`, height: `${n(c)}px` })
           }, [
-            t[37] || (t[37] = g("div", { class: "loading-text" }, " 正在加载手写识别... ", -1)),
-            g("div", ut, [
-              g("div", {
+            t[37] || (t[37] = h("div", { class: "loading-text" }, " 正在加载手写识别... ", -1)),
+            h("div", ut, [
+              h("div", {
                 class: "progress-fill",
                 style: se({ width: `${z.recognizerProgress * 100}%` })
               }, null, 4)
             ]),
-            g("div", dt, D(Math.round(z.recognizerProgress * 100)) + "% ", 1)
+            h("div", dt, D(Math.round(z.recognizerProgress * 100)) + "% ", 1)
           ], 4))
         ]),
-        g("div", vt, [
-          g("button", {
+        h("div", vt, [
+          h("button", {
             class: "handwriting-btn handwriting-btn--function",
             onPointerdown: t[20] || (t[20] = (k) => n(p)(k, () => a("key", { key: "delete", isControl: !0 }))),
             onPointerup: t[21] || (t[21] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointerleave: t[22] || (t[22] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointercancel: t[23] || (t[23] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onContextmenu: t[24] || (t[24] = C(() => {
             }, ["prevent"]))
           }, t[38] || (t[38] = [
-            g("img", {
+            h("img", {
               src: ve,
               alt: "删除"
             }, null, -1)
           ]), 32),
-          g("button", {
+          h("button", {
             class: "handwriting-btn handwriting-btn--function",
             onClick: t[25] || (t[25] = (k) => a("exit")),
             onContextmenu: t[26] || (t[26] = C(() => {
             }, ["prevent"]))
-          }, " 返回 ", 32),
-          g("button", {
+          }, " 拼音 ", 32),
+          h("button", {
             class: "handwriting-btn handwriting-btn--function",
             onPointerdown: t[27] || (t[27] = (k) => n(p)(k, () => a("key", { key: "，" }))),
             onPointerup: t[28] || (t[28] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointerleave: t[29] || (t[29] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointercancel: t[30] || (t[30] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onContextmenu: t[31] || (t[31] = C(() => {
             }, ["prevent"]))
           }, " ， ", 32),
-          g("button", {
+          h("button", {
             class: "handwriting-btn handwriting-btn--function",
             onPointerdown: t[32] || (t[32] = (k) => n(p)(k, () => a("key", { key: "enter", isControl: !0 }))),
             onPointerup: t[33] || (t[33] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointerleave: t[34] || (t[34] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onPointercancel: t[35] || (t[35] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(v) && n(v)(...k)),
             onContextmenu: t[36] || (t[36] = C(() => {
             }, ["prevent"]))
           }, t[39] || (t[39] = [
-            g("img", {
+            h("img", {
               src: fe,
               alt: "回车"
             }, null, -1)
@@ -741,7 +741,7 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
       ], 512)
     ]));
   }
-}), mt = "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", ze = "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", pt = "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", kt = { class: "zhk-selection" }, ht = { class: "zhk-selection__list" }, gt = ["onClick"], bt = /* @__PURE__ */ I({
+}), mt = "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", ze = "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", pt = "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", kt = { class: "zhk-selection" }, gt = { class: "zhk-selection__list" }, ht = ["onClick"], yt = /* @__PURE__ */ I({
   __name: "CandidateSelection",
   props: {
     candidates: {}
@@ -759,23 +759,23 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
       const f = Array.from(d).length;
       return f >= 2 && f <= 3 ? 2 : f >= 4 ? 3 : 1;
     }
-    return (d, f) => (y(), x("div", kt, [
-      g("div", ht, [
-        (y(!0), x(L, null, V(d.candidates, (v, b) => (y(), x("div", {
-          key: b,
-          class: O(["zhk-selection__text", [`zhk-selection__text--span-${i(v)}`]]),
-          onClick: (h) => a(b)
-        }, D(v), 11, gt))), 128))
+    return (d, f) => (b(), x("div", kt, [
+      h("div", gt, [
+        (b(!0), x(L, null, V(d.candidates, (c, y) => (b(), x("div", {
+          key: y,
+          class: O(["zhk-selection__text", [`zhk-selection__text--span-${i(c)}`]]),
+          onClick: (g) => a(y)
+        }, D(c), 11, ht))), 128))
       ]),
-      g("div", { class: "zhk-selection__func" }, [
-        g("button", {
+      h("div", { class: "zhk-selection__func" }, [
+        h("button", {
           class: "zhk-selection__func-btn",
           onClick: l
         }, " 返回 ")
       ])
     ]));
   }
-}), yt = { class: "zhk-candidate" }, wt = { class: "zhk-candidate__container" }, xt = {
+}), bt = { class: "zhk-candidate" }, wt = { class: "zhk-candidate__container" }, xt = {
   key: 0,
   class: "zhk-candidate__pinyin"
 }, zt = { class: "zhk-candidate__bottom-container" }, Ct = /* @__PURE__ */ I({
@@ -793,14 +793,14 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
     const d = E(null), f = S(() => {
       var u;
       return ((u = d.value) == null ? void 0 : u.candidates.map((p) => p.text)) ?? [];
-    }), v = E(!1);
+    }), c = E(!1);
     Q(async () => {
       if (i = je(), !i)
         throw new Error("未找到拼音引擎实例，请确保已正确注册引擎");
       l.value && (d.value = await i.processInput(l.value));
     }), ce(() => {
       i == null || i.clearInput(), i = null;
-    }), Z(l, async (u) => {
+    }), X(l, async (u) => {
       const p = i;
       if (p) {
         if (u === "") {
@@ -810,45 +810,45 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
         d.value = await p.processInput(u);
       }
     });
-    async function b(u) {
+    async function y(u) {
       if (!i)
         return;
       const p = await i.pickCandidate(u);
-      d.value = p, p.preeditBody || (a("input", p.committed || ""), l.value = "", d.value = null, v.value = !1);
+      d.value = p, p.preeditBody || (a("input", p.committed || ""), l.value = "", d.value = null, c.value = !1);
     }
     o({
-      handleSelection: b
+      handleSelection: y
     });
-    const h = S(() => {
+    const g = S(() => {
       const u = d.value;
       return u ? u.preeditHead + u.preeditBody : "";
     });
-    return (u, p) => (y(), x("div", yt, [
-      g("div", wt, [
-        h.value ? (y(), x("div", xt, D(h.value), 1)) : W("", !0),
-        g("div", zt, [
-          f.value.length > 0 ? (y(), K(xe, {
+    return (u, p) => (b(), x("div", bt, [
+      h("div", wt, [
+        g.value ? (b(), x("div", xt, D(g.value), 1)) : W("", !0),
+        h("div", zt, [
+          f.value.length > 0 ? (b(), K(xe, {
             key: 0,
             candidates: f.value,
-            onSelect: b
+            onSelect: y
           }, null, 8, ["candidates"])) : W("", !0),
-          f.value.length > 0 ? (y(), x("button", {
+          f.value.length > 0 ? (b(), x("button", {
             key: 1,
             class: "zhk-candidate__more",
-            onClick: p[0] || (p[0] = (c) => v.value = !0)
+            onClick: p[0] || (p[0] = (v) => c.value = !0)
           }, p[2] || (p[2] = [
-            g("img", {
+            h("img", {
               src: pt,
               alt: "更多"
             }, null, -1)
           ]))) : W("", !0)
         ])
       ]),
-      v.value ? (y(), K(bt, {
+      c.value ? (b(), K(yt, {
         key: 0,
         candidates: f.value,
-        onSelect: b,
-        onClose: p[1] || (p[1] = (c) => v.value = !1)
+        onSelect: y,
+        onClose: p[1] || (p[1] = (v) => c.value = !1)
       }, null, 8, ["candidates"])) : W("", !0)
     ]));
   }
@@ -857,7 +857,7 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
   src: mt,
   class: "zhk-base__key-icon",
   alt: "Shift"
-}, Lt = ["onPointerdown"], Rt = { class: "zhk-base__row" }, Tt = { class: "zhk-base__toggle-main" }, Dt = { class: "zhk-base__toggle-sub" }, Ht = /* @__PURE__ */ I({
+}, Lt = ["onPointerdown"], Rt = { class: "zhk-base__row" }, Tt = { class: "zhk-base__toggle-main" }, Dt = { class: "zhk-base__toggle-sub" }, Mt = /* @__PURE__ */ I({
   __name: "KeyboardBase",
   props: /* @__PURE__ */ ie({
     enableHandwriting: { type: Boolean }
@@ -869,104 +869,104 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
   }),
   emits: /* @__PURE__ */ ie(["key"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const s = e, a = o, l = ke(e, "modelValue"), i = E(!1), d = S(() => l.value === "zh"), f = S(() => d.value ? !0 : i.value);
-    function v(H, r = !1) {
-      a("key", { key: H, isControl: r });
+    const s = e, a = o, l = ke(e, "modelValue"), i = S(() => l.value === "en_cap"), d = S(() => l.value === "zh"), f = S(() => d.value ? !0 : i.value);
+    function c(M, r = !1) {
+      a("key", { key: M, isControl: r });
     }
-    function b() {
-      d.value ? l.value = "hand" : i.value = !i.value;
+    function y() {
+      d.value ? l.value = "hand" : l.value = i.value ? "en" : "en_cap";
     }
-    function h() {
+    function g() {
       l.value = "num";
     }
     function u() {
       l.value = "symbol";
     }
-    const p = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"], c = [
+    const p = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"], v = [
       ["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"]
-    ], m = E(""), _ = E(null), { startRepeat: z, stopRepeat: t } = te();
+    ], m = E(""), P = E(null), { startRepeat: z, stopRepeat: t } = te();
     function k() {
       if (l.value === "zh" && m.value) {
         m.value = m.value.slice(0, -1);
         return;
       }
-      v("delete", !0);
+      c("delete", !0);
     }
     function N() {
-      var H;
+      var M;
       if (l.value === "zh" && m.value) {
-        (H = _.value) == null || H.handleSelection(0);
+        (M = P.value) == null || M.handleSelection(0);
         return;
       }
-      v(" ");
+      c(" ");
     }
     function ne() {
       if (l.value === "zh" && m.value) {
-        v(m.value), m.value = "";
+        c(m.value), m.value = "";
         return;
       }
-      v("enter", !0);
+      c("enter", !0);
     }
-    function U(H) {
+    function U(M) {
       if (l.value === "zh") {
-        m.value += H;
+        m.value += M;
         return;
       }
-      const r = i.value ? H.toUpperCase() : H;
-      v(r);
+      const r = i.value ? M.toUpperCase() : M;
+      c(r);
     }
     function oe() {
       l.value = l.value === "zh" ? "en" : "zh";
     }
-    const P = S(() => s.enableHandwriting ? "手写" : "-"), R = S(() => !s.enableHandwriting);
-    return (H, r) => (y(), x("div", Pt, [
-      g("div", _t, [
-        l.value === "zh" ? (y(), K(Ct, {
+    const $ = S(() => s.enableHandwriting ? "手写" : "-"), R = S(() => !s.enableHandwriting);
+    return (M, r) => (b(), x("div", Pt, [
+      h("div", _t, [
+        l.value === "zh" ? (b(), K(Ct, {
           key: 0,
           ref_key: "candidateBarRef",
-          ref: _,
+          ref: P,
           modelValue: m.value,
           "onUpdate:modelValue": r[0] || (r[0] = (w) => m.value = w),
-          onInput: r[1] || (r[1] = (w) => v(w, !1))
-        }, null, 8, ["modelValue"])) : (y(), x(L, { key: 1 }, V(p, (w, F) => g("button", {
+          onInput: r[1] || (r[1] = (w) => c(w, !1))
+        }, null, 8, ["modelValue"])) : (b(), x(L, { key: 1 }, V(p, (w, F) => h("button", {
           key: `number-${F}`,
           class: "zhk-base__key zhk-base__key--letter",
-          onPointerdown: ($) => n(z)($, () => U(w)),
+          onPointerdown: (_) => n(z)(_, () => U(w)),
           onPointerup: r[2] || (r[2] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
+          (..._) => n(t) && n(t)(..._)),
           onPointerleave: r[3] || (r[3] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
+          (..._) => n(t) && n(t)(..._)),
           onPointercancel: r[4] || (r[4] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
+          (..._) => n(t) && n(t)(..._)),
           onContextmenu: r[5] || (r[5] = C(() => {
           }, ["prevent"]))
         }, D(w), 41, $t)), 64))
       ]),
-      (y(), x(L, null, V(c, (w, F) => g("div", {
+      (b(), x(L, null, V(v, (w, F) => h("div", {
         key: `row-${F}`,
         class: "zhk-base__row"
       }, [
-        F === 2 ? (y(), x("button", {
+        F === 2 ? (b(), x("button", {
           key: 0,
           class: O(["zhk-base__key zhk-base__key--function zhk-base__key--shift", {
             "zhk-base__key--active": !d.value && i.value,
             "zhk-base__key--disabled": d.value && R.value
           }]),
           disabled: d.value && R.value,
-          onClick: b,
+          onClick: y,
           onContextmenu: r[6] || (r[6] = C(() => {
           }, ["prevent"]))
         }, [
-          d.value ? (y(), x(L, { key: 0 }, [
-            re(D(P.value), 1)
-          ], 64)) : (y(), x("img", St))
+          d.value ? (b(), x(L, { key: 0 }, [
+            re(D($.value), 1)
+          ], 64)) : (b(), x("img", St))
         ], 42, Et)) : W("", !0),
-        (y(!0), x(L, null, V(w, ($, Ce) => (y(), x("button", {
+        (b(!0), x(L, null, V(w, (_, Ce) => (b(), x("button", {
           key: `key-${F}-${Ce}`,
           class: "zhk-base__key zhk-base__key--letter",
-          onPointerdown: (A) => n(z)(A, () => U($)),
+          onPointerdown: (A) => n(z)(A, () => U(_)),
           onPointerup: r[7] || (r[7] = //@ts-ignore
           (...A) => n(t) && n(t)(...A)),
           onPointerleave: r[8] || (r[8] = //@ts-ignore
@@ -975,43 +975,43 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
           (...A) => n(t) && n(t)(...A)),
           onContextmenu: r[10] || (r[10] = C(() => {
           }, ["prevent"]))
-        }, D(f.value ? $.toUpperCase() : $), 41, Lt))), 128)),
-        F === 2 ? (y(), x("button", {
+        }, D(f.value ? _.toUpperCase() : _), 41, Lt))), 128)),
+        F === 2 ? (b(), x("button", {
           key: 1,
           class: "zhk-base__key zhk-base__key--function zhk-base__key--delete",
-          onPointerdown: r[11] || (r[11] = ($) => n(z)($, () => k())),
+          onPointerdown: r[11] || (r[11] = (_) => n(z)(_, () => k())),
           onPointerup: r[12] || (r[12] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
+          (..._) => n(t) && n(t)(..._)),
           onPointerleave: r[13] || (r[13] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
+          (..._) => n(t) && n(t)(..._)),
           onPointercancel: r[14] || (r[14] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
+          (..._) => n(t) && n(t)(..._)),
           onContextmenu: r[15] || (r[15] = C(() => {
           }, ["prevent"]))
         }, r[39] || (r[39] = [
-          g("img", {
+          h("img", {
             src: ve,
             class: "zhk-base__key-icon",
             alt: "Delete"
           }, null, -1)
         ]), 32)) : W("", !0)
       ])), 64)),
-      g("div", Rt, [
-        g("button", {
+      h("div", Rt, [
+        h("button", {
           class: "zhk-base__key zhk-base__key--function",
           onClick: u,
           onContextmenu: r[16] || (r[16] = C(() => {
           }, ["prevent"]))
         }, " 符 ", 32),
-        g("button", {
+        h("button", {
           class: "zhk-base__key zhk-base__key--function",
-          onClick: h,
+          onClick: g,
           onContextmenu: r[17] || (r[17] = C(() => {
           }, ["prevent"]))
         }, " 123 ", 32),
-        g("button", {
+        h("button", {
           class: "zhk-base__key",
-          onPointerdown: r[18] || (r[18] = (w) => n(z)(w, () => v(","))),
+          onPointerdown: r[18] || (r[18] = (w) => n(z)(w, () => c(","))),
           onPointerup: r[19] || (r[19] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
           onPointerleave: r[20] || (r[20] = //@ts-ignore
@@ -1021,7 +1021,7 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
           onContextmenu: r[22] || (r[22] = C(() => {
           }, ["prevent"]))
         }, " ， ", 32),
-        g("button", {
+        h("button", {
           class: "zhk-base__key zhk-base__key--space",
           onPointerdown: r[23] || (r[23] = (w) => n(z)(w, () => N())),
           onPointerup: r[24] || (r[24] = //@ts-ignore
@@ -1033,15 +1033,15 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
           onContextmenu: r[27] || (r[27] = C(() => {
           }, ["prevent"]))
         }, r[40] || (r[40] = [
-          g("img", {
+          h("img", {
             src: ze,
             class: "zhk-base__key-icon",
             alt: "Space"
           }, null, -1)
         ]), 32),
-        g("button", {
+        h("button", {
           class: "zhk-base__key",
-          onPointerdown: r[28] || (r[28] = (w) => n(z)(w, () => v("。"))),
+          onPointerdown: r[28] || (r[28] = (w) => n(z)(w, () => c("。"))),
           onPointerup: r[29] || (r[29] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
           onPointerleave: r[30] || (r[30] = //@ts-ignore
@@ -1051,16 +1051,16 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
           onContextmenu: r[32] || (r[32] = C(() => {
           }, ["prevent"]))
         }, " 。 ", 32),
-        g("button", {
+        h("button", {
           class: "zhk-base__key zhk-base__key--function",
           onClick: oe,
           onContextmenu: r[33] || (r[33] = C(() => {
           }, ["prevent"]))
         }, [
-          g("span", Tt, D(l.value === "zh" ? "中" : "英"), 1),
-          g("span", Dt, "/" + D(l.value === "zh" ? "英" : "中"), 1)
+          h("span", Tt, D(l.value === "zh" ? "中" : "英"), 1),
+          h("span", Dt, "/" + D(l.value === "zh" ? "英" : "中"), 1)
         ], 32),
-        g("button", {
+        h("button", {
           class: "zhk-base__key zhk-base__key--function",
           onPointerdown: r[34] || (r[34] = (w) => n(z)(w, () => ne())),
           onPointerup: r[35] || (r[35] = //@ts-ignore
@@ -1072,7 +1072,7 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
           onContextmenu: r[38] || (r[38] = C(() => {
           }, ["prevent"]))
         }, r[41] || (r[41] = [
-          g("img", {
+          h("img", {
             src: fe,
             class: "zhk-base__key-icon",
             alt: "Enter"
@@ -1081,7 +1081,7 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
       ])
     ]));
   }
-}), Mt = { class: "num-keyboard" }, Vt = { class: "num-keyboard__container" }, Bt = { class: "num-keyboard__left" }, It = { class: "num-keyboard__rows" }, At = ["onClick", "onPointerdown"], Kt = {
+}), Ht = { class: "num-keyboard" }, Vt = { class: "num-keyboard__container" }, Bt = { class: "num-keyboard__left" }, It = { class: "num-keyboard__rows" }, At = ["onClick", "onPointerdown"], Kt = {
   key: 1,
   src: ze,
   class: "zhk-base__key-icon",
@@ -1089,7 +1089,7 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
 }, Wt = { class: "num-keyboard__right" }, Ot = ["onPointerdown"], Nt = ["src", "alt"], Ut = { key: 1 }, Ft = /* @__PURE__ */ I({
   __name: "NumericKeyboard",
   props: {
-    keyboardRows: { default: () => Y().numKeys || [
+    keyboardRows: { default: () => Z().numKeys || [
       ["1", "2", "3"],
       ["4", "5", "6"],
       ["7", "8", "9"],
@@ -1104,73 +1104,73 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
       { key: "@", icon: "", text: "@", alt: "@" },
       { key: "enter", icon: fe, text: "", alt: "Enter" }
     ];
-    function l(h) {
-      s("key", { key: h });
+    function l(g) {
+      s("key", { key: g });
     }
-    function i(h, u = !0) {
-      s("key", { key: h, isControl: u });
+    function i(g, u = !0) {
+      s("key", { key: g, isControl: u });
     }
     function d() {
       s("exit");
     }
-    const { startRepeat: f, stopRepeat: v } = te();
-    function b(h, u) {
-      h === "back" || (h === "space" && (h = " "), h === "delete" || h === "enter" ? f(u, () => i(h)) : f(u, () => l(h)));
+    const { startRepeat: f, stopRepeat: c } = te();
+    function y(g, u) {
+      g === "back" || (g === "space" && (g = " "), g === "delete" || g === "enter" ? f(u, () => i(g)) : f(u, () => l(g)));
     }
-    return (h, u) => (y(), x("div", Mt, [
-      g("div", Vt, [
-        g("div", Bt, [
-          g("div", It, [
-            (y(!0), x(L, null, V(h.keyboardRows, (p, c) => (y(), x("div", {
-              key: `row-${c}`,
+    return (g, u) => (b(), x("div", Ht, [
+      h("div", Vt, [
+        h("div", Bt, [
+          h("div", It, [
+            (b(!0), x(L, null, V(g.keyboardRows, (p, v) => (b(), x("div", {
+              key: `row-${v}`,
               class: "num-keyboard__row"
             }, [
-              (y(!0), x(L, null, V(p, (m, _) => (y(), x("button", {
-                key: `key-${c}-${_}`,
+              (b(!0), x(L, null, V(p, (m, P) => (b(), x("button", {
+                key: `key-${v}-${P}`,
                 class: O(["num-keyboard__key", {
                   "num-keyboard__key--back": m === "back",
                   "num-keyboard__key--space": m === "space"
                 }]),
                 onClick: (z) => m === "back" && d(),
-                onPointerdown: (z) => b(m, z),
+                onPointerdown: (z) => y(m, z),
                 onPointerup: u[0] || (u[0] = //@ts-ignore
-                (...z) => n(v) && n(v)(...z)),
+                (...z) => n(c) && n(c)(...z)),
                 onPointerleave: u[1] || (u[1] = //@ts-ignore
-                (...z) => n(v) && n(v)(...z)),
+                (...z) => n(c) && n(c)(...z)),
                 onPointercancel: u[2] || (u[2] = //@ts-ignore
-                (...z) => n(v) && n(v)(...z)),
+                (...z) => n(c) && n(c)(...z)),
                 onContextmenu: u[3] || (u[3] = C(() => {
                 }, ["prevent"]))
               }, [
-                m === "back" ? (y(), x(L, { key: 0 }, [
+                m === "back" ? (b(), x(L, { key: 0 }, [
                   re(" 返回 ")
-                ], 64)) : m === "space" ? (y(), x("img", Kt)) : (y(), x(L, { key: 2 }, [
+                ], 64)) : m === "space" ? (b(), x("img", Kt)) : (b(), x(L, { key: 2 }, [
                   re(D(m), 1)
                 ], 64))
               ], 42, At))), 128))
             ]))), 128))
           ])
         ]),
-        g("div", Wt, [
-          (y(), x(L, null, V(a, (p, c) => g("button", {
-            key: `func-${c}`,
+        h("div", Wt, [
+          (b(), x(L, null, V(a, (p, v) => h("button", {
+            key: `func-${v}`,
             class: "num-keyboard__key num-keyboard__key--function",
-            onPointerdown: (m) => b(p.key, m),
+            onPointerdown: (m) => y(p.key, m),
             onPointerup: u[4] || (u[4] = //@ts-ignore
-            (...m) => n(v) && n(v)(...m)),
+            (...m) => n(c) && n(c)(...m)),
             onPointerleave: u[5] || (u[5] = //@ts-ignore
-            (...m) => n(v) && n(v)(...m)),
+            (...m) => n(c) && n(c)(...m)),
             onPointercancel: u[6] || (u[6] = //@ts-ignore
-            (...m) => n(v) && n(v)(...m)),
+            (...m) => n(c) && n(c)(...m)),
             onContextmenu: u[7] || (u[7] = C(() => {
             }, ["prevent"]))
           }, [
-            p.icon ? (y(), x("img", {
+            p.icon ? (b(), x("img", {
               key: 0,
               src: p.icon,
               class: "num-keyboard__key-icon",
               alt: p.alt
-            }, null, 8, Nt)) : (y(), x("span", Ut, D(p.text), 1))
+            }, null, 8, Nt)) : (b(), x("span", Ut, D(p.text), 1))
           ], 40, Ot)), 64))
         ])
       ])
@@ -1181,70 +1181,70 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
   emits: ["key", "exit"],
   setup(e, { emit: o }) {
     const s = o, a = E("en"), l = S(() => a.value === "zh" ? rn : sn), i = E(!1), { startRepeat: d, stopRepeat: f } = te();
-    function v(c, m) {
-      i.value && d(m, () => b(c));
+    function c(v, m) {
+      i.value && d(m, () => y(v));
     }
-    function b(c) {
-      s("key", { key: c }), i.value || s("exit");
+    function y(v) {
+      s("key", { key: v }), i.value || s("exit");
     }
-    function h() {
+    function g() {
       s("exit");
     }
-    function u(c) {
-      a.value = c;
+    function u(v) {
+      a.value = v;
     }
     function p() {
       i.value = !i.value;
     }
-    return (c, m) => (y(), x("div", Yt, [
-      g("div", jt, [
-        g("div", Gt, [
-          g("div", qt, [
-            g("button", {
+    return (v, m) => (b(), x("div", Yt, [
+      h("div", jt, [
+        h("div", Gt, [
+          h("div", qt, [
+            h("button", {
               class: O(["symbol-keyboard__lang-btn", { "symbol-keyboard__lang-btn--active": a.value === "zh" }]),
-              onClick: m[0] || (m[0] = (_) => u("zh")),
+              onClick: m[0] || (m[0] = (P) => u("zh")),
               onContextmenu: m[1] || (m[1] = C(() => {
               }, ["prevent"]))
             }, " 中文 ", 34),
-            g("button", {
+            h("button", {
               class: O(["symbol-keyboard__lang-btn", { "symbol-keyboard__lang-btn--active": a.value === "en" }]),
-              onClick: m[2] || (m[2] = (_) => u("en")),
+              onClick: m[2] || (m[2] = (P) => u("en")),
               onContextmenu: m[3] || (m[3] = C(() => {
               }, ["prevent"]))
             }, " 英文 ", 34)
           ]),
-          g("div", Jt, [
-            g("button", {
+          h("div", Jt, [
+            h("button", {
               class: O(["symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--lock", { "symbol-keyboard__key--locked": i.value }]),
               onClick: p,
               onContextmenu: m[4] || (m[4] = C(() => {
               }, ["prevent"]))
             }, [
-              i.value ? (y(), x("img", {
+              i.value ? (b(), x("img", {
                 key: 1,
                 src: n(Xt),
                 alt: "Lock closed"
-              }, null, 8, en)) : (y(), x("img", {
+              }, null, 8, en)) : (b(), x("img", {
                 key: 0,
                 src: n(Zt),
                 alt: "Lock open"
               }, null, 8, Qt))
             ], 34),
-            g("button", {
+            h("button", {
               class: "symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--back",
-              onClick: h,
+              onClick: g,
               onContextmenu: m[5] || (m[5] = C(() => {
               }, ["prevent"]))
             }, " 返回 ", 32)
           ])
         ]),
-        g("div", tn, [
-          g("div", nn, [
-            (y(!0), x(L, null, V(l.value, (_, z) => (y(), x("button", {
+        h("div", tn, [
+          h("div", nn, [
+            (b(!0), x(L, null, V(l.value, (P, z) => (b(), x("button", {
               key: `key-${z}`,
               class: "symbol-keyboard__key",
-              onClick: (t) => !i.value && b(_),
-              onPointerdown: (t) => v(_, t),
+              onClick: (t) => !i.value && y(P),
+              onPointerdown: (t) => c(P, t),
               onPointerup: m[6] || (m[6] = //@ts-ignore
               (...t) => n(f) && n(f)(...t)),
               onPointerleave: m[7] || (m[7] = //@ts-ignore
@@ -1253,7 +1253,7 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
               (...t) => n(f) && n(f)(...t)),
               onContextmenu: m[9] || (m[9] = C(() => {
               }, ["prevent"]))
-            }, D(_), 41, on))), 128))
+            }, D(P), 41, on))), 128))
           ])
         ])
       ])
@@ -1265,44 +1265,84 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
 }, un = /* @__PURE__ */ I({
   __name: "ZhKeyboard",
   props: {
-    defaultMode: { default: Y().defaultMode ?? "en" },
-    enableHandwriting: { type: Boolean, default: Y().enableHandwriting ?? !1 },
-    position: { default: Y().position ?? "static" },
-    disableWhenNoFocus: { type: Boolean, default: Y().disableWhenNoFocus ?? !0 },
-    numKeys: {}
+    /**
+     * 默认的键盘模式
+     */
+    defaultMode: {
+      type: String,
+      default: () => Z().defaultMode ?? "en"
+    },
+    /**
+     * 是否启用手写输入
+     */
+    enableHandwriting: {
+      type: Boolean,
+      default: () => Z().enableHandwriting ?? !1
+    },
+    /**
+     * 键盘定位模式
+     * @default 'static'
+     */
+    position: {
+      type: String,
+      default: () => Z().position ?? "static"
+    },
+    /**
+     * 浮动模式下键盘与输入框的距离
+     * @default 10
+     */
+    floatMarginTop: {
+      type: Number,
+      default: () => Z().floatMarginTop ?? 0
+    },
+    /**
+     * 当没有input获得焦点时是否禁用键盘
+     * @default true
+     */
+    disableWhenNoFocus: {
+      type: Boolean,
+      default: () => Z().disableWhenNoFocus ?? !0
+    },
+    /**
+     * 数字键盘的行配置
+     */
+    numKeys: {
+      type: Array || void 0
+    }
   },
   emits: ["key"],
   setup(e, { emit: o }) {
-    const s = e, a = o, l = E(s.defaultMode), i = E(s.defaultMode), d = E([]), f = E(!1), v = E(null), b = E(null), { recognizerInitialized: h, recognizerProgress: u } = ot(s.enableHandwriting);
-    Z(l, (P, R) => {
-      P !== R && (i.value = R);
+    const s = e, a = o, l = E(s.defaultMode), i = E(s.defaultMode), d = E([]), f = E(!1), c = E(null), y = E(null), { recognizerInitialized: g, recognizerProgress: u } = ot(s.enableHandwriting);
+    X(l, ($, R) => {
+      $ !== R && (i.value = R);
     });
-    const p = Ze(), c = S(() => p.value && de(p.value) ? p.value : null), m = S(() => s.position === "static" || !!(p.value && de(p.value))), { height: _ } = ge(b);
+    const p = Ze(), v = S(() => p.value && de(p.value) ? p.value : null), m = S(() => s.position === "static" || !!(p.value && de(p.value))), { height: P } = he(y);
     q(() => {
-      if (c.value) {
-        const P = c.value.dataset.inputmode;
-        P && (l.value = P);
+      if (v.value) {
+        const $ = v.value.dataset.inputmode;
+        $ && (l.value = $);
       }
     });
-    const z = S(() => s.disableWhenNoFocus === !1 ? !1 : !c.value);
+    const z = S(() => s.disableWhenNoFocus === !1 ? !1 : !v.value);
     function t() {
-      if (!_.value)
+      if (!P.value)
         return;
-      const P = Ge(
-        c.value,
-        b.value,
-        s.position
+      const $ = Ge(
+        v.value,
+        y.value,
+        s.position,
+        s.floatMarginTop
       );
-      v.value = P;
+      c.value = $;
     }
     q(t);
     const k = Ke(t, 100);
     J(window, "scroll", k, { passive: !0 }), J(window, "resize", k, { passive: !0 });
-    function N(P) {
-      if (P.isControl) {
-        switch (P.key) {
+    function N($) {
+      if ($.isControl) {
+        switch ($.key) {
           case "delete":
-            et(c.value);
+            et(v.value);
             break;
           case "more":
             f.value = !0;
@@ -1310,57 +1350,57 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
         }
         return;
       } else
-        ne(P.key);
-      a("key", P);
+        ne($.key);
+      a("key", $);
     }
-    function ne(P) {
-      Qe(c.value, P);
+    function ne($) {
+      Qe(v.value, $);
     }
     function U() {
-      ["hand", "num", "symbol"].includes(i.value) && (i.value = s.defaultMode), l.value = i.value;
+      l.value === "hand" ? i.value = "zh" : ["num", "symbol"].includes(i.value) && (i.value = s.defaultMode), l.value = i.value;
     }
-    function oe(P) {
-      d.value = P;
+    function oe($) {
+      d.value = $;
     }
-    return (P, R) => Re((y(), x("div", {
+    return ($, R) => Re((b(), x("div", {
       ref_key: "keyboardRef",
-      ref: b,
+      ref: y,
       class: O(["zhk", {
-        "zhk--floating": P.position === "float",
-        "zhk--bottom": P.position === "bottom",
+        "zhk--floating": e.position === "float",
+        "zhk--bottom": e.position === "bottom",
         "zhk--disabled": z.value
       }]),
       style: se({
-        "--keyboard-height": `${n(_)}px`,
-        ...v.value
+        "--keyboard-height": `${n(P)}px`,
+        ...c.value
       }),
       onMousedown: R[1] || (R[1] = C(() => {
       }, ["prevent"]))
     }, [
-      z.value || !m.value || !n(_) ? (y(), x("div", an, R[2] || (R[2] = [
-        g("span", null, "请选择输入框以启用键盘", -1)
-      ]))) : (y(), x(L, { key: 1 }, [
-        l.value === "hand" ? (y(), K(ft, {
+      z.value || !m.value || !n(P) ? (b(), x("div", an, R[2] || (R[2] = [
+        h("span", null, "请选择输入框以启用键盘", -1)
+      ]))) : (b(), x(L, { key: 1 }, [
+        l.value === "hand" ? (b(), K(ft, {
           key: 0,
-          "recognizer-initialized": n(h),
+          "recognizer-initialized": n(g),
           "recognizer-progress": n(u),
           onKey: N,
           onExit: U,
           onRecognize: oe
-        }, null, 8, ["recognizer-initialized", "recognizer-progress"])) : l.value === "num" ? (y(), K(Ft, {
+        }, null, 8, ["recognizer-initialized", "recognizer-progress"])) : l.value === "num" ? (b(), K(Ft, {
           key: 1,
-          "keyboard-rows": P.numKeys,
+          "keyboard-rows": e.numKeys,
           onKey: N,
           onExit: U
-        }, null, 8, ["keyboard-rows"])) : l.value === "symbol" ? (y(), K(ln, {
+        }, null, 8, ["keyboard-rows"])) : l.value === "symbol" ? (b(), K(ln, {
           key: 2,
           onKey: N,
           onExit: U
-        })) : l.value === "en" || l.value === "zh" ? (y(), K(Ht, {
+        })) : l.value === "en" || l.value === "en_cap" || l.value === "zh" ? (b(), K(Mt, {
           key: 3,
           modelValue: l.value,
-          "onUpdate:modelValue": R[0] || (R[0] = (H) => l.value = H),
-          "enable-handwriting": P.enableHandwriting,
+          "onUpdate:modelValue": R[0] || (R[0] = (M) => l.value = M),
+          "enable-handwriting": e.enableHandwriting,
           onKey: N
         }, null, 8, ["modelValue", "enable-handwriting"])) : W("", !0)
       ], 64))
@@ -1382,7 +1422,7 @@ export {
   et as delToInputElement,
   ue as getHandwritingRecognizer,
   pn as getInputElement,
-  Y as getKeyboardConfig,
+  Z as getKeyboardConfig,
   je as getPinyinEngine,
   de as isInputElement,
   tt as moveCursor,