Documentation
Ae2TerminalScreen
AE2 ME terminal built from the original GUI texture (17 + 18×rows + 97): item grid, search field, scrollbar, player inventory and left toolbar.
ME 终端物品栏
import { Ae2TerminalScreen } from "./index";
/**
* Ae2TerminalScreen 预览用例:6 行终端,原版图标近似 AE2 物品。
*/
export function Ae2TerminalScreenDemo() {
return (
<Ae2TerminalScreen
entriesLabel="1-54"
hotbarItems={[
{ icon: "stone-block", tooltip: "石头" },
{ count: 64, icon: "iron-ingot", tooltip: "铁锭" },
{ count: 16, icon: "gold-ingot", tooltip: "金锭" },
{ icon: "diamond", tooltip: "钻石" },
]}
items={[
{ count: 64, icon: "diamond", tooltip: "钻石" },
{ count: 32, icon: "iron-ingot", tooltip: "铁锭" },
{ count: 16, icon: "gold-ingot", tooltip: "金锭" },
{ count: 64, icon: "lapis-lazuli", tooltip: "青金石" },
{ count: 8, icon: "redstone", tooltip: "红石" },
{ count: 64, icon: "stone-block", tooltip: "石头" },
{ count: 12, icon: "emerald", tooltip: "绿宝石" },
]}
mainItems={[
{ count: 64, icon: "stone-block", tooltip: "石头" },
{ count: 64, icon: "iron-ingot", tooltip: "铁锭" },
{ count: 64, icon: "diamond", tooltip: "钻石" },
]}
searchPlaceholder="搜索…"
/>
);
}
Install
$pnpm add @tennantite/ae2npm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/ae2/src/ae2-terminal-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.