safety-eval-service-frontend/.cursor/skills/specs/08-表单与交互规范/02-下拉选择搜索功能/SKILL.md

name	description
jjb-form-select-search	定义 JJB 项目下拉选择与级联选择搜索功能规范。在使用 Select、Cascader 或 showSearch 时使用。

表单与交互规范

表单组件

• 下拉选择与级联选择搜索功能：

  • 强制要求：除提示语明确要求不做搜索的情况下，所有级联选择（Cascader）和普通下拉选择（Select）必须支持搜索功能

  • 实现方式：

    • Select 组件：添加 showSearch 属性
    • Cascader 组件：添加 showSearch 属性

  • 使用示例：

    // ✅ 正确：Select 支持搜索
    <Select
      showSearch
      placeholder="请选择"
      allowClear
      filterOption={(input, option) =>
        (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
      }
    >
      <Option value="1">选项1</Option>
      <Option value="2">选项2</Option>
    </Select>
    
    // ✅ 正确：Cascader 支持搜索
    <Cascader
      showSearch
      placeholder="请选择"
      allowClear
      options={options}
    />