From e1f022908ceb9fda5b68abbbb8b255eca4c6bcb8 Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Wed, 14 Feb 2024 14:44:54 +0800
Subject: [PATCH] perf: support double click to modify match keyword #149

---
 .../content_value/ContentSearchInput.vue       | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/content_value/ContentSearchInput.vue b/frontend/src/components/content_value/ContentSearchInput.vue
index 4ecd0a8..501bf9e 100644
--- a/frontend/src/components/content_value/ContentSearchInput.vue
+++ b/frontend/src/components/content_value/ContentSearchInput.vue
@@ -68,6 +68,11 @@ const onClearFilter = () => {
     onClearMatch()
 }
 
+const onUpdateMatch = () => {
+    inputData.filter = inputData.match
+    onClearMatch()
+}
+
 const onClearMatch = () => {
     const changed = !isEmpty(inputData.match)
     inputData.match = ''
@@ -97,9 +102,9 @@ defineExpose({
             @keyup.enter="onKeyup">
             <template #prefix>
                 <slot name="prefix" />
-                <n-tooltip v-if="hasMatch">
+                <n-tooltip v-if="hasMatch" placement="bottom">
                     <template #trigger>
-                        <n-tag closable size="small" @close="onClearMatch">
+                        <n-tag closable size="small" @close="onClearMatch" @dblclick="onUpdateMatch">
                             {{ inputData.match }}
                         </n-tag>
                     </template>
@@ -141,4 +146,11 @@ defineExpose({
     </n-input-group>
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+//:deep(.n-input__prefix) {
+//    max-width: 50%;
+//}
+//:deep(.n-tag__content) {
+//    overflow: hidden;
+//}
+</style>