文档目录

铁砧界面

110×16 名称输入 + 物品 / 材料 / 产物槽 + 等级费用。

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

修理

1 级

组成

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

界面基座玩家物品栏输入框

代码

import { useState } from "react";

import { AnvilScreen } from "./index";

/**
 * AnvilScreen 预览用例（规格 §6.2）
*/
export function AnvilScreenDemo() {
  const [name, setName] = useState("铁剑");
  return (
    <AnvilScreen
      item={{ icon: "sword", tooltip: "铁剑" }}
      levelCost={1}
      material={{ count: 1, icon: "iron-ingot", tooltip: "铁锭" }}
      onNameChange={setName}
      result={{ icon: "sword", tooltip: "铁剑（已修复）" }}
      title="修理"
      value={name}
    />
  );
}