@composy/keyboard-vue 0.0.1

package/lib/styles/themes.css

@@ -0,0 +1,213 @@
+/**
+ * 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;
+}
+/*# sourceMappingURL=src/styles/themes.less.map */

package/package.json

@@ -0,0 +1,141 @@
+{
+  "name": "@composy/keyboard-vue",
+  "version": "0.0.1",
+  "description": "LDesign 虚拟键盘 - Vue 3 适配器",
+  "keywords": [
+    "keyboard",
+    "virtual-keyboard",
+    "input",
+    "license-plate",
+    "vue",
+    "vue3",
+    "composable",
+    "ldesign",
+    "typescript"
+  ],
+  "author": "LDesign Team",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.vue",
+    "*.tsx",
+    "*.jsx",
+    "dist/*",
+    "es/**/style/**",
+    "esm/**/style/**"
+  ],
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.js",
+      "require": "./lib/index.cjs",
+      "default": "./es/index.js"
+    },
+    "./components": {
+      "types": "./es/components/index.d.ts",
+      "import": "./es/components/index.js",
+      "require": "./lib/components/index.cjs",
+      "default": "./es/components/index.js"
+    },
+    "./components/*": {
+      "types": "./es/components/*.d.ts",
+      "import": "./es/components/*.js",
+      "require": "./lib/components/*.cjs",
+      "default": "./es/components/*.js"
+    },
+    "./composables": {
+      "types": "./es/composables/index.d.ts",
+      "import": "./es/composables/index.js",
+      "require": "./lib/composables/index.cjs",
+      "default": "./es/composables/index.js"
+    },
+    "./composables/*": {
+      "types": "./es/composables/*.d.ts",
+      "import": "./es/composables/*.js",
+      "require": "./lib/composables/*.cjs",
+      "default": "./es/composables/*.js"
+    },
+    "./directives": {
+      "types": "./es/directives/index.d.ts",
+      "import": "./es/directives/index.js",
+      "require": "./lib/directives/index.cjs",
+      "default": "./es/directives/index.js"
+    },
+    "./directives/*": {
+      "types": "./es/directives/*.d.ts",
+      "import": "./es/directives/*.js",
+      "require": "./lib/directives/*.cjs",
+      "default": "./es/directives/*.js"
+    },
+    "./plugins": {
+      "types": "./es/plugins/index.d.ts",
+      "import": "./es/plugins/index.js",
+      "require": "./lib/plugins/index.cjs",
+      "default": "./es/plugins/index.js"
+    },
+    "./plugins/*": {
+      "types": "./es/plugins/*.d.ts",
+      "import": "./es/plugins/*.js",
+      "require": "./lib/plugins/*.cjs",
+      "default": "./es/plugins/*.js"
+    },
+    "./index.css": "./dist/index.css",
+    "./index.min.css": "./dist/index.min.css",
+    "./style/index.css": "./lib/style/index.css",
+    "./styles/index.css": "./lib/styles/index.css",
+    "./styles/keyboard.css": "./lib/styles/keyboard.css",
+    "./styles/themes.css": "./lib/styles/themes.css",
+    "./style/index.less": "./es/style/index.less",
+    "./styles/index.less": "./es/styles/index.less",
+    "./styles/keyboard.less": "./es/styles/keyboard.less",
+    "./styles/themes.less": "./es/styles/themes.less",
+    "./package.json": "./package.json"
+  },
+  "main": "./lib/index.cjs",
+  "module": "./es/index.js",
+  "types": "./es/index.d.ts",
+  "unpkg": "./dist/index.min.js",
+  "jsdelivr": "./dist/index.min.js",
+  "files": [
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md",
+    "es",
+    "lib",
+    "dist"
+  ],
+  "scripts": {
+    "build": "ldesign-builder build",
+    "clean": "rimraf dist es esm cjs lib",
+    "dev": "ldesign-builder build --watch",
+    "lint": "eslint . --fix",
+    "lint:check": "eslint . --max-warnings 0",
+    "lint:fix": "eslint . --fix",
+    "type-check": "vue-tsc --noEmit",
+    "test": "ltesting run:unit",
+    "test:run": "ltesting run:unit",
+    "test:watch": "ltesting run:unit --watch",
+    "test:coverage": "ltesting run:unit --coverage",
+    "test:changed": "ltesting run:unit --changed",
+    "test:failed": "ltesting run:unit --failed",
+    "test:ui": "ltesting dashboard"
+  },
+  "dependencies": {
+    "@composy/keyboard-core": "^0.0.1"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.32"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "9.1.0",
+    "@composy/builder": "^0.0.1",
+    "@composy/testing": "^0.0.1",
+    "eslint": "10.7.0",
+    "rimraf": "^6.1.3",
+    "typescript": "5.9.3",
+    "vue": "3.5.39",
+    "vue-tsc": "^3.3.7"
+  },
+  "typings": "./es/index.d.ts",
+  "browser": "./dist/index.js"
+}