2.0 KiB
2.0 KiB
翻译工具语言选择支持搜索 Spec
Why
当前翻译工具的语言选择器使用纯下拉选择,语言种类多时用户需要手动滚动查找,效率低。用户期望能在语言选择框中直接输入文本,下方自动筛选提示匹配的语言。
What Changes
- 所有语言选择器(文本翻译、图片翻译、语音翻译的源语言和目标语言)支持输入搜索
- 输入时自动过滤匹配的语言选项,在下拉列表中提示
- 搜索支持按语言名称(中文)和语言代码(如 zh、en)匹配
Impact
- Affected specs: 无
- Affected code: src/pages/BaiduTranslate/BaiduTranslate.tsx
ADDED Requirements
Requirement: 语言选择器支持搜索
翻译工具中的所有语言选择器(Select 组件)SHALL 支持用户输入文本进行搜索过滤。
Scenario: 用户输入中文语言名称
- WHEN 用户在源语言选择框中输入"日"
- THEN 下拉列表自动过滤显示包含"日"的语言选项(如日语)
Scenario: 用户输入语言代码
- WHEN 用户在目标语言选择框中输入"en"
- THEN 下拉列表自动过滤显示匹配的语言选项(如英语)
Scenario: 用户清空搜索文本
- WHEN 用户清除搜索框中的文本
- THEN 下拉列表恢复显示全部语言选项
Scenario: 无匹配结果
- WHEN 用户输入的内容没有匹配任何语言
- THEN 下拉列表显示空状态提示"无匹配语言"
Requirement: 搜索范围覆盖所有翻译模式
搜索功能 SHALL 覆盖以下所有语言选择器:
- 文本翻译:源语言选择器、目标语言选择器
- 图片翻译:源语言选择器、目标语言选择器
- 语音翻译:源语言选择器、目标语言选择器
Scenario: 图片翻译中的搜索
- WHEN 用户在图片翻译的源语言选择器中输入"英"
- THEN 下拉列表自动过滤,提示"英语"等匹配项