@composy/keyboard-vue 0.0.1 → 0.0.2

package/lib/styles/themes.css

@@ -1,213 +1,137 @@
 /**
- * LDesign Keyboard - 主题预设
- * 简洁 · 现代 · 优雅
+ * Keyboard theme tokens.
+ * Theme values intentionally reference the shared LDesign color and size runtime.
  */
-/* ====================
-   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;
+  --keyboard-bg: var(--ld-bg-surface);
+  --keyboard-key-bg: var(--ld-bg-container);
+  --keyboard-key-color: var(--ld-text-primary);
+  --keyboard-key-active-bg: var(--ld-warning-50);
+  --keyboard-fn-key-bg: var(--ld-bg-elevated);
+  --keyboard-fn-key-color: var(--ld-text-secondary);
+  --keyboard-fn-key-active-bg: var(--ld-warning-100);
+  --keyboard-primary-bg: var(--ld-warning-500);
+  --keyboard-primary-active-bg: var(--ld-warning-600);
+  --keyboard-primary-color: var(--ld-text-inverse);
+  --keyboard-mask-bg: color-mix(in srgb, var(--ld-black) 40%, var(--ld-transparent));
+  --keyboard-key-border: var(--ld-border);
+  --keyboard-key-radius: var(--ld-radius-md);
+  --keyboard-key-gap: var(--ld-spacing-sm);
+  --keyboard-key-height: var(--ld-px-48);
+  --keyboard-font-size: var(--ld-font-lg);
+  --keyboard-fn-font-size: var(--ld-font-sm);
+  --keyboard-padding: var(--ld-spacing-sm);
+  --keyboard-key-shadow: var(--ld-shadow-sm, none);
 }
-/* ====================
-   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;
+  --keyboard-bg: var(--ld-bg-surface);
+  --keyboard-key-bg: var(--ld-bg-container);
+  --keyboard-key-color: var(--ld-text-primary);
+  --keyboard-key-active-bg: var(--ld-primary-50);
+  --keyboard-fn-key-bg: var(--ld-bg-elevated);
+  --keyboard-fn-key-color: var(--ld-text-primary);
+  --keyboard-fn-key-active-bg: var(--ld-primary-100);
+  --keyboard-primary-bg: var(--ld-primary-500);
+  --keyboard-primary-active-bg: var(--ld-primary-600);
+  --keyboard-primary-color: var(--ld-text-inverse);
+  --keyboard-mask-bg: color-mix(in srgb, var(--ld-black) 40%, var(--ld-transparent));
+  --keyboard-key-border: var(--ld-border);
+  --keyboard-key-radius: var(--ld-radius-sm);
+  --keyboard-key-gap: var(--ld-spacing-sm);
+  --keyboard-key-height: var(--ld-px-42);
+  --keyboard-font-size: var(--ld-font-xl);
+  --keyboard-fn-font-size: var(--ld-font-base);
+  --keyboard-padding: var(--ld-spacing-xs);
+  --keyboard-key-shadow: var(--ld-shadow-sm, none);
 }
-[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);
+  --keyboard-bg: var(--ld-bg-elevated);
+  --keyboard-key-bg: var(--ld-bg-container);
+  --keyboard-key-color: var(--ld-text-primary);
+  --keyboard-key-active-bg: var(--ld-success-50);
+  --keyboard-fn-key-bg: var(--ld-bg-surface);
+  --keyboard-fn-key-color: var(--ld-text-secondary);
+  --keyboard-fn-key-active-bg: var(--ld-success-100);
+  --keyboard-primary-bg: var(--ld-success-500);
+  --keyboard-primary-active-bg: var(--ld-success-600);
+  --keyboard-primary-color: var(--ld-text-inverse);
+  --keyboard-mask-bg: color-mix(in srgb, var(--ld-black) 40%, var(--ld-transparent));
+  --keyboard-key-border: var(--ld-border);
+  --keyboard-key-radius: var(--ld-radius-sm);
+  --keyboard-key-gap: var(--ld-spacing-xs);
+  --keyboard-key-height: var(--ld-px-48);
+  --keyboard-font-size: var(--ld-font-lg);
+  --keyboard-fn-font-size: var(--ld-font-sm);
+  --keyboard-padding: var(--ld-spacing-sm);
+  --keyboard-key-shadow: var(--ld-shadow-sm, none);
 }
-[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-bg: var(--ld-bg-surface);
+  --keyboard-key-bg: var(--ld-bg-container);
+  --keyboard-key-color: var(--ld-text-primary);
+  --keyboard-key-active-bg: var(--ld-primary-50);
+  --keyboard-fn-key-bg: var(--ld-bg-surface);
+  --keyboard-fn-key-color: var(--ld-text-secondary);
+  --keyboard-fn-key-active-bg: var(--ld-primary-100);
+  --keyboard-primary-bg: var(--ld-text-primary);
+  --keyboard-primary-active-bg: var(--ld-text-secondary);
+  --keyboard-primary-color: var(--ld-bg-container);
+  --keyboard-key-border: var(--ld-border-subtle);
+  --keyboard-key-radius: var(--ld-radius-lg);
+  --keyboard-key-gap: var(--ld-spacing-sm);
+  --keyboard-key-height: var(--ld-px-48);
+  --keyboard-font-size: var(--ld-font-base);
+  --keyboard-fn-font-size: var(--ld-font-sm);
+  --keyboard-padding: var(--ld-spacing-md);
   --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;
+  --keyboard-bg: var(--ld-bg-surface);
+  --keyboard-key-bg: var(--ld-bg-elevated);
+  --keyboard-key-color: var(--ld-text-primary);
+  --keyboard-key-active-bg: var(--ld-primary-100);
+  --keyboard-fn-key-bg: var(--ld-bg-container);
+  --keyboard-fn-key-color: var(--ld-text-secondary);
+  --keyboard-fn-key-active-bg: var(--ld-primary-200);
+  --keyboard-primary-bg: var(--ld-primary-500);
+  --keyboard-primary-active-bg: var(--ld-primary-600);
+  --keyboard-primary-color: var(--ld-text-inverse);
+  --keyboard-mask-bg: color-mix(in srgb, var(--ld-black) 40%, var(--ld-transparent));
+  --keyboard-key-border: var(--ld-border);
+  --keyboard-key-radius: var(--ld-radius-md);
+  --keyboard-key-gap: var(--ld-spacing-sm);
+  --keyboard-key-height: var(--ld-px-48);
+  --keyboard-font-size: var(--ld-font-lg);
+  --keyboard-fn-font-size: var(--ld-font-sm);
+  --keyboard-padding: var(--ld-spacing-sm);
+  --keyboard-key-shadow: var(--ld-shadow-sm, none);
 }
-/* ====================
-   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;
+  --keyboard-primary-bg: var(--ld-success-500);
+  --keyboard-primary-active-bg: var(--ld-success-600);
 }
-/* ====================
-   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-primary-bg: var(--ld-info-500);
+  --keyboard-primary-active-bg: var(--ld-info-600);
 }
-/* ====================
-   主题工具类
-   ==================== */
 .keyboard-theme-light {
   color-scheme: light;
 }
 .keyboard-theme-dark {
   color-scheme: dark;
 }
