文档目录
熔炉界面
输入 / 燃料 / 26×26 产物 + 火焰与箭头进度。
熔炉
import { FurnaceScreen } from "./index";
interface FurnaceScreenDemoProps {
burnProgress?: number;
cookProgress?: number;
}
/**
* FurnaceScreen 预览用例(规格 §6.2):铁矿石 → 铁锭
*/
export function FurnaceScreenDemo({ burnProgress = 0.8, cookProgress = 0.45 }: FurnaceScreenDemoProps = {}) {
return (
<FurnaceScreen
burnProgress={burnProgress}
cookProgress={cookProgress}
fuel={{ count: 3, icon: "charcoal", tooltip: "木炭" }}
input={{ icon: "iron-ore", tooltip: "铁矿石" }}
output={{ count: 1, icon: "iron-ingot", tooltip: "铁锭" }}
title="熔炉"
/>
);
}
安装
CLI 拷贝
$npx shadcn add @tennantite/furnace-screennpm 直装
$pnpm add @tennantite/uinpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ui/src/screens/containers/furnace-screen/index.tsxnpm 包保留源码目录,可直接复制改造。