文档目录

酿造台界面

燃料 / 原料 / 3 瓶位 + 气泡与箭头裁剪进度。

全屏预览预览页不进入搜索引擎索引

酿造台

组成

这些是可直接组合的组件；Block 只是把它们按原版坐标放在一起。

代码

import { BrewingStandScreen } from "./index";

interface BrewingStandScreenDemoProps {
  brewProgress?: number;
  fuelProgress?: number;
}

/**
 * BrewingStandScreen 预览用例（规格 §6.2）
*/
export function BrewingStandScreenDemo({ brewProgress = 0.6, fuelProgress = 0 }: BrewingStandScreenDemoProps = {}) {
  return (
    <BrewingStandScreen
      blazeFuel={{ count: 20, icon: "blaze-powder", tooltip: "烈焰粉" }}
      bottles={[{ icon: "potion", tooltip: "水瓶" }, null, { icon: "potion", tooltip: "水瓶" }]}
      brewProgress={brewProgress}
      fuelProgress={fuelProgress}
      ingredient={{ icon: "nether-wart", tooltip: "地狱疣" }}
      title="酿造台"
    />
  );
}