@composy/keyboard-vue 0.0.1 → 0.0.2

package/dist/index.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.min.js","names":[],"sources":["../src/components/KeyboardKey.vue","../src/components/KeyboardKey.vue","../src/components/KeyboardKey.vue","../src/composables/useKeyboard.ts","../src/composables/useKeyboardPopup.ts","../src/components/VirtualKeyboard.vue","../src/components/VirtualKeyboard.vue","../src/components/VirtualKeyboard.vue","../src/components/KeyboardPopup.vue","../src/components/KeyboardPopup.vue","../src/components/KeyboardPopup.vue","../src/components/LicensePlateKeyboard.vue","../src/components/LicensePlateKeyboard.vue","../src/components/LicensePlateKeyboard.vue","../src/directives/v-keyboard.ts","../src/plugins/engine-plugin.ts","../src/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { KeyDefinition } from '@composy/keyboard-core'\r\nimport { sanitizeSvgIcon } from '@composy/keyboard-core'\r\nimport { computed } from 'vue'\r\n\r\nconst props = defineProps<{\r\n  /**\r\n   * 按键定义\r\n   */\r\n  keyDef: KeyDefinition\r\n  /**\r\n   * 是否大写状态\r\n   */\r\n  isUpperCase?: boolean\r\n  /**\r\n   * 基础宽度（px）\r\n   */\r\n  baseWidth?: number\r\n  /**\r\n   * 是否使用 flex 布局（用于 numpad 等需要均分宽度的键盘）\r\n   */\r\n  useFlex?: boolean\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  press: [key: KeyDefinition]\r\n  showOptions: [options: string[]]\r\n}>()\r\n\r\n/**\r\n * 获取显示文本\r\n */\r\nconst label = computed(() => {\r\n  const keyLabel = props.keyDef.label\r\n  if (typeof keyLabel === 'string') {\r\n    return keyLabel\r\n  }\r\n  return props.isUpperCase ? keyLabel.upper : keyLabel.lower\r\n})\r\n\r\nconst iconMarkup = computed(() => {\r\n  const icon = props.keyDef.icon\r\n  return icon ? sanitizeSvgIcon(icon) : ''\r\n})\r\n\r\n/**\r\n * 计算按键宽度\r\n */\r\nconst keyWidth = computed(() => {\r\n  // 使用 flex 布局时，不设置固定宽度\r\n  if (props.useFlex) {\r\n    return undefined\r\n  }\r\n  const base = props.baseWidth ?? 36\r\n  const width = props.keyDef.width ?? 1\r\n  const gap = 6\r\n  return `${base * width + (width - 1) * gap}px`\r\n})\r\n\r\n/**\r\n * 计算按键的 flex 值（用于 numpad 布局）\r\n */\r\nconst keyFlex = computed(() => {\r\n  if (!props.useFlex) {\r\n    return undefined\r\n  }\r\n  // width 属性决定占几份\r\n  return props.keyDef.width ?? 1\r\n})\r\n\r\n/**\r\n * 计算 CSS 类\r\n */\r\nconst keyClass = computed(() => {\r\n  const classes = ['keyboard-key', `keyboard-key--${props.keyDef.type}`]\r\n\r\n  if (props.keyDef.className) {\r\n    classes.push(props.keyDef.className)\r\n  }\r\n\r\n  if (props.keyDef.disabled) {\r\n    classes.push('keyboard-key--disabled')\r\n  }\r\n\r\n  // Shift 键激活状态\r\n  if (props.keyDef.type === 'shift' && props.isUpperCase) {\r\n    classes.push('keyboard-key--active')\r\n  }\r\n\r\n  return classes\r\n})\r\n\r\n/**\r\n * 是否有下拉选项\r\n */\r\nconst hasOptions = computed(() => {\r\n  return props.keyDef.options && props.keyDef.options.length > 0\r\n})\r\n\r\n/**\r\n * 是否是纯选项按钮（有options但无value，点击只显示选项面板）\r\n */\r\nconst isOptionsOnly = computed(() => {\r\n  return hasOptions.value && !props.keyDef.value\r\n})\r\n\r\n/**\r\n * 处理按键点击\r\n */\r\nconst handlePress = (event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n\r\n  if (props.keyDef.disabled) {\r\n    return\r\n  }\r\n\r\n  // 纯选项按钮：点击直接显示选项面板\r\n  if (isOptionsOnly.value) {\r\n    emit('showOptions', props.keyDef.options ?? [])\r\n    return\r\n  }\r\n\r\n  // 正常按键：触发按键事件\r\n  emit('press', props.keyDef)\r\n}\r\n\r\n/**\r\n * 处理下拉箭头点击（显示选项面板）\r\n */\r\nconst handleArrowClick = (event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n\r\n  if (props.keyDef.disabled) {\r\n    return\r\n  }\r\n\r\n  if (hasOptions.value) {\r\n    emit('showOptions', props.keyDef.options ?? [])\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"keyboard-key-wrapper\" :style=\"{ width: keyWidth, flex: keyFlex }\">\r\n    <button\r\n      :class=\"[\r\n        keyClass,\r\n        {\r\n          'has-options': hasOptions && !isOptionsOnly,\r\n          'is-options-only': isOptionsOnly,\r\n        },\r\n      ]\"\r\n      :disabled=\"keyDef.disabled\"\r\n      type=\"button\"\r\n      @mousedown.prevent=\"handlePress\"\r\n      @touchstart.prevent=\"handlePress\"\r\n    >\r\n      <!-- SVG 图标支持 -->\r\n      <span v-if=\"iconMarkup\" class=\"keyboard-key__icon\" v-html=\"iconMarkup\" />\r\n      <span v-else-if=\"keyDef.icon\" class=\"keyboard-key__label\">{{\r\n        keyDef.icon\r\n      }}</span>\r\n      <span v-else class=\"keyboard-key__label\">{{ label }}</span>\r\n      <!-- 纯选项按钮内嵌下拉箭头 -->\r\n      <span v-if=\"isOptionsOnly\" class=\"keyboard-key__arrow-inline\">▼</span>\r\n    </button>\r\n    <!-- 有value又有options的按钮：单独可点击的下拉箭头 -->\r\n    <span\r\n      v-if=\"hasOptions && !isOptionsOnly\"\r\n      class=\"keyboard-key__arrow\"\r\n      @mousedown.prevent=\"handleArrowClick\"\r\n      @touchstart.prevent=\"handleArrowClick\"\r\n      >▼</span\r\n    >\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.keyboard-key-wrapper {\r\n  position: relative;\r\n  display: inline-flex;\r\n}\r\n\r\n.keyboard-key {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  min-width: var(--ld-px-32);\r\n  height: var(--keyboard-key-height);\r\n  padding: 0 var(--ld-spacing-xs);\r\n  border: 0;\r\n  border-radius: var(--keyboard-key-radius);\r\n  background-color: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--keyboard-font-size);\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n  box-shadow: var(--keyboard-key-shadow);\r\n  transition:\r\n    background-color var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.keyboard-key.has-options {\r\n  padding-right: var(--ld-px-16);\r\n}\r\n.keyboard-key:active {\r\n  background-color: var(--keyboard-key-active-bg);\r\n  transform: scale(0.95);\r\n}\r\n.keyboard-key--disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n}\r\n.keyboard-key--disabled:active {\r\n  transform: none;\r\n  background-color: var(--keyboard-key-bg);\r\n}\r\n\r\n.keyboard-key--backspace,\r\n.keyboard-key--shift,\r\n.keyboard-key--tab,\r\n.keyboard-key--clear,\r\n.keyboard-key--close {\r\n  background-color: var(--keyboard-fn-key-bg);\r\n  color: var(--keyboard-fn-key-color);\r\n  font-size: var(--keyboard-fn-font-size);\r\n}\r\n\r\n.keyboard-key--backspace:active,\r\n.keyboard-key--shift:active,\r\n.keyboard-key--tab:active,\r\n.keyboard-key--clear:active,\r\n.keyboard-key--close:active {\r\n  background-color: var(--keyboard-fn-key-active-bg);\r\n}\r\n\r\n.keyboard-key--active {\r\n  background-color: var(--keyboard-key-active-bg) !important;\r\n  color: var(--ld-text-inverse) !important;\r\n}\r\n\r\n.keyboard-key--done,\r\n.keyboard-key--enter {\r\n  background-color: var(--keyboard-primary-bg);\r\n  color: var(--keyboard-primary-color);\r\n  font-size: var(--keyboard-fn-font-size);\r\n  font-weight: 600;\r\n}\r\n\r\n.keyboard-key--done:active,\r\n.keyboard-key--enter:active {\r\n  background-color: var(--keyboard-primary-active-bg);\r\n}\r\n.keyboard-key--space {\r\n  background-color: var(--keyboard-key-bg);\r\n}\r\n\r\n.keyboard-key__icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: none;\r\n}\r\n.keyboard-key__icon svg {\r\n  width: 1em;\r\n  height: 1em;\r\n}\r\n.keyboard-key__label {\r\n  pointer-events: none;\r\n  line-height: 1;\r\n}\r\n\r\n.keyboard-key__arrow {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-20);\r\n  border-radius: var(--ld-radius-none) var(--ld-radius-sm) var(--ld-radius-sm)\r\n    var(--ld-radius-none);\r\n  font-size: var(--ld-font-xs);\r\n  opacity: 0.5;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n}\r\n\r\n.keyboard-key__arrow:active {\r\n  background-color: var(--keyboard-key-active-bg);\r\n  opacity: 1;\r\n}\r\n\r\n.keyboard-key__arrow-inline {\r\n  margin-left: var(--ld-px-4);\r\n  font-size: var(--ld-font-xs);\r\n  opacity: 0.6;\r\n  pointer-events: none;\r\n}\r\n\r\n.keyboard-key.is-options-only {\r\n  background-color: var(--keyboard-fn-key-bg);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { KeyDefinition } from '@composy/keyboard-core'\r\nimport { sanitizeSvgIcon } from '@composy/keyboard-core'\r\nimport { computed } from 'vue'\r\n\r\nconst props = defineProps<{\r\n  /**\r\n   * 按键定义\r\n   */\r\n  keyDef: KeyDefinition\r\n  /**\r\n   * 是否大写状态\r\n   */\r\n  isUpperCase?: boolean\r\n  /**\r\n   * 基础宽度（px）\r\n   */\r\n  baseWidth?: number\r\n  /**\r\n   * 是否使用 flex 布局（用于 numpad 等需要均分宽度的键盘）\r\n   */\r\n  useFlex?: boolean\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  press: [key: KeyDefinition]\r\n  showOptions: [options: string[]]\r\n}>()\r\n\r\n/**\r\n * 获取显示文本\r\n */\r\nconst label = computed(() => {\r\n  const keyLabel = props.keyDef.label\r\n  if (typeof keyLabel === 'string') {\r\n    return keyLabel\r\n  }\r\n  return props.isUpperCase ? keyLabel.upper : keyLabel.lower\r\n})\r\n\r\nconst iconMarkup = computed(() => {\r\n  const icon = props.keyDef.icon\r\n  return icon ? sanitizeSvgIcon(icon) : ''\r\n})\r\n\r\n/**\r\n * 计算按键宽度\r\n */\r\nconst keyWidth = computed(() => {\r\n  // 使用 flex 布局时，不设置固定宽度\r\n  if (props.useFlex) {\r\n    return undefined\r\n  }\r\n  const base = props.baseWidth ?? 36\r\n  const width = props.keyDef.width ?? 1\r\n  const gap = 6\r\n  return `${base * width + (width - 1) * gap}px`\r\n})\r\n\r\n/**\r\n * 计算按键的 flex 值（用于 numpad 布局）\r\n */\r\nconst keyFlex = computed(() => {\r\n  if (!props.useFlex) {\r\n    return undefined\r\n  }\r\n  // width 属性决定占几份\r\n  return props.keyDef.width ?? 1\r\n})\r\n\r\n/**\r\n * 计算 CSS 类\r\n */\r\nconst keyClass = computed(() => {\r\n  const classes = ['keyboard-key', `keyboard-key--${props.keyDef.type}`]\r\n\r\n  if (props.keyDef.className) {\r\n    classes.push(props.keyDef.className)\r\n  }\r\n\r\n  if (props.keyDef.disabled) {\r\n    classes.push('keyboard-key--disabled')\r\n  }\r\n\r\n  // Shift 键激活状态\r\n  if (props.keyDef.type === 'shift' && props.isUpperCase) {\r\n    classes.push('keyboard-key--active')\r\n  }\r\n\r\n  return classes\r\n})\r\n\r\n/**\r\n * 是否有下拉选项\r\n */\r\nconst hasOptions = computed(() => {\r\n  return props.keyDef.options && props.keyDef.options.length > 0\r\n})\r\n\r\n/**\r\n * 是否是纯选项按钮（有options但无value，点击只显示选项面板）\r\n */\r\nconst isOptionsOnly = computed(() => {\r\n  return hasOptions.value && !props.keyDef.value\r\n})\r\n\r\n/**\r\n * 处理按键点击\r\n */\r\nconst handlePress = (event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n\r\n  if (props.keyDef.disabled) {\r\n    return\r\n  }\r\n\r\n  // 纯选项按钮：点击直接显示选项面板\r\n  if (isOptionsOnly.value) {\r\n    emit('showOptions', props.keyDef.options ?? [])\r\n    return\r\n  }\r\n\r\n  // 正常按键：触发按键事件\r\n  emit('press', props.keyDef)\r\n}\r\n\r\n/**\r\n * 处理下拉箭头点击（显示选项面板）\r\n */\r\nconst handleArrowClick = (event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n\r\n  if (props.keyDef.disabled) {\r\n    return\r\n  }\r\n\r\n  if (hasOptions.value) {\r\n    emit('showOptions', props.keyDef.options ?? [])\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"keyboard-key-wrapper\" :style=\"{ width: keyWidth, flex: keyFlex }\">\r\n    <button\r\n      :class=\"[\r\n        keyClass,\r\n        {\r\n          'has-options': hasOptions && !isOptionsOnly,\r\n          'is-options-only': isOptionsOnly,\r\n        },\r\n      ]\"\r\n      :disabled=\"keyDef.disabled\"\r\n      type=\"button\"\r\n      @mousedown.prevent=\"handlePress\"\r\n      @touchstart.prevent=\"handlePress\"\r\n    >\r\n      <!-- SVG 图标支持 -->\r\n      <span v-if=\"iconMarkup\" class=\"keyboard-key__icon\" v-html=\"iconMarkup\" />\r\n      <span v-else-if=\"keyDef.icon\" class=\"keyboard-key__label\">{{\r\n        keyDef.icon\r\n      }}</span>\r\n      <span v-else class=\"keyboard-key__label\">{{ label }}</span>\r\n      <!-- 纯选项按钮内嵌下拉箭头 -->\r\n      <span v-if=\"isOptionsOnly\" class=\"keyboard-key__arrow-inline\">▼</span>\r\n    </button>\r\n    <!-- 有value又有options的按钮：单独可点击的下拉箭头 -->\r\n    <span\r\n      v-if=\"hasOptions && !isOptionsOnly\"\r\n      class=\"keyboard-key__arrow\"\r\n      @mousedown.prevent=\"handleArrowClick\"\r\n      @touchstart.prevent=\"handleArrowClick\"\r\n      >▼</span\r\n    >\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.keyboard-key-wrapper {\r\n  position: relative;\r\n  display: inline-flex;\r\n}\r\n\r\n.keyboard-key {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  min-width: var(--ld-px-32);\r\n  height: var(--keyboard-key-height);\r\n  padding: 0 var(--ld-spacing-xs);\r\n  border: 0;\r\n  border-radius: var(--keyboard-key-radius);\r\n  background-color: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--keyboard-font-size);\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n  box-shadow: var(--keyboard-key-shadow);\r\n  transition:\r\n    background-color var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.keyboard-key.has-options {\r\n  padding-right: var(--ld-px-16);\r\n}\r\n.keyboard-key:active {\r\n  background-color: var(--keyboard-key-active-bg);\r\n  transform: scale(0.95);\r\n}\r\n.keyboard-key--disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n}\r\n.keyboard-key--disabled:active {\r\n  transform: none;\r\n  background-color: var(--keyboard-key-bg);\r\n}\r\n\r\n.keyboard-key--backspace,\r\n.keyboard-key--shift,\r\n.keyboard-key--tab,\r\n.keyboard-key--clear,\r\n.keyboard-key--close {\r\n  background-color: var(--keyboard-fn-key-bg);\r\n  color: var(--keyboard-fn-key-color);\r\n  font-size: var(--keyboard-fn-font-size);\r\n}\r\n\r\n.keyboard-key--backspace:active,\r\n.keyboard-key--shift:active,\r\n.keyboard-key--tab:active,\r\n.keyboard-key--clear:active,\r\n.keyboard-key--close:active {\r\n  background-color: var(--keyboard-fn-key-active-bg);\r\n}\r\n\r\n.keyboard-key--active {\r\n  background-color: var(--keyboard-key-active-bg) !important;\r\n  color: var(--ld-text-inverse) !important;\r\n}\r\n\r\n.keyboard-key--done,\r\n.keyboard-key--enter {\r\n  background-color: var(--keyboard-primary-bg);\r\n  color: var(--keyboard-primary-color);\r\n  font-size: var(--keyboard-fn-font-size);\r\n  font-weight: 600;\r\n}\r\n\r\n.keyboard-key--done:active,\r\n.keyboard-key--enter:active {\r\n  background-color: var(--keyboard-primary-active-bg);\r\n}\r\n.keyboard-key--space {\r\n  background-color: var(--keyboard-key-bg);\r\n}\r\n\r\n.keyboard-key__icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: none;\r\n}\r\n.keyboard-key__icon svg {\r\n  width: 1em;\r\n  height: 1em;\r\n}\r\n.keyboard-key__label {\r\n  pointer-events: none;\r\n  line-height: 1;\r\n}\r\n\r\n.keyboard-key__arrow {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-20);\r\n  border-radius: var(--ld-radius-none) var(--ld-radius-sm) var(--ld-radius-sm)\r\n    var(--ld-radius-none);\r\n  font-size: var(--ld-font-xs);\r\n  opacity: 0.5;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n}\r\n\r\n.keyboard-key__arrow:active {\r\n  background-color: var(--keyboard-key-active-bg);\r\n  opacity: 1;\r\n}\r\n\r\n.keyboard-key__arrow-inline {\r\n  margin-left: var(--ld-px-4);\r\n  font-size: var(--ld-font-xs);\r\n  opacity: 0.6;\r\n  pointer-events: none;\r\n}\r\n\r\n.keyboard-key.is-options-only {\r\n  background-color: var(--keyboard-fn-key-bg);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { KeyDefinition } from '@composy/keyboard-core'\r\nimport { sanitizeSvgIcon } from '@composy/keyboard-core'\r\nimport { computed } from 'vue'\r\n\r\nconst props = defineProps<{\r\n  /**\r\n   * 按键定义\r\n   */\r\n  keyDef: KeyDefinition\r\n  /**\r\n   * 是否大写状态\r\n   */\r\n  isUpperCase?: boolean\r\n  /**\r\n   * 基础宽度（px）\r\n   */\r\n  baseWidth?: number\r\n  /**\r\n   * 是否使用 flex 布局（用于 numpad 等需要均分宽度的键盘）\r\n   */\r\n  useFlex?: boolean\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  press: [key: KeyDefinition]\r\n  showOptions: [options: string[]]\r\n}>()\r\n\r\n/**\r\n * 获取显示文本\r\n */\r\nconst label = computed(() => {\r\n  const keyLabel = props.keyDef.label\r\n  if (typeof keyLabel === 'string') {\r\n    return keyLabel\r\n  }\r\n  return props.isUpperCase ? keyLabel.upper : keyLabel.lower\r\n})\r\n\r\nconst iconMarkup = computed(() => {\r\n  const icon = props.keyDef.icon\r\n  return icon ? sanitizeSvgIcon(icon) : ''\r\n})\r\n\r\n/**\r\n * 计算按键宽度\r\n */\r\nconst keyWidth = computed(() => {\r\n  // 使用 flex 布局时，不设置固定宽度\r\n  if (props.useFlex) {\r\n    return undefined\r\n  }\r\n  const base = props.baseWidth ?? 36\r\n  const width = props.keyDef.width ?? 1\r\n  const gap = 6\r\n  return `${base * width + (width - 1) * gap}px`\r\n})\r\n\r\n/**\r\n * 计算按键的 flex 值（用于 numpad 布局）\r\n */\r\nconst keyFlex = computed(() => {\r\n  if (!props.useFlex) {\r\n    return undefined\r\n  }\r\n  // width 属性决定占几份\r\n  return props.keyDef.width ?? 1\r\n})\r\n\r\n/**\r\n * 计算 CSS 类\r\n */\r\nconst keyClass = computed(() => {\r\n  const classes = ['keyboard-key', `keyboard-key--${props.keyDef.type}`]\r\n\r\n  if (props.keyDef.className) {\r\n    classes.push(props.keyDef.className)\r\n  }\r\n\r\n  if (props.keyDef.disabled) {\r\n    classes.push('keyboard-key--disabled')\r\n  }\r\n\r\n  // Shift 键激活状态\r\n  if (props.keyDef.type === 'shift' && props.isUpperCase) {\r\n    classes.push('keyboard-key--active')\r\n  }\r\n\r\n  return classes\r\n})\r\n\r\n/**\r\n * 是否有下拉选项\r\n */\r\nconst hasOptions = computed(() => {\r\n  return props.keyDef.options && props.keyDef.options.length > 0\r\n})\r\n\r\n/**\r\n * 是否是纯选项按钮（有options但无value，点击只显示选项面板）\r\n */\r\nconst isOptionsOnly = computed(() => {\r\n  return hasOptions.value && !props.keyDef.value\r\n})\r\n\r\n/**\r\n * 处理按键点击\r\n */\r\nconst handlePress = (event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n\r\n  if (props.keyDef.disabled) {\r\n    return\r\n  }\r\n\r\n  // 纯选项按钮：点击直接显示选项面板\r\n  if (isOptionsOnly.value) {\r\n    emit('showOptions', props.keyDef.options ?? [])\r\n    return\r\n  }\r\n\r\n  // 正常按键：触发按键事件\r\n  emit('press', props.keyDef)\r\n}\r\n\r\n/**\r\n * 处理下拉箭头点击（显示选项面板）\r\n */\r\nconst handleArrowClick = (event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n\r\n  if (props.keyDef.disabled) {\r\n    return\r\n  }\r\n\r\n  if (hasOptions.value) {\r\n    emit('showOptions', props.keyDef.options ?? [])\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"keyboard-key-wrapper\" :style=\"{ width: keyWidth, flex: keyFlex }\">\r\n    <button\r\n      :class=\"[\r\n        keyClass,\r\n        {\r\n          'has-options': hasOptions && !isOptionsOnly,\r\n          'is-options-only': isOptionsOnly,\r\n        },\r\n      ]\"\r\n      :disabled=\"keyDef.disabled\"\r\n      type=\"button\"\r\n      @mousedown.prevent=\"handlePress\"\r\n      @touchstart.prevent=\"handlePress\"\r\n    >\r\n      <!-- SVG 图标支持 -->\r\n      <span v-if=\"iconMarkup\" class=\"keyboard-key__icon\" v-html=\"iconMarkup\" />\r\n      <span v-else-if=\"keyDef.icon\" class=\"keyboard-key__label\">{{\r\n        keyDef.icon\r\n      }}</span>\r\n      <span v-else class=\"keyboard-key__label\">{{ label }}</span>\r\n      <!-- 纯选项按钮内嵌下拉箭头 -->\r\n      <span v-if=\"isOptionsOnly\" class=\"keyboard-key__arrow-inline\">▼</span>\r\n    </button>\r\n    <!-- 有value又有options的按钮：单独可点击的下拉箭头 -->\r\n    <span\r\n      v-if=\"hasOptions && !isOptionsOnly\"\r\n      class=\"keyboard-key__arrow\"\r\n      @mousedown.prevent=\"handleArrowClick\"\r\n      @touchstart.prevent=\"handleArrowClick\"\r\n      >▼</span\r\n    >\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.keyboard-key-wrapper {\r\n  position: relative;\r\n  display: inline-flex;\r\n}\r\n\r\n.keyboard-key {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  min-width: var(--ld-px-32);\r\n  height: var(--keyboard-key-height);\r\n  padding: 0 var(--ld-spacing-xs);\r\n  border: 0;\r\n  border-radius: var(--keyboard-key-radius);\r\n  background-color: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--keyboard-font-size);\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n  box-shadow: var(--keyboard-key-shadow);\r\n  transition:\r\n    background-color var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.keyboard-key.has-options {\r\n  padding-right: var(--ld-px-16);\r\n}\r\n.keyboard-key:active {\r\n  background-color: var(--keyboard-key-active-bg);\r\n  transform: scale(0.95);\r\n}\r\n.keyboard-key--disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n}\r\n.keyboard-key--disabled:active {\r\n  transform: none;\r\n  background-color: var(--keyboard-key-bg);\r\n}\r\n\r\n.keyboard-key--backspace,\r\n.keyboard-key--shift,\r\n.keyboard-key--tab,\r\n.keyboard-key--clear,\r\n.keyboard-key--close {\r\n  background-color: var(--keyboard-fn-key-bg);\r\n  color: var(--keyboard-fn-key-color);\r\n  font-size: var(--keyboard-fn-font-size);\r\n}\r\n\r\n.keyboard-key--backspace:active,\r\n.keyboard-key--shift:active,\r\n.keyboard-key--tab:active,\r\n.keyboard-key--clear:active,\r\n.keyboard-key--close:active {\r\n  background-color: var(--keyboard-fn-key-active-bg);\r\n}\r\n\r\n.keyboard-key--active {\r\n  background-color: var(--keyboard-key-active-bg) !important;\r\n  color: var(--ld-text-inverse) !important;\r\n}\r\n\r\n.keyboard-key--done,\r\n.keyboard-key--enter {\r\n  background-color: var(--keyboard-primary-bg);\r\n  color: var(--keyboard-primary-color);\r\n  font-size: var(--keyboard-fn-font-size);\r\n  font-weight: 600;\r\n}\r\n\r\n.keyboard-key--done:active,\r\n.keyboard-key--enter:active {\r\n  background-color: var(--keyboard-primary-active-bg);\r\n}\r\n.keyboard-key--space {\r\n  background-color: var(--keyboard-key-bg);\r\n}\r\n\r\n.keyboard-key__icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: none;\r\n}\r\n.keyboard-key__icon svg {\r\n  width: 1em;\r\n  height: 1em;\r\n}\r\n.keyboard-key__label {\r\n  pointer-events: none;\r\n  line-height: 1;\r\n}\r\n\r\n.keyboard-key__arrow {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-20);\r\n  border-radius: var(--ld-radius-none) var(--ld-radius-sm) var(--ld-radius-sm)\r\n    var(--ld-radius-none);\r\n  font-size: var(--ld-font-xs);\r\n  opacity: 0.5;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n}\r\n\r\n.keyboard-key__arrow:active {\r\n  background-color: var(--keyboard-key-active-bg);\r\n  opacity: 1;\r\n}\r\n\r\n.keyboard-key__arrow-inline {\r\n  margin-left: var(--ld-px-4);\r\n  font-size: var(--ld-font-xs);\r\n  opacity: 0.6;\r\n  pointer-events: none;\r\n}\r\n\r\n.keyboard-key.is-options-only {\r\n  background-color: var(--keyboard-fn-key-bg);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n</style>\r\n","/**\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","/**\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","<script setup lang=\"ts\">\r\nimport type {\r\n  KeyboardConfig,\r\n  KeyboardType,\r\n  KeyDefinition,\r\n} from '@composy/keyboard-core'\r\nimport { getLayout } from '@composy/keyboard-core'\r\nimport { computed, ref } from 'vue'\r\nimport KeyboardKey from './KeyboardKey.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 键盘类型\r\n     */\r\n    type?: KeyboardType | string\r\n    /**\r\n     * 是否大写状态\r\n     */\r\n    isUpperCase?: boolean\r\n    /**\r\n     * 自定义布局配置\r\n     */\r\n    layout?: KeyboardConfig\r\n    /**\r\n     * 按键基础宽度\r\n     */\r\n    keyWidth?: number\r\n  }>(),\r\n  {\r\n    type: 'qwerty',\r\n    isUpperCase: false,\r\n    keyWidth: 36,\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  keypress: [key: KeyDefinition]\r\n  selectOption: [option: string]\r\n}>()\r\n\r\n/**\r\n * 选项面板状态\r\n */\r\nconst showOptionsPanel = ref(false)\r\nconst currentOptions = ref<string[]>([])\r\n\r\n/**\r\n * 当前布局配置\r\n */\r\nconst currentLayout = computed(() => {\r\n  if (props.layout) {\r\n    return props.layout\r\n  }\r\n  return getLayout(props.type) ?? null\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  emit('keypress', key)\r\n}\r\n\r\n/**\r\n * 显示选项面板\r\n */\r\nconst handleShowOptions = (options: string[]) => {\r\n  currentOptions.value = options\r\n  showOptionsPanel.value = true\r\n}\r\n\r\n/**\r\n * 处理选项选择\r\n */\r\nconst handleSelectOption = (option: string, event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n  showOptionsPanel.value = false\r\n  emit('selectOption', option)\r\n}\r\n\r\n/**\r\n * 关闭选项面板\r\n */\r\nconst closeOptionsPanel = () => {\r\n  showOptionsPanel.value = false\r\n}\r\n\r\n/**\r\n * 计算每行的总宽度，用于居中对齐\r\n */\r\nconst getRowStyle = () => {\r\n  // 可以根据需要添加行样式\r\n  return {}\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"virtual-keyboard\">\r\n    <template v-if=\"currentLayout\">\r\n      <div\r\n        v-for=\"(row, rowIndex) in currentLayout.rows\"\r\n        :key=\"rowIndex\"\r\n        class=\"virtual-keyboard__row\"\r\n        :class=\"row.className\"\r\n        :style=\"getRowStyle()\"\r\n      >\r\n        <KeyboardKey\r\n          v-for=\"key in row.keys\"\r\n          :key=\"key.id\"\r\n          :key-def=\"key\"\r\n          :is-upper-case=\"isUpperCase\"\r\n          :base-width=\"keyWidth\"\r\n          :use-flex=\"row.className === 'numpad-row'\"\r\n          @press=\"handleKeyPress\"\r\n          @show-options=\"handleShowOptions\"\r\n        />\r\n      </div>\r\n    </template>\r\n    <div v-else class=\"virtual-keyboard__empty\">键盘布局未找到</div>\r\n\r\n    <!-- 选项面板 -->\r\n    <Transition name=\"options-panel\">\r\n      <div v-if=\"showOptionsPanel\" class=\"keyboard-options-panel\">\r\n        <div class=\"keyboard-options-panel__header\">\r\n          <span class=\"keyboard-options-panel__title\">选择邮箱后缀</span>\r\n          <button\r\n            class=\"keyboard-options-panel__close\"\r\n            type=\"button\"\r\n            @click=\"closeOptionsPanel\"\r\n            @touchstart.prevent=\"closeOptionsPanel\"\r\n          >\r\n            ×\r\n          </button>\r\n        </div>\r\n        <div class=\"keyboard-options-panel__grid\">\r\n          <button\r\n            v-for=\"option in currentOptions\"\r\n            :key=\"option\"\r\n            class=\"keyboard-options-panel__item\"\r\n            type=\"button\"\r\n            @mousedown.prevent=\"e => handleSelectOption(option, e)\"\r\n            @touchstart.prevent=\"e => handleSelectOption(option, e)\"\r\n          >\r\n            {{ option }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.virtual-keyboard {\r\n  --key-gap: var(--keyboard-key-gap);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: var(--key-gap);\r\n  padding: var(--keyboard-padding);\r\n  background-color: var(--keyboard-bg);\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n  overflow: hidden;\r\n  font-family: var(--ld-font-family);\r\n}\r\n\r\n.virtual-keyboard__row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--key-gap);\r\n  width: 100%;\r\n  padding: 0 var(--ld-px-2);\r\n}\r\n\r\n.virtual-keyboard__row.numpad-row {\r\n  justify-content: stretch;\r\n}\r\n.virtual-keyboard__row.numpad-row .keyboard-key-wrapper {\r\n  flex: 1;\r\n}\r\n\r\n.virtual-keyboard__empty {\r\n  padding: var(--ld-spacing-lg);\r\n  color: var(--ld-text-muted);\r\n  text-align: center;\r\n}\r\n\r\n.keyboard-options-panel {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: var(--ld-spacing-sm);\r\n  background: var(--keyboard-bg);\r\n}\r\n\r\n.keyboard-options-panel__header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: var(--ld-spacing-sm) var(--ld-spacing-sm) var(--ld-spacing-md);\r\n  margin-bottom: var(--ld-spacing-sm);\r\n  border-bottom: var(--ld-border-width-thin) solid var(--ld-border-subtle);\r\n}\r\n\r\n.keyboard-options-panel__title {\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-sm);\r\n  font-weight: 600;\r\n}\r\n\r\n.keyboard-options-panel__close {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-28);\r\n  height: var(--ld-px-28);\r\n  border: 0;\r\n  border-radius: var(--ld-radius-full);\r\n  background: var(--keyboard-fn-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-lg);\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.keyboard-options-panel__close:active {\r\n  background: var(--keyboard-fn-key-active-bg);\r\n}\r\n\r\n.keyboard-options-panel__grid {\r\n  display: grid;\r\n  flex: 1;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: var(--ld-spacing-sm);\r\n  padding: var(--ld-spacing-xs) 0;\r\n  overflow-y: auto;\r\n}\r\n\r\n.keyboard-options-panel__item {\r\n  padding: var(--ld-spacing-md) var(--ld-spacing-sm);\r\n  border: 0;\r\n  border-radius: var(--ld-radius-md);\r\n  background: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-sm);\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  box-shadow: var(--ld-shadow-sm, none);\r\n  transition:\r\n    background-color var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.keyboard-options-panel__item:active {\r\n  background: var(--keyboard-key-active-bg);\r\n  transform: scale(0.96);\r\n}\r\n\r\n.options-panel-enter-active,\r\n.options-panel-leave-active {\r\n  transition:\r\n    opacity var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.options-panel-enter-from,\r\n.options-panel-leave-to {\r\n  opacity: 0;\r\n  transform: translateY(var(--ld-px-20));\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type {\r\n  KeyboardConfig,\r\n  KeyboardType,\r\n  KeyDefinition,\r\n} from '@composy/keyboard-core'\r\nimport { getLayout } from '@composy/keyboard-core'\r\nimport { computed, ref } from 'vue'\r\nimport KeyboardKey from './KeyboardKey.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 键盘类型\r\n     */\r\n    type?: KeyboardType | string\r\n    /**\r\n     * 是否大写状态\r\n     */\r\n    isUpperCase?: boolean\r\n    /**\r\n     * 自定义布局配置\r\n     */\r\n    layout?: KeyboardConfig\r\n    /**\r\n     * 按键基础宽度\r\n     */\r\n    keyWidth?: number\r\n  }>(),\r\n  {\r\n    type: 'qwerty',\r\n    isUpperCase: false,\r\n    keyWidth: 36,\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  keypress: [key: KeyDefinition]\r\n  selectOption: [option: string]\r\n}>()\r\n\r\n/**\r\n * 选项面板状态\r\n */\r\nconst showOptionsPanel = ref(false)\r\nconst currentOptions = ref<string[]>([])\r\n\r\n/**\r\n * 当前布局配置\r\n */\r\nconst currentLayout = computed(() => {\r\n  if (props.layout) {\r\n    return props.layout\r\n  }\r\n  return getLayout(props.type) ?? null\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  emit('keypress', key)\r\n}\r\n\r\n/**\r\n * 显示选项面板\r\n */\r\nconst handleShowOptions = (options: string[]) => {\r\n  currentOptions.value = options\r\n  showOptionsPanel.value = true\r\n}\r\n\r\n/**\r\n * 处理选项选择\r\n */\r\nconst handleSelectOption = (option: string, event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n  showOptionsPanel.value = false\r\n  emit('selectOption', option)\r\n}\r\n\r\n/**\r\n * 关闭选项面板\r\n */\r\nconst closeOptionsPanel = () => {\r\n  showOptionsPanel.value = false\r\n}\r\n\r\n/**\r\n * 计算每行的总宽度，用于居中对齐\r\n */\r\nconst getRowStyle = () => {\r\n  // 可以根据需要添加行样式\r\n  return {}\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"virtual-keyboard\">\r\n    <template v-if=\"currentLayout\">\r\n      <div\r\n        v-for=\"(row, rowIndex) in currentLayout.rows\"\r\n        :key=\"rowIndex\"\r\n        class=\"virtual-keyboard__row\"\r\n        :class=\"row.className\"\r\n        :style=\"getRowStyle()\"\r\n      >\r\n        <KeyboardKey\r\n          v-for=\"key in row.keys\"\r\n          :key=\"key.id\"\r\n          :key-def=\"key\"\r\n          :is-upper-case=\"isUpperCase\"\r\n          :base-width=\"keyWidth\"\r\n          :use-flex=\"row.className === 'numpad-row'\"\r\n          @press=\"handleKeyPress\"\r\n          @show-options=\"handleShowOptions\"\r\n        />\r\n      </div>\r\n    </template>\r\n    <div v-else class=\"virtual-keyboard__empty\">键盘布局未找到</div>\r\n\r\n    <!-- 选项面板 -->\r\n    <Transition name=\"options-panel\">\r\n      <div v-if=\"showOptionsPanel\" class=\"keyboard-options-panel\">\r\n        <div class=\"keyboard-options-panel__header\">\r\n          <span class=\"keyboard-options-panel__title\">选择邮箱后缀</span>\r\n          <button\r\n            class=\"keyboard-options-panel__close\"\r\n            type=\"button\"\r\n            @click=\"closeOptionsPanel\"\r\n            @touchstart.prevent=\"closeOptionsPanel\"\r\n          >\r\n            ×\r\n          </button>\r\n        </div>\r\n        <div class=\"keyboard-options-panel__grid\">\r\n          <button\r\n            v-for=\"option in currentOptions\"\r\n            :key=\"option\"\r\n            class=\"keyboard-options-panel__item\"\r\n            type=\"button\"\r\n            @mousedown.prevent=\"e => handleSelectOption(option, e)\"\r\n            @touchstart.prevent=\"e => handleSelectOption(option, e)\"\r\n          >\r\n            {{ option }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.virtual-keyboard {\r\n  --key-gap: var(--keyboard-key-gap);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: var(--key-gap);\r\n  padding: var(--keyboard-padding);\r\n  background-color: var(--keyboard-bg);\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n  overflow: hidden;\r\n  font-family: var(--ld-font-family);\r\n}\r\n\r\n.virtual-keyboard__row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--key-gap);\r\n  width: 100%;\r\n  padding: 0 var(--ld-px-2);\r\n}\r\n\r\n.virtual-keyboard__row.numpad-row {\r\n  justify-content: stretch;\r\n}\r\n.virtual-keyboard__row.numpad-row .keyboard-key-wrapper {\r\n  flex: 1;\r\n}\r\n\r\n.virtual-keyboard__empty {\r\n  padding: var(--ld-spacing-lg);\r\n  color: var(--ld-text-muted);\r\n  text-align: center;\r\n}\r\n\r\n.keyboard-options-panel {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: var(--ld-spacing-sm);\r\n  background: var(--keyboard-bg);\r\n}\r\n\r\n.keyboard-options-panel__header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: var(--ld-spacing-sm) var(--ld-spacing-sm) var(--ld-spacing-md);\r\n  margin-bottom: var(--ld-spacing-sm);\r\n  border-bottom: var(--ld-border-width-thin) solid var(--ld-border-subtle);\r\n}\r\n\r\n.keyboard-options-panel__title {\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-sm);\r\n  font-weight: 600;\r\n}\r\n\r\n.keyboard-options-panel__close {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-28);\r\n  height: var(--ld-px-28);\r\n  border: 0;\r\n  border-radius: var(--ld-radius-full);\r\n  background: var(--keyboard-fn-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-lg);\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.keyboard-options-panel__close:active {\r\n  background: var(--keyboard-fn-key-active-bg);\r\n}\r\n\r\n.keyboard-options-panel__grid {\r\n  display: grid;\r\n  flex: 1;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: var(--ld-spacing-sm);\r\n  padding: var(--ld-spacing-xs) 0;\r\n  overflow-y: auto;\r\n}\r\n\r\n.keyboard-options-panel__item {\r\n  padding: var(--ld-spacing-md) var(--ld-spacing-sm);\r\n  border: 0;\r\n  border-radius: var(--ld-radius-md);\r\n  background: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-sm);\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  box-shadow: var(--ld-shadow-sm, none);\r\n  transition:\r\n    background-color var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.keyboard-options-panel__item:active {\r\n  background: var(--keyboard-key-active-bg);\r\n  transform: scale(0.96);\r\n}\r\n\r\n.options-panel-enter-active,\r\n.options-panel-leave-active {\r\n  transition:\r\n    opacity var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.options-panel-enter-from,\r\n.options-panel-leave-to {\r\n  opacity: 0;\r\n  transform: translateY(var(--ld-px-20));\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type {\r\n  KeyboardConfig,\r\n  KeyboardType,\r\n  KeyDefinition,\r\n} from '@composy/keyboard-core'\r\nimport { getLayout } from '@composy/keyboard-core'\r\nimport { computed, ref } from 'vue'\r\nimport KeyboardKey from './KeyboardKey.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 键盘类型\r\n     */\r\n    type?: KeyboardType | string\r\n    /**\r\n     * 是否大写状态\r\n     */\r\n    isUpperCase?: boolean\r\n    /**\r\n     * 自定义布局配置\r\n     */\r\n    layout?: KeyboardConfig\r\n    /**\r\n     * 按键基础宽度\r\n     */\r\n    keyWidth?: number\r\n  }>(),\r\n  {\r\n    type: 'qwerty',\r\n    isUpperCase: false,\r\n    keyWidth: 36,\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  keypress: [key: KeyDefinition]\r\n  selectOption: [option: string]\r\n}>()\r\n\r\n/**\r\n * 选项面板状态\r\n */\r\nconst showOptionsPanel = ref(false)\r\nconst currentOptions = ref<string[]>([])\r\n\r\n/**\r\n * 当前布局配置\r\n */\r\nconst currentLayout = computed(() => {\r\n  if (props.layout) {\r\n    return props.layout\r\n  }\r\n  return getLayout(props.type) ?? null\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  emit('keypress', key)\r\n}\r\n\r\n/**\r\n * 显示选项面板\r\n */\r\nconst handleShowOptions = (options: string[]) => {\r\n  currentOptions.value = options\r\n  showOptionsPanel.value = true\r\n}\r\n\r\n/**\r\n * 处理选项选择\r\n */\r\nconst handleSelectOption = (option: string, event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n  showOptionsPanel.value = false\r\n  emit('selectOption', option)\r\n}\r\n\r\n/**\r\n * 关闭选项面板\r\n */\r\nconst closeOptionsPanel = () => {\r\n  showOptionsPanel.value = false\r\n}\r\n\r\n/**\r\n * 计算每行的总宽度，用于居中对齐\r\n */\r\nconst getRowStyle = () => {\r\n  // 可以根据需要添加行样式\r\n  return {}\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"virtual-keyboard\">\r\n    <template v-if=\"currentLayout\">\r\n      <div\r\n        v-for=\"(row, rowIndex) in currentLayout.rows\"\r\n        :key=\"rowIndex\"\r\n        class=\"virtual-keyboard__row\"\r\n        :class=\"row.className\"\r\n        :style=\"getRowStyle()\"\r\n      >\r\n        <KeyboardKey\r\n          v-for=\"key in row.keys\"\r\n          :key=\"key.id\"\r\n          :key-def=\"key\"\r\n          :is-upper-case=\"isUpperCase\"\r\n          :base-width=\"keyWidth\"\r\n          :use-flex=\"row.className === 'numpad-row'\"\r\n          @press=\"handleKeyPress\"\r\n          @show-options=\"handleShowOptions\"\r\n        />\r\n      </div>\r\n    </template>\r\n    <div v-else class=\"virtual-keyboard__empty\">键盘布局未找到</div>\r\n\r\n    <!-- 选项面板 -->\r\n    <Transition name=\"options-panel\">\r\n      <div v-if=\"showOptionsPanel\" class=\"keyboard-options-panel\">\r\n        <div class=\"keyboard-options-panel__header\">\r\n          <span class=\"keyboard-options-panel__title\">选择邮箱后缀</span>\r\n          <button\r\n            class=\"keyboard-options-panel__close\"\r\n            type=\"button\"\r\n            @click=\"closeOptionsPanel\"\r\n            @touchstart.prevent=\"closeOptionsPanel\"\r\n          >\r\n            ×\r\n          </button>\r\n        </div>\r\n        <div class=\"keyboard-options-panel__grid\">\r\n          <button\r\n            v-for=\"option in currentOptions\"\r\n            :key=\"option\"\r\n            class=\"keyboard-options-panel__item\"\r\n            type=\"button\"\r\n            @mousedown.prevent=\"e => handleSelectOption(option, e)\"\r\n            @touchstart.prevent=\"e => handleSelectOption(option, e)\"\r\n          >\r\n            {{ option }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.virtual-keyboard {\r\n  --key-gap: var(--keyboard-key-gap);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: var(--key-gap);\r\n  padding: var(--keyboard-padding);\r\n  background-color: var(--keyboard-bg);\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n  overflow: hidden;\r\n  font-family: var(--ld-font-family);\r\n}\r\n\r\n.virtual-keyboard__row {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--key-gap);\r\n  width: 100%;\r\n  padding: 0 var(--ld-px-2);\r\n}\r\n\r\n.virtual-keyboard__row.numpad-row {\r\n  justify-content: stretch;\r\n}\r\n.virtual-keyboard__row.numpad-row .keyboard-key-wrapper {\r\n  flex: 1;\r\n}\r\n\r\n.virtual-keyboard__empty {\r\n  padding: var(--ld-spacing-lg);\r\n  color: var(--ld-text-muted);\r\n  text-align: center;\r\n}\r\n\r\n.keyboard-options-panel {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: var(--ld-spacing-sm);\r\n  background: var(--keyboard-bg);\r\n}\r\n\r\n.keyboard-options-panel__header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: var(--ld-spacing-sm) var(--ld-spacing-sm) var(--ld-spacing-md);\r\n  margin-bottom: var(--ld-spacing-sm);\r\n  border-bottom: var(--ld-border-width-thin) solid var(--ld-border-subtle);\r\n}\r\n\r\n.keyboard-options-panel__title {\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-sm);\r\n  font-weight: 600;\r\n}\r\n\r\n.keyboard-options-panel__close {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-28);\r\n  height: var(--ld-px-28);\r\n  border: 0;\r\n  border-radius: var(--ld-radius-full);\r\n  background: var(--keyboard-fn-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-lg);\r\n  line-height: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.keyboard-options-panel__close:active {\r\n  background: var(--keyboard-fn-key-active-bg);\r\n}\r\n\r\n.keyboard-options-panel__grid {\r\n  display: grid;\r\n  flex: 1;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: var(--ld-spacing-sm);\r\n  padding: var(--ld-spacing-xs) 0;\r\n  overflow-y: auto;\r\n}\r\n\r\n.keyboard-options-panel__item {\r\n  padding: var(--ld-spacing-md) var(--ld-spacing-sm);\r\n  border: 0;\r\n  border-radius: var(--ld-radius-md);\r\n  background: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-sm);\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  box-shadow: var(--ld-shadow-sm, none);\r\n  transition:\r\n    background-color var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.keyboard-options-panel__item:active {\r\n  background: var(--keyboard-key-active-bg);\r\n  transform: scale(0.96);\r\n}\r\n\r\n.options-panel-enter-active,\r\n.options-panel-leave-active {\r\n  transition:\r\n    opacity var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.options-panel-enter-from,\r\n.options-panel-leave-to {\r\n  opacity: 0;\r\n  transform: translateY(var(--ld-px-20));\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { KeyboardType, KeyDefinition } from '@composy/keyboard-core'\r\nimport { isMobile } from '@composy/keyboard-core'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { useKeyboard } from '../composables/useKeyboard'\r\nimport { useKeyboardPopup } from '../composables/useKeyboardPopup'\r\nimport VirtualKeyboard from './VirtualKeyboard.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 是否显示 (v-model)\r\n     */\r\n    modelValue?: boolean\r\n    /**\r\n     * 键盘类型\r\n     */\r\n    type?: KeyboardType | string\r\n    /**\r\n     * 绑定的输入值 (v-model:value)\r\n     */\r\n    value?: string\r\n    /**\r\n     * 目标输入框元素\r\n     */\r\n    target?: HTMLInputElement | HTMLTextAreaElement | null\r\n    /**\r\n     * 最大输入长度\r\n     */\r\n    maxLength?: number\r\n    /**\r\n     * 点击外部是否关闭\r\n     */\r\n    closeOnClickOutside?: boolean\r\n    /**\r\n     * 是否启用震动反馈\r\n     */\r\n    enableVibrate?: boolean\r\n    /**\r\n     * 挂载目标\r\n     */\r\n    teleportTo?: string | HTMLElement\r\n  }>(),\r\n  {\r\n    modelValue: false,\r\n    type: 'qwerty',\r\n    value: '',\r\n    target: null,\r\n    closeOnClickOutside: true,\r\n    enableVibrate: true,\r\n    teleportTo: 'body',\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [visible: boolean]\r\n  'update:value': [value: string]\r\n  confirm: [value: string]\r\n  keypress: [key: KeyDefinition]\r\n}>()\r\n\r\n// 弹出层 DOM 引用\r\nconst popupRef = ref<HTMLElement | null>(null)\r\n\r\n// 目标元素引用\r\nconst targetRef = computed(() => props.target as HTMLElement | null)\r\n\r\n// 是否移动端\r\nconst isMobileDevice = ref(isMobile())\r\n\r\n// 创建键盘管理器\r\nconst keyboard = useKeyboard({\r\n  type: props.type as KeyboardType,\r\n  value: props.value,\r\n  maxLength:\r\n    props.maxLength ?? (props.type.startsWith('license-plate') ? 7 : undefined),\r\n  enableVibrate: props.enableVibrate,\r\n})\r\n\r\n// 创建弹出层管理\r\nconst {\r\n  popupStyles,\r\n  maskStyles,\r\n  placement,\r\n  showMask,\r\n  updatePosition,\r\n  close: closePopup,\r\n} = useKeyboardPopup({\r\n  visible: computed(() => props.modelValue),\r\n  target: targetRef,\r\n  popup: popupRef,\r\n  closeOnClickOutside: props.closeOnClickOutside,\r\n  onClose: () => {\r\n    emit('update:modelValue', false)\r\n  },\r\n})\r\n\r\n// 监听键盘类型变化\r\nwatch(\r\n  () => props.type,\r\n  newType => {\r\n    keyboard.switchType(newType as KeyboardType)\r\n\r\n    // 车牌键盘需要设置默认 maxLength\r\n    if (newType.startsWith('license-plate') && !props.maxLength) {\r\n      keyboard.setMaxLength(7)\r\n    }\r\n  }\r\n)\r\n\r\nwatch(\r\n  () => props.maxLength,\r\n  maxLength => {\r\n    if (maxLength !== undefined) keyboard.setMaxLength(maxLength)\r\n  }\r\n)\r\n\r\n// 监听外部 value 变化\r\nwatch(\r\n  () => props.value,\r\n  newValue => {\r\n    if (newValue !== keyboard.value.value) {\r\n      keyboard.setValue(newValue)\r\n    }\r\n  }\r\n)\r\n\r\n// 监听键盘内部 value 变化\r\nwatch(keyboard.value, newValue => {\r\n  emit('update:value', newValue)\r\n})\r\n\r\n// 监听可见性变化\r\nwatch(\r\n  () => props.modelValue,\r\n  visible => {\r\n    if (visible) {\r\n      isMobileDevice.value = isMobile()\r\n      if (props.target) {\r\n        keyboard.bindInput(props.target)\r\n      }\r\n      keyboard.show(props.target ?? undefined)\r\n\r\n      nextTick(() => {\r\n        updatePosition()\r\n      })\r\n    } else {\r\n      keyboard.hide()\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\n// 监听确认事件\r\nkeyboard.on('confirm', ({ value }) => {\r\n  emit('confirm', value)\r\n  emit('update:modelValue', false)\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  keyboard.handleKey(key)\r\n  emit('keypress', key)\r\n}\r\n\r\n/**\r\n * 处理下拉选项选择（如邮箱后缀）\r\n */\r\nconst handleSelectOption = (option: string) => {\r\n  let valueToAppend = option\r\n\r\n  // 智能处理邮箱后缀：如果当前值已以 @ 结尾，而选项以 @ 开头，则去掉选项的 @\r\n  if (option.startsWith('@') && keyboard.value.value.endsWith('@')) {\r\n    valueToAppend = option.slice(1) // 去掉开头的 @\r\n  }\r\n\r\n  keyboard.appendValue(valueToAppend)\r\n}\r\n\r\n/**\r\n * 处理遮罩点击\r\n */\r\nconst handleMaskClick = () => {\r\n  if (props.closeOnClickOutside) {\r\n    closePopup()\r\n  }\r\n}\r\n\r\n/**\r\n * 计算弹出层类名\r\n */\r\nconst popupClass = computed(() => {\r\n  return [\r\n    'keyboard-popup',\r\n    `keyboard-popup--${placement.value}`,\r\n    {\r\n      'keyboard-popup--mobile': isMobileDevice.value,\r\n      'keyboard-popup--desktop': !isMobileDevice.value,\r\n    },\r\n  ]\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Teleport :to=\"teleportTo\">\r\n    <Transition name=\"keyboard-mask\">\r\n      <div\r\n        v-if=\"modelValue && showMask\"\r\n        class=\"keyboard-mask\"\r\n        :style=\"maskStyles\"\r\n        @click=\"handleMaskClick\"\r\n      />\r\n    </Transition>\r\n\r\n    <Transition :name=\"isMobileDevice ? 'keyboard-slide' : 'keyboard-fade'\">\r\n      <div\r\n        v-if=\"modelValue\"\r\n        ref=\"popupRef\"\r\n        :class=\"popupClass\"\r\n        :style=\"popupStyles\"\r\n        @mousedown.prevent\r\n        @touchstart.prevent\r\n      >\r\n        <VirtualKeyboard\r\n          :type=\"keyboard.type.value\"\r\n          :is-upper-case=\"keyboard.isUpperCase.value\"\r\n          @keypress=\"handleKeyPress\"\r\n          @select-option=\"handleSelectOption\"\r\n        />\r\n      </div>\r\n    </Transition>\r\n  </Teleport>\r\n</template>\r\n\r\n<style>\r\n.keyboard-popup {\r\n  overflow: hidden;\r\n  background-color: var(--keyboard-bg);\r\n  box-shadow: var(--ld-shadow-md, none);\r\n}\r\n\r\n.keyboard-popup--desktop {\r\n  min-width: var(--ld-px-280);\r\n  border-radius: var(--ld-radius-lg);\r\n  box-shadow: var(--ld-shadow-lg, none);\r\n}\r\n\r\n.keyboard-popup--mobile {\r\n  border-radius: var(--ld-radius-none);\r\n  padding-bottom: env(safe-area-inset-bottom, var(--ld-px-0));\r\n}\r\n\r\n.keyboard-popup--bottom-sheet {\r\n  border-top-left-radius: var(--ld-radius-lg);\r\n  border-top-right-radius: var(--ld-radius-lg);\r\n}\r\n\r\n.keyboard-mask {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 999;\r\n  background-color: var(--keyboard-mask-bg);\r\n}\r\n\r\n.keyboard-mask-enter-active,\r\n.keyboard-mask-leave-active {\r\n  transition: opacity var(--ld-duration-fast);\r\n}\r\n.keyboard-mask-enter-from,\r\n.keyboard-mask-leave-to {\r\n  opacity: 0;\r\n}\r\n.keyboard-fade-enter-active,\r\n.keyboard-fade-leave-active {\r\n  transition:\r\n    opacity var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n.keyboard-fade-enter-from,\r\n.keyboard-fade-leave-to {\r\n  opacity: 0;\r\n  transform: translateY(calc(-1 * var(--ld-px-10)));\r\n}\r\n.keyboard-slide-enter-active,\r\n.keyboard-slide-leave-active {\r\n  transition: transform var(--ld-duration-normal);\r\n}\r\n.keyboard-slide-enter-from,\r\n.keyboard-slide-leave-to {\r\n  transform: translateY(100%);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { KeyboardType, KeyDefinition } from '@composy/keyboard-core'\r\nimport { isMobile } from '@composy/keyboard-core'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { useKeyboard } from '../composables/useKeyboard'\r\nimport { useKeyboardPopup } from '../composables/useKeyboardPopup'\r\nimport VirtualKeyboard from './VirtualKeyboard.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 是否显示 (v-model)\r\n     */\r\n    modelValue?: boolean\r\n    /**\r\n     * 键盘类型\r\n     */\r\n    type?: KeyboardType | string\r\n    /**\r\n     * 绑定的输入值 (v-model:value)\r\n     */\r\n    value?: string\r\n    /**\r\n     * 目标输入框元素\r\n     */\r\n    target?: HTMLInputElement | HTMLTextAreaElement | null\r\n    /**\r\n     * 最大输入长度\r\n     */\r\n    maxLength?: number\r\n    /**\r\n     * 点击外部是否关闭\r\n     */\r\n    closeOnClickOutside?: boolean\r\n    /**\r\n     * 是否启用震动反馈\r\n     */\r\n    enableVibrate?: boolean\r\n    /**\r\n     * 挂载目标\r\n     */\r\n    teleportTo?: string | HTMLElement\r\n  }>(),\r\n  {\r\n    modelValue: false,\r\n    type: 'qwerty',\r\n    value: '',\r\n    target: null,\r\n    closeOnClickOutside: true,\r\n    enableVibrate: true,\r\n    teleportTo: 'body',\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [visible: boolean]\r\n  'update:value': [value: string]\r\n  confirm: [value: string]\r\n  keypress: [key: KeyDefinition]\r\n}>()\r\n\r\n// 弹出层 DOM 引用\r\nconst popupRef = ref<HTMLElement | null>(null)\r\n\r\n// 目标元素引用\r\nconst targetRef = computed(() => props.target as HTMLElement | null)\r\n\r\n// 是否移动端\r\nconst isMobileDevice = ref(isMobile())\r\n\r\n// 创建键盘管理器\r\nconst keyboard = useKeyboard({\r\n  type: props.type as KeyboardType,\r\n  value: props.value,\r\n  maxLength:\r\n    props.maxLength ?? (props.type.startsWith('license-plate') ? 7 : undefined),\r\n  enableVibrate: props.enableVibrate,\r\n})\r\n\r\n// 创建弹出层管理\r\nconst {\r\n  popupStyles,\r\n  maskStyles,\r\n  placement,\r\n  showMask,\r\n  updatePosition,\r\n  close: closePopup,\r\n} = useKeyboardPopup({\r\n  visible: computed(() => props.modelValue),\r\n  target: targetRef,\r\n  popup: popupRef,\r\n  closeOnClickOutside: props.closeOnClickOutside,\r\n  onClose: () => {\r\n    emit('update:modelValue', false)\r\n  },\r\n})\r\n\r\n// 监听键盘类型变化\r\nwatch(\r\n  () => props.type,\r\n  newType => {\r\n    keyboard.switchType(newType as KeyboardType)\r\n\r\n    // 车牌键盘需要设置默认 maxLength\r\n    if (newType.startsWith('license-plate') && !props.maxLength) {\r\n      keyboard.setMaxLength(7)\r\n    }\r\n  }\r\n)\r\n\r\nwatch(\r\n  () => props.maxLength,\r\n  maxLength => {\r\n    if (maxLength !== undefined) keyboard.setMaxLength(maxLength)\r\n  }\r\n)\r\n\r\n// 监听外部 value 变化\r\nwatch(\r\n  () => props.value,\r\n  newValue => {\r\n    if (newValue !== keyboard.value.value) {\r\n      keyboard.setValue(newValue)\r\n    }\r\n  }\r\n)\r\n\r\n// 监听键盘内部 value 变化\r\nwatch(keyboard.value, newValue => {\r\n  emit('update:value', newValue)\r\n})\r\n\r\n// 监听可见性变化\r\nwatch(\r\n  () => props.modelValue,\r\n  visible => {\r\n    if (visible) {\r\n      isMobileDevice.value = isMobile()\r\n      if (props.target) {\r\n        keyboard.bindInput(props.target)\r\n      }\r\n      keyboard.show(props.target ?? undefined)\r\n\r\n      nextTick(() => {\r\n        updatePosition()\r\n      })\r\n    } else {\r\n      keyboard.hide()\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\n// 监听确认事件\r\nkeyboard.on('confirm', ({ value }) => {\r\n  emit('confirm', value)\r\n  emit('update:modelValue', false)\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  keyboard.handleKey(key)\r\n  emit('keypress', key)\r\n}\r\n\r\n/**\r\n * 处理下拉选项选择（如邮箱后缀）\r\n */\r\nconst handleSelectOption = (option: string) => {\r\n  let valueToAppend = option\r\n\r\n  // 智能处理邮箱后缀：如果当前值已以 @ 结尾，而选项以 @ 开头，则去掉选项的 @\r\n  if (option.startsWith('@') && keyboard.value.value.endsWith('@')) {\r\n    valueToAppend = option.slice(1) // 去掉开头的 @\r\n  }\r\n\r\n  keyboard.appendValue(valueToAppend)\r\n}\r\n\r\n/**\r\n * 处理遮罩点击\r\n */\r\nconst handleMaskClick = () => {\r\n  if (props.closeOnClickOutside) {\r\n    closePopup()\r\n  }\r\n}\r\n\r\n/**\r\n * 计算弹出层类名\r\n */\r\nconst popupClass = computed(() => {\r\n  return [\r\n    'keyboard-popup',\r\n    `keyboard-popup--${placement.value}`,\r\n    {\r\n      'keyboard-popup--mobile': isMobileDevice.value,\r\n      'keyboard-popup--desktop': !isMobileDevice.value,\r\n    },\r\n  ]\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Teleport :to=\"teleportTo\">\r\n    <Transition name=\"keyboard-mask\">\r\n      <div\r\n        v-if=\"modelValue && showMask\"\r\n        class=\"keyboard-mask\"\r\n        :style=\"maskStyles\"\r\n        @click=\"handleMaskClick\"\r\n      />\r\n    </Transition>\r\n\r\n    <Transition :name=\"isMobileDevice ? 'keyboard-slide' : 'keyboard-fade'\">\r\n      <div\r\n        v-if=\"modelValue\"\r\n        ref=\"popupRef\"\r\n        :class=\"popupClass\"\r\n        :style=\"popupStyles\"\r\n        @mousedown.prevent\r\n        @touchstart.prevent\r\n      >\r\n        <VirtualKeyboard\r\n          :type=\"keyboard.type.value\"\r\n          :is-upper-case=\"keyboard.isUpperCase.value\"\r\n          @keypress=\"handleKeyPress\"\r\n          @select-option=\"handleSelectOption\"\r\n        />\r\n      </div>\r\n    </Transition>\r\n  </Teleport>\r\n</template>\r\n\r\n<style>\r\n.keyboard-popup {\r\n  overflow: hidden;\r\n  background-color: var(--keyboard-bg);\r\n  box-shadow: var(--ld-shadow-md, none);\r\n}\r\n\r\n.keyboard-popup--desktop {\r\n  min-width: var(--ld-px-280);\r\n  border-radius: var(--ld-radius-lg);\r\n  box-shadow: var(--ld-shadow-lg, none);\r\n}\r\n\r\n.keyboard-popup--mobile {\r\n  border-radius: var(--ld-radius-none);\r\n  padding-bottom: env(safe-area-inset-bottom, var(--ld-px-0));\r\n}\r\n\r\n.keyboard-popup--bottom-sheet {\r\n  border-top-left-radius: var(--ld-radius-lg);\r\n  border-top-right-radius: var(--ld-radius-lg);\r\n}\r\n\r\n.keyboard-mask {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 999;\r\n  background-color: var(--keyboard-mask-bg);\r\n}\r\n\r\n.keyboard-mask-enter-active,\r\n.keyboard-mask-leave-active {\r\n  transition: opacity var(--ld-duration-fast);\r\n}\r\n.keyboard-mask-enter-from,\r\n.keyboard-mask-leave-to {\r\n  opacity: 0;\r\n}\r\n.keyboard-fade-enter-active,\r\n.keyboard-fade-leave-active {\r\n  transition:\r\n    opacity var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n.keyboard-fade-enter-from,\r\n.keyboard-fade-leave-to {\r\n  opacity: 0;\r\n  transform: translateY(calc(-1 * var(--ld-px-10)));\r\n}\r\n.keyboard-slide-enter-active,\r\n.keyboard-slide-leave-active {\r\n  transition: transform var(--ld-duration-normal);\r\n}\r\n.keyboard-slide-enter-from,\r\n.keyboard-slide-leave-to {\r\n  transform: translateY(100%);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { KeyboardType, KeyDefinition } from '@composy/keyboard-core'\r\nimport { isMobile } from '@composy/keyboard-core'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { useKeyboard } from '../composables/useKeyboard'\r\nimport { useKeyboardPopup } from '../composables/useKeyboardPopup'\r\nimport VirtualKeyboard from './VirtualKeyboard.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 是否显示 (v-model)\r\n     */\r\n    modelValue?: boolean\r\n    /**\r\n     * 键盘类型\r\n     */\r\n    type?: KeyboardType | string\r\n    /**\r\n     * 绑定的输入值 (v-model:value)\r\n     */\r\n    value?: string\r\n    /**\r\n     * 目标输入框元素\r\n     */\r\n    target?: HTMLInputElement | HTMLTextAreaElement | null\r\n    /**\r\n     * 最大输入长度\r\n     */\r\n    maxLength?: number\r\n    /**\r\n     * 点击外部是否关闭\r\n     */\r\n    closeOnClickOutside?: boolean\r\n    /**\r\n     * 是否启用震动反馈\r\n     */\r\n    enableVibrate?: boolean\r\n    /**\r\n     * 挂载目标\r\n     */\r\n    teleportTo?: string | HTMLElement\r\n  }>(),\r\n  {\r\n    modelValue: false,\r\n    type: 'qwerty',\r\n    value: '',\r\n    target: null,\r\n    closeOnClickOutside: true,\r\n    enableVibrate: true,\r\n    teleportTo: 'body',\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [visible: boolean]\r\n  'update:value': [value: string]\r\n  confirm: [value: string]\r\n  keypress: [key: KeyDefinition]\r\n}>()\r\n\r\n// 弹出层 DOM 引用\r\nconst popupRef = ref<HTMLElement | null>(null)\r\n\r\n// 目标元素引用\r\nconst targetRef = computed(() => props.target as HTMLElement | null)\r\n\r\n// 是否移动端\r\nconst isMobileDevice = ref(isMobile())\r\n\r\n// 创建键盘管理器\r\nconst keyboard = useKeyboard({\r\n  type: props.type as KeyboardType,\r\n  value: props.value,\r\n  maxLength:\r\n    props.maxLength ?? (props.type.startsWith('license-plate') ? 7 : undefined),\r\n  enableVibrate: props.enableVibrate,\r\n})\r\n\r\n// 创建弹出层管理\r\nconst {\r\n  popupStyles,\r\n  maskStyles,\r\n  placement,\r\n  showMask,\r\n  updatePosition,\r\n  close: closePopup,\r\n} = useKeyboardPopup({\r\n  visible: computed(() => props.modelValue),\r\n  target: targetRef,\r\n  popup: popupRef,\r\n  closeOnClickOutside: props.closeOnClickOutside,\r\n  onClose: () => {\r\n    emit('update:modelValue', false)\r\n  },\r\n})\r\n\r\n// 监听键盘类型变化\r\nwatch(\r\n  () => props.type,\r\n  newType => {\r\n    keyboard.switchType(newType as KeyboardType)\r\n\r\n    // 车牌键盘需要设置默认 maxLength\r\n    if (newType.startsWith('license-plate') && !props.maxLength) {\r\n      keyboard.setMaxLength(7)\r\n    }\r\n  }\r\n)\r\n\r\nwatch(\r\n  () => props.maxLength,\r\n  maxLength => {\r\n    if (maxLength !== undefined) keyboard.setMaxLength(maxLength)\r\n  }\r\n)\r\n\r\n// 监听外部 value 变化\r\nwatch(\r\n  () => props.value,\r\n  newValue => {\r\n    if (newValue !== keyboard.value.value) {\r\n      keyboard.setValue(newValue)\r\n    }\r\n  }\r\n)\r\n\r\n// 监听键盘内部 value 变化\r\nwatch(keyboard.value, newValue => {\r\n  emit('update:value', newValue)\r\n})\r\n\r\n// 监听可见性变化\r\nwatch(\r\n  () => props.modelValue,\r\n  visible => {\r\n    if (visible) {\r\n      isMobileDevice.value = isMobile()\r\n      if (props.target) {\r\n        keyboard.bindInput(props.target)\r\n      }\r\n      keyboard.show(props.target ?? undefined)\r\n\r\n      nextTick(() => {\r\n        updatePosition()\r\n      })\r\n    } else {\r\n      keyboard.hide()\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\n// 监听确认事件\r\nkeyboard.on('confirm', ({ value }) => {\r\n  emit('confirm', value)\r\n  emit('update:modelValue', false)\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  keyboard.handleKey(key)\r\n  emit('keypress', key)\r\n}\r\n\r\n/**\r\n * 处理下拉选项选择（如邮箱后缀）\r\n */\r\nconst handleSelectOption = (option: string) => {\r\n  let valueToAppend = option\r\n\r\n  // 智能处理邮箱后缀：如果当前值已以 @ 结尾，而选项以 @ 开头，则去掉选项的 @\r\n  if (option.startsWith('@') && keyboard.value.value.endsWith('@')) {\r\n    valueToAppend = option.slice(1) // 去掉开头的 @\r\n  }\r\n\r\n  keyboard.appendValue(valueToAppend)\r\n}\r\n\r\n/**\r\n * 处理遮罩点击\r\n */\r\nconst handleMaskClick = () => {\r\n  if (props.closeOnClickOutside) {\r\n    closePopup()\r\n  }\r\n}\r\n\r\n/**\r\n * 计算弹出层类名\r\n */\r\nconst popupClass = computed(() => {\r\n  return [\r\n    'keyboard-popup',\r\n    `keyboard-popup--${placement.value}`,\r\n    {\r\n      'keyboard-popup--mobile': isMobileDevice.value,\r\n      'keyboard-popup--desktop': !isMobileDevice.value,\r\n    },\r\n  ]\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Teleport :to=\"teleportTo\">\r\n    <Transition name=\"keyboard-mask\">\r\n      <div\r\n        v-if=\"modelValue && showMask\"\r\n        class=\"keyboard-mask\"\r\n        :style=\"maskStyles\"\r\n        @click=\"handleMaskClick\"\r\n      />\r\n    </Transition>\r\n\r\n    <Transition :name=\"isMobileDevice ? 'keyboard-slide' : 'keyboard-fade'\">\r\n      <div\r\n        v-if=\"modelValue\"\r\n        ref=\"popupRef\"\r\n        :class=\"popupClass\"\r\n        :style=\"popupStyles\"\r\n        @mousedown.prevent\r\n        @touchstart.prevent\r\n      >\r\n        <VirtualKeyboard\r\n          :type=\"keyboard.type.value\"\r\n          :is-upper-case=\"keyboard.isUpperCase.value\"\r\n          @keypress=\"handleKeyPress\"\r\n          @select-option=\"handleSelectOption\"\r\n        />\r\n      </div>\r\n    </Transition>\r\n  </Teleport>\r\n</template>\r\n\r\n<style>\r\n.keyboard-popup {\r\n  overflow: hidden;\r\n  background-color: var(--keyboard-bg);\r\n  box-shadow: var(--ld-shadow-md, none);\r\n}\r\n\r\n.keyboard-popup--desktop {\r\n  min-width: var(--ld-px-280);\r\n  border-radius: var(--ld-radius-lg);\r\n  box-shadow: var(--ld-shadow-lg, none);\r\n}\r\n\r\n.keyboard-popup--mobile {\r\n  border-radius: var(--ld-radius-none);\r\n  padding-bottom: env(safe-area-inset-bottom, var(--ld-px-0));\r\n}\r\n\r\n.keyboard-popup--bottom-sheet {\r\n  border-top-left-radius: var(--ld-radius-lg);\r\n  border-top-right-radius: var(--ld-radius-lg);\r\n}\r\n\r\n.keyboard-mask {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 999;\r\n  background-color: var(--keyboard-mask-bg);\r\n}\r\n\r\n.keyboard-mask-enter-active,\r\n.keyboard-mask-leave-active {\r\n  transition: opacity var(--ld-duration-fast);\r\n}\r\n.keyboard-mask-enter-from,\r\n.keyboard-mask-leave-to {\r\n  opacity: 0;\r\n}\r\n.keyboard-fade-enter-active,\r\n.keyboard-fade-leave-active {\r\n  transition:\r\n    opacity var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n.keyboard-fade-enter-from,\r\n.keyboard-fade-leave-to {\r\n  opacity: 0;\r\n  transform: translateY(calc(-1 * var(--ld-px-10)));\r\n}\r\n.keyboard-slide-enter-active,\r\n.keyboard-slide-leave-active {\r\n  transition: transform var(--ld-duration-normal);\r\n}\r\n.keyboard-slide-enter-from,\r\n.keyboard-slide-leave-to {\r\n  transform: translateY(100%);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { KeyDefinition } from '@composy/keyboard-core'\r\n/**\r\n * 智能车牌号键盘组件\r\n * 核心逻辑在 KeyboardManager 中实现自动切换\r\n * Vue 组件只负责 UI 展示和状态同步\r\n */\r\nimport { computed, watch } from 'vue'\r\nimport { useKeyboard } from '../composables/useKeyboard'\r\nimport VirtualKeyboard from './VirtualKeyboard.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 当前车牌号值（双向绑定）\r\n     */\r\n    modelValue?: string\r\n    /**\r\n     * 是否新能源车牌（8位）\r\n     * @default false\r\n     */\r\n    newEnergy?: boolean\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    newEnergy: false,\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  done: [value: string]\r\n}>()\r\n\r\n/**\r\n * 最大长度\r\n */\r\nconst maxLength = computed(() => (props.newEnergy ? 8 : 7))\r\n\r\n/**\r\n * 使用 KeyboardManager 管理键盘状态\r\n */\r\nconst keyboard = useKeyboard({\r\n  type: 'license-plate-province',\r\n  value: props.modelValue,\r\n  maxLength: maxLength.value,\r\n  enableVibrate: true,\r\n})\r\n\r\n// 监听外部 value 变化\r\nwatch(\r\n  () => props.modelValue,\r\n  newValue => {\r\n    if (newValue !== keyboard.value.value) {\r\n      keyboard.setValue(newValue)\r\n    }\r\n  }\r\n)\r\n\r\n// 监听键盘内部 value 变化\r\nwatch(keyboard.value, newValue => {\r\n  emit('update:modelValue', newValue)\r\n})\r\n\r\n// 监听 maxLength 变化\r\nwatch(maxLength, newMaxLength => {\r\n  keyboard.setMaxLength(newMaxLength)\r\n\r\n  // 如果当前值超过新的最大长度，截断\r\n  if (props.modelValue.length > newMaxLength) {\r\n    const truncated = props.modelValue.slice(0, newMaxLength)\r\n    keyboard.setValue(truncated)\r\n    emit('update:modelValue', truncated)\r\n  }\r\n})\r\n\r\n// 监听确认事件\r\nkeyboard.on('confirm', ({ value }) => {\r\n  emit('done', value)\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  keyboard.handleKey(key)\r\n}\r\n\r\n/**\r\n * 当前位置提示\r\n */\r\nconst positionHint = computed(() => {\r\n  const len = props.modelValue.length\r\n  if (len === 0) return '请选择省份'\r\n  if (len === 1) return '请输入字母'\r\n  if (len < maxLength.value) return `第${len + 1}位`\r\n  return '已完成'\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"license-plate-keyboard\">\r\n    <!-- 输入显示区 -->\r\n    <div class=\"license-plate-keyboard__display\">\r\n      <div class=\"license-plate-keyboard__value\">\r\n        <span\r\n          v-for=\"(char, index) in modelValue.padEnd(maxLength, ' ').split('')\"\r\n          :key=\"index\"\r\n          class=\"license-plate-keyboard__char\"\r\n          :class=\"{\r\n            'license-plate-keyboard__char--filled': char !== ' ',\r\n            'license-plate-keyboard__char--current':\r\n              index === modelValue.length,\r\n            'license-plate-keyboard__char--province': index === 0,\r\n            'license-plate-keyboard__char--new-energy':\r\n              newEnergy && index === 7,\r\n          }\"\r\n        >\r\n          {{ char === ' ' ? '' : char }}\r\n        </span>\r\n      </div>\r\n      <div class=\"license-plate-keyboard__hint\">\r\n        {{ positionHint }}\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 键盘区 - 由 core 的 KeyboardManager 自动切换布局 -->\r\n    <VirtualKeyboard\r\n      :type=\"keyboard.type.value\"\r\n      :is-upper-case=\"keyboard.isUpperCase.value\"\r\n      @keypress=\"handleKeyPress\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.license-plate-keyboard {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: var(--keyboard-bg);\r\n}\r\n\r\n.license-plate-keyboard__display {\r\n  padding: var(--ld-spacing-md) var(--ld-spacing-lg);\r\n  background: var(--keyboard-display-bg, var(--ld-bg-surface-soft));\r\n  border-bottom: var(--ld-border-width-thin) solid var(--ld-border-subtle);\r\n}\r\n\r\n.license-plate-keyboard__value {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--ld-spacing-sm);\r\n  margin-bottom: var(--ld-spacing-sm);\r\n}\r\n\r\n.license-plate-keyboard__char {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-40);\r\n  height: var(--ld-px-48);\r\n  border: var(--ld-border-width-medium) solid var(--ld-border);\r\n  border-radius: var(--ld-radius-md);\r\n  background: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-xl);\r\n  font-weight: 600;\r\n  transition:\r\n    border-color var(--ld-duration-fast),\r\n    background-color var(--ld-duration-fast);\r\n}\r\n\r\n.license-plate-keyboard__char--filled,\r\n.license-plate-keyboard__char--current {\r\n  border-color: var(--keyboard-primary-bg);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--keyboard-primary-bg) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--current {\r\n  animation: plate-char-pulse var(--ld-duration-slow) infinite;\r\n}\r\n\r\n.license-plate-keyboard__char--province {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--province.license-plate-keyboard__char--filled {\r\n  border-color: var(--ld-warning-500);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 15%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--new-energy {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-success-500) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--new-energy.license-plate-keyboard__char--filled {\r\n  border-color: var(--ld-success-500);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-success-500) 15%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n@keyframes plate-char-pulse {\r\n  0%,\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n.license-plate-keyboard__hint {\r\n  color: var(--ld-text-muted);\r\n  font-size: var(--ld-font-sm);\r\n  text-align: center;\r\n}\r\n\r\n.license-plate-keyboard .plate-keyboard-row {\r\n  gap: var(--ld-spacing-xs);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-province,\r\n.license-plate-keyboard .key-plate-letter,\r\n.license-plate-keyboard .key-plate-number {\r\n  min-width: var(--ld-px-28);\r\n  height: var(--ld-px-40);\r\n  border-radius: var(--keyboard-key-radius);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-special {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 20%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n  color: var(--ld-warning-700);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-fn,\r\n.license-plate-keyboard .key-plate-switch {\r\n  background: var(--keyboard-fn-key-bg);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-switch {\r\n  font-size: var(--ld-font-sm);\r\n}\r\n.license-plate-keyboard .key-plate-done {\r\n  background: var(--keyboard-primary-bg);\r\n  color: var(--keyboard-primary-color);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { KeyDefinition } from '@composy/keyboard-core'\r\n/**\r\n * 智能车牌号键盘组件\r\n * 核心逻辑在 KeyboardManager 中实现自动切换\r\n * Vue 组件只负责 UI 展示和状态同步\r\n */\r\nimport { computed, watch } from 'vue'\r\nimport { useKeyboard } from '../composables/useKeyboard'\r\nimport VirtualKeyboard from './VirtualKeyboard.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 当前车牌号值（双向绑定）\r\n     */\r\n    modelValue?: string\r\n    /**\r\n     * 是否新能源车牌（8位）\r\n     * @default false\r\n     */\r\n    newEnergy?: boolean\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    newEnergy: false,\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  done: [value: string]\r\n}>()\r\n\r\n/**\r\n * 最大长度\r\n */\r\nconst maxLength = computed(() => (props.newEnergy ? 8 : 7))\r\n\r\n/**\r\n * 使用 KeyboardManager 管理键盘状态\r\n */\r\nconst keyboard = useKeyboard({\r\n  type: 'license-plate-province',\r\n  value: props.modelValue,\r\n  maxLength: maxLength.value,\r\n  enableVibrate: true,\r\n})\r\n\r\n// 监听外部 value 变化\r\nwatch(\r\n  () => props.modelValue,\r\n  newValue => {\r\n    if (newValue !== keyboard.value.value) {\r\n      keyboard.setValue(newValue)\r\n    }\r\n  }\r\n)\r\n\r\n// 监听键盘内部 value 变化\r\nwatch(keyboard.value, newValue => {\r\n  emit('update:modelValue', newValue)\r\n})\r\n\r\n// 监听 maxLength 变化\r\nwatch(maxLength, newMaxLength => {\r\n  keyboard.setMaxLength(newMaxLength)\r\n\r\n  // 如果当前值超过新的最大长度，截断\r\n  if (props.modelValue.length > newMaxLength) {\r\n    const truncated = props.modelValue.slice(0, newMaxLength)\r\n    keyboard.setValue(truncated)\r\n    emit('update:modelValue', truncated)\r\n  }\r\n})\r\n\r\n// 监听确认事件\r\nkeyboard.on('confirm', ({ value }) => {\r\n  emit('done', value)\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  keyboard.handleKey(key)\r\n}\r\n\r\n/**\r\n * 当前位置提示\r\n */\r\nconst positionHint = computed(() => {\r\n  const len = props.modelValue.length\r\n  if (len === 0) return '请选择省份'\r\n  if (len === 1) return '请输入字母'\r\n  if (len < maxLength.value) return `第${len + 1}位`\r\n  return '已完成'\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"license-plate-keyboard\">\r\n    <!-- 输入显示区 -->\r\n    <div class=\"license-plate-keyboard__display\">\r\n      <div class=\"license-plate-keyboard__value\">\r\n        <span\r\n          v-for=\"(char, index) in modelValue.padEnd(maxLength, ' ').split('')\"\r\n          :key=\"index\"\r\n          class=\"license-plate-keyboard__char\"\r\n          :class=\"{\r\n            'license-plate-keyboard__char--filled': char !== ' ',\r\n            'license-plate-keyboard__char--current':\r\n              index === modelValue.length,\r\n            'license-plate-keyboard__char--province': index === 0,\r\n            'license-plate-keyboard__char--new-energy':\r\n              newEnergy && index === 7,\r\n          }\"\r\n        >\r\n          {{ char === ' ' ? '' : char }}\r\n        </span>\r\n      </div>\r\n      <div class=\"license-plate-keyboard__hint\">\r\n        {{ positionHint }}\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 键盘区 - 由 core 的 KeyboardManager 自动切换布局 -->\r\n    <VirtualKeyboard\r\n      :type=\"keyboard.type.value\"\r\n      :is-upper-case=\"keyboard.isUpperCase.value\"\r\n      @keypress=\"handleKeyPress\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.license-plate-keyboard {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: var(--keyboard-bg);\r\n}\r\n\r\n.license-plate-keyboard__display {\r\n  padding: var(--ld-spacing-md) var(--ld-spacing-lg);\r\n  background: var(--keyboard-display-bg, var(--ld-bg-surface-soft));\r\n  border-bottom: var(--ld-border-width-thin) solid var(--ld-border-subtle);\r\n}\r\n\r\n.license-plate-keyboard__value {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--ld-spacing-sm);\r\n  margin-bottom: var(--ld-spacing-sm);\r\n}\r\n\r\n.license-plate-keyboard__char {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-40);\r\n  height: var(--ld-px-48);\r\n  border: var(--ld-border-width-medium) solid var(--ld-border);\r\n  border-radius: var(--ld-radius-md);\r\n  background: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-xl);\r\n  font-weight: 600;\r\n  transition:\r\n    border-color var(--ld-duration-fast),\r\n    background-color var(--ld-duration-fast);\r\n}\r\n\r\n.license-plate-keyboard__char--filled,\r\n.license-plate-keyboard__char--current {\r\n  border-color: var(--keyboard-primary-bg);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--keyboard-primary-bg) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--current {\r\n  animation: plate-char-pulse var(--ld-duration-slow) infinite;\r\n}\r\n\r\n.license-plate-keyboard__char--province {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--province.license-plate-keyboard__char--filled {\r\n  border-color: var(--ld-warning-500);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 15%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--new-energy {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-success-500) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--new-energy.license-plate-keyboard__char--filled {\r\n  border-color: var(--ld-success-500);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-success-500) 15%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n@keyframes plate-char-pulse {\r\n  0%,\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n.license-plate-keyboard__hint {\r\n  color: var(--ld-text-muted);\r\n  font-size: var(--ld-font-sm);\r\n  text-align: center;\r\n}\r\n\r\n.license-plate-keyboard .plate-keyboard-row {\r\n  gap: var(--ld-spacing-xs);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-province,\r\n.license-plate-keyboard .key-plate-letter,\r\n.license-plate-keyboard .key-plate-number {\r\n  min-width: var(--ld-px-28);\r\n  height: var(--ld-px-40);\r\n  border-radius: var(--keyboard-key-radius);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-special {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 20%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n  color: var(--ld-warning-700);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-fn,\r\n.license-plate-keyboard .key-plate-switch {\r\n  background: var(--keyboard-fn-key-bg);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-switch {\r\n  font-size: var(--ld-font-sm);\r\n}\r\n.license-plate-keyboard .key-plate-done {\r\n  background: var(--keyboard-primary-bg);\r\n  color: var(--keyboard-primary-color);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { KeyDefinition } from '@composy/keyboard-core'\r\n/**\r\n * 智能车牌号键盘组件\r\n * 核心逻辑在 KeyboardManager 中实现自动切换\r\n * Vue 组件只负责 UI 展示和状态同步\r\n */\r\nimport { computed, watch } from 'vue'\r\nimport { useKeyboard } from '../composables/useKeyboard'\r\nimport VirtualKeyboard from './VirtualKeyboard.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /**\r\n     * 当前车牌号值（双向绑定）\r\n     */\r\n    modelValue?: string\r\n    /**\r\n     * 是否新能源车牌（8位）\r\n     * @default false\r\n     */\r\n    newEnergy?: boolean\r\n  }>(),\r\n  {\r\n    modelValue: '',\r\n    newEnergy: false,\r\n  }\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string]\r\n  done: [value: string]\r\n}>()\r\n\r\n/**\r\n * 最大长度\r\n */\r\nconst maxLength = computed(() => (props.newEnergy ? 8 : 7))\r\n\r\n/**\r\n * 使用 KeyboardManager 管理键盘状态\r\n */\r\nconst keyboard = useKeyboard({\r\n  type: 'license-plate-province',\r\n  value: props.modelValue,\r\n  maxLength: maxLength.value,\r\n  enableVibrate: true,\r\n})\r\n\r\n// 监听外部 value 变化\r\nwatch(\r\n  () => props.modelValue,\r\n  newValue => {\r\n    if (newValue !== keyboard.value.value) {\r\n      keyboard.setValue(newValue)\r\n    }\r\n  }\r\n)\r\n\r\n// 监听键盘内部 value 变化\r\nwatch(keyboard.value, newValue => {\r\n  emit('update:modelValue', newValue)\r\n})\r\n\r\n// 监听 maxLength 变化\r\nwatch(maxLength, newMaxLength => {\r\n  keyboard.setMaxLength(newMaxLength)\r\n\r\n  // 如果当前值超过新的最大长度，截断\r\n  if (props.modelValue.length > newMaxLength) {\r\n    const truncated = props.modelValue.slice(0, newMaxLength)\r\n    keyboard.setValue(truncated)\r\n    emit('update:modelValue', truncated)\r\n  }\r\n})\r\n\r\n// 监听确认事件\r\nkeyboard.on('confirm', ({ value }) => {\r\n  emit('done', value)\r\n})\r\n\r\n/**\r\n * 处理按键\r\n */\r\nconst handleKeyPress = (key: KeyDefinition) => {\r\n  keyboard.handleKey(key)\r\n}\r\n\r\n/**\r\n * 当前位置提示\r\n */\r\nconst positionHint = computed(() => {\r\n  const len = props.modelValue.length\r\n  if (len === 0) return '请选择省份'\r\n  if (len === 1) return '请输入字母'\r\n  if (len < maxLength.value) return `第${len + 1}位`\r\n  return '已完成'\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"license-plate-keyboard\">\r\n    <!-- 输入显示区 -->\r\n    <div class=\"license-plate-keyboard__display\">\r\n      <div class=\"license-plate-keyboard__value\">\r\n        <span\r\n          v-for=\"(char, index) in modelValue.padEnd(maxLength, ' ').split('')\"\r\n          :key=\"index\"\r\n          class=\"license-plate-keyboard__char\"\r\n          :class=\"{\r\n            'license-plate-keyboard__char--filled': char !== ' ',\r\n            'license-plate-keyboard__char--current':\r\n              index === modelValue.length,\r\n            'license-plate-keyboard__char--province': index === 0,\r\n            'license-plate-keyboard__char--new-energy':\r\n              newEnergy && index === 7,\r\n          }\"\r\n        >\r\n          {{ char === ' ' ? '' : char }}\r\n        </span>\r\n      </div>\r\n      <div class=\"license-plate-keyboard__hint\">\r\n        {{ positionHint }}\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 键盘区 - 由 core 的 KeyboardManager 自动切换布局 -->\r\n    <VirtualKeyboard\r\n      :type=\"keyboard.type.value\"\r\n      :is-upper-case=\"keyboard.isUpperCase.value\"\r\n      @keypress=\"handleKeyPress\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.license-plate-keyboard {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: var(--keyboard-bg);\r\n}\r\n\r\n.license-plate-keyboard__display {\r\n  padding: var(--ld-spacing-md) var(--ld-spacing-lg);\r\n  background: var(--keyboard-display-bg, var(--ld-bg-surface-soft));\r\n  border-bottom: var(--ld-border-width-thin) solid var(--ld-border-subtle);\r\n}\r\n\r\n.license-plate-keyboard__value {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--ld-spacing-sm);\r\n  margin-bottom: var(--ld-spacing-sm);\r\n}\r\n\r\n.license-plate-keyboard__char {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-40);\r\n  height: var(--ld-px-48);\r\n  border: var(--ld-border-width-medium) solid var(--ld-border);\r\n  border-radius: var(--ld-radius-md);\r\n  background: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--ld-font-xl);\r\n  font-weight: 600;\r\n  transition:\r\n    border-color var(--ld-duration-fast),\r\n    background-color var(--ld-duration-fast);\r\n}\r\n\r\n.license-plate-keyboard__char--filled,\r\n.license-plate-keyboard__char--current {\r\n  border-color: var(--keyboard-primary-bg);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--keyboard-primary-bg) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--current {\r\n  animation: plate-char-pulse var(--ld-duration-slow) infinite;\r\n}\r\n\r\n.license-plate-keyboard__char--province {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--province.license-plate-keyboard__char--filled {\r\n  border-color: var(--ld-warning-500);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 15%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--new-energy {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-success-500) 10%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n.license-plate-keyboard__char--new-energy.license-plate-keyboard__char--filled {\r\n  border-color: var(--ld-success-500);\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-success-500) 15%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n}\r\n\r\n@keyframes plate-char-pulse {\r\n  0%,\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n.license-plate-keyboard__hint {\r\n  color: var(--ld-text-muted);\r\n  font-size: var(--ld-font-sm);\r\n  text-align: center;\r\n}\r\n\r\n.license-plate-keyboard .plate-keyboard-row {\r\n  gap: var(--ld-spacing-xs);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-province,\r\n.license-plate-keyboard .key-plate-letter,\r\n.license-plate-keyboard .key-plate-number {\r\n  min-width: var(--ld-px-28);\r\n  height: var(--ld-px-40);\r\n  border-radius: var(--keyboard-key-radius);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-special {\r\n  background: color-mix(\r\n    in srgb,\r\n    var(--ld-warning-500) 20%,\r\n    var(--keyboard-key-bg)\r\n  );\r\n  color: var(--ld-warning-700);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-fn,\r\n.license-plate-keyboard .key-plate-switch {\r\n  background: var(--keyboard-fn-key-bg);\r\n}\r\n\r\n.license-plate-keyboard .key-plate-switch {\r\n  font-size: var(--ld-font-sm);\r\n}\r\n.license-plate-keyboard .key-plate-done {\r\n  background: var(--keyboard-primary-bg);\r\n  color: var(--keyboard-primary-color);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n</style>\r\n","/**\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","/**\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","/**\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":"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"}

package/es/.dts-output-manifest.json

@@ -0,0 +1 @@
+{"version":1,"configuration":"bd9619bf55da94717884e91c102f2b919db837a3cd6035b976051d3492113fd5","sources":{"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\components\\index.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\components\\index.d.ts"],"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\composables\\useKeyboard.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\composables\\useKeyboard.d.ts"],"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\composables\\useKeyboardPopup.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\composables\\useKeyboardPopup.d.ts"],"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\composables\\index.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\composables\\index.d.ts"],"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\directives\\v-keyboard.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\directives\\v-keyboard.d.ts"],"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\directives\\index.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\directives\\index.d.ts"],"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\plugins\\engine-plugin.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\plugins\\engine-plugin.d.ts"],"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\plugins\\index.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\plugins\\index.d.ts"],"D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\src\\index.ts":["D:\\WorkBench\\ldesign\\libraries\\keyboard\\packages\\vue\\es\\index.d.ts"]}}

