@zh-keyboard/vue 1.0.0 → 1.1.1

package/dist/zh-keyboard-vue.js

@@ -1,36 +1,36 @@
 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";
+var _e = (e, o, i) => o in e ? Pe(e, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[o] = i;
+var R = (e, o, i) => _e(e, typeof o != "symbol" ? o + "" : o, i);
+import { onMounted as Q, nextTick as fe, watch as X, getCurrentScope as Ee, onScopeDispose as $e, getCurrentInstance as me, toValue as B, shallowRef as G, computed as S, watchEffect as q, unref as n, ref as $, onUnmounted as de, 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 g, withModifiers as C, normalizeStyle as pe, normalizeClass as O, mergeModels as se, useModel as ke, createBlock as K, createCommentVNode as W, createTextVNode as ie, withDirectives as Te, vShow as Re } from "vue";
 function ee(e) {
-  return $e() ? (Ee(e), !0) : !1;
+  return Ee() ? ($e(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]", re = () => {
 };
 function Be(e, o) {
-  function s(...a) {
-    return new Promise((l, i) => {
-      Promise.resolve(e(() => o.apply(this, a), { fn: o, thisArg: this, args: a })).then(l).catch(i);
+  function i(...a) {
+    return new Promise((r, s) => {
+      Promise.resolve(e(() => o.apply(this, a), { fn: o, thisArg: this, args: a })).then(r).catch(s);
     });
   }
-  return s;
+  return i;
 }
 function Ie(e, o = {}) {
-  let s, a, l = le;
-  const i = (v) => {
-    clearTimeout(v), l(), l = le;
+  let i, a, r = re;
+  const s = (c) => {
+    clearTimeout(c), r(), r = re;
   };
-  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(() => {
-        s && i(s), a = null, u(d());
-      }, h)), s = setTimeout(() => {
-        a && i(a), a = null, u(v());
-      }, b);
+  let f;
+  return (c) => {
+    const y = B(e), h = B(o.maxWait);
+    return i && s(i), y <= 0 || h !== void 0 && h <= 0 ? (a && (s(a), a = null), Promise.resolve(c())) : new Promise((u, p) => {
+      r = o.rejectOnCancel ? p : u, f = c, h && !a && (a = setTimeout(() => {
+        i && s(i), a = null, u(f());
+      }, h)), i = setTimeout(() => {
+        a && s(a), a = null, u(c());
+      }, y);
     });
   };
 }
@@ -38,70 +38,70 @@ function j(e) {
   return Array.isArray(e) ? e : [e];
 }
 function Ae(e) {
-  return pe();
+  return me();
 }
-function Ke(e, o = 200, s = {}) {
+function Ke(e, o = 200, i = {}) {
   return Be(
-    Ie(o, s),
+    Ie(o, i),
     e
   );
 }
-function We(e, o = !0, s) {
-  Ae() ? Q(e, s) : o ? e() : me(e);
+function We(e, o = !0, i) {
+  Ae() ? Q(e, i) : o ? e() : fe(e);
 }
-function Oe(e, o, s) {
-  return Z(
+function Oe(e, o, i) {
+  return X(
     e,
     o,
     {
-      ...s,
+      ...i,
       immediate: !0
     }
   );
 }
-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;
+  const i = B(e);
+  return (o = i == null ? void 0 : i.$el) != null ? o : i;
 }
 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;
-  }), i = Oe(
+  const o = [], i = () => {
+    o.forEach((v) => v()), o.length = 0;
+  }, a = (v, c, y, h) => (v.addEventListener(c, y, h), () => v.removeEventListener(c, y, h)), r = S(() => {
+    const v = j(B(e[0])).filter((c) => c != null);
+    return v.every((c) => typeof c != "string") ? v : void 0;
+  }), s = Oe(
     () => {
-      var f, v;
+      var v, c;
       return [
-        (v = (f = l.value) == null ? void 0 : f.map((b) => M(b))) != null ? v : [X].filter((b) => b != null),
-        j(B(l.value ? e[1] : e[0])),
-        j(n(l.value ? e[2] : e[1])),
+        (c = (v = r.value) == null ? void 0 : v.map((y) => H(y))) != null ? c : [Y].filter((y) => y != null),
+        j(B(r.value ? e[1] : e[0])),
+        j(n(r.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        B(l.value ? e[3] : e[2])
+        B(r.value ? e[3] : e[2])
       ];
     },
-    ([f, v, b, h]) => {
-      if (s(), !(f != null && f.length) || !(v != null && v.length) || !(b != null && b.length))
+    ([v, c, y, h]) => {
+      if (i(), !(v != null && v.length) || !(c != null && c.length) || !(y != null && y.length))
         return;
       const u = Ve(h) ? { ...h } : h;
       o.push(
-        ...f.flatMap(
-          (p) => v.flatMap(
-            (c) => b.map((m) => a(p, c, m, u))
+        ...v.flatMap(
+          (p) => c.flatMap(
+            (d) => y.map((m) => a(p, d, m, u))
           )
         )
       );
     },
     { flush: "post" }
-  ), d = () => {
-    i(), s();
+  ), f = () => {
+    s(), i();
   };
-  return ee(s), d;
+  return ee(i), f;
 }
 function Ne() {
-  const e = G(!1), o = pe();
+  const e = G(!1), o = me();
   return o && Q(() => {
     e.value = !0;
   }, o), e;
@@ -110,45 +110,45 @@ function he(e) {
   const o = Ne();
   return S(() => (o.value, !!e()));
 }
-function Ue(e, o, s = {}) {
-  const { window: a = X, ...l } = s;
-  let i;
-  const d = he(() => 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,
+function Ue(e, o, i = {}) {
+  const { window: a = Y, ...r } = i;
+  let s;
+  const f = he(() => a && "MutationObserver" in a), v = () => {
+    s && (s.disconnect(), s = void 0);
+  }, c = S(() => {
+    const p = B(e), d = j(p).map(H).filter(Me);
+    return new Set(d);
+  }), y = X(
+    () => c.value,
     (p) => {
-      f(), d.value && p.size && (i = new MutationObserver(o), p.forEach((c) => i.observe(c, l)));
+      v(), f.value && p.size && (s = new MutationObserver(o), p.forEach((d) => s.observe(d, r)));
     },
     { immediate: !0, flush: "post" }
-  ), h = () => i == null ? void 0 : i.takeRecords(), u = () => {
-    b(), f();
+  ), h = () => s == null ? void 0 : s.takeRecords(), u = () => {
+    y(), v();
   };
   return ee(u), {
-    isSupported: d,
+    isSupported: f,
     stop: u,
     takeRecords: h
   };
 }
-function Fe(e, o, s = {}) {
+function Fe(e, o, i = {}) {
   const {
-    window: a = X,
-    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);
+    window: a = Y,
+    document: r = a == null ? void 0 : a.document,
+    flush: s = "sync"
+  } = i;
+  if (!a || !r)
+    return re;
+  let f;
+  const v = (h) => {
+    f == null || f(), f = h;
+  }, c = q(() => {
+    const h = H(e);
     if (h) {
       const { stop: u } = Ue(
-        l,
+        r,
         (p) => {
           p.map((m) => [...m.removedNodes]).flat().some((m) => m === h || m.contains(h)) && o(p);
         },
@@ -158,148 +158,148 @@ function Fe(e, o, s = {}) {
           subtree: !0
         }
       );
-      f(u);
+      v(u);
     }
-  }, { flush: i }), b = () => {
-    v(), f();
+  }, { flush: s }), y = () => {
+    c(), v();
   };
-  return ee(b), b;
+  return ee(y), y;
 }
 function Ze(e = {}) {
   var o;
   const {
-    window: s = X,
+    window: i = 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;
+    triggerOnRemoval: r = !1
+  } = e, s = (o = e.document) != null ? o : i == null ? void 0 : i.document, f = () => {
+    var y;
+    let h = s == null ? void 0 : s.activeElement;
     if (a)
       for (; h != null && h.shadowRoot; )
-        h = (b = h == null ? void 0 : h.shadowRoot) == null ? void 0 : b.activeElement;
+        h = (y = h == null ? void 0 : h.shadowRoot) == null ? void 0 : y.activeElement;
     return h;
-  }, f = G(), v = () => {
-    f.value = d();
+  }, v = G(), c = () => {
+    v.value = f();
   };
-  if (s) {
-    const b = {
+  if (i) {
+    const y = {
       capture: !0,
       passive: !0
     };
     J(
-      s,
+      i,
       "blur",
       (h) => {
-        h.relatedTarget === null && v();
+        h.relatedTarget === null && c();
       },
-      b
+      y
     ), J(
-      s,
+      i,
       "focus",
-      v,
-      b
+      c,
+      y
     );
   }
-  return l && Fe(f, v, { document: i }), v(), f;
+  return r && Fe(v, c, { document: s }), c(), v;
 }
-function Xe(e, o, s = {}) {
-  const { window: a = X, ...l } = s;
-  let i;
-  const d = he(() => a && "ResizeObserver" in a), f = () => {
-    i && (i.disconnect(), i = void 0);
-  }, v = S(() => {
+function Xe(e, o, i = {}) {
+  const { window: a = Y, ...r } = i;
+  let s;
+  const f = he(() => a && "ResizeObserver" in a), v = () => {
+    s && (s.disconnect(), s = void 0);
+  }, 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);
+      if (v(), f.value && a) {
+        s = new ResizeObserver(o);
         for (const p of u)
-          p && i.observe(p, l);
+          p && s.observe(p, r);
       }
     },
     { immediate: !0, flush: "post" }
   ), h = () => {
-    f(), b();
+    v(), y();
   };
   return ee(h), {
-    isSupported: d,
+    isSupported: f,
     stop: h
   };
 }
-function ge(e, o = { width: 0, height: 0 }, s = {}) {
-  const { window: a = X, box: l = "content-box" } = s, i = S(() => {
+function ge(e, o = { width: 0, height: 0 }, i = {}) {
+  const { window: a = Y, box: r = "content-box" } = i, s = 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");
+  }), f = G(o.width), v = 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();
-          d.value = m.width, f.value = m.height;
+      const p = r === "border-box" ? u.borderBoxSize : r === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
+      if (a && s.value) {
+        const d = H(e);
+        if (d) {
+          const m = d.getBoundingClientRect();
+          f.value = m.width, v.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 d = j(p);
+        f.value = d.reduce((m, { inlineSize: P }) => m + P, 0), v.value = d.reduce((m, { blockSize: P }) => m + P, 0);
       } else
-        d.value = u.contentRect.width, f.value = u.contentRect.height;
+        f.value = u.contentRect.width, v.value = u.contentRect.height;
     },
-    s
+    i
   );
   We(() => {
-    const u = M(e);
-    u && (d.value = "offsetWidth" in u ? u.offsetWidth : o.width, f.value = "offsetHeight" in u ? u.offsetHeight : o.height);
+    const u = H(e);
+    u && (f.value = "offsetWidth" in u ? u.offsetWidth : o.width, v.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;
+      f.value = u ? o.width : 0, v.value = u ? o.height : 0;
     }
   );
   function h() {
-    v(), b();
+    c(), y();
   }
   return {
-    width: d,
-    height: f,
+    width: f,
+    height: v,
     stop: h
   };
 }
 var Ye = class {
   constructor(e, o = {}) {
-    T(this, "canvas");
-    T(this, "ctx");
-    T(this, "lastX", 0);
-    T(this, "lastY", 0);
-    T(this, "strokeData", []);
-    T(this, "clearTimerId", null);
-    T(this, "isDrawing", !1);
-    T(this, "options");
-    T(this, "handleStart", (e) => {
+    R(this, "canvas");
+    R(this, "ctx");
+    R(this, "lastX", 0);
+    R(this, "lastY", 0);
+    R(this, "strokeData", []);
+    R(this, "clearTimerId", null);
+    R(this, "isDrawing", !1);
+    R(this, "options");
+    R(this, "handleStart", (e) => {
       e.preventDefault(), this.isDrawing = !0;
-      const { offsetX: o, offsetY: s } = this.getEventCoordinates(e);
-      this.startDrawing(o, s), this.resetClearTimer();
+      const { offsetX: o, offsetY: i } = this.getEventCoordinates(e);
+      this.startDrawing(o, i), this.resetClearTimer();
     });
-    T(this, "handleMove", (e) => {
+    R(this, "handleMove", (e) => {
       if (!this.isDrawing) return;
       e.preventDefault();
-      const { offsetX: o, offsetY: s } = this.getEventCoordinates(e);
-      this.draw(o, s), this.resetClearTimer();
+      const { offsetX: o, offsetY: i } = this.getEventCoordinates(e);
+      this.draw(o, i), this.resetClearTimer();
     });
-    T(this, "handleEnd", (e) => {
+    R(this, "handleEnd", (e) => {
       this.isDrawing && (e.preventDefault(), this.isDrawing = !1, this.endStroke(), this.startClearTimer(), this.options.onDrawEnd && this.options.onDrawEnd());
     });
     this.canvas = e, this.options = {
       clearDelay: 1e3,
       ...o
     };
-    const s = this.canvas.getContext("2d");
-    if (!s) throw new Error("Failed to get 2D rendering context");
-    this.ctx = s, this.setupCanvas(), this.attachEvents();
+    const i = this.canvas.getContext("2d");
+    if (!i) throw new Error("Failed to get 2D rendering context");
+    this.ctx = i, this.setupCanvas(), this.attachEvents();
   }
   setupCanvas() {
     this.ctx.lineJoin = "round", this.ctx.lineCap = "round", this.ctx.lineWidth = 3, this.ctx.strokeStyle = "#000", this.clearCanvas(), this.drawGrid();
@@ -337,10 +337,10 @@ var Ye = class {
       offsetY: e.offsetY
     };
     {
-      const o = e.touches[0] || e.changedTouches[0], s = e.target.getBoundingClientRect();
+      const o = e.touches[0] || e.changedTouches[0], i = e.target.getBoundingClientRect();
       return {
-        offsetX: o.clientX - s.left,
-        offsetY: o.clientY - s.top
+        offsetX: o.clientX - i.left,
+        offsetY: o.clientY - i.top
       };
     }
   }
@@ -360,54 +360,54 @@ var Ye = class {
     return this.ctx;
   }
 };
-let ae = {
+let le = {
   defaultMode: "en",
   enableHandwriting: !1,
   position: "static",
   disableWhenNoFocus: !0
-}, be = null, ye = null;
-function Y() {
-  return ae;
+}, ye = null, be = null;
+function Z() {
+  return le;
 }
-function vn(e) {
-  ae = {
-    ...ae,
+function fn(e) {
+  le = {
+    ...le,
     ...e
   };
 }
-function fn(e) {
-  be = e;
-}
-function ue() {
-  return be;
-}
 function mn(e) {
   ye = e;
 }
-function je() {
+function ae() {
   return ye;
 }
-function Ge(e, o, s) {
-  if (!e || !o || s === "static") return null;
-  let a, l;
-  if (s === "bottom")
-    a = window.innerHeight - o.offsetHeight, l = 0;
+function pn(e) {
+  be = e;
+}
+function je() {
+  return be;
+}
+function Ge(e, o, i, a = 0) {
+  if (!e || !o || i === "static") return null;
+  let r, s;
+  if (i === "bottom")
+    r = window.innerHeight - o.offsetHeight, s = 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 f = e.getBoundingClientRect(), v = o.offsetWidth;
+    r = f.bottom + window.scrollY + a, s = f.left + window.scrollX + f.width / 2 - v / 2;
+    const c = window.innerWidth;
+    s + v > c && (s = c - v - 10), s < 10 && (s = 10);
   }
   return {
-    top: `${a}px`,
-    left: `${l}px`
+    top: `${r}px`,
+    left: `${s}px`
   };
 }
-function de(e) {
+function ue(e) {
   if (!e) return !1;
   if (e.tagName === "TEXTAREA") return !0;
   if (e.tagName === "INPUT") {
-    const s = (e.type || "text").toLowerCase();
+    const i = (e.type || "text").toLowerCase();
     return ![
       "checkbox",
       "radio",
@@ -424,36 +424,36 @@ function de(e) {
       "month",
       "week",
       "time"
-    ].includes(s);
+    ].includes(i);
   }
   return !1;
 }
-function pn() {
-  if (document.activeElement && de(document.activeElement)) return document.activeElement;
+function kn() {
+  if (document.activeElement && ue(document.activeElement)) return document.activeElement;
   throw new Error("输入框没有被激活");
 }
-function qe(e, o, s) {
-  e.value = o, tt(e, s), e.dispatchEvent(new Event("input", { bubbles: !0 }));
+function qe(e, o, i) {
+  e.value = o, tt(e, i), e.dispatchEvent(new Event("input", { bubbles: !0 }));
 }
-function Je(e, o, s, a = "") {
-  return e.slice(0, o) + a + e.slice(o + s);
+function Je(e, o, i, a = "") {
+  return e.slice(0, o) + a + e.slice(o + i);
 }
 function we(e, o = "") {
-  const s = Number(e.getAttribute("maxlength"));
+  const i = Number(e.getAttribute("maxlength"));
   let a = e.selectionStart ?? 0;
-  const l = e.selectionEnd ?? a;
-  let i;
-  if (o.length > 0) i = l - a;
+  const r = e.selectionEnd ?? a;
+  let s;
+  if (o.length > 0) s = r - a;
   else {
-    const v = l - a;
-    if (v > 0) i = v;
+    const c = r - a;
+    if (c > 0) s = c;
     else if (a > 0)
-      i = 1, a--;
+      s = 1, a--;
     else return;
   }
-  if (o.length > 0 && s && e.value.length - i + o.length > s) return;
-  const d = Je(e.value, a, i, o), f = a + o.length;
-  qe(e, d, f);
+  if (o.length > 0 && i && e.value.length - s + o.length > i) return;
+  const f = Je(e.value, a, s, o), v = a + o.length;
+  qe(e, f, v);
 }
 function Qe(e, o) {
   we(e, o);
@@ -465,73 +465,73 @@ function tt(e, o) {
   e.selectionStart = o, e.selectionEnd = o;
 }
 function nt(e = {}) {
-  const o = e.delay ?? 400, s = e.interval ?? 60;
-  let a, l;
-  function i() {
-    a && (clearTimeout(a), a = void 0), l && (clearInterval(l), l = void 0);
+  const o = e.delay ?? 400, i = e.interval ?? 60;
+  let a, r;
+  function s() {
+    a && (clearTimeout(a), a = void 0), r && (clearInterval(r), r = void 0);
   }
-  function d(f) {
-    i(), f(), a = setTimeout(() => {
-      l = setInterval(() => {
-        f();
-      }, s);
+  function f(v) {
+    s(), v(), a = setTimeout(() => {
+      r = setInterval(() => {
+        v();
+      }, i);
     }, o);
   }
   return {
-    start: d,
-    stop: i
+    start: f,
+    stop: s
   };
 }
 function ot(e = !1) {
-  const o = E(!1), s = E(0);
+  const o = $(!1), i = $(0);
   async function a() {
-    const i = ue();
-    if (i)
+    const s = ae();
+    if (s)
       try {
-        o.value = await i.initialize({
-          onProgress: (d) => {
-            s.value = d;
+        o.value = await s.initialize({
+          onProgress: (f) => {
+            i.value = f;
           }
         });
-      } catch (d) {
-        console.error("初始化手写识别服务失败:", d), o.value = !1;
+      } catch (f) {
+        console.error("初始化手写识别服务失败:", f), o.value = !1;
       }
     else
       console.warn("未注册手写识别服务"), o.value = !1;
   }
-  async function l() {
-    const i = ue();
-    if (i && o.value)
+  async function r() {
+    const s = ae();
+    if (s && o.value)
       try {
-        await i.close(), o.value = !1;
-      } catch (d) {
-        console.error("关闭手写识别服务失败:", d);
+        await s.close(), o.value = !1;
+      } catch (f) {
+        console.error("关闭手写识别服务失败:", f);
       }
   }
   return Q(() => {
     e && a();
-  }), ce(() => {
-    l();
+  }), de(() => {
+    r();
   }), {
     recognizerInitialized: o,
-    recognizerProgress: s
+    recognizerProgress: i
   };
 }
-const ve = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M21,11H6.83L10.41,7.41L9,6L3,12L9,18L10.41,16.58L6.83,13H21V11Z'%20/%3e%3c/svg%3e", fe = "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";
+const ce = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M21,11H6.83L10.41,7.41L9,6L3,12L9,18L10.41,16.58L6.83,13H21V11Z'%20/%3e%3c/svg%3e", ve = "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 te() {
   const e = nt();
-  function o(a, l) {
-    var i, d;
-    a.preventDefault(), (d = (i = a.currentTarget) == null ? void 0 : i.setPointerCapture) == null || d.call(i, a.pointerId), e.start(l);
+  function o(a, r) {
+    var s, f;
+    a.preventDefault(), (f = (s = a.currentTarget) == null ? void 0 : s.setPointerCapture) == null || f.call(s, a.pointerId), e.start(r);
   }
-  function s() {
+  function i() {
     e.stop();
   }
   return Se(() => {
     e.stop();
   }), {
     startRepeat: o,
-    stopRepeat: s
+    stopRepeat: i
   };
 }
 const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__ */ I({
@@ -541,19 +541,22 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
   },
   emits: ["select"],
   setup(e, { emit: o }) {
-    const s = o;
-    function a(l) {
-      s("select", l);
+    const i = o;
+    function a(r) {
+      i("select", r);
     }
-    return (l, i) => (y(), x("div", st, [
-      (y(!0), x(L, null, V(l.candidates, (d, f) => (y(), x("button", {
-        key: `candidate-${f}`,
+    return (r, s) => (b(), x("div", st, [
+      (b(!0), x(L, null, V(r.candidates, (f, v) => (b(), x("button", {
+        key: `candidate-${v}`,
         class: "zhk-candidate-list__item",
-        onClick: (v) => a(f)
-      }, D(d), 9, it))), 128))
+        onClick: (c) => a(v)
+      }, D(f), 9, it))), 128))
     ]));
   }
-}), rt = { class: "handwriting-input" }, lt = { class: "handwriting-buttons" }, at = { class: "handwriting-canvas-container" }, ut = { class: "progress-bar" }, dt = { class: "progress-text" }, ct = ["width", "height"], vt = { class: "handwriting-buttons" }, ft = /* @__PURE__ */ I({
+}), rt = { class: "handwriting-input" }, lt = { class: "handwriting-content" }, at = { class: "handwriting-buttons" }, ut = { class: "handwriting-canvas-container" }, dt = {
+  key: 0,
+  class: "handwriting-loading"
+}, ct = { class: "progress-bar" }, vt = { class: "progress-text" }, ft = { class: "handwriting-buttons" }, mt = /* @__PURE__ */ I({
   __name: "HandwritingInput",
   props: {
     recognizerInitialized: { type: Boolean },
@@ -561,26 +564,26 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
   },
   emits: ["key", "exit"],
   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() {
-      d && d.clearCanvas();
+    const i = e, a = o, r = $(null);
+    let s = null;
+    const f = $(!1), { width: v, height: c } = ge(r);
+    function y() {
+      s && s.clearCanvas();
     }
     function h() {
-      l.value && (d && d.destroy(), d = new Ye(l.value, {
+      r.value && (s && s.destroy(), r.value.width = v.value, r.value.height = c.value, s = new Ye(r.value, {
         onDrawEnd: m
       }));
     }
-    const u = E([]), { startRepeat: p, stopRepeat: c } = te();
+    const u = $([]), { startRepeat: p, stopRepeat: d } = te();
     async function m() {
-      if (!d || d.getStrokeData().length === 0 || f.value)
+      if (!s || s.getStrokeData().length === 0 || f.value)
         return;
-      const z = ue();
+      const z = ae();
       if (z) {
         f.value = !0;
         try {
-          const t = [...d.getStrokeData()], k = await z.recognize(t);
+          const t = [...s.getStrokeData()], k = await z.recognize(t);
           u.value = k;
         } catch (t) {
           console.error("识别笔迹失败:", t);
@@ -590,37 +593,33 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
       } else
         console.warn("手写识别服务不可用");
     }
-    ce(() => {
-      d && d.destroy();
+    de(() => {
+      s && s.destroy();
     }), q(() => {
-      l.value && v.value && s.recognizerInitialized && me(() => {
+      r.value && (v.value || c.value) && i.recognizerInitialized && fe(() => {
         h();
       });
     });
-    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", {
-        ref_key: "containerRef",
-        ref: i,
-        class: "handwriting-content"
-      }, [
-        g("div", lt, [
+      g("div", lt, [
+        g("div", at, [
           g("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(d) && n(d)(...k)),
             onPointerleave: t[2] || (t[2] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onPointercancel: t[3] || (t[3] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onContextmenu: t[4] || (t[4] = C(() => {
             }, ["prevent"]))
           }, " 。 ", 32),
@@ -628,11 +627,11 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
             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(d) && n(d)(...k)),
             onPointerleave: t[7] || (t[7] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onPointercancel: t[8] || (t[8] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onContextmenu: t[9] || (t[9] = C(() => {
             }, ["prevent"]))
           }, " ？ ", 32),
@@ -640,11 +639,11 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
             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(d) && n(d)(...k)),
             onPointerleave: t[12] || (t[12] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onPointercancel: t[13] || (t[13] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onContextmenu: t[14] || (t[14] = C(() => {
             }, ["prevent"]))
           }, " ！ ", 32),
@@ -652,53 +651,47 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
             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(d) && n(d)(...k)),
             onPointerleave: t[17] || (t[17] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onPointercancel: t[18] || (t[18] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onContextmenu: t[19] || (t[19] = C(() => {
             }, ["prevent"]))
           }, " 、 ", 32)
         ]),
-        g("div", at, [
-          z.recognizerInitialized ? (y(), x("canvas", {
+        g("div", ut, [
+          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", {
-            key: 0,
-            class: "handwriting-loading",
-            style: se({ width: `${n(v)}px`, height: `${n(v)}px` })
-          }, [
+            ref: r,
+            class: "handwriting-canvas"
+          }, null, 512)) : (b(), x("div", dt, [
             t[37] || (t[37] = g("div", { class: "loading-text" }, " 正在加载手写识别... ", -1)),
-            g("div", ut, [
+            g("div", ct, [
               g("div", {
                 class: "progress-fill",
-                style: se({ width: `${z.recognizerProgress * 100}%` })
+                style: pe({ width: `${z.recognizerProgress * 100}%` })
               }, null, 4)
             ]),
-            g("div", dt, D(Math.round(z.recognizerProgress * 100)) + "% ", 1)
-          ], 4))
+            g("div", vt, D(Math.round(z.recognizerProgress * 100)) + "% ", 1)
+          ]))
         ]),
-        g("div", vt, [
+        g("div", ft, [
           g("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(d) && n(d)(...k)),
             onPointerleave: t[22] || (t[22] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onPointercancel: t[23] || (t[23] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onContextmenu: t[24] || (t[24] = C(() => {
             }, ["prevent"]))
           }, t[38] || (t[38] = [
             g("img", {
-              src: ve,
+              src: ce,
               alt: "删除"
             }, null, -1)
           ]), 32),
@@ -707,16 +700,16 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
             onClick: t[25] || (t[25] = (k) => a("exit")),
             onContextmenu: t[26] || (t[26] = C(() => {
             }, ["prevent"]))
-          }, " 返回 ", 32),
+          }, " 拼音 ", 32),
           g("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(d) && n(d)(...k)),
             onPointerleave: t[29] || (t[29] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onPointercancel: t[30] || (t[30] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onContextmenu: t[31] || (t[31] = C(() => {
             }, ["prevent"]))
           }, " ， ", 32),
@@ -724,61 +717,61 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
             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(d) && n(d)(...k)),
             onPointerleave: t[34] || (t[34] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onPointercancel: t[35] || (t[35] = //@ts-ignore
-            (...k) => n(c) && n(c)(...k)),
+            (...k) => n(d) && n(d)(...k)),
             onContextmenu: t[36] || (t[36] = C(() => {
             }, ["prevent"]))
           }, t[39] || (t[39] = [
             g("img", {
-              src: fe,
+              src: ve,
               alt: "回车"
             }, null, -1)
           ]), 32)
         ])
-      ], 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({
+}), pt = "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", kt = "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", ht = { class: "zhk-selection" }, gt = { class: "zhk-selection__list" }, yt = ["onClick"], bt = /* @__PURE__ */ I({
   __name: "CandidateSelection",
   props: {
     candidates: {}
   },
   emits: ["select", "close"],
   setup(e, { emit: o }) {
-    const s = o;
-    function a(d) {
-      s("select", d);
+    const i = o;
+    function a(f) {
+      i("select", f);
     }
-    function l() {
-      s("close");
+    function r() {
+      i("close");
     }
-    function i(d) {
-      const f = Array.from(d).length;
-      return f >= 2 && f <= 3 ? 2 : f >= 4 ? 3 : 1;
+    function s(f) {
+      const v = Array.from(f).length;
+      return v >= 2 && v <= 3 ? 2 : v >= 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 (f, v) => (b(), x("div", ht, [
+      g("div", gt, [
+        (b(!0), x(L, null, V(f.candidates, (c, y) => (b(), x("div", {
+          key: y,
+          class: O(["zhk-selection__text", [`zhk-selection__text--span-${s(c)}`]]),
+          onClick: (h) => a(y)
+        }, D(c), 11, yt))), 128))
       ]),
       g("div", { class: "zhk-selection__func" }, [
         g("button", {
           class: "zhk-selection__func-btn",
-          onClick: l
+          onClick: r
         }, " 返回 ")
       ])
     ]));
   }
-}), yt = { class: "zhk-candidate" }, wt = { class: "zhk-candidate__container" }, xt = {
+}), wt = { class: "zhk-candidate" }, xt = { class: "zhk-candidate__container" }, zt = {
   key: 0,
   class: "zhk-candidate__pinyin"
-}, zt = { class: "zhk-candidate__bottom-container" }, Ct = /* @__PURE__ */ I({
+}, Ct = { class: "zhk-candidate__bottom-container" }, Pt = /* @__PURE__ */ I({
   __name: "CandidateBar",
   props: {
     modelValue: {
@@ -786,80 +779,82 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
     },
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ ie(["key", "input"], ["update:modelValue"]),
-  setup(e, { expose: o, emit: s }) {
-    const a = s, l = ke(e, "modelValue");
-    let i = null;
-    const d = E(null), f = S(() => {
+  emits: /* @__PURE__ */ se(["key", "input"], ["update:modelValue"]),
+  setup(e, { expose: o, emit: i }) {
+    const a = i, r = ke(e, "modelValue");
+    let s = null;
+    const f = $(null), v = S(() => {
       var u;
-      return ((u = d.value) == null ? void 0 : u.candidates.map((p) => p.text)) ?? [];
-    }), v = E(!1);
+      return ((u = f.value) == null ? void 0 : u.candidates.map((p) => p.text)) ?? [];
+    }), c = $(!1);
     Q(async () => {
-      if (i = je(), !i)
+      if (s = je(), !s)
         throw new Error("未找到拼音引擎实例，请确保已正确注册引擎");
-      l.value && (d.value = await i.processInput(l.value));
-    }), ce(() => {
-      i == null || i.clearInput(), i = null;
-    }), Z(l, async (u) => {
-      const p = i;
+      r.value && (f.value = await s.processInput(r.value));
+    }), de(() => {
+      s == null || s.processInput("").catch(() => {
+      }), s = null;
+    }), X(r, async (u) => {
+      const p = s;
       if (p) {
         if (u === "") {
-          p.clearInput(), d.value = null;
+          p.processInput("").catch(() => {
+          }), f.value = null;
           return;
         }
-        d.value = await p.processInput(u);
+        f.value = await p.processInput(u);
       }
     });
-    async function b(u) {
-      if (!i)
+    async function y(u) {
+      if (!s)
         return;
-      const p = await i.pickCandidate(u);
-      d.value = p, p.preeditBody || (a("input", p.committed || ""), l.value = "", d.value = null, v.value = !1);
+      const p = await s.pickCandidate(u);
+      f.value = p, p.preeditBody || (a("input", p.committed || ""), r.value = "", f.value = null, c.value = !1);
     }
     o({
-      handleSelection: b
+      handleSelection: y
     });
     const h = S(() => {
-      const u = d.value;
+      const u = f.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", wt, [
+      g("div", xt, [
+        h.value ? (b(), x("div", zt, D(h.value), 1)) : W("", !0),
+        g("div", Ct, [
+          v.value.length > 0 ? (b(), K(xe, {
             key: 0,
-            candidates: f.value,
-            onSelect: b
+            candidates: v.value,
+            onSelect: y
           }, null, 8, ["candidates"])) : W("", !0),
-          f.value.length > 0 ? (y(), x("button", {
+          v.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] = (d) => c.value = !0)
           }, p[2] || (p[2] = [
             g("img", {
-              src: pt,
+              src: kt,
               alt: "更多"
             }, null, -1)
           ]))) : W("", !0)
         ])
       ]),
-      v.value ? (y(), K(bt, {
+      c.value ? (b(), K(bt, {
         key: 0,
-        candidates: f.value,
-        onSelect: b,
-        onClose: p[1] || (p[1] = (c) => v.value = !1)
+        candidates: v.value,
+        onSelect: y,
+        onClose: p[1] || (p[1] = (d) => c.value = !1)
       }, null, 8, ["candidates"])) : W("", !0)
     ]));
   }
-}), Pt = { class: "zhk-base" }, _t = { class: "zhk-base__row" }, $t = ["onPointerdown"], Et = ["disabled"], St = {
+}), _t = { class: "zhk-base" }, Et = { class: "zhk-base__row" }, $t = ["onPointerdown"], St = ["disabled"], Lt = {
   key: 1,
-  src: mt,
+  src: pt,
   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({
+}, Tt = ["onPointerdown"], Rt = { class: "zhk-base__row" }, Dt = { class: "zhk-base__toggle-main" }, Mt = { class: "zhk-base__toggle-sub" }, Ht = /* @__PURE__ */ I({
   __name: "KeyboardBase",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ se({
     enableHandwriting: { type: Boolean }
   }, {
     modelValue: {
@@ -867,130 +862,130 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ie(["key"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ se(["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 i = e, a = o, r = ke(e, "modelValue"), s = S(() => r.value === "en_cap"), f = S(() => r.value === "zh"), v = S(() => f.value ? !0 : s.value);
+    function c(M, l = !1) {
+      a("key", { key: M, isControl: l });
     }
-    function b() {
-      d.value ? l.value = "hand" : i.value = !i.value;
+    function y() {
+      f.value ? r.value = "hand" : r.value = s.value ? "en" : "en_cap";
     }
     function h() {
-      l.value = "num";
+      r.value = "num";
     }
     function u() {
-      l.value = "symbol";
+      r.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"], d = [
       ["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 = $(""), P = $(null), { startRepeat: z, stopRepeat: t } = te();
     function k() {
-      if (l.value === "zh" && m.value) {
+      if (r.value === "zh" && m.value) {
         m.value = m.value.slice(0, -1);
         return;
       }
-      v("delete", !0);
+      c("delete", !0);
     }
     function N() {
-      var H;
-      if (l.value === "zh" && m.value) {
-        (H = _.value) == null || H.handleSelection(0);
+      var M;
+      if (r.value === "zh" && m.value) {
+        (M = P.value) == null || M.handleSelection(0);
         return;
       }
-      v(" ");
+      c(" ");
     }
     function ne() {
-      if (l.value === "zh" && m.value) {
-        v(m.value), m.value = "";
+      if (r.value === "zh" && m.value) {
+        c(m.value), m.value = "";
         return;
       }
-      v("enter", !0);
+      c("enter", !0);
     }
-    function U(H) {
-      if (l.value === "zh") {
-        m.value += H;
+    function U(M) {
+      if (r.value === "zh") {
+        m.value += M;
         return;
       }
-      const r = i.value ? H.toUpperCase() : H;
-      v(r);
+      const l = s.value ? M.toUpperCase() : M;
+      c(l);
     }
     function oe() {
-      l.value = l.value === "zh" ? "en" : "zh";
+      r.value = r.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 E = S(() => i.enableHandwriting ? "手写" : "-"), T = S(() => !i.enableHandwriting);
+    return (M, l) => (b(), x("div", _t, [
+      g("div", Et, [
+        r.value === "zh" ? (b(), K(Pt, {
           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", {
+          "onUpdate:modelValue": l[0] || (l[0] = (w) => m.value = w),
+          onInput: l[1] || (l[1] = (w) => c(w, !1))
+        }, null, 8, ["modelValue"])) : (b(), x(L, { key: 1 }, V(p, (w, F) => g("button", {
           key: `number-${F}`,
           class: "zhk-base__key zhk-base__key--letter",
-          onPointerdown: ($) => n(z)($, () => U(w)),
-          onPointerup: r[2] || (r[2] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
-          onPointerleave: r[3] || (r[3] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
-          onPointercancel: r[4] || (r[4] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
-          onContextmenu: r[5] || (r[5] = C(() => {
+          onPointerdown: (_) => n(z)(_, () => U(w)),
+          onPointerup: l[2] || (l[2] = //@ts-ignore
+          (..._) => n(t) && n(t)(..._)),
+          onPointerleave: l[3] || (l[3] = //@ts-ignore
+          (..._) => n(t) && n(t)(..._)),
+          onPointercancel: l[4] || (l[4] = //@ts-ignore
+          (..._) => n(t) && n(t)(..._)),
+          onContextmenu: l[5] || (l[5] = C(() => {
           }, ["prevent"]))
         }, D(w), 41, $t)), 64))
       ]),
-      (y(), x(L, null, V(c, (w, F) => g("div", {
+      (b(), x(L, null, V(d, (w, F) => g("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
+            "zhk-base__key--active": !f.value && s.value,
+            "zhk-base__key--disabled": f.value && T.value
           }]),
-          disabled: d.value && R.value,
-          onClick: b,
-          onContextmenu: r[6] || (r[6] = C(() => {
+          disabled: f.value && T.value,
+          onClick: y,
+          onContextmenu: l[6] || (l[6] = C(() => {
           }, ["prevent"]))
         }, [
-          d.value ? (y(), x(L, { key: 0 }, [
-            re(D(P.value), 1)
-          ], 64)) : (y(), x("img", St))
-        ], 42, Et)) : W("", !0),
-        (y(!0), x(L, null, V(w, ($, Ce) => (y(), x("button", {
+          f.value ? (b(), x(L, { key: 0 }, [
+            ie(D(E.value), 1)
+          ], 64)) : (b(), x("img", Lt))
+        ], 42, St)) : W("", !0),
+        (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($)),
-          onPointerup: r[7] || (r[7] = //@ts-ignore
+          onPointerdown: (A) => n(z)(A, () => U(_)),
+          onPointerup: l[7] || (l[7] = //@ts-ignore
           (...A) => n(t) && n(t)(...A)),
-          onPointerleave: r[8] || (r[8] = //@ts-ignore
+          onPointerleave: l[8] || (l[8] = //@ts-ignore
           (...A) => n(t) && n(t)(...A)),
-          onPointercancel: r[9] || (r[9] = //@ts-ignore
+          onPointercancel: l[9] || (l[9] = //@ts-ignore
           (...A) => n(t) && n(t)(...A)),
-          onContextmenu: r[10] || (r[10] = C(() => {
+          onContextmenu: l[10] || (l[10] = C(() => {
           }, ["prevent"]))
-        }, D(f.value ? $.toUpperCase() : $), 41, Lt))), 128)),
-        F === 2 ? (y(), x("button", {
+        }, D(v.value ? _.toUpperCase() : _), 41, Tt))), 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())),
-          onPointerup: r[12] || (r[12] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
-          onPointerleave: r[13] || (r[13] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
-          onPointercancel: r[14] || (r[14] = //@ts-ignore
-          (...$) => n(t) && n(t)(...$)),
-          onContextmenu: r[15] || (r[15] = C(() => {
+          onPointerdown: l[11] || (l[11] = (_) => n(z)(_, () => k())),
+          onPointerup: l[12] || (l[12] = //@ts-ignore
+          (..._) => n(t) && n(t)(..._)),
+          onPointerleave: l[13] || (l[13] = //@ts-ignore
+          (..._) => n(t) && n(t)(..._)),
+          onPointercancel: l[14] || (l[14] = //@ts-ignore
+          (..._) => n(t) && n(t)(..._)),
+          onContextmenu: l[15] || (l[15] = C(() => {
           }, ["prevent"]))
-        }, r[39] || (r[39] = [
+        }, l[39] || (l[39] = [
           g("img", {
-            src: ve,
+            src: ce,
             class: "zhk-base__key-icon",
             alt: "Delete"
           }, null, -1)
@@ -1000,39 +995,39 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
         g("button", {
           class: "zhk-base__key zhk-base__key--function",
           onClick: u,
-          onContextmenu: r[16] || (r[16] = C(() => {
+          onContextmenu: l[16] || (l[16] = C(() => {
           }, ["prevent"]))
         }, " 符 ", 32),
         g("button", {
           class: "zhk-base__key zhk-base__key--function",
           onClick: h,
-          onContextmenu: r[17] || (r[17] = C(() => {
+          onContextmenu: l[17] || (l[17] = C(() => {
           }, ["prevent"]))
         }, " 123 ", 32),
         g("button", {
           class: "zhk-base__key",
-          onPointerdown: r[18] || (r[18] = (w) => n(z)(w, () => v(","))),
-          onPointerup: r[19] || (r[19] = //@ts-ignore
+          onPointerdown: l[18] || (l[18] = (w) => n(z)(w, () => c(","))),
+          onPointerup: l[19] || (l[19] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onPointerleave: r[20] || (r[20] = //@ts-ignore
+          onPointerleave: l[20] || (l[20] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onPointercancel: r[21] || (r[21] = //@ts-ignore
+          onPointercancel: l[21] || (l[21] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onContextmenu: r[22] || (r[22] = C(() => {
+          onContextmenu: l[22] || (l[22] = C(() => {
           }, ["prevent"]))
         }, " ， ", 32),
         g("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
+          onPointerdown: l[23] || (l[23] = (w) => n(z)(w, () => N())),
+          onPointerup: l[24] || (l[24] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onPointerleave: r[25] || (r[25] = //@ts-ignore
+          onPointerleave: l[25] || (l[25] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onPointercancel: r[26] || (r[26] = //@ts-ignore
+          onPointercancel: l[26] || (l[26] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onContextmenu: r[27] || (r[27] = C(() => {
+          onContextmenu: l[27] || (l[27] = C(() => {
           }, ["prevent"]))
-        }, r[40] || (r[40] = [
+        }, l[40] || (l[40] = [
           g("img", {
             src: ze,
             class: "zhk-base__key-icon",
@@ -1041,39 +1036,39 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
         ]), 32),
         g("button", {
           class: "zhk-base__key",
-          onPointerdown: r[28] || (r[28] = (w) => n(z)(w, () => v("。"))),
-          onPointerup: r[29] || (r[29] = //@ts-ignore
+          onPointerdown: l[28] || (l[28] = (w) => n(z)(w, () => c("。"))),
+          onPointerup: l[29] || (l[29] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onPointerleave: r[30] || (r[30] = //@ts-ignore
+          onPointerleave: l[30] || (l[30] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onPointercancel: r[31] || (r[31] = //@ts-ignore
+          onPointercancel: l[31] || (l[31] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onContextmenu: r[32] || (r[32] = C(() => {
+          onContextmenu: l[32] || (l[32] = C(() => {
           }, ["prevent"]))
         }, " 。 ", 32),
         g("button", {
           class: "zhk-base__key zhk-base__key--function",
           onClick: oe,
-          onContextmenu: r[33] || (r[33] = C(() => {
+          onContextmenu: l[33] || (l[33] = C(() => {
           }, ["prevent"]))
         }, [
-          g("span", Tt, D(l.value === "zh" ? "中" : "英"), 1),
-          g("span", Dt, "/" + D(l.value === "zh" ? "英" : "中"), 1)
+          g("span", Dt, D(r.value === "zh" ? "中" : "英"), 1),
+          g("span", Mt, "/" + D(r.value === "zh" ? "英" : "中"), 1)
         ], 32),
         g("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
+          onPointerdown: l[34] || (l[34] = (w) => n(z)(w, () => ne())),
+          onPointerup: l[35] || (l[35] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onPointerleave: r[36] || (r[36] = //@ts-ignore
+          onPointerleave: l[36] || (l[36] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onPointercancel: r[37] || (r[37] = //@ts-ignore
+          onPointercancel: l[37] || (l[37] = //@ts-ignore
           (...w) => n(t) && n(t)(...w)),
-          onContextmenu: r[38] || (r[38] = C(() => {
+          onContextmenu: l[38] || (l[38] = C(() => {
           }, ["prevent"]))
-        }, r[41] || (r[41] = [
+        }, l[41] || (l[41] = [
           g("img", {
-            src: fe,
+            src: ve,
             class: "zhk-base__key-icon",
             alt: "Enter"
           }, null, -1)
@@ -1081,15 +1076,15 @@ 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 = {
+}), Vt = { class: "num-keyboard" }, Bt = { class: "num-keyboard__container" }, It = { class: "num-keyboard__left" }, At = { class: "num-keyboard__rows" }, Kt = ["onClick", "onPointerdown"], Wt = {
   key: 1,
   src: ze,
   class: "zhk-base__key-icon",
   alt: "Space"
-}, Wt = { class: "num-keyboard__right" }, Ot = ["onPointerdown"], Nt = ["src", "alt"], Ut = { key: 1 }, Ft = /* @__PURE__ */ I({
+}, Ot = { class: "num-keyboard__right" }, Nt = ["onPointerdown"], Ut = ["src", "alt"], Ft = { key: 1 }, Zt = /* @__PURE__ */ I({
   __name: "NumericKeyboard",
   props: {
-    keyboardRows: { default: () => Y().numKeys || [
+    keyboardRows: { default: () => Z().numKeys || [
       ["1", "2", "3"],
       ["4", "5", "6"],
       ["7", "8", "9"],
@@ -1098,137 +1093,137 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
   },
   emits: ["key", "exit"],
   setup(e, { emit: o }) {
-    const s = o, a = [
-      { key: "delete", icon: ve, text: "", alt: "Delete" },
+    const i = o, a = [
+      { key: "delete", icon: ce, text: "", alt: "Delete" },
       { key: ".", icon: "", text: ".", alt: "." },
       { key: "@", icon: "", text: "@", alt: "@" },
-      { key: "enter", icon: fe, text: "", alt: "Enter" }
+      { key: "enter", icon: ve, text: "", alt: "Enter" }
     ];
-    function l(h) {
-      s("key", { key: h });
+    function r(h) {
+      i("key", { key: h });
     }
-    function i(h, u = !0) {
-      s("key", { key: h, isControl: u });
+    function s(h, u = !0) {
+      i("key", { key: h, isControl: u });
     }
-    function d() {
-      s("exit");
+    function f() {
+      i("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: v, stopRepeat: c } = te();
+    function y(h, u) {
+      h === "back" || (h === "space" && (h = " "), h === "delete" || h === "enter" ? v(u, () => s(h)) : v(u, () => r(h)));
     }
-    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 (h, u) => (b(), x("div", Vt, [
+      g("div", Bt, [
+        g("div", It, [
+          g("div", At, [
+            (b(!0), x(L, null, V(h.keyboardRows, (p, d) => (b(), x("div", {
+              key: `row-${d}`,
               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-${d}-${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),
+                onClick: (z) => m === "back" && f(),
+                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 }, [
-                  re(" 返回 ")
-                ], 64)) : m === "space" ? (y(), x("img", Kt)) : (y(), x(L, { key: 2 }, [
-                  re(D(m), 1)
+                m === "back" ? (b(), x(L, { key: 0 }, [
+                  ie(" 返回 ")
+                ], 64)) : m === "space" ? (b(), x("img", Wt)) : (b(), x(L, { key: 2 }, [
+                  ie(D(m), 1)
                 ], 64))
-              ], 42, At))), 128))
+              ], 42, Kt))), 128))
             ]))), 128))
           ])
         ]),
-        g("div", Wt, [
-          (y(), x(L, null, V(a, (p, c) => g("button", {
-            key: `func-${c}`,
+        g("div", Ot, [
+          (b(), x(L, null, V(a, (p, d) => g("button", {
+            key: `func-${d}`,
             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))
-          ], 40, Ot)), 64))
+            }, null, 8, Ut)) : (b(), x("span", Ft, D(p.text), 1))
+          ], 40, Nt)), 64))
         ])
       ])
     ]));
   }
-}), Zt = "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", Xt = "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", Yt = { class: "symbol-keyboard" }, jt = { class: "symbol-keyboard__content" }, Gt = { class: "symbol-keyboard__functions" }, qt = { class: "symbol-keyboard__lang-selector" }, Jt = { class: "symbol-keyboard__control-group" }, Qt = ["src"], en = ["src"], tn = { class: "symbol-keyboard__symbols-container" }, nn = { class: "symbol-keyboard__symbols-grid" }, on = ["onClick", "onPointerdown"], sn = "!@#$%^&*(){}[]<>/\\|:;\"',.?+-=_~`€£¥₹©®™°", rn = "！＠＃￥％…＆＊（）｛｝［］＜＞／＼｜：；＂＇，。？＋－＝＿～·€£¥₹©®™°", ln = /* @__PURE__ */ I({
+}), Xt = "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", Yt = "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", jt = { class: "symbol-keyboard" }, Gt = { class: "symbol-keyboard__content" }, qt = { class: "symbol-keyboard__functions" }, Jt = { class: "symbol-keyboard__lang-selector" }, Qt = { class: "symbol-keyboard__control-group" }, en = ["src"], tn = ["src"], nn = { class: "symbol-keyboard__symbols-container" }, on = { class: "symbol-keyboard__symbols-grid" }, sn = ["onClick", "onPointerdown"], rn = "!@#$%^&*(){}[]<>/\\|:;\"',.?+-=_~`€£¥₹©®™°", ln = "！＠＃￥％…＆＊（）｛｝［］＜＞／＼｜：；＂＇，。？＋－＝＿～·€£¥₹©®™°", an = /* @__PURE__ */ I({
   __name: "SymbolKeyboard",
   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));
+    const i = o, a = $("en"), r = S(() => a.value === "zh" ? ln : rn), s = $(!1), { startRepeat: f, stopRepeat: v } = te();
+    function c(d, m) {
+      s.value && f(m, () => y(d));
     }
-    function b(c) {
-      s("key", { key: c }), i.value || s("exit");
+    function y(d) {
+      i("key", { key: d }), s.value || i("exit");
     }
     function h() {
-      s("exit");
+      i("exit");
     }
-    function u(c) {
-      a.value = c;
+    function u(d) {
+      a.value = d;
     }
     function p() {
-      i.value = !i.value;
+      s.value = !s.value;
     }
-    return (c, m) => (y(), x("div", Yt, [
-      g("div", jt, [
-        g("div", Gt, [
-          g("div", qt, [
+    return (d, m) => (b(), x("div", jt, [
+      g("div", Gt, [
+        g("div", qt, [
+          g("div", Jt, [
             g("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", {
               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("div", Qt, [
             g("button", {
-              class: O(["symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--lock", { "symbol-keyboard__key--locked": i.value }]),
+              class: O(["symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--lock", { "symbol-keyboard__key--locked": s.value }]),
               onClick: p,
               onContextmenu: m[4] || (m[4] = C(() => {
               }, ["prevent"]))
             }, [
-              i.value ? (y(), x("img", {
+              s.value ? (b(), x("img", {
                 key: 1,
-                src: n(Xt),
+                src: n(Yt),
                 alt: "Lock closed"
-              }, null, 8, en)) : (y(), x("img", {
+              }, null, 8, tn)) : (b(), x("img", {
                 key: 0,
-                src: n(Zt),
+                src: n(Xt),
                 alt: "Lock open"
-              }, null, 8, Qt))
+              }, null, 8, en))
             ], 34),
             g("button", {
               class: "symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--back",
@@ -1238,157 +1233,197 @@ const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__
             }, " 返回 ", 32)
           ])
         ]),
-        g("div", tn, [
-          g("div", nn, [
-            (y(!0), x(L, null, V(l.value, (_, z) => (y(), x("button", {
+        g("div", nn, [
+          g("div", on, [
+            (b(!0), x(L, null, V(r.value, (P, z) => (b(), x("button", {
               key: `key-${z}`,
               class: "symbol-keyboard__key",
-              onClick: (t) => !i.value && b(_),
-              onPointerdown: (t) => v(_, t),
+              onClick: (t) => !s.value && y(P),
+              onPointerdown: (t) => c(P, t),
               onPointerup: m[6] || (m[6] = //@ts-ignore
-              (...t) => n(f) && n(f)(...t)),
+              (...t) => n(v) && n(v)(...t)),
               onPointerleave: m[7] || (m[7] = //@ts-ignore
-              (...t) => n(f) && n(f)(...t)),
+              (...t) => n(v) && n(v)(...t)),
               onPointercancel: m[8] || (m[8] = //@ts-ignore
-              (...t) => n(f) && n(f)(...t)),
+              (...t) => n(v) && n(v)(...t)),
               onContextmenu: m[9] || (m[9] = C(() => {
               }, ["prevent"]))
-            }, D(_), 41, on))), 128))
+            }, D(P), 41, sn))), 128))
           ])
         ])
       ])
     ]));
   }
-}), an = {
+}), un = {
   key: 0,
   class: "zhk__disabled-overlay"
-}, un = /* @__PURE__ */ I({
+}, dn = /* @__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 i = e, a = o, r = $(i.defaultMode), s = $(i.defaultMode), f = $([]), v = $(!1), c = $(null), y = $(null), { recognizerInitialized: h, recognizerProgress: u } = ot(i.enableHandwriting);
+    X(r, (E, T) => {
+      E !== T && (s.value = T);
     });
-    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(), d = S(() => p.value && ue(p.value) ? p.value : null), m = S(() => i.position === "static" || !!(p.value && ue(p.value))), { height: P } = ge(y);
     q(() => {
-      if (c.value) {
-        const P = c.value.dataset.inputmode;
-        P && (l.value = P);
+      if (d.value) {
+        const E = d.value.dataset.inputmode;
+        E && (r.value = E);
       }
     });
-    const z = S(() => s.disableWhenNoFocus === !1 ? !1 : !c.value);
+    const z = S(() => i.disableWhenNoFocus === !1 ? !1 : !d.value);
     function t() {
-      if (!_.value)
+      if (!P.value)
         return;
-      const P = Ge(
-        c.value,
-        b.value,
-        s.position
+      const E = Ge(
+        d.value,
+        y.value,
+        i.position,
+        i.floatMarginTop
       );
-      v.value = P;
+      c.value = E;
     }
     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(E) {
+      if (E.isControl) {
+        switch (E.key) {
           case "delete":
-            et(c.value);
+            et(d.value);
             break;
           case "more":
-            f.value = !0;
+            v.value = !0;
             break;
         }
         return;
       } else
-        ne(P.key);
-      a("key", P);
+        ne(E.key);
+      a("key", E);
     }
-    function ne(P) {
-      Qe(c.value, P);
+    function ne(E) {
+      Qe(d.value, E);
     }
     function U() {
-      ["hand", "num", "symbol"].includes(i.value) && (i.value = s.defaultMode), l.value = i.value;
+      r.value === "hand" ? s.value = "zh" : ["num", "symbol"].includes(s.value) && (s.value = i.defaultMode), r.value = s.value;
     }
-    function oe(P) {
-      d.value = P;
+    function oe(E) {
+      f.value = E;
     }
-    return (P, R) => Re((y(), x("div", {
+    return (E, T) => Te((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
+      style: pe({
+        "--keyboard-height": `${n(P)}px`,
+        ...c.value
       }),
-      onMousedown: R[1] || (R[1] = C(() => {
+      onMousedown: T[1] || (T[1] = C(() => {
       }, ["prevent"]))
     }, [
-      z.value || !m.value || !n(_) ? (y(), x("div", an, R[2] || (R[2] = [
+      z.value || !m.value || !n(P) ? (b(), x("div", un, T[2] || (T[2] = [
         g("span", null, "请选择输入框以启用键盘", -1)
-      ]))) : (y(), x(L, { key: 1 }, [
-        l.value === "hand" ? (y(), K(ft, {
+      ]))) : (b(), x(L, { key: 1 }, [
+        r.value === "hand" ? (b(), K(mt, {
           key: 0,
           "recognizer-initialized": n(h),
           "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"])) : r.value === "num" ? (b(), K(Zt, {
           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"])) : r.value === "symbol" ? (b(), K(an, {
           key: 2,
           onKey: N,
           onExit: U
-        })) : l.value === "en" || l.value === "zh" ? (y(), K(Ht, {
+        })) : r.value === "en" || r.value === "en_cap" || r.value === "zh" ? (b(), K(Ht, {
           key: 3,
-          modelValue: l.value,
-          "onUpdate:modelValue": R[0] || (R[0] = (H) => l.value = H),
-          "enable-handwriting": P.enableHandwriting,
+          modelValue: r.value,
+          "onUpdate:modelValue": T[0] || (T[0] = (M) => r.value = M),
+          "enable-handwriting": e.enableHandwriting,
           onKey: N
         }, null, 8, ["modelValue", "enable-handwriting"])) : W("", !0)
       ], 64))
     ], 38)), [
-      [Te, m.value]
+      [Re, m.value]
     ]);
   }
-}), kn = {
+}), hn = {
   install: (e) => {
-    e.component("ZhKeyboard", un);
+    e.component("ZhKeyboard", dn);
   }
 };
 export {
   Ye as CanvasDrawer,
-  un as ZhKeyboard,
+  dn as ZhKeyboard,
   Ge as calculateKeyboardPosition,
   nt as createKeyRepeater,
-  kn as default,
+  hn as default,
   et as delToInputElement,
-  ue as getHandwritingRecognizer,
-  pn as getInputElement,
-  Y as getKeyboardConfig,
+  ae as getHandwritingRecognizer,
+  kn as getInputElement,
+  Z as getKeyboardConfig,
   je as getPinyinEngine,
-  de as isInputElement,
+  ue as isInputElement,
   tt as moveCursor,
-  fn as registerHandwritingRecognizer,
-  mn as registerPinyinEngine,
-  vn as setKeyboardConfig,
+  mn as registerHandwritingRecognizer,
+  pn as registerPinyinEngine,
+  fn as setKeyboardConfig,
   Qe as writeToInputElement
 };
 //# sourceMappingURL=zh-keyboard-vue.js.map