✨ feat: 支持关闭搜索关键词建议功能

Author: imsyy

auto-eslint.mjs

@@ -59,6 +59,7 @@ export default {
     "isRef": true,
     "isShallow": true,
     "makeDestructurable": true,
+    "manualResetRef": true,
     "markRaw": true,
     "nextTick": true,
     "onActivated": true,
@@ -96,11 +97,11 @@ export default {
     "refAutoReset": true,
     "refDebounced": true,
     "refDefault": true,
+    "refManualReset": true,
     "refThrottled": true,
     "refWithControl": true,
     "resolveComponent": true,
     "resolveRef": true,
-    "resolveUnref": true,
     "shallowReactive": true,
     "shallowReadonly": true,
     "shallowRef": true,

src/components/Search/SearchInp.vue

@@ -86,6 +86,10 @@ const setSearchHistory = (keyword: string) => {
 
 // 更换搜索框关键词
 const updatePlaceholder = async () => {
+  if (!settingStore.enableSearchKeyword) {
+    searchPlaceholder.value = "搜索音乐 / 视频";
+    return;
+  }
   try {
     const result = await searchDefault();
     searchPlaceholder.value = result.data.showKeyword;
@@ -162,7 +166,7 @@ const toSearch = async (key: any, type: string = "keyword") => {
 
 onMounted(() => {
   // 每分钟更新
-  if (settingStore.useOnlineService) {
+  if (settingStore.useOnlineService && settingStore.enableSearchKeyword) {
     useIntervalFn(updatePlaceholder, 60 * 1000, { immediate: true });
   }
 });

src/components/Setting/GeneralSetting.vue

@@ -88,6 +88,13 @@
         </div>
         <n-switch class="set" v-model:value="settingStore.showSearchHistory" :round="false" />
       </n-card>
+      <n-card class="set-item">
+        <div class="label">
+          <n-text class="name">搜索关键词建议</n-text>
+          <n-text class="tip" :depth="3">是否启用搜索关键词建议</n-text>
+        </div>
+        <n-switch class="set" v-model:value="settingStore.enableSearchKeyword" :round="false" />
+      </n-card>
       <n-card class="set-item">
         <div class="label">
           <n-text class="name">侧边栏显示封面</n-text>

src/stores/setting.ts

@@ -202,6 +202,8 @@ export interface SettingState {
   hideLikedPlaylists: boolean;
   /** 隐藏心动模式 */
   hideHeartbeatMode: boolean;
+  /** 启用搜索关键词获取 */
+  enableSearchKeyword: boolean;
 }
 
 export const useSettingStore = defineStore("setting", {
@@ -300,6 +302,7 @@ export const useSettingStore = defineStore("setting", {
     hideUserPlaylists: false,
     hideLikedPlaylists: false,
     hideHeartbeatMode: false,
+    enableSearchKeyword: true,
   }),
   getters: {
     /**

src/utils/modal.ts

@@ -1,4 +1,4 @@
-import { h, defineAsyncComponent } from "vue";
+import { h } from "vue";
 import type { CoverType, UpdateInfoType, SettingType, SongType } from "@/types/main";
 import { isLogin } from "./auth";
 import { isArray, isFunction } from "lodash-es";
@@ -14,7 +14,7 @@ import CloudMatch from "@/components/Modal/CloudMatch.vue";
 import CreatePlaylist from "@/components/Modal/CreatePlaylist.vue";
 import UpdatePlaylist from "@/components/Modal/UpdatePlaylist.vue";
 import DownloadSong from "@/components/Modal/DownloadSong.vue";
-const MainSetting = defineAsyncComponent(() => import("@/components/Setting/MainSetting.vue"));
+import MainSetting from "@/components/Setting/MainSetting.vue";
 import UpdateApp from "@/components/Modal/UpdateApp.vue";
 import ExcludeLyrics from "@/components/Modal/ExcludeLyrics.vue";
 import ChangeRate from "@/components/Modal/ChangeRate.vue";