文档目录
库存管理员界面
Create 库存管理员请求界面(stock-keeper header/body/footer 三段 226×高自适应,整体左移 15px):搜索框、锁定开关、分类行 + 9 列物品网格、滚动条、下单行与发送按钮。
库存管理员
食材
64
128
32
材料
512
64
16
64
16
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}
/>
);
}
安装
$pnpm add @tennantite/createnpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/create/src/create-stock-keeper-screen/index.tsxnpm 包保留源码目录,可直接复制改造。