文档目录
列车时刻表界面
Create 列车时刻表界面(schedule 整版 256×226):路线竖条与卡片列(指令题头胶囊 + 且/或条件列 + 移除/复制/上下移)、进度指针、循环/重置/跳过按钮与 schedule_2 编辑浮层。
列车时刻表
Idle 5 分
车厢满载
储物已满
开启红石
Idle 30 秒
import { CreateTrainScheduleScreen } from "./index";
/**
* CreateTrainScheduleScreen 预览用例:三条卡片(目的地 / 带条件的分段等待)+
* 循环开启、进度指向第二条。
*/
export function CreateTrainScheduleScreenDemo() {
return (
<CreateTrainScheduleScreen
cyclic
entries={[
{
conditions: [
[{ label: "Idle 5 分", width: 90 }],
[{ label: "车厢满载", width: 100 }],
],
icon: { count: 1, icon: "wheat", tooltip: "运送货物" },
id: "quarry",
label: "采石场",
supportsConditions: true,
width: 100,
},
{
id: "station-a",
label: "中央车站",
width: 110,
},
{
conditions: [
[{ label: "储物已满", width: 100 }, { label: "开启红石", width: 100 }],
[{ label: "Idle 30 秒", width: 90 }],
],
icon: { count: 1, icon: "iron-ingot", tooltip: "回收铁锭" },
id: "smelter",
label: "冶炼厂",
supportsConditions: true,
width: 100,
},
]}
savedProgress={1}
/>
);
}
安装
$pnpm add @tennantite/createnpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/create/src/create-train-schedule-screen/index.tsxnpm 包保留源码目录,可直接复制改造。