docs(design): 解压 Maestro Design System 到 design/(重构参照材料)

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>
This commit is contained in:
wangjia
2026-06-13 14:29:07 +08:00
parent 0b3ebbd569
commit 5a1e185b1a
102 changed files with 10323 additions and 0 deletions
+33
View File
@@ -0,0 +1,33 @@
/**
* 审批闸卡片:琥珀 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;