文档目录
合成终端界面
AE2 合成终端(原版 crafting.png 切片,默认 6 行 195×295):物品网格 + 3×3 合成格、清空按钮、26×26 结果槽与玩家背包。
终端合成终端物品栏
import { Ae2CraftingTerminalScreen } from "./index";
/**
* Ae2CraftingTerminalScreen 预览用例:12 行终端(对齐参考截图版式),
* 合成区留空,物品栏注入常用物品。
*/
export function Ae2CraftingTerminalScreenDemo() {
return (
<Ae2CraftingTerminalScreen
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: "钻石" },
]}
rows={12}
searchPlaceholder="搜索…"
/>
);
}
安装
$pnpm add @tennantite/ae2npm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ae2/src/ae2-crafting-terminal-screen/index.tsxnpm 包保留源码目录,可直接复制改造。