Documentation

CreateTrainScheduleScreen

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

Install

$pnpm add @tennantite/create

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

Source

packages/create/src/create-train-schedule-screen/index.tsx

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