@tdh-keyboard/react 1.0.0

package/dist/tdh-keyboard-react.js

@@ -0,0 +1,2403 @@
+import e, { forwardRef as t, useCallback as n, useEffect as r, useImperativeHandle as i, useLayoutEffect as a, useMemo as o, useReducer as s, useRef as c, useState as l } from "react";
+import { CanvasDrawer as u, calculateKeyboardPosition as d, createKeyRepeater as f, delToInputElement as p, getHandwritingRecognizer as m, getKeyboardConfig as h, getPinyinEngine as g, isInputElement as _, writeToInputElement as v } from "@tdh-keyboard/core";
+import y from "react-dom";
+export * from "@tdh-keyboard/core";
+//#region \0rolldown/runtime.js
+var b = Object.create, x = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, te = Object.getOwnPropertyNames, S = Object.getPrototypeOf, C = Object.prototype.hasOwnProperty, w = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), T = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = te(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !C.call(e, s) && s !== n && x(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = ee(t, s)) || r.enumerable
+	});
+	return e;
+}, ne = (e, t, n) => (n = e == null ? {} : b(S(e)), T(t || !e || !e.__esModule ? x(n, "default", {
+	value: e,
+	enumerable: !0
+}) : n, e)), E = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+}), re = typeof global == "object" && global && global.Object === Object && global, D = typeof self == "object" && self && self.Object === Object && self, O = re || D || Function("return this")(), k = O.Symbol, ie = Object.prototype, ae = ie.hasOwnProperty, A = ie.toString, j = k ? k.toStringTag : void 0;
+function M(e) {
+	var t = ae.call(e, j), n = e[j];
+	try {
+		e[j] = void 0;
+		var r = !0;
+	} catch {}
+	var i = A.call(e);
+	return r && (t ? e[j] = n : delete e[j]), i;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_objectToString.js
+var N = Object.prototype.toString;
+function P(e) {
+	return N.call(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseGetTag.js
+var F = "[object Null]", oe = "[object Undefined]", I = k ? k.toStringTag : void 0;
+function L(e) {
+	return e == null ? e === void 0 ? oe : F : I && I in Object(e) ? M(e) : P(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObjectLike.js
+function R(e) {
+	return typeof e == "object" && !!e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isArray.js
+var z = Array.isArray;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObject.js
+function se(e) {
+	var t = typeof e;
+	return e != null && (t == "object" || t == "function");
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isFunction.js
+var B = "[object AsyncFunction]", ce = "[object Function]", le = "[object GeneratorFunction]", ue = "[object Proxy]";
+function V(e) {
+	if (!se(e)) return !1;
+	var t = L(e);
+	return t == ce || t == le || t == B || t == ue;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_coreJsData.js
+var H = O["__core-js_shared__"], de = function() {
+	var e = /[^.]+$/.exec(H && H.keys && H.keys.IE_PROTO || "");
+	return e ? "Symbol(src)_1." + e : "";
+}();
+function fe(e) {
+	return !!de && de in e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_toSource.js
+var U = Function.prototype.toString;
+function W(e) {
+	if (e != null) {
+		try {
+			return U.call(e);
+		} catch {}
+		try {
+			return e + "";
+		} catch {}
+	}
+	return "";
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseIsNative.js
+var pe = /[\\^$.*+?()[\]{}|]/g, me = /^\[object .+?Constructor\]$/, he = Function.prototype, ge = Object.prototype, _e = he.toString, ve = ge.hasOwnProperty, ye = RegExp("^" + _e.call(ve).replace(pe, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+function be(e) {
+	return !se(e) || fe(e) ? !1 : (V(e) ? ye : me).test(W(e));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getValue.js
+function xe(e, t) {
+	return e?.[t];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getNative.js
+function G(e, t) {
+	var n = xe(e, t);
+	return be(n) ? n : void 0;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_WeakMap.js
+var Se = G(O, "WeakMap"), Ce = 9007199254740991, we = /^(?:0|[1-9]\d*)$/;
+function Te(e, t) {
+	var n = typeof e;
+	return t ??= Ce, !!t && (n == "number" || n != "symbol" && we.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/eq.js
+function Ee(e, t) {
+	return e === t || e !== e && t !== t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isLength.js
+var De = 9007199254740991;
+function Oe(e) {
+	return typeof e == "number" && e > -1 && e % 1 == 0 && e <= De;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isArrayLike.js
+function ke(e) {
+	return e != null && Oe(e.length) && !V(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_isPrototype.js
+var Ae = Object.prototype;
+function je(e) {
+	var t = e && e.constructor;
+	return e === (typeof t == "function" && t.prototype || Ae);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseTimes.js
+function K(e, t) {
+	for (var n = -1, r = Array(e); ++n < e;) r[n] = t(n);
+	return r;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseIsArguments.js
+var Me = "[object Arguments]";
+function Ne(e) {
+	return R(e) && L(e) == Me;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isArguments.js
+var Pe = Object.prototype, Fe = Pe.hasOwnProperty, Ie = Pe.propertyIsEnumerable, Le = Ne(function() {
+	return arguments;
+}()) ? Ne : function(e) {
+	return R(e) && Fe.call(e, "callee") && !Ie.call(e, "callee");
+};
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/stubFalse.js
+function Re() {
+	return !1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isBuffer.js
+var ze = typeof exports == "object" && exports && !exports.nodeType && exports, Be = ze && typeof module == "object" && module && !module.nodeType && module, Ve = Be && Be.exports === ze ? O.Buffer : void 0, He = (Ve ? Ve.isBuffer : void 0) || Re, Ue = "[object Arguments]", We = "[object Array]", Ge = "[object Boolean]", Ke = "[object Date]", qe = "[object Error]", Je = "[object Function]", Ye = "[object Map]", Xe = "[object Number]", Ze = "[object Object]", Qe = "[object RegExp]", $e = "[object Set]", et = "[object String]", tt = "[object WeakMap]", nt = "[object ArrayBuffer]", rt = "[object DataView]", it = "[object Float32Array]", at = "[object Float64Array]", ot = "[object Int8Array]", st = "[object Int16Array]", ct = "[object Int32Array]", lt = "[object Uint8Array]", ut = "[object Uint8ClampedArray]", dt = "[object Uint16Array]", ft = "[object Uint32Array]", q = {};
+q[it] = q[at] = q[ot] = q[st] = q[ct] = q[lt] = q[ut] = q[dt] = q[ft] = !0, q[Ue] = q[We] = q[nt] = q[Ge] = q[rt] = q[Ke] = q[qe] = q[Je] = q[Ye] = q[Xe] = q[Ze] = q[Qe] = q[$e] = q[et] = q[tt] = !1;
+function pt(e) {
+	return R(e) && Oe(e.length) && !!q[L(e)];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseUnary.js
+function mt(e) {
+	return function(t) {
+		return e(t);
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_nodeUtil.js
+var ht = typeof exports == "object" && exports && !exports.nodeType && exports, gt = ht && typeof module == "object" && module && !module.nodeType && module, _t = gt && gt.exports === ht && re.process, vt = function() {
+	try {
+		return gt && gt.require && gt.require("util").types || _t && _t.binding && _t.binding("util");
+	} catch {}
+}(), yt = vt && vt.isTypedArray, bt = yt ? mt(yt) : pt, xt = Object.prototype.hasOwnProperty;
+function St(e, t) {
+	var n = z(e), r = !n && Le(e), i = !n && !r && He(e), a = !n && !r && !i && bt(e), o = n || r || i || a, s = o ? K(e.length, String) : [], c = s.length;
+	for (var l in e) (t || xt.call(e, l)) && !(o && (l == "length" || i && (l == "offset" || l == "parent") || a && (l == "buffer" || l == "byteLength" || l == "byteOffset") || Te(l, c))) && s.push(l);
+	return s;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_overArg.js
+function Ct(e, t) {
+	return function(n) {
+		return e(t(n));
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_nativeKeys.js
+var wt = Ct(Object.keys, Object), Tt = Object.prototype.hasOwnProperty;
+function Et(e) {
+	if (!je(e)) return wt(e);
+	var t = [];
+	for (var n in Object(e)) Tt.call(e, n) && n != "constructor" && t.push(n);
+	return t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/keys.js
+function Dt(e) {
+	return ke(e) ? St(e) : Et(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_nativeCreate.js
+var Ot = G(Object, "create");
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_hashClear.js
+function kt() {
+	this.__data__ = Ot ? Ot(null) : {}, this.size = 0;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_hashDelete.js
+function At(e) {
+	var t = this.has(e) && delete this.__data__[e];
+	return this.size -= t ? 1 : 0, t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_hashGet.js
+var jt = "__lodash_hash_undefined__", Mt = Object.prototype.hasOwnProperty;
+function Nt(e) {
+	var t = this.__data__;
+	if (Ot) {
+		var n = t[e];
+		return n === jt ? void 0 : n;
+	}
+	return Mt.call(t, e) ? t[e] : void 0;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_hashHas.js
+var Pt = Object.prototype.hasOwnProperty;
+function Ft(e) {
+	var t = this.__data__;
+	return Ot ? t[e] !== void 0 : Pt.call(t, e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_hashSet.js
+var It = "__lodash_hash_undefined__";
+function Lt(e, t) {
+	var n = this.__data__;
+	return this.size += this.has(e) ? 0 : 1, n[e] = Ot && t === void 0 ? It : t, this;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Hash.js
+function J(e) {
+	var t = -1, n = e == null ? 0 : e.length;
+	for (this.clear(); ++t < n;) {
+		var r = e[t];
+		this.set(r[0], r[1]);
+	}
+}
+J.prototype.clear = kt, J.prototype.delete = At, J.prototype.get = Nt, J.prototype.has = Ft, J.prototype.set = Lt;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_listCacheClear.js
+function Rt() {
+	this.__data__ = [], this.size = 0;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_assocIndexOf.js
+function zt(e, t) {
+	for (var n = e.length; n--;) if (Ee(e[n][0], t)) return n;
+	return -1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_listCacheDelete.js
+var Bt = Array.prototype.splice;
+function Vt(e) {
+	var t = this.__data__, n = zt(t, e);
+	return n < 0 ? !1 : (n == t.length - 1 ? t.pop() : Bt.call(t, n, 1), --this.size, !0);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_listCacheGet.js
+function Ht(e) {
+	var t = this.__data__, n = zt(t, e);
+	return n < 0 ? void 0 : t[n][1];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_listCacheHas.js
+function Ut(e) {
+	return zt(this.__data__, e) > -1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_listCacheSet.js
+function Wt(e, t) {
+	var n = this.__data__, r = zt(n, e);
+	return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_ListCache.js
+function Y(e) {
+	var t = -1, n = e == null ? 0 : e.length;
+	for (this.clear(); ++t < n;) {
+		var r = e[t];
+		this.set(r[0], r[1]);
+	}
+}
+Y.prototype.clear = Rt, Y.prototype.delete = Vt, Y.prototype.get = Ht, Y.prototype.has = Ut, Y.prototype.set = Wt;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Map.js
+var Gt = G(O, "Map");
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_mapCacheClear.js
+function Kt() {
+	this.size = 0, this.__data__ = {
+		hash: new J(),
+		map: new (Gt || Y)(),
+		string: new J()
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_isKeyable.js
+function qt(e) {
+	var t = typeof e;
+	return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getMapData.js
+function Jt(e, t) {
+	var n = e.__data__;
+	return qt(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_mapCacheDelete.js
+function Yt(e) {
+	var t = Jt(this, e).delete(e);
+	return this.size -= t ? 1 : 0, t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_mapCacheGet.js
+function Xt(e) {
+	return Jt(this, e).get(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_mapCacheHas.js
+function Zt(e) {
+	return Jt(this, e).has(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_mapCacheSet.js
+function Qt(e, t) {
+	var n = Jt(this, e), r = n.size;
+	return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_MapCache.js
+function X(e) {
+	var t = -1, n = e == null ? 0 : e.length;
+	for (this.clear(); ++t < n;) {
+		var r = e[t];
+		this.set(r[0], r[1]);
+	}
+}
+X.prototype.clear = Kt, X.prototype.delete = Yt, X.prototype.get = Xt, X.prototype.has = Zt, X.prototype.set = Qt;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_arrayPush.js
+function $t(e, t) {
+	for (var n = -1, r = t.length, i = e.length; ++n < r;) e[i + n] = t[n];
+	return e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_stackClear.js
+function en() {
+	this.__data__ = new Y(), this.size = 0;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_stackDelete.js
+function tn(e) {
+	var t = this.__data__, n = t.delete(e);
+	return this.size = t.size, n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_stackGet.js
+function nn(e) {
+	return this.__data__.get(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_stackHas.js
+function rn(e) {
+	return this.__data__.has(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_stackSet.js
+var an = 200;
+function on(e, t) {
+	var n = this.__data__;
+	if (n instanceof Y) {
+		var r = n.__data__;
+		if (!Gt || r.length < an - 1) return r.push([e, t]), this.size = ++n.size, this;
+		n = this.__data__ = new X(r);
+	}
+	return n.set(e, t), this.size = n.size, this;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Stack.js
+function Z(e) {
+	this.size = (this.__data__ = new Y(e)).size;
+}
+Z.prototype.clear = en, Z.prototype.delete = tn, Z.prototype.get = nn, Z.prototype.has = rn, Z.prototype.set = on;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_arrayFilter.js
+function sn(e, t) {
+	for (var n = -1, r = e == null ? 0 : e.length, i = 0, a = []; ++n < r;) {
+		var o = e[n];
+		t(o, n, e) && (a[i++] = o);
+	}
+	return a;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/stubArray.js
+function cn() {
+	return [];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getSymbols.js
+var ln = Object.prototype.propertyIsEnumerable, un = Object.getOwnPropertySymbols, dn = un ? function(e) {
+	return e == null ? [] : (e = Object(e), sn(un(e), function(t) {
+		return ln.call(e, t);
+	}));
+} : cn;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseGetAllKeys.js
+function fn(e, t, n) {
+	var r = t(e);
+	return z(e) ? r : $t(r, n(e));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getAllKeys.js
+function pn(e) {
+	return fn(e, Dt, dn);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_DataView.js
+var mn = G(O, "DataView"), hn = G(O, "Promise"), gn = G(O, "Set"), _n = "[object Map]", vn = "[object Object]", yn = "[object Promise]", bn = "[object Set]", xn = "[object WeakMap]", Sn = "[object DataView]", Cn = W(mn), wn = W(Gt), Tn = W(hn), En = W(gn), Dn = W(Se), Q = L;
+(mn && Q(new mn(/* @__PURE__ */ new ArrayBuffer(1))) != Sn || Gt && Q(new Gt()) != _n || hn && Q(hn.resolve()) != yn || gn && Q(new gn()) != bn || Se && Q(new Se()) != xn) && (Q = function(e) {
+	var t = L(e), n = t == vn ? e.constructor : void 0, r = n ? W(n) : "";
+	if (r) switch (r) {
+		case Cn: return Sn;
+		case wn: return _n;
+		case Tn: return yn;
+		case En: return bn;
+		case Dn: return xn;
+	}
+	return t;
+});
+var On = Q, kn = O.Uint8Array, An = "__lodash_hash_undefined__";
+function jn(e) {
+	return this.__data__.set(e, An), this;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_setCacheHas.js
+function Mn(e) {
+	return this.__data__.has(e);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_SetCache.js
+function Nn(e) {
+	var t = -1, n = e == null ? 0 : e.length;
+	for (this.__data__ = new X(); ++t < n;) this.add(e[t]);
+}
+Nn.prototype.add = Nn.prototype.push = jn, Nn.prototype.has = Mn;
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_arraySome.js
+function Pn(e, t) {
+	for (var n = -1, r = e == null ? 0 : e.length; ++n < r;) if (t(e[n], n, e)) return !0;
+	return !1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_cacheHas.js
+function Fn(e, t) {
+	return e.has(t);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_equalArrays.js
+var In = 1, Ln = 2;
+function Rn(e, t, n, r, i, a) {
+	var o = n & In, s = e.length, c = t.length;
+	if (s != c && !(o && c > s)) return !1;
+	var l = a.get(e), u = a.get(t);
+	if (l && u) return l == t && u == e;
+	var d = -1, f = !0, p = n & Ln ? new Nn() : void 0;
+	for (a.set(e, t), a.set(t, e); ++d < s;) {
+		var m = e[d], h = t[d];
+		if (r) var g = o ? r(h, m, d, t, e, a) : r(m, h, d, e, t, a);
+		if (g !== void 0) {
+			if (g) continue;
+			f = !1;
+			break;
+		}
+		if (p) {
+			if (!Pn(t, function(e, t) {
+				if (!Fn(p, t) && (m === e || i(m, e, n, r, a))) return p.push(t);
+			})) {
+				f = !1;
+				break;
+			}
+		} else if (!(m === h || i(m, h, n, r, a))) {
+			f = !1;
+			break;
+		}
+	}
+	return a.delete(e), a.delete(t), f;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_mapToArray.js
+function zn(e) {
+	var t = -1, n = Array(e.size);
+	return e.forEach(function(e, r) {
+		n[++t] = [r, e];
+	}), n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_setToArray.js
+function Bn(e) {
+	var t = -1, n = Array(e.size);
+	return e.forEach(function(e) {
+		n[++t] = e;
+	}), n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_equalByTag.js
+var Vn = 1, Hn = 2, Un = "[object Boolean]", Wn = "[object Date]", Gn = "[object Error]", Kn = "[object Map]", qn = "[object Number]", Jn = "[object RegExp]", Yn = "[object Set]", Xn = "[object String]", Zn = "[object Symbol]", Qn = "[object ArrayBuffer]", $n = "[object DataView]", er = k ? k.prototype : void 0, tr = er ? er.valueOf : void 0;
+function nr(e, t, n, r, i, a, o) {
+	switch (n) {
+		case $n:
+			if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset) return !1;
+			e = e.buffer, t = t.buffer;
+		case Qn: return !(e.byteLength != t.byteLength || !a(new kn(e), new kn(t)));
+		case Un:
+		case Wn:
+		case qn: return Ee(+e, +t);
+		case Gn: return e.name == t.name && e.message == t.message;
+		case Jn:
+		case Xn: return e == t + "";
+		case Kn: var s = zn;
+		case Yn:
+			var c = r & Vn;
+			if (s ||= Bn, e.size != t.size && !c) return !1;
+			var l = o.get(e);
+			if (l) return l == t;
+			r |= Hn, o.set(e, t);
+			var u = Rn(s(e), s(t), r, i, a, o);
+			return o.delete(e), u;
+		case Zn: if (tr) return tr.call(e) == tr.call(t);
+	}
+	return !1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_equalObjects.js
+var rr = 1, ir = Object.prototype.hasOwnProperty;
+function ar(e, t, n, r, i, a) {
+	var o = n & rr, s = pn(e), c = s.length;
+	if (c != pn(t).length && !o) return !1;
+	for (var l = c; l--;) {
+		var u = s[l];
+		if (!(o ? u in t : ir.call(t, u))) return !1;
+	}
+	var d = a.get(e), f = a.get(t);
+	if (d && f) return d == t && f == e;
+	var p = !0;
+	a.set(e, t), a.set(t, e);
+	for (var m = o; ++l < c;) {
+		u = s[l];
+		var h = e[u], g = t[u];
+		if (r) var _ = o ? r(g, h, u, t, e, a) : r(h, g, u, e, t, a);
+		if (!(_ === void 0 ? h === g || i(h, g, n, r, a) : _)) {
+			p = !1;
+			break;
+		}
+		m ||= u == "constructor";
+	}
+	if (p && !m) {
+		var v = e.constructor, y = t.constructor;
+		v != y && "constructor" in e && "constructor" in t && !(typeof v == "function" && v instanceof v && typeof y == "function" && y instanceof y) && (p = !1);
+	}
+	return a.delete(e), a.delete(t), p;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseIsEqualDeep.js
+var or = 1, sr = "[object Arguments]", cr = "[object Array]", lr = "[object Object]", ur = Object.prototype.hasOwnProperty;
+function dr(e, t, n, r, i, a) {
+	var o = z(e), s = z(t), c = o ? cr : On(e), l = s ? cr : On(t);
+	c = c == sr ? lr : c, l = l == sr ? lr : l;
+	var u = c == lr, d = l == lr, f = c == l;
+	if (f && He(e)) {
+		if (!He(t)) return !1;
+		o = !0, u = !1;
+	}
+	if (f && !u) return a ||= new Z(), o || bt(e) ? Rn(e, t, n, r, i, a) : nr(e, t, c, n, r, i, a);
+	if (!(n & or)) {
+		var p = u && ur.call(e, "__wrapped__"), m = d && ur.call(t, "__wrapped__");
+		if (p || m) {
+			var h = p ? e.value() : e, g = m ? t.value() : t;
+			return a ||= new Z(), i(h, g, n, r, a);
+		}
+	}
+	return f ? (a ||= new Z(), ar(e, t, n, r, i, a)) : !1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseIsEqual.js
+function fr(e, t, n, r, i) {
+	return e === t ? !0 : e == null || t == null || !R(e) && !R(t) ? e !== e && t !== t : dr(e, t, n, r, fr, i);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.js
+function pr(e, t) {
+	return fr(e, t);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.mjs
+function mr(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t];
+		for (var r in n) e[r] = n[r];
+	}
+	return e;
+}
+var hr = {
+	read: function(e) {
+		return e[0] === "\"" && (e = e.slice(1, -1)), e.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+	},
+	write: function(e) {
+		return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
+	}
+};
+function gr(e, t) {
+	function n(n, r, i) {
+		if (!(typeof document > "u")) {
+			i = mr({}, t, i), typeof i.expires == "number" && (i.expires = new Date(Date.now() + i.expires * 864e5)), i.expires &&= i.expires.toUTCString(), n = encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+			var a = "";
+			for (var o in i) i[o] && (a += "; " + o, i[o] !== !0 && (a += "=" + i[o].split(";")[0]));
+			return document.cookie = n + "=" + e.write(r, n) + a;
+		}
+	}
+	function r(t) {
+		if (!(typeof document > "u" || arguments.length && !t)) {
+			for (var n = document.cookie ? document.cookie.split("; ") : [], r = {}, i = 0; i < n.length; i++) {
+				var a = n[i].split("="), o = a.slice(1).join("=");
+				try {
+					var s = decodeURIComponent(a[0]);
+					if (r[s] = e.read(o, s), t === s) break;
+				} catch {}
+			}
+			return t ? r[t] : r;
+		}
+	}
+	return Object.create({
+		set: n,
+		get: r,
+		remove: function(e, t) {
+			n(e, "", mr({}, t, { expires: -1 }));
+		},
+		withAttributes: function(e) {
+			return gr(this.converter, mr({}, this.attributes, e));
+		},
+		withConverter: function(e) {
+			return gr(mr({}, this.converter, e), this.attributes);
+		}
+	}, {
+		attributes: { value: Object.freeze(t) },
+		converter: { value: Object.freeze(e) }
+	});
+}
+gr(hr, { path: "/" });
+//#endregion
+//#region ../../node_modules/.pnpm/screenfull@5.2.0/node_modules/screenfull/dist/screenfull.js
+var _r = /* @__PURE__ */ w(((e, t) => {
+	(function() {
+		var e = typeof window < "u" && window.document !== void 0 ? window.document : {}, n = t !== void 0 && t.exports, r = (function() {
+			for (var t, n = [
+				[
+					"requestFullscreen",
+					"exitFullscreen",
+					"fullscreenElement",
+					"fullscreenEnabled",
+					"fullscreenchange",
+					"fullscreenerror"
+				],
+				[
+					"webkitRequestFullscreen",
+					"webkitExitFullscreen",
+					"webkitFullscreenElement",
+					"webkitFullscreenEnabled",
+					"webkitfullscreenchange",
+					"webkitfullscreenerror"
+				],
+				[
+					"webkitRequestFullScreen",
+					"webkitCancelFullScreen",
+					"webkitCurrentFullScreenElement",
+					"webkitCancelFullScreen",
+					"webkitfullscreenchange",
+					"webkitfullscreenerror"
+				],
+				[
+					"mozRequestFullScreen",
+					"mozCancelFullScreen",
+					"mozFullScreenElement",
+					"mozFullScreenEnabled",
+					"mozfullscreenchange",
+					"mozfullscreenerror"
+				],
+				[
+					"msRequestFullscreen",
+					"msExitFullscreen",
+					"msFullscreenElement",
+					"msFullscreenEnabled",
+					"MSFullscreenChange",
+					"MSFullscreenError"
+				]
+			], r = 0, i = n.length, a = {}; r < i; r++) if (t = n[r], t && t[1] in e) {
+				for (r = 0; r < t.length; r++) a[n[0][r]] = t[r];
+				return a;
+			}
+			return !1;
+		})(), i = {
+			change: r.fullscreenchange,
+			error: r.fullscreenerror
+		}, a = {
+			request: function(t, n) {
+				return new Promise(function(i, a) {
+					var o = function() {
+						this.off("change", o), i();
+					}.bind(this);
+					this.on("change", o), t ||= e.documentElement;
+					var s = t[r.requestFullscreen](n);
+					s instanceof Promise && s.then(o).catch(a);
+				}.bind(this));
+			},
+			exit: function() {
+				return new Promise(function(t, n) {
+					if (!this.isFullscreen) {
+						t();
+						return;
+					}
+					var i = function() {
+						this.off("change", i), t();
+					}.bind(this);
+					this.on("change", i);
+					var a = e[r.exitFullscreen]();
+					a instanceof Promise && a.then(i).catch(n);
+				}.bind(this));
+			},
+			toggle: function(e, t) {
+				return this.isFullscreen ? this.exit() : this.request(e, t);
+			},
+			onchange: function(e) {
+				this.on("change", e);
+			},
+			onerror: function(e) {
+				this.on("error", e);
+			},
+			on: function(t, n) {
+				var r = i[t];
+				r && e.addEventListener(r, n, !1);
+			},
+			off: function(t, n) {
+				var r = i[t];
+				r && e.removeEventListener(r, n, !1);
+			},
+			raw: r
+		};
+		if (!r) {
+			n ? t.exports = { isEnabled: !1 } : window.screenfull = { isEnabled: !1 };
+			return;
+		}
+		Object.defineProperties(a, {
+			isFullscreen: { get: function() {
+				return !!e[r.fullscreenElement];
+			} },
+			element: {
+				enumerable: !0,
+				get: function() {
+					return e[r.fullscreenElement];
+				}
+			},
+			isEnabled: {
+				enumerable: !0,
+				get: function() {
+					return !!e[r.fullscreenEnabled];
+				}
+			}
+		}), n ? t.exports = a : window.screenfull = a;
+	})();
+})), vr = /* @__PURE__ */ w(((e) => {
+	var t = E("react");
+	function n(e, t) {
+		return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+	}
+	var r = typeof Object.is == "function" ? Object.is : n, i = t.useState, a = t.useEffect, o = t.useLayoutEffect, s = t.useDebugValue;
+	function c(e, t) {
+		var n = t(), r = i({ inst: {
+			value: n,
+			getSnapshot: t
+		} }), c = r[0].inst, u = r[1];
+		return o(function() {
+			c.value = n, c.getSnapshot = t, l(c) && u({ inst: c });
+		}, [
+			e,
+			n,
+			t
+		]), a(function() {
+			return l(c) && u({ inst: c }), e(function() {
+				l(c) && u({ inst: c });
+			});
+		}, [e]), s(n), n;
+	}
+	function l(e) {
+		var t = e.getSnapshot;
+		e = e.value;
+		try {
+			var n = t();
+			return !r(e, n);
+		} catch {
+			return !0;
+		}
+	}
+	function u(e, t) {
+		return t();
+	}
+	var d = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? u : c;
+	e.useSyncExternalStore = t.useSyncExternalStore === void 0 ? d : t.useSyncExternalStore;
+})), yr = /* @__PURE__ */ w(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e, t) {
+			return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
+		}
+		function n(e, t) {
+			d || a.startTransition === void 0 || (d = !0, console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
+			var n = t();
+			if (!f) {
+				var i = t();
+				o(n, i) || (console.error("The result of getSnapshot should be cached to avoid an infinite loop"), f = !0);
+			}
+			i = s({ inst: {
+				value: n,
+				getSnapshot: t
+			} });
+			var p = i[0].inst, m = i[1];
+			return l(function() {
+				p.value = n, p.getSnapshot = t, r(p) && m({ inst: p });
+			}, [
+				e,
+				n,
+				t
+			]), c(function() {
+				return r(p) && m({ inst: p }), e(function() {
+					r(p) && m({ inst: p });
+				});
+			}, [e]), u(n), n;
+		}
+		function r(e) {
+			var t = e.getSnapshot;
+			e = e.value;
+			try {
+				var n = t();
+				return !o(e, n);
+			} catch {
+				return !0;
+			}
+		}
+		function i(e, t) {
+			return t();
+		}
+		typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		var a = E("react"), o = typeof Object.is == "function" ? Object.is : t, s = a.useState, c = a.useEffect, l = a.useLayoutEffect, u = a.useDebugValue, d = !1, f = !1, p = typeof window > "u" || window.document === void 0 || window.document.createElement === void 0 ? i : n;
+		e.useSyncExternalStore = a.useSyncExternalStore === void 0 ? p : a.useSyncExternalStore, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+	})();
+})), br = /* @__PURE__ */ w(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = vr() : t.exports = yr();
+}));
+_r(), br();
+function xr(e) {
+	return typeof e == "function";
+}
+var Sr = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test", Cr = typeof window < "u", wr = typeof navigator < "u";
+Cr && window?.navigator?.userAgent && /iP(?:ad|hone|od)/.test(window.navigator.userAgent);
+var Tr = Cr ? a : r, Er = (e) => {
+	let t = c(e);
+	return Tr(() => {
+		t.current = e;
+	}, [e]), t;
+};
+function Dr(e, ...t) {
+	e && e.addEventListener && e.addEventListener(...t);
+}
+function Or(e, ...t) {
+	e && e.removeEventListener && e.removeEventListener(...t);
+}
+var kr = typeof window < "u" ? window : void 0, Ar = {};
+function jr(e, t) {
+	if (!Cr) return;
+	if (!e) return t;
+	let n;
+	return n = xr(e) ? e() : "current" in e ? e.current : e, n;
+}
+var Mr = (e) => (e + 1) % 1e6;
+function Nr() {
+	let [, e] = s(Mr, 0);
+	return e;
+}
+var Pr = (e, t, n) => {
+	process.env.NODE_ENV !== "production" && ((!Array.isArray(t) || !t.length) && console.warn("`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."), typeof n != "function" && console.warn("`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list"));
+	let i = c(void 0), a = Nr();
+	i.current ||= t, Tr(() => {
+		n(t, i.current) || (i.current = t, a());
+	}), r(e, i.current);
+}, Fr = (e, t) => {
+	process.env.NODE_ENV !== "production" && (!Array.isArray(t) || !t.length) && console.warn("`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."), Pr(e, t, pr);
+};
+function Ir(e, t, n, r = Ar) {
+	let i = Er(t);
+	Fr(() => {
+		let t = jr(n, kr);
+		if (!(t && t.addEventListener)) return;
+		let a = (e) => i.current(e);
+		return Dr(t, e, a, r), () => {
+			t && t.removeEventListener && Or(t, e, a);
+		};
+	}, [
+		e,
+		n,
+		r
+	]);
+}
+var Lr = (e) => {
+	Sr && (xr(e) || console.error(`useMount: parameter \`fn\` expected to be a function, but got "${typeof e}".`)), r(() => {
+		e?.();
+	}, []);
+}, Rr = () => {
+	let [e, t] = l(null), r = n(() => {
+		t(window?.document.activeElement);
+	}, []);
+	return Ir("blur", r, kr, !0), Ir("focus", r, kr, !0), Lr(() => {
+		t(window?.document.activeElement);
+	}), e;
+}, zr = (e, t, r = Ar) => {
+	let i = Er(t), a = c(), o = n(() => {
+		a.current && a.current.disconnect();
+	}, []);
+	return Fr(() => {
+		let t = jr(e);
+		if (t) return a.current = new ResizeObserver(i.current), a.current.observe(t, r), o;
+	}, [
+		i,
+		o,
+		e,
+		r
+	]), o;
+}, Br = (e, t = Ar) => {
+	let { box: n = "content-box" } = t, [r, i] = l(0), [a, o] = l(0);
+	return zr(e, ([e]) => {
+		let t = n === "border-box" ? e.borderBoxSize : n === "content-box" ? e.contentBoxSize : e.devicePixelContentBoxSize;
+		t ? (i(t.reduce((e, { inlineSize: t }) => e + t, 0)), o(t.reduce((e, { blockSize: t }) => e + t, 0))) : (i(e.contentRect.width), o(e.contentRect.height));
+	}, t), [r, a];
+}, Vr = wr ? navigator : void 0;
+Vr && (Vr.connection || Vr.mozConnection || Vr.webkitConnection), e.use;
+//#endregion
+//#region src/utils/useHandwritingRecognizer.ts
+var Hr = /* @__PURE__ */ ne((/* @__PURE__ */ w(((e, t) => {
+	(function() {
+		var e = {}.hasOwnProperty;
+		function n() {
+			for (var e = "", t = 0; t < arguments.length; t++) {
+				var n = arguments[t];
+				n && (e = i(e, r(n)));
+			}
+			return e;
+		}
+		function r(t) {
+			if (typeof t == "string" || typeof t == "number") return t;
+			if (typeof t != "object") return "";
+			if (Array.isArray(t)) return n.apply(null, t);
+			if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) return t.toString();
+			var r = "";
+			for (var a in t) e.call(t, a) && t[a] && (r = i(r, a));
+			return r;
+		}
+		function i(e, t) {
+			return t ? e ? e + " " + t : e + t : e;
+		}
+		t !== void 0 && t.exports ? (n.default = n, t.exports = n) : typeof define == "function" && typeof define.amd == "object" && define.amd ? define("classnames", [], function() {
+			return n;
+		}) : window.classNames = n;
+	})();
+})))(), 1);
+function Ur(e = !1) {
+	let [t, n] = l(!1), [i, a] = l(0), o = c(!1);
+	return r(() => {
+		o.current = t;
+	}, [t]), r(() => {
+		if (!e) {
+			n(!1), a(0);
+			return;
+		}
+		let t = !1;
+		async function r() {
+			let e = m();
+			if (e) try {
+				let r = await e.initialize({ onProgress: (e) => {
+					t || a(e);
+				} });
+				t || n(r);
+			} catch (e) {
+				console.error("初始化手写识别服务失败:", e), t || n(!1);
+			}
+			else console.warn("未注册手写识别服务"), t || n(!1);
+		}
+		return r(), () => {
+			t = !0;
+			let e = m();
+			e && o.current && e.close().catch((e) => {
+				console.error("关闭手写识别服务失败:", e);
+			});
+		};
+	}, [e]), {
+		recognizerInitialized: t,
+		recognizerProgress: i
+	};
+}
+//#endregion
+//#region src/assets/icons/keyboard-backspace.svg
+var Wr = "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", Gr = "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 Kr() {
+	let e = c(f());
+	return r(() => {
+		let t = e.current;
+		return () => {
+			t.stop();
+		};
+	}, []), {
+		startRepeat: n((t, n) => {
+			t.preventDefault(), t.currentTarget?.setPointerCapture?.(t.pointerId), e.current.start(n);
+		}, []),
+		stopRepeat: n(() => {
+			e.current.stop();
+		}, [])
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js
+var qr = /* @__PURE__ */ w(((e) => {
+	var t = E("react"), n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = {
+		key: !0,
+		ref: !0,
+		__self: !0,
+		__source: !0
+	};
+	function s(e, t, r) {
+		var s, c = {}, l = null, u = null;
+		for (s in r !== void 0 && (l = "" + r), t.key !== void 0 && (l = "" + t.key), t.ref !== void 0 && (u = t.ref), t) i.call(t, s) && !o.hasOwnProperty(s) && (c[s] = t[s]);
+		if (e && e.defaultProps) for (s in t = e.defaultProps, t) c[s] === void 0 && (c[s] = t[s]);
+		return {
+			$$typeof: n,
+			type: e,
+			key: l,
+			ref: u,
+			props: c,
+			_owner: a.current
+		};
+	}
+	e.Fragment = r, e.jsx = s, e.jsxs = s;
+})), Jr = /* @__PURE__ */ w(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		var t = E("react"), n = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), h = Symbol.iterator, g = "@@iterator";
+		function _(e) {
+			if (typeof e != "object" || !e) return null;
+			var t = h && e[h] || e[g];
+			return typeof t == "function" ? t : null;
+		}
+		var v = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+		function y(e) {
+			b("error", e, [...arguments].slice(1));
+		}
+		function b(e, t, n) {
+			var r = v.ReactDebugCurrentFrame.getStackAddendum();
+			r !== "" && (t += "%s", n = n.concat([r]));
+			var i = n.map(function(e) {
+				return String(e);
+			});
+			i.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, i);
+		}
+		var x = !1, ee = !1, te = !1, S = !1, C = !1, w = Symbol.for("react.module.reference");
+		function T(e) {
+			return !!(typeof e == "string" || typeof e == "function" || e === i || e === o || C || e === a || e === u || e === d || S || e === m || x || ee || te || typeof e == "object" && e && (e.$$typeof === p || e.$$typeof === f || e.$$typeof === s || e.$$typeof === c || e.$$typeof === l || e.$$typeof === w || e.getModuleId !== void 0));
+		}
+		function ne(e, t, n) {
+			var r = e.displayName;
+			if (r) return r;
+			var i = t.displayName || t.name || "";
+			return i === "" ? n : n + "(" + i + ")";
+		}
+		function re(e) {
+			return e.displayName || "Context";
+		}
+		function D(e) {
+			if (e == null) return null;
+			if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function") return e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case i: return "Fragment";
+				case r: return "Portal";
+				case o: return "Profiler";
+				case a: return "StrictMode";
+				case u: return "Suspense";
+				case d: return "SuspenseList";
+			}
+			if (typeof e == "object") switch (e.$$typeof) {
+				case c: return re(e) + ".Consumer";
+				case s: return re(e._context) + ".Provider";
+				case l: return ne(e, e.render, "ForwardRef");
+				case f:
+					var t = e.displayName || null;
+					return t === null ? D(e.type) || "Memo" : t;
+				case p:
+					var n = e, m = n._payload, h = n._init;
+					try {
+						return D(h(m));
+					} catch {
+						return null;
+					}
+			}
+			return null;
+		}
+		var O = Object.assign, k = 0, ie, ae, A, j, M, N, P;
+		function F() {}
+		F.__reactDisabledLog = !0;
+		function oe() {
+			if (k === 0) {
+				ie = console.log, ae = console.info, A = console.warn, j = console.error, M = console.group, N = console.groupCollapsed, P = console.groupEnd;
+				var e = {
+					configurable: !0,
+					enumerable: !0,
+					value: F,
+					writable: !0
+				};
+				Object.defineProperties(console, {
+					info: e,
+					log: e,
+					warn: e,
+					error: e,
+					group: e,
+					groupCollapsed: e,
+					groupEnd: e
+				});
+			}
+			k++;
+		}
+		function I() {
+			if (k--, k === 0) {
+				var e = {
+					configurable: !0,
+					enumerable: !0,
+					writable: !0
+				};
+				Object.defineProperties(console, {
+					log: O({}, e, { value: ie }),
+					info: O({}, e, { value: ae }),
+					warn: O({}, e, { value: A }),
+					error: O({}, e, { value: j }),
+					group: O({}, e, { value: M }),
+					groupCollapsed: O({}, e, { value: N }),
+					groupEnd: O({}, e, { value: P })
+				});
+			}
+			k < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+		}
+		var L = v.ReactCurrentDispatcher, R;
+		function z(e, t, n) {
+			if (R === void 0) try {
+				throw Error();
+			} catch (e) {
+				var r = e.stack.trim().match(/\n( *(at )?)/);
+				R = r && r[1] || "";
+			}
+			return "\n" + R + e;
+		}
+		var se = !1, B = new (typeof WeakMap == "function" ? WeakMap : Map)();
+		function ce(e, t) {
+			if (!e || se) return "";
+			var n = B.get(e);
+			if (n !== void 0) return n;
+			var r;
+			se = !0;
+			var i = Error.prepareStackTrace;
+			Error.prepareStackTrace = void 0;
+			var a = L.current;
+			L.current = null, oe();
+			try {
+				if (t) {
+					var o = function() {
+						throw Error();
+					};
+					if (Object.defineProperty(o.prototype, "props", { set: function() {
+						throw Error();
+					} }), typeof Reflect == "object" && Reflect.construct) {
+						try {
+							Reflect.construct(o, []);
+						} catch (e) {
+							r = e;
+						}
+						Reflect.construct(e, [], o);
+					} else {
+						try {
+							o.call();
+						} catch (e) {
+							r = e;
+						}
+						e.call(o.prototype);
+					}
+				} else {
+					try {
+						throw Error();
+					} catch (e) {
+						r = e;
+					}
+					e();
+				}
+			} catch (t) {
+				if (t && r && typeof t.stack == "string") {
+					for (var s = t.stack.split("\n"), c = r.stack.split("\n"), l = s.length - 1, u = c.length - 1; l >= 1 && u >= 0 && s[l] !== c[u];) u--;
+					for (; l >= 1 && u >= 0; l--, u--) if (s[l] !== c[u]) {
+						if (l !== 1 || u !== 1) do
+							if (l--, u--, u < 0 || s[l] !== c[u]) {
+								var d = "\n" + s[l].replace(" at new ", " at ");
+								return e.displayName && d.includes("<anonymous>") && (d = d.replace("<anonymous>", e.displayName)), typeof e == "function" && B.set(e, d), d;
+							}
+						while (l >= 1 && u >= 0);
+						break;
+					}
+				}
+			} finally {
+				se = !1, L.current = a, I(), Error.prepareStackTrace = i;
+			}
+			var f = e ? e.displayName || e.name : "", p = f ? z(f) : "";
+			return typeof e == "function" && B.set(e, p), p;
+		}
+		function le(e, t, n) {
+			return ce(e, !1);
+		}
+		function ue(e) {
+			var t = e.prototype;
+			return !!(t && t.isReactComponent);
+		}
+		function V(e, t, n) {
+			if (e == null) return "";
+			if (typeof e == "function") return ce(e, ue(e));
+			if (typeof e == "string") return z(e);
+			switch (e) {
+				case u: return z("Suspense");
+				case d: return z("SuspenseList");
+			}
+			if (typeof e == "object") switch (e.$$typeof) {
+				case l: return le(e.render);
+				case f: return V(e.type, t, n);
+				case p:
+					var r = e, i = r._payload, a = r._init;
+					try {
+						return V(a(i), t, n);
+					} catch {}
+			}
+			return "";
+		}
+		var H = Object.prototype.hasOwnProperty, de = {}, fe = v.ReactDebugCurrentFrame;
+		function U(e) {
+			if (e) {
+				var t = e._owner, n = V(e.type, e._source, t ? t.type : null);
+				fe.setExtraStackFrame(n);
+			} else fe.setExtraStackFrame(null);
+		}
+		function W(e, t, n, r, i) {
+			var a = Function.call.bind(H);
+			for (var o in e) if (a(e, o)) {
+				var s = void 0;
+				try {
+					if (typeof e[o] != "function") {
+						var c = Error((r || "React class") + ": " + n + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+						throw c.name = "Invariant Violation", c;
+					}
+					s = e[o](t, o, r, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+				} catch (e) {
+					s = e;
+				}
+				s && !(s instanceof Error) && (U(i), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", r || "React class", n, o, typeof s), U(null)), s instanceof Error && !(s.message in de) && (de[s.message] = !0, U(i), y("Failed %s type: %s", n, s.message), U(null));
+			}
+		}
+		var pe = Array.isArray;
+		function me(e) {
+			return pe(e);
+		}
+		function he(e) {
+			return typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+		}
+		function ge(e) {
+			try {
+				return _e(e), !1;
+			} catch {
+				return !0;
+			}
+		}
+		function _e(e) {
+			return "" + e;
+		}
+		function ve(e) {
+			if (ge(e)) return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", he(e)), _e(e);
+		}
+		var ye = v.ReactCurrentOwner, be = {
+			key: !0,
+			ref: !0,
+			__self: !0,
+			__source: !0
+		}, xe, G, Se = {};
+		function Ce(e) {
+			if (H.call(e, "ref")) {
+				var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.ref !== void 0;
+		}
+		function we(e) {
+			if (H.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function Te(e, t) {
+			if (typeof e.ref == "string" && ye.current && t && ye.current.stateNode !== t) {
+				var n = D(ye.current.type);
+				Se[n] || (y("Component \"%s\" contains the string ref \"%s\". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref", D(ye.current.type), e.ref), Se[n] = !0);
+			}
+		}
+		function Ee(e, t) {
+			var n = function() {
+				xe || (xe = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+			};
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function De(e, t) {
+			var n = function() {
+				G || (G = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+			};
+			n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+				get: n,
+				configurable: !0
+			});
+		}
+		var Oe = function(e, t, r, i, a, o, s) {
+			var c = {
+				$$typeof: n,
+				type: e,
+				key: t,
+				ref: r,
+				props: s,
+				_owner: o
+			};
+			return c._store = {}, Object.defineProperty(c._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: !1
+			}), Object.defineProperty(c, "_self", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !1,
+				value: i
+			}), Object.defineProperty(c, "_source", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !1,
+				value: a
+			}), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+		};
+		function ke(e, t, n, r, i) {
+			var a, o = {}, s = null, c = null;
+			for (a in n !== void 0 && (ve(n), s = "" + n), we(t) && (ve(t.key), s = "" + t.key), Ce(t) && (c = t.ref, Te(t, i)), t) H.call(t, a) && !be.hasOwnProperty(a) && (o[a] = t[a]);
+			if (e && e.defaultProps) {
+				var l = e.defaultProps;
+				for (a in l) o[a] === void 0 && (o[a] = l[a]);
+			}
+			if (s || c) {
+				var u = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+				s && Ee(o, u), c && De(o, u);
+			}
+			return Oe(e, s, c, i, r, ye.current, o);
+		}
+		var Ae = v.ReactCurrentOwner, je = v.ReactDebugCurrentFrame;
+		function K(e) {
+			if (e) {
+				var t = e._owner, n = V(e.type, e._source, t ? t.type : null);
+				je.setExtraStackFrame(n);
+			} else je.setExtraStackFrame(null);
+		}
+		var Me = !1;
+		function Ne(e) {
+			return typeof e == "object" && !!e && e.$$typeof === n;
+		}
+		function Pe() {
+			if (Ae.current) {
+				var e = D(Ae.current.type);
+				if (e) return "\n\nCheck the render method of `" + e + "`.";
+			}
+			return "";
+		}
+		function Fe(e) {
+			if (e !== void 0) {
+				var t = e.fileName.replace(/^.*[\\\/]/, ""), n = e.lineNumber;
+				return "\n\nCheck your code at " + t + ":" + n + ".";
+			}
+			return "";
+		}
+		var Ie = {};
+		function Le(e) {
+			var t = Pe();
+			if (!t) {
+				var n = typeof e == "string" ? e : e.displayName || e.name;
+				n && (t = "\n\nCheck the top-level render call using <" + n + ">.");
+			}
+			return t;
+		}
+		function Re(e, t) {
+			if (!(!e._store || e._store.validated || e.key != null)) {
+				e._store.validated = !0;
+				var n = Le(t);
+				if (!Ie[n]) {
+					Ie[n] = !0;
+					var r = "";
+					e && e._owner && e._owner !== Ae.current && (r = " It was passed a child from " + D(e._owner.type) + "."), K(e), y("Each child in a list should have a unique \"key\" prop.%s%s See https://reactjs.org/link/warning-keys for more information.", n, r), K(null);
+				}
+			}
+		}
+		function ze(e, t) {
+			if (typeof e == "object") {
+				if (me(e)) for (var n = 0; n < e.length; n++) {
+					var r = e[n];
+					Ne(r) && Re(r, t);
+				}
+				else if (Ne(e)) e._store && (e._store.validated = !0);
+				else if (e) {
+					var i = _(e);
+					if (typeof i == "function" && i !== e.entries) for (var a = i.call(e), o; !(o = a.next()).done;) Ne(o.value) && Re(o.value, t);
+				}
+			}
+		}
+		function Be(e) {
+			var t = e.type;
+			if (!(t == null || typeof t == "string")) {
+				var n;
+				if (typeof t == "function") n = t.propTypes;
+				else if (typeof t == "object" && (t.$$typeof === l || t.$$typeof === f)) n = t.propTypes;
+				else return;
+				if (n) {
+					var r = D(t);
+					W(n, e.props, "prop", r, e);
+				} else t.PropTypes !== void 0 && !Me && (Me = !0, y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D(t) || "Unknown"));
+				typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+			}
+		}
+		function Ve(e) {
+			for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
+				var r = t[n];
+				if (r !== "children" && r !== "key") {
+					K(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", r), K(null);
+					break;
+				}
+			}
+			e.ref !== null && (K(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+		}
+		var He = {};
+		function Ue(e, t, r, a, o, s) {
+			var c = T(e);
+			if (!c) {
+				var l = "";
+				(e === void 0 || typeof e == "object" && e && Object.keys(e).length === 0) && (l += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+				var u = Fe(o);
+				u ? l += u : l += Pe();
+				var d;
+				e === null ? d = "null" : me(e) ? d = "array" : e !== void 0 && e.$$typeof === n ? (d = "<" + (D(e.type) || "Unknown") + " />", l = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, l);
+			}
+			var f = ke(e, t, r, o, s);
+			if (f == null) return f;
+			if (c) {
+				var p = t.children;
+				if (p !== void 0) if (a) if (me(p)) {
+					for (var m = 0; m < p.length; m++) ze(p[m], e);
+					Object.freeze && Object.freeze(p);
+				} else y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+				else ze(p, e);
+			}
+			if (H.call(t, "key")) {
+				var h = D(e), g = Object.keys(t).filter(function(e) {
+					return e !== "key";
+				}), _ = g.length > 0 ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}";
+				He[h + _] || (y("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", _, h, g.length > 0 ? "{" + g.join(": ..., ") + ": ...}" : "{}", h), He[h + _] = !0);
+			}
+			return e === i ? Ve(f) : Be(f), f;
+		}
+		function We(e, t, n) {
+			return Ue(e, t, n, !0);
+		}
+		function Ge(e, t, n) {
+			return Ue(e, t, n, !1);
+		}
+		var Ke = Ge, qe = We;
+		e.Fragment = i, e.jsx = Ke, e.jsxs = qe;
+	})();
+})), $ = (/* @__PURE__ */ w(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = qr() : t.exports = Jr();
+})))(), Yr = ({ candidates: e, onSelect: t }) => /* @__PURE__ */ (0, $.jsx)("div", {
+	className: "tdhk-candidate-list",
+	children: e.map((e, n) => /* @__PURE__ */ (0, $.jsx)("button", {
+		className: "tdhk-candidate-list__item",
+		onClick: () => t(n),
+		children: e
+	}, `candidate-${n}`))
+}), Xr = "data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%2011L14%2018L21%2011'%20stroke='%235E6773'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Zr = "data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='4.5'%20y='5.5'%20width='19'%20height='17'%20rx='3.5'%20stroke='%235E6773'%20stroke-width='2'/%3e%3cpath%20d='M8.5%2010H10'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M12%2010H13.5'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M15.5%2010H17'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M19%2010H20.5'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M8%2014H10.5'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M12%2014H14.5'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M16%2014H18.5'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M10%2018.5H18'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e", Qr = "data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='6.5'%20y='3.5'%20width='15'%20height='21'%20rx='3.5'%20stroke='%235E6773'%20stroke-width='2'/%3e%3cpath%20d='M14%207H14.01'%20stroke='%235E6773'%20stroke-width='2.4'%20stroke-linecap='round'/%3e%3cpath%20d='M17.5%2016.5V14C17.5%2012.6193%2016.3807%2011.5%2015%2011.5C13.6193%2011.5%2012.5%2012.6193%2012.5%2014V19L11.25%2017.75C10.4697%2016.9697%209.20435%2016.9697%208.42401%2017.75C7.64366%2018.5303%207.64366%2019.7956%208.42401%2020.576L11.6766%2023.8284C12.0516%2024.2034%2012.5603%2024.4141%2013.0909%2024.4141H16C18.4853%2024.4141%2020.5%2022.3994%2020.5%2019.9141V16.5'%20stroke='%235E6773'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", $r = ({ enableHandwriting: e = !1, isHandwritingMode: t = !1, onToggleKeyboard: n, onCollapse: r }) => {
+	let i = o(() => t ? "切换到输入键盘" : "切换到手写键盘", [t]), a = o(() => t ? Zr : Qr, [t]);
+	function s(e) {
+		e.preventDefault();
+	}
+	return /* @__PURE__ */ (0, $.jsxs)("div", {
+		className: "tdhk-toolbar",
+		children: [
+			/* @__PURE__ */ (0, $.jsx)("button", {
+				className: `tdhk-toolbar__button ${e ? "" : "tdhk-toolbar__button--disabled"}`,
+				type: "button",
+				"aria-label": i,
+				disabled: !e,
+				onClick: n,
+				onContextMenu: s,
+				children: /* @__PURE__ */ (0, $.jsx)("img", {
+					src: a,
+					className: "tdhk-toolbar__icon",
+					alt: i
+				})
+			}),
+			/* @__PURE__ */ (0, $.jsx)("div", { className: "tdhk-toolbar__spacer" }),
+			/* @__PURE__ */ (0, $.jsx)("div", { className: "tdhk-toolbar__divider" }),
+			/* @__PURE__ */ (0, $.jsx)("button", {
+				className: "tdhk-toolbar__button tdhk-toolbar__button--collapse",
+				type: "button",
+				"aria-label": "收起键盘",
+				onClick: r,
+				onContextMenu: s,
+				children: /* @__PURE__ */ (0, $.jsx)("img", {
+					src: Xr,
+					className: "tdhk-toolbar__icon",
+					alt: "收起键盘"
+				})
+			})
+		]
+	});
+}, ei = ({ recognizerInitialized: e, recognizerProgress: t, onKey: r, onCollapse: i, onSwitchToSymbol: o, onToggleKeyboard: s }) => {
+	let d = c(null), f = c(null), p = c(!1), [h, g] = l([]), { startRepeat: _, stopRepeat: v } = Kr(), y = n(async () => {
+		if (!f.current || f.current.getStrokeData().length === 0 || p.current) return;
+		let e = m();
+		if (e) {
+			p.current = !0;
+			try {
+				let t = [...f.current.getStrokeData()];
+				g(await e.recognize(t));
+			} catch (e) {
+				console.error("识别笔迹失败:", e);
+			} finally {
+				p.current = !1;
+			}
+		} else console.warn("手写识别服务不可用");
+	}, []), b = n(() => {
+		d.current && (f.current && f.current.destroy(), d.current.width = d.current.clientWidth, d.current.height = d.current.clientHeight, f.current = new u(d.current, { onDrawEnd: y }));
+	}, [y]), [x, ee] = Br(d);
+	a(() => {
+		if (x && ee && e) return b(), () => {
+			f.current && f.current.destroy();
+		};
+	}, [
+		x,
+		ee,
+		e,
+		b
+	]);
+	function te() {
+		f.current && f.current.clearCanvas();
+	}
+	function S(e) {
+		let t = h[e];
+		t && (r({ key: t }), g([]), te());
+	}
+	function C(e) {
+		e.preventDefault();
+	}
+	return /* @__PURE__ */ (0, $.jsxs)("div", {
+		className: "handwriting-input",
+		children: [/* @__PURE__ */ (0, $.jsx)("div", {
+			className: "handwriting-input__header",
+			children: h.length > 0 ? /* @__PURE__ */ (0, $.jsx)("div", {
+				className: "handwriting-input__candidates",
+				children: /* @__PURE__ */ (0, $.jsx)(Yr, {
+					candidates: h,
+					onSelect: S
+				})
+			}) : /* @__PURE__ */ (0, $.jsx)($r, {
+				enableHandwriting: !0,
+				isHandwritingMode: !0,
+				onToggleKeyboard: s,
+				onCollapse: i
+			})
+		}), /* @__PURE__ */ (0, $.jsxs)("div", {
+			className: "handwriting-content",
+			children: [
+				/* @__PURE__ */ (0, $.jsxs)("div", {
+					className: "handwriting-buttons",
+					children: [
+						/* @__PURE__ */ (0, $.jsx)("button", {
+							className: "handwriting-btn handwriting-btn--function",
+							onPointerDown: (e) => _(e, () => r({ key: "。" })),
+							onPointerUp: v,
+							onPointerLeave: v,
+							onPointerCancel: v,
+							onContextMenu: C,
+							children: "。"
+						}),
+						/* @__PURE__ */ (0, $.jsx)("button", {
+							className: "handwriting-btn handwriting-btn--function",
+							onPointerDown: (e) => _(e, () => r({ key: "？" })),
+							onPointerUp: v,
+							onPointerLeave: v,
+							onPointerCancel: v,
+							onContextMenu: C,
+							children: "？"
+						}),
+						/* @__PURE__ */ (0, $.jsx)("button", {
+							className: "handwriting-btn handwriting-btn--function",
+							onPointerDown: (e) => _(e, () => r({ key: "！" })),
+							onPointerUp: v,
+							onPointerLeave: v,
+							onPointerCancel: v,
+							onContextMenu: C,
+							children: "！"
+						}),
+						/* @__PURE__ */ (0, $.jsx)("button", {
+							className: "handwriting-btn handwriting-btn--function",
+							onClick: o,
+							onContextMenu: C,
+							children: "符"
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, $.jsx)("div", {
+					className: "handwriting-canvas-container",
+					children: e ? /* @__PURE__ */ (0, $.jsx)("canvas", {
+						ref: d,
+						className: "handwriting-canvas"
+					}) : /* @__PURE__ */ (0, $.jsxs)("div", {
+						className: "handwriting-loading",
+						children: [
+							/* @__PURE__ */ (0, $.jsx)("div", {
+								className: "loading-text",
+								children: "正在加载手写识别..."
+							}),
+							/* @__PURE__ */ (0, $.jsx)("div", {
+								className: "progress-bar",
+								children: /* @__PURE__ */ (0, $.jsx)("div", {
+									className: "progress-fill",
+									style: { width: `${t * 100}%` }
+								})
+							}),
+							/* @__PURE__ */ (0, $.jsxs)("div", {
+								className: "progress-text",
+								children: [Math.round(t * 100), "%"]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ (0, $.jsxs)("div", {
+					className: "handwriting-buttons",
+					children: [
+						/* @__PURE__ */ (0, $.jsx)("button", {
+							className: "handwriting-btn handwriting-btn--function",
+							onPointerDown: (e) => _(e, () => r({
+								key: "delete",
+								isControl: !0
+							})),
+							onPointerUp: v,
+							onPointerLeave: v,
+							onPointerCancel: v,
+							onContextMenu: C,
+							children: /* @__PURE__ */ (0, $.jsx)("img", {
+								src: Wr,
+								alt: "删除"
+							})
+						}),
+						/* @__PURE__ */ (0, $.jsx)("button", {
+							className: "handwriting-btn handwriting-btn--function",
+							onPointerDown: (e) => _(e, () => r({ key: "、" })),
+							onPointerUp: v,
+							onPointerLeave: v,
+							onPointerCancel: v,
+							onContextMenu: C,
+							children: "、"
+						}),
+						/* @__PURE__ */ (0, $.jsx)("button", {
+							className: "handwriting-btn handwriting-btn--function",
+							onPointerDown: (e) => _(e, () => r({ key: "，" })),
+							onPointerUp: v,
+							onPointerLeave: v,
+							onPointerCancel: v,
+							onContextMenu: C,
+							children: "，"
+						}),
+						/* @__PURE__ */ (0, $.jsx)("button", {
+							className: "handwriting-btn handwriting-btn--function",
+							onPointerDown: (e) => _(e, () => r({
+								key: "enter",
+								isControl: !0
+							})),
+							onPointerUp: v,
+							onPointerLeave: v,
+							onPointerCancel: v,
+							onContextMenu: C,
+							children: /* @__PURE__ */ (0, $.jsx)("img", {
+								src: Gr,
+								alt: "回车"
+							})
+						})
+					]
+				})
+			]
+		})]
+	});
+}, ti = "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", ni = ({ candidates: e, onSelect: t, onClose: n }) => {
+	function r(e) {
+		let t = Array.from(e).length;
+		return t >= 2 && t <= 3 ? 2 : t >= 4 ? 3 : 1;
+	}
+	return /* @__PURE__ */ (0, $.jsxs)("div", {
+		className: "tdhk-selection",
+		children: [/* @__PURE__ */ (0, $.jsx)("div", {
+			className: "tdhk-selection__list",
+			children: e.map((e, n) => /* @__PURE__ */ (0, $.jsx)("div", {
+				className: `tdhk-selection__text tdhk-selection__text--span-${r(e)}`,
+				onClick: () => t(n),
+				children: e
+			}, n))
+		}), /* @__PURE__ */ (0, $.jsx)("div", {
+			className: "tdhk-selection__func",
+			children: /* @__PURE__ */ (0, $.jsx)("button", {
+				className: "tdhk-selection__func-btn",
+				onClick: n,
+				children: "返回"
+			})
+		})]
+	});
+}, ri = t(({ currentPinyin: e, onInput: t, setCurrentPinyin: n }, r) => {
+	let s = c(null), [u, d] = l(!1), [f, p] = l(null), [m, h] = l(!1), _ = o(() => f?.candidates.map((e) => e.text) ?? [], [f]), v = o(() => f ? f.preeditHead + f.preeditBody : "", [f]);
+	i(r, () => ({ handleSelection: y })), a(() => {
+		let e = g();
+		if (e) s.current = e, d(!0);
+		else throw Error("未找到拼音引擎实例，请确保已正确注册引擎");
+		return () => {
+			s.current?.processInput("")?.catch(() => {}), d(!1);
+		};
+	}, []), a(() => {
+		let t = s.current;
+		if (!(!t || !u)) {
+			if (e === "") {
+				t.processInput("")?.catch(() => {}), p(null);
+				return;
+			}
+			(async () => {
+				p(await t.processInput(e));
+			})();
+		}
+	}, [e, u]);
+	async function y(e) {
+		let r = s.current;
+		if (!r) return;
+		let i = await r.pickCandidate(e);
+		p(i), i.preeditBody || (t(i.committed || ""), n(""), p(null), h(!1));
+	}
+	return /* @__PURE__ */ (0, $.jsxs)("div", {
+		className: "tdhk-candidate",
+		children: [/* @__PURE__ */ (0, $.jsxs)("div", {
+			className: "tdhk-candidate__container",
+			children: [v && /* @__PURE__ */ (0, $.jsx)("div", {
+				className: "tdhk-candidate__pinyin",
+				children: v
+			}), /* @__PURE__ */ (0, $.jsxs)("div", {
+				className: "tdhk-candidate__bottom-container",
+				children: [_.length > 0 && /* @__PURE__ */ (0, $.jsx)(Yr, {
+					candidates: _,
+					onSelect: y
+				}), _.length > 0 && /* @__PURE__ */ (0, $.jsx)("button", {
+					className: "tdhk-candidate__more",
+					onClick: () => h(!0),
+					children: /* @__PURE__ */ (0, $.jsx)("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: "更多"
+					})
+				})]
+			})]
+		}), m && /* @__PURE__ */ (0, $.jsx)(ni, {
+			candidates: _,
+			onSelect: y,
+			onClose: () => h(!1)
+		})]
+	});
+}), ii = ({ enableHandwriting: e, capsReturnToChinese: t, mode: n, onKey: r, onCollapse: i, onToggleKeyboard: a, setCapsReturnToChinese: s, setMode: u }) => {
+	let [d, f] = l(""), p = c(null), { startRepeat: m, stopRepeat: h } = Kr(), g = o(() => n === "zh", [n]), _ = o(() => n === "en_cap", [n]), v = o(() => g ? !0 : _, [g, _]);
+	function y(e, t = !1) {
+		r({
+			key: e,
+			isControl: t
+		});
+	}
+	function b() {
+		g ? (f(""), s(!0), u("en_cap")) : _ && t ? (s(!1), u("zh")) : (s(!1), u(_ ? "en" : "en_cap"));
+	}
+	function x() {
+		u("num");
+	}
+	function ee() {
+		u("symbol");
+	}
+	let te = [
+		[
+			"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"
+		]
+	];
+	function S() {
+		if (n === "zh" && d) {
+			f(d.slice(0, -1));
+			return;
+		}
+		y("delete", !0);
+	}
+	function C() {
+		if (n === "zh" && d) {
+			p.current?.handleSelection(0);
+			return;
+		}
+		y(" ");
+	}
+	function w() {
+		if (n === "zh" && d) {
+			y(d), f("");
+			return;
+		}
+		y("enter", !0);
+	}
+	function T(e) {
+		if (n === "zh") {
+			f(d + e);
+			return;
+		}
+		y(_ ? e.toUpperCase() : e);
+	}
+	function ne() {
+		s(!1), u(n === "zh" ? "en" : "zh");
+	}
+	function E(e) {
+		e.preventDefault();
+	}
+	return /* @__PURE__ */ (0, $.jsxs)("div", {
+		className: "tdhk-base",
+		children: [
+			/* @__PURE__ */ (0, $.jsx)("div", {
+				className: "tdhk-base__row tdhk-base__row--header",
+				children: o(() => g && d.length > 0, [g, d.length]) ? /* @__PURE__ */ (0, $.jsx)(ri, {
+					ref: p,
+					currentPinyin: d,
+					onInput: (e) => y(e, !1),
+					onKey: r,
+					setCurrentPinyin: f
+				}) : /* @__PURE__ */ (0, $.jsx)($r, {
+					enableHandwriting: e,
+					onToggleKeyboard: a,
+					onCollapse: i
+				})
+			}),
+			te.map((e, t) => /* @__PURE__ */ (0, $.jsxs)("div", {
+				className: "tdhk-base__row",
+				children: [
+					t === 2 && /* @__PURE__ */ (0, $.jsx)("button", {
+						className: `tdhk-base__key tdhk-base__key--function tdhk-base__key--shift ${_ ? "tdhk-base__key--active" : ""}`,
+						onClick: b,
+						onContextMenu: E,
+						children: /* @__PURE__ */ (0, $.jsx)("img", {
+							src: "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",
+							className: "tdhk-base__key-icon",
+							alt: "Shift"
+						})
+					}),
+					e.map((e) => /* @__PURE__ */ (0, $.jsx)("button", {
+						className: "tdhk-base__key tdhk-base__key--letter",
+						onPointerDown: (t) => m(t, () => T(e)),
+						onPointerUp: h,
+						onPointerLeave: h,
+						onPointerCancel: h,
+						onContextMenu: E,
+						children: v ? e.toUpperCase() : e
+					}, e)),
+					t === 2 && /* @__PURE__ */ (0, $.jsx)("button", {
+						className: "tdhk-base__key tdhk-base__key--function tdhk-base__key--delete",
+						onPointerDown: (e) => m(e, () => S()),
+						onPointerUp: h,
+						onPointerLeave: h,
+						onPointerCancel: h,
+						onContextMenu: E,
+						children: /* @__PURE__ */ (0, $.jsx)("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",
+							className: "tdhk-base__key-icon",
+							alt: "Delete"
+						})
+					})
+				]
+			}, `row-${e.join("")}`)),
+			/* @__PURE__ */ (0, $.jsxs)("div", {
+				className: "tdhk-base__row",
+				children: [
+					/* @__PURE__ */ (0, $.jsx)("button", {
+						className: "tdhk-base__key tdhk-base__key--function",
+						onClick: ee,
+						onContextMenu: E,
+						children: "符"
+					}),
+					/* @__PURE__ */ (0, $.jsx)("button", {
+						className: "tdhk-base__key tdhk-base__key--function",
+						onClick: x,
+						onContextMenu: E,
+						children: "123"
+					}),
+					/* @__PURE__ */ (0, $.jsx)("button", {
+						className: "tdhk-base__key",
+						onPointerDown: (e) => m(e, () => y(",")),
+						onPointerUp: h,
+						onPointerLeave: h,
+						onPointerCancel: h,
+						onContextMenu: E,
+						children: "，"
+					}),
+					/* @__PURE__ */ (0, $.jsx)("button", {
+						className: "tdhk-base__key tdhk-base__key--space",
+						onPointerDown: (e) => m(e, () => C()),
+						onPointerUp: h,
+						onPointerLeave: h,
+						onPointerCancel: h,
+						onContextMenu: E,
+						children: /* @__PURE__ */ (0, $.jsx)("img", {
+							src: ti,
+							className: "tdhk-base__key-icon",
+							alt: "Space"
+						})
+					}),
+					/* @__PURE__ */ (0, $.jsx)("button", {
+						className: "tdhk-base__key",
+						onPointerDown: (e) => m(e, () => y("。")),
+						onPointerUp: h,
+						onPointerLeave: h,
+						onPointerCancel: h,
+						onContextMenu: E,
+						children: "。"
+					}),
+					/* @__PURE__ */ (0, $.jsxs)("button", {
+						className: "tdhk-base__key tdhk-base__key--function",
+						onClick: ne,
+						onContextMenu: E,
+						children: [/* @__PURE__ */ (0, $.jsx)("span", {
+							className: "tdhk-base__toggle-main",
+							children: n === "zh" ? "中" : "英"
+						}), /* @__PURE__ */ (0, $.jsxs)("span", {
+							className: "tdhk-base__toggle-sub",
+							children: ["/", n === "zh" ? "英" : "中"]
+						})]
+					}),
+					/* @__PURE__ */ (0, $.jsx)("button", {
+						className: "tdhk-base__key tdhk-base__key--function",
+						onPointerDown: (e) => m(e, () => w()),
+						onPointerUp: h,
+						onPointerLeave: h,
+						onPointerCancel: h,
+						onContextMenu: E,
+						children: /* @__PURE__ */ (0, $.jsx)("img", {
+							src: Gr,
+							className: "tdhk-base__key-icon",
+							alt: "Enter"
+						})
+					})
+				]
+			})
+		]
+	});
+}, ai = [
+	[
+		"1",
+		"2",
+		"3"
+	],
+	[
+		"4",
+		"5",
+		"6"
+	],
+	[
+		"7",
+		"8",
+		"9"
+	],
+	[
+		"back",
+		"0",
+		"space"
+	]
+], oi = ({ onKey: e, onExit: t, keyboardRows: n = h().numKeys || ai }) => {
+	let { startRepeat: r, stopRepeat: i } = Kr(), a = [
+		{
+			key: "delete",
+			icon: Wr,
+			text: "",
+			alt: "Delete"
+		},
+		{
+			key: ".",
+			icon: "",
+			text: ".",
+			alt: "."
+		},
+		{
+			key: "@",
+			icon: "",
+			text: "@",
+			alt: "@"
+		},
+		{
+			key: "enter",
+			icon: Gr,
+			text: "",
+			alt: "Enter"
+		}
+	];
+	function o(t) {
+		e({ key: t });
+	}
+	function s(t, n = !0) {
+		e({
+			key: t,
+			isControl: n
+		});
+	}
+	function c() {
+		t();
+	}
+	function l(e) {
+		e.preventDefault();
+	}
+	function u(e, t) {
+		e === "back" || (e === "space" && (e = " "), e === "delete" || e === "enter" ? r(t, () => s(e)) : r(t, () => o(e)));
+	}
+	let d = (e) => e === "back" ? "返回" : e === "space" ? /* @__PURE__ */ (0, $.jsx)("img", {
+		src: ti,
+		className: "tdhk-base__key-icon",
+		alt: "Space"
+	}) : e;
+	return /* @__PURE__ */ (0, $.jsx)("div", {
+		className: "num-keyboard",
+		children: /* @__PURE__ */ (0, $.jsxs)("div", {
+			className: "num-keyboard__container",
+			children: [/* @__PURE__ */ (0, $.jsx)("div", {
+				className: "num-keyboard__left",
+				children: /* @__PURE__ */ (0, $.jsx)("div", {
+					className: "num-keyboard__rows",
+					children: n.map((e) => /* @__PURE__ */ (0, $.jsx)("div", {
+						className: "num-keyboard__row",
+						children: e.map((t) => /* @__PURE__ */ (0, $.jsx)("button", {
+							className: `num-keyboard__key ${t === "back" ? "num-keyboard__key--back" : ""} ${t === "space" ? "num-keyboard__key--space" : ""}`,
+							onClick: () => t === "back" && c(),
+							onPointerDown: (e) => u(t, e),
+							onPointerUp: i,
+							onPointerLeave: i,
+							onPointerCancel: i,
+							onContextMenu: l,
+							children: d(t)
+						}, `key-${e.join("")}-${t}`))
+					}, `row-${e.join("")}`))
+				})
+			}), /* @__PURE__ */ (0, $.jsx)("div", {
+				className: "num-keyboard__right",
+				children: a.map((e) => /* @__PURE__ */ (0, $.jsx)("button", {
+					className: "num-keyboard__key num-keyboard__key--function",
+					onPointerDown: (t) => {
+						if (e.key === "." || e.key === "@") {
+							r(t, () => o(e.key));
+							return;
+						}
+						r(t, () => s(e.key));
+					},
+					onPointerUp: i,
+					onPointerLeave: i,
+					onPointerCancel: i,
+					onContextMenu: l,
+					children: e.icon ? /* @__PURE__ */ (0, $.jsx)("img", {
+						src: e.icon,
+						className: "num-keyboard__key-icon",
+						alt: e.alt
+					}) : /* @__PURE__ */ (0, $.jsx)("span", { children: e.text })
+				}, `func-${e.key}`))
+			})]
+		})
+	});
+}, si = "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", ci = "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", li = ({ onKey: e, onExit: t }) => {
+	let [n, r] = l("en"), i = o(() => n === "zh" ? "！＠＃￥％…＆＊（）｛｝［］＜＞／＼｜：；＂＇，。？＋－＝＿～·€£¥₹©®™°" : "!@#$%^&*(){}[]<>/\\|:;\"',.?+-=_~`€£¥₹©®™°", [n]), [a, s] = l(!1), { startRepeat: c, stopRepeat: u } = Kr();
+	function d(n) {
+		e({ key: n }), a || t();
+	}
+	function f() {
+		t();
+	}
+	function p() {
+		s(!a);
+	}
+	function m(e) {
+		e.preventDefault();
+	}
+	function h(e, t) {
+		a && c(t, () => d(e));
+	}
+	return /* @__PURE__ */ (0, $.jsx)("div", {
+		className: "symbol-keyboard",
+		children: /* @__PURE__ */ (0, $.jsxs)("div", {
+			className: "symbol-keyboard__content",
+			children: [/* @__PURE__ */ (0, $.jsxs)("div", {
+				className: "symbol-keyboard__functions",
+				children: [/* @__PURE__ */ (0, $.jsxs)("div", {
+					className: "symbol-keyboard__lang-selector",
+					children: [/* @__PURE__ */ (0, $.jsx)("button", {
+						type: "button",
+						className: `symbol-keyboard__lang-btn ${n === "zh" ? "symbol-keyboard__lang-btn--active" : ""}`,
+						onClick: () => r("zh"),
+						onContextMenu: m,
+						children: "中文"
+					}), /* @__PURE__ */ (0, $.jsx)("button", {
+						className: `symbol-keyboard__lang-btn ${n === "en" ? "symbol-keyboard__lang-btn--active" : ""}`,
+						onClick: () => r("en"),
+						onContextMenu: m,
+						children: "英文"
+					})]
+				}), /* @__PURE__ */ (0, $.jsxs)("div", {
+					className: "symbol-keyboard__control-group",
+					children: [/* @__PURE__ */ (0, $.jsx)("button", {
+						className: `symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--lock ${a ? "symbol-keyboard__key--locked" : ""}`,
+						onClick: p,
+						onContextMenu: m,
+						children: a ? /* @__PURE__ */ (0, $.jsx)("img", {
+							src: ci,
+							alt: "Lock closed"
+						}) : /* @__PURE__ */ (0, $.jsx)("img", {
+							src: si,
+							alt: "Lock open"
+						})
+					}), /* @__PURE__ */ (0, $.jsx)("button", {
+						className: "symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--back",
+						onClick: f,
+						onContextMenu: m,
+						children: "返回"
+					})]
+				})]
+			}), /* @__PURE__ */ (0, $.jsx)("div", {
+				className: "symbol-keyboard__symbols-container",
+				children: /* @__PURE__ */ (0, $.jsx)("div", {
+					className: "symbol-keyboard__symbols-grid",
+					children: i.split("").map((e) => /* @__PURE__ */ (0, $.jsx)("button", {
+						className: "symbol-keyboard__key",
+						onClick: () => !a && d(e),
+						onPointerDown: (t) => h(e, t),
+						onPointerUp: u,
+						onPointerLeave: u,
+						onPointerCancel: u,
+						onContextMenu: m,
+						children: e
+					}, `key-${e}`))
+				})
+			})]
+		})
+	});
+};
+//#endregion
+//#region src/components/TdhKeyboard.tsx
+function ui(e) {
+	return e === "zh" || e === "en" || e === "en_cap";
+}
+function di(e) {
+	return ui(e) ? e : "zh";
+}
+var fi = t((e, t) => {
+	let { defaultMode: s = h().defaultMode ?? "en", enableHandwriting: u = h().enableHandwriting ?? !1, position: f = h().position ?? "static", floatMarginTop: m = h().floatMarginTop ?? 0, disableWhenNoFocus: g = h().disableWhenNoFocus ?? !0, manual: y = h().manual ?? !1, onKey: b, className: x, style: ee, numKeys: te } = e, [S, C] = l(s), [w, T] = l(!1), [ne, E] = l(!1), [re, D] = l(!1), O = c(di(s)), [k, ie] = l(null), ae = c(null), A = Rr(), [j, M] = l(null), [N, P] = l(!y), [F, oe] = l(!1), I = o(() => y ? j : A && _(A) ? A : null, [
+		A,
+		y,
+		j
+	]), [L, R] = Br(ae), { recognizerInitialized: z, recognizerProgress: se } = Ur(u);
+	r(() => {
+		ui(S) && (O.current = S);
+	}, [S]);
+	let [B, ce] = l(!1), le = c(null), ue = c(null);
+	r(() => {
+		!y && !F && I && I !== ue.current && P(!0), ue.current = I;
+	}, [
+		I,
+		F,
+		y
+	]);
+	let V = n(() => {
+		R && ie(d(I, ae.current, f, m));
+	}, [
+		m,
+		I,
+		R,
+		f
+	]), H = o(() => F || !N || w && !I ? !1 : y || f === "static" || !!I, [
+		I,
+		w,
+		F,
+		N,
+		y,
+		f
+	]);
+	a(() => {
+		let e = le.current !== I;
+		H && R && e && (le.current = I, V());
+	}, [
+		H,
+		I,
+		V,
+		R
+	]), a(() => {
+		if (R && !B) {
+			V();
+			let e = setTimeout(() => {
+				ce(!0);
+			}, 0);
+			return () => clearTimeout(e);
+		}
+	}, [
+		R,
+		B,
+		V
+	]), a(() => {
+		if (N && I) {
+			T(!1);
+			let e = I.dataset.inputmode;
+			C((t) => e ? (E(!1), D(!1), ui(e) ? O.current = e : e === "hand" && (O.current = "zh"), e) : t);
+		}
+	}, [I, N]);
+	let de = o(() => y ? !j : g === !1 ? !1 : !I, [
+		g,
+		I,
+		y,
+		j
+	]), fe = o(() => {
+		let e;
+		return () => {
+			clearTimeout(e), e = setTimeout(V, 100);
+		};
+	}, [V]);
+	Ir("scroll", fe, window, { passive: !0 }), Ir("resize", fe, window, { passive: !0 });
+	let U = n((e) => {
+		if (e.isControl) switch (e.key) {
+			case "delete":
+				I && p(I);
+				break;
+			case "more": break;
+			default: break;
+		}
+		else I && v(I, e.key);
+		b && b(e);
+	}, [I, b]), W = n(() => {
+		if (S === "symbol" && re) {
+			D(!1), C("hand");
+			return;
+		}
+		D(!1), C(O.current);
+	}, [S, re]), pe = n(() => {
+		if (u) {
+			if (S === "hand") {
+				C(O.current);
+				return;
+			}
+			ui(S) && (O.current = S, C("hand"));
+		}
+	}, [u, S]), me = n(() => {
+		_e(), I?.blur();
+	}, [I]), he = n(() => {
+		D(!0), C("symbol");
+	}, []), ge = n((e) => {
+		oe(!1), e ? (M(e), e.focus()) : A && _(A) && M(A), T(!1), P(!0), V();
+	}, [A, V]), _e = n(() => {
+		T(!0), P(!1);
+	}, []), ve = n(() => {
+		T(!0), P(!1), M(null), ie(null), oe(!0);
+	}, []);
+	return r(() => {
+		if (!y) {
+			P(!0), M(null), oe(!1);
+			return;
+		}
+		P(!1), M(null);
+	}, [y]), i(t, () => ({
+		open: ge,
+		close: _e,
+		destroy: ve
+	}), [
+		_e,
+		ve,
+		ge
+	]), /* @__PURE__ */ (0, $.jsx)("div", {
+		ref: ae,
+		className: (0, Hr.default)("tdhk", {
+			"tdhk--floating": f === "float",
+			"tdhk--bottom": f === "bottom",
+			"tdhk--disabled": de
+		}, x),
+		style: {
+			"--keyboard-height": `${R}px`,
+			...k,
+			...ee,
+			display: H ? void 0 : "none",
+			opacity: B ? 1 : 0
+		},
+		onMouseDown: (e) => e.preventDefault(),
+		children: de || !H || !R ? /* @__PURE__ */ (0, $.jsx)("div", {
+			className: (0, Hr.default)("tdhk__disabled-overlay"),
+			children: /* @__PURE__ */ (0, $.jsx)("span", { children: "请选择输入框以启用键盘" })
+		}) : /* @__PURE__ */ (0, $.jsxs)($.Fragment, { children: [
+			S === "hand" && /* @__PURE__ */ (0, $.jsx)(ei, {
+				recognizerInitialized: z,
+				recognizerProgress: se,
+				onKey: U,
+				onToggleKeyboard: pe,
+				onSwitchToSymbol: he,
+				onCollapse: me
+			}),
+			S === "num" && /* @__PURE__ */ (0, $.jsx)(oi, {
+				onKey: U,
+				onExit: W,
+				keyboardRows: te
+			}),
+			S === "symbol" && /* @__PURE__ */ (0, $.jsx)(li, {
+				onKey: U,
+				onExit: W
+			}),
+			(S === "en" || S === "en_cap" || S === "zh") && /* @__PURE__ */ (0, $.jsx)(ii, {
+				capsReturnToChinese: ne,
+				mode: S,
+				setMode: C,
+				setCapsReturnToChinese: E,
+				enableHandwriting: u,
+				onKey: U,
+				onToggleKeyboard: pe,
+				onCollapse: me
+			})
+		] })
+	});
+}), pi = t((e, t) => {
+	let { position: n = "static" } = e, r = /* @__PURE__ */ (0, $.jsx)(fi, {
+		...e,
+		ref: t
+	});
+	return n === "static" ? r : y.createPortal(r, document.body);
+}), mi = pi;
+//#endregion
+export { pi as TdhKeyboard, mi as default };
+
+//# sourceMappingURL=tdh-keyboard-react.js.map