@composy/keyboard-vue 0.0.1 → 0.0.2

package/es/styles/themes.less

@@ -1,233 +0,0 @@
-/**
- * LDesign Keyboard - 主题预设
- * 简洁 · 现代 · 优雅
- */
-
-/* ====================
-   MIUI 主题 - 小米风格（默认）
-   ==================== */
-[data-theme="miui"],
-.keyboard-theme-miui {
-  --keyboard-bg: #f5f5f5;
-  --keyboard-key-bg: #ffffff;
-  --keyboard-key-color: #1a1a1a;
-  --keyboard-key-active-bg: #e8e8e8;
-  --keyboard-fn-key-bg: #e0e0e0;
-  --keyboard-fn-key-color: #666666;
-  --keyboard-fn-key-active-bg: #d0d0d0;
-  --keyboard-primary-bg: #ff6700;
-  --keyboard-primary-active-bg: #e55d00;
-  --keyboard-primary-color: #ffffff;
-  --keyboard-key-radius: 8px;
-  --keyboard-key-gap: 6px;
-  --keyboard-key-height: 46px;
-  --keyboard-font-size: 18px;
-  --keyboard-fn-font-size: 14px;
-  --keyboard-padding: 8px;
-  --keyboard-key-shadow: none;
-}
-
-[data-theme="miui"] .keyboard-key,
-.keyboard-theme-miui .keyboard-key {
-  font-weight: 500;
-}
-
-/* ====================
-   iOS 主题 - 苹果风格
-   ==================== */
-[data-theme="ios"],
-.keyboard-theme-ios {
-  --keyboard-bg: #d1d3d9;
-  --keyboard-key-bg: #ffffff;
-  --keyboard-key-color: #000000;
-  --keyboard-key-active-bg: #c8cad0;
-  --keyboard-key-border: #a8aab4;
-  --keyboard-fn-key-bg: #adb0b8;
-  --keyboard-fn-key-color: #000000;
-  --keyboard-fn-key-active-bg: #9ea1a9;
-  --keyboard-primary-bg: #007aff;
-  --keyboard-primary-active-bg: #0066d6;
-  --keyboard-primary-color: #ffffff;
-  --keyboard-key-radius: 5px;
-  --keyboard-key-gap: 6px;
-  --keyboard-key-height: 43px;
-  --keyboard-font-size: 23px;
-  --keyboard-fn-font-size: 15px;
-  --keyboard-padding: 4px;
-  --keyboard-key-shadow: 0 1px 0 #a8aab4;
-}
-
-[data-theme="ios"] .keyboard-key,
-.keyboard-theme-ios .keyboard-key {
-  font-weight: 400;
-}
-
-[data-theme="ios"] .keyboard-key:active,
-.keyboard-theme-ios .keyboard-key:active {
-  transform: none;
-}
-
-/* ====================
-   Material 主题 - 质感设计
-   ==================== */
-[data-theme="material"],
-.keyboard-theme-material {
-  --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: #b0bec5;
-  --keyboard-fn-key-active-bg: #546e7a;
-  --keyboard-primary-bg: #4caf50;
-  --keyboard-primary-active-bg: #43a047;
-  --keyboard-primary-color: #ffffff;
-  --keyboard-key-radius: 4px;
-  --keyboard-key-gap: 4px;
-  --keyboard-key-height: 48px;
-  --keyboard-font-size: 20px;
-  --keyboard-fn-font-size: 14px;
-  --keyboard-padding: 6px;
-  --keyboard-key-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-}
-
-[data-theme="material"] .keyboard-key,
-.keyboard-theme-material .keyboard-key {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
-}
-
-[data-theme="material"] .keyboard-key:active,
-.keyboard-theme-material .keyboard-key:active {
-  transform: none;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-}
-
-/* ====================
-   Minimal 极简主题 - 无边框
-   ==================== */
-[data-theme="minimal"],
-.keyboard-theme-minimal {
-  --keyboard-bg: rgba(250, 250, 250, 0.95);
-  --keyboard-key-bg: transparent;
-  --keyboard-key-color: #333333;
-  --keyboard-key-active-bg: rgba(0, 0, 0, 0.08);
-  --keyboard-fn-key-bg: transparent;
-  --keyboard-fn-key-color: #888888;
-  --keyboard-fn-key-active-bg: rgba(0, 0, 0, 0.08);
-  --keyboard-primary-bg: #333333;
-  --keyboard-primary-active-bg: #1a1a1a;
-  --keyboard-primary-color: #ffffff;
-  --keyboard-key-radius: 12px;
-  --keyboard-key-gap: 8px;
-  --keyboard-key-height: 44px;
-  --keyboard-font-size: 17px;
-  --keyboard-fn-font-size: 13px;
-  --keyboard-padding: 12px;
-  --keyboard-key-shadow: none;
-}
-
-[data-theme="minimal"] .keyboard-key,
-.keyboard-theme-minimal .keyboard-key {
-  box-shadow: none;
-}
-
-[data-theme="minimal"] .keyboard-key:active,
-.keyboard-theme-minimal .keyboard-key:active {
-  transform: scale(0.95);
-}
-
-/* ====================
-   Dark 深色主题
-   ==================== */
-[data-theme="dark"],
-.keyboard-theme-dark {
-  --keyboard-bg: #1c1c1e;
-  --keyboard-key-bg: #3a3a3c;
-  --keyboard-key-color: #ffffff;
-  --keyboard-key-active-bg: #4a4a4c;
-  --keyboard-fn-key-bg: #2c2c2e;
-  --keyboard-fn-key-color: #ebebf5;
-  --keyboard-fn-key-active-bg: #3c3c3e;
-  --keyboard-primary-bg: #0a84ff;
-  --keyboard-primary-active-bg: #0070e0;
-  --keyboard-primary-color: #ffffff;
-  --keyboard-key-radius: 8px;
-  --keyboard-key-gap: 6px;
-  --keyboard-key-height: 45px;
-  --keyboard-font-size: 18px;
-  --keyboard-fn-font-size: 14px;
-  --keyboard-padding: 8px;
-  --keyboard-key-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
-}
-
-[data-theme="dark"] .keyboard-key,
-.keyboard-theme-dark .keyboard-key {
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
-}
-
-/* 深色车牌键盘特殊样式 */
-[data-theme="dark"] .key-plate-special,
-.keyboard-theme-dark .key-plate-special {
-  background-color: #4a3728;
-  color: #fcd34d;
-}
-
-/* ====================
-   Green 护眼主题
-   ==================== */
-[data-theme="green"],
-.keyboard-theme-green {
-  --keyboard-bg: #e8f5e9;
-  --keyboard-key-bg: #ffffff;
-  --keyboard-key-color: #2e7d32;
-  --keyboard-key-active-bg: #c8e6c9;
-  --keyboard-key-border: #a5d6a7;
-  --keyboard-fn-bg: #c8e6c9;
-  --keyboard-fn-color: #388e3c;
-  --keyboard-fn-active-bg: #a5d6a7;
-  --keyboard-primary-bg: #43a047;
-  --keyboard-primary-active-bg: #388e3c;
-  --keyboard-primary-color: #ffffff;
-  --keyboard-key-radius: 8px;
-}
-
-/* ====================
-   Blue 蓝色主题
-   ==================== */
-[data-theme="blue"],
-.keyboard-theme-blue {
-  --keyboard-bg: #e3f2fd;
-  --keyboard-key-bg: #ffffff;
-  --keyboard-key-color: #1565c0;
-  --keyboard-key-active-bg: #bbdefb;
-  --keyboard-key-border: #90caf9;
-  --keyboard-fn-bg: #bbdefb;
-  --keyboard-fn-color: #1976d2;
-  --keyboard-fn-active-bg: #90caf9;
-  --keyboard-primary-bg: #1976d2;
-  --keyboard-primary-active-bg: #1565c0;
-  --keyboard-primary-color: #ffffff;
-  --keyboard-key-radius: 8px;
-}
-
-/* ====================
-   主题工具类
-   ==================== */
-.keyboard-theme-light {
-  color-scheme: light;
-}
-
-.keyboard-theme-dark {
-  color-scheme: dark;
-}
-
-/* 平滑主题切换 */
-.keyboard-popup,
-.virtual-keyboard {
-  transition: background-color 0.2s ease;
-}
-
-.keyboard-key {
-  transition: background-color var(--keyboard-transition) ease,
-    transform var(--keyboard-transition) ease;
-}

