@composy/keyboard-vue 0.0.1

package/lib/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

package/lib/plugins/engine-plugin.cjs

@@ -0,0 +1,37 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:14 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_VirtualKeyboard = require("../components/VirtualKeyboard.cjs");
+const require_KeyboardPopup = require("../components/KeyboardPopup.cjs");
+const require_LicensePlateKeyboard = require("../components/LicensePlateKeyboard.cjs");
+const require_v_keyboard = require("../directives/v-keyboard.cjs");
+//#region src/plugins/engine-plugin.ts
+const KeyboardEnginePlugin = {
+	name: "keyboard",
+	version: "0.1.0",
+	async install(context, options) {
+		const prefix = options?.prefix ?? "L";
+		const app = context?.framework?.app;
+		if (app) {
+			app.component(`${prefix}Keyboard`, require_VirtualKeyboard.default);
+			app.component(`${prefix}KeyboardPopup`, require_KeyboardPopup.default);
+			app.component(`${prefix}LicensePlateKeyboard`, require_LicensePlateKeyboard.default);
+			app.directive("keyboard", require_v_keyboard.vKeyboard);
+		}
+		if (context?.container?.singleton) context.container.singleton("keyboard", {
+			name: "keyboard",
+			version: "0.1.0"
+		});
+	}
+};
+//#endregion
+exports.KeyboardEnginePlugin = KeyboardEnginePlugin;
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */
+//# sourceMappingURL=engine-plugin.cjs.map

