From fc0767899bd54a61d713299fe914159430ae55fa Mon Sep 17 00:00:00 2001
From: ray <1490493387@qq.com>
Date: Wed, 12 Feb 2025 11:20:39 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E4=BD=BF=E7=94=A8vue3.?=
 =?UTF-8?q?3=E6=96=B0=E7=89=B9=E6=80=A7defineModel=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BC=A0=E5=80=BC=E7=9A=84=E5=8F=8C=E5=90=91?=
 =?UTF-8?q?=E7=BB=91=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Settings/components/LayoutSelect.vue      | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/layout/components/Settings/components/LayoutSelect.vue b/src/layout/components/Settings/components/LayoutSelect.vue
index ff8fb1a3..565dc41d 100644
--- a/src/layout/components/Settings/components/LayoutSelect.vue
+++ b/src/layout/components/Settings/components/LayoutSelect.vue
@@ -4,7 +4,7 @@
       <div
         class="layout-item left"
         :class="{ 'is-active': modelValue === LayoutEnum.LEFT }"
-        @click="updateValue(LayoutEnum.LEFT)"
+        @click="handleLayoutChange(LayoutEnum.LEFT)"
       >
         <div />
         <div />
@@ -15,7 +15,7 @@
       <div
         class="layout-item top"
         :class="{ 'is-active': modelValue === LayoutEnum.TOP }"
-        @click="updateValue(LayoutEnum.TOP)"
+        @click="handleLayoutChange(LayoutEnum.TOP)"
       >
         <div />
         <div />
@@ -26,7 +26,7 @@
       <div
         class="layout-item mix"
         :class="{ 'is-active': modelValue === LayoutEnum.MIX }"
-        @click="updateValue(LayoutEnum.MIX)"
+        @click="handleLayoutChange(LayoutEnum.MIX)"
       >
         <div />
         <div />
@@ -38,14 +38,19 @@
 <script lang="ts" setup>
 import { LayoutEnum } from "@/enums/LayoutEnum";
 
-const props = defineProps({
-  modelValue: String,
+const modelValue = defineModel("modelValue", {
+  type: String,
+  required: true,
+  default: () => "",
 });
 
-const emit = defineEmits(["update:modelValue"]);
-
-function updateValue(layout: string) {
-  emit("update:modelValue", layout);
+/**
+ * 变换布局
+ *
+ * @param layout
+ */
+function handleLayoutChange(layout: string) {
+  modelValue.value = layout;
 }
 </script>