@composy/keyboard-vue 0.0.1 → 0.0.2

package/esm/composables/index.js

@@ -0,0 +1,13 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-10-12 17:44:15 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { useKeyboard } from "./useKeyboard.js";
+import { useKeyboardPopup } from "./useKeyboardPopup.js";
+export { useKeyboard, useKeyboardPopup };
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */

package/{lib → esm}/composables/useKeyboard.d.ts

@@ -2,8 +2,8 @@
  * 键盘管理 Composable
  * @module composables/useKeyboard
  */
+import type { KeyboardConfig, KeyboardEventMap, KeyboardOptions, KeyboardState, KeyboardType, KeyDefinition } from '@composy/keyboard-core';
 import type { Ref } from 'vue';
-import { type KeyboardConfig, type KeyboardEventMap, type KeyboardOptions, type KeyboardState, type KeyboardType, type KeyDefinition } from '@composy/keyboard-core';
 /**
  * useKeyboard 选项
  */

package/esm/composables/useKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/composables/useKeyboard.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,aAAa,EACd,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAI9B;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAErB;;OAEG;IACH,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;IAEvB;;OAEG;IACH,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzB;;OAEG;IACH,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAElB;;OAEG;IACH,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE3B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAElC;;OAEG;IACH,KAAK,EAAE,aAAa,CAAA;IAEpB;;OAEG;IACH,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,KAAK,IAAI,CAAA;IAE9D;;OAEG;IACH,IAAI,EAAE,MAAM,IAAI,CAAA;IAEhB;;OAEG;IACH,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,KAAK,IAAI,CAAA;IAEhE;;OAEG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,KAAK,IAAI,CAAA;IAEjD;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAA;IAEvB;;OAEG;IACH,SAAS,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAA;IAEvC;;OAEG;IACH,WAAW,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,MAAM,CAAA;IAE3C;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAEjC;;OAEG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAEnC;;OAEG;IACH,YAAY,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAE1C;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,KAAK,IAAI,CAAA;IAElE;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAA;IAEvB;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC,SAAS,MAAM,gBAAgB,EACnC,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,KACzC,MAAM,IAAI,CAAA;IAEf;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC,SAAS,MAAM,gBAAgB,EACrC,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,KACzC,MAAM,IAAI,CAAA;IAEf;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,OAAO,GAAE,kBAAuB,GAC/B,iBAAiB,CA4EnB"}

package/esm/composables/useKeyboard.js

@@ -0,0 +1,68 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-10-12 17:44:15 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { onBeforeUnmount, reactive, ref, shallowRef } from "vue";
+import { createKeyboardManager } from "@composy/keyboard-core";
+//#region src/composables/useKeyboard.ts
+function useKeyboard(options = {}) {
+	const { immediate = false, ...keyboardOptions } = options;
+	const manager = createKeyboardManager(keyboardOptions);
+	const initialState = manager.getState();
+	const visible = ref(initialState.visible);
+	const type = ref(initialState.type);
+	const isUpperCase = ref(initialState.isUpperCase);
+	const value = ref(initialState.value);
+	const cursorPosition = ref(initialState.cursorPosition);
+	const layout = shallowRef(manager.getLayout());
+	const state = reactive({ ...initialState });
+	const syncState = (newState) => {
+		visible.value = newState.visible;
+		type.value = newState.type;
+		isUpperCase.value = newState.isUpperCase;
+		value.value = newState.value;
+		cursorPosition.value = newState.cursorPosition;
+		Object.assign(state, newState);
+	};
+	manager.on("stateChange", syncState);
+	manager.on("switch", () => {
+		layout.value = manager.getLayout();
+	});
+	if (immediate) manager.show();
+	onBeforeUnmount(() => {
+		manager.destroy();
+	});
+	return {
+		visible,
+		type,
+		isUpperCase,
+		value,
+		cursorPosition,
+		layout,
+		state,
+		show: (input) => manager.show(input),
+		hide: () => manager.hide(),
+		toggle: (input) => manager.toggle(input),
+		switchType: (t) => manager.switchType(t),
+		toggleShift: () => manager.toggleShift(),
+		handleKey: (key) => manager.handleKey(key),
+		getKeyLabel: (key) => manager.getKeyLabel(key),
+		setValue: (v) => manager.setValue(v),
+		appendValue: (text) => manager.appendValue(text),
+		setMaxLength: (maxLength) => manager.setMaxLength(maxLength),
+		bindInput: (input) => manager.bindInput(input),
+		unbindInput: () => manager.unbindInput(),
+		on: (event, handler) => manager.on(event, handler),
+		once: (event, handler) => manager.once(event, handler),
+		destroy: () => manager.destroy()
+	};
+}
+//#endregion
+export { useKeyboard };
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */
+//# sourceMappingURL=useKeyboard.js.map

