From 526ffd1f4dd7c3c9cbf73feba7a544745b3bf75e Mon Sep 17 00:00:00 2001
From: dhb52 <dhb52@126.com>
Date: Sun, 5 May 2024 00:36:03 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20StatusSwitch=E4=BD=BF=E7=94=A8defin?=
 =?UTF-8?q?eModel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/status-switch.vue | 21 ++++-----------------
 1 file changed, 4 insertions(+), 17 deletions(-)

diff --git a/src/components/common/status-switch.vue b/src/components/common/status-switch.vue
index eb941c4..cabaf9d 100644
--- a/src/components/common/status-switch.vue
+++ b/src/components/common/status-switch.vue
@@ -1,17 +1,11 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue';
+import { ref } from 'vue';
 
 defineOptions({
   name: 'StatusSwitch'
 });
 
-interface Props {
-  value?: Api.Common.EnableStatusNumber;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  value: 0
-});
+const modelValue = defineModel<Api.Common.EnableStatusNumber>('value', { default: 0 });
 
 interface Emits {
   (e: 'fetch', value: Api.Common.EnableStatusNumber, callback: () => void): void;
@@ -19,16 +13,9 @@ interface Emits {
 
 const emit = defineEmits<Emits>();
 
-const active = ref(props.value);
+/** 状态切换过程的 loading 状态 */
 const loading = ref(false);
 
-watch(
-  () => props.value,
-  value => {
-    active.value = value;
-  }
-);
-
 const handleUpdateValue = (value: Api.Common.EnableStatusNumber) => {
   loading.value = true;
   emit('fetch', value, () => {
@@ -39,7 +26,7 @@ const handleUpdateValue = (value: Api.Common.EnableStatusNumber) => {
 
 <template>
   <NSwitch
-    :value="active"
+    :value="modelValue"
     :loading="loading"
     :rubber-band="false"
     :checked-value="1"