跳到主要内容
Tennantite
EN
文档目录

自动工作台界面

自动工作台:4×4 材料存储槽 + 图纸槽 + 配方选择按钮组(y 依数量 68/59/…)+ 能量条,176×184

全屏预览预览页不进入搜索引擎索引
自动工作台物品栏

组成

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

代码

import { IeAutoWorkbenchScreen } from "./index";

/**
 * IeAutoWorkbenchScreen 预览用例:工程师蓝图(铁机械零件),材料齐备,能量 50%。
 */
export function IeAutoWorkbenchScreenDemo() {
  return (
    <IeAutoWorkbenchScreen
      blueprint={{ icon: "wheat", tooltip: "工程师蓝图(铁机械零件)" }}
      energy={{ max: 32000, value: 16000 }}
      onRecipeSelect={() => {}}
      onSlotClick={() => {}}
      recipes={[
        { icon: "iron-ingot", selected: true, tooltip: "铁机械零件" },
      ]}
      storage={[
        { count: 2, icon: "iron-ingot", tooltip: "铁板" },
        { count: 1, icon: "copper-ingot", tooltip: "铜锭" },
        ...Array.from({ length: 14 }, () => null),
      ]}
    />
  );
}