文档目录

流体发生器界面

流体泵站：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 }}
    />
  );
}

安装

$pnpm add @tennantite/ie

npm 方式安装编译产物；需要改造源码请用上方的 CLI 拷贝安装。

源码

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

npm 包保留源码目录，可直接复制改造。