Documentation
ThermalFluidCacheScreen
Thermal 流体缓存仓界面(FluidCellScreen 176×166):medium 流体储罐 (80,22) 18×42 自下而上填充 + 液位刻度,进/出料图标、速率文本与 ± 按钮行,照物品缓存仓模式。
流体缓存仓4080玩家
import {
THERMAL_DEMO_PLAYER_HOTBAR,
THERMAL_DEMO_PLAYER_MAIN,
} from "../thermal-demo-data";
import { ThermalFluidCacheScreen } from "./index";
/**
* ThermalFluidCacheScreen 预览用例:流体缓存仓 60% 液位。
*/
export function ThermalFluidCacheScreenDemo() {
return (
<ThermalFluidCacheScreen
amount={24000}
capacity={40000}
inputRate={40}
maxInput={160}
maxOutput={320}
onInputChange={() => {}}
onOutputChange={() => {}}
outputRate={80}
playerHotbar={THERMAL_DEMO_PLAYER_HOTBAR}
playerItems={THERMAL_DEMO_PLAYER_MAIN}
tint="#3c64c8"
/>
);
}
Install
$pnpm add @tennantite/thermalnpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/thermal/src/fluid-cache-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.