-/* 平滑主题切换 */
 .keyboard-popup,
 .virtual-keyboard {
-  transition: background-color 0.2s ease;
+  transition: background-color var(--ld-duration-fast);
 }
 .keyboard-key {
-  transition: background-color var(--keyboard-transition) ease, transform var(--keyboard-transition) ease;
+  transition: background-color var(--ld-duration-fast), transform var(--ld-duration-fast);
 }
-/*# sourceMappingURL=src/styles/themes.less.map */
+/*# sourceMappingURL=src\styles\themes.less.map */

package/package.json

@@ -1,7 +1,19 @@
 {
   "name": "@composy/keyboard-vue",
-  "version": "0.0.1",
+  "type": "module",
+  "version": "0.0.2",
   "description": "LDesign 虚拟键盘 - Vue 3 适配器",
+  "author": "LDesign Team",
+  "license": "MIT",
+  "homepage": "https://gitee.com/ldesign-v1/ldesign-keyboard/tree/main/packages/vue#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/ldesign-v1/ldesign-keyboard.git",
+    "directory": "packages/vue"
+  },
+  "bugs": {
+    "url": "https://gitee.com/ldesign-v1/ldesign-keyboard/issues"
+  },
   "keywords": [
     "keyboard",
     "virtual-keyboard",
@@ -13,16 +25,10 @@
     "ldesign",
     "typescript"
   ],
