5a1e185b1a
phosphor console v1.1 设计系统(从现网 web/style.css 演化):tokens(colors/effects/ typography/fonts) + components(core/forms/surfaces .jsx) + ui_kits(console + console_mobile) + assets/icons(15 双色 SVG) + guidelines + CLAUDE/SKILL/readme。供 B1–B6 重构任务对照实现。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
17 lines
805 B
TypeScript
17 lines
805 B
TypeScript
/**
|
|
* 复杂度分段选择:HARD / MEDIUM / EASY 三段,选中段填充对应信号色 dim 底。
|
|
* 可选第四段 auto(智能 · 由模型决定复杂度),青色信号。
|
|
*/
|
|
export interface ComplexitySegProps {
|
|
value?: 'hard' | 'medium' | 'easy' | 'auto';
|
|
defaultValue?: 'hard' | 'medium' | 'easy' | 'auto';
|
|
onChange?: (value: 'hard' | 'medium' | 'easy' | 'auto') => void;
|
|
/** 追加 auto 段(青色):由模型决定复杂度 */
|
|
includeAuto?: boolean;
|
|
/** auto 段文字,默认 'AUTO'(可传本地化「智能」) */
|
|
autoLabel?: string;
|
|
/** 覆盖各段文字:{ hard, medium, easy, auto } 局部即可 */
|
|
labels?: Partial<Record<'hard' | 'medium' | 'easy' | 'auto', string>>;
|
|
}
|
|
export declare function ComplexitySeg(props: ComplexitySegProps): JSX.Element;
|