feat：订阅分享搜索功能

src/pages/subscribe.vue

@@ -11,9 +11,22 @@ const route = useRoute()
 const subType = route.meta.subType?.toString()
 const subId = ref(route.query.id as string)
 const activeTab = ref(route.query.tab)
+const shareViewKey = ref(0)
 
-// 弹窗
+// 默认订阅设置弹窗
 const subscribeEditDialog = ref(false)
+
+// 搜索订阅分享弹窗
+const searchShareDialog = ref(false)
+
+// 分享订阅过滤词
+const shareFilter = ref('')
+
+// 触发搜索订阅
+const searchShares = () => {
+  searchShareDialog.value = false
+  shareViewKey.value++
+}
 </script>
 
 <template>
@@ -21,6 +34,7 @@ const subscribeEditDialog = ref(false)
     <VHeaderTab :items="subType == '电影' ? SubscribeMovieTabs : SubscribeTvTabs" v-model="activeTab">
       <template #append>
         <VBtn
+          v-if="activeTab === '我的订阅'"
           icon="mdi-clipboard-edit-outline"
           variant="text"
           color="primary"
@@ -28,6 +42,39 @@ const subscribeEditDialog = ref(false)
           class="settings-icon-button"
           @click="subscribeEditDialog = true"
         />
+        <VMenu
+          v-if="activeTab === '订阅分享'"
+          v-model="searchShareDialog"
+          width="35rem"
+          :close-on-content-click="false"
+        >
+          <template #activator="{ props }">
+            <VBtn
+              icon="mdi-movie-search-outline"
+              variant="text"
+              color="primary"
+              size="default"
+              class="settings-icon-button"
+              v-bind="props"
+            />
+          </template>
+          <VCard>
+            <VCardItem>
+              <VCardTitle>
+                <VIcon icon="mdi-movie-search-outline" class="mr-2" />
+                搜索订阅分享
+              </VCardTitle>
+              <DialogCloseBtn @click="searchShareDialog = false" />
+            </VCardItem>
+            <VCardText>
+              <VTextField v-model="shareFilter" label="搜索关键词" clearable>
+                <template #append>
+                  <VBtn prepend-icon="mdi-magnify" color="primary" @click="searchShares">搜索</VBtn>
+                </template>
+              </VTextField>
+            </VCardText>
+          </VCard>
+        </VMenu>
       </template>
     </VHeaderTab>
 
@@ -49,7 +96,7 @@ const subscribeEditDialog = ref(false)
       <VWindowItem value="订阅分享">
         <transition name="fade-slide" appear>
           <div>
-            <SubscribeShareView />
+            <SubscribeShareView :keyword="shareFilter" :key="shareViewKey" />
           </div>
         </transition>
       </VWindowItem>