@zh-keyboard/vue 1.1.0 → 1.1.2

package/dist/zh-keyboard-vue.js

@@ -1,1434 +1,992 @@
-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 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";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, getCurrentInstance as l, getCurrentScope as u, mergeModels as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, onScopeDispose as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, shallowRef as S, toDisplayString as C, toValue as w, unref as T, useModel as E, vShow as D, watch as O, watchEffect as k, withDirectives as A, withModifiers as j } from "vue";
+import { CanvasDrawer as M, calculateKeyboardPosition as N, createKeyRepeater as P, delToInputElement as F, getHandwritingRecognizer as I, getKeyboardConfig as L, getPinyinEngine as R, isInputElement as z, writeToInputElement as ee } from "@zh-keyboard/core";
+export * from "@zh-keyboard/core";
+//#region ../../node_modules/.pnpm/@vueuse+shared@13.1.0_vue@3.5.13_typescript@5.8.3_/node_modules/@vueuse/shared/index.mjs
+function B(e) {
+	return u() ? (_(e), !0) : !1;
+}
+var V = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Me = (e) => e != null, He = Object.prototype.toString, Ve = (e) => He.call(e) === "[object Object]", le = () => {
-};
-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);
-    });
-  }
-  return s;
-}
-function Ie(e, o = {}) {
-  let s, a, l = le;
-  const i = (c) => {
-    clearTimeout(c), l(), l = le;
-  };
-  let d;
-  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());
-      }, g)), s = setTimeout(() => {
-        a && i(a), a = null, u(c());
-      }, y);
-    });
-  };
-}
-function j(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function Ae(e) {
-  return pe();
-}
-function Ke(e, o = 200, s = {}) {
-  return Be(
-    Ie(o, s),
-    e
-  );
-}
-function We(e, o = !0, s) {
-  Ae() ? Q(e, s) : o ? e() : me(e);
-}
-function Oe(e, o, s) {
-  return X(
-    e,
-    o,
-    {
-      ...s,
-      immediate: !0
-    }
-  );
-}
-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;
-}
-function J(...e) {
-  const o = [], s = () => {
-    o.forEach((f) => f()), o.length = 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, c;
-      return [
-        (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, c, y, g]) => {
-      if (s(), !(f != null && f.length) || !(c != null && c.length) || !(y != null && y.length))
-        return;
-      const u = Ve(g) ? { ...g } : g;
-      o.push(
-        ...f.flatMap(
-          (p) => c.flatMap(
-            (v) => y.map((m) => a(p, v, m, u))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), d = () => {
-    i(), s();
-  };
-  return ee(s), d;
-}
-function Ne() {
-  const e = G(!1), o = pe();
-  return o && Q(() => {
-    e.value = !0;
-  }, o), e;
-}
-function ge(e) {
-  const o = Ne();
-  return S(() => (o.value, !!e()));
-}
-function Ue(e, o, s = {}) {
-  const { window: a = Y, ...l } = s;
-  let i;
-  const d = ge(() => a && "MutationObserver" in a), f = () => {
-    i && (i.disconnect(), i = void 0);
-  }, 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((v) => i.observe(v, l)));
-    },
-    { immediate: !0, flush: "post" }
-  ), g = () => i == null ? void 0 : i.takeRecords(), u = () => {
-    y(), f();
-  };
-  return ee(u), {
-    isSupported: d,
-    stop: u,
-    takeRecords: g
-  };
-}
-function Fe(e, o, s = {}) {
-  const {
-    window: a = Y,
-    document: l = a == null ? void 0 : a.document,
-    flush: i = "sync"
-  } = s;
-  if (!a || !l)
-    return le;
-  let d;
-  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 === g || m.contains(g)) && o(p);
-        },
-        {
-          window: a,
-          childList: !0,
-          subtree: !0
-        }
-      );
-      f(u);
-    }
-  }, { flush: i }), y = () => {
-    c(), f();
-  };
-  return ee(y), y;
-}
-function Ze(e = {}) {
-  var o;
-  const {
-    window: s = Y,
-    deep: a = !0,
-    triggerOnRemoval: l = !1
-  } = e, i = (o = e.document) != null ? o : s == null ? void 0 : s.document, d = () => {
-    var y;
-    let g = i == null ? void 0 : i.activeElement;
-    if (a)
-      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 y = {
-      capture: !0,
-      passive: !0
-    };
-    J(
-      s,
-      "blur",
-      (g) => {
-        g.relatedTarget === null && c();
-      },
-      y
-    ), J(
-      s,
-      "focus",
-      c,
-      y
-    );
-  }
-  return l && Fe(f, c, { document: i }), c(), f;
-}
-function Xe(e, o, s = {}) {
-  const { window: a = Y, ...l } = s;
-  let i;
-  const d = ge(() => a && "ResizeObserver" in a), f = () => {
-    i && (i.disconnect(), i = void 0);
-  }, c = S(() => {
-    const u = B(e);
-    return Array.isArray(u) ? u.map((p) => H(p)) : [H(u)];
-  }), y = X(
-    c,
-    (u) => {
-      if (f(), d.value && a) {
-        i = new ResizeObserver(o);
-        for (const p of u)
-          p && i.observe(p, l);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), g = () => {
-    f(), y();
-  };
-  return ee(g), {
-    isSupported: d,
-    stop: g
-  };
-}
-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 = 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 v = H(e);
-        if (v) {
-          const m = v.getBoundingClientRect();
-          d.value = m.width, f.value = m.height;
-        }
-      } else if (p) {
-        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 = H(e);
-    u && (d.value = "offsetWidth" in u ? u.offsetWidth : o.width, f.value = "offsetHeight" in u ? u.offsetHeight : o.height);
-  });
-  const y = X(
-    () => H(e),
-    (u) => {
-      d.value = u ? o.width : 0, f.value = u ? o.height : 0;
-    }
-  );
-  function g() {
-    c(), y();
-  }
-  return {
-    width: d,
-    height: f,
-    stop: g
-  };
-}
-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) => {
-      e.preventDefault(), this.isDrawing = !0;
-      const { offsetX: o, offsetY: s } = this.getEventCoordinates(e);
-      this.startDrawing(o, s), this.resetClearTimer();
-    });
-    T(this, "handleMove", (e) => {
-      if (!this.isDrawing) return;
-      e.preventDefault();
-      const { offsetX: o, offsetY: s } = this.getEventCoordinates(e);
-      this.draw(o, s), this.resetClearTimer();
-    });
-    T(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();
-  }
-  setupCanvas() {
-    this.ctx.lineJoin = "round", this.ctx.lineCap = "round", this.ctx.lineWidth = 3, this.ctx.strokeStyle = "#000", this.clearCanvas(), this.drawGrid();
-  }
-  drawGrid() {
-    const e = this.canvas.width, o = this.canvas.height;
-    this.ctx.save(), this.ctx.strokeStyle = "#ddd", this.ctx.lineWidth = 1, this.ctx.setLineDash([3, 3]), this.ctx.beginPath(), this.ctx.moveTo(0, o / 2), this.ctx.lineTo(e, o / 2), this.ctx.moveTo(e / 2, 0), this.ctx.lineTo(e / 2, o), this.ctx.stroke(), this.ctx.setLineDash([]), this.ctx.beginPath(), this.ctx.rect(0, 0, e, o), this.ctx.stroke(), this.ctx.restore();
-  }
-  clearCanvas() {
-    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), this.drawGrid(), this.strokeData = [], this.resetClearTimer();
-  }
-  startDrawing(e, o) {
-    this.lastX = e, this.lastY = o, this.ctx.strokeStyle = "#000", this.ctx.lineWidth = 3, this.ctx.setLineDash([]), this.strokeData.push(e, o, 0);
-  }
-  draw(e, o) {
-    this.ctx.beginPath(), this.ctx.moveTo(this.lastX, this.lastY), this.ctx.lineTo(e, o), this.ctx.stroke(), this.lastX = e, this.lastY = o, this.strokeData.push(e, o, 0);
-  }
-  endStroke() {
-    this.strokeData.length >= 3 && (this.strokeData[this.strokeData.length - 1] = 1);
-  }
-  getStrokeData() {
-    return this.strokeData;
-  }
-  resetClearTimer() {
-    this.clearTimerId && (window.clearTimeout(this.clearTimerId), this.clearTimerId = null);
-  }
-  startClearTimer() {
-    this.resetClearTimer(), this.clearTimerId = window.setTimeout(() => {
-      this.clearCanvas(), this.clearTimerId = null;
-    }, this.options.clearDelay);
-  }
-  getEventCoordinates(e) {
-    if (e instanceof MouseEvent) return {
-      offsetX: e.offsetX,
-      offsetY: e.offsetY
-    };
-    {
-      const o = e.touches[0] || e.changedTouches[0], s = e.target.getBoundingClientRect();
-      return {
-        offsetX: o.clientX - s.left,
-        offsetY: o.clientY - s.top
-      };
-    }
-  }
-  attachEvents() {
-    this.canvas.addEventListener("mousedown", this.handleStart), this.canvas.addEventListener("mousemove", this.handleMove), this.canvas.addEventListener("mouseup", this.handleEnd), this.canvas.addEventListener("mouseleave", this.handleEnd), this.canvas.addEventListener("touchstart", this.handleStart, { passive: !1 }), this.canvas.addEventListener("touchmove", this.handleMove, { passive: !1 }), this.canvas.addEventListener("touchend", this.handleEnd), this.canvas.addEventListener("touchcancel", this.handleEnd);
-  }
-  detachEvents() {
-    this.canvas.removeEventListener("mousedown", this.handleStart), this.canvas.removeEventListener("mousemove", this.handleMove), this.canvas.removeEventListener("mouseup", this.handleEnd), this.canvas.removeEventListener("mouseleave", this.handleEnd), this.canvas.removeEventListener("touchstart", this.handleStart), this.canvas.removeEventListener("touchmove", this.handleMove), this.canvas.removeEventListener("touchend", this.handleEnd), this.canvas.removeEventListener("touchcancel", this.handleEnd);
-  }
-  destroy() {
-    this.detachEvents(), this.resetClearTimer();
-  }
-  getCanvas() {
-    return this.canvas;
-  }
-  getContext() {
-    return this.ctx;
-  }
-};
-let ae = {
-  defaultMode: "en",
-  enableHandwriting: !1,
-  position: "static",
-  disableWhenNoFocus: !0
-}, ye = null, be = null;
-function Z() {
-  return ae;
-}
-function vn(e) {
-  ae = {
-    ...ae,
-    ...e
-  };
-}
-function fn(e) {
-  ye = e;
-}
-function ue() {
-  return ye;
-}
-function mn(e) {
-  be = e;
-}
-function je() {
-  return be;
-}
-function Ge(e, o, s, a = 0) {
-  if (!e || !o || s === "static") return null;
-  let l, i;
-  if (s === "bottom")
-    l = window.innerHeight - o.offsetHeight, i = 0;
-  else {
-    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: `${l}px`,
-    left: `${i}px`
-  };
-}
-function de(e) {
-  if (!e) return !1;
-  if (e.tagName === "TEXTAREA") return !0;
-  if (e.tagName === "INPUT") {
-    const s = (e.type || "text").toLowerCase();
-    return ![
-      "checkbox",
-      "radio",
-      "button",
-      "submit",
-      "reset",
-      "file",
-      "image",
-      "range",
-      "color",
-      "hidden",
-      "date",
-      "datetime-local",
-      "month",
-      "week",
-      "time"
-    ].includes(s);
-  }
-  return !1;
-}
-function pn() {
-  if (document.activeElement && de(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 Je(e, o, s, a = "") {
-  return e.slice(0, o) + a + e.slice(o + s);
-}
-function we(e, o = "") {
-  const s = Number(e.getAttribute("maxlength"));
-  let a = e.selectionStart ?? 0;
-  const l = e.selectionEnd ?? a;
-  let i;
-  if (o.length > 0) i = l - a;
-  else {
-    const c = l - a;
-    if (c > 0) i = c;
-    else if (a > 0)
-      i = 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);
-}
-function Qe(e, o) {
-  we(e, o);
-}
-function et(e) {
-  we(e);
-}
-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);
-  }
-  function d(f) {
-    i(), f(), a = setTimeout(() => {
-      l = setInterval(() => {
-        f();
-      }, s);
-    }, o);
-  }
-  return {
-    start: d,
-    stop: i
-  };
-}
-function ot(e = !1) {
-  const o = E(!1), s = E(0);
-  async function a() {
-    const i = ue();
-    if (i)
-      try {
-        o.value = await i.initialize({
-          onProgress: (d) => {
-            s.value = d;
-          }
-        });
-      } catch (d) {
-        console.error("初始化手写识别服务失败:", d), o.value = !1;
-      }
-    else
-      console.warn("未注册手写识别服务"), o.value = !1;
-  }
-  async function l() {
-    const i = ue();
-    if (i && o.value)
-      try {
-        await i.close(), o.value = !1;
-      } catch (d) {
-        console.error("关闭手写识别服务失败:", d);
-      }
-  }
-  return Q(() => {
-    e && a();
-  }), ce(() => {
-    l();
-  }), {
-    recognizerInitialized: o,
-    recognizerProgress: s
-  };
-}
-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";
-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 s() {
-    e.stop();
-  }
-  return Se(() => {
-    e.stop();
-  }), {
-    startRepeat: o,
-    stopRepeat: s
-  };
-}
-const st = { class: "zhk-candidate-list" }, it = ["onClick"], xe = /* @__PURE__ */ I({
-  __name: "CandidateList",
-  props: {
-    candidates: {}
-  },
-  emits: ["select"],
-  setup(e, { emit: o }) {
-    const s = o;
-    function a(l) {
-      s("select", l);
-    }
-    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: (c) => a(f)
-      }, D(d), 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({
-  __name: "HandwritingInput",
-  props: {
-    recognizerInitialized: { type: Boolean },
-    recognizerProgress: {}
-  },
-  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: c } = he(i);
-    function y() {
-      d && d.clearCanvas();
-    }
-    function g() {
-      l.value && (d && d.destroy(), d = new Ye(l.value, {
-        onDrawEnd: m
-      }));
-    }
-    const u = E([]), { startRepeat: p, stopRepeat: v } = te();
-    async function m() {
-      if (!d || d.getStrokeData().length === 0 || f.value)
-        return;
-      const z = ue();
-      if (z) {
-        f.value = !0;
-        try {
-          const t = [...d.getStrokeData()], k = await z.recognize(t);
-          u.value = k;
-        } catch (t) {
-          console.error("识别笔迹失败:", t);
-        } finally {
-          f.value = !1;
-        }
-      } else
-        console.warn("手写识别服务不可用");
-    }
-    ce(() => {
-      d && d.destroy();
-    }), q(() => {
-      l.value && c.value && s.recognizerInitialized && me(() => {
-        g();
-      });
-    });
-    function P(z) {
-      const t = u.value[z];
-      t && (a("key", { key: t }), u.value = [], y());
-    }
-    return (z, t) => (b(), x("div", rt, [
-      Le(xe, {
-        candidates: u.value,
-        onSelect: P
-      }, null, 8, ["candidates"]),
-      h("div", {
-        ref_key: "containerRef",
-        ref: i,
-        class: "handwriting-content"
-      }, [
-        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(v) && n(v)(...k)),
-            onPointerleave: t[2] || (t[2] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onPointercancel: t[3] || (t[3] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onContextmenu: t[4] || (t[4] = C(() => {
-            }, ["prevent"]))
-          }, " 。 ", 32),
-          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(v) && n(v)(...k)),
-            onPointerleave: t[7] || (t[7] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onPointercancel: t[8] || (t[8] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onContextmenu: t[9] || (t[9] = C(() => {
-            }, ["prevent"]))
-          }, " ？ ", 32),
-          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(v) && n(v)(...k)),
-            onPointerleave: t[12] || (t[12] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onPointercancel: t[13] || (t[13] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onContextmenu: t[14] || (t[14] = C(() => {
-            }, ["prevent"]))
-          }, " ！ ", 32),
-          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(v) && n(v)(...k)),
-            onPointerleave: t[17] || (t[17] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onPointercancel: t[18] || (t[18] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onContextmenu: t[19] || (t[19] = C(() => {
-            }, ["prevent"]))
-          }, " 、 ", 32)
-        ]),
-        h("div", at, [
-          z.recognizerInitialized ? (b(), x("canvas", {
-            key: 1,
-            ref_key: "canvasRef",
-            ref: l,
-            class: "handwriting-canvas",
-            width: n(c),
-            height: n(c)
-          }, null, 8, ct)) : (b(), x("div", {
-            key: 0,
-            class: "handwriting-loading",
-            style: se({ width: `${n(c)}px`, height: `${n(c)}px` })
-          }, [
-            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)
-            ]),
-            h("div", dt, D(Math.round(z.recognizerProgress * 100)) + "% ", 1)
-          ], 4))
-        ]),
-        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(v) && n(v)(...k)),
-            onPointerleave: t[22] || (t[22] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onPointercancel: t[23] || (t[23] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onContextmenu: t[24] || (t[24] = C(() => {
-            }, ["prevent"]))
-          }, t[38] || (t[38] = [
-            h("img", {
-              src: ve,
-              alt: "删除"
-            }, null, -1)
-          ]), 32),
-          h("button", {
-            class: "handwriting-btn handwriting-btn--function",
-            onClick: t[25] || (t[25] = (k) => a("exit")),
-            onContextmenu: t[26] || (t[26] = C(() => {
-            }, ["prevent"]))
-          }, " 拼音 ", 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(v) && n(v)(...k)),
-            onPointerleave: t[29] || (t[29] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onPointercancel: t[30] || (t[30] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onContextmenu: t[31] || (t[31] = C(() => {
-            }, ["prevent"]))
-          }, " ， ", 32),
-          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(v) && n(v)(...k)),
-            onPointerleave: t[34] || (t[34] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onPointercancel: t[35] || (t[35] = //@ts-ignore
-            (...k) => n(v) && n(v)(...k)),
-            onContextmenu: t[36] || (t[36] = C(() => {
-            }, ["prevent"]))
-          }, t[39] || (t[39] = [
-            h("img", {
-              src: fe,
-              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" }, gt = { class: "zhk-selection__list" }, ht = ["onClick"], yt = /* @__PURE__ */ I({
-  __name: "CandidateSelection",
-  props: {
-    candidates: {}
-  },
-  emits: ["select", "close"],
-  setup(e, { emit: o }) {
-    const s = o;
-    function a(d) {
-      s("select", d);
-    }
-    function l() {
-      s("close");
-    }
-    function i(d) {
-      const f = Array.from(d).length;
-      return f >= 2 && f <= 3 ? 2 : f >= 4 ? 3 : 1;
-    }
-    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))
-      ]),
-      h("div", { class: "zhk-selection__func" }, [
-        h("button", {
-          class: "zhk-selection__func-btn",
-          onClick: l
-        }, " 返回 ")
-      ])
-    ]));
-  }
-}), 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({
-  __name: "CandidateBar",
-  props: {
-    modelValue: {
-      required: !0
-    },
-    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(() => {
-      var u;
-      return ((u = d.value) == null ? void 0 : u.candidates.map((p) => p.text)) ?? [];
-    }), 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;
-    }), X(l, async (u) => {
-      const p = i;
-      if (p) {
-        if (u === "") {
-          p.clearInput(), d.value = null;
-          return;
-        }
-        d.value = await p.processInput(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, c.value = !1);
-    }
-    o({
-      handleSelection: y
-    });
-    const g = S(() => {
-      const u = d.value;
-      return u ? u.preeditHead + u.preeditBody : "";
-    });
-    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: y
-          }, null, 8, ["candidates"])) : W("", !0),
-          f.value.length > 0 ? (b(), x("button", {
-            key: 1,
-            class: "zhk-candidate__more",
-            onClick: p[0] || (p[0] = (v) => c.value = !0)
-          }, p[2] || (p[2] = [
-            h("img", {
-              src: pt,
-              alt: "更多"
-            }, null, -1)
-          ]))) : W("", !0)
-        ])
-      ]),
-      c.value ? (b(), K(yt, {
-        key: 0,
-        candidates: f.value,
-        onSelect: y,
-        onClose: p[1] || (p[1] = (v) => c.value = !1)
-      }, null, 8, ["candidates"])) : W("", !0)
-    ]));
-  }
-}), Pt = { class: "zhk-base" }, _t = { class: "zhk-base__row" }, $t = ["onPointerdown"], Et = ["disabled"], St = {
-  key: 1,
-  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" }, Mt = /* @__PURE__ */ I({
-  __name: "KeyboardBase",
-  props: /* @__PURE__ */ ie({
-    enableHandwriting: { type: Boolean }
-  }, {
-    modelValue: {
-      default: "en"
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ ie(["key"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    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 y() {
-      d.value ? l.value = "hand" : l.value = i.value ? "en" : "en_cap";
-    }
-    function g() {
-      l.value = "num";
-    }
-    function u() {
-      l.value = "symbol";
-    }
-    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(""), P = E(null), { startRepeat: z, stopRepeat: t } = te();
-    function k() {
-      if (l.value === "zh" && m.value) {
-        m.value = m.value.slice(0, -1);
-        return;
-      }
-      c("delete", !0);
-    }
-    function N() {
-      var M;
-      if (l.value === "zh" && m.value) {
-        (M = P.value) == null || M.handleSelection(0);
-        return;
-      }
-      c(" ");
-    }
-    function ne() {
-      if (l.value === "zh" && m.value) {
-        c(m.value), m.value = "";
-        return;
-      }
-      c("enter", !0);
-    }
-    function U(M) {
-      if (l.value === "zh") {
-        m.value += M;
-        return;
-      }
-      const r = i.value ? M.toUpperCase() : M;
-      c(r);
-    }
-    function oe() {
-      l.value = l.value === "zh" ? "en" : "zh";
-    }
-    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: P,
-          modelValue: m.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (w) => m.value = w),
-          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)),
-          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(() => {
-          }, ["prevent"]))
-        }, D(w), 41, $t)), 64))
-      ]),
-      (b(), x(L, null, V(v, (w, F) => h("div", {
-        key: `row-${F}`,
-        class: "zhk-base__row"
-      }, [
-        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: y,
-          onContextmenu: r[6] || (r[6] = C(() => {
-          }, ["prevent"]))
-        }, [
-          d.value ? (b(), x(L, { key: 0 }, [
-            re(D($.value), 1)
-          ], 64)) : (b(), x("img", St))
-        ], 42, Et)) : 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
-          (...A) => n(t) && n(t)(...A)),
-          onPointerleave: r[8] || (r[8] = //@ts-ignore
-          (...A) => n(t) && n(t)(...A)),
-          onPointercancel: r[9] || (r[9] = //@ts-ignore
-          (...A) => n(t) && n(t)(...A)),
-          onContextmenu: r[10] || (r[10] = C(() => {
-          }, ["prevent"]))
-        }, 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())),
-          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(() => {
-          }, ["prevent"]))
-        }, r[39] || (r[39] = [
-          h("img", {
-            src: ve,
-            class: "zhk-base__key-icon",
-            alt: "Delete"
-          }, null, -1)
-        ]), 32)) : W("", !0)
-      ])), 64)),
-      h("div", Rt, [
-        h("button", {
-          class: "zhk-base__key zhk-base__key--function",
-          onClick: u,
-          onContextmenu: r[16] || (r[16] = C(() => {
-          }, ["prevent"]))
-        }, " 符 ", 32),
-        h("button", {
-          class: "zhk-base__key zhk-base__key--function",
-          onClick: g,
-          onContextmenu: r[17] || (r[17] = C(() => {
-          }, ["prevent"]))
-        }, " 123 ", 32),
-        h("button", {
-          class: "zhk-base__key",
-          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
-          (...w) => n(t) && n(t)(...w)),
-          onPointercancel: r[21] || (r[21] = //@ts-ignore
-          (...w) => n(t) && n(t)(...w)),
-          onContextmenu: r[22] || (r[22] = C(() => {
-          }, ["prevent"]))
-        }, " ， ", 32),
-        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
-          (...w) => n(t) && n(t)(...w)),
-          onPointerleave: r[25] || (r[25] = //@ts-ignore
-          (...w) => n(t) && n(t)(...w)),
-          onPointercancel: r[26] || (r[26] = //@ts-ignore
-          (...w) => n(t) && n(t)(...w)),
-          onContextmenu: r[27] || (r[27] = C(() => {
-          }, ["prevent"]))
-        }, r[40] || (r[40] = [
-          h("img", {
-            src: ze,
-            class: "zhk-base__key-icon",
-            alt: "Space"
-          }, null, -1)
-        ]), 32),
-        h("button", {
-          class: "zhk-base__key",
-          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
-          (...w) => n(t) && n(t)(...w)),
-          onPointercancel: r[31] || (r[31] = //@ts-ignore
-          (...w) => n(t) && n(t)(...w)),
-          onContextmenu: r[32] || (r[32] = C(() => {
-          }, ["prevent"]))
-        }, " 。 ", 32),
-        h("button", {
-          class: "zhk-base__key zhk-base__key--function",
-          onClick: oe,
-          onContextmenu: r[33] || (r[33] = C(() => {
-          }, ["prevent"]))
-        }, [
-          h("span", Tt, D(l.value === "zh" ? "中" : "英"), 1),
-          h("span", Dt, "/" + D(l.value === "zh" ? "英" : "中"), 1)
-        ], 32),
-        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
-          (...w) => n(t) && n(t)(...w)),
-          onPointerleave: r[36] || (r[36] = //@ts-ignore
-          (...w) => n(t) && n(t)(...w)),
-          onPointercancel: r[37] || (r[37] = //@ts-ignore
-          (...w) => n(t) && n(t)(...w)),
-          onContextmenu: r[38] || (r[38] = C(() => {
-          }, ["prevent"]))
-        }, r[41] || (r[41] = [
-          h("img", {
-            src: fe,
-            class: "zhk-base__key-icon",
-            alt: "Enter"
-          }, null, -1)
-        ]), 32)
-      ])
-    ]));
-  }
-}), 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",
-  alt: "Space"
-}, Wt = { class: "num-keyboard__right" }, Ot = ["onPointerdown"], Nt = ["src", "alt"], Ut = { key: 1 }, Ft = /* @__PURE__ */ I({
-  __name: "NumericKeyboard",
-  props: {
-    keyboardRows: { default: () => Z().numKeys || [
-      ["1", "2", "3"],
-      ["4", "5", "6"],
-      ["7", "8", "9"],
-      ["back", "0", "space"]
-    ] }
-  },
-  emits: ["key", "exit"],
-  setup(e, { emit: o }) {
-    const s = o, a = [
-      { key: "delete", icon: ve, text: "", alt: "Delete" },
-      { key: ".", icon: "", text: ".", alt: "." },
-      { key: "@", icon: "", text: "@", alt: "@" },
-      { key: "enter", icon: fe, text: "", alt: "Enter" }
-    ];
-    function l(g) {
-      s("key", { key: g });
-    }
-    function i(g, u = !0) {
-      s("key", { key: g, isControl: u });
-    }
-    function d() {
-      s("exit");
-    }
-    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 (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"
-            }, [
-              (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) => y(m, z),
-                onPointerup: u[0] || (u[0] = //@ts-ignore
-                (...z) => n(c) && n(c)(...z)),
-                onPointerleave: u[1] || (u[1] = //@ts-ignore
-                (...z) => n(c) && n(c)(...z)),
-                onPointercancel: u[2] || (u[2] = //@ts-ignore
-                (...z) => n(c) && n(c)(...z)),
-                onContextmenu: u[3] || (u[3] = C(() => {
-                }, ["prevent"]))
-              }, [
-                m === "back" ? (b(), x(L, { key: 0 }, [
-                  re(" 返回 ")
-                ], 64)) : m === "space" ? (b(), x("img", Kt)) : (b(), x(L, { key: 2 }, [
-                  re(D(m), 1)
-                ], 64))
-              ], 42, At))), 128))
-            ]))), 128))
-          ])
-        ]),
-        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) => y(p.key, m),
-            onPointerup: u[4] || (u[4] = //@ts-ignore
-            (...m) => n(c) && n(c)(...m)),
-            onPointerleave: u[5] || (u[5] = //@ts-ignore
-            (...m) => n(c) && n(c)(...m)),
-            onPointercancel: u[6] || (u[6] = //@ts-ignore
-            (...m) => n(c) && n(c)(...m)),
-            onContextmenu: u[7] || (u[7] = C(() => {
-            }, ["prevent"]))
-          }, [
-            p.icon ? (b(), x("img", {
-              key: 0,
-              src: p.icon,
-              class: "num-keyboard__key-icon",
-              alt: p.alt
-            }, null, 8, Nt)) : (b(), x("span", Ut, D(p.text), 1))
-          ], 40, Ot)), 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({
-  __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 c(v, m) {
-      i.value && d(m, () => y(v));
-    }
-    function y(v) {
-      s("key", { key: v }), i.value || s("exit");
-    }
-    function g() {
-      s("exit");
-    }
-    function u(v) {
-      a.value = v;
-    }
-    function p() {
-      i.value = !i.value;
-    }
-    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] = (P) => u("zh")),
-              onContextmenu: m[1] || (m[1] = C(() => {
-              }, ["prevent"]))
-            }, " 中文 ", 34),
-            h("button", {
-              class: O(["symbol-keyboard__lang-btn", { "symbol-keyboard__lang-btn--active": a.value === "en" }]),
-              onClick: m[2] || (m[2] = (P) => u("en")),
-              onContextmenu: m[3] || (m[3] = C(() => {
-              }, ["prevent"]))
-            }, " 英文 ", 34)
-          ]),
-          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 ? (b(), x("img", {
-                key: 1,
-                src: n(Xt),
-                alt: "Lock closed"
-              }, null, 8, en)) : (b(), x("img", {
-                key: 0,
-                src: n(Zt),
-                alt: "Lock open"
-              }, null, 8, Qt))
-            ], 34),
-            h("button", {
-              class: "symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--back",
-              onClick: g,
-              onContextmenu: m[5] || (m[5] = C(() => {
-              }, ["prevent"]))
-            }, " 返回 ", 32)
-          ])
-        ]),
-        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 && 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
-              (...t) => n(f) && n(f)(...t)),
-              onPointercancel: m[8] || (m[8] = //@ts-ignore
-              (...t) => n(f) && n(f)(...t)),
-              onContextmenu: m[9] || (m[9] = C(() => {
-              }, ["prevent"]))
-            }, D(P), 41, on))), 128))
-          ])
-        ])
-      ])
-    ]));
-  }
-}), an = {
-  key: 0,
-  class: "zhk__disabled-overlay"
-}, un = /* @__PURE__ */ I({
-  __name: "ZhKeyboard",
-  props: {
-    /**
-     * 默认的键盘模式
-     */
-    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), c = E(null), y = E(null), { recognizerInitialized: g, recognizerProgress: u } = ot(s.enableHandwriting);
-    X(l, ($, R) => {
-      $ !== R && (i.value = R);
-    });
-    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 (v.value) {
-        const $ = v.value.dataset.inputmode;
-        $ && (l.value = $);
-      }
-    });
-    const z = S(() => s.disableWhenNoFocus === !1 ? !1 : !v.value);
-    function t() {
-      if (!P.value)
-        return;
-      const $ = Ge(
-        v.value,
-        y.value,
-        s.position,
-        s.floatMarginTop
-      );
-      c.value = $;
-    }
-    q(t);
-    const k = Ke(t, 100);
-    J(window, "scroll", k, { passive: !0 }), J(window, "resize", k, { passive: !0 });
-    function N($) {
-      if ($.isControl) {
-        switch ($.key) {
-          case "delete":
-            et(v.value);
-            break;
-          case "more":
-            f.value = !0;
-            break;
-        }
-        return;
-      } else
-        ne($.key);
-      a("key", $);
-    }
-    function ne($) {
-      Qe(v.value, $);
-    }
-    function U() {
-      l.value === "hand" ? i.value = "zh" : ["num", "symbol"].includes(i.value) && (i.value = s.defaultMode), l.value = i.value;
-    }
-    function oe($) {
-      d.value = $;
-    }
-    return ($, R) => Re((b(), x("div", {
-      ref_key: "keyboardRef",
-      ref: y,
-      class: O(["zhk", {
-        "zhk--floating": e.position === "float",
-        "zhk--bottom": e.position === "bottom",
-        "zhk--disabled": z.value
-      }]),
-      style: se({
-        "--keyboard-height": `${n(P)}px`,
-        ...c.value
-      }),
-      onMousedown: R[1] || (R[1] = C(() => {
-      }, ["prevent"]))
-    }, [
-      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(g),
-          "recognizer-progress": n(u),
-          onKey: N,
-          onExit: U,
-          onRecognize: oe
-        }, null, 8, ["recognizer-initialized", "recognizer-progress"])) : l.value === "num" ? (b(), K(Ft, {
-          key: 1,
-          "keyboard-rows": e.numKeys,
-          onKey: N,
-          onExit: U
-        }, null, 8, ["keyboard-rows"])) : l.value === "symbol" ? (b(), K(ln, {
-          key: 2,
-          onKey: N,
-          onExit: U
-        })) : l.value === "en" || l.value === "en_cap" || l.value === "zh" ? (b(), K(Mt, {
-          key: 3,
-          modelValue: l.value,
-          "onUpdate:modelValue": R[0] || (R[0] = (M) => l.value = M),
-          "enable-handwriting": e.enableHandwriting,
-          onKey: N
-        }, null, 8, ["modelValue", "enable-handwriting"])) : W("", !0)
-      ], 64))
-    ], 38)), [
-      [Te, m.value]
-    ]);
-  }
-}), kn = {
-  install: (e) => {
-    e.component("ZhKeyboard", un);
-  }
-};
-export {
-  Ye as CanvasDrawer,
-  un as ZhKeyboard,
-  Ge as calculateKeyboardPosition,
-  nt as createKeyRepeater,
-  kn as default,
-  et as delToInputElement,
-  ue as getHandwritingRecognizer,
-  pn as getInputElement,
-  Z as getKeyboardConfig,
-  je as getPinyinEngine,
-  de as isInputElement,
-  tt as moveCursor,
-  fn as registerHandwritingRecognizer,
-  mn as registerPinyinEngine,
-  vn as setKeyboardConfig,
-  Qe as writeToInputElement
-};
-//# sourceMappingURL=zh-keyboard-vue.js.map
+var te = (e) => e != null, H = Object.prototype.toString, ne = (e) => H.call(e) === "[object Object]", U = () => {};
+function re(e, t) {
+	function n(...n) {
+		return new Promise((r, i) => {
+			Promise.resolve(e(() => t.apply(this, n), {
+				fn: t,
+				thisArg: this,
+				args: n
+			})).then(r).catch(i);
+		});
+	}
+	return n;
+}
+function ie(e, t = {}) {
+	let n, r, i = U, a = (e) => {
+		clearTimeout(e), i(), i = U;
+	}, o;
+	return (s) => {
+		let c = w(e), l = w(t.maxWait);
+		return n && a(n), c <= 0 || l !== void 0 && l <= 0 ? (r &&= (a(r), null), Promise.resolve(s())) : new Promise((e, u) => {
+			i = t.rejectOnCancel ? u : e, o = s, l && !r && (r = setTimeout(() => {
+				n && a(n), r = null, e(o());
+			}, l)), n = setTimeout(() => {
+				r && a(r), r = null, e(s());
+			}, c);
+		});
+	};
+}
+function W(e) {
+	return Array.isArray(e) ? e : [e];
+}
+function ae(e) {
+	return e || l();
+}
+function oe(e, t = 200, n = {}) {
+	return re(ie(t, n), e);
+}
+function se(e, t = !0, n) {
+	ae(n) ? g(e, n) : t ? e() : f(e);
+}
+function ce(e, t, n) {
+	return O(e, t, {
+		...n,
+		immediate: !0
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@vueuse+core@13.1.0_vue@3.5.13_typescript@5.8.3_/node_modules/@vueuse/core/index.mjs
+var G = V ? window : void 0;
+V && window.document, V && window.navigator, V && window.location;
+function K(e) {
+	let t = w(e);
+	return t?.$el ?? t;
+}
+function q(...e) {
+	let n = [], r = () => {
+		n.forEach((e) => e()), n.length = 0;
+	}, i = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), a = t(() => {
+		let t = W(w(e[0])).filter((e) => e != null);
+		return t.every((e) => typeof e != "string") ? t : void 0;
+	}), o = ce(() => [
+		a.value?.map((e) => K(e)) ?? [G].filter((e) => e != null),
+		W(w(a.value ? e[1] : e[0])),
+		W(T(a.value ? e[2] : e[1])),
+		w(a.value ? e[3] : e[2])
+	], ([e, t, a, o]) => {
+		if (r(), !e?.length || !t?.length || !a?.length) return;
+		let s = ne(o) ? { ...o } : o;
+		n.push(...e.flatMap((e) => t.flatMap((t) => a.map((n) => i(e, t, n, s)))));
+	}, { flush: "post" });
+	return B(r), () => {
+		o(), r();
+	};
+}
+function le() {
+	let e = S(!1), t = l();
+	return t && g(() => {
+		e.value = !0;
+	}, t), e;
+}
+function J(e) {
+	let n = le();
+	return t(() => (n.value, !!e()));
+}
+function ue(e, n, r = {}) {
+	let { window: i = G, ...a } = r, o, s = J(() => i && "MutationObserver" in i), c = () => {
+		o &&= (o.disconnect(), void 0);
+	}, l = t(() => {
+		let t = W(w(e)).map(K).filter(te);
+		return new Set(t);
+	}), u = O(() => l.value, (e) => {
+		c(), s.value && e.size && (o = new MutationObserver(n), e.forEach((e) => o.observe(e, a)));
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), d = () => o?.takeRecords(), f = () => {
+		u(), c();
+	};
+	return B(f), {
+		isSupported: s,
+		stop: f,
+		takeRecords: d
+	};
+}
+function de(e, t, n = {}) {
+	let { window: r = G, document: i = r?.document, flush: a = "sync" } = n;
+	if (!r || !i) return U;
+	let o, s = (e) => {
+		o?.(), o = e;
+	}, c = k(() => {
+		let n = K(e);
+		if (n) {
+			let { stop: e } = ue(i, (e) => {
+				e.map((e) => [...e.removedNodes]).flat().some((e) => e === n || e.contains(n)) && t(e);
+			}, {
+				window: r,
+				childList: !0,
+				subtree: !0
+			});
+			s(e);
+		}
+	}, { flush: a }), l = () => {
+		c(), s();
+	};
+	return B(l), l;
+}
+function fe(e = {}) {
+	let { window: t = G, deep: n = !0, triggerOnRemoval: r = !1 } = e, i = e.document ?? t?.document, a = () => {
+		let e = i?.activeElement;
+		if (n) for (; e?.shadowRoot;) e = e?.shadowRoot?.activeElement;
+		return e;
+	}, o = S(), s = () => {
+		o.value = a();
+	};
+	if (t) {
+		let e = {
+			capture: !0,
+			passive: !0
+		};
+		q(t, "blur", (e) => {
+			e.relatedTarget === null && s();
+		}, e), q(t, "focus", s, e);
+	}
+	return r && de(o, s, { document: i }), s(), o;
+}
+function pe(e, n, r = {}) {
+	let { window: i = G, ...a } = r, o, s = J(() => i && "ResizeObserver" in i), c = () => {
+		o &&= (o.disconnect(), void 0);
+	}, l = O(t(() => {
+		let t = w(e);
+		return Array.isArray(t) ? t.map((e) => K(e)) : [K(t)];
+	}), (e) => {
+		if (c(), s.value && i) {
+			o = new ResizeObserver(n);
+			for (let t of e) t && o.observe(t, a);
+		}
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), u = () => {
+		c(), l();
+	};
+	return B(u), {
+		isSupported: s,
+		stop: u
+	};
+}
+function Y(e, n = {
+	width: 0,
+	height: 0
+}, r = {}) {
+	let { window: i = G, box: a = "content-box" } = r, o = t(() => (K(e)?.namespaceURI)?.includes("svg")), s = S(n.width), c = S(n.height), { stop: l } = pe(e, ([t]) => {
+		let n = a === "border-box" ? t.borderBoxSize : a === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
+		if (i && o.value) {
+			let t = K(e);
+			if (t) {
+				let e = t.getBoundingClientRect();
+				s.value = e.width, c.value = e.height;
+			}
+		} else if (n) {
+			let e = W(n);
+			s.value = e.reduce((e, { inlineSize: t }) => e + t, 0), c.value = e.reduce((e, { blockSize: t }) => e + t, 0);
+		} else s.value = t.contentRect.width, c.value = t.contentRect.height;
+	}, r);
+	se(() => {
+		let t = K(e);
+		t && (s.value = "offsetWidth" in t ? t.offsetWidth : n.width, c.value = "offsetHeight" in t ? t.offsetHeight : n.height);
+	});
+	let u = O(() => K(e), (e) => {
+		s.value = e ? n.width : 0, c.value = e ? n.height : 0;
+	});
+	function d() {
+		l(), u();
+	}
+	return {
+		width: s,
+		height: c,
+		stop: d
+	};
+}
+//#endregion
+//#region src/utils/useHandwritingRecognizer.ts
+function me(e = !1) {
+	let t = b(!1), n = b(0);
+	async function r() {
+		let e = I();
+		if (e) try {
+			t.value = await e.initialize({ onProgress: (e) => {
+				n.value = e;
+			} });
+		} catch (e) {
+			console.error("初始化手写识别服务失败:", e), t.value = !1;
+		}
+		else console.warn("未注册手写识别服务"), t.value = !1;
+	}
+	async function i() {
+		let e = I();
+		if (e && t.value) try {
+			await e.close(), t.value = !1;
+		} catch (e) {
+			console.error("关闭手写识别服务失败:", e);
+		}
+	}
+	return g(() => {
+		e && r();
+	}), v(() => {
+		i();
+	}), {
+		recognizerInitialized: t,
+		recognizerProgress: n
+	};
+}
+//#endregion
+//#region src/assets/icons/keyboard-backspace.svg
+var he = "data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e", ge = "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";
+//#endregion
+//#region src/hooks/useKeyRepeater.ts
+function X() {
+	let e = P();
+	function t(t, n) {
+		t.preventDefault(), t.currentTarget?.setPointerCapture?.(t.pointerId), e.start(n);
+	}
+	function n() {
+		e.stop();
+	}
+	return h(() => {
+		e.stop();
+	}), {
+		startRepeat: t,
+		stopRepeat: n
+	};
+}
+//#endregion
+//#region src/components/CandidateList.vue?vue&type=script&setup=true&lang.ts
+var _e = { class: "zhk-candidate-list" }, ve = ["onClick"], Z = /* @__PURE__ */ c({
+	__name: "CandidateList",
+	props: { candidates: {} },
+	emits: ["select"],
+	setup(t, { emit: n }) {
+		let r = n;
+		function a(e) {
+			r("select", e);
+		}
+		return (t, n) => (y(), i("div", _e, [(y(!0), i(e, null, x(t.candidates, (e, t) => (y(), i("button", {
+			key: `candidate-${t}`,
+			class: "zhk-candidate-list__item",
+			onClick: (e) => a(t)
+		}, C(e), 9, ve))), 128))]));
+	}
+}), ye = { class: "handwriting-input" }, be = { class: "handwriting-content" }, xe = { class: "handwriting-buttons" }, Se = { class: "handwriting-canvas-container" }, Ce = {
+	key: 0,
+	class: "handwriting-loading"
+}, we = { class: "progress-bar" }, Te = { class: "progress-text" }, Ee = { class: "handwriting-buttons" }, De = /* @__PURE__ */ c({
+	__name: "HandwritingInput",
+	props: {
+		recognizerInitialized: { type: Boolean },
+		recognizerProgress: {}
+	},
+	emits: ["key", "exit"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = b(null), c = null, l = b(!1), { width: u, height: d } = Y(o);
+		function p() {
+			c && c.clearCanvas();
+		}
+		function h() {
+			o.value && (c && c.destroy(), o.value.width = u.value, o.value.height = d.value, c = new M(o.value, { onDrawEnd: S }));
+		}
+		let g = b([]), { startRepeat: _, stopRepeat: x } = X();
+		async function S() {
+			if (!c || c.getStrokeData().length === 0 || l.value) return;
+			let e = I();
+			if (e) {
+				l.value = !0;
+				try {
+					let t = [...c.getStrokeData()];
+					g.value = await e.recognize(t);
+				} catch (e) {
+					console.error("识别笔迹失败:", e);
+				} finally {
+					l.value = !1;
+				}
+			} else console.warn("手写识别服务不可用");
+		}
+		v(() => {
+			c && c.destroy();
+		}), k(() => {
+			o.value && (u.value || d.value) && n.recognizerInitialized && f(() => {
+				h();
+			});
+		});
+		function w(e) {
+			let t = g.value[e];
+			t && (r("key", { key: t }), g.value = [], p());
+		}
+		return (e, t) => (y(), i("div", ye, [s(Z, {
+			candidates: g.value,
+			onSelect: w
+		}, null, 8, ["candidates"]), a("div", be, [
+			a("div", xe, [
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[0] ||= (e) => T(_)(e, () => r("key", { key: "。" })),
+					onPointerup: t[1] ||= (...e) => T(x) && T(x)(...e),
+					onPointerleave: t[2] ||= (...e) => T(x) && T(x)(...e),
+					onPointercancel: t[3] ||= (...e) => T(x) && T(x)(...e),
+					onContextmenu: t[4] ||= j(() => {}, ["prevent"])
+				}, " 。 ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[5] ||= (e) => T(_)(e, () => r("key", { key: "？" })),
+					onPointerup: t[6] ||= (...e) => T(x) && T(x)(...e),
+					onPointerleave: t[7] ||= (...e) => T(x) && T(x)(...e),
+					onPointercancel: t[8] ||= (...e) => T(x) && T(x)(...e),
+					onContextmenu: t[9] ||= j(() => {}, ["prevent"])
+				}, " ？ ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[10] ||= (e) => T(_)(e, () => r("key", { key: "！" })),
+					onPointerup: t[11] ||= (...e) => T(x) && T(x)(...e),
+					onPointerleave: t[12] ||= (...e) => T(x) && T(x)(...e),
+					onPointercancel: t[13] ||= (...e) => T(x) && T(x)(...e),
+					onContextmenu: t[14] ||= j(() => {}, ["prevent"])
+				}, " ！ ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[15] ||= (e) => T(_)(e, () => r("key", { key: "、" })),
+					onPointerup: t[16] ||= (...e) => T(x) && T(x)(...e),
+					onPointerleave: t[17] ||= (...e) => T(x) && T(x)(...e),
+					onPointercancel: t[18] ||= (...e) => T(x) && T(x)(...e),
+					onContextmenu: t[19] ||= j(() => {}, ["prevent"])
+				}, " 、 ", 32)
+			]),
+			a("div", Se, [e.recognizerInitialized ? (y(), i("canvas", {
+				key: 1,
+				ref_key: "canvasRef",
+				ref: o,
+				class: "handwriting-canvas"
+			}, null, 512)) : (y(), i("div", Ce, [
+				t[37] ||= a("div", { class: "loading-text" }, " 正在加载手写识别... ", -1),
+				a("div", we, [a("div", {
+					class: "progress-fill",
+					style: m({ width: `${e.recognizerProgress * 100}%` })
+				}, null, 4)]),
+				a("div", Te, C(Math.round(e.recognizerProgress * 100)) + "% ", 1)
+			]))]),
+			a("div", Ee, [
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[20] ||= (e) => T(_)(e, () => r("key", {
+						key: "delete",
+						isControl: !0
+					})),
+					onPointerup: t[21] ||= (...e) => T(x) && T(x)(...e),
+					onPointerleave: t[22] ||= (...e) => T(x) && T(x)(...e),
+					onPointercancel: t[23] ||= (...e) => T(x) && T(x)(...e),
+					onContextmenu: t[24] ||= j(() => {}, ["prevent"])
+				}, t[38] ||= [a("img", {
+					src: "data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e",
+					alt: "删除"
+				}, null, -1)], 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onClick: t[25] ||= (e) => r("exit"),
+					onContextmenu: t[26] ||= j(() => {}, ["prevent"])
+				}, " 拼音 ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[27] ||= (e) => T(_)(e, () => r("key", { key: "，" })),
+					onPointerup: t[28] ||= (...e) => T(x) && T(x)(...e),
+					onPointerleave: t[29] ||= (...e) => T(x) && T(x)(...e),
+					onPointercancel: t[30] ||= (...e) => T(x) && T(x)(...e),
+					onContextmenu: t[31] ||= j(() => {}, ["prevent"])
+				}, " ， ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[32] ||= (e) => T(_)(e, () => r("key", {
+						key: "enter",
+						isControl: !0
+					})),
+					onPointerup: t[33] ||= (...e) => T(x) && T(x)(...e),
+					onPointerleave: t[34] ||= (...e) => T(x) && T(x)(...e),
+					onPointercancel: t[35] ||= (...e) => T(x) && T(x)(...e),
+					onContextmenu: t[36] ||= j(() => {}, ["prevent"])
+				}, t[39] ||= [a("img", {
+					src: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z'%20/%3e%3c/svg%3e",
+					alt: "回车"
+				}, null, -1)], 32)
+			])
+		])]));
+	}
+}), Oe = "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", ke = "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", Ae = { class: "zhk-selection" }, je = { class: "zhk-selection__list" }, Me = ["onClick"], Ne = /* @__PURE__ */ c({
+	__name: "CandidateSelection",
+	props: { candidates: {} },
+	emits: ["select", "close"],
+	setup(t, { emit: n }) {
+		let r = n;
+		function o(e) {
+			r("select", e);
+		}
+		function s() {
+			r("close");
+		}
+		function c(e) {
+			let t = Array.from(e).length;
+			return t >= 2 && t <= 3 ? 2 : t >= 4 ? 3 : 1;
+		}
+		return (t, n) => (y(), i("div", Ae, [a("div", je, [(y(!0), i(e, null, x(t.candidates, (e, t) => (y(), i("div", {
+			key: t,
+			class: p(["zhk-selection__text", [`zhk-selection__text--span-${c(e)}`]]),
+			onClick: (e) => o(t)
+		}, C(e), 11, Me))), 128))]), a("div", { class: "zhk-selection__func" }, [a("button", {
+			class: "zhk-selection__func-btn",
+			onClick: s
+		}, " 返回 ")])]));
+	}
+}), Pe = { class: "zhk-candidate" }, Fe = { class: "zhk-candidate__container" }, Ie = {
+	key: 0,
+	class: "zhk-candidate__pinyin"
+}, Le = { class: "zhk-candidate__bottom-container" }, Re = /* @__PURE__ */ c({
+	__name: "CandidateBar",
+	props: {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	},
+	emits: /* @__PURE__ */ d(["key", "input"], ["update:modelValue"]),
+	setup(e, { expose: o, emit: s }) {
+		let c = s, l = E(e, "modelValue"), u = null, d = b(null), f = t(() => d.value?.candidates.map((e) => e.text) ?? []), p = b(!1);
+		g(async () => {
+			if (u = R(), !u) throw Error("未找到拼音引擎实例，请确保已正确注册引擎");
+			l.value && (d.value = await u.processInput(l.value));
+		}), v(() => {
+			u?.processInput("").catch(() => {}), u = null;
+		}), O(l, async (e) => {
+			let t = u;
+			if (t) {
+				if (e === "") {
+					t.processInput("").catch(() => {}), d.value = null;
+					return;
+				}
+				d.value = await t.processInput(e);
+			}
+		});
+		async function m(e) {
+			if (!u) return;
+			let t = await u.pickCandidate(e);
+			d.value = t, t.preeditBody || (c("input", t.committed || ""), l.value = "", d.value = null, p.value = !1);
+		}
+		o({ handleSelection: m });
+		let h = t(() => {
+			let e = d.value;
+			return e ? e.preeditHead + e.preeditBody : "";
+		});
+		return (e, t) => (y(), i("div", Pe, [a("div", Fe, [h.value ? (y(), i("div", Ie, C(h.value), 1)) : r("", !0), a("div", Le, [f.value.length > 0 ? (y(), n(Z, {
+			key: 0,
+			candidates: f.value,
+			onSelect: m
+		}, null, 8, ["candidates"])) : r("", !0), f.value.length > 0 ? (y(), i("button", {
+			key: 1,
+			class: "zhk-candidate__more",
+			onClick: t[0] ||= (e) => p.value = !0
+		}, t[2] ||= [a("img", {
+			src: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'%20/%3e%3c/svg%3e",
+			alt: "更多"
+		}, null, -1)])) : r("", !0)])]), p.value ? (y(), n(Ne, {
+			key: 0,
+			candidates: f.value,
+			onSelect: m,
+			onClose: t[1] ||= (e) => p.value = !1
+		}, null, 8, ["candidates"])) : r("", !0)]));
+	}
+}), ze = { class: "zhk-base" }, Be = { class: "zhk-base__row" }, Ve = ["onPointerdown"], He = ["disabled"], Ue = {
+	key: 1,
+	src: Oe,
+	class: "zhk-base__key-icon",
+	alt: "Shift"
+}, We = ["onPointerdown"], Ge = { class: "zhk-base__row" }, Ke = { class: "zhk-base__toggle-main" }, qe = { class: "zhk-base__toggle-sub" }, Je = /* @__PURE__ */ c({
+	__name: "KeyboardBase",
+	props: /* @__PURE__ */ d({ enableHandwriting: { type: Boolean } }, {
+		modelValue: { default: "en" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ d(["key"], ["update:modelValue"]),
+	setup(s, { emit: c }) {
+		let l = s, u = c, d = E(s, "modelValue"), f = t(() => d.value === "en_cap"), m = t(() => d.value === "zh"), h = t(() => m.value ? !0 : f.value);
+		function g(e, t = !1) {
+			u("key", {
+				key: e,
+				isControl: t
+			});
+		}
+		function _() {
+			m.value ? d.value = "hand" : d.value = f.value ? "en" : "en_cap";
+		}
+		function v() {
+			d.value = "num";
+		}
+		function S() {
+			d.value = "symbol";
+		}
+		let w = [
+			"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"
+			]
+		], O = b(""), k = b(null), { startRepeat: A, stopRepeat: M } = X();
+		function N() {
+			if (d.value === "zh" && O.value) {
+				O.value = O.value.slice(0, -1);
+				return;
+			}
+			g("delete", !0);
+		}
+		function P() {
+			if (d.value === "zh" && O.value) {
+				k.value?.handleSelection(0);
+				return;
+			}
+			g(" ");
+		}
+		function F() {
+			if (d.value === "zh" && O.value) {
+				g(O.value), O.value = "";
+				return;
+			}
+			g("enter", !0);
+		}
+		function I(e) {
+			if (d.value === "zh") {
+				O.value += e;
+				return;
+			}
+			g(f.value ? e.toUpperCase() : e);
+		}
+		function L() {
+			d.value = d.value === "zh" ? "en" : "zh";
+		}
+		let R = t(() => l.enableHandwriting ? "手写" : "-"), z = t(() => !l.enableHandwriting);
+		return (t, s) => (y(), i("div", ze, [
+			a("div", Be, [d.value === "zh" ? (y(), n(Re, {
+				key: 0,
+				ref_key: "candidateBarRef",
+				ref: k,
+				modelValue: O.value,
+				"onUpdate:modelValue": s[0] ||= (e) => O.value = e,
+				onInput: s[1] ||= (e) => g(e, !1)
+			}, null, 8, ["modelValue"])) : (y(), i(e, { key: 1 }, x(w, (e, t) => a("button", {
+				key: `number-${t}`,
+				class: "zhk-base__key zhk-base__key--letter",
+				onPointerdown: (t) => T(A)(t, () => I(e)),
+				onPointerup: s[2] ||= (...e) => T(M) && T(M)(...e),
+				onPointerleave: s[3] ||= (...e) => T(M) && T(M)(...e),
+				onPointercancel: s[4] ||= (...e) => T(M) && T(M)(...e),
+				onContextmenu: s[5] ||= j(() => {}, ["prevent"])
+			}, C(e), 41, Ve)), 64))]),
+			(y(), i(e, null, x(D, (t, n) => a("div", {
+				key: `row-${n}`,
+				class: "zhk-base__row"
+			}, [
+				n === 2 ? (y(), i("button", {
+					key: 0,
+					class: p(["zhk-base__key zhk-base__key--function zhk-base__key--shift", {
+						"zhk-base__key--active": !m.value && f.value,
+						"zhk-base__key--disabled": m.value && z.value
+					}]),
+					disabled: m.value && z.value,
+					onClick: _,
+					onContextmenu: s[6] ||= j(() => {}, ["prevent"])
+				}, [m.value ? (y(), i(e, { key: 0 }, [o(C(R.value), 1)], 64)) : (y(), i("img", Ue))], 42, He)) : r("", !0),
+				(y(!0), i(e, null, x(t, (e, t) => (y(), i("button", {
+					key: `key-${n}-${t}`,
+					class: "zhk-base__key zhk-base__key--letter",
+					onPointerdown: (t) => T(A)(t, () => I(e)),
+					onPointerup: s[7] ||= (...e) => T(M) && T(M)(...e),
+					onPointerleave: s[8] ||= (...e) => T(M) && T(M)(...e),
+					onPointercancel: s[9] ||= (...e) => T(M) && T(M)(...e),
+					onContextmenu: s[10] ||= j(() => {}, ["prevent"])
+				}, C(h.value ? e.toUpperCase() : e), 41, We))), 128)),
+				n === 2 ? (y(), i("button", {
+					key: 1,
+					class: "zhk-base__key zhk-base__key--function zhk-base__key--delete",
+					onPointerdown: s[11] ||= (e) => T(A)(e, () => N()),
+					onPointerup: s[12] ||= (...e) => T(M) && T(M)(...e),
+					onPointerleave: s[13] ||= (...e) => T(M) && T(M)(...e),
+					onPointercancel: s[14] ||= (...e) => T(M) && T(M)(...e),
+					onContextmenu: s[15] ||= j(() => {}, ["prevent"])
+				}, s[39] ||= [a("img", {
+					src: "data:image/svg+xml,%3csvg%20t='1777011781316'%20class='icon'%20viewBox='0%200%201439%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5887'%20width='200'%20height='200'%3e%3cpath%20d='M1283.03672%200.000187H465.243153a158.045778%20158.045778%200%200%200-122.329921%2057.680486L24.083875%20440.475014c-0.622227%200.68445-1.182232%201.431123-1.742237%202.177796A115.672087%20115.672087%200%200%200%200.003672%20511.906728a118.658779%20118.658779%200%200%200%2026.818004%2074.667297l316.713783%20380.492099a158.232446%20158.232446%200%200%200%20121.707694%2056.933814H1283.03672a156.303541%20156.303541%200%200%200%20156.05465-156.116873V156.054837A156.241318%20156.241318%200%200%200%201283.03672%200.000187z%20m-257.477728%20689.863598a47.538179%2047.538179%200%200%201-33.600284%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-13.937896L847.72638%20579.293963l-110.569822%20110.569822a47.911515%2047.911515%200%200%201-33.724729%2013.937896%2047.662624%2047.662624%200%200%201-33.662506-81.325131l110.383154-110.569822-110.569822-110.569822a47.662624%2047.662624%200%200%201%200-67.387235%2047.600402%2047.600402%200%200%201%2067.325012%200l110.632045%20110.632045%20110.569822-110.632045A47.625291%2047.625291%200%200%201%201025.434546%20401.336906l-110.383153%20110.569822%20110.569821%20110.569822a47.662624%2047.662624%200%200%201-0.062222%2067.387235z'%20fill='%232C2C2C'%20p-id='5888'%3e%3c/path%3e%3c/svg%3e",
+					class: "zhk-base__key-icon",
+					alt: "Delete"
+				}, null, -1)], 32)) : r("", !0)
+			])), 64)),
+			a("div", Ge, [
+				a("button", {
+					class: "zhk-base__key zhk-base__key--function",
+					onClick: S,
+					onContextmenu: s[16] ||= j(() => {}, ["prevent"])
+				}, " 符 ", 32),
+				a("button", {
+					class: "zhk-base__key zhk-base__key--function",
+					onClick: v,
+					onContextmenu: s[17] ||= j(() => {}, ["prevent"])
+				}, " 123 ", 32),
+				a("button", {
+					class: "zhk-base__key",
+					onPointerdown: s[18] ||= (e) => T(A)(e, () => g(",")),
+					onPointerup: s[19] ||= (...e) => T(M) && T(M)(...e),
+					onPointerleave: s[20] ||= (...e) => T(M) && T(M)(...e),
+					onPointercancel: s[21] ||= (...e) => T(M) && T(M)(...e),
+					onContextmenu: s[22] ||= j(() => {}, ["prevent"])
+				}, " ， ", 32),
+				a("button", {
+					class: "zhk-base__key zhk-base__key--space",
+					onPointerdown: s[23] ||= (e) => T(A)(e, () => P()),
+					onPointerup: s[24] ||= (...e) => T(M) && T(M)(...e),
+					onPointerleave: s[25] ||= (...e) => T(M) && T(M)(...e),
+					onPointercancel: s[26] ||= (...e) => T(M) && T(M)(...e),
+					onContextmenu: s[27] ||= j(() => {}, ["prevent"])
+				}, s[40] ||= [a("img", {
+					src: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M3%2015H5V19H19V15H21V19C21%2020.1%2020.1%2021%2019%2021H5C3.9%2021%203%2020.1%203%2019V15Z'%20/%3e%3c/svg%3e",
+					class: "zhk-base__key-icon",
+					alt: "Space"
+				}, null, -1)], 32),
+				a("button", {
+					class: "zhk-base__key",
+					onPointerdown: s[28] ||= (e) => T(A)(e, () => g("。")),
+					onPointerup: s[29] ||= (...e) => T(M) && T(M)(...e),
+					onPointerleave: s[30] ||= (...e) => T(M) && T(M)(...e),
+					onPointercancel: s[31] ||= (...e) => T(M) && T(M)(...e),
+					onContextmenu: s[32] ||= j(() => {}, ["prevent"])
+				}, " 。 ", 32),
+				a("button", {
+					class: "zhk-base__key zhk-base__key--function",
+					onClick: L,
+					onContextmenu: s[33] ||= j(() => {}, ["prevent"])
+				}, [a("span", Ke, C(d.value === "zh" ? "中" : "英"), 1), a("span", qe, "/" + C(d.value === "zh" ? "英" : "中"), 1)], 32),
+				a("button", {
+					class: "zhk-base__key zhk-base__key--function",
+					onPointerdown: s[34] ||= (e) => T(A)(e, () => F()),
+					onPointerup: s[35] ||= (...e) => T(M) && T(M)(...e),
+					onPointerleave: s[36] ||= (...e) => T(M) && T(M)(...e),
+					onPointercancel: s[37] ||= (...e) => T(M) && T(M)(...e),
+					onContextmenu: s[38] ||= j(() => {}, ["prevent"])
+				}, s[41] ||= [a("img", {
+					src: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z'%20/%3e%3c/svg%3e",
+					class: "zhk-base__key-icon",
+					alt: "Enter"
+				}, null, -1)], 32)
+			])
+		]));
+	}
+}), Ye = { class: "num-keyboard" }, Xe = { class: "num-keyboard__container" }, Ze = { class: "num-keyboard__left" }, Qe = { class: "num-keyboard__rows" }, $e = ["onClick", "onPointerdown"], et = {
+	key: 1,
+	src: ke,
+	class: "zhk-base__key-icon",
+	alt: "Space"
+}, tt = { class: "num-keyboard__right" }, nt = ["onPointerdown"], rt = ["src", "alt"], it = { key: 1 }, at = /* @__PURE__ */ c({
+	__name: "NumericKeyboard",
+	props: { keyboardRows: { default: () => L().numKeys || [
+		[
+			"1",
+			"2",
+			"3"
+		],
+		[
+			"4",
+			"5",
+			"6"
+		],
+		[
+			"7",
+			"8",
+			"9"
+		],
+		[
+			"back",
+			"0",
+			"space"
+		]
+	] } },
+	emits: ["key", "exit"],
+	setup(t, { emit: n }) {
+		let r = n, s = [
+			{
+				key: "delete",
+				icon: he,
+				text: "",
+				alt: "Delete"
+			},
+			{
+				key: ".",
+				icon: "",
+				text: ".",
+				alt: "."
+			},
+			{
+				key: "@",
+				icon: "",
+				text: "@",
+				alt: "@"
+			},
+			{
+				key: "enter",
+				icon: ge,
+				text: "",
+				alt: "Enter"
+			}
+		];
+		function c(e) {
+			r("key", { key: e });
+		}
+		function l(e, t = !0) {
+			r("key", {
+				key: e,
+				isControl: t
+			});
+		}
+		function u() {
+			r("exit");
+		}
+		let { startRepeat: d, stopRepeat: f } = X();
+		function m(e, t) {
+			e === "back" || (e === "space" && (e = " "), e === "delete" || e === "enter" ? d(t, () => l(e)) : d(t, () => c(e)));
+		}
+		return (t, n) => (y(), i("div", Ye, [a("div", Xe, [a("div", Ze, [a("div", Qe, [(y(!0), i(e, null, x(t.keyboardRows, (t, r) => (y(), i("div", {
+			key: `row-${r}`,
+			class: "num-keyboard__row"
+		}, [(y(!0), i(e, null, x(t, (t, a) => (y(), i("button", {
+			key: `key-${r}-${a}`,
+			class: p(["num-keyboard__key", {
+				"num-keyboard__key--back": t === "back",
+				"num-keyboard__key--space": t === "space"
+			}]),
+			onClick: (e) => t === "back" && u(),
+			onPointerdown: (e) => m(t, e),
+			onPointerup: n[0] ||= (...e) => T(f) && T(f)(...e),
+			onPointerleave: n[1] ||= (...e) => T(f) && T(f)(...e),
+			onPointercancel: n[2] ||= (...e) => T(f) && T(f)(...e),
+			onContextmenu: n[3] ||= j(() => {}, ["prevent"])
+		}, [t === "back" ? (y(), i(e, { key: 0 }, [o(" 返回 ")], 64)) : t === "space" ? (y(), i("img", et)) : (y(), i(e, { key: 2 }, [o(C(t), 1)], 64))], 42, $e))), 128))]))), 128))])]), a("div", tt, [(y(), i(e, null, x(s, (e, t) => a("button", {
+			key: `func-${t}`,
+			class: "num-keyboard__key num-keyboard__key--function",
+			onPointerdown: (t) => m(e.key, t),
+			onPointerup: n[4] ||= (...e) => T(f) && T(f)(...e),
+			onPointerleave: n[5] ||= (...e) => T(f) && T(f)(...e),
+			onPointercancel: n[6] ||= (...e) => T(f) && T(f)(...e),
+			onContextmenu: n[7] ||= j(() => {}, ["prevent"])
+		}, [e.icon ? (y(), i("img", {
+			key: 0,
+			src: e.icon,
+			class: "num-keyboard__key-icon",
+			alt: e.alt
+		}, null, 8, rt)) : (y(), i("span", it, C(e.text), 1))], 40, nt)), 64))])])]));
+	}
+}), ot = "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", st = "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", ct = { class: "symbol-keyboard" }, lt = { class: "symbol-keyboard__content" }, ut = { class: "symbol-keyboard__functions" }, dt = { class: "symbol-keyboard__lang-selector" }, ft = { class: "symbol-keyboard__control-group" }, pt = ["src"], Q = ["src"], mt = { class: "symbol-keyboard__symbols-container" }, ht = { class: "symbol-keyboard__symbols-grid" }, gt = ["onClick", "onPointerdown"], _t = "!@#$%^&*(){}[]<>/\\|:;\"',.?+-=_~`€£¥₹©®™°", vt = "！＠＃￥％…＆＊（）｛｝［］＜＞／＼｜：；＂＇，。？＋－＝＿～·€£¥₹©®™°", yt = /* @__PURE__ */ c({
+	__name: "SymbolKeyboard",
+	emits: ["key", "exit"],
+	setup(n, { emit: r }) {
+		let o = r, s = b("en"), c = t(() => s.value === "zh" ? vt : _t), l = b(!1), { startRepeat: u, stopRepeat: d } = X();
+		function f(e, t) {
+			l.value && u(t, () => m(e));
+		}
+		function m(e) {
+			o("key", { key: e }), l.value || o("exit");
+		}
+		function h() {
+			o("exit");
+		}
+		function g(e) {
+			s.value = e;
+		}
+		function _() {
+			l.value = !l.value;
+		}
+		return (t, n) => (y(), i("div", ct, [a("div", lt, [a("div", ut, [a("div", dt, [a("button", {
+			class: p(["symbol-keyboard__lang-btn", { "symbol-keyboard__lang-btn--active": s.value === "zh" }]),
+			onClick: n[0] ||= (e) => g("zh"),
+			onContextmenu: n[1] ||= j(() => {}, ["prevent"])
+		}, " 中文 ", 34), a("button", {
+			class: p(["symbol-keyboard__lang-btn", { "symbol-keyboard__lang-btn--active": s.value === "en" }]),
+			onClick: n[2] ||= (e) => g("en"),
+			onContextmenu: n[3] ||= j(() => {}, ["prevent"])
+		}, " 英文 ", 34)]), a("div", ft, [a("button", {
+			class: p(["symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--lock", { "symbol-keyboard__key--locked": l.value }]),
+			onClick: _,
+			onContextmenu: n[4] ||= j(() => {}, ["prevent"])
+		}, [l.value ? (y(), i("img", {
+			key: 1,
+			src: T(st),
+			alt: "Lock closed"
+		}, null, 8, Q)) : (y(), i("img", {
+			key: 0,
+			src: T(ot),
+			alt: "Lock open"
+		}, null, 8, pt))], 34), a("button", {
+			class: "symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--back",
+			onClick: h,
+			onContextmenu: n[5] ||= j(() => {}, ["prevent"])
+		}, " 返回 ", 32)])]), a("div", mt, [a("div", ht, [(y(!0), i(e, null, x(c.value, (e, t) => (y(), i("button", {
+			key: `key-${t}`,
+			class: "symbol-keyboard__key",
+			onClick: (t) => !l.value && m(e),
+			onPointerdown: (t) => f(e, t),
+			onPointerup: n[6] ||= (...e) => T(d) && T(d)(...e),
+			onPointerleave: n[7] ||= (...e) => T(d) && T(d)(...e),
+			onPointercancel: n[8] ||= (...e) => T(d) && T(d)(...e),
+			onContextmenu: n[9] ||= j(() => {}, ["prevent"])
+		}, C(e), 41, gt))), 128))])])])]));
+	}
+}), bt = {
+	key: 0,
+	class: "zhk__disabled-overlay"
+}, $ = /* @__PURE__ */ c({
+	__name: "ZhKeyboard",
+	props: {
+		defaultMode: {
+			type: String,
+			default: () => L().defaultMode ?? "en"
+		},
+		enableHandwriting: {
+			type: Boolean,
+			default: () => L().enableHandwriting ?? !1
+		},
+		position: {
+			type: String,
+			default: () => L().position ?? "static"
+		},
+		floatMarginTop: {
+			type: Number,
+			default: () => L().floatMarginTop ?? 0
+		},
+		disableWhenNoFocus: {
+			type: Boolean,
+			default: () => L().disableWhenNoFocus ?? !0
+		},
+		numKeys: { type: Array || void 0 }
+	},
+	emits: ["key"],
+	setup(o, { emit: s }) {
+		let c = o, l = s, u = b(c.defaultMode), d = b(c.defaultMode), f = b([]), h = b(!1), g = b(null), _ = b(null), { recognizerInitialized: v, recognizerProgress: x } = me(c.enableHandwriting);
+		O(u, (e, t) => {
+			e !== t && (d.value = t);
+		});
+		let S = fe(), C = t(() => S.value && z(S.value) ? S.value : null), w = t(() => c.position === "static" || !!(S.value && z(S.value))), { height: E } = Y(_);
+		k(() => {
+			if (C.value) {
+				let e = C.value.dataset.inputmode;
+				e && (u.value = e);
+			}
+		});
+		let M = t(() => c.disableWhenNoFocus === !1 ? !1 : !C.value);
+		function P() {
+			E.value && (g.value = N(C.value, _.value, c.position, c.floatMarginTop));
+		}
+		k(P);
+		let I = oe(P, 100);
+		q(window, "scroll", I, { passive: !0 }), q(window, "resize", I, { passive: !0 });
+		function L(e) {
+			if (e.isControl) {
+				switch (e.key) {
+					case "delete":
+						F(C.value);
+						break;
+					case "more":
+						h.value = !0;
+						break;
+					default: break;
+				}
+				return;
+			} else R(e.key);
+			l("key", e);
+		}
+		function R(e) {
+			ee(C.value, e);
+		}
+		function B() {
+			u.value === "hand" ? d.value = "zh" : ["num", "symbol"].includes(d.value) && (d.value = c.defaultMode), u.value = d.value;
+		}
+		function V(e) {
+			f.value = e;
+		}
+		return (t, s) => A((y(), i("div", {
+			ref_key: "keyboardRef",
+			ref: _,
+			class: p(["zhk", {
+				"zhk--floating": o.position === "float",
+				"zhk--bottom": o.position === "bottom",
+				"zhk--disabled": M.value
+			}]),
+			style: m({
+				"--keyboard-height": `${T(E)}px`,
+				...g.value
+			}),
+			onMousedown: s[1] ||= j(() => {}, ["prevent"])
+		}, [M.value || !w.value || !T(E) ? (y(), i("div", bt, s[2] ||= [a("span", null, "请选择输入框以启用键盘", -1)])) : (y(), i(e, { key: 1 }, [u.value === "hand" ? (y(), n(De, {
+			key: 0,
+			"recognizer-initialized": T(v),
+			"recognizer-progress": T(x),
+			onKey: L,
+			onExit: B,
+			onRecognize: V
+		}, null, 8, ["recognizer-initialized", "recognizer-progress"])) : u.value === "num" ? (y(), n(at, {
+			key: 1,
+			"keyboard-rows": o.numKeys,
+			onKey: L,
+			onExit: B
+		}, null, 8, ["keyboard-rows"])) : u.value === "symbol" ? (y(), n(yt, {
+			key: 2,
+			onKey: L,
+			onExit: B
+		})) : u.value === "en" || u.value === "en_cap" || u.value === "zh" ? (y(), n(Je, {
+			key: 3,
+			modelValue: u.value,
+			"onUpdate:modelValue": s[0] ||= (e) => u.value = e,
+			"enable-handwriting": o.enableHandwriting,
+			onKey: L
+		}, null, 8, ["modelValue", "enable-handwriting"])) : r("", !0)], 64))], 38)), [[D, w.value]]);
+	}
+}), xt = { install: (e) => {
+	e.component("ZhKeyboard", $);
+} };
+//#endregion
+export { $ as ZhKeyboard, xt as default };
+
+//# sourceMappingURL=zh-keyboard-vue.js.map