fix(Checkbox): fixed the issue that disabled is invalid when using op… (

#1713)

* fix(Checkbox): fixed the issue that disabled is invalid when using options attribute

* chore: update snapshot

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

src/checkbox/__test__/__snapshots__/demo.test.jsx.snap

@@ -37,7 +37,7 @@ exports[`Checkbox > Checkbox allVue demo works fine 1`] = `
           <div
             class="t-checkbox__description"
           >
-            
+            <!---->
           </div>
         </div>
         <div
@@ -74,7 +74,7 @@ exports[`Checkbox > Checkbox allVue demo works fine 1`] = `
           <div
             class="t-checkbox__description"
           >
-            
+            <!---->
           </div>
         </div>
         <div
@@ -111,7 +111,7 @@ exports[`Checkbox > Checkbox allVue demo works fine 1`] = `
           <div
             class="t-checkbox__description"
           >
-            
+            <!---->
           </div>
         </div>
         <div
@@ -197,7 +197,7 @@ exports[`Checkbox > Checkbox baseVue demo works fine 1`] = `
         <div
           class="t-checkbox__description"
         >
-          
+          <!---->
         </div>
       </div>
       <div
@@ -234,7 +234,7 @@ exports[`Checkbox > Checkbox baseVue demo works fine 1`] = `
         <div
           class="t-checkbox__description"
         >
-          
+          <!---->
         </div>
       </div>
       <div
@@ -265,7 +265,7 @@ exports[`Checkbox > Checkbox baseVue demo works fine 1`] = `
         <div
           class="t-checkbox__description"
         >
-          
+          <!---->
         </div>
       </div>
       <div
@@ -616,7 +616,7 @@ exports[`Checkbox > Checkbox mobileVue demo works fine 1`] = `
                 <div
                   class="t-checkbox__description"
                 >
-                  
+                  <!---->
                 </div>
               </div>
               <div
@@ -653,7 +653,7 @@ exports[`Checkbox > Checkbox mobileVue demo works fine 1`] = `
                 <div
                   class="t-checkbox__description"
                 >
-                  
+                  <!---->
                 </div>
               </div>
               <div
@@ -684,7 +684,7 @@ exports[`Checkbox > Checkbox mobileVue demo works fine 1`] = `
                 <div
                   class="t-checkbox__description"
                 >
-                  
+                  <!---->
                 </div>
               </div>
               <div
@@ -917,7 +917,7 @@ exports[`Checkbox > Checkbox mobileVue demo works fine 1`] = `
                   <div
                     class="t-checkbox__description"
                   >
-                    
+                    <!---->
                   </div>
                 </div>
                 <div
@@ -954,7 +954,7 @@ exports[`Checkbox > Checkbox mobileVue demo works fine 1`] = `
                   <div
                     class="t-checkbox__description"
                   >
-                    
+                    <!---->
                   </div>
                 </div>
                 <div
@@ -991,7 +991,7 @@ exports[`Checkbox > Checkbox mobileVue demo works fine 1`] = `
                   <div
                     class="t-checkbox__description"
                   >
-                    
+                    <!---->
                   </div>
                 </div>
                 <div

src/checkbox/checkbox-group.tsx

@@ -99,31 +99,15 @@ export default defineComponent({
       innerValue,
       checkAllStatus,
       checkedSet,
+      maxExceeded,
       onCheckedChange,
     });
     return () => {
       const checkboxNode = () => {
         return (
           <span>
             {optionList.value.map((item, idx) => (
-              <checkbox
-                key={idx}
-                name={item.name || ''}
-                label={item.label || item.text || ''}
-                value={item.value}
-                check-all={item.checkAll}
-                block={item.block || true}
-                checked={item.checked || false}
-                content={item.content || ''}
-                content-disabled={item.contentDisabled || false}
-                icon={item.icon || 'circle'}
-                indeterminate={item.indeterminate || false}
-                disabled={item.disabled}
-                max-content-row={item.maxContentRow || 5}
-                max-label-row={item.maxLabelRow || 3}
-                readonly={item.readonly || false}
-                placement={item.placement || 'left'}
-              />
+              <Checkbox {...item} key={`${item.value || ''}${idx}`} label={item.label || item.text || ''} />
             ))}
           </span>
         );

src/checkbox/checkbox.tsx

@@ -78,9 +78,9 @@ export default defineComponent({
     });
 
     const isDisabled = computed(() => {
-      if (checkboxGroup?.max.value)
-        return checkboxGroup.max.value <= checkboxGroup.innerValue.value.length && !isChecked.value;
-
+      if (!props.checkAll && !isChecked.value && checkboxGroup?.maxExceeded.value) {
+        return true;
+      }
       return disabled.value;
     });
 

src/checkbox/hooks/getOptions.ts

@@ -29,7 +29,6 @@ export const getOptions = (props: any, slots: Slots) => {
           r = { label: String(item), value: item };
         } else {
           r = { ...item };
-          r.disabled = r.disabled === undefined ? props.disabled : r.disabled;
         }
         return r;
       });