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>
16 lines
544 B
TypeScript
16 lines
544 B
TypeScript
/**
|
||
* 额度/用量计量条：LED 分段小灯 + 同色加粗百分比，用量分级自动变色（≤80% 青 / >80% 琥珀 / >95% 红），已用格带辉光。
|
||
*/
|
||
export interface QuotaMeterProps {
|
||
/** 左侧小标签，如 "5h" / "周" */
|
||
label?: string;
|
||
/** 用量百分比 0–100 */
|
||
pct?: number;
|
||
/** 右侧弱化说明，如 "3h 8m 后重置" */
|
||
detail?: string;
|
||
/** 分段格数，默认 16 */
|
||
cells?: number;
|
||
style?: React.CSSProperties;
|
||
}
|
||
export declare function QuotaMeter(props: QuotaMeterProps): JSX.Element;
|