Documentation
IeCrateScreen
木箱:3×9 存储槽 + 顶部可编辑名称框(EditBox 橙色无边框),176×168
物品栏
import { IeCrateScreen } from "./index";
/**
* IeCrateScreen 预览用例:装满矿物的储物木箱。
*/
export function IeCrateScreenDemo() {
return (
<IeCrateScreen
items={Array.from({ length: 27 }, (_, i) => i < 9 ? { count: 64, icon: "iron-ore", tooltip: "铁矿石" } : (i < 12 ? { count: 32, icon: "iron-ingot", tooltip: "铁锭" } : null))}
name="矿场补给箱"
onNameChange={() => {}}
onSlotClick={() => {}}
/>
);
}
Install
$pnpm add @tennantite/ienpm installs the compiled package; use the CLI copy above to adapt the source.
Source
packages/ie/src/ie-crate-screen/index.tsxThe npm package keeps the source tree, so you can copy and adapt it directly.