From 5b37ea4d78b6f3de4f0add0a2b00c2b64475dac8 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 29 Sep 2025 19:36:31 +0800
Subject: [PATCH] AI image recognition supports pasting image from clipboard in
 desktop version

---
 src/locales/de.json                           |  2 +-
 src/locales/en.json                           |  2 +-
 src/locales/es.json                           |  2 +-
 src/locales/fr.json                           |  2 +-
 src/locales/it.json                           |  2 +-
 src/locales/ja.json                           |  2 +-
 src/locales/nl.json                           |  2 +-
 src/locales/pt_BR.json                        |  2 +-
 src/locales/ru.json                           |  2 +-
 src/locales/th.json                           |  2 +-
 src/locales/uk.json                           |  2 +-
 src/locales/vi.json                           |  2 +-
 src/locales/zh_Hans.json                      |  2 +-
 src/locales/zh_Hant.json                      |  2 +-
 .../list/dialogs/AIImageRecognitionDialog.vue | 25 +++++++++++++++++--
 15 files changed, 37 insertions(+), 16 deletions(-)

diff --git a/src/locales/de.json b/src/locales/de.json
index f3d30be3..48c7cbcd 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/en.json b/src/locales/en.json
index f081141b..9e2711c7 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/es.json b/src/locales/es.json
index 49f02ba8..7e0706fb 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/fr.json b/src/locales/fr.json
index 1239d442..d47a1ed9 100644
--- a/src/locales/fr.json
+++ b/src/locales/fr.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "Reconnaissance d'image IA",
     "Unable to load image": "Impossible de charger l'image",
     "Unable to recognize image": "Impossible de reconnaître l'image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Glissez-déposez un reçu ou une image de transaction ici, ou cliquez pour en sélectionner une",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Relâchez pour charger l'image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Cliquez ici pour sélectionner un reçu ou une image de transaction",
diff --git a/src/locales/it.json b/src/locales/it.json
index a84f36bd..434779bb 100644
--- a/src/locales/it.json
+++ b/src/locales/it.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/ja.json b/src/locales/ja.json
index b6b89d18..9973c546 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/nl.json b/src/locales/nl.json
index 866a0068..cbbc6090 100644
--- a/src/locales/nl.json
+++ b/src/locales/nl.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/pt_BR.json b/src/locales/pt_BR.json
index dd9265ec..8cdf6b7b 100644
--- a/src/locales/pt_BR.json
+++ b/src/locales/pt_BR.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 919d840c..fa8336df 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/th.json b/src/locales/th.json
index 9e5df234..0acde041 100644
--- a/src/locales/th.json
+++ b/src/locales/th.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "การจดจำภาพด้วย AI",
     "Unable to load image": "ไม่สามารถโหลดรูปภาพได้",
     "Unable to recognize image": "ไม่สามารถจดจำรูปภาพได้",
-    "Drag and drop a receipt or transaction image here, or click to select one": "ลากและวางใบเสร็จหรือรูปภาพรายการที่นี่ หรือคลิกเพื่อเลือก",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "ปล่อยเพื่อโหลดรูปภาพ",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "คลิกที่นี่เพื่อเลือกใบเสร็จหรือรูปภาพรายการ",
diff --git a/src/locales/uk.json b/src/locales/uk.json
index dec268df..76e6dc65 100644
--- a/src/locales/uk.json
+++ b/src/locales/uk.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/vi.json b/src/locales/vi.json
index 0e168dd8..d41f6d0a 100644
--- a/src/locales/vi.json
+++ b/src/locales/vi.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI Image Recognition",
     "Unable to load image": "Unable to load image",
     "Unable to recognize image": "Unable to recognize image",
-    "Drag and drop a receipt or transaction image here, or click to select one": "Drag and drop a receipt or transaction image here, or click to select one",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "You can drag and drop, paste or click to select a receipt or transaction image",
     "Release to load image": "Release to load image",
     "Loading image...": "Loading image...",
     "Click here to select a receipt or transaction image": "Click here to select a receipt or transaction image",
