Merge pull request #650 from actiontech/ui/rule-list

Rain-1214 · web-flow · commit 5bfc592bbc38 · 2025-05-13T11:05:07.000+08:00
Ui/rule-list
diff --git a/packages/shared/lib/testUtil/common.tsx b/packages/shared/lib/testUtil/common.tsx
@@ -3,12 +3,16 @@ export const ignoreConsoleErrors = (
   params: Array<UtilsConsoleErrorStringsEnum>
 ) => {
   const originalError = console.error;
+  const paramsWithGlobalRules = [
+    ...params,
+    'Warning: findDOMNode is deprecated and will be removed in the next major release. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-nod'
+  ];
 
   beforeAll(() => {
     console.error = (...arg) => {
       if (
         typeof arg[0] === 'string' &&
-        params.some((v) => arg[0].includes(v))
+        paramsWithGlobalRules.some((v) => arg[0].includes(v))
       ) {
         return;
       }
diff --git a/packages/sqle/src/page/Rule/index.tsx b/packages/sqle/src/page/Rule/index.tsx
@@ -134,7 +134,7 @@ const Rule = () => {
         >
           <RuleList
             enableCheckDetail
-            pageHeaderHeight={visible ? 170 : 0}
+            pageHeaderHeight={visible ? 60 : 0}
             rules={templateRulesWithStatus}
           />
         </EmptyBox>
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Common/AuditResultList/Table/__tests__/AuditResultDrawer.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Common/AuditResultList/Table/__tests__/AuditResultDrawer.test.tsx
@@ -4,6 +4,10 @@ import { fireEvent, act, cleanup, screen } from '@testing-library/react';
 import { AuditResultDrawerProps } from '../index.type';
 import { superRender } from '../../../../../../testUtils/customRender';
 import { mockUseCurrentUser } from '@actiontech/shared/lib/testUtil/mockHook/mockUseCurrentUser';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 describe('sqle/ExecWorkflow/Common/AuditResultList/AuditResultDrawer', () => {
   const onCloseFn = jest.fn();
@@ -25,6 +29,7 @@ describe('sqle/ExecWorkflow/Common/AuditResultList/AuditResultDrawer', () => {
       />
     );
   };
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
 
   beforeEach(() => {
     mockUseCurrentUser();
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Common/AuditResultList/Table/__tests__/index.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Common/AuditResultList/Table/__tests__/index.test.tsx
@@ -48,7 +48,10 @@ describe('sqle/ExecWorkflow/Common/AuditResultList/List', () => {
     return superRender(<AuditResultTable {...params} />);
   };
 
-  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.INVALID_CUSTOM_ATTRIBUTE]);
+  ignoreConsoleErrors([
+    UtilsConsoleErrorStringsEnum.INVALID_CUSTOM_ATTRIBUTE,
+    UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER
+  ]);
 
   beforeEach(() => {
     mockUseCurrentUser();
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Common/SqlStatementFormController/SqlStatementFormItem/__tests__/index.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Common/SqlStatementFormController/SqlStatementFormItem/__tests__/index.test.tsx
@@ -6,8 +6,14 @@ import SqlStatementFormItem from '..';
 import { superRender } from '../../../../../../testUtils/customRender';
 import { getBySelector } from '@actiontech/shared/lib/testUtil/customQuery';
 import { SQL_EDITOR_PLACEHOLDER_VALUE } from '@actiontech/shared/lib/data/common';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 describe('test SqlStatementFormItem', () => {
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     mockUseCurrentProject();
   });
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Common/SqlStatementFormController/__tests__/index.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Common/SqlStatementFormController/__tests__/index.test.tsx
@@ -4,6 +4,10 @@ import { superRender } from '../../../../../testUtils/customRender';
 import { fireEvent, renderHook, screen } from '@testing-library/react';
 import { SqlStatementFormControllerProps } from '../index.type';
 import { mockUseCurrentProject } from '@actiontech/shared/lib/testUtil/mockHook/mockUseCurrentProject';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 describe('test SqlStatementFormController', () => {
   const onChange = jest.fn();
@@ -27,6 +31,7 @@ describe('test SqlStatementFormController', () => {
       </Form>
     );
   };
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
 
   beforeEach(() => {
     mockUseCurrentProject();
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/index.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Create/__tests__/index.test.tsx
@@ -62,7 +62,8 @@ describe('sqle/SqlExecWorkflow/Create', () => {
 
   ignoreConsoleErrors([
     UtilsConsoleErrorStringsEnum.UNIQUE_KEY_REQUIRED,
-    UtilsConsoleErrorStringsEnum.INVALID_CSS_VALUE
+    UtilsConsoleErrorStringsEnum.INVALID_CSS_VALUE,
+    UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER
   ]);
 
   beforeEach(() => {
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/__tests__/index.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Create/components/FormStep/SqlAuditInfoForm/SqlAuditInfoFormItem/__tests__/index.test.tsx
@@ -9,6 +9,10 @@ import { act, renderHook } from '@testing-library/react';
 import { mockUseCurrentProject } from '@actiontech/shared/lib/testUtil/mockHook/mockUseCurrentProject';
 import { mockUseDbServiceDriver } from '@actiontech/shared/lib/testUtil/mockHook/mockUseDbServiceDriver';
 import { useSelector } from 'react-redux';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 jest.mock('react-redux', () => ({
   ...jest.requireActual('react-redux'),
@@ -29,6 +33,8 @@ describe('test sqle/SqlAuditInfoForm', () => {
     );
   };
 
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     jest.useFakeTimers();
     execWorkflow.mockAllApi();
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Detail/__tests__/index.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Detail/__tests__/index.test.tsx
@@ -27,6 +27,10 @@ import { getBySelector } from '@actiontech/shared/lib/testUtil/customQuery';
 import execWorkflow from '../../../../testUtils/mockApi/execWorkflow';
 import { mockUsePermission } from '@actiontech/shared/lib/testUtil/mockHook/mockUsePermission';
 import instance from '../../../../testUtils/mockApi/instance';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 jest.mock('react-router-dom', () => {
   return {
@@ -53,6 +57,8 @@ describe('sqle/ExecWorkflow/Detail', () => {
   let terminateMultipleTaskByWorkflowSpy: jest.SpyInstance;
   const useParamsMock: jest.Mock = useParams as jest.Mock;
 
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     jest.useFakeTimers();
     mockUseCurrentUser();
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Detail/components/AuditExecResultPanel/TaskResultList/Common/SqlStatementResultTable/__tests__/index.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Detail/components/AuditExecResultPanel/TaskResultList/Common/SqlStatementResultTable/__tests__/index.test.tsx
@@ -8,8 +8,14 @@ import { superRender } from '../../../../../../../../../testUtils/customRender';
 import rule_template from '../../../../../../../../../testUtils/mockApi/rule_template';
 import { mockUseCurrentUser } from '@actiontech/shared/lib/testUtil/mockHook/mockUseCurrentUser';
 import { cleanup } from '@testing-library/react';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 describe('test TaskResultList/SQLStatementResultTable', () => {
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     mockUseCurrentUser();
   });
diff --git a/packages/sqle/src/page/SqlExecWorkflow/Detail/components/ModifySqlStatement/__tests__/index.test.tsx b/packages/sqle/src/page/SqlExecWorkflow/Detail/components/ModifySqlStatement/__tests__/index.test.tsx
@@ -58,7 +58,10 @@ describe('sqle/ExecWorkflow/Detail/ModifySqlStatement', () => {
     return superRender(<ModifySqlStatement {...params} {...customParams} />);
   };
 
-  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNIQUE_KEY_REQUIRED]);
+  ignoreConsoleErrors([
+    UtilsConsoleErrorStringsEnum.UNIQUE_KEY_REQUIRED,
+    UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER
+  ]);
 
   beforeEach(() => {
     jest.useFakeTimers();
diff --git a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modal/StatusDrawer/index.test.tsx b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/Modal/StatusDrawer/index.test.tsx
@@ -1,22 +1,17 @@
 import { act, cleanup, fireEvent, screen } from '@testing-library/react';
 import StatusDrawer from '.';
 import { superRender } from '../../../../../../testUtils/customRender';
-import { mockUseCurrentProject } from '@actiontech/shared/lib/testUtil/mockHook/mockUseCurrentProject';
 import { ModalName } from '../../../../../../data/ModalName';
 import { sqlManageListData } from '../../../../../../testUtils/mockApi/sqlManage/data';
-import sqlManage from '../../../../../../testUtils/mockApi/sqlManage';
-import { mockProjectInfo } from '@actiontech/shared/lib/testUtil/mockHook/data';
-import {
-  getAllBySelector,
-  getBySelector
-} from '@actiontech/shared/lib/testUtil/customQuery';
-import EventEmitter from '../../../../../../utils/EventEmitter';
+import { getBySelector } from '@actiontech/shared/lib/testUtil/customQuery';
 import { useDispatch } from 'react-redux';
-import EmitterKey from '../../../../../../data/EmitterKey';
-import { BatchUpdateSqlManageReqStatusEnum } from '@actiontech/shared/lib/api/sqle/service/common.enum';
 import rule_template from '../../../../../../testUtils/mockApi/rule_template';
 import { ISqlManage } from '@actiontech/shared/lib/api/sqle/service/common';
 import { mockUseCurrentUser } from '@actiontech/shared/lib/testUtil/mockHook/mockUseCurrentUser';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 jest.mock('react-redux', () => ({
   ...jest.requireActual('react-redux'),
@@ -26,6 +21,8 @@ jest.mock('react-redux', () => ({
 describe('page/SqlManagement/StatusDrawer', () => {
   const dispatchSpy = jest.fn();
 
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     mockUseCurrentUser();
     (useDispatch as jest.Mock).mockImplementation(() => dispatchSpy);
diff --git a/packages/sqle/src/page/SqlManagementException/Common/Form/__tests__/index.test.tsx b/packages/sqle/src/page/SqlManagementException/Common/Form/__tests__/index.test.tsx
@@ -9,9 +9,16 @@ import instance from '../../../../../testUtils/mockApi/instance';
 import { mockUseDbServiceDriver } from '@actiontech/shared/lib/testUtil/mockHook/mockUseDbServiceDriver';
 import { cleanup, act, screen, fireEvent } from '@testing-library/react';
 import { getBySelector } from '@actiontech/shared/lib/testUtil/customQuery';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 describe('sqle/SqlManagementException/SqlManagementExceptionForm', () => {
   let getInstanceTipListSpy: jest.SpyInstance;
+
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     jest.useFakeTimers();
     mockUseDbServiceDriver();
diff --git a/packages/sqle/src/page/SqlManagementException/Modal/__tests__/Create.test.tsx b/packages/sqle/src/page/SqlManagementException/Modal/__tests__/Create.test.tsx
@@ -17,6 +17,10 @@ import {
 } from '@actiontech/shared/lib/testUtil/customQuery';
 import instance from '../../../../testUtils/mockApi/instance';
 import { instanceTipsMockData } from '../../../../testUtils/mockApi/instance/data';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 jest.mock('react-redux', () => {
   return {
@@ -30,6 +34,9 @@ describe('slqe/SqlManagementException/CreateSqlManagementException', () => {
   const dispatchSpy = jest.fn();
   let createBlacklistSpy: jest.SpyInstance;
   let getInstanceTipListSpy: jest.SpyInstance;
+
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     jest.useFakeTimers();
     (useSelector as jest.Mock).mockImplementation((e) =>
diff --git a/packages/sqle/src/page/SqlOptimization/Create/index.test.tsx b/packages/sqle/src/page/SqlOptimization/Create/index.test.tsx
@@ -20,6 +20,10 @@ import sqlOptimization from '../../../testUtils/mockApi/sqlOptimization';
 import MockDate from 'mockdate';
 import dayjs from 'dayjs';
 import { formatterSQL } from '@actiontech/shared/lib/utils/FormatterSQL';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 jest.mock('react-router-dom', () => {
   return {
@@ -35,6 +39,8 @@ describe('sqle/SqlOptimization/Create', () => {
   let getInstanceSpy: jest.SpyInstance;
   let optimizeSQLReqSpy: jest.SpyInstance;
 
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     MockDate.set(dayjs('2024-1-1 12:00:00').valueOf());
     jest.useFakeTimers({ legacyFakeTimers: true });
diff --git a/packages/sqle/src/page/VersionManagement/Common/VersionForm/DeploymentConf/index.tsx b/packages/sqle/src/page/VersionManagement/Common/VersionForm/DeploymentConf/index.tsx
@@ -121,6 +121,7 @@ const DeploymentConf: React.FC<{ allowEditStages?: boolean }> = ({
                 <Col span={3}>
                   <FormItemLabel
                     {...field}
+                    key={`${field.name}-form-item-label`}
                     rules={[
                       {
                         required: true,
@@ -162,6 +163,7 @@ const DeploymentConf: React.FC<{ allowEditStages?: boolean }> = ({
                           >
                             <FormItemLabel
                               {...instanceField}
+                              key={`${instanceField.key}-form-item-label`}
                               rules={[
                                 {
                                   required: true,
diff --git a/packages/sqle/src/page/VersionManagement/Detail/components/ModifyWorkflowSql/__tests__/index.test.tsx b/packages/sqle/src/page/VersionManagement/Detail/components/ModifyWorkflowSql/__tests__/index.test.tsx
@@ -41,10 +41,12 @@ describe('sqle/VersionManagement/Detail/ModifyWorkflowSql', () => {
   let getWorkflowTemplateSpy: jest.SpyInstance;
   let updateWorkflowSpy: jest.SpyInstance;
   const dispatchSpy = jest.fn();
-  const navigateSpy = jest.fn();
   const hideModifyWorkflowSqlStatementSpy = jest.fn();
 
-  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNIQUE_KEY_REQUIRED]);
+  ignoreConsoleErrors([
+    UtilsConsoleErrorStringsEnum.UNIQUE_KEY_REQUIRED,
+    UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER
+  ]);
 
   beforeEach(() => {
     jest.useFakeTimers();
diff --git a/packages/sqle/src/page/Whitelist/Drawer/test/AddWhitelist.test.tsx b/packages/sqle/src/page/Whitelist/Drawer/test/AddWhitelist.test.tsx
@@ -11,7 +11,10 @@ import { CreateAuditWhitelistReqV1MatchTypeEnum } from '@actiontech/shared/lib/a
 import EventEmitter from '../../../../utils/EventEmitter';
 import EmitterKey from '../../../../data/EmitterKey';
 import { queryBySelector } from '@actiontech/shared/lib/testUtil/customQuery';
-
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 jest.mock('react-redux', () => {
   return {
     ...jest.requireActual('react-redux'),
@@ -23,6 +26,9 @@ jest.mock('react-redux', () => {
 describe('slqe/Whitelist/AddWhitelist', () => {
   const dispatchSpy = jest.fn();
   let addWhitelistSpy: jest.SpyInstance;
+
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   beforeEach(() => {
     jest.useFakeTimers();
     (useSelector as jest.Mock).mockImplementation((e) =>
diff --git a/packages/sqle/src/page/Whitelist/Drawer/test/UpdateWhitelist.test.tsx b/packages/sqle/src/page/Whitelist/Drawer/test/UpdateWhitelist.test.tsx
@@ -12,6 +12,10 @@ import { CreateAuditWhitelistReqV1MatchTypeEnum } from '@actiontech/shared/lib/a
 import EventEmitter from '../../../../utils/EventEmitter';
 import EmitterKey from '../../../../data/EmitterKey';
 import { queryBySelector } from '@actiontech/shared/lib/testUtil/customQuery';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 jest.mock('react-redux', () => {
   return {
@@ -22,6 +26,8 @@ jest.mock('react-redux', () => {
 });
 
 describe('slqe/Whitelist/UpdateWhitelist', () => {
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   const dispatchSpy = jest.fn();
   let updateWhitelistSpy: jest.SpyInstance;
   const mockSelectWhitelist = auditWhiteListMockData[0];
diff --git a/packages/sqle/src/page/Whitelist/Drawer/test/WhitelistForm.test.tsx b/packages/sqle/src/page/Whitelist/Drawer/test/WhitelistForm.test.tsx
@@ -5,8 +5,14 @@ import {
 import { Form } from 'antd';
 import WhitelistForm from '../WhitelistForm';
 import { WhitelistFormFields } from '../index.type';
+import {
+  ignoreConsoleErrors,
+  UtilsConsoleErrorStringsEnum
+} from '@actiontech/shared/lib/testUtil/common';
 
 describe('sqle/Whitelist/WhitelistForm', () => {
+  ignoreConsoleErrors([UtilsConsoleErrorStringsEnum.UNKNOWN_EVENT_HANDLER]);
+
   it('should match snapshot', () => {
     const { result } = renderHooksWithTheme(() =>
       Form.useForm<WhitelistFormFields>()
diff --git a/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/StepInfo/index.tsx b/packages/sqle/src/page/WorkflowTemplate/UpdateWorkflowTemplate/components/StepInfo/index.tsx
@@ -148,6 +148,7 @@ const StepInfo: React.FC<IUpdateWorkflowStepInfoProps> = (props) => {
                       <Row key={`${step.key}-box-wrapper`} wrap={false}>
                         <StepCard
                           {...step}
+                          key={`${step.key}-step-card`}
                           indexNumber={index}
                           close={props?.removeReviewNode}
                           click={props.clickReviewNode}
diff --git a/packages/sqle/src/page/WorkflowTemplate/WorkflowTemplateDetail/components/WorkflowTemplateStepInfo/index.tsx b/packages/sqle/src/page/WorkflowTemplate/WorkflowTemplateDetail/components/WorkflowTemplateStepInfo/index.tsx
@@ -40,7 +40,11 @@ const WorkflowTemplateStepInfo: React.FC<IWorkflowTemplateStepInfoProps> = (
               </Col>
               <Col key={`${step.key}-box`} className="step-box">
                 <Row key={`${step.key}-card`} wrap={false}>
-                  <StepCard {...step} stepCardKey={step.key} />
+                  <StepCard
+                    {...step}
+                    key={`${step.key}-step-card`}
+                    stepCardKey={step.key}
+                  />
                 </Row>
               </Col>
             </Row>
diff --git a/packages/sqle/src/page/WorkflowTemplate/components/DraggableCard/index.tsx b/packages/sqle/src/page/WorkflowTemplate/components/DraggableCard/index.tsx
@@ -31,13 +31,13 @@ const DraggableCard = (step: DraggableCardProps) => {
   };
   return (
     <Row
-      key={step.rowKey}
       className={`workflow-step-container workflow-card-space`}
       wrap={false}
       ref={setNodeRef}
       style={style}
       {...attributes}
       {...listeners}
+      key={step.rowKey}
     >
       <Col key={`${step.rowKey}-icon`} className="icon-wrapper">
         {step.icon}
@@ -46,6 +46,7 @@ const DraggableCard = (step: DraggableCardProps) => {
         <Row key={`${step.rowKey}-box-wrapper`} wrap={false}>
           <StepCard
             {...step}
+            key={`${step.rowKey}-step-card`}
             close={step?.removeReviewNode}
             click={step.clickReviewNode}
           />
diff --git a/packages/sqle/src/page/WorkflowTemplate/components/StepCard/index.test.tsx b/packages/sqle/src/page/WorkflowTemplate/components/StepCard/index.test.tsx

Original file line number	Diff line number	Diff line change
`@@ -134,7 +134,7 @@ const Rule = () => {`
`134`	`134`	`>`
`135`	`135`	`<RuleList`
`136`	`136`	`enableCheckDetail`
`137`		`- pageHeaderHeight={visible ? 170 : 0}`
	`137`	`+ pageHeaderHeight={visible ? 60 : 0}`
`138`	`138`	`rules={templateRulesWithStatus}`
`139`	`139`	`/>`
`140`	`140`	`</EmptyBox>`