package/esm/composables/useKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboard.js","names":[],"sources":["../../src/composables/useKeyboard.ts"],"sourcesContent":["/**\r\n * 键盘管理 Composable\r\n * @module composables/useKeyboard\r\n */\r\n\r\nimport type {\r\n  KeyboardConfig,\r\n  KeyboardEventMap,\r\n  KeyboardOptions,\r\n  KeyboardState,\r\n  KeyboardType,\r\n  KeyDefinition,\r\n} from '@composy/keyboard-core'\r\nimport type { Ref } from 'vue'\r\nimport { createKeyboardManager } from '@composy/keyboard-core'\r\nimport { onBeforeUnmount, reactive, ref, shallowRef } from 'vue'\r\n\r\n/**\r\n * useKeyboard 选项\r\n */\r\nexport interface UseKeyboardOptions extends KeyboardOptions {\r\n  /**\r\n   * 是否立即显示\r\n   */\r\n  immediate?: boolean\r\n}\r\n\r\n/**\r\n * useKeyboard 返回值\r\n */\r\nexport interface UseKeyboardReturn {\r\n  /**\r\n   * 键盘是否可见\r\n   */\r\n  visible: Ref<boolean>\r\n\r\n  /**\r\n   * 当前键盘类型\r\n   */\r\n  type: Ref<KeyboardType>\r\n\r\n  /**\r\n   * 是否大写状态\r\n   */\r\n  isUpperCase: Ref<boolean>\r\n\r\n  /**\r\n   * 当前输入值\r\n   */\r\n  value: Ref<string>\r\n\r\n  /**\r\n   * 光标位置\r\n   */\r\n  cursorPosition: Ref<number>\r\n\r\n  /**\r\n   * 当前布局配置\r\n   */\r\n  layout: Ref<KeyboardConfig | null>\r\n\r\n  /**\r\n   * 完整状态\r\n   */\r\n  state: KeyboardState\r\n\r\n  /**\r\n   * 显示键盘\r\n   */\r\n  show: (input?: HTMLInputElement | HTMLTextAreaElement) => void\r\n\r\n  /**\r\n   * 隐藏键盘\r\n   */\r\n  hide: () => void\r\n\r\n  /**\r\n   * 切换显示/隐藏\r\n   */\r\n  toggle: (input?: HTMLInputElement | HTMLTextAreaElement) => void\r\n\r\n  /**\r\n   * 切换键盘类型\r\n   */\r\n  switchType: (type: KeyboardType | string) => void\r\n\r\n  /**\r\n   * 切换大小写\r\n   */\r\n  toggleShift: () => void\r\n\r\n  /**\r\n   * 处理按键\r\n   */\r\n  handleKey: (key: KeyDefinition) => void\r\n\r\n  /**\r\n   * 获取按键显示文本\r\n   */\r\n  getKeyLabel: (key: KeyDefinition) => string\r\n\r\n  /**\r\n   * 设置值\r\n   */\r\n  setValue: (value: string) => void\r\n\r\n  /**\r\n   * 追加值（在光标位置插入文本）\r\n   */\r\n  appendValue: (text: string) => void\r\n\r\n  /**\r\n   * 设置最大长度\r\n   */\r\n  setMaxLength: (maxLength?: number) => void\r\n\r\n  /**\r\n   * 绑定输入框\r\n   */\r\n  bindInput: (input: HTMLInputElement | HTMLTextAreaElement) => void\r\n\r\n  /**\r\n   * 解绑输入框\r\n   */\r\n  unbindInput: () => void\r\n\r\n  /**\r\n   * 事件监听\r\n   */\r\n  on: <K extends keyof KeyboardEventMap>(\r\n    event: K,\r\n    handler: (data: KeyboardEventMap[K]) => void\r\n  ) => () => void\r\n\r\n  /**\r\n   * 单次事件监听\r\n   */\r\n  once: <K extends keyof KeyboardEventMap>(\r\n    event: K,\r\n    handler: (data: KeyboardEventMap[K]) => void\r\n  ) => () => void\r\n\r\n  /**\r\n   * 销毁\r\n   */\r\n  destroy: () => void\r\n}\r\n\r\n/**\r\n * 键盘管理 Composable\r\n */\r\nexport function useKeyboard(\r\n  options: UseKeyboardOptions = {}\r\n): UseKeyboardReturn {\r\n  const { immediate = false, ...keyboardOptions } = options\r\n\r\n  // 创建键盘管理器\r\n  const manager = createKeyboardManager(keyboardOptions)\r\n  const initialState = manager.getState()\r\n\r\n  // 响应式状态\r\n  const visible = ref(initialState.visible)\r\n  const type = ref<KeyboardType>(initialState.type)\r\n  const isUpperCase = ref(initialState.isUpperCase)\r\n  const value = ref(initialState.value)\r\n  const cursorPosition = ref(initialState.cursorPosition)\r\n  const layout = shallowRef<KeyboardConfig | null>(manager.getLayout())\r\n\r\n  // 完整状态（响应式对象）\r\n  const state = reactive<KeyboardState>({\r\n    ...initialState,\r\n  })\r\n\r\n  // 同步管理器状态到 Vue 响应式状态\r\n  const syncState = (newState: KeyboardState) => {\r\n    visible.value = newState.visible\r\n    type.value = newState.type\r\n    isUpperCase.value = newState.isUpperCase\r\n    value.value = newState.value\r\n    cursorPosition.value = newState.cursorPosition\r\n\r\n    Object.assign(state, newState)\r\n  }\r\n\r\n  // 监听状态变化\r\n  manager.on('stateChange', syncState)\r\n\r\n  // 监听键盘类型切换，更新布局\r\n  manager.on('switch', () => {\r\n    layout.value = manager.getLayout()\r\n  })\r\n\r\n  // 立即显示\r\n  if (immediate) {\r\n    manager.show()\r\n  }\r\n\r\n  // 组件卸载时销毁\r\n  onBeforeUnmount(() => {\r\n    manager.destroy()\r\n  })\r\n\r\n  return {\r\n    visible,\r\n    type,\r\n    isUpperCase,\r\n    value,\r\n    cursorPosition,\r\n    layout,\r\n    state,\r\n    show: (input?: HTMLInputElement | HTMLTextAreaElement) =>\r\n      manager.show(input),\r\n    hide: () => manager.hide(),\r\n    toggle: (input?: HTMLInputElement | HTMLTextAreaElement) =>\r\n      manager.toggle(input),\r\n    switchType: (t: KeyboardType | string) => manager.switchType(t),\r\n    toggleShift: () => manager.toggleShift(),\r\n    handleKey: (key: KeyDefinition) => manager.handleKey(key),\r\n    getKeyLabel: (key: KeyDefinition) => manager.getKeyLabel(key),\r\n    setValue: (v: string) => manager.setValue(v),\r\n    appendValue: (text: string) => manager.appendValue(text),\r\n    setMaxLength: (maxLength?: number) => manager.setMaxLength(maxLength),\r\n    bindInput: (input: HTMLInputElement | HTMLTextAreaElement) =>\r\n      manager.bindInput(input),\r\n    unbindInput: () => manager.unbindInput(),\r\n    on: (event, handler) => manager.on(event, handler),\r\n    once: (event, handler) => manager.once(event, handler),\r\n    destroy: () => manager.destroy(),\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;AAuJO,SAAS,YACd,UAA8B,CAAC,GACZ;CACnB,MAAM,EAAE,YAAY,OAAO,GAAG,oBAAoB;CAGlD,MAAM,UAAU,sBAAsB,eAAe;CACrD,MAAM,eAAe,QAAQ,SAAS;CAGtC,MAAM,UAAU,IAAI,aAAa,OAAO;CACxC,MAAM,OAAO,IAAkB,aAAa,IAAI;CAChD,MAAM,cAAc,IAAI,aAAa,WAAW;CAChD,MAAM,QAAQ,IAAI,aAAa,KAAK;CACpC,MAAM,iBAAiB,IAAI,aAAa,cAAc;CACtD,MAAM,SAAS,WAAkC,QAAQ,UAAU,CAAC;CAGpE,MAAM,QAAQ,SAAwB,EACpC,GAAG,aACL,CAAC;CAGD,MAAM,aAAa,aAA4B;EAC7C,QAAQ,QAAQ,SAAS;EACzB,KAAK,QAAQ,SAAS;EACtB,YAAY,QAAQ,SAAS;EAC7B,MAAM,QAAQ,SAAS;EACvB,eAAe,QAAQ,SAAS;EAEhC,OAAO,OAAO,OAAO,QAAQ;CAC/B;CAGA,QAAQ,GAAG,eAAe,SAAS;CAGnC,QAAQ,GAAG,gBAAgB;EACzB,OAAO,QAAQ,QAAQ,UAAU;CACnC,CAAC;CAGD,IAAI,WACF,QAAQ,KAAK;CAIf,sBAAsB;EACpB,QAAQ,QAAQ;CAClB,CAAC;CAED,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAAO,UACL,QAAQ,KAAK,KAAK;EACpB,YAAY,QAAQ,KAAK;EACzB,SAAS,UACP,QAAQ,OAAO,KAAK;EACtB,aAAa,MAA6B,QAAQ,WAAW,CAAC;EAC9D,mBAAmB,QAAQ,YAAY;EACvC,YAAY,QAAuB,QAAQ,UAAU,GAAG;EACxD,cAAc,QAAuB,QAAQ,YAAY,GAAG;EAC5D,WAAW,MAAc,QAAQ,SAAS,CAAC;EAC3C,cAAc,SAAiB,QAAQ,YAAY,IAAI;EACvD,eAAe,cAAuB,QAAQ,aAAa,SAAS;EACpE,YAAY,UACV,QAAQ,UAAU,KAAK;EACzB,mBAAmB,QAAQ,YAAY;EACvC,KAAK,OAAO,YAAY,QAAQ,GAAG,OAAO,OAAO;EACjD,OAAO,OAAO,YAAY,QAAQ,KAAK,OAAO,OAAO;EACrD,eAAe,QAAQ,QAAQ;CACjC;AACF"}

package/esm/composables/useKeyboardPopup.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Keyboard popup composable.
+ * @module composables/useKeyboardPopup
+ */
+import type { PopupPlacement, PopupPositionConfig } from '@composy/keyboard-core';
+import type { CSSProperties, Ref } from 'vue';
+export interface UseKeyboardPopupOptions extends PopupPositionConfig {
+    visible?: Ref<boolean>;
+    target?: Ref<HTMLElement | null>;
+    popup?: Ref<HTMLElement | null>;
+    closeOnClickOutside?: boolean;
+    onClose?: () => void;
+}
+export interface UseKeyboardPopupReturn {
+    popupStyles: Ref<CSSProperties>;
+    maskStyles: Ref<CSSProperties>;
+    placement: Ref<PopupPlacement>;
+    isMobileDevice: Ref<boolean>;
+    showMask: Ref<boolean>;
+    isAnimating: Ref<boolean>;
+    updatePosition: () => void;
+    close: () => void;
+}
+export declare function useKeyboardPopup(options?: UseKeyboardPopupOptions): UseKeyboardPopupReturn;
+//# sourceMappingURL=useKeyboardPopup.d.ts.map

package/esm/composables/useKeyboardPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardPopup.d.ts","sourceRoot":"","sources":["../../src/composables/useKeyboardPopup.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAS7C,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;IAC/B,UAAU,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;IAC9B,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IAC9B,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACzB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,GAAE,uBAA4B,GACpC,sBAAsB,CAwKxB"}

package/esm/composables/useKeyboardPopup.js

@@ -0,0 +1,136 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-10-12 17:44:15 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { onBeforeUnmount, ref, watch } from "vue";
+import { createPositionManager, isMobile, onClickOutside, onViewportChange } from "@composy/keyboard-core";
+//#region src/composables/useKeyboardPopup.ts
+function useKeyboardPopup(options = {}) {
+	const { visible = ref(false), target = ref(null), popup = ref(null), closeOnClickOutside = true, onClose, ...positionConfig } = options;
+	const positionManager = createPositionManager(positionConfig);
+	const popupStyles = ref({});
+	const maskStyles = ref({});
+	const placement = ref("bottom");
+	const isMobileDevice = ref(isMobile());
+	const showMask = ref(false);
+	const isAnimating = ref(false);
+	let cleanupClickOutside = null;
+	let cleanupViewportChange = null;
+	let cleanupScroll = null;
+	let animationFrame = null;
+	let visibilitySession = 0;
+	const cleanupOpenResources = () => {
+		cleanupClickOutside?.();
+		cleanupClickOutside = null;
+		cleanupViewportChange?.();
+		cleanupViewportChange = null;
+		cleanupScroll?.();
+		cleanupScroll = null;
+	};
+	const cancelAnimationFrame = () => {
+		if (animationFrame === null || typeof window === "undefined") return;
+		window.cancelAnimationFrame(animationFrame);
+		animationFrame = null;
+	};
+	const updatePosition = () => {
+		const popupElement = popup.value;
+		if (!popupElement) return;
+		const popupRect = popupElement.getBoundingClientRect();
+		const result = positionManager.calculate(target.value, {
+			width: Math.max(0, popupRect.width),
+			height: Math.max(0, popupRect.height)
+		});
+		placement.value = result.placement;
+		showMask.value = positionManager.shouldShowMask();
+		if (result.placement === "bottom-sheet") popupStyles.value = {
+			position: "fixed",
+			left: "0",
+			right: "0",
+			bottom: "0",
+			maxHeight: result.maxHeight === void 0 ? void 0 : `${result.maxHeight}px`,
+			zIndex: 1e3
+		};
+		else popupStyles.value = {
+			position: "fixed",
+			left: `${result.position.x}px`,
+			top: `${result.position.y}px`,
+			maxHeight: result.maxHeight === void 0 ? void 0 : `${result.maxHeight}px`,
+			maxWidth: result.maxWidth === void 0 ? void 0 : `${result.maxWidth}px`,
+			zIndex: 1e3
+		};
+		maskStyles.value = showMask.value ? {
+			position: "fixed",
+			inset: "0",
+			backgroundColor: "var(--keyboard-mask-bg)",
+			zIndex: 999
+		} : {};
+	};
+	const close = () => {
+		if (visible.value) onClose?.();
+	};
+	watch(visible, (newVisible) => {
+		visibilitySession += 1;
+		const currentSession = visibilitySession;
+		cancelAnimationFrame();
+		cleanupOpenResources();
+		if (!newVisible) {
+			isAnimating.value = false;
+			showMask.value = false;
+			popupStyles.value = {};
+			maskStyles.value = {};
+			return;
+		}
+		isMobileDevice.value = isMobile();
+		isAnimating.value = true;
+		if (typeof window !== "undefined") animationFrame = window.requestAnimationFrame(() => {
+			animationFrame = null;
+			if (!visible.value || currentSession !== visibilitySession) return;
+			updatePosition();
+			isAnimating.value = false;
+			if (closeOnClickOutside && popup.value) cleanupClickOutside = onClickOutside(popup.value, (event) => {
+				if (target.value && event.target instanceof Node && target.value.contains(event.target)) return;
+				close();
+			});
+		});
+		cleanupViewportChange = onViewportChange(() => {
+			if (!visible.value) return;
+			isMobileDevice.value = isMobile();
+			updatePosition();
+		});
+		if (!isMobileDevice.value && typeof window !== "undefined") {
+			const handleScroll = () => {
+				if (!visible.value) return;
+				window.requestAnimationFrame(updatePosition);
+			};
+			window.addEventListener("scroll", handleScroll, true);
+			cleanupScroll = () => window.removeEventListener("scroll", handleScroll, true);
+		}
+	}, { immediate: true });
+	watch(target, () => {
+		if (visible.value) updatePosition();
+	});
+	onBeforeUnmount(() => {
+		visibilitySession += 1;
+		cancelAnimationFrame();
+		cleanupOpenResources();
+	});
+	return {
+		popupStyles,
+		maskStyles,
+		placement,
+		isMobileDevice,
+		showMask,
+		isAnimating,
+		updatePosition,
+		close
+	};
+}
+//#endregion
+export { useKeyboardPopup };
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */
+//# sourceMappingURL=useKeyboardPopup.js.map

package/esm/composables/useKeyboardPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardPopup.js","names":[],"sources":["../../src/composables/useKeyboardPopup.ts"],"sourcesContent":["/**\r\n * Keyboard popup composable.\r\n * @module composables/useKeyboardPopup\r\n */\r\n\r\nimport type {\r\n  PopupPlacement,\r\n  PopupPositionConfig,\r\n} from '@composy/keyboard-core'\r\nimport type { CSSProperties, Ref } from 'vue'\r\nimport {\r\n  createPositionManager,\r\n  isMobile,\r\n  onClickOutside,\r\n  onViewportChange,\r\n} from '@composy/keyboard-core'\r\nimport { onBeforeUnmount, ref, watch } from 'vue'\r\n\r\nexport interface UseKeyboardPopupOptions extends PopupPositionConfig {\r\n  visible?: Ref<boolean>\r\n  target?: Ref<HTMLElement | null>\r\n  popup?: Ref<HTMLElement | null>\r\n  closeOnClickOutside?: boolean\r\n  onClose?: () => void\r\n}\r\n\r\nexport interface UseKeyboardPopupReturn {\r\n  popupStyles: Ref<CSSProperties>\r\n  maskStyles: Ref<CSSProperties>\r\n  placement: Ref<PopupPlacement>\r\n  isMobileDevice: Ref<boolean>\r\n  showMask: Ref<boolean>\r\n  isAnimating: Ref<boolean>\r\n  updatePosition: () => void\r\n  close: () => void\r\n}\r\n\r\nexport function useKeyboardPopup(\r\n  options: UseKeyboardPopupOptions = {}\r\n): UseKeyboardPopupReturn {\r\n  const {\r\n    visible = ref(false),\r\n    target = ref(null),\r\n    popup = ref(null),\r\n    closeOnClickOutside = true,\r\n    onClose,\r\n    ...positionConfig\r\n  } = options\r\n\r\n  const positionManager = createPositionManager(positionConfig)\r\n  const popupStyles = ref<CSSProperties>({})\r\n  const maskStyles = ref<CSSProperties>({})\r\n  const placement = ref<PopupPlacement>('bottom')\r\n  const isMobileDevice = ref(isMobile())\r\n  const showMask = ref(false)\r\n  const isAnimating = ref(false)\r\n\r\n  let cleanupClickOutside: (() => void) | null = null\r\n  let cleanupViewportChange: (() => void) | null = null\r\n  let cleanupScroll: (() => void) | null = null\r\n  let animationFrame: number | null = null\r\n  let visibilitySession = 0\r\n\r\n  const cleanupOpenResources = () => {\r\n    cleanupClickOutside?.()\r\n    cleanupClickOutside = null\r\n    cleanupViewportChange?.()\r\n    cleanupViewportChange = null\r\n    cleanupScroll?.()\r\n    cleanupScroll = null\r\n  }\r\n\r\n  const cancelAnimationFrame = () => {\r\n    if (animationFrame === null || typeof window === 'undefined') return\r\n    window.cancelAnimationFrame(animationFrame)\r\n    animationFrame = null\r\n  }\r\n\r\n  const updatePosition = () => {\r\n    const popupElement = popup.value\r\n    if (!popupElement) return\r\n\r\n    const popupRect = popupElement.getBoundingClientRect()\r\n    const result = positionManager.calculate(target.value, {\r\n      width: Math.max(0, popupRect.width),\r\n      height: Math.max(0, popupRect.height),\r\n    })\r\n\r\n    placement.value = result.placement\r\n    showMask.value = positionManager.shouldShowMask()\r\n\r\n    if (result.placement === 'bottom-sheet') {\r\n      popupStyles.value = {\r\n        position: 'fixed',\r\n        left: '0',\r\n        right: '0',\r\n        bottom: '0',\r\n        maxHeight:\r\n          result.maxHeight === undefined ? undefined : `${result.maxHeight}px`,\r\n        zIndex: 1000,\r\n      }\r\n    } else {\r\n      popupStyles.value = {\r\n        position: 'fixed',\r\n        left: `${result.position.x}px`,\r\n        top: `${result.position.y}px`,\r\n        maxHeight:\r\n          result.maxHeight === undefined ? undefined : `${result.maxHeight}px`,\r\n        maxWidth:\r\n          result.maxWidth === undefined ? undefined : `${result.maxWidth}px`,\r\n        zIndex: 1000,\r\n      }\r\n    }\r\n\r\n    maskStyles.value = showMask.value\r\n      ? {\r\n          position: 'fixed',\r\n          inset: '0',\r\n          backgroundColor: 'var(--keyboard-mask-bg)',\r\n          zIndex: 999,\r\n        }\r\n      : {}\r\n  }\r\n\r\n  const close = () => {\r\n    if (visible.value) onClose?.()\r\n  }\r\n\r\n  watch(\r\n    visible,\r\n    newVisible => {\r\n      visibilitySession += 1\r\n      const currentSession = visibilitySession\r\n      cancelAnimationFrame()\r\n      cleanupOpenResources()\r\n\r\n      if (!newVisible) {\r\n        isAnimating.value = false\r\n        showMask.value = false\r\n        popupStyles.value = {}\r\n        maskStyles.value = {}\r\n        return\r\n      }\r\n\r\n      isMobileDevice.value = isMobile()\r\n      isAnimating.value = true\r\n\r\n      if (typeof window !== 'undefined') {\r\n        animationFrame = window.requestAnimationFrame(() => {\r\n          animationFrame = null\r\n          if (!visible.value || currentSession !== visibilitySession) return\r\n\r\n          updatePosition()\r\n          isAnimating.value = false\r\n          if (closeOnClickOutside && popup.value) {\r\n            cleanupClickOutside = onClickOutside(popup.value, event => {\r\n              if (\r\n                target.value &&\r\n                event.target instanceof Node &&\r\n                target.value.contains(event.target)\r\n              )\r\n                return\r\n              close()\r\n            })\r\n          }\r\n        })\r\n      }\r\n\r\n      cleanupViewportChange = onViewportChange(() => {\r\n        if (!visible.value) return\r\n        isMobileDevice.value = isMobile()\r\n        updatePosition()\r\n      })\r\n\r\n      if (!isMobileDevice.value && typeof window !== 'undefined') {\r\n        const handleScroll = () => {\r\n          if (!visible.value) return\r\n          window.requestAnimationFrame(updatePosition)\r\n        }\r\n        window.addEventListener('scroll', handleScroll, true)\r\n        cleanupScroll = () =>\r\n          window.removeEventListener('scroll', handleScroll, true)\r\n      }\r\n    },\r\n    { immediate: true }\r\n  )\r\n\r\n  watch(target, () => {\r\n    if (visible.value) updatePosition()\r\n  })\r\n\r\n  onBeforeUnmount(() => {\r\n    visibilitySession += 1\r\n    cancelAnimationFrame()\r\n    cleanupOpenResources()\r\n  })\r\n\r\n  return {\r\n    popupStyles,\r\n    maskStyles,\r\n    placement,\r\n    isMobileDevice,\r\n    showMask,\r\n    isAnimating,\r\n    updatePosition,\r\n    close,\r\n  }\r\n}\r\n"],"mappings":"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"}

package/esm/directives/index.d.ts.map

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

package/esm/directives/index.js

@@ -0,0 +1,12 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-10-12 17:44:15 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import { vKeyboard } from "./v-keyboard.js";
+export { vKeyboard };
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */

package/esm/directives/v-keyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-keyboard.d.ts","sourceRoot":"","sources":["../../src/directives/v-keyboard.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAoB,MAAM,KAAK,CAAA;AAEtD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa;IACb,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,gBAAgB,GAAG,mBAAmB,KAAK,IAAI,CAAA;IAC7D,aAAa;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAQD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,CAC/B,gBAAgB,GAAG,mBAAmB,EACtC,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAmDpC,CAAA"}

package/esm/directives/v-keyboard.js

@@ -0,0 +1,64 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-10-12 17:44:15 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+//#region src/directives/v-keyboard.ts
+const directiveStates = /* @__PURE__ */ new WeakMap();
+const vKeyboard = {
+	mounted(el, binding) {
+		const options = parseBinding(binding);
+		if (!options.enabled) return;
+		const handleFocus = () => {
+			el.blur();
+			options.onOpen?.(el);
+		};
+		el.addEventListener("focus", handleFocus);
+		el.setAttribute("inputmode", "none");
+		directiveStates.set(el, { cleanup: () => {
+			el.removeEventListener("focus", handleFocus);
+			el.removeAttribute("inputmode");
+		} });
+	},
+	updated(el, binding) {
+		directiveStates.get(el)?.cleanup();
+		directiveStates.delete(el);
+		const options = parseBinding(binding);
+		if (!options.enabled) return;
+		const handleFocus = () => {
+			el.blur();
+			options.onOpen?.(el);
+		};
+		el.addEventListener("focus", handleFocus);
+		el.setAttribute("inputmode", "none");
+		directiveStates.set(el, { cleanup: () => {
+			el.removeEventListener("focus", handleFocus);
+			el.removeAttribute("inputmode");
+		} });
+	},
+	unmounted(el) {
+		directiveStates.get(el)?.cleanup();
+		directiveStates.delete(el);
+	}
+};
+function parseBinding(binding) {
+	const value = binding.value;
+	if (value === false) return { enabled: false };
+	if (value === true || value === void 0) return { enabled: true };
+	if (typeof value === "string") return {
+		enabled: true,
+		type: value
+	};
+	return {
+		enabled: value.enabled !== false,
+		...value
+	};
+}
+//#endregion
+export { vKeyboard };
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */
+//# sourceMappingURL=v-keyboard.js.map

package/esm/directives/v-keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v-keyboard.js","names":[],"sources":["../../src/directives/v-keyboard.ts"],"sourcesContent":["/**\r\n * v-keyboard 指令\r\n * 自动在输入框聚焦时打开虚拟键盘\r\n * @module directives/v-keyboard\r\n */\r\n\r\nimport type { Directive, DirectiveBinding } from 'vue'\r\n\r\n/**\r\n * 指令绑定值\r\n */\r\nexport interface VKeyboardBinding {\r\n  /** 键盘类型 */\r\n  type?: string\r\n  /** 是否启用 */\r\n  enabled?: boolean\r\n  /** 打开键盘回调 */\r\n  onOpen?: (el: HTMLInputElement | HTMLTextAreaElement) => void\r\n  /** 关闭键盘回调 */\r\n  onClose?: () => void\r\n}\r\n\r\ninterface KeyboardDirectiveState {\r\n  cleanup: () => void\r\n}\r\n\r\nconst directiveStates = new WeakMap<HTMLElement, KeyboardDirectiveState>()\r\n\r\n/**\r\n * v-keyboard 指令\r\n *\r\n * @example\r\n * ```html\r\n * <!-- 基础用法 -->\r\n * <input v-keyboard />\r\n *\r\n * <!-- 指定键盘类型 -->\r\n * <input v-keyboard=\"{ type: 'number' }\" />\r\n *\r\n * <!-- 配合回调 -->\r\n * <input v-keyboard=\"{ type: 'phone', onOpen: handleOpen }\" />\r\n * ```\r\n */\r\nexport const vKeyboard: Directive<\r\n  HTMLInputElement | HTMLTextAreaElement,\r\n  VKeyboardBinding | string | boolean\r\n> = {\r\n  mounted(el, binding) {\r\n    const options = parseBinding(binding)\r\n    if (!options.enabled) return\r\n\r\n    const handleFocus = () => {\r\n      // 阻止原生键盘\r\n      el.blur()\r\n      options.onOpen?.(el)\r\n    }\r\n\r\n    el.addEventListener('focus', handleFocus)\r\n    el.setAttribute('inputmode', 'none')\r\n\r\n    // 存储清理函数\r\n    directiveStates.set(el, {\r\n      cleanup: () => {\r\n        el.removeEventListener('focus', handleFocus)\r\n        el.removeAttribute('inputmode')\r\n      },\r\n    })\r\n  },\r\n\r\n  updated(el, binding) {\r\n    directiveStates.get(el)?.cleanup()\r\n    directiveStates.delete(el)\r\n\r\n    const options = parseBinding(binding)\r\n    if (!options.enabled) return\r\n\r\n    const handleFocus = () => {\r\n      el.blur()\r\n      options.onOpen?.(el)\r\n    }\r\n\r\n    el.addEventListener('focus', handleFocus)\r\n    el.setAttribute('inputmode', 'none')\r\n\r\n    directiveStates.set(el, {\r\n      cleanup: () => {\r\n        el.removeEventListener('focus', handleFocus)\r\n        el.removeAttribute('inputmode')\r\n      },\r\n    })\r\n  },\r\n\r\n  unmounted(el) {\r\n    directiveStates.get(el)?.cleanup()\r\n    directiveStates.delete(el)\r\n  },\r\n}\r\n\r\n/**\r\n * 解析指令绑定值\r\n */\r\nfunction parseBinding(\r\n  binding: DirectiveBinding<VKeyboardBinding | string | boolean>\r\n): VKeyboardBinding & { enabled: boolean } {\r\n  const value = binding.value\r\n\r\n  if (value === false) {\r\n    return { enabled: false }\r\n  }\r\n\r\n  if (value === true || value === undefined) {\r\n    return { enabled: true }\r\n  }\r\n\r\n  if (typeof value === 'string') {\r\n    return { enabled: true, type: value }\r\n  }\r\n\r\n  return {\r\n    enabled: value.enabled !== false,\r\n    ...value,\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;AA0BA,MAAM,kCAAkB,IAAI,QAA6C;AAiBlE,MAAM,YAGT;CACF,QAAQ,IAAI,SAAS;EACnB,MAAM,UAAU,aAAa,OAAO;EACpC,IAAI,CAAC,QAAQ,SAAS;EAEtB,MAAM,oBAAoB;GAExB,GAAG,KAAK;GACR,QAAQ,SAAS,EAAE;EACrB;EAEA,GAAG,iBAAiB,SAAS,WAAW;EACxC,GAAG,aAAa,aAAa,MAAM;EAGnC,gBAAgB,IAAI,IAAI,EACtB,eAAe;GACb,GAAG,oBAAoB,SAAS,WAAW;GAC3C,GAAG,gBAAgB,WAAW;EAChC,EACF,CAAC;CACH;CAEA,QAAQ,IAAI,SAAS;EACnB,gBAAgB,IAAI,EAAE,CAAA,EAAG,QAAQ;EACjC,gBAAgB,OAAO,EAAE;EAEzB,MAAM,UAAU,aAAa,OAAO;EACpC,IAAI,CAAC,QAAQ,SAAS;EAEtB,MAAM,oBAAoB;GACxB,GAAG,KAAK;GACR,QAAQ,SAAS,EAAE;EACrB;EAEA,GAAG,iBAAiB,SAAS,WAAW;EACxC,GAAG,aAAa,aAAa,MAAM;EAEnC,gBAAgB,IAAI,IAAI,EACtB,eAAe;GACb,GAAG,oBAAoB,SAAS,WAAW;GAC3C,GAAG,gBAAgB,WAAW;EAChC,EACF,CAAC;CACH;CAEA,UAAU,IAAI;EACZ,gBAAgB,IAAI,EAAE,CAAA,EAAG,QAAQ;EACjC,gBAAgB,OAAO,EAAE;CAC3B;AACF;AAKA,SAAS,aACP,SACyC;CACzC,MAAM,QAAQ,QAAQ;CAEtB,IAAI,UAAU,OACZ,OAAO,EAAE,SAAS,MAAM;CAG1B,IAAI,UAAU,QAAQ,UAAU,KAAA,GAC9B,OAAO,EAAE,SAAS,KAAK;CAGzB,IAAI,OAAO,UAAU,UACnB,OAAO;EAAE,SAAS;EAAM,MAAM;CAAM;CAGtC,OAAO;EACL,SAAS,MAAM,YAAY;EAC3B,GAAG;CACL;AACF"}

package/esm/index.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @composy/keyboard-vue
+ * LDesign 虚拟键盘 - Vue 3 适配器
+ * @packageDocumentation
+ */
+import type { Plugin } from 'vue';
+export * from './components';
+export * from './composables';
+export * from './directives';
+export * from './plugins';
+export { amountLayout, amountSimpleLayout, applyFormatter, applyTheme, bankcardLayout, createKeyboardManager, createKeyboardRenderer, createPositionManager, createRandomLetterLayout, createRandomMixedLayout, createRandomNumberLayout, createRandomPinLayout, createTheme, darkTheme, defaultTheme, deleteCharBeforeCursor, EMAIL_SUFFIXES, emailLayout, EventEmitter, formatAmount, formatBankCard, formatIdCard, formatLicensePlate, formatPhone, formatVerifyCode, generateThemeStyle, getAllThemes, getAvailableLayouts, getAvailableThemes, getBoundingRect, getCurrentTheme, getDeviceType, getFormatter, getLayout, getRandomAlphanumeric, getRandomLetters, getRandomNumbers, getTheme, getViewportInfo, hasLayout, idcardLayout, insertTextAtCursor, integerLayout, iosTheme, isMobile, isTouchDevice, KeyboardManager, KeyboardRenderer, licensePlateAlphanumericLayout, licensePlateLayout, licensePlateLetterLayout, licensePlateProvinceLayout, materialTheme, mergeTheme, minimalTheme, miuiTheme, numberLayout, onClickOutside, onViewportChange, phoneLayout, phoneSimpleLayout, PLATE_LETTERS, PositionManager, presetThemes, PROVINCES, punctLayout, qwertyLayout, refreshRandomLayout, registerFormatter, registerLayout, registerLayouts, registerTheme, searchLayout, setCurrentTheme, shuffleArray, symbolLayout, symbolLayout2, themeToCSS, unregisterLayout, urlLayout, verifycodeLayout, vibrate, } from '@composy/keyboard-core';
+export type { BoundingRect, DeviceType, FormatterFunction, KeyboardConfig, KeyboardEventMap, KeyboardOptions, KeyboardRendererOptions, KeyboardRow, KeyboardState, KeyboardType, KeyDefinition, KeyType, PopupPlacement, PopupPositionConfig, PopupPositionResult, Position, Size, ThemeColors, ThemeConfig, ThemeCSSVariables, ThemeEffects, ThemeName, ThemeSizes, ViewportInfo, } from '@composy/keyboard-core';
+/**
+ * 键盘插件配置
+ */
+export interface KeyboardPluginOptions {
+    /**
+     * 组件前缀
+     * @default 'L'
+     */
+    prefix?: string;
+}
+/**
+ * 原生 Vue 项目键盘插件
+ * 用于全局注册键盘组件和指令
+ *
+ * @example
+ * ```typescript
+ * import { createApp } from 'vue'
+ * import { KeyboardVuePlugin } from '@composy/keyboard-vue'
+ *
+ * const app = createApp(App)
+ * app.use(KeyboardVuePlugin, { prefix: 'L' })
+ * ```
+ */
+export declare const KeyboardVuePlugin: Plugin;
+/**
+ * @deprecated 使用 KeyboardVuePlugin 代替
+ */
+export declare const KeyboardPlugin: import("vue").ObjectPlugin<any[]>;
+export default KeyboardVuePlugin;
+//# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AAStC,cAAc,cAAc,CAAA;AAG5B,cAAc,eAAe,CAAA;AAG7B,cAAc,cAAc,CAAA;AAG5B,cAAc,WAAW,CAAA;AAGzB,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,cAAc,EAEd,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,WAAW,EAEX,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,kBAAkB,EAElB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,aAAa,EACb,YAAY,EAEZ,SAAS,EACT,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAEhB,QAAQ,EACR,eAAe,EACf,SAAS,EAET,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,8BAA8B,EAC9B,kBAAkB,EAClB,wBAAwB,EACxB,0BAA0B,EAC1B,aAAa,EACb,UAAU,EACV,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,YAAY,EACZ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,aAAa,EACb,YAAY,EACZ,eAAe,EAEf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,OAAO,GACR,MAAM,wBAAwB,CAAA;AAG/B,YAAY,EACV,YAAY,EACZ,UAAU,EAEV,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,eAAe,EAEf,uBAAuB,EACvB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,EACb,OAAO,EACP,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,YAAY,EAEZ,SAAS,EACT,UAAU,EACV,YAAY,GACb,MAAM,wBAAwB,CAAA;AAE/B;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAY/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,mCAAoB,CAAA;AAG/C,eAAe,iBAAiB,CAAA"}

package/esm/index.js

@@ -0,0 +1,34 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-10-12 17:44:15 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+import KeyboardKey_default from "./components/KeyboardKey.js";
+import { useKeyboard } from "./composables/useKeyboard.js";
+import { useKeyboardPopup } from "./composables/useKeyboardPopup.js";
+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";
+import "./composables/index.js";
+import { KeyboardEnginePlugin } from "./plugins/engine-plugin.js";
+import "./plugins/index.js";
+import { EMAIL_SUFFIXES, EventEmitter, KeyboardManager, KeyboardRenderer, PLATE_LETTERS, PROVINCES, PositionManager, amountLayout, amountSimpleLayout, applyFormatter, applyTheme, bankcardLayout, createKeyboardManager, createKeyboardRenderer, createPositionManager, createRandomLetterLayout, createRandomMixedLayout, createRandomNumberLayout, createRandomPinLayout, createTheme, darkTheme, defaultTheme, deleteCharBeforeCursor, emailLayout, formatAmount, formatBankCard, formatIdCard, formatLicensePlate, formatPhone, formatVerifyCode, generateThemeStyle, getAllThemes, getAvailableLayouts, getAvailableThemes, getBoundingRect, getCurrentTheme, getDeviceType, getFormatter, getLayout, getRandomAlphanumeric, getRandomLetters, getRandomNumbers, getTheme, getViewportInfo, hasLayout, idcardLayout, insertTextAtCursor, integerLayout, iosTheme, isMobile, isTouchDevice, licensePlateAlphanumericLayout, licensePlateLayout, licensePlateLetterLayout, licensePlateProvinceLayout, materialTheme, mergeTheme, minimalTheme, miuiTheme, numberLayout, onClickOutside, onViewportChange, phoneLayout, phoneSimpleLayout, presetThemes, punctLayout, qwertyLayout, refreshRandomLayout, registerFormatter, registerLayout, registerLayouts, registerTheme, searchLayout, setCurrentTheme, shuffleArray, symbolLayout, symbolLayout2, themeToCSS, unregisterLayout, urlLayout, verifycodeLayout, vibrate } from "@composy/keyboard-core";
+//#region src/index.ts
+const KeyboardVuePlugin = { install(app, options = {}) {
+	const prefix = options.prefix ?? "L";
+	app.component(`${prefix}Keyboard`, VirtualKeyboard_default);
+	app.component(`${prefix}KeyboardPopup`, KeyboardPopup_default);
+	app.component(`${prefix}LicensePlateKeyboard`, LicensePlateKeyboard_default);
+	app.directive("keyboard", vKeyboard);
+} };
+const KeyboardPlugin = KeyboardVuePlugin;
+//#endregion
+export { EMAIL_SUFFIXES, EventEmitter, KeyboardEnginePlugin, KeyboardKey_default as KeyboardKey, KeyboardManager, KeyboardPlugin, KeyboardPopup_default as KeyboardPopup, KeyboardRenderer, KeyboardVuePlugin, KeyboardVuePlugin as default, LicensePlateKeyboard_default as LicensePlateKeyboard, PLATE_LETTERS, PROVINCES, PositionManager, VirtualKeyboard_default as VirtualKeyboard, amountLayout, amountSimpleLayout, applyFormatter, applyTheme, bankcardLayout, createKeyboardManager, createKeyboardRenderer, createPositionManager, createRandomLetterLayout, createRandomMixedLayout, createRandomNumberLayout, createRandomPinLayout, createTheme, darkTheme, defaultTheme, deleteCharBeforeCursor, emailLayout, formatAmount, formatBankCard, formatIdCard, formatLicensePlate, formatPhone, formatVerifyCode, generateThemeStyle, getAllThemes, getAvailableLayouts, getAvailableThemes, getBoundingRect, getCurrentTheme, getDeviceType, getFormatter, getLayout, getRandomAlphanumeric, getRandomLetters, getRandomNumbers, getTheme, getViewportInfo, hasLayout, idcardLayout, insertTextAtCursor, integerLayout, iosTheme, isMobile, isTouchDevice, licensePlateAlphanumericLayout, licensePlateLayout, licensePlateLetterLayout, licensePlateProvinceLayout, materialTheme, mergeTheme, minimalTheme, miuiTheme, numberLayout, onClickOutside, onViewportChange, phoneLayout, phoneSimpleLayout, presetThemes, punctLayout, qwertyLayout, refreshRandomLayout, registerFormatter, registerLayout, registerLayouts, registerTheme, searchLayout, setCurrentTheme, shuffleArray, symbolLayout, symbolLayout2, themeToCSS, unregisterLayout, urlLayout, useKeyboard, useKeyboardPopup, vKeyboard, verifycodeLayout, vibrate };
+/*! End of @composy/keyboard-vue | Powered by @composy/builder */
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/plugins/engine-plugin.js

@@ -0,0 +1,53 @@
+/*!
+* ***********************************
+* @composy/keyboard-vue v0.0.1    *
+* Built with rollup               *
+* Build time: 2024-10-12 17:44:15 *
+* 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
+function isRecord(value) {
+	return typeof value === "object" && value !== null;
+}
+function isVueApp(value) {
+	return isRecord(value) && typeof value.component === "function" && typeof value.directive === "function";
+}
+function getEngineContext(value) {
+	if (!isRecord(value)) return {};
+	const framework = isRecord(value.framework) ? value.framework : void 0;
+	const container = isRecord(value.container) ? value.container : void 0;
+	return {
+		framework: isVueApp(framework?.app) ? { app: framework.app } : void 0,
+		container: typeof container?.singleton === "function" ? { singleton: container.singleton } : void 0
+	};
+}
+const KeyboardEnginePlugin = {
+	name: "keyboard",
+	version: "0.1.0",
+	async install(context, options) {
+		const prefix = options?.prefix ?? "L";
+		const engineContext = getEngineContext(context);
+		const app = engineContext.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 (engineContext.container?.singleton) engineContext.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/esm/plugins/engine-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine-plugin.js","names":[],"sources":["../../src/plugins/engine-plugin.ts"],"sourcesContent":["/**\r\n * 键盘 Engine 插件\r\n * 适配 @composy/engine-vue 的插件\r\n * @module plugins/engine-plugin\r\n */\r\n\r\nimport type { App } from 'vue'\r\nimport {\r\n  KeyboardPopup,\r\n  LicensePlateKeyboard,\r\n  VirtualKeyboard,\r\n} from '../components'\r\nimport { vKeyboard } from '../directives/v-keyboard'\r\n\r\ninterface KeyboardEngineContext {\r\n  framework?: {\r\n    app?: App\r\n  }\r\n  container?: {\r\n    singleton?: (name: string, value: { name: string; version: string }) => void\r\n  }\r\n}\r\n\r\nfunction isRecord(value: unknown): value is Record<string, unknown> {\r\n  return typeof value === 'object' && value !== null\r\n}\r\n\r\nfunction isVueApp(value: unknown): value is App {\r\n  return (\r\n    isRecord(value) &&\r\n    typeof value.component === 'function' &&\r\n    typeof value.directive === 'function'\r\n  )\r\n}\r\n\r\nfunction getEngineContext(value: unknown): KeyboardEngineContext {\r\n  if (!isRecord(value)) return {}\r\n\r\n  const framework = isRecord(value.framework) ? value.framework : undefined\r\n  const container = isRecord(value.container) ? value.container : undefined\r\n\r\n  return {\r\n    framework: isVueApp(framework?.app) ? { app: framework.app } : undefined,\r\n    container:\r\n      typeof container?.singleton === 'function'\r\n        ? {\r\n            singleton:\r\n              container.singleton as KeyboardEngineContext['container']['singleton'],\r\n          }\r\n        : undefined,\r\n  }\r\n}\r\n\r\n/**\r\n * Engine 插件接口（兼容 @composy/engine-core Plugin）\r\n */\r\nexport interface KeyboardEnginePluginOptions {\r\n  /**\r\n   * 组件前缀\r\n   * @default 'L'\r\n   */\r\n  prefix?: string\r\n}\r\n\r\n/**\r\n * 键盘 Engine 插件\r\n *\r\n * 符合 @composy/engine-core Plugin 接口规范\r\n * 通过 engine.use(KeyboardEnginePlugin) 安装\r\n *\r\n * @example\r\n * ```typescript\r\n * import { createVueEngine } from '@composy/engine-vue'\r\n * import { KeyboardEnginePlugin } from '@composy/keyboard-vue'\r\n *\r\n * const engine = createVueEngine({\r\n *   plugins: [KeyboardEnginePlugin],\r\n * })\r\n * ```\r\n */\r\nexport const KeyboardEnginePlugin = {\r\n  name: 'keyboard',\r\n  version: '0.1.0',\r\n\r\n  async install(context: unknown, options?: KeyboardEnginePluginOptions) {\r\n    const prefix = options?.prefix ?? 'L'\r\n    const engineContext = getEngineContext(context)\r\n\r\n    // 获取 Vue 应用实例（从 engine 上下文）\r\n    const app = engineContext.framework?.app\r\n\r\n    if (app) {\r\n      // 注册全局组件\r\n      app.component(`${prefix}Keyboard`, VirtualKeyboard)\r\n      app.component(`${prefix}KeyboardPopup`, KeyboardPopup)\r\n      app.component(`${prefix}LicensePlateKeyboard`, LicensePlateKeyboard)\r\n\r\n      // 注册指令\r\n      app.directive('keyboard', vKeyboard)\r\n    }\r\n\r\n    // 注册到服务容器（如果有）\r\n    if (engineContext.container?.singleton) {\r\n      engineContext.container.singleton('keyboard', {\r\n        name: 'keyboard',\r\n        version: '0.1.0',\r\n      })\r\n    }\r\n  },\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,SAAS,SAAS,OAAkD;CAClE,OAAO,OAAO,UAAU,YAAY,UAAU;AAChD;AAEA,SAAS,SAAS,OAA8B;CAC9C,OACE,SAAS,KAAK,KACd,OAAO,MAAM,cAAc,cAC3B,OAAO,MAAM,cAAc;AAE/B;AAEA,SAAS,iBAAiB,OAAuC;CAC/D,IAAI,CAAC,SAAS,KAAK,GAAG,OAAO,CAAC;CAE9B,MAAM,YAAY,SAAS,MAAM,SAAS,IAAI,MAAM,YAAY,KAAA;CAChE,MAAM,YAAY,SAAS,MAAM,SAAS,IAAI,MAAM,YAAY,KAAA;CAEhE,OAAO;EACL,WAAW,SAAS,WAAW,GAAG,IAAI,EAAE,KAAK,UAAU,IAAI,IAAI,KAAA;EAC/D,WACE,OAAO,WAAW,cAAc,aAC5B,EACE,WACE,UAAU,UACd,IACA,KAAA;CACR;AACF;AA6BO,MAAM,uBAAuB;CAClC,MAAM;CACN,SAAS;CAET,MAAM,QAAQ,SAAkB,SAAuC;EACrE,MAAM,SAAS,SAAS,UAAU;EAClC,MAAM,gBAAgB,iBAAiB,OAAO;EAG9C,MAAM,MAAM,cAAc,WAAW;EAErC,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,cAAc,WAAW,WAC3B,cAAc,UAAU,UAAU,YAAY;GAC5C,MAAM;GACN,SAAS;EACX,CAAC;CAEL;AACF"}

package/esm/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/esm/plugins/index.js

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

package/esm/style/css.js

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

package/esm/style/index.js

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

package/{es → esm}/style/index.less

@@ -1 +1 @@
-// @ldesign styles
+// @ldesign styles

package/esm/styles/index.less

@@ -0,0 +1,5 @@
+/**
+ * LDesign Keyboard styles
+ */
+@import "./keyboard.less";
+@import "./themes.less";