@composy/keyboard-vue 0.0.1

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["/**\n * @composy/keyboard-vue\n * LDesign 虚拟键盘 - Vue 3 适配器\n * @packageDocumentation\n */\n\nimport type { App, Plugin } from 'vue'\nimport { KeyboardPopup, VirtualKeyboard, LicensePlateKeyboard } from './components'\nimport { vKeyboard } from './directives/v-keyboard'\n\n// 导出组件\nexport * from './components'\n\n// 导出 Composables\nexport * from './composables'\n\n// 导出插件\nexport * from './plugins'\n\n// 导出指令\nexport * from './directives'\n\n// 从核心包重新导出\nexport {\n  // 管理器\n  createKeyboardManager,\n  createPositionManager,\n  createKeyboardRenderer,\n  KeyboardManager,\n  PositionManager,\n  KeyboardRenderer,\n\n  // 布局\n  getLayout,\n  registerLayout,\n  registerLayouts,\n  hasLayout,\n  getAvailableLayouts,\n  unregisterLayout,\n  qwertyLayout,\n  numberLayout,\n  integerLayout,\n  symbolLayout,\n  symbolLayout2,\n  licensePlateLayout,\n  licensePlateProvinceLayout,\n  licensePlateLetterLayout,\n  licensePlateAlphanumericLayout,\n  PROVINCES,\n  PLATE_LETTERS,\n  // 场景化键盘\n  idcardLayout,\n  phoneLayout,\n  phoneSimpleLayout,\n  amountLayout,\n  amountSimpleLayout,\n  bankcardLayout,\n  verifycodeLayout,\n  emailLayout,\n  urlLayout,\n  searchLayout,\n  punctLayout,\n  EMAIL_SUFFIXES,\n\n  // 工具函数\n  EventEmitter,\n  isMobile,\n  isTouchDevice,\n  getDeviceType,\n  getViewportInfo,\n  vibrate,\n  onViewportChange,\n  getBoundingRect,\n  onClickOutside,\n  insertTextAtCursor,\n  deleteCharBeforeCursor,\n  // 随机键盘\n  shuffleArray,\n  getRandomNumbers,\n  getRandomLetters,\n  getRandomAlphanumeric,\n  createRandomNumberLayout,\n  createRandomPinLayout,\n  createRandomLetterLayout,\n  createRandomMixedLayout,\n  refreshRandomLayout,\n\n  // 格式化工具\n  formatPhone,\n  formatBankCard,\n  formatAmount,\n  formatIdCard,\n  formatLicensePlate,\n  formatVerifyCode,\n  registerFormatter,\n  getFormatter,\n  applyFormatter,\n\n  // 主题系统\n  getTheme,\n  registerTheme,\n  getAvailableThemes,\n  getAllThemes,\n  setCurrentTheme,\n  getCurrentTheme,\n  themeToCSS,\n  applyTheme,\n  generateThemeStyle,\n  mergeTheme,\n  createTheme,\n  miuiTheme,\n  iosTheme,\n  materialTheme,\n  minimalTheme,\n  darkTheme,\n  presetThemes,\n  defaultTheme,\n} from '@composy/keyboard-core'\n\n// 导出类型\nexport type {\n  KeyboardType,\n  KeyType,\n  KeyDefinition,\n  KeyboardRow,\n  KeyboardConfig,\n  KeyboardState,\n  KeyboardEventMap,\n  KeyboardOptions,\n  DeviceType,\n  PopupPlacement,\n  Position,\n  Size,\n  BoundingRect,\n  PopupPositionConfig,\n  PopupPositionResult,\n  ViewportInfo,\n  // 主题类型\n  ThemeName,\n  ThemeColors,\n  ThemeSizes,\n  ThemeEffects,\n  ThemeConfig,\n  ThemeCSSVariables,\n  // 渲染器类型\n  KeyboardRendererOptions,\n  // 格式化类型\n  FormatterFunction,\n} from '@composy/keyboard-core'\n\n/**\n * 键盘插件配置\n */\nexport interface KeyboardPluginOptions {\n  /**\n   * 组件前缀\n   * @default 'L'\n   */\n  prefix?: string\n}\n\n/**\n * 原生 Vue 项目键盘插件\n * 用于全局注册键盘组件和指令\n *\n * @example\n * ```typescript\n * import { createApp } from 'vue'\n * import { KeyboardVuePlugin } from '@composy/keyboard-vue'\n *\n * const app = createApp(App)\n * app.use(KeyboardVuePlugin, { prefix: 'L' })\n * ```\n */\nexport const KeyboardVuePlugin: Plugin = {\n  install(app: App, options: KeyboardPluginOptions = {}) {\n    const prefix = options.prefix ?? 'L'\n\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/**\n * @deprecated 使用 KeyboardVuePlugin 代替\n */\nexport const KeyboardPlugin = KeyboardVuePlugin\n\n// 默认导出插件\nexport default KeyboardVuePlugin\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8KO,MAAM,oBAA4B,EACvC,QAAQ,KAAU,UAAiC,CAAC,GAAG;CACrD,MAAM,SAAS,QAAQ,UAAU;CAGjC,IAAI,UAAU,GAAG,OAAM,WAAY,uBAAe;CAClD,IAAI,UAAU,GAAG,OAAM,gBAAiB,qBAAa;CACrD,IAAI,UAAU,GAAG,OAAM,uBAAwB,4BAAoB;CAGnE,IAAI,UAAU,YAAY,SAAS;AACrC,EACF;AAKO,MAAM,iBAAiB"}

