Documentation
Ae2PatternAccessTerminalScreen
样式访问终端(CPU 选择表):cpu_selector.png 94×164 列表面板,6 行 67×23 可选 CPU 行块 + 右侧滚动条,选中行高亮。
import { Ae2PatternAccessTerminalScreen } from "./index";
/**
* Ae2PatternAccessTerminalScreen 预览用例:一台满载 CPU + 两台空闲 CPU。
*/
export function Ae2PatternAccessTerminalScreenDemo() {
return (
<Ae2PatternAccessTerminalScreen
cpus={[
{ detail: "存储: 2,034 · 合成中: 64", id: "cpu-0", name: "主 CPU" },
{ detail: "空闲", id: "cpu-1", name: "备用 CPU" },
{ detail: "空闲", id: "cpu-2", name: "并行 CPU" },
]}
onCpuClick={() => {}}
scroll={0.4}
selectedId="cpu-0"
/>
);
}
Install
$pnpm add @tennantite/ae2npm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/ae2/src/ae2-pattern-access-terminal-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.