文档目录
图样访问终端界面
样式访问终端(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"
/>
);
}
安装
$pnpm add @tennantite/ae2npm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ae2/src/ae2-pattern-access-terminal-screen/index.tsxnpm 包保留源码目录,可直接复制改造。