文档目录
合成器界面
176×166 合成器界面,3×3 网格与红石状态。
合成器
import { CrafterScreen } from "./index";
/**
* CrafterScreen 预览用例(规格 §6.2):4 木板 2×2 → 工作台
*/
export function CrafterScreenDemo() {
return (
<CrafterScreen
items={[
{ count: 1, icon: "oak-planks" },
{ count: 1, icon: "oak-planks" },
null,
{ count: 1, icon: "oak-planks" },
{ count: 1, icon: "oak-planks" },
null,
null,
null,
null,
]}
output={{ count: 1, icon: "crafting-table", tooltip: "工作台" }}
powered
title="合成器"
/>
);
}
安装
CLI 拷贝
$npx shadcn add @tennantite/crafter-screennpm 直装
$pnpm add @tennantite/uinpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/ui/src/screens/containers/crafter-screen/index.tsxnpm 包保留源码目录,可直接复制改造。