@composy/keyboard-core 0.0.1

package/dist/index.js

@@ -0,0 +1,3605 @@
+/*!
+* ***********************************
+* @composy/keyboard-core v0.0.1   *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:29 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+(function(global, factory) {
+	typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.LDesignKeyboardCore = {}));
+})(this, function(exports) {
+	Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+	//#region src/layouts/qwerty.ts
+	function createCharKey$4(char) {
+		return {
+			id: `char-${char.toLowerCase()}`,
+			type: "char",
+			label: {
+				lower: char.toLowerCase(),
+				upper: char.toUpperCase()
+			},
+			value: {
+				lower: char.toLowerCase(),
+				upper: char.toUpperCase()
+			}
+		};
+	}
+	const qwertyLayout = {
+		type: "qwerty",
+		name: "字母键盘",
+		supportShift: true,
+		defaultUpperCase: false,
+		switchable: ["number", "symbol"],
+		rows: [
+			{ keys: [
+				createCharKey$4("Q"),
+				createCharKey$4("W"),
+				createCharKey$4("E"),
+				createCharKey$4("R"),
+				createCharKey$4("T"),
+				createCharKey$4("Y"),
+				createCharKey$4("U"),
+				createCharKey$4("I"),
+				createCharKey$4("O"),
+				createCharKey$4("P")
+			] },
+			{ keys: [
+				createCharKey$4("A"),
+				createCharKey$4("S"),
+				createCharKey$4("D"),
+				createCharKey$4("F"),
+				createCharKey$4("G"),
+				createCharKey$4("H"),
+				createCharKey$4("J"),
+				createCharKey$4("K"),
+				createCharKey$4("L")
+			] },
+			{ keys: [
+				{
+					id: "shift",
+					type: "shift",
+					label: "⇧",
+					width: 1.5,
+					className: "key-shift"
+				},
+				createCharKey$4("Z"),
+				createCharKey$4("X"),
+				createCharKey$4("C"),
+				createCharKey$4("V"),
+				createCharKey$4("B"),
+				createCharKey$4("N"),
+				createCharKey$4("M"),
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "switch-symbol",
+					type: "tab",
+					label: "#+=",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "symbol" }
+				},
+				{
+					id: "space",
+					type: "space",
+					label: "空格",
+					value: " ",
+					width: 4,
+					className: "key-space"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "完成",
+					width: 2,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	//#endregion
+	//#region src/icons.ts
+	const ICON_DELETE = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 5a2 2 0 0 0-1.344.519l-6.328 5.74a1 1 0 0 0 0 1.481l6.328 5.741A2 2 0 0 0 10 19h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"/><path d="m12 9 6 6"/><path d="m18 9-6 6"/></svg>`;
+	const ICON_CLEAR = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>`;
+	const ICON_CLOSE = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;
+	const ICON_CHECK = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>`;
+	const ICON_ENTER = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 10 4 15 9 20"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/></svg>`;
+	const ICON_SHIFT = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18v-6H5l7-7 7 7h-4v6H9z"/></svg>`;
+	const ICON_SPACE = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1"/></svg>`;
+	const ICON_KEYBOARD = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="M6 8h.001"/><path d="M10 8h.001"/><path d="M14 8h.001"/><path d="M18 8h.001"/><path d="M8 12h.001"/><path d="M12 12h.001"/><path d="M16 12h.001"/><path d="M7 16h10"/></svg>`;
+	const ICON_VOICE = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg>`;
+	const ICONS = {
+		delete: ICON_DELETE,
+		clear: ICON_CLEAR,
+		close: ICON_CLOSE,
+		check: ICON_CHECK,
+		enter: ICON_ENTER,
+		shift: ICON_SHIFT,
+		space: ICON_SPACE,
+		keyboard: ICON_KEYBOARD,
+		voice: ICON_VOICE
+	};
+	//#endregion
+	//#region src/layouts/number.ts
+	function createNumberKey$6(num) {
+		return {
+			id: `num-${num}`,
+			type: "char",
+			label: num,
+			value: num,
+			className: "key-num"
+		};
+	}
+	const numberLayout = {
+		type: "number",
+		name: "数字键盘",
+		supportShift: false,
+		switchable: ["qwerty", "symbol"],
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$6("1"),
+					createNumberKey$6("2"),
+					createNumberKey$6("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$6("4"),
+					createNumberKey$6("5"),
+					createNumberKey$6("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$6("7"),
+					createNumberKey$6("8"),
+					createNumberKey$6("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "decimal",
+						type: "char",
+						label: ".",
+						value: ".",
+						className: "key-num"
+					},
+					createNumberKey$6("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		]
+	};
+	const integerLayout = {
+		type: "integer",
+		name: "整数键盘",
+		supportShift: false,
+		switchable: ["qwerty"],
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$6("1"),
+					createNumberKey$6("2"),
+					createNumberKey$6("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$6("4"),
+					createNumberKey$6("5"),
+					createNumberKey$6("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$6("7"),
+					createNumberKey$6("8"),
+					createNumberKey$6("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "switch-qwerty",
+						type: "tab",
+						label: "ABC",
+						className: "key-numpad-fn",
+						data: { targetType: "qwerty" }
+					},
+					createNumberKey$6("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		]
+	};
+	//#endregion
+	//#region src/layouts/symbol.ts
+	function createSymbolKey(symbol, id) {
+		return {
+			id: id || `symbol-${symbol.charCodeAt(0)}`,
+			type: "char",
+			label: symbol,
+			value: symbol
+		};
+	}
+	const symbolLayout = {
+		type: "symbol",
+		name: "符号键盘",
+		supportShift: false,
+		switchable: ["qwerty", "number"],
+		rows: [
+			{ keys: [
+				createSymbolKey("1"),
+				createSymbolKey("2"),
+				createSymbolKey("3"),
+				createSymbolKey("4"),
+				createSymbolKey("5"),
+				createSymbolKey("6"),
+				createSymbolKey("7"),
+				createSymbolKey("8"),
+				createSymbolKey("9"),
+				createSymbolKey("0")
+			] },
+			{ keys: [
+				createSymbolKey("-"),
+				createSymbolKey("/"),
+				createSymbolKey(":"),
+				createSymbolKey(";"),
+				createSymbolKey("("),
+				createSymbolKey(")"),
+				createSymbolKey("¥", "yen"),
+				createSymbolKey("@"),
+				createSymbolKey("\"", "quote")
+			] },
+			{ keys: [
+				{
+					id: "switch-symbol-2",
+					type: "tab",
+					label: "#+= ",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "symbol-2" }
+				},
+				createSymbolKey("."),
+				createSymbolKey(","),
+				createSymbolKey("?"),
+				createSymbolKey("!"),
+				createSymbolKey("'", "apostrophe"),
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-qwerty",
+					type: "tab",
+					label: "ABC",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "qwerty" }
+				},
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "space",
+					type: "space",
+					label: "空格",
+					value: " ",
+					width: 4,
+					className: "key-space"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "完成",
+					width: 2,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	const symbolLayout2 = {
+		type: "symbol",
+		name: "符号键盘2",
+		supportShift: false,
+		switchable: ["qwerty", "number"],
+		rows: [
+			{ keys: [
+				createSymbolKey("["),
+				createSymbolKey("]"),
+				createSymbolKey("{"),
+				createSymbolKey("}"),
+				createSymbolKey("#"),
+				createSymbolKey("%"),
+				createSymbolKey("^"),
+				createSymbolKey("*"),
+				createSymbolKey("+"),
+				createSymbolKey("=")
+			] },
+			{ keys: [
+				createSymbolKey("_"),
+				createSymbolKey("\\"),
+				createSymbolKey("|"),
+				createSymbolKey("~"),
+				createSymbolKey("<"),
+				createSymbolKey(">"),
+				createSymbolKey("€", "euro"),
+				createSymbolKey("$"),
+				createSymbolKey("&")
+			] },
+			{ keys: [
+				{
+					id: "switch-symbol-1",
+					type: "tab",
+					label: "123",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "symbol" }
+				},
+				createSymbolKey("`", "backtick"),
+				createSymbolKey("·", "middle-dot"),
+				createSymbolKey("…", "ellipsis"),
+				createSymbolKey("°", "degree"),
+				createSymbolKey("•", "bullet"),
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-qwerty",
+					type: "tab",
+					label: "ABC",
+					width: 1.5,
+					className: "key-switch",
+					data: { targetType: "qwerty" }
+				},
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "space",
+					type: "space",
+					label: "空格",
+					value: " ",
+					width: 4,
+					className: "key-space"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "完成",
+					width: 2,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	//#endregion
+	//#region src/layouts/license-plate.ts
+	const PROVINCES = [
+		"京",
+		"津",
+		"沪",
+		"渝",
+		"冀",
+		"豫",
+		"云",
+		"辽",
+		"黑",
+		"湘",
+		"皖",
+		"鲁",
+		"新",
+		"苏",
+		"浙",
+		"赣",
+		"鄂",
+		"桂",
+		"甘",
+		"晋",
+		"蒙",
+		"陕",
+		"吉",
+		"闽",
+		"贵",
+		"粤",
+		"青",
+		"藏",
+		"川",
+		"宁",
+		"琼",
+		"港",
+		"澳"
+	];
+	const PLATE_LETTERS = [
+		"A",
+		"B",
+		"C",
+		"D",
+		"E",
+		"F",
+		"G",
+		"H",
+		"J",
+		"K",
+		"L",
+		"M",
+		"N",
+		"P",
+		"Q",
+		"R",
+		"S",
+		"T",
+		"U",
+		"V",
+		"W",
+		"X",
+		"Y",
+		"Z"
+	];
+	function createProvinceKey(province) {
+		return {
+			id: `province-${province}`,
+			type: "char",
+			label: province,
+			value: province,
+			className: "key-plate-province",
+			data: { switchAfterInput: "license-plate-alphanumeric" }
+		};
+	}
+	function createLetterKey(letter) {
+		return {
+			id: `letter-${letter}`,
+			type: "char",
+			label: letter,
+			value: letter,
+			className: "key-plate-letter"
+		};
+	}
+	function createNumberKey$5(num) {
+		return {
+			id: `num-${num}`,
+			type: "char",
+			label: num,
+			value: num,
+			className: "key-plate-number"
+		};
+	}
+	const licensePlateProvinceLayout = {
+		type: "license-plate-province",
+		name: "省份简称",
+		supportShift: false,
+		rows: [
+			{
+				className: "plate-keyboard-row",
+				keys: PROVINCES.slice(0, 10).map(createProvinceKey)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: PROVINCES.slice(10, 20).map(createProvinceKey)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: PROVINCES.slice(20, 30).map(createProvinceKey)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [
+					...PROVINCES.slice(30, 33).map(createProvinceKey),
+					{
+						id: "plate-xue",
+						type: "char",
+						label: "学",
+						value: "学",
+						className: "key-plate-special",
+						data: { switchAfterInput: "license-plate-alphanumeric" }
+					},
+					{
+						id: "plate-jing",
+						type: "char",
+						label: "警",
+						value: "警",
+						className: "key-plate-special",
+						data: { switchAfterInput: "license-plate-alphanumeric" }
+					},
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						width: 1.5,
+						className: "key-plate-fn"
+					},
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2.5,
+						className: "key-plate-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 8,
+			inputType: "license-plate"
+		}
+	};
+	const licensePlateAlphanumericLayout = {
+		type: "license-plate-alphanumeric",
+		name: "字母数字",
+		supportShift: false,
+		rows: [
+			{
+				className: "plate-keyboard-row",
+				keys: "1234567890".split("").map(createNumberKey$5)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: PLATE_LETTERS.slice(0, 10).map(createLetterKey)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [...PLATE_LETTERS.slice(10, 19).map(createLetterKey), {
+					id: "backspace",
+					type: "backspace",
+					icon: ICON_DELETE,
+					label: "",
+					className: "key-plate-fn"
+				}]
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [
+					{
+						id: "switch-province",
+						type: "tab",
+						label: "省份",
+						width: 1.5,
+						className: "key-plate-switch",
+						data: { targetType: "license-plate-province" }
+					},
+					...PLATE_LETTERS.slice(19, 24).map(createLetterKey),
+					{
+						id: "plate-xue",
+						type: "char",
+						label: "学",
+						value: "学",
+						className: "key-plate-special"
+					},
+					{
+						id: "plate-jing",
+						type: "char",
+						label: "警",
+						value: "警",
+						className: "key-plate-special"
+					},
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 1.5,
+						className: "key-plate-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 8,
+			inputType: "license-plate"
+		}
+	};
+	const licensePlateLetterLayout = {
+		type: "license-plate-letter",
+		name: "字母",
+		supportShift: false,
+		rows: [
+			{
+				className: "plate-keyboard-row",
+				keys: PLATE_LETTERS.slice(0, 8).map(createLetterKey)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: PLATE_LETTERS.slice(8, 16).map(createLetterKey)
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [...PLATE_LETTERS.slice(16, 24).map(createLetterKey)]
+			},
+			{
+				className: "plate-keyboard-row",
+				keys: [
+					{
+						id: "switch-province",
+						type: "tab",
+						label: "省份",
+						width: 2,
+						className: "key-plate-switch",
+						data: { targetType: "license-plate-province" }
+					},
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						width: 2,
+						className: "key-plate-fn"
+					},
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-plate-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 8,
+			inputType: "license-plate"
+		}
+	};
+	const licensePlateLayout = {
+		type: "license-plate",
+		name: "车牌号键盘",
+		supportShift: false,
+		data: {
+			autoSwitch: true,
+			maxLength: 8,
+			inputType: "license-plate"
+		},
+		rows: licensePlateProvinceLayout.rows
+	};
+	//#endregion
+	//#region src/layouts/idcard.ts
+	function createNumberKey$4(num) {
+		return {
+			id: `idcard-${num}`,
+			type: "char",
+			label: num,
+			value: num,
+			className: "key-num"
+		};
+	}
+	const idcardLayout = {
+		type: "idcard",
+		name: "身份证键盘",
+		supportShift: false,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$4("1"),
+					createNumberKey$4("2"),
+					createNumberKey$4("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$4("4"),
+					createNumberKey$4("5"),
+					createNumberKey$4("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$4("7"),
+					createNumberKey$4("8"),
+					createNumberKey$4("9"),
+					{
+						id: "idcard-x",
+						type: "char",
+						label: "X",
+						value: "X",
+						className: "key-num"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					},
+					createNumberKey$4("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 18,
+			inputType: "idcard"
+		}
+	};
+	//#endregion
+	//#region src/layouts/phone.ts
+	function createNumberKey$3(num) {
+		return {
+			id: `phone-${num}`,
+			type: "char",
+			label: num,
+			value: num,
+			className: "key-num"
+		};
+	}
+	const phoneLayout = {
+		type: "phone",
+		name: "手机号键盘",
+		supportShift: false,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$3("1"),
+					createNumberKey$3("2"),
+					createNumberKey$3("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$3("4"),
+					createNumberKey$3("5"),
+					createNumberKey$3("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$3("7"),
+					createNumberKey$3("8"),
+					createNumberKey$3("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "phone-plus",
+						type: "char",
+						label: "+",
+						value: "+",
+						className: "key-num"
+					},
+					createNumberKey$3("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 11,
+			inputType: "phone"
+		}
+	};
+	const phoneSimpleLayout = {
+		type: "phone-simple",
+		name: "拨号键盘",
+		supportShift: false,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$3("1"),
+					createNumberKey$3("2"),
+					createNumberKey$3("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$3("4"),
+					createNumberKey$3("5"),
+					createNumberKey$3("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$3("7"),
+					createNumberKey$3("8"),
+					createNumberKey$3("9"),
+					{
+						id: "phone-hash",
+						type: "char",
+						label: "#",
+						value: "#",
+						className: "key-num"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "phone-star",
+						type: "char",
+						label: "*",
+						value: "*",
+						className: "key-num"
+					},
+					createNumberKey$3("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "拨打",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 13,
+			inputType: "phone"
+		}
+	};
+	//#endregion
+	//#region src/layouts/amount.ts
+	function createNumberKey$2(num) {
+		return {
+			id: `amount-${num}`,
+			type: "char",
+			label: num,
+			value: num,
+			className: "key-num"
+		};
+	}
+	const amountLayout = {
+		type: "amount",
+		name: "金额键盘",
+		supportShift: false,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$2("1"),
+					createNumberKey$2("2"),
+					createNumberKey$2("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$2("4"),
+					createNumberKey$2("5"),
+					createNumberKey$2("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$2("7"),
+					createNumberKey$2("8"),
+					createNumberKey$2("9"),
+					{
+						id: "double-zero",
+						type: "char",
+						label: "00",
+						value: "00",
+						className: "key-num"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "decimal",
+						type: "char",
+						label: ".",
+						value: ".",
+						className: "key-num"
+					},
+					createNumberKey$2("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			inputType: "amount",
+			decimalPlaces: 2
+		}
+	};
+	const amountSimpleLayout = {
+		type: "amount-simple",
+		name: "金额键盘",
+		supportShift: false,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$2("1"),
+					createNumberKey$2("2"),
+					createNumberKey$2("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$2("4"),
+					createNumberKey$2("5"),
+					createNumberKey$2("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$2("7"),
+					createNumberKey$2("8"),
+					createNumberKey$2("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "decimal",
+						type: "char",
+						label: ".",
+						value: ".",
+						className: "key-num"
+					},
+					createNumberKey$2("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			inputType: "amount",
+			decimalPlaces: 2
+		}
+	};
+	//#endregion
+	//#region src/layouts/bankcard.ts
+	function createNumberKey$1(num) {
+		return {
+			id: `bankcard-${num}`,
+			type: "char",
+			label: num,
+			value: num,
+			className: "key-num"
+		};
+	}
+	const bankcardLayout = {
+		type: "bankcard",
+		name: "银行卡键盘",
+		supportShift: false,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$1("1"),
+					createNumberKey$1("2"),
+					createNumberKey$1("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$1("4"),
+					createNumberKey$1("5"),
+					createNumberKey$1("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey$1("7"),
+					createNumberKey$1("8"),
+					createNumberKey$1("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "switch-qwerty",
+						type: "tab",
+						label: "ABC",
+						className: "key-numpad-fn",
+						data: { targetType: "qwerty" }
+					},
+					createNumberKey$1("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 19,
+			inputType: "bankcard"
+		}
+	};
+	//#endregion
+	//#region src/layouts/verifycode.ts
+	function createNumberKey(num) {
+		return {
+			id: `verify-${num}`,
+			type: "char",
+			label: num,
+			value: num,
+			className: "key-num"
+		};
+	}
+	const verifycodeLayout = {
+		type: "verifycode",
+		name: "验证码键盘",
+		supportShift: false,
+		rows: [
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey("1"),
+					createNumberKey("2"),
+					createNumberKey("3"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey("4"),
+					createNumberKey("5"),
+					createNumberKey("6"),
+					{
+						id: "clear",
+						type: "clear",
+						icon: ICON_CLEAR,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					createNumberKey("7"),
+					createNumberKey("8"),
+					createNumberKey("9"),
+					{
+						id: "close",
+						type: "close",
+						label: "关闭",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "numpad-row",
+				keys: [
+					{
+						id: "empty",
+						type: "char",
+						label: "",
+						value: "",
+						disabled: true,
+						className: "key-numpad-empty"
+					},
+					createNumberKey("0"),
+					{
+						id: "done",
+						type: "done",
+						label: "确定",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		],
+		data: {
+			maxLength: 6,
+			inputType: "verifycode"
+		}
+	};
+	//#endregion
+	//#region src/layouts/email.ts
+	function createCharKey$3(char) {
+		return {
+			id: `email-char-${char.toLowerCase()}`,
+			type: "char",
+			label: {
+				lower: char.toLowerCase(),
+				upper: char.toUpperCase()
+			},
+			value: {
+				lower: char.toLowerCase(),
+				upper: char.toUpperCase()
+			}
+		};
+	}
+	function snippet$1(label, id) {
+		return {
+			id: id || `email-snippet-${label.replace(/[^a-z0-9]/gi, "")}`,
+			type: "char",
+			label,
+			value: label,
+			className: "key-snippet"
+		};
+	}
+	const EMAIL_SUFFIXES = [
+		"@qq.com",
+		"@163.com",
+		"@126.com",
+		"@gmail.com",
+		"@outlook.com",
+		"@hotmail.com",
+		"@sina.com",
+		"@sohu.com",
+		"@icloud.com",
+		"@foxmail.com",
+		"@yeah.net",
+		"@139.com"
+	];
+	const emailLayout = {
+		type: "email",
+		name: "邮箱键盘",
+		supportShift: true,
+		defaultUpperCase: false,
+		switchable: ["symbol", "number"],
+		rows: [
+			{ keys: "qwertyuiop".split("").map(createCharKey$3) },
+			{ keys: "asdfghjkl".split("").map(createCharKey$3) },
+			{ keys: [
+				{
+					id: "shift",
+					type: "shift",
+					icon: ICON_SHIFT,
+					label: "",
+					width: 1.5,
+					className: "key-shift"
+				},
+				..."zxcvbnm".split("").map(createCharKey$3),
+				{
+					id: "backspace",
+					type: "backspace",
+					icon: ICON_DELETE,
+					label: "",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "email-at",
+					type: "char",
+					label: "@",
+					value: "@",
+					className: "key-at"
+				},
+				{
+					id: "email-suffix",
+					type: "char",
+					label: ".com",
+					value: "",
+					width: 1.5,
+					className: "key-suffix",
+					options: EMAIL_SUFFIXES
+				},
+				snippet$1(".", "email-dot"),
+				snippet$1("-", "email-dash"),
+				snippet$1("_", "email-underscore"),
+				{
+					id: "space",
+					type: "space",
+					label: "",
+					value: " ",
+					width: 2,
+					className: "key-space"
+				},
+				{
+					id: "email-done",
+					type: "done",
+					label: "确定",
+					width: 1.5,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	//#endregion
+	//#region src/layouts/url.ts
+	function createCharKey$2(char) {
+		return {
+			id: `url-char-${char.toLowerCase()}`,
+			type: "char",
+			label: {
+				lower: char.toLowerCase(),
+				upper: char.toUpperCase()
+			},
+			value: {
+				lower: char.toLowerCase(),
+				upper: char.toUpperCase()
+			}
+		};
+	}
+	function snippet(label, width) {
+		return {
+			id: `url-snippet-${label.replace(/[^a-z0-9]/gi, "") || label.split("").map((c) => c.charCodeAt(0)).join("")}`,
+			type: "char",
+			label,
+			value: label,
+			width,
+			className: "key-snippet"
+		};
+	}
+	const urlLayout = {
+		type: "url",
+		name: "网址键盘",
+		supportShift: true,
+		defaultUpperCase: false,
+		switchable: ["symbol", "number"],
+		rows: [
+			{ keys: "qwertyuiop".split("").map(createCharKey$2) },
+			{ keys: "asdfghjkl".split("").map(createCharKey$2) },
+			{ keys: [
+				{
+					id: "shift",
+					type: "shift",
+					icon: ICON_SHIFT,
+					label: "",
+					width: 1.5,
+					className: "key-shift"
+				},
+				..."zxcvbnm".split("").map(createCharKey$2),
+				{
+					id: "backspace",
+					type: "backspace",
+					icon: ICON_DELETE,
+					label: "",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.2,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				snippet("/", .8),
+				snippet(".", .8),
+				snippet("-", .8),
+				snippet(".com", 1.5),
+				snippet(".cn", 1.2),
+				{
+					id: "space",
+					type: "space",
+					label: "",
+					value: " ",
+					width: 1.5,
+					className: "key-space"
+				},
+				{
+					id: "url-go",
+					type: "done",
+					label: "前往",
+					width: 1.5,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	//#endregion
+	//#region src/layouts/search.ts
+	function createCharKey$1(char) {
+		return {
+			id: `search-char-${char.toLowerCase()}`,
+			type: "char",
+			label: {
+				lower: char.toLowerCase(),
+				upper: char.toUpperCase()
+			},
+			value: {
+				lower: char.toLowerCase(),
+				upper: char.toUpperCase()
+			}
+		};
+	}
+	const searchLayout = {
+		type: "search",
+		name: "搜索键盘",
+		supportShift: true,
+		defaultUpperCase: false,
+		switchable: ["symbol", "number"],
+		rows: [
+			{ keys: "qwertyuiop".split("").map(createCharKey$1) },
+			{ keys: "asdfghjkl".split("").map(createCharKey$1) },
+			{ keys: [
+				{
+					id: "shift",
+					type: "shift",
+					icon: ICON_SHIFT,
+					label: "",
+					width: 1.5,
+					className: "key-shift"
+				},
+				..."zxcvbnm".split("").map(createCharKey$1),
+				{
+					id: "backspace",
+					type: "backspace",
+					icon: ICON_DELETE,
+					label: "",
+					width: 1.5,
+					className: "key-backspace"
+				}
+			] },
+			{ keys: [
+				{
+					id: "switch-number",
+					type: "tab",
+					label: "123",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "number" }
+				},
+				{
+					id: "switch-symbol",
+					type: "tab",
+					label: "#+=",
+					width: 1.25,
+					className: "key-switch",
+					data: { targetType: "symbol" }
+				},
+				{
+					id: "space",
+					type: "space",
+					label: "",
+					value: " ",
+					width: 4,
+					className: "key-space"
+				},
+				{
+					id: "voice",
+					type: "custom",
+					icon: ICON_VOICE,
+					label: "",
+					width: 1,
+					className: "key-voice",
+					data: { action: "voice" }
+				},
+				{
+					id: "search-done",
+					type: "done",
+					label: "搜索",
+					width: 2,
+					className: "key-done"
+				}
+			] }
+		]
+	};
+	//#endregion
+	//#region src/layouts/punct.ts
+	function p(label, value) {
+		return {
+			id: `punct-${label}`,
+			type: "char",
+			label,
+			value: value ?? label,
+			className: "key-num"
+		};
+	}
+	const punctLayout = {
+		type: "punct",
+		name: "中文标点",
+		supportShift: false,
+		switchable: ["qwerty", "punct-en"],
+		rows: [
+			{
+				className: "virtual-keyboard__row",
+				keys: [
+					"，",
+					"。",
+					"？",
+					"！",
+					"：",
+					"；",
+					"\"",
+					"\""
+				].map((s) => p(s))
+			},
+			{
+				className: "virtual-keyboard__row",
+				keys: [
+					"（",
+					"）",
+					"【",
+					"】",
+					"《",
+					"》",
+					"……",
+					"——"
+				].map((s) => p(s))
+			},
+			{
+				className: "virtual-keyboard__row",
+				keys: [
+					p("·"),
+					p("、"),
+					p("「"),
+					p("」"),
+					p("『"),
+					p("』"),
+					p("~"),
+					{
+						id: "backspace",
+						type: "backspace",
+						icon: ICON_DELETE,
+						label: "",
+						className: "key-numpad-fn"
+					}
+				]
+			},
+			{
+				className: "virtual-keyboard__row",
+				keys: [
+					{
+						id: "switch-punct-en",
+						type: "tab",
+						label: "英",
+						data: { targetType: "punct-en" },
+						className: "key-numpad-fn"
+					},
+					{
+						id: "switch-qwerty",
+						type: "tab",
+						label: "ABC",
+						data: { targetType: "qwerty" },
+						className: "key-numpad-fn"
+					},
+					{
+						id: "space",
+						type: "space",
+						label: "空格",
+						value: " ",
+						width: 4,
+						className: "key-num"
+					},
+					{
+						id: "done",
+						type: "done",
+						icon: ICON_CHECK,
+						label: "",
+						width: 2,
+						className: "key-numpad-done"
+					}
+				]
+			}
+		]
+	};
+	//#endregion
+	//#region src/layouts/index.ts
+	const builtinLayouts = {
+		"qwerty": qwertyLayout,
+		"number": numberLayout,
+		"integer": integerLayout,
+		"symbol": symbolLayout,
+		"symbol-2": symbolLayout2,
+		"license-plate": licensePlateLayout,
+		"license-plate-province": licensePlateProvinceLayout,
+		"license-plate-letter": licensePlateLetterLayout,
+		"license-plate-alphanumeric": licensePlateAlphanumericLayout,
+		"idcard": idcardLayout,
+		"phone": phoneLayout,
+		"phone-simple": phoneSimpleLayout,
+		"amount": amountLayout,
+		"amount-simple": amountSimpleLayout,
+		"bankcard": bankcardLayout,
+		"verifycode": verifycodeLayout,
+		"email": emailLayout,
+		"url": urlLayout,
+		"search": searchLayout,
+		"punct": punctLayout
+	};
+	const customLayouts = {};
+	function registerLayout(name, layout) {
+		if (builtinLayouts[name]) {
+			console.warn(`[Keyboard] Cannot override builtin layout "${name}"`);
+			return;
+		}
+		customLayouts[name] = layout;
+	}
+	function getLayout(type) {
+		return customLayouts[type] || builtinLayouts[type];
+	}
+	function getAvailableLayouts() {
+		return [...Object.keys(builtinLayouts), ...Object.keys(customLayouts)];
+	}
+	function hasLayout(name) {
+		return name in builtinLayouts || name in customLayouts;
+	}
+	function unregisterLayout(name) {
+		if (name in customLayouts) {
+			delete customLayouts[name];
+			return true;
+		}
+		return false;
+	}
+	function registerLayouts(layouts) {
+		Object.entries(layouts).forEach(([name, layout]) => {
+			registerLayout(name, layout);
+		});
+	}
+	//#endregion
+	//#region src/utils/event-emitter.ts
+	var EventEmitter = class {
+		constructor() {
+			this.handlers = /* @__PURE__ */ new Map();
+		}
+		/**
+		* 订阅事件
+		*/
+		on(event, handler, options = {}) {
+			if (!this.handlers.has(event)) this.handlers.set(event, /* @__PURE__ */ new Set());
+			const handlers = this.handlers.get(event);
+			const wrapper = {
+				handler,
+				options
+			};
+			handlers.add(wrapper);
+			return () => {
+				handlers.delete(wrapper);
+				if (handlers.size === 0) this.handlers.delete(event);
+			};
+		}
+		/**
+		* 订阅事件（仅触发一次）
+		*/
+		once(event, handler, options = {}) {
+			return this.on(event, handler, {
+				...options,
+				once: true
+			});
+		}
+		/**
+		* 取消订阅事件
+		*/
+		off(event, handler) {
+			if (!handler) {
+				this.handlers.delete(event);
+				return;
+			}
+			const handlers = this.handlers.get(event);
+			if (handlers) {
+				handlers.forEach((wrapper) => {
+					if (wrapper.handler === handler) handlers.delete(wrapper);
+				});
+				if (handlers.size === 0) this.handlers.delete(event);
+			}
+		}
+		/**
+		* 发布事件
+		*/
+		emit(event, data) {
+			const handlers = this.handlers.get(event);
+			if (!handlers || handlers.size === 0) return;
+			const sortedHandlers = Array.from(handlers).sort((a, b) => {
+				const priorityA = a.options.priority ?? 0;
+				return (b.options.priority ?? 0) - priorityA;
+			});
+			const toRemove = [];
+			sortedHandlers.forEach((wrapper) => {
+				try {
+					wrapper.handler(data);
+					if (wrapper.options.once) toRemove.push(wrapper);
+				} catch (error) {
+					console.error(`[KeyboardEventEmitter] Error in event handler for "${String(event)}":`, error);
+				}
+			});
+			toRemove.forEach((wrapper) => handlers.delete(wrapper));
+			if (handlers.size === 0) this.handlers.delete(event);
+		}
+		/**
+		* 清除所有事件订阅
+		*/
+		clear() {
+			this.handlers.clear();
+		}
+		/**
+		* 获取事件订阅数量
+		*/
+		listenerCount(event) {
+			if (event !== void 0) return this.handlers.get(event)?.size ?? 0;
+			let count = 0;
+			this.handlers.forEach((handlers) => {
+				count += handlers.size;
+			});
+			return count;
+		}
+	};
+	//#endregion
+	//#region src/utils/device.ts
+	const MOBILE_UA_REGEX = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
+	let cachedIsTouchDevice = null;
+	function isTouchDevice() {
+		if (cachedIsTouchDevice !== null) return cachedIsTouchDevice;
+		if (typeof window === "undefined") {
+			cachedIsTouchDevice = false;
+			return false;
+		}
+		cachedIsTouchDevice = "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+		return cachedIsTouchDevice;
+	}
+	function isMobileUA() {
+		if (typeof navigator === "undefined") return false;
+		return MOBILE_UA_REGEX.test(navigator.userAgent);
+	}
+	function isMobile() {
+		if (typeof window === "undefined") return false;
+		if (isMobileUA()) return true;
+		if ((window.innerWidth || document.documentElement.clientWidth) <= 768) return true;
+		return isTouchDevice();
+	}
+	function getDeviceType() {
+		return isMobile() ? "mobile" : "desktop";
+	}
+	function getViewportInfo() {
+		if (typeof window === "undefined") return {
+			width: 0,
+			height: 0,
+			scrollX: 0,
+			scrollY: 0,
+			isMobile: false
+		};
+		const width = window.innerWidth || document.documentElement.clientWidth;
+		const height = window.innerHeight || document.documentElement.clientHeight;
+		const safeArea = getSafeAreaInsets();
+		return {
+			width,
+			height,
+			scrollX: window.scrollX || window.pageXOffset,
+			scrollY: window.scrollY || window.pageYOffset,
+			isMobile: isMobile(),
+			safeArea
+		};
+	}
+	function getSafeAreaInsets() {
+		if (typeof window === "undefined" || typeof CSS === "undefined" || !CSS.supports) return {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		};
+		if (!CSS.supports("padding-top", "env(safe-area-inset-top)")) return {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0
+		};
+		const div = document.createElement("div");
+		div.style.cssText = `
+    position: fixed;
+    top: env(safe-area-inset-top);
+    right: env(safe-area-inset-right);
+    bottom: env(safe-area-inset-bottom);
+    left: env(safe-area-inset-left);
+    pointer-events: none;
+    visibility: hidden;
+  `;
+		document.body.appendChild(div);
+		const computed = getComputedStyle(div);
+		const safeArea = {
+			top: Number.parseFloat(computed.top) || 0,
+			right: Number.parseFloat(computed.right) || 0,
+			bottom: Number.parseFloat(computed.bottom) || 0,
+			left: Number.parseFloat(computed.left) || 0
+		};
+		document.body.removeChild(div);
+		return safeArea;
+	}
+	function supportsVibrate() {
+		return typeof navigator !== "undefined" && "vibrate" in navigator;
+	}
+	function vibrate(pattern = 10) {
+		if (supportsVibrate()) return navigator.vibrate(pattern);
+		return false;
+	}
+	function onViewportChange(callback) {
+		if (typeof window === "undefined") return () => {};
+		const handler = () => {
+			callback(getViewportInfo());
+		};
+		window.addEventListener("resize", handler);
+		window.addEventListener("orientationchange", handler);
+		return () => {
+			window.removeEventListener("resize", handler);
+			window.removeEventListener("orientationchange", handler);
+		};
+	}
+	//#endregion
+	//#region src/utils/dom.ts
+	function getBoundingRect(element) {
+		const rect = element.getBoundingClientRect();
+		return {
+			x: rect.left,
+			y: rect.top,
+			width: rect.width,
+			height: rect.height
+		};
+	}
+	function getElementOffset(element) {
+		const rect = element.getBoundingClientRect();
+		const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
+		const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+		return {
+			x: rect.left + scrollLeft,
+			y: rect.top + scrollTop
+		};
+	}
+	function isElementInViewport(element) {
+		const rect = element.getBoundingClientRect();
+		return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+	}
+	function isClickOutside(event, element) {
+		const target = event.target;
+		return !element.contains(target);
+	}
+	function preventDefaultAndStopPropagation(event) {
+		event.preventDefault();
+		event.stopPropagation();
+	}
+	function onClickOutside(element, callback) {
+		const handler = (event) => {
+			if (isClickOutside(event, element)) callback(event);
+		};
+		document.addEventListener("mousedown", handler);
+		document.addEventListener("touchstart", handler);
+		return () => {
+			document.removeEventListener("mousedown", handler);
+			document.removeEventListener("touchstart", handler);
+		};
+	}
+	function scrollIntoViewIfNeeded(element, container) {
+		if (!container) {
+			element.scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+			return;
+		}
+		const elementRect = element.getBoundingClientRect();
+		const containerRect = container.getBoundingClientRect();
+		if (elementRect.bottom > containerRect.bottom) container.scrollTop += elementRect.bottom - containerRect.bottom;
+		else if (elementRect.top < containerRect.top) container.scrollTop -= containerRect.top - elementRect.top;
+	}
+	function getInputCursorPosition(input) {
+		return input.selectionStart ?? input.value.length;
+	}
+	function setInputCursorPosition(input, position) {
+		input.setSelectionRange(position, position);
+	}
+	function insertTextAtCursor(input, text, maxLength) {
+		const start = input.selectionStart ?? input.value.length;
+		const end = input.selectionEnd ?? input.value.length;
+		const currentValue = input.value;
+		let newValue = currentValue.substring(0, start) + text + currentValue.substring(end);
+		if (maxLength !== void 0 && newValue.length > maxLength) {
+			const allowedLength = maxLength - (currentValue.length - (end - start));
+			if (allowedLength <= 0) return {
+				value: currentValue,
+				cursorPosition: start
+			};
+			newValue = currentValue.substring(0, start) + text.substring(0, allowedLength) + currentValue.substring(end);
+		}
+		const newCursorPosition = start + text.length;
+		return {
+			value: newValue,
+			cursorPosition: Math.min(newCursorPosition, newValue.length)
+		};
+	}
+	function deleteCharBeforeCursor(input) {
+		const start = input.selectionStart ?? input.value.length;
+		const end = input.selectionEnd ?? input.value.length;
+		const currentValue = input.value;
+		if (start !== end) {
+			const deletedChar2 = currentValue.substring(start, end);
+			return {
+				value: currentValue.substring(0, start) + currentValue.substring(end),
+				deletedChar: deletedChar2,
+				cursorPosition: start
+			};
+		}
+		if (start === 0) return {
+			value: currentValue,
+			deletedChar: "",
+			cursorPosition: 0
+		};
+		const deletedChar = currentValue.charAt(start - 1);
+		return {
+			value: currentValue.substring(0, start - 1) + currentValue.substring(start),
+			deletedChar,
+			cursorPosition: start - 1
+		};
+	}
+	function createElement(tag, attrs, children) {
+		const element = document.createElement(tag);
+		if (attrs) Object.entries(attrs).forEach(([key, value]) => {
+			element.setAttribute(key, value);
+		});
+		if (children) children.forEach((child) => {
+			if (typeof child === "string") element.appendChild(document.createTextNode(child));
+			else element.appendChild(child);
+		});
+		return element;
+	}
+	function toggleClass(element, className, force) {
+		element.classList.toggle(className, force);
+	}
+	function setStyles(element, styles) {
+		Object.assign(element.style, styles);
+	}
+	//#endregion
+	//#region src/managers/keyboard-manager.ts
+	const DEFAULT_OPTIONS = {
+		type: "qwerty",
+		value: "",
+		maxLength: void 0,
+		defaultUpperCase: false,
+		closeOnClickOutside: true,
+		enableSound: false,
+		enableVibrate: true,
+		customLayouts: {}
+	};
+	var KeyboardManager = class extends EventEmitter {
+		constructor(options = {}) {
+			super();
+			/** 当前布局配置 */
+			this.currentLayout = null;
+			this.options = {
+				...DEFAULT_OPTIONS,
+				...options
+			};
+			if (options.customLayouts) Object.entries(options.customLayouts).forEach(([name, layout]) => {
+				this.options.customLayouts[name] = layout;
+			});
+			this.state = {
+				visible: false,
+				type: this.options.type,
+				isUpperCase: this.options.defaultUpperCase,
+				value: this.options.value,
+				cursorPosition: this.options.value.length,
+				maxLength: this.options.maxLength,
+				inputElement: null
+			};
+			this.loadLayout(this.options.type);
+		}
+		/**
+		* 获取当前状态
+		*/
+		getState() {
+			return { ...this.state };
+		}
+		/**
+		* 获取当前布局配置
+		*/
+		getLayout() {
+			return this.currentLayout;
+		}
+		/**
+		* 获取配置选项
+		*/
+		getOptions() {
+			return { ...this.options };
+		}
+		/**
+		* 加载键盘布局
+		*/
+		loadLayout(type) {
+			let layout = this.options.customLayouts[type];
+			if (!layout) layout = getLayout(type);
+			if (!layout) {
+				console.error(`[KeyboardManager] Layout "${type}" not found`);
+				return false;
+			}
+			this.currentLayout = layout;
+			if (layout.supportShift) this.state.isUpperCase = layout.defaultUpperCase ?? this.options.defaultUpperCase;
+			return true;
+		}
+		/**
+		* 显示键盘
+		*/
+		show(inputElement) {
+			if (this.state.visible) return;
+			this.state.visible = true;
+			this.state.inputElement = inputElement ?? null;
+			if (inputElement) {
+				this.state.value = inputElement.value;
+				this.state.cursorPosition = getInputCursorPosition(inputElement);
+			}
+			this.emitStateChange();
+			this.emit("show", { type: this.state.type });
+		}
+		/**
+		* 隐藏键盘
+		*/
+		hide() {
+			if (!this.state.visible) return;
+			const prevType = this.state.type;
+			this.state.visible = false;
+			this.state.inputElement = null;
+			this.emitStateChange();
+			this.emit("hide", { type: prevType });
+		}
+		/**
+		* 切换键盘显示/隐藏
+		*/
+		toggle(inputElement) {
+			if (this.state.visible) this.hide();
+			else this.show(inputElement);
+		}
+		/**
+		* 切换键盘类型
+		*/
+		switchType(type) {
+			if (this.state.type === type) return;
+			const fromType = this.state.type;
+			if (!this.loadLayout(type)) return;
+			this.state.type = type;
+			this.emitStateChange();
+			this.emit("switch", {
+				from: fromType,
+				to: type
+			});
+		}
+		/**
+		* 切换大小写
+		*/
+		toggleShift() {
+			if (!this.currentLayout?.supportShift) return;
+			this.state.isUpperCase = !this.state.isUpperCase;
+			this.emitStateChange();
+			this.emit("shift", { isUpperCase: this.state.isUpperCase });
+		}
+		/**
+		* 设置大小写状态
+		*/
+		setShift(isUpperCase) {
+			if (!this.currentLayout?.supportShift) return;
+			if (this.state.isUpperCase === isUpperCase) return;
+			this.state.isUpperCase = isUpperCase;
+			this.emitStateChange();
+			this.emit("shift", { isUpperCase });
+		}
+		/**
+		* 处理按键
+		*/
+		handleKey(key) {
+			if (this.options.enableVibrate && isMobile()) vibrate(10);
+			this.emit("keypress", {
+				key,
+				value: this.state.value
+			});
+			switch (key.type) {
+				case "char":
+				case "space":
+					this.handleCharKey(key);
+					break;
+				case "backspace":
+					this.handleBackspace();
+					break;
+				case "shift":
+					this.toggleShift();
+					break;
+				case "clear":
+					this.handleClear();
+					break;
+				case "enter":
+				case "done":
+					this.handleConfirm();
+					break;
+				case "close":
+					this.hide();
+					break;
+				case "tab":
+					this.handleTab(key);
+					break;
+				case "custom": break;
+			}
+		}
+		/**
+		* 处理字符输入
+		*/
+		handleCharKey(key) {
+			const keyValue = this.getKeyValue(key);
+			if (!keyValue) return;
+			const input = this.state.inputElement;
+			if (input) {
+				const result = insertTextAtCursor(input, keyValue, this.state.maxLength);
+				input.value = result.value;
+				setInputCursorPosition(input, result.cursorPosition);
+				this.state.value = result.value;
+				this.state.cursorPosition = result.cursorPosition;
+				input.dispatchEvent(new Event("input", { bubbles: true }));
+			} else {
+				if (this.state.maxLength && this.state.value.length >= this.state.maxLength) return;
+				const newValue = this.state.value.slice(0, this.state.cursorPosition) + keyValue + this.state.value.slice(this.state.cursorPosition);
+				this.state.value = newValue;
+				this.state.cursorPosition += keyValue.length;
+			}
+			this.emitStateChange();
+			this.emit("input", {
+				value: this.state.value,
+				key
+			});
+			this.autoSwitchLicensePlate();
+		}
+		/**
+		* 处理退格
+		*/
+		handleBackspace() {
+			const input = this.state.inputElement;
+			if (input) {
+				const result = deleteCharBeforeCursor(input);
+				input.value = result.value;
+				setInputCursorPosition(input, result.cursorPosition);
+				this.state.value = result.value;
+				this.state.cursorPosition = result.cursorPosition;
+				input.dispatchEvent(new Event("input", { bubbles: true }));
+				this.emitStateChange();
+				this.emit("backspace", {
+					deletedChar: result.deletedChar,
+					value: this.state.value
+				});
+			} else {
+				if (this.state.cursorPosition === 0) return;
+				const deletedChar = this.state.value.charAt(this.state.cursorPosition - 1);
+				this.state.value = this.state.value.slice(0, this.state.cursorPosition - 1) + this.state.value.slice(this.state.cursorPosition);
+				this.state.cursorPosition--;
+				this.emitStateChange();
+				this.emit("backspace", {
+					deletedChar,
+					value: this.state.value
+				});
+			}
+			this.autoSwitchLicensePlate();
+		}
+		/**
+		* 车牌号智能切换逻辑
+		* 根据当前值长度自动切换键盘布局
+		* 只有 2 种布局：省份键盘（第1位）和 字母+数字混合键盘（第2-8位）
+		*/
+		autoSwitchLicensePlate() {
+			if (!this.state.type.startsWith("license-plate")) return;
+			const len = this.state.value.length;
+			let targetType = null;
+			if (len === 0) targetType = "license-plate-province";
+			else targetType = "license-plate-alphanumeric";
+			if (targetType && this.state.type !== targetType) this.switchType(targetType);
+		}
+		/**
+		* 处理清空
+		*/
+		handleClear() {
+			const previousValue = this.state.value;
+			if (this.state.inputElement) {
+				this.state.inputElement.value = "";
+				this.state.inputElement.dispatchEvent(new Event("input", { bubbles: true }));
+			}
+			this.state.value = "";
+			this.state.cursorPosition = 0;
+			this.emitStateChange();
+			this.emit("clear", { previousValue });
+			this.autoSwitchLicensePlate();
+		}
+		/**
+		* 处理确认
+		*/
+		handleConfirm() {
+			this.emit("confirm", { value: this.state.value });
+			this.hide();
+		}
+		/**
+		* 处理切换键盘
+		*/
+		handleTab(key) {
+			const targetType = key.data?.targetType;
+			if (targetType) this.switchType(targetType);
+		}
+		/**
+		* 获取按键的实际输出值
+		*/
+		getKeyValue(key) {
+			const value = key.value ?? key.label;
+			if (typeof value === "string") return value;
+			return this.state.isUpperCase ? value.upper : value.lower;
+		}
+		/**
+		* 获取按键的显示文本
+		*/
+		getKeyLabel(key) {
+			const label = key.label;
+			if (typeof label === "string") return label;
+			return this.state.isUpperCase ? label.upper : label.lower;
+		}
+		/**
+		* 设置值
+		*/
+		setValue(value) {
+			this.state.value = value;
+			this.state.cursorPosition = value.length;
+			if (this.state.inputElement) {
+				this.state.inputElement.value = value;
+				setInputCursorPosition(this.state.inputElement, value.length);
+			}
+			this.emitStateChange();
+			this.autoSwitchLicensePlate();
+		}
+		/**
+		* 追加值（在光标位置插入文本）
+		*/
+		appendValue(text) {
+			if (!text) return;
+			const input = this.state.inputElement;
+			if (input) {
+				const result = insertTextAtCursor(input, text, this.state.maxLength);
+				input.value = result.value;
+				setInputCursorPosition(input, result.cursorPosition);
+				this.state.value = result.value;
+				this.state.cursorPosition = result.cursorPosition;
+				input.dispatchEvent(new Event("input", { bubbles: true }));
+			} else {
+				if (this.state.maxLength && this.state.value.length + text.length > this.state.maxLength) text = text.slice(0, this.state.maxLength - this.state.value.length);
+				const newValue = this.state.value.slice(0, this.state.cursorPosition) + text + this.state.value.slice(this.state.cursorPosition);
+				this.state.value = newValue;
+				this.state.cursorPosition += text.length;
+			}
+			this.emitStateChange();
+		}
+		/**
+		* 设置最大长度
+		*/
+		setMaxLength(maxLength) {
+			this.state.maxLength = maxLength;
+			this.emitStateChange();
+		}
+		/**
+		* 绑定输入框
+		*/
+		bindInput(input) {
+			this.state.inputElement = input;
+			this.state.value = input.value;
+			this.state.cursorPosition = getInputCursorPosition(input);
+			this.emitStateChange();
+		}
+		/**
+		* 解绑输入框
+		*/
+		unbindInput() {
+			this.state.inputElement = null;
+			this.emitStateChange();
+		}
+		/**
+		* 发送状态变化事件
+		*/
+		emitStateChange() {
+			this.emit("stateChange", { ...this.state });
+		}
+		/**
+		* 销毁
+		*/
+		destroy() {
+			this.hide();
+			this.clear();
+			this.state.inputElement = null;
+		}
+	};
+	function createKeyboardManager(options) {
+		return new KeyboardManager(options);
+	}
+	//#endregion
+	//#region src/managers/position-manager.ts
+	const DEFAULT_CONFIG = {
+		offset: {
+			x: 0,
+			y: 8
+		},
+		autoAdjust: true,
+		viewportPadding: 8,
+		desktopPlacement: "bottom",
+		mobilePlacement: "bottom-sheet",
+		showMask: true,
+		maskClosable: true,
+		animationDuration: 300
+	};
+	var PositionManager = class {
+		constructor(config = {}) {
+			this.config = {
+				...DEFAULT_CONFIG,
+				...config
+			};
+		}
+		/**
+		* 更新配置
+		*/
+		updateConfig(config) {
+			Object.assign(this.config, config);
+		}
+		/**
+		* 获取配置
+		*/
+		getConfig() {
+			return { ...this.config };
+		}
+		/**
+		* 计算弹出位置
+		* @param targetElement - 目标元素（如 input）
+		* @param popupSize - 弹出层尺寸
+		* @returns 位置计算结果
+		*/
+		calculate(targetElement, popupSize) {
+			const viewport = getViewportInfo();
+			const isMobileDevice = isMobile();
+			if (isMobileDevice && this.config.mobilePlacement === "bottom-sheet") return this.calculateBottomSheet(viewport, popupSize);
+			if (!targetElement) return this.calculateCentered(viewport, popupSize);
+			const targetRect = getBoundingRect(targetElement);
+			const placement = isMobileDevice ? this.config.mobilePlacement : this.config.desktopPlacement;
+			const relativePlace = placement === "bottom-sheet" ? "bottom" : placement;
+			return this.calculateRelativeToTarget(targetRect, popupSize, viewport, relativePlace);
+		}
+		/**
+		* 计算 bottom-sheet 位置（移动端从底部滑出）
+		*/
+		calculateBottomSheet(viewport, popupSize) {
+			const safeAreaBottom = viewport.safeArea?.bottom ?? 0;
+			return {
+				position: {
+					x: 0,
+					y: viewport.height - popupSize.height - safeAreaBottom
+				},
+				placement: "bottom-sheet",
+				flipped: false,
+				maxHeight: viewport.height * .6,
+				maxWidth: viewport.width,
+				transform: "translateY(0)"
+			};
+		}
+		/**
+		* 计算居中位置
+		*/
+		calculateCentered(viewport, popupSize) {
+			return {
+				position: {
+					x: (viewport.width - popupSize.width) / 2,
+					y: (viewport.height - popupSize.height) / 2
+				},
+				placement: "bottom",
+				flipped: false
+			};
+		}
+		/**
+		* 计算相对于目标元素的位置
+		*/
+		calculateRelativeToTarget(targetRect, popupSize, viewport, preferredPlacement) {
+			const { offset, viewportPadding, autoAdjust } = this.config;
+			let position;
+			let placement = preferredPlacement;
+			let flipped = false;
+			const bottomPosition = {
+				x: targetRect.x + (offset.x ?? 0),
+				y: targetRect.y + targetRect.height + (offset.y ?? 8)
+			};
+			const topPosition = {
+				x: targetRect.x + (offset.x ?? 0),
+				y: targetRect.y - popupSize.height - (offset.y ?? 8)
+			};
+			if (preferredPlacement === "bottom") {
+				position = bottomPosition;
+				if (autoAdjust && position.y + popupSize.height > viewport.height - viewportPadding) {
+					if (topPosition.y >= viewportPadding) {
+						position = topPosition;
+						placement = "top";
+						flipped = true;
+					}
+				}
+			} else {
+				position = topPosition;
+				if (autoAdjust && position.y < viewportPadding) {
+					if (bottomPosition.y + popupSize.height <= viewport.height - viewportPadding) {
+						position = bottomPosition;
+						placement = "bottom";
+						flipped = true;
+					}
+				}
+			}
+			if (autoAdjust) {
+				if (position.x < viewportPadding) position.x = viewportPadding;
+				if (position.x + popupSize.width > viewport.width - viewportPadding) position.x = viewport.width - popupSize.width - viewportPadding;
+			}
+			const maxHeight = placement === "bottom" ? viewport.height - position.y - viewportPadding : targetRect.y - viewportPadding;
+			return {
+				position,
+				placement,
+				flipped,
+				maxHeight: Math.max(200, maxHeight),
+				maxWidth: viewport.width - viewportPadding * 2
+			};
+		}
+		/**
+		* 获取弹出层初始样式（用于动画）
+		*/
+		getInitialStyles(placement) {
+			switch (placement) {
+				case "bottom-sheet": return {
+					transform: "translateY(100%)",
+					opacity: "1"
+				};
+				case "bottom": return {
+					transform: "translateY(-10px)",
+					opacity: "0"
+				};
+				case "top": return {
+					transform: "translateY(10px)",
+					opacity: "0"
+				};
+				default: return { opacity: "0" };
+			}
+		}
+		/**
+		* 获取弹出层最终样式（动画结束）
+		*/
+		getFinalStyles(placement) {
+			return {
+				transform: "translateY(0)",
+				opacity: "1"
+			};
+		}
+		/**
+		* 获取弹出层退出样式
+		*/
+		getExitStyles(placement) {
+			return this.getInitialStyles(placement);
+		}
+		/**
+		* 获取动画时长
+		*/
+		getAnimationDuration() {
+			return this.config.animationDuration;
+		}
+		/**
+		* 检查是否显示遮罩
+		*/
+		shouldShowMask() {
+			return isMobile() && this.config.showMask;
+		}
+		/**
+		* 检查遮罩是否可点击关闭
+		*/
+		isMaskClosable() {
+			return this.config.maskClosable;
+		}
+	};
+	function createPositionManager(config) {
+		return new PositionManager(config);
+	}
+	//#endregion
+	//#region src/themes/presets.ts
+	const miuiTheme = {
+		name: "miui",
+		displayName: "MIUI",
+		description: "小米风格 - 纯净简洁",
+		isDark: false,
+		colors: {
+			background: "#f5f5f5",
+			keyBackground: "#ffffff",
+			keyColor: "#1a1a1a",
+			keyActiveBackground: "#e8e8e8",
+			fnKeyBackground: "#e0e0e0",
+			fnKeyColor: "#666666",
+			fnKeyActiveBackground: "#d0d0d0",
+			primaryBackground: "#ff6700",
+			primaryActiveBackground: "#e55d00",
+			primaryColor: "#ffffff",
+			borderColor: "transparent",
+			dividerColor: "#eeeeee"
+		},
+		sizes: {
+			keyHeight: 46,
+			keyRadius: 8,
+			keyGap: 6,
+			fontSize: 18,
+			fnFontSize: 14,
+			padding: 8
+		},
+		effects: {
+			keyShadow: "none",
+			keyActiveShadow: "none",
+			keyActiveScale: .96,
+			transitionDuration: 100,
+			enableBlur: false,
+			blurAmount: 0,
+			enableRipple: false
+		}
+	};
+	const iosTheme = {
+		name: "ios",
+		displayName: "iOS",
+		description: "Apple 风格 - 精致优雅",
+		isDark: false,
+		colors: {
+			background: "#d1d3d9",
+			keyBackground: "#ffffff",
+			keyColor: "#000000",
+			keyActiveBackground: "#b8bac2",
+			fnKeyBackground: "#a8aab4",
+			fnKeyColor: "#000000",
+			fnKeyActiveBackground: "#9699a3",
+			primaryBackground: "#007aff",
+			primaryActiveBackground: "#0062cc",
+			primaryColor: "#ffffff",
+			borderColor: "transparent",
+			dividerColor: "#c8cad0"
+		},
+		sizes: {
+			keyHeight: 43,
+			keyRadius: 5,
+			keyGap: 6,
+			fontSize: 22,
+			fnFontSize: 15,
+			padding: 4
+		},
+		effects: {
+			keyShadow: "0 1px 0 rgba(0,0,0,0.35)",
+			keyActiveShadow: "0 0 0 rgba(0,0,0,0)",
+			keyActiveScale: 1,
+			transitionDuration: 80,
+			enableBlur: true,
+			blurAmount: 20,
+			enableRipple: false
+		}
+	};
+	const materialTheme = {
+		name: "material",
+		displayName: "Material",
+		description: "Google 风格 - 深邃现代",
+		isDark: true,
+		colors: {
+			background: "#263238",
+			keyBackground: "#37474f",
+			keyColor: "#ffffff",
+			keyActiveBackground: "#455a64",
+			fnKeyBackground: "#455a64",
+			fnKeyColor: "#b0bec5",
+			fnKeyActiveBackground: "#546e7a",
+			primaryBackground: "#4caf50",
+			primaryActiveBackground: "#43a047",
+			primaryColor: "#ffffff",
+			borderColor: "transparent",
+			dividerColor: "#37474f"
+		},
+		sizes: {
+			keyHeight: 48,
+			keyRadius: 4,
+			keyGap: 4,
+			fontSize: 20,
+			fnFontSize: 14,
+			padding: 6
+		},
+		effects: {
+			keyShadow: "0 1px 3px rgba(0,0,0,0.2)",
+			keyActiveShadow: "0 2px 6px rgba(0,0,0,0.3)",
+			keyActiveScale: 1,
+			transitionDuration: 150,
+			enableBlur: false,
+			blurAmount: 0,
+			enableRipple: true
+		}
+	};
+	const minimalTheme = {
+		name: "minimal",
+		displayName: "Minimal",
+		description: "极简风格 - 轻盈透明",
+		isDark: false,
+		colors: {
+			background: "rgba(250, 250, 250, 0.95)",
+			keyBackground: "transparent",
+			keyColor: "#333333",
+			keyActiveBackground: "rgba(0, 0, 0, 0.08)",
+			fnKeyBackground: "transparent",
+			fnKeyColor: "#888888",
+			fnKeyActiveBackground: "rgba(0, 0, 0, 0.08)",
+			primaryBackground: "#333333",
+			primaryActiveBackground: "#000000",
+			primaryColor: "#ffffff",
+			borderColor: "#eeeeee",
+			dividerColor: "#eeeeee"
+		},
+		sizes: {
+			keyHeight: 44,
+			keyRadius: 12,
+			keyGap: 8,
+			fontSize: 17,
+			fnFontSize: 13,
+			padding: 12
+		},
+		effects: {
+			keyShadow: "none",
+			keyActiveShadow: "none",
+			keyActiveScale: .92,
+			transitionDuration: 120,
+			enableBlur: true,
+			blurAmount: 30,
+			enableRipple: false
+		}
+	};
+	const darkTheme = {
+		name: "dark",
+		displayName: "Dark",
+		description: "深色模式 - 护眼舒适",
+		isDark: true,
+		colors: {
+			background: "#1c1c1e",
+			keyBackground: "#3a3a3c",
+			keyColor: "#ffffff",
+			keyActiveBackground: "#4a4a4c",
+			fnKeyBackground: "#2c2c2e",
+			fnKeyColor: "#ebebf5",
+			fnKeyActiveBackground: "#3c3c3e",
+			primaryBackground: "#0a84ff",
+			primaryActiveBackground: "#0070e0",
+			primaryColor: "#ffffff",
+			borderColor: "#3a3a3c",
+			dividerColor: "#3a3a3c"
+		},
+		sizes: {
+			keyHeight: 45,
+			keyRadius: 8,
+			keyGap: 6,
+			fontSize: 18,
+			fnFontSize: 14,
+			padding: 8
+		},
+		effects: {
+			keyShadow: "0 1px 2px rgba(0,0,0,0.4)",
+			keyActiveShadow: "0 0 8px rgba(10,132,255,0.3)",
+			keyActiveScale: .97,
+			transitionDuration: 100,
+			enableBlur: true,
+			blurAmount: 20,
+			enableRipple: false
+		}
+	};
+	const presetThemes = {
+		miui: miuiTheme,
+		ios: iosTheme,
+		material: materialTheme,
+		minimal: minimalTheme,
+		dark: darkTheme
+	};
+	const defaultTheme = miuiTheme;
+	//#endregion
+	//#region src/themes/index.ts
+	const customThemes = /* @__PURE__ */ new Map();
+	let currentTheme = defaultTheme;
+	function getTheme(name) {
+		return customThemes.get(name) || presetThemes[name] || defaultTheme;
+	}
+	function registerTheme(theme) {
+		customThemes.set(theme.name, theme);
+	}
+	function getAvailableThemes() {
+		return [...Object.keys(presetThemes), ...customThemes.keys()];
+	}
+	function getAllThemes() {
+		return [...Object.values(presetThemes), ...customThemes.values()];
+	}
+	function setCurrentTheme(name) {
+		currentTheme = getTheme(name);
+		return currentTheme;
+	}
+	function getCurrentTheme() {
+		return currentTheme;
+	}
+	function themeToCSS(theme) {
+		return {
+			"--keyboard-bg": theme.colors.background,
+			"--keyboard-key-bg": theme.colors.keyBackground,
+			"--keyboard-key-color": theme.colors.keyColor,
+			"--keyboard-key-active-bg": theme.colors.keyActiveBackground,
+			"--keyboard-fn-key-bg": theme.colors.fnKeyBackground,
+			"--keyboard-fn-key-color": theme.colors.fnKeyColor,
+			"--keyboard-fn-key-active-bg": theme.colors.fnKeyActiveBackground,
+			"--keyboard-primary-bg": theme.colors.primaryBackground,
+			"--keyboard-primary-active-bg": theme.colors.primaryActiveBackground,
+			"--keyboard-primary-color": theme.colors.primaryColor,
+			"--keyboard-key-height": `${theme.sizes.keyHeight}px`,
+			"--keyboard-key-radius": `${theme.sizes.keyRadius}px`,
+			"--keyboard-key-gap": `${theme.sizes.keyGap}px`,
+			"--keyboard-font-size": `${theme.sizes.fontSize}px`,
+			"--keyboard-fn-font-size": `${theme.sizes.fnFontSize}px`,
+			"--keyboard-padding": `${theme.sizes.padding}px`,
+			"--keyboard-key-shadow": theme.effects.keyShadow,
+			"--keyboard-transition-duration": `${theme.effects.transitionDuration}ms`,
+			"--keyboard-border-color": theme.colors.borderColor,
+			"--keyboard-divider-color": theme.colors.dividerColor
+		};
+	}
+	function applyTheme(element, theme) {
+		const cssVars = themeToCSS(theme);
+		Object.entries(cssVars).forEach(([key, value]) => {
+			if (value) element.style.setProperty(key, value);
+		});
+		element.classList.remove("keyboard-theme-light", "keyboard-theme-dark");
+		element.classList.add(theme.isDark ? "keyboard-theme-dark" : "keyboard-theme-light");
+		element.dataset.theme = theme.name;
+	}
+	function generateThemeStyle(theme) {
+		const cssVars = themeToCSS(theme);
+		return Object.entries(cssVars).filter(([, value]) => value).map(([key, value]) => `${key}: ${value}`).join("; ");
+	}
+	function mergeTheme(base, overrides) {
+		return {
+			...base,
+			...overrides,
+			colors: {
+				...base.colors,
+				...overrides.colors
+			},
+			sizes: {
+				...base.sizes,
+				...overrides.sizes
+			},
+			effects: {
+				...base.effects,
+				...overrides.effects
+			}
+		};
+	}
+	function createTheme(name, baseTheme, customization) {
+		const theme = mergeTheme(getTheme(baseTheme), {
+			...customization,
+			name
+		});
+		registerTheme(theme);
+		return theme;
+	}
+	//#endregion
+	//#region src/managers/keyboard-renderer.ts
+	var KeyboardRenderer = class {
+		constructor(options = {}) {
+			/** DOM 元素 */
+			this.rootEl = null;
+			this.maskEl = null;
+			this.keyboardEl = null;
+			/** 当前目标元素 */
+			this.targetEl = null;
+			/** 清理函数 */
+			this.cleanupFns = [];
+			/** 是否已销毁 */
+			this.destroyed = false;
+			this.options = options;
+			this.container = options.container || document.body;
+			this.manager = new KeyboardManager(options);
+			this.positionManager = new PositionManager(options.position);
+			if (typeof options.theme === "string") this.theme = getTheme(options.theme);
+			else if (options.theme) this.theme = options.theme;
+			else this.theme = defaultTheme;
+			this.setupEvents();
+		}
+		/**
+		* 设置事件监听
+		*/
+		setupEvents() {
+			this.manager.on("stateChange", (state) => {
+				if (state.visible) this.render();
+				else this.unmount();
+			});
+			this.manager.on("input", ({ value }) => {
+				this.options.onInput?.(value);
+			});
+			this.manager.on("confirm", ({ value }) => {
+				this.options.onConfirm?.(value);
+			});
+			this.manager.on("switch", () => {
+				if (this.manager.getState().visible) this.render();
+			});
+			this.manager.on("shift", () => {
+				if (this.manager.getState().visible) this.render();
+			});
+		}
+		/**
+		* 打开键盘
+		*/
+		open(target) {
+			this.targetEl = target ?? null;
+			this.manager.show(target);
+		}
+		/**
+		* 关闭键盘
+		*/
+		close() {
+			this.manager.hide();
+			this.options.onClose?.();
+		}
+		/**
+		* 切换键盘类型
+		*/
+		switchType(type) {
+			this.manager.switchType(type);
+		}
+		/**
+		* 设置主题
+		*/
+		setTheme(theme) {
+			if (typeof theme === "string") this.theme = getTheme(theme);
+			else this.theme = theme;
+			if (this.manager.getState().visible) this.render();
+		}
+		/**
+		* 获取当前值
+		*/
+		getValue() {
+			return this.manager.getState().value;
+		}
+		/**
+		* 设置值
+		*/
+		setValue(value) {
+			this.manager.setValue(value);
+		}
+		/**
+		* 渲染键盘 DOM
+		*/
+		render() {
+			const layout = this.manager.getLayout();
+			if (!layout) return;
+			this.unmount();
+			this.rootEl = document.createElement("div");
+			this.rootEl.className = "lk-renderer-root";
+			const isMobileDevice = isMobile();
+			if (isMobileDevice) {
+				this.maskEl = document.createElement("div");
+				this.maskEl.className = "lk-mask";
+				this.maskEl.addEventListener("click", () => this.close());
+				this.rootEl.appendChild(this.maskEl);
+			}
+			this.keyboardEl = document.createElement("div");
+			this.keyboardEl.className = `lk-popup lk-popup--${isMobileDevice ? "mobile" : "desktop"}`;
+			const cssVars = themeToCSS(this.theme);
+			Object.entries(cssVars).forEach(([key, value]) => {
+				if (value) this.keyboardEl.style.setProperty(key, value);
+			});
+			const contentEl = this.renderKeyboard(layout);
+			this.keyboardEl.appendChild(contentEl);
+			this.rootEl.appendChild(this.keyboardEl);
+			this.container.appendChild(this.rootEl);
+			if (!isMobileDevice && this.targetEl) {
+				const rect = this.keyboardEl.getBoundingClientRect();
+				const result = this.positionManager.calculate(this.targetEl, {
+					width: rect.width,
+					height: rect.height
+				});
+				this.keyboardEl.style.position = "fixed";
+				this.keyboardEl.style.left = `${result.position.x}px`;
+				this.keyboardEl.style.top = `${result.position.y}px`;
+				this.keyboardEl.style.zIndex = "10000";
+			} else if (isMobileDevice) {
+				this.keyboardEl.style.position = "fixed";
+				this.keyboardEl.style.left = "0";
+				this.keyboardEl.style.right = "0";
+				this.keyboardEl.style.bottom = "0";
+				this.keyboardEl.style.zIndex = "10000";
+			}
+			requestAnimationFrame(() => {
+				this.keyboardEl?.classList.add("lk-popup--visible");
+				this.maskEl?.classList.add("lk-mask--visible");
+			});
+			if (this.options.closeOnClickOutside !== false && this.keyboardEl) {
+				const cleanup = onClickOutside(this.keyboardEl, (event) => {
+					if (this.targetEl && this.targetEl.contains(event.target)) return;
+					this.close();
+				});
+				this.cleanupFns.push(cleanup);
+			}
+			this.injectStyles();
+		}
+		/**
+		* 渲染键盘内容
+		*/
+		renderKeyboard(layout) {
+			const el = document.createElement("div");
+			el.className = "lk-keyboard";
+			const state = this.manager.getState();
+			layout.rows.forEach((row) => {
+				const rowEl = document.createElement("div");
+				rowEl.className = `lk-row ${row.className || ""}`;
+				const isNumpad = row.className === "numpad-row";
+				row.keys.forEach((key) => {
+					const wrapperEl = document.createElement("div");
+					wrapperEl.className = "lk-key-wrapper";
+					if (isNumpad) wrapperEl.style.flex = String(key.width ?? 1);
+					else if (key.width) {
+						const baseW = 36;
+						const gap = this.theme.sizes?.keyGap ?? 6;
+						const w = baseW * key.width + (key.width - 1) * gap;
+						wrapperEl.style.width = `${w}px`;
+					}
+					const btnEl = document.createElement("button");
+					btnEl.type = "button";
+					btnEl.className = this.getKeyClass(key, state.isUpperCase);
+					if (key.disabled) btnEl.disabled = true;
+					if (key.icon) btnEl.innerHTML = key.icon;
+					else btnEl.textContent = typeof key.label === "string" ? key.label : state.isUpperCase ? key.label.upper : key.label.lower;
+					const handler = (e) => {
+						e.preventDefault();
+						e.stopPropagation();
+						if (!key.disabled) this.manager.handleKey(key);
+					};
+					btnEl.addEventListener("mousedown", handler);
+					btnEl.addEventListener("touchstart", handler, { passive: false });
+					wrapperEl.appendChild(btnEl);
+					rowEl.appendChild(wrapperEl);
+				});
+				el.appendChild(rowEl);
+			});
+			return el;
+		}
+		/**
+		* 获取按键 CSS 类名
+		*/
+		getKeyClass(key, isUpperCase) {
+			const classes = ["lk-key", `lk-key--${key.type}`];
+			if (key.className) classes.push(key.className);
+			if (key.disabled) classes.push("lk-key--disabled");
+			if (key.type === "shift" && isUpperCase) classes.push("lk-key--active");
+			return classes.join(" ");
+		}
+		/**
+		* 卸载 DOM
+		*/
+		unmount() {
+			this.cleanupFns.forEach((fn) => fn());
+			this.cleanupFns = [];
+			if (this.rootEl && this.rootEl.parentNode) this.rootEl.parentNode.removeChild(this.rootEl);
+			this.rootEl = null;
+			this.maskEl = null;
+			this.keyboardEl = null;
+		}
+		/**
+		* 注入样式（单例）
+		*/
+		injectStyles() {
+			if (document.getElementById("lk-renderer-styles")) return;
+			const style = document.createElement("style");
+			style.id = "lk-renderer-styles";
+			style.textContent = `
+      .lk-renderer-root { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+      .lk-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 9999; opacity: 0; transition: opacity 0.3s ease; }
+      .lk-mask--visible { opacity: 1; }
+      .lk-popup { background: var(--keyboard-bg, #d1d5db); box-shadow: 0 -2px 16px rgba(0,0,0,0.15); overflow: hidden; transform: translateY(20px); opacity: 0; transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.2s ease; }
+      .lk-popup--visible { transform: translateY(0); opacity: 1; }
+      .lk-popup--desktop { border-radius: 12px; box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.1); min-width: 320px; }
+      .lk-popup--mobile { border-top-left-radius: 16px; border-top-right-radius: 16px; padding-bottom: env(safe-area-inset-bottom, 0); }
+      .lk-keyboard { display: flex; flex-direction: column; gap: var(--keyboard-key-gap, 6px); padding: var(--keyboard-padding, 6px); user-select: none; -webkit-user-select: none; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; }
+      .lk-row { display: flex; justify-content: center; gap: var(--keyboard-key-gap, 6px); padding: 0 2px; }
+      .lk-row.numpad-row { justify-content: stretch; }
+      .lk-row.numpad-row .lk-key-wrapper { flex: 1; }
+      .lk-key-wrapper { position: relative; display: inline-flex; }
+      .lk-key { display: inline-flex; align-items: center; justify-content: center; height: var(--keyboard-key-height, 42px); min-width: 32px; width: 100%; padding: 0 6px; border: none; border-radius: var(--keyboard-key-radius, 6px); background: var(--keyboard-key-bg, #fff); color: var(--keyboard-key-color, #333); font-size: var(--keyboard-font-size, 16px); font-weight: 500; cursor: pointer; touch-action: manipulation; box-shadow: var(--keyboard-key-shadow, 0 1px 3px rgba(0,0,0,0.1)); transition: background-color 0.1s, transform 0.1s; }
+      .lk-key:active { background: var(--keyboard-key-active-bg, #e0e0e0); transform: scale(0.95); }
+      .lk-key--disabled { opacity: 0.4; cursor: not-allowed; }
+      .lk-key--disabled:active { transform: none; background: var(--keyboard-key-bg, #fff); }
+      .lk-key--backspace, .lk-key--shift, .lk-key--tab, .lk-key--clear, .lk-key--close { background: var(--keyboard-fn-key-bg, #d4d6dc); color: var(--keyboard-fn-key-color, #333); font-size: var(--keyboard-fn-font-size, 14px); }
+      .lk-key--backspace:active, .lk-key--shift:active, .lk-key--tab:active, .lk-key--clear:active, .lk-key--close:active { background: var(--keyboard-fn-key-active-bg, #b8bac0); }
+      .lk-key--active { background: var(--keyboard-key-active-bg, #007aff) !important; color: #fff !important; }
+      .lk-key--done, .lk-key--enter { background: var(--keyboard-primary-bg, #007aff); color: var(--keyboard-primary-color, #fff); font-size: var(--keyboard-fn-font-size, 14px); }
+      .lk-key--done:active, .lk-key--enter:active { background: var(--keyboard-primary-active-bg, #0062cc); }
+      .lk-key--space { background: var(--keyboard-key-bg, #fff); }
+      .lk-key svg { pointer-events: none; }
+    `;
+			document.head.appendChild(style);
+		}
+		/**
+		* 绑定到输入框（聚焦时自动打开键盘）
+		*/
+		bindInput(input) {
+			const handleFocus = () => this.open(input);
+			input.addEventListener("focus", handleFocus);
+			input.setAttribute("readonly", "readonly");
+			input.style.caretColor = "transparent";
+			return () => {
+				input.removeEventListener("focus", handleFocus);
+				input.removeAttribute("readonly");
+				input.style.caretColor = "";
+			};
+		}
+		/**
+		* 销毁渲染器
+		*/
+		destroy() {
+			if (this.destroyed) return;
+			this.destroyed = true;
+			this.unmount();
+			this.manager.destroy();
+			const styleEl = document.getElementById("lk-renderer-styles");
+			if (styleEl) styleEl.remove();
+		}
+	};
+	function createKeyboardRenderer(options) {
+		return new KeyboardRenderer(options);
+	}
+	//#endregion
+	//#region src/utils/random.ts
+	function shuffleArray(array) {
+		const result = [...array];
+		for (let i = result.length - 1; i > 0; i--) {
+			const j = Math.floor(Math.random() * (i + 1));
+			[result[i], result[j]] = [result[j], result[i]];
+		}
+		return result;
+	}
+	function getRandomNumbers() {
+		return shuffleArray([
+			"0",
+			"1",
+			"2",
+			"3",
+			"4",
+			"5",
+			"6",
+			"7",
+			"8",
+			"9"
+		]);
+	}
+	function getRandomLetters() {
+		return shuffleArray(Array.from({ length: 26 }, (_, i) => String.fromCharCode(65 + i)));
+	}
+	function getRandomAlphanumeric() {
+		const numbers = [
+			"0",
+			"1",
+			"2",
+			"3",
+			"4",
+			"5",
+			"6",
+			"7",
+			"8",
+			"9"
+		];
+		const letters = Array.from({ length: 26 }, (_, i) => String.fromCharCode(65 + i));
+		return shuffleArray([...numbers, ...letters]);
+	}
+	function createCharKey(char, index) {
+		return {
+			id: `random-${char}-${index}`,
+			type: "char",
+			label: char,
+			value: char,
+			className: "key-random"
+		};
+	}
+	function chunkArray(array, chunkSize) {
+		const chunks = [];
+		for (let i = 0; i < array.length; i += chunkSize) chunks.push(array.slice(i, i + chunkSize));
+		return chunks;
+	}
+	function createRandomNumberLayout(options) {
+		const { keysPerRow = 3, includeBackspace = true, includeDone = true, includeClear = false } = options || {};
+		const rows = chunkArray(getRandomNumbers().map((n, i) => createCharKey(n, i)), keysPerRow).map((keys, index) => ({
+			className: "numpad-row",
+			keys
+		}));
+		const fnKeys = [];
+		if (includeClear) fnKeys.push({
+			id: "clear",
+			type: "clear",
+			label: "清空",
+			className: "key-clear key-fn"
+		});
+		if (includeBackspace) fnKeys.push({
+			id: "backspace",
+			type: "backspace",
+			label: "⌫",
+			className: "key-backspace key-fn"
+		});
+		if (includeDone) fnKeys.push({
+			id: "done",
+			type: "done",
+			label: "确定",
+			className: "key-done key-fn"
+		});
+		if (fnKeys.length > 0) rows.push({
+			className: "numpad-row",
+			keys: fnKeys
+		});
+		return {
+			type: "custom",
+			name: "随机数字键盘",
+			supportShift: false,
+			rows,
+			data: {
+				isRandom: true,
+				randomType: "number"
+			}
+		};
+	}
+	function createRandomPinLayout(options) {
+		const { includeBackspace = true, includeDone = true } = options || {};
+		const randomNumbers = getRandomNumbers();
+		const rows = [
+			{
+				className: "numpad-row",
+				keys: randomNumbers.slice(0, 3).map((n, i) => createCharKey(n, i))
+			},
+			{
+				className: "numpad-row",
+				keys: randomNumbers.slice(3, 6).map((n, i) => createCharKey(n, i + 3))
+			},
+			{
+				className: "numpad-row",
+				keys: randomNumbers.slice(6, 9).map((n, i) => createCharKey(n, i + 6))
+			}
+		];
+		const lastRow = [];
+		if (includeBackspace) lastRow.push({
+			id: "backspace",
+			type: "backspace",
+			label: "⌫",
+			className: "key-backspace key-fn"
+		});
+		else lastRow.push({
+			id: "empty-1",
+			type: "char",
+			label: "",
+			value: "",
+			disabled: true,
+			className: "key-placeholder"
+		});
+		lastRow.push(createCharKey(randomNumbers[9], 9));
+		if (includeDone) lastRow.push({
+			id: "done",
+			type: "done",
+			label: "确定",
+			className: "key-done key-fn"
+		});
+		else lastRow.push({
+			id: "empty-2",
+			type: "char",
+			label: "",
+			value: "",
+			disabled: true,
+			className: "key-placeholder"
+		});
+		rows.push({
+			className: "numpad-row",
+			keys: lastRow
+		});
+		return {
+			type: "custom",
+			name: "随机PIN键盘",
+			supportShift: false,
+			rows,
+			data: {
+				isRandom: true,
+				randomType: "pin"
+			}
+		};
+	}
+	function createRandomLetterLayout(options) {
+		const { uppercase = true, rowDistribution = [
+			10,
+			9,
+			7
+		] } = options || {};
+		let randomLetters = getRandomLetters();
+		if (!uppercase) randomLetters = randomLetters.map((l) => l.toLowerCase());
+		const letterKeys = randomLetters.map((l, i) => createCharKey(l, i));
+		const rows = [];
+		let offset = 0;
+		for (const count of rowDistribution) {
+			rows.push({
+				className: "numpad-row",
+				keys: letterKeys.slice(offset, offset + count)
+			});
+			offset += count;
+		}
+		if (offset < letterKeys.length) rows.push({
+			className: "numpad-row",
+			keys: letterKeys.slice(offset)
+		});
+		rows.push({
+			className: "numpad-row",
+			keys: [
+				{
+					id: "clear",
+					type: "clear",
+					label: "清空",
+					className: "key-clear key-fn"
+				},
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					className: "key-backspace key-fn"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "确定",
+					className: "key-done key-fn"
+				}
+			]
+		});
+		return {
+			type: "custom",
+			name: "随机字母键盘",
+			supportShift: false,
+			rows,
+			data: {
+				isRandom: true,
+				randomType: "letter"
+			}
+		};
+	}
+	function createRandomMixedLayout(options) {
+		const { rowDistribution = [
+			10,
+			10,
+			9,
+			7
+		] } = options || {};
+		const charKeys = getRandomAlphanumeric().map((c, i) => createCharKey(c, i));
+		const rows = [];
+		let offset = 0;
+		for (const count of rowDistribution) {
+			if (offset >= charKeys.length) break;
+			rows.push({
+				className: "numpad-row",
+				keys: charKeys.slice(offset, offset + count)
+			});
+			offset += count;
+		}
+		if (offset < charKeys.length) rows.push({
+			className: "numpad-row",
+			keys: charKeys.slice(offset)
+		});
+		rows.push({
+			className: "numpad-row",
+			keys: [
+				{
+					id: "clear",
+					type: "clear",
+					label: "清空",
+					className: "key-clear key-fn"
+				},
+				{
+					id: "backspace",
+					type: "backspace",
+					label: "⌫",
+					className: "key-backspace key-fn"
+				},
+				{
+					id: "done",
+					type: "done",
+					label: "确定",
+					className: "key-done key-fn"
+				}
+			]
+		});
+		return {
+			type: "custom",
+			name: "随机混合键盘",
+			supportShift: false,
+			rows,
+			data: {
+				isRandom: true,
+				randomType: "mixed"
+			}
+		};
+	}
+	function refreshRandomLayout(layout) {
+		switch (layout.data?.randomType) {
+			case "number": return createRandomNumberLayout();
+			case "pin": return createRandomPinLayout();
+			case "letter": return createRandomLetterLayout();
+			case "mixed": return createRandomMixedLayout();
+			default: return layout;
+		}
+	}
+	//#endregion
+	//#region src/utils/formatters.ts
+	function formatPhone(value) {
+		const digits = value.replace(/\D/g, "").slice(0, 11);
+		if (digits.length <= 3) return digits;
+		if (digits.length <= 7) return `${digits.slice(0, 3)} ${digits.slice(3)}`;
+		return `${digits.slice(0, 3)} ${digits.slice(3, 7)} ${digits.slice(7)}`;
+	}
+	function formatBankCard(value) {
+		return value.replace(/\D/g, "").slice(0, 19).replace(/(\d{4})(?=\d)/g, "$1 ");
+	}
+	function formatAmount(value, decimalPlaces = 2) {
+		let result = value.replace(/[^\d.]/g, "");
+		const parts = result.split(".");
+		if (parts.length > 2) result = parts[0] + "." + parts.slice(1).join("");
+		if (parts.length === 2 && parts[1].length > decimalPlaces) result = parts[0] + "." + parts[1].slice(0, decimalPlaces);
+		if (result.length > 1 && result.startsWith("0") && result[1] !== ".") result = result.replace(/^0+/, "") || "0";
+		return result;
+	}
+	function formatIdCard(value) {
+		return value.replace(/[^\dXx]/g, "").slice(0, 18).toUpperCase();
+	}
+	function formatLicensePlate(value) {
+		return value.toUpperCase().slice(0, 8);
+	}
+	function formatVerifyCode(value, length = 6) {
+		return value.replace(/\D/g, "").slice(0, length);
+	}
+	const formatters = /* @__PURE__ */ new Map([
+		["phone", formatPhone],
+		["bankcard", formatBankCard],
+		["idcard", formatIdCard],
+		["license-plate", formatLicensePlate],
+		["verifycode", formatVerifyCode]
+	]);
+	function registerFormatter(name, formatter) {
+		formatters.set(name, formatter);
+	}
+	function getFormatter(name) {
+		return formatters.get(name);
+	}
+	function applyFormatter(name, value) {
+		const formatter = formatters.get(name);
+		return formatter ? formatter(value) : value;
+	}
+	//#endregion
+	exports.EMAIL_SUFFIXES = EMAIL_SUFFIXES;
+	exports.EventEmitter = EventEmitter;
+	exports.ICONS = ICONS;
+	exports.ICON_CHECK = ICON_CHECK;
+	exports.ICON_CLEAR = ICON_CLEAR;
+	exports.ICON_CLOSE = ICON_CLOSE;
+	exports.ICON_DELETE = ICON_DELETE;
+	exports.ICON_ENTER = ICON_ENTER;
+	exports.ICON_KEYBOARD = ICON_KEYBOARD;
+	exports.ICON_SHIFT = ICON_SHIFT;
+	exports.ICON_SPACE = ICON_SPACE;
+	exports.ICON_VOICE = ICON_VOICE;
+	exports.KeyboardManager = KeyboardManager;
+	exports.KeyboardRenderer = KeyboardRenderer;
+	exports.PLATE_LETTERS = PLATE_LETTERS;
+	exports.PROVINCES = PROVINCES;
+	exports.PositionManager = PositionManager;
+	exports.amountLayout = amountLayout;
+	exports.amountSimpleLayout = amountSimpleLayout;
+	exports.applyFormatter = applyFormatter;
+	exports.applyTheme = applyTheme;
+	exports.bankcardLayout = bankcardLayout;
+	exports.createElement = createElement;
+	exports.createKeyboardManager = createKeyboardManager;
+	exports.createKeyboardRenderer = createKeyboardRenderer;
+	exports.createPositionManager = createPositionManager;
+	exports.createRandomLetterLayout = createRandomLetterLayout;
+	exports.createRandomMixedLayout = createRandomMixedLayout;
+	exports.createRandomNumberLayout = createRandomNumberLayout;
+	exports.createRandomPinLayout = createRandomPinLayout;
+	exports.createTheme = createTheme;
+	exports.darkTheme = darkTheme;
+	exports.defaultTheme = defaultTheme;
+	exports.deleteCharBeforeCursor = deleteCharBeforeCursor;
+	exports.emailLayout = emailLayout;
+	exports.formatAmount = formatAmount;
+	exports.formatBankCard = formatBankCard;
+	exports.formatIdCard = formatIdCard;
+	exports.formatLicensePlate = formatLicensePlate;
+	exports.formatPhone = formatPhone;
+	exports.formatVerifyCode = formatVerifyCode;
+	exports.generateThemeStyle = generateThemeStyle;
+	exports.getAllThemes = getAllThemes;
+	exports.getAvailableLayouts = getAvailableLayouts;
+	exports.getAvailableThemes = getAvailableThemes;
+	exports.getBoundingRect = getBoundingRect;
+	exports.getCurrentTheme = getCurrentTheme;
+	exports.getDeviceType = getDeviceType;
+	exports.getElementOffset = getElementOffset;
+	exports.getFormatter = getFormatter;
+	exports.getInputCursorPosition = getInputCursorPosition;
+	exports.getLayout = getLayout;
+	exports.getRandomAlphanumeric = getRandomAlphanumeric;
+	exports.getRandomLetters = getRandomLetters;
+	exports.getRandomNumbers = getRandomNumbers;
+	exports.getSafeAreaInsets = getSafeAreaInsets;
+	exports.getTheme = getTheme;
+	exports.getViewportInfo = getViewportInfo;
+	exports.hasLayout = hasLayout;
+	exports.idcardLayout = idcardLayout;
+	exports.insertTextAtCursor = insertTextAtCursor;
+	exports.integerLayout = integerLayout;
+	exports.iosTheme = iosTheme;
+	exports.isClickOutside = isClickOutside;
+	exports.isElementInViewport = isElementInViewport;
+	exports.isMobile = isMobile;
+	exports.isMobileUA = isMobileUA;
+	exports.isTouchDevice = isTouchDevice;
+	exports.licensePlateAlphanumericLayout = licensePlateAlphanumericLayout;
+	exports.licensePlateLayout = licensePlateLayout;
+	exports.licensePlateLetterLayout = licensePlateLetterLayout;
+	exports.licensePlateProvinceLayout = licensePlateProvinceLayout;
+	exports.materialTheme = materialTheme;
+	exports.mergeTheme = mergeTheme;
+	exports.minimalTheme = minimalTheme;
+	exports.miuiTheme = miuiTheme;
+	exports.numberLayout = numberLayout;
+	exports.onClickOutside = onClickOutside;
+	exports.onViewportChange = onViewportChange;
+	exports.phoneLayout = phoneLayout;
+	exports.phoneSimpleLayout = phoneSimpleLayout;
+	exports.presetThemes = presetThemes;
+	exports.preventDefaultAndStopPropagation = preventDefaultAndStopPropagation;
+	exports.punctLayout = punctLayout;
+	exports.qwertyLayout = qwertyLayout;
+	exports.refreshRandomLayout = refreshRandomLayout;
+	exports.registerFormatter = registerFormatter;
+	exports.registerLayout = registerLayout;
+	exports.registerLayouts = registerLayouts;
+	exports.registerTheme = registerTheme;
+	exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;
+	exports.searchLayout = searchLayout;
+	exports.setCurrentTheme = setCurrentTheme;
+	exports.setInputCursorPosition = setInputCursorPosition;
+	exports.setStyles = setStyles;
+	exports.shuffleArray = shuffleArray;
+	exports.supportsVibrate = supportsVibrate;
+	exports.symbolLayout = symbolLayout;
+	exports.symbolLayout2 = symbolLayout2;
+	exports.themeToCSS = themeToCSS;
+	exports.toggleClass = toggleClass;
+	exports.unregisterLayout = unregisterLayout;
+	exports.urlLayout = urlLayout;
+	exports.verifycodeLayout = verifycodeLayout;
+	exports.vibrate = vibrate;
+});
+/*! End of @composy/keyboard-core | Powered by @composy/builder */
+//# sourceMappingURL=index.js.map