SuggestionList 追问建议

    一个轻量的追问建议列表组件，支持图标、提示、不同布局与三种样式类型。

    代码演示

    基础用法

    API

    SuggestionList

    属性说明类型默认值版本
    className自定义类名string--
    style自定义样式React.CSSProperties--
    items建议项列表SuggestionItem[][]-
    onItemClick点击回调（无 item.onClick 时）(value: string) => void | Promise<void>--
    layout布局'vertical' | 'horizontal''vertical'-
    maxItems最大显示数量number6-
    type样式类型'basic' | 'transparent' | 'white''basic'-
    showMore左上角"搜索更多"入口配置{ enable: boolean; onClick?: () => void; text?: string; icon?: React.ReactNode }--

    SuggestionItem

    属性说明类型默认值版本
    key唯一键React.Key--
    text展示文本string--
    icon前置图标React.ReactNode--
    tooltip悬浮提示string--
    disabled是否禁用booleanfalse-
    onClick自定义点击回调(text: string) => void | Promise<void>--
    actionIcon右侧动作图标/箭头React.ReactNode--

    样式类型说明

    • basic：
      • background: var(--color-gray-bg-card-light)
      • hover: var(--color-gray-control-fill-active)
    • transparent：
      • background: var(--color-gray-bg-transparent)
      • hover: var(--color-gray-control-fill-hover)
    • white：
      • background: var(--color-gray-bg-card-white)
      • box-shadow: var(--shadow-control-base)
      • hover: background 保持白色，box-shadow: var(--shadow-control-lg)