Merge pull request #695 from actiontech/temporary/sql-insights

Temporary/sql insights

Author: LZS911

.apiforgerc

@@ -33,4 +33,4 @@
       "serviceAlias": "@actiontech/shared/lib/api/base/service"
     }
   }
-}
+}

packages/base/src/hooks/useThemeStyleData/__snapshots__/index.test.tsx.snap

@@ -923,6 +923,10 @@ exports[`test base/hooks/useThemeStyleData should match snapshot 3`] = `
     },
     "loadingColor": "#4583ff",
   },
+  "sqlInsight": {
+    "dataMarkerColor": "#ff4d4f",
+    "regionFillColor": "rgba(197, 212, 235, 0.6)",
+  },
   "statistics": {
     "auditRateStatus": {
       "error": {

packages/base/src/locale/zh-CN/dmsMenu.ts

@@ -78,5 +78,6 @@ export default {
   availabilityZone: {
     switchAvailabilityZone: '切换可用区将重新加载数据，是否确认？',
     pleaseSelect: '请选择'
-  }
+  },
+  sqlPerformanceInsights: '性能洞察'
 };

packages/base/src/page/Nav/SideMenu/MenuList/menus/__tests__/__snapshots__/common.test.tsx.snap

@@ -301,6 +301,20 @@ exports[`test genMenuItemsWithMenuStructTree should match snapshot 4`] = `
         "structKey": "sql-management-conf",
         "to": "/sqle/project/600300/sql-management-conf",
       },
+      {
+        "icon": <DashboardOutlined
+          height={20}
+          width={20}
+        />,
+        "key": "sqle/project/projectID/sql-insights",
+        "label": <ForwardRef(TypedLink)
+          to="/sqle/project/600300/sql-insights"
+        >
+          性能洞察
+        </ForwardRef(TypedLink)>,
+        "structKey": "sql-insights",
+        "to": "/sqle/project/600300/sql-insights",
+      },
     ],
     "label": "SQL管控",
     "permission": undefined,

packages/base/src/page/Nav/SideMenu/MenuList/menus/__tests__/common.test.tsx

@@ -38,7 +38,7 @@ const menuStruct: MenuTreeTranslated[] = [
   {
     type: 'group',
     label: t('dmsMenu.groupLabel.SQLManagement'),
-    groups: ['sql-management', 'sql-management-conf']
+    groups: ['sql-management', 'sql-management-conf', 'sql-insights']
   },
   { type: 'divider' },
   {

packages/base/src/page/Nav/SideMenu/MenuList/menus/index.type.ts

@@ -73,4 +73,5 @@ type SqleMenuStructTreeKey =
   | 'push-rule-configuration'
   | 'pipeline-configuration'
   | 'version-management'
-  | 'data-source-comparison';
+  | 'data-source-comparison'
+  | 'sql-insights';

packages/base/src/page/Nav/SideMenu/MenuList/menus/menu.data.tsx

@@ -32,7 +32,7 @@ export const SQLE_MENU_STRUCT: MenuTreeI18n[] = [
   {
     type: 'group',
     groupLabelKey: 'dmsMenu.groupLabel.SQLManagement',
-    groups: ['sql-management', 'sql-management-conf']
+    groups: ['sql-management', 'sql-insights', 'sql-management-conf']
   },
   { type: 'divider' },
   {

packages/base/src/page/Nav/SideMenu/MenuList/menus/sqle.tsx

@@ -18,7 +18,8 @@ import {
   GearFilled,
   PipelineOutlined,
   FileVersionOutlined,
-  ComparisonOutlined
+  ComparisonOutlined,
+  DashboardOutlined
 } from '@actiontech/icons';
 import { PERMISSIONS } from '@actiontech/shared/lib/features';
 import { parse2ReactRouterPath } from '@actiontech/shared';
@@ -197,6 +198,15 @@ const dataSourceComparison: GenerateMenuItemI18nConfig = (projectID) => ({
   key: `sqle/project/${SIDE_MENU_DATA_PLACEHOLDER_KEY}/data-source-comparison`,
   structKey: 'data-source-comparison'
 });
+const sqlPerformanceInsights: GenerateMenuItemI18nConfig = (projectID) => ({
+  label: 'dmsMenu.sqlPerformanceInsights',
+  to: parse2ReactRouterPath(ROUTE_PATHS.SQLE.SQL_INSIGHTS.index, {
+    params: { projectID: projectID }
+  }),
+  icon: <DashboardOutlined width={20} height={20} />,
+  key: `sqle/project/${SIDE_MENU_DATA_PLACEHOLDER_KEY}/sql-insights`,
+  structKey: 'sql-insights'
+});
 
 const sqleMenusCollection = [
   projectOverviewMenuItem,
@@ -215,7 +225,8 @@ const sqleMenusCollection = [
   sqlManagementException,
   pipelineConfiguration,
   versionManagement,
-  dataSourceComparison
+  dataSourceComparison,
+  sqlPerformanceInsights
 ];
 
 export default sqleMenusCollection;

packages/base/src/router/test/__snapshots__/router.base.test.tsx.snap

@@ -476,6 +476,13 @@ exports[`base/router-base-ee render base route data snap 1`] = `
             "key": "sqlManagementConf",
             "path": ":projectID/sql-management-conf",
           },
+          {
+            "element": <div>
+              sqlInsights
+            </div>,
+            "key": "sqlInsights",
+            "path": ":projectID/sql-insights",
+          },
           {
             "children": [
               {

packages/base/src/router/test/__snapshots__/router.ce.base.test.tsx.snap

@@ -340,6 +340,13 @@ exports[`base/router-base-ce render base route data snap 1`] = `
         "key": "sqlManagementConf",
         "path": ":projectID/sql-management-conf",
       },
+      {
+        "element": <div>
+          sqlInsights
+        </div>,
+        "key": "sqlInsights",
+        "path": ":projectID/sql-insights",
+      },
       {
         "children": [
           {