perf(checkbox): 删除 customChecked 内置逻辑

docs/docs/zh-CN/components/checkbox.md

@@ -4,7 +4,7 @@
 
 <template>
   <lay-form>
-    <lay-checkbox name="like" skin="primary" label="1">普通</lay-checkbox>
+    <lay-checkbox name="like" skin="primary"  v-model:checked="checked1" label="1" >普通</lay-checkbox>
  </lay-form>
 </template>
 
@@ -14,7 +14,10 @@ import { ref } from 'vue'
 export default {
   setup() {
 
+    const checked1 = ref(false)
+
     return {
+      checked1
     }
   }
 }
@@ -28,7 +31,7 @@ export default {
 
 <template>
   <lay-form>
-    <lay-checkbox name="like" label="1">普通</lay-checkbox>
+    <lay-checkbox name="like" label="1" v-model:checked="checked2" >普通</lay-checkbox>
  </lay-form>
 </template>
 
@@ -38,7 +41,10 @@ import { ref } from 'vue'
 export default {
   setup() {
 
+    const checked2 = ref(false)
+
     return {
+      checked2
     }
   }
 }
@@ -50,10 +56,9 @@ export default {
 
 <template>
   <lay-form>
-    <lay-checkbox name="like" skin="primary" v-model:checked="checked1" label="1">写作</lay-checkbox>
-    <lay-checkbox name="like" skin="primary" v-model:checked="checked2" label="2">画画</lay-checkbox>
-    <lay-checkbox name="like" skin="primary" v-model:checked="checked3" label="3">运动</lay-checkbox>
-    <lay-checkbox name="like" skin="primary" v-model:checked="checked4" label="4">测试</lay-checkbox>
+    <lay-checkbox name="like" skin="primary" v-model:checked="checked3" label="1">写作</lay-checkbox>
+    <lay-checkbox name="like" skin="primary" v-model:checked="checked4" label="2">画画</lay-checkbox>
+    <lay-checkbox name="like" skin="primary" v-model:checked="checked5" label="3">运动</lay-checkbox>
   </lay-form>
 </template>
 
@@ -63,12 +68,12 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const checked1 = ref(true);
-    const checked2 = ref(true);
     const checked3 = ref(true);
-    const checked4 = false;
+    const checked4 = ref(true);
+    const checked5 = ref(true);
+
     return {
-        checked1, checked2, checked3
+        checked3, checked4, checked5
     }
   }
 }
@@ -80,7 +85,7 @@ export default {
 
 <template>
   <lay-form>
-    <lay-checkbox name="like" skin="primary" label="1" :disabled="disabled">禁用</lay-checkbox>
+    <lay-checkbox name="like" skin="primary" label="1" :disabled="disabled" v-model:checked="checked6">禁用</lay-checkbox>
  </lay-form>
 </template>
 
@@ -92,8 +97,10 @@ export default {
 
     const disabled = ref(true)
 
+    const checked6 = ref(true);
+
     return {
-      disabled
+      disabled,checked6
     }
   }
 }
@@ -105,7 +112,7 @@ export default {
 
 <template>
   <lay-form>
-    <lay-checkbox name="like" skin="primary" label="1" @change="change">回调</lay-checkbox>
+    <lay-checkbox name="like" skin="primary" label="1" @change="change" v-model:checked="checked7">回调</lay-checkbox>
  </lay-form>
 </template>
 
@@ -115,12 +122,15 @@ import { ref } from 'vue'
 export default {
   setup() {
 
+    const checked7 = ref(true);
+
     const change = function(isChecked) {
         console.log("是否选中:" + isChecked)
     }
 
     return {
-        change
+        change,
+        checked7
     }
   }
 }