From ac1e8f71e92da8ca1ade6c001e8f29169f365a3f Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 8 Aug 2024 09:45:59 +0700
Subject: [PATCH] feat: emit event when in headless mode

---
 src/components/ImageUploadDialog.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/ImageUploadDialog.vue b/src/components/ImageUploadDialog.vue
index 128981c9..f5fdd6fb 100644
--- a/src/components/ImageUploadDialog.vue
+++ b/src/components/ImageUploadDialog.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { ref } from 'vue';
 import AppBox from './app/AppBox.vue';
 
 defineExpose({ browse });
@@ -8,7 +9,7 @@ defineProps<{
   hiddenFooter?: boolean;
   defaultUrl?: string;
 }>();
-defineEmits<{
+const emit = defineEmits<{
   (e: 'save', file: File | null, url: string | null): void;
 }>();
 
@@ -36,6 +37,7 @@ const inputFile = (() => {
   _element.addEventListener('change', change);
   return _element;
 })();
+const headless = ref(false);
 
 reader.addEventListener('load', () => {
   if (typeof reader.result === 'string') imageUrl.value = reader.result;
@@ -43,6 +45,7 @@ reader.addEventListener('load', () => {
 
 function browse() {
   inputFile?.click();
+  headless.value = true;
 }
 
 function change(e: Event) {
@@ -52,7 +55,10 @@ function change(e: Event) {
   if (_file) {
     file.value = _file;
     reader.readAsDataURL(_file);
+    if (headless) emit('save', _file, imageUrl.value);
   }
+
+  headless.value = false;
 }
 </script>
 <template>