Documentation

CreateStockKeeperScreen

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

库存管理员

食材

128

材料

512

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}
    />
  );
}

Install

$pnpm add @tennantite/create

npm installs the compiled package; use the CLI copy above to adapt the source.

Source

packages/create/src/create-stock-keeper-screen/index.tsx

The npm package keeps the source tree, so you can copy and adapt it directly.