package/lib/plugins/engine-plugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine-plugin.cjs","names":[],"sources":["../../src/plugins/engine-plugin.ts"],"sourcesContent":["/**\n * 键盘 Engine 插件\n * 适配 @composy/engine-vue 的插件\n * @module plugins/engine-plugin\n */\n\nimport type { App } from 'vue'\nimport { VirtualKeyboard, KeyboardPopup, LicensePlateKeyboard } from '../components'\nimport { vKeyboard } from '../directives/v-keyboard'\n\n/**\n * Engine 插件接口（兼容 @composy/engine-core Plugin）\n */\nexport interface KeyboardEnginePluginOptions {\n  /**\n   * 组件前缀\n   * @default 'L'\n   */\n  prefix?: string\n}\n\n/**\n * 键盘 Engine 插件\n *\n * 符合 @composy/engine-core Plugin 接口规范\n * 通过 engine.use(KeyboardEnginePlugin) 安装\n *\n * @example\n * ```typescript\n * import { createVueEngine } from '@composy/engine-vue'\n * import { KeyboardEnginePlugin } from '@composy/keyboard-vue'\n *\n * const engine = createVueEngine({\n *   plugins: [KeyboardEnginePlugin],\n * })\n * ```\n */\nexport const KeyboardEnginePlugin = {\n  name: 'keyboard',\n  version: '0.1.0',\n\n  async install(context: unknown, options?: KeyboardEnginePluginOptions) {\n    const prefix = options?.prefix ?? 'L'\n\n    // 获取 Vue 应用实例（从 engine 上下文）\n    const app: App | undefined = context?.framework?.app\n\n    if (app) {\n      // 注册全局组件\n      app.component(`${prefix}Keyboard`, VirtualKeyboard)\n      app.component(`${prefix}KeyboardPopup`, KeyboardPopup)\n      app.component(`${prefix}LicensePlateKeyboard`, LicensePlateKeyboard)\n\n      // 注册指令\n      app.directive('keyboard', vKeyboard)\n    }\n\n    // 注册到服务容器（如果有）\n    if (context?.container?.singleton) {\n      context.container.singleton('keyboard', {\n        name: 'keyboard',\n        version: '0.1.0',\n      })\n    }\n  },\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqCO,MAAM,uBAAuB;CAClC,MAAM;CACN,SAAS;CAET,MAAM,QAAQ,SAAkB,SAAuC;EACrE,MAAM,SAAS,SAAS,UAAU;EAGlC,MAAM,MAAuB,SAAS,WAAW;EAEjD,IAAI,KAAK;GAEP,IAAI,UAAU,GAAG,OAAM,WAAY,wBAAA,OAAe;GAClD,IAAI,UAAU,GAAG,OAAM,gBAAiB,sBAAA,OAAa;GACrD,IAAI,UAAU,GAAG,OAAM,uBAAwB,6BAAA,OAAoB;GAGnE,IAAI,UAAU,YAAY,mBAAA,SAAS;EACrC;EAGA,IAAI,SAAS,WAAW,WACtB,QAAQ,UAAU,UAAU,YAAY;GACtC,MAAM;GACN,SAAS;EACX,CAAC;CAEL;AACF"}

package/lib/plugins/engine-plugin.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 键盘 Engine 插件
+ * 适配 @composy/engine-vue 的插件
+ * @module plugins/engine-plugin
+ */
+/**
+ * Engine 插件接口（兼容 @composy/engine-core Plugin）
+ */
+export interface KeyboardEnginePluginOptions {
+    /**
+     * 组件前缀
+     * @default 'L'
+     */
+    prefix?: string;
+}
+/**
+ * 键盘 Engine 插件
+ *
+ * 符合 @composy/engine-core Plugin 接口规范
+ * 通过 engine.use(KeyboardEnginePlugin) 安装
+ *
+ * @example
+ * ```typescript
+ * import { createVueEngine } from '@composy/engine-vue'
+ * import { KeyboardEnginePlugin } from '@composy/keyboard-vue'
+ *
+ * const engine = createVueEngine({
+ *   plugins: [KeyboardEnginePlugin],
+ * })
+ * ```
+ */
+export declare const KeyboardEnginePlugin: {
+    name: string;
+    version: string;
+    install(context: unknown, options?: KeyboardEnginePluginOptions): Promise<void>;
+};
+//# sourceMappingURL=engine-plugin.d.ts.map

package/lib/plugins/index.cjs

@@ -0,0 +1,13 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:14 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_engine_plugin = require("./engine-plugin.cjs");
+exports.KeyboardEnginePlugin = require_engine_plugin.KeyboardEnginePlugin;
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */

package/lib/plugins/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 插件导出
+ * @module plugins
+ */
+export * from './engine-plugin';
+//# sourceMappingURL=index.d.ts.map

package/lib/style/css.js

@@ -0,0 +1 @@
+import './index.css';

package/lib/style/index.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=src/style/index.less.map */

package/lib/style/index.js

@@ -0,0 +1 @@
+import './index.css';

package/lib/styles/index.css

@@ -0,0 +1,229 @@
+/**
+ * LDesign Keyboard 样式
+ * @module styles
+ */
+/* 核心样式 */
+@import 'keyboard.css';
+/* 主题样式 */
+@import 'themes.css';
+/* 深色主题 */
+.dark,
+[data-theme="dark"] {
+  --keyboard-bg: #374151;
+  --keyboard-key-bg: #4b5563;
+  --keyboard-key-color: #f9fafb;
+  --keyboard-key-active-bg: #6b7280;
+  --keyboard-fn-key-bg: #1f2937;
+  --keyboard-fn-key-color: #f9fafb;
+  --keyboard-fn-key-active-bg: #111827;
+  --keyboard-primary-bg: #2563eb;
+  --keyboard-primary-active-bg: #1d4ed8;
+}
+/* iOS 风格主题 */
+.keyboard-theme-ios {
+  --keyboard-bg: #d1d5db;
+  --keyboard-key-bg: #ffffff;
+  --keyboard-key-color: #000000;
+  --keyboard-key-active-bg: #c4c7cc;
+  --keyboard-fn-key-bg: #adb3bc;
+  --keyboard-fn-key-color: #000000;
+  --keyboard-fn-key-active-bg: #8e9399;
+  --keyboard-primary-bg: #007aff;
+  --keyboard-primary-active-bg: #0062cc;
+  --keyboard-key-radius: 5px;
+}
+/* Android 风格主题 */
+.keyboard-theme-android {
+  --keyboard-bg: #263238;
+  --keyboard-key-bg: #37474f;
+  --keyboard-key-color: #ffffff;
+  --keyboard-key-active-bg: #455a64;
+  --keyboard-fn-key-bg: #455a64;
+  --keyboard-fn-key-color: #90a4ae;
+  --keyboard-fn-key-active-bg: #546e7a;
+  --keyboard-primary-bg: #4285f4;
+  --keyboard-primary-active-bg: #3367d6;
+  --keyboard-key-radius: 4px;
+}
+/* 基础重置 */
+.virtual-keyboard,
+.virtual-keyboard * {
+  box-sizing: border-box;
+}
+.virtual-keyboard {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* 禁止选中 */
+.virtual-keyboard,
+.keyboard-popup {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+       user-select: none;
+}
+/* 禁止 iOS 点击高亮 */
+.keyboard-key {
+  -webkit-tap-highlight-color: transparent;
+}
+/* 移动端优化 */
+@media (max-width: 768px) {
+  :root {
+    --keyboard-key-height: 46px;
+    --keyboard-font-size: 18px;
+  }
+  .virtual-keyboard {
+    padding: 6px 2px;
+  }
+  .keyboard-key {
+    margin: 3px;
+  }
+}
+/* 横屏优化 */
+@media (orientation: landscape) and (max-height: 500px) {
+  :root {
+    --keyboard-key-height: 36px;
+    --keyboard-font-size: 14px;
+  }
+  .virtual-keyboard {
+    padding: 4px 2px;
+  }
+}
+/* 安全区域适配 */
+@supports (padding-bottom: env(safe-area-inset-bottom)) {
+  .keyboard-popup--mobile {
+    padding-bottom: calc(8px + env(safe-area-inset-bottom));
+  }
+}
+/* =========================
+   数字键盘专用样式
+   ========================= */
+.number-keyboard-row {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+.number-keyboard-row .keyboard-key {
+  flex: 1;
+  max-width: 25%;
+  height: 52px;
+  font-size: 22px;
+  font-weight: 500;
+}
+.number-keyboard-row .key-number {
+  background-color: var(--keyboard-key-bg, #fff);
+  color: var(--keyboard-key-color, #333);
+}
+.number-keyboard-row .key-side {
+  background-color: var(--keyboard-fn-key-bg, #d4d6dc);
+  color: var(--keyboard-fn-key-color, #333);
+  font-size: 14px;
+}
+.number-keyboard-row .key-side:active {
+  background-color: var(--keyboard-fn-key-active-bg, #b8bac0);
+}
+.number-keyboard-row .key-done {
+  background-color: var(--keyboard-primary-bg, #007aff);
+  color: #fff;
+}
+.number-keyboard-row .key-done:active {
+  background-color: var(--keyboard-primary-active-bg, #0062cc);
+}
+.number-keyboard-row .key-decimal,
+.number-keyboard-row .key-double-zero {
+  background-color: var(--keyboard-key-bg, #fff);
+  font-size: 18px;
+}
+.number-keyboard-row .key-placeholder {
+  background-color: transparent;
+  box-shadow: none;
+  cursor: default;
+}
+.number-keyboard-row .key-placeholder:active {
+  transform: none;
+  background-color: transparent;
+}
+/* =========================
+   PC端专用样式
+   ========================= */
+.keyboard-popup--desktop {
+  min-width: 320px;
+}
+.keyboard-popup--desktop .keyboard-key {
+  height: 40px;
+  font-size: 15px;
+  border-radius: 5px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+}
+.keyboard-popup--desktop .keyboard-key:hover {
+  background-color: var(--keyboard-key-active-bg, #e5e7eb);
+}
+.keyboard-popup--desktop .keyboard-key--backspace:hover,
+.keyboard-popup--desktop .keyboard-key--shift:hover,
+.keyboard-popup--desktop .keyboard-key--tab:hover,
+.keyboard-popup--desktop .keyboard-key--clear:hover,
+.keyboard-popup--desktop .keyboard-key--close:hover {
+  background-color: var(--keyboard-fn-key-active-bg, #b8bac0);
+}
+.keyboard-popup--desktop .keyboard-key--done:hover,
+.keyboard-popup--desktop .keyboard-key--enter:hover {
+  background-color: var(--keyboard-primary-active-bg, #0062cc);
+}
+/* PC端数字键盘 */
+.keyboard-popup--desktop .number-keyboard-row .keyboard-key {
+  height: 44px;
+  font-size: 18px;
+}
+.keyboard-popup--desktop .number-keyboard-row .key-side {
+  font-size: 13px;
+}
+/* =========================
+   移动端专用样式
+   ========================= */
+.keyboard-popup--mobile {
+  width: 100%;
+}
+.keyboard-popup--mobile .keyboard-key {
+  height: 46px;
+  font-size: 18px;
+  border-radius: 6px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+/* 移动端数字键盘 */
+.keyboard-popup--mobile .number-keyboard-row .keyboard-key {
+  height: 54px;
+  font-size: 24px;
+  border-radius: 8px;
+}
+.keyboard-popup--mobile .number-keyboard-row .key-side {
+  font-size: 15px;
+}
+/* =========================
+   键盘顶部栅栏（移动端）
+   ========================= */
+.keyboard-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 16px;
+  background-color: var(--keyboard-bg, #d1d5db);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.keyboard-toolbar__title {
+  font-size: 14px;
+  color: var(--keyboard-fn-key-color, #666);
+}
+.keyboard-toolbar__done {
+  padding: 6px 16px;
+  background: none;
+  border: none;
+  color: var(--keyboard-primary-bg, #007aff);
+  font-size: 15px;
+  font-weight: 500;
+  cursor: pointer;
+}
+.keyboard-toolbar__done:active {
+  opacity: 0.7;
+}
+/*# sourceMappingURL=src/styles/index.less.map */

package/lib/styles/keyboard.css

@@ -0,0 +1,346 @@
+/**
+ * LDesign Keyboard - 核心样式
+ * 简洁现代的默认主题
+ */
+/* ====================
+   CSS 变量 - 简洁主题
+   ==================== */
+:root {
+  /* 键盘背景 */
+  --keyboard-bg: #f7f7f7;
+  /* 普通按键 */
+  --keyboard-key-bg: #ffffff;
+  --keyboard-key-color: #333333;
+  --keyboard-key-active-bg: #e5e5e5;
+  --keyboard-key-border: #e0e0e0;
+  /* 功能键 */
+  --keyboard-fn-bg: #e8e8e8;
+  --keyboard-fn-color: #666666;
+  --keyboard-fn-active-bg: #d8d8d8;
+  /* 主色调按键 */
+  --keyboard-primary-bg: #2563eb;
+  --keyboard-primary-active-bg: #1d4ed8;
+  --keyboard-primary-color: #ffffff;
+  /* 按键尺寸 */
+  --keyboard-key-height: 48px;
+  --keyboard-key-radius: 8px;
+  --keyboard-key-gap: 6px;
+  /* 字体 */
+  --keyboard-font-size: 20px;
+  --keyboard-fn-font-size: 14px;
+  /* 动画 */
+  --keyboard-transition: 80ms ease-out;
+}
+/* ====================
+   基础重置
+   ==================== */
+.virtual-keyboard,
+.virtual-keyboard *,
+.keyboard-popup,
+.keyboard-popup * {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+.virtual-keyboard {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+       user-select: none;
+}
+/* ====================
+   键盘容器
+   ==================== */
+.virtual-keyboard {
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+  background-color: var(--keyboard-bg);
+  width: 100%;
+}
+.virtual-keyboard__row {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  gap: var(--keyboard-key-gap);
+  margin-bottom: var(--keyboard-key-gap);
+}
+.virtual-keyboard__row:last-child {
+  margin-bottom: 0;
+}
+/* ====================
+   按键基础样式
+   ==================== */
+.keyboard-key {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  height: var(--keyboard-key-height);
+  min-width: 0;
+  padding: 0 4px;
+  border: none;
+  border-radius: var(--keyboard-key-radius);
+  background-color: var(--keyboard-key-bg);
+  color: var(--keyboard-key-color);
+  font-size: var(--keyboard-font-size);
+  font-weight: 500;
+  cursor: pointer;
+  touch-action: manipulation;
+  transition: background-color var(--keyboard-transition), transform var(--keyboard-transition);
+  -webkit-tap-highlight-color: transparent;
+  box-shadow: 0 1px 0 var(--keyboard-key-border);
+}
+.keyboard-key:active {
+  background-color: var(--keyboard-key-active-bg);
+  transform: scale(0.98);
+}
+.keyboard-key--disabled {
+  opacity: 0;
+  cursor: default;
+  pointer-events: none;
+}
+/* ====================
+   功能键样式
+   ==================== */
+.keyboard-key--backspace,
+.keyboard-key--shift,
+.keyboard-key--tab,
+.keyboard-key--clear,
+.keyboard-key--close {
+  background-color: var(--keyboard-fn-bg);
+  color: var(--keyboard-fn-color);
+  font-size: var(--keyboard-fn-font-size);
+  font-weight: 400;
+  box-shadow: 0 1px 0 var(--keyboard-key-border);
+}
+.keyboard-key--backspace:active,
+.keyboard-key--shift:active,
+.keyboard-key--tab:active,
+.keyboard-key--clear:active,
+.keyboard-key--close:active {
+  background-color: var(--keyboard-fn-active-bg);
+}
+/* Shift 激活状态 */
+.keyboard-key--shift.keyboard-key--active {
+  background-color: var(--keyboard-primary-bg);
+  color: var(--keyboard-primary-color);
+}
+/* ====================
+   主色按键（完成/确认）
+   ==================== */
+.keyboard-key--done,
+.keyboard-key--enter {
+  background-color: var(--keyboard-primary-bg);
+  color: var(--keyboard-primary-color);
+  font-size: var(--keyboard-fn-font-size);
+  font-weight: 500;
+  box-shadow: none;
+}
+.keyboard-key--done:active,
+.keyboard-key--enter:active {
+  background-color: var(--keyboard-primary-active-bg);
+}
+/* ====================
+   空格键
+   ==================== */
+.keyboard-key--space {
+  flex: 4;
+}
+/* ====================
+   占位键（透明）
+   ==================== */
+.key-placeholder {
+  background-color: transparent !important;
+  box-shadow: none !important;
+  cursor: default;
+  pointer-events: none;
+}
+/* ====================
+   数字键盘通用样式
+   ==================== */
+.numpad-row {
+  display: flex;
+  gap: var(--keyboard-key-gap);
+  width: 100%;
+}
+.numpad-row .keyboard-key {
+  flex: 1;
+  height: 54px;
+  font-size: 24px;
+  font-weight: 500;
+}
+/* 数字键 */
+.key-num {
+  background-color: var(--keyboard-key-bg);
+  color: var(--keyboard-key-color);
+}
+/* 功能键 */
+.key-numpad-fn {
+  background-color: var(--keyboard-fn-bg);
+  color: var(--keyboard-fn-color);
+  font-size: 14px;
+  font-weight: 400;
+}
+/* 完成键 */
+.key-numpad-done {
+  background-color: var(--keyboard-primary-bg);
+  color: var(--keyboard-primary-color);
+  font-size: 16px;
+  font-weight: 500;
+  box-shadow: none;
+}
+.key-numpad-done:active {
+  background-color: var(--keyboard-primary-active-bg);
+}
+/* ====================
+   车牌键盘样式
+   ==================== */
+.virtual-keyboard:has(.plate-keyboard-row) {
+  min-width: 340px;
+}
+.plate-keyboard-row {
+  display: flex;
+  gap: 3px;
+  width: 100%;
+  flex-wrap: nowrap;
+}
+.plate-keyboard-row .keyboard-key {
+  flex: 1 1 0;
+  height: 42px;
+  min-width: 28px;
+  max-width: none;
+  padding: 0 2px;
+  font-size: 15px;
+  font-weight: 500;
+  border-radius: 5px;
+}
+.key-plate-province,
+.key-plate-letter,
+.key-plate-number {
+  background-color: var(--keyboard-key-bg);
+}
+.key-plate-fn {
+  background-color: var(--keyboard-fn-bg);
+  font-size: 12px;
+  flex: 1.2 1 0 !important;
+}
+.key-plate-done {
+  background-color: var(--keyboard-primary-bg);
+  color: var(--keyboard-primary-color);
+  font-size: 13px;
+  box-shadow: none;
+  flex: 1.5 1 0 !important;
+}
+.key-plate-switch {
+  background-color: var(--keyboard-fn-bg);
+  font-size: 12px;
+  flex: 1.3 1 0 !important;
+}
+.key-plate-special {
+  background-color: #fef3c7;
+  color: #92400e;
+}
+/* ====================
+   弹出层样式
+   ==================== */
+.keyboard-popup {
+  position: fixed;
+  z-index: 1000;
+  background-color: var(--keyboard-bg);
+  overflow: hidden;
+}
+.keyboard-popup--desktop {
+  border-radius: 12px;
+  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05);
+  min-width: 300px;
+}
+.keyboard-popup--mobile {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 0;
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
+}
+/* 安全区域 */
+@supports (padding-bottom: env(safe-area-inset-bottom)) {
+  .keyboard-popup--mobile {
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+}
+/* ====================
+   遮罩层
+   ==================== */
+.keyboard-mask {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.3);
+  z-index: 999;
+}
+/* ====================
+   动画
+   ==================== */
+.keyboard-mask-enter-active,
+.keyboard-mask-leave-active {
+  transition: opacity 0.2s ease;
+}
+.keyboard-mask-enter-from,
+.keyboard-mask-leave-to {
+  opacity: 0;
+}
+.keyboard-fade-enter-active,
+.keyboard-fade-leave-active {
+  transition: opacity 0.15s ease, transform 0.15s ease;
+}
+.keyboard-fade-enter-from,
+.keyboard-fade-leave-to {
+  opacity: 0;
+  transform: translateY(-4px) scale(0.98);
+}
+.keyboard-slide-enter-active,
+.keyboard-slide-leave-active {
+  transition: transform 0.25s cubic-bezier(0.32, 0.72, 0, 1);
+}
+.keyboard-slide-enter-from,
+.keyboard-slide-leave-to {
+  transform: translateY(100%);
+}
+/* ====================
+   移动端适配
+   ==================== */
+@media (max-width: 768px) {
+  .virtual-keyboard {
+    padding: 6px;
+  }
+  .keyboard-key {
+    height: 44px;
+  }
+  .numpad-row .keyboard-key {
+    height: 52px;
+    font-size: 22px;
+  }
+  .plate-keyboard-row .keyboard-key {
+    height: 40px;
+    font-size: 15px;
+  }
+}
+/* ====================
+   横屏适配
+   ==================== */
+@media (orientation: landscape) and (max-height: 500px) {
+  .keyboard-key {
+    height: 36px;
+    font-size: 16px;
+  }
+  .numpad-row .keyboard-key {
+    height: 42px;
+    font-size: 18px;
+  }
+}
+/*# sourceMappingURL=src/styles/keyboard.less.map */