From 8a04564920c8f8a8dde44f8f7e95c7526a5a3e11 Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Thu, 25 Aug 2022 21:46:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=90=9C=E7=B4=A2=E6=A1=86=E5=86=85?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=A3=80=E7=B4=A2=E6=80=BB=E6=9D=A1=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/cpns/ClipSearch.vue | 9 ++++++++-
 src/views/Main.vue      | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/cpns/ClipSearch.vue b/src/cpns/ClipSearch.vue
index 95e5705..33d8933 100644
--- a/src/cpns/ClipSearch.vue
+++ b/src/cpns/ClipSearch.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="clip-search">
-    <input v-model="filterText" type="text" placeholder="🔍 检索剪贴板历史" />
+    <input
+      v-model="filterText"
+      type="text"
+      :placeholder="itemCount ? `🔍 在${itemCount}条历史中检索...` : '🔍 检索剪贴板历史...'"
+    />
     <span v-show="filterText" @click="clear" class="clip-search-suffix">✖</span>
   </div>
 </template>
@@ -11,6 +15,9 @@ const props = defineProps({
   modelValue: {
     type: String,
     required: true
+  },
+  itemCount: {
+    type: Number
   }
 })
 const filterText = ref('')
diff --git a/src/views/Main.vue b/src/views/Main.vue
index d64f4e8..40f1e04 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -8,7 +8,7 @@
     ></ClipFullData>
     <ClipSwitch ref="ClipSwitchRef" @onNavClick="handleNavClick">
       <template #SidePanel>
-        <ClipSearch v-model="filterText"></ClipSearch>
+        <ClipSearch v-model="filterText" :itemCount="showList.length"></ClipSearch>
       </template>
     </ClipSwitch>
     <div class="clip-break"></div>