package/lib/composables/useKeyboardPopup.d.ts

@@ -1,73 +0,0 @@
-/**
- * 键盘弹出层 Composable
- * @module composables/useKeyboardPopup
- */
-import type { CSSProperties, Ref } from 'vue';
-import { type PopupPlacement, type PopupPositionConfig } from '@composy/keyboard-core';
-/**
- * useKeyboardPopup 选项
- */
-export interface UseKeyboardPopupOptions extends PopupPositionConfig {
-    /**
-     * 是否显示
-     */
-    visible?: Ref<boolean>;
-    /**
-     * 目标元素
-     */
-    target?: Ref<HTMLElement | null>;
-    /**
-     * 弹出层元素
-     */
-    popup?: Ref<HTMLElement | null>;
-    /**
-     * 点击外部关闭
-     */
-    closeOnClickOutside?: boolean;
-    /**
-     * 关闭回调
-     */
-    onClose?: () => void;
-}
-/**
- * useKeyboardPopup 返回值
- */
-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;
-}
-/**
- * 键盘弹出层 Composable
- */
-export declare function useKeyboardPopup(options?: UseKeyboardPopupOptions): UseKeyboardPopupReturn;
-//# sourceMappingURL=useKeyboardPopup.d.ts.map

package/lib/index.d.ts

