文档目录

库存管理员界面

Create 库存管理员请求界面（stock-keeper header/body/footer 三段 226×高自适应，整体左移 15px）：搜索框、锁定开关、分类行 + 9 列物品网格、滚动条、下单行与发送按钮。

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

库存管理员

食材

128

材料

512

组成

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

代码

import { CreateStockKeeperScreen } from "./index";

/**
 * CreateStockKeeperScreen 预览用例：两个分类 + 部分滚动的物品网格。
 */
export function CreateStockKeeperScreenDemo() {
  return (
    <CreateStockKeeperScreen
      address="仓库 3 号"
      bodyRows={5}
      categories={[
        {
          id: "food",
          items: [
            { count: 64, icon: "wheat" },
            { count: 128, icon: "apple" },
            { count: 32, icon: "gold-ingot" },
          ],
          name: "食材",
        },
        {
          id: "materials",
          items: [
            { count: 512, icon: "iron-ingot" },
            { count: 64, icon: "gunpowder" },
            { count: 16, icon: "diamond" },
          ],
          name: "材料",
        },
      ]}
      order={[
        { count: 64, icon: "wheat" },
        { count: 16, icon: "diamond" },
      ]}
      scroll={0.2}
    />
  );
}