Documentation
Ae2MolecularAssemblerScreen
分子装配室:mac.png 211×197 面板 + 5 槽升级条,3×3 装配格、图样/输出槽与竖直进度条。
分子装配室
物品栏
import { Ae2MolecularAssemblerScreen } from "./index";
/**
* Ae2MolecularAssemblerScreen 预览用例:4 木板 2×2 → 工作台,装配进度 70%。
*/
export function Ae2MolecularAssemblerScreenDemo() {
const planks = { count: 1, icon: "oak-planks" as const };
return (
<Ae2MolecularAssemblerScreen
craftGrid={[planks, planks, null, planks, planks, null, null, null, null]}
hotbarItems={Array.from({ length: 9 }, (_, index) => ({ icon: index % 2 ? "charcoal" : "iron-ingot" }))}
mainItems={Array.from({ length: 15 }, (_, index) => ({ icon: index % 2 ? "gold-ingot" : "iron-ingot" }))}
output={{ count: 1, icon: "crafting-table", tooltip: "工作台" }}
pattern={{ icon: "gold-ingot", tooltip: "工作台图样" }}
progress={0.7}
upgrades={[{ icon: "emerald", tooltip: "加速卡" }, { icon: "emerald", tooltip: "加速卡" }]}
/>
);
}
Install
$pnpm add @tennantite/ae2npm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/ae2/src/ae2-molecular-assembler-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.