Documentation
IeModWorkbenchScreen
工程师工作台:工具槽 + 6 升级槽 + 着色器槽 + 图纸输出 3×3 + 左/右翻页按钮(展示状态),176×168
工程师工作台物品栏
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: "电钻" }}
/>
);
}
Install
$pnpm add @tennantite/ienpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/ie/src/ie-mod-workbench-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.