【蓝盾-评审会已评审】【PAC】perf：UI方式新增/编辑流水线重构

[fayewong-v5]

【背景】

• 新增/编辑流水线需同时支持 Code 和 UI 方式编辑
• UI 方式编辑的流水线也可以开启 PAC 模式
• 现有版本变量管理和触发器管理交互不太直观，需进行优化

创建/编辑流水线流程中涉及的变更见 #8125 ，这里不再重复，此需求仅说明 UI 方式编辑时的改动

【需求】
1、进入编排页面时，默认 Code 方式 or UI 方式编辑，由用户偏好决定

• 比如用户在新建的第一个步骤预览模版切换到了 UI 方式查看，则下一步进入编排时也是 UI 方式编排

2、将原有编排中的 stage-1 下的触发器和变量管理入口拆分出去，拆分后的新入口如下图所示：

3、触发器管理 tab 如下：

• 新增流水线时，默认添加手动触发器
  • 手动触发器配置优化见issue 【蓝盾-评审会已评审】【PAC】perf：手动触发器配置优化 #8188
• 点击「新增触发器」侧滑打开选择触发器添加界面，交互和现有版本保持一致
• 点击 触发器名称，侧滑打开触发器编辑界面，交互和现有版本保持一致
• 可以禁用触发器
  • 已经开启 PAC 模式的流水线，触发器禁用后：
    • 若切换到 Code 方式查看，看到的代码示例：

      on:
        push: disabled
      

    • 若是编辑流水线，禁用前的触发器配置在DB中仍然保留，在蓝盾页面上重新启用时将恢复配置
• 可以删除触发器
  • 当删除最后一个触发器时，提示用户当前流水线将自动禁用
    • 提示语：最后一个触发器删除后，将不能通过任何方式触发此流水线，流水线自动禁用，确定删除吗？
  • 注意：PAC 模式的流水线，可以省略 on 配置，省略后有默认的 4 个触发器，这类触发器管理见 issue 【蓝盾-需评审】【PAC】feat：PAC模式下的流水线触发器支持省略配置 #8184

4、流水线变量 tab 在编排右侧展示：

• 可以收起和展开
• 推荐版本号是比较特殊的几个内置变量组合而成，单独展示，默认不启用
• 新增/编辑变量时，侧滑打开界面，详见issue 【蓝盾-需评审】【PAC】perf：UI 方式下新增/编辑变量页面改版 #8185

5、若当前tab 内容有变更，尚未保存时切换到其他配置 tab，则在 tab 标题增加修改过的提示

6、通知页面如下：

• 构建成功/失败时，都可以添加多个通知
• 新增/修改通知界面如下：
  • 当不需要发送群消息时
    
  • 当需要发送群消息时，增加 群ID 和 是否 Markdown 的 选项：
    

7、设置页面如下：

• 设置下包括「基础信息」和「执行设置」
  • 现网基础设置下的徽章，入口迁移，见 issue 【蓝盾-评审会已评审】【PAC】perf：流水线运行状态徽章交互优化 #8187
• 基础信息包括：流水线名称、标签、描述
• 执行设置包括：自定义构建号 和 并发设置

8、调试好流水线，点击「发布」后

• 若未开启 PAC，和 Code 方式编辑完成提交一样，见 【蓝盾-评审会已评审】【PAC】feat：新建/编辑流水线支持以 Code 方式编排流水线 #8125
• 若已开启 PAC，增加预览 YAML 入口，点击后侧滑打开 YAML 查看界面
  
  

[EchoQT]

普通通知人和群通知ID为何中间隔着通知内容？这排版有点奇怪。

[EchoQT]

-----这两个地方的构建号设置是不是合并一下放到流水线设置中比较好？
-----另外，推荐版本号作为内置变量，那个开关是什么意思？

[EchoQT]

预览yaml好像可以去掉？
用户本来就可以随时切换yaml方式查看和编辑，而且当用户更习惯于UI方式的时候，发布时提供预览yaml的目的是什么呢？

[fayewong-v5]

done