iter(g165): 步骤条支持竖向排列

2026-10-26 16:11:06 +08:00
parent dddbccd97d
commit 804ab3b18f
7 changed files with 64 additions and 7 deletions
@@ -1331,6 +1331,12 @@
            "t": "boolean",
            "d": "已完成步骤是否可点击回跳；缺省 false"
          },
+          {
+            "n": "direction",
+            "t": "'horizontal' | 'vertical'",
+            "df": "'horizontal'",
+            "d": "排列方向：horizontal 横排连接线在节点之间；vertical 竖排、连接线落在圆点下方，已走完的一段用主色"
+          },
          {
            "n": "onChange",
            "t": "(index: number) => void",
@@ -1342,7 +1348,8 @@
        "steps": [
          "用 signal(0) 创建当前步索引，传入 active；索引之前的步骤显示 ✓ 已完成态",
          "流程推进时外部赋值即可：step(step() + 1)，组件三态自动跟随",
-          "clickable: true 时已完成步骤可点击回跳并写回信号，配合 onChange 同步业务状态"
+          "clickable: true 时已完成步骤可点击回跳并写回信号，配合 onChange 同步业务状态",
+          "侧栏或移动端传 direction: 'vertical'：圆点成一列、说明文字紧贴右侧，步与步之间由圆点下方的竖线相连（末步不画线，已完成的段用主色标进度）"
        ]
      },
      {