actiontech · Rain-1214 · May 23, 2024 · May 20, 2024 · May 20, 2024 · May 21, 2024
diff --git a/packages/base/src/hooks/useThemeStyleData/__snapshots__/index.test.tsx.snap b/packages/base/src/hooks/useThemeStyleData/__snapshots__/index.test.tsx.snap
@@ -594,6 +594,71 @@ exports[`test base/hooks/useThemeStyleData should match snapshot 3`] = `
       },
     },
   },
+  "execWorkflow": {
+    "common": {
+      "auditResultFilter": {
+        "auditResultInfo": {
+          "itemBgColor": "#fcfbf9",
+          "schemaValueColor": "#7d8ca8",
+          "textColor": "#8a8f99",
+        },
+        "bgColor": "#fcfbf9",
+        "borderColor": "#f2f1f0",
+        "options": {
+          "activeBgColor": "#f0f7ff",
+          "bgColor": "#f7f6f4",
+          "numActiveColor": "#4583ff",
+          "numColor": "#575c66",
+          "textActiveColor": "#4583ff",
+          "textColor": "#8a8f99",
+        },
+      },
+      "basicInfo": {
+        "bgColor": "#fcfbf9",
+        "borderColor": "#f2f1f0",
+        "descColor": "#8a8f99",
+        "titleColor": "#292C33",
+      },
+    },
+    "create": {
+      "auditResult": {
+        "auditResultDrawer": {
+          "numberColor": "#4583ff",
+        },
+        "download": {
+          "bgColor": "#fcfbf9",
+          "borderColor": "#E8E7E6",
+          "boxShadow": "0px 3px 12px 0px rgba(51, 44, 31, 0.1)",
+          "itemColor": "#292C33",
+          "itemHoverColor": "#f7f6f4",
+          "itemIconColor": "#8a8f99",
+        },
+        "toggleButton": {
+          "activeBgColor": "#f0f7ff",
+          "activeColor": "#4583ff",
+          "bgColor": "#f7f6f4",
+          "borderColor": "#f2f1f0",
+          "color": "#575c66",
+        },
+      },
+      "editForm": {
+        "projectFlagIconColor": "#ebad1c",
+        "titleColor": "#8a8f99",
+      },
+      "form": {
+        "baseInfoTitleIconColor": "#c3c6cd",
+      },
+    },
+    "list": {
+      "desc": {
+        "copyIconColor": "#4583ff",
+        "hoverCopyIconBackgroundColor": "#E8F3FF",
+      },
+    },
+    "steps": {
+      "boxShadow": "0px 1px 4px 0px rgba(51, 44, 31, 0.12)",
+    },
+  },
   "order": {
     "common": {
       "auditResultFilter": {

diff --git a/packages/base/src/router/test/__snapshots__/router.ce.sqle.test.tsx.snap b/packages/base/src/router/test/__snapshots__/router.ce.sqle.test.tsx.snap
@@ -448,6 +448,48 @@ exports[`base/router-sqle-ce render sqle project detail router render sqle proje
 </body>
 `;
 
+exports[`base/router-sqle-ce render sqle project detail router render sqle project detail router when version is ce render route workflow render route create 1`] = `
+<body>
+  <div>
+    <div
+      data-test-parent-id="sqlExecWorkflow"
+    >
+      <div>
+        createSqlExecWorkflow
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`base/router-sqle-ce render sqle project detail router render sqle project detail router when version is ce render route workflow render route detail 1`] = `
+<body>
+  <div>
+    <div
+      data-test-parent-id="sqlExecWorkflow"
+    >
+      <div>
+        workflowDetail
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`base/router-sqle-ce render sqle project detail router render sqle project detail router when version is ce render route workflow render route list 1`] = `
+<body>
+  <div>
+    <div
+      data-test-parent-id="sqlExecWorkflow"
+    >
+      <div>
+        sqlExecWorkflowList
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
 exports[`base/router-sqle-ce render sqle project detail router render sqle project detail router when version is ce render whitelist 1`] = `
 <body>
   <div>
@@ -636,6 +678,45 @@ exports[`base/router-sqle-ce render sqle route data snap 1`] = `
         "key": "projectOverview",
         "path": ":projectID/overview",
       },
