@tdh-keyboard/vue 1.0.0

package/dist/tdh-keyboard-vue.js

@@ -0,0 +1,1104 @@
+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 ee, watch as D, watchEffect as O, withDirectives as k, withModifiers as A } from "vue";
+import { CanvasDrawer as j, calculateKeyboardPosition as M, createKeyRepeater as N, delToInputElement as te, getHandwritingRecognizer as P, getKeyboardConfig as F, getPinyinEngine as I, isInputElement as L, writeToInputElement as ne } from "@tdh-keyboard/core";
+export * from "@tdh-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 R(e) {
+	return u() ? (_(e), !0) : !1;
+}
+var z = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+var B = (e) => e != null, V = Object.prototype.toString, H = (e) => V.call(e) === "[object Object]", U = () => {};
+function W(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 G(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 K(e) {
+	return Array.isArray(e) ? e : [e];
+}
+function q(e) {
+	return e || l();
+}
+function re(e, t = 200, n = {}) {
+	return W(G(t, n), e);
+}
+function ie(e, t = !0, n) {
+	q(n) ? g(e, n) : t ? e() : f(e);
+}
+function J(e, t, n) {
+	return D(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 Y = z ? window : void 0;
+z && window.document, z && window.navigator, z && window.location;
+function X(e) {
+	let t = w(e);
+	return t?.$el ?? t;
+}
+function Z(...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 = K(w(e[0])).filter((e) => e != null);
+		return t.every((e) => typeof e != "string") ? t : void 0;
+	}), o = J(() => [
+		a.value?.map((e) => X(e)) ?? [Y].filter((e) => e != null),
+		K(w(a.value ? e[1] : e[0])),
+		K(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 = H(o) ? { ...o } : o;
+		n.push(...e.flatMap((e) => t.flatMap((t) => a.map((n) => i(e, t, n, s)))));
+	}, { flush: "post" });
+	return R(r), () => {
+		o(), r();
+	};
+}
+function ae() {
+	let e = S(!1), t = l();
+	return t && g(() => {
+		e.value = !0;
+	}, t), e;
+}
+function Q(e) {
+	let n = ae();
+	return t(() => (n.value, !!e()));
+}
+function oe(e, n, r = {}) {
+	let { window: i = Y, ...a } = r, o, s = Q(() => i && "MutationObserver" in i), c = () => {
+		o &&= (o.disconnect(), void 0);
+	}, l = t(() => {
+		let t = K(w(e)).map(X).filter(B);
+		return new Set(t);
+	}), u = D(() => 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 R(f), {
+		isSupported: s,
+		stop: f,
+		takeRecords: d
+	};
+}
+function se(e, t, n = {}) {
+	let { window: r = Y, document: i = r?.document, flush: a = "sync" } = n;
+	if (!r || !i) return U;
+	let o, s = (e) => {
+		o?.(), o = e;
+	}, c = O(() => {
+		let n = X(e);
+		if (n) {
+			let { stop: e } = oe(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 R(l), l;
+}
+function ce(e = {}) {
+	let { window: t = Y, 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
+		};
+		Z(t, "blur", (e) => {
+			e.relatedTarget === null && s();
+		}, e), Z(t, "focus", s, e);
+	}
+	return r && se(o, s, { document: i }), s(), o;
+}
+function le(e, n, r = {}) {
+	let { window: i = Y, ...a } = r, o, s = Q(() => i && "ResizeObserver" in i), c = () => {
+		o &&= (o.disconnect(), void 0);
+	}, l = D(t(() => {
+		let t = w(e);
+		return Array.isArray(t) ? t.map((e) => X(e)) : [X(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 R(u), {
+		isSupported: s,
+		stop: u
+	};
+}
+function ue(e, n = {
+	width: 0,
+	height: 0
+}, r = {}) {
+	let { window: i = Y, box: a = "content-box" } = r, o = t(() => (X(e)?.namespaceURI)?.includes("svg")), s = S(n.width), c = S(n.height), { stop: l } = le(e, ([t]) => {
+		let n = a === "border-box" ? t.borderBoxSize : a === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
+		if (i && o.value) {
+			let t = X(e);
+			if (t) {
+				let e = t.getBoundingClientRect();
+				s.value = e.width, c.value = e.height;
+			}
+		} else if (n) {
+			let e = K(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);
+	ie(() => {
+		let t = X(e);
+		t && (s.value = "offsetWidth" in t ? t.offsetWidth : n.width, c.value = "offsetHeight" in t ? t.offsetHeight : n.height);
+	});
+	let u = D(() => X(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 de(e = !1) {
+	let t = b(!1), n = b(0);
+	async function r() {
+		let e = P();
+		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 = P();
+		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 fe = "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", pe = "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 $() {
+	let e = N();
+	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 me = { class: "tdhk-candidate-list" }, he = ["onClick"], ge = /* @__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", me, [(y(!0), i(e, null, x(t.candidates, (e, t) => (y(), i("button", {
+			key: `candidate-${t}`,
+			class: "tdhk-candidate-list__item",
+			onClick: (e) => a(t)
+		}, C(e), 9, he))), 128))]));
+	}
+}), _e = "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", ve = "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", ye = { class: "tdhk-toolbar" }, be = ["aria-label", "disabled"], xe = ["src", "alt"], Se = /* @__PURE__ */ c({
+	__name: "KeyboardToolbar",
+	props: {
+		enableHandwriting: {
+			type: Boolean,
+			default: !1
+		},
+		isHandwritingMode: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["toggleKeyboard", "collapse"],
+	setup(e, { emit: n }) {
+		let r = e, o = n, s = t(() => r.isHandwritingMode ? "切换到输入键盘" : "切换到手写键盘"), c = t(() => r.isHandwritingMode ? _e : ve);
+		return (e, t) => (y(), i("div", ye, [
+			a("button", {
+				class: p(["tdhk-toolbar__button", { "tdhk-toolbar__button--disabled": !e.enableHandwriting }]),
+				type: "button",
+				"aria-label": s.value,
+				disabled: !e.enableHandwriting,
+				onClick: t[0] ||= (e) => o("toggleKeyboard"),
+				onContextmenu: t[1] ||= A(() => {}, ["prevent"])
+			}, [a("img", {
+				src: c.value,
+				class: "tdhk-toolbar__icon",
+				alt: s.value
+			}, null, 8, xe)], 42, be),
+			t[5] ||= a("div", { class: "tdhk-toolbar__spacer" }, null, -1),
+			t[6] ||= a("div", { class: "tdhk-toolbar__divider" }, null, -1),
+			a("button", {
+				class: "tdhk-toolbar__button tdhk-toolbar__button--collapse",
+				type: "button",
+				"aria-label": "收起键盘",
+				onClick: t[2] ||= (e) => o("collapse"),
+				onContextmenu: t[3] ||= A(() => {}, ["prevent"])
+			}, t[4] ||= [a("img", {
+				src: "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",
+				class: "tdhk-toolbar__icon",
+				alt: "收起键盘"
+			}, null, -1)], 32)
+		]));
+	}
+}), Ce = { class: "handwriting-input" }, we = { class: "handwriting-input__header" }, Te = {
+	key: 0,
+	class: "handwriting-input__candidates"
+}, Ee = { class: "handwriting-content" }, De = { class: "handwriting-buttons" }, Oe = { class: "handwriting-canvas-container" }, ke = {
+	key: 0,
+	class: "handwriting-loading"
+}, Ae = { class: "progress-bar" }, je = { class: "progress-text" }, Me = { class: "handwriting-buttons" }, Ne = /* @__PURE__ */ c({
+	__name: "HandwritingInput",
+	props: {
+		recognizerInitialized: { type: Boolean },
+		recognizerProgress: {}
+	},
+	emits: [
+		"key",
+		"exit",
+		"toggleKeyboard",
+		"switchToSymbol",
+		"collapse"
+	],
+	setup(e, { emit: t }) {
+		let r = e, o = t, c = b(null), l = null, u = b(!1), { width: d, height: p } = ue(c);
+		function h() {
+			l && l.clearCanvas();
+		}
+		function g() {
+			c.value && (l && l.destroy(), c.value.width = d.value, c.value.height = p.value, l = new j(c.value, { onDrawEnd: w }));
+		}
+		let _ = b([]), { startRepeat: x, stopRepeat: S } = $();
+		async function w() {
+			if (!l || l.getStrokeData().length === 0 || u.value) return;
+			let e = P();
+			if (e) {
+				u.value = !0;
+				try {
+					let t = [...l.getStrokeData()];
+					_.value = await e.recognize(t);
+				} catch (e) {
+					console.error("识别笔迹失败:", e);
+				} finally {
+					u.value = !1;
+				}
+			} else console.warn("手写识别服务不可用");
+		}
+		v(() => {
+			l && l.destroy();
+		}), O(() => {
+			c.value && (d.value || p.value) && r.recognizerInitialized && f(() => {
+				g();
+			});
+		});
+		function E(e) {
+			let t = _.value[e];
+			t && (o("key", { key: t }), _.value = [], h());
+		}
+		return (e, t) => (y(), i("div", Ce, [a("div", we, [_.value.length > 0 ? (y(), i("div", Te, [s(ge, {
+			candidates: _.value,
+			onSelect: E
+		}, null, 8, ["candidates"])])) : (y(), n(Se, {
+			key: 1,
+			"enable-handwriting": "",
+			"is-handwriting-mode": "",
+			onToggleKeyboard: t[0] ||= (e) => o("toggleKeyboard"),
+			onCollapse: t[1] ||= (e) => o("collapse")
+		}))]), a("div", Ee, [
+			a("div", De, [
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[2] ||= (e) => T(x)(e, () => o("key", { key: "。" })),
+					onPointerup: t[3] ||= (...e) => T(S) && T(S)(...e),
+					onPointerleave: t[4] ||= (...e) => T(S) && T(S)(...e),
+					onPointercancel: t[5] ||= (...e) => T(S) && T(S)(...e),
+					onContextmenu: t[6] ||= A(() => {}, ["prevent"])
+				}, " 。 ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[7] ||= (e) => T(x)(e, () => o("key", { key: "？" })),
+					onPointerup: t[8] ||= (...e) => T(S) && T(S)(...e),
+					onPointerleave: t[9] ||= (...e) => T(S) && T(S)(...e),
+					onPointercancel: t[10] ||= (...e) => T(S) && T(S)(...e),
+					onContextmenu: t[11] ||= A(() => {}, ["prevent"])
+				}, " ？ ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[12] ||= (e) => T(x)(e, () => o("key", { key: "！" })),
+					onPointerup: t[13] ||= (...e) => T(S) && T(S)(...e),
+					onPointerleave: t[14] ||= (...e) => T(S) && T(S)(...e),
+					onPointercancel: t[15] ||= (...e) => T(S) && T(S)(...e),
+					onContextmenu: t[16] ||= A(() => {}, ["prevent"])
+				}, " ！ ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onClick: t[17] ||= (e) => o("switchToSymbol"),
+					onContextmenu: t[18] ||= A(() => {}, ["prevent"])
+				}, " 符 ", 32)
+			]),
+			a("div", Oe, [e.recognizerInitialized ? (y(), i("canvas", {
+				key: 1,
+				ref_key: "canvasRef",
+				ref: c,
+				class: "handwriting-canvas"
+			}, null, 512)) : (y(), i("div", ke, [
+				t[39] ||= a("div", { class: "loading-text" }, " 正在加载手写识别... ", -1),
+				a("div", Ae, [a("div", {
+					class: "progress-fill",
+					style: m({ width: `${e.recognizerProgress * 100}%` })
+				}, null, 4)]),
+				a("div", je, C(Math.round(e.recognizerProgress * 100)) + "% ", 1)
+			]))]),
+			a("div", Me, [
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[19] ||= (e) => T(x)(e, () => o("key", {
+						key: "delete",
+						isControl: !0
+					})),
+					onPointerup: t[20] ||= (...e) => T(S) && T(S)(...e),
+					onPointerleave: t[21] ||= (...e) => T(S) && T(S)(...e),
+					onPointercancel: t[22] ||= (...e) => T(S) && T(S)(...e),
+					onContextmenu: t[23] ||= A(() => {}, ["prevent"])
+				}, t[40] ||= [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",
+					onPointerdown: t[24] ||= (e) => T(x)(e, () => o("key", { key: "、" })),
+					onPointerup: t[25] ||= (...e) => T(S) && T(S)(...e),
+					onPointerleave: t[26] ||= (...e) => T(S) && T(S)(...e),
+					onPointercancel: t[27] ||= (...e) => T(S) && T(S)(...e),
+					onContextmenu: t[28] ||= A(() => {}, ["prevent"])
+				}, " 、 ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[29] ||= (e) => T(x)(e, () => o("key", { key: "，" })),
+					onPointerup: t[30] ||= (...e) => T(S) && T(S)(...e),
+					onPointerleave: t[31] ||= (...e) => T(S) && T(S)(...e),
+					onPointercancel: t[32] ||= (...e) => T(S) && T(S)(...e),
+					onContextmenu: t[33] ||= A(() => {}, ["prevent"])
+				}, " ， ", 32),
+				a("button", {
+					class: "handwriting-btn handwriting-btn--function",
+					onPointerdown: t[34] ||= (e) => T(x)(e, () => o("key", {
+						key: "enter",
+						isControl: !0
+					})),
+					onPointerup: t[35] ||= (...e) => T(S) && T(S)(...e),
+					onPointerleave: t[36] ||= (...e) => T(S) && T(S)(...e),
+					onPointercancel: t[37] ||= (...e) => T(S) && T(S)(...e),
+					onContextmenu: t[38] ||= A(() => {}, ["prevent"])
+				}, t[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",
+					alt: "回车"
+				}, null, -1)], 32)
+			])
+		])]));
+	}
+}), Pe = "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", Fe = { class: "tdhk-selection" }, Ie = { class: "tdhk-selection__list" }, Le = ["onClick"], Re = /* @__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", Fe, [a("div", Ie, [(y(!0), i(e, null, x(t.candidates, (e, t) => (y(), i("div", {
+			key: t,
+			class: p(["tdhk-selection__text", [`tdhk-selection__text--span-${c(e)}`]]),
+			onClick: (e) => o(t)
+		}, C(e), 11, Le))), 128))]), a("div", { class: "tdhk-selection__func" }, [a("button", {
+			class: "tdhk-selection__func-btn",
+			onClick: s
+		}, " 返回 ")])]));
+	}
+}), ze = { class: "tdhk-candidate" }, Be = { class: "tdhk-candidate__container" }, Ve = {
+	key: 0,
+	class: "tdhk-candidate__pinyin"
+}, He = { class: "tdhk-candidate__bottom-container" }, Ue = /* @__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 = I(), !u) throw Error("未找到拼音引擎实例，请确保已正确注册引擎");
+			l.value && (d.value = await u.processInput(l.value));
+		}), v(() => {
+			u?.processInput("").catch(() => {}), u = null;
+		}), D(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", ze, [a("div", Be, [h.value ? (y(), i("div", Ve, C(h.value), 1)) : r("", !0), a("div", He, [f.value.length > 0 ? (y(), n(ge, {
+			key: 0,
+			candidates: f.value,
+			onSelect: m
+		}, null, 8, ["candidates"])) : r("", !0), f.value.length > 0 ? (y(), i("button", {
+			key: 1,
+			class: "tdhk-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(Re, {
+			key: 0,
+			candidates: f.value,
+			onSelect: m,
+			onClose: t[1] ||= (e) => p.value = !1
+		}, null, 8, ["candidates"])) : r("", !0)]));
+	}
+}), We = { class: "tdhk-base" }, Ge = { class: "tdhk-base__row tdhk-base__row--header" }, Ke = ["onPointerdown"], qe = { class: "tdhk-base__row" }, Je = { class: "tdhk-base__toggle-main" }, Ye = { class: "tdhk-base__toggle-sub" }, Xe = /* @__PURE__ */ c({
+	__name: "KeyboardBase",
+	props: /* @__PURE__ */ d({ enableHandwriting: { type: Boolean } }, {
+		modelValue: { default: "en" },
+		modelModifiers: {},
+		capsReturnToChinese: {
+			type: Boolean,
+			default: !1
+		},
+		capsReturnToChineseModifiers: {}
+	}),
+	emits: /* @__PURE__ */ d([
+		"key",
+		"collapse",
+		"toggleKeyboard"
+	], ["update:modelValue", "update:capsReturnToChinese"]),
+	setup(o, { emit: s }) {
+		let c = s, l = E(o, "modelValue"), u = E(o, "capsReturnToChinese"), d = t(() => l.value === "en_cap"), f = t(() => l.value === "zh"), m = t(() => f.value ? !0 : d.value), h = b(""), g = b(null), _ = t(() => f.value && h.value.length > 0);
+		function v(e, t = !1) {
+			c("key", {
+				key: e,
+				isControl: t
+			});
+		}
+		function S() {
+			f.value ? (h.value = "", u.value = !0, l.value = "en_cap") : d.value && u.value ? (u.value = !1, l.value = "zh") : (u.value = !1, l.value = d.value ? "en" : "en_cap");
+		}
+		function w() {
+			l.value = "num";
+		}
+		function ee() {
+			l.value = "symbol";
+		}
+		let 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"
+			]
+		], { startRepeat: O, stopRepeat: k } = $();
+		function j() {
+			if (l.value === "zh" && h.value) {
+				h.value = h.value.slice(0, -1);
+				return;
+			}
+			v("delete", !0);
+		}
+		function M() {
+			if (l.value === "zh" && h.value) {
+				g.value?.handleSelection(0);
+				return;
+			}
+			v(" ");
+		}
+		function N() {
+			if (l.value === "zh" && h.value) {
+				v(h.value), h.value = "";
+				return;
+			}
+			v("enter", !0);
+		}
+		function te(e) {
+			if (l.value === "zh") {
+				h.value += e;
+				return;
+			}
+			v(d.value ? e.toUpperCase() : e);
+		}
+		function P() {
+			u.value = !1, l.value = l.value === "zh" ? "en" : "zh";
+		}
+		return (t, o) => (y(), i("div", We, [
+			a("div", Ge, [_.value ? (y(), n(Ue, {
+				key: 0,
+				ref_key: "candidateBarRef",
+				ref: g,
+				modelValue: h.value,
+				"onUpdate:modelValue": o[0] ||= (e) => h.value = e,
+				onInput: o[1] ||= (e) => v(e, !1)
+			}, null, 8, ["modelValue"])) : (y(), n(Se, {
+				key: 1,
+				"enable-handwriting": t.enableHandwriting,
+				onToggleKeyboard: o[2] ||= (e) => c("toggleKeyboard"),
+				onCollapse: o[3] ||= (e) => c("collapse")
+			}, null, 8, ["enable-handwriting"]))]),
+			(y(), i(e, null, x(D, (t, n) => a("div", {
+				key: `row-${n}`,
+				class: "tdhk-base__row"
+			}, [
+				n === 2 ? (y(), i("button", {
+					key: 0,
+					class: p(["tdhk-base__key tdhk-base__key--function tdhk-base__key--shift", { "tdhk-base__key--active": d.value }]),
+					onClick: S,
+					onContextmenu: o[4] ||= A(() => {}, ["prevent"])
+				}, o[37] ||= [a("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",
+					class: "tdhk-base__key-icon",
+					alt: "Shift"
+				}, null, -1)], 34)) : r("", !0),
+				(y(!0), i(e, null, x(t, (e, t) => (y(), i("button", {
+					key: `key-${n}-${t}`,
+					class: "tdhk-base__key tdhk-base__key--letter",
+					onPointerdown: (t) => T(O)(t, () => te(e)),
+					onPointerup: o[5] ||= (...e) => T(k) && T(k)(...e),
+					onPointerleave: o[6] ||= (...e) => T(k) && T(k)(...e),
+					onPointercancel: o[7] ||= (...e) => T(k) && T(k)(...e),
+					onContextmenu: o[8] ||= A(() => {}, ["prevent"])
+				}, C(m.value ? e.toUpperCase() : e), 41, Ke))), 128)),
+				n === 2 ? (y(), i("button", {
+					key: 1,
+					class: "tdhk-base__key tdhk-base__key--function tdhk-base__key--delete",
+					onPointerdown: o[9] ||= (e) => T(O)(e, () => j()),
+					onPointerup: o[10] ||= (...e) => T(k) && T(k)(...e),
+					onPointerleave: o[11] ||= (...e) => T(k) && T(k)(...e),
+					onPointercancel: o[12] ||= (...e) => T(k) && T(k)(...e),
+					onContextmenu: o[13] ||= A(() => {}, ["prevent"])
+				}, o[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",
+					class: "tdhk-base__key-icon",
+					alt: "Delete"
+				}, null, -1)], 32)) : r("", !0)
+			])), 64)),
+			a("div", qe, [
+				a("button", {
+					class: "tdhk-base__key tdhk-base__key--function",
+					onClick: ee,
+					onContextmenu: o[14] ||= A(() => {}, ["prevent"])
+				}, " 符 ", 32),
+				a("button", {
+					class: "tdhk-base__key tdhk-base__key--function",
+					onClick: w,
+					onContextmenu: o[15] ||= A(() => {}, ["prevent"])
+				}, " 123 ", 32),
+				a("button", {
+					class: "tdhk-base__key",
+					onPointerdown: o[16] ||= (e) => T(O)(e, () => v(",")),
+					onPointerup: o[17] ||= (...e) => T(k) && T(k)(...e),
+					onPointerleave: o[18] ||= (...e) => T(k) && T(k)(...e),
+					onPointercancel: o[19] ||= (...e) => T(k) && T(k)(...e),
+					onContextmenu: o[20] ||= A(() => {}, ["prevent"])
+				}, " ， ", 32),
+				a("button", {
+					class: "tdhk-base__key tdhk-base__key--space",
+					onPointerdown: o[21] ||= (e) => T(O)(e, () => M()),
+					onPointerup: o[22] ||= (...e) => T(k) && T(k)(...e),
+					onPointerleave: o[23] ||= (...e) => T(k) && T(k)(...e),
+					onPointercancel: o[24] ||= (...e) => T(k) && T(k)(...e),
+					onContextmenu: o[25] ||= A(() => {}, ["prevent"])
+				}, o[39] ||= [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: "tdhk-base__key-icon",
+					alt: "Space"
+				}, null, -1)], 32),
+				a("button", {
+					class: "tdhk-base__key",
+					onPointerdown: o[26] ||= (e) => T(O)(e, () => v("。")),
+					onPointerup: o[27] ||= (...e) => T(k) && T(k)(...e),
+					onPointerleave: o[28] ||= (...e) => T(k) && T(k)(...e),
+					onPointercancel: o[29] ||= (...e) => T(k) && T(k)(...e),
+					onContextmenu: o[30] ||= A(() => {}, ["prevent"])
+				}, " 。 ", 32),
+				a("button", {
+					class: "tdhk-base__key tdhk-base__key--function",
+					onClick: P,
+					onContextmenu: o[31] ||= A(() => {}, ["prevent"])
+				}, [a("span", Je, C(f.value ? "中" : "英"), 1), a("span", Ye, "/" + C(f.value ? "英" : "中"), 1)], 32),
+				a("button", {
+					class: "tdhk-base__key tdhk-base__key--function",
+					onPointerdown: o[32] ||= (e) => T(O)(e, () => N()),
+					onPointerup: o[33] ||= (...e) => T(k) && T(k)(...e),
+					onPointerleave: o[34] ||= (...e) => T(k) && T(k)(...e),
+					onPointercancel: o[35] ||= (...e) => T(k) && T(k)(...e),
+					onContextmenu: o[36] ||= A(() => {}, ["prevent"])
+				}, o[40] ||= [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: "tdhk-base__key-icon",
+					alt: "Enter"
+				}, null, -1)], 32)
+			])
+		]));
+	}
+}), Ze = { class: "num-keyboard" }, Qe = { class: "num-keyboard__container" }, $e = { class: "num-keyboard__left" }, et = { class: "num-keyboard__rows" }, tt = ["onClick", "onPointerdown"], nt = {
+	key: 1,
+	src: Pe,
+	class: "tdhk-base__key-icon",
+	alt: "Space"
+}, rt = { class: "num-keyboard__right" }, it = ["onPointerdown"], at = ["src", "alt"], ot = { key: 1 }, st = /* @__PURE__ */ c({
+	__name: "NumericKeyboard",
+	props: { keyboardRows: { default: () => F().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: fe,
+				text: "",
+				alt: "Delete"
+			},
+			{
+				key: ".",
+				icon: "",
+				text: ".",
+				alt: "."
+			},
+			{
+				key: "@",
+				icon: "",
+				text: "@",
+				alt: "@"
+			},
+			{
+				key: "enter",
+				icon: pe,
+				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 } = $();
+		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", Ze, [a("div", Qe, [a("div", $e, [a("div", et, [(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] ||= A(() => {}, ["prevent"])
+		}, [t === "back" ? (y(), i(e, { key: 0 }, [o(" 返回 ")], 64)) : t === "space" ? (y(), i("img", nt)) : (y(), i(e, { key: 2 }, [o(C(t), 1)], 64))], 42, tt))), 128))]))), 128))])]), a("div", rt, [(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] ||= A(() => {}, ["prevent"])
+		}, [e.icon ? (y(), i("img", {
+			key: 0,
+			src: e.icon,
+			class: "num-keyboard__key-icon",
+			alt: e.alt
+		}, null, 8, at)) : (y(), i("span", ot, C(e.text), 1))], 40, it)), 64))])])]));
+	}
+}), ct = "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", lt = "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", ut = { class: "symbol-keyboard" }, dt = { class: "symbol-keyboard__content" }, ft = { class: "symbol-keyboard__functions" }, pt = { class: "symbol-keyboard__lang-selector" }, mt = { class: "symbol-keyboard__control-group" }, ht = ["src"], gt = ["src"], _t = { class: "symbol-keyboard__symbols-container" }, vt = { class: "symbol-keyboard__symbols-grid" }, yt = ["onClick", "onPointerdown"], bt = "!@#$%^&*(){}[]<>/\\|:;\"',.?+-=_~`€£¥₹©®™°", xt = "！＠＃￥％…＆＊（）｛｝［］＜＞／＼｜：；＂＇，。？＋－＝＿～·€£¥₹©®™°", St = /* @__PURE__ */ c({
+	__name: "SymbolKeyboard",
+	emits: ["key", "exit"],
+	setup(n, { emit: r }) {
+		let o = r, s = b("en"), c = t(() => s.value === "zh" ? xt : bt), l = b(!1), { startRepeat: u, stopRepeat: d } = $();
+		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", ut, [a("div", dt, [a("div", ft, [a("div", pt, [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] ||= A(() => {}, ["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] ||= A(() => {}, ["prevent"])
+		}, " 英文 ", 34)]), a("div", mt, [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] ||= A(() => {}, ["prevent"])
+		}, [l.value ? (y(), i("img", {
+			key: 1,
+			src: T(lt),
+			alt: "Lock closed"
+		}, null, 8, gt)) : (y(), i("img", {
+			key: 0,
+			src: T(ct),
+			alt: "Lock open"
+		}, null, 8, ht))], 34), a("button", {
+			class: "symbol-keyboard__key symbol-keyboard__key--function symbol-keyboard__key--back",
+			onClick: h,
+			onContextmenu: n[5] ||= A(() => {}, ["prevent"])
+		}, " 返回 ", 32)])]), a("div", _t, [a("div", vt, [(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] ||= A(() => {}, ["prevent"])
+		}, C(e), 41, yt))), 128))])])])]));
+	}
+}), Ct = {
+	key: 0,
+	class: "tdhk__disabled-overlay"
+}, wt = /* @__PURE__ */ c({
+	__name: "TdhKeyboard",
+	props: {
+		defaultMode: {
+			type: String,
+			default: () => F().defaultMode ?? "en"
+		},
+		enableHandwriting: {
+			type: Boolean,
+			default: () => F().enableHandwriting ?? !1
+		},
+		position: {
+			type: String,
+			default: () => F().position ?? "static"
+		},
+		floatMarginTop: {
+			type: Number,
+			default: () => F().floatMarginTop ?? 0
+		},
+		disableWhenNoFocus: {
+			type: Boolean,
+			default: () => F().disableWhenNoFocus ?? !0
+		},
+		manual: {
+			type: Boolean,
+			default: () => F().manual ?? !1
+		},
+		numKeys: { type: Array || void 0 }
+	},
+	emits: ["key"],
+	setup(o, { expose: s, emit: c }) {
+		let l = o, u = c;
+		function d(e) {
+			return e === "zh" || e === "en" || e === "en_cap";
+		}
+		function f(e) {
+			return d(e) ? e : "zh";
+		}
+		let h = b(l.defaultMode), g = b(!1), _ = b(f(l.defaultMode)), v = b(!1), x = b(!1), S = b([]), C = b(!1), w = b(null), E = b(null), j = b(null), N = b(!l.manual), P = b(!1), { recognizerInitialized: F, recognizerProgress: I } = de(l.enableHandwriting);
+		D(h, (e) => {
+			d(e) && (_.value = e);
+		});
+		let R = ce(), z = t(() => l.manual ? j.value : R.value && L(R.value) ? R.value : null), B = t(() => P.value || !N.value || g.value && !z.value ? !1 : l.manual || l.position === "static" || !!(R.value && L(R.value)));
+		D(z, (e, t) => {
+			!l.manual && !P.value && e && e !== t && (N.value = !0);
+		});
+		let { height: V } = ue(E);
+		O(() => {
+			if (N.value && z.value) {
+				g.value = !1;
+				let e = z.value.dataset.inputmode;
+				e && (v.value = !1, x.value = !1, d(e) ? _.value = e : e === "hand" && (_.value = "zh"), h.value = e);
+			}
+		});
+		let H = t(() => l.manual ? !j.value : l.disableWhenNoFocus === !1 ? !1 : !z.value);
+		function U() {
+			V.value && (w.value = M(z.value, E.value, l.position, l.floatMarginTop));
+		}
+		O(U);
+		let W = re(U, 100);
+		Z(window, "scroll", W, { passive: !0 }), Z(window, "resize", W, { passive: !0 });
+		function G(e) {
+			if (e.isControl) {
+				switch (e.key) {
+					case "delete":
+						te(z.value);
+						break;
+					case "more":
+						C.value = !0;
+						break;
+					default: break;
+				}
+				return;
+			} else K(e.key);
+			u("key", e);
+		}
+		function K(e) {
+			ne(z.value, e);
+		}
+		function q() {
+			if (h.value === "symbol" && x.value) {
+				x.value = !1, h.value = "hand";
+				return;
+			}
+			x.value = !1, h.value = _.value;
+		}
+		function ie(e) {
+			S.value = e;
+		}
+		function J() {
+			if (l.enableHandwriting) {
+				if (h.value === "hand") {
+					h.value = _.value;
+					return;
+				}
+				d(h.value) && (_.value = h.value, h.value = "hand");
+			}
+		}
+		function Y() {
+			Q(), z.value?.blur();
+		}
+		function X() {
+			x.value = !0, h.value = "symbol";
+		}
+		function ae(e) {
+			P.value = !1, e ? (j.value = e, e.focus()) : R.value && L(R.value) && (j.value = R.value), g.value = !1, N.value = !0, U();
+		}
+		function Q() {
+			g.value = !0, N.value = !1;
+		}
+		function oe() {
+			Q(), j.value = null, w.value = null, S.value = [], C.value = !1, P.value = !0;
+		}
+		return D(() => l.manual, (e) => {
+			if (!e) {
+				N.value = !0, j.value = null, P.value = !1;
+				return;
+			}
+			N.value = !1, j.value = null;
+		}), s({
+			open: ae,
+			close: Q,
+			destroy: oe
+		}), (t, s) => k((y(), i("div", {
+			ref_key: "keyboardRef",
+			ref: E,
+			class: p(["tdhk", {
+				"tdhk--floating": o.position === "float",
+				"tdhk--bottom": o.position === "bottom",
+				"tdhk--disabled": H.value
+			}]),
+			style: m({
+				"--keyboard-height": `${T(V)}px`,
+				...w.value
+			}),
+			onMousedown: s[2] ||= A(() => {}, ["prevent"])
+		}, [H.value || !B.value || !T(V) ? (y(), i("div", Ct, s[3] ||= [a("span", null, "请选择输入框以启用键盘", -1)])) : (y(), i(e, { key: 1 }, [h.value === "hand" ? (y(), n(Ne, {
+			key: 0,
+			"recognizer-initialized": T(F),
+			"recognizer-progress": T(I),
+			onKey: G,
+			onExit: q,
+			onToggleKeyboard: J,
+			onSwitchToSymbol: X,
+			onCollapse: Y,
+			onRecognize: ie
+		}, null, 8, ["recognizer-initialized", "recognizer-progress"])) : h.value === "num" ? (y(), n(st, {
+			key: 1,
+			"keyboard-rows": o.numKeys,
+			onKey: G,
+			onExit: q
+		}, null, 8, ["keyboard-rows"])) : h.value === "symbol" ? (y(), n(St, {
+			key: 2,
+			onKey: G,
+			onExit: q
+		})) : h.value === "en" || h.value === "en_cap" || h.value === "zh" ? (y(), n(Xe, {
+			key: 3,
+			modelValue: h.value,
+			"onUpdate:modelValue": s[0] ||= (e) => h.value = e,
+			"caps-return-to-chinese": v.value,
+			"onUpdate:capsReturnToChinese": s[1] ||= (e) => v.value = e,
+			"enable-handwriting": o.enableHandwriting,
+			onKey: G,
+			onToggleKeyboard: J,
+			onCollapse: Y
+		}, null, 8, [
+			"modelValue",
+			"caps-return-to-chinese",
+			"enable-handwriting"
+		])) : r("", !0)], 64))], 38)), [[ee, B.value]]);
+	}
+}), Tt = { install: (e) => {
+	e.component("TdhKeyboard", wt);
+} };
+//#endregion
+export { wt as TdhKeyboard, Tt as default };
+
+//# sourceMappingURL=tdh-keyboard-vue.js.map