package/es/.dts.tsbuildinfo

@@ -0,0 +1 @@
+{"fileNames":["../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es5.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.dom.asynciterable.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.webworker.importscripts.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.scripthost.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.core.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2016.intl.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.arraybuffer.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.date.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.object.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.string.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.array.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.object.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.string.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.date.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.string.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.number.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.decorators.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../../../../node_modules/.pnpm/typescript@5.9.3/node_modules/typescript/lib/lib.es2020.full.d.ts","../src/components/index.ts","../../core/es/icons.d.ts","../../core/es/types/keyboard.d.ts","../../core/es/types/position.d.ts","../../core/es/types/index.d.ts","../../core/es/layouts/amount.d.ts","../../core/es/layouts/bankcard.d.ts","../../core/es/layouts/email.d.ts","../../core/es/layouts/idcard.d.ts","../../core/es/layouts/license-plate.d.ts","../../core/es/layouts/number.d.ts","../../core/es/layouts/phone.d.ts","../../core/es/layouts/punct.d.ts","../../core/es/layouts/qwerty.d.ts","../../core/es/layouts/search.d.ts","../../core/es/layouts/symbol.d.ts","../../core/es/layouts/url.d.ts","../../core/es/layouts/verifycode.d.ts","../../core/es/layouts/index.d.ts","../../core/es/utils/event-emitter.d.ts","../../core/es/managers/keyboard-manager.d.ts","../../core/es/themes/types.d.ts","../../core/es/managers/keyboard-renderer.d.ts","../../core/es/managers/position-manager.d.ts","../../core/es/managers/index.d.ts","../../core/es/themes/presets.d.ts","../../core/es/themes/index.d.ts","../../core/es/utils/device.d.ts","../../core/es/utils/dom.d.ts","../../core/es/utils/formatters.d.ts","../../core/es/utils/random.d.ts","../../core/es/utils/index.d.ts","../../core/es/index.d.ts","../../../../../node_modules/.pnpm/@vue+shared@3.5.32/node_modules/@vue/shared/dist/shared.d.ts","../../../../../node_modules/.pnpm/@babel+types@8.0.6/node_modules/@babel/types/lib/index.d.ts","../../../../../node_modules/.pnpm/@babel+types@7.29.7/node_modules/@babel/types/lib/index.d.ts","../../../../../node_modules/.pnpm/@babel+parser@7.29.7/node_modules/@babel/parser/typings/babel-parser.d.ts","../../../../../node_modules/.pnpm/@vue+compiler-core@3.5.32/node_modules/@vue/compiler-core/dist/compiler-core.d.ts","../../../../../node_modules/.pnpm/@vue+compiler-dom@3.5.32/node_modules/@vue/compiler-dom/dist/compiler-dom.d.ts","../../../../../node_modules/.pnpm/@vue+reactivity@3.5.32/node_modules/@vue/reactivity/dist/reactivity.d.ts","../../../../../node_modules/.pnpm/@vue+runtime-core@3.5.32/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","../../../../../node_modules/.pnpm/csstype@3.2.3/node_modules/csstype/index.d.ts","../../../../../node_modules/.pnpm/@vue+runtime-dom@3.5.32/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts","../../../../../node_modules/.pnpm/vue@3.5.32_typescript@5.9.3/node_modules/vue/dist/vue.d.mts","../src/composables/usekeyboard.ts","../src/composables/usekeyboardpopup.ts","../src/composables/index.ts","../src/directives/v-keyboard.ts","../src/directives/index.ts","../src/plugins/engine-plugin.ts","../src/plugins/index.ts","../src/index.ts"],"fileIdsList":[[53,56,70,76,78,83],[56],[56,57,58,59,60,61,62,63,64,65,66,67,68,69],[72,74,75],[56,71],[56,72,73],[73,77],[73],[54,55],[71,79,80,81,82],[96,97],[84,95],[99],[95],[52,84,95,98,99,100,102],[52,95,99],[101],[87],[85,86,88],[89],[85],[85,91,92,94],[91,92,93,94],[90,94]],"fileInfos":[{"version":"c430d44666289dae81f30fa7b2edebf186ecc91a2d4c71266ea6ae76388792e1","affectsGlobalScope":true,"impliedFormat":1},{"version":"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","impliedFormat":1},{"version":"3facaf05f0c5fc569c5649dd359892c98a85557e3e0c847964caeb67076f4d75","impliedFormat":1},{"version":"e44bb8bbac7f10ecc786703fe0a6a4b952189f908707980ba8f3c8975a760962","impliedFormat":1},{"version":"5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","impliedFormat":1},{"version":"68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","impliedFormat":1},{"version":"5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4","impliedFormat":1},{"version":"080941d9f9ff9307f7e27a83bcd888b7c8270716c39af943532438932ec1d0b9","affectsGlobalScope":true,"impliedFormat":1},{"version":"2e80ee7a49e8ac312cc11b77f1475804bee36b3b2bc896bead8b6e1266befb43","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7a3c8b952931daebdfc7a2897c53c0a1c73624593fa070e46bd537e64dcd20a","affectsGlobalScope":true,"impliedFormat":1},{"version":"80e18897e5884b6723488d4f5652167e7bb5024f946743134ecc4aa4ee731f89","affectsGlobalScope":true,"impliedFormat":1},{"version":"cd034f499c6cdca722b60c04b5b1b78e058487a7085a8e0d6fb50809947ee573","affectsGlobalScope":true,"impliedFormat":1},{"version":"c57796738e7f83dbc4b8e65132f11a377649c00dd3eee333f672b8f0a6bea671","affectsGlobalScope":true,"impliedFormat":1},{"version":"dc2df20b1bcdc8c2d34af4926e2c3ab15ffe1160a63e58b7e09833f616efff44","affectsGlobalScope":true,"impliedFormat":1},{"version":"515d0b7b9bea2e31ea4ec968e9edd2c39d3eebf4a2d5cbd04e88639819ae3b71","affectsGlobalScope":true,"impliedFormat":1},{"version":"0559b1f683ac7505ae451f9a96ce4c3c92bdc71411651ca6ddb0e88baaaad6a3","affectsGlobalScope":true,"impliedFormat":1},{"version":"0dc1e7ceda9b8b9b455c3a2d67b0412feab00bd2f66656cd8850e8831b08b537","affectsGlobalScope":true,"impliedFormat":1},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true,"impliedFormat":1},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true,"impliedFormat":1},{"version":"4ff2a353abf8a80ee399af572debb8faab2d33ad38c4b4474cff7f26e7653b8d","affectsGlobalScope":true,"impliedFormat":1},{"version":"fb0f136d372979348d59b3f5020b4cdb81b5504192b1cacff5d1fbba29378aa1","affectsGlobalScope":true,"impliedFormat":1},{"version":"d15bea3d62cbbdb9797079416b8ac375ae99162a7fba5de2c6c505446486ac0a","affectsGlobalScope":true,"impliedFormat":1},{"version":"68d18b664c9d32a7336a70235958b8997ebc1c3b8505f4f1ae2b7e7753b87618","affectsGlobalScope":true,"impliedFormat":1},{"version":"eb3d66c8327153d8fa7dd03f9c58d351107fe824c79e9b56b462935176cdf12a","affectsGlobalScope":true,"impliedFormat":1},{"version":"38f0219c9e23c915ef9790ab1d680440d95419ad264816fa15009a8851e79119","affectsGlobalScope":true,"impliedFormat":1},{"version":"69ab18c3b76cd9b1be3d188eaf8bba06112ebbe2f47f6c322b5105a6fbc45a2e","affectsGlobalScope":true,"impliedFormat":1},{"version":"a680117f487a4d2f30ea46f1b4b7f58bef1480456e18ba53ee85c2746eeca012","affectsGlobalScope":true,"impliedFormat":1},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true,"impliedFormat":1},{"version":"4de680d5bb41c17f7f68e0419412ca23c98d5749dcaaea1896172f06435891fc","affectsGlobalScope":true,"impliedFormat":1},{"version":"954296b30da6d508a104a3a0b5d96b76495c709785c1d11610908e63481ee667","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac9538681b19688c8eae65811b329d3744af679e0bdfa5d842d0e32524c73e1c","affectsGlobalScope":true,"impliedFormat":1},{"version":"0a969edff4bd52585473d24995c5ef223f6652d6ef46193309b3921d65dd4376","affectsGlobalScope":true,"impliedFormat":1},{"version":"9e9fbd7030c440b33d021da145d3232984c8bb7916f277e8ffd3dc2e3eae2bdb","affectsGlobalScope":true,"impliedFormat":1},{"version":"811ec78f7fefcabbda4bfa93b3eb67d9ae166ef95f9bff989d964061cbf81a0c","affectsGlobalScope":true,"impliedFormat":1},{"version":"717937616a17072082152a2ef351cb51f98802fb4b2fdabd32399843875974ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"d7e7d9b7b50e5f22c915b525acc5a49a7a6584cf8f62d0569e557c5cfc4b2ac2","affectsGlobalScope":true,"impliedFormat":1},{"version":"71c37f4c9543f31dfced6c7840e068c5a5aacb7b89111a4364b1d5276b852557","affectsGlobalScope":true,"impliedFormat":1},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true,"impliedFormat":1},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true,"impliedFormat":1},{"version":"74f7fa2d027d5b33eb0471c8e82a6c87216223181ec31247c357a3e8e2fddc5b","affectsGlobalScope":true,"impliedFormat":1},{"version":"d6d7ae4d1f1f3772e2a3cde568ed08991a8ae34a080ff1151af28b7f798e22ca","affectsGlobalScope":true,"impliedFormat":1},{"version":"063600664504610fe3e99b717a1223f8b1900087fab0b4cad1496a114744f8df","affectsGlobalScope":true,"impliedFormat":1},{"version":"934019d7e3c81950f9a8426d093458b65d5aff2c7c1511233c0fd5b941e608ab","affectsGlobalScope":true,"impliedFormat":1},{"version":"52ada8e0b6e0482b728070b7639ee42e83a9b1c22d205992756fe020fd9f4a47","affectsGlobalScope":true,"impliedFormat":1},{"version":"3bdefe1bfd4d6dee0e26f928f93ccc128f1b64d5d501ff4a8cf3c6371200e5e6","affectsGlobalScope":true,"impliedFormat":1},{"version":"59fb2c069260b4ba00b5643b907ef5d5341b167e7d1dbf58dfd895658bda2867","affectsGlobalScope":true,"impliedFormat":1},{"version":"639e512c0dfc3fad96a84caad71b8834d66329a1f28dc95e3946c9b58176c73a","affectsGlobalScope":true,"impliedFormat":1},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true,"impliedFormat":1},{"version":"8e7f8264d0fb4c5339605a15daadb037bf238c10b654bb3eee14208f860a32ea","affectsGlobalScope":true,"impliedFormat":1},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true,"impliedFormat":1},{"version":"1305d1e76ca44e30fb8b2b8075fa522b83f60c0bcf5d4326a9d2cf79b53724f8","impliedFormat":1},{"version":"77d558d3683803f0ce820a3fa2aa2e2e02a42cf1087b392aa8ef98a7d3067e1a","signature":"29f1b57df2ebb8d4495ef1c369456f773784d154bd1473ee614ee6779fa9b12c"},"588b96bb7a2012fd1150ade1e499778a933e3120554d77f2507aabeffccb453f","b5a22b122ce1f4323a35e05e20c3335883ee762d009abe53fe679c6c92b54fbe","3d748b2471ff18b39df8a913f72257d9e40e75ad33b5ba0b5f5437e8fe8f3165","e60c6e4f109d585246301369008d956a671d12a5e2b236a40e969aa0863e0197","77dd2ea6eeb0d52ca5a5cd5986d5a0c2ce98a4cf2214e5f0c99ba27017b0e0e0","fb7977d3f627ad72d32c1f94c33c67fc068280b8c8d66dfa0746bc214c0c8524","01b99b06134ff91b390912d67b76dc23014a28680d2b6d8585c4696fbef8c4c2","d02ffd8b2d7103c1dda34427ecc6454b0a49901ff7ebb5b7c3238c98afbb4a7c","22bc463c0e3e63c41db20cc38ec718b4f78ef4ccd8b8548c5d76a3e0fe2d65e1","7f536197488c68004b6299d2c311185259bfc8b1f29b5eb134d75c0121b78540","21c3067f5a62ef9bb1826f141714cf28ecea04bd210d0ccdb976df1625c5ac9b","265996147c5015b970024a31a0251028351f6b9d021043319c7cbcf12aac74d5","6c9d7968c6b19f5b6d49e34e5f15971a66de07c5ab496ff23c336da193c576ee","9965d23fb84703d808ef27becb0ec91f720aad02d8232f3f9e29c503e5896170","38cf8ae1a0e3dbc9ffca7614a6bbe0029d4189f92d09500135131d258931d546","f908362c8d02fbf4f026c582db18cdaf5879e9788639652ff21cf3fe88bf2c4d","332140dfb9d3fc2b8d90364f7efa32ceb4edc2b50da81e12b1e258fe6e292643","d518d6a746db7c7e0ec79dd73d4014e08961ce0dd71c2c2629f4cea7ac9bcb2a","4a0a686fb27bc87a3638178080d637a028d52bb2e961fb838fb46d2fd4db8e2c","190f522687c72fd809fb64431b2a1f8577d9f886d71f7b23dbb62452ed3605c3","27ef7ba291e955e48c3c605219c36aafe3b168d3e0a2bc474912628e01863d85","912ad54c3ba86a07f05f10a9a7d15cb4448005da1f7fbcf0701864f2c51bc853","394dac482847846dbc7e74ac7276e85554e69c9d14f9496a56e64daa5480ac23","77dc066b5e7ab8cb01781935e62007bd4461174ccbbc28a88f1061c9755c4107","c2d3e09273eb9cb52a28f8b637f0ad64dcb1838c5692e83e72ab3d59df0ae8c4","0396d6032cd7c5e5f86d85cd438a721be4567a5752998d19d6f6ab6823f9b72e","6c8a1eca5c0445be16bb7f36f40332a53e456508e834835a513e88f222ae634f","f264605586f5263b7b1b38daad1adf1730ef40d48e0decd18e8083e5dbeb9f9a","e7320cb0235eabe75ba057f24f07aef72c8fcbb9fe7912055f323828a37f6d1c","872d3d511dcff7453537f8fe9a3bc510d9dd2e12ccb88c1c6335f9f71799d391","20a00309ad7040461e33f98efd33a8bb61c0f8c9d87166a3db6dcd641aa51f85","93625a7fcf3cff2f43017ae77e89b916faa9e5192410746a83396a1dcd5ea941",{"version":"f468b74459f1ad4473b36a36d49f2b255f3c6b5d536c81239c2b2971df089eaf","impliedFormat":1},{"version":"e66dd20f48d96e48ee9a807ba2697396978cdf09cca2a4cbf08fbc2d843e27e8","impliedFormat":99},{"version":"556ccd493ec36c7d7cb130d51be66e147b91cc1415be383d71da0f1e49f742a9","impliedFormat":1},{"version":"95aba78013d782537cc5e23868e736bec5d377b918990e28ed56110e3ae8b958","impliedFormat":1},{"version":"524a409ad72186b7f6cb16898c349465cfa876f641d6cb6137b3123d5cfca619","impliedFormat":1},{"version":"ebe84ad8344962b7117a3b95065f47383215020eaf1b626463863b45b4d16e62","impliedFormat":1},{"version":"dc0c80f91a4d46c5c4f625a35601ff3c815e2395e6680bacfa12970fc6d49c93","impliedFormat":1},{"version":"3e74c6f34a28b7c948bfdaf19172000d589093660b3605f8c21c1b30173c729b","affectsGlobalScope":true,"impliedFormat":1},{"version":"ac51dd7d31333793807a6abaa5ae168512b6131bd41d9c5b98477fc3b7800f9f","impliedFormat":1},{"version":"88ad1af02cacc61bf79683b021d326eeafc91231660a06495c5046d4649ec3a2","impliedFormat":1},{"version":"c0191592be8eb7906f99ac4b8798d80a585b94001ea1a5f50d6ce5b0d13a5c62","impliedFormat":99},{"version":"108b0f35106aa5ddbf458b07d03159ec89dbde4932a33e21bcb8321c9a55e8d8","signature":"0de9b6da04d63ba7f011dd080fba753ed005ce98463e5849f92f87f110a17f76"},{"version":"78ad7d07662a3e1409278f5e0bd9bf39b4253d5415a271bf8e8361650acce7cc","signature":"3f82346b7ec81ba7bbe7db35ef508ab87e740ec6b83cd412d1422d70d8173919"},{"version":"1b48848af1c3650f4159798fb0f92abed9bfb916a9952a3b549312569f751b06","signature":"a5906d59c54a0a0e836bf30f51c201f5bbe24c1e8d30f640421ca27421177252"},{"version":"8467977ca21b35c83b2e4fb8493c871260c624e5d6392d9d214d968414cb1e5b","signature":"d6c6807a4b0626b65592362e78323bdca3f31008de2b09487ff791dad3d9620b"},{"version":"92c92a32426e8f5786c53594317211dc2d5c3fba06ce81d399b1ce8fdec369ef","signature":"88594320d841c62a039782684fda0ec24321c7cf73407d8634d64b4ab5f361fa"},{"version":"212733283b21e63c79801cf98576b8443cf057d2531214246f3bb45a0e3f7cf2","signature":"56f2d61371852c6634496378d6bd30e00d64239dfc533dc085f063c788acc54e"},{"version":"4b1fe29d4fb0da223be5565bdea23cda02105bacf4c17e7e18cbe181851469fb","signature":"b7e4edaa7341a9b62609a46d3268a784273005994c030d51e2862ed24cca5bcf"},{"version":"09b841604d0554f07a753c1755039a9a2b45496f4f58f829e61c31c15338b487","signature":"fda9d0452b88e55cd864d4cb1c92f887bb4ad2453616a95e76ee189edbf13eeb"}],"root":[52,[96,103]],"options":{"allowJs":false,"declaration":true,"declarationDir":"./","declarationMap":false,"emitDeclarationOnly":true,"esModuleInterop":true,"jsx":1,"module":99,"noImplicitAny":false,"outDir":"./","rootDir":"../src","skipLibCheck":true,"sourceMap":true,"strict":false,"target":7,"tsBuildInfoFile":"./.dts.tsbuildinfo"},"referencedMap":[[84,1],[57,2],[58,2],[59,2],[60,2],[70,3],[61,2],[62,2],[63,2],[64,2],[65,2],[66,2],[67,2],[68,2],[69,2],[76,4],[72,5],[74,6],[75,2],[78,7],[77,8],[56,9],[79,2],[80,2],[83,10],[82,2],[98,11],[96,12],[97,12],[100,13],[99,14],[103,15],[101,16],[102,17],[88,18],[89,19],[90,20],[91,21],[92,22],[94,23],[95,24]],"semanticDiagnosticsPerFile":[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103],"version":"5.9.3"}

package/es/components/KeyboardKey.js

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/keyboard-vue v0.0.1    *
 * Built with rollup               *
-* Build time: 2024-08-17 11:42:14 *
+* Build time: 2024-10-12 17:44:15 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************

package/es/components/KeyboardKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardKey.js","names":[],"sources":["../../src/components/KeyboardKey.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport type { KeyDefinition } from '@composy/keyboard-core'\n\nconst props = defineProps<{\n  /**\n   * 按键定义\n   */\n  keyDef: KeyDefinition\n  /**\n   * 是否大写状态\n   */\n  isUpperCase?: boolean\n  /**\n   * 基础宽度（px）\n   */\n  baseWidth?: number\n  /**\n   * 是否使用 flex 布局（用于 numpad 等需要均分宽度的键盘）\n   */\n  useFlex?: boolean\n}>()\n\nconst emit = defineEmits<{\n  press: [key: KeyDefinition]\n  showOptions: [options: string[]]\n}>()\n\n/**\n * 获取显示文本\n */\nconst label = computed(() => {\n  const keyLabel = props.keyDef.label\n  if (typeof keyLabel === 'string') {\n    return keyLabel\n  }\n  return props.isUpperCase ? keyLabel.upper : keyLabel.lower\n})\n\n/**\n * 计算按键宽度\n */\nconst keyWidth = computed(() => {\n  // 使用 flex 布局时，不设置固定宽度\n  if (props.useFlex) {\n    return undefined\n  }\n  const base = props.baseWidth ?? 36\n  const width = props.keyDef.width ?? 1\n  const gap = 6\n  return `${base * width + (width - 1) * gap}px`\n})\n\n/**\n * 计算按键的 flex 值（用于 numpad 布局）\n */\nconst keyFlex = computed(() => {\n  if (!props.useFlex) {\n    return undefined\n  }\n  // width 属性决定占几份\n  return props.keyDef.width ?? 1\n})\n\n/**\n * 计算 CSS 类\n */\nconst keyClass = computed(() => {\n  const classes = ['keyboard-key', `keyboard-key--${props.keyDef.type}`]\n\n  if (props.keyDef.className) {\n    classes.push(props.keyDef.className)\n  }\n\n  if (props.keyDef.disabled) {\n    classes.push('keyboard-key--disabled')\n  }\n\n  // Shift 键激活状态\n  if (props.keyDef.type === 'shift' && props.isUpperCase) {\n    classes.push('keyboard-key--active')\n  }\n\n  return classes\n})\n\n/**\n * 是否有下拉选项\n */\nconst hasOptions = computed(() => {\n  return props.keyDef.options && props.keyDef.options.length > 0\n})\n\n/**\n * 是否是纯选项按钮（有options但无value，点击只显示选项面板）\n */\nconst isOptionsOnly = computed(() => {\n  return hasOptions.value && !props.keyDef.value\n})\n\n/**\n * 处理按键点击\n */\nconst handlePress = (event: MouseEvent | TouchEvent) => {\n  event.preventDefault()\n  event.stopPropagation()\n\n  if (props.keyDef.disabled) {\n    return\n  }\n\n  // 纯选项按钮：点击直接显示选项面板\n  if (isOptionsOnly.value) {\n    emit('showOptions', props.keyDef.options!)\n    return\n  }\n\n  // 正常按键：触发按键事件\n  emit('press', props.keyDef)\n}\n\n/**\n * 处理下拉箭头点击（显示选项面板）\n */\nconst handleArrowClick = (event: MouseEvent | TouchEvent) => {\n  event.preventDefault()\n  event.stopPropagation()\n\n  if (props.keyDef.disabled) {\n    return\n  }\n\n  if (hasOptions.value) {\n    emit('showOptions', props.keyDef.options!)\n  }\n}\n</script>\n\n<template>\n  <div class=\"keyboard-key-wrapper\" :style=\"{ width: keyWidth, flex: keyFlex }\">\n    <button\n      :class=\"[keyClass, { 'has-options': hasOptions && !isOptionsOnly, 'is-options-only': isOptionsOnly }]\"\n      :disabled=\"keyDef.disabled\"\n      type=\"button\"\n      @mousedown.prevent=\"handlePress\"\n      @touchstart.prevent=\"handlePress\"\n    >\n      <!-- SVG 图标支持 -->\n      <span v-if=\"keyDef.icon\" class=\"keyboard-key__icon\" v-html=\"keyDef.icon\"></span>\n      <span v-else class=\"keyboard-key__label\">{{ label }}</span>\n      <!-- 纯选项按钮内嵌下拉箭头 -->\n      <span v-if=\"isOptionsOnly\" class=\"keyboard-key__arrow-inline\">▼</span>\n    </button>\n    <!-- 有value又有options的按钮：单独可点击的下拉箭头 -->\n    <span\n      v-if=\"hasOptions && !isOptionsOnly\"\n      class=\"keyboard-key__arrow\"\n      @mousedown.prevent=\"handleArrowClick\"\n      @touchstart.prevent=\"handleArrowClick\"\n    >▼</span>\n  </div>\n</template>\n\n<style>\n.keyboard-key-wrapper {\n  position: relative;\n  display: inline-flex;\n}\n\n.keyboard-key {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--keyboard-key-height, 42px);\n  min-width: 32px;\n  width: 100%;\n  padding: 0 6px;\n  border: none;\n  border-radius: var(--keyboard-key-radius, 6px);\n  background-color: var(--keyboard-key-bg, #fff);\n  color: var(--keyboard-key-color, #333);\n  font-size: var(--keyboard-font-size, 16px);\n  font-weight: 500;\n  cursor: pointer;\n  user-select: none;\n  touch-action: manipulation;\n  box-shadow: var(--keyboard-key-shadow, 0 1px 3px rgba(0, 0, 0, 0.1));\n  transition: background-color 0.1s, transform 0.1s;\n}\n\n.keyboard-key.has-options {\n  padding-right: 16px;\n}\n\n.keyboard-key:active {\n  background-color: var(--keyboard-key-active-bg, #e0e0e0);\n  transform: scale(0.95);\n}\n\n.keyboard-key--disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.keyboard-key--disabled:active {\n  transform: none;\n  background-color: var(--keyboard-key-bg, #fff);\n}\n\n/* 功能键样式 */\n.keyboard-key--backspace,\n.keyboard-key--shift,\n.keyboard-key--tab,\n.keyboard-key--clear,\n.keyboard-key--close {\n  background-color: var(--keyboard-fn-key-bg, #d4d6dc);\n  color: var(--keyboard-fn-key-color, #333);\n  font-size: var(--keyboard-fn-font-size, 14px);\n}\n\n.keyboard-key--backspace:active,\n.keyboard-key--shift:active,\n.keyboard-key--tab:active,\n.keyboard-key--clear:active,\n.keyboard-key--close:active {\n  background-color: var(--keyboard-fn-key-active-bg, #b8bac0);\n}\n\n/* Shift 激活状态 */\n.keyboard-key--active {\n  background-color: var(--keyboard-key-active-bg, #007aff) !important;\n  color: #fff !important;\n}\n\n/* 完成/确认键 */\n.keyboard-key--done,\n.keyboard-key--enter {\n  background-color: var(--keyboard-primary-bg, #007aff);\n  color: var(--keyboard-primary-color, #fff);\n  font-size: var(--keyboard-fn-font-size, 14px);\n  font-weight: 600;\n}\n\n.keyboard-key--done:active,\n.keyboard-key--enter:active {\n  background-color: var(--keyboard-primary-active-bg, #0062cc);\n}\n\n/* 空格键 */\n.keyboard-key--space {\n  background-color: var(--keyboard-key-bg, #fff);\n}\n\n.keyboard-key__icon {\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.keyboard-key__icon svg {\n  width: 1em;\n  height: 1em;\n}\n\n.keyboard-key__label {\n  pointer-events: none;\n  line-height: 1;\n}\n\n.keyboard-key__arrow {\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 8px;\n  opacity: 0.5;\n  cursor: pointer;\n  user-select: none;\n  touch-action: manipulation;\n  border-radius: 0 6px 6px 0;\n}\n\n.keyboard-key__arrow:active {\n  background-color: rgba(0, 0, 0, 0.1);\n  opacity: 1;\n}\n\n/* 纯选项按钮内嵌箭头 */\n.keyboard-key__arrow-inline {\n  margin-left: 4px;\n  font-size: 8px;\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n/* 纯选项按钮样式 */\n.keyboard-key.is-options-only {\n  font-size: 13px;\n  background-color: var(--keyboard-fn-key-bg, #d4d6dc);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"KeyboardKey.js","names":[],"sources":["../../src/components/KeyboardKey.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { KeyDefinition } from '@composy/keyboard-core'\r\nimport { sanitizeSvgIcon } from '@composy/keyboard-core'\r\nimport { computed } from 'vue'\r\n\r\nconst props = defineProps<{\r\n  /**\r\n   * 按键定义\r\n   */\r\n  keyDef: KeyDefinition\r\n  /**\r\n   * 是否大写状态\r\n   */\r\n  isUpperCase?: boolean\r\n  /**\r\n   * 基础宽度（px）\r\n   */\r\n  baseWidth?: number\r\n  /**\r\n   * 是否使用 flex 布局（用于 numpad 等需要均分宽度的键盘）\r\n   */\r\n  useFlex?: boolean\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  press: [key: KeyDefinition]\r\n  showOptions: [options: string[]]\r\n}>()\r\n\r\n/**\r\n * 获取显示文本\r\n */\r\nconst label = computed(() => {\r\n  const keyLabel = props.keyDef.label\r\n  if (typeof keyLabel === 'string') {\r\n    return keyLabel\r\n  }\r\n  return props.isUpperCase ? keyLabel.upper : keyLabel.lower\r\n})\r\n\r\nconst iconMarkup = computed(() => {\r\n  const icon = props.keyDef.icon\r\n  return icon ? sanitizeSvgIcon(icon) : ''\r\n})\r\n\r\n/**\r\n * 计算按键宽度\r\n */\r\nconst keyWidth = computed(() => {\r\n  // 使用 flex 布局时，不设置固定宽度\r\n  if (props.useFlex) {\r\n    return undefined\r\n  }\r\n  const base = props.baseWidth ?? 36\r\n  const width = props.keyDef.width ?? 1\r\n  const gap = 6\r\n  return `${base * width + (width - 1) * gap}px`\r\n})\r\n\r\n/**\r\n * 计算按键的 flex 值（用于 numpad 布局）\r\n */\r\nconst keyFlex = computed(() => {\r\n  if (!props.useFlex) {\r\n    return undefined\r\n  }\r\n  // width 属性决定占几份\r\n  return props.keyDef.width ?? 1\r\n})\r\n\r\n/**\r\n * 计算 CSS 类\r\n */\r\nconst keyClass = computed(() => {\r\n  const classes = ['keyboard-key', `keyboard-key--${props.keyDef.type}`]\r\n\r\n  if (props.keyDef.className) {\r\n    classes.push(props.keyDef.className)\r\n  }\r\n\r\n  if (props.keyDef.disabled) {\r\n    classes.push('keyboard-key--disabled')\r\n  }\r\n\r\n  // Shift 键激活状态\r\n  if (props.keyDef.type === 'shift' && props.isUpperCase) {\r\n    classes.push('keyboard-key--active')\r\n  }\r\n\r\n  return classes\r\n})\r\n\r\n/**\r\n * 是否有下拉选项\r\n */\r\nconst hasOptions = computed(() => {\r\n  return props.keyDef.options && props.keyDef.options.length > 0\r\n})\r\n\r\n/**\r\n * 是否是纯选项按钮（有options但无value，点击只显示选项面板）\r\n */\r\nconst isOptionsOnly = computed(() => {\r\n  return hasOptions.value && !props.keyDef.value\r\n})\r\n\r\n/**\r\n * 处理按键点击\r\n */\r\nconst handlePress = (event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n\r\n  if (props.keyDef.disabled) {\r\n    return\r\n  }\r\n\r\n  // 纯选项按钮：点击直接显示选项面板\r\n  if (isOptionsOnly.value) {\r\n    emit('showOptions', props.keyDef.options ?? [])\r\n    return\r\n  }\r\n\r\n  // 正常按键：触发按键事件\r\n  emit('press', props.keyDef)\r\n}\r\n\r\n/**\r\n * 处理下拉箭头点击（显示选项面板）\r\n */\r\nconst handleArrowClick = (event: MouseEvent | TouchEvent) => {\r\n  event.preventDefault()\r\n  event.stopPropagation()\r\n\r\n  if (props.keyDef.disabled) {\r\n    return\r\n  }\r\n\r\n  if (hasOptions.value) {\r\n    emit('showOptions', props.keyDef.options ?? [])\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"keyboard-key-wrapper\" :style=\"{ width: keyWidth, flex: keyFlex }\">\r\n    <button\r\n      :class=\"[\r\n        keyClass,\r\n        {\r\n          'has-options': hasOptions && !isOptionsOnly,\r\n          'is-options-only': isOptionsOnly,\r\n        },\r\n      ]\"\r\n      :disabled=\"keyDef.disabled\"\r\n      type=\"button\"\r\n      @mousedown.prevent=\"handlePress\"\r\n      @touchstart.prevent=\"handlePress\"\r\n    >\r\n      <!-- SVG 图标支持 -->\r\n      <span v-if=\"iconMarkup\" class=\"keyboard-key__icon\" v-html=\"iconMarkup\" />\r\n      <span v-else-if=\"keyDef.icon\" class=\"keyboard-key__label\">{{\r\n        keyDef.icon\r\n      }}</span>\r\n      <span v-else class=\"keyboard-key__label\">{{ label }}</span>\r\n      <!-- 纯选项按钮内嵌下拉箭头 -->\r\n      <span v-if=\"isOptionsOnly\" class=\"keyboard-key__arrow-inline\">▼</span>\r\n    </button>\r\n    <!-- 有value又有options的按钮：单独可点击的下拉箭头 -->\r\n    <span\r\n      v-if=\"hasOptions && !isOptionsOnly\"\r\n      class=\"keyboard-key__arrow\"\r\n      @mousedown.prevent=\"handleArrowClick\"\r\n      @touchstart.prevent=\"handleArrowClick\"\r\n      >▼</span\r\n    >\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.keyboard-key-wrapper {\r\n  position: relative;\r\n  display: inline-flex;\r\n}\r\n\r\n.keyboard-key {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  min-width: var(--ld-px-32);\r\n  height: var(--keyboard-key-height);\r\n  padding: 0 var(--ld-spacing-xs);\r\n  border: 0;\r\n  border-radius: var(--keyboard-key-radius);\r\n  background-color: var(--keyboard-key-bg);\r\n  color: var(--keyboard-key-color);\r\n  font-size: var(--keyboard-font-size);\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n  box-shadow: var(--keyboard-key-shadow);\r\n  transition:\r\n    background-color var(--ld-duration-fast),\r\n    transform var(--ld-duration-fast);\r\n}\r\n\r\n.keyboard-key.has-options {\r\n  padding-right: var(--ld-px-16);\r\n}\r\n.keyboard-key:active {\r\n  background-color: var(--keyboard-key-active-bg);\r\n  transform: scale(0.95);\r\n}\r\n.keyboard-key--disabled {\r\n  opacity: 0.4;\r\n  cursor: not-allowed;\r\n}\r\n.keyboard-key--disabled:active {\r\n  transform: none;\r\n  background-color: var(--keyboard-key-bg);\r\n}\r\n\r\n.keyboard-key--backspace,\r\n.keyboard-key--shift,\r\n.keyboard-key--tab,\r\n.keyboard-key--clear,\r\n.keyboard-key--close {\r\n  background-color: var(--keyboard-fn-key-bg);\r\n  color: var(--keyboard-fn-key-color);\r\n  font-size: var(--keyboard-fn-font-size);\r\n}\r\n\r\n.keyboard-key--backspace:active,\r\n.keyboard-key--shift:active,\r\n.keyboard-key--tab:active,\r\n.keyboard-key--clear:active,\r\n.keyboard-key--close:active {\r\n  background-color: var(--keyboard-fn-key-active-bg);\r\n}\r\n\r\n.keyboard-key--active {\r\n  background-color: var(--keyboard-key-active-bg) !important;\r\n  color: var(--ld-text-inverse) !important;\r\n}\r\n\r\n.keyboard-key--done,\r\n.keyboard-key--enter {\r\n  background-color: var(--keyboard-primary-bg);\r\n  color: var(--keyboard-primary-color);\r\n  font-size: var(--keyboard-fn-font-size);\r\n  font-weight: 600;\r\n}\r\n\r\n.keyboard-key--done:active,\r\n.keyboard-key--enter:active {\r\n  background-color: var(--keyboard-primary-active-bg);\r\n}\r\n.keyboard-key--space {\r\n  background-color: var(--keyboard-key-bg);\r\n}\r\n\r\n.keyboard-key__icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  pointer-events: none;\r\n}\r\n.keyboard-key__icon svg {\r\n  width: 1em;\r\n  height: 1em;\r\n}\r\n.keyboard-key__label {\r\n  pointer-events: none;\r\n  line-height: 1;\r\n}\r\n\r\n.keyboard-key__arrow {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: var(--ld-px-20);\r\n  border-radius: var(--ld-radius-none) var(--ld-radius-sm) var(--ld-radius-sm)\r\n    var(--ld-radius-none);\r\n  font-size: var(--ld-font-xs);\r\n  opacity: 0.5;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n}\r\n\r\n.keyboard-key__arrow:active {\r\n  background-color: var(--keyboard-key-active-bg);\r\n  opacity: 1;\r\n}\r\n\r\n.keyboard-key__arrow-inline {\r\n  margin-left: var(--ld-px-4);\r\n  font-size: var(--ld-font-xs);\r\n  opacity: 0.6;\r\n  pointer-events: none;\r\n}\r\n\r\n.keyboard-key.is-options-only {\r\n  background-color: var(--keyboard-fn-key-bg);\r\n  font-size: var(--ld-font-sm);\r\n}\r\n</style>\r\n"],"mappings":""}

package/es/components/KeyboardKey.vue_vue_type_script_setup_true_lang.js

@@ -2,12 +2,13 @@
 * ***********************************
 * @composy/keyboard-vue v0.0.1    *
 * Built with rollup               *
-* Build time: 2024-08-17 11:42:14 *
+* Build time: 2024-10-12 17:44:15 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
 */
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, withModifiers } from "vue";
+import { sanitizeSvgIcon } from "@composy/keyboard-core";
 //#region src/components/KeyboardKey.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["disabled"];
 const _hoisted_2 = ["innerHTML"];
@@ -17,6 +18,10 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
 	key: 2,
+	class: "keyboard-key__label"
+};
+const _hoisted_5 = {
+	key: 3,
 	class: "keyboard-key__arrow-inline"
 };
 var KeyboardKey_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -48,6 +53,10 @@ var KeyboardKey_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			if (typeof keyLabel === "string") return keyLabel;
 			return props.isUpperCase ? keyLabel.upper : keyLabel.lower;
 		});