+      {
+        "children": [
+          {
+            "element": <div>
+              sqlExecWorkflowList
+            </div>,
+            "key": "sqlExecWorkflowList",
+            "path": "",
+          },
+          {
+            "element": <div>
+              createSqlExecWorkflow
+            </div>,
+            "key": "createSqlExecWorkflow",
+            "path": "create",
+          },
+          {
+            "element": <div>
+              orderAnalyze
+            </div>,
+            "key": "orderAnalyze",
+            "path": ":taskId/:sqlNum/analyze",
+          },
+          {
+            "element": <div>
+              workflowDetail
+            </div>,
+            "key": "workflowDetail",
+            "path": ":workflowId",
+          },
+        ],
+        "element": <div
+          data-test-parent-id="sqlExecWorkflow"
+        >
+          <Outlet />
+        </div>,
+        "key": "sqlExecWorkflow",
+        "path": ":projectID/exec-workflow",
+      },
       {
         "children": [
           {

diff --git a/packages/base/src/router/test/__snapshots__/router.sqle.test.tsx.snap b/packages/base/src/router/test/__snapshots__/router.sqle.test.tsx.snap
@@ -504,6 +504,62 @@ exports[`base/router-sqle-ee render sqle project detail router render sqle proje
 </body>
 `;
 
+exports[`base/router-sqle-ee render sqle project detail router render sqle project detail router when version is ce render route workflow render SQLFileStatementOverview 1`] = `
+<body>
+  <div>
+    <div
+      data-test-parent-id="sqlExecWorkflow"
+    >
+      <div>
+        WorkflowSQLFileStatementOverview
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`base/router-sqle-ee render sqle project detail router render sqle project detail router when version is ce render route workflow render route list 1`] = `
+<body>
+  <div>
+    <div
+      data-test-parent-id="sqlExecWorkflow"
+    >
+      <div>
+        sqlExecWorkflowList
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`base/router-sqle-ee render sqle project detail router render sqle project detail router when version is ce render route workflow render route orderCreate 1`] = `
+<body>
+  <div>
+    <div
+      data-test-parent-id="sqlExecWorkflow"
+    >
+      <div>
+        createSqlExecWorkflow
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`base/router-sqle-ee render sqle project detail router render sqle project detail router when version is ce render route workflow render route orderDetail 1`] = `
+<body>
+  <div>
+    <div
+      data-test-parent-id="sqlExecWorkflow"
+    >
+      <div>
+        workflowDetail
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
 exports[`base/router-sqle-ee render sqle project detail router render sqle project detail router when version is ce render whitelist 1`] = `
 <body>
   <div>
@@ -811,6 +867,52 @@ exports[`base/router-sqle-ee render sqle route data snap 1`] = `
         "key": "projectOverview",
         "path": ":projectID/overview",
       },
+      {
+        "children": [
+          {
+            "element": <div>
+              sqlExecWorkflowList
+            </div>,
+            "key": "sqlExecWorkflowList",
+            "path": "",
+          },
+          {
+            "element": <div>
+              createSqlExecWorkflow
+            </div>,
+            "key": "createSqlExecWorkflow",
+            "path": "create",
+          },
+          {
+            "element": <div>
+              orderAnalyze
+            </div>,
+            "key": "orderAnalyze",
+            "path": ":taskId/:sqlNum/analyze",
+          },
+          {
+            "element": <div>
+              workflowDetail
+            </div>,
+            "key": "workflowDetail",
+            "path": ":workflowId",
+          },
+          {
+            "element": <div>
+              WorkflowSQLFileStatementOverview
+            </div>,
+            "key": "WorkflowSQLFileStatementOverview",
+            "path": ":taskId/files/:fileId/sqls",
+          },
+        ],
+        "element": <div
+          data-test-parent-id="sqlExecWorkflow"
+        >
+          <Outlet />
+        </div>,
+        "key": "sqlExecWorkflow",
+        "path": ":projectID/exec-workflow",
+      },
       {
         "children": [
           {

diff --git a/packages/base/src/router/test/router.ce.sqle.test.tsx b/packages/base/src/router/test/router.ce.sqle.test.tsx
@@ -171,6 +171,38 @@ describe('base/router-sqle-ce', () => {
         });
       });
 
+      describe('render route workflow', () => {
+        it('render route list', async () => {
+          const { baseElement } = customRender([
+            `/sqle/project/${projectID}/exec-workflow`
+          ]);
+
+          await act(async () => jest.advanceTimersByTime(300));
+          expect(baseElement).toMatchSnapshot();
+          expect(screen.getByText('sqlExecWorkflowList')).toBeInTheDocument();
+        });
+
+        it('render route create', async () => {
+          const { baseElement } = customRender([
+            `/sqle/project/${projectID}/exec-workflow/create`
+          ]);
+
+          await act(async () => jest.advanceTimersByTime(0));
+          expect(baseElement).toMatchSnapshot();
+          expect(screen.getByText('createSqlExecWorkflow')).toBeInTheDocument();
+        });
+
+        it('render route detail', async () => {
+          const { baseElement } = customRender([
+            `/sqle/project/${projectID}/exec-workflow/workflowId`
+          ]);
+
+          await act(async () => jest.advanceTimersByTime(0));
+          expect(baseElement).toMatchSnapshot();
+          expect(screen.getByText('workflowDetail')).toBeInTheDocument();
+        });
+      });
+
       describe('render route sqlAudit', () => {
         it('render route sqlAuditList', async () => {
           const { baseElement } = customRender([

diff --git a/packages/base/src/router/test/router.sqle.test.tsx b/packages/base/src/router/test/router.sqle.test.tsx
@@ -191,6 +191,50 @@ describe('base/router-sqle-ee', () => {
         });
       });
 
+      describe('render route workflow', () => {
+        it('render route list', async () => {
+          const { baseElement } = customRender([
+            `/sqle/project/${projectID}/exec-workflow`
+          ]);
+
+          await act(async () => jest.advanceTimersByTime(300));
+          expect(baseElement).toMatchSnapshot();
+          expect(screen.getByText('sqlExecWorkflowList')).toBeInTheDocument();
+        });
+
+        it('render route orderCreate', async () => {
+          const { baseElement } = customRender([
+            `/sqle/project/${projectID}/exec-workflow/create`
+          ]);
+
+          await act(async () => jest.advanceTimersByTime(0));
+          expect(baseElement).toMatchSnapshot();
+          expect(screen.getByText('createSqlExecWorkflow')).toBeInTheDocument();
+        });
+
+        it('render route orderDetail', async () => {
+          const { baseElement } = customRender([
+            `/sqle/project/${projectID}/exec-workflow/workflowId`
+          ]);
+
+          await act(async () => jest.advanceTimersByTime(0));
+          expect(baseElement).toMatchSnapshot();
+          expect(screen.getByText('workflowDetail')).toBeInTheDocument();
+        });
+
+        it('render SQLFileStatementOverview', async () => {
+          const { baseElement } = customRender([
+            `/sqle/project/${projectID}/exec-workflow/123/files/434/sqls`
+          ]);
+
+          await act(async () => jest.advanceTimersByTime(300));
+          expect(baseElement).toMatchSnapshot();
+          expect(
+            screen.getByText('WorkflowSQLFileStatementOverview')
+          ).toBeInTheDocument();
+        });
+      });
+
       describe('render route sqlAudit', () => {
         it('render route sqlAuditList', async () => {
           const { baseElement } = customRender([

diff --git a/packages/shared/lib/components/CustomSegmentedFilter/index.tsx b/packages/shared/lib/components/CustomSegmentedFilter/index.tsx
@@ -69,6 +69,7 @@ const CustomSegmentedFilter = <V extends string | number | undefined = string>(
     }
 
     if (withAll === true) {
+      // Segmented 组件会将 value 设置为 each 组件时的 key，当 value 为 undefined 时 key 设置失败。
       return [
         { label: t('common.all'), value: undefined as V },
         ...transformOptions
@@ -109,7 +110,6 @@ const CustomSegmentedFilter = <V extends string | number | undefined = string>(
         </div>
       );
     }
-
     return (
       <BasicSegmented
         className={mergeClassNames}