Documentation

IeFluidProducerScreen

流体泵站：3×3 网格 + 流体单元/容器/输出槽 + 罐显示区与能量表（1.12.2 贴图，无上游 GUI 类，坐标像素测量重建），176×166

流体泵站物品栏

import { IeFluidProducerScreen } from "./index";

/**
 * IeFluidProducerScreen 预览用例：流体泵站，无物品配方；罐 40%，能量 55%。
 */
export function IeFluidProducerScreenDemo() {
  return (
    <IeFluidProducerScreen
      cell={undefined}
      energy={{ max: 32000, value: 17600 }}
      grid={[]}
      input={undefined}
      onSlotClick={() => {}}
      output={undefined}
      tank={{ max: 8000, tint: "#3a5cc8", value: 3200 }}
    />
  );
}

Install

$pnpm add @tennantite/ie

npm installs the compiled package; use the CLI copy above to adapt the source.

Source

packages/ie/src/ie-fluid-producer-screen/index.tsx

The npm package keeps the source tree, so you can copy and adapt it directly.