diff --git a/src/locales/zh_Hans.json b/src/locales/zh_Hans.json
index 26e28db1..1af0c55e 100644
--- a/src/locales/zh_Hans.json
+++ b/src/locales/zh_Hans.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI识图",
     "Unable to load image": "无法加载图片",
     "Unable to recognize image": "无法识别图片",
-    "Drag and drop a receipt or transaction image here, or click to select one": "拖拽收据或交易图片到此处，或点击选择图片",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "您可以拖拽、粘贴或点击选择收据或交易图片",
     "Release to load image": "释放以加载图片",
     "Loading image...": "正在加载图片...",
     "Click here to select a receipt or transaction image": "点击这里选择收据或交易图片",
diff --git a/src/locales/zh_Hant.json b/src/locales/zh_Hant.json
index 98030b7e..964ad606 100644
--- a/src/locales/zh_Hant.json
+++ b/src/locales/zh_Hant.json
@@ -1735,7 +1735,7 @@
     "AI Image Recognition": "AI識圖",
     "Unable to load image": "無法載入圖片",
     "Unable to recognize image": "無法識別圖片",
-    "Drag and drop a receipt or transaction image here, or click to select one": "將收據或交易圖片拖放到此處，或點擊以選擇圖片",
+    "You can drag and drop, paste or click to select a receipt or transaction image": "您可以拖放、貼上或點擊選擇收據或交易圖片",
     "Release to load image": "放開以載入圖片",
     "Loading image...": "正在載入圖片...",
     "Click here to select a receipt or transaction image": "點擊這裡選擇收據或交易圖片",
diff --git a/src/views/desktop/transactions/list/dialogs/AIImageRecognitionDialog.vue b/src/views/desktop/transactions/list/dialogs/AIImageRecognitionDialog.vue
index a515fc4b..f47b4897 100644
--- a/src/views/desktop/transactions/list/dialogs/AIImageRecognitionDialog.vue
+++ b/src/views/desktop/transactions/list/dialogs/AIImageRecognitionDialog.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-dialog width="800" :persistent="loading || recognizing || !!imageFile" v-model="showState">
+    <v-dialog width="800" :persistent="loading || recognizing || !!imageFile" v-model="showState" @paste="onPaste">
         <v-card class="pa-2 pa-sm-4 pa-md-4">
             <template #title>
                 <div class="d-flex align-center justify-center">
@@ -15,7 +15,7 @@
                      @drop.prevent="onDrop">
                     <div class="d-flex w-100 fill-height justify-center align-center justify-content-center px-4"
                          :class="{ 'dropzone': true, 'dropzone-dragover': isDragOver }" style="height: 480px">
-                        <h3 class="pa-2 bg-grey-200" v-if="!loading && !imageFile && !isDragOver">{{ tt('Drag and drop a receipt or transaction image here, or click to select one') }}</h3>
+                        <h3 class="pa-2 bg-grey-200" v-if="!loading && !imageFile && !isDragOver">{{ tt('You can drag and drop, paste or click to select a receipt or transaction image') }}</h3>
                         <h3 class="pa-2 bg-grey-200" v-if="!loading && isDragOver">{{ tt('Release to load image') }}</h3>
                         <h3 class="pa-2" v-if="loading">{{ tt('Loading image...') }}</h3>
                     </div>
@@ -219,6 +219,27 @@ function onDrop(event: DragEvent): void {
     }
 }
 
+function onPaste(event: ClipboardEvent) {
+    if (!event.clipboardData) {
+        event.preventDefault();
+        return;
+    }
+
+    for (let i = 0; i < event.clipboardData.items.length; i++) {
+        const item = event.clipboardData.items[i];
+
+        if (item && item.type.startsWith('image/')) {
+            const file = item.getAsFile();
+
+            if (file) {
+                loadImage(file);
+                event.preventDefault();
+                return;
+            }
+        }
+    }
+}
+
 defineExpose({
     open
 });