fix: #2227, #2263

src/components/seal-table/components/header-prefix.tsx

@@ -1,6 +1,7 @@
 import IconFont from '@/components/icon-font';
-import { RightOutlined } from '@ant-design/icons';
-import { Button, Checkbox } from 'antd';
+import { ClearOutlined, RightOutlined } from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
+import { Button, Checkbox, Tooltip } from 'antd';
 import _ from 'lodash';
 import React from 'react';
 
@@ -29,10 +30,20 @@ const HeaderPrefix: React.FC<HeaderPrefixProps> = (props) => {
     disabled
   } = props;
 
+  const intl = useIntl();
+
   const handleToggleExpand = () => {
     onExpandAll?.(!expandAll);
   };
 
+  const handleUnCheckAll = () => {
+    onSelectAll?.({
+      target: {
+        checked: false
+      }
+    });
+  };
+
   if (!hasColumns) {
     return null;
   }
@@ -66,12 +77,36 @@ const HeaderPrefix: React.FC<HeaderPrefixProps> = (props) => {
             expandable
           )}
         </span>
-        <Checkbox
-          onChange={onSelectAll}
-          indeterminate={indeterminate}
-          checked={selectAll}
-          disabled={disabled}
-        ></Checkbox>
+        <Tooltip
+          destroyTooltipOnHide
+          fresh={true}
+          defaultOpen={false}
+          title={
+            indeterminate && (
+              <Button
+                size="small"
+                type="text"
+                variant="filled"
+                color="default"
+                icon={<ClearOutlined />}
+                onClick={handleUnCheckAll}
+              >
+                {intl.formatMessage({ id: 'common.button.clearSelection' })}
+              </Button>
+            )
+          }
+          overlayClassName="light-downloading-tooltip"
+          overlayInnerStyle={{
+            backgroundColor: 'var(--color-spotlight-bg)'
+          }}
+        >
+          <Checkbox
+            onChange={onSelectAll}
+            indeterminate={indeterminate}
+            checked={selectAll}
+            disabled={disabled}
+          ></Checkbox>
+        </Tooltip>
       </div>
     );
   }
@@ -98,4 +133,4 @@ const HeaderPrefix: React.FC<HeaderPrefixProps> = (props) => {
   return null;
 };
 
-export default React.memo(HeaderPrefix);
+export default HeaderPrefix;

src/components/seal-table/components/header.tsx

@@ -45,4 +45,4 @@ const Header: React.FC<HeaderProps> = (props) => {
   );
 };
 
-export default React.memo(Header);
+export default Header;

src/components/seal-table/components/pagination.tsx

@@ -1,8 +1,7 @@
 import { Pagination, type PaginationProps } from 'antd';
-import { memo } from 'react';
 
 const PaginationComponent: React.FC<PaginationProps> = (props) => {
   return <Pagination {...props} />;
 };
 
-export default memo(PaginationComponent);
+export default PaginationComponent;

src/components/seal-table/components/table-header.tsx

@@ -60,4 +60,4 @@ const TableHeader: React.FC<TableHeaderProps> = (props) => {
   );
 };
 
-export default React.memo(TableHeader);
+export default TableHeader;

src/components/seal-table/components/table-row.tsx

@@ -281,4 +281,4 @@ const TableRow: React.FC<
   );
 };
 
-export default React.memo(TableRow);
+export default TableRow;