iter(g68): alert 增加语义图标与通栏形态

2026-10-26 12:37:16 +08:00
parent 1cd47317a2
commit 99981feb5f
7 changed files with 80 additions and 6 deletions
@@ -899,6 +899,23 @@
            "t": "() => void",
            "k": 1,
            "d": "关闭回调，供调用方同步业务状态"
+          },
+          {
+            "n": "banner",
+            "t": "boolean",
+            "df": "false",
+            "d": "通栏形态：去圆角、只保留下边框、左右撑满，适合页面顶部通知"
+          },
+          {
+            "n": "showIcon",
+            "t": "boolean",
+            "df": "false",
+            "d": "显示语义图标（info ℹ / success ✓ / warning ! / danger ✕），纯装饰不进读屏"
+          },
+          {
+            "n": "icon",
+            "t": "string | HTMLElement",
+            "d": "自定义图标节点，传了即覆盖语义图标"
          }
        ],
        "example": "alert({ message: '操作可能存在风险', variant: 'warning' })",
@@ -907,7 +924,8 @@
          "传入 message 即可，入场自带下滑动画",
          "需要可关闭或带操作按钮时，外层用 h() 组合 button 自行拼装，alert 只负责语义底色",
          "需要用户可自行消除的提示传 closable: true：点 × 淡出并从 DOM 移除，配合 onClose 同步业务状态",
-          "有标题与正文两层信息时传 title（加粗首行），正文仍走 message"
+          "有标题与正文两层信息时传 title（加粗首行），正文仍走 message",
+          "banner: true 出通栏形态（圆角与左右边框归零），页面顶部通知直接铺满容器即可，不需要额外包裹层"
        ]
      },
      {