wangjia
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>
34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
/**
|
||
* 审批闸卡片：琥珀 dim 边 + 实心琥珀闸标签 + 产出文档块 + accept/reject 动作脚。配套 GateStripe 斜纹警示条。
|
||
*/
|
||
export interface GateCardProps {
|
||
/** 闸类型颜色：plan 拆解评审 · spec 方案评审 · exec 结果评审 */
|
||
gate?: 'plan' | 'spec' | 'exec';
|
||
/** 覆盖闸标签文字（多语言场景） */
|
||
kindLabel?: string;
|
||
title?: React.ReactNode;
|
||
/** 头部右侧 meta 文字 */
|
||
meta?: React.ReactNode;
|
||
/** 文档块上方 .18em 字距小标签，如 "改动方案（SPEC）" */
|
||
docLabel?: string;
|
||
/** 产出文本，渲染进 pre.doc（左侧绿 dim 强调边） */
|
||
doc?: string;
|
||
/** 底部动作行（accept / reject 按钮对） */
|
||
actions?: React.ReactNode;
|
||
/** 折叠时隐藏正文与动作脚，仅留头部 */
|
||
collapsed?: boolean;
|
||
/** 显示头部右上的折叠/展开 ▾▸ 按钮 */
|
||
foldable?: boolean;
|
||
onToggleFold?: () => void;
|
||
foldTitle?: string;
|
||
/** 头部右侧自定义元素（折叠按钮左侧） */
|
||
headerExtra?: React.ReactNode;
|
||
/** 头部双击回调（如全屏阅读） */
|
||
onHeaderDoubleClick?: () => void;
|
||
/** 头部/整卡 title 提示（如「双击全屏」） */
|
||
headerTitle?: string;
|
||
children?: React.ReactNode;
|
||
style?: React.CSSProperties;
|
||
}
|
||
export declare function GateCard(props: GateCardProps): JSX.Element;
|