@composy/keyboard-core 0.0.1

package/lib/utils/dom.cjs

@@ -0,0 +1,148 @@
+/*!
+* ***********************************
+* @composy/keyboard-core v0.0.1   *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:29 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#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
+exports.createElement = createElement;
+exports.deleteCharBeforeCursor = deleteCharBeforeCursor;
+exports.getBoundingRect = getBoundingRect;
+exports.getElementOffset = getElementOffset;
+exports.getInputCursorPosition = getInputCursorPosition;
+exports.insertTextAtCursor = insertTextAtCursor;
+exports.isClickOutside = isClickOutside;
+exports.isElementInViewport = isElementInViewport;
+exports.onClickOutside = onClickOutside;
+exports.preventDefaultAndStopPropagation = preventDefaultAndStopPropagation;
+exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;
+exports.setInputCursorPosition = setInputCursorPosition;
+exports.setStyles = setStyles;
+exports.toggleClass = toggleClass;
+/*! End of @composy/keyboard-core | Powered by @composy/builder */
+//# sourceMappingURL=dom.cjs.map

package/lib/utils/dom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.cjs","names":["deletedChar","newValue"],"sources":["../../src/utils/dom.ts"],"sourcesContent":["/**\n * DOM 操作工具\n * @module utils/dom\n */\n\nimport type { BoundingRect, Position } from '../types'\n\n/**\n * 获取元素的边界矩形\n */\nexport function getBoundingRect(element: HTMLElement): BoundingRect {\n  const rect = element.getBoundingClientRect()\n  return {\n    x: rect.left,\n    y: rect.top,\n    width: rect.width,\n    height: rect.height,\n  }\n}\n\n/**\n * 获取元素相对于文档的位置\n */\nexport function getElementOffset(element: HTMLElement): Position {\n  const rect = element.getBoundingClientRect()\n  const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft\n  const scrollTop = window.pageYOffset || document.documentElement.scrollTop\n\n  return {\n    x: rect.left + scrollLeft,\n    y: rect.top + scrollTop,\n  }\n}\n\n/**\n * 检查元素是否在视口内\n */\nexport function isElementInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect()\n  return (\n    rect.top >= 0\n    && rect.left >= 0\n    && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n    && rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  )\n}\n\n/**\n * 检查点击是否在元素外部\n */\nexport function isClickOutside(event: MouseEvent | TouchEvent, element: HTMLElement): boolean {\n  const target = event.target as Node\n  return !element.contains(target)\n}\n\n/**\n * 阻止元素默认事件（用于防止输入框获取焦点）\n */\nexport function preventDefaultAndStopPropagation(event: Event): void {\n  event.preventDefault()\n  event.stopPropagation()\n}\n\n/**\n * 添加点击外部监听\n */\nexport function onClickOutside(\n  element: HTMLElement,\n  callback: (event: MouseEvent | TouchEvent) => void,\n): () => void {\n  const handler = (event: MouseEvent | TouchEvent) => {\n    if (isClickOutside(event, element)) {\n      callback(event)\n    }\n  }\n\n  document.addEventListener('mousedown', handler)\n  document.addEventListener('touchstart', handler)\n\n  return () => {\n    document.removeEventListener('mousedown', handler)\n    document.removeEventListener('touchstart', handler)\n  }\n}\n\n/**\n * 滚动元素到可视区域\n */\nexport function scrollIntoViewIfNeeded(element: HTMLElement, container?: HTMLElement): void {\n  if (!container) {\n    element.scrollIntoView({ behavior: 'smooth', block: 'nearest' })\n    return\n  }\n\n  const elementRect = element.getBoundingClientRect()\n  const containerRect = container.getBoundingClientRect()\n\n  if (elementRect.bottom > containerRect.bottom) {\n    container.scrollTop += elementRect.bottom - containerRect.bottom\n  }\n  else if (elementRect.top < containerRect.top) {\n    container.scrollTop -= containerRect.top - elementRect.top\n  }\n}\n\n/**\n * 获取输入框的光标位置\n */\nexport function getInputCursorPosition(input: HTMLInputElement | HTMLTextAreaElement): number {\n  return input.selectionStart ?? input.value.length\n}\n\n/**\n * 设置输入框的光标位置\n */\nexport function setInputCursorPosition(\n  input: HTMLInputElement | HTMLTextAreaElement,\n  position: number,\n): void {\n  input.setSelectionRange(position, position)\n}\n\n/**\n * 在输入框当前光标位置插入文本\n */\nexport function insertTextAtCursor(\n  input: HTMLInputElement | HTMLTextAreaElement,\n  text: string,\n  maxLength?: number,\n): { value: string; cursorPosition: number } {\n  const start = input.selectionStart ?? input.value.length\n  const end = input.selectionEnd ?? input.value.length\n  const currentValue = input.value\n\n  let newValue = currentValue.substring(0, start) + text + currentValue.substring(end)\n\n  // 检查最大长度\n  if (maxLength !== undefined && newValue.length > maxLength) {\n    const allowedLength = maxLength - (currentValue.length - (end - start))\n    if (allowedLength <= 0) {\n      return { value: currentValue, cursorPosition: start }\n    }\n    newValue = currentValue.substring(0, start) + text.substring(0, allowedLength) + currentValue.substring(end)\n  }\n\n  const newCursorPosition = start + text.length\n\n  return {\n    value: newValue,\n    cursorPosition: Math.min(newCursorPosition, newValue.length),\n  }\n}\n\n/**\n * 删除输入框光标前的字符\n */\nexport function deleteCharBeforeCursor(\n  input: HTMLInputElement | HTMLTextAreaElement,\n): { value: string; deletedChar: string; cursorPosition: number } {\n  const start = input.selectionStart ?? input.value.length\n  const end = input.selectionEnd ?? input.value.length\n  const currentValue = input.value\n\n  // 如果有选中内容，删除选中内容\n  if (start !== end) {\n    const deletedChar = currentValue.substring(start, end)\n    const newValue = currentValue.substring(0, start) + currentValue.substring(end)\n    return {\n      value: newValue,\n      deletedChar,\n      cursorPosition: start,\n    }\n  }\n\n  // 没有选中内容，删除光标前一个字符\n  if (start === 0) {\n    return {\n      value: currentValue,\n      deletedChar: '',\n      cursorPosition: 0,\n    }\n  }\n\n  const deletedChar = currentValue.charAt(start - 1)\n  const newValue = currentValue.substring(0, start - 1) + currentValue.substring(start)\n\n  return {\n    value: newValue,\n    deletedChar,\n    cursorPosition: start - 1,\n  }\n}\n\n/**\n * 创建 DOM 元素\n */\nexport function createElement<K extends keyof HTMLElementTagNameMap>(\n  tag: K,\n  attrs?: Record<string, string>,\n  children?: (HTMLElement | string)[],\n): HTMLElementTagNameMap[K] {\n  const element = document.createElement(tag)\n\n  if (attrs) {\n    Object.entries(attrs).forEach(([key, value]) => {\n      element.setAttribute(key, value)\n    })\n  }\n\n  if (children) {\n    children.forEach((child) => {\n      if (typeof child === 'string') {\n        element.appendChild(document.createTextNode(child))\n      }\n      else {\n        element.appendChild(child)\n      }\n    })\n  }\n\n  return element\n}\n\n/**\n * 添加/移除 CSS 类\n */\nexport function toggleClass(element: HTMLElement, className: string, force?: boolean): void {\n  element.classList.toggle(className, force)\n}\n\n/**\n * 设置 CSS 样式\n */\nexport function setStyles(element: HTMLElement, styles: Partial<CSSStyleDeclaration>): void {\n  Object.assign(element.style, styles)\n}\n"],"mappings":";;;;;;;;;;;AAUO,SAAS,gBAAgB,SAAoC;CAClE,MAAM,OAAO,QAAQ,sBAAsB;CAC3C,OAAO;EACL,GAAG,KAAK;EACR,GAAG,KAAK;EACR,OAAO,KAAK;EACZ,QAAQ,KAAK;CACf;AACF;AAKO,SAAS,iBAAiB,SAAgC;CAC/D,MAAM,OAAO,QAAQ,sBAAsB;CAC3C,MAAM,aAAa,OAAO,eAAe,SAAS,gBAAgB;CAClE,MAAM,YAAY,OAAO,eAAe,SAAS,gBAAgB;CAEjE,OAAO;EACL,GAAG,KAAK,OAAO;EACf,GAAG,KAAK,MAAM;CAChB;AACF;AAKO,SAAS,oBAAoB,SAA+B;CACjE,MAAM,OAAO,QAAQ,sBAAsB;CAC3C,OACE,KAAK,OAAO,KACT,KAAK,QAAQ,KACb,KAAK,WAAW,OAAO,eAAe,SAAS,gBAAgB,iBAC/D,KAAK,UAAU,OAAO,cAAc,SAAS,gBAAgB;AAEpE;AAKO,SAAS,eAAe,OAAgC,SAA+B;CAC5F,MAAM,SAAS,MAAM;CACrB,OAAO,CAAC,QAAQ,SAAS,MAAM;AACjC;AAKO,SAAS,iCAAiC,OAAoB;CACnE,MAAM,eAAe;CACrB,MAAM,gBAAgB;AACxB;AAKO,SAAS,eACd,SACA,UACY;CACZ,MAAM,WAAW,UAAmC;EAClD,IAAI,eAAe,OAAO,OAAO,GAC/B,SAAS,KAAK;CAElB;CAEA,SAAS,iBAAiB,aAAa,OAAO;CAC9C,SAAS,iBAAiB,cAAc,OAAO;CAE/C,aAAa;EACX,SAAS,oBAAoB,aAAa,OAAO;EACjD,SAAS,oBAAoB,cAAc,OAAO;CACpD;AACF;AAKO,SAAS,uBAAuB,SAAsB,WAA+B;CAC1F,IAAI,CAAC,WAAW;EACd,QAAQ,eAAe;GAAE,UAAU;GAAU,OAAO;EAAU,CAAC;EAC/D;CACF;CAEA,MAAM,cAAc,QAAQ,sBAAsB;CAClD,MAAM,gBAAgB,UAAU,sBAAsB;CAEtD,IAAI,YAAY,SAAS,cAAc,QACrC,UAAU,aAAa,YAAY,SAAS,cAAc;MAC5D,IACS,YAAY,MAAM,cAAc,KACvC,UAAU,aAAa,cAAc,MAAM,YAAY;AAE3D;AAKO,SAAS,uBAAuB,OAAuD;CAC5F,OAAO,MAAM,kBAAkB,MAAM,MAAM;AAC7C;AAKO,SAAS,uBACd,OACA,UACM;CACN,MAAM,kBAAkB,UAAU,QAAQ;AAC5C;AAKO,SAAS,mBACd,OACA,MACA,WAC2C;CAC3C,MAAM,QAAQ,MAAM,kBAAkB,MAAM,MAAM;CAClD,MAAM,MAAM,MAAM,gBAAgB,MAAM,MAAM;CAC9C,MAAM,eAAe,MAAM;CAE3B,IAAI,WAAW,aAAa,UAAU,GAAG,KAAK,IAAI,OAAO,aAAa,UAAU,GAAG;CAGnF,IAAI,cAAc,KAAA,KAAa,SAAS,SAAS,WAAW;EAC1D,MAAM,gBAAgB,aAAa,aAAa,UAAU,MAAM;EAChE,IAAI,iBAAiB,GACnB,OAAO;GAAE,OAAO;GAAc,gBAAgB;EAAM;EAEtD,WAAW,aAAa,UAAU,GAAG,KAAK,IAAI,KAAK,UAAU,GAAG,aAAa,IAAI,aAAa,UAAU,GAAG;CAC7G;CAEA,MAAM,oBAAoB,QAAQ,KAAK;CAEvC,OAAO;EACL,OAAO;EACP,gBAAgB,KAAK,IAAI,mBAAmB,SAAS,MAAM;CAC7D;AACF;AAKO,SAAS,uBACd,OACgE;CAChE,MAAM,QAAQ,MAAM,kBAAkB,MAAM,MAAM;CAClD,MAAM,MAAM,MAAM,gBAAgB,MAAM,MAAM;CAC9C,MAAM,eAAe,MAAM;CAG3B,IAAI,UAAU,KAAK;EACjB,MAAMA,eAAc,aAAa,UAAU,OAAO,GAAG;EAErD,OAAO;GACL,OAFe,aAAa,UAAU,GAAG,KAAK,IAAI,aAAa,UAAU,GAAG;GAG5E,aAAAA;GACA,gBAAgB;EAClB;CACF;CAGA,IAAI,UAAU,GACZ,OAAO;EACL,OAAO;EACP,aAAa;EACb,gBAAgB;CAClB;CAGF,MAAM,cAAc,aAAa,OAAO,QAAQ,CAAC;CAGjD,OAAO;EACL,OAHe,aAAa,UAAU,GAAG,QAAQ,CAAC,IAAI,aAAa,UAAU,KAAK;EAIlF;EACA,gBAAgB,QAAQ;CAC1B;AACF;AAKO,SAAS,cACd,KACA,OACA,UAC0B;CAC1B,MAAM,UAAU,SAAS,cAAc,GAAG;CAE1C,IAAI,OACF,OAAO,QAAQ,KAAK,CAAA,CAAE,SAAS,CAAC,KAAK,WAAW;EAC9C,QAAQ,aAAa,KAAK,KAAK;CACjC,CAAC;CAGH,IAAI,UACF,SAAS,SAAS,UAAU;EAC1B,IAAI,OAAO,UAAU,UACnB,QAAQ,YAAY,SAAS,eAAe,KAAK,CAAC;OAGlD,QAAQ,YAAY,KAAK;CAE7B,CAAC;CAGH,OAAO;AACT;AAKO,SAAS,YAAY,SAAsB,WAAmB,OAAuB;CAC1F,QAAQ,UAAU,OAAO,WAAW,KAAK;AAC3C;AAKO,SAAS,UAAU,SAAsB,QAA4C;CAC1F,OAAO,OAAO,QAAQ,OAAO,MAAM;AACrC"}

package/lib/utils/dom.d.ts

@@ -0,0 +1,69 @@
+/**
+ * DOM 操作工具
+ * @module utils/dom
+ */
+import type { BoundingRect, Position } from '../types';
+/**
+ * 获取元素的边界矩形
+ */
+export declare function getBoundingRect(element: HTMLElement): BoundingRect;
+/**
+ * 获取元素相对于文档的位置
+ */
+export declare function getElementOffset(element: HTMLElement): Position;
+/**
+ * 检查元素是否在视口内
+ */
+export declare function isElementInViewport(element: HTMLElement): boolean;
+/**
+ * 检查点击是否在元素外部
+ */
+export declare function isClickOutside(event: MouseEvent | TouchEvent, element: HTMLElement): boolean;
+/**
+ * 阻止元素默认事件（用于防止输入框获取焦点）
+ */
+export declare function preventDefaultAndStopPropagation(event: Event): void;
+/**
+ * 添加点击外部监听
+ */
+export declare function onClickOutside(element: HTMLElement, callback: (event: MouseEvent | TouchEvent) => void): () => void;
+/**
+ * 滚动元素到可视区域
+ */
+export declare function scrollIntoViewIfNeeded(element: HTMLElement, container?: HTMLElement): void;
+/**
+ * 获取输入框的光标位置
+ */
+export declare function getInputCursorPosition(input: HTMLInputElement | HTMLTextAreaElement): number;
+/**
+ * 设置输入框的光标位置
+ */
+export declare function setInputCursorPosition(input: HTMLInputElement | HTMLTextAreaElement, position: number): void;
+/**
+ * 在输入框当前光标位置插入文本
+ */
+export declare function insertTextAtCursor(input: HTMLInputElement | HTMLTextAreaElement, text: string, maxLength?: number): {
+    value: string;
+    cursorPosition: number;
+};
+/**
+ * 删除输入框光标前的字符
+ */
+export declare function deleteCharBeforeCursor(input: HTMLInputElement | HTMLTextAreaElement): {
+    value: string;
+    deletedChar: string;
+    cursorPosition: number;
+};
+/**
+ * 创建 DOM 元素
+ */
+export declare function createElement<K extends keyof HTMLElementTagNameMap>(tag: K, attrs?: Record<string, string>, children?: (HTMLElement | string)[]): HTMLElementTagNameMap[K];
+/**
+ * 添加/移除 CSS 类
+ */
+export declare function toggleClass(element: HTMLElement, className: string, force?: boolean): void;
+/**
+ * 设置 CSS 样式
+ */
+export declare function setStyles(element: HTMLElement, styles: Partial<CSSStyleDeclaration>): void;
+//# sourceMappingURL=dom.d.ts.map

package/lib/utils/event-emitter.cjs

@@ -0,0 +1,100 @@
+/*!
+* ***********************************
+* @composy/keyboard-core v0.0.1   *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:29 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#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
+exports.EventEmitter = EventEmitter;
+/*! End of @composy/keyboard-core | Powered by @composy/builder */
+//# sourceMappingURL=event-emitter.cjs.map

package/lib/utils/event-emitter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-emitter.cjs","names":[],"sources":["../../src/utils/event-emitter.ts"],"sourcesContent":["/**\n * 事件发射器\n * @module utils/event-emitter\n */\n\n/**\n * 事件处理函数类型\n */\nexport type EventHandler<T = unknown> = (data: T) => void\n\n/**\n * 事件处理器配置\n */\nexport interface EventHandlerOptions {\n  /**\n   * 是否只触发一次\n   */\n  once?: boolean\n\n  /**\n   * 优先级（数字越大优先级越高）\n   */\n  priority?: number\n}\n\n/**\n * 内部事件处理器包装\n */\ninterface EventHandlerWrapper<T> {\n  handler: EventHandler<T>\n  options: EventHandlerOptions\n}\n\n/**\n * 事件发射器类\n */\nexport class EventEmitter<EventMap extends Record<string, unknown>> {\n  private handlers = new Map<keyof EventMap, Set<EventHandlerWrapper<unknown>>>()\n\n  /**\n   * 订阅事件\n   */\n  on<K extends keyof EventMap>(\n    event: K,\n    handler: EventHandler<EventMap[K]>,\n    options: EventHandlerOptions = {},\n  ): () => void {\n    if (!this.handlers.has(event)) {\n      this.handlers.set(event, new Set())\n    }\n\n    const handlers = this.handlers.get(event)!\n    const wrapper: EventHandlerWrapper<EventMap[K]> = {\n      handler: handler as EventHandler<unknown>,\n      options,\n    }\n\n    handlers.add(wrapper as EventHandlerWrapper<unknown>)\n\n    return () => {\n      handlers.delete(wrapper as EventHandlerWrapper<unknown>)\n      if (handlers.size === 0) {\n        this.handlers.delete(event)\n      }\n    }\n  }\n\n  /**\n   * 订阅事件（仅触发一次）\n   */\n  once<K extends keyof EventMap>(\n    event: K,\n    handler: EventHandler<EventMap[K]>,\n    options: EventHandlerOptions = {},\n  ): () => void {\n    return this.on(event, handler, { ...options, once: true })\n  }\n\n  /**\n   * 取消订阅事件\n   */\n  off<K extends keyof EventMap>(\n    event: K,\n    handler?: EventHandler<EventMap[K]>,\n  ): void {\n    if (!handler) {\n      this.handlers.delete(event)\n      return\n    }\n\n    const handlers = this.handlers.get(event)\n    if (handlers) {\n      handlers.forEach((wrapper) => {\n        if (wrapper.handler === handler) {\n          handlers.delete(wrapper)\n        }\n      })\n      if (handlers.size === 0) {\n        this.handlers.delete(event)\n      }\n    }\n  }\n\n  /**\n   * 发布事件\n   */\n  emit<K extends keyof EventMap>(event: K, data: EventMap[K]): void {\n    const handlers = this.handlers.get(event)\n    if (!handlers || handlers.size === 0) {\n      return\n    }\n\n    // 按优先级排序\n    const sortedHandlers = Array.from(handlers).sort((a, b) => {\n      const priorityA = a.options.priority ?? 0\n      const priorityB = b.options.priority ?? 0\n      return priorityB - priorityA\n    })\n\n    const toRemove: EventHandlerWrapper<unknown>[] = []\n\n    sortedHandlers.forEach((wrapper) => {\n      try {\n        wrapper.handler(data)\n        if (wrapper.options.once) {\n          toRemove.push(wrapper)\n        }\n      }\n      catch (error) {\n        console.error(`[KeyboardEventEmitter] Error in event handler for \"${String(event)}\":`, error)\n      }\n    })\n\n    // 移除 once 处理器\n    toRemove.forEach(wrapper => handlers.delete(wrapper))\n    if (handlers.size === 0) {\n      this.handlers.delete(event)\n    }\n  }\n\n  /**\n   * 清除所有事件订阅\n   */\n  clear(): void {\n    this.handlers.clear()\n  }\n\n  /**\n   * 获取事件订阅数量\n   */\n  listenerCount(event?: keyof EventMap): number {\n    if (event !== undefined) {\n      return this.handlers.get(event)?.size ?? 0\n    }\n\n    let count = 0\n    this.handlers.forEach((handlers) => {\n      count += handlers.size\n    })\n    return count\n  }\n}\n"],"mappings":";;;;;;;;;;;AAoCO,IAAM,eAAN,MAA6D;CAA7D,cAAA;EACL,KAAQ,2BAAW,IAAI,IAAuD;CAAA;;;;CAK9E,GACE,OACA,SACA,UAA+B,CAAC,GACpB;EACZ,IAAI,CAAC,KAAK,SAAS,IAAI,KAAK,GAC1B,KAAK,SAAS,IAAI,uBAAO,IAAI,IAAI,CAAC;EAGpC,MAAM,WAAW,KAAK,SAAS,IAAI,KAAK;EACxC,MAAM,UAA4C;GAChD;GACA;EACF;EAEA,SAAS,IAAI,OAAuC;EAEpD,aAAa;GACX,SAAS,OAAO,OAAuC;GACvD,IAAI,SAAS,SAAS,GACpB,KAAK,SAAS,OAAO,KAAK;EAE9B;CACF;;;;CAKA,KACE,OACA,SACA,UAA+B,CAAC,GACpB;EACZ,OAAO,KAAK,GAAG,OAAO,SAAS;GAAE,GAAG;GAAS,MAAM;EAAK,CAAC;CAC3D;;;;CAKA,IACE,OACA,SACM;EACN,IAAI,CAAC,SAAS;GACZ,KAAK,SAAS,OAAO,KAAK;GAC1B;EACF;EAEA,MAAM,WAAW,KAAK,SAAS,IAAI,KAAK;EACxC,IAAI,UAAU;GACZ,SAAS,SAAS,YAAY;IAC5B,IAAI,QAAQ,YAAY,SACtB,SAAS,OAAO,OAAO;GAE3B,CAAC;GACD,IAAI,SAAS,SAAS,GACpB,KAAK,SAAS,OAAO,KAAK;EAE9B;CACF;;;;CAKA,KAA+B,OAAU,MAAyB;EAChE,MAAM,WAAW,KAAK,SAAS,IAAI,KAAK;EACxC,IAAI,CAAC,YAAY,SAAS,SAAS,GACjC;EAIF,MAAM,iBAAiB,MAAM,KAAK,QAAQ,CAAA,CAAE,MAAM,GAAG,MAAM;GACzD,MAAM,YAAY,EAAE,QAAQ,YAAY;GAExC,QADkB,EAAE,QAAQ,YAAY,KACrB;EACrB,CAAC;EAED,MAAM,WAA2C,CAAC;EAElD,eAAe,SAAS,YAAY;GAClC,IAAI;IACF,QAAQ,QAAQ,IAAI;IACpB,IAAI,QAAQ,QAAQ,MAClB,SAAS,KAAK,OAAO;GAEzB,SACO,OAAO;IACZ,QAAQ,MAAM,sDAAsD,OAAO,KAAK,EAAC,KAAM,KAAK;GAC9F;EACF,CAAC;EAGD,SAAS,SAAQ,YAAW,SAAS,OAAO,OAAO,CAAC;EACpD,IAAI,SAAS,SAAS,GACpB,KAAK,SAAS,OAAO,KAAK;CAE9B;;;;CAKA,QAAc;EACZ,KAAK,SAAS,MAAM;CACtB;;;;CAKA,cAAc,OAAgC;EAC5C,IAAI,UAAU,KAAA,GACZ,OAAO,KAAK,SAAS,IAAI,KAAK,CAAA,EAAG,QAAQ;EAG3C,IAAI,QAAQ;EACZ,KAAK,SAAS,SAAS,aAAa;GAClC,SAAS,SAAS;EACpB,CAAC;EACD,OAAO;CACT;AACF"}

package/lib/utils/event-emitter.d.ts

@@ -0,0 +1,52 @@
+/**
+ * 事件发射器
+ * @module utils/event-emitter
+ */
+/**
+ * 事件处理函数类型
+ */
+export type EventHandler<T = unknown> = (data: T) => void;
+/**
+ * 事件处理器配置
+ */
+export interface EventHandlerOptions {
+    /**
+     * 是否只触发一次
+     */
+    once?: boolean;
+    /**
+     * 优先级（数字越大优先级越高）
+     */
+    priority?: number;
+}
+/**
+ * 事件发射器类
+ */
+export declare class EventEmitter<EventMap extends Record<string, unknown>> {
+    private handlers;
+    /**
+     * 订阅事件
+     */
+    on<K extends keyof EventMap>(event: K, handler: EventHandler<EventMap[K]>, options?: EventHandlerOptions): () => void;
+    /**
+     * 订阅事件（仅触发一次）
+     */
+    once<K extends keyof EventMap>(event: K, handler: EventHandler<EventMap[K]>, options?: EventHandlerOptions): () => void;
+    /**
+     * 取消订阅事件
+     */
+    off<K extends keyof EventMap>(event: K, handler?: EventHandler<EventMap[K]>): void;
+    /**
+     * 发布事件
+     */
+    emit<K extends keyof EventMap>(event: K, data: EventMap[K]): void;
+    /**
+     * 清除所有事件订阅
+     */
+    clear(): void;
+    /**
+     * 获取事件订阅数量
+     */
+    listenerCount(event?: keyof EventMap): number;
+}
+//# sourceMappingURL=event-emitter.d.ts.map

package/lib/utils/formatters.cjs

@@ -0,0 +1,66 @@
+/*!
+* ***********************************
+* @composy/keyboard-core v0.0.1   *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:29 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#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.applyFormatter = applyFormatter;
+exports.formatAmount = formatAmount;
+exports.formatBankCard = formatBankCard;
+exports.formatIdCard = formatIdCard;
+exports.formatLicensePlate = formatLicensePlate;
+exports.formatPhone = formatPhone;
+exports.formatVerifyCode = formatVerifyCode;
+exports.getFormatter = getFormatter;
+exports.registerFormatter = registerFormatter;
+/*! End of @composy/keyboard-core | Powered by @composy/builder */
+//# sourceMappingURL=formatters.cjs.map

package/lib/utils/formatters.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.cjs","names":[],"sources":["../../src/utils/formatters.ts"],"sourcesContent":["/**\n * 输入格式化工具\n * @module utils/formatters\n */\n\n/**\n * 格式化手机号 (3-4-4)\n * @example formatPhone('13812345678') => '138 1234 5678'\n */\nexport function formatPhone(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 11)\n  if (digits.length <= 3) return digits\n  if (digits.length <= 7) return `${digits.slice(0, 3)} ${digits.slice(3)}`\n  return `${digits.slice(0, 3)} ${digits.slice(3, 7)} ${digits.slice(7)}`\n}\n\n/**\n * 格式化银行卡号 (4-4-4-4-3)\n * @example formatBankCard('6222021234567890123') => '6222 0212 3456 7890 123'\n */\nexport function formatBankCard(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 19)\n  return digits.replace(/(\\d{4})(?=\\d)/g, '$1 ')\n}\n\n/**\n * 格式化金额（限制小数位数）\n * @param value - 输入值\n * @param decimalPlaces - 小数位数，默认 2\n */\nexport function formatAmount(value: string, decimalPlaces: number = 2): string {\n  // 移除非数字和小数点\n  let result = value.replace(/[^\\d.]/g, '')\n\n  // 只保留第一个小数点\n  const parts = result.split('.')\n  if (parts.length > 2) {\n    result = parts[0] + '.' + parts.slice(1).join('')\n  }\n\n  // 限制小数位数\n  if (parts.length === 2 && parts[1].length > decimalPlaces) {\n    result = parts[0] + '.' + parts[1].slice(0, decimalPlaces)\n  }\n\n  // 移除前导零（保留 0.xx 格式）\n  if (result.length > 1 && result.startsWith('0') && result[1] !== '.') {\n    result = result.replace(/^0+/, '') || '0'\n  }\n\n  return result\n}\n\n/**\n * 格式化身份证号（自动大写 X）\n */\nexport function formatIdCard(value: string): string {\n  return value\n    .replace(/[^\\dXx]/g, '')\n    .slice(0, 18)\n    .toUpperCase()\n}\n\n/**\n * 格式化车牌号\n */\nexport function formatLicensePlate(value: string): string {\n  return value.toUpperCase().slice(0, 8)\n}\n\n/**\n * 格式化验证码（纯数字）\n * @param value - 输入值\n * @param length - 验证码长度，默认 6\n */\nexport function formatVerifyCode(value: string, length: number = 6): string {\n  return value.replace(/\\D/g, '').slice(0, length)\n}\n\n/**\n * 通用格式化器注册表\n */\nexport type FormatterFunction = (value: string) => string\n\nconst formatters: Map<string, FormatterFunction> = new Map([\n  ['phone', formatPhone],\n  ['bankcard', formatBankCard],\n  ['idcard', formatIdCard],\n  ['license-plate', formatLicensePlate],\n  ['verifycode', formatVerifyCode],\n])\n\n/**\n * 注册自定义格式化器\n */\nexport function registerFormatter(name: string, formatter: FormatterFunction): void {\n  formatters.set(name, formatter)\n}\n\n/**\n * 获取格式化器\n */\nexport function getFormatter(name: string): FormatterFunction | undefined {\n  return formatters.get(name)\n}\n\n/**\n * 应用格式化\n */\nexport function applyFormatter(name: string, value: string): string {\n  const formatter = formatters.get(name)\n  return formatter ? formatter(value) : value\n}\n"],"mappings":";;;;;;;;;;;AASO,SAAS,YAAY,OAAuB;CACjD,MAAM,SAAS,MAAM,QAAQ,OAAO,EAAE,CAAA,CAAE,MAAM,GAAG,EAAE;CACnD,IAAI,OAAO,UAAU,GAAG,OAAO;CAC/B,IAAI,OAAO,UAAU,GAAG,OAAO,GAAG,OAAO,MAAM,GAAG,CAAC,EAAC,GAAI,OAAO,MAAM,CAAC;CACtE,OAAO,GAAG,OAAO,MAAM,GAAG,CAAC,EAAC,GAAI,OAAO,MAAM,GAAG,CAAC,EAAC,GAAI,OAAO,MAAM,CAAC;AACtE;AAMO,SAAS,eAAe,OAAuB;CAEpD,OADe,MAAM,QAAQ,OAAO,EAAE,CAAA,CAAE,MAAM,GAAG,EAC1C,CAAA,CAAO,QAAQ,kBAAkB,KAAK;AAC/C;AAOO,SAAS,aAAa,OAAe,gBAAwB,GAAW;CAE7E,IAAI,SAAS,MAAM,QAAQ,WAAW,EAAE;CAGxC,MAAM,QAAQ,OAAO,MAAM,GAAG;CAC9B,IAAI,MAAM,SAAS,GACjB,SAAS,MAAM,KAAK,MAAM,MAAM,MAAM,CAAC,CAAA,CAAE,KAAK,EAAE;CAIlD,IAAI,MAAM,WAAW,KAAK,MAAM,EAAC,CAAE,SAAS,eAC1C,SAAS,MAAM,KAAK,MAAM,MAAM,EAAC,CAAE,MAAM,GAAG,aAAa;CAI3D,IAAI,OAAO,SAAS,KAAK,OAAO,WAAW,GAAG,KAAK,OAAO,OAAO,KAC/D,SAAS,OAAO,QAAQ,OAAO,EAAE,KAAK;CAGxC,OAAO;AACT;AAKO,SAAS,aAAa,OAAuB;CAClD,OAAO,MACJ,QAAQ,YAAY,EAAE,CAAA,CACtB,MAAM,GAAG,EAAE,CAAA,CACX,YAAY;AACjB;AAKO,SAAS,mBAAmB,OAAuB;CACxD,OAAO,MAAM,YAAY,CAAA,CAAE,MAAM,GAAG,CAAC;AACvC;AAOO,SAAS,iBAAiB,OAAe,SAAiB,GAAW;CAC1E,OAAO,MAAM,QAAQ,OAAO,EAAE,CAAA,CAAE,MAAM,GAAG,MAAM;AACjD;AAOA,MAAM,6BAA6C,IAAI,IAAI;CACzD,CAAC,SAAS,WAAW;CACrB,CAAC,YAAY,cAAc;CAC3B,CAAC,UAAU,YAAY;CACvB,CAAC,iBAAiB,kBAAkB;CACpC,CAAC,cAAc,gBAAgB;AACjC,CAAC;AAKM,SAAS,kBAAkB,MAAc,WAAoC;CAClF,WAAW,IAAI,MAAM,SAAS;AAChC;AAKO,SAAS,aAAa,MAA6C;CACxE,OAAO,WAAW,IAAI,IAAI;AAC5B;AAKO,SAAS,eAAe,MAAc,OAAuB;CAClE,MAAM,YAAY,WAAW,IAAI,IAAI;CACrC,OAAO,YAAY,UAAU,KAAK,IAAI;AACxC"}

package/lib/utils/formatters.d.ts

@@ -0,0 +1,51 @@
+/**
+ * 输入格式化工具
+ * @module utils/formatters
+ */
+/**
+ * 格式化手机号 (3-4-4)
+ * @example formatPhone('13812345678') => '138 1234 5678'
+ */
+export declare function formatPhone(value: string): string;
+/**
+ * 格式化银行卡号 (4-4-4-4-3)
+ * @example formatBankCard('6222021234567890123') => '6222 0212 3456 7890 123'
+ */
+export declare function formatBankCard(value: string): string;
+/**
+ * 格式化金额（限制小数位数）
+ * @param value - 输入值
+ * @param decimalPlaces - 小数位数，默认 2
+ */
+export declare function formatAmount(value: string, decimalPlaces?: number): string;
+/**
+ * 格式化身份证号（自动大写 X）
+ */
+export declare function formatIdCard(value: string): string;
+/**
+ * 格式化车牌号
+ */
+export declare function formatLicensePlate(value: string): string;
+/**
+ * 格式化验证码（纯数字）
+ * @param value - 输入值
+ * @param length - 验证码长度，默认 6
+ */
+export declare function formatVerifyCode(value: string, length?: number): string;
+/**
+ * 通用格式化器注册表
+ */
+export type FormatterFunction = (value: string) => string;
+/**
+ * 注册自定义格式化器
+ */
+export declare function registerFormatter(name: string, formatter: FormatterFunction): void;
+/**
+ * 获取格式化器
+ */
+export declare function getFormatter(name: string): FormatterFunction | undefined;
+/**
+ * 应用格式化
+ */
+export declare function applyFormatter(name: string, value: string): string;
+//# sourceMappingURL=formatters.d.ts.map

package/lib/utils/index.cjs

@@ -0,0 +1,58 @@
+/*!
+* ***********************************
+* @composy/keyboard-core v0.0.1   *
+* Built with rollup               *
+* Build time: 2024-08-17 11:33:29 *
+* Build mode: production          *
+* Minified: No                    *
+* ***********************************
+*/
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_event_emitter = require("./event-emitter.cjs");
+const require_device = require("./device.cjs");
+const require_dom = require("./dom.cjs");
+const require_random = require("./random.cjs");
+const require_formatters = require("./formatters.cjs");
+exports.EventEmitter = require_event_emitter.EventEmitter;
+exports.applyFormatter = require_formatters.applyFormatter;
+exports.createElement = require_dom.createElement;
+exports.createRandomLetterLayout = require_random.createRandomLetterLayout;
+exports.createRandomMixedLayout = require_random.createRandomMixedLayout;
+exports.createRandomNumberLayout = require_random.createRandomNumberLayout;
+exports.createRandomPinLayout = require_random.createRandomPinLayout;
+exports.deleteCharBeforeCursor = require_dom.deleteCharBeforeCursor;
+exports.formatAmount = require_formatters.formatAmount;
+exports.formatBankCard = require_formatters.formatBankCard;
+exports.formatIdCard = require_formatters.formatIdCard;
+exports.formatLicensePlate = require_formatters.formatLicensePlate;
+exports.formatPhone = require_formatters.formatPhone;
+exports.formatVerifyCode = require_formatters.formatVerifyCode;
+exports.getBoundingRect = require_dom.getBoundingRect;
+exports.getDeviceType = require_device.getDeviceType;
+exports.getElementOffset = require_dom.getElementOffset;
+exports.getFormatter = require_formatters.getFormatter;
+exports.getInputCursorPosition = require_dom.getInputCursorPosition;
+exports.getRandomAlphanumeric = require_random.getRandomAlphanumeric;
+exports.getRandomLetters = require_random.getRandomLetters;
+exports.getRandomNumbers = require_random.getRandomNumbers;
+exports.getSafeAreaInsets = require_device.getSafeAreaInsets;
+exports.getViewportInfo = require_device.getViewportInfo;
+exports.insertTextAtCursor = require_dom.insertTextAtCursor;
+exports.isClickOutside = require_dom.isClickOutside;
+exports.isElementInViewport = require_dom.isElementInViewport;
+exports.isMobile = require_device.isMobile;
+exports.isMobileUA = require_device.isMobileUA;
+exports.isTouchDevice = require_device.isTouchDevice;
+exports.onClickOutside = require_dom.onClickOutside;
+exports.onViewportChange = require_device.onViewportChange;
+exports.preventDefaultAndStopPropagation = require_dom.preventDefaultAndStopPropagation;
+exports.refreshRandomLayout = require_random.refreshRandomLayout;
+exports.registerFormatter = require_formatters.registerFormatter;
+exports.scrollIntoViewIfNeeded = require_dom.scrollIntoViewIfNeeded;
+exports.setInputCursorPosition = require_dom.setInputCursorPosition;
+exports.setStyles = require_dom.setStyles;
+exports.shuffleArray = require_random.shuffleArray;
+exports.supportsVibrate = require_device.supportsVibrate;
+exports.toggleClass = require_dom.toggleClass;
+exports.vibrate = require_device.vibrate;
+/*! End of @composy/keyboard-core | Powered by @composy/builder */

package/lib/utils/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 工具函数导出
+ * @module utils
+ */
+export * from './event-emitter';
+export * from './device';
+export * from './dom';
+export * from './random';
+export * from './formatters';
+//# sourceMappingURL=index.d.ts.map