# 翻译工具语言选择支持搜索 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** 下拉列表自动过滤，提示"英语"等匹配项