@@ -1,42 +0,0 @@
-/**
- * @composy/keyboard-vue
- * LDesign 虚拟键盘 - Vue 3 适配器
- * @packageDocumentation
- */
-import type { Plugin } from 'vue';
-export * from './components';
-export * from './composables';
-export * from './plugins';
-export * from './directives';
-export { createKeyboardManager, createPositionManager, createKeyboardRenderer, KeyboardManager, PositionManager, KeyboardRenderer, getLayout, registerLayout, registerLayouts, hasLayout, getAvailableLayouts, unregisterLayout, qwertyLayout, numberLayout, integerLayout, symbolLayout, symbolLayout2, licensePlateLayout, licensePlateProvinceLayout, licensePlateLetterLayout, licensePlateAlphanumericLayout, PROVINCES, PLATE_LETTERS, idcardLayout, phoneLayout, phoneSimpleLayout, amountLayout, amountSimpleLayout, bankcardLayout, verifycodeLayout, emailLayout, urlLayout, searchLayout, punctLayout, EMAIL_SUFFIXES, EventEmitter, isMobile, isTouchDevice, getDeviceType, getViewportInfo, vibrate, onViewportChange, getBoundingRect, onClickOutside, insertTextAtCursor, deleteCharBeforeCursor, shuffleArray, getRandomNumbers, getRandomLetters, getRandomAlphanumeric, createRandomNumberLayout, createRandomPinLayout, createRandomLetterLayout, createRandomMixedLayout, refreshRandomLayout, formatPhone, formatBankCard, formatAmount, formatIdCard, formatLicensePlate, formatVerifyCode, registerFormatter, getFormatter, applyFormatter, getTheme, registerTheme, getAvailableThemes, getAllThemes, setCurrentTheme, getCurrentTheme, themeToCSS, applyTheme, generateThemeStyle, mergeTheme, createTheme, miuiTheme, iosTheme, materialTheme, minimalTheme, darkTheme, presetThemes, defaultTheme, } from '@composy/keyboard-core';
-export type { KeyboardType, KeyType, KeyDefinition, KeyboardRow, KeyboardConfig, KeyboardState, KeyboardEventMap, KeyboardOptions, DeviceType, PopupPlacement, Position, Size, BoundingRect, PopupPositionConfig, PopupPositionResult, ViewportInfo, ThemeName, ThemeColors, ThemeSizes, ThemeEffects, ThemeConfig, ThemeCSSVariables, KeyboardRendererOptions, FormatterFunction, } 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