文档目录

装配机界面

装配器：3 组幽灵配方网格 + 3 输出 + 18 存储 + 三罐 + 每配方清空按钮与递归开关，230×218

全屏预览预览页不进入搜索引擎索引

装配器物品栏

组成

这些是可直接组合的组件；Block 只是把它们按原版坐标放在一起。

代码

import { IeAssemblerScreen } from "./index";

interface IeAssemblerScreenDemoProps {
  energy?: { max: number; value: number };
}

/**
 * IeAssemblerScreen 预览用例：铁机械零件图纸（2 铁板 + 1 铜锭），能量 62%。
 */
export function IeAssemblerScreenDemo({ energy = { max: 32000, value: 20000 } }: IeAssemblerScreenDemoProps = {}) {
  return (
    <IeAssemblerScreen
      energy={energy}
      onClear={() => {}}
      onRecursiveToggle={() => {}}
      onSlotClick={() => {}}
      outputs={[{ count: 1, icon: "iron-ingot", tooltip: "铁机械零件" }, null, null]}
      patterns={[[
        { count: 2, icon: "iron-ingot", tooltip: "铁板" },
        { count: 1, icon: "copper-ingot", tooltip: "铜锭" },
      ]]}
      recursive
      storage={[
        { count: 64, icon: "iron-ingot", tooltip: "铁板" },
        { count: 64, icon: "copper-ingot", tooltip: "铜锭" },
        ...Array.from({ length: 16 }, () => null),
      ]}
      tankValues={[
        { max: 8000, tint: "#3a5cc8", value: 4000 },
        null,
        { max: 8000, tint: "#7a8f3a", value: 6000 },
      ]}
    />
  );
}