package/es/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/es/plugins/engine-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine-plugin.d.ts","sourceRoot":"","sources":["../../src/plugins/engine-plugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,oBAAoB;;;qBAIR,OAAO,YAAY,2BAA2B;CAwBtE,CAAA"}

package/es/plugins/engine-plugin.js

@@ -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                    *
+* ***********************************
+*/
+import VirtualKeyboard_default from "../components/VirtualKeyboard.js";
+import KeyboardPopup_default from "../components/KeyboardPopup.js";
+import LicensePlateKeyboard_default from "../components/LicensePlateKeyboard.js";
+import "../components/index.js";
+import { vKeyboard } from "../directives/v-keyboard.js";
+//#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`, VirtualKeyboard_default);
+			app.component(`${prefix}KeyboardPopup`, KeyboardPopup_default);
+			app.component(`${prefix}LicensePlateKeyboard`, LicensePlateKeyboard_default);
+			app.directive("keyboard", vKeyboard);
+		}
+		if (context?.container?.singleton) context.container.singleton("keyboard", {
+			name: "keyboard",
+			version: "0.1.0"
+		});
+	}
+};
+//#endregion
+export { KeyboardEnginePlugin };
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */
+//# sourceMappingURL=engine-plugin.js.map

package/es/plugins/engine-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine-plugin.js","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,uBAAe;GAClD,IAAI,UAAU,GAAG,OAAM,gBAAiB,qBAAa;GACrD,IAAI,UAAU,GAAG,OAAM,uBAAwB,4BAAoB;GAGnE,IAAI,UAAU,YAAY,SAAS;EACrC;EAGA,IAAI,SAAS,WAAW,WACtB,QAAQ,UAAU,UAAU,YAAY;GACtC,MAAM;GACN,SAAS;EACX,CAAC;CAEL;AACF"}

package/es/plugins/index.d.ts

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

package/es/plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,iBAAiB,CAAA"}

package/es/plugins/index.js

@@ -0,0 +1,12 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-08-17 11:42:14 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { KeyboardEnginePlugin } from "./engine-plugin.js";
+export { KeyboardEnginePlugin };
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */

package/es/style/css.js

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

package/es/style/index.js

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

package/es/style/index.less

@@ -0,0 +1 @@
+// @ldesign styles

package/es/styles/index.less

@@ -0,0 +1,267 @@
+/**
+ * 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;
+  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;
+}