文档目录

改装工作台界面

工程师工作台：工具槽 + 6 升级槽 + 着色器槽 + 图纸输出 3×3 + 左/右翻页按钮（展示状态），176×168

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

工程师工作台物品栏

组成

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

代码

import { IeModWorkbenchScreen } from "./index";

/**
 * IeModWorkbenchScreen 预览用例：装有升级工具与图纸输出的第 2 页。
 */
export function IeModWorkbenchScreenDemo() {
  return (
    <IeModWorkbenchScreen
      currentPage={1}
      inputs={Array.from({ length: 6 }, (_, i) => i < 3 ? { count: 4, icon: "iron-ingot", tooltip: "升级插件" } : null)}
      onPageChange={() => {}}
      onSlotClick={() => {}}
      outputs={Array.from({ length: 9 }, (_, i) => i < 4 ? { count: 6, icon: "iron-ingot", tooltip: "图纸产物" } : null)}
      shader={{ icon: "iron-ingot", tooltip: "着色器" }}
      tool={{ icon: "iron-ingot", tooltip: "电钻" }}
    />
  );
}