From 7e48682fbe3934d1be739684752e0aec86ed1b44 Mon Sep 17 00:00:00 2001
From: dhb52 <dhb52@126.com>
Date: Sun, 5 May 2024 01:17:20 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20OperateDrawer=20=E4=BD=BF=E7=94=A8d?=
 =?UTF-8?q?efineModel=E7=AE=80=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/operate-drawer.vue | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/components/common/operate-drawer.vue b/src/components/common/operate-drawer.vue
index dd3d139..fd8dc82 100644
--- a/src/components/common/operate-drawer.vue
+++ b/src/components/common/operate-drawer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, nextTick, onUnmounted, reactive, ref, watch } from 'vue';
+import { computed, nextTick, onUnmounted, reactive, ref } from 'vue';
 import { useAppStore } from '@/store/modules/app';
 
 defineOptions({
@@ -8,22 +8,20 @@ defineOptions({
 
 interface Props {
   title?: string;
-  modelValue?: boolean;
 }
-
 const props = defineProps<Props>();
 
 interface Emits {
   (e: 'update:modelValue', modelValue: boolean): void;
 }
-
-const visible = defineModel<boolean>('visible', {
-  default: false
-});
-
 const emit = defineEmits<Emits>();
+
+const model = defineModel<boolean>({ default: false });
+
 const slots = defineSlots();
+
 const appStore = useAppStore();
+
 const state = reactive({ width: 0 });
 const isFullscreen = ref(false);
 const drawerWidth = computed(() => {
@@ -53,21 +51,13 @@ onUnmounted(() => {
   window.removeEventListener('resize', getState);
 });
 
-watch(
-  () => props.modelValue,
-  val => {
-    visible.value = val;
-  },
-  { immediate: true }
-);
-
 const onUpdateShow = (value: boolean) => {
   emit('update:modelValue', value);
 };
 </script>
 
 <template>
-  <NDrawer v-model:show="visible" display-directive="if" :width="drawerWidth" @update:show="onUpdateShow">
+  <NDrawer v-model:show="model" display-directive="if" :width="drawerWidth" @update:show="onUpdateShow">
     <NDrawerContent :title="props.title" :native-scrollbar="false" closable header-class="operate-dawer-header">
       <template #header>
         {{ props.title }}