Browse Source

docs(checkbox): update checkbox docs

suzigang 4 years ago
parent
commit
2d4c29efa4

+ 10 - 33
src/packages/__VUE/checkbox/demo.vue

@@ -60,20 +60,14 @@
     <nut-cell-group title="checkboxGroup使用">
       <nut-cell>
         <nut-checkboxgroup v-model="checkboxgroup1">
-          <nut-checkbox
-            v-model="checkbox9"
-            label="1"
-            style="margin: 2px 20px 0 0"
+          <nut-checkbox label="1" style="margin: 2px 20px 0 0"
             >组合复选框</nut-checkbox
           >
-          <nut-checkbox v-model="checkbox10" label="2">组合复选框</nut-checkbox>
-          <nut-checkbox
-            v-model="checkbox11"
-            label="3"
-            style="margin: 2px 20px 0 0"
+          <nut-checkbox label="2">组合复选框</nut-checkbox>
+          <nut-checkbox label="3" style="margin: 2px 20px 0 0"
             >组合复选框</nut-checkbox
           >
-          <nut-checkbox v-model="checkbox12" label="4">组合复选框</nut-checkbox>
+          <nut-checkbox label="4">组合复选框</nut-checkbox>
         </nut-checkboxgroup>
       </nut-cell>
       <nut-cell>
@@ -84,20 +78,14 @@
     <nut-cell-group title="checkboxGroup禁用">
       <nut-cell>
         <nut-checkboxgroup v-model="checkboxgroup1" disabled>
-          <nut-checkbox
-            v-model="checkbox9"
-            label="1"
-            style="margin: 2px 20px 0 0"
+          <nut-checkbox label="1" style="margin: 2px 20px 0 0"
             >组合复选框</nut-checkbox
           >
-          <nut-checkbox v-model="checkbox10" label="2">组合复选框</nut-checkbox>
-          <nut-checkbox
-            v-model="checkbox11"
-            label="3"
-            style="margin: 2px 20px 0 0"
+          <nut-checkbox label="2">组合复选框</nut-checkbox>
+          <nut-checkbox label="3" style="margin: 2px 20px 0 0"
             >组合复选框</nut-checkbox
           >
-          <nut-checkbox v-model="checkbox12" label="4">组合复选框</nut-checkbox>
+          <nut-checkbox label="4">组合复选框</nut-checkbox>
         </nut-checkboxgroup>
       </nut-cell>
     </nut-cell-group>
@@ -108,13 +96,10 @@
           ref="group"
           @change="changeBox4"
         >
-          <nut-checkbox
-            v-model="checkbox15"
-            label="1"
-            style="margin: 0 20px 0 0"
+          <nut-checkbox label="1" style="margin: 0 20px 0 0"
             >组合复选框</nut-checkbox
           >
-          <nut-checkbox v-model="checkbox16" label="2">组合复选框</nut-checkbox>
+          <nut-checkbox label="2">组合复选框</nut-checkbox>
         </nut-checkboxgroup>
       </nut-cell>
       <nut-cell>
