增强下拉框模块（customSelect.ts）

模块路径：web_rviz/src/customSelect.ts

用途

在保留原生 select 作为真实数据源的前提下，为其包上一层可定制样式、支持键盘操作的增强下拉框。

公开接口

CustomSelectController

• refresh()：根据当前原生 select 状态重建自定义选项列表。

• dispose()：移除增强包装，并把原始 select 原位恢复。

enhanceSelect(select: HTMLSelectElement): CustomSelectController

增强一个 select 元素并返回其控制器。

refreshEnhancedSelect(select: HTMLSelectElement): void

如果该 select 已经增强，则刷新对应的自定义菜单内容。

行为说明

• 目标 select 必须已经挂载到某个父元素下。

• 每个 select 最多只会创建一个控制器；重复调用 enhanceSelect() 会复用现有实例。

• 内部使用 MutationObserver 监听选项变化和禁用状态变化，保证自定义菜单与原生控件同步。

• 点击组件外部区域或按下 Escape 会关闭所有已展开的增强下拉框。

• 选择新选项时会同步更新原生值，并派发一个冒泡的 change 事件。