import React from 'react'; /** * ScopeBar 搜索范围条(共享子组件)。 * * - 形态:左侧"搜索范围"label + 默认 Radio.Group(带圆点的真正 radio,不是按钮组); * - 紧贴搜索框下方使用,FullPage 与 Modal 形态共用,保持视觉一致; * - 右侧可通过 `extra` 槽位塞额外控件(如 PisellGlobalSearch modal 形态里的 Mode 切换 Segmented)。 * * **抽出动机**:原本 FullPage / PisellGlobalSearch 各维护一份样式(`-fp__scope-bar` / * `pisell-global-search__scope-bar`),双份样式很容易走样。抽到这里之后两边都引用同一个 * `pisell-global-search-scope-bar` 命名空间,改样式只改这一处。 */ export interface ScopeBarOption { value: string; label: React.ReactNode; } export interface ScopeBarProps { options: ScopeBarOption[]; value: string; onChange: (next: string) => void; /** 左侧 label;不传则走 `pisell-global-search.scope.label` 多语言 */ scopeLabel?: React.ReactNode; /** 右侧 extra 槽(modal 形态里 mode segmented 会塞在这里) */ extra?: React.ReactNode; className?: string; style?: React.CSSProperties; } declare const ScopeBar: React.FC; export default ScopeBar;