文档目录
药水酿造机界面
IF 自动炼药机:6 格酿造输入、烈焰粉 / 水瓶、向下箭头进度与锁定按钮。
自动炼药机
8
import { useState } from "react";
import { IF_DEMO_FLUIDS, IF_DEMO_ITEMS } from "../if-demo-data";
import { IfPotionBrewerScreen } from "./index";
export function IfPotionBrewerScreenDemo() {
const [isLocked, setIsLocked] = useState(false);
return (
<IfPotionBrewerScreen
blazeInput={IF_DEMO_ITEMS.gunpowder}
bottleInput={IF_DEMO_ITEMS.potion}
brewingInput={[
IF_DEMO_ITEMS.wheat,
IF_DEMO_ITEMS.apple,
IF_DEMO_ITEMS.emerald,
]}
fuel={0.5}
isLocked={isLocked}
onLockChange={setIsLocked}
output={[IF_DEMO_ITEMS.potion]}
progress={0.7}
water={IF_DEMO_FLUIDS.water}
/>
);
}
安装
$pnpm add @tennantite/industrialforegoingnpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/industrialforegoing/src/if-potion-brewer-screen/index.tsxnpm 包保留源码目录,可直接复制改造。