asder

package.json

@@ -45,7 +45,7 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@ant-design/pro-components": "^2.0.0",
+    "@ant-design/pro-components": "^2.3.52",
     "@umijs/route-utils": "^2.0.0",
     "ahooks": "^3.7.0",
     "antd": "^4.23.1",
@@ -60,7 +60,7 @@
     "query-string": "^7.1.1",
     "rc-menu": "^9.1.0",
     "rc-util": "^5.16.0",
-    "react": "^17.2.0",
+    "react": "^17.0.0",
     "react-activation": "^0.12.2",
     "react-custom-scrollbars": "^4.2.1",
     "react-dev-inspector": "^1.7.0",

src/components/AutoTable/mtable.jsx

@@ -418,6 +418,7 @@ const Mtable = (props) => {
       }
       search={{
         filterType: 'light', //轻量模式
+        placement: 'bottomLeft',
       }}
     />
   );

src/global.less

@@ -14,7 +14,9 @@ body,
 .ant-layout {
   min-height: 100vh;
 }
-
+.ant-popover-inner-content {
+  padding: 0 !important;
+}
 .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
   left: unset;
 }
@@ -58,14 +60,13 @@ ol {
     width: 100%;
     overflow-x: auto;
 
-    &-thead>tr,
-    &-tbody>tr {
-
-      >th,
-      >td {
+    &-thead > tr,
+    &-tbody > tr {
+      > th,
+      > td {
         white-space: pre;
 
-        >span {
+        > span {
           display: block;
         }
       }
@@ -314,7 +315,7 @@ ol {
 }
 
 .lightblue {
-  >td:first-child {
+  > td:first-child {
     position: relative;
 
     &::before {
@@ -336,14 +337,14 @@ ol {
   width: 100%;
   padding-left: 0 !important;
 
-  >span:first-child {
+  > span:first-child {
     flex: 1;
 
-    >span:first-child {
+    > span:first-child {
       display: none !important;
     }
 
-    >.ant-spin-nested-loading {
+    > .ant-spin-nested-loading {
       width: 100%;
     }
   }
@@ -402,7 +403,7 @@ ol {
 }
 
 .runtime-keep-alive-layout {
-  >div {
+  > div {
     height: 100% !important;
   }
 }
@@ -450,7 +451,7 @@ ol {
   min-height: 100% !important;
   overflow: hidden !important;
 
-  >div {
+  > div {
     height: 100%;
     min-height: calc(100vh - 96px);
   }
@@ -462,12 +463,12 @@ ol {
 
 // 横向滚动条
 .scrollHoriz {
-  >div {
+  > div {
     display: flex !important;
     flex-wrap: nowrap !important;
     align-items: center !important;
 
-    >div {
+    > div {
       flex-shrink: 0 !important;
     }
   }
@@ -497,7 +498,6 @@ ol {
   top: -162px;
   left: 74px;
   color: #1890ff;
-
 }
 
 .ant-popover-buttons {
@@ -516,4 +516,4 @@ ol {
 
 .container___gD5n4 {
   z-index: 9999 !important;
-}
\ No newline at end of file
+}