From 6364fbd4abdb7e08345049378da86fdc3a4183c1 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Tue, 6 Aug 2024 08:56:06 +0700
Subject: [PATCH] feat: add before close function

---
 .../employee/BasicInformation.vue                  |  2 +-
 src/components/DialogForm.vue                      | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/03_customer-management/employee/BasicInformation.vue b/src/components/03_customer-management/employee/BasicInformation.vue
index 0a80fe58..e913a92b 100644
--- a/src/components/03_customer-management/employee/BasicInformation.vue
+++ b/src/components/03_customer-management/employee/BasicInformation.vue
@@ -34,7 +34,7 @@ const props = withDefaults(
     employee?: boolean;
     employeeOwnerOption?: CustomerBranch[];
     prefixId: string;
-    showBtnSave: boolean;
+    showBtnSave?: boolean;
   }>(),
   {
     showBtnSave: false,
diff --git a/src/components/DialogForm.vue b/src/components/DialogForm.vue
index 6fde55fe..cbeae771 100644
--- a/src/components/DialogForm.vue
+++ b/src/components/DialogForm.vue
@@ -29,13 +29,18 @@ defineProps<{
   submit?: (...args: unknown[]) => void;
   close?: (...args: unknown[]) => void;
   undo?: (...args: unknown[]) => void;
+  beforeClose?: (...args: unknown[]) => boolean;
 }>();
 
 const modal = defineModel('modal', { default: false });
 const currentTab = defineModel<string>('currentTab');
 </script>
 <template>
-  <q-dialog v-model="modal" @hide="close" @before-show="show">
+  <q-dialog
+    :model-value="modal"
+    @update:model-value="(v) => (modal = beforeClose ? beforeClose() : v)"
+    @before-show="show"
+  >
     <div
       class="surface-1"
       style="padding: 0; border-radius: var(--radius-2); height: 100%"
@@ -129,7 +134,12 @@ const currentTab = defineModel<string>('currentTab');
               padding="xs"
               class="close-btn"
               :class="{ dark: $q.dark.isActive }"
-              @click="close"
+              @click="
+                () => {
+                  modal = beforeClose ? beforeClose() : !modal;
+                  close?.();
+                }
+              "
             />
           </div>
         </div>