/** * @fileoverview 语言选择器组件 * 提供搜索和选择编程语言的交互界面 * @author Code Plugin Team */ import React from 'react'; /** * 语言选择器组件的属性接口 */ export interface LanguageSelectorProps { /** 代码块元素信息 */ element?: { /** 当前选择的编程语言 */ language?: string; /** 是否为数学公式(katex) */ katex?: any; }; /** 容器引用,用于焦点管理 */ containerRef?: React.RefObject; /** 语言变更回调函数 */ setLanguage?: (language: string) => void; } /** * 语言选择器组件 * * 功能: * - 显示当前选择的编程语言 * - 提供搜索功能快速查找语言 * - 支持点击切换语言 * - 显示语言对应的图标 * * 交互: * - 点击按钮打开语言选择弹层 * - 在搜索框中输入关键字过滤语言 * - 选择语言后自动关闭弹层 * - 支持键盘导航(Enter 键确认) * * @param props - 组件属性 * @returns React 语言选择器元素 * * @example * ```tsx * console.log('Selected:', lang)} * /> * ``` */ export declare const LanguageSelector: (props: LanguageSelectorProps) => React.JSX.Element;