feat(flows): 新增流程编辑器基础功能与相关组件

feat(backend): 添加流程模型与服务支持 feat(frontend): 实现流程编辑器UI与交互 feat(assets): 添加流程节点图标资源 feat(plugins): 实现上下文菜单和运行时插件 feat(components): 新增基础节点和侧边栏组件 feat(routes): 添加流程相关路由配置 feat(models): 创建流程和运行日志数据模型 feat(services): 实现流程服务层逻辑 feat(migration): 添加流程相关数据库迁移 feat(config): 更新前端配置支持流程编辑器 feat(utils): 增强axios错误处理和工具函数
2025-09-15 00:27:13 +08:00
parent 9da3978f91
commit b0963e5e37
291 changed files with 17947 additions and 86 deletions
--- a/frontend/src/flows/components/testrun/testrun-panel/index.module.less
+++ b/frontend/src/flows/components/testrun/testrun-panel/index.module.less
@ -0,0 +1,139 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+.testrun-panel-form {
+
+  .testrun-panel-input {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    margin: 0 12px 8px 0;
+
+    .title {
+      font-size: 15px;
+      font-weight: 500;
+      color: #333;
+      flex: 1;
+    }
+  }
+
+
+  .error {
+    color: red;
+    font-size: 14px;
+  }
+
+  .code-editor-container {
+    min-height: 200px;
+    max-height: 400px;
+    background: #fff;
+    padding: 8px 8px 8px 4px;
+    border-radius: 4px;
+    border: 1px solid #52649a0f;
+
+    :global(.cm-editor) {
+      height: 100% !important;
+      overflow: auto !important;
+    }
+
+    :global(.cm-scroller) {
+      min-height: 200px !important;
+      max-height: 400px !important;
+    }
+
+    :global(.cm-content) {
+      min-height: 200px !important;
+      max-height: 400px !important;
+    }
+  }
+}
+
+.testrun-panel-running {
+  width: 100%;
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+
+  .text {
+    font-size: 18px;
+  }
+}
+
+.button {
+  border-radius: 8px;
+  width: 358px;
+  height: 40px;
+  margin: 16px;
+
+  &.running {
+    background-color: rgba(87, 104, 161, 0.08) !important; // override semi style
+    color: rgba(15, 21, 40, 0.82);
+  }
+
+  &.default {
+    background-color: rgba(0, 178, 60, 1) !important; // override semi style
+    color: #fff;
+  }
+}
+
+
+.testrun-panel-container {
+  background: rgb(255, 255, 255);
+  margin: 8px 8px 8px 0;
+  height: calc(100vh - 40px);
+  border-radius: 8px;
+  border: 1px solid rgba(82, 100, 154, 0.13);
+  padding: 8px 0 8px 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  .testrun-panel-header {
+    background: var(#fcfcff);
+    border-bottom: 1px solid rgba(82, 100, 154, 0.13);
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    display: flex;
+    height: 40px;
+    justify-content: space-between;
+    min-height: 40px;
+    width: 100%;
+    align-items: center;
+
+    .testrun-panel-title {
+      font-size: 16px;
+      font-weight: 500;
+      margin: 8px 8px 8px 16px;
+    }
+
+    .testrun-panel-close {
+      margin: 8px 16px 8px 8px;
+    }
+  }
+
+  .testrun-panel-content {
+    height: calc(100% - 40px);
+    margin: 8px 8px 8px 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    overflow: auto;
+    margin-bottom: 72px;
+  }
+
+  .testrun-panel-footer {
+    border-top: 1px solid rgba(82, 100, 154, 0.13);
+    height: 40px;
+    position: fixed;
+    background: #fbfbfb;
+    height: 72px;
+    bottom: 16px;
+    border-radius: 0 0 8px 8px;
+  }
+}