Files
vscode-workbench/.trae/specs/translate-lang-search/spec.md
T

2.0 KiB

翻译工具语言选择支持搜索 Spec

Why

当前翻译工具的语言选择器使用纯下拉选择,语言种类多时用户需要手动滚动查找,效率低。用户期望能在语言选择框中直接输入文本,下方自动筛选提示匹配的语言。

What Changes

  • 所有语言选择器(文本翻译、图片翻译、语音翻译的源语言和目标语言)支持输入搜索
  • 输入时自动过滤匹配的语言选项,在下拉列表中提示
  • 搜索支持按语言名称(中文)和语言代码(如 zh、en)匹配

Impact

ADDED Requirements

Requirement: 语言选择器支持搜索

翻译工具中的所有语言选择器(Select 组件)SHALL 支持用户输入文本进行搜索过滤。

Scenario: 用户输入中文语言名称

  • WHEN 用户在源语言选择框中输入"日"
  • THEN 下拉列表自动过滤显示包含"日"的语言选项(如日语)

Scenario: 用户输入语言代码

  • WHEN 用户在目标语言选择框中输入"en"
  • THEN 下拉列表自动过滤显示匹配的语言选项(如英语)

Scenario: 用户清空搜索文本

  • WHEN 用户清除搜索框中的文本
  • THEN 下拉列表恢复显示全部语言选项

Scenario: 无匹配结果

  • WHEN 用户输入的内容没有匹配任何语言
  • THEN 下拉列表显示空状态提示"无匹配语言"

Requirement: 搜索范围覆盖所有翻译模式

搜索功能 SHALL 覆盖以下所有语言选择器:

  • 文本翻译:源语言选择器、目标语言选择器
  • 图片翻译:源语言选择器、目标语言选择器
  • 语音翻译:源语言选择器、目标语言选择器

Scenario: 图片翻译中的搜索

  • WHEN 用户在图片翻译的源语言选择器中输入"英"
  • THEN 下拉列表自动过滤,提示"英语"等匹配项