From 2f25b524cdab833c52c1502a4df2b3159428ba16 Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Wed, 6 Dec 2023 11:10:54 +0800
Subject: [PATCH] perf: add 'use-glob' prop to search input

---
 .../content_value/ContentSearchInput.vue      | 29 ++++++++++++-------
 .../src/components/sidebar/BrowserPane.vue    |  1 +
 frontend/src/langs/en-us.json                 |  2 +-
 frontend/src/langs/zh-cn.json                 |  2 +-
 4 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/content_value/ContentSearchInput.vue b/frontend/src/components/content_value/ContentSearchInput.vue
index 3bba4ac..17f035f 100644
--- a/frontend/src/components/content_value/ContentSearchInput.vue
+++ b/frontend/src/components/content_value/ContentSearchInput.vue
@@ -18,6 +18,10 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    useGlob: {
+        type: Boolean,
+        default: false,
+    },
 })
 
 const emit = defineEmits(['filterChanged', 'matchChanged'])
@@ -82,7 +86,6 @@ defineExpose({
 <template>
     <n-input-group>
         <slot name="prepend" />
-
         <n-input
             v-model:value="inputData.filter"
             :placeholder="$t('interface.filter')"
@@ -99,18 +102,24 @@ defineExpose({
                             {{ inputData.match }}
                         </n-tag>
                     </template>
-                    {{ $t('interface.full_search_result', { pattern: inputData.match }) }}
+                    {{
+                        $t('interface.full_search_result', {
+                            pattern: props.useGlob ? inputData.match : '*' + inputData.match + '*',
+                        })
+                    }}
                 </n-tooltip>
             </template>
             <template #suffix>
-                <n-tooltip trigger="hover">
-                    <template #trigger>
-                        <n-icon :component="Help" />
-                    </template>
-                    <div class="text-block" style="max-width: 600px">
-                        {{ $t('dialogue.filter.filter_pattern_tip') }}
-                    </div>
-                </n-tooltip>
+                <template v-if="props.useGlob">
+                    <n-tooltip trigger="hover">
+                        <template #trigger>
+                            <n-icon :component="Help" />
+                        </template>
+                        <div class="text-block" style="max-width: 600px">
+                            {{ $t('dialogue.filter.filter_pattern_tip') }}
+                        </div>
+                    </n-tooltip>
+                </template>
             </template>
         </n-input>
 
diff --git a/frontend/src/components/sidebar/BrowserPane.vue b/frontend/src/components/sidebar/BrowserPane.vue
index f7274e5..9458922 100644
--- a/frontend/src/components/sidebar/BrowserPane.vue
+++ b/frontend/src/components/sidebar/BrowserPane.vue
@@ -217,6 +217,7 @@ onMounted(() => onReload())
                 :debounce-wait="1000"
                 :full-search-icon="Search"
                 small
+                use-glob
                 @filter-changed="onFilterInput"
                 @match-changed="onMatchInput">
                 <template #prepend>
diff --git a/frontend/src/langs/en-us.json b/frontend/src/langs/en-us.json
index 6ef23c7..8dc2492 100644
--- a/frontend/src/langs/en-us.json
+++ b/frontend/src/langs/en-us.json
@@ -91,7 +91,7 @@
     "unpin_edit": "Cancel Pin",
     "search": "Search",
     "full_search": "Full Search",
-    "full_search_result": "The content has been matched as '*{pattern}*'",
+    "full_search_result": "The content has been matched as '{pattern}'",
     "filter_field": "Filter Field",
     "filter_value": "Filter Value",
     "length": "Length",
diff --git a/frontend/src/langs/zh-cn.json b/frontend/src/langs/zh-cn.json
index 220f7da..39c6df9 100644
--- a/frontend/src/langs/zh-cn.json
+++ b/frontend/src/langs/zh-cn.json
@@ -91,7 +91,7 @@
     "unpin_edit": "取消固定",
     "search": "搜索",
     "full_search": "全文匹配",
-    "full_search_result": "内容已匹配为 *{pattern}*",
+    "full_search_result": "内容已匹配为 {pattern}",
     "filter_field": "筛选字段",
     "filter_value": "筛选值",
     "length": "长度",