+		const iconMarkup = computed(() => {
+			const icon = props.keyDef.icon;
+			return icon ? sanitizeSvgIcon(icon) : "";
+		});
 		const keyWidth = computed(() => {
 			if (props.useFlex) return;
 			const base = props.baseWidth ?? 36;
@@ -76,7 +85,7 @@ var KeyboardKey_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			event.stopPropagation();
 			if (props.keyDef.disabled) return;
 			if (isOptionsOnly.value) {
-				emit("showOptions", props.keyDef.options);
+				emit("showOptions", props.keyDef.options ?? []);
 				return;
 			}
 			emit("press", props.keyDef);
@@ -85,7 +94,7 @@ var KeyboardKey_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			event.preventDefault();
 			event.stopPropagation();
 			if (props.keyDef.disabled) return;
-			if (hasOptions.value) emit("showOptions", props.keyDef.options);
+			if (hasOptions.value) emit("showOptions", props.keyDef.options ?? []);
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -106,13 +115,13 @@ var KeyboardKey_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					onTouchstart: withModifiers(handlePress, ["prevent"])
 				}, [
 					createCommentVNode(" SVG 图标支持 "),
-					__props.keyDef.icon ? (openBlock(), createElementBlock("span", {
+					iconMarkup.value ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: "keyboard-key__icon",
-						innerHTML: __props.keyDef.icon
-					}, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(label.value), 1)),
+						innerHTML: iconMarkup.value
+					}, null, 8, _hoisted_2)) : __props.keyDef.icon ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.keyDef.icon), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(label.value), 1)),
 					createCommentVNode(" 纯选项按钮内嵌下拉箭头 "),
-					isOptionsOnly.value ? (openBlock(), createElementBlock("span", _hoisted_4, "▼")) : createCommentVNode("v-if", true)
+					isOptionsOnly.value ? (openBlock(), createElementBlock("span", _hoisted_5, "▼")) : createCommentVNode("v-if", true)
 				], 42, _hoisted_1),
 				createCommentVNode(" 有value又有options的按钮：单独可点击的下拉箭头 "),
 				hasOptions.value && !isOptionsOnly.value ? (openBlock(), createElementBlock("span", {