@@ -146,14 +131,6 @@ export default createDemo({
       checkbox6: false,
       checkbox7: false,
       checkbox8: false,
-      checkbox9: false,
-      checkbox10: false,
-      checkbox11: false,
-      checkbox12: false,
-      checkbox13: false,
-      checkbox14: false,
-      checkbox15: false,
-      checkbox16: false,
       checkboxgroup1: ['2', '3'],
       checkboxgroup2: ['2'],
       checkboxgroup3: ['2']

+ 7 - 15
src/packages/__VUE/checkbox/doc.md

@@ -89,7 +89,7 @@ setup() {
 值发生变化时,将触发change事件
 
 ```html
-<nut-checkbox v-model="checkbox8" @change="changeBox3">change复选框</nut-checkbox>
+<nut-checkbox v-model="checkbox" @change="changeBox3">change复选框</nut-checkbox>
 ```
 
 ```ts
@@ -109,20 +109,16 @@ setup() {
 
 ```html
 <nut-checkboxgroup v-model="checkboxgroup1">
-  <nut-checkbox v-model="checkbox9" label="1">组合复选框</nut-checkbox>
-  <nut-checkbox v-model="checkbox10" label="2">组合复选框</nut-checkbox>
-  <nut-checkbox v-model="checkbox11" label="3">组合复选框</nut-checkbox>
-  <nut-checkbox v-model="checkbox12" label="4">组合复选框</nut-checkbox>
+  <nut-checkbox label="1">组合复选框</nut-checkbox>
+  <nut-checkbox label="2">组合复选框</nut-checkbox>
+  <nut-checkbox label="3">组合复选框</nut-checkbox>
+  <nut-checkbox label="4">组合复选框</nut-checkbox>
 </nut-checkboxgroup>
 ```
 
 ```ts
 setup() {
   return {
-    checkbox9: false,
-    checkbox10: false,
-    checkbox11: false,
-    checkbox12: false,
     checkboxgroup1: ['2', '3'],
   };
 }
@@ -132,8 +128,8 @@ setup() {
 
 ```html
 <nut-checkboxgroup v-model="checkboxgroup3" ref="group" @change="changeBox4">
-  <nut-checkbox v-model="checkbox15" label="1">组合复选框</nut-checkbox>
-  <nut-checkbox v-model="checkbox16" label="2">组合复选框</nut-checkbox>
+  <nut-checkbox label="1">组合复选框</nut-checkbox>
+  <nut-checkbox label="2">组合复选框</nut-checkbox>
 </nut-checkboxgroup>
 <span class="btn">
   <nut-button type="primary" @click="toggleAll(true)">全选</nut-button>
@@ -152,10 +148,6 @@ setup() {
     (group.value as any).toggleAll(f);
   };
   return {
-    checkbox15: false,
-    checkbox16: false,
-    changeBox4: false,
-    checkbox12: false,
     checkboxgroup3: ['2'],
     group,
     changeBox4,

+ 10 - 18
src/sites/mobile-taro/vue/src/dentry/pages/checkbox/index.vue

@@ -60,10 +60,10 @@
     <nut-cell-group title="checkboxGroup使用">
       <nut-cell>
         <nut-checkboxgroup v-model="checkboxgroup1">
-          <nut-checkbox v-model="checkbox9" label="1">组合复选框</nut-checkbox>
-          <nut-checkbox v-model="checkbox10" label="2">组合复选框</nut-checkbox>
-          <nut-checkbox v-model="checkbox11" label="3">组合复选框</nut-checkbox>
-          <nut-checkbox v-model="checkbox12" label="4">组合复选框</nut-checkbox>
+          <nut-checkbox label="1">组合复选框</nut-checkbox>
+          <nut-checkbox label="2">组合复选框</nut-checkbox>
+          <nut-checkbox label="3">组合复选框</nut-checkbox>
+          <nut-checkbox label="4">组合复选框</nut-checkbox>
         </nut-checkboxgroup>
       </nut-cell>
       <nut-cell>
@@ -74,10 +74,10 @@
     <nut-cell-group title="checkboxGroup禁用">
       <nut-cell>
         <nut-checkboxgroup v-model="checkboxgroup1" disabled>
-          <nut-checkbox v-model="checkbox9" label="1">组合复选框</nut-checkbox>
-          <nut-checkbox v-model="checkbox10" label="2">组合复选框</nut-checkbox>
-          <nut-checkbox v-model="checkbox11" label="3">组合复选框</nut-checkbox>
-          <nut-checkbox v-model="checkbox12" label="4">组合复选框</nut-checkbox>
+          <nut-checkbox label="1">组合复选框</nut-checkbox>
+          <nut-checkbox label="2">组合复选框</nut-checkbox>
+          <nut-checkbox label="3">组合复选框</nut-checkbox>
+          <nut-checkbox label="4">组合复选框</nut-checkbox>
         </nut-checkboxgroup>
       </nut-cell>
     </nut-cell-group>
@@ -88,8 +88,8 @@
           ref="group"
           @change="changeBox4"
         >
-          <nut-checkbox v-model="checkbox15" label="1">组合复选框</nut-checkbox>
-          <nut-checkbox v-model="checkbox16" label="2">组合复选框</nut-checkbox>
+          <nut-checkbox label="1">组合复选框</nut-checkbox>
+          <nut-checkbox label="2">组合复选框</nut-checkbox>
         </nut-checkboxgroup>
       </nut-cell>
       <nut-cell>
@@ -118,14 +118,6 @@ export default {
       checkbox6: false,
       checkbox7: false,
       checkbox8: false,
-      checkbox9: false,
-      checkbox10: false,
-      checkbox11: false,
-      checkbox12: false,
-      checkbox13: false,
-      checkbox14: false,
-      checkbox15: false,
-      checkbox16: false,
       checkboxgroup1: ['2', '3'],
       checkboxgroup2: ['2'],
       checkboxgroup3: ['2']