-  "author": "LDesign Team",
-  "license": "MIT",
-  "type": "module",
   "sideEffects": [
-    "*.vue",
-    "*.tsx",
-    "*.jsx",
-    "dist/*",
-    "es/**/style/**",
-    "esm/**/style/**"
+    "**/*.vue",
+    "**/*.css",
+    "**/*.less"
   ],
   "exports": {
     ".": {
@@ -85,57 +91,60 @@
     "./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",
+    "./style/index.less": "./esm/style/index.less",
+    "./styles/index.less": "./esm/styles/index.less",
+    "./styles/keyboard.less": "./esm/styles/keyboard.less",
+    "./styles/themes.less": "./esm/styles/themes.less",
     "./package.json": "./package.json"
   },
   "main": "./lib/index.cjs",
   "module": "./es/index.js",
-  "types": "./es/index.d.ts",
+  "style": "./dist/index.css",
   "unpkg": "./dist/index.min.js",
   "jsdelivr": "./dist/index.min.js",
+  "types": "./es/index.d.ts",
   "files": [
     "README.md",
-    "LICENSE",
-    "CHANGELOG.md",
+    "dist",
     "es",
-    "lib",
-    "dist"
+    "esm",
+    "lib"
   ],
   "scripts": {
     "build": "ldesign-builder build",
-    "clean": "rimraf dist es esm cjs lib",
+    "clean": "rimraf dist es esm lib",
     "dev": "ldesign-builder build --watch",
-    "lint": "eslint . --fix",
-    "lint:check": "eslint . --max-warnings 0",
-    "lint:fix": "eslint . --fix",
+    "lint": "eslint . --no-cache --fix",
+    "lint:check": "eslint . --no-cache --max-warnings 0",
+    "lint:fix": "eslint . --no-cache --fix",
     "type-check": "vue-tsc --noEmit",
+    "type-check:cjs": "vue-tsc --noEmit -p tsconfig.cjs.json",
     "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"
+    "test:ui": "ltesting dashboard",
+    "release": "ldesign-release publish --package-dir ."
   },
   "peerDependencies": {
-    "vue": "^3.5.32"
+    "vue": "3.5.32"
+  },
+  "dependencies": {
+    "@composy/keyboard-core": "^0.0.2"
   },
   "devDependencies": {
     "@antfu/eslint-config": "9.1.0",
-    "@composy/builder": "^0.0.1",
-    "@composy/testing": "^0.0.1",
+    "@composy/builder": "^0.1.0",
+    "@composy/release": "^0.1.0",
+    "@composy/testing": "^0.0.2",
     "eslint": "10.7.0",
-    "rimraf": "^6.1.3",
+    "rimraf": "6.1.3",
     "typescript": "5.9.3",
-    "vue": "3.5.39",
-    "vue-tsc": "^3.3.7"
+    "vue": "3.5.32",
+    "vue-tsc": "3.3.11"
   },
   "typings": "./es/index.d.ts",
   "browser": "./dist/index.js"
-}
+}