Documentation
ThermalTinkerBenchScreen
Thermal 强化工作台界面(TinkerBenchScreen 176×166):能量表、medium 流体罐 (151,8)、强化槽、辅件槽、3×3 强化槽阵 (79,16) 与 augment/replenish 模式切换按钮 (42,51)。
强化工作台玩家
import {
THERMAL_DEMO_PLAYER_HOTBAR,
THERMAL_DEMO_PLAYER_MAIN,
} from "../thermal-demo-data";
import { ThermalTinkerBenchScreen } from "./index";
/**
* ThermalTinkerBenchScreen 预览用例:铁胸甲安装「处理速度」强化。
*/
export function ThermalTinkerBenchScreenDemo() {
return (
<ThermalTinkerBenchScreen
energy={{ amount: 240000, capacity: 400000 }}
fluid={{ amount: 2700, capacity: 4000, tint: "#3c64c8" }}
input={{ count: 1, icon: "iron-chestplate", tooltip: "铁胸甲" }}
inputs={[
{ count: 1, icon: "gunpowder", tooltip: "强化:处理速度" },
null,
null,
null,
null,
null,
null,
null,
null,
null,
]}
onSlotClick={() => {}}
playerHotbar={THERMAL_DEMO_PLAYER_HOTBAR}
playerItems={THERMAL_DEMO_PLAYER_MAIN}
/>
);
}
Install
$pnpm add @tennantite/thermalnpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/thermal/src/thermal-tinker-bench-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.