fix: 修复可选中行table组件，data为空数据时，默认全选按钮会选中的问题

修复可选中行table组件，data为空数据时，默认全选按钮会选中的问题
Tencent · Jul 12, 2022 · 8eab365 · 8eab365
1 parent f92b71d
commit 8eab365
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/table/hooks/useRowSelect.tsx b/src/table/hooks/useRowSelect.tsx
@@ -65,12 +65,14 @@ export default function useRowSelect(props: TdPrimaryTableProps) {
 
   // eslint-disable-next-line
   function getSelectedHeader(h: CreateElement) {
+    const isIndeterminate = intersectionKeys.value.length > 0 && intersectionKeys.value.length < canSelectedRows.value.length;
+    const isChecked = intersectionKeys.value.length !== 0
+      && canSelectedRows.value.length !== 0
+      && intersectionKeys.value.length === canSelectedRows.value.length;
     return () => (
       <Checkbox
-        checked={intersectionKeys.value.length === canSelectedRows.value.length}
-        indeterminate={
-          intersectionKeys.value.length > 0 && intersectionKeys.value.length < canSelectedRows.value.length
-        }
+        checked={isChecked}
+        indeterminate={isIndeterminate}
         disabled={!canSelectedRows.value.length}
         {...{ on: { change: handleSelectAll } }}
       />