fix: 选择数据回显

src/components/CheckGroup/ItemCard.jsx

@@ -9,10 +9,10 @@ const CheckGroup = Checkbox.Group;
 
 const getId = item => item.userID || item.roleID || item.stationID || item.id;
 
-const isGroup = node => ['widgetGroup'].includes(node?.type || node);
+const checkIsGroup = node => ['widgetGroup'].includes(node?.type || node);
 
 const checkChildrenByCondition = (item, fn, tag = 'every') => {
-  if (!isGroup(item)) {
+  if (!checkIsGroup(item)) {
     return fn(item);
   }
   return item.children[tag](t => checkChildrenByCondition(t, fn, tag));
@@ -43,27 +43,29 @@ const ListCardItem = props => {
   const isMapWedgt = type === 'widgetUIPage';
 
   // 当前组件是否是分组id
-  const isCurrentGroup = isGroup(type);
+  const isGroup = checkIsGroup(type);
+  const [groupChecked, setGroupChecked] = useState(false);
 
   // 当前组件是否勾选
   const [checked, setChecked] = useState(isChecked);
 
   useEffect(() => {
     // const all = children.every(u => checkAllChildrenChecked(u));
-    if (isCurrentGroup) {
+    if (isGroup) {
       // setIndeterminate(!all && children.some(u => checkSomeChildrenChecked(u)));
     } else {
+      setIndeterminate(false);
       // 初始进来报告自己的值
       getValueCallback(isChecked ? [id] : [], itemid);
-      setIndeterminate(false);
     }
   }, []);
 
   // 监听父级是否勾选，如果父级勾选 则需要吧自己设置勾选状态并回传值
   useEffect(() => {
     if (allChecked !== checked && !groupIndeterminate) {
-      setChecked(allChecked);
-      if (!isCurrentGroup) {
+      if (!isGroup) {
+        setChecked(allChecked);
+        setIndeterminate(false);
         getValueCallback(allChecked ? [id] : [], itemid);
       }
     }
@@ -74,25 +76,23 @@ const ListCardItem = props => {
     const { checked: v } = e.target;
     if (isGroup) {
       if (indeterminate) {
-        setChecked(true);
+        setGroupChecked(true);
       } else {
-        setChecked(v);
+        setGroupChecked(v);
       }
       setIndeterminate(false);
     } else {
       setChecked(v);
     }
-    // setIndeterminate(false);
-    if (!isCurrentGroup) {
+    if (!isGroup) {
       getValueCallback(v ? [id] : [], itemid);
     }
   };
 
   const handleChildValueCallback = (arr, childIndex) => {
-    const isInitFlag = !!childValues[childIndex];
     // 进这里的都是分组，组长统计并处理自己的状态： 全选，部分选，零选
     // 拿到所有勾选的子节点
-    childValues[childIndex] = arr;
+    childValues[childIndex] = arr.flat();
     const childValArr = Object.values(childValues).flat();
     // 保存组员状态
     setChildValues({ ...childValues });
@@ -109,7 +109,7 @@ const ListCardItem = props => {
       'some',
     );
     setIndeterminate(!isAllchecked && isSomeChecked);
-    setChecked(isSomeChecked);
+    setGroupChecked(isSomeChecked);
     // eslint-disable-next-line no-unused-expressions
     getValueCallback && getValueCallback([...childValArr, id], itemid);
   };
@@ -120,7 +120,7 @@ const ListCardItem = props => {
       <ListCardItem
         {...c}
         itemid={i}
-        allChecked={checked}
+        allChecked={groupChecked}
         groupIndeterminate={indeterminate}
         key={`item${i}key`}
         getValueCallback={handleChildValueCallback}
@@ -132,14 +132,14 @@ const ListCardItem = props => {
     <>
       <div
         className={classnames({
-          [styles.divBox]: isCurrentGroup,
-          [styles.divSingle]: !isCurrentGroup,
+          [styles.divBox]: isGroup,
+          [styles.divSingle]: !isGroup,
         })}
       >
         <div className={styles.topCheckbox}>
           <Checkbox
-            indeterminate={indeterminate}
-            checked={checked}
+            indeterminate={isGroup ? indeterminate : false}
+            checked={isGroup ? groupChecked : checked}
             onChange={handleChecked}
           >
             {isMapWedgt ? (
@@ -152,7 +152,7 @@ const ListCardItem = props => {
             ) : (
               <span
                 className={classnames({
-                  [styles.boldLabel]: isCurrentGroup,
+                  [styles.boldLabel]: isGroup,
                   [styles.isSearch]: searchWord && text.includes(searchWord),
                 })}
               >

src/components/CheckGroup/index.jsx

@@ -43,7 +43,6 @@ const ListCard = props => {
       _dc: new Date().getTime(),
     })
       .then(res => {
-        setLoading(false);
         const list = [];
         // eslint-disable-next-line no-unused-expressions
         res.success &&
@@ -51,6 +50,7 @@ const ListCard = props => {
             list.push({ ...defaultConfig, ...item });
           });
         setdataList(list);
+        setLoading(false);
       })
       .catch(err => {
         console.error(err);