From 40c2068b31749c8baaabee840b1d6433d5218267 Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Wed, 24 Jan 2024 00:35:35 +0800
Subject: [PATCH] docs(checkbox): optimize indeterminate demo

---
 .../demos/enUS/indeterminate.demo.vue         | 32 +++++++++++--------
 .../demos/zhCN/indeterminate.demo.vue         | 30 +++++++++--------
 2 files changed, 35 insertions(+), 27 deletions(-)

diff --git a/src/checkbox/demos/enUS/indeterminate.demo.vue b/src/checkbox/demos/enUS/indeterminate.demo.vue
index 99dea1c03..136b4b02d 100644
--- a/src/checkbox/demos/enUS/indeterminate.demo.vue
+++ b/src/checkbox/demos/enUS/indeterminate.demo.vue
@@ -4,11 +4,8 @@
 
 <template>
   <n-space item-style="display: flex;" align="center">
-    <n-checkbox
-      v-model:checked="value"
-      :indeterminate="indeterminate"
-    >
-      checkbox
+    <n-checkbox v-model:checked="value" :indeterminate="indeterminate">
+      Checkbox
     </n-checkbox>
     <n-checkbox v-model:checked="value" :indeterminate="indeterminate" />
     <n-checkbox
@@ -16,15 +13,22 @@
       :indeterminate="indeterminate"
       disabled
     />
-    <n-button size="small" @click="value = !value">
-      Check
-    </n-button>
-    <n-button
-      size="small"
-      @click="indeterminate = !indeterminate"
-    >
-      Indeterminate
-    </n-button>
+    <n-switch v-model:value="value">
+      <template #checked>
+        checked
+      </template>
+      <template #unchecked>
+        Unchecked
+      </template>
+    </n-switch>
+    <n-switch v-model:value="indeterminate">
+      <template #checked>
+        Indeterminate
+      </template>
+      <template #unchecked>
+        Not indeterminate
+      </template>
+    </n-switch>
   </n-space>
 </template>
 
diff --git a/src/checkbox/demos/zhCN/indeterminate.demo.vue b/src/checkbox/demos/zhCN/indeterminate.demo.vue
index 2f3e30336..75a522e12 100644
--- a/src/checkbox/demos/zhCN/indeterminate.demo.vue
+++ b/src/checkbox/demos/zhCN/indeterminate.demo.vue
@@ -4,10 +4,7 @@
 
 <template>
   <n-space item-style="display: flex;" align="center">
-    <n-checkbox
-      v-model:checked="value"
-      :indeterminate="indeterminate"
-    >
+    <n-checkbox v-model:checked="value" :indeterminate="indeterminate">
       复选框
     </n-checkbox>
     <n-checkbox v-model:checked="value" :indeterminate="indeterminate" />
@@ -16,15 +13,22 @@
       :indeterminate="indeterminate"
       disabled
     />
-    <n-button size="small" @click="value = !value">
-      选中
-    </n-button>
-    <n-button
-      size="small"
-      @click="indeterminate = !indeterminate"
-    >
-      部分选中
-    </n-button>
+    <n-switch v-model:value="value">
+      <template #checked>
+        选中
+      </template>
+      <template #unchecked>
+        没选中
+      </template>
+    </n-switch>
+    <n-switch v-model:value="indeterminate">
+      <template #checked>
+        部分选中
+      </template>
+      <template #unchecked>
+        非部分选中
+      </template>
+    </n-switch>
   </n-space>
 </template>