fix(checkbox): effective using control to check all

fix #103
vexip-ui · Aug 4, 2022 · 70a5bb2 · 70a5bb2
1 parent b0c7991
commit 70a5bb2
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 19 deletions.
diff --git a/components/checkbox/checkbox-group.vue b/components/checkbox/checkbox-group.vue
@@ -190,7 +190,7 @@ export default defineComponent({
     function handleControlChange() {
       // 在 group 层进行更新, 未选满则全选, 反之全不选
       const allValues = Array.from(valueMap.keys())
-      const checked = currentValues.value.length === allValues.length
+      const checked = currentValues.value.length !== allValues.length
 
       allValues.forEach(value => {
         valueMap.set(value, checked)

diff --git a/docs/demos/checkbox/group/demo.en-US.vue b/docs/demos/checkbox/group/demo.en-US.vue
@@ -1,5 +1,5 @@
 <template>
-  <CheckboxGroup v-model:values="values">
+  <CheckboxGroup v-model:value="values">
     <Checkbox
       v-for="item in items"
       :key="item"

diff --git a/docs/demos/checkbox/group/demo.zh-CN.vue b/docs/demos/checkbox/group/demo.zh-CN.vue
@@ -1,5 +1,5 @@
 <template>
-  <CheckboxGroup v-model:values="values">
+  <CheckboxGroup v-model:value="values">
     <Checkbox
       v-for="item in items"
       :key="item"

diff --git a/docs/demos/checkbox/layout/demo.en-US.vue b/docs/demos/checkbox/layout/demo.en-US.vue
@@ -1,5 +1,5 @@
 <template>
-  <CheckboxGroup v-model:values="values">
+  <CheckboxGroup v-model:value="values">
     <Row>
       <Column>
         <Checkbox control>

diff --git a/docs/demos/checkbox/layout/demo.zh-CN.vue b/docs/demos/checkbox/layout/demo.zh-CN.vue
@@ -1,5 +1,5 @@
 <template>
-  <CheckboxGroup v-model:values="values">
+  <CheckboxGroup v-model:value="values">
     <Row>
       <Column>
         <Checkbox control>

diff --git a/docs/demos/checkbox/total/demo.en-US.vue b/docs/demos/checkbox/total/demo.en-US.vue
@@ -1,13 +1,9 @@
 <template>
-  <CheckboxGroup v-model:values="values">
+  <CheckboxGroup v-model:value="values">
     <Checkbox control>
       All
     </Checkbox>
-    <Checkbox
-      v-for="item in items"
-      :key="item"
-      :label="item"
-    ></Checkbox>
+    <Checkbox v-for="item in items" :key="item" :label="item"></Checkbox>
   </CheckboxGroup>
   <br />
   values: {{ values }}

diff --git a/docs/demos/checkbox/total/demo.zh-CN.vue b/docs/demos/checkbox/total/demo.zh-CN.vue
@@ -1,13 +1,9 @@
 <template>
-  <CheckboxGroup v-model:values="values">
+  <CheckboxGroup v-model:value="values">
     <Checkbox control>
       全选
     </Checkbox>
-    <Checkbox
-      v-for="item in items"
-      :key="item"
-      :label="item"
-    ></Checkbox>
+    <Checkbox v-for="item in items" :key="item" :label="item"></Checkbox>
   </CheckboxGroup>
   <br />
   values: {{ values }}

diff --git a/docs/demos/checkbox/vertical/demo.en-US.vue b/docs/demos/checkbox/vertical/demo.en-US.vue
@@ -1,5 +1,5 @@
 <template>
-  <CheckboxGroup v-model:values="values" vertical>
+  <CheckboxGroup v-model:value="values" vertical>
     <Checkbox
       v-for="item in items"
       :key="item"

diff --git a/docs/demos/checkbox/vertical/demo.zh-CN.vue b/docs/demos/checkbox/vertical/demo.zh-CN.vue
@@ -1,5 +1,5 @@
 <template>
-  <CheckboxGroup v-model:values="values" vertical>
+  <CheckboxGroup v-model:value="values" vertical>
     <Checkbox
       v-for="item in items"
       :key="item"