45 lines
2.0 KiB
Markdown
45 lines
2.0 KiB
Markdown
# 翻译工具语言选择支持搜索 Spec
|
|
|
|
## Why
|
|
当前翻译工具的语言选择器使用纯下拉选择，语言种类多时用户需要手动滚动查找，效率低。用户期望能在语言选择框中直接输入文本，下方自动筛选提示匹配的语言。
|
|
|
|
## What Changes
|
|
- 所有语言选择器（文本翻译、图片翻译、语音翻译的源语言和目标语言）支持输入搜索
|
|
- 输入时自动过滤匹配的语言选项，在下拉列表中提示
|
|
- 搜索支持按语言名称（中文）和语言代码（如 zh、en）匹配
|
|
|
|
## Impact
|
|
- Affected specs: 无
|
|
- Affected code: [src/pages/BaiduTranslate/BaiduTranslate.tsx](file:///c:/Users/12914/Desktop/vscode/chunyu_project_react/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** 下拉列表自动过滤，提示